/*! Theme Name: iスマイル歯科クリニック 東京 Theme URI: https://www.isd-tokyo.jp/ Description: iスマイル歯科クリニック 東京 Version: 2.00β */ @charset "utf-8"; 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, aaside, 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 Sans JP', sans-serif; font-weight: 400; line-height: 1.85; text-align: left; color: #333333; -webkit-text-size-adjust: 100%; font-size: 1.4rem; font-size: 3.73333vw; 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: #595857; text-decoration: none; opacity: 1;} a:active,a:hover { color: #595857; 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;} .clfx::after { content: ""; clear: both; display: table;} .posR { position: relative; } .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*/ /*.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;} .fsI { font-style: italic !important; } .lh100 { line-height: 1.00; } .lh120 { line-height: 1.20; } .lh140 { line-height: 1.40; } .lh150 { line-height: 1.50; } .lh158 { line-height: 1.58; } .lh160 { line-height: 1.60; } .lh178 { line-height: 1.78; } .lh185 { line-height: 1.85; } .lh200 { line-height: 2.00; } .lh240 { line-height: 2.40; } .ls050 { letter-spacing: 0.05em; } .ls100 { letter-spacing: 0.1em; } .ls200 { letter-spacing: 0.2em; } .colWh { color: #FFF;} .colBl01 { color: #003366;} .colBl02 { color: #006699;} .colBl03 { color: #0b3660;} .colBl04 { color: #013864;} .colGy01 { color: #7e8893;} .colGy02 { color: #BDBAB9;} /*.colBl01 { color: #7F929D; }*/ .colBn01 { color: #6B4922; } .colOr01 { color: #ff5c07; } .txtV { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} .ffGoth { font-family: 'Noto Sans JP', sans-serif;} .ffMin { font-family: 'Noto Serif JP', serif;} .ffTNR { font-family: 'Times New Roman', serif;} /*animation */ .aniObj { transition: all 1s ease-in-out; opacity: 0; transform-origin: left top; } .aniDisp { opacity: 1 !important; transform: translateY(0) translateX(0) rotate(0) !important; } .aniObjY01 { transform: translateY(20px); } .aniObjR01 { transform: translateX(20px); } .aniObjL01 { transform: translateX(-20px); } .aniObjD0 { transition-delay: 0s !important; } .aniObjD1 { transition-delay: 0.1s !important; } .aniObjD2 { transition-delay: 0.2s !important; } .aniObjD3 { transition-delay: 0.3s !important; } .aniObjD4 { transition-delay: 0.4s !important; } .aniObjD5 { transition-delay: 0.5s !important; } .aniObjD6 { transition-delay: 0.6s !important; } .aniObjD7 { transition-delay: 0.7s !important; } .aniObjD8 { transition-delay: 0.8s !important; } .aniObjD9 { transition-delay: 0.9s !important; } .aniObjD10 { transition-delay: 1s !important; } .aniObjD11 { transition-delay: 1.1s !important; } .aniObjD12 { transition-delay: 1.2s !important; } .aniObjD13 { transition-delay: 1.3s !important; } .aniObjD14 { transition-delay: 1.4s !important; } .aniObjD15 { transition-delay: 1.5s !important; } .aniObjD16 { transition-delay: 1.6s !important; } .aniObjD17 { transition-delay: 1.7s !important; } .aniObjD18 { transition-delay: 1.8s !important; } .aniObjD19 { transition-delay: 1.9s !important; } .aniObjD20 { transition-delay: 2s !important; } .aniObjD21 { transition-delay: 2.1s !important; } .aniObjD22 { transition-delay: 2.2s !important; } .aniObjD23 { transition-delay: 2.3s !important; } .aniObjD24 { transition-delay: 2.4s !important; } .aniObjD25 { transition-delay: 2.5s !important; } .aniObjD26 { transition-delay: 2.6s !important; } .aniObjD27 { transition-delay: 2.7s !important; } .aniObjD28 { transition-delay: 2.8s !important; } .aniObjD29 { transition-delay: 2.9s !important; } .aniObjD30 { transition-delay: 3s !important; } /* common *************************************************************************************************************************************************************************************/ /*header*/ #leadTxt { display: none; } #headerLogo01 { position: fixed; top: 0; left: 0; z-index: 10; width: calc( 100% - 78px ); height: 78px; background: #7f929d; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #headerLogo01 img { width: auto; height: 39px; } #headerLogo02 { line-height: 1; padding: 14px 0; text-align: center;} #headerLogo02 img { width: auto; height: 22px; } #headerCta { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 8px 0; background: #FFF; } #headerCta > div { width: calc( (100% - 8px)/3 ); margin-right: 4px; height: 53px;} #headerCta > div:nth-child(3) { margin-right: 0;} #headerCta > div a { width: 100%; height: 53px; line-height: 1.2; font-weight: 700; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #headerCta-Reservation { } #headerCta-Reservation a { background: #efc514; color: #FFF;} #headerCta-Reservation a .spDisp { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #headerCta-Reservation a .spDisp > span { display: block;} #headerCta-Reservation a .spDisp > span:nth-child(1) { transform: translateY(2px) translateX(3px);} #headerCta-Reservation a .spDisp > span:nth-child(2) { transform: translateY(0) translateX(-2px);} #headerCta-Reservation a .spDisp > span span { display: block;} #headerCta-Reservation a .spDisp > span span.spfs15 { letter-spacing: 0.1em;} #headerCta-Reservation a .spDisp > span span.spfs10 { transform: scale(0.7) translateY(-2px); transform-origin: top left;} #headerCta-Tel {} #headerCta-Tel a { color: #7F929D; border: #7F929D solid 3px; background: #FFF;} #headerCta-Tel a .spDisp { } #headerCta-Tel a .spDisp span { display: inline-block; padding-left: 22px; background: url(images/icon_tel-b02.svg) no-repeat 0% 50% / 16px 24px; } #headerCta-En { display: none; } #headerCta-En a { background: #7F929D; color: #efc514; font-size: 1.8rem; font-size: 4.8vw;} #hederInsurance { text-align: center; margin: 0 0 14px;} #hederInsurance > span { display: inline-block; letter-spacing: 0.2em; color: #8197A2; border: #8197A2 solid 1px; border-radius: 4px; line-height: 1; padding: 0.7em 1.5em;} #hederTopics { text-align: center; margin: 0 0 14px; color: rgba(4,36,83);} #hederLead { padding: 0 20px; margin: 0 0 20px; line-height: 1.4; color: rgba(4,36,83);} #menuBtn { position: fixed; top: 0; right: 0; width: 78px; height: 78px; z-index: 101; cursor: pointer; background: #efc514;} #menuBtn .menuBtnCircle { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); display: block; width: 48px; height: 48px; background: #FFF; border: #7F929D solid 2px; border-radius: 48px;} #menuBtn .menuBtnBar { display: none; position: absolute; left: 14px; width: 22px; height: 2px; background: #a79875; transition: all 0.25s ease-in-out;} #menuBtn01 { top: 12px;} #menuBtn02 { top: 18px;} #menuBtnTxt { display: block; width: 100%; text-align: center; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); line-height: 1; text-align: center; font-size: 1.3rem; font-size: 3.46667vw;} #menuBtnClose { position: fixed; top: 0; right: 0; width: 78px; height: 78px; z-index: 110; cursor: pointer;} #menuBtnClose .menuBtnCloseBar { position: absolute; left: 20px; width: 44px; height: 2px; background: #FFF; transition: all 0.25s ease-in-out;} #menuBtnClose01 { top: 35px; transform: rotate(45deg); } #menuBtnClose02 { top: 35px; transform: rotate(-45deg);} /*nav*/ .navLock { height: 100%; overflow: hidden; } header nav { display: none; position: fixed; top: 0; left: 0; z-index: 102; width: 100%; height: 100%; overflow: hidden; background: rgba(129,146,158,1);} header nav.active { } header nav > ul { position: relative; overflow: auto; max-height: 100%; position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 148px 0; box-sizing: border-box; border-top: rgba(255,255,255,0.5) 1px solid;} header nav > ul:before { content: ''; display: block; position: fixed; top: 16px; left: 0; z-index: 50; width: 100%; height: 100px; background: rgba(129,146,158,1) url(images/logo01.svg) no-repeat 50% 16px / auto 80px;} header nav > ul > li { line-height: 1; padding: 0; transition: all 1s ease-in-out; /*transform: translateY(10px);*/ border-bottom: rgba(255,255,255,0.5) 1px solid;} header nav > ul > li > a { display: block; position: relative; padding: 16px; text-align: center; color: #FFF !important; cursor: pointer;} .subNav { padding: 5px; overflow: hidden; background: rgba(0,0,0,0.25); display: none;} .subNav > ul > li { width: calc( ( 100% - 1px )/2 ); text-align: center; line-height: 1; margin: 0 1px 0 0; font-size: 1.2rem; float: left;} .subNav > ul > li:nth-child( -n + 2 ) { margin-top: 0;} .subNav > ul > li:nth-child( 2n ) { margin-right: 0;} .subNav > ul > li > a { color: #FFF; } .subNavImg { margin-bottom: 5px; } .subNavTxt { padding: 0 0 16px;} /*footer*/ #mapPare { display: none; } footer { background: #96A6AF; padding: 40px 0 69px; color: #FFF; text-align: center;} #footerWrapper { padding: 0 15px; } #indexBody #footerWrapperPare { padding-bottom: 330px; opacity: 0; transition: all 0.25s ease-in-out;} #indexBody #footerWrapperPare.active { opacity: 1;} #footerLogo { text-align: center; padding: 0 0 24px;} #footerLogo img { width: auto; height: 54px;} #footer01 {} #footer01-01 { font-size: 1.6rem; font-size: 4.26667vw; padding: 0 0 20px; } #footer01-01Tel {} #footer01-01Txt01 { border-bottom: #CAD2D7 solid 2px; padding: 0 0 4px; margin: 0 0 4px;} #footer01-01Txt02 { padding-bottom: 16px; } #footer01-01Txt03 {} #footer01-01Txt04 { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 16px;} #footer01-01Txt04 > li {} #footer01-01Txt04 > li:after { content: "／";} #footer01-01Txt04 > li:nth-child(4):after, #footer01-01Txt04 > li:nth-child(7):after, #footer01-01Txt04 > li:nth-child(9):after { content: none;} #footerInsurance { position: relative; line-height: 1;} #footerInsurance:after { content: ''; display: block; width: 100%; height: 1px; background: #FFF; position: absolute; top: 50%; left: 0; z-index: -1;} #footerInsurance > span { display: inline-block; padding: 0 16px; background: #96A6AF; } #footerInsurance > span > span { display: inline-block; background: #FFF; color: #8197A2; padding: 0.3em 2em;} #footer01-02 { } #footer02 { border: #FFF 1px solid;} #footer02 > dl > dt { padding: 16px 20px 0; font-weight: 700; text-align: center; font-size: 1.8rem; font-size: 4.8vw;} #footer02 > dl > dd { } #footer02 > dl > dd > ul > li { border-bottom: #FFF 1px solid; padding: 0 20px 16px; margin-bottom: 16px;} #footer02 > dl > dd > ul > li:last-child { margin-bottom: 0; border-bottom: none; } #footer02 > dl > dd > ul > li > dl > dt { font-weight: 700; } #footer02 > dl > dd > ul > li > dl > dd { line-height: 1.71;} #footer02 > dl > dd > ul > li > dl > dd > ul { text-align: left;} #footer02 > dl > dd > ul > li > dl > dd > ul > li { padding-bottom: 12px;} #footer02 > dl > dd > ul > li > dl > dd > ul > li:last-child { padding-bottom: 0;} #footer02 > dl > dd > ul > li > dl > dd > ul > li > dl { } #footer02 > dl > dd > ul > li > dl > dd > ul > li > dl > dt { } #footer02 > dl > dd > ul > li > dl > dd > ul > li > dl > dd { } footer small { display: block; padding: 28px 0 20px; font-size: 1.2rem; font-size: 3.2vw;} /*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; padding: 0 10px 0;} #includePage.active { opacity: 1; z-index: 1000;} #includePageWrapper { padding: 48px 0 80px; box-sizing: border-box; overflow: auto; height: 100%; } #iconBack { display: block; position: fixed; top: 8px; right: 16px; z-index: 10000; width: 44px; height: 44px; border-radius: 100%; border: rgba(129,146,158,1) solid 1px; } #iconBack::before, #iconBack::after { content: ""; display: block; position: absolute; background: rgba(129,146,158,1); width: 32px; height: 2px;} #iconBack::before { top: 21px; left: 6px; transform: rotate(45deg);} #iconBack::after { top: 21px; left: 6px; transform: rotate(-45deg);} #iconToTop { display: block; position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); width: 44px; height: 44px; border-radius: 100%; border: rgba(129,146,158,1) 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 rgba(129,146,158,1); border-right: solid 1px rgba(129,146,158,1); transform: rotate(-45deg); position: absolute; top: 50%; left: 12px; margin-top: -6px; transition: all 0.25s ease-in-out;} /* parts *************************************************************************************************************************************************************************************/ #pageTitle { position: relative; padding: 0 0 1.5em; margin: 0 0 44px;} #pageTitleImg { padding-left: 20px; } #pageTitleTxt { position: absolute; bottom: 0; left: 0; color: #FFF; letter-spacing: 0.24em;} #pageTitleTxt > span { display: inline-block; padding: 0.5em 3em 0.5em 1em; line-height: 1.2; background: rgba(18,51,95,0.82);} .hTxt01 { padding-left: 10px;} .hTxt01 > span { display: inline-block; position: relative; padding-bottom: 8px;} .hTxt01 > span:before { content: ''; display: block; width: 10px; height: 3px; background: #efc514; position: absolute; bottom: 0; left: -10px;} .hTxt01 > span:after { content: ''; display: block; width: 100%; height: 3px; background: #efc514; position: absolute; bottom: 0; left: 0;} .timeTable { width: 100%; } .timeTable th,.timeTable td { padding: 6px 0; border-right: #FFF 1px solid; font-weight: 400; text-align: center; font-size: 1.2rem; font-size: 3.2vw; line-height: 1.2;} .timeTable th[scope=col] { padding-top: 4px;} .timeTable th[scope=row] { width: 1%; white-space: nowrap; padding-right: 5px;} .timeTableDl { display: flex; flex-wrap: wrap; } .timeTableDl dt { width: 4em; } .timeTableDl dd { width: calc( 100% - 4em ); } .table01 { width: 100%; } .table01 th,.table01 td { border: #8e9fa9 solid 1px; padding: 4px; box-sizing: border-box;} .table01.lh150 th,.table01.lh150 td { line-height: 1.5;} .table01 th { color: #7f929d; background: #e5e9eb; text-align: center; vertical-align: middle;} .table01 th.bgTh01 { color: #ff5c07; background: #ffdecd;} .table01 td.bgTd01 { background: #ffefe6;} .table01 td { vertical-align: middle;} .table01 td { vertical-align: middle;} .table01.tdVat td { vertical-align: top;} .table01.tdaC td { text-align: center;} .table01W01 { width: 33%; } .table01W02 { width: 35%; } .table01WSN { white-space: nowrap; width: 1%;} .noteTxt { margin-left: 1em; text-indent: -1em; } .txtBgBl01 { background: #006699; padding: 4px 8px;} .txtBgBl02 { background: #7f929d; padding: 4px 8px;} .txtBgWh01 { display: inline-block; background: rgba(255,255,255,0.1); border: #FFF 1px solid; padding: 0.5em 0.75em;} .txtBgBe01 { background: rgba(196,181,128,0.5); padding: 1.5em;} .bg01 { background: url(images/bg01.jpg); padding: 20px; } .boxWh01 { background: #FFF; border: #bfc9ce solid 1px; box-sizing: border-box; padding: 20px; } .boxWh02 { background: #FFF; padding: 10px; box-sizing: border-box;} .boxBl01 { background: #FFF; border: #5096b9 solid 1px; box-sizing: border-box; padding: 20px; } .btn01 { text-align: center; line-height: 1; } .btn01 > span { padding: 0.5em 1em 0.6em; display: inline-block; background: #003366; color: #FFF; border-radius: 100px;} .btn01.btn01W01 > span { padding-left: 3em; padding-right: 3em;} .btn01.btn01W02 > span { padding-left: 2em; padding-right: 2em;} .btn01.btn01W14em > span { min-width: 14em;} .btn01.btn01H01 > span { padding-top: 0.7em; padding-bottom: 0.8em;} .btn01.btn01H02 > span { padding: 1.25em 3em;} .btn01.btn01Wh01 > span { border: #FFF 1px solid; background: transparent;} .btn01.btn01Wh02 > span { border: #231815 1px solid; background: transparent; color: #231815; padding-left: 4em; padding-right: 4em;} .postDate { text-align: center; padding: 0 0 56px;} .postBody p { line-height: 1.97; letter-spacing: 0.08em; padding-bottom: 1.9em; } .box01 { padding: 20px 30px; background: #F3F5F6; box-sizing: border-box;} .box02 { padding: 24px 20px; background: #FFF; border: #D9CD97 solid 1px; box-sizing: border-box;} .box03 { padding: 24px 20px; background: #D5C684; box-sizing: border-box;} .box04 { background: #FFF; border: #1B9A8A solid 1px; padding: 14px 20px;} .bb01 { border-bottom: #D6D4D3 solid 1px; } .imgTwoCol { display: flex; flex-wrap: wrap; justify-content: space-between;} .imgTwoCol { } .imgTwoCol > * { width: calc( (100% - 10px)/2 ); } .imgTwoCol > .spW48Per { width: 48%; } .imgTwoCol > .spW61Per { width: 61%; } .imgTwoCol > .spW28Per { width: 28%; } .middotList01 {} .middotList01 > li { position: relative; padding-left: 11px;} .middotList01 > li:before { content: '・'; display: block; position: absolute; top: 0; left: 0; } .middotList02 {} .middotList02 > li { margin-left: 1em; text-indent: -1em; } .middotList02 > li:before { content: '・'; } .middotList03 {} .middotList03 > li { position: relative; padding-left: 16px;} .middotList03 > li:before { content: ""; display: block; position: absolute; top: 0.7em; left: 0; width: 8px; height: 8px; border-radius: 8px; background: #006699;} .middotList03.middotList03Or > li:before { background: #ff5c07;} .preparation { min-height: 209px; text-align: center; line-height: 1.4; background: url(images/preparation_logo.png) no-repeat 50% 50% / auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .preparation > span { } .numList {} .numList > li { position: relative; padding: 0 0 0 48px; margin: 0 0 16px;} .numList > li:last-child { margin-bottom: 0;} .numList > li:before { display: block; width: 30px; height: 30px; border-radius: 30px; background: #069; color: #FFF; position: absolute; top: 3px; left: 0; font-size: 20px; font-weight: 700; text-align: center; line-height: 30px;} .numList > li:nth-child(1):before { content: "1";} .numList > li:nth-child(2):before { content: "2";} .numList > li:nth-child(3):before { content: "3";} .numList > li:nth-child(4):before { content: "4";} .numList > li:nth-child(5):before { content: "5";} .numList > li:nth-child(6):before { content: "6";} .numList > li:nth-child(7):before { content: "7";} .numList > li:nth-child(8):before { content: "8";} .numList > li:nth-child(9):before { content: "9";} .numList > li:nth-child(10):before { content: "10";} .case01 {} .case01 > li { margin-bottom: 32px; } .case01 > li:last-child { margin-bottom: 0; } .case01Num { line-height: 1; text-align: center; margin-bottom: 16px;} .case01Img01 { line-height: 1; margin-bottom: 16px; } .case01Txt01 {} .case02 { display: flex; flex-wrap: wrap; } .case02 > li { margin: 0 0 56px; position: relative;} .case02 > li:last-child { margin-bottom: 0;} .case02 > li:after { content: ""; display: block; width: 18px; height: 18px; position: absolute; top: 100%; left: 50%; border-bottom: #B2B2B2 5px solid; border-right: #B2B2B2 5px solid; border-radius: 4px; transform: translateY(8px) translateX(-50%) rotate(45deg);} .case02 > li:last-child:after { content: none;} .case02 > li:nth-child(1) { padding-top: 40px; } .case02 > li:nth-child(1) >ul:before, .case02 > li:nth-child(1) >ul:after { font-weight: 700; display: inline-block; padding: 0.5em; position: absolute; top: 0; background: #FFF; border: #1B9A8A 1px solid; border-radius: 256px; line-height: 1; white-space: nowrap;} .case02 > li:nth-child(1) >ul:before { content: '上顎の場合'; left: 0%;} .case02 > li:nth-child(1) >ul:after { content: '下顎の場合'; left: 65%;} .case02 > li > ul { display: flex; flex-wrap: wrap; align-items: center; } .case02 > li > ul > li { } .case02 > li > ul > li:nth-child(1) { width: 50%; box-sizing: border-box; padding: 0 5px 0 0; order: 2;} .case02 > li > ul > li:nth-child(2) { width: 100%; order: 1; margin-bottom: 24px;} .case02 > li > ul > li:nth-child(3) { width: 50%; box-sizing: border-box; padding: 0 0 0 5px; order: 3;} .case02Num { line-height: 1; text-align: center;} .case02Txt01 { } .faqList {} .faqList > li { background: #FFF; border: #B3B3B3 1px solid; border-radius: 6px; margin: 0 0 10px;} .faqList > li .faqListToggle { position: relative; display: block; padding: 16px 14px 12px 87px; opacity: 1 !important; cursor: pointer;} .faqBtn { display: block; width: 30px; height: 30px; background: #7f929d; position: absolute; top: 14px; left: 11px; border-radius: 4px;} .faqBtn:before, .faqBtn:after { content: ""; display: block; width: 18px; height: 3px; background: #FFF; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); transition: all .1s ease-in-out; transform-origin: center center;} .faqBtn:before { transform: translateY(-50%) translateX(-50%);} .faqBtn:after { transform: translateY(-50%) translateX(-50%) rotate(90deg);} .active .faqBtn:after { transform: translateY(-50%) translateX(-50%) rotate(0);} .faqList > li > .faqListToggle > dl > dd { display: none;} .faqListTarget { padding-top: 16px; } /*.faqList > li.active > .faqListToggle > dl > dd { display: block;}*/ .faqList > li:nth-child(1) > .faqListToggle > dl > dt:before { content: '1.';} .faqList > li:nth-child(2) > .faqListToggle > dl > dt:before { content: '2.';} .faqList > li:nth-child(3) > .faqListToggle > dl > dt:before { content: '3.';} .faqList > li:nth-child(4) > .faqListToggle > dl > dt:before { content: '4.';} .faqList > li:nth-child(5) > .faqListToggle > dl > dt:before { content: '5.';} .faqList > li:nth-child(6) > .faqListToggle > dl > dt:before { content: '6.';} .faqList > li:nth-child(7) > .faqListToggle > dl > dt:before { content: '7.';} .faqList > li:nth-child(8) > .faqListToggle > dl > dt:before { content: '8.';} .faqList > li:nth-child(9) > .faqListToggle > dl > dt:before { content: '9.';} .faqList > li:nth-child(10) > .faqListToggle > dl > dt:before { content: '10.';} .faqList > li:nth-child(11) > .faqListToggle > dl > dt:before { content: '11.';} /* page *************************************************************************************************************************************************************************************/ /*body*/ body { padding: 78px 0 0; } /*index animation*/ .fadeoutBg02 { transition: all .5s ease-out 0.1s; transform-origin: top center; transform: translateY(-100%);} .fadeoutLoader { transition: all .25s ease-out 0.6s; transform-origin: top center; opacity: 0;} .fadeoutBg01 { transition: all .5s ease-out 0.85s; transform-origin: top center; transform: translateY(-100%);} #loaderBg01 { background: #81929E; left: 0; position: fixed; top: 0; width: 100%; height: 100vh; z-index: 110;} #loaderBg02 { background: #adb9c0; left: 0; position: fixed; top: 0; width: 100%; height: 100vh; z-index: 110;} #loader { height: 120px; left: 50%; margin-left: -60px; margin-top: -60px; position: fixed; top: 50%; width: 120px; z-index: 120;} #loader p { color: #FFF; font-size: 1.0rem; font-weight: 400; line-height: 1.4; text-align: center; letter-spacing: 0.2em;} #loader p img { display: inline-block; margin-bottom: 8px;} /*mainImg*/ #mainImg { position: relative; width: 100vw; height: 56.25vw; overflow: hidden; margin: 0 0 24px;} #indexMovie { width: 100%; position: relative; z-index: 0; } #mainImgSlide { overflow: hidden; width: 90vw; height: 50.6vw; /*opacity: 0;*/ transition: all 1s ease;} #mainImgSlide img { display: none; } #mainImgSlide li { position: relative; overflow: hidden; width: 90vw; height: 50.6vw;} #mainImgSlide li span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transform-origin: 50% 50%; transform: translate3d(0,0,0) scale(1.1,1.1); will-change: transform; transition: transform 7s linear; transition-delay: 4s;} #mainImgSlide li.slick-current span { transform: translate3d(0,0,0) scale(1,1); transition: transform 7s linear;} .resetTransition span { transition: transform 0s ease !important; } #mainImgSlide01 span { background-image: url(images/main_img01.jpg); } #mainImgSlide02 span { background-image: url(images/main_img02.jpg);} #mainImgSlide03 span { background-image: url(images/main_img03.jpg);} #mainImgSlide04 span { background-image: url(images/main_img04.jpg);} .mainImgSlideTxt { position: absolute; top: 50%; left: 0; z-index: 10; transform: translateY(-50%); width: 100%; text-align: center; line-height: 1.47; font-weight: 700; color: #FFF; letter-spacing: 0.3em; text-shadow:0px 0px 10px rgba(0,0,0,0.75);} /*indexInformationShedule*/ #indexInformationShedule { background: #96A6AF; position: relative; z-index: 1;} #indexInformationSheduleWrap {} #indexInformation { padding: 20px 15px; margin: 0 0 15px; border-bottom: #FFF solid 1px;} #indexInformationList {} #indexInformationList li { padding: 0 0 14px; margin: 0 0 14px; border-bottom: #FFF 1px solid; line-height: 1.4;} #indexInformationList li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} #indexInformationList li a { display: flex; flex-wrap: wrap; color: #FFF;} .indexInformationListDate { width: 6em; } .indexInformationListTitle { width: calc( 100% - 6em ); } #indexShedule { padding: 20px 15px;} /*covid19*/ .covid19 { text-align: center; padding-top: 80px; padding-right: 20px; padding-left: 20px; padding-bottom: 80px; } /* indexTxt01 */ .indexTxt01{ text-align: center; padding-right: 20px; padding-left: 20px; padding-bottom: 40px; color: rgba(4,36,83); } /*indexConcept*/ #indexConcept { padding: 0 0 30px; background: linear-gradient(to bottom, #FFFFFF 0%,#eff1f3 100%); } #indexConceptImg01 { padding: 40px 0 0 40px; /*overflow: hidden;*/} #indexConceptImg01 > span { display: block; width: calc( 100vw - 40px ); height: calc( (100vw - 40px)*0.84 ); background: url(images/index_concept_img01_sp.jpg) no-repeat 50% 50% / cover;} #indexConceptSub01 { margin: -6.5em 0 24px; } #indexConceptSub01 > span { display: inline-block; padding: 1em 30px 1em 15px; background: rgba(215,200,134,0.88); } #indexConceptTxt01 { padding: 0 15px; } #indexConceptBtns { padding: 0 15px; } #indexConceptBtns > li { margin-bottom: 24px;} #indexConceptBtns > li:last-child { margin-bottom: 0;} #indexConceptBtns a > span { display: block; } /*indexPolicy*/ #indexPolicy { padding: 26px 0 0; background: #FFF;} #indexPolicySub01 { padding-bottom: 20px; } #indexPolicyList { } #indexPolicyList > li { width: 100%; /*height: 100vw;*/ margin-bottom: 2px; color: #FFF;} #indexPolicyList > li > a { position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 1em; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; color: #FFF; z-index: 0;} #indexPolicyList01 a { background-image: url(images/index_policy_img01.jpg); } #indexPolicyList02 a { background-image: url(images/index_policy_img02.jpg); } #indexPolicyList > li > a:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: -1; } #indexPolicyList > li > a:hover:before { background: rgba(0,0,0,0.3);} #indexPolicyList > li > a > span { display: block; width: 13em; margin: 0 auto; text-align: center; color: #FFF; line-height: 1.28; font-weight: 700; background: rgba(11,54,96,0.82); border-radius: 100vw; padding: 0.35em 0; box-sizing: border-box; border: rgba(255,255,255,0.82) 1px solid;} #indexPolicyList > li > a > dl { position: relative; z-index: 1; line-height: 1.5; margin: 0 0 1em;} #indexPolicyList > li > a > dl > dt { font-size: 4.8vw; font-weight: 700; text-align: center; padding: 0 0 3.73vw;} #indexPolicyList > li > a > dl > dd { } #indexPolicyList > li:nth-child(1) dl > dd { } #indexPolicyList > li:nth-child(1) dl > dd p:nth-child(1) { border-bottom: #FFF 1px solid; padding: 0 0 1em; margin: 0 0 1em; } #indexPolicyList0101 {} #indexPolicyList0101 > li { position: relative; padding-left: 1em; margin-bottom: 0.35em;} #indexPolicyList0101 > li:before { position: absolute; top: 0; left: 0;} #indexPolicyList0101 > li:nth-child(1):before { content: "1.";} #indexPolicyList0101 > li:nth-child(2):before { content: "2.";} #indexPolicyList0101 > li:nth-child(3):before { content: "3.";} #indexPolicyList0101 > li:nth-child(4):before { content: "4.";} #indexPolicyList0101 > li:nth-child(5):before { content: "5.";} #indexPolicyList0101 > li:nth-child(6):before { content: "6.";} #indexPolicyList0101 > li:nth-child(7):before { content: "7.";} #indexPolicyList0101 > li:nth-child(8):before { content: "8.";} #indexPolicyList0101 > li > dl { display: flex; flex-wrap: wrap;} #indexPolicyList0101 > li > dl > dt { width: 7em;} #indexPolicyList0101 > li > dl > dd { width: calc( 100% - 7em );} #indexPolicyList0201 { line-height: 1.35; } #indexPolicyList0201 > li { position: relative; padding-left: 1em; margin-bottom: 0.35em;} #indexPolicyList0201 > li:before { position: absolute; top: 0; left: 0;} #indexPolicyList0201 > li:nth-child(1):before { content: "1.";} #indexPolicyList0201 > li:nth-child(2):before { content: "2.";} #indexPolicyList0201 > li:nth-child(3):before { content: "3.";} #indexPolicyList0201 > li:nth-child(4):before { content: "4.";} #indexPolicyList0201 > li:nth-child(5):before { content: "5.";} #indexPolicyList0201 > li:nth-child(6):before { content: "6.";} #indexPolicyList0201 > li:nth-child(7):before { content: "7.";} #indexPolicyList0201 > li:nth-child(8):before { content: "8.";} /*indexReason*/ #indexReason { padding: 48px 15px; background: #EFF2F3;} #indexReasonSub01 {} #indexReasonWrap {} .indexReasonCh { background: #FFF; padding: 0 0 16px; } .indexReason01 { position: relative; } .indexReasonTxt01 { position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; text-align: center; font-weight: 700; padding: 2.13vw 0;} .indexReasonTxt01 > span { position: relative; z-index: 1;} .indexReasonTxt01:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; background: rgba(162,144,73,0.91); } .indexReasonImg {} .indexReasonNum { position: absolute; top: 10px; left: 10px; width: 70px; height: 70px; border-radius: 70px; border: 1px solid; color: #FFF; background: #ccbd80; display: flex; flex-wrap: wrap; align-items: center; justify-content: cetner;} .indexReasonNum > span { display: block; line-height: 1; width: 100%; line-height: 1; text-align: center;} .indexReasonNum > span > span { display: block;} .indexReasonNum01 { font-size: 12px; } .indexReasonNum02 { font-size: 40px; margin-top: -4px;} .indexReason02 { position: relative; padding: 16px 16px 56px;} .indexReasonBtn { position: absolute; bottom: 0; left: 0; width: 100%; } .indexReasonBtn > span { display: block; width: 13em; margin: 0 auto; text-align: center; color: #FFF; line-height: 1.28; font-weight: 700; background: rgba(10,44,80,1); border-radius: 100vw; padding: 0.35em 0; box-sizing: border-box;} /*indexTreatment*/ #indexTreatment { padding: 26px 0 0; background: #EFF2F3;} #indexTreatmentSub01 { padding-bottom: 20px; } #indexTreatmentWrap {} .indexTreatmentCh { border-bottom: #FFF 1px solid; } .indexTreatmentCh > a { display: flex; flex-wrap: wrap; align-items: center; } .indexTreatmentImg { width: 30%; box-sizing: border-box; } .indexTreatment01 { width: 70%; box-sizing: border-box; padding: 16px 8px 16px 16px;} .indexTreatment01Txt01 { line-height: 1.4; } .indexTreatmentBtn { width: 100%; margin: 16px 0 0;} .indexTreatmentBtn > span { display: block; width: 13em; text-align: center; color: #FFF; line-height: 1.28; font-weight: 700; background: rgba(20,50,94,1); border-radius: 100vw; padding: 0.35em 0; box-sizing: border-box; border: rgba(255,255,255,0.82) 1px solid;} /* #indexTreatmentFlex { } .indexTreatmentFlex-Ch { position: relative; margin-bottom: 2px; line-height: 1.75;} .indexTreatmentImg {} .indexTreatmentImg img { width: 100%; } .indexTreatmentFlex-Wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 1.5em; box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,0.4); color: #FFF; transition: all .25s ease-in-out;} .indexTreatmentFlex-Wrap:hover { background: rgba(0,0,0,0.3);} .indexTreatmentFlex-Wrap a { display: block; width: 100%; height: 100%; color: #FFF !important; } .indexTreatmentBtn { position: absolute; bottom: 1.5em; left: 0; width: 100%; } .indexTreatmentBtn > span { display: block; width: 13em; margin: 0 auto; text-align: center; color: #FFF; line-height: 1.28; font-weight: 700; background: rgba(11,54,96,0.82); border-radius: 100vw; padding: 0.35em 0; box-sizing: border-box; border: rgba(255,255,255,0.82) 1px solid;} .indexTreatmentPreparing { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } */ /*indexClinic*/ #indexClinic { padding: 26px 0 0; } #indexClinicTxt01 { padding-left: 15px; padding-right: 15px; } /*indexSlide*/ #indexSlide { display: flex; flex-wrap: wrap; } #indexSlide .indexSlideCh { width: 50%; } #indexSlide .indexSlideCh.indexSlideCh-V { width: 50%; text-align: center;} #indexSlide .indexSlideCh img { width: 100%; } #indexSlide .indexSlideCh.indexSlideCh-V img { width: auto; height: 33.38vw; } #slideBtnLink { background: #FFF; padding: 10px; } /*beginners guide*/ .beginnersGuideSec01 {} .beginnersGuideSec01-01 { } .beginnersGuideSec01-02 {} .beginnersGuideSec01-02 p { margin-right: -10px;} .beginnersGuideSec02 {} .beginnersGuideSec02-01 { } .beginnersGuideSec02-02 {} .beginnersGuideSec02-02 > p { margin-right: -10px; } .beginnersGuideProfile {} .profileSub02 {} .profileSub02 > span { display: block; } .beginnersGuideProfile01 { padding: 0 0 24px; background: linear-gradient(to bottom, #ffffff 50%,#eae3c1 100%); } .beginnersGuideProfile01-01 {} .beginnersGuideProfile01-01-01 {} .beginnersGuideProfile01-01-02 {} .beginnersGuideProfile02 { position: relative; border-bottom: #C3C3C3 solid 1px; padding: 0 0 24px;} #beginnersGuideProfile02Sub01 { position: absolute; top: 24px; left: 0; } .beginnersGuideProfile02-01 { padding: 24px 0 0 32px; } .beginnersGuideProfile02-01-01 { line-height: 1.4; } .beginnersGuideProfile02-01-01 li { margin-bottom: 8px;} .beginnersGuideProfile02-01-01 dl { display: flex; flex-wrap: wrap;} .beginnersGuideProfile02-01-01 dt { width: 5em; } .beginnersGuideProfile02-01-01 dd { width: calc( 100% - 5em ); } .beginnersGuideProfile02-01-02 {} .beginnersGuideProfile02-01-02 { line-height: 1.4; } .beginnersGuideProfile02-01-02 li { margin-bottom: 8px;} .beginnersGuideStory { overflow: hidden; } .beginnersGuideStory01 {} .beginnersGuideStoryTL { position: relative; padding: 0 0 0 48px; } .beginnersGuideStoryTL > li { position: relative;} .beginnersGuideStoryTL-Dl01 { position: relative; padding: 24px 0 16px;} .beginnersGuideStoryTL-Dl01:before { content: ''; display: block; width: 2px; height: 100%; background: #E9E0BB; position: absolute; top: 0; left: -24px;} .beginnersGuideStoryTL-Dl01 > dt { position: absolute; top: 0; left: -48px; } .beginnersGuideStoryTL-Dl01 > dt > span { display: inline-block; background: #FFF; padding: 1.5em 0.25em;} .beginnersGuideStory01-01-Img01 {} .beginnersGuideStory01-01-Img01 > p { margin-right: -10px; } .beginnersGuideStory01-01-Img01 > ul { margin-right: -10px;} .beginnersGuideStory01-01-Img01 > ul > li { } .beginnersGuideStory01-01-Img02 {} .beginnersGuideStory01-01-Img02 > p { margin-right: -10px; } .storyBtn { padding: 24px 0 0; } .storyBtn a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #7F8893; color: #FFF !important;} .storyBtn a > span { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 1em 0 1em 64px; font-size: 18px; letter-spacing: 0.1em;} .storyBtn a > span:before { content: ""; display: block; width: 43px; height: 44px; background: url(images/icon_anchor.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} .storyBtn a > span > span:nth-child(1) { border-right: #FFF 2px solid; padding-right: 16px; margin-right: 16px;} .storyBtn a > span > span:nth-child(2) { font-weight: 700; } #beginnersGuideStory-2008 {} #beginnersGuideStory-2008:before { opacity: 0.5; content: ""; display: block; width: 125px; height: 131px; position: absolute; top: 0; right: -10px; transform: translateX(20%); background: url(images/beginners-guide-story-2008_img03.png) no-repeat 0 0% / cover; } #beginners-guide-story-2008_img04 { padding-bottom: 124px; background: url(images/beginners-guide-story-2008_img04.png) no-repeat 50% 100% / 132px 118px; } #beginnersGuideStory-2012 {} #beginnersGuideStory-2012:before { opacity: 0.5; content: ""; display: block; width: 148px; height: 178px; position: absolute; top: 0; right: -10px; transform: translateX(20%); background: url(images/beginners-guide-story-2015_img03.png) no-repeat 0 0% / cover; } #beginners-guide-story-2015_img05 { position: relative; } #beginners-guide-story-2015_img05:before { opacity: 0.5; content: ""; display: block; width: 108px; height: 124px; position: absolute; top: 0; right: -10px; transform: translateX(20%); background: url(images/beginners-guide-story-2015_img05.png) no-repeat 0 0% / cover; } #beginnersGuideStory-last { /*display: flex; flex-wrap: wrap; align-items: center; position: relative;*/} #beginnersGuideStory-last:before { opacity: 0.15; content: ""; display: block; width: 111px; height: 117px; position: absolute; top: 0; right: -10px; transform: translateX(20%); background: url(images/logo01.png) no-repeat 0 0% / cover; } #beginnersGuideStory-last-Logo { width: 48px; margin-left: -48px; box-sizing: border-box; padding: 80px 8px 8px; } #beginnersGuideStory-last-Txt { width: calc( 100% - 48px ); box-sizing: border-box; padding: 0 0 0 8px; margin-top: -42px;} .flowSec01 {} .flowSec01L { margin: 0 0 24px; } .flowSec01R { margin: 0 0 24px;} .flowSec01Img { margin: 0 0 20px; } .flowSec02 {} .flowSec02Img { margin: 0 0 20px;} .flowSec02ImgTwo {} .flowList01 { display: flex; flex-wrap: wrap; } .flowList01 > li { width: 50%; box-sizing: border-box; } /*clinic*/ .equipmentList01 { } .equipmentList01 > li { padding: 24px 0 0;} .equipmentList01 > li:nth-child(1) { padding-top: 0;} .equipmentList02 { } .equipmentList02 > li { padding: 24px 0 0;} .equipmentList02 > li:nth-child(1) { padding-top: 0;} .equipmentList03 { } .equipmentList03 > li { padding: 24px 0 0;} .equipmentList03 > li:nth-child(1) { padding-top: 0;} .equipmentList03Img { overflow: hidden; padding: 14px; background: #CAD0D4;} .promiseBg01 { padding: 28px 0 28px; background: url(images/clinic_promise_bg.jpg) no-repeat 50% 50% / cover; } .promiseList {} .promiseList > li { border-bottom: #B2ADA9 solid 1px; padding: 0 0 18px; margin-bottom: 18px; } .promiseList.promiseList02 > li { border-bottom: #7F909B solid 1px;} .promiseList > li:last-child { border-bottom: none; padding: 0; margin-bottom: 0; } .promiseList > li > dl > dt { background: url(images/logo01.png) no-repeat 0 0 / 35px 37px; padding: 8px 0 18px 48px;} .promiseList > li > dl > dd { padding: 0 0 0 48px;} #reasonFirst { padding-bottom: 24px; } .reasonSixthList { border-top: #7F8B96 solid 1px; } .reasonSixthList > li { padding: 24px 0; border-bottom: #7F8B96 solid 1px; } .reasonSixthList > li .btn01W02 {} .reasonSixthList > li .btn01W02 > span { width: 130px; box-sizing: border-box; padding-left: 0; padding-right: 0;} .reasonSixthList > li > dl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .reasonSixthList > li > dl > dt { width: calc( 100% - 150px );} .reasonSixthList > li > dl > dd { width: 130px;} /*access*/ #accessDl01 { box-sizing: border-box; min-height: 78px; padding: 14px 0 0 104px; background: url(images/access_img03.png) no-repeat 0 50% / auto; } .accessList01 { display: flex; flex-wrap: wrap; justify-content: center; justify-content: space-between;} .accessList01 > li {} .accessList01 > li:after { content: "／";} .accessList01 > li:nth-child(4):after, .accessList01 > li:nth-child(7):after, .accessList01 > li:nth-child(9):after { content: none;} /*esthetic*/ .estheticSec01 {} .estheticSec01L { margin: 0 0 24px; } .estheticSec01R { margin: 0 0 24px;} .estheticSec01Img { margin: 0 0 20px; } /*periodontics*/ #periodonticsImg03 {} .perioFlow01 {} .perioFlow01 > li { position: relative; box-sizing: border-box; text-align: center; font-weight: 700; margin: 0 0 46px; font-size: 1.7rem; font-size: 4.53333vw; line-height: 1.2;} .perioFlow01 .txtPt01 { box-sizing: border-box; height: 58px; background: #E5E5E5; border: #B2B2B2 solid 1px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .perioFlow01 .txtPt01 .txtPt01Ch { display: inline-block;} .perioFlow01 .txtPt02 { box-sizing: border-box; height: 58px; background: #CCCCCC; border: #B2B2B2 solid 1px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .perioFlow01 .txtPt02 .txtPt02Ch { display: inline-block;} .perioFlow01Arrow { display: block; width: 8px; height: 8px; border-right: #B2B2B2 2px solid; border-bottom: #B2B2B2 2px solid; position: absolute; top: 100%; transform: translateY(14px) translateX(0) rotate(45deg);} .perioFlow01ArrowL { left: 13%;} .perioFlow01ArrowC { left: 50%;} .perioFlow01ArrowR { right: 13%;} .perioFlow01UlThree { display: flex; flex-wrap: wrap; justify-content: space-between;} .perioFlow01UlThree > li { width: calc( (100% - 40px)/3 ); } .perioFlow0101 { display: flex; flex-wrap: wrap; justify-content: space-between;} .perioFlow0101 > span { display: inline-block; position: relative; width: calc( (100% - 40px)/3 );} .perioFlow0101 > span:before { content: ""; display: block; width: 8px; height: 8px; border-right: #B2B2B2 2px solid; border-bottom: #B2B2B2 2px solid; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) rotate(45deg);} .perioFlow0101 > p { width: calc( (((100% - 40px)/3)*2) + 20px ); } .perioFlow02 {} .perioFlow02 > li { position: relative; box-sizing: border-box; min-height: 58px; padding: 4px 0 8px; background: #ffefe6; border: #006699 solid 1px; color: #006699; font-weight: 700; text-align: center; margin: 0 0 22px; line-height: 1.2; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .perioFlow02 > li > .txtPt01Ch { display: inline-block; } .perioFlow02 > li:last-child { margin-bottom: 0; } .perioFlow02 > li:before { content: ''; display: block; width: 8px; height: 8px; border-right: #006699 2px solid; border-bottom: #006699 2px solid; position: absolute; top: 100%; left: 50%; transform: translateY(5px) translateX(-50%) rotate(45deg);} .perioFlow02 > li:last-child:before { content: none;} .perioFlow02Txt01 { display: block; width: 74.6vw; margin: 5px auto 0; padding: 5px 0; background: #006699; text-align: center; color: #FFF;} /* dkw */ #dkwTitle { position: absolute; top: 25%; left: 40px; transform: translateY(-50%);} #dkwTitle img { height: 16px;} #dkwBlk01 { padding: 0 0 90vw; background: url(images/dkw_img01.png) no-repeat 100% 100% / 100% auto;} #dkwBlk01Sub01 { font-weight: 700; color: #013864; font-size: 22px; line-height: 1.5; margin-bottom: 24px;} #dkwBlk01Ul {} #dkwBlk01Ul > li { position: relative; background: #013864; color: #FFF; margin-bottom: 10px; font-weight: 700; line-height: 1.4; padding: 16px 8px 16px 64px;} #dkwBlk01Ul > li:before { content: ''; display: block; width: 32px; height: 32px; background: url(images/icon_logo-circle.svg) no-repeat 50% 50% / 100% 100%; position: absolute; top: 50%; left: 16px; transform: translateY(-50%);} #dkwProfile { background: #013864; color: #FFF; padding: 16px 0; margin-bottom: 24px;} #dkwProfileSub01 { color: #C4B580; letter-spacing: 0.23em; line-height: 1; margin-bottom: 16px;} #dkwProfileBlk01 { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #FFF;} #dkwProfileBlk01 li { line-height: 1.88;} #dkwProfileBlk01 dl { display: flex; flex-wrap: wrap;} #dkwProfileBlk01 dl dt { width: 5em;} #dkwProfileBlk01 dl dd { width: calc( 100% - 5em );} #dkwProfileBlk02 {} .dkwMoviePare { position: relative; width: 100vw; height: 56.25vw; overflow: hidden;} .dkwMoviePare video { width: 100%; position: relative; z-index: 0; } #dkwOnly { position: relative; z-index: 1; margin-top: -15vw;} #dkwOnlyImgs { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 24px;} #dkwOnlyImgs li { box-sizing: border-box;} #dkwOnlyImgs li:nth-child(1) { width: 33%; padding: 16px;} #dkwOnlyImgs li:nth-child(2) { width: 66%;} #dkwOnlyTxt { padding: 32px 20px; color: #FFF; background: url(images/dkw_img02_sp.jpg) no-repeat 50% 0 / cover;} #dkwOnlyTxtSub01 { font-family: 'Noto Serif JP', serif; line-height: 1.4;} #dkwChiefProfessor { background: url(images/dkw_img05.png) no-repeat 100% 0 / 33% auto; margin-bottom: 24px;} #dkwChiefProfessorWrap {} #dkwEdge { background: url(images/dkw_img06.jpg) no-repeat 50% 0 / cover; color: #FFF; padding: 24px 0; margin-bottom: 24px;} #dkwEdgeImg01 { text-align: center; padding: 24px 0;} #dkwEdgeImg01 img { width: 75vw; } #dkwMinimal { margin-bottom: 36px;} #dkwImg08 {} #dkwImg08 img { width: 30vw;} #dkwMinimalSub02 span { color: #FFF; display: inline-block; text-shadow: #013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px;} #dkwImplant { padding: 0 0 80vw; margin-bottom: 48px; background: url(images/dkw_img09.png) no-repeat 0 100% / 100% auto;} .breadList,.breadList_964{ width: auto; margin-left: auto; margin-right: auto; margin-top: 40px; } .breadList ol { display: flex; list-style-type: none; } .breadList_964 ol { display: flex; list-style-type: none; } .breadList li:after { content: '\003e'; margin-left: 10px; margin-right: 10px; } .breadList_964 li:after { content: '\003e'; margin-left: 10px; margin-right: 10px; } .breadList li:last-child:after { content: ""; } .breadList_964 li:last-child:after { content: ""; } span.spanH1 { display: block; } /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 600px ) { .pcDisp { display: none; } .spaC { text-align: center; } .spLR01 { padding-left: 10px; padding-right: 10px; } .spclB { clear: both; } .imgR { padding: 0 0 24px; text-align: center;} .imgL { padding: 0 0 24px; text-align: center;} .imgC { padding: 0 0 24px; text-align: center;} .f-Two-imgR01 { margin-right: -10px; } .f-Two-border01 { border-bottom: #7f8b96 1px solid;} .f-Two-border01 > div { padding-top: 18px; padding-bottom: 18px; } .f-Two-border01 > div:nth-child(1) { border-bottom: #7f8b96 1px solid; } .f-Two-border01 > div:nth-child(2) { border-top: #7f8b96 1px solid; border-bottom: #7f8b96 1px solid; } .f-Two-border01 > div:nth-child(3) { border-top: #7f8b96 1px solid; border-bottom: #7f8b96 1px solid; } .f-Two-border01 > div:nth-child(4) { border-top: #7f8b96 1px solid; border-bottom: #7f8b96 1px solid; } /*index animation*/ #indexBody #headerLogo01, #indexBody #menuBtn { transition: all .5s ease-out 0.1s; transform: translateY(-100%); } #indexBody header.active #headerLogo01, #indexBody header.active #menuBtn { transform: translateY(0); } #indexBody #headerCta { transition: all .5s ease-out 0.1s; transform: translateY(100%); } #indexBody header.active #headerCta { transform: translateY(0); } .sppB0 { padding-bottom: 0px !important;} .sppB1 { padding-bottom: 1px !important;} .sppB2 { padding-bottom: 2px !important;} .sppB3 { padding-bottom: 3px !important;} .sppB4 { padding-bottom: 4px !important;} .sppB5 { padding-bottom: 5px !important;} .sppB6 { padding-bottom: 6px !important;} .sppB7 { padding-bottom: 7px !important;} .sppB8 { padding-bottom: 8px !important;} .sppB9 { padding-bottom: 9px !important;} .sppB10 { padding-bottom: 10px !important;} .sppB11 { padding-bottom: 11px !important;} .sppB12 { padding-bottom: 12px !important;} .sppB13 { padding-bottom: 13px !important;} .sppB14 { padding-bottom: 14px !important;} .sppB15 { padding-bottom: 15px !important;} .sppB16 { padding-bottom: 16px !important;} .sppB17 { padding-bottom: 17px !important;} .sppB18 { padding-bottom: 18px !important;} .sppB19 { padding-bottom: 19px !important;} .sppB20 { padding-bottom: 20px !important;} .sppB21 { padding-bottom: 21px !important;} .sppB22 { padding-bottom: 22px !important;} .sppB23 { padding-bottom: 23px !important;} .sppB24 { padding-bottom: 24px !important;} .sppB25 { padding-bottom: 25px !important;} .sppB26 { padding-bottom: 26px !important;} .sppB27 { padding-bottom: 27px !important;} .sppB28 { padding-bottom: 28px !important;} .sppB29 { padding-bottom: 29px !important;} .sppB30 { padding-bottom: 30px !important;} .sppB31 { padding-bottom: 31px !important;} .sppB32 { padding-bottom: 32px !important;} .sppB33 { padding-bottom: 33px !important;} .sppB34 { padding-bottom: 34px !important;} .sppB35 { padding-bottom: 35px !important;} .sppB36 { padding-bottom: 36px !important;} .sppB37 { padding-bottom: 37px !important;} .sppB38 { padding-bottom: 38px !important;} .sppB39 { padding-bottom: 39px !important;} .sppB40 { padding-bottom: 40px !important;} .sppB41 { padding-bottom: 41px !important;} .sppB42 { padding-bottom: 42px !important;} .sppB43 { padding-bottom: 43px !important;} .sppB44 { padding-bottom: 44px !important;} .sppB45 { padding-bottom: 45px !important;} .sppB46 { padding-bottom: 46px !important;} .sppB47 { padding-bottom: 47px !important;} .sppB48 { padding-bottom: 48px !important;} .sppB49 { padding-bottom: 49px !important;} .sppB50 { padding-bottom: 50px !important;} .sppB51 { padding-bottom: 51px !important;} .sppB52 { padding-bottom: 52px !important;} .sppB53 { padding-bottom: 53px !important;} .sppB54 { padding-bottom: 54px !important;} .sppB55 { padding-bottom: 55px !important;} .sppB56 { padding-bottom: 56px !important;} .sppB57 { padding-bottom: 57px !important;} .sppB58 { padding-bottom: 58px !important;} .sppB59 { padding-bottom: 59px !important;} .sppB60 { padding-bottom: 60px !important;} .sppB61 { padding-bottom: 61px !important;} .sppB62 { padding-bottom: 62px !important;} .sppB63 { padding-bottom: 63px !important;} .sppB64 { padding-bottom: 64px !important;} .sppB65 { padding-bottom: 65px !important;} .sppB66 { padding-bottom: 66px !important;} .sppB67 { padding-bottom: 67px !important;} .sppB68 { padding-bottom: 68px !important;} .sppB69 { padding-bottom: 69px !important;} .sppB70 { padding-bottom: 70px !important;} .sppB71 { padding-bottom: 71px !important;} .sppB72 { padding-bottom: 72px !important;} .sppB73 { padding-bottom: 73px !important;} .sppB74 { padding-bottom: 74px !important;} .sppB75 { padding-bottom: 75px !important;} .sppB76 { padding-bottom: 76px !important;} .sppB77 { padding-bottom: 77px !important;} .sppB78 { padding-bottom: 78px !important;} .sppB79 { padding-bottom: 79px !important;} .sppB80 { padding-bottom: 80px !important;} .sppB81 { padding-bottom: 81px !important;} .sppB82 { padding-bottom: 82px !important;} .sppB83 { padding-bottom: 83px !important;} .sppB84 { padding-bottom: 84px !important;} .sppB85 { padding-bottom: 85px !important;} .sppB86 { padding-bottom: 86px !important;} .sppB87 { padding-bottom: 87px !important;} .sppB88 { padding-bottom: 88px !important;} .sppB89 { padding-bottom: 89px !important;} .sppB90 { padding-bottom: 90px !important;} .sppB91 { padding-bottom: 91px !important;} .sppB92 { padding-bottom: 92px !important;} .sppB93 { padding-bottom: 93px !important;} .sppB94 { padding-bottom: 94px !important;} .sppB95 { padding-bottom: 95px !important;} .sppB96 { padding-bottom: 96px !important;} .sppB97 { padding-bottom: 97px !important;} .sppB98 { padding-bottom: 98px !important;} .sppB99 { padding-bottom: 99px !important;} .sppB100 { padding-bottom: 100px !important;} .sppB101 { padding-bottom: 101px !important;} .sppB102 { padding-bottom: 102px !important;} .sppB103 { padding-bottom: 103px !important;} .sppB104 { padding-bottom: 104px !important;} .sppB105 { padding-bottom: 105px !important;} .sppB106 { padding-bottom: 106px !important;} .sppB107 { padding-bottom: 107px !important;} .sppB108 { padding-bottom: 108px !important;} .sppB109 { padding-bottom: 109px !important;} .sppB110 { padding-bottom: 110px !important;} .sppB111 { padding-bottom: 111px !important;} .sppB112 { padding-bottom: 112px !important;} .sppB113 { padding-bottom: 113px !important;} .sppB114 { padding-bottom: 114px !important;} .sppB115 { padding-bottom: 115px !important;} .sppB116 { padding-bottom: 116px !important;} .sppB117 { padding-bottom: 117px !important;} .sppB118 { padding-bottom: 118px !important;} .sppB119 { padding-bottom: 119px !important;} .sppB120 { padding-bottom: 120px !important;} .sppT0 { padding-top: 0px !important;} .sppT1 { padding-top: 1px !important;} .sppT2 { padding-top: 2px !important;} .sppT3 { padding-top: 3px !important;} .sppT4 { padding-top: 4px !important;} .sppT5 { padding-top: 5px !important;} .sppT6 { padding-top: 6px !important;} .sppT7 { padding-top: 7px !important;} .sppT8 { padding-top: 8px !important;} .sppT9 { padding-top: 9px !important;} .sppT10 { padding-top: 10px !important;} .sppT11 { padding-top: 11px !important;} .sppT12 { padding-top: 12px !important;} .sppT13 { padding-top: 13px !important;} .sppT14 { padding-top: 14px !important;} .sppT15 { padding-top: 15px !important;} .sppT16 { padding-top: 16px !important;} .sppT17 { padding-top: 17px !important;} .sppT18 { padding-top: 18px !important;} .sppT19 { padding-top: 19px !important;} .sppT20 { padding-top: 20px !important;} .sppT21 { padding-top: 21px !important;} .sppT22 { padding-top: 22px !important;} .sppT23 { padding-top: 23px !important;} .sppT24 { padding-top: 24px !important;} .sppT25 { padding-top: 25px !important;} .sppT26 { padding-top: 26px !important;} .sppT27 { padding-top: 27px !important;} .sppT28 { padding-top: 28px !important;} .sppT29 { padding-top: 29px !important;} .sppT30 { padding-top: 30px !important;} .sppT31 { padding-top: 31px !important;} .sppT32 { padding-top: 32px !important;} .sppT33 { padding-top: 33px !important;} .sppT34 { padding-top: 34px !important;} .sppT35 { padding-top: 35px !important;} .sppT36 { padding-top: 36px !important;} .sppT37 { padding-top: 37px !important;} .sppT38 { padding-top: 38px !important;} .sppT39 { padding-top: 39px !important;} .sppT40 { padding-top: 40px !important;} .sppT41 { padding-top: 41px !important;} .sppT42 { padding-top: 42px !important;} .sppT43 { padding-top: 43px !important;} .sppT44 { padding-top: 44px !important;} .sppT45 { padding-top: 45px !important;} .sppT46 { padding-top: 46px !important;} .sppT47 { padding-top: 47px !important;} .sppT48 { padding-top: 48px !important;} .sppT49 { padding-top: 49px !important;} .sppT50 { padding-top: 50px !important;} .sppT51 { padding-top: 51px !important;} .sppT52 { padding-top: 52px !important;} .sppT53 { padding-top: 53px !important;} .sppT54 { padding-top: 54px !important;} .sppT55 { padding-top: 55px !important;} .sppT56 { padding-top: 56px !important;} .sppT57 { padding-top: 57px !important;} .sppT58 { padding-top: 58px !important;} .sppT59 { padding-top: 59px !important;} .sppT60 { padding-top: 60px !important;} .sppT61 { padding-top: 61px !important;} .sppT62 { padding-top: 62px !important;} .sppT63 { padding-top: 63px !important;} .sppT64 { padding-top: 64px !important;} .sppT65 { padding-top: 65px !important;} .sppT66 { padding-top: 66px !important;} .sppT67 { padding-top: 67px !important;} .sppT68 { padding-top: 68px !important;} .sppT69 { padding-top: 69px !important;} .sppT70 { padding-top: 70px !important;} .sppT71 { padding-top: 71px !important;} .sppT72 { padding-top: 72px !important;} .sppT73 { padding-top: 73px !important;} .sppT74 { padding-top: 74px !important;} .sppT75 { padding-top: 75px !important;} .sppT76 { padding-top: 76px !important;} .sppT77 { padding-top: 77px !important;} .sppT78 { padding-top: 78px !important;} .sppT79 { padding-top: 79px !important;} .sppT80 { padding-top: 80px !important;} .sppT81 { padding-top: 81px !important;} .sppT82 { padding-top: 82px !important;} .sppT83 { padding-top: 83px !important;} .sppT84 { padding-top: 84px !important;} .sppT85 { padding-top: 85px !important;} .sppT86 { padding-top: 86px !important;} .sppT87 { padding-top: 87px !important;} .sppT88 { padding-top: 88px !important;} .sppT89 { padding-top: 89px !important;} .sppT90 { padding-top: 90px !important;} .sppT91 { padding-top: 91px !important;} .sppT92 { padding-top: 92px !important;} .sppT93 { padding-top: 93px !important;} .sppT94 { padding-top: 94px !important;} .sppT95 { padding-top: 95px !important;} .sppT96 { padding-top: 96px !important;} .sppT97 { padding-top: 97px !important;} .sppT98 { padding-top: 98px !important;} .sppT99 { padding-top: 99px !important;} .sppT100 { padding-top: 100px !important;} .sppT101 { padding-top: 101px !important;} .sppT102 { padding-top: 102px !important;} .sppT103 { padding-top: 103px !important;} .sppT104 { padding-top: 104px !important;} .sppT105 { padding-top: 105px !important;} .sppT106 { padding-top: 106px !important;} .sppT107 { padding-top: 107px !important;} .sppT108 { padding-top: 108px !important;} .sppT109 { padding-top: 109px !important;} .sppT110 { padding-top: 110px !important;} .sppT111 { padding-top: 111px !important;} .sppT112 { padding-top: 112px !important;} .sppT113 { padding-top: 113px !important;} .sppT114 { padding-top: 114px !important;} .sppT115 { padding-top: 115px !important;} .sppT116 { padding-top: 116px !important;} .sppT117 { padding-top: 117px !important;} .sppT118 { padding-top: 118px !important;} .sppT119 { padding-top: 119px !important;} .sppT120 { padding-top: 120px !important;} .spmB0 { margin-bottom: 0px !important;} .spmB1 { margin-bottom: 1px !important;} .spmB2 { margin-bottom: 2px !important;} .spmB3 { margin-bottom: 3px !important;} .spmB4 { margin-bottom: 4px !important;} .spmB5 { margin-bottom: 5px !important;} .spmB6 { margin-bottom: 6px !important;} .spmB7 { margin-bottom: 7px !important;} .spmB8 { margin-bottom: 8px !important;} .spmB9 { margin-bottom: 9px !important;} .spmB10 { margin-bottom: 10px !important;} .spmB11 { margin-bottom: 11px !important;} .spmB12 { margin-bottom: 12px !important;} .spmB13 { margin-bottom: 13px !important;} .spmB14 { margin-bottom: 14px !important;} .spmB15 { margin-bottom: 15px !important;} .spmB16 { margin-bottom: 16px !important;} .spmB17 { margin-bottom: 17px !important;} .spmB18 { margin-bottom: 18px !important;} .spmB19 { margin-bottom: 19px !important;} .spmB20 { margin-bottom: 20px !important;} .spmB21 { margin-bottom: 21px !important;} .spmB22 { margin-bottom: 22px !important;} .spmB23 { margin-bottom: 23px !important;} .spmB24 { margin-bottom: 24px !important;} .spmB25 { margin-bottom: 25px !important;} .spmB26 { margin-bottom: 26px !important;} .spmB27 { margin-bottom: 27px !important;} .spmB28 { margin-bottom: 28px !important;} .spmB29 { margin-bottom: 29px !important;} .spmB30 { margin-bottom: 30px !important;} .spmB31 { margin-bottom: 31px !important;} .spmB32 { margin-bottom: 32px !important;} .spmB33 { margin-bottom: 33px !important;} .spmB34 { margin-bottom: 34px !important;} .spmB35 { margin-bottom: 35px !important;} .spmB36 { margin-bottom: 36px !important;} .spmB37 { margin-bottom: 37px !important;} .spmB38 { margin-bottom: 38px !important;} .spmB39 { margin-bottom: 39px !important;} .spmB40 { margin-bottom: 40px !important;} .spmB41 { margin-bottom: 41px !important;} .spmB42 { margin-bottom: 42px !important;} .spmB43 { margin-bottom: 43px !important;} .spmB44 { margin-bottom: 44px !important;} .spmB45 { margin-bottom: 45px !important;} .spmB46 { margin-bottom: 46px !important;} .spmB47 { margin-bottom: 47px !important;} .spmB48 { margin-bottom: 48px !important;} .spmB49 { margin-bottom: 49px !important;} .spmB50 { margin-bottom: 50px !important;} .spmB51 { margin-bottom: 51px !important;} .spmB52 { margin-bottom: 52px !important;} .spmB53 { margin-bottom: 53px !important;} .spmB54 { margin-bottom: 54px !important;} .spmB55 { margin-bottom: 55px !important;} .spmB56 { margin-bottom: 56px !important;} .spmB57 { margin-bottom: 57px !important;} .spmB58 { margin-bottom: 58px !important;} .spmB59 { margin-bottom: 59px !important;} .spmB60 { margin-bottom: 60px !important;} .spmB61 { margin-bottom: 61px !important;} .spmB62 { margin-bottom: 62px !important;} .spmB63 { margin-bottom: 63px !important;} .spmB64 { margin-bottom: 64px !important;} .spmB65 { margin-bottom: 65px !important;} .spmB66 { margin-bottom: 66px !important;} .spmB67 { margin-bottom: 67px !important;} .spmB68 { margin-bottom: 68px !important;} .spmB69 { margin-bottom: 69px !important;} .spmB70 { margin-bottom: 70px !important;} .spmB71 { margin-bottom: 71px !important;} .spmB72 { margin-bottom: 72px !important;} .spmB73 { margin-bottom: 73px !important;} .spmB74 { margin-bottom: 74px !important;} .spmB75 { margin-bottom: 75px !important;} .spmB76 { margin-bottom: 76px !important;} .spmB77 { margin-bottom: 77px !important;} .spmB78 { margin-bottom: 78px !important;} .spmB79 { margin-bottom: 79px !important;} .spmB80 { margin-bottom: 80px !important;} .spmB81 { margin-bottom: 81px !important;} .spmB82 { margin-bottom: 82px !important;} .spmB83 { margin-bottom: 83px !important;} .spmB84 { margin-bottom: 84px !important;} .spmB85 { margin-bottom: 85px !important;} .spmB86 { margin-bottom: 86px !important;} .spmB87 { margin-bottom: 87px !important;} .spmB88 { margin-bottom: 88px !important;} .spmB89 { margin-bottom: 89px !important;} .spmB90 { margin-bottom: 90px !important;} .spmB91 { margin-bottom: 91px !important;} .spmB92 { margin-bottom: 92px !important;} .spmB93 { margin-bottom: 93px !important;} .spmB94 { margin-bottom: 94px !important;} .spmB95 { margin-bottom: 95px !important;} .spmB96 { margin-bottom: 96px !important;} .spmB97 { margin-bottom: 97px !important;} .spmB98 { margin-bottom: 98px !important;} .spmB99 { margin-bottom: 99px !important;} .spmB100 { margin-bottom: 100px !important;} .spmB101 { margin-bottom: 101px !important;} .spmB102 { margin-bottom: 102px !important;} .spmB103 { margin-bottom: 103px !important;} .spmB104 { margin-bottom: 104px !important;} .spmB105 { margin-bottom: 105px !important;} .spmB106 { margin-bottom: 106px !important;} .spmB107 { margin-bottom: 107px !important;} .spmB108 { margin-bottom: 108px !important;} .spmB109 { margin-bottom: 109px !important;} .spmB110 { margin-bottom: 110px !important;} .spmB111 { margin-bottom: 111px !important;} .spmB112 { margin-bottom: 112px !important;} .spmB113 { margin-bottom: 113px !important;} .spmB114 { margin-bottom: 114px !important;} .spmB115 { margin-bottom: 115px !important;} .spmB116 { margin-bottom: 116px !important;} .spmB117 { margin-bottom: 117px !important;} .spmB118 { margin-bottom: 118px !important;} .spmB119 { margin-bottom: 119px !important;} .spmB120 { margin-bottom: 120px !important;} .spmT0 { margin-top: 0px !important;} .spmT1 { margin-top: 1px !important;} .spmT2 { margin-top: 2px !important;} .spmT3 { margin-top: 3px !important;} .spmT4 { margin-top: 4px !important;} .spmT5 { margin-top: 5px !important;} .spmT6 { margin-top: 6px !important;} .spmT7 { margin-top: 7px !important;} .spmT8 { margin-top: 8px !important;} .spmT9 { margin-top: 9px !important;} .spmT10 { margin-top: 10px !important;} .spmT11 { margin-top: 11px !important;} .spmT12 { margin-top: 12px !important;} .spmT13 { margin-top: 13px !important;} .spmT14 { margin-top: 14px !important;} .spmT15 { margin-top: 15px !important;} .spmT16 { margin-top: 16px !important;} .spmT17 { margin-top: 17px !important;} .spmT18 { margin-top: 18px !important;} .spmT19 { margin-top: 19px !important;} .spmT20 { margin-top: 20px !important;} .spmT21 { margin-top: 21px !important;} .spmT22 { margin-top: 22px !important;} .spmT23 { margin-top: 23px !important;} .spmT24 { margin-top: 24px !important;} .spmT25 { margin-top: 25px !important;} .spmT26 { margin-top: 26px !important;} .spmT27 { margin-top: 27px !important;} .spmT28 { margin-top: 28px !important;} .spmT29 { margin-top: 29px !important;} .spmT30 { margin-top: 30px !important;} .spmT31 { margin-top: 31px !important;} .spmT32 { margin-top: 32px !important;} .spmT33 { margin-top: 33px !important;} .spmT34 { margin-top: 34px !important;} .spmT35 { margin-top: 35px !important;} .spmT36 { margin-top: 36px !important;} .spmT37 { margin-top: 37px !important;} .spmT38 { margin-top: 38px !important;} .spmT39 { margin-top: 39px !important;} .spmT40 { margin-top: 40px !important;} .spmT41 { margin-top: 41px !important;} .spmT42 { margin-top: 42px !important;} .spmT43 { margin-top: 43px !important;} .spmT44 { margin-top: 44px !important;} .spmT45 { margin-top: 45px !important;} .spmT46 { margin-top: 46px !important;} .spmT47 { margin-top: 47px !important;} .spmT48 { margin-top: 48px !important;} .spmT49 { margin-top: 49px !important;} .spmT50 { margin-top: 50px !important;} .spmT51 { margin-top: 51px !important;} .spmT52 { margin-top: 52px !important;} .spmT53 { margin-top: 53px !important;} .spmT54 { margin-top: 54px !important;} .spmT55 { margin-top: 55px !important;} .spmT56 { margin-top: 56px !important;} .spmT57 { margin-top: 57px !important;} .spmT58 { margin-top: 58px !important;} .spmT59 { margin-top: 59px !important;} .spmT60 { margin-top: 60px !important;} .spmT61 { margin-top: 61px !important;} .spmT62 { margin-top: 62px !important;} .spmT63 { margin-top: 63px !important;} .spmT64 { margin-top: 64px !important;} .spmT65 { margin-top: 65px !important;} .spmT66 { margin-top: 66px !important;} .spmT67 { margin-top: 67px !important;} .spmT68 { margin-top: 68px !important;} .spmT69 { margin-top: 69px !important;} .spmT70 { margin-top: 70px !important;} .spmT71 { margin-top: 71px !important;} .spmT72 { margin-top: 72px !important;} .spmT73 { margin-top: 73px !important;} .spmT74 { margin-top: 74px !important;} .spmT75 { margin-top: 75px !important;} .spmT76 { margin-top: 76px !important;} .spmT77 { margin-top: 77px !important;} .spmT78 { margin-top: 78px !important;} .spmT79 { margin-top: 79px !important;} .spmT80 { margin-top: 80px !important;} .spmT81 { margin-top: 81px !important;} .spmT82 { margin-top: 82px !important;} .spmT83 { margin-top: 83px !important;} .spmT84 { margin-top: 84px !important;} .spmT85 { margin-top: 85px !important;} .spmT86 { margin-top: 86px !important;} .spmT87 { margin-top: 87px !important;} .spmT88 { margin-top: 88px !important;} .spmT89 { margin-top: 89px !important;} .spmT90 { margin-top: 90px !important;} .spmT91 { margin-top: 91px !important;} .spmT92 { margin-top: 92px !important;} .spmT93 { margin-top: 93px !important;} .spmT94 { margin-top: 94px !important;} .spmT95 { margin-top: 95px !important;} .spmT96 { margin-top: 96px !important;} .spmT97 { margin-top: 97px !important;} .spmT98 { margin-top: 98px !important;} .spmT99 { margin-top: 99px !important;} .spmT100 { margin-top: 100px !important;} .spmT101 { margin-top: 101px !important;} .spmT102 { margin-top: 102px !important;} .spmT103 { margin-top: 103px !important;} .spmT104 { margin-top: 104px !important;} .spmT105 { margin-top: 105px !important;} .spmT106 { margin-top: 106px !important;} .spmT107 { margin-top: 107px !important;} .spmT108 { margin-top: 108px !important;} .spmT109 { margin-top: 109px !important;} .spmT110 { margin-top: 110px !important;} .spmT111 { margin-top: 111px !important;} .spmT112 { margin-top: 112px !important;} .spmT113 { margin-top: 113px !important;} .spmT114 { margin-top: 114px !important;} .spmT115 { margin-top: 115px !important;} .spmT116 { margin-top: 116px !important;} .spmT117 { margin-top: 117px !important;} .spmT118 { margin-top: 118px !important;} .spmT119 { margin-top: 119px !important;} .spmT120 { margin-top: 120px !important;} .spfs7 { font-size: 0.7rem; font-size: 2.13333vw; } .spfs8 { font-size: 0.8rem; font-size: 2.13333vw; } .spfs9 { font-size: 0.9rem; font-size: 2.4vw; } .spfs10 { font-size: 1.0rem; font-size: 2.66667vw; } .spfs11 { font-size: 1.1rem; font-size: 2.93333vw; } .spfs12 { font-size: 1.2rem; font-size: 3.2vw; } .spfs13 { font-size: 1.3rem; font-size: 3.46667vw; } .spfs14 { font-size: 1.4rem; font-size: 3.73333vw; } .spfs15 { font-size: 1.5rem; font-size: 4vw; } .spfs16 { font-size: 1.6rem; font-size: 4.26667vw; } .spfs17 { font-size: 1.7rem; font-size: 4.53333vw; } .spfs18 { font-size: 1.8rem; font-size: 4.8vw; } .spfs19 { font-size: 1.9rem; font-size: 5.06667vw; } .spfs20 { font-size: 2.0rem; font-size: 5.33333vw; } .spfs21 { font-size: 2.1rem; font-size: 5.6vw; } .spfs22 { font-size: 2.2rem; font-size: 5.86667vw; } .spfs23 { font-size: 2.3rem; font-size: 6.13333vw; } .spfs24 { font-size: 2.4rem; font-size: 6.4vw; } .spfs25 { font-size: 2.5rem; font-size: 6.66667vw; } .spfs26 { font-size: 2.6rem; font-size: 6.93333vw; } .spfs27 { font-size: 2.7rem; font-size: 7.2vw; } .spfs28 { font-size: 2.8rem; font-size: 7.46667vw; } .spfs29 { font-size: 2.9rem; font-size: 7.73333vw; } .spfs30 { font-size: 3.0rem; font-size: 8vw; } .spfs31 { font-size: 3.1rem; font-size: 8.26667vw; } .spfs32 { font-size: 3.2rem; font-size: 8.53333vw; } .spfs33 { font-size: 3.3rem; font-size: 8.8vw; } .spfs34 { font-size: 3.4rem; font-size: 9.06667vw; } .spfs35 { font-size: 3.5rem; font-size: 9.33333vw; } .spfs36 { font-size: 3.6rem; font-size: 9.6vw; } .spfs37 { font-size: 3.7rem; font-size: 9.86667vw; } .spfs38 { font-size: 3.8rem; font-size: 10.13333vw; } .spfs39 { font-size: 3.9rem; font-size: 10.4vw; } .spfs40 { font-size: 4.0rem; font-size: 10.66667vw; } .spfs41 { font-size: 4.1rem; font-size: 10.93333vw; } .spfs42 { font-size: 4.2rem; font-size: 11.2vw; } .spfs43 { font-size: 4.3rem; font-size: 11.46667vw; } .spfs44 { font-size: 4.4rem; font-size: 11.73333vw; } .spfs45 { font-size: 4.5rem; font-size: 12vw; } .spfs46 { font-size: 4.6rem; font-size: 12.26667vw; } .spfs47 { font-size: 4.7rem; font-size: 12.53333vw; } .spfs48 { font-size: 4.8rem; font-size: 12.8vw; } .spfs49 { font-size: 4.9rem; font-size: 13.06667vw; } .spfs50 { font-size: 5.0rem; font-size: 13.33333vw; } .spfs51 { font-size: 5.1rem; font-size: 13.6vw; } .spfs52 { font-size: 5.2rem; font-size: 13.86667vw; } .spfs53 { font-size: 5.3rem; font-size: 14.13333vw; } .spfs54 { font-size: 5.4rem; font-size: 14.4vw; } .spfs55 { font-size: 5.5rem; font-size: 14.66667vw; } .spfs56 { font-size: 5.6rem; font-size: 14.93333vw; } .spfs57 { font-size: 5.7rem; font-size: 15.2vw; } .spfs58 { font-size: 5.8rem; font-size: 15.46667vw; } .spfs59 { font-size: 5.9rem; font-size: 15.73333vw; } .spfs60 { font-size: 6.0rem; font-size: 16vw; } .spfs61 { font-size: 6.1rem; font-size: 16.26667vw; } .spfs62 { font-size: 6.2rem; font-size: 16.53333vw; } .spfs63 { font-size: 6.3rem; font-size: 16.8vw; } .spfs64 { font-size: 6.4rem; font-size: 17.06667vw; } .spfs65 { font-size: 6.5rem; font-size: 17.33333vw; } .spfs66 { font-size: 6.6rem; font-size: 17.6vw; } .spfs67 { font-size: 6.7rem; font-size: 17.86667vw; } .spfs68 { font-size: 6.8rem; font-size: 18.13333vw; } .spfs69 { font-size: 6.9rem; font-size: 18.4vw; } .spfs70 { font-size: 7.0rem; font-size: 18.66667vw; } .spfs71 { font-size: 7.1rem; font-size: 18.93333vw; } .spfs72 { font-size: 7.2rem; font-size: 19.2vw; } .spfs73 { font-size: 7.3rem; font-size: 19.46667vw; } .spfs74 { font-size: 7.4rem; font-size: 19.73333vw; } .spfs75 { font-size: 7.5rem; font-size: 20vw; } .spfs76 { font-size: 7.6rem; font-size: 20.26667vw; } .spfs77 { font-size: 7.7rem; font-size: 20.53333vw; } .spfs78 { font-size: 7.8rem; font-size: 20.8vw; } .spfs79 { font-size: 7.9rem; font-size: 21.06667vw; } .spfs80 { font-size: 8.0rem; font-size: 21.33333vw; } .spfs81 { font-size: 8.1rem; font-size: 21.6vw; } .spfs82 { font-size: 8.2rem; font-size: 21.86667vw; } .spfs83 { font-size: 8.3rem; font-size: 22.13333vw; } .spfs84 { font-size: 8.4rem; font-size: 22.4vw; } .spfs85 { font-size: 8.5rem; font-size: 22.66667vw; } .spfs86 { font-size: 8.6rem; font-size: 22.93333vw; } .spfs87 { font-size: 8.7rem; font-size: 23.2vw; } .spfs88 { font-size: 8.8rem; font-size: 23.46667vw; } .spfs89 { font-size: 8.9rem; font-size: 23.73333vw; } .spfs90 { font-size: 9.0rem; font-size: 24vw; } .spfs91 { font-size: 9.1rem; font-size: 24.26667vw; } .spfs92 { font-size: 9.2rem; font-size: 24.53333vw; } .spfs93 { font-size: 9.3rem; font-size: 24.8vw; } .spfs94 { font-size: 9.4rem; font-size: 25.06667vw; } .spfs95 { font-size: 9.5rem; font-size: 25.33333vw; } .spfs96 { font-size: 9.6rem; font-size: 25.6vw; } .spfs97 { font-size: 9.7rem; font-size: 25.86667vw; } .spfs98 { font-size: 9.8rem; font-size: 26.13333vw; } .spfs99 { font-size: 9.9rem; font-size: 26.4vw; } .spfs100 { font-size: 10.0rem; font-size: 26.66667vw; } } /* Tablet向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 600px ) { body { font-size: 1.4rem; min-width: 1280px;} .f-Two { display: flex; flex-wrap: wrap; justify-content: space-between; } .f-Two-aic { align-items: center;} .f-Two-imgR01 { margin-right: 0; } .f-Two-imgR01 img { max-width: none; } .f-Two-border01 { border-bottom: none;} .f-Two-border01 > div { padding-top: 24px; padding-bottom: 36px; box-sizing: border-box;} .f-Two-border01 > div:nth-child(1) { border-bottom: #7f8b96 1px solid; border-right: #7f8b96 1px solid; } .f-Two-border01 > div:nth-child(2) { border-top: none; border-bottom: #7f8b96 1px solid; border-left: #7f8b96 1px solid; } .f-Two-border01 > div:nth-child(3) { border-top: #7f8b96 1px solid; border-bottom: none; border-right: #7f8b96 1px solid; } .f-Two-border01 > div:nth-child(4) { border-top: #7f8b96 1px solid; border-bottom: none; border-left: #7f8b96 1px solid; } .fx-w280 { width: 280px; } .fx-w300 { width: 300px; } .fx-w310 { width: 310px; } .fx-w320 { width: 320px; } .fx-w340 { width: 340px; } .fx-w330 { width: 330px; } .fx-w350 { width: 350px; } .fx-w356 { width: 356px; } .fx-w358 { width: 358px; } .fx-w366 { width: 366px; } .fx-w360 { width: 360px; } .fx-w370 { width: 370px; } .fx-w400 { width: 400px; } .fx-w448 { width: 448px; } .fx-w430 { width: 430px; } .fx-w440 { width: 440px; } .fx-w450 { width: 450px; } .fx-w465 { width: 465px; } .fx-w470 { width: 470px; } .fx-w510 { width: 510px; } .fx-w540 { width: 540px; } .fx-w543 { width: 543px; } .fx-w548 { width: 548px; } .fx-w550 { width: 550px; } .fx-w560 { width: 560px; } .fx-w580 { width: 580px; } .fx-w590 { width: 590px; } .fx-w630 { width: 630px; } .fx-w670 { width: 670px; } .fx-w680 { width: 680px; } .fx-w700 { width: 700px; } .fx-w720 { width: 720px; } .fx-w740 { width: 740px; } .fx-w750 { width: 750px; } .fx-od01 { order: 1; } .fx-od02 { order: 2;} .fx-od-pc01 { order: 1; } .fx-od-pc02 { order: 2;} .parallax { will-change: transform;} #indexTreatmentFlex {} #indexClinic { position: relative; z-index: 1;} /*index animation*/ #indexBody #headerLogo01 { transition: all .3s ease-out 0.1s; transform: translateY(-100%);} #indexBody header.active #headerLogo01 { transform: translateY(0); } #indexBody #leadTxt, #indexBody #headerLogo02, #indexBody #headerCta-Tel, #indexBody #headerCta-En, #indexBody nav { transition: all .45s ease-out 0.2s; transform: translateY(-177px); } #indexBody header.active #leadTxt, #indexBody header.active #headerLogo02, #indexBody header.active #headerCta-Tel, #indexBody header.active #headerCta-En, #indexBody header.active nav { transform: translateY(0); } #indexBody #hederInsurance { transition: all .5s ease-out 0.1s; transform: translateY(-177px); } #indexBody header.active #hederInsurance { transform: translateY(0); } #indexBody #hederTopics { transition: all .5s ease-out 0.1s; transform: translateY(-344px); } #indexBody header.active #hederTopics { transform: translateY(0); } #indexBody #hederLead { transition: all .5s ease-out 0.1s; transform: translateY(-344px); } #indexBody header.active #hederLead { transform: translateY(0); } .spDisp { display: none; } .pcaC { text-align: center !important;} .pcaL { text-align: left !important;} .imgR { padding: 0; float: right; margin-left: 32px; margin-bottom: 0;} .imgR.m48 { margin-left: 48px;} .imgR.m64 { margin-left: 64px;} .imgR.m72 { margin-left: 72px;} .imgL { padding: 0; float: left; margin-right: 32px; margin-bottom: 0;} .imgC { padding: 0 0 48px; text-align: center;} /*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;} .pcpB124 { padding-bottom: 124px !important;} .pcpB128 { padding-bottom: 128px !important;} .pcpB144 { padding-bottom: 144px !important;} .pcpB160 { padding-bottom: 160px !important;} .pcpB190 { padding-bottom: 190px !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;} .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;} .fs8 { font-size: 0.8rem;} .fs9 { font-size: 0.9rem;} .fs10 { font-size: 1rem;} .fs11 { font-size: 1.1rem;} .fs12 { font-size: 1.2rem;} .fs13 { font-size: 1.3rem;} .fs14 { font-size: 1.4rem;} .fs15 { font-size: 1.5rem;} .fs16 { font-size: 1.6rem;} .fs17 { font-size: 1.7rem;} .fs18 { font-size: 1.8rem;} .fs19 { font-size: 1.9rem;} .fs20 { font-size: 2rem;} .fs21 { font-size: 2.1rem;} .fs22 { font-size: 2.2rem;} .fs23 { font-size: 2.3rem;} .fs24 { font-size: 2.4rem;} .fs25 { font-size: 2.5rem;} .fs26 { font-size: 2.6rem;} .fs27 { font-size: 2.7rem;} .fs28 { font-size: 2.8rem;} .fs29 { font-size: 2.9rem;} .fs30 { font-size: 3rem;} .fs31 { font-size: 3.1rem;} .fs32 { font-size: 3.2rem;} .fs33 { font-size: 3.3rem;} .fs34 { font-size: 3.4rem;} .fs35 { font-size: 3.5rem;} .fs36 { font-size: 3.6rem;} .fs37 { font-size: 3.7rem;} .fs38 { font-size: 3.8rem;} .fs39 { font-size: 3.9rem;} .fs40 { font-size: 4rem;} .fs41 { font-size: 4.1rem;} .fs42 { font-size: 4.2rem;} .fs43 { font-size: 4.3rem;} .fs44 { font-size: 4.4rem;} .fs45 { font-size: 4.5rem;} .fs46 { font-size: 4.6rem;} .fs47 { font-size: 4.7rem;} .fs48 { font-size: 4.8rem;} .fs49 { font-size: 4.9rem;} .fs50 { font-size: 5rem;} .fs51 { font-size: 5.1rem;} .fs52 { font-size: 5.2rem;} .fs53 { font-size: 5.3rem;} .fs54 { font-size: 5.4rem;} .fs55 { font-size: 5.5rem;} .fs56 { font-size: 5.6rem;} .fs57 { font-size: 5.7rem;} .fs58 { font-size: 5.8rem;} .fs59 { font-size: 5.9rem;} .fs60 { font-size: 6rem;} .fs61 { font-size: 6.1rem;} .fs62 { font-size: 6.2rem;} .fs63 { font-size: 6.3rem;} .fs64 { font-size: 6.4rem;} .fs65 { font-size: 6.5rem;} .fs66 { font-size: 6.6rem;} .fs67 { font-size: 6.7rem;} .fs68 { font-size: 6.8rem;} .fs69 { font-size: 6.9rem;} .fs70 { font-size: 7rem;} .fs71 { font-size: 7.1rem;} .fs72 { font-size: 7.2rem;} .fs73 { font-size: 7.3rem;} .fs74 { font-size: 7.4rem;} .fs75 { font-size: 7.5rem;} .fs76 { font-size: 7.6rem;} .fs77 { font-size: 7.7rem;} .fs78 { font-size: 7.8rem;} .fs79 { font-size: 7.9rem;} .fs80 { font-size: 8rem;} .fs81 { font-size: 8.1rem;} .fs82 { font-size: 8.2rem;} .fs83 { font-size: 8.3rem;} .fs84 { font-size: 8.4rem;} .fs85 { font-size: 8.5rem;} .fs86 { font-size: 8.6rem;} .fs87 { font-size: 8.7rem;} .fs88 { font-size: 8.8rem;} .fs89 { font-size: 8.9rem;} .fs90 { font-size: 9rem;} .fs91 { font-size: 9.1rem;} .fs92 { font-size: 9.2rem;} .fs93 { font-size: 9.3rem;} .fs94 { font-size: 9.4rem;} .fs95 { font-size: 9.5rem;} .fs96 { font-size: 9.6rem;} .fs97 { font-size: 9.7rem;} .fs98 { font-size: 9.8rem;} .fs99 { font-size: 9.9rem;} .fs100 { font-size: 10rem;} /* common *************************************************************************************************************************************************************************************/ /*header*/ header { background: #FFF; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 228px; overflow: visible;} header#indexHeader{ height: 268px;} #leadTxt { display: block; position: fixed; top: 29px; left: 0; padding-left: 230px; box-sizing: border-box; font-size: 1.2rem; line-height: 1.66;} #headerLogo01 { position: fixed; top: 0; left: 0; z-index: 110; width: 204px; height: 283px;} #headerLogo01 a { width: 204px; height: 283px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #headerLogo01 img { width: auto; height: 86px; } #headerLogo02 { padding: 0; text-align: left; position: fixed; top: 120px; left: 234px; z-index: 105;} #headerLogo02 img { } #headerCta { position: relative; bottom: auto; left: auto; z-index: 10; width: auto; display: flex; flex-wrap: wrap; align-items: center; padding: 0; background: transparent; } #headerCta > div { width: auto; margin-right: auto; height: auto;} #headerCta > div:nth-child(3) { margin-right: auto;} #headerCta > div a { width: auto; height: auto; line-height: 1.2; font-weight: 700; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #headerCta-Reservation { position: fixed; top: 216px; right: 0;} #headerCta-Reservation a { width: 69px !important; height: 273px !important; background: #D7C886; color: #FFF; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing: 0.22em; font-size: 2.0rem;} #headerCta-Reservation a .spDisp { display: none;} #headerCta-Reservation a .spDisp > span { } #headerCta-Reservation a .spDisp > span:nth-child(1) { } #headerCta-Reservation a .spDisp > span:nth-child(2) { } #headerCta-Reservation a .spDisp > span span { } #headerCta-Reservation a .spDisp > span span.spfs15 { } #headerCta-Reservation a .spDisp > span span.spfs10 { } /*#headerCta-Tel { position: fixed; top: 0; right: 216px;}*/ #headerCta-Tel { position: fixed; top: 0; left: 50%; margin-left: 370px;} #headerCta-Tel a { border: none; background: transparent; height: 81px !important;} #headerCta-Tel a .spDisp {} #headerCta-Tel a .spDisp span { } #headerCta-Tel a .pcDisp span { font-size: 1.8rem; display: inline-block; padding: 8px 0 8px 50px; background: url(images/icon_tel-y01.svg) no-repeat 0 50% /35px 35px;} #headerCta-En { position: fixed; top: 0; right: 0; width: 187px; height: 81px;} #headerCta-En a { width: 187px !important; height: 81px !important; font-size: 1.8rem;} #hederInsurance { margin: 0; position: absolute; top: 20px; left: 50%; margin-left: 200px; width: 160px; height: 40px;} #hederInsurance > span { width: 160px; height: 40px; letter-spacing: 0.2em; color: #8197A2; border: #8197A2 solid 1px; border-radius: 4px; line-height: 1; padding: 9px 0 0; box-sizing: border-box;} #hederTopics { margin: 0; position: absolute; top: 187px; left: 50%; margin-left: 305px;} #hederTopics > span { } #hederLead { margin: 0; position: absolute; top: 220px; left: 50%; margin-left: -500px; line-height: 1.2; white-space: nowrap; padding: 0; width: 1000px; text-align: right; } #menuBtn { display: none;} #menuBtn .menuBtnCircle { } #menuBtn .menuBtnBar { } #menuBtn01 { } #menuBtn02 { } #menuBtnTxt { } #menuBtnClose { display: none;} #menuBtnClose .menuBtnCloseBar { } #menuBtnClose01 { } #menuBtnClose02 { } /*nav*/ .navLock { height: auto; overflow: auto; } header nav { display: block; position: fixed; top: 87px; left: 0; z-index: 105; width: 100%; height: 90px; overflow: visible; background: rgba(127,146,157,0.08);} header nav.active { } header nav.zin { z-index: 115;} header nav > ul { overflow: visible; position: absolute; top: 50%; left: 50%; width: 1100px; transform: translateY(-50%) translateX(-50%); margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; background: none; padding: 0; border-top: none;} header nav > ul:before { content: none;} header nav > ul > li { position: static; font-size: 1.6rem;} header nav > ul > li:after { content: "|"; display: inline-block; padding: 0 1em;} header nav > ul > li:last-child:after { content: none; padding: 0;} header nav > ul > li > a { display: inline-block; position: relative; padding: 36px 16px 37px; text-align: center; color: #3a3a3a !important; cursor: pointer;} .subNav { position: absolute; top: 100%; left: 550px; z-index: 1; transform: translateX(-50%); width: 100vw; padding: 5px; box-sizing: border-box; background: rgba(0,0,0,0.65); overflow: visible;} .subNav > ul { width: 1036px; margin: 0 auto;} .subNav > ul > li { width: 257px; text-align: left; margin: 16px 1px 0; font-size: 1.4rem;} .subNav > ul > li:nth-child( -n + 4 ) { margin-top: 0;} .subNav > ul > li:nth-child( 2n ) { margin-right: 1px;} .subNav > ul > li > a { color: #FFF; } .subNavImg { margin-bottom: 5px; } .subNavTxt {} /*footer*/ #mapPare { display: block; position: relative; } #mapPare { position: relative; padding-bottom: 416px; height: 0; overflow: hidden;} #mapPare iframe, #mapPare object, #mapPare embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} footer { padding: 48px 0 0; overflow: hidden;} #footerWrapper { width: 1100px; margin: 0 auto; padding: 0; } #indexBody #footerWrapperPare { padding-bottom: 330px;} #footerLogo { padding: 0 0 36px;} #footerLogo img { height: 64px;} #footer01 { display: flex; flex-wrap: wrap; margin: 0 0 90px;} #footer01-01 { width: 540px; font-size: 1.6rem; padding: 0; margin-right: 50px;} #footer01-01Tel { text-align: center; margin: 0 0 16px;} #footer01-01Tel > a { display: inline-block; font-size: 2.3rem; color: #FFF;} #footer01-01Tel > a > span { display: inline-block; background: url(images/icon_tel-w01.svg) no-repeat 0 50% / 46px 46px; padding: 4px 0 4px 64px;} #footer01-01Txt01 { padding: 0 0 6px; margin: 0 0 6px;} #footer01-01Txt02 { padding-bottom: 24px; } #footer01-01Txt03 { margin: 0 0 24px; } #footer01-01Txt03 .btn01 > span { background: #7F909B;} #footer01-01Txt04 { width: 500px; margin: 0 auto 32px; display: flex; flex-wrap: wrap; justify-content: center;} #footer01-01Txt04 > li {} #footer01-01Txt04 > li:after { content: "／";} #footer01-01Txt04 > li:nth-child(5):after{ content: none;} #footer01-01Txt04 > li:nth-child(4):after, #footer01-01Txt04 > li:nth-child(7):after { content: "／";} #footerInsurance { } #footerInsurance:after { } #footerInsurance > span { } #footerInsurance > span > span { } #footer01-02 { width: 480px;} #footer02 { padding: 12px 0 32px; } #footer02 > dl > dt { font-size: 1.4rem;} #footer02 > dl > dd { } #footer02 > dl > dd > ul > li { padding: 0 20px 28px; margin-bottom: 20px;} #footer02 > dl > dd > ul > li:last-child { margin-bottom: 0; border-bottom: none; } #footer02 > dl > dd > ul > li > dl > dt { font-size: 1.4rem;} #footer02 > dl > dd > ul > li > dl > dd { font-size: 1.2rem;} #footer02 > dl > dd > ul > li > dl > dd > ul { width: 660px; margin: 0 auto;} #footer02 > dl > dd > ul > li > dl > dd > ul > li { padding-bottom: 6px;} #footer02 > dl > dd > ul > li > dl > dd > ul > li:last-child { padding-bottom: 0;} #footer02 > dl > dd > ul > li > dl > dd > ul > li > dl { display: flex; flex-wrap: wrap;} #footer02 > dl > dd > ul > li > dl > dd > ul > li > dl > dt { width: 180px;} #footer02 > dl > dd > ul > li > dl > dd > ul > li > dl > dd { width: 480px;} footer small { display: block; padding: 72px 0 56px; font-size: 1.6rem;} /*includePage*/ .pageLock { } #includePage { padding: 0 0 0;} #includePage.active { } #includePageWrapper { padding-top: 64px; padding-bottom: 180px;} #iconBack { right: 24px;} #iconBack::before, #iconBack::after { } #iconBack::before { } #iconBack::after { } #iconToTop { width: 68px; height: 68px;} #iconToTop a {width: 68px; height: 68px;} #iconToTop a::before { width: 32px; height: 32px; border: 0px; border-top: solid 1px rgba(129,146,158,1); border-right: solid 1px rgba(129,146,158,1); transform: rotate(-45deg); left: 18px; margin-top: -10px;} /* parts *************************************************************************************************************************************************************************************/ .w420 { width: 420px; margin-left: auto; margin-right: auto; } .w830 { width: 830px; margin-left: auto; margin-right: auto; } .w900 { width: 900px; margin-left: auto; margin-right: auto; } .w960 { width: 960px; margin-left: auto; margin-right: auto; } .w964 { width: 964px; margin-left: auto; margin-right: auto; } .w1100 { width: 1100px; margin-left: auto; margin-right: auto; } #pageTitle { position: relative; width: 100%; padding: 0 0 36px; margin: 0 auto 88px; overflow: hidden;} #pageTitleImg { position: absolute; top: 0; left: 50%; margin-left: -550px; padding-left: 0; width: calc( 1100px + ((100vw - 1100px)/2) ); height: 314px; position: relative; background-repeat: no-repeat; background-position: 0 0; background-size: cover;} .beginnersGuideMain { background-image: url(images/beginners-guide_main.jpg); } .dkwMain { background-image: url(images/dkw_main.jpg); } .clinicMain { background-image: url(images/clinic_main.jpg); } .postMain { background-image: url(images/post_main.jpg); } .accessMain { background-image: url(images/access_main.jpg); } .treatmentMain { background-image: url(images/treatment_main.jpg); } #pageTitleImg img { opacity: 0;} #pageTitleTxt { left: 50%; margin-left: -660px; z-index: 1;} #pageTitleTxt > span { position: relative; padding: 0.75em 3em 0.75em 100px; background: transparent;} #pageTitleTxt > span:before { content: ''; display: block; width: 50vw; height: 100%; position: absolute; top: 0; right: 0; z-index: -1; background: rgba(127,140,151,0.82);} .hTxt01 { padding-left: calc( 50vw - 550px );} .hTxt01 > span { } .hTxt01 > span:before { width: calc(50vw - 550px); left: 0; transform: translateX(-100%);} .hTxt01 > span:after { } .timeTable { } .timeTable th,.timeTable td { padding: 8px 0; font-size: 1.6rem; } .timeTable th[scope=col] { } .timeTable th[scope=row] { } .timeTableDl { text-align: left;} .timeTableDl dt { } .timeTableDl dd { } .table01 { } .table01 th,.table01 td { padding: 13px 10px 17px;} .table01 th { } .table01 th.implantTh { } .table01 td.implantTd { } .table01 td { padding: 10px;} .table01W01 { width: 282px; } .table01W02 { width: 350px; } .noteTxt { } .bg01 { padding: 22px 40px 64px; } .bg01.pPt01 { padding: 32px 19px 20px; } .boxWh01 { padding: 48px 70px 78px; } .btn01 { } .btn01 > span { } .btn01 > span.pcW01 { padding-left: 3em; padding-right: 3em; } .btn01.btn01W01 > span { padding-left: 5em; padding-right: 5em;} .btn01.btn01Wh01 > span { } .imgTwoCol { } .imgTwoCol { } .imgTwoCol > * { width: calc( (100% - 20px)/2 ); } .imgTwoCol > .spW61Per { width: auto; } .imgTwoCol > .spW28Per { width: auto; } .imgTwoCol > .pcW540 { width: 540px; } .secImgR { position: relative; } .secImgR-img { float: right;} .secImgR-txt { } .middotList03 {} .middotList03 > li { margin-bottom: 20px;} .middotList03 > li:last-child { margin-bottom: 0;} .middotList03 > li:before { } .middotList03.middotList03Or > li:before { } .numList {} .numList > li { padding: 0 0 0 72px;} .numList > li:last-child { } .numList > li:before { } .numList > li > dl { display: flex; flex-wrap: wrap; align-items: center;} .numList > li > dl > dt { width: 170px;} .numList > li > dl > dd { width: calc( 100% - 170px );} .case01 { display: flex; flex-wrap: wrap; justify-content: space-between;} .case01 > li { width: 420px; margin: 46px 0 0; } .case01 > li:last-child { margin-bottom: 0; } .case01 > li:nth-child( -n + 2 ) { margin-top: 0; } .case01Num { margin-bottom: 22px; transform: translateX(15px);} .case01Img01 { margin-bottom: 22px; text-align: center;} .case01Txt01 {} .case02 { display: block; } .case02 > li { margin: 0 0 40px; position: relative;} .case02 > li:last-child { } .case02 > li:before { content: ""; display: block; width: 18px; height: 18px; position: absolute; top: 100%; left: 150px; border-bottom: #B2B2B2 5px solid; border-right: #B2B2B2 5px solid; border-radius: 4px; transform: translateY(2px) translateX(-50%) rotate(45deg);} .case02 > li:after { left: 774px; transform: translateY(2px) translateX(-50%) rotate(45deg);} .case02 > li:last-child:before { content: none;} .case02 > li:last-child:after {} .case02 > li:nth-child(1) { padding-top: 56px; } .case02 > li:nth-child(1) >ul:before, .case02 > li:nth-child(1) >ul:after { padding: 11px 0; position: absolute; top: 0; width: 162px; text-align: center; box-sizing: border-box;} .case02 > li:nth-child(1) >ul:before { left: 70px;} .case02 > li:nth-child(1) >ul:after { left: 690px;} .case02 > li > ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .case02 > li > ul > li { } .case02 > li > ul > li:nth-child(1) { width: 300px; order: 1; padding: 0; } .case02 > li > ul > li:nth-child(2) { width: 300px; order: 2; margin-bottom: 0; } .case02 > li > ul > li:nth-child(3) { width: 300px; order: 3; padding: 0; } .case02Num { line-height: 1; text-align: center;} .case02Txt01 {} /* page *************************************************************************************************************************************************************************************/ /*body*/ body { padding: 235px 0 0; } body#indexBody { padding: 265px 0 0; } /*mainImg*/ #mainImg { width: calc( 100% - 100px ); height: 676px; margin: 0; float: right;} #mainImg video { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: auto; min-width: 100%; min-height: 100%; } #mainImgSlide { overflow: hidden; width: 100%; height: 676px; transition: all 1s ease;} #mainImgSlide img { } #mainImgSlide li {width: 100%; height: 676px;} #mainImgSlide li span { } #mainImgSlide li.slick-current span { } .resetTransition span { } #mainImgSlide01 span { } #mainImgSlide02 span { } #mainImgSlide03 span { } #mainImgSlide04 span { } .mainImgSlideTxt { } /*indexInformationShedule*/ #indexInformationShedule { float: left; position: relative; z-index: 1; width: calc( 100% - 100px ); margin: -70px 0 0; padding: 24px 0 30px; background: rgba(127,146,157,0.82); clear: both;} #indexInformationSheduleWrap { width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; } #indexInformation { width: 490px; padding: 0; margin: 0 56px 0 15px; border-bottom: none;} #indexInformationList { font-size: 1.6rem; } #indexInformationList li { } #indexInformationList li:last-child { } #indexInformationList li a { } .indexInformationListDate { } .indexInformationListTitle { } #indexShedule { width: 480px; padding: 0;} /*covid19*/ .covid19 { text-align: center; padding-top: 100px; padding-right: 0; padding-left: 0; padding-bottom: 100px; } /* indexTxt01 */ .indexTxt01{ text-align: center; padding-right: 0; padding-left: 0; padding-bottom: 40px; font-size: 16px; } /*indexConcept*/ #indexConcept { padding: 48px 0 72px; clear: both; overflow: hidden; background: linear-gradient(to bottom, #FFFFFF 0%,#f3f5f6 100%);} #indexConcept::after { content: ""; clear: both; display: table;} #indexConceptWrap { position: relative; width: 1100px; margin: 0 auto; padding: 55px 0 0; } #indexConceptImg01 { padding: 0; position: absolute; top: 0; left: 50%; margin-left: -230px; width: calc( 50VW + 230px); height: 495px;} #indexConceptImg01 > span { display: block; width: 100%; height: 595px; background: none; background: url(images/index_concept_img01_pc.jpg) no-repeat 50% 50% / cover;} #indexConceptSub01 { margin: 0 0 36px; position: relative; z-index: 1; line-height: 1.71; letter-spacing: 0.1em;} #indexConceptSub01 > span { padding: 1em 40px 1em 25px;} #indexConceptTxt01 { float: left; width: 735px; position: relative; z-index: 1; box-sizing: border-box; z-index: 1; padding: 64px 50px 60px 100px; margin: 0 0 0 -100px; background: rgba(252,255,255,0.87); font-size: 1.8rem; line-height: 2.33; letter-spacing: 0.05em;} #indexConceptBtns { padding: 0; float: right; position: relative; z-index: 1; margin: 224px 0 0;} #indexConceptBtns > li { margin-bottom: 24px;} #indexConceptBtns > li:last-child { margin-bottom: 0;} #indexConceptBtns a > span { display: block; width: 410px; box-sizing: border-box;} /*indexPolicy*/ #indexPolicy { padding: 26px 0 0; background: linear-gradient(to bottom, #f3f5f6 0%,#eff1f3 100%);} #indexPolicySub01 { padding-bottom: 20px; } #indexPolicyList { display: flex; flex-wrap: wrap; justify-content: space-between;} #indexPolicyList > li { width: calc( (100% - 2px)/2 ); height: 360px; margin: 0;} #indexPolicyList > li > a { padding: 20px 30px;} #indexPolicyList01 a { } #indexPolicyList02 a { letter-spacing: 0.2em;} #indexPolicyList > li > a:before { } #indexPolicyList > li > a > span { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); } #indexPolicyList > li > a > dl { position: relative; z-index: 1; line-height: 1.5; margin: 0 0 1em;} #indexPolicyList > li > a > dl > dt { font-size: 2.2rem; padding: 0 0 16px;} #indexPolicyList > li > a > dl > dd { } /* #indexPolicyList > li:nth-child(1) dl > dd { display: flex; flex-wrap: wrap; } #indexPolicyList > li:nth-child(1) dl > dd p { width: 50%; box-sizing: border-box;} #indexPolicyList > li:nth-child(1) dl > dd p:nth-child(1) { border-bottom: none; border-right: #FFF 1px solid; padding: 0 1em 0 0; margin: 0; } #indexPolicyList > li:nth-child(1) dl > dd ul { width: 50%; padding-left: 1em; box-sizing: border-box;}*/ #indexPolicyList0101 { margin: 0 auto; width: 610px;} #indexPolicyList0101 > li { position: relative; padding-left: 1em; margin-bottom: 0.35em;} #indexPolicyList0101 > li:before { position: absolute; top: 0; left: 0;} #indexPolicyList0101 > li > dl { display: flex; flex-wrap: wrap;} #indexPolicyList0101 > li > dl > dt { width: 7em;} #indexPolicyList0101 > li > dl > dd { width: calc( 100% - 7em );} #indexPolicyList0201 {} #indexPolicyList0201 > li { position: relative; padding-left: 1em; margin-bottom: 0.35em;} #indexPolicyList0201 > li:before { position: absolute; top: 0; left: 0;} /*indexReason*/ #indexReason { padding: 96px 0; background: #EFF2F3;} #indexReasonSub01 {} #indexReasonWrap { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .indexReasonCh { width: 380px; padding: 0; margin: 30px 0 0; } .indexReasonCh > a { position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box;} .indexReasonCh:nth-child( -n + 3 ) { margin-top: 0;} .indexReason01 { } .indexReasonTxt01 { padding: 20px 0;} .indexReasonTxt01 > span { } .indexReasonTxt01:after { } .indexReasonImg {} .indexReasonNum { top: 20px; left: 20px;} .indexReasonNum > span { } .indexReasonNum > span > span { } .indexReasonNum01 { } .indexReasonNum02 { } .indexReason02 { position: static; padding: 16px 16px 70px;} .indexReasonBtn { position: absolute; bottom: 24px; left: 0;} .indexReasonBtn > span { } /*indexTreatment*/ #indexTreatment { padding: 0; clear: both; background: #eff1f3; } #indexTreatmentSub01 { padding: 48px 0 60px; background: #EFF2F3;} #indexTreatmentWrap { width: 100%; display: flex; flex-wrap: wrap;} .indexTreatmentCh { width: 25%; box-sizing: border-box; border-right: #FFF 1px solid; border-bottom: #FFF 1px solid;} .indexTreatmentCh:nth-child(4n) { border-right: none;} .indexTreatmentCh > a { position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box;} .indexTreatmentImg { width: 100%;} .indexTreatmentImg img { width: 100%;} .indexTreatment01 { width: 100%; padding: 24px 12px 76px 12px;} .indexTreatment01Txt01 { line-height: 1.75; } .indexTreatmentBtn { margin: 0; position: absolute; bottom: 30px; left: 0; width: 100%;} .indexTreatmentBtn > span { margin: 0 auto;} /*indexClinic*/ #indexClinic { padding: 64px 0 0; background: #FFF;} #indexClinicTxt01 { padding-left: 15px; padding-right: 15px; } /*indexSlide*/ #indexSlide { display: flex; flex-wrap: wrap; } #indexSlide .indexSlideCh { width: 334px; } #indexSlide .indexSlideCh.indexSlideCh-V { width: 149px; } #indexSlide .indexSlideCh img { width: 100%; } #indexSlide .indexSlideCh.indexSlideCh-V img { width: 100%; height: auto; } /*beginners guide*/ .beginnersGuideSec01 { display: flex; flex-wrap: wrap; align-items: center; } .beginnersGuideSec01-01 { width: 550px; margin-right: 3px;} .beginnersGuideSec01-02 { width: 547px;} .beginnersGuideSec01-02 p { display: flex; flex-wrap: wrap; margin-right: 0; transform: translateX(100px);} .beginnersGuideSec02 { display: flex; flex-wrap: wrap; align-items: center; } .beginnersGuideSec02-01 { width: 550px; order: 2;} .beginnersGuideSec02-02 { width: 547px; order: 1;} .beginnersGuideSec02-02 > p { margin-right: 0; transform: translateX(-100px);} .beginnersGuideProfile {} .profileSub02 {} .profileSub02 > span { display: block; } .beginnersGuideProfile01 { padding: 0;} .beginnersGuideProfile01-01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;} .beginnersGuideProfile01-01-01 { width: 422px; position: absolute; bottom: 0; right: 0;} .beginnersGuideProfile01-01-02 { width: 590px; position: relative; z-index: 1; padding: 22px 0 62px;} #drWatase .beginnersGuideProfile01-01 { justify-content: flex-end;} #drWatase .beginnersGuideProfile01-01-01 { width: 422px; left: -70px;} #drWatase .beginnersGuideProfile01-01-02 { } #drMurakami .beginnersGuideProfile01-01-02 { width: 600px;} .beginnersGuideProfile02 { padding: 0 0 48px;} #beginnersGuideProfile02Sub01 { top: 48px; left: 50%; margin-left: -540px; } .beginnersGuideProfile02-01 { padding: 48px 0 0 0; display: flex; flex-wrap: wrap; } .beginnersGuideProfile02-01-01 { width: 530px;} .beginnersGuideProfile02-01-01 li { margin-bottom: 8px;} .beginnersGuideProfile02-01-01 dl { } .beginnersGuideProfile02-01-01 dt { } .beginnersGuideProfile02-01-01 dd { } .beginnersGuideProfile02-01-02 { width: 430px; } .beginnersGuideProfile02-01-02 { } .beginnersGuideProfile02-01-02 li { margin-bottom: 12px;} .beginnersGuideStory { overflow: hidden; } .beginnersGuideStory01 {} .beginnersGuideStoryTL { position: relative; padding: 0 0 0 64px; } .beginnersGuideStoryTL > li { } .beginnersGuideStoryTL-Dl01 { position: relative; padding: 60px 0 32px;} .beginnersGuideStoryTL-Dl01:before { left: -36px;} .beginnersGuideStoryTL-Dl01 > dt { position: absolute; top: 0; left: -60px; } .beginnersGuideStoryTL-Dl01 > dt > span { display: inline-block; background: #FFF; padding: 1em 0.25em 1em 0.2em;} .beginnersGuideStory01-01 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .beginnersGuideStory01-01-Txt01 { width: 550px; order: 2;} .beginnersGuideStory01-01-Img01 { width: 450px; order: 1;} .beginnersGuideStory01-01-Img01 > p { margin-right: 0; } .beginnersGuideStory01-01-Img01 > ul { margin-right: 0;} .beginnersGuideStory01-01-Img01 > ul > li { } .beginnersGuideStory01-01-Txt02 { width: 550px; order: 1;} .beginnersGuideStory01-01-Img02 { width: 450px; order: 2;} .beginnersGuideStory01-01-Img02 > p { margin-right: -10px; } .storyBtn { padding: 48px 0 0; } .storyBtn a { width: 414px; } .storyBtn a > span { font-size: 26px; padding: 0.5em 0 0.5em 64px;} .storyBtn a > span:before {} .storyBtn a > span > span:nth-child(1) { padding-right: 24px; margin-right: 24px;} .storyBtn a > span > span:nth-child(2) { } #beginnersGuideStory-2008 {} #beginnersGuideStory-2008:before { width: 249px; height: 262px; position: absolute; top: -50px; right: 0; transform: translateX(65%); background: url(images/beginners-guide-story-2008_img03.png) no-repeat 0 0% / cover; } #beginners-guide-story-2008_img04 { padding-bottom: 280px; background: url(images/beginners-guide-story-2008_img04.png) no-repeat 50% 100% / auto; } #beginnersGuideStory-2012 {} #beginnersGuideStory-2012:before { width: 297px; height: 257px; position: absolute; top: 80px; right: -200px; transform: translateX(0%);} #beginners-guide-story-2015_img05 { } #beginners-guide-story-2015_img05:before { width: 217px; height: 248px; position: absolute; top: 0; right: -160px; transform: translateX(0);} #beginnersGuideStory-last { } #beginnersGuideStory-last:before { width: 222px; height: 234px; top: -80px; right: -180px; transform: translateX(0);} #beginnersGuideStory-last .beginnersGuideStoryTL-Dl01 { padding-top: 0;} #beginnersGuideStory-last .beginnersGuideStoryTL-Dl01:before { content: none;} #beginnersGuideStory-last-Logo { width: 64px; margin-left: -64px; box-sizing: border-box; padding: 84px 8px 8px; } #beginnersGuideStory-last-Txt { width: calc( 100% - 64px ); box-sizing: border-box; padding: 0 0 0 8px; margin-top: -56px;} .flowSec01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;} .flowSec01L { margin: 0; width: 530px;} .flowSec01R { margin: 0; width: 530px;} .flowSec01Img { position: relative; width: 100%; height: 350px; margin: 0 0 20px; } .flowSec01Img > img { position: absolute; top: 0; left: 0; width: 628px; height: 350px; max-width: none;} .flowSec01L .flowSec01Img > img { left: -98px;} .flowSec02 {} .flowSec02Img { position: relative; margin: 0 0 20px;} .flowSec02ImgTwo { height: 350px; } .flowSec02ImgTwo > li { width: 647px; position: absolute; top: 0; left: 50%; } .flowSec02ImgTwo > li:nth-child(2n-1) { margin-left: -647px; } .flowSec02ImgThree { height: 323px; } .flowSec02ImgThree > li { width: 432px; position: absolute; top: 0; left: 50%; } .flowSec02ImgThree > li:nth-child(1) { margin-left: -648px; } .flowSec02ImgThree > li:nth-child(2) { margin-left: -216px; } .flowSec02ImgThree > li:nth-child(3) { margin-left: 216px; } .flowList01 { display: flex; flex-wrap: wrap; } .flowList01 > li { width: 50%; box-sizing: border-box; } /*clinic*/ .equipmentList01 { display: flex; flex-wrap: wrap; justify-content: center;} .equipmentList01 > li { width: 358px; padding: 64px 0 0; margin: 0 13px 0 0;} .equipmentList01 > li:nth-child(1) { padding-top: 0;} .equipmentList01 > li:nth-child( -n + 3 ) { padding-top: 0;} .equipmentList01 > li:nth-child( 3n ) { margin-right: 0;} .equipmentList01 > li > dl { padding-left: 10px; padding-right: 10px;} .equipmentList02 { display: flex; flex-wrap: wrap;} .equipmentList02 > li { width: 358px; padding: 35px 0 0; margin: 0 13px 0 0;} .equipmentList02 > li:nth-child(1) { padding-top: 0;} .equipmentList02 > li:nth-child( -n + 3 ) { padding-top: 0;} .equipmentList02 > li:nth-child( 3n ) { margin-right: 0;} .equipmentList02 > li > dl { padding-left: 10px; padding-right: 10px;} .equipmentList03 { display: flex; flex-wrap: wrap; position: relative;} .equipmentList03:before { content: ""; display: block; width: 100%; height: 276px; background: #CAD0D4; position: absolute; top: 0; left: 0; z-index: -1;} .equipmentList03 > li { width: 358px; padding: 35px 0 0; margin: 0 13px 0 0;} .equipmentList03 > li:nth-child(1) { padding-top: 0;} .equipmentList03 > li:nth-child( -n + 3 ) { padding-top: 0;} .equipmentList03 > li:nth-child( 3n ) { margin-right: 0;} .equipmentList03 > li > dl { padding-left: 10px; padding-right: 10px;} .equipmentList03Img { overflow: hidden; padding: 14px 0; background: transparent;} .promiseBg01 { padding: 36px 0 36px;} .promiseList {} .promiseList > li { padding: 0 0 24px; margin-bottom: 24px; } .promiseList > li:last-child {} .promiseList > li > dl { display: flex; flex-wrap: wrap; align-items: center;} .promiseList > li > dl > dt { width: 370px; padding: 7px 0 7px 48px; box-sizing: border-box;} .promiseList > li > dl > dd { width: calc( 100% - 370px ); padding: 0;} #reasonFirst { padding-bottom: 0; position: absolute; top: 0; left: 50%; width: 550px; } .breadList{ width: 1100px; } .breadList_964{ width: 964px; margin-top: 40px; } /*access*/ #accessDl01 { padding: 14px 0 0 104px; background: url(images/access_img03.png) no-repeat 0 50% / auto; } .accessList01 { width: 440px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;} .accessList01 > li {} .accessList01 > li:after { content: "／";} .accessList01 > li:nth-child(5):after{ content: none;} .accessList01 > li:nth-child(4):after, .accessList01 > li:nth-child(7):after { content: "／";} /*esthetic*/ .estheticSec01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;} .estheticSec01L { margin: 0; width: 530px;} .estheticSec01R { margin: 0; width: 530px;} .estheticSec01Img { position: relative; width: 100%; height: 350px; margin: 0 0 20px; } .estheticSec01Img > img { position: absolute; top: 0; left: 0; width: 628px; height: 350px; max-width: none;} .estheticSec01L .estheticSec01Img > img { left: -98px;} #slideBtnLink { } /*periodontics*/ #periodonticsImg01 { margin-top: -180px; } #periodonticsImg03 { margin-top: -70px; } .perioFlow01 {} .perioFlow01 > li { font-size: 1.8rem; } .perioFlow01 .txtPt01 { box-sizing: border-box; height: 58px; background: #E5E5E5; border: #B2B2B2 solid 1px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .perioFlow01 .txtPt01 .txtPt01Ch { display: inline-block;} .perioFlow01 .txtPt02 { box-sizing: border-box; height: 58px; background: #CCCCCC; border: #B2B2B2 solid 1px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .perioFlow01 .txtPt02 .txtPt02Ch { display: inline-block;} .perioFlow01Arrow { display: block; width: 8px; height: 8px; border-right: #B2B2B2 2px solid; border-bottom: #B2B2B2 2px solid; position: absolute; top: 100%; transform: translateY(14px) translateX(0) rotate(45deg);} .perioFlow01ArrowL { left: 13%;} .perioFlow01ArrowC { left: 50%;} .perioFlow01ArrowR { right: 13%;} .perioFlow01UlThree { display: flex; flex-wrap: wrap; justify-content: space-between;} .perioFlow01UlThree > li { width: calc( (100% - 40px)/3 ); } .perioFlow0101 { display: flex; flex-wrap: wrap; justify-content: space-between;} .perioFlow0101 > span { display: inline-block; position: relative; width: calc( (100% - 40px)/3 );} .perioFlow0101 > span:before { content: ""; display: block; width: 8px; height: 8px; border-right: #B2B2B2 2px solid; border-bottom: #B2B2B2 2px solid; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) rotate(45deg);} .perioFlow0101 > p { width: calc( (((100% - 40px)/3)*2) + 20px ); } .perioFlow02 {} .perioFlow02 > li { margin: 0 0 23px;} .perioFlow02 > li:last-child { } .perioFlow02 > li:before { } .perioFlow02 > li:last-child:before { content: none;} .perioFlow02Txt01 { width: 280px;} .perioImgList { } .perioImgList > li { width: calc( (100% - 60px)/4 ); margin: 20px 20px 0 0;} .perioImgList > li:nth-child( -n + 3 ) { margin-top: 0; } .perioImgList > li:nth-child( 3n ) { margin-right: 20px; } .perioImgList > li:nth-child( -n + 4 ) { margin-top: 0; } .perioImgList > li:nth-child( 4n ) { margin-right: 0; } .perioImgList > li:last-child { margin-right: 0; } /*implant*/ .implantImgTwoCol { display: block; } .imgTwoCol.implantImgTwoCol > .spW48Per { width: auto; } /* dkw */ #dkwTitle { top: 156px; left: 50%; transform: translateY(0); margin: 0 0 0 -425px;} #dkwTitle img { height: 49px;} #dkwBlk01 { position: relative; max-width: 1300px; width: 1100px; height: 660px; margin: 0 auto; padding: 0; background: none;} #dkwBlk01:before { content: ''; display: block; width: 743px; height: 660px; background: url(images/dkw_img01.png) no-repeat 100% 100% / auto; position: absolute; top: 0; left: 60%;} #dkwBlk01Sub01 { font-size: 30px; margin-bottom: 36px;} #dkwBlk01Ul { width: 540px; font-size: 16px;} #dkwBlk01Ul > li { min-height: 84px; margin-bottom: 12px; padding: 0 0 0 80px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;} #dkwBlk01Ul > li > span { } #dkwBlk01Ul > li:before { width: 40px; height: 40px; left: 20px;} #dkwProfile { padding: 40px 0 32px; margin-bottom: 24px;} #dkwProfileWrap { display: flex; flex-wrap: wrap; align-items: center; width: 1100px; margin: 0 auto;} #dkwProfileSub01 { width: 275px; margin-bottom: 0;} #dkwProfileCh01 { width: calc( 100% - 275px );} #dkwProfileBlk01 { padding-bottom: 0; margin-bottom: 0; border-bottom: none; border-right: 1px solid #FFF; box-sizing: border-box;} #dkwProfileBlk01 li { } #dkwProfileBlk01 dl { } #dkwProfileBlk01 dl dt { } #dkwProfileBlk01 dl dd { } #dkwProfileBlk02 { padding-left: 24px; box-sizing: border-box;} .dkwMoviePare { width: 100%; height: 725px; position: relative; overflow: hidden;} .dkwMoviePare video { position: absolute; min-width: 100%; min-height: 100%; max-width: none; max-height: none; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);} #dkwOnly { position: relative; height: 745px; z-index: 1; margin-top: -130px;} #dkwOnly:before { content: ''; display: block; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -340px; width: 76vw; min-width: 989px; height: 778px; /*height: 57vw; min-height: 745px;*/ color: #FFF; background: url(images/dkw_img02_pc.jpg) 0 0 / 100% auto; box-sizing: border-box; clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);} #dkwOnlyImgs { display: block; margin-bottom: 0; width: 360px; position: absolute; top: 130px; left: 50%; margin-left: -650px;} #dkwOnlyImgs li { box-sizing: border-box; width: 360px !important; height: 270px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #dkwOnlyImgs li:nth-child(1) { padding: 0;} #dkwOnlyImgs li:nth-child(2) { } #dkwOnlyTxt { position: absolute; top: 0; left: 50%; margin-left: -340px; padding: 100px 100px 0 230px; width: 989px; height: 745px; color: #FFF; background: none; box-sizing: border-box;} #dkwOnlyTxtSub01 { margin-bottom: 24px;} #dkwChiefProfessor { overflow: hidden; margin: -48px auto 0; padding: 48px 0 0 0; background: url(images/dkw_img05.png) no-repeat 100% 0 / auto 75%; box-sizing: border-box;} #dkwChiefProfessorWrap {width: 1300px; margin: 0 auto; padding: 0 0 0 100px;} .dkwChiefProfessorCh01 { width: 550px;} #dkwEdge { background: url(images/dkw_img06.jpg) no-repeat 50% 0 / cover; padding: 48px 0; margin-bottom: 72px;} #dkwEdgeImg01 { text-align: center; padding: 0;} #dkwEdgeImg01 img { width: 300px; margin: 0 auto; } #dkwMinimal { margin: 0 auto 36px; width: 1100px;} #dkwImg08 {} #dkwImg08 img { width: 197px;} #dkwMinimalSub02 span { color: #FFF; display: inline-block; text-shadow: #013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px,#013864 0 0 3px;} #dkwImplant { min-width: 1100px; padding: 0; height: 620px; box-sizing: border-box; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; margin-bottom: 96px; background: url(images/dkw_img09.png) no-repeat 0 0 / auto;} #dkwImplantWrap { position: relative; width: 1100px; height: 620px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;} #dkwImplantWrap:before { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -185px; background: #FFF; z-index: 0;} #dkwImplantWrap:after { content: ""; display: block; width: 240px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -425px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); z-index: 0;} #dkwImplantCh01 { width: 730px; position: relative; z-index: 1;} } /* ================================================================================================================================================================================================================================================ *post ================================================================================================================================================================================================================================================ */ .postBody {} .postContent { box-sizing: border-box;} .postContent__wrap { box-sizing: border-box;} .postBody .postContent * { margin-bottom: 24px; padding-bottom: 0;} .postTitle { position: relative; color: #8e959d; font-weight: 700; padding: 0 0 6px; line-height: 1.2; margin-bottom: 4px; } .postTitle::before { content: ''; display: block; width: 100vw; height: 2px; background: #ccbd7e; position: absolute; bottom: 0; right: 0; } .postContent .postDate { text-align: right; color: #7e8994; font-weight: 700; padding-bottom: 0; } .postContent h2 { /* pcfs22 spfs20 */ /* font-size: 1.8rem; font-size: 4.8vw; */ font-size: 1.6rem; font-size: 4.26667vw; color: #7e8994; font-weight: 700; } /* ================================================================================ *postContentNav ================================================================================ */ .postContentNav { border-top: 2px solid #e0e1e4; padding-top: 16px; } .wp-pagenavi{ display: flex; flex-wrap: wrap; justify-content: center; } .wp-pagenavi span, .wp-pagenavi a{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 100vw; border: 2px solid #8e959d; color: #8e959d; line-height: 1; font-weight: 700; text-align: center; margin: 0 2px 0 !important; } .wp-pagenavi span.current{ background: #8e959d; color: #FFF; } .wp-pagenavi span.extend{ display: none;} .wp-pagenavi a:hover, .wp-pagenavi a:hover { opacity: 1; background: #8e959d; color: #FFF; } .singlePageNav { width: 100%; display: flex; flex-wrap: wrap; } .singlePageNav li { margin-bottom: 0 !important; } .singlePageNav a { font-weight: 700; color: #8e959d; } .singlePageNav .prev a, .singlePageNav .next a { position: relative;} .singlePageNav .prev a::before, .singlePageNav .next a::before { content: ''; display: block; width: 24px; height: 24px; background: #8e959d; border-radius: 100vw; position: absolute; top: 50%; transform: translateY(-50%); } .singlePageNav .prev a::after, .singlePageNav .next a::after { content: ''; display: block; width: 8px; height: 10px; background: #FFF; position: absolute; top: 50%; transform: translateY(-50%); } .singlePageNav .prev { margin-right: auto;} .singlePageNav .next { margin-left: auto;} .singlePageNav .prev a { padding-left: 32px;} .singlePageNav .next a { padding-right: 32px;} .singlePageNav .prev a::before { left: 0;} .singlePageNav .next a::before { right: 0;} .singlePageNav .prev a::after { left: 7px; clip-path: polygon(100% 0, 0 50%, 100% 100%);} .singlePageNav .next a::after { right: 7px; clip-path: polygon(100% 50%, 0 0, 0 100%);} /* ================================================================================ *aside ================================================================================ */ aside{ box-sizing: border-box;} aside>dl {} aside>dl>dt { color: #7e8994; font-weight: 700; font-size: 1.6rem; font-size: 4.26667vw; border-top: 2px solid #ccbd7e; border-bottom: 2px solid #ccbd7e; line-height: 1.2; padding: 6px 0; } aside>dl>dd { margin-bottom: 24px;} aside>dl>dd>ul {} aside>dl>dd>ul>li { border-bottom: 1px solid #dadcdf;} aside>dl>dd>ul>li>a { line-height: 1.2; display: block; padding: 12px 0;} aside>dl>dd>ul>li>ul { padding-left: 1em; border-top: 1px solid #dadcdf;} aside>dl>dd>ul>li>ul>li { border-top: 1px solid #dadcdf;} aside>dl>dd>ul>li>ul>li:nth-child(1) { border-top: none;} aside>dl>dd>ul>li>ul>li>a { line-height: 1.2; display: block; padding: 12px 0;} /* ================================================================================ *postUl ================================================================================ */ .postUl{ } .postUl * { margin-bottom: 0 !important; } .postUlList{ margin-bottom: 24px !important; } .postUlLink{ display: flex; flex-wrap: wrap; } .postUlDate{ width: 6em; } .postUlitle{ width: calc( 100% - 6em); } /* ================================================================================ *notFound ================================================================================ */ .notFound {} .notFound__wrap { padding: 0 20px 80px;} .notFound__sub { text-align: center; font-weight: 700; font-size: 18px; margin-bottom: 24px;} .notFound__txt { margin-bottom: 40px;} .notFound__btn { text-align: center;} /* スマホ向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 600px ) { } /* タブレット向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 600px ) { /* ================================================================================ *post ================================================================================ */ .postBody { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 16px; } .postContent { width: 800px;} .postContent__wrap { padding-left: 64px; padding-bottom: 120px !important;} .postBody .postContent * { margin-bottom: 32px; padding-bottom: 0;} .postTitleWrap{ display: flex; flex-wrap: wrap; } .postTitle { letter-spacing: 0.2em; width: 800px; padding: 0 0 8px; margin-bottom: 4px; } .postTitle::before { height: 3px; } .postContent .postDate { /* text-align: right; color: #7e8994; font-weight: 700; padding-bottom: 0; */ font-size: 16px; } .postContent h2 { /* pcfs22 spfs20 */ /* font-size: 1.8rem; font-size: 4.8vw; */ font-size: 18px; } /* ================================================================================ *postContentNav ================================================================================ */ .postContentNav { border-top: 2px solid #e0e1e4; padding-top: 24px; margin-top: 80px; } .wp-pagenavi{ margin-bottom: 0 !important; } .wp-pagenavi span, .wp-pagenavi a{ width: 35px; height: 35px; border: 2px solid #8e959d; margin: 0 4px 0 !important; } .wp-pagenavi span.current{ color: #FFF; } .wp-pagenavi span.extend{ } .singlePageNav { /* margin-top: -35px; */ } .singlePageNav li { } .singlePageNav a { } .singlePageNav .prev a, .singlePageNav .next a { } .singlePageNav .prev a::before, .singlePageNav .next a::before { width: 35px; height: 35px; } .singlePageNav .prev a::after, .singlePageNav .next a::after { width: 12px; height: 16px; } .singlePageNav .prev { } .singlePageNav .next { } .singlePageNav .prev a {padding-left: 42px; font-size: 16px;} .singlePageNav .next a {padding-right: 42px; font-size: 16px;} .singlePageNav .prev a::before { } .singlePageNav .next a::before { } .singlePageNav .prev a::after { left: 10px;} .singlePageNav .next a::after { right: 10px;} /* ================================================================================ *aside ================================================================================ */ aside{ width: 270px; padding-left: 30px; border-left: 1px solid #dedddd; margin-top: -6px;} aside>dl {} aside>dl>dt { border-top: 3px solid #ccbd7e; border-bottom: 3px solid #ccbd7e; font-size: 16px; padding: 10px 0; } aside>dl>dd { margin-bottom: 48px;} aside>dl>dd>ul {} aside>dl>dd>ul>li { border-bottom: 1px solid #dadcdf;} aside>dl>dd>ul>li>a { line-height: 1.2; display: block; padding: 16px 0;} /* ================================================================================ *notFound ================================================================================ */ .notFound {} .notFound__wrap { width: 680px; margin-left: auto; margin-right: auto; padding: 0 0 80px;} .notFound__sub { font-size: 24px;} .notFound__txt { text-align: center;} .notFound__btn { text-align: center;} } /* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 960px ) {} .localNav { background: #f5f6f7; border: 1px solid #828f99; padding: 20px; margin-bottom: 40px; } .localNav > ul {} .localNav > ul > li { line-height: 1.4;} .localNav > ul > li + li { margin-top: 12px;} .localNav > ul > li > a { display: inline-block; position: relative; padding-left: 1.25em;} .localNav > ul > li > a::before { content: '▶'; color: #eac452; font-size: 0.75em; position: absolute; top: 0.25em; left: 0; } .localNav > ul > li > a > span { text-decoration: underline; } @media only print, screen and ( max-width: 600px ) { } @media print, screen and ( min-width: 600px ) { .localNav { padding: 32px 32px 16px; margin-bottom: 80px; } .localNav > ul { display: flex; flex-wrap: wrap; } .localNav > ul > li { margin: 0 40px 16px 0;} .localNav > ul > li + li { margin-top: 0;} .localNav > ul > li > a { display: inline-block; position: relative; padding-left: 1.25em;} .localNav > ul > li > a::before { content: '▶'; color: #eac452; font-size: 0.75em; position: absolute; top: 0.25em; left: 0; } .localNav > ul > li > a > span { text-decoration: underline; } } @media print, screen and ( min-width: 960px ) { } .indexSub01{ padding: 40px 0 0; margin-bottom: 40px; } @media only print, screen and ( min-width: 600px ) { .indexSub01{ padding: 80px 20px 0; margin-bottom: 40px; width: 100%; clear: both; } }