/*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* common ================================================ */ html { font-size: 62.5%; word-break: break-all; } @font-face { font-family: 'Zen Kaku Gothic Antique'; font-style: normal; font-weight: 500; src: url('../fonts/ZenKakuGothicAntique-Medium.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Zen Kaku Gothic Antique'; font-style: normal; font-weight: 400; src: url('../fonts/ZenKakuGothicAntique-Regular.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Zen Kaku Gothic Antique'; font-style: normal; font-weight: 700; src: url('../fonts/ZenKakuGothicAntique-Bold.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: url('../fonts/Rubik-Light.woff2') format('woff2'); font-display: swap; } body { -webkit-text-size-adjust: 100%; font-family: 'Zen Kaku Gothic Antique', sans-serif; font-weight: 500; letter-spacing: 0.1em; /*color:#434343;*/ color: #095f86; font-feature-settings: 'palt' 1; -webkit-font-smoothing: antialiased; background: #fbfaf9; } section>.inner { padding: 0 2em 2em; background:#fff; } section.triangle { position: relative; margin-bottom: 0; } section.triangle:after { content: ""; position: absolute; top: 100%; border-right: 42.71vw solid transparent; border-left: 42.71vw solid transparent; border-top: 100px solid #fff; } h1, h2, h3, h4, h5, h6 { word-break: break-word; line-break: strict; overflow-wrap: break-word; word-wrap: break-word; font-weight: bold; } h1, h2 { font-size: 2.6rem; } h3 { font-size: 2rem; } h4 { font-size: 1.6rem; } h5 { font-size: 1.6rem; } p { font-size: 1.4rem; line-height: 1.7; } img { vertical-align: bottom; max-width: 100%; height:auto; } strong { color: #ed8c96; } figcaption { font-size: 1rem; } a { cursor: pointer; } a:hover { opacity: .5; filter: alpha(opacity=60); } sup { font-size: 70%; color: #F33; vertical-align: top; } #breadcrumbs { /*border-bottom: 1px solid #21b7ef; padding-bottom: 1.5em;*/ padding-top: 2em; } #breadcrumbs ul { width: 100%; font-size: 1.2rem; text-align: left; } #breadcrumbs ul li { display: inline-block; vertical-align: top; font-size: 1rem!important; } /* etc --------------------------------------------- */ .screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal!important } .screen-reader-text:focus{ background-color:#ddd; clip:auto!important; clip-path:none; color:#444; display:block; font-size:1em; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 } div#page { width: 100%; min-width: 1260px; position: relative; overflow: hidden; } .pc { display:block; } .sp { display: none; } .color1 { color: #0986ca; } .color2 { color: #1fb6e7; } .color2 { color: #1fb6e7; } .color3 { color: #3fd1d1; } .color4 { color: #fe597f; } .color5 { color: #fcc235; } .color6 { color: #a5cf6a; } .color_red{ color:#F33; } .color_pink{ color:#ed8c96; } .color_blue{ color:#00408f; } .color_green{ color:#479f9d; } .color_ore{ color:#FF8327; } .color_yellow{ color:#FFEB8B; } .color_beige{ color:#dac58b; } .color_brown{ color: #9b8052; } .color_navy{ color:#1F2774; } .color_black{ color:#3e3a39; } .red{ color:#F33; font-weight: bold; } .pink{ color:#ed8c96; font-weight: bold; } .blue{ color:#00408f; font-weight: bold; } .green{ color:#479f9d; font-weight: bold; } .ore{ color:#FF8327; font-weight: bold; } .yellow{ color:#FFEB8B; font-weight: bold; } .beige{ color:#dac58b; font-weight: bold; } .brown{ color: #9b8052; font-weight: bold; } .navy{ color:#1F2774; font-weight: bold; } .futo { font-weight: bold; } .bgc01 { background: #f6f8f8!important; } .bg-none { background: none!important; } .mincho { font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif/*'Noto Serif JP', */; font-weight: 500; } .gothic { font-family: sans-serif; } .foreign { font-family: 'Rubik', sans-serif; font-weight: 700; letter-spacing: 0.3em; } .langE { font-family: 'Rubik', sans-serif; } .Fbox{ display: flex; justify-content: space-between; } .box_line { margin: 2em 0; position: relative; padding: 0.5em 1.5em; border-top: 1px solid #1fb6e7; border-bottom: 1px solid #1fb6e7; } .box_line:before { left: 10px; } .box_line:before, .box_line:after { content: ''; position: absolute; top: -10px; width: 1px; height: -webkit-calc(100% + 20px); height: calc(100% + 20px); background-color: #1fb6e7; } .box_line:after { right: 10px; } h2.ttl-R { font-family: 'Rubik', sans-serif; font-weight: 700; letter-spacing: 0.3em; display: flex; } h2.ttl-L { font-family: 'Rubik', sans-serif; font-weight: 700; letter-spacing: 0.3em; display: flex; justify-content: flex-end; } .arrow { position: relative; height: 80px; margin: -2em auto 2em; left: 50%; } .arrow-Item{ position: absolute; left: 1px; display: block; width: 1px; border-radius: 1px; background: #434343; } .arrow-Item:nth-of-type(1){ top: 0; height: 80px; } .arrow-Item:nth-of-type(2) { bottom: 0; height: 30px; transform: rotate(30deg) translateX(8px); } .arrow-Item:nth-of-type(3) { bottom: 0; height: 32px; transform: rotate(90deg) translateX(-9px); } .arrow-R::after { content: ""; width: 100px; height: 15px; border-bottom: solid 1px; border-right: solid 1px; transform: skew(45deg); } .arrow-L::before { content: ""; width: 100px; height: 15px; border-bottom: solid 1px; border-left: solid 1px; transform: skew(135deg); } .arrow-section { border-bottom: 2px solid #ccc; position: relative; padding: 30px 0 10px; } .arrow-section:after { border: 25px solid transparent; border-top-color: #ccc; border-bottom-width: 0; bottom: -25px; content: ""; display: block; left: 50%; position: absolute; width: 0; } .Dline { display: inline-block; position: relative; padding: 4px; border: solid 1px #3fd1d1; font-size: 0.8em; } .Dline::before { content: ""; position: absolute; top: 8px; bottom: -8px; right: -8px; left: 8px; border: solid 1px #1fb6e7; z-index: 2; } .DlineB { border-bottom: solid 1px #3fd1d1; position: relative; } .DlineB::before { content: ""; position: absolute; top: 8px; bottom: -8px; right: -8px; left: 160px; border-left: solid 1px #1fb6e7; border-bottom: solid 1px #1fb6e7; z-index: 2; } .Pline { border: solid 1px #3fd1d1; padding: 0.5em; width: 100%; } .Pline__f { border: solid 1px #3fd1d1; padding: 0.5em; } .border-img { border: 1px solid #eee; padding: 0.2em; } .wrap_link-A { width: 100%; height: 100%; display: block; } .wrap_link { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 10; } .fade { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .fade:hover { opacity: .5; filter: alpha(opacity=60); } .marker01 { background: linear-gradient(transparent 80%, #f5ff00 20%); } .marker02 { background: linear-gradient(transparent 80%, #aacd06 20%); } .Deco { position: relative; } .Deco:before { content: ''; position: absolute; bottom: -4px; display: inline-block; width: 100%; height: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #3fd1d1; border-radius: 3px; } /*.pagetop { height: 50px; width: 50px; position: fixed; right: 30px; bottom: 30px; background: #fff; border: solid 2px #000; border-radius: 50%; display: none; justify-content: center; align-items: center; z-index: 2; cursor: pointer; } .pagetop__arrow { display: block; height: 10px; width: 10px; border-top: 3px solid #000; border-right: 3px solid #000; transform: translateY(20%) rotate(-45deg); }*/ .pagetop { width: 64px; height: 64px; display: block; position: fixed; bottom: 0; right: 0; z-index: 10; cursor: pointer; } .pagetop:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 64px 64px; border-color: transparent transparent #000 transparent; position: absolute; bottom: 0; right: 0; } .pagetop svg { width: 13px; height: 16px; fill: #fff; -webkit-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; position: absolute; bottom: 12px; right: 11px; } /* css */ .youtube iframe { max-width: 100%; aspect-ratio: 16 / 9; } /*reCAPTHA*/ .grecaptcha-badge { visibility: hidden; } .alignleft { /*rtl:ignore*/ float: left; } .alignright { /*rtl:ignore*/ float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } .left { text-align: left!important; } .right { text-align: right!important; } .center { text-align: center!important; } .img-right { float: right; margin: 0 0 10px 15px; } span.small, small { font-size: 80%; line-height: 1.5; } span.big { font-size: 120%; } a.more { /* display: flex; */ /* align-items: flex-end; */ display: block; position: absolute; background: #26a69a; color: #fff; bottom: 3em; right: 4em; padding: 1em 2em; z-index: 999; } .more p { font-size: 1.2rem; display: flex; flex-direction: row; } .p-link { /*color: #fcc235;*/ color: #dc3232; text-decoration: underline; margin: 0 1px; } .underline { text-decoration: underline; } .none01 { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } a img { border:none; } .w010par{ width:10%; } .w020par{ width:20%; } .w025par{ width:25%; } .w045par{ width:45%; } .w048par{ width:48%; } .w050par{ width:50%; margin-left: auto; margin-right: auto; } .w075par{ width:75%; } .w100par{ width:100%; } .w010{ width: 10px; } .w020{ width: 20px; } .w030{ width: 30px; } .w040{ width: 40px; } .w050{ width: 50px; } .w060{ width: 60px; } .w070{ width: 70px; } .w080{ width: 80px; } .w090{ width: 90px; } .w100 { width: 100px; } .w110 { width: 110px; } .w120 { width: 120px; } .w130 { width: 130px; } .w140 { width: 140px; } .w150 { width: 150px; } .w160 { width: 160px; } .w170 { width: 170px; } .w180 { width: 180px; } .w190 { width: 190px; } .w200 { width: 200px; } .w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w255 { width: 255px; } .w260 { width: 260px; } .w270 { width: 270px; } .w280 { width: 280px; } .w290 { width: 290px; } .w300 { width: 300px; } .w305 { width: 305px; } .w310 { width: 310px; } .w320 { width: 320px; } .w330 { width: 330px; } .w340 { width: 340px; } .w350 { width: 350px; } .w360 { width: 360px; } .w365 { width: 365px; } .w370 { width: 370px; } .w380 { width: 380px; } .w390 { width: 390px; } .w400 { width: 400px; } .w410 { width: 400px; } .w415 { width: 415px; } .w420 { width: 420px; } .w430 { width: 430px; } .w435 { width: 435px; } .w440 { width: 440px; } .w450 { width: 450px; } .w460 { width: 460px; } .w470 { width: 470px; } .w480 { width: 480px; } .w490 { width: 490px; } .w500 { width: 500px; } .w510 { width: 510px; } .w520 { width: 520px; } .w530 { width: 530px; } .w540 { width: 540px; } .w550 { width: 550px; } .w560 { width: 560px; } .w570 { width: 570px; } .w580 { width: 580px; } .w590 { width: 590px; } .w600 { width: 600px; } .w610 { width: 610px; } .w620 { width: 620px; } .w630 { width: 630px; } .w640 { width: 640px; } .w650 { width: 650px; } .w660 { width: 660px; } .w670 { width: 670px; } .w680 { width: 680px; } .w690 { width: 690px; } .w700 { width: 700px; } .w710 { width: 710px; } .w720 { width: 720px; } .w730 { width: 730px; } .w740 { width: 740px; } .w750 { width: 750px; } .w760 { width: 760px; } .w765 { width: 765px; } .w960 { width: 960px; } .w980 { width: 980px; } .h030 { height: 30px; } .h180 { height: 180px; } .h190 { height: 190px; } .h200 { height: 200px; } .h240 { height: 240px; } .h250 { height: 250px; } .h280 { height: 280px; } .h300 { height: 300px; } .h350 { height: 350px; } .mt00 { margin-top: 0px!important; } .mt01 { margin-top: 1px; } .mt02 { margin-top: 2px; } .mt03 { margin-top: 3px; } .mt04 { margin-top: 4px; } .mt05 { margin-top: 5px; } .mt06 { margin-top: 6px; } .mt07 { margin-top: 7px; } .mt08 { margin-top: 8px; } .mt09 { margin-top: 9px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt70 { margin-top: 70px; } .mt80 { margin-top: 80px; } .mt90 { margin-top: 90px; } .mt100 { margin-top: 100px; } .mt110 { margin-top: 110px!important; } .mt120 { margin-top: 120px; } .mr00 { margin-right: 0px!important; } .mr01 { margin-right: 1px; } .mr02 { margin-right: 2px; } .mr03 { margin-right: 3px; } .mr04 { margin-right: 4px; } .mr05 { margin-right: 5px; } .mr06 { margin-right: 6px; } .mr07 { margin-right: 7px; } .mr08 { margin-right: 8px; } .mr09 { margin-right: 9px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .mr60 { margin-right: 60px; } .mr70 { margin-right: 70px; } .mr80 { margin-right: 80px; } .mr90 { margin-right: 90px; } .mr100 { margin-right: 100px; } .mb00 { margin-bottom: 0!important; } .mb01 { margin-bottom: 1px; } .mb02 { margin-bottom: 2px; } .mb03 { margin-bottom: 3px; } .mb04 { margin-bottom: 4px; } .mb05 { margin-bottom: 5px; } .mb06 { margin-bottom: 6px; } .mb07 { margin-bottom: 7px; } .mb08 { margin-bottom: 8px; } .mb09 { margin-bottom: 9px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb70 { margin-bottom: 70px; } .mb80 { margin-bottom: 80px; } .mb90 { margin-bottom: 90px; } .mb100 { margin-bottom: 100px; } .ml00 { margin-left: 0!important; } .ml01 { margin-left: 1px; } .ml02 { margin-left: 2px; } .ml03 { margin-left: 3px; } .ml04 { margin-left: 4px; } .ml05 { margin-left: 5px; } .ml06 { margin-left: 6px; } .ml07 { margin-left: 7px; } .ml08 { margin-left: 8px; } .ml09 { margin-left: 9px; } .ml10 { margin-left: 10px; } .ml12{ margin-left: 12px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } .ml60 { margin-left: 60px; } .ml70 { margin-left: 70px; } .ml80 { margin-left: 80px; } .ml90 { margin-left: 90px; } .ml100 { margin-left: 100px; } .ml140 { margin-left: 140px; } .ml160 { margin-left: 160px; } .ma10 { margin: 10px; } .ma15 { margin: 15px; } .ma_auto { margin-left: auto; margin-right: auto; } .pdRL1em { padding-left: 1em; padding-right: 1em; } .pdRL2em { padding-left: 2em; padding-right: 2em; } .pt00 { padding-top: 0!important; } .pt01 { padding-top: 1px!important; } .pt02 { padding-top: 2px!important; } .pt03 { padding-top: 3px!important; } .pt04 { padding-top: 4px!important; } .pt05 { padding-top: 5px!important; } .pt06 { padding-top: 6px!important; } .pt07 { padding-top: 7px!important; } .pt08 { padding-top: 8px!important; } .pt09 { padding-top: 9px!important; } .pt10 { padding-top: 10px!important; } .pt15 { padding-top: 15px!important; } .pt20 { padding-top: 20px!important; } .pt25 { padding-top: 25px!important; } .pt30 { padding-top: 30px!important; } .pt35 { padding-top: 35px!important; } .pt40 { padding-top: 40px!important; } .pt45 { padding-top: 45px!important; } .pt50 { padding-top: 50px!important; } .pt60 { padding-top: 60px!important; } .pt70 { padding-top: 70px!important; } .pt80 { padding-top: 80px!important; } .pt90 { padding-top: 90px!important; } .pt100 { padding-top: 100px!important; } .pt120 { padding-top: 120px!important; } .pr00 { padding-right: 0!important; } .pr01 { padding-right: 1px; } .pr02 { padding-right: 2px; } .pr03 { padding-right: 3px; } .pr04 { padding-right: 4px; } .pr05 { padding-right: 5px; } .pr06 { padding-right: 6px; } .pr07 { padding-right: 7px; } .pr08 { padding-right: 8px; } .pr09 { padding-right: 9px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px!important; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pr60 { padding-right: 60px; } .pr70 { padding-right: 70px; } .pr80 { padding-right: 80px; } .pr90 { padding-right: 90px; } .pr100 { padding-right: 100px; } .pb00 { padding-bottom: 0!important; } .pb01 { padding-bottom: 1px!important; } .pb02 { padding-bottom: 2px!important; } .pb03 { padding-bottom: 3px!important; } .pb04 { padding-bottom: 4px!important; } .pb05 { padding-bottom: 5px!important; } .pb06 { padding-bottom: 6px!important; } .pb07 { padding-bottom: 7px!important; } .pb08 { padding-bottom: 8px!important; } .pb09 { padding-bottom: 9px!important; } .pb10 { padding-bottom: 10px!important; } .pb15 { padding-bottom: 15px!important; } .pb20 { padding-bottom: 20px!important; } .pb25 { padding-bottom: 25px!important; } .pb30 { padding-bottom: 30px!important; } .pb35 { padding-bottom: 35px!important; } .pb40 { padding-bottom: 40px!important; } .pb45 { padding-bottom: 45px!important; } .pb50 { padding-bottom: 50px!important; } .pb60 { padding-bottom: 60px!important; } .pb70 { padding-bottom: 70px!important; } .pb80 { padding-bottom: 80px!important; } .pb90 { padding-bottom: 90px!important; } .pb100 { padding-bottom: 100px!important; } .pl00 { padding-left: 0!important; } .pl01 { padding-left: 1px; } .pl02 { padding-left: 2px; } .pl03 { padding-left: 3px; } .pl04 { padding-left: 4px; } .pl05 { padding-left: 5px; } .pl06 { padding-left: 6px; } .pl07 { padding-left: 7px; } .pl08 { padding-left: 8px; } .pl09 { padding-left: 9px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } .pl60 { padding-left: 60px; } .pl70 { padding-left: 70px; } .pl80 { padding-left: 80px; } .pl90 { padding-left: 90px; } .pl100 { padding-left: 100px; } .pa01 { padding: 1px; } .pa02 { padding: 2px; } .pa03 { padding: 3px; } .pa04 { padding: 4px; } .pa05 { padding: 5px; } .pa10 { padding: 10px; } .pa15 { padding: 15px; } .txt12 { font-size: 1.2rem; } .txt13 { font-size: 1.3rem; } .txt14 { font-size: 1.4rem; } .txt15 { font-size: 1.5rem; } .txt16 { font-size: 1.6rem; } .txt17 { font-size: 1.7rem; } .txt18 { font-size: 1.8rem; } .txt19 { font-size: 1.9rem; } .txt20 { font-size: 2rem; } .txt23 { font-size: 2.3rem; } .txt25 { font-size: 2.5rem; } .txt28 { font-size: 2.8rem; } .txt30 { font-size: 3rem; } .bold { font-weight: bold; } .lh17{ line-height: 1.7; } .lh18{ line-height: 1.8; } .lh20{ line-height: 2; } .clear { clear: both; } .v_top { vertical-align:top; } .v_mid { vertical-align:middle; } .v_btm { vertical-align:bottom; } .ls_0{ letter-spacing:0; } .ls_1{ letter-spacing:1px; } .indent{ margin-left:1em !important; text-indent:-1em; } .line_h_2{ line-height:2 !important; } .clearfix:after { display: block; clear: both; content: ""; } .cf:after { display: block; clear: both; content: ""; } @media screen and (min-width: 769px){ body { min-width: 1260px; } } @media screen and (max-width: 768px){ body { width: 100%; font-size: 1.3rem; } } /*スマートフォンのブレイクポイント*/ @media screen and (max-width: 620px){ body { /*初期化*/ min-width: initial; } } @media screen and (max-width: 620px){ section.triangle:after { border-right: 50vw solid transparent; border-left: 50vw solid transparent; } .pc { display: none; } .sp { display: block; } }