@charset "utf-8"; /* Theme Name: Olive Dental Akabane Theme URI: https://www.olive-dental.tokyo/ Description: Olive Dental Akabane Version: 1.0 Author: Olive Dental Akabane Author URI: https://www.olive-dental.tokyo/ */ /* reset CSS html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body { line-height:1;} eader,hgroup,menu,nav,section { display:block;} nav ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none;} /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} abbr['title'], dfn['title'] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0;} /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} input, select { vertical-align:middle;} /*--- base ---*/ * { margin:0px; padding:0px;} html { font-size: 62.5%; } body { font-family: 'Noto Serif JP', serif; font-weight: 400; line-height: 1.7; text-align: left; color: #595757; -webkit-text-size-adjust: 100%; font-size: 1.3rem; font-size: 3.46667vw; background: #FFF; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: 400;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;} a:link,a:visited { color: #595757; text-decoration: none; opacity: 1;} a:active,a:hover { color: #595757; text-decoration: none; opacity: 0.8;} a:link img,a:visited img { opacity: 1;} a:active img,a:hover img { opacity: 0.8;} a,a img { outline: none; transition: all .1s ease-in-out;} img { max-width: 100%; height: auto;} img.imgCh { width: auto;} img[src$=".svg"] { width: auto;} /* pcfs10 spfs10 pcfs11 spfs11 pcfs12 spfs12 pcfs13 spfs13 pcfs14 spfs14 pcfs15 spfs15 pcfs16 spfs15 pcfs17 spfs16 pcfs18 spfs16 pcfs19 spfs17 pcfs20 spfs18 pcfs21 spfs18 pcfs22 spfs19 pcfs23 spfs19 pcfs24 spfs20 pcfs25 spfs20 pcfs26 spfs21 pcfs27 spfs22 pcfs28 spfs22 pcfs29 spfs23 pcfs30 spfs23 pcfs31 spfs24 pcfs32 spfs24 pcfs33 spfs24 pcfs34 spfs24 pcfs35 spfs25 pcfs36 spfs25 pcfs37 spfs25 pcfs38 spfs25 pcfs39 spfs26 pcfs40 spfs26 pcfs41 spfs26 pcfs42 spfs26 pcfs43 spfs26 pcfs44 spfs27 pcfs45 spfs27 pcfs46 spfs27 pcfs47 spfs27 pcfs48 spfs28 pcfs49 spfs28 pcfs50 spfs28 pcfs51 spfs28 pcfs52 spfs28 pcfs53 spfs29 pcfs54 spfs29 pcfs55 spfs29 pcfs56 spfs29 pcfs57 spfs30 pcfs58 spfs30 pcfs59 spfs30 pcfs60 spfs30 */ /*general*/ .pR1em { padding-right: 1em; } .clfx::after { content: ""; clear: both; display: table;} .fsI { font-style: italic; } .dB { display: block; } .dIB { display: inline-block; } .ofH { overflow: hidden;} .fL { float: left;} .fR { float: right;} .aL { text-align: left !important;} .aC { text-align: center !important;} .aR { text-align: right !important;} .aJ { text-align: justify !important; text-justify: inter-ideograph !important;} .fwN { font-weight: normal !important;} /*.fw200 { font-weight: 200 !important;}*/ /*Extra-Light*/ /*.fw300 { font-weight: 300 !important;}*/ /*Light*/ .fw400 { font-weight: 400 !important;} /*Regular*/ .fw500 { font-weight: 500 !important;} /*Medium*/ /*.fw600 { font-weight: 600 !important;}*/ /*Semi-Bold*/ .fw700 { font-weight: 700 !important;} /*Bold*/ .fw800 { font-weight: 800 !important;} /*Black*/ /*.fw900 { font-weight: 900 !important;}*/ /*Black*/ .fwB { font-weight: bold !important;} .clB { clear: both !important;} .wSN { white-space: nowrap !important;} .lSN { letter-spacing: 0 !important;} .posR { position: relative; } .txtV { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} .txtL { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: rl; writing-mode: horizontal-tb;} .lh100 { line-height: 1.00; } .lh120 { line-height: 1.20; } .lh140 { line-height: 1.40; } .lh150 { line-height: 1.50; } .lh160 { line-height: 1.60; } .lh180 { line-height: 1.80; } .lh200 { line-height: 2.00; } .lh216 { line-height: 2.16; } .lh225 { line-height: 2.25; } .ls0 { letter-spacing: 0 !important; } .ls050 { letter-spacing: 0.05em !important; } .ls100 { letter-spacing: 0.10em !important; } .ls200 { letter-spacing: 0.20em !important; } .ls300 { letter-spacing: 0.30em !important; } .ls400 { letter-spacing: 0.40em !important; } .lsM200 { letter-spacing: -0.20em; } .noteTxt { margin-left: 1em; text-indent: -1em; } .colWh { color: #FFF !important; } .colYw01 { color: #bfb336; } .colYw02 { color: #ad993b; } .colYw03 { color: #9d8125; } .colYw04 { color: #A8943B; } .colGy01 { color: #231815; } .colPk01 { color: #D0507F; } .colPk02 { color: #e45971; } .colBl01 { color: #4B84B8; } .colBl02 { color: #000059; } .colOr01 { color: #ea5514; } .colGn01 { color: #69BB7C; } .colBn01 { color: #9e5648; } .ffGot { font-family: 'Noto Sans JP', sans-serif !important;} .ffCzl { font-family: 'Cinzel', serif !important;} .ffMin { font-family: 'Noto Serif JP', serif !important; } /*animation */ .onloadAni { transition: all 1s ease-in-out; opacity: 0;} .aniObj { transition: all 1s ease-in-out; opacity: 0; transform-origin: left top; } .aniObjY01 { transform: translateY(20px); } .aniObjR01 { transform: translateX(20px); } .aniObjL01 { transform: translateX(-20px); } .aniDisp { opacity: 1; transform: translateY(0) translateX(0) rotate(0); } .aniObjD0 { transition-delay: 0s; } .aniObjD1 { transition-delay: 0.1s; } .aniObjD2 { transition-delay: 0.2s; } .aniObjD3 { transition-delay: 0.3s; } .aniObjD4 { transition-delay: 0.4s; } .aniObjD5 { transition-delay: 0.5s; } .aniObjD6 { transition-delay: 0.6s; } .aniObjD7 { transition-delay: 0.7s; } .aniObjD8 { transition-delay: 0.8s; } .aniObjD9 { transition-delay: 0.9s; } .aniObjD10 { transition-delay: 1s; } .aniObjD11 { transition-delay: 1.1s; } .aniObjD12 { transition-delay: 1.2s; } .aniObjD13 { transition-delay: 1.3s; } .aniObjD14 { transition-delay: 1.4s; } .aniObjD15 { transition-delay: 1.5s; } .aniObjD16 { transition-delay: 1.6s; } .aniObjD17 { transition-delay: 1.7s; } .aniObjD18 { transition-delay: 1.8s; } .aniObjD19 { transition-delay: 1.9s; } .aniObjD20 { transition-delay: 2s; } .aniObjD21 { transition-delay: 2.1s; } .aniObjD22 { transition-delay: 2.2s; } .aniObjD23 { transition-delay: 2.3s; } .aniObjD24 { transition-delay: 2.4s; } .aniObjD25 { transition-delay: 2.5s; } .aniObjD26 { transition-delay: 2.6s; } .aniObjD27 { transition-delay: 2.7s; } .aniObjD28 { transition-delay: 2.8s; } .aniObjD29 { transition-delay: 2.9s; } .aniObjD30 { transition-delay: 3s; } /* common *************************************************************************************************************************************************************************************/ /*header*/ header { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 56px; background: rgba(255,255,255,0.6); line-height: 1;} #contentBody header { background: rgba(255,255,255,1); } #title { position: absolute; bottom: 16px; left: 6.93vw; } #title img { width: auto; height: 9px; } /* #insta { position: absolute; top: 10px; right: 72px; } #insta img { width: auto; height: 32px; } */ #headerURL { position: absolute; top: 78px; right: 20px; white-space: nowrap; font-size: 2.13vw; font-family: 'Cinzel', serif; webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} #snsBtns { position: fixed; top: calc( 78px + 35.2vw + 24px); right: 12px;} #snsBtns > li { margin-bottom: 6px;} #snsBtns img { width: auto; height: 24px; } /*---nav---*/ /*nav*/ .navLock { height: 100%; overflow: hidden; } #menuBtn { position: fixed; top: 0; right: 0; width: 56px; height: 56px; z-index: 110; cursor: pointer;} #menuBtn .menuBtnBar { display: block; position: absolute; left: 11px; width: 34px; height: 1px; background: #534849; transition: all 0.25s ease-in-out;} #menuBtn01 { top: 11px;} #menuBtn02 { top: 26px;} #menuBtn03 { top: 41px;} .active #menuBtn01 { top: 26px; left: 13px; transform: rotate(45deg); } .active #menuBtn02 { top: 26px; left: 13px; transform: rotate(-45deg);} .active #menuBtn03 { opacity: 0;} nav { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; box-sizing: border-box; background: rgba(255,255,255,1); font-family: 'Cinzel', serif;} nav > dl { padding: 48px 0 0 0; height: 100%; box-sizing: border-box;} nav > dl > dt { text-align: center; margin: 0 0 4.27vw;} nav > dl > dt img { width: auto; height: 64px; } nav > dl > dd { box-sizing: border-box; overflow: auto; padding: 8px 8vw 56px; font-size: 4.27vw; max-height: calc( 100% - 48px - 64px - 24px); line-height: 1; letter-spacing: 0.1em;} nav > dl > dd a { color: #231815 !important;} nav > dl > dd a:hover { color: #231815; opacity: 1;} nav > dl > dd a:before { content: '・ '; } nav > dl > dd span:hover { color: #231815; opacity: 1;} nav > dl > dd span:before { content: '・ '; } nav > dl > dd > ul { color: #231815; margin: 0 0 72px;} nav > dl > dd > ul:last-child { margin-bottom: 0;} nav > dl > dd > ul > li { margin: 0 0 24px;} nav > dl > dd > ul > li:last-child { margin-bottom: 0;} nav > dl > dd > ul > li > ul { padding: 15px; } nav > dl > dd > ul > li > ul > li { margin: 0 0 15px; } nav > dl > dd > ul > li > ul > li:last-child { margin-bottom: 0; } /*footer*/ #footerExplanationLink { background: #FFF;} #footerExplanationLink ul { border-top: #063925 solid 1px; border-bottom: #063925 solid 1px; padding: 8px 0; display: flex; flex-wrap: wrap; align-items: center; font-family: 'Noto Serif JP', serif; font-size: 1.4rem; font-size: 3.73333vw; line-height: 1;} #footerExplanationLink ul li { width: 50%; position: relative; } #footerExplanationLink ul li:nth-child(1):after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #063925; } #footerExplanationLink ul li a { display: block; padding: 1em 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #063925;} #dentalLoanLink {} #dentalLoanLink > a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 10px 0; border-top: #063925 solid 1px; } #dentalLoanLink > a > span { display: block; } #dentalLoanLink > a > span:nth-child(1) { width: 74px; margin-right: 20px;} #dentalLoanLink > a > span:nth-child(2) { } footer { background: #FFF; } #footerTitle { display: none; } #footer01 { padding: 10.67vw 8vw 0; margin: 0 0 14.93vw;} #footer0101 {} #footer0101-01 { font-size: 4.53vw; text-align: center; line-height: 2; letter-spacing: 0.4em; margin: 0 0 8vw;} #footer0101-02 { padding: 0 0 10.67vw;} .timeTable { width: 100%; } .timeTable th,.timeTable td { font-weight: 400; line-height: 1.2; font-size: 3.47vw;} .timeTable th { } .timeTable th[scope=col] { text-align: center;} .timeTable td { width: 9%; padding: 2.67vw 0; text-align: center;} .saturday { color: #006AB4 !important; } .holiday { color: #cc4770 !important; } #footer0101-02Ul { display: flex; flex-wrap: wrap; font-size: 2.67vw; padding: 2.67vw 0 0;} #footer0101-02Ul li { padding: 0 1.87vw; } #footer0101-03 {} #footer0101-03 > dt { font-size: 4.53vw; text-align: center; line-height: 2; letter-spacing: 0.4em; margin: 0 0 6.4vw;} #footer0101-03 > dd {} #footer0101-03 > dd > ul > li { margin-bottom: 5vw; } #footer0101-03 > dd > ul > li:last-child { margin-bottom: 0; } #footer0101-03 > dd dl { display: flex; flex-wrap: wrap; font-size: 3.47vw;} #footer0101-03 > dd dl dt { margin-left: -0.5em;} #footer0101-03 > dd dl dt:before { } #footer0101-03 > dd dl dd { } #footer0102 { display: none; } .footerInformationList {} .spInformationListDate {} .spInformationListSub {} #footerMap { position: relative; padding-bottom: 100vw; padding-top: 0; height: 0; overflow: hidden;} #footerMap iframe, #footerMap object, #footerMap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #footer02 { padding: 21.33vw 5.33vw 10.67vw; background: url(images/index_grouop_img01.jpg) 0 0 no-repeat; background-size: 33% auto;} #footer02Sub01 { padding: 13.33vw 0 0; margin: 0 0 10.67vw; text-align: center; font-weight: 400; color: #738963; font-size: 4vw; background: url(images/index_grouop_img02.svg) 50% 0 no-repeat; background-size: auto 11.73vw;} .footerGrouopList01 { overflow: hidden; margin: -8.53vw 0 0; } .footerGrouopList01 li { overflow: hidden; text-align: center; color: #738963; margin: 8.53vw 0 0; padding: 0 4.27vw; line-height: 1.2; box-sizing: border-box;} .footerGrouopList01 li a:link,.footerGrouopList01 li a:visited { color: #738963;} .footerGrouopList01 li a:active,.footerGrouopList01 li a:hover { color: #738963;} .footerGrouopList01Img { padding: 0 0 5.33vw; text-align: center;} .footerGrouopList01Img img { display: inline-block !important;} .footerGrouopList01 dt { padding: 0 0 0.53vw; margin: 0 0 4.27vw; border-bottom: #738963 solid 1px; font-size: 4vw; line-height: 1.2;} .footerGrouopList01Tel { padding: 0 0 4.8vw; font-weight: bold; font-size: 4.53vw; letter-spacing: 0.1em; font-family: 'Cinzel', serif;} .footerGrouopList01Time { padding: 0 0 10.67vw; font-size: 3.2vw; line-height: 1.75; white-space: nowrap;} .footerGrouopList01Detail { margin: 0 0 4.27vw; } .footerGrouopList01Detail a { display: block; padding: 2.67vw; border: #738963 solid 1px;} .footerGrouopList01Detail a:link,.footerGrouopList01Detail a:visited { } .footerGrouopList01Detail a:active,.footerGrouopList01Detail a:hover { background: #738963; color: #FFF !important;} .footerGrouopList01 .slick-arrow { position: absolute; z-index: 10; top: 22vw; text-indent: -999px; height: 40px; width: 16px; background-color: transparent; border: none; } .footerGrouopList01 .slick-arrow.slick-prev { left: 0; background: url(images/icon_prev.png) no-repeat 0 0 / 100% 100%;} .footerGrouopList01 .slick-arrow.slick-next { right: 0; background: url(images/icon_next.png) no-repeat 0 0 / 100% 100%;} .footerBnrList { overflow: hidden; margin: 30px 0 0px; } .footerBnrList li { margin: 0 2.67vw; border: #696967 solid 1px; padding: 1px; box-sizing: border-box;} .footerBnrList li img { width: 100%;} .footerBnrJidv { margin: 32px 2.67vw 0;} footer small { display: block; text-align: center; background: #CFCFCF; color: #FFF; font-size: 2.67vw; padding: 4.27vw 0; font-family: 'Noto Sans JP', sans-serif;} #bnr210613 { padding: 0 8vw 0; margin: 0 0 14.93vw;} /* parts *************************************************************************************************************************************************************************************/ .pageTitle { position: relative; width: 100%; height: 53.3vw; margin: 0 0 8.53vw; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} #staffTitle { background-image: url(images/staff_main.jpg); } #implantTitle { background-image: url(images/implant_main.jpg); } #aestheticTitle { background-image: url(images/aesthetic_main.jpg); } .pageTitle:before { content: ''; display: block; width: 100%; height: 26.65vw; position: absolute; top: 0; left: 0; background: url(images/page-title_bg.png) no-repeat 50% 50% / cover; mix-blend-mode: lighten; } #pageTitleTxt { position: absolute; top: 50%; left: 0; width: 100%; box-sizing: border-box; padding: 0 0 0 6.4vw; transform: translateY(-50%); color: #FFF; font-family: 'Cinzel', serif; font-size: 6.67vw; line-height: 1.76; letter-spacing: 0.2em;} #aestheticTitle #pageTitleTxt { margin-top: 0.8em;} .pageTitle02 { position: relative; background-repeat: no-repeat; background-position: 50% 0; background-size: 100%; min-height: 126vw; margin: 0 0 6.4vw;} .pageTitle02.pageTitle0201 { min-height: 106.6vw; margin: 0 0 10.67vw;} .pageTitle02:before { content: ''; display: block; height: calc( 100% - 19.2vw); width: 13.6vw; background: url(images/title_bg01_sp.png) no-repeat 0 0 / cover; position: absolute; top: 0; left: 0;} .pageTitle02.pageTitle0201:before { height: 100%;} .pageTitle02.pageTitle0202 { min-height: 106.6vw; margin: 0 0 23.47vw;} .pageTitle02:before { content: ''; display: block; height: calc( 100% - 19.2vw); width: 13.6vw; background: url(images/title_bg01_sp.png) no-repeat 0 0 / cover; position: absolute; top: 0; left: 0;} .pageTitle02.pageTitle0202:before { height: 100%;} #pediatricTitle { background-image: url(images/pediatric_main_sp.jpg); } #flowTitle { background-image: url(images/flow_main_sp.jpg); } #wireTitle { background-image: url(images/wire_main_sp.jpg); } #ceramicTitle { background-image: url(images/ceramic_main_sp.jpg); } #mouthpieceTitle { background-image: url(images/mouthpiece_main_sp.jpg); } #caseTitle { background-image: url(images/case_main_sp.jpg); } #lingual-bracketTitle { background-image: url(images/lingual-bracket_main_sp.jpg); } #lingual-bracketTitle #pageTitle02TxtEn03 {} #lingual-bracketTitle #pageTitle02TxtJp03 { color: #FFF; letter-spacing: 0.16em; font-size: 2.5rem; font-size: 6.67vw;} #pageTitle02TxtEn01 { position: absolute; bottom: 18.4vw; left: 0; line-height: 1.43; font-size: 4.27vw; letter-spacing: 0.2em; width: 100%; box-sizing: border-box; padding: 3.73vw 6.93vw; background: rgba(255,255,255,0.5); font-family: 'Cinzel', serif; color: #000;} #pageTitle02TxtJp01 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 5.33vw; letter-spacing: 0.4em;} #pageTitle02TxtEn02 { position: absolute; bottom: 18.4vw; left: 0; line-height: 1.43; font-size: 4.27vw; letter-spacing: 0.2em; width: 100%; box-sizing: border-box; padding: 3.73vw 6.93vw; background: rgba(255,255,255,0.5); font-family: 'Cinzel', serif; color: #000;} #pageTitle02TxtJp02 { position: absolute; bottom: -16.53vw; left: 0; width: 100%; text-align: center; font-size: 5.33vw; letter-spacing: 0.4em;} #pageTitle02TxtEn03 { position: absolute; bottom: 0; left: 0; line-height: 1.43; font-size: 4.27vw; letter-spacing: 0.2em; width: 100%; box-sizing: border-box; padding: 3.73vw 6.93vw; background: rgba(255,255,255,0.5); font-family: 'Cinzel', serif; color: #000;} #pageTitle02TxtJp03 { position: absolute; bottom: 18.4vw; left: 0; width: 100%; font-size: 6.67vw; letter-spacing: 0.4em; padding: 0 6.93vw; color: #000;} .pageTitle03 { position: relative; background-repeat: no-repeat; background-position: 50% 0; background-size: 100%; min-height: 53.3vw; margin: 0 0 4vw;} #pageTitle03Txt01 { position: absolute; top: 6.13vw; left: 8vw; letter-spacing: 0.2em; color: #E45971; font-size: 6.67vw;} #pageTitle03Txt02 { position: absolute; bottom: 5.33vw; left: 8vw; letter-spacing: 0.2em; color: #231815; font-size: 4.8vw; } #campaignTitle { background-image: url(images/campaign_main_sp.jpg); } .hTxt01 { text-align: center; border-top: #BFB336 solid 1px; border-bottom: #BFB336 solid 1px; line-height: 1.4; padding: 1.33vw 0;} .hTxt02 { font-family: 'Noto Sans JP', sans-serif; text-align: center; font-weight: 700; letter-spacing: 0.2em;} .hTxt02:before { content: '| '; font-weight: 400;} .hTxt02:after { content: ' |'; font-weight: 400;} .hTxt03 { border-bottom: 2px solid; text-align: center; letter-spacing: 0.2em;} .hTxt04 { min-height: 24vw; width: 100%; background: url(images/circle_03.png) no-repeat 50% 50% / 24vw auto; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; line-height: 1.2; letter-spacing: 0.2em;} .hTxt04En { display: block; margin-bottom: 2.67vw;} .hTxt04Jp { display: block; } .hTxt05 { text-align: center; color: #988025; border-bottom: #988025 solid 1px; font-size: 2.3rem; font-size: 6.13vw; line-height: 1.4; letter-spacing: 0.1em; padding-bottom: 4px;} .hTxt06 { display: flex; flex-wrap: wrap; color: #988025;} .hTxt06Num { font-size: 60px; line-height: 1; width: 80px; letter-spacing: 0.2em; transform: translateY(-4px);} .hTxt06Txt { font-size: 1.9rem; font-size: 5.07vw; line-height: 1.47; width: calc( 100% - 80px ); letter-spacing: 0.1em;} .dlPt01 dt { border-bottom: #C7BD4F solid 1px; text-align: center; margin-bottom: 2.67vw;} .lovalNav { font-family: 'Noto Sans JP', sans-serif; border: #BFB336 solid 1px; line-height: 1.4;} .lovalNav > li { border-bottom: #BFB336 solid 1px; letter-spacing: 0.2em;} .lovalNav > li:last-child { border-bottom: none;} .lovalNav a { position: relative; padding: 0 0 0 18.67vw; display: flex; flex-wrap: wrap; align-items: center; color: #BFB336; width: 100%; height: 13.33vw; box-sizing: border-box; } .lovalNav a:before,.lovalNav a:after { content: ""; display: block; position: absolute; top: 50%; left: 5.33vw; transform: translateY(-50%); transform-origin: right center; background: #bfb336; width: 6.93vw; height: 4px;} .lovalNav a:before { transform: translateY(-50%) rotate(25deg);} .lovalNav a:after { transform: translateY(-50%) rotate(-25deg); margin: -1px 0 0;} .lovalNav .active a { background: #BFB336; color: #FFF; } .lovalNav .active a:before,.lovalNav .active a:after { background: #FFF;} .lovalNav a:hover { background: #BFB336; color: #FFF; } .lovalNav a:hover:before,.lovalNav .active a:before, .lovalNav a:hover:after,.lovalNav .active a:after { background: #FFF;} .featureList01 {} .featureList01 > li { margin-bottom: 5.33vw; } .featureList01Img {} .featureList01Txt { position: relative; margin: 0 4vw; padding: 3.2vw; box-sizing: border-box;} .featureList01Txt:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(images/bg_gra01.png) no-repeat 50% 50% / cover; opacity: 0.2;} .featureList01TxtNum { color: #BFB336; font-size: 20vw; font-family: 'Cinzel', serif; line-height: 1; position: absolute; top: -6.4vw; left: 4.27vw;} .featureList01TxtDl {} .featureList01TxtDl dt { padding: 0 0 2.67vw 12.8vw; } .featureList01TxtDl dd {} .middotList01 {} .middotList01 > li { margin-left: 0.8em; text-indent: -0.8em;} .middotList01 > li:before { content: '・ '; } .listPt01 {} .listPt01 > li { position: relative; padding-left: 1.5em; margin: 0 0 5.33vw;} .listPt01 > li:before { content: "○"; position: absolute; top: 0.4em; left: 0;} .imgList01 { display: flex; flex-wrap: wrap; justify-content: center; } .imgList01 > li { width: 32vw; margin: 0 4.27vw;} .imgList02 {} .imgList02 > li { margin: 0 0 8.53vw; } .imgList02 > li:last-child { margin-bottom: 0;} .linkBtn01 { display: inline-block; background: #DCDDDD; padding: 0.5em 4em 0.5em 1em; } .linkBtn02 { display: inline-block; background: #f3f3f3; padding: 0.5em 4em 0.5em 4em; } .linkBtn03 { display: block; text-align: center; background: #dfd99a; padding: 0.5em 0 0.5em 0; } .linkBtn04 { display: block; padding: 18px 0; border: #2068AC solid 1px; font-size: 4.27vw; color: #0052a0 !important; text-align: center; line-height: 1;} .bnrLink { display: block; position: relative;} .bnrLink01 { display: block; position: relative; padding: 4.8vw 0 4.8vw 8vw; width: 82.6vw; box-sizing: border-box; color: #000; font-size: 4.27vw;} .bnrLink01 > span { } .bnrLink01:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url(images/bg_gra01.png) no-repeat 0 0 / 100% 100%; opacity: 0.73;} .bnrLink02 { display: block; position: absolute; bottom: 3.2vw; left: 0; padding: 0 0 0 8vw;} .bnrLink03 { display: block; padding: 0 0 0 31%; margin: -12.8vw 0 0;} .linkList01 { display: flex; flex-wrap: wrap; justify-content: space-between; } .linkList01 > li { width: 100%; text-align: center; line-height: 1; margin: 4vw 0 0; font-size: 4vw; letter-spacing: 0.2em;} .linkList01 > li:nth-child( -n + 1 ) { margin-top: 0;} .linkList01 > li > a { display: block; background: #EFEFEF; box-sizing: border-box; padding: 5.33vw;} .linkList01 > li > a > span { display: block; } .linkList01 > li > a > span:nth-child(1) { border-bottom: #FFF 1px solid; padding: 0 0 2.13vw; margin: 0 0 2.13vw;} .linkList02 { display: flex; flex-wrap: wrap; justify-content: space-between; } .linkList02 > li { width: 100%; text-align: center; line-height: 1; margin: 4.27vw 0 0; font-size: 4vw; letter-spacing: 0.2em;} .linkList02 > li:nth-child( -n + 1 ) { margin-top: 0;} .linkList02 > li > a { position: relative; display: block; background: #EFEFEF; box-sizing: border-box; padding: 2.67vw 5.33vw;} .linkList02 > li > a:before { content: ""; display: block; width: 1.6vw; height: 100%; position: absolute; top: 0; left: 0; background: url(images/bg_gra01.png) no-repeat 0 0 / 100% 100%; opacity: 0.73;} .linkList02 > li > a > span { display: block; } .linkList02 > li > a > span:nth-child(1) { } .linkList02 > li > a > span:nth-child(2) { border-top: #FFF 1px solid; padding: 2.13vw 17.07vw 0; margin: 2.13vw 0 0; display: inline-block;} .bnrList01 {} .bnrList01 > li { margin: 7.47vw 0 0; } .bnrList01 > li:nth-child( -n + 1 ) { margin-top: 0;} .bnrInvisalign { display: block; min-height: 30.6vw; background: url(images/bnr_invisalign_01.png) no-repeat 50% 50%/ cover; text-align: center; color: #FFF !important;} .bnrInvisalign > span { display: block; } .bnrInvisalign > span:nth-child(1) { height: 17vw; background: rgba(255,255,255,0.3); display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .bnrInvisalign > span:nth-child(1) img { width: auto; height: 11.7vw;} .bnrInvisalign > span:nth-child(2) { height: calc( 30.6vw - 17vw ); display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .bnrInvisalign > span:nth-child(2) > span { display: inline-block; } .bnrBtn01 { display: block; min-height: 30.6vw; border: #9D8125 solid 1px; box-sizing: border-box;} .bnrBtn01 > span { display: block; } .bnrBtn01 > span:nth-child(1) { letter-spacing: 0.1em; height: 17vw; background: rgba(255,255,255,1); color: #9D8125; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .bnrBtn01 > span:nth-child(2) { height: calc( 30.6vw - 17vw ); background: #9D8125; color: #FFF; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .bnrBtn01 > span:nth-child(2) > span { display: inline-block; } .btnLink01 { display: block; text-align: center; border-radius: 8px; padding: 1em 0;} .btnLink01Pk01 { background: #ED93A3; color: #FFF !important;} .btnLink01Pk02 { border: #ED93A3 solid 1px; color: #ED93A3 !important;} .btnLink02 { display: block; text-align: center; border-radius: 16px; padding: 1em 0; font-family: 'Noto Sans JP', sans-serif !important; letter-spacing: 0.2em;} .btnLink02Gn01 { background: #69B2A5; color: #FFF !important;} .table01 { width: 100%; } .table01 th,.table01 td { padding: 8px 18px; border: #C7BD4F solid 1px; font-weight: normal; line-height: 1.4;} .pcReserv { display: none; } #spCTA { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 86px; background: rgba(255,255,255,0.6); text-align: center; color: #231815; line-height: 1;} #spCTATxt01 { text-align: center; font-size: 13px; padding: 8px 0 6px;} #spCTATxt0101 { font-size: 18px; display: inline-block; padding: 0 0.2em;} #spCTATxt0102 { font-size: 10px; } #spCTAList { display: flex; flex-wrap: wrap; align-items: center; } #spCTAList > li { width: 50%; box-sizing: border-box; font-size: 13px;} #spCTAList > li:nth-child(1) { border-right: #a49b9e 1px solid; } #spCTAList > li a { padding: 6px 0 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #231815;} #spCTATel { letter-spacing: 0.18em; } #spCTATel > span { display: inline-block; background: url(images/icon_tel01.svg) no-repeat 0 50% /auto 24px ; padding: 5px 0 6px 24px;} #spCTAResrv { letter-spacing: 0.075em; } #spCTAResrv > span { display: inline-block; background: url(images/icon_reservation01.svg) no-repeat 0 50% /auto 24px ; padding: 5px 0 6px 31px;} #campaignBtn { width: 100%; padding: 0 2.67vw; box-sizing: border-box; position: fixed; bottom: 104px; left: 0; z-index: 10; text-align: center;} #campaignBtn a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #FFF; color: #E45971 !important; height: 50px; font-size: 1.7rem; border-radius: 13.33vw; letter-spacing: 0.2em;} /* page *************************************************************************************************************************************************************************************/ html,body { height: 100%; } #indexBody { padding: 100vh 0 0;} #contentBody { padding-top: 56px; } #indexofH { overflow: hidden;} #indexWrap { background: #FFF; } .indexSub01 { position: relative; padding-left: 8vw; padding-right: 8vw;} .indexSub01Jp { font-size: 4vw; line-height: 1; position: absolute; top: 50%; left: 0; width: 100%; padding-left: 8vw; padding-right: 8vw; box-sizing: border-box; transform: translateY(-50%); font-size: 4vw; letter-spacing: 0.2em;} .indexSub01En { font-size: 8vw; line-height: 2.475; letter-spacing: 0.2em; font-family: 'Cinzel', serif;} #indexAesthetic .indexSub01En { letter-spacing: 0.1em;} #indexMain { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden;} #indexMainMarble { position: relative; z-index: 0; width: 100vw; height: 100vh; background: #FFF; /*opacity: 0.5; */ filter: blur(50px); /*transform: scale(1.2,1.2);*/} #indexMainMarble video { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 100vw; min-height: 100vh;} #indexMain h2 { width: 100%; position: absolute; top: 40vh; left: 0; z-index: 1; text-align: center;} #indexMain h2 img { width: 67.46vw;} #indexMainScroll { width: 100%; position: absolute; top: 65vh; left: 0; text-align: center; font-family: 'Cinzel', serif; font-size: 2.93vw; letter-spacing: 0.2em; padding: 0 0 46px; background: url(images/index_main-arrow01.svg) no-repeat 50% 100% / auto 39px;} #spInformation { background: #FFF; padding: 7.47vw 5.87vw 6.67vw;} #spInformationSub01 { text-align: center; margin: 0 0 8vw;} #spInformationSub01 img { width: 56.2vw; } .spInformationList {} .spInformationList > li { line-height: 1.2; border-bottom: #D1D1D1 dashed 1px; margin: 0 0 4.8vw;} .spInformationList > li:last-child { margin-bottom: 0;} .spInformationList > li > a { display: flex; flex-wrap: wrap; align-items: flex-end; padding: 4.8vw 0 1.6vw;} .spInformationListDate { font-size: 3.2vw; width: 20.27vw;} .spInformationListSub { font-size: 3.73vw; width: calc( 100% - 20.27vw ); padding: 0 0 0.53vw;} #indexMovie { background: #FFF; position: relative; width: 100%; height: 120vw; overflow: hidden;} #indexMovie video { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); min-height: 120vw; height: 120vw;} #indexConcept { margin-bottom: 64px;} #indexConceptCirclePare { position: relative; width: 100%; height: 119vw;} /* #indexConceptCirclePare:before, #indexConceptCirclePare:after { content: ''; display: block; position: absolute;} #indexConceptCirclePare:before { width: 81vw; height: 81vw; border-radius: 81vw; opacity: 0.51; top: -14.4vw; right: -29.3vw; background: url(images/bg_gra01.png) no-repeat 50% 50%/ 100% 100%; transform: rotate(120deg); z-index: 1;} #indexConceptCirclePare:after { width: 105vw; height: 105vw; border-radius: 105vw; opacity: 0.51; bottom: 0; left: -25.6vw; background: url(images/bg_gra01.png) no-repeat 50% 50%/ 100% 100%; z-index: 0;}*/ #indexConceptCircleObj01 { display: block; position: absolute; width: 81vw; height: 81vw; border-radius: 81vw; opacity: 0; top: -14.4vw; right: -29.3vw; background: url(images/bg_gra01.png) no-repeat 50% 50%/ 100% 100%; transform-origin: 50% 50%; transform: translateY(20px) rotate(120deg); z-index: 1;} #indexConceptCircleObj02 { display: block; position: absolute; width: 105vw; height: 105vw; border-radius: 105vw; opacity: 0; bottom: 0; left: -25.6vw; background: url(images/bg_gra01.png) no-repeat 50% 50%/ 100% 100%; z-index: 0;} #indexConceptCircleObj01.aniDisp { opacity: 0.51 !important; transform: translateY(0) translateX(0) rotate(120deg) !important; } #indexConceptCircleObj02.aniDisp { opacity: 0.51 !important; transform: translateY(0) translateX(0) rotate(0) !important; } .indexConceptCircle01 { color: #FFF; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap;} .indexConceptCircle01Txt01 { position: absolute; top: 10.1vw; right: 27.7vw; z-index: 1; letter-spacing: 1.38em;} .indexConceptCircle01Txt02 { position: absolute; top: -3.7vw; right: 8vw; z-index: 1;letter-spacing: 1.00em; font-family: 'Cinzel', serif;} .indexConceptCircle02 { color: #FFF;} .indexConceptCircle02Txt01 { position: absolute; top: 40.5vw; left: 7.2vw; z-index: 1; letter-spacing: 0.1em;} .indexConceptCircle02Txt02 { position: absolute; top: 66.13vw; left: 7.2vw; z-index: 1; letter-spacing: 0.24em;} #indexConceptSub01 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 2.13vw 0 12.8vw;} #indexConceptSub01 > span { display: block; letter-spacing: 0.2em; line-height: 2.15;} #indexConceptSub01 > span > span { display: block; } #indexConceptSub01 > span > span:nth-child(1) { } #indexConceptSub01 > span > span:nth-child(2) { padding-top: 1.5em;} #indexConceptSub01 > span > span:nth-child(3) { padding-top: 2.5em;} #indexConceptTxt01 { letter-spacing: 0.2em; font-size: 4vw; line-height: 1.9;} #indexStaff {} #indexStaff01 { display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 0 10.67vw;} #indexStaffImg01 { order: 2; width: 50vw;} #indexStaffSub01 { order: 1; width: 50vw; box-sizing: border-box; padding: 0 0 0 8vw; font-family: 'Cinzel', serif;} #indexStaffSub01Name01 { letter-spacing: 0.2em; line-height: 1.89; padding: 0 0 12.27vw;} #indexStaffSub01Name02 { letter-spacing: 0.8em; white-space: nowrap;} #indexStaffDl01 { padding: 0 0 0 8vw; } #indexStaffBtn {} #indexStaffBtn > a { position: relative; display: inline-block; padding: 0 5.33vw 7.2vw 8vw; line-height: 1; cursor: pointer;} #indexStaffBtn > a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: calc( 100% - 2.67vw); background: url(images/bg_gra01.png) no-repeat 0% 100% / 100% 100%; opacity: 0.4;} #indexStaffBtn > a > span { display: block; position: relative; z-index: 1;} #indexStaffBtn01 { font-family: 'Cinzel', serif; padding-bottom: 4.8vw;} #indexStaffBtn02 { letter-spacing: 0.2em;} #indexClinicSlidePare { position: relative; padding: 0 4.27vw 14.93vw; } /* #indexClinicSlidePare:before, #indexClinicSlidePare:after { content: ''; display: block; position: absolute; z-index: 1; background: url(images/bg_gra01.png) no-repeat 100% 0 / cover; opacity: 0.4;} #indexClinicSlidePare:before { width: 9.07vw; height: 26.67vw; top: 0; left: 0;} #indexClinicSlidePare:after { width: 8vw; height: 74.68vw; bottom: 0; right: 0;} */ #indexClinicSlidePare .before, #indexClinicSlidePare .after { display: block; position: absolute; z-index: 1; background: url(images/bg_gra01.png) no-repeat 100% 0 / cover; opacity: 0;} #indexClinicSlidePare .before.aniDisp, #indexClinicSlidePare .after.aniDisp { opacity: 0.4;} #indexClinicSlidePare .before { width: 9.07vw; height: 26.67vw; top: 0; left: 0;} #indexClinicSlidePare .after { width: 8vw; height: 74.68vw; bottom: 0; right: 0;} #indexClinicSlide {} .slick-dots { display: flex; flex-wrap: wrap; align-items: center; line-height: 1; padding: 16px 0 0;} .slick-dots > li { margin-right: 8px; } .slick-dots > li button { width: 14px; height: 14px; border-radius: 14px; text-indent: -999em; border: #595757 solid 1px; background: #FFF; outline: none; cursor: pointer;} .slick-dots > li.slick-active button { background: #595757;} #indexOrthodontics { margin: 0 0 10.67vw;} #indexOrthodonticsListPare { position: relative; } #indexOrthodonticsListPare .before { content: ''; display: block; width: 94vw; height: 94vw; border-radius: 94vw; position: absolute; top: 5%; left: 50%; z-index: 0; transform: /*translateY(-57.5%)*/ translateX(-50%); background: url(images/bg_gra01.png) no-repeat 50% 50% / 100% 100%; opacity: 0;} #indexOrthodonticsListPare .before.aniDisp { transform: /*translateY(-57.5%)*/ translateX(-50%); opacity: 0.6;} #indexOrthodonticsListPare .after { font-family: 'Cinzel', serif; color: #FFF; position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateY(-55%) translateX(-50%); font-size: 2.93vw; letter-spacing: 1.7em;} #indexOrthodonticsListPare .after.aniDisp { transform: translateY(-55%) translateX(-50%);} #indexOrthodonticsList { position: relative; display: flex; flex-wrap: wrap;} #indexOrthodonticsList > li { position: relative; z-index: 1; width: calc( (100% - 4.27vw)/2 ); margin: 18.67vw 4.27vw 0 0;} #indexOrthodonticsList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexOrthodonticsList > li:nth-child(2n) { margin-right: 0;} #indexOrthodonticsList > li:nth-child(5) { margin-left: calc( (100% - 4.27vw)/4 + 4.27vw );} .indexOrthodonticsListImg {} .indexOrthodonticsListImg img { width: 100%; } .indexOrthodonticsListTxt {} .indexOrthodonticsListTxt01 { position: relative; z-index: 1; line-height: 1; letter-spacing: 0.2em; height: 10.67vw; margin-top: -10.67vw; background: rgba(255,255,255,0.6); display: flex; flex-wrap: wrap; align-items: center;} .indexOrthodonticsListTxt01 > span { display: inline-block; padding: 0 0 0 2.13vw;} #indexOrthodonticsList > li:nth-child(5) .indexOrthodonticsListTxt01 > span { padding: 0 0 0 2px;} .indexOrthodonticsListTxt02 { line-height: 1.8; letter-spacing: 0.2em; padding: 1.33vw 0 0 2.13vw;} .indexOrthodonticsListTxt03 { line-height: 1.4; letter-spacing: 0.3em; padding: 1.07vw 0 0 2.13vw; font-family: 'Cinzel', serif;} #bnrCase { width: 89.6vw; min-height: 22.6vw; display: flex; flex-wrap: wrap; align-items: flex-end; margin: 12.8vw auto; } #bnrCase a { position: relative; display: block; width: 100%; font-size: 4vw;} #bnrCase a > img { position: absolute; bottom: 10px; left: 10.67vw; width: 25vw;} #bnrCase a > span { display: block; text-align: right; width: 100%; padding: 0.75em 2em 0.75em 0; box-sizing: border-box; border: #595757 1px solid; border-radius: 100vw;} #indexAesthetic { position: relative; padding: 20.27vw 0 0; margin: 0 0 12.8vw; z-index: 1;} #indexAesthetic:before { content: ''; display: block; width: 100%; height: 65vw; position: absolute; top: 0; left: 0; z-index: -2; background: url(images/index_aesthetic-bg_sp.jpg) no-repeat 0 0 / 100% auto; } #indexAestheticList { position: relative; display: flex; flex-wrap: wrap;} #indexAestheticList > li { position: relative; z-index: 1; width: calc( (100% - 4.27vw)/2 ); margin: 8vw 4.27vw 0 0; padding: 0 0 3.73vw;} #indexAestheticList > li:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url(images/bg_gra01.png) no-repeat 0 0 / 100% 100%; opacity: 0.25;} #indexAestheticList > li:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -2; background: rgba(255,255,255,0.4);} #indexAestheticList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexAestheticList > li:nth-child(2n) { margin-right: 0;} .indexAestheticListImg { padding: 3.2vw 3.2vw 0; } .indexAestheticListTxt {} .indexAestheticListTxt01 { position: relative; padding: 6.93vw 2.67vw 3.2vw; margin: -4.27vw 0 0; background: rgba(255,255,255,0.6); line-height: 1; box-sizing: border-box;} .indexAestheticListTxt01.indexAestheticListTxt01HSp02 { min-height: 27.2vw;} .indexAestheticListTxt01.indexAestheticListTxt01HSp03 { min-height: 29.3vw;} .indexAestheticListTxt0101 { letter-spacing: 0.2em; padding: 0 0 2.67vw;} .indexAestheticListTxt0102 { font-family: 'Cinzel', serif; letter-spacing: 0.3em; line-height: 1.4;} .indexAestheticListTxt0102.indexAestheticListTxt0102Pt02 { line-height: 1.27; letter-spacing: 0.1em;} .indexAestheticListTxt02 { padding: 1.33vw 2.67vw 0; line-height: 1.57;} #indexImplant { margin: 0 0 14vw; } #indexImplantSec01 {} #indexImplantSec01 > ul { position: relative; display: flex; flex-wrap: wrap; text-align: center;} #indexImplantSec01 > ul:nth-child(1) { margin: 0 0 5.33vw;} #indexImplantSec01 > ul:nth-child(1):before { content: ""; display: block; width: 100%; height: 28.27vw; position: absolute; bottom: 0; left: 0; z-index: 0; background: url(images/index_implant_bg_sp01-01.png) no-repeat 0 0 / 100% 100%; } #indexImplantSec01 > ul:nth-child(1):after { content: ""; display: block; width: 100%; height: 11.73vw; position: absolute; bottom: 0; left: 0; z-index: 2; background: url(images/index_implant_bg_sp01-02.png) no-repeat 0 0 / 100% 100%; opacity: 0.6;} #indexImplantSec01 > ul:nth-child(2):before { content: ""; display: block; width: 100%; height: 28.27vw; position: absolute; bottom: 0; left: 0; z-index: 0; background: url(images/index_implant_bg_sp02-01.png) no-repeat 0 0 / 100% 100%; } #indexImplantSec01 > ul:nth-child(2):after { content: ""; display: block; width: 100%; height: 11.73vw; position: absolute; bottom: 0; left: 0; z-index: 2; background: url(images/index_implant_bg_sp02-02.png) no-repeat 0 0 / 100% 100%; opacity: 0.6;} #indexImplantSec01 > ul > li { width: 50%; position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;} .indexImplantImg01 { position: relative; z-index: 1;} #indexImplantSec01 > ul:nth-child(1) > li:nth-child(1) .indexImplantImg01 img { width: auto; height: 42.66vw; } #indexImplantSec01 > ul:nth-child(1) > li:nth-child(2) .indexImplantImg01 img { width: auto; height: 48vw; } #indexImplantSec01 > ul:nth-child(2) > li:nth-child(1) .indexImplantImg01 img { width: auto; height: 57.06vw; } #indexImplantSec01 > ul:nth-child(2) > li:nth-child(2) .indexImplantImg01 img { width: auto; height: 39.46vw; margin-bottom: 12vw; } .indexImplantTxt01 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; line-height: 11.73vw; color: #FFF; font-size: 4vw; letter-spacing: 0.2em;} #indexTreatment { margin: 0 0 14.93vw; } #indexTreatmentSub01 { text-align: center; line-height: 1; margin: 0 0 5.87vw;} #indexTreatmentSub01 > span { display: block; } #indexTreatmentSub01En { font-family: 'Cinzel', serif; margin: 0 0 3.73vw;} #indexTreatmentSub01Jp { font-size: 3.2vw;} #indexTreatmentList {} #indexTreatmentList > li { position: relative; margin: 0 0 5.33vw;} #indexTreatmentList > li:last-child { margin-bottom: 0;} #indexTreatmentList > li:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.4; z-index: 0; background: url(images/bg_gra01.png) no-repeat 50% 50% / 100% 100%;} #indexTreatmentList > li > a { display: block; position: relative; z-index: 1;} #indexTreatmentList > li > a > dl { } #indexTreatmentList > li > a > dl > dt { position: relative; padding: 4vw 4.8vw 2.13vw; line-height: 1;} #indexTreatmentList > li > a > dl > dt:after { content: ">>>"; position: absolute; bottom: 2.13vw; right: 2.13vw; font-size: 5.33vw;} #indexTreatmentList > li > a > dl > dt > span { display: block;} #indexTreatmentList > li > a > dl > dt > span:nth-child(1) { font-size: 4.53vw; letter-spacing: 0.36em;} #indexTreatmentList > li > a > dl > dt > span:nth-child(2) { font-size: 3.2vw; letter-spacing: 0.3em; font-family: 'Cinzel', serif; margin: 3.73vw 0 0;} #indexTreatmentList > li#indexTreatmentListPerio > a > dl > dt > span:nth-child(2) { letter-spacing: 0.1em;} #indexTreatmentList > li > a > dl > dd { background: rgba(255,255,255,0.6); padding: 4.8vw;} #indexQA { margin: 0 0 19.2vw; } #indexQASub01 { margin: 0 0 5.33vw; } #indexQASub0101 { font-size: 12.8vw; color: #bfb336; font-family: 'Cinzel', serif; letter-spacing: 0.2em; line-height: 1; margin: 0 0 2.67vw;} #indexQASub0102 { letter-spacing: 0.2em; line-height: 1.5; } #indexQAList { position: relative; display: flex; flex-wrap: wrap; margin: 0 0 3.73vw;} #indexQAList > li { position: relative; z-index: 1; width: calc( (100% - 4.27vw)/2 ); margin: 3.73vw 4.27vw 0 0; padding: 2.13vw 3.2vw; border: #DDD694 solid 2px; box-sizing: border-box;} #indexQAList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexQAList > li:nth-child(2n) { margin-right: 0;} #indexQAList > li:nth-child( n + 3 ) { display: none;} #indexQAList > li dt { font-size: 2.67vw; padding: 0 0 3.2vw; margin: 0 0 1.6vw; border-bottom: #E6E6E6 solid 2px;} #indexQAList > li dd { font-size: 2.4vw;} .viewMore01 { display: block; font-size: 4.27vw; text-align: center; border: #DDD694 solid 2px; box-sizing: border-box; line-height: 1; padding: 1em 0;} #indexBlog { padding: 0 0 9.6vw; } #indexBlogSub01 { margin: 0 0 5.33vw; } #indexBlogSub0101 { font-size: 12.8vw; color: #bfb336; font-family: 'Cinzel', serif; letter-spacing: 0.2em; line-height: 1; margin: 0 0 2.67vw;} #indexBlogSub0102 { letter-spacing: 0.2em; line-height: 1.5; } #indexBlogList { position: relative; display: flex; flex-wrap: wrap; margin: 0 0 3.73vw;} #indexBlogList > li { position: relative; z-index: 1; width: calc( (100% - 4.27vw)/2 ); margin: 3.73vw 4.27vw 0 0;} #indexBlogList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexBlogList > li:nth-child(2n) { margin-right: 0;} #indexBlogList > li:nth-child( n + 3 ) { display: none;} .indexBlogListImg { margin-bottom: 3.73vw; } .indexBlogListDate { font-size: 2.67vw; line-height: 1; padding: 0 2.67vw 1.07vw;} .indexBlogListSub { font-size: 2.67vw; line-height: 2; padding: 0 2.67vw;} #indexFacade { width: 100%; height: 68.26vw; background: url(images/index_facade_sp.jpg) no-repeat 50% 50% / cover;} /*staff*/ .staffSec { margin: 0 0 10.67vw; } .staffSec01 {} .staffSec0101 {} .staffSec010101 { } .staffSec01010101 { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin: 0 0 10.67vw; } .staffSec01010101:after, .staffSec01010101:before { content: ""; display: block; position: absolute; background: url(images/bg_gra01.png) no-repeat 50% 50% / cover; opacity: 0.4;} .staffSec01010101:before { bottom: 20.27vw; left: 0; width: 29.33vw; height: 34.66vw;} .staffSec01010101:after { bottom: -53.34vw; right: 0; width: 17.07vw; height: 75.2vw;} .staffSec01010101Img { width: 50.66vw; } .staffNameBox { padding: 0 0 0 8vw; position: relative; z-index: 1;} .staffNameJp { letter-spacing: 0.2em; padding: 0 0 8.53vw;} .staffNameEn { font-family: 'Cinzel', serif; letter-spacing: 0.8em; line-height: 1.4;} .staffSec01010102 { padding: 0 8vw;} .staffSec0102 {} .career { } .career > li { } .career > li > dl { display: flex; flex-wrap: wrap;} .career > li > dl > dt { width: 5em; /*margin-left: 0.8em; text-indent: -0.8em;*/} .career > li > dl > dt:before { content: '・ '; } .career > li > dl > dd { width: calc( 100% - 5em );} .profileDl01 { font-size: 3.2vw; line-height: 1.4;} .profileDl01 li { margin: 0 0 8px;} .profileDt01 { text-indent: -0.5em; } .profileDd01 ul,.profileDd01 ul li { overflow: hidden; clear: both; } .profileDd01 { padding: 0 0 20px;} .profileDd01 ul li dt { float: left; width: 4em; margin-bottom: 8px;} .profileDd01 ul li dd { overflow: hidden;} /*implant*/ .implantImg01 img { width: 99px; } .implantImg02 img { width: 34px; } .implantImg03 img { width: 124px; } .implantImg04 img { width: 91px; } /*flow*/ #flowImg00 { text-align: center; } #flowImg00 img { width: 67.4vw; } .flowImgList01 { } .flowImgList01 > li { } .flowImgList01 > li > img { width: 50.4vw; } .flowImgList01 > li:nth-child(2) { text-align: right; margin-top: -12vw;} /*wire*/ #wireImg01 { position: relative; } #wireImg01:before { content: ""; display: block; display: block; width: 100px; height: 95px; margin: 0 auto 45px; background: url(images/wire_img01.png) no-repeat 50% 50% / 100% 100%; } #wireImg01:after { content: ""; display: block; display: block; width: 100vw; height: 50px; position: absolute; top: 56px; left: -8vw; z-index: -1; background: url(images/bg_gra01.png) no-repeat 0% 0% / 100% 100%; opacity: 0.2;} #wireImg02 { text-align: center; } #wireImg02 img { width: 160px; } /*ceramic*/ #ceramicImg01 { text-align: center; } #ceramicImg01 img { width: 71.4vw;} /*mouthpiece*/ #mouthpiece01 { position: relative; } #mouthpiece01:before { content: ""; display: block; width: 100vw; height: 134px; background: #F7F1F8; position: absolute; top: 30px; left: -8vw; z-index: -1;} #mouthpiece01 p { text-align: center;} #mouthpiece01 p img { width: auto; height: 64px;} /*dentalLoan*/ #dentalLoan { } #dentalLoan01 { box-sizing: border-box; padding: 30px 0; background: url(images/dental-loan_bg01.jpg) no-repeat 50% 50% / cover;} .dentalLoanUl01 { display: flex; flex-wrap: wrap; } .dentalLoanUl01 > li { width: calc( (100% - 16px)/2 ); margin: 16px 16px 0 0 ; padding: 8px; box-sizing: border-box; background: rgba(255,255,255,0.6);} .dentalLoanUl01 > li:nth-child( -n + 2 ) { margin-top: 0;} .dentalLoanUl01 > li:nth-child( 2n ) { margin-right: 0;} .dentalLoanSub01 { position: relative; overflow: hidden;} .dentalLoanSub01 > span { position: relative; display: inline-block; padding: 0 0.5em;} .dentalLoanSub01 > span:before, .dentalLoanSub01 > span:after { content: ''; display: block; width: 50vw; height: 1px; background: #69696B; box-sizing: border-box; position: absolute; top: 50%;} .dentalLoanSub01 > span:before { right: 100%; } .dentalLoanSub01 > span:after { left: 100%; } .dentalLoanSub02 { position: relative; overflow: hidden;} .dentalLoanSub02 > span { position: relative; display: inline-block; padding: 0 0.5em; color: #988025;} .dentalLoanSub02 > span:before, .dentalLoanSub02 > span:after { content: ''; display: block; width: 50vw; height: 1px; background: #988025; box-sizing: border-box; position: absolute; top: 50%;} .dentalLoanSub02 > span:before { right: 100%; } .dentalLoanSub02 > span:after { left: 100%; } #dentalLoan02 { } #dentalLoan0201 { border: #988025 solid 1px; border-radius: 8px;} .dentalLoan0201Sub01 { padding: 0 16px; } .dentalLoanUl02 { padding: 0 20px; } .dentalLoanUl02 > li { position: relative; margin: 0 0 20px; background: url(images/dental-loan_bg02.jpg) no-repeat 50% 50% / cover; } .dentalLoanUl02 > li:before { font-size: 7.46667vw; position: absolute; top: 0; left: 0; transform: translateY(-50%) translateX(50%); line-height: 1;} .dentalLoanUl02 > li:nth-child(1):before { content: '1.';} .dentalLoanUl02 > li:nth-child(2):before { content: '2.';} .dentalLoanUl02 > li:nth-child(3):before { content: '3.';} .dentalLoanUl02 > li:nth-child(4):before { content: '4.';} .dentalLoanUl02 > li:nth-child(5):before { content: '5.';} .dentalLoanUl02 > li:last-child { margin-bottom: 0;} .dentalLoanUl02 > li dl { padding-bottom: 8px;} .dentalLoanUl02 > li dt { padding: 20px 16px;} .dentalLoanUl02 > li dd { background: rgba(255,255,255,0.6); padding: 20px;} #dentalLoan03 {} .dentalLoanUl03 { border-bottom: #A59040 solid 1px; padding-bottom: 36px; margin-bottom: 36px; } .dentalLoanUl03 > li { position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 48px;} .dentalLoanUl03 > li:nth-child(4) { display: block; margin-bottom: 0;} .dentalLoanUl03 > li:before, .dentalLoanUl03 > li:after { content: ''; display: block; width: 28px; height: 6px; background: #987F25; position: absolute; bottom: -20px; left: 50%; transform: translateY(100%) translateX(-50%);} .dentalLoanUl03 > li:before { transform: translateY(100%) translateX(-50%) rotate(90deg); } .dentalLoanUl03 > li:nth-child( n + 4 ):before, .dentalLoanUl03 > li:nth-child( n + 4 ):after { content: none; } .dentalLoanUl03Icon { width: 25%; margin-right: 16px;} .dentalLoanUl0301 { width: calc( 75% - 16px );} .dentalLoanUl03Txt01 {} .dentalLoanUl03Txt0101 {} .dentalLoanUl03Txt0102 {} .dentalLoanUl03Txt02 { padding-top: 16px; } .dentalLoanUl03Txt03 { color: #988025; } .dentalLoanUl03Txt04 {} #dentalLoan04 {} .dentalLoanLink { display: block; background: url(images/dental-loan_bg03.jpg) no-repeat 50% 50% / cover; } .dentalLoanLink > span { display: block; text-align: center;} .dentalLoanLink > span:nth-child(1) { padding: 1em 0 0.5em; } .dentalLoanLink > span:nth-child(2) { padding: 0.5em 0; background: rgba(255,255,255,0.6);} /*invisalign*/ #invisalignPageWrapper { padding: 24px 0 48px; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;} .invisalignTitle { text-align: center; padding: 0 0 48px; } .invisalignTitle img { max-width: 50%; } .tabToggle { overflow: hidden; width: 96%; margin: 0 auto; font-size: 3.2vw; display: flex; flex-wrap: wrap;} .tabToggle li { width: calc( 100% / 3 ); text-align: center;} .tabToggle li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; padding: 8px 0; border: #009CE5 solid 1px; color: #0052A0 !important; border-right: none;} .tabToggle li:nth-child(2) a > span, .tabToggle li:nth-child(3) a > span { display: inline-block;} .tabToggle li:nth-child(3) a { border-right: #009CE5 solid 1px;} .tabToggle li a:hover, .tabToggle li a.active { padding: 8px 0; margin: 0; background: #009CE5; color: #FFF !important;} .tabTarget { display: none; } .tabTarget.active { display: block; } #invisalignAboutImg01 { position: relative;} #invisalignAboutImg01Img {} #invisalignAboutImg01Txt { position: absolute; top: 12.5%; left: 3.5%; line-height: 2.24; color: #000059;} #invisalignMoviePare { background: #EFF0F0; padding: 0 7%; } .invisalignMovie { position:relative; width:100%; padding-top:56.25%;} .invisalignMovie iframe { position:absolute; top:0; right:0; width:100%; height:100%;} .invisalignList01 { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;} .invisalignList01 li { width: calc( (100% - 3.5vw)/2 ); margin: 0 3.5vw 3.5vw 0; padding: 16px 8px; border: #BEDDE8 solid 1px; box-sizing: border-box;} .invisalignList01 li:nth-child(2n) { margin-right: 0;} .invisalignList01 li:nth-child(2n+1) { clear: left;} .invisalignList01 dt { text-align: center; padding: 0 0 16px; margin: 0 0 16px; border-bottom: #BEDDE8 solid 1px;} .invisalignList01 dd {} #invisalignAboutImg02 { position: relative; } #invisalignAboutImg02Txt01 { position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px 16px 16px 34.6%; background: rgba(0,93,171,0.58); color: #FFF; box-sizing: border-box; font-size: 4vw; font-weight: 700;} #invisalignAboutImg02Img01 { position: absolute; top: 50%; left: 4%; transform: translateY(-50%); width: 26.6%;} #invisalignAboutImg05 { display: none; } .invisalignLink { display: block; padding: 18px 0; border: #0052a0 solid 1px; font-size: 114.3%; color: #009ce5 !important; text-align: center; line-height: 1;} .invisalignLink span { display: block; padding: 48px 0 0; background: url(images/invisalign_logo.jpg) 50% 0 no-repeat; } .stepList {} .stepList li {/* transition: all 1s ease-in-out; transform: translateY(16px); opacity: 0;*/} .stepList li:nth-child(1) { transition-delay: 0.2s;} .stepList li:nth-child(2) { transition-delay: 0.4s;} .stepList li:nth-child(3) { transition-delay: 0.6s;} .stepList li:nth-child(4) { transition-delay: 0.8s;} .stepList li:nth-child(5) { transition-delay: 1.0s;} .stepList li:nth-child(6) { transition-delay: 1.2s;} .stepList li:nth-child(7) { transition-delay: 1.4s;} .stepList.visible li {/* transform: translateY(0); opacity: 1;*/} .stepListNum { position: relative; text-align: center; font-size: 142.9%; color: #009CE5; font-weight: 400; letter-spacing: 0.19em; line-height: 1.2; margin: 0 0 26px;} .stepListNum:after { content: ""; display: block; width: 100%; height: 1px; background: #C1C2C2; position: absolute; top: 50%; left: 0; z-index: 0;} .stepListNum span { position: relative; z-index: 1; display: inline-block; background: #FFF; padding: 0 0.5em;} .invisalignDl01 { overflow: hidden; padding: 0 7%; } .invisalignDl01 dt { padding: 0 0 20px; font-size: 121.4%; color: #000059; text-align: center; font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;} .invisalignDl01 dd { padding: 0 0 36px; font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;} #invisalignSec01 { /*transition: all 1s ease-in-out; transform: translateY(16px); opacity: 0; transition-delay: 1.6s;*/} #invisalignSec01.visible { /*transform: translateY(0); opacity: 1;*/} .invisalignBbTxt01 { overflow: hidden; padding: 0 0 4px; margin: 0 0 26px; border-bottom: #C1C2C2 solid 1px; } .priceTable { width: 100%; } .priceTable th,.priceTable td { padding: 12px 0; color: #000059; font-weight: 500; vertical-align: top;} .priceTable th {} .priceTable td { /*white-space: nowrap;*/} .priceTable .pBNarrow01 > th,.priceTable .pBNarrow01 > td { padding: 12px 0 0;} .priceTable .pBNarrow02 > th,.priceTable .pBNarrow02 > td { padding: 0 0 12px;} .priceTable th {} .priceTable th span { display: inline-block; margin-left: 2.5em; text-indent: -3em; } .priceTable td { text-align: right; padding-left: 0.5em;} .priceTable table { margin-left: 2.5em;} .priceTable table th,.priceTable table td { padding: 6px 0;} .priceTable table td { white-space: nowrap;} /*campaign*/ #campaign01 {} #campaign01Sub01 { background: url(images/campaign_bg01_sp.jpg) no-repeat 50% 50% / cover; color: #FFF; line-height: 1.2; padding: 3.2vw 0;} #campaign0101 { background: url(images/campaign_bg02_sp.jpg) no-repeat 50% 50% / cover; padding: 8vw; color: #000;} #campaign01Sub02 {} #campaign01Sub02 > span { display: block; } .campaignDl01 {} .campaignDl01 > dt { text-align: center; } .campaignDl01 > dd {} .campaignDl02 {} .campaignDl02 > dt { padding: 2.13vw 0; border-top: #AD993B solid 1px; border-bottom: #AD993B solid 1px; } .campaignDl02 > dd {} /*case*/ .caseSub01 { position: relative; text-align: center; padding: 0 0 4vw;} .caseSub01:after { content: ''; display: block; width: 100%; height: 13.3vw; position: absolute; bottom: 0; left: 0; z-index: -1; background: url(images/bg_gra01.png) no-repeat 50% 50% / cover; opacity: 0.2;} .caseSub01 > span { display: block; } .caseSub01 > img { width: 34.6vw;} .caseSub02 { position: relative; line-height: 1; } .caseSub02:after { content: ''; width: 89vw; height: 1px; background: #9D8125; position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%);} .caseListWrap { overflow-x: auto; -webkit-overflow-scrolling: touch;} .caseListWrap{ overflow: auto; white-space: nowrap; } .caseListWrap::-webkit-scrollbar{ height: 5px; } .caseListWrap::-webkit-scrollbar-track { background: #F1F1F1; } .caseListWrap::-webkit-scrollbar-thumb { background: #BCBCBC; } .caseList { display: flex; flex-wrap: wrap; justify-content: space-between; width: 615px; } .caseList > li { width: 300px; text-align: center; line-height: 1;} .caseList > li .caseListTxt01 { padding: 3.73vw 0; } .caseListBefore .caseListTxt01 span { position: relative; display: inline-block;} .caseListBefore .caseListTxt01 span:after { content: '▶▶▶▶▶▶▶▶'; display: inline-block; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); font-size: 3.2vw; color: #000; margin: 0 0 0 1em;} /*lingual bracket*/ .lingualTxt01 { position: relative; padding: 20px 0; color: #FFF; line-height: 2.0;} .lingualTxt01:before { content: ""; display: block; width: calc( 100vw - 30px ); height: 100%; background: #F094AE; position: absolute; top: 0; left: -30px; z-index: -1;} .lingualBox01 { padding-left: 35px; padding-right: 35px; } /*includePage*/ .pageLock { height: 100%; overflow: hidden; } #includePage { opacity: 0; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; box-sizing: border-box; background: rgba(255,255,255,0.95); -webkit-overflow-scrolling: touch; transition: all 0.5s ease-in-out;} #includePage.active { opacity: 1; z-index: 1000;} #includePageWrapper { padding: 19.2vw 0 19.2vw; box-sizing: border-box; overflow: auto; height: 100%; } #iconBack { position: fixed; top: 4.8vw; right: 5.33vw; width: 12.8vw; height: 12.8vw; z-index: 100; cursor: pointer;/* display: none;*/} #iconBack::before, #iconBack::after { content: ""; display: block; position: absolute; left: 1.07vw; width: 10.67vw; height: 1px; background: #231815;} #iconBack::before { top: 5.87vw; transform: rotate(45deg); } #iconBack::after { top: 5.87vw; transform: rotate(-45deg);} .page-id-74 #iconBack, .page-id-79 #iconBack { display: none; } #iconToTop { display: block; position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); width: 44px; height: 44px; border-radius: 100%; border: #B9D1CC solid 1px; background: #FFF;} #iconToTop a { display: block; width: 44px; height: 44px; cursor: pointer;} #iconToTop a::before { content: ''; width: 20px; height: 20px; border: 0px; border-top: solid 1px #B9D1CC; border-right: solid 1px #B9D1CC; transform: rotate(-45deg); position: absolute; top: 50%; left: 12px; margin-top: -6px; transition: all 0.25s ease-in-out;} .postContent { margin-bottom: 12.8vw; } .postTitle { position: relative; line-height: 1.28; font-weight: 700; font-size: 5.33vw; padding: 0 0 3.47vw; margin: 0 0 4vw;} /*.postTitle:after { content: ""; display: block; width: 100%; height: 1px; border-bottom: 1px solid; position: absolute; top: 100%; left: 0;}*/ .postTitle > span { display: inline-block; letter-spacing: 0.2em; margin-right: -0.2em;} .postDate { text-align: left; padding: 0 0 6.4vw;} .postContent p { line-height: 1.97; padding-bottom: 1.9em; } .postContent a { display: inline-block; border-bottom: 1px dashed; padding: 0 0.25em;} .catTitle { position: relative; line-height: 1.28; letter-spacing: 0.2em; font-weight: 700; font-size: 5.33vw; padding: 10.67vw 0 0; margin: 0 0 4vw;} .catTitle > span { display: inline-block; letter-spacing: 0.2em; margin-right: -0.2em;} .postList {} .postList > li { line-height: 1.2; border-bottom: #D1D1D1 dashed 1px; margin: 0 0 4.8vw;} .postList > li:last-child { margin-bottom: 0;} .postList > li > a { display: flex; flex-wrap: wrap; align-items: flex-end; padding: 4.8vw 0 1.6vw;} .postListDate { font-size: 3.2vw; width: 20.27vw;} .postListTitle { font-size: 3.73vw; width: calc( 100% - 20.27vw ); padding: 0 0 0.53vw;} .qaList { position: relative; display: flex; flex-wrap: wrap; margin: 0 0 3.73vw;} .qaList > li { position: relative; z-index: 1; width: calc( (100% - 4.27vw)/2 ); margin: 3.73vw 4.27vw 0 0; padding: 2.13vw 3.2vw; border: #DDD694 solid 2px; box-sizing: border-box;} .qaList > li:nth-child( -n + 2 ) { margin-top: 0;} .qaList > li:nth-child(2n) { margin-right: 0;} .qaList > li dt { font-size: 2.67vw; padding: 0 0 3.2vw; margin: 0 0 1.6vw; border-bottom: #E6E6E6 solid 2px;} .qaList > li dd { font-size: 2.4vw;} .blogList { position: relative; display: flex; flex-wrap: wrap; margin: 0 0 3.73vw;} .blogList > li { position: relative; z-index: 1; width: calc( (100% - 4.27vw)/2 ); margin: 3.73vw 4.27vw 0 0;} .blogList > li:nth-child( -n + 2 ) { margin-top: 0;} .blogList > li:nth-child(2n) { margin-right: 0;} .blogListImg { margin-bottom: 3.73vw; } .blogListDate { font-size: 2.67vw; line-height: 1; padding: 0 2.67vw 1.07vw;} .blogListSub { font-size: 2.67vw; line-height: 2; padding: 0 2.67vw;} img.centered { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0; } img.alignnone { display: inline; margin: 0 0 10px 0; padding: 0; } img.alignright { display: inline; margin: 0 0 10px 10px; padding: 0; } img.alignleft { display: inline; margin: 0 10px 10px 0; padding: 0; } .aligncenter { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } .wp-caption { background: #F7F7F7; border: 1px solid #e6e6e6; padding: 4px 0 5px 0; text-align: center; } .wp-caption p.wp-caption-text { font-size: 11px; font-weight: normal; line-height: 12px; margin: 0; padding: 0; } .wp-caption img { border: 0; margin: 0 0 5px 0; padding: 0; } .singlePageNav { position: relative; overflow: hidden; clear: both; padding: 0; margin: 48px 0;} .singlePageNav:before { content: ""; width: 12px; height: 12px; border-radius: 16px; border: #000032 solid 1px; line-height: 1; display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);} .prev { float: left; width: 50%; text-align: right; padding-right: 2em; box-sizing: border-box;} .next { float: right; width: 50%; text-align: left; padding-left: 2em; box-sizing: border-box;} #pagerPare { overflow: hidden; padding: 48px 7.4% 80px; text-align: center;} .wp-pagenavi { clear: both;} .wp-pagenavi a, .wp-pagenavi span { display: inline-block; text-decoration: none; border: 1px solid #000032; padding: 0px 8px; margin: 2px; color: #000032;} .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000032; color: #000032;} .wp-pagenavi span.current { font-weight: bold;} /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 414px ) { .pcDisp { display: none; } .spaC { text-align: center; } .spdB { display: block; } .splsM050 { display: inline-block; letter-spacing: -0.05em; } .spls0 { letter-spacing: 0 !important; } .spls100 { letter-spacing: 0.1em !important; } .spls400 { letter-spacing: 0.4em !important; } .spLR40 { padding-left: 10.67vw; padding-right: 10.67vw;} .spLR30 { padding-left: 8vw; padding-right: 8vw;} .spLR20 { padding-left: 5.33vw; padding-right: 5.33vw;} .spLR8 { padding-left: 2.13vw; padding-right: 2.13vw;} .flx-PareSp { display: flex; flex-wrap: wrap; justify-content: space-between;} .flx-spw110 { width: 29.3vw; } .flx-spw190 { width: 50.6vw; } .pediatricImg { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end;} .pediatricImg img { width: 40.8vw; height: auto; margin-right: 5.33vw;} .pediatricImg:before { position: absolute; top: 4vw; left: 1.07vw; width: 34.93vw; height: 34.93vw; border-radius: 34.93vw; color: #FFF; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 5.6vw; letter-spacing: 0.2em;} .pediatricImg#pediatricMerit:before { content: 'メリット'; background: #E294B6;} .pediatricImg#pediatricDemerit:before { content: 'デメリット'; background: #7FB9DE;} .table02 { width: 100%; } .table02 tr { display: block; margin: 0 0 8px;} .table02 th,.table02 td { display: block; padding: 8px 10px 8px 10px; border: #C7BD4F solid 1px; font-weight: normal; line-height: 1.4;} .table02 th { font-size: 4vw; } .table02 td {} .table02 tr:nth-child( n + 2 ) th { border-bottom: none; } .table02 td { border-top: none; background: #EFEBD8; text-align: right;} .table02 th > span:before { content: '・';} .table02 th > span.bN:before { content: none;} .table02 tr:nth-child( 1 ) th { background: #AD993B; color: #FFF;} #staffSuzuki {} #staffSuzuki .staffNameEn { position: absolute; top: 0; right: -1em; transform: translateY(-1em) translateX(100%); font-size: 5.33vw;} #staffSuzuki .staffSec01010101 { margin-bottom: 0; } /*ad993b*/ .sppB0 { padding-bottom: 0.00vw !important; } .sppB1 { padding-bottom: 0.27vw !important; } .sppB2 { padding-bottom: 0.53vw !important; } .sppB3 { padding-bottom: 0.80vw !important; } .sppB4 { padding-bottom: 1.07vw !important; } .sppB5 { padding-bottom: 1.33vw !important; } .sppB6 { padding-bottom: 1.60vw !important; } .sppB7 { padding-bottom: 1.87vw !important; } .sppB8 { padding-bottom: 2.13vw !important; } .sppB9 { padding-bottom: 2.40vw !important; } .sppB10 { padding-bottom: 2.67vw !important; } .sppB11 { padding-bottom: 2.93vw !important; } .sppB12 { padding-bottom: 3.20vw !important; } .sppB13 { padding-bottom: 3.47vw !important; } .sppB14 { padding-bottom: 3.73vw !important; } .sppB15 { padding-bottom: 4.00vw !important; } .sppB16 { padding-bottom: 4.27vw !important; } .sppB17 { padding-bottom: 4.53vw !important; } .sppB18 { padding-bottom: 4.80vw !important; } .sppB19 { padding-bottom: 5.07vw !important; } .sppB20 { padding-bottom: 5.33vw !important; } .sppB21 { padding-bottom: 5.60vw !important; } .sppB22 { padding-bottom: 5.87vw !important; } .sppB23 { padding-bottom: 6.13vw !important; } .sppB24 { padding-bottom: 6.40vw !important; } .sppB25 { padding-bottom: 6.67vw !important; } .sppB26 { padding-bottom: 6.93vw !important; } .sppB27 { padding-bottom: 7.20vw !important; } .sppB28 { padding-bottom: 7.47vw !important; } .sppB29 { padding-bottom: 7.73vw !important; } .sppB30 { padding-bottom: 8.00vw !important; } .sppB31 { padding-bottom: 8.27vw !important; } .sppB32 { padding-bottom: 8.53vw !important; } .sppB33 { padding-bottom: 8.80vw !important; } .sppB34 { padding-bottom: 9.07vw !important; } .sppB35 { padding-bottom: 9.33vw !important; } .sppB36 { padding-bottom: 9.60vw !important; } .sppB37 { padding-bottom: 9.87vw !important; } .sppB38 { padding-bottom: 10.13vw !important; } .sppB39 { padding-bottom: 10.40vw !important; } .sppB40 { padding-bottom: 10.67vw !important; } .sppB41 { padding-bottom: 10.93vw !important; } .sppB42 { padding-bottom: 11.20vw !important; } .sppB43 { padding-bottom: 11.47vw !important; } .sppB44 { padding-bottom: 11.73vw !important; } .sppB45 { padding-bottom: 12.00vw !important; } .sppB46 { padding-bottom: 12.27vw !important; } .sppB47 { padding-bottom: 12.53vw !important; } .sppB48 { padding-bottom: 12.80vw !important; } .sppB49 { padding-bottom: 13.07vw !important; } .sppB50 { padding-bottom: 13.33vw !important; } .sppB51 { padding-bottom: 13.60vw !important; } .sppB52 { padding-bottom: 13.87vw !important; } .sppB53 { padding-bottom: 14.13vw !important; } .sppB54 { padding-bottom: 14.40vw !important; } .sppB55 { padding-bottom: 14.67vw !important; } .sppB56 { padding-bottom: 14.93vw !important; } .sppB57 { padding-bottom: 15.20vw !important; } .sppB58 { padding-bottom: 15.47vw !important; } .sppB59 { padding-bottom: 15.73vw !important; } .sppB60 { padding-bottom: 16.00vw !important; } .sppB61 { padding-bottom: 16.27vw !important; } .sppB62 { padding-bottom: 16.53vw !important; } .sppB63 { padding-bottom: 16.80vw !important; } .sppB64 { padding-bottom: 17.07vw !important; } .sppB65 { padding-bottom: 17.33vw !important; } .sppB66 { padding-bottom: 17.60vw !important; } .sppB67 { padding-bottom: 17.87vw !important; } .sppB68 { padding-bottom: 18.13vw !important; } .sppB69 { padding-bottom: 18.40vw !important; } .sppB70 { padding-bottom: 18.67vw !important; } .sppB71 { padding-bottom: 18.93vw !important; } .sppB72 { padding-bottom: 19.20vw !important; } .sppB73 { padding-bottom: 19.47vw !important; } .sppB74 { padding-bottom: 19.73vw !important; } .sppB75 { padding-bottom: 20.00vw !important; } .sppB76 { padding-bottom: 20.27vw !important; } .sppB77 { padding-bottom: 20.53vw !important; } .sppB78 { padding-bottom: 20.80vw !important; } .sppB79 { padding-bottom: 21.07vw !important; } .sppB80 { padding-bottom: 21.33vw !important; } .sppB81 { padding-bottom: 21.60vw !important; } .sppB82 { padding-bottom: 21.87vw !important; } .sppB83 { padding-bottom: 22.13vw !important; } .sppB84 { padding-bottom: 22.40vw !important; } .sppB85 { padding-bottom: 22.67vw !important; } .sppB86 { padding-bottom: 22.93vw !important; } .sppB87 { padding-bottom: 23.20vw !important; } .sppB88 { padding-bottom: 23.47vw !important; } .sppB89 { padding-bottom: 23.73vw !important; } .sppB90 { padding-bottom: 24.00vw !important; } .sppB91 { padding-bottom: 24.27vw !important; } .sppB92 { padding-bottom: 24.53vw !important; } .sppB93 { padding-bottom: 24.80vw !important; } .sppB94 { padding-bottom: 25.07vw !important; } .sppB95 { padding-bottom: 25.33vw !important; } .sppB96 { padding-bottom: 25.60vw !important; } .sppB97 { padding-bottom: 25.87vw !important; } .sppB98 { padding-bottom: 26.13vw !important; } .sppB99 { padding-bottom: 26.40vw !important; } .sppB100 { padding-bottom: 26.67vw !important; } .sppB101 { padding-bottom: 26.93vw !important; } .sppB102 { padding-bottom: 27.20vw !important; } .sppB103 { padding-bottom: 27.47vw !important; } .sppB104 { padding-bottom: 27.73vw !important; } .sppB105 { padding-bottom: 28.00vw !important; } .sppB106 { padding-bottom: 28.27vw !important; } .sppB107 { padding-bottom: 28.53vw !important; } .sppB108 { padding-bottom: 28.80vw !important; } .sppB109 { padding-bottom: 29.07vw !important; } .sppB110 { padding-bottom: 29.33vw !important; } .sppB111 { padding-bottom: 29.60vw !important; } .sppB112 { padding-bottom: 29.87vw !important; } .sppB113 { padding-bottom: 30.13vw !important; } .sppB114 { padding-bottom: 30.40vw !important; } .sppB115 { padding-bottom: 30.67vw !important; } .sppB116 { padding-bottom: 30.93vw !important; } .sppB117 { padding-bottom: 31.20vw !important; } .sppB118 { padding-bottom: 31.47vw !important; } .sppB119 { padding-bottom: 31.73vw !important; } .sppB120 { padding-bottom: 32.00vw !important; } .sppT0 { padding-top: 0.00vw !important; } .sppT1 { padding-top: 0.27vw !important; } .sppT2 { padding-top: 0.53vw !important; } .sppT3 { padding-top: 0.80vw !important; } .sppT4 { padding-top: 1.07vw !important; } .sppT5 { padding-top: 1.33vw !important; } .sppT6 { padding-top: 1.60vw !important; } .sppT7 { padding-top: 1.87vw !important; } .sppT8 { padding-top: 2.13vw !important; } .sppT9 { padding-top: 2.40vw !important; } .sppT10 { padding-top: 2.67vw !important; } .sppT11 { padding-top: 2.93vw !important; } .sppT12 { padding-top: 3.20vw !important; } .sppT13 { padding-top: 3.47vw !important; } .sppT14 { padding-top: 3.73vw !important; } .sppT15 { padding-top: 4.00vw !important; } .sppT16 { padding-top: 4.27vw !important; } .sppT17 { padding-top: 4.53vw !important; } .sppT18 { padding-top: 4.80vw !important; } .sppT19 { padding-top: 5.07vw !important; } .sppT20 { padding-top: 5.33vw !important; } .sppT21 { padding-top: 5.60vw !important; } .sppT22 { padding-top: 5.87vw !important; } .sppT23 { padding-top: 6.13vw !important; } .sppT24 { padding-top: 6.40vw !important; } .sppT25 { padding-top: 6.67vw !important; } .sppT26 { padding-top: 6.93vw !important; } .sppT27 { padding-top: 7.20vw !important; } .sppT28 { padding-top: 7.47vw !important; } .sppT29 { padding-top: 7.73vw !important; } .sppT30 { padding-top: 8.00vw !important; } .sppT31 { padding-top: 8.27vw !important; } .sppT32 { padding-top: 8.53vw !important; } .sppT33 { padding-top: 8.80vw !important; } .sppT34 { padding-top: 9.07vw !important; } .sppT35 { padding-top: 9.33vw !important; } .sppT36 { padding-top: 9.60vw !important; } .sppT37 { padding-top: 9.87vw !important; } .sppT38 { padding-top: 10.13vw !important; } .sppT39 { padding-top: 10.40vw !important; } .sppT40 { padding-top: 10.67vw !important; } .sppT41 { padding-top: 10.93vw !important; } .sppT42 { padding-top: 11.20vw !important; } .sppT43 { padding-top: 11.47vw !important; } .sppT44 { padding-top: 11.73vw !important; } .sppT45 { padding-top: 12.00vw !important; } .sppT46 { padding-top: 12.27vw !important; } .sppT47 { padding-top: 12.53vw !important; } .sppT48 { padding-top: 12.80vw !important; } .sppT49 { padding-top: 13.07vw !important; } .sppT50 { padding-top: 13.33vw !important; } .sppT51 { padding-top: 13.60vw !important; } .sppT52 { padding-top: 13.87vw !important; } .sppT53 { padding-top: 14.13vw !important; } .sppT54 { padding-top: 14.40vw !important; } .sppT55 { padding-top: 14.67vw !important; } .sppT56 { padding-top: 14.93vw !important; } .sppT57 { padding-top: 15.20vw !important; } .sppT58 { padding-top: 15.47vw !important; } .sppT59 { padding-top: 15.73vw !important; } .sppT60 { padding-top: 16.00vw !important; } .sppT61 { padding-top: 16.27vw !important; } .sppT62 { padding-top: 16.53vw !important; } .sppT63 { padding-top: 16.80vw !important; } .sppT64 { padding-top: 17.07vw !important; } .sppT65 { padding-top: 17.33vw !important; } .sppT66 { padding-top: 17.60vw !important; } .sppT67 { padding-top: 17.87vw !important; } .sppT68 { padding-top: 18.13vw !important; } .sppT69 { padding-top: 18.40vw !important; } .sppT70 { padding-top: 18.67vw !important; } .sppT71 { padding-top: 18.93vw !important; } .sppT72 { padding-top: 19.20vw !important; } .sppT73 { padding-top: 19.47vw !important; } .sppT74 { padding-top: 19.73vw !important; } .sppT75 { padding-top: 20.00vw !important; } .sppT76 { padding-top: 20.27vw !important; } .sppT77 { padding-top: 20.53vw !important; } .sppT78 { padding-top: 20.80vw !important; } .sppT79 { padding-top: 21.07vw !important; } .sppT80 { padding-top: 21.33vw !important; } .sppT81 { padding-top: 21.60vw !important; } .sppT82 { padding-top: 21.87vw !important; } .sppT83 { padding-top: 22.13vw !important; } .sppT84 { padding-top: 22.40vw !important; } .sppT85 { padding-top: 22.67vw !important; } .sppT86 { padding-top: 22.93vw !important; } .sppT87 { padding-top: 23.20vw !important; } .sppT88 { padding-top: 23.47vw !important; } .sppT89 { padding-top: 23.73vw !important; } .sppT90 { padding-top: 24.00vw !important; } .sppT91 { padding-top: 24.27vw !important; } .sppT92 { padding-top: 24.53vw !important; } .sppT93 { padding-top: 24.80vw !important; } .sppT94 { padding-top: 25.07vw !important; } .sppT95 { padding-top: 25.33vw !important; } .sppT96 { padding-top: 25.60vw !important; } .sppT97 { padding-top: 25.87vw !important; } .sppT98 { padding-top: 26.13vw !important; } .sppT99 { padding-top: 26.40vw !important; } .sppT100 { padding-top: 26.67vw !important; } .sppT101 { padding-top: 26.93vw !important; } .sppT102 { padding-top: 27.20vw !important; } .sppT103 { padding-top: 27.47vw !important; } .sppT104 { padding-top: 27.73vw !important; } .sppT105 { padding-top: 28.00vw !important; } .sppT106 { padding-top: 28.27vw !important; } .sppT107 { padding-top: 28.53vw !important; } .sppT108 { padding-top: 28.80vw !important; } .sppT109 { padding-top: 29.07vw !important; } .sppT110 { padding-top: 29.33vw !important; } .sppT111 { padding-top: 29.60vw !important; } .sppT112 { padding-top: 29.87vw !important; } .sppT113 { padding-top: 30.13vw !important; } .sppT114 { padding-top: 30.40vw !important; } .sppT115 { padding-top: 30.67vw !important; } .sppT116 { padding-top: 30.93vw !important; } .sppT117 { padding-top: 31.20vw !important; } .sppT118 { padding-top: 31.47vw !important; } .sppT119 { padding-top: 31.73vw !important; } .sppT120 { padding-top: 32.00vw !important; } .spmB0 { margin-bottom: 0.00vw !important; } .spmB1 { margin-bottom: 0.27vw !important; } .spmB2 { margin-bottom: 0.53vw !important; } .spmB3 { margin-bottom: 0.80vw !important; } .spmB4 { margin-bottom: 1.07vw !important; } .spmB5 { margin-bottom: 1.33vw !important; } .spmB6 { margin-bottom: 1.60vw !important; } .spmB7 { margin-bottom: 1.87vw !important; } .spmB8 { margin-bottom: 2.13vw !important; } .spmB9 { margin-bottom: 2.40vw !important; } .spmB10 { margin-bottom: 2.67vw !important; } .spmB11 { margin-bottom: 2.93vw !important; } .spmB12 { margin-bottom: 3.20vw !important; } .spmB13 { margin-bottom: 3.47vw !important; } .spmB14 { margin-bottom: 3.73vw !important; } .spmB15 { margin-bottom: 4.00vw !important; } .spmB16 { margin-bottom: 4.27vw !important; } .spmB17 { margin-bottom: 4.53vw !important; } .spmB18 { margin-bottom: 4.80vw !important; } .spmB19 { margin-bottom: 5.07vw !important; } .spmB20 { margin-bottom: 5.33vw !important; } .spmB21 { margin-bottom: 5.60vw !important; } .spmB22 { margin-bottom: 5.87vw !important; } .spmB23 { margin-bottom: 6.13vw !important; } .spmB24 { margin-bottom: 6.40vw !important; } .spmB25 { margin-bottom: 6.67vw !important; } .spmB26 { margin-bottom: 6.93vw !important; } .spmB27 { margin-bottom: 7.20vw !important; } .spmB28 { margin-bottom: 7.47vw !important; } .spmB29 { margin-bottom: 7.73vw !important; } .spmB30 { margin-bottom: 8.00vw !important; } .spmB31 { margin-bottom: 8.27vw !important; } .spmB32 { margin-bottom: 8.53vw !important; } .spmB33 { margin-bottom: 8.80vw !important; } .spmB34 { margin-bottom: 9.07vw !important; } .spmB35 { margin-bottom: 9.33vw !important; } .spmB36 { margin-bottom: 9.60vw !important; } .spmB37 { margin-bottom: 9.87vw !important; } .spmB38 { margin-bottom: 10.13vw !important; } .spmB39 { margin-bottom: 10.40vw !important; } .spmB40 { margin-bottom: 10.67vw !important; } .spmB41 { margin-bottom: 10.93vw !important; } .spmB42 { margin-bottom: 11.20vw !important; } .spmB43 { margin-bottom: 11.47vw !important; } .spmB44 { margin-bottom: 11.73vw !important; } .spmB45 { margin-bottom: 12.00vw !important; } .spmB46 { margin-bottom: 12.27vw !important; } .spmB47 { margin-bottom: 12.53vw !important; } .spmB48 { margin-bottom: 12.80vw !important; } .spmB49 { margin-bottom: 13.07vw !important; } .spmB50 { margin-bottom: 13.33vw !important; } .spmB51 { margin-bottom: 13.60vw !important; } .spmB52 { margin-bottom: 13.87vw !important; } .spmB53 { margin-bottom: 14.13vw !important; } .spmB54 { margin-bottom: 14.40vw !important; } .spmB55 { margin-bottom: 14.67vw !important; } .spmB56 { margin-bottom: 14.93vw !important; } .spmB57 { margin-bottom: 15.20vw !important; } .spmB58 { margin-bottom: 15.47vw !important; } .spmB59 { margin-bottom: 15.73vw !important; } .spmB60 { margin-bottom: 16.00vw !important; } .spmB61 { margin-bottom: 16.27vw !important; } .spmB62 { margin-bottom: 16.53vw !important; } .spmB63 { margin-bottom: 16.80vw !important; } .spmB64 { margin-bottom: 17.07vw !important; } .spmB65 { margin-bottom: 17.33vw !important; } .spmB66 { margin-bottom: 17.60vw !important; } .spmB67 { margin-bottom: 17.87vw !important; } .spmB68 { margin-bottom: 18.13vw !important; } .spmB69 { margin-bottom: 18.40vw !important; } .spmB70 { margin-bottom: 18.67vw !important; } .spmB71 { margin-bottom: 18.93vw !important; } .spmB72 { margin-bottom: 19.20vw !important; } .spmB73 { margin-bottom: 19.47vw !important; } .spmB74 { margin-bottom: 19.73vw !important; } .spmB75 { margin-bottom: 20.00vw !important; } .spmB76 { margin-bottom: 20.27vw !important; } .spmB77 { margin-bottom: 20.53vw !important; } .spmB78 { margin-bottom: 20.80vw !important; } .spmB79 { margin-bottom: 21.07vw !important; } .spmB80 { margin-bottom: 21.33vw !important; } .spmB81 { margin-bottom: 21.60vw !important; } .spmB82 { margin-bottom: 21.87vw !important; } .spmB83 { margin-bottom: 22.13vw !important; } .spmB84 { margin-bottom: 22.40vw !important; } .spmB85 { margin-bottom: 22.67vw !important; } .spmB86 { margin-bottom: 22.93vw !important; } .spmB87 { margin-bottom: 23.20vw !important; } .spmB88 { margin-bottom: 23.47vw !important; } .spmB89 { margin-bottom: 23.73vw !important; } .spmB90 { margin-bottom: 24.00vw !important; } .spmB91 { margin-bottom: 24.27vw !important; } .spmB92 { margin-bottom: 24.53vw !important; } .spmB93 { margin-bottom: 24.80vw !important; } .spmB94 { margin-bottom: 25.07vw !important; } .spmB95 { margin-bottom: 25.33vw !important; } .spmB96 { margin-bottom: 25.60vw !important; } .spmB97 { margin-bottom: 25.87vw !important; } .spmB98 { margin-bottom: 26.13vw !important; } .spmB99 { margin-bottom: 26.40vw !important; } .spmB100 { margin-bottom: 26.67vw !important; } .spmB101 { margin-bottom: 26.93vw !important; } .spmB102 { margin-bottom: 27.20vw !important; } .spmB103 { margin-bottom: 27.47vw !important; } .spmB104 { margin-bottom: 27.73vw !important; } .spmB105 { margin-bottom: 28.00vw !important; } .spmB106 { margin-bottom: 28.27vw !important; } .spmB107 { margin-bottom: 28.53vw !important; } .spmB108 { margin-bottom: 28.80vw !important; } .spmB109 { margin-bottom: 29.07vw !important; } .spmB110 { margin-bottom: 29.33vw !important; } .spmB111 { margin-bottom: 29.60vw !important; } .spmB112 { margin-bottom: 29.87vw !important; } .spmB113 { margin-bottom: 30.13vw !important; } .spmB114 { margin-bottom: 30.40vw !important; } .spmB115 { margin-bottom: 30.67vw !important; } .spmB116 { margin-bottom: 30.93vw !important; } .spmB117 { margin-bottom: 31.20vw !important; } .spmB118 { margin-bottom: 31.47vw !important; } .spmB119 { margin-bottom: 31.73vw !important; } .spmB120 { margin-bottom: 32.00vw !important; } .spmT0 { margin-top: 0.00vw !important; } .spmT1 { margin-top: 0.27vw !important; } .spmT2 { margin-top: 0.53vw !important; } .spmT3 { margin-top: 0.80vw !important; } .spmT4 { margin-top: 1.07vw !important; } .spmT5 { margin-top: 1.33vw !important; } .spmT6 { margin-top: 1.60vw !important; } .spmT7 { margin-top: 1.87vw !important; } .spmT8 { margin-top: 2.13vw !important; } .spmT9 { margin-top: 2.40vw !important; } .spmT10 { margin-top: 2.67vw !important; } .spmT11 { margin-top: 2.93vw !important; } .spmT12 { margin-top: 3.20vw !important; } .spmT13 { margin-top: 3.47vw !important; } .spmT14 { margin-top: 3.73vw !important; } .spmT15 { margin-top: 4.00vw !important; } .spmT16 { margin-top: 4.27vw !important; } .spmT17 { margin-top: 4.53vw !important; } .spmT18 { margin-top: 4.80vw !important; } .spmT19 { margin-top: 5.07vw !important; } .spmT20 { margin-top: 5.33vw !important; } .spmT21 { margin-top: 5.60vw !important; } .spmT22 { margin-top: 5.87vw !important; } .spmT23 { margin-top: 6.13vw !important; } .spmT24 { margin-top: 6.40vw !important; } .spmT25 { margin-top: 6.67vw !important; } .spmT26 { margin-top: 6.93vw !important; } .spmT27 { margin-top: 7.20vw !important; } .spmT28 { margin-top: 7.47vw !important; } .spmT29 { margin-top: 7.73vw !important; } .spmT30 { margin-top: 8.00vw !important; } .spmT31 { margin-top: 8.27vw !important; } .spmT32 { margin-top: 8.53vw !important; } .spmT33 { margin-top: 8.80vw !important; } .spmT34 { margin-top: 9.07vw !important; } .spmT35 { margin-top: 9.33vw !important; } .spmT36 { margin-top: 9.60vw !important; } .spmT37 { margin-top: 9.87vw !important; } .spmT38 { margin-top: 10.13vw !important; } .spmT39 { margin-top: 10.40vw !important; } .spmT40 { margin-top: 10.67vw !important; } .spmT41 { margin-top: 10.93vw !important; } .spmT42 { margin-top: 11.20vw !important; } .spmT43 { margin-top: 11.47vw !important; } .spmT44 { margin-top: 11.73vw !important; } .spmT45 { margin-top: 12.00vw !important; } .spmT46 { margin-top: 12.27vw !important; } .spmT47 { margin-top: 12.53vw !important; } .spmT48 { margin-top: 12.80vw !important; } .spmT49 { margin-top: 13.07vw !important; } .spmT50 { margin-top: 13.33vw !important; } .spmT51 { margin-top: 13.60vw !important; } .spmT52 { margin-top: 13.87vw !important; } .spmT53 { margin-top: 14.13vw !important; } .spmT54 { margin-top: 14.40vw !important; } .spmT55 { margin-top: 14.67vw !important; } .spmT56 { margin-top: 14.93vw !important; } .spmT57 { margin-top: 15.20vw !important; } .spmT58 { margin-top: 15.47vw !important; } .spmT59 { margin-top: 15.73vw !important; } .spmT60 { margin-top: 16.00vw !important; } .spmT61 { margin-top: 16.27vw !important; } .spmT62 { margin-top: 16.53vw !important; } .spmT63 { margin-top: 16.80vw !important; } .spmT64 { margin-top: 17.07vw !important; } .spmT65 { margin-top: 17.33vw !important; } .spmT66 { margin-top: 17.60vw !important; } .spmT67 { margin-top: 17.87vw !important; } .spmT68 { margin-top: 18.13vw !important; } .spmT69 { margin-top: 18.40vw !important; } .spmT70 { margin-top: 18.67vw !important; } .spmT71 { margin-top: 18.93vw !important; } .spmT72 { margin-top: 19.20vw !important; } .spmT73 { margin-top: 19.47vw !important; } .spmT74 { margin-top: 19.73vw !important; } .spmT75 { margin-top: 20.00vw !important; } .spmT76 { margin-top: 20.27vw !important; } .spmT77 { margin-top: 20.53vw !important; } .spmT78 { margin-top: 20.80vw !important; } .spmT79 { margin-top: 21.07vw !important; } .spmT80 { margin-top: 21.33vw !important; } .spmT81 { margin-top: 21.60vw !important; } .spmT82 { margin-top: 21.87vw !important; } .spmT83 { margin-top: 22.13vw !important; } .spmT84 { margin-top: 22.40vw !important; } .spmT85 { margin-top: 22.67vw !important; } .spmT86 { margin-top: 22.93vw !important; } .spmT87 { margin-top: 23.20vw !important; } .spmT88 { margin-top: 23.47vw !important; } .spmT89 { margin-top: 23.73vw !important; } .spmT90 { margin-top: 24.00vw !important; } .spmT91 { margin-top: 24.27vw !important; } .spmT92 { margin-top: 24.53vw !important; } .spmT93 { margin-top: 24.80vw !important; } .spmT94 { margin-top: 25.07vw !important; } .spmT95 { margin-top: 25.33vw !important; } .spmT96 { margin-top: 25.60vw !important; } .spmT97 { margin-top: 25.87vw !important; } .spmT98 { margin-top: 26.13vw !important; } .spmT99 { margin-top: 26.40vw !important; } .spmT100 { margin-top: 26.67vw !important; } .spmT101 { margin-top: 26.93vw !important; } .spmT102 { margin-top: 27.20vw !important; } .spmT103 { margin-top: 27.47vw !important; } .spmT104 { margin-top: 27.73vw !important; } .spmT105 { margin-top: 28.00vw !important; } .spmT106 { margin-top: 28.27vw !important; } .spmT107 { margin-top: 28.53vw !important; } .spmT108 { margin-top: 28.80vw !important; } .spmT109 { margin-top: 29.07vw !important; } .spmT110 { margin-top: 29.33vw !important; } .spmT111 { margin-top: 29.60vw !important; } .spmT112 { margin-top: 29.87vw !important; } .spmT113 { margin-top: 30.13vw !important; } .spmT114 { margin-top: 30.40vw !important; } .spmT115 { margin-top: 30.67vw !important; } .spmT116 { margin-top: 30.93vw !important; } .spmT117 { margin-top: 31.20vw !important; } .spmT118 { margin-top: 31.47vw !important; } .spmT119 { margin-top: 31.73vw !important; } .spmT120 { margin-top: 32.00vw !important; } .spfs8 { font-size: 2.13333vw !important;} .spfs9 { font-size: 2.4vw !important;} .spfs10 { font-size: 2.66667vw !important;} .spfs11 { font-size: 2.93333vw !important;} .spfs12 { font-size: 3.2vw !important;} .spfs13 { font-size: 3.46667vw !important;} .spfs14 { font-size: 3.73333vw !important;} .spfs15 { font-size: 4vw !important;} .spfs16 { font-size: 4.26667vw !important;} .spfs17 { font-size: 4.53333vw !important;} .spfs18 { font-size: 4.8vw !important;} .spfs19 { font-size: 5.06667vw !important;} .spfs20 { font-size: 5.33333vw !important;} .spfs21 { font-size: 5.6vw !important;} .spfs22 { font-size: 5.86667vw !important;} .spfs23 { font-size: 6.13333vw !important;} .spfs24 { font-size: 6.4vw !important;} .spfs25 { font-size: 6.66667vw !important;} .spfs26 { font-size: 6.93333vw !important;} .spfs27 { font-size: 7.2vw !important;} .spfs28 { font-size: 7.46667vw !important;} .spfs29 { font-size: 7.73333vw !important;} .spfs30 { font-size: 8vw !important;} .spfs31 { font-size: 8.26667vw !important;} .spfs32 { font-size: 8.53333vw !important;} .spfs33 { font-size: 8.8vw !important;} .spfs34 { font-size: 9.06667vw !important;} .spfs35 { font-size: 9.33333vw !important;} .spfs36 { font-size: 9.6vw !important;} .spfs37 { font-size: 9.86667vw !important;} .spfs38 { font-size: 10.13333vw !important;} .spfs39 { font-size: 10.4vw !important;} .spfs40 { font-size: 10.66667vw !important;} .spfs41 { font-size: 10.93333vw !important;} .spfs42 { font-size: 11.2vw !important;} .spfs43 { font-size: 11.46667vw !important;} .spfs44 { font-size: 11.73333vw !important;} .spfs45 { font-size: 12vw !important;} .spfs46 { font-size: 12.26667vw !important;} .spfs47 { font-size: 12.53333vw !important;} .spfs48 { font-size: 12.8vw !important;} .spfs49 { font-size: 13.06667vw !important;} .spfs50 { font-size: 13.33333vw !important;} .spfs51 { font-size: 13.6vw !important;} .spfs52 { font-size: 13.86667vw !important;} .spfs53 { font-size: 14.13333vw !important;} .spfs54 { font-size: 14.4vw !important;} .spfs55 { font-size: 14.66667vw !important;} .spfs56 { font-size: 14.93333vw !important;} .spfs57 { font-size: 15.2vw !important;} .spfs58 { font-size: 15.46667vw !important;} .spfs59 { font-size: 15.73333vw !important;} .spfs60 { font-size: 16vw !important;} .spfs61 { font-size: 16.26667vw !important;} .spfs62 { font-size: 16.53333vw !important;} .spfs63 { font-size: 16.8vw !important;} .spfs64 { font-size: 17.06667vw !important;} .spfs65 { font-size: 17.33333vw !important;} .spfs66 { font-size: 17.6vw !important;} .spfs67 { font-size: 17.86667vw !important;} .spfs68 { font-size: 18.13333vw !important;} .spfs69 { font-size: 18.4vw !important;} .spfs70 { font-size: 18.66667vw !important;} .spfs71 { font-size: 18.93333vw !important;} .spfs72 { font-size: 19.2vw !important;} .spfs73 { font-size: 19.46667vw !important;} .spfs74 { font-size: 19.73333vw !important;} .spfs75 { font-size: 20vw !important;} .spfs76 { font-size: 20.26667vw !important;} .spfs77 { font-size: 20.53333vw !important;} .spfs78 { font-size: 20.8vw !important;} .spfs79 { font-size: 21.06667vw !important;} .spfs80 { font-size: 21.33333vw !important;} .spfs81 { font-size: 21.6vw !important;} .spfs82 { font-size: 21.86667vw !important;} .spfs83 { font-size: 22.13333vw !important;} .spfs84 { font-size: 22.4vw !important;} .spfs85 { font-size: 22.66667vw !important;} .spfs86 { font-size: 22.93333vw !important;} .spfs87 { font-size: 23.2vw !important;} .spfs88 { font-size: 23.46667vw !important;} .spfs89 { font-size: 23.73333vw !important;} .spfs90 { font-size: 24vw !important;} .spfs91 { font-size: 24.26667vw !important;} .spfs92 { font-size: 24.53333vw !important;} .spfs93 { font-size: 24.8vw !important;} .spfs94 { font-size: 25.06667vw !important;} .spfs95 { font-size: 25.33333vw !important;} .spfs96 { font-size: 25.6vw !important;} .spfs97 { font-size: 25.86667vw !important;} .spfs98 { font-size: 26.13333vw !important;} .spfs99 { font-size: 26.4vw !important;} .spfs100 { font-size: 26.66667vw !important;} } /* Tablet向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 415px ) { body { font-size: 1.4rem; min-width: 1000px;} .staffBody { min-width: 640px; padding-top: 48px;} .spDisp { display: none; } .pcaC { text-align: center !important;} .pcaL { text-align: left !important;} .pcaR { text-align: right !important;} .pclh192 { line-height: 1.92 !important; } .pclh200 { line-height: 2.0 !important; } .pclh231 { line-height: 2.31 !important; } .pcls200 { letter-spacing: 0.2em !important; } .pcwSN { white-space: nowrap !important;} /*general*/ .pcpB0 { padding-bottom: 0px !important;} .pcpB1 { padding-bottom: 1px !important;} .pcpB2 { padding-bottom: 2px !important;} .pcpB3 { padding-bottom: 3px !important;} .pcpB4 { padding-bottom: 4px !important;} .pcpB5 { padding-bottom: 5px !important;} .pcpB6 { padding-bottom: 6px !important;} .pcpB7 { padding-bottom: 7px !important;} .pcpB8 { padding-bottom: 8px !important;} .pcpB9 { padding-bottom: 9px !important;} .pcpB10 { padding-bottom: 10px !important;} .pcpB11 { padding-bottom: 11px !important;} .pcpB12 { padding-bottom: 12px !important;} .pcpB13 { padding-bottom: 13px !important;} .pcpB14 { padding-bottom: 14px !important;} .pcpB15 { padding-bottom: 15px !important;} .pcpB16 { padding-bottom: 16px !important;} .pcpB17 { padding-bottom: 17px !important;} .pcpB18 { padding-bottom: 18px !important;} .pcpB19 { padding-bottom: 19px !important;} .pcpB20 { padding-bottom: 20px !important;} .pcpB21 { padding-bottom: 21px !important;} .pcpB22 { padding-bottom: 22px !important;} .pcpB23 { padding-bottom: 23px !important;} .pcpB24 { padding-bottom: 24px !important;} .pcpB25 { padding-bottom: 25px !important;} .pcpB26 { padding-bottom: 26px !important;} .pcpB27 { padding-bottom: 27px !important;} .pcpB28 { padding-bottom: 28px !important;} .pcpB29 { padding-bottom: 29px !important;} .pcpB30 { padding-bottom: 30px !important;} .pcpB31 { padding-bottom: 31px !important;} .pcpB32 { padding-bottom: 32px !important;} .pcpB33 { padding-bottom: 33px !important;} .pcpB34 { padding-bottom: 34px !important;} .pcpB35 { padding-bottom: 35px !important;} .pcpB36 { padding-bottom: 36px !important;} .pcpB37 { padding-bottom: 37px !important;} .pcpB38 { padding-bottom: 38px !important;} .pcpB39 { padding-bottom: 39px !important;} .pcpB40 { padding-bottom: 40px !important;} .pcpB41 { padding-bottom: 41px !important;} .pcpB42 { padding-bottom: 42px !important;} .pcpB43 { padding-bottom: 43px !important;} .pcpB44 { padding-bottom: 44px !important;} .pcpB45 { padding-bottom: 45px !important;} .pcpB46 { padding-bottom: 46px !important;} .pcpB47 { padding-bottom: 47px !important;} .pcpB48 { padding-bottom: 48px !important;} .pcpB49 { padding-bottom: 49px !important;} .pcpB50 { padding-bottom: 50px !important;} .pcpB51 { padding-bottom: 51px !important;} .pcpB52 { padding-bottom: 52px !important;} .pcpB53 { padding-bottom: 53px !important;} .pcpB54 { padding-bottom: 54px !important;} .pcpB55 { padding-bottom: 55px !important;} .pcpB56 { padding-bottom: 56px !important;} .pcpB57 { padding-bottom: 57px !important;} .pcpB58 { padding-bottom: 58px !important;} .pcpB59 { padding-bottom: 59px !important;} .pcpB60 { padding-bottom: 60px !important;} .pcpB61 { padding-bottom: 61px !important;} .pcpB62 { padding-bottom: 62px !important;} .pcpB63 { padding-bottom: 63px !important;} .pcpB64 { padding-bottom: 64px !important;} .pcpB65 { padding-bottom: 65px !important;} .pcpB66 { padding-bottom: 66px !important;} .pcpB67 { padding-bottom: 67px !important;} .pcpB68 { padding-bottom: 68px !important;} .pcpB69 { padding-bottom: 69px !important;} .pcpB70 { padding-bottom: 70px !important;} .pcpB71 { padding-bottom: 71px !important;} .pcpB72 { padding-bottom: 72px !important;} .pcpB73 { padding-bottom: 73px !important;} .pcpB74 { padding-bottom: 74px !important;} .pcpB75 { padding-bottom: 75px !important;} .pcpB76 { padding-bottom: 76px !important;} .pcpB77 { padding-bottom: 77px !important;} .pcpB78 { padding-bottom: 78px !important;} .pcpB79 { padding-bottom: 79px !important;} .pcpB80 { padding-bottom: 80px !important;} .pcpB81 { padding-bottom: 81px !important;} .pcpB82 { padding-bottom: 82px !important;} .pcpB83 { padding-bottom: 83px !important;} .pcpB84 { padding-bottom: 84px !important;} .pcpB85 { padding-bottom: 85px !important;} .pcpB86 { padding-bottom: 86px !important;} .pcpB87 { padding-bottom: 87px !important;} .pcpB88 { padding-bottom: 88px !important;} .pcpB89 { padding-bottom: 89px !important;} .pcpB90 { padding-bottom: 90px !important;} .pcpB91 { padding-bottom: 91px !important;} .pcpB92 { padding-bottom: 92px !important;} .pcpB93 { padding-bottom: 93px !important;} .pcpB94 { padding-bottom: 94px !important;} .pcpB95 { padding-bottom: 95px !important;} .pcpB96 { padding-bottom: 96px !important;} .pcpB97 { padding-bottom: 97px !important;} .pcpB98 { padding-bottom: 98px !important;} .pcpB99 { padding-bottom: 99px !important;} .pcpB100 { padding-bottom: 100px !important;} .pcpB101 { padding-bottom: 101px !important;} .pcpB102 { padding-bottom: 102px !important;} .pcpB103 { padding-bottom: 103px !important;} .pcpB104 { padding-bottom: 104px !important;} .pcpB105 { padding-bottom: 105px !important;} .pcpB106 { padding-bottom: 106px !important;} .pcpB107 { padding-bottom: 107px !important;} .pcpB108 { padding-bottom: 108px !important;} .pcpB109 { padding-bottom: 109px !important;} .pcpB110 { padding-bottom: 110px !important;} .pcpB111 { padding-bottom: 111px !important;} .pcpB112 { padding-bottom: 112px !important;} .pcpB113 { padding-bottom: 113px !important;} .pcpB114 { padding-bottom: 114px !important;} .pcpB115 { padding-bottom: 115px !important;} .pcpB116 { padding-bottom: 116px !important;} .pcpB117 { padding-bottom: 117px !important;} .pcpB118 { padding-bottom: 118px !important;} .pcpB119 { padding-bottom: 119px !important;} .pcpB120 { padding-bottom: 120px !important;} .pcpB128 { padding-bottom: 128px !important;} .pcpB135 { padding-bottom: 135px !important;} .pcpB145 { padding-bottom: 145px !important;} .pcpB146 { padding-bottom: 146px !important;} .pcpB200 { padding-bottom: 200px !important;} .pcpB216 { padding-bottom: 216px !important;} .pcpT0 { padding-top: 0px !important;} .pcpT1 { padding-top: 1px !important;} .pcpT2 { padding-top: 2px !important;} .pcpT3 { padding-top: 3px !important;} .pcpT4 { padding-top: 4px !important;} .pcpT5 { padding-top: 5px !important;} .pcpT6 { padding-top: 6px !important;} .pcpT7 { padding-top: 7px !important;} .pcpT8 { padding-top: 8px !important;} .pcpT9 { padding-top: 9px !important;} .pcpT10 { padding-top: 10px !important;} .pcpT11 { padding-top: 11px !important;} .pcpT12 { padding-top: 12px !important;} .pcpT13 { padding-top: 13px !important;} .pcpT14 { padding-top: 14px !important;} .pcpT15 { padding-top: 15px !important;} .pcpT16 { padding-top: 16px !important;} .pcpT17 { padding-top: 17px !important;} .pcpT18 { padding-top: 18px !important;} .pcpT19 { padding-top: 19px !important;} .pcpT20 { padding-top: 20px !important;} .pcpT21 { padding-top: 21px !important;} .pcpT22 { padding-top: 22px !important;} .pcpT23 { padding-top: 23px !important;} .pcpT24 { padding-top: 24px !important;} .pcpT25 { padding-top: 25px !important;} .pcpT26 { padding-top: 26px !important;} .pcpT27 { padding-top: 27px !important;} .pcpT28 { padding-top: 28px !important;} .pcpT29 { padding-top: 29px !important;} .pcpT30 { padding-top: 30px !important;} .pcpT31 { padding-top: 31px !important;} .pcpT32 { padding-top: 32px !important;} .pcpT33 { padding-top: 33px !important;} .pcpT34 { padding-top: 34px !important;} .pcpT35 { padding-top: 35px !important;} .pcpT36 { padding-top: 36px !important;} .pcpT37 { padding-top: 37px !important;} .pcpT38 { padding-top: 38px !important;} .pcpT39 { padding-top: 39px !important;} .pcpT40 { padding-top: 40px !important;} .pcpT41 { padding-top: 41px !important;} .pcpT42 { padding-top: 42px !important;} .pcpT43 { padding-top: 43px !important;} .pcpT44 { padding-top: 44px !important;} .pcpT45 { padding-top: 45px !important;} .pcpT46 { padding-top: 46px !important;} .pcpT47 { padding-top: 47px !important;} .pcpT48 { padding-top: 48px !important;} .pcpT49 { padding-top: 49px !important;} .pcpT50 { padding-top: 50px !important;} .pcpT51 { padding-top: 51px !important;} .pcpT52 { padding-top: 52px !important;} .pcpT53 { padding-top: 53px !important;} .pcpT54 { padding-top: 54px !important;} .pcpT55 { padding-top: 55px !important;} .pcpT56 { padding-top: 56px !important;} .pcpT57 { padding-top: 57px !important;} .pcpT58 { padding-top: 58px !important;} .pcpT59 { padding-top: 59px !important;} .pcpT60 { padding-top: 60px !important;} .pcpT61 { padding-top: 61px !important;} .pcpT62 { padding-top: 62px !important;} .pcpT63 { padding-top: 63px !important;} .pcpT64 { padding-top: 64px !important;} .pcpT65 { padding-top: 65px !important;} .pcpT66 { padding-top: 66px !important;} .pcpT67 { padding-top: 67px !important;} .pcpT68 { padding-top: 68px !important;} .pcpT69 { padding-top: 69px !important;} .pcpT70 { padding-top: 70px !important;} .pcpT71 { padding-top: 71px !important;} .pcpT72 { padding-top: 72px !important;} .pcpT73 { padding-top: 73px !important;} .pcpT74 { padding-top: 74px !important;} .pcpT75 { padding-top: 75px !important;} .pcpT76 { padding-top: 76px !important;} .pcpT77 { padding-top: 77px !important;} .pcpT78 { padding-top: 78px !important;} .pcpT79 { padding-top: 79px !important;} .pcpT80 { padding-top: 80px !important;} .pcpT81 { padding-top: 81px !important;} .pcpT82 { padding-top: 82px !important;} .pcpT83 { padding-top: 83px !important;} .pcpT84 { padding-top: 84px !important;} .pcpT85 { padding-top: 85px !important;} .pcpT86 { padding-top: 86px !important;} .pcpT87 { padding-top: 87px !important;} .pcpT88 { padding-top: 88px !important;} .pcpT89 { padding-top: 89px !important;} .pcpT90 { padding-top: 90px !important;} .pcpT91 { padding-top: 91px !important;} .pcpT92 { padding-top: 92px !important;} .pcpT93 { padding-top: 93px !important;} .pcpT94 { padding-top: 94px !important;} .pcpT95 { padding-top: 95px !important;} .pcpT96 { padding-top: 96px !important;} .pcpT97 { padding-top: 97px !important;} .pcpT98 { padding-top: 98px !important;} .pcpT99 { padding-top: 99px !important;} .pcpT100 { padding-top: 100px !important;} .pcpT101 { padding-top: 101px !important;} .pcpT102 { padding-top: 102px !important;} .pcpT103 { padding-top: 103px !important;} .pcpT104 { padding-top: 104px !important;} .pcpT105 { padding-top: 105px !important;} .pcpT106 { padding-top: 106px !important;} .pcpT107 { padding-top: 107px !important;} .pcpT108 { padding-top: 108px !important;} .pcpT109 { padding-top: 109px !important;} .pcpT110 { padding-top: 110px !important;} .pcpT111 { padding-top: 111px !important;} .pcpT112 { padding-top: 112px !important;} .pcpT113 { padding-top: 113px !important;} .pcpT114 { padding-top: 114px !important;} .pcpT115 { padding-top: 115px !important;} .pcpT116 { padding-top: 116px !important;} .pcpT117 { padding-top: 117px !important;} .pcpT118 { padding-top: 118px !important;} .pcpT119 { padding-top: 119px !important;} .pcpT120 { padding-top: 120px !important;} .pcmB0 { margin-bottom: 0px !important;} .pcmB1 { margin-bottom: 1px !important;} .pcmB2 { margin-bottom: 2px !important;} .pcmB3 { margin-bottom: 3px !important;} .pcmB4 { margin-bottom: 4px !important;} .pcmB5 { margin-bottom: 5px !important;} .pcmB6 { margin-bottom: 6px !important;} .pcmB7 { margin-bottom: 7px !important;} .pcmB8 { margin-bottom: 8px !important;} .pcmB9 { margin-bottom: 9px !important;} .pcmB10 { margin-bottom: 10px !important;} .pcmB11 { margin-bottom: 11px !important;} .pcmB12 { margin-bottom: 12px !important;} .pcmB13 { margin-bottom: 13px !important;} .pcmB14 { margin-bottom: 14px !important;} .pcmB15 { margin-bottom: 15px !important;} .pcmB16 { margin-bottom: 16px !important;} .pcmB17 { margin-bottom: 17px !important;} .pcmB18 { margin-bottom: 18px !important;} .pcmB19 { margin-bottom: 19px !important;} .pcmB20 { margin-bottom: 20px !important;} .pcmB21 { margin-bottom: 21px !important;} .pcmB22 { margin-bottom: 22px !important;} .pcmB23 { margin-bottom: 23px !important;} .pcmB24 { margin-bottom: 24px !important;} .pcmB25 { margin-bottom: 25px !important;} .pcmB26 { margin-bottom: 26px !important;} .pcmB27 { margin-bottom: 27px !important;} .pcmB28 { margin-bottom: 28px !important;} .pcmB29 { margin-bottom: 29px !important;} .pcmB30 { margin-bottom: 30px !important;} .pcmB31 { margin-bottom: 31px !important;} .pcmB32 { margin-bottom: 32px !important;} .pcmB33 { margin-bottom: 33px !important;} .pcmB34 { margin-bottom: 34px !important;} .pcmB35 { margin-bottom: 35px !important;} .pcmB36 { margin-bottom: 36px !important;} .pcmB37 { margin-bottom: 37px !important;} .pcmB38 { margin-bottom: 38px !important;} .pcmB39 { margin-bottom: 39px !important;} .pcmB40 { margin-bottom: 40px !important;} .pcmB41 { margin-bottom: 41px !important;} .pcmB42 { margin-bottom: 42px !important;} .pcmB43 { margin-bottom: 43px !important;} .pcmB44 { margin-bottom: 44px !important;} .pcmB45 { margin-bottom: 45px !important;} .pcmB46 { margin-bottom: 46px !important;} .pcmB47 { margin-bottom: 47px !important;} .pcmB48 { margin-bottom: 48px !important;} .pcmB49 { margin-bottom: 49px !important;} .pcmB50 { margin-bottom: 50px !important;} .pcmB51 { margin-bottom: 51px !important;} .pcmB52 { margin-bottom: 52px !important;} .pcmB53 { margin-bottom: 53px !important;} .pcmB54 { margin-bottom: 54px !important;} .pcmB55 { margin-bottom: 55px !important;} .pcmB56 { margin-bottom: 56px !important;} .pcmB57 { margin-bottom: 57px !important;} .pcmB58 { margin-bottom: 58px !important;} .pcmB59 { margin-bottom: 59px !important;} .pcmB60 { margin-bottom: 60px !important;} .pcmB61 { margin-bottom: 61px !important;} .pcmB62 { margin-bottom: 62px !important;} .pcmB63 { margin-bottom: 63px !important;} .pcmB64 { margin-bottom: 64px !important;} .pcmB65 { margin-bottom: 65px !important;} .pcmB66 { margin-bottom: 66px !important;} .pcmB67 { margin-bottom: 67px !important;} .pcmB68 { margin-bottom: 68px !important;} .pcmB69 { margin-bottom: 69px !important;} .pcmB70 { margin-bottom: 70px !important;} .pcmB71 { margin-bottom: 71px !important;} .pcmB72 { margin-bottom: 72px !important;} .pcmB73 { margin-bottom: 73px !important;} .pcmB74 { margin-bottom: 74px !important;} .pcmB75 { margin-bottom: 75px !important;} .pcmB76 { margin-bottom: 76px !important;} .pcmB77 { margin-bottom: 77px !important;} .pcmB78 { margin-bottom: 78px !important;} .pcmB79 { margin-bottom: 79px !important;} .pcmB80 { margin-bottom: 80px !important;} .pcmB81 { margin-bottom: 81px !important;} .pcmB82 { margin-bottom: 82px !important;} .pcmB83 { margin-bottom: 83px !important;} .pcmB84 { margin-bottom: 84px !important;} .pcmB85 { margin-bottom: 85px !important;} .pcmB86 { margin-bottom: 86px !important;} .pcmB87 { margin-bottom: 87px !important;} .pcmB88 { margin-bottom: 88px !important;} .pcmB89 { margin-bottom: 89px !important;} .pcmB90 { margin-bottom: 90px !important;} .pcmB91 { margin-bottom: 91px !important;} .pcmB92 { margin-bottom: 92px !important;} .pcmB93 { margin-bottom: 93px !important;} .pcmB94 { margin-bottom: 94px !important;} .pcmB95 { margin-bottom: 95px !important;} .pcmB96 { margin-bottom: 96px !important;} .pcmB97 { margin-bottom: 97px !important;} .pcmB98 { margin-bottom: 98px !important;} .pcmB99 { margin-bottom: 99px !important;} .pcmB100 { margin-bottom: 100px !important;} .pcmB101 { margin-bottom: 101px !important;} .pcmB102 { margin-bottom: 102px !important;} .pcmB103 { margin-bottom: 103px !important;} .pcmB104 { margin-bottom: 104px !important;} .pcmB105 { margin-bottom: 105px !important;} .pcmB106 { margin-bottom: 106px !important;} .pcmB107 { margin-bottom: 107px !important;} .pcmB108 { margin-bottom: 108px !important;} .pcmB109 { margin-bottom: 109px !important;} .pcmB110 { margin-bottom: 110px !important;} .pcmB111 { margin-bottom: 111px !important;} .pcmB112 { margin-bottom: 112px !important;} .pcmB113 { margin-bottom: 113px !important;} .pcmB114 { margin-bottom: 114px !important;} .pcmB115 { margin-bottom: 115px !important;} .pcmB116 { margin-bottom: 116px !important;} .pcmB117 { margin-bottom: 117px !important;} .pcmB118 { margin-bottom: 118px !important;} .pcmB119 { margin-bottom: 119px !important;} .pcmB120 { margin-bottom: 120px !important;} .pcmB128 { margin-bottom: 128px !important;} .pcmB144 { margin-bottom: 144px !important;} .pcmB146 { margin-bottom: 146px !important;} .pcmB160 { margin-bottom: 160px !important;} .pcmB170 { margin-bottom: 170px !important;} .pcmB180 { margin-bottom: 180px !important;} .pcmB200 { margin-bottom: 200px !important;} .pcmB270 { margin-bottom: 270px !important;} .pcmT0 { margin-top: 0px !important;} .pcmT1 { margin-top: 1px !important;} .pcmT2 { margin-top: 2px !important;} .pcmT3 { margin-top: 3px !important;} .pcmT4 { margin-top: 4px !important;} .pcmT5 { margin-top: 5px !important;} .pcmT6 { margin-top: 6px !important;} .pcmT7 { margin-top: 7px !important;} .pcmT8 { margin-top: 8px !important;} .pcmT9 { margin-top: 9px !important;} .pcmT10 { margin-top: 10px !important;} .pcmT11 { margin-top: 11px !important;} .pcmT12 { margin-top: 12px !important;} .pcmT13 { margin-top: 13px !important;} .pcmT14 { margin-top: 14px !important;} .pcmT15 { margin-top: 15px !important;} .pcmT16 { margin-top: 16px !important;} .pcmT17 { margin-top: 17px !important;} .pcmT18 { margin-top: 18px !important;} .pcmT19 { margin-top: 19px !important;} .pcmT20 { margin-top: 20px !important;} .pcmT21 { margin-top: 21px !important;} .pcmT22 { margin-top: 22px !important;} .pcmT23 { margin-top: 23px !important;} .pcmT24 { margin-top: 24px !important;} .pcmT25 { margin-top: 25px !important;} .pcmT26 { margin-top: 26px !important;} .pcmT27 { margin-top: 27px !important;} .pcmT28 { margin-top: 28px !important;} .pcmT29 { margin-top: 29px !important;} .pcmT30 { margin-top: 30px !important;} .pcmT31 { margin-top: 31px !important;} .pcmT32 { margin-top: 32px !important;} .pcmT33 { margin-top: 33px !important;} .pcmT34 { margin-top: 34px !important;} .pcmT35 { margin-top: 35px !important;} .pcmT36 { margin-top: 36px !important;} .pcmT37 { margin-top: 37px !important;} .pcmT38 { margin-top: 38px !important;} .pcmT39 { margin-top: 39px !important;} .pcmT40 { margin-top: 40px !important;} .pcmT41 { margin-top: 41px !important;} .pcmT42 { margin-top: 42px !important;} .pcmT43 { margin-top: 43px !important;} .pcmT44 { margin-top: 44px !important;} .pcmT45 { margin-top: 45px !important;} .pcmT46 { margin-top: 46px !important;} .pcmT47 { margin-top: 47px !important;} .pcmT48 { margin-top: 48px !important;} .pcmT49 { margin-top: 49px !important;} .pcmT50 { margin-top: 50px !important;} .pcmT51 { margin-top: 51px !important;} .pcmT52 { margin-top: 52px !important;} .pcmT53 { margin-top: 53px !important;} .pcmT54 { margin-top: 54px !important;} .pcmT55 { margin-top: 55px !important;} .pcmT56 { margin-top: 56px !important;} .pcmT57 { margin-top: 57px !important;} .pcmT58 { margin-top: 58px !important;} .pcmT59 { margin-top: 59px !important;} .pcmT60 { margin-top: 60px !important;} .pcmT61 { margin-top: 61px !important;} .pcmT62 { margin-top: 62px !important;} .pcmT63 { margin-top: 63px !important;} .pcmT64 { margin-top: 64px !important;} .pcmT65 { margin-top: 65px !important;} .pcmT66 { margin-top: 66px !important;} .pcmT67 { margin-top: 67px !important;} .pcmT68 { margin-top: 68px !important;} .pcmT69 { margin-top: 69px !important;} .pcmT70 { margin-top: 70px !important;} .pcmT71 { margin-top: 71px !important;} .pcmT72 { margin-top: 72px !important;} .pcmT73 { margin-top: 73px !important;} .pcmT74 { margin-top: 74px !important;} .pcmT75 { margin-top: 75px !important;} .pcmT76 { margin-top: 76px !important;} .pcmT77 { margin-top: 77px !important;} .pcmT78 { margin-top: 78px !important;} .pcmT79 { margin-top: 79px !important;} .pcmT80 { margin-top: 80px !important;} .pcmT81 { margin-top: 81px !important;} .pcmT82 { margin-top: 82px !important;} .pcmT83 { margin-top: 83px !important;} .pcmT84 { margin-top: 84px !important;} .pcmT85 { margin-top: 85px !important;} .pcmT86 { margin-top: 86px !important;} .pcmT87 { margin-top: 87px !important;} .pcmT88 { margin-top: 88px !important;} .pcmT89 { margin-top: 89px !important;} .pcmT90 { margin-top: 90px !important;} .pcmT91 { margin-top: 91px !important;} .pcmT92 { margin-top: 92px !important;} .pcmT93 { margin-top: 93px !important;} .pcmT94 { margin-top: 94px !important;} .pcmT95 { margin-top: 95px !important;} .pcmT96 { margin-top: 96px !important;} .pcmT97 { margin-top: 97px !important;} .pcmT98 { margin-top: 98px !important;} .pcmT99 { margin-top: 99px !important;} .pcmT100 { margin-top: 100px !important;} .pcmT101 { margin-top: 101px !important;} .pcmT102 { margin-top: 102px !important;} .pcmT103 { margin-top: 103px !important;} .pcmT104 { margin-top: 104px !important;} .pcmT105 { margin-top: 105px !important;} .pcmT106 { margin-top: 106px !important;} .pcmT107 { margin-top: 107px !important;} .pcmT108 { margin-top: 108px !important;} .pcmT109 { margin-top: 109px !important;} .pcmT110 { margin-top: 110px !important;} .pcmT111 { margin-top: 111px !important;} .pcmT112 { margin-top: 112px !important;} .pcmT113 { margin-top: 113px !important;} .pcmT114 { margin-top: 114px !important;} .pcmT115 { margin-top: 115px !important;} .pcmT116 { margin-top: 116px !important;} .pcmT117 { margin-top: 117px !important;} .pcmT118 { margin-top: 118px !important;} .pcmT119 { margin-top: 119px !important;} .pcmT120 { margin-top: 120px !important;} .pcfs8 { font-size: 0.8rem;} .pcfs9 { font-size: 0.9rem;} .pcfs10 { font-size: 1rem;} .pcfs11 { font-size: 1.1rem;} .pcfs12 { font-size: 1.2rem;} .pcfs13 { font-size: 1.3rem;} .pcfs14 { font-size: 1.4rem;} .pcfs15 { font-size: 1.5rem;} .pcfs16 { font-size: 1.6rem;} .pcfs17 { font-size: 1.7rem;} .pcfs18 { font-size: 1.8rem;} .pcfs19 { font-size: 1.9rem;} .pcfs20 { font-size: 2rem;} .pcfs21 { font-size: 2.1rem;} .pcfs22 { font-size: 2.2rem;} .pcfs23 { font-size: 2.3rem;} .pcfs24 { font-size: 2.4rem;} .pcfs25 { font-size: 2.5rem;} .pcfs26 { font-size: 2.6rem;} .pcfs27 { font-size: 2.7rem;} .pcfs28 { font-size: 2.8rem;} .pcfs29 { font-size: 2.9rem;} .pcfs30 { font-size: 3rem;} .pcfs31 { font-size: 3.1rem;} .pcfs32 { font-size: 3.2rem;} .pcfs33 { font-size: 3.3rem;} .pcfs34 { font-size: 3.4rem;} .pcfs35 { font-size: 3.5rem;} .pcfs36 { font-size: 3.6rem;} .pcfs37 { font-size: 3.7rem;} .pcfs38 { font-size: 3.8rem;} .pcfs39 { font-size: 3.9rem;} .pcfs40 { font-size: 4rem;} .pcfs41 { font-size: 4.1rem;} .pcfs42 { font-size: 4.2rem;} .pcfs43 { font-size: 4.3rem;} .pcfs44 { font-size: 4.4rem;} .pcfs45 { font-size: 4.5rem;} .pcfs46 { font-size: 4.6rem;} .pcfs47 { font-size: 4.7rem;} .pcfs48 { font-size: 4.8rem;} .pcfs49 { font-size: 4.9rem;} .pcfs50 { font-size: 5rem;} .pcfs51 { font-size: 5.1rem;} .pcfs52 { font-size: 5.2rem;} .pcfs53 { font-size: 5.3rem;} .pcfs54 { font-size: 5.4rem;} .pcfs55 { font-size: 5.5rem;} .pcfs56 { font-size: 5.6rem;} .pcfs57 { font-size: 5.7rem;} .pcfs58 { font-size: 5.8rem;} .pcfs59 { font-size: 5.9rem;} .pcfs60 { font-size: 6rem;} .pcfs61 { font-size: 6.1rem;} .pcfs62 { font-size: 6.2rem;} .pcfs63 { font-size: 6.3rem;} .pcfs64 { font-size: 6.4rem;} .pcfs65 { font-size: 6.5rem;} .pcfs66 { font-size: 6.6rem;} .pcfs67 { font-size: 6.7rem;} .pcfs68 { font-size: 6.8rem;} .pcfs69 { font-size: 6.9rem;} .pcfs70 { font-size: 7rem;} .pcfs71 { font-size: 7.1rem;} .pcfs72 { font-size: 7.2rem;} .pcfs73 { font-size: 7.3rem;} .pcfs74 { font-size: 7.4rem;} .pcfs75 { font-size: 7.5rem;} .pcfs76 { font-size: 7.6rem;} .pcfs77 { font-size: 7.7rem;} .pcfs78 { font-size: 7.8rem;} .pcfs79 { font-size: 7.9rem;} .pcfs80 { font-size: 8rem;} .pcfs81 { font-size: 8.1rem;} .pcfs82 { font-size: 8.2rem;} .pcfs83 { font-size: 8.3rem;} .pcfs84 { font-size: 8.4rem;} .pcfs85 { font-size: 8.5rem;} .pcfs86 { font-size: 8.6rem;} .pcfs87 { font-size: 8.7rem;} .pcfs88 { font-size: 8.8rem;} .pcfs89 { font-size: 8.9rem;} .pcfs90 { font-size: 9rem;} .pcfs91 { font-size: 9.1rem;} .pcfs92 { font-size: 9.2rem;} .pcfs93 { font-size: 9.3rem;} .pcfs94 { font-size: 9.4rem;} .pcfs95 { font-size: 9.5rem;} .pcfs96 { font-size: 9.6rem;} .pcfs97 { font-size: 9.7rem;} .pcfs98 { font-size: 9.8rem;} .pcfs99 { font-size: 9.9rem;} .pcfs100 { font-size: 10rem;} .pcfs105 { font-size: 10.5rem;} .pcfs138 { font-size: 13.8rem;} /* common *************************************************************************************************************************************************************************************/ /*header*/ header { height: 100px;} #title { bottom: -48px; left: 54px; } #title img { width: 400px; height: auto;} /*#insta { top: 46px; right: 120px; } #insta img { height: 28px; }*/ #headerURL { top: 138px; right: 54px; font-size: 1.2rem;} #snsBtns { position: fixed; top: 46px; right: 120px; display: flex; flex-wrap: wrap; align-items: center;} #snsBtns > li { margin-bottom: 0; margin-left: 12px;} #snsBtns img { width: auto; height: 28px; } /*---nav---*/ /*nav*/ .navLock { } #menuBtn { width: 100px; height: 100px; background: #EFEFEF;} #menuBtn .menuBtnBar { left: 18px; width: 47px;} #menuBtn01 { top: 42px;} #menuBtn02 { top: 58px;} #menuBtn03 { top: 74px;} .active #menuBtn01 { top: 42px;} .active #menuBtn02 { top: 42px;} .active #menuBtn03 { opacity: 0;} nav { } nav > dl { display: block; padding: 64px 0 0; width: 900px; height: auto; margin: 0 auto;} nav > dl > dt { width: 100%; margin: 0 0 37px; box-sizing: border-box; padding: 0 0 15px; border-bottom: #C5A37D solid 1px;} nav > dl > dt img { width: auto; height: 128px; } nav > dl > dd { width: 100%; height: auto; overflow: hidden; padding: 0 48px 0 66px; max-height: none; box-sizing: border-box; font-size: 1.8rem;} nav > dl > dd a { } nav > dl > dd a:hover { } nav > dl > dd a:before { } nav > dl > dd > ul { display: flex; flex-wrap: wrap; margin: 0;} nav > dl > dd > ul:last-child { margin-bottom: 0;} nav > dl > dd > ul > li { width: 33%; margin: 0 0 30px;} nav > dl > dd > ul > li:nth-child(1) { width: 33%; margin: 0 0 30px;} nav > dl > dd > ul > li:nth-child(2) { width: 66%; margin: 0 0 30px;} nav > dl > dd > ul > li:last-child { margin-bottom: 0;} nav > dl > dd > ul > li > ul { padding: 15px; font-size: 1.4rem;} nav > dl > dd > ul > li > ul > li { margin: 0 0 15px; } nav > dl > dd > ul > li > ul > li:last-child { margin-bottom: 0; } /*footer*/ #footerExplanationLink { padding: 36px 0;} #footerExplanationLink ul { font-size: 1.6rem;} #footerExplanationLink ul li {} #footerExplanationLink ul li:nth-child(1):after { } #footerExplanationLink ul li a { padding: 1.5em 0;} #dentalLoanLink {} #dentalLoanLink > a { padding: 16px 0;} #dentalLoanLink > a > span {} #dentalLoanLink > a > span:nth-child(1) { } #dentalLoanLink > a > span:nth-child(2) { } footer { background: #FFF; } #footerTitle { display: block; text-align: center; padding: 72px 0 90px;} #footer01 { width: 800px; padding: 0 0 80px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;} #footer0101 { display: flex; flex-wrap: wrap; align-content: flex-start; width: 330px;} #footer0101-01 { width: 100%; order: 1; font-size: 1.9rem; text-align: left; margin: 0 0 36px;} #footer0101-02 { width: 100%; order: 3; padding: 0;} .timeTable { width: 100%;} .timeTable th,.timeTable td { font-size: 1.4rem;} .timeTable th { } .timeTable th[scope=col] { text-align: center;} .timeTable td { width: 9%; padding: 12px 0; text-align: center;} #footer0101-02Ul { font-size: 11px; padding: 10px 0 0;} #footer0101-02Ul li { padding: 0 8px; } #footer0101-03 { width: 100%; order: 2; margin-bottom: 80px;} #footer0101-03 > dt { font-size: 1.8rem; text-align: left; margin: 0 0 20px;} #footer0101-03 > dd {} #footer0101-03 > dd > ul > li { margin-bottom: 24px; } #footer0101-03 > dd > ul > li:last-child { } #footer0101-03 > dd dl { font-size: 1.4rem;} #footer0101-03 > dd dl dt { } #footer0101-03 > dd dl dt:before { } #footer0101-03 > dd dl dd { } #footer0102 { display: block; width: 410px;} .footerInformationList { margin: 0 0 72px; } .footerInformationList > li { border-bottom: #CECFCF dashed 1px; margin: 0 0 26px;} .footerInformationList > li:last-child { margin-bottom: 0;} .footerInformationList > li > a { display: block; padding: 8px 0 8px;} .footerInformationListDate { font-size: 1.2rem; } .footerInformationListSub { font-size: 1.6rem; } #footerTel { border: #0A3926 solid 1px; border-radius: 12px; text-align: center; line-height: 1; color: #0A3926; padding: 0 10px; box-sizing: border-box;} .footerTel01 { display: inline-block; padding: 0 0.2em; } #footerTel dt { padding: 6px 0 14px; border-bottom: #0A3926 solid 1px;} #footerTel dd a { display: block; font-size: 2.8rem; color: #0A3926; letter-spacing: 0.18em; padding: 14px 0;} #footerTel dd a span { display: inline-block; background: url(images/icon_tel01.svg) no-repeat 0 50% /auto 24px ; padding: 5px 0 6px 24px; } #footerMap { padding-bottom: 400px; margin-bottom: 30px;} #footerMap iframe, #footerMap object, #footerMap embed { left: 30px; width: calc( 100% - 60px );} #footer02 { padding: 60px 0 0; background: #FFF url(images/index_grouop_img01.jpg) 0 0 no-repeat; } #footer02Wrapper { padding: 0 0 56px; width: 990px; margin: 0 auto; background: none;} #footer02Sub01 { padding: 0 0 80px 250px; width: 400px; margin: 0 auto; line-height: 44px; text-align: left; background: url(images/index_grouop_img02.svg) 0 0 no-repeat; box-sizing: border-box; font-size: 1.4rem;} .footerGrouopList01 { overflow: hidden; width: 870px; margin: -32px auto 20px; display: flex; flex-wrap: wrap; justify-content: center; justify-content: center;} .footerGrouopList01 li { /*width: 210px;*/ margin: 32px 10px 0 0; padding: 0;} .footerGrouopList01 li:nth-child(4) { margin-right: 0;} .footerGrouopList01 li a:link,.footerGrouopList01 li a:visited { } .footerGrouopList01 li a:active,.footerGrouopList01 li a:hover { } .footerGrouopList01Img { padding-bottom: 16px;} .footerGrouopList01 dt { letter-spacing: -0.1em; font-size: 1.4rem; margin: 0 0 14px;} .footerGrouopList01Tel { font-size: 1.8rem; padding: 0; margin: 0 0 14px;} .footerGrouopList01Time { font-size: 1.4rem; padding: 0 0 44px;} .footerGrouopList01 li:nth-child(3) .footerGrouopList01Time { padding-bottom: 20px;} .footerGrouopList01Detail { margin: 0 auto 10px; width: 190px; /*letter-spacing: -0.1em;*/} .footerGrouopList01Detail a { padding: 10px 0;} .footerBnrList { overflow: hidden; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;} .footerBnrList li { margin: 0 5px; width: 200px;} .footerBnrList li img { } .footerBnrJidv { margin: 48px auto 0; width: 830px;} footer small { font-size: 1.3rem; padding: 56px 0;} #bnr210613 { padding: 0; margin: 0 auto 80px; width: 800px;} /* parts *************************************************************************************************************************************************************************************/ .w600 { width: 600px; margin-left: auto; margin-right: auto; } .w640 { width: 640px; margin-left: auto; margin-right: auto; } .w730 { width: 730px; margin-left: auto; margin-right: auto; } .w750 { width: 750px; margin-left: auto; margin-right: auto; } .w760 { width: 760px; margin-left: auto; margin-right: auto; } .w780 { width: 780px; margin-left: auto; margin-right: auto; } .w790 { width: 790px; margin-left: auto; margin-right: auto; } .w840 { width: 840px; margin-left: auto; margin-right: auto; } .w860 { width: 860px; margin-left: auto; margin-right: auto; } .w890 { width: 890px; margin-left: auto; margin-right: auto; } .w900 { width: 900px; margin-left: auto; margin-right: auto; } .w924 { width: 924px; margin-left: auto; margin-right: auto; } .w930 { width: 930px; margin-left: auto; margin-right: auto; } .w1000 { width: 1000px; margin-left: auto; margin-right: auto; } .flx-Pare { display: flex; flex-wrap: wrap; justify-content: space-between;} .flx-aife { align-items: flex-end;} .pcOdr01 { order: 1; } .pcOdr02 { order: 2; } .flx-w192 { width: 192px; } .flx-w200 { width: 200px; } .flx-w232 { width: 232px; } .flx-w273 { width: 273px; } .flx-w290 { width: 290px; } .flx-w330 { width: 330px; } .flx-w340 { width: 340px; } .flx-w352 { width: 352px; } .flx-w370 { width: 370px; } .flx-w380 { width: 380px; } .flx-w417 { width: 417px; } .flx-w420 { width: 420px; } .flx-w490 { width: 490px; } .flx-w520 { width: 520px; } .flx-w574 { width: 574px; } .flx-w600 { width: 600px; } .flx-w660 { width: 660px; } .pageTitle { height: 400px; margin: 0 0 8.53vw;} .pageTitle:before { height: 200px} #pageTitleTxt { position: absolute; top: 50%; left: 50%; margin-left: -380px; padding: 0; font-size: 4.5rem;} #aestheticTitle #pageTitleTxt { margin-top: 0;} .pageTitle02 { min-height: 400px; margin: 0 0 72px; background-position: 50% 0; background-repeat: no-repeat; background-size: cover;} .pageTitle02.pageTitle0201 { min-height: 400px; margin: 0 0 72px;} .pageTitle02.pageTitle0202 { min-height: 400px; margin: 0 0 160px;} .pageTitle0201 { margin-bottom: 175px;} .pageTitle02:before { height: 200px; width: calc( 50% + 30px ); background: url(images/title_bg01_pc.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 0; left: 0;} .pageTitle02.pageTitle0201:before { height: 200px; width: calc( 50% + 30px ); background: url(images/title_bg01_pc.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 0; left: 0;} .pageTitle02.pageTitle0202:before { height: 400px; width: 100px; background: url(images/title_bg01_sp.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 0; left: 0;} /*.pageTitle0201:before { height: 100%; width: 100px;background: url(images/title_bg01_sp.png) no-repeat 0 0 / 100% 100%;}*/ #pediatricTitle { background-image: url(images/pediatric_main_pc.jpg);} #flowTitle { background-image: url(images/flow_main_pc.jpg);} #wireTitle { background-image: url(images/wire_main_pc.jpg); } #ceramicTitle { background-image: url(images/ceramic_main_pc.jpg); } #mouthpieceTitle { background-image: url(images/mouthpiece_main_pc.jpg); } #caseTitle { background-image: url(images/case_main_pc.jpg); } #lingual-bracketTitle { background-image: url(images/lingual-bracket_main_pc.jpg); } #lingual-bracketTitle #pageTitle02TxtEn03 {} #lingual-bracketTitle #pageTitle02TxtJp03 { letter-spacing: 0.4em; font-size: 2.4rem;} #lingual-bracketTitle.pageTitle02.pageTitle0201:before { height: 248px;} #pageTitle02TxtEn01 { bottom: auto; top: 48px; left: 50%; margin-left: -390px; font-size: 2.1rem; width: 420px; padding: 0; background: none; color: #FFF; line-height: 1.76;} #pageTitle02TxtJp01 { bottom: auto; top: 149px; left: 50%; margin-left: -390px; width: 420px; text-align: left; font-size: 2.4rem; letter-spacing: 0.5em; color: #FFF;} #pageTitle02TxtEn02 { bottom: auto; top: 204px; left: 50%; margin-left: -500px; font-size: 2.5rem; width: 1000px; padding: 0; background: none; color: #595757; line-height: 1.76;} #pageTitle02TxtJp02 { bottom: -124px; left: 0; margin-left: 0; width: 100%; text-align: center; font-size: 3.6rem; letter-spacing: 0.2em; color: #595757;} #pageTitle02TxtEn03 { bottom: auto; top: 48px; left: 50%; margin-left: -390px; font-size: 2.1rem; width: 420px; padding: 0; background: none; color: #FFF; line-height: 1.76;} #pageTitle02TxtJp03 { bottom: auto; top: 149px; left: 50%; margin-left: -390px; padding: 0; width: 420px; text-align: left; font-size: 2.4rem; letter-spacing: 0.5em; color: #FFF;} .pageTitle03 { min-height: 0; height: 400px; margin: 0 0 56px;} #pageTitle03Txt01 { top: 107px; left: 50%; font-size: 5.0rem; margin-left: -430px;} #pageTitle03Txt02 { bottom: 30px; left: 50%; font-size: 3.6rem; margin-left: -430px;} #campaignTitle { background-image: url(images/campaign_main_pc.jpg); } .hTxt01 { text-align: left; line-height: 1.4; padding: 12px 0 12px 16px;} .hTxt02 { } .hTxt02:before { } .hTxt02:after { } .hTxt03 { border-bottom: none;} .hTxt04 { min-height: 180px; background: none;} .hTxt04En { width: 250px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; min-height: 180px; background: url(images/circle_03.png) no-repeat 50% 50% / 180px auto; margin: 0 48px 0 0;} .hTxt04Jp { display: block; line-height: 1.9; letter-spacing: 0.2em !important;} .hTxt05 { text-align: left; font-size: 2.5rem; line-height: 1.28; letter-spacing: 0.2em; padding: 0 0 8px 36px;} .hTxt06 { align-items: center;} .hTxt06Num { font-size: 56px; width: 80px; transform: translateY(-4px);} .hTxt06Txt { font-size: 1.9rem; line-height: 1.4; width: calc( 100% - 80px );} .dlPt01 { display: flex; flex-wrap: wrap;} .dlPt01 > dt { width: 90px; border-bottom: none; border-right: #6E6C6C solid 1px; text-align: left; margin: 0 30px 0 0; box-sizing: border-box;} .dlPt01 > dd { width: calc( 100% - 120px ); } .lovalNav { display: flex; flex-wrap: wrap; align-items: center; font-family: 'Noto Serif JP', serif;} .lovalNav > li { border-right: #BFB336 solid 1px; border-bottom: none; width: calc( 100% / 3); box-sizing: border-box;} .lovalNav > li:last-child { border-right: none;} .lovalNav a { position: relative; padding: 20px 0; justify-content: center; width: 100%; height: auto; text-align: center;} .lovalNav a:before,.lovalNav a:after { content: none;} .lovalNav a:before { } .lovalNav a:after { } .lovalNav .active a { } .lovalNav .active a:before,.lovalNav .active a:after { } .featureList01 {} .featureList01 > li { margin-bottom: 80px; display: flex; flex-wrap: wrap; } .featureList01Img { width: 371px; position: relative; z-index: 1;} .featureList01Txt { width: 400px; position: relative; margin: 0; padding: 72px 0 0; transform: translateX(40px);} .featureList01Txt:after { width: 585px; height: calc( 100% ); top: 36px; left: auto; right: -80px;} .featureList01TxtNum { font-size: 8.7rem; position: absolute; top: -14px; left: 0;} .featureList01TxtDl {} .featureList01TxtDl dt { padding: 0 0 20px; } .featureList01TxtDl dd { letter-spacing: 0.2em; line-height: 1.9;} .middotList01 {} .middotList01 > li { } .middotList01 > li:before { } .listPt01 {} .listPt01 > li { margin: 0 0 16px;} .listPt01 > li:before { } .imgList01 { display: flex; flex-wrap: wrap; justify-content: center; } .imgList01 > li { width: 250px; margin: 0 32px;} .imgList02 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .imgList02 > li { margin: 0; width: 300px;} .imgList02 > li:last-child { margin-bottom: 0;} .linkBtn01 { } .linkBtn02 { } .linkBtn03 { } .linkBtn04 { padding: 28px 0; font-size: 1.6rem;} .bnrLink { } .bnrLink01 { padding: 100px 0 24px 110px; width: 480px; font-size: 2.1rem; letter-spacing: 0.2em; color: #FFF;} .bnrLink01:before { } .bnrLink02 { top: 250px; left: 0; padding: 0 0 0 110px; font-size: 2.3rem; letter-spacing: 0.2em;} .bnrLink03 { padding: 0; margin: -100px 0 0; text-align: right;} .linkList01 { justify-content: center; } .linkList01 > li { width: calc( (100% - 60px)/3 ); margin: 30px 30px 0 0; font-size: 1.5rem;} .linkList01 > li:nth-child( -n + 1 ) { margin-top: 0;} .linkList01 > li:nth-child( -n + 3 ) { margin-top: 0;} .linkList01 > li:nth-child( 3n ) { margin-right: 0;} .linkList01 > li > a { padding: 24px 16px 23px;} .linkList01 > li > a > span { } .linkList01 > li > a > span:nth-child(1) { padding: 0 0 11px; margin: 0 0 12px;} .linkList02 { } .linkList02 > li { width: calc( (100% - 60px)/3 ); margin: 30px 30px 0 0; font-size: 1.5rem;} .linkList02 > li:nth-child( -n + 1 ) {} .linkList02 > li:nth-child( -n + 3 ) { margin-top: 0;} .linkList02 > li:nth-child( 3n ) { margin-right: 0;} .linkList02 > li > a { padding: 24px 8px 23px; } .linkList02 > li > a:before { content: none; width: 6px;} .linkList02 > li > a > span { display: block; } .linkList02 > li > a > span:nth-child(1) { } .linkList02 > li > a > span:nth-child(2) { padding: 11px 27px 0; margin: 11px 0 0;} .bnrList01 { display: flex; flex-wrap: wrap; justify-content: space-between; } .bnrList01 > li { width: 380px; margin: 24px 0 0; } .bnrList01 > li:nth-child( -n + 1 ) { margin-top: 0;} .bnrList01 > li:nth-child( -n + 2 ) { margin-top: 0;} .bnrInvisalign { min-height: 140px;} .bnrInvisalign > span { } .bnrInvisalign > span:nth-child(1) { height: 80px;} .bnrInvisalign > span:nth-child(1) img { height: 54px;} .bnrInvisalign > span:nth-child(2) { height: calc( 140px - 80px );} .bnrInvisalign > span:nth-child(2) > span { } .bnrBtn01 { display: block; min-height: 140px;} .bnrBtn01 > span { } .bnrBtn01 > span:nth-child(1) { height: 80px;} .bnrBtn01 > span:nth-child(2) { height: calc( 140px - 80px );} .bnrBtn01 > span:nth-child(2) > span { } .btnLink01 { border-radius: 16px; padding: 32px 0; line-height: 1.2;} .btnLink01Pk01 { } .btnLink01Pk02 { } .imgW300 { width: 300px; } .btnW260 { width: 260px; } .table01 { } .table01.table01Pt02 th,.table01.table01Pt02 td { padding: 12px 38px;} .table01.table01Pt02 th.th01 { padding: 18px 38px;} .table02 { width: 100%; } .table02 th,.table02 td { padding: 12px 38px; border: #C7BD4F solid 1px; font-weight: normal; line-height: 1.4;} .table02 th.th01 { padding: 18px 38px;} .table02Price th { vertical-align: middle;} .table02Price td { vertical-align: middle; width: 180px; } .table02Price02 td { vertical-align: middle; width: 120px; } .table02.table02Price02 th,.table02.table02Price02 td { padding: 12px 12px;} .table02.table02Price02 th.th01 { padding: 12px 12px;} #spCTA { display: none;} #spCTATxt01 { } #spCTATxt0101 { } #spCTATxt0102 { } #spCTAList { } #spCTAList > li { } #spCTAList > li:nth-child(1) { } #spCTAList > li a { } #spCTATel { } #spCTATel > span { } #spCTAResrv { } #spCTAResrv > span { } .pcReserv { position: fixed; top: 120px; right: 72px; z-index: 10; width: 220px; height: 80px; color: #FFF; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; line-height: 1;} .pcReserv a { color: #FFF !important; } .pcReserv:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 0; width: 220px; height: 80px; background: #BFB848; border-radius: 12px;} .pcReserv:after { content: ""; display: block; position: absolute; top: 3px; left: 3px; z-index: 0; width: 210px; height: 70px; border: #FFF 2px solid; border-radius: 12px;} .pcReserv li { position: relative; z-index: 1; text-align: center; width: 200px;} .pcReserv li:nth-child(1) { border-bottom: #FFF 1px solid; padding-bottom: 6px; margin-bottom: 6px;} .pcReserv li:nth-child(2) { } .pcReservTel { padding: 0.14em 0; display: inline-block !important; background-repeat: no-repeat; background-position: 0 50%; padding-left: 1em; background-size: auto 1.28em; background-image: url(images/icon_tel.svg);} #campaignBtn { width: 100%; padding: 0; bottom: 104px; left: 0;} #campaignBtn a { width: 400px; height: 50px; margin: 0 auto; border-radius: 50px;} /* page *************************************************************************************************************************************************************************************/ html,body { } #indexBody { /*padding: 100% 0 0;*/} #contentBody { padding-top: 100px; } #indexofH { } #indexWrap { } .indexSub01 { padding-left: 0; padding-right: 0; width: 800px; margin-left: auto; margin-right: auto;} .indexSub01Jp { padding-left: 0; padding-right: 0; font-size: 2.4rem; text-align: center;} .indexSub01En { font-size: 6.0rem; line-height: 1.75;} #indexAesthetic .indexSub01En { } #indexMain { height: 100%;} #indexMainMarble { position: relative; z-index: 0; width: 100vw; height: 100vh; /*opacity: 0.5; */ filter: blur(50px); /*transform: scale(1.2,1.2);*/} #indexMainMarble video { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 100vw; min-height: 100vh;} #indexMain h2 { top: 50%; transform: translateY(-50%);} #indexMain h2 img { width: 505px;} #indexMainScroll { top: auto; bottom: 30px; font-size: 11px; padding: 0; background: none;} #spInformation { display: none;} #spInformationSub01 { } #spInformationSub01 img { } .spInformationList {} .spInformationList > li { } .spInformationList > li:last-child { } .spInformationList > li > a { } .spInformationListDate { } .spInformationListSub { } #indexMovie { width: 100%; height: auto;} #indexMovie video { position: relative; top: auto; left: auto; transform: translateY(0) translateX(0); height: auto; min-height: 0; max-height: 100vh; width: calc( 100% - 100px);} #indexConcept { margin-bottom: 80px;} #indexConceptCirclePare { height: 570px;} /* #indexConceptCirclePare:before, #indexConceptCirclePare:after { } #indexConceptCirclePare:before { width: 598px; height: 598px; border-radius: 598px; top: -110px; right: auto; left: 50%;} #indexConceptCirclePare:after { width: 780px; height: 780px; border-radius: 780px; top: 36px; bottom: auto; left: 50%; margin-left: -570px;} */ #indexConceptCircleObj01 { width: 598px; height: 598px; border-radius: 598px; top: -110px; right: auto; left: 50%;} #indexConceptCircleObj02 { width: 780px; height: 780px; border-radius: 780px; top: 36px; bottom: auto; left: 50%; margin-left: -570px;} .indexConceptCircle01 { } .indexConceptCircle01Txt01 { top: 100px; right: auto; left: 50%; margin-left: 120px;} .indexConceptCircle01Txt02 { top: -30px; right: auto; left: 50%; margin-left: 340px;} .indexConceptCircle02 { } .indexConceptCircle02Txt01 { top: 220px; left: 50%; margin-left: -390px;} .indexConceptCircle02Txt02 { top: 370px; left: 50%; margin-left: -390px;} #indexConcept01 { display: flex; flex-wrap: wrap; width: 800px; margin: 24px auto 0; position: relative; z-index: 1;} #indexConceptSub01 { display: flex; flex-wrap: wrap; align-items: center; width: 50%; padding: 100px 0 0;} #indexConceptSub01 > span { } #indexConceptSub01 > span > span { } #indexConceptSub01 > span > span:nth-child(1) { } #indexConceptSub01 > span > span:nth-child(2) { } #indexConceptSub01 > span > span:nth-child(3) { } #indexConceptTxt01 { width: 50%; font-size: 1.6rem; line-height: 2.4;} #indexStaff { width: 770px; margin: 0 auto 130px; } #indexStaff01 { margin: 0; align-items: flex-start; justify-content: space-between;} #indexStaffImg01 { position: relative; width: 383px;} /*#indexStaffImg01:after { content: ""; display: block; width: 200px; height: 260px; position: absolute; bottom: -40px; right: -120px; background: url(images/bg_gra01.png) no-repeat 100% 0 / cover; opacity: 0.4; }*/ #indexStaffImg01 .after { display: block; width: 200px; height: 260px; position: absolute; bottom: -40px; right: -120px; background: url(images/bg_gra01.png) no-repeat 100% 0 / cover; opacity: 0; } #indexStaffImg01 .after.aniDisp { opacity: 0.4; } #indexStaffSub01 { width: 317px; display: flex; flex-wrap: wrap; padding: 143px 0 0 0;} #indexStaffSub01Name01 { order: 2; line-height: 1; padding: 0; white-space: nowrap;} #indexStaffSub01Name02 { order: 1; font-size: 1.7rem; padding: 0 0 26px;} #indexStaffDl01 { padding: 0; font-size: 1.2rem; margin: -320px 0 32px;} #indexStaffDl01 > dt { padding: 0 0 10px; } #indexStaffDl01 > dd li { padding: 0 0 10px; } #indexStaffBtn {} #indexStaffBtn > a { padding: 0 0 28px;} #indexStaffBtn > a:after { left: auto; right: 48px; z-index: 0; width: 400px; height: 60px;} #indexStaffBtn > a > span { display: block; position: relative; z-index: 1;} #indexStaffBtn01 { font-family: 'Cinzel', serif; padding-bottom: 26px;} #indexStaffBtn02 { letter-spacing: 0.2em;} #indexClinicSlidePare { padding: 0; width: 730px; margin: 0 auto 116px;} /* #indexClinicSlidePare:before, #indexClinicSlidePare:after { } #indexClinicSlidePare:before { width: 200px; height: 200px; top: 0; left: -148px;} #indexClinicSlidePare:after { width: 154px; height: 543px; bottom: auto; top: 60px; right: -120px;} */ #indexClinicSlidePare .before, #indexClinicSlidePare .after { } #indexClinicSlidePare .before { width: 200px; height: 200px; top: 0; left: -148px;} #indexClinicSlidePare .after { width: 154px; height: 543px; bottom: auto; top: 60px; right: -120px;} #indexClinicSlide {} .slick-dots { } .slick-dots > li { } .slick-dots > li button { } .slick-dots > li.slick-active button { } #indexOrthodontics { margin: 0 auto 186px; width: 840px;} #indexOrthodonticsListPare .before { width: 737px; height: 737px; border-radius: 737px; position: absolute; top: -4%; left: 50%; z-index: 0; transform: /*translateY(-52%)*/ translateX(-50%);} #indexOrthodonticsListPare .before.aniDisp { transform: /*translateY(-52%)*/ translateX(-50%); opacity: 0.6;} #indexOrthodonticsListPare .after { top: 320px; font-size: 2.3rem; letter-spacing: 1.94em; margin-top: 8px;} #indexOrthodonticsListPare .after.aniDisp { transform: /*translateY(-55%)*/ translateX(-50%);} #indexOrthodonticsList { } #indexOrthodonticsList > li { width: calc( (100% - 78px)/2 ); margin: 120px 78px 0 0;} #indexOrthodonticsList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexOrthodonticsList > li:nth-child(2n) { margin-right: 0;} #indexOrthodonticsList > li:nth-child(5) { margin-left: calc( (100% - 78px)/4 + 78px );} .indexOrthodonticsListImg {} .indexOrthodonticsListImg img { } .indexOrthodonticsListTxt { display: flex; flex-wrap: wrap; position: relative; margin: -44px 0 0; padding: 11px 0 0;} .indexOrthodonticsListTxt:after { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 247px; height: 121px; box-sizing: border-box; background: rgba(255,255,255,0.6);} #indexOrthodonticsList > li:nth-child(5) .indexOrthodonticsListTxt:after { width: 287px;} .indexOrthodonticsListTxt01 { order: 3; width: 100%; position: relative; z-index: 2; height: auto; margin-top: 0; background: none; display: flex; flex-wrap: wrap; align-items: center;} .indexOrthodonticsListTxt01 > span { display: inline-block; padding: 0 0 0 18px;} #indexOrthodonticsList > li:nth-child(5) .indexOrthodonticsListTxt01 > span { padding: 0 0 0 18px;} .indexOrthodonticsListTxt02 { order: 1; width: 100%; position: relative; z-index: 2; padding: 0 0 24px 18px;} .indexOrthodonticsListTxt03 { order: 2; width: 100%; position: relative; z-index: 2; letter-spacing: 0.2em; padding: 0 0 7px 18px; white-space: nowrap;} #bnrCase { width: 780px; min-height: 174px; margin: 100px auto; } #bnrCase a { font-size: 3.4rem;} #bnrCase a > img { bottom: 20px; left: 80px; width: 190px; opacity: 1 !important;} #bnrCase a > span { padding: 0.5em 2em 0.5em 0; border: #595757 2px solid; letter-spacing: 0.2em;} #indexAesthetic { padding: 215px 0 0; margin: 0 0 110px;} #indexAesthetic:before { width: 100%; height: 55vw; max-height: 550px; background: url(images/index_aesthetic-bg_pc.jpg) no-repeat 0 0 / 100% auto; } #indexAestheticList { width: 860px; margin: 0 auto;} #indexAestheticList > li { width: calc( (100% - 80px)/3 ); margin: 48px 40px 0 0; padding: 0;} #indexAestheticList > li:before { } #indexAestheticList > li:after { } #indexAestheticList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexAestheticList > li:nth-child(2n) { margin-right: 40px;} #indexAestheticList > li:nth-child( -n + 3 ) { margin-top: 0;} #indexAestheticList > li:nth-child(3n) { margin-right: 0;} .indexAestheticListImg { padding: 20px 20px 0; } .indexAestheticListTxt {} .indexAestheticListTxt01 { position: relative; padding: 46px 16px 16px; margin: -25px 0 0; display: flex; flex-wrap: wrap;} .indexAestheticListTxt01.indexAestheticListTxt01HSp02 { min-height: auto;} .indexAestheticListTxt01.indexAestheticListTxt01HSp03 { min-height: auto;} .indexAestheticListTxt01.indexAestheticListTxt01HPc02 { min-height: 134px;} .indexAestheticListTxt0101 { order: 2; width: 100%; padding: 0; font-size: 1.8rem;} .indexAestheticListTxt0102 { order: 1; width: 100%; letter-spacing: 0.2em; padding: 0 0 20px;} .indexAestheticListTxt0102.indexAestheticListTxt0102Pt02 { letter-spacing: 0.05em;} .indexAestheticListTxt02 { padding: 14px 16px 10px; font-size: 1.2rem; line-height: 1.75; letter-spacing: 0.2em; font-family: 'Noto Sans JP', sans-serif;} #indexImplant { margin: 0 0 140px; } #indexImplantSub01 { white-space: nowrap; padding: 0 0 34px;} #indexImplantSub01 .indexSub01Jp { top: 104px; transform: translateY(0);} #indexImplantSec01 { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;} #indexImplantSec01:before { content: ""; display: block; width: 100%; height: 160px; position: absolute; bottom: 0; left: 0; z-index: 0; background: url(images/index_implant_bg_pc01-01.png) no-repeat 50% 50% / 100% 100%; opacity: 0.6;} #indexImplantSec01:after { content: ""; display: block; width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; z-index: 1; background: url(images/index_implant_bg_pc01-02.png) no-repeat 50% 50% / 100% 100%; opacity: 0.6;} #indexImplantSec01 > ul { position: relative; display: flex; flex-wrap: wrap; text-align: center;} #indexImplantSec01 > ul:nth-child(1) { margin: 0;} #indexImplantSec01 > ul:nth-child(1):before { content: none;} #indexImplantSec01 > ul:nth-child(1):after { content: none;} #indexImplantSec01 > ul:nth-child(2):before { content: none;} #indexImplantSec01 > ul:nth-child(2):after { content: none;} #indexImplantSec01 > ul > li { width: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;} #indexImplantSec01 > ul:nth-child(1) > li:nth-child(1) { width: 160px;} #indexImplantSec01 > ul:nth-child(1) > li:nth-child(2) { width: 185px;} #indexImplantSec01 > ul:nth-child(2) > li:nth-child(1) { width: 230px;} #indexImplantSec01 > ul:nth-child(2) > li:nth-child(2) { width: 200px;} .indexImplantImg01 { position: relative; z-index: 1;} #indexImplantSec01 > ul:nth-child(1) > li:nth-child(1) .indexImplantImg01 img { width: 125px; height: auto; } #indexImplantSec01 > ul:nth-child(1) > li:nth-child(2) .indexImplantImg01 img { width: 47px; height: auto; } #indexImplantSec01 > ul:nth-child(2) > li:nth-child(1) .indexImplantImg01 img { width: 165px; height: auto; } #indexImplantSec01 > ul:nth-child(2) > li:nth-child(2) .indexImplantImg01 img { width: 130px; height: auto; margin-bottom: 50px; } .indexImplantTxt01 { line-height: 62px; font-size: 1.8rem;} #indexTreatment { margin: 0 0 178px; } #indexTreatmentSub01 { margin: 0 0 48px;} #indexTreatmentSub01 > span { } #indexTreatmentSub01En { margin: 0 0 32px;} #indexTreatmentSub01Jp { font-size: 2.4rem;} #indexTreatmentList { width: 860px; margin: 0 auto; display: flex; flex-wrap: wrap; } #indexTreatmentList > li { width: calc( (100% - 40px)/2 ); margin: 72px 40px 0 0;} #indexTreatmentList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexTreatmentList > li:nth-child( 2n ) { margin-right: 0;} #indexTreatmentList > li:last-child { margin-bottom: 0;} #indexTreatmentList > li:before { } #indexTreatmentList > li > a { } #indexTreatmentList > li > a > dl { } #indexTreatmentList > li > a > dl > dt { padding: 20px 18px 7px 18px;} #indexTreatmentList > li > a > dl > dt:after { bottom: auto; top: 20px; right: 18px; font-size: 2.1rem;} #indexTreatmentList > li > a > dl > dt > span { } #indexTreatmentList > li > a > dl > dt > span:nth-child(1) { font-size: 2.1rem;} #indexTreatmentList > li > a > dl > dt > span:nth-child(2) { font-size: 1.4rem; margin: 18px 0 0;} #indexTreatmentList > li#indexTreatmentListPerio > a > dl > dt > span:nth-child(2) { } #indexTreatmentList > li > a > dl > dd { padding: 24px 18px; letter-spacing: 0.2em; line-height: 1.8; font-size: 1.5rem;} #indexQA { margin: 0 auto 64px; width: 860px;} #indexQASub01 { margin: 0 0 32px; display: flex; flex-wrap: wrap; align-items: center; } #indexQASub0101 { width: 290px; font-size: 9.5rem; margin: 0;} #indexQASub0102 { width: calc( 100% - 290px ); color: #BFB336; font-size: 2.0rem; line-height: 1.9;} #indexQAList { margin: 0 0 44px;} #indexQAList > li { width: calc( (100% - 80px )/3 ); margin: 40px 40px 0 0; padding: 18px 20px;} #indexQAList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexQAList > li:nth-child(2n) { margin-right: 40px;} #indexQAList > li:nth-child( -n + 3 ) { margin-top: 0;} #indexQAList > li:nth-child(3n) { margin-right: 0;} #indexQAList > li:nth-child( n + 3 ) { display: block;} #indexQAList > li dt { font-size: 1.6rem; padding: 0 0 32px; margin: 0 0 10px;} #indexQAList > li dd { font-size: 1.4rem;} .viewMore01 { position: relative; width: 260px; margin: 0 auto; font-size: 1.8rem; border: none; padding: 2em 0;} .viewMore01:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(images/bg_gra01.png) no-repeat 50% 50% / cover; opacity: 0.6;} .viewMore01 > span { display: block; position: relative; z-index: 1;} #indexBlog { padding: 0; margin: 0 auto 104px; width: 860px;} #indexBlogSub01 { margin: 0 0 32px; display: flex; flex-wrap: wrap; align-items: center; } #indexBlogSub0101 { width: 324px; font-size: 9.5rem; margin: 0;} #indexBlogSub0102 { width: calc( 100% - 324px ); color: #BFB336; font-size: 2.0rem; line-height: 1.9;} #indexBlogList { margin: 0 0 36px;} #indexBlogList > li { width: calc( (100% - 80px )/3 ); margin: 40px 40px 0 0;} #indexBlogList > li:nth-child( -n + 2 ) { margin-top: 0;} #indexBlogList > li:nth-child(2n) { margin-right: 40px;} #indexBlogList > li:nth-child( -n + 3 ) { margin-top: 0;} #indexBlogList > li:nth-child(3n) { margin-right: 0;} #indexBlogList > li:nth-child( n + 3 ) { display: block;} .indexBlogListImg { margin-bottom: 14px; } .indexBlogListDate { font-size: 1.4rem; padding: 0 4px 8px;} .indexBlogListSub { font-size: 1.4rem; padding: 0 4px; line-height: 1.5;} #indexFacade { width: 100%; height: 500px; background: url(images/index_facade_pc.jpg) no-repeat 50% 50% / cover;} /*staff*/ .staffSec { margin: 0 auto 64px; width: 780px;} .staffSec01 { display: flex; flex-wrap: wrap; } .staffSec0101 { width: calc( 100% - 383px ); padding: 140px 0 0;} .staffSec010101 { } .staffSec01010101 { position: relative; display: block; margin: 0 0 20px; } .staffSec01010101:after, .staffSec01010101:before { } .staffSec01010101:before { bottom: -140px; left: -110px; width: 220px; height: 260px;} .staffSec01010101:after { bottom: -400px; right: -500px; width: 200; height: 260px;} .staffSec01010101Img { width: auto; } .staffNameBox { padding: 0; display: flex; flex-wrap: wrap;} .staffNameJp { order: 2; width: 100%; letter-spacing: 0.2em; padding: 0;} .staffNameEn { order: 1; width: 100%; white-space: nowrap; font-size: 1.7rem; padding: 0 0 20px;} .staffSec01010102 { padding: 0; position: relative; z-index: 1;} .staffSec01010102 dl {} .staffSec01010102 dt { padding-bottom: 8px;} .staffSec01010102 li { padding-bottom: 8px;} .staffSec01010102 li:last-child { padding-bottom: 0;} .staffSec0102 { width: 383px; } .profileDl01 { font-size: 1.2rem; line-height: 1.4;} .profileDl01 li { } .profileDt01 { } .profileDd01 ul,.profileDd01 ul li { } .profileDd01 { } .profileDd01 ul li dt { } .profileDd01 ul li dd { } /*implant*/ .implantImg01 img { width: 126px; } .implantImg02 img { width: 46px; } .implantImg03 img { width: 166px; } .implantImg04 img { width: 122px; } /*pediatric*/ #pediatricImg01 { text-align: center; } #pediatricImg01 img { width: 158px; } #pediatricSubA { display: flex; flex-wrap: wrap; letter-spacing: 0.2em !important;} #pediatricSubA > span { display: block; } #pediatricSubA > span:nth-child(1) { width: 54px;} #pediatricSubA > span:nth-child(2) { padding: 28px 0 0;} #pediatricSubATxt { padding-left: 54px; letter-spacing: 0.2em;} .pediatricImg { text-align: center;} .pediatricImg img { width: 152px;} .pediatricH01 {} .pediatricH01 p { min-height: 9em; } .pediatricH02 {} .pediatricH02 p { min-height: 13em; } /*flow*/ #flowImg00 { } #flowImg00 img { width: 495px; } .flowImgList01 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .flowImgList01 > li { width: 380px;} .flowImgList01 > li > img { width: 380px; } .flowImgList01 > li:nth-child(2) { text-align: left; margin-top: 0;} /*wire*/ #wireImg01 { position: relative; } #wireImg01:before { width: 203px; height: 191px; margin: 0; position: absolute; top: 0; left: 50%; margin-left: -101px;} #wireImg01:after { width: 100vw; height: 100px; top: 110px; left: 50%; transform: translateX(-50%);} #wireImg02 { text-align: center; } #wireImg02 img { width: 160px; } .wireH01 { min-height: 9em; } .wireH02 { min-height: 12em;} /*ceramic*/ #ceramicImg01 { } #ceramicImg01 img { width: auto;} /*mouthpiece*/ #mouthpiece01 { } #mouthpiece01:before { content: none; } #mouthpiece01 p { text-align: center;} #mouthpiece01 p img { width: auto; height: 64px;} /*dentalLoan*/ #dentalLoan { } #dentalLoan01 { padding: 36px 0 56px;} .dentalLoanUl01 { } .dentalLoanUl01 > li { width: calc( (100% - 90px)/4 ); margin: 30px 30px 0 0 ; padding: 20px 14px;} .dentalLoanUl01 > li:nth-child( -n + 2 ) { margin-top: 30px;} .dentalLoanUl01 > li:nth-child( 2n ) { margin-right: 30px;} .dentalLoanUl01 > li:nth-child( -n + 4 ) { margin-top: 0;} .dentalLoanUl01 > li:nth-child( 4n ) { margin-right: 0;} .dentalLoanSub01 { position: relative; overflow: hidden;} .dentalLoanSub01 > span { position: relative; display: inline-block; padding: 0 0.5em;} .dentalLoanSub01 > span:before, .dentalLoanSub01 > span:after { content: ''; display: block; width: 50vw; height: 1px; background: #69696B; box-sizing: border-box; position: absolute; top: 50%;} .dentalLoanSub01 > span:before { right: 100%; } .dentalLoanSub01 > span:after { left: 100%; } .dentalLoanSub02 { position: relative; overflow: hidden;} .dentalLoanSub02 > span { position: relative; display: inline-block; padding: 0 0.5em; color: #988025;} .dentalLoanSub02 > span:before, .dentalLoanSub02 > span:after { content: ''; display: block; width: 50vw; height: 1px; background: #988025; box-sizing: border-box; position: absolute; top: 50%;} .dentalLoanSub02 > span:before { right: 100%; } .dentalLoanSub02 > span:after { left: 100%; } #dentalLoan02 { } #dentalLoan0201 { border: #988025 solid 1px; border-radius: 8px;} .dentalLoan0201Sub01 { } .dentalLoanUl02 { padding: 0 40px; display: flex; flex-wrap: wrap; align-items: center;} .dentalLoanUl02 > li { position: relative; margin: 0 20px 0 0; width: calc( (100% - 40px)/3 );} .dentalLoanUl02 > li:nth-child(3n) { margin-right: 0;} .dentalLoanUl02 > li:before { font-size: 5.2rem; transform: translateY(-50%) translateX(25%);} .dentalLoanUl02 > li:nth-child(1):before { } .dentalLoanUl02 > li:nth-child(2):before { } .dentalLoanUl02 > li:nth-child(3):before { } .dentalLoanUl02 > li:nth-child(4):before { } .dentalLoanUl02 > li:nth-child(5):before { } .dentalLoanUl02 > li:last-child { } .dentalLoanUl02 > li dl { padding-bottom: 10px;} .dentalLoanUl02 > li dt { padding: 48px 16px 0; margin-bottom: 12px; height: 3em; line-height: 1.5;} .dentalLoanUl02 > li dd { background: rgba(255,255,255,0.6); padding: 14px 16px;} #dentalLoan03 { } .dentalLoanUl03 { width: 780px; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-bottom: 72px; margin-bottom: 72px; display: flex; flex-wrap: wrap;} .dentalLoanUl03 > li { width: calc( (100% - 120px)/3 ); display: block; margin: 0 60px 0 0;} .dentalLoanUl03 > li:nth-child(3) { margin-right: 0;} .dentalLoanUl03 > li:nth-child(4) { display: block; width: 100%; margin: 120px 0 0;} .dentalLoanUl03 > li:before, .dentalLoanUl03 > li:after { content: none;} .dentalLoanUl03 > li:before { transform: translateY(100%) translateX(-50%) rotate(90deg); } .dentalLoanUl03 > li:nth-child( n + 4 ):before, .dentalLoanUl03 > li:nth-child( n + 4 ):after { content: ''; bottom: auto; top: 0; transform: translateY(-64px) translateX(-50%);} .dentalLoanUl03 > li:nth-child( n + 4 ):before { transform: translateY(-64px) translateX(-50%) rotate(90deg); } .dentalLoanUl03Icon { width: auto; margin: 0 0 24px; text-align: center;} .dentalLoanUl03Icon img { width: 180px;} .dentalLoanUl0301 { width: auto;} .dentalLoanUl03Txt01 { position: relative; text-align: center; display: block;} .dentalLoanUl03Txt01:before, .dentalLoanUl03Txt01:after { content: ''; display: block; width: 28px; height: 6px; background: #987F25; position: absolute; top: 50%; left: 100%; transform: translateY(-50%) translateX(0%);} .dentalLoanUl03Txt01:before { transform: translateY(-50%) translateX(0%) rotate(90deg); } .dentalLoanUl03 > li:nth-child(3) .dentalLoanUl03Txt01:before, .dentalLoanUl03 > li:nth-child(3) .dentalLoanUl03Txt01:after { content: none;} .dentalLoanUl03Txt0101 {} .dentalLoanUl03Txt0102 {} .dentalLoanUl03Txt02 { padding-top: 16px; } .dentalLoanUl03Txt03 { color: #988025; } .dentalLoanUl03Txt04 {} #dentalLoan04 {} .dentalLoanLink { width: 600px; margin-left: auto; margin-right: auto;} .dentalLoanLink > span { } .dentalLoanLink > span:nth-child(1) { } .dentalLoanLink > span:nth-child(2) { } /*invisalign*/ #invisalignPageWrapper { padding: 74px 0 82px;} .invisalignTitle { } .invisalignTitle img { max-width: 100%; } .tabToggle { width: 840px; font-size: 1.5rem; overflow: hidden; height: 62px; border-bottom: #009CE5 solid 4px;} .tabToggle li { overflow: hidden;} .tabToggle li a { padding: 0px 0 16px 0; margin: 14px 0 0; transform-origin: bottom center; border-radius: 0 8px 0 0;} .tabToggle li a > span { padding: 0;} .tabToggle li:nth-child(2) a > span, .tabToggle li:nth-child(3) a > span { padding-top: 0;} .tabToggle li:nth-child(3) a {} .tabToggle li a:hover, .tabToggle li a.active { padding: 20px 0; font-size: 121.4%;} #invisalignAboutImg01 { width: 1000px; margin: 0 auto;} #invisalignAboutImg01Img {} #invisalignAboutImg01Txt { top: 56px; left: 90px; font-size: 178.6%;} #invisalignMoviePare { padding: 0; } .invisalignMovie { position:relative; width:100%; padding-top:56.25%;} .invisalignMovie iframe { position:absolute; top:0; right:0; width:100%; height:100%;} .invisalignList01 { overflow: hidden; } .invisalignList01 li { float: left; width: 260px; margin: 0 40px 40px 0; padding: 32px 16px;} .invisalignList01 li:nth-child(2n) { margin-right: 40px;} .invisalignList01 li:nth-child(2n+1) { clear: none;} .invisalignList01 li:nth-child(3n) { margin-right: 0;} .invisalignList01 li:nth-child(3n+1) { clear: left;} .invisalignList01 li:nth-child(n+4) { margin-bottom: 0;} .invisalignList01 dt { text-align: center; padding: 0 0 20px; margin: 0 0 21px; border-bottom: #BEDDE8 solid 1px;} .invisalignList01 dd { line-height: 1.78; } #invisalignAboutImg02 { width: 1000px; margin-left: auto; margin-right: auto;} #invisalignAboutImg02Txt01 { position: absolute; bottom: auto; top: 136px; left: auto; right: 0; width: 100%; padding: 0 56px 0 0; background: transparent; font-size: 185.7%; text-align: right; line-height: 1.8;} #invisalignAboutImg02Img01 { position: absolute; top: 100%; left: 106px; transform: translateY(-50%); width: 26.6%;} #invisalignAboutImg05 { display: block; position: absolute; top: -140px; right: -70px;} #iteroTxt01 { padding-left: 210px; } #iteroTxt02 { padding-right: 160px; line-height: 1.6; } #iteroTxt02 span { display: inline-block; padding-left: 210px; } #iteroTxt03 {} #iteroTxt04 { padding-right: 160px;} .invisalignLink { padding: 18px 0; font-size: 135.7%; } .invisalignLink span { display: inline-block; padding: 12px 0 12px 178px; background: url(images/invisalign_logo.jpg) 0 50% no-repeat; } .stepList {} .stepList li { position: relative; overflow: hidden; padding: 0 0 40px; } .stepList li:before, .stepList li:after { content: ""; display: block; position: absolute; } .stepList li:before { top: 0; left: 253px; width: 1px; height: 100%; background: #595757; } .stepList li:nth-child(1):before { top: 56px; } .stepList li:last-child:before { height: 56px; } .stepList li:after { top: 56px; left: 242px; width: 22px; height: 22px; border: #04045C solid 1px; border-radius: 22px; background: #FFF;} .stepListNum { text-align: left; margin: 0 0 24px;} .stepListNum:after {} .stepListNum span { padding: 0 0.5em 0 0;} .invisalignDl01 { overflow: hidden; padding: 0; } .invisalignDl01 dt { padding: 0; width: 300px; float: left; font-size: 157.1%; text-align: left; line-height: 2;} .invisalignDl01 dd { padding: 0; overflow: hidden;} .invisalignBbTxt01 { overflow: hidden; padding: 0 0 4px; margin: 0 0 26px; border-bottom: #C1C2C2 solid 1px; } .priceTable { } .priceTable th,.priceTable td { border-bottom: #E0E1E1 dotted 2px; padding: 13px 0; font-size: 107.1%;} .priceTable th { padding-left: 48px; } .priceTable td { padding-right: 48px;} .priceTable .pBNarrow01 > th,.priceTable .pBNarrow01 > td { padding: 12px 0 0 48px; border-bottom: none;} .priceTable .pBNarrow02 > th,.priceTable .pBNarrow02 > td { padding: 13px 0 0 48px;} .priceTable th {} .priceTable th span { display: inline-block; margin-left: 2.5em; text-indent: -3em; } .priceTable td { text-align: right; padding-left: 0.5em;} .priceTable table { margin-left: 24px; width: calc( 100% - 24px ) ;} .priceTable table th,.priceTable table td { padding: 14px 0; border-bottom: none;} .priceTable table th { letter-spacing: -0.05em; } .priceTable table td { white-space: nowrap; text-align: right; padding-right: 48px;} /*campaign*/ #campaign01 {} #campaign01Sub01 { background: url(images/campaign_bg01_pc.jpg) no-repeat 50% 50% / cover; color: #FFF;padding: 26px 0; border-radius: 16px 16px 0 0;} #campaign0101 { background: url(images/campaign_bg02_pc.jpg) no-repeat 50% 50% / cover; padding: 22px 64px 56px; border-radius: 0 0 16px 16px;} #campaign01Sub02 { text-align: center;} #campaign01Sub02 > span { display: inline-block; } .campaignDl01 {} .campaignDl01 > dt { text-align: left; display: inline;} .campaignDl01 > dd { display: inline;} .campaignDl02 {} .campaignDl02 > dt { padding: 20px 0;} .campaignDl02 > dd { padding: 0 40px 0 40px; line-height: 2.16;} /*case*/ .caseSub01 { padding: 0 0 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .caseSub01:after { height: 100px;} .caseSub01 > span { order: 2; margin-top: -30px;} .caseSub01 > img { width: 190px; order: 1; margin-right: 24px;} .caseSub02 { position: relative; line-height: 1; } .caseSub02:after { content: ''; width: 89vw; height: 1px; background: #9D8125; position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%);} .caseListWrap { } .caseListWrap{ } .caseListWrap::-webkit-scrollbar{ } .caseListWrap::-webkit-scrollbar-track { } .caseListWrap::-webkit-scrollbar-thumb { } .caseList { width: 648px; margin: 0 auto;} .caseList > li { width: 300px;} .caseList > li .caseListTxt01 { padding: 16px 0 0; } .caseListBefore .caseListTxt01 span { } .caseListBefore .caseListTxt01 span:after { content: ''; display: block; height: 1px; width: 270px; border-bottom: #000 solid 1px; margin: 0 0 0 0.5em;} .caseListAfter .caseListTxt01 span { position: relative; } .caseListAfter .caseListTxt01 span:before { content: ''; display: block; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); width: 0; height: 0; margin: 2px 0 0; border-style: solid; border-width: 6.5px 0 6.5px 7px; border-color: transparent transparent transparent #595757;} /*lingual bracket*/ .lingualTxt01 { padding: 24px 0; line-height: 1.7;} .lingualTxt01:before { width: calc( 100vw - 220px ); left: auto; right: 50%; margin-right: -280px;} .lingualBox01 { padding-left: 0; padding-right: 0; } /*includePage*/ .pageLock { } #includePage { } #includePage.active { } #includePageWrapper { padding: 102px 0;} #iconBack {top: 32px; right: 36px; width: 48px; height: 48px;} #iconBack::before, #iconBack::after { left: 4px; width: 40px;} #iconBack::before { top: 22px;} #iconBack::after { top: 22px;} #iconToTop { width: 68px; height: 68px;} #iconToTop a {width: 68px; height: 68px;} #iconToTop a::before { width: 32px; height: 32px; border: 0px; border-top: solid 1px #B59897; border-right: solid 1px #B59897; transform: rotate(-45deg); left: 18px; margin-top: -10px;} .postContent { margin-bottom: 48px; } .postTitle { font-size: 3.0rem; padding: 0 0 6px 12px; margin: 0 0 20px;} /*.postTitle:after { }*/ .postTitle > span { } .postDate { padding: 0 0 24px;} .postContent p { } .catTitle { font-size: 3.0rem; padding: 80px 0 0; margin: 0 0 40px;} .catTitle > span { } .postList { margin: 0 0 72px; } .postList > li { border-bottom: #CECFCF dashed 1px; margin: 0 0 26px;} .postList > li:last-child { margin-bottom: 0;} .postList > li > a { display: block; padding: 8px 0 8px;} .postListDate { font-size: 1.2rem; } .postListTitle { font-size: 1.6rem; } .qaList { margin: 0 0 44px;} .qaList > li { width: calc( (100% - 80px )/3 ); margin: 40px 40px 0 0; padding: 18px 20px;} .qaList > li:nth-child( -n + 2 ) { margin-top: 0;} .qaList > li:nth-child(2n) { margin-right: 40px;} .qaList > li:nth-child( -n + 3 ) { margin-top: 0;} .qaList > li:nth-child(3n) { margin-right: 0;} .qaList > li:nth-child( n + 3 ) { display: block;} .qaList > li dt { font-size: 1.6rem; padding: 0 0 32px; margin: 0 0 10px;} .qaList > li dd { font-size: 1.4rem;} .blogList { margin: 0 0 36px;} .blogList > li { width: calc( (100% - 80px )/3 ); margin: 40px 40px 0 0;} .blogList > li:nth-child( -n + 2 ) { margin-top: 0;} .blogList > li:nth-child(2n) { margin-right: 40px;} .blogList > li:nth-child( -n + 3 ) { margin-top: 0;} .blogList > li:nth-child(3n) { margin-right: 0;} .blogList > li:nth-child( n + 3 ) { display: block;} .blogListImg { margin-bottom: 14px; } .blogListDate { font-size: 1.4rem; padding: 0 4px 8px;} .blogListSub { font-size: 1.4rem; padding: 0 4px; line-height: 1.5;} img.centered { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0; } img.alignnone { display: inline; margin: 0 0 10px 0; padding: 0; } img.alignright { display: inline; margin: 0 0 10px 10px; padding: 0; } img.alignleft { display: inline; margin: 0 10px 10px 0; padding: 0; } .aligncenter { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } .wp-caption { background: #F7F7F7; border: 1px solid #e6e6e6; padding: 4px 0 5px 0; text-align: center; } .wp-caption p.wp-caption-text { font-size: 11px; font-weight: normal; line-height: 12px; margin: 0; padding: 0; } .wp-caption img { border: 0; margin: 0 0 5px 0; padding: 0; } .singlePageNav { position: relative; overflow: hidden; clear: both; padding: 0; margin: 48px 0;} .singlePageNav:before { } .prev { float: left; width: 50%; text-align: right; padding-right: 2em; box-sizing: border-box;} .next { float: right; width: 50%; text-align: left; padding-left: 2em; box-sizing: border-box;} #pagerPare { overflow: hidden; padding: 48px 7.4% 80px; text-align: center;} .wp-pagenavi { clear: both;} .wp-pagenavi a, .wp-pagenavi span { display: inline-block; text-decoration: none; border: 1px solid #000032; padding: 0px 8px; margin: 2px; color: #000032;} .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000032; color: #000032;} .wp-pagenavi span.current { font-weight: bold;} } /* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 960px ) { } @media screen and (max-width: 414px) { .youtubeBlk { padding: 0 4%; margin: 0 0 48px;} .youtubeBlk > dt { text-align: center; margin-bottom: 24px;} .youtubeBlk > dt img { width: auto; height: 32px; } .youtubeBlk > dd > ul > li { position:relative; width:100%; padding-top:56.25%; margin-bottom: 16px;} .youtubeBlk > dd > ul > li > iframe { position:absolute; top:0; right:0; width:100%; height:100%;} } @media screen and (min-width: 415px) { .youtubeBlk { padding: 0; margin: 0 auto 80px; width: 860px; display: flex; flex-wrap: wrap; align-items: center;} .youtubeBlk > dt { width: 280px; text-align: center;} .youtubeBlk > dt img { width: auto; height: 40px; } .youtubeBlk > dd { width: 580px;} .youtubeBlk > dd > ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .youtubeBlk > dd > ul > li { position:relative; width: 280px; padding-top:160px;} .youtubeBlk > dd > ul > li > iframe { position:absolute; top:0; right:0; width:100%; height:100%;} } #officialLink { padding: 48px 12px 48px; font-family: 'Noto Sans JP', sans-serif !important;} #officialLinkWrap { overflow: hidden;} #officialLinkTitle { text-align: center; margin-bottom: 14px;} #officialLinkTitle img { width: 174px;} #officialLinkDl {} #officialLinkDt { font-size: 18px; letter-spacing: 0.26em; color: #0a3926; font-weight: 700; line-height: 1; text-align: center; margin-bottom: 28px;} #officialLinkDt > span { position: relative; padding: 0 0.5em; background: #FFF;} #officialLinkDt > span:before, #officialLinkDt > span:after { content: ''; display: block; width: 50vw; height: 2px; background: #0a3926; position: absolute; top: 50%; transform: translateY(-50%);} #officialLinkDt > span:before { left: 100%;} #officialLinkDt > span:after { right: 100%;} #officialLinkDd {} #officialLinkUl { display: flex; flex-wrap: wrap; justify-content: center; line-height: 1.2;} .officialLinkList { width: calc( (100% - 18px)/3 ); margin: 9px 5px 0; text-align: center;} .officialLinkList:nth-child(3n) { margin-right: 0;} .officialLinkList:nth-child(-n + 3) { margin-top: 0;} .officialLinkA { display: block; width: 100%; height: 100%; background: #0a3926; color: #FFF !important;} .officialLinkImg { margin-bottom: 10px;} .officialLinkSub { position: relative; padding-bottom: 8px; font-size: 12px;} .officialLinkSub:after { content: ''; display: block; width: calc( 100% - 16px); height: 1px; background: #FFF; position: absolute; bottom: 0; left: 8px;} .officialLinkClinic { font-size: 13px; min-height: 4em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} @media print, screen and ( min-width: 415px ) { #officialLink { width: 920px; margin: 0 auto; padding: 80px 0 80px;} #officialLinkWrap { } #officialLinkTitle { margin-bottom: 24px;} #officialLinkTitle img { width: 277px;} #officialLinkDl {} #officialLinkDt { font-size: 30px; letter-spacing: 0.82em; margin-bottom: 56px;} #officialLinkDt > span { padding: 0 1em;} #officialLinkDt > span:before, #officialLinkDt > span:after { } #officialLinkDt > span:before { } #officialLinkDt > span:after { } #officialLinkDd {} #officialLinkUl { } .officialLinkList { width: 280px; margin: 40px 20px 0;} .officialLinkList:nth-child(3n) { } .officialLinkList:nth-child(-n + 3) { } .officialLinkA { } .officialLinkImg { margin-bottom: 24px;} .officialLinkSub { padding-bottom: 8px; font-size: 17px; letter-spacing: 0.1em;} .officialLinkSub:after { width: calc( 100% - 40px); height: 1px; left: 20px;} .officialLinkClinic { font-size: 20px; letter-spacing: 0.2em;} } @media screen and (max-width: 414px) { .fixedBnrInvisalign { position: fixed; bottom: 86px; left: 0; z-index: 1; width: 100%; height: 80px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1;} .fixedBnrInvisalign{} .fixedBnrInvisalign__01 { display: block; width: calc( 100% - 162px );} .fixedBnrInvisalign__01__01 { display: flex; flex-wrap: wrap; align-items: center; height: 40px; background: rgba(127,173,221,0.8);} .fixedBnrInvisalign__01__01 span { position: relative; display: inline-block; padding-left: 12px; padding-right: 8px;} .fixedBnrInvisalign__01__01 span::after { content: ''; display: block; width: 100vw; height: 1px; background: #FFF; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); } .fixedBnrInvisalign__01__01 span img { width: auto; height: 16px;} .fixedBnrInvisalign__01__02 { display: flex; flex-wrap: wrap; align-items: center; height: 40px; background: rgba(128,190,229,0.8);} .fixedBnrInvisalign__01__02 span { position: relative; display: inline-block; padding-left: 12px;} .fixedBnrInvisalign__01__02 span img { width: auto; height: 12px;} .fixedBnrInvisalign__02 { display: block; width: 162px; position: relative; z-index: 1;} .fixedBnrInvisalign__02 img { width: 162px; height: 80px;} .fixedBnrLine{ display: none; position: fixed; bottom: 166px; right: 0; z-index: 1; width: 50%; height: 56px; display: block; background: #1cb21f; text-align: center;} .fixedBnrLine img { width: auto; height: 48px;} .fixedBnrLp { display: none; position: fixed; bottom: 166px; left: 0; z-index: 1; width: 50%; height: 56px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #FFF !important; background: linear-gradient(to right, rgba(127,155,133,1) 0%,rgba(52,81,76,1) 100%); } .fixedBnrLp__01 { font-family: 'Noto Sans JP', sans-serif !important; } .fixedBnrLp__02 { display: none;} .lpBnrBlk01 { display: block; padding: 0 20px; margin: 7vw 0 0;} } @media screen and (min-width: 415px) { .fixedBnrInvisalign { position: fixed; top: 290px; right: 82px; width: 200px; z-index: 1; line-height: 1;} .fixedBnrInvisalign{} .fixedBnrInvisalign__01 { display: none;} .fixedBnrInvisalign__01__01 {} .fixedBnrInvisalign__01__01 span {} .fixedBnrInvisalign__01__01 span::after {} .fixedBnrInvisalign__01__01 span img {} .fixedBnrInvisalign__01__02 {} .fixedBnrInvisalign__01__02 span {} .fixedBnrInvisalign__01__02 span img {} .fixedBnrInvisalign__02 {} .fixedBnrInvisalign__02 img {} .fixedBnrLine { position: fixed; top: 210px; right: 82px; width: 200px; z-index: 1; line-height: 1;} .fixedBnrLp { position: fixed; top: 395px; right: 82px; width: 200px; z-index: 1; line-height: 1;} .fixedBnrLp__01 { display: none;} .fixedBnrLp__02 {} .lpBnrBlk01 { display: block; width: 640px; margin: 48px auto 0;} }