@charset "utf-8"; /* Theme Name: chameleon Responsive Theme URI: http://www.dental-design.jp/ Description: Responsive chameleon UI Version: 3.00β Author: ozi design works inc. Author URI: ozi design works inc. */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body { line-height:1;} eader,hgroup,menu,nav,section { display:block;} nav ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none;} /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0;} /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} input, select { vertical-align:middle;} /*--- base ---*/ * { margin:0px; padding:0px;} html { font-size: 62.5%; } body { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.7; text-align: left; color:#595757; -webkit-text-size-adjust: 100%; font-size: 1.4rem; background: #FFF; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: 400;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;} a:link,a:visited { color: #595757; text-decoration: none; opacity: 1;} a:active,a:hover { color: #595757; text-decoration: none; opacity: 0.8;} a:link img,a:visited img { opacity: 1;} a:active img,a:hover img { opacity: 0.8;} a,a img { outline: none; transition: all .1s ease-in-out;} img { max-width: 100%; height: auto;} img.imgCh { width: auto;} img[src$=".svg"] { width: auto;} /*--- header ---*/ header { text-align: center; padding: 0; position: relative; z-index: 100;} #leadTxt { color: #FFF; padding: 10px 0 10px; margin-bottom: 20px; font-size: 0.8rem; background: #6b8da1; line-height: 1.75;} #title { /*padding: 0 0 16px;*/} #title img { width: 75%; height: auto;} #headerCTA { position: fixed; bottom: 0; left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 10px 0; width: 100%; box-sizing: border-box; height: 80px; background: #82A0AF; border-top: #FFF solid 1px;} #headerCTA li { width: calc( (100% - 5px)/2 ); line-height: 1;} #headerCTA li a { display: block; width: 100%; height: 70px; box-sizing: border-box; text-align: center; border: #FFF 1px solid; border-radius: 4px 4px 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: 'Noto Serif JP', serif; font-weight: 700;} #headerCTA li:nth-child(1) a { background: #FFF; color: #6B8DA1; } #headerCTA li:nth-child(2) a { background: #BBA170; color: #FFF; } #headerCTA li a span { display: inline-block; padding: 35px 0 0; background-repeat: no-repeat; background-position: 50% 0; } #headerCTA li:nth-child(1) a span { background-size: auto 30px; background-image: url(images/icon_tel.svg);} #headerCTA li:nth-child(2) a span { background-size: auto 28px; background-image: url(images/icon_rsv.svg);} #index #indexMain { background: url(images/index_main_img01.jpg) 50% 0 no-repeat; background-size: cover;} #index #headerWrapper { background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 100%); padding: 24px 0;} #index #leadTxt { margin-bottom: 0;} #indexMainTxt { padding: 40px 4% 40px; color: #B5A36C; background: rgba(255,255,255,0.4);} #indexMainTxt img { filter: drop-shadow(0px 0px 10px rgba(0,0,0,1)); -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,1)); -moz-filter: drop-shadow(0px 0px 10px rgba(0,0,0,1)); } #indexMainTxt span { filter: drop-shadow(0px 0px 10px rgba(0,0,0,1)); -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,1)); -moz-filter: drop-shadow(0px 0px 10px rgba(0,0,0,1)); } #headerWrapper { padding: 0 0 24px; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 100%); } /*--- footer ---*/ footer { width: 100%; overflow: hidden; text-align: left; color: #FFF; background: linear-gradient(to bottom, #a6bac7 0%,#6b8da1 100%); background-size: cover; padding: 28px 0 70px;} #footerContents { overflow: hidden; width: 100%; padding: 20px 0 0; box-sizing: border-box;} #footerContentsBg { overflow: hidden; padding: 0 0 40px; background: url(images/footer_bg01.png) 105% 105% no-repeat; background-size: 50% auto;} footer a:link,footer a:visited { color: #FFF;} footer a:active,footer a:hover { color: #EEE;} .footerMod01 { overflow: hidden; padding: 0 6% 28px;} .footerTitle { text-align: center; padding: 0 0 20px;} .footerTxt01 { padding: 0 0 24px; font-size: 1.2rem;} .footerAddress { font-family: 'Noto Serif JP', serif;} .footerAddressTxt01 { padding: 0 0 20px; text-align: center;} .footerAddressTxt02 { } .footerAddressTxt03 { } .footerAddressTxt04 { } #footerTime { overflow: hidden; border-radius: 8px;} .footerTimeTable { width: 100%; } .footerTimeTable th,.footerTimeTable td { text-align: center; background: #FFF; border: #6b8da1 solid 1px; vertical-align: middle; box-sizing: border-box; line-height: 1.2; color: #6b8da1;} .footerTimeTable th { padding: 6px 0;} .footerTimeTable td { width: 10%; } .footerTimeTableClose { background: #FFF url(images/time_table_close.png) no-repeat 0 0/100% 100% !important; } .footerTimeTableClose img { display: none; } .footerMod02 { overflow: hidden; padding-bottom: 20px; width: 108%; margin-left: -4%;} .footerTel { text-align: center; padding: 0 0 20px;} .footerTel dt { background: #FFF; color: #BBA170; padding: 8px 16px; margin: 0 0 12px; font-weight: 500; font-size: 1.5rem; letter-spacing: 0.1em; border-radius: 4px; display: inline-block; font-family: 'Noto Serif JP', serif; line-height: 1;} .footerTel dd img { max-width: 60%; } .fNav { text-align: center;} .fNav dt { padding: 10px 0; cursor: pointer; color: #FFF; background: linear-gradient(to bottom, #a7bac6 0%,#7292a5 100%);} .fNav dd { position: relative; z-index: 120; width: 100%; background: #FFF;} .fNav ul { } .fNav li { } .fNav li a { display: block; padding: 11px 0; border-top: #a7bac6 solid 1px;} .fNav li a:link,.fNav li a:visited { color: #7292a5;} .fNav li a:active,.fNav li a:hover { color: #EEE;} .footerMod03 { overflow: hidden; font-weight: 400;} .fSkipNav { text-align: center; padding: 0 0 20px;} .fSkipNav li { display: inline; padding: 0 4%;} .fSkipNav li a { } .fSkipNav li a img { height: 14px; width: auto; } #footerToTop { text-align: center; padding: 0 0 20px; font-weight: 400;} #footerToTop a { display: inline-block; padding: 8px 24px 10px; line-height: 1; background: #FFF; border-radius: 8px; color: #6BA28B !important;} #footerToTop a img { height: 10px; width: auto; } .footerMod04 { overflow: hidden; padding-bottom: 1rem; text-align: center;} /*--- chemeleon module ---*/ /*--- mvp ---*/ #mvp { display: none;} /*--- listBtnsL ---*/ .listBtnsL { margin: 0 0 32px; overflow: hidden; font-size: 1.4rem; display: flex; flex-wrap: wrap;} .listBtnsL li { width: 48%; margin-right: 4%; line-height: 1.2; text-align: center;} .listBtnsL li:nth-child(2n) { margin-right: 0;} .listBtnsL li span { display: block; padding: 10px 2% 24px;} .listBtnsL li p { padding: 0 0 10px; text-align: left; line-height: 1.4;} .listBtnsL li a img { transition: all .2s ease-in-out;} .listBtnsL li a:link,.listBtnsL li a:visited { color: #666464;} .listBtnsL li a:active,.listBtnsL li a:hover { color: #999;} .listBtnsL li a:link img,.listBtnsL li a:visited img { opacity: 1;} .listBtnsL li a:active img,.listBtnsL li a:hover img { opacity: 0.7;} /*--- indexInfo ---*/ #indexInfo { padding: 5px 0 24px; font-size: 1.0rem; } #indexInfo li { padding: 6px 0; border-bottom: #c7c7c7 solid 1px;} #indexInfo li dt { float: left; width: 7em; padding-left: 2em;} #indexInfo li dd { overflow: hidden; font-weight: 700;} #indexInfo li dd span { padding-left: 2em; font-weight: 400;} .indexPostDetail { display: block;} /*--- side ---*/ aside { display: block;} #sideMvp { font-size: 1.2rem; line-height: 1.2; overflow: hidden; margin: 0; padding: 20px 4% 4px; background-color: #ddd7c2; border: none; border-radius: 10px; color: #6b8da1; } #sideMvp dt { position: relative; padding-bottom: 20px; font-weight: 700; cursor: pointer;} #sideMvp dt:after { content: ''; width: 12px; height: 12px; border: 0px; border-top: solid 2px #6b8da1; border-right: solid 2px #6b8da1; transform: rotate(45deg); position: absolute; top: 50%; right: 14px; margin-top: -16px; transition: all 0.25s ease-in-out;} #sideMvp.active dt:after { transform: rotate(-45deg);} #sideMvp dd { display: none; width: 100%; position: relative;} #sideMvp ul { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;} #sideMvp li { width: calc( ( 100% - 32px ) / 3 ); margin-bottom: 16px; text-align: center;} #sideMvp li img { width: auto;} #sideMvp li span { display: block; padding: 6px 0 0;} #sideMvp li a img { transition: all .2s ease-in-out; } #sideMvp li a:link,#sideMvp li a:visited { color: #666666;} #sideMvp li a:active,#sideMvp li a:hover { color: #666666;} #sideMvp li a:link img,#sideMvp li a:visited img { opacity: 1;} #sideMvp li a:active img,#sideMvp li a:hover img { opacity: 0.7;} /*--- foundation layout ---*/ #wrapper { overflow: hidden; text-align: left; padding: 0 3.125%;} #contentWrapper { overflow: hidden; margin: 16px 0 100px; } #mainContents { overflow: hidden; padding: 24px 0; margin: 0; border: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-sizing: border-box;} #mainContents section { overflow: hidden;} .w760 { } .w700 { padding-left: 10px; padding-right: 10px;} .w716 { padding-left: 10px; padding-right: 10px;} .boxBB01 { overflow: hidden; padding-bottom: 45px; margin-bottom: 45px; border-bottom: #d9d9d9 solid 2px;} .bgCol01 { background: #e3e9ed; overflow: hidden; padding: 40px 4%; border-radius: 12px;} .bgCol02 { background: #e3e9ed; overflow: hidden; padding: 40px 4%;} .bgCol03 { background: #f5f3ed; overflow: hidden; padding: 40px 4%; border-radius: 12px; margin-bottom:50px;} .bb01 { border-bottom: #d9d9d9 2px solid; } /*--- genral setting ---*/ .pageTitle { position: relative; overflow: hidden; width: 100%; padding: 14vw 0 14vw; margin: 0; background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 100%;} .pageTitle h1 { line-height: 1; text-align: center; filter: drop-shadow(0px 0px 7px rgba(0,0,0,1)); -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,1)); -moz-filter: drop-shadow(0px 0px 7px rgba(0,0,0,1)); } .pageTitle h1 span { filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.15)); -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.15)); -moz-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.15)); } .pageTitle h1 img { width: auto; max-height: 12vw; filter: drop-shadow(0px 0px 7px rgba(0,0,0,1)); -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,1)); -moz-filter: drop-shadow(0px 0px 7px rgba(0,0,0,1)); } #concept-staff .pageTitle { background-image: url(images/title-bg_concept-staff.jpg); } #own-expence .pageTitle { background-image: url(images/title-bg_own-expence.jpg);} #orthodontics .pageTitle { background-image: url(images/title-bg_orthodontics.jpg);} #first-visitor .pageTitle { background-image: url(images/title-bg_first-visitor.jpg);} #insurance .pageTitle { background-image: url(images/title-bg_insurance.jpg);} #clinic .pageTitle { background-image: url(images/title-bg_clinic.jpg);} #access .pageTitle { background-image: url(images/title-bg_access.jpg);} #contact .pageTitle { background-image: url(images/title-bg_contact.jpg);} #contact_thanks .pageTitle { background-image: url(images/title-bg_contact.jpg);} #privacy-policy .pageTitle { background-image: url(images/title-bg_privacy-policy.jpg);} #sitemap .pageTitle { background-image: url(images/title-bg_sitemap.jpg);} #blog .pageTitle { background-image: url(images/title-bg_blog.jpg);} #information .pageTitle { background-image: url(images/title-bg_information.jpg);} #implant .pageTitle { background-image: url(images/title-bg_implant.jpg);} #pediatric .pageTitle { background-image: url(images/pediatric_img01.jpg);} #cariescaries .pageTitle { background-image: url(images/general_img01.jpg);} #prevention .pageTitle { background-image: url(images/preventive_img01.jpg);} #estheticesthetic .pageTitle { background-image: url(images/esthetic_img01.jpg);} #whitening .pageTitle { background-image: url(images/whitening_img01.jpg);} .hTxt01 { font-size: 2.6rem; font-weight: 700; line-height: 1.2; border-bottom: #acbfca solid 2px; padding: 0 0 6px; margin-bottom: 48px; } .puTxt01 { font-size: 2.5rem; font-weight: 700; color: #bba170; line-height: 1.6; padding: 0 0 32px; font-family: 'Noto Serif JP', serif; text-align: center; letter-spacing: 0.16em;} .puTxt01 span {font-size: 80%;} .hTxt02 { margin: 0 0 32px; font-size: 171.4%; color: #6b8da1; line-height: 1.2; font-weight: 700; text-align: center; background: #f0f6f3; padding: 6px 0; font-family: 'Noto Serif JP', serif;} .hTxt03 { font-size: 2.0rem; font-weight: 700; color: #6b8da1; line-height: 1.2; padding: 0 0 16px;} .hTxt04 { font-size: 2.0rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; padding: 0 0 6px; margin-bottom: 30px; border-bottom: #87a2b3 solid 1px; } .hTxt05 { font-size: 1.8rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; padding: 1em 0.75em; margin-bottom: 15px; border: #e9eef1 solid 4px; border-radius: 6px; } .caseSection { margin-bottom: 40px; } .caseBox { background: #E9EEF1; border-radius: 6px; padding: 24px;} .caseDesc { margin-bottom: 24px; } .caseDesc > li { border-bottom: #D6D8D9 solid 1px; padding: 16px 0;} .caseDesc > li > dl > dt { font-weight: 700; color: #6B8DA1; line-height: 1.2; padding-bottom: 8px;} .caseDesc > li > dl > dd { padding-left: 1em; } .caseList {} .caseList > li { background: #595757; margin-bottom: 24px; } .caseImg {} .caseTxt { color: #FFF; line-height: 1.4; padding: 0.75em; } .caseTxt > div { position: relative; padding-left: 1em;} .caseTxt > div:before { display: block; position: absolute; top: 0; left: 0; } .caseList > li:nth-child(1) .caseTxt > div:before { content: '1.'; } .caseList > li:nth-child(2) .caseTxt > div:before { content: '2.'; } .caseList > li:nth-child(3) .caseTxt > div:before { content: '3.'; } .caseList > li:nth-child(4) .caseTxt > div:before { content: '4.'; } .caseList > li:nth-child(5) .caseTxt > div:before { content: '5.'; } .caseList > li:nth-child(6) .caseTxt > div:before { content: '6.'; } .caseList > li:nth-child(7) .caseTxt > div:before { content: '7.'; } .caseList > li:nth-child(7) .caseTxt > div:before { content: '7.'; } .caseList > li:nth-child(8) .caseTxt > div:before { content: '8.'; } .caseList > li:nth-child(9) .caseTxt > div:before { content: '9.'; } .caseListNumPt01 .caseTxt > div { padding-left: 2em;} .caseListNumPt01 .caseTxt > div:before { display: block; position: absolute; top: 0; left: 0; } .caseList.caseListNumPt01 > li:nth-child(1) .caseTxt > div:before { content: '1-1.'; } .caseList.caseListNumPt01 > li:nth-child(2) .caseTxt > div:before { content: '1-2.'; } .caseList.caseListNumPt01 > li:nth-child(3) .caseTxt > div:before { content: '2-1.'; } .caseList.caseListNumPt01 > li:nth-child(4) .caseTxt > div:before { content: '2-2.'; } .iconCircleList {} .iconCircleList > li { margin-left: 1em; text-indent: -1em; } .iconCircleList > li:before { content: "● "; } .h2Box { position: relative; margin-bottom: 28px;} .h2BoxTxt { position: absolute; top: 50%; left: 20px; transform: translateY(-50%) translateX(0); line-height: 1; text-shadow: 0 0 8px rgba(255,255,255,1), 0 0 8px rgba(255,255,255,1), 0 0 8px rgba(255,255,255,1), 0 0 8px rgba(255,255,255,1), 0 0 8px rgba(255,255,255,1), 0 0 8px rgba(255,255,255,1), 0 0 8px rgba(255,255,255,1), 0 0 8px rgba(255,255,255,1);} .h2BoxJp { font-size: 2.2rem; font-family: 'Noto Serif JP', serif; font-weight: 700; letter-spacing: 0.3em; color: #595757;} .h2BoxJp > span { font-size: 85.7%; } .h2BoxEn { font-size: 1.8rem; margin-top: 10px; font-family: "Times New Roman", serif; letter-spacing: 0.15em; color: #BBA170;} .txtBg01 { background: #E1E8EC; padding: 0.5em;} .circleDl01 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .circleDl01 > dt { width: 120px; height: 120px; box-sizing: border-box; border: #FFF 4px solid; border-radius: 256px; background: linear-gradient(to bottom, #cdbb97 0%,#baa271 100%); display: flex; flex-wrap: wrap; align-items: center; color: #FFF; font-weight: 700; text-shadow: 0 0 6px rgba(0,0,0,0.25);} .circleDl01 > dt > span { display: inline-block; width: 100%; text-align: center; line-height: 1.2;} .circleDl01 > dd { width: calc( 100% - 120px - 16px ); } .circleList01 { display: flex; flex-wrap: wrap; justify-content: space-between;} .circleList01 > li { width: 30vw; height: 30vw; border-radius: 256px; line-height: 1.5; background: #C8B48C; color: #FFF; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center;} .circleList01 > li > span { display: inline-block; width: 100%; text-align: center; } .priceList01 { border-top: #CACACA solid 1px; } .priceList01 > li { padding: 16px; box-sizing: border-box; border-bottom: #CACACA solid 1px; } .priceList01 > li > dl { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .priceList01 > li > dl:after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; margin: auto; background-image: linear-gradient(to right, #595757, #595757 2px, transparent 2px, transparent 10px); background-size: 10px 1px; background-repeat: repeat-x;} .priceList01 > li > dl span { display: inline-block; background: #FFF; position: relative; z-index: 1;} .priceList01 > li > dl dt span { padding-right: 0.5em;} .priceList01 > li > dl dd span { padding-left: 0.5em;} .numList {} .numList li { position: relative; padding-left: 40px; margin-bottom: 20px;} .numList li:before { display: block; width: 28px; height: 28px; background: #6B8DA1; border-radius: 100%; position: absolute; top: 3px; left: 0; font-size: 1.6rem; color: #FFF; text-align: center; line-height: 28px;} .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"; } .numList li:after { content: ","; display: block; position: absolute; top: 0.25em; left: 1.5em; color: #A48137; font-family: 'Cinzel', serif;} .threeCol01 { overflow: hidden; padding: 0 0 28px; } .threeCol01L {} .threeCol01R {} .twoColImg { overflow: hidden; } .twoColImg li { float: left; width: 48%; } .twoColImg li:nth-child(2n) { float: right;} .btnLink01 { display: inline-block; background: #6BA28B; line-height: 1.2; font-size: 107.1%; border-radius: 8px; color: #FFF !important; padding: 6px 12px;} .ls100 { letter-spacing: 0.1em; } .ls200 { letter-spacing: 0.2em; } .lsM050 { letter-spacing: -0.05em; } .lh120 { line-height: 1.2; } .lh200 { line-height: 2.0; } .colGr01 { color: #6BA28B !important; } .colBl01 { color: #7292A5; } .colBe01 { color: #BBA170; } .ffGoth { font-family: 'Noto Sans JP', sans-serif;} .ffMin { font-family: 'Noto Serif JP', serif;} .ffTN { font-family: "Times New Roman", serif;} .imgC { text-align: center; padding-bottom: 20px; } .imgR,.imgL { text-align: center; padding-bottom: 20px;} .clB { clear: both;} .txtL01 { font-size: 114%;} .aC { text-align: center !important;} .aL { text-align: left !important;} .aR { text-align: right !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*/ /*--- spacing ---*/ .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;} .mB6 { margin-bottom: 6px !important; } .mB7 { margin-bottom: 7px !important; } .mB8 { margin-bottom: 8px !important; } .mB9 { margin-bottom: 9px !important; } .mB10 { margin-bottom: 10px !important; } .mB11 { margin-bottom: 11px !important; } .mB12 { margin-bottom: 12px !important; } .mB13 { margin-bottom: 13px !important; } .mB14 { margin-bottom: 14px !important; } .mB15 { margin-bottom: 15px !important; } .mB16 { margin-bottom: 16px !important; } .mB17 { margin-bottom: 17px !important; } .mB18 { margin-bottom: 18px !important; } .mB19 { margin-bottom: 19px !important; } .mB20 { margin-bottom: 20px !important; } .mB21 { margin-bottom: 21px !important; } .mB22 { margin-bottom: 22px !important; } .mB23 { margin-bottom: 23px !important; } .mB24 { margin-bottom: 24px !important; } .mB25 { margin-bottom: 25px !important; } .mB26 { margin-bottom: 26px !important; } .mB27 { margin-bottom: 27px !important; } .mB28 { margin-bottom: 28px !important; } .mB29 { margin-bottom: 29px !important; } .mB30 { margin-bottom: 30px !important; } .mB31 { margin-bottom: 31px !important; } .mB32 { margin-bottom: 32px !important; } .mB33 { margin-bottom: 33px !important; } .mB34 { margin-bottom: 34px !important; } .mB35 { margin-bottom: 35px !important; } .mB36 { margin-bottom: 36px !important; } .mB37 { margin-bottom: 37px !important; } .mB38 { margin-bottom: 38px !important; } .mB39 { margin-bottom: 39px !important; } .mB40 { margin-bottom: 40px !important; } .mB41 { margin-bottom: 41px !important; } .mB42 { margin-bottom: 42px !important; } .mB43 { margin-bottom: 43px !important; } .mB44 { margin-bottom: 44px !important; } .mB45 { margin-bottom: 45px !important; } .mB46 { margin-bottom: 46px !important; } .mB47 { margin-bottom: 47px !important; } .mB48 { margin-bottom: 48px !important; } .mB49 { margin-bottom: 49px !important; } .mB50 { margin-bottom: 50px !important; } .mB51 { margin-bottom: 51px !important; } .mB52 { margin-bottom: 52px !important; } .mB53 { margin-bottom: 53px !important; } .mB54 { margin-bottom: 54px !important; } .mB55 { margin-bottom: 55px !important; } .mB56 { margin-bottom: 56px !important; } .mB57 { margin-bottom: 57px !important; } .mB58 { margin-bottom: 58px !important; } .mB59 { margin-bottom: 59px !important; } .mB60 { margin-bottom: 60px !important; } .mB61 { margin-bottom: 61px !important; } .mB62 { margin-bottom: 62px !important; } .mB63 { margin-bottom: 63px !important; } .mB64 { margin-bottom: 64px !important; } .mB65 { margin-bottom: 65px !important; } .mB66 { margin-bottom: 66px !important; } .mB67 { margin-bottom: 67px !important; } .mB68 { margin-bottom: 68px !important; } .mB69 { margin-bottom: 69px !important; } .mB70 { margin-bottom: 70px !important; } .mB71 { margin-bottom: 71px !important; } .mB72 { margin-bottom: 72px !important; } .mB73 { margin-bottom: 73px !important; } .mB74 { margin-bottom: 74px !important; } .mB75 { margin-bottom: 75px !important; } .mB76 { margin-bottom: 76px !important; } .mB77 { margin-bottom: 77px !important; } .mB78 { margin-bottom: 78px !important; } .mB79 { margin-bottom: 79px !important; } .mB80 { margin-bottom: 80px !important; } .mB81 { margin-bottom: 81px !important; } .mB82 { margin-bottom: 82px !important; } .mB83 { margin-bottom: 83px !important; } .mB84 { margin-bottom: 84px !important; } .mB85 { margin-bottom: 85px !important; } .mB86 { margin-bottom: 86px !important; } .mB87 { margin-bottom: 87px !important; } .mB88 { margin-bottom: 88px !important; } .mB89 { margin-bottom: 89px !important; } .mB90 { margin-bottom: 90px !important; } .pB6 { padding-bottom: 6px !important;} .pB7 { padding-bottom: 7px !important;} .pB8 { padding-bottom: 8px !important;} .pB9 { padding-bottom: 9px !important;} .pB10 { padding-bottom: 10px !important;} .pB11 { padding-bottom: 11px !important;} .pB12 { padding-bottom: 12px !important;} .pB13 { padding-bottom: 13px !important;} .pB14 { padding-bottom: 14px !important;} .pB15 { padding-bottom: 15px !important;} .pB16 { padding-bottom: 16px !important;} .pB17 { padding-bottom: 17px !important;} .pB18 { padding-bottom: 18px !important;} .pB19 { padding-bottom: 19px !important;} .pB20 { padding-bottom: 20px !important;} .pB21 { padding-bottom: 21px !important;} .pB22 { padding-bottom: 22px !important;} .pB23 { padding-bottom: 23px !important;} .pB24 { padding-bottom: 24px !important;} .pB25 { padding-bottom: 25px !important;} .pB26 { padding-bottom: 26px !important;} .pB27 { padding-bottom: 27px !important;} .pB28 { padding-bottom: 28px !important;} .pB29 { padding-bottom: 29px !important;} .pB30 { padding-bottom: 30px !important;} .pB31 { padding-bottom: 31px !important;} .pB32 { padding-bottom: 32px !important;} .pB33 { padding-bottom: 33px !important;} .pB34 { padding-bottom: 34px !important;} .pB35 { padding-bottom: 35px !important;} .pB36 { padding-bottom: 36px !important;} .pB37 { padding-bottom: 37px !important;} .pB38 { padding-bottom: 38px !important;} .pB39 { padding-bottom: 39px !important;} .pB40 { padding-bottom: 40px !important;} .pB41 { padding-bottom: 41px !important;} .pB42 { padding-bottom: 42px !important;} .pB43 { padding-bottom: 43px !important;} .pB44 { padding-bottom: 44px !important;} .pB45 { padding-bottom: 45px !important;} .pB46 { padding-bottom: 46px !important;} .pB47 { padding-bottom: 47px !important;} .pB48 { padding-bottom: 48px !important;} .pB49 { padding-bottom: 49px !important;} .pB50 { padding-bottom: 50px !important;} .pB51 { padding-bottom: 51px !important;} .pB52 { padding-bottom: 52px !important;} .pB53 { padding-bottom: 53px !important;} .pB54 { padding-bottom: 54px !important;} .pB55 { padding-bottom: 55px !important;} .pB56 { padding-bottom: 56px !important;} .pB57 { padding-bottom: 57px !important;} .pB58 { padding-bottom: 58px !important;} .pB59 { padding-bottom: 59px !important;} .pB60 { padding-bottom: 60px !important;} .pB61 { padding-bottom: 61px !important;} .pB62 { padding-bottom: 62px !important;} .pB63 { padding-bottom: 63px !important;} .pB64 { padding-bottom: 64px !important;} .pB65 { padding-bottom: 65px !important;} .pB66 { padding-bottom: 66px !important;} .pB67 { padding-bottom: 67px !important;} .pB68 { padding-bottom: 68px !important;} .pB69 { padding-bottom: 69px !important;} .pB70 { padding-bottom: 70px !important;} .pB71 { padding-bottom: 71px !important;} .pB72 { padding-bottom: 72px !important;} .pB73 { padding-bottom: 73px !important;} .pB74 { padding-bottom: 74px !important;} .pB75 { padding-bottom: 75px !important;} .pB76 { padding-bottom: 76px !important;} .pB77 { padding-bottom: 77px !important;} .pB78 { padding-bottom: 78px !important;} .pB79 { padding-bottom: 79px !important;} .pB80 { padding-bottom: 80px !important;} .pB81 { padding-bottom: 81px !important;} .pB82 { padding-bottom: 82px !important;} .pB83 { padding-bottom: 83px !important;} .pB84 { padding-bottom: 84px !important;} .pB85 { padding-bottom: 85px !important;} .pB86 { padding-bottom: 86px !important;} .pB87 { padding-bottom: 87px !important;} .pB88 { padding-bottom: 88px !important;} .pB89 { padding-bottom: 89px !important;} .pB90 { padding-bottom: 90px !important;} .pB96 { padding-bottom: 96px !important;} .pB100 { padding-bottom: 100px !important;} .pB128 { padding-bottom: 128px !important;} .pB140 { padding-bottom: 140px !important;} .pB148 { padding-bottom: 148px !important;} .pT6 { padding-top: 6px !important;} .pT7 { padding-top: 7px !important;} .pT8 { padding-top: 8px !important;} .pT9 { padding-top: 9px !important;} .pT10 { padding-top: 10px !important;} .pT11 { padding-top: 11px !important;} .pT12 { padding-top: 12px !important;} .pT13 { padding-top: 13px !important;} .pT14 { padding-top: 14px !important;} .pT15 { padding-top: 15px !important;} .pT16 { padding-top: 16px !important;} .pT17 { padding-top: 17px !important;} .pT18 { padding-top: 18px !important;} .pT19 { padding-top: 19px !important;} .pT20 { padding-top: 20px !important;} .pT21 { padding-top: 21px !important;} .pT22 { padding-top: 22px !important;} .pT23 { padding-top: 23px !important;} .pT24 { padding-top: 24px !important;} .pT25 { padding-top: 25px !important;} .pT26 { padding-top: 26px !important;} .pT27 { padding-top: 27px !important;} .pT28 { padding-top: 28px !important;} .pT29 { padding-top: 29px !important;} .pT30 { padding-top: 30px !important;} .pT31 { padding-top: 31px !important;} .pT32 { padding-top: 32px !important;} .pT33 { padding-top: 33px !important;} .pT34 { padding-top: 34px !important;} .pT35 { padding-top: 35px !important;} .pT36 { padding-top: 36px !important;} .pT37 { padding-top: 37px !important;} .pT38 { padding-top: 38px !important;} .pT39 { padding-top: 39px !important;} .pT40 { padding-top: 40px !important;} .pT41 { padding-top: 41px !important;} .pT42 { padding-top: 42px !important;} .pT43 { padding-top: 43px !important;} .pT44 { padding-top: 44px !important;} .pT45 { padding-top: 45px !important;} .pT46 { padding-top: 46px !important;} .pT47 { padding-top: 47px !important;} .pT48 { padding-top: 48px !important;} .pT49 { padding-top: 49px !important;} .pT50 { padding-top: 50px !important;} .pT51 { padding-top: 51px !important;} .pT52 { padding-top: 52px !important;} .pT53 { padding-top: 53px !important;} .pT54 { padding-top: 54px !important;} .pT55 { padding-top: 55px !important;} .pT56 { padding-top: 56px !important;} .pT57 { padding-top: 57px !important;} .pT58 { padding-top: 58px !important;} .pT59 { padding-top: 59px !important;} .pT60 { padding-top: 60px !important;} .pT61 { padding-top: 61px !important;} .pT62 { padding-top: 62px !important;} .pT63 { padding-top: 63px !important;} .pT64 { padding-top: 64px !important;} .pT65 { padding-top: 65px !important;} .pT66 { padding-top: 66px !important;} .pT67 { padding-top: 67px !important;} .pT68 { padding-top: 68px !important;} .pT69 { padding-top: 69px !important;} .pT70 { padding-top: 70px !important;} .pT71 { padding-top: 71px !important;} .pT72 { padding-top: 72px !important;} .pT73 { padding-top: 73px !important;} .pT74 { padding-top: 74px !important;} .pT75 { padding-top: 75px !important;} .pT76 { padding-top: 76px !important;} .pT77 { padding-top: 77px !important;} .pT78 { padding-top: 78px !important;} .pT79 { padding-top: 79px !important;} .pT80 { padding-top: 80px !important;} .pT81 { padding-top: 81px !important;} .pT82 { padding-top: 82px !important;} .pT83 { padding-top: 83px !important;} .pT84 { padding-top: 84px !important;} .pT85 { padding-top: 85px !important;} .pT86 { padding-top: 86px !important;} .pT87 { padding-top: 87px !important;} .pT88 { padding-top: 88px !important;} .pT89 { padding-top: 89px !important;} .pT90 { padding-top: 90px !important;} .pT100 { padding-top: 100px !important;} .pT128 { padding-top: 128px !important;} .pT148 { padding-top: 148px !important;} .pB1Line { padding-bottom: 1.6em; } /*--- page parts ---*/ /*--- index ---*/ #index #wrapper { overflow: hidden;} /*concept staff*/ .staffSec01 { overflow: hidden; border-bottom: #c0c0c0 solid 1px; padding-bottom: 48px; margin-bottom: 48px; } .staffSec01:last-child { border-bottom: none; padding-bottom: 48px; margin-bottom: 0; } .staffImgs { overflow: hidden; position: relative; margin: 0 0 48px;} .staffImgs li { text-align: center; padding: 0 0 16px;} .staffNameJp { text-align: center; overflow: hidden; padding: 0 0 12px; font-size: 2.4rem; line-height: 1.2; font-family: 'Noto Serif JP', serif; font-weight: 500; } .staffNameJp > span:nth-child(1) { display: block; padding: 0 0 8px; font-size: 1.6rem; color: #6B8DA1; font-weight: 700;} .staffNameJp > span:nth-child(2) { font-weight: 700;} .staffNameEn { margin: 0 0 24px; line-height: 1; text-align: center;} .staffInfo {} .staffInfo > dt { color: #6B8DA1; font-weight: 700;} .staffInfo > dd { padding-bottom: 32px; } .staffInfo > dd:last-child { padding-bottom: 0; } .staffInfo > dd li { overflow: hidden;} .staffInfo > dd dt {} .staffInfo > dd dd { padding: 0 0 0 1em; overflow: hidden;} .staffSec01Dr { text-align: center; margin-bottom: 16px;} .staffSec01Dr img { width: 60vw;} .drBox01 { background: #e9eef1; padding: 24px;} /*first visitor*/ .flowFig01 { overflow: hidden; } .flowFig01 li { position: relative; float: left; width: 12%; margin-right: 10%; } .flowFig01 li:after { content: ""; position: absolute; top: 50%; left: 130%; margin: -15px 0 0; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 16px solid #6ba28b; } .flowFig01 li:nth-child(5) { margin-right: 0;} /*clinic*/ .clinicList01 { overflow: hidden; } .clinicList01 li { overflow: hidden; padding: 0 0 40px;} .clinicList01Img { padding-bottom: 20px; text-align: center;} .clinicList01ImgVer img { width: 60vw; } .clinicList01 dt { text-align: center; color: #6b8da1; font-weight: 700; font-size: 1.7rem; line-height: 1.2; padding: 0 0 12px;} .clinicList01 dd { } .clinicList02 { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;} .clinicList02 li { overflow: hidden; width: calc( ( 100% - 16px ) / 2 ); margin: 0 0 40px;} .clinicList02Img { padding: 0 0 20px; } .clinicList02Txt {} .clinicList02 dt { text-align: center; color: #6b8da1; font-size: 1.6rem; line-height: 1.2; padding: 0 0 12px; font-weight: 500;} .clinicList02 dd { } /*access*/ .accessList01 {} .accessList01 li { padding: 0 0 8px; font-size: 1.6rem; font-family: 'Noto Serif JP', serif;} .accessList01 dt { float: left; width: 7em; color: #6b8da1;} .accessList01 li:nth-child(1) dt span { letter-spacing: 1em;} .accessList01 li:nth-child(2) dt span { letter-spacing: 0.3em;} .accessList01 li:nth-child(3) dt span { letter-spacing: 3em;} .accessList01 li:nth-child(4) dt span { letter-spacing: 1.5em;} .accessList01 dd { overflow: hidden; } #accessMap { clear: both; overflow: hidden; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 16px;} #accessMap iframe, #accessMap object, #accessMap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .accessList02 { text-align: center; letter-spacing: -0.4em; color: #6B8DA1; padding: 0 0 16px;} .accessList02 li { display: inline-block; letter-spacing: normal;} .accessList02 li:after { content: '・'; } .accessList02 li:last-child:after { content: ''; } .timeTableWrap { overflow: hidden; border-radius: 8px; margin: 0 0 12px;} .timeTable { width: 100%; border: #d3dde3 solid 1px;} .timeTable th,.timeTable td { text-align: center; background: #FFF; border: #d3dde3 solid 1px; vertical-align: middle; box-sizing: border-box; line-height: 1.2; color: #6b8da1;} .timeTable th { padding: 6px 0; background: #6B8DA1; color: #FFF;} .timeTable th[scope=row] { background: #FFF; color: #6B8DA1;} .timeTable td { width: 10%; } .timeTableClose { background: #FFF url(images/time_table_close.png) no-repeat 0 0/100% 100% !important; } .timeTableClose img { display: none; } /*sitemap*/ .sitemap01 { border-bottom: #6b8da1 solid 1px; padding: 35px 0 35px 16px; margin-bottom: 35px; } .sitemap01 a { position: relative; font-size: 2.0rem ; padding: 0 0 6px 23px; line-height: 1.2; color: #6B8DA1 !important;} .sitemap01 a:before, .sitemap01 a:after { content: ""; display: block; position: absolute; border-radius: 100%;} .sitemap01 a:before { width: 13px; height: 13px; top: 8px; left: 0; background: #FFF; border: #6B8DA1 solid 1px;} .sitemap01 a:after { width: 11px; height: 11px; top: 10px; left: 2px; background: #6B8DA1; border: none;} .sitemapLi { padding-left: 40px;} .sitemapLi li { margin: 32px 0 0; font-size: 135.7%; color: #6b8da1;} .sitemapLi li li { font-size: 100%;} .sitemapLi a { position: relative; padding: 0 0 6px 1.4em; color: #6B8DA1 !important;} .sitemapLi a:before, .sitemapLi a:after { content: ""; display: block; position: absolute; border-radius: 100%;} .sitemapLi a:before { width: 13px; height: 13px; top: 8px; left: 0; background: #FFF; border: #6B8DA1 solid 1px;} .sitemapLi a:after { width: 11px; height: 11px; top: 10px; left: 2px; background: #6B8DA1; border: none;} .sitemap01 a:link,.sitemap01 a:visited, .sitemapLi a:link,.sitemapLi a:visited { color: #6ba28b; } .sitemap01 a:active,.sitemap01 a:hover, .sitemapLi a:active,.sitemapLi a:hover { color: #6ba28b; } /*privacy policy*/ .privacyPolicyList {} .privacyPolicyList li { padding-bottom: 44px; } .privacyPolicyList dt { overflow: hidden; padding: 0 0 24px; color: #6B8DA1; font-weight: 700; font-size: 2.0rem; font-weight: 700; line-height: 1.2;} .privacyPolicyList dd {} /*contact*/ .formTable { width: 100%; border-top: #8C8C8C solid 1px; margin-bottom: 30px;} .formTable th,.formTable td { overflow: hidden; padding: 5px 24px; display: block; width: 100%; border: #8C8C8C solid 1px; border-top: none; box-sizing: border-box;} .formTable th { background: #EBEBEB; font-weight: 700; text-align: center; vertical-align: middle;} .formTable th span { color: #F76F71;} .formTable td input { padding: 0.5em; width: 100%; font-size: 14px; line-height: 1.7; max-width: 100%; box-sizing: border-box;} .formTable td input.wS { width: 80%;} .formTable td input#age { width: 5em;} .formTable td select { padding: 0.5em; width: 100%; max-width: 100%; box-sizing: border-box;} .formTable td textarea { padding: 0.5em; width: 100%; max-width: 100%; height: 10em; box-sizing: border-box; font-size: 14px; line-height: 1.7;} .formBtn { text-align: center; } #zipCode { width: 10em;} .formList01 {} .formList01 li { margin-top: 8px; } .formList01 li:nth-child(1) { margin-top: 0; } .radioUl { text-align: center; letter-spacing: -0.4em; } .radioUl li { display: inline-block; letter-spacing: normal; margin: 0 1em;} .radioUl li input { width: auto;} .checkboxUl01 {} .checkboxUl01 li { float: left; width: 50%; margin: 0 0 8px;} .checkboxUl01 li.w100Per { width: 100%;} .checkboxUl01 li.spw100Per { width: 100%;} .checkboxUl01 li input { width: auto;} .checkboxUl02 {} .checkboxUl02 li { float: left; width: 50%; margin: 0 0 8px;} .checkboxUl02 li.w100Per { width: 100%;} .checkboxUl02 li input { width: auto;} .mfp_buttons { letter-spacing: -0.4em; text-align: center; } .mfp_buttons li { display: inline-block; letter-spacing: normal; margin: 0 10px;} .mfp_buttons li button { max-width: 100%; padding: 5px 40px;} .telBtn { text-align: center; overflow: hidden; line-height: 1.2; color: #FFF; font-family: 'Noto Serif JP', serif; } .telBtn a { display: block; color: #FFF; padding: 10px; border: #C7C7C5 solid 1px; border-radius: 4px; background: rgb(214,226,218); background: -moz-linear-gradient(top, rgba(214,226,218,1) 0%, rgba(136,160,150,1) 33%, rgba(136,160,150,1) 100%); background: -webkit-linear-gradient(top, rgba(214,226,218,1) 0%,rgba(136,160,150,1) 33%,rgba(136,160,150,1) 100%); background: linear-gradient(to bottom, rgba(214,226,218,1) 0%,rgba(136,160,150,1) 33%,rgba(136,160,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e2da', endColorstr='#88a096',GradientType=0 ); } .telBtn span { } .telBtnTxt01 { display: block; font-size: 114.3%; margin: 0 0 8px;} .telBtnTxt01 span { letter-spacing: 0.25em;} .telBtnTxt02 { display: inline-block; font-size: 235.7%; background: url(images/icon_tel.png) 0 50% no-repeat; background-size: auto 0.75em; padding: 0 0 0 0.6em;} /*--- information ---*/ .blogSec { overflow: hidden; padding: 0 10px 40px; } .hDate { display: block; font-size: 75%; font-weight: 400; padding-bottom: 8px !important;} .singlePager { position: relative; overflow: hidden; clear: both; margin-bottom: 32px;} .singlePager li.prev { float: left;} .singlePager li.next { float: right;} .singlePager a { font-size: 100%; float: left; display: block; padding: 0 10px;} .toBlogIndex {padding-bottom: 32px; text-align: center;} .section01.blogLast { padding-bottom: 40px;} .blogSec p { padding-bottom: 16px;} /* pediatric */ .pediatricImg06 { position: relative; background: #F5F3ED; border-radius: 8px; box-sizing: border-box; padding: 64px 8% 24px; } #pediatricImg06KidsRoom { position: absolute; top: 0; right: 0; transform: translateY(-50%) translateX(-12px); width: 100px; height: 100px; border-radius: 256px; font-size: 1.9rem; line-height: 1.2; font-weight: 700; color: #FFF; font-family: 'Noto Serif JP', serif; background: #c8b48c; border: #FFF 4px solid; box-shadow: 4px 4px 8px rgba(0,0,0,0.3); display: flex; flex-wrap: wrap; align-items: center;} #pediatricImg06KidsRoom > span { display: inline-block; width: 100%; text-align: center;} /*preventive*/ #preventiveImg02 { background: url(images/preventive_img02.jpg) no-repeat 100% 0 /100% auto; padding: 65vw 0 0; } #preventiveImg03 { background: url(images/preventive_img03.jpg) no-repeat 100% 0 /100% auto; padding: 65vw 0 0; } /*orthodontics*/ #pediatricOrthodonticsImg01 { background: url(images/pediatric-orthodontics_img01.jpg) no-repeat 100% 0 /100% auto; padding: 75vw 0 0; } /*aboutOwnExpence*/ #aboutOwnExpence { background: #F5F3ED; padding: 24px 4%; line-height: 1.4;} .aboutOwnExpence01 { background: #FFF; padding: 16px; border-radius: 8px;} .aboutOwnExpenceList01 {} .aboutOwnExpenceList01 > li { margin-bottom: 12px; } .aboutOwnExpenceList01 > li:last-child { margin-bottom: 0; } .aboutOwnExpenceList01 > li > dl { } .aboutOwnExpenceList01 > li > dl > dt { margin-bottom: 8px;} .aboutOwnExpenceList01 > li > dl > dt > span { display: inline-block; background: #BAA271; color: #FFF; border-radius: 4px; width: 11em; text-align: center; font-weight: 500; padding: 0.75em 0;} .aboutOwnExpenceList01 > li > dl > dd { } .aboutOwnExpencePriceList {} .aboutOwnExpencePriceList > li { margin-bottom: 10px; } .aboutOwnExpencePriceList > li:last-child { margin-bottom: 0; } .aboutOwnExpenceList02 {} .aboutOwnExpenceList02 > li { margin-bottom: 10px; } .aboutOwnExpenceList02 > li:last-child { margin-bottom: 0; } .aboutOwnExpenceList02 > li dt { /*margin-left: -0.5em;*/ color: #BBA170;} /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 600px ) { .pcDisp { display: none !important; } /*--- nav ---*/ nav { text-align: center;} nav > dl > dt { padding: 10px 0 10px; cursor: pointer; color: #FFF; background: linear-gradient(to bottom, #a7bac6 0%,#7292a5 100%);} nav > dl > dt span img { max-width: 23.4%;} nav > dl > dd { display: none; position: absolute; z-index: 120; width: 100%; background-color: #7292a5;} nav > dl > dd > ul { } nav > dl > dd > ul > li { } nav > dl > dd > ul > li > a, nav > dl > dd > ul > li > span { display: block; padding: 10px 0; border-top: #FFF solid 1px; color: #FFF;} nav > dl > dd > ul > li > a:link,nav > dl > dd > ul > li > a:visited { color: #FFF;} nav > dl > dd > ul > li > a:active,nav > dl > dd > ul > li > a:hover { color: #EEE;} nav > dl > dd > ul > li > ul {} nav > dl > dd > ul > li > ul > li > dl { color: #FFF;} nav > dl > dd > ul > li > ul > li > dl > dt { background: #58718C; border-top: #FFF 1px solid; border-bottom: #FFF solid 1px; padding: 10px 0;} nav > dl > dd > ul > li > ul > li > dl > dd { background: #FFF;} nav > dl > dd > ul > li > ul > li > dl > dd > ul { display: flex; flex-wrap: wrap; align-items: center;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li { width: 50%;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li > a { display: block; padding: 10px 0; background: #245173; color: #FFF !important; border-top: #FFF 1px solid;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li:nth-child( -n + 2 ) > a { border-top: none;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li:nth-child( 2n ) > a { border-left: #FFF 1px solid;} .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;} .spmB140 { margin-bottom: 140px !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;} } /* Tablet向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media only screen and (min-width: 768px) { .spDisp { display: none !important; } .tbaC { text-align: center; } .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;} .pcpB140 { padding-bottom: 140px !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: 0 !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;} .pcmB140 { margin-bottom: 140px !important;} .pcmB160 { margin-bottom: 160px !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;} /*--- header ---*/ header { position: relative; overflow: hidden; padding: 0;} #headerWrapper { overflow: hidden; padding: 0 0 20px; height: auto; box-sizing: border-box;} #leadTxt { padding: 0; line-height: 36px; margin-bottom: 0; font-size: 1.0rem;} #title { padding: 16px 0 0; width: 273px; float: left; margin-left: 24px;} #title img { width: 273px;} #headerCTA { position: static; bottom: auto; left: auto; display: block; padding: 0; width: 150px; height: auto; float: right; margin-right: 24px; background: transparent; border-top: none;} #headerCTA li { width: 150px; line-height: 1;} #headerCTA li:nth-child(1) { margin-bottom: 10px;} #headerCTA li a { display: block; width: 150px; height: auto; box-sizing: border-box; text-align: center; border: none; border-radius: 0; display: block;} #headerCTA li:nth-child(1) a { background: transparent;} #headerCTA li:nth-child(2) a { background: transparent;} #headerTel { padding-top: 16px; width: 210px; text-align: center; float: right; margin-right: 24px; box-sizing: border-box;} #headerTel img { width: 210px; height: auto;} #index #headerWrapper { padding: 24px 0;} #index #title { padding-top: 0;} #index #headerTel { padding-top: 0;} #index #indexMain { } #indexMainTxt { padding: 120px 0 120px; background: none; text-align: center;} /*--- nav ---*/ /* nav { margin: 0;} nav dt { padding: 12px 0;} nav dt span img { width: auto; height: 24px;} nav dd {} nav ul {} nav li {} nav li a { padding: 10px 0;} nav li a:link,nav li a:visited { } nav li a:active,nav li a:hover { }*/ @media only screen and (max-width: 901px) { /*--- nav ---*/ nav { text-align: center;} nav > dl > dt { padding: 10px 0 10px; cursor: pointer; color: #FFF; background: linear-gradient(to bottom, #a7bac6 0%,#7292a5 100%);} nav > dl > dt span img { max-width: 23.4%;} nav > dl > dd { display: none; position: absolute; z-index: 120; width: 100%; background-color: #7292a5;} nav > dl > dd > ul { } nav > dl > dd > ul > li { } nav > dl > dd > ul > li > a, nav > dl > dd > ul > li > span { display: block; padding: 10px 0; border-top: #FFF solid 1px; color: #FFF;} nav > dl > dd > ul > li > a:link,nav > dl > dd > ul > li > a:visited { color: #FFF;} nav > dl > dd > ul > li > a:active,nav > dl > dd > ul > li > a:hover { color: #EEE;} nav > dl > dd > ul > li > ul {} nav > dl > dd > ul > li > ul > li > dl { color: #FFF;} nav > dl > dd > ul > li > ul > li > dl > dt { background: #58718C; border-top: #FFF 1px solid; border-bottom: #FFF solid 1px; padding: 10px 0;} nav > dl > dd > ul > li > ul > li > dl > dd { background: #FFF;} nav > dl > dd > ul > li > ul > li > dl > dd > ul { display: flex; flex-wrap: wrap; align-items: center;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li { width: 50%;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li > a { display: block; padding: 10px 0; background: #245173; color: #FFF !important; border-top: #FFF 1px solid;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li:nth-child( -n + 2 ) > a { border-top: none;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li:nth-child( 2n ) > a { border-left: #FFF 1px solid;} } /*--- footer ---*/ footer { } #footerContents { padding: 30px 0 0;} #footerContentsBg { padding: 0; background-size: auto 185px;} .footerMod01 { overflow: hidden; padding: 0 16% 16px;} .footerTitle { padding: 0 0 30px;} .footerTitle img { width: 76.6%;} .footerTxt01 { padding: 0 0 26px;} .footerAddressTxt01 { padding: 0 0 20px; text-align: center;} .footerAddressTxt02 { text-align: center; } .footerAddressTxt03 { text-align: center;} .footerAddressTxt04 { text-align: center;} #footerTime { overflow: hidden; border-radius: 8px;} .footerTimeTable { width: 75%; margin: 0 auto;} .footerTimeTable th,.footerTimeTable td { text-align: center; background: #FFF; border: #6b8da1 solid 1px; vertical-align: middle; box-sizing: border-box; line-height: 1.2; color: #6b8da1;} .footerTimeTable th { padding: 6px 0;} .footerTimeTable td { width: 10%; } .footerTimeTableClose { background: #FFF url(images/time_table_close.png) no-repeat 0 0/100% 100% !important; } .footerTimeTableClose img { display: none; } .footerMod02 { padding-bottom: 30px;} .footerTel { text-align: center; padding: 0 0 20px;} .footerTel dt { display: inline-block; margin: 0 16px 0 0;} .footerTel dd { display: inline-block; } .footerTel dd img { max-width: 280px; } .fNav { text-align: center;} .fNav dt { padding: 12px 0;} .fNav dt span img { width: auto; height: 24px;} .fNav dd { } .fNav ul {} .fNav li { } .fNav li a { block; padding: 10px 0;} .fNav li a:link,.fNav li a:visited { } .fNav li a:active,.fNav li a:hover { } .footerMod03 { overflow: hidden; padding-bottom: 30px;} .fSkipNav { padding-bottom: 0;} .fSkipNav li { padding: 0 4px;} .fSkipNav li a {} .fSkipNav li a img { } #footerToTop { center; padding: 0 0 30px;} #footerToTop a img { height: 8px; width: auto; } .footerMod04 { overflow: hidden; padding-bottom: 55px; text-align: center;} /*--- chemeleon module ---*/ /*--- listBtnsL ---*/ .listBtnsL { margin: 0 0 10px; font-size: 1.6rem;} .listBtnsL li { width: 30%; margin: 0 3.33% 32px 0; line-height: 1.2; text-align: center;} .listBtnsL li:nth-child(2n) { margin-right: 3.33%;} .listBtnsL li:nth-child(3n) { margin-right: 0;} .listBtnsL li span { padding: 10px 0 0;} .listBtnsL li p { font-size: 1.0rem; padding: 16px 0 0;} .listBtnsL li a:active,.listBtnsL li a:hover { text-decoration: none;} .listBtnsL li a:active span,.listBtnsL li a:hover span { text-decoration: underline;} /*--- indexInfo ---*/ #indexInfo { height: 100px; overflow: auto; padding: 0; margin: 0 0 40px; font-size: 1.2rem} #indexInfo li { width: 95%; padding: 8px; line-height: 1.2;} #indexInfo li dt { font-size: 100%; float: left; width: 6em;} #indexInfo li dd { overflow: hidden;} #indexInfo li dd span.indexPostTitle {} .dotLine { padding: 0 1em;} .indexPostDetail { display: inline;} /*--- side ---*/ aside { display: block;} #sideMvp { } #sideMvp dt { } #sideMvp dt > span > span { display: inline-block; transform: translateY(0) translateX(10%);} #sideMvp dt:after { } #sideMvp.active dt:after { } #sideMvp dd { } #sideMvp ul { } #sideMvp li { width: calc( ( 100% - 80px ) / 6 );} #sideMvp li img { } #sideMvp li span { } #sideMvp li a img { } #sideMvp li a:link,#sideMvp li a:visited { } #sideMvp li a:active,#sideMvp li a:hover { } #sideMvp li a:link img,#sideMvp li a:visited img { } #sideMvp li a:active img,#sideMvp li a:hover img { } /*--- foundation layout ---*/ #wrapper { padding: 0 20px; } #contentWrapper { overflow: hidden; margin: 32px 0 100px; } #mainContents { padding: 24px 0; margin: 0;} #mainContents section {} /*--- foundation layout ---*/ .w760 { } .w700 { padding-left: 21px; padding-right: 21px;} .w716 { padding-left: 21px; padding-right: 21px;} .flx-Pare { display: flex; flex-wrap: wrap; justify-content: space-between;} .flx-w260 { width: 26%; box-sizing: border-box; } .flx-w320 { width: 32%; box-sizing: border-box; } .flx-w350 { width: 35%; box-sizing: border-box; } .flx-w380 { width: 38%; box-sizing: border-box; } .flx-w400 { width: 40%; box-sizing: border-box; } .flx-w450 { width: 45%; box-sizing: border-box; } .flx-w500 { width: 50%; box-sizing: border-box; } .flx-w550 { width: 55%; box-sizing: border-box; } .bgCol03 .flx-w260 { width: 30%;} .bgCol01 .flx-w350 { width: 40%;} .bgCol01 .flx-w400 { width: 46%;} .bgCol02 .flx-w380 { width: 40%;} .bgCol02 .flx-w450 { width: 53%;} .flx-od01 { order: 1; } .flx-od02 { order: 2; } .flx-aic { align-items: center;} .flx-jcE { justify-content: flex-end;} /*--- genral setting ---*/ .pageTitle { height: 270px; padding: 140px 0 0 60px; margin: -92px 0 0; background-position: 50% 100%; box-sizing: border-box; text-align: left;} .pageTitle h1 { line-height: 1; text-align: left;} .pageTitle h1 img { width: auto; max-height: 140px; } .hTxt01 { } .puTxt01 { } .puTxt01 span {} .hTxt02 { } .hTxt03 { } .hTxt04 { font-size: 2.6rem; margin-bottom: 60px;} .hTxt05 { font-size: 2.3rem; margin-bottom: 15px; } .caseSection { margin-bottom: 80px; } .caseBox { padding: 24px 48px 48px;} .caseDesc { margin-bottom: 32px; } .caseDesc > li { } .caseDesc > li > dl > dt { padding-bottom: 12px;} .caseDesc > li > dl > dd { } .caseList { display: flex; flex-wrap: wrap;} .caseListJCC { justify-content: center;} .caseList > li { width: 435px; margin: 45px 14px 0 0; } .caseList > li:nth-child( -n + 2 ) { margin-top: 0;} .caseList > li:nth-child( 2n ) { margin-right: 0;} .caseImg {} .caseTxt { color: #FFF; line-height: 1.4; padding: 0.75em; } .caseTxt > div { position: relative; padding-left: 1em;} .caseTxt > div:before { display: block; position: absolute; top: 0; left: 0; } .caseList > li:nth-child(1) .caseTxt > div:before { } .caseList > li:nth-child(2) .caseTxt > div:before { } .caseList > li:nth-child(3) .caseTxt > div:before { } .caseList > li:nth-child(4) .caseTxt > div:before { } .caseList > li:nth-child(5) .caseTxt > div:before { } .caseList > li:nth-child(6) .caseTxt > div:before { } .caseList > li:nth-child(7) .caseTxt > div:before { } .caseList > li:nth-child(7) .caseTxt > div:before { } .caseList > li:nth-child(8) .caseTxt > div:before { } .caseList > li:nth-child(9) .caseTxt > div:before { } .iconCircleList { display: flex; flex-wrap: wrap; } .iconCircleList.iconCircleListW700 { width: 700px; } .iconCircleList > li { margin-right: 1em;} .iconCircleList > li:before { } .h2Box { margin-bottom: 56px;} .h2BoxTxt { left: 56px;} .h2BoxJp { font-size: 2.8rem; } .h2BoxEn { font-size: 2.4rem; margin-top: 20px;} .txtBg01 { } .circleDl01 { display: block;} .circleDl01 > dt { width: 200px; height: 200px; margin: 0 auto 20px; border: #FFF 6px solid; font-size: 2.2rem;} .circleDl01 > dt > span { } .circleDl01 > dd { width: auto; } .circleList01 { } .circleList01 > li { width: 120px; height: 120px;} .circleList01 > li > span { } .priceList01 { } .priceList01 > li { padding: 16px 160px; } .priceList01 > li > dl { } .priceList01 > li > dl:after { } .priceList01 > li > dl span { } .priceList01 > li > dl dt span { padding-right: 0.5em;} .priceList01 > li > dl dd span { padding-left: 0.5em;} .threeCol01 { overflow: hidden; width: 30%; float: left; margin-right: 5%;} .threeCol01L {} .threeCol01R { margin-right: 0; } .twoColImg { overflow: hidden; } .twoColImg li { float: left; width: 46.7%; } .twoColImg li:nth-child(2n) { float: right;} .imgR { text-align: left; float: right; margin-left: 40px; padding-bottom: 0;} .imgL { text-align: left; float: left; margin-right: 40px; padding-bottom: 0;} .imgL.mR24 { margin-right: 24px;} .ofH { overflow: hidden;} .aC { text-align: center;} .aC .linkPt01 { display: inline-block !important; float: none !important;} .aR { text-align: right;} .fwB { font-weight: 700;} /*--- page parts ---*/ /*--- index ---*/ #index #wrapper { padding: 30px 4% 0; overflow: hidden; box-sizing: border-box;} /*concept staff*/ .staffSec01 { padding-bottom: 70px; margin-bottom: 70px;} .staffSec01:last-child { } .staffSec01Wrap { position: relative; padding: 70px 0 100px; overflow: visible; box-sizing: border-box; min-height: 540px;} .staffSec0101 { padding-left: 96px;} .staffSec0101.staffSec0102 { padding-left: 540px;} .staffImgs { overflow: hidden; position: relative; margin: 0 48px 0 0; float: left; width: 220px;} .staffImgs li { float: left; width: auto; margin-bottom: 30px;} .staffImgs li:nth-child(2) img { width: auto; position: static; bottom: auto; right: auto; } .staffNameJp { text-align: left; padding: 0 0 6px;} .staffNameJp > span:nth-child(1) { display: inline-block; padding: 0 1em 0 0;} .staffNameEn { text-align: left; margin: 0 0 24px;} .staffInfo { } .staffInfo > dt { } .staffInfo > dd { } .staffInfo > dd:last-child { } .staffInfo > dd li { } .staffInfo > dd dt { float: left; padding-right: 1em; } .staffInfo > dd dd { padding: 0;} .staffSec01Dr { text-align: right; margin-bottom: 0; position: absolute; bottom: 0; right: 80px;} .staffSec01Dr.staffSec01Dr02 { right: auto; left: 40px;} .staffSec01Dr img { width: auto;} .drBox01 { background: #e9eef1; padding: 48px 70px 48px 130px;} /*first visitor*/ .flowFig01 { width: 620px; margin: 0 auto; } .flowFig01 li { position: relative; float: left; width: 72px; margin-right: 65px; } .flowFig01 li:after { left: 97px;} .flowFig01 li:nth-child(5) { } /*clinic*/ .clinicList01 { } .clinicList01 li { padding: 0 0 80px;} .clinicList01Img {} .clinicList01ImgVer img { width: auto; } .clinicList01 dt {} .clinicList01 dd { text-align: center;} .clinicList02 { } .clinicList02 li { width: calc( ( 100% - 105px ) / 4 ); margin: 0 0 40px;} .clinicList02Img { } .clinicList02Txt {} /*access*/ .accessList01 {} .accessList01 li { padding: 0 0 8px; font-size: 1.6rem; font-family: 'Noto Serif JP', serif;} .accessList01 dt { float: left; width: 7em; color: #6b8da1;} .accessList01 li:nth-child(1) dt span { letter-spacing: 1em;} .accessList01 li:nth-child(2) dt span { letter-spacing: 0.3em;} .accessList01 li:nth-child(3) dt span { letter-spacing: 3em;} .accessList01 li:nth-child(4) dt span { letter-spacing: 1.5em;} .accessList01 dd { overflow: hidden; } #accessMap { clear: both; overflow: hidden; position: relative; padding-bottom: 420px; padding-top: 30px; height: 0; overflow: hidden; margin-top: 16px;} #accessMap iframe, #accessMap object, #accessMap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #accessImg01 { width: 240px; } .accessList02 { text-align: center; letter-spacing: -0.4em; color: #6B8DA1; padding: 0 0 16px;} .accessList02 li { display: inline-block; letter-spacing: normal;} .accessList02 li:after { content: '・'; } .accessList02 li:last-child:after { content: ''; } .timeTableWrap { } .timeTable { } .timeTable th,.timeTable td { font-size: 2.0rem;} .timeTable th { } .timeTable th[scope=row] { } .timeTable td { } .timeTableClose { } .timeTableClose img { } /*sitemap*/ .sitemap01 { } .sitemap01 a { } .sitemapLi { float: left; padding-left: 0; width: 50%;} .sitemapLi li { margin: 24px 0 0; padding: 0 0 0 126px; float: left; box-sizing: border-box;} .sitemapLi a { width: 100% !important;} .sitemapLi ul li a { } .sitemapLi ul li a:before { } .sitemap01 a:link,.sitemap01 a:visited, .sitemapLi a:link,.sitemapLi a:visited { } .sitemap01 a:active,.sitemap01 a:hover, .sitemapLi a:active,.sitemapLi a:hover { } /*privacy policy*/ .privacyPolicyList {} .privacyPolicyList li {} .privacyPolicyList dt {} .privacyPolicyList dd {} /*contact*/ .formTable { } .formTable th,.formTable td { padding: 10px 24px; display: table-cell; width: auto; border: #8C8C8C solid 1px;} .formTable th { white-space: nowrap; } .formTable th span {} .formTable td input { width: 70%;} .formTable td input.wS { width: 80%;} .formTable td select { width: 70%;} .formTable td textarea { } .formBtn { text-align: center; } .formList01 { margin-top: 8px; } .formList01 li { margin-top: 0; float: left; width: 45%;} .formList01 li:nth-child(1) { } .radioUl { text-align: left; } .radioUl li { margin: 0 1em 0 0;} .radioUl li input { width: auto; } .checkboxUl01 {} .checkboxUl01 li { } .checkboxUl01 li.w100Per { } .checkboxUl01 li.spw100Per { width: 50%;} .checkboxUl01 li input { width: auto; } .checkboxUl02 {} .checkboxUl02 li { width: 30%;} .checkboxUl02 li:nth-child(2n) { width: 70%;} .checkboxUl02 li:nth-child(2n-1) { clear: left;} .checkboxUl02 li input { width: auto;} .mfp_buttons { } .mfp_buttons li { margin: 0 20px;} .mfp_buttons li button { } .telBtn { width: 450px; margin: 0 auto;} .telBtn a { display: block;} .telBtn span { } .telBtnTxt01 { display: inline-block; margin: 0 12px 0 0;} .telBtnTxt02 { display: inline-block; line-height: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px);} /* pediatric */ .pediatricImg06 { padding: 96px; } #pediatricImg06KidsRoom { transform: translateY(-50%) translateX(-12px); width: 160px; height: 160px; font-size: 3.0rem;} #pediatricImg06KidsRoom > span { } /*preventive*/ #preventiveImg02 { background: url(images/preventive_img02.jpg) no-repeat 100% 0 /auto 100%; padding: 56px 0 80px; min-height: 350px; box-sizing: border-box;} #preventiveImg03 { background: url(images/preventive_img03.jpg) no-repeat 100% 0 /auto 100%; padding: 56px 0 80px; min-height: 350px; box-sizing: border-box;} #preventiveImg04 { background: url(../../uploads/2024/02/bg-4.png) no-repeat 100% 0 /auto 100%; padding: 56px 0 80px; min-height: 350px; box-sizing: border-box;} #preventiveImg05 { background: url(../../uploads/2024/02/bg-5.png) no-repeat 100% 0 /auto 100%; padding: 56px 0 80px; min-height: 350px; box-sizing: border-box;} .listpr ul {border: solid 2px skyblue; padding: 0.5em 1em 0.5em 2.3em; position: relative;} .listpr ul li {line-height: 1.5; padding: 0.5em 0; list-style-type: none!important;} .listpr ul li:before {content: "●"; position: absolute; left : 1em;color: skyblue;} /*orthodontics*/ #pediatricOrthodonticsImg01 { background: url(images/pediatric-orthodontics_img01.jpg) no-repeat 0 0 /auto 100%; padding: 54px 0 0 0; min-height: 380px; box-sizing: border-box; } /*aboutOwnExpence*/ #aboutOwnExpence { padding: 45px 20px 45px; margin: 0 auto 80px;} .aboutOwnExpence01 { padding: 30px; box-sizing: border-box; margin: 0 auto;} .aboutOwnExpenceList01 {} .aboutOwnExpenceList01 > li { margin-bottom: 20px; } .aboutOwnExpenceList01 > li:last-child { margin-bottom: 0; } .aboutOwnExpenceList01 > li > dl { display: flex; flex-wrap: wrap; justify-content: space-between;} .aboutOwnExpenceList01 > li > dl > dt { margin-bottom: 0; width: 11em;} .aboutOwnExpenceList01 > li > dl > dt > span { display: inline-block; background: #BAA271; color: #FFF; border-radius: 4px; width: 11em; text-align: center; font-weight: 500; padding: 0.75em 0;} .aboutOwnExpenceList01 > li > dl > dd { width: calc( 100% - 13em );} .aboutOwnExpencePriceList {} .aboutOwnExpencePriceList > li { margin-bottom: 20px; } .aboutOwnExpencePriceList > li:last-child { margin-bottom: 0; } .aboutOwnExpencePriceList > li dl { display: flex; flex-wrap: wrap; justify-content: space-between;} .aboutOwnExpencePriceList > li dl dt { width: 17em;} .aboutOwnExpencePriceList > li dl dd { width: calc( 100% - 17em - 1em);} .aboutOwnExpenceList02 { padding-bottom: 16px; } .aboutOwnExpenceList02 > li { } .aboutOwnExpenceList02 > li:last-child { } .aboutOwnExpenceList02 > li dt { } } /* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media only screen and (min-width: 901px) { /*--- header ---*/ header { height: 140px; margin: 0; background: rgba(255,255,255,0.80);} #index header { margin: 0; background: rgba(255,255,255,0.8);} #headerWrapper { position: relative; width: 980px; height: 105px; padding: 23px 0 0; margin: 0 auto; box-sizing: border-box; background: none;} #leadTxt { margin-bottom: 0;} #title { padding: 0; width: 300px; float: left; margin-left: 0; } #title img { width: 300px;} #headerCTA { position: absolute; bottom: auto; left: auto; top: 10px; right: 0; display: block; padding: 0; width: 230px; height: auto; float: right; margin-right: 0;} #headerCTA li { width: 230px; line-height: 1;} #headerCTA li:nth-child(1) { margin-bottom: 10px;} #headerCTA li a { display: block; width: 230px; height: auto; box-sizing: border-box; text-align: center; border: none; border-radius: 0; display: block;} #headerCTA li:nth-child(1) a { background: transparent;} #headerCTA li:nth-child(2) a { background: transparent;} #index #headerCTA { top: 40px;} /* #headerTel { margin-right: 0; width: 235px; padding-top: 0;} #headerTel img { width: 235px;} #index #headerTel { width: 289px; position: absolute; top: 54px; bottom: 0; left: auto; right: 0; padding: 0; margin-left: 0;} #index #headerTel img { width: 100%;}*/ #index header { position: relative; padding: 0; height: 200px; margin: 0;} #index #headerWrapper { position: relative; width: 980px; height: 164px; margin: 0 auto; padding: 0; overflow: visible; background: none;} #index #title { width: 397px; position: absolute; top: 56px; bottom: 0; left: 0; padding: 0;} #index #title img { width: 397px;} #index #indexMain { height: 785px;} #indexMainTxt { padding: 0; position: absolute; top: 418px; left: 0; width: 100%; margin: 0; text-align: center;} #indexMainTxt img { width: 657px; } /*--- nav ---*/ nav { width: 980px; margin: 0 auto; height: 42px; margin: -21px auto 35px; position: relative; z-index: 10; color: #FFF;} #index nav { margin: 0 auto 20px;} nav > dl > dt { display: none;} nav > dl > dd { line-height: 1; text-align: center; font-size: 12px;} nav > dl > dd > ul { display: flex; flex-wrap: wrap; } nav > dl > dd > ul > li { position: relative; width: 140px; text-align: center;} nav > dl > dd > ul > li:nth-child(1) { width: 119px;} nav > dl > dd > ul > li:nth-child(2) { width: 145px;} nav > dl > dd > ul > li:nth-child(3) { width: 121px;} nav > dl > dd > ul > li:nth-child(4) { width: 119px;} nav > dl > dd > ul > li:nth-child(5) { width: 119px;} nav > dl > dd > ul > li:nth-child(6) { width: 119px;} nav > dl > dd > ul > li:nth-child(7) { width: 119px;} nav > dl > dd > ul > li:nth-child(8) { width: 119px;} nav > dl > dd > ul > li > a { display: block; width: 100%; height: 42px; background: linear-gradient(to bottom, #a7bac6 0%,#7292a5 100%); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #FFF !important; border: #b4c4cd solid 1px;} nav > dl > dd > ul > li:first-child > a { border-radius: 8px 0 0 8px;} nav > dl > dd > ul > li:last-child > a { border-radius: 0 8px 8px 0;} nav > dl > dd > ul > li > a > span { display: inline-block; } nav > dl > dd > ul > li > span { display: block; width: 100%; height: 42px; background: linear-gradient(to bottom, #a7bac6 0%,#7292a5 100%); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #FFF !important; border: #b4c4cd solid 1px; cursor: pointer;} nav > dl > dd > ul > li > ul { display: none; position: absolute; top: 100%; left: 0; width: 100%;} nav > dl > dd > ul > li > ul > li > dl {} nav > dl > dd > ul > li > ul > li > dl > dt { background: #58718C; padding: 8px 0; border-bottom: #FFF 1px solid;} nav > dl > dd > ul > li > ul > li > dl > dd {} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li { border-bottom: #FFF 1px solid;} nav > dl > dd > ul > li > ul > li > dl > dd > ul > li > a { display: block; width: 100%; padding: 8px 0; background: #245173; color: #FFF !important; } /* nav { width: 980px; height: 42px; margin: 0 auto 35px; transform: translateY(-50%);} #index nav { margin: 0 auto 20px; transform: translateY(0);} nav dt { display: none;} nav dd { position: relative; display: block; background: transparent;} nav ul { border-top: none; width: 980px; height: 42px; overflow: hidden; border-radius: 12px; box-shadow: 0 0 12px rgba(0,0,0,0.5); box-sizing: border-box; background: transparent url(images/gl_nav.png) 0 0 no-repeat;} nav li { float: left; overflow: hidden; margin: 0; background: none; border-bottom: none;} nav li a { display: block; float: left; height: 42px; padding: 0; border-top: none; background-image: url(images/gl_nav.png); background-color: #FFF; background-repeat: no-repeat; text-indent: -9999px; transition: all 0s ease-in-out;} #index nav ul { box-shadow: none;} */ /* #glNav01 a { width: 173px; background-position: -0px 0;} #glNav01 a:active,#glNav01 a:hover { background-position: -0px -42px;} #glNav02 a { width: 158px; background-position: -173px 0;} #glNav02 a:active,#glNav02 a:hover { background-position: -173px -42px;} #glNav03 a { width: 158px; background-position: -331px 0;} #glNav03 a:active,#glNav03 a:hover { background-position: -331px -42px;} #glNav04 a { width: 158px; background-position: -489px 0;} #glNav04 a:active,#glNav04 a:hover { background-position: -489px -42px;} #glNav05 a { width: 158px; background-position: -647px 0;} #glNav05 a:active,#glNav05 a:hover { background-position: -647px -42px;} #glNav06 a { width: 175px; background-position: -805px 0;} #glNav06 a:active,#glNav06 a:hover { background-position: -805px -42px;} */ /*--- footer ---*/ footer { position: relative; z-index: 100; width: 100%; background-size: auto; padding: 0;} #footerContents { width: 100%; padding: 0; box-sizing: content-box; overflow: visible;} #footerContentsBg { overflow: visible; background-size: 360px auto; background-position: 101.5% 130%;} #footerContentsSize { width: 980px; min-height: 440px; margin: 0 auto; position: relative; overflow: visible;} .footerMod01 { position: relative; top: 50px; left: auto; padding: 0;} .footerTitle { text-align: left; padding-bottom: 28px;} .footerTitle img { width: 315px;} .footerTxt01 { width: 500px; padding-bottom: 12px; /*font-size: 85.7%; */line-height: 1.58; } .footerAddressTxt01 { overflow: hidden; text-align: left; padding: 0 0 26px;} .footerAddressTxt02 { text-align: left; font-size: 1.6rem; line-height: 1.2;} .footerAddressTxt03 { text-align: left; font-size: 1.6rem; display: inline-block; margin-right: 5em;} .footerAddressTxt04 { text-align: left; font-size: 1.6rem; display: inline-block;} #footerTime { clear: left; overflow: hidden; padding: 0; margin-top: 0px; float: left;} .footerTimeTable { width: 490px; margin: 0;} .footerTimeTable th,.footerTimeTable td { text-align: center; background: #FFF; border: #6b8da1 solid 1px; vertical-align: middle; box-sizing: border-box; line-height: 1.2; color: #6b8da1;} .footerTimeTable th { padding: 6px 0;} .footerTimeTable td { width: 10%; } .footerTimeTableClose { background: #FFF url(images/time_table_close.png) no-repeat 0 0/100% 100% !important; } .footerTimeTableClose img { display: none; } .footerMod02 { position: absolute; top: 80px; right: 0; padding: 0 0 56px; width: 422px; margin-left: 0;} .footerTel { position: absolute; bottom: 0; left: 0; text-align: center; padding: 0;} .footerTel dt { display: block; margin: 0 16px 0 0; padding: 6px 0; float: left; line-height: 1.26; width: 125px; box-sizing: border-box;} .footerTel dd { display: block; padding: 7px 0 0; overflow: hidden; } .footerTel dd img { max-width: 100%; } .fNav{ text-align: left; width: auto; box-sizing: border-box;} .fNav dt { display: none;} .fNav dd { position: relative; z-index: 120; width: 100%; display: block; font-size: 1.3rem;} .fNav ul { float: left; max-width: 300px; min-height: 130px; padding: 0 40px 4px 4px; border-top: none; border-left: #FFF solid 1px; box-sizing: border-box;} .fNav ul.fNav01 { padding-right: 26px; padding-left: 0;} .fNav li { padding: 0 0 17px 24px; background: none; border-bottom: none; line-height: 1;} .fNav li:last-child { padding-bottom: 0;} .fNav li a { display: block; padding: 0 0 0 8px; border-bottom: none; border-top: none; } .fNav li a:before { content: "・"; } .fNav li a:link, .fNav li a:visited { color: #FFF;} .fNav li a:active, .fNav li a:hover { color: #FFF;} .footerMod03 { position: absolute; top: 0; right: 115px; overflow: hidden; padding-bottom: 0;} .fSkipNav { float: right; text-align: left; padding: 6px 0 0 0;} .fSkipNav li { display: block; float: left; padding: 0; margin-left: 30px; font-size: 1.2rem; white-space: nowrap;} .fSkipNav li a { } .fSkipNav li a img { height: 10px; width: auto; } #footerToTop { position: absolute; top: 0; right: 0;} #footerToTop a { display: inline-block; padding: 12px 20px; line-height: 1.2; background: #FFF; border-radius: 0 0 8px 8px; color: #6BA28B !important;} .footerMod04 { position: absolute; bottom: 60px; right: 0; padding-bottom: 0; text-align: right;} .footerMod04 p { padding: 0; margin-left: 6px; float: left; font-size:10px;} .footerMod04 p { padding: 0; margin-left: 6px; float: left; font-size:10px;} /*--- chemeleon module ---*/ /*--- mvp ---*/ #mvp { display: block; overflow: hidden; width: 960px; margin: -94px auto 22px; font-size: 1.0rem; line-height: 1.2; background: url(images/mvp_bg.png) bottom no-repeat;} #mvp dt { padding: 0 0 18px 0; text-align: left; line-height: 1;} #mvp dt img { width: 144px;} #mvp ul { } #mvp li { position: relative; float: left; width: 120px; margin-left: 48px;} #mvp li:first-child { margin-left: 0;} #mvp li img { width: 120px;} #mvp li a img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #mvp li span { display: block; height: 36px; padding-top: 10px; background: url(images/mvp_btn_bg.png) no-repeat; text-align: center;} #mvp li span.mvpNew { position: absolute; top: -24px; display: block; height: auto; padding-top: 0; background: none;} #mvp li a:link img,#mvp li a:visited img { opacity: 1;} #mvp li a:active img,#mvp li a:hover img { opacity: 0.7;} /*--- listBtnsL ---*/ .listBtnsL { font-size: 1.6rem; overflow:hidden; margin-bottom: 47px;} .listBtnsL li { width: 218px; margin: 0 36px 36px 0;} .listBtnsL li:nth-child(2n) { margin-right: 36px;} .listBtnsL li:nth-child(3n) { margin-right: 36px;} .listBtnsL li:nth-child(4n) { margin-right: 0;} .listBtnsL li span { display: block; padding: 10px 0 0; white-space: normal;} .listBtnsL li a { color: #666464;} /*--- indexInfo ---*/ #indexInfo { margin: -4px 0 42px; font-size: 1.2rem;} #indexInfo li { padding: 8px 8px 8px 0; } #indexInfo li dt { padding-left: 0;} #indexInfo li dd span { font-size: 80%;} /*--- side ---*/ aside { display: block; position: fixed; top: 0; right: 0; height: 100%; width: 60px; z-index: 1000; padding: 40px 0; box-sizing: border-box;} #sideMvp { overflow: visible; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 60px; height: calc(( 100vh - 80px ) ); font-size: 1.2rem; line-height: 1.2; padding: 20px 0 4px; box-sizing: border-box; white-space: nowrap; transition: all 0.3s ease-in-out;} #sideMvp.active { width: 220px;} #sideMvp.active dt > span { } #sideMvp dt { position: absolute; top: 50%; right: 0; width: 60px; box-sizing: border-box; z-index: 100; transform: translateY(-50%) translateX(0); padding-bottom: 0; font-weight: 700; cursor: pointer; padding-left: 0; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 1.6em; letter-spacing: 0.1em; line-height: 60px; transition: all 0.3s ease-in-out;} #sideMvp dt:after { content: ''; width: 18px; height: 18px; border: 0px; border-top: solid 3px #6b8da1; border-right: solid 3px #6b8da1; transform: rotate(-135deg); position: absolute; top: auto; bottom: -56px; right: 12px; margin-top: -16px; transition: all 0.25s ease-in-out;} #sideMvp.active dt:after { transform: rotate(45deg);} #sideMvp dd { display: block; position: absolute; width: 220px; padding: 20px 0; top: 0; right: 0; z-index: 100; border-radius: 10px; background: #ddd7c2; overflow: hidden; height: calc(( 100vh - 80px ) ); padding-left: 8px; box-sizing: border-box; transition: all 0.3s ease-in-out; transform: translateX(100%);} #sideMvp.active dd { transform: translateX(0);} #sideMvp dd:before { white-space: pre; display: block; content: "このページを見た人が\Aもっともよく見るページ..."; font-weight: 500; padding: 0 0 24px 32px;} #sideMvpToggele { content: ''; width: 18px; height: 18px; border: 0px; border-top: solid 3px #6b8da1; border-right: solid 3px #6b8da1; transform: rotate(45deg); position: absolute; top: 50%; left: 8px; margin-top: -16px; transition: all 0.25s ease-in-out; cursor: pointer;} #sideMvp ul { display: block; overflow: auto; height: calc( 100% - 80px ); } #sideMvp li { width: 100%;} #sideMvp li img { width: 120px; max-width: none;} #sideMvp li span {} #sideMvp li a img {} #sideMvp li a:link,#sideMvp li a:visited {} #sideMvp li a:active,#sideMvp li a:hover {} #sideMvp li a:link img,#sideMvp li a:visited img {} #sideMvp li a:active img,#sideMvp li a:hover img {} /*--- foundation layout ---*/ #wrapper { padding: 0; width: 100%; position: relative; margin: 0 auto;} #contentWrapper { overflow: hidden; width: 980px; margin: 0 auto 100px; } #index #wrapper { padding: 0; width: 980px; position: relative; margin: 0 auto;} #mainContents { width: 980px; float: left; padding: 21px 0; margin: 0 0 80px;} #mainContents section {} .w760 { } .w700 { width: 700px; margin: 0 auto; padding-left: 0; padding-right: 0;} .w716 { width: 716px; margin: 0 auto; padding-left: 0; padding-right: 0;} .w740 { width: 740px; margin: 0 auto; padding-left: 0; padding-right: 0;} .bgCol01 { padding: 60px;} .bgCol02 { padding: 60px;} .flx-w260 { width: 260px !important;} .flx-w320 { width: 320px !important;} .flx-w350 { width: 350px !important;} .flx-w380 { width: 380px !important;} .flx-w400 { width: 400px !important;} .flx-w450 { width: 450px !important;} .flx-w500 { width: 500px !important;} .flx-w550 { width: 550px !important;} /*--- genral setting ---*/ .pageTitle { height: 355px; padding: 180px 0 0 20px; margin: -105px 0 0; background-position: 50% 0;} .pageTitleWrapper { width: 980px; margin: 0 auto 0; padding: 0; box-sizing: border-box;} .pageTitle h1 { } .pageTitle h1 #pageTitleJp { text-shadow: none; font-size: 214.3%; padding: 0 0 18px;} .pageTitle h1 #pageTitleEn { text-shadow: none; font-size: 142.9%;} #office-information .pageTitle { } .hTxt01 { } .puTxt01 { } .puTxt01 span {} .hTxt02 { } .threeCol01 { overflow: hidden; width: 234px; float: left; margin-right: 29px;} .threeCol01L {} .threeCol01R { margin-right: 0; } .twoColImg { overflow: hidden; } .twoColImg li { float: left; width: calc( (100% - 40px)/2 ); } .twoColImg li:nth-child(2n) { float: right;} .circleList01 { padding: 0 20px;} .circleList01 > li { width: 150px; height: 150px; font-size: 1.7rem;} .circleList01 > li > span { } .imgR { text-align: left; float: right; margin-left: 40px; padding-bottom: 0;} .imgL { text-align: left; float: left; margin-right: 40px; padding-bottom: 0;} /*--- page parts ---*/ /*--- index ---*/ #index { background: url(images/index_main_img01.png) center 36px no-repeat; background-size: 100% auto;} #index #wrapper { background: none; padding: 0;} /* first visitor*/ .firstVisitorSec01 {} .firstVisitorSec01 .imgR { margin-left: 110px; } /*access*/ #accessImg01 { width: 450px; margin-bottom: 72px; margin-right: 70px;} #accessMap { margin-top: 72px;} .timeTableWrap { } .timeTable { } .timeTable th,.timeTable td {} .timeTable th { } .timeTable th[scope=row] { } .timeTable td { } .timeTableClose { } .timeTableClose img { } .accessTxt01 { float: left;} .accessTxt02 { float: right; } .accessTxt03 { clear: both; } /* pediatric */ .pediatricImg06 {} #pediatricImg06KidsRoom { width: 200px; height: 200px; font-size: 3.8rem;} #pediatricImg06KidsRoom > span { } #insurance #contentWrapper { overflow: visible;} #insurance #mainContents { overflow: visible;} #insurance #mainContents section { overflow: visible;} /*preventive*/ #preventiveImg02 { background: url(images/preventive_img02.jpg) no-repeat 100% 0 /auto 100%; padding: 56px 0 80px; min-height: 350px; box-sizing: border-box;} #preventiveImg03 { background: url(images/preventive_img03.jpg) no-repeat 100% 0 /auto 100%; padding: 56px 0 80px; min-height: 350px; box-sizing: border-box;} /*aboutOwnExpence*/ #aboutOwnExpence { width: 980px;} .aboutOwnExpence01 { width: 880px;} } /* パンくずリスト */ .breadcontainer{ margin:10px 0 60px; } .bread{ list-style: none; } .breadli{ display: inline; } .breadli a{ color: inherit; text-decoration: none; } .breadli + .breadli:before{ content: ">"; margin:.5em; } .shadowed-text{ color: #fff; font-size: 40px; text-shadow: 5px 0px 10px #000; font-family: serif;} .ptxt{margin-top:50px;} /* コラム用CSS */ .blogSec h2 { font-size: 20px; padding: 0.5em; color: #010101; background: #d2dfe7; border-bottom: solid 3px #245173; margin-bottom: 40px; } .blogSec h3 { border-bottom: solid 2px black; font-size: 18px; margin-bottom: 20px; } .bnrdiv { display: flex; justify-content: center; align-items: stretch; gap: 40px; width: 100%; max-width: 1200px; margin: 50px auto; padding: 0 20px; box-sizing: border-box; } .bnrdiv__item { display: block; width: calc((100% - 24px) / 2); transition: opacity 0.3s ease; } .bnrdiv__item:hover { opacity: 0.8; } .bnrdiv__item img { display: block; width: 100%; height: auto; } /* スマートフォン */ @media screen and (max-width: 767px) { .bnrdiv { flex-direction: column; gap: 16px; margin: 30px auto; padding: 0 5px; } .bnrdiv__item { width: 100%; } } /* chatbotCSS */ img.chatbotd { position: fixed; right: 0; bottom: 0; width: 300px; z-index: 9999; } @media screen and (max-width: 430px) { img.chatbotd { position: fixed; right: 0; bottom: 80px; width: 120px; } } /* -------------------追加CSS------------------- */ /* セクション全体 */ .section-block { padding: 60px 20px 40px; } /* 見出し */ .section-title { max-width: 1200px; margin: 0 auto 30px; text-align: center; font-size: 0;  font-weight: 500; line-height: 1.6; letter-spacing: 0.02em; position: relative; font-family: 'Noto Serif JP', serif; } .section-title .title-main { font-size: 3.2rem; } .section-title .mini { font-size: 1.8rem; } .section-title .highlight { color: #6B8DA1; font-size: 3.2rem; } /* モバイル調整 */ @media screen and (max-width: 768px) { .section-block { padding: 20px 2px 15px; } .section-title .title-main { font-size: 2rem; } .section-title .mini { font-size: 1.2rem; } .section-title .highlight { font-size: 2rem; } } /* 改行用br：PCでは表示しない */ .sp-br { display: none; } .pc-br { display: block; } /* モバイルでだけ改行させる */ @media screen and (max-width: 768px) { .sp-br { display: block; } .pc-br { display: none; } } /* -------------------選ばれる理由------------------- */ .reasons-block { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } /* 各行（テキスト＋画像） */ .reason-item { display: flex; align-items: center; gap: 32px; padding: 24px 28px; border-radius: 5px; } /* 奇数行：右 → 左へ流れるグラデーション */ .reason-item:nth-child(odd) { background: linear-gradient( to left, #f8fafc 0%, #E3EBF2 55%, #D4E1EF 100% ); } .reason-item:nth-child(odd) .reason-title { color: #245175; } /* 偶数行：左 → 右へ流れるグラデーション */ .reason-item:nth-child(even) { flex-direction: row-reverse; background: linear-gradient( to right, #f8fafc 0%, #e9eef1 55%, #D9E3EE 100% ); } .reason-item:nth-child(even) .reason-title { color: #6B8DA1; } /* テキスト側 */ .reason-text { flex: 1 1 55%; } /* 画像側 */ .reason-image { flex: 1 1 45%; margin: 0; } .reason-image img { width: 100%; height: auto; display: block; } /* h3 ベース */ .reason-title { font-size: 1.8rem; font-weight: 500; margin: 0 0 10px; font-family: 'Noto Serif JP', serif; } /* レスポンシブ */ @media screen and (max-width: 900px) { .reason-item { flex-direction: column; gap: 16px; padding: 20px 18px; } .reason-item:nth-child(even) { flex-direction: column; /* スマホでは並びを統一 */ } .reason-text, .reason-image { flex: 1 1 100%; } .reason-title { font-size: 1.6rem; text-align: center; } } /* -------------------特徴------------------- */ /* 全体で枠線を含めて計算 */ .features-block, .features-block * { box-sizing: border-box; } .features-block { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; /* カード間の隙間 */ justify-content: flex-start; } .feature-item { flex: 0 1 calc((100% - 48px) / 3); /* gap 24px × 2 = 48px */ background-color: #ffffff; border: 1px solid #B3C7D9; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; } /* 画像 */ .feature-image { margin: 0; line-height: 0; padding: 16px; /* ← 画像まわりの余白 */ text-align: center; /* ← 画像を中央寄せ */ } .feature-image img { width: 100%; height: auto; display: inline-block; } /* 見出し（h3） */ .feature-title { font-size: 1.8rem; font-weight: 500; margin: 8px 18px 8px; letter-spacing: 0.05em; color: #6B8DA1; text-align: center; /* ← h3だけ中央寄せ */ font-family: 'Noto Serif JP', serif; } /* 説明文（これは左寄せのまま） */ .feature-text { line-height: 1.8; margin: 0 18px 18px; } /* レスポンシブ（タブレット以下：2列 → 1列） */ @media screen and (max-width: 1024px) { .feature-item { flex: 1 1 calc(50% - 12px); } } @media screen and (max-width: 768px) { .features-block { gap: 16px; } .feature-item { flex: 1 1 100%; } .feature-title { font-size: 1.6rem; margin: 8px 14px 6px; } .feature-text { margin: 0 14px 14px; } } /* -------------------ピックアップ診療------------------- */ .pickup-block { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } .pickup-item { display: flex; align-items: stretch; background: #FDF7F0; /* 共通の初期値（後で上書きされます） */ border-radius: 5px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.06); } /* ① インプラント：水色グラデーションテーマ */ .pickup-item:nth-child(1) { background: linear-gradient( 135deg, #ffffff 0%, #e9eef1 55%, #dbe4ec 100% ); } .pickup-item:nth-child(1) .pickup-title { color: #6B8DA1; /* h3を水色に */ } /* ② 矯正歯科：ゴールドグラデーション＋左右反転 */ .pickup-item:nth-child(2) { flex-direction: row-reverse; background: linear-gradient( 135deg, #ffffff 0%, #F5F3ED 55%, #E6D7C3 100% ); } .pickup-item:nth-child(2) .pickup-title { color: #A7957C; /* h3をゴールドに */ } /* テキスト・画像共通 */ .pickup-text { flex: 1 1 55%; padding: 32px 40px; } .pickup-image { flex: 1 1 45%; margin: 0; } .pickup-image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* 小ラベル共通ベース */ .pickup-label { font-size: 1rem; letter-spacing: 0.18em; margin: 0 0 6px; font-family: 'Noto Serif JP', serif; } /* ① インプラント用（水色） */ .pickup-item:nth-child(1) .pickup-label { color: #6B8DA1; } /* ② 矯正歯科用（ゴールド） */ .pickup-item:nth-child(2) .pickup-label { color: #A7957C; } /* h3 共通のベース（色は上で上書き） */ .pickup-title { font-size: 1.8rem; letter-spacing: 0.05em; font-weight: 500; margin: 0 0 16px; font-family: 'Noto Serif JP', serif; } /* リード文 / 箇条書き / ボタンはそのまま */ .pickup-lead { margin: 0 0 12px; line-height: 1.9; } /* 箇条書き共通 */ .pickup-list { margin: 0 0 20px; padding-left: 0; /* デフォルトのインデントをリセット */ list-style: none; /* デフォルトの「・」を消す */ line-height: 1.9; } .pickup-list li { position: relative; padding-left: 1.6em; /* ✓分の余白 */ } /* 共通の✓ベース（色は下で上書き） */ .pickup-list li::before { content: "✓"; position: absolute; left: 0; top: 0.1em; font-weight: 700; } /* ① インプラント：水色チェック */ .pickup-item:nth-child(1) .pickup-list li::before { color: #6B8DA1; } /* ② 矯正歯科：ゴールドチェック */ .pickup-item:nth-child(2) .pickup-list li::before { color: #A7957C; } /* ボタン（ベース） */ .pickup-btn { display: inline-flex; align-items: center; line-height: 1; gap: 10px; padding: 10px 36px; border-radius: 999px; font-size: 1.4rem; font-weight: 500; background: #ffffff; text-decoration: none; border: 1px solid #E0CDB2; /* 矯正側ベース */ color: #A7957C; /* 矯正側ベース */ } /* 矢印（丸なし） */ .pickup-btn::after { content: "›"; display: inline-block; font-size: 1.4rem; line-height: 1; /* 丸をなくすために背景とサイズ指定を削除 */ background: none; border-radius: 0; width: auto; height: auto; color: inherit; /* ボタン文字と同じ色を使う */ } /* ホバー共通 */ .pickup-btn:hover { background: #F5F3ED; } /* ① インプラント用（水色ボタン） */ .pickup-item:nth-child(1) .pickup-btn { border-color: #6B8DA1; color: #6B8DA1; } .pickup-item:nth-child(1) .pickup-btn:hover { background: #dbe4ec; /* #e9eef1を少し濃くしたイメージ */ } /* ② 矯正歯科用（ゴールドボタン） */ .pickup-item:nth-child(2) .pickup-btn { border-color: #E0CDB2; color: #A7957C; } .pickup-item:nth-child(2) .pickup-btn:hover { background: #F5F3ED; } /* レスポンシブ */ @media screen and (max-width: 900px) { .pickup-item, .pickup-item:nth-child(2) { flex-direction: column; } .pickup-text { padding: 24px 20px; } /* 中央寄せ（タイトル・ラベル） */ .pickup-label, .pickup-title { text-align: center; margin-left: auto; margin-right: auto; } /* ボタンの中央寄せ */ .pickup-btn { display: inline-flex; /* 元のままに戻す */ margin-left: auto; /* 中央寄せ */ margin-right: auto; /* 中央寄せ */ justify-content: center; } } /* -------------------診療案内ブロック------------------- */ .treatment-list { max-width: 960px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 20px; /* 横のすき間 */ row-gap: 20px; /* 縦のすき間 */ } /* 各丸アイコンの枠（PCで上4つ・下3つになる幅） */ .treatment-item { width: calc(25% - 40px); display: flex; justify-content: center; } /* 丸要素本体 */ .treatment-circle { width: 150px; height: 150px; border-radius: 50%; border: 4px solid #ffffff; background: radial-gradient( circle, #c9b786 0%, /* 元色よりちょい明るい */ #bda577 60%, /* ベースカラー */ #ae9567 100% /* ほんの少しだけ濃い */ ); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 2rem; line-height: 1.5; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); } /* リンク色を全部ここで固定（重要） */ .treatment-circle, .treatment-circle:link, .treatment-circle:visited, .treatment-circle:hover, .treatment-circle:active { color: #ffffff !important; text-decoration: none; } /* レスポンシブ：タブレットで3列、スマホで2列 */ @media screen and (max-width: 900px) { .treatment-item { width: calc(33.333% - 30px); } } @media screen and (max-width: 600px) { .treatment-item { width: calc(50% - 24px); } .treatment-circle { width: 130px; height: 130px; font-size: 1.5rem; } } /* -------------------スタッフ紹介------------------- */ .staff-block { max-width: 1200px; margin: 0 auto; } .staff-card { background-color: #F5F3ED; border-radius: 5px; padding: 32px 40px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); } /* 左：写真　右：テキスト一式 */ .staff-main { display: flex; gap: 40px; align-items: flex-start; } /* 写真 */ .staff-photo { flex: 0 0 260px; max-width: 260px; margin: 0; border-radius: 5px; overflow: hidden; background: #e9eef1; } .staff-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } /* 右側の中身全部 */ .staff-body { flex: 1 1 auto; } /* 役職 */ .staff-role { letter-spacing: 0.18em; color: #A7957C; margin: 0 0 4px; } /* 日本語氏名 */ .staff-name-ja { font-size: 1.9rem; font-weight: 500; margin: 0; font-family: 'Noto Serif JP', serif; } /* 英字氏名 */ .staff-name-en { font-size: 0.95rem; color: #6B8DA1; margin: 4px 0 18px; font-family: 'Noto Serif JP', serif; } /* 挨拶文 */ .staff-intro { margin: 0 0 20px; line-height: 1.9; } /* 経歴・所属 2カラム（テキストのすぐ下） */ .staff-columns { display: flex; flex-wrap: wrap; gap: 32px; margin: 0 0 20px; } .staff-history, .staff-affiliation { flex: 1 1 260px; } /* 小見出し（経歴・所属） */ .staff-subtitle { font-size: 1rem; font-weight: 700; color: #6B8DA1; margin: 0 0 8px; padding-left: 8px; border-left: 4px solid #6B8DA1; } /* リスト */ .staff-list { list-style: none; margin: 0; padding: 0; } .staff-list li { font-size: 1rem; line-height: 1.9; } footerCopy /* ボタン */ .staff-btn-wrap { margin-top: 8px; text-align: left; /* 右カラム内で左寄せ（中央にしたければ center） */ } .staff-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 40px; border-radius: 999px; border: 1px solid #6B8DA1; background: #ffffff; color: #6B8DA1; font-size: 1rem; font-weight: 500; text-decoration: none; } .staff-btn:hover { background: #e9eef1; } /* レスポンシブ */ @media screen and (max-width: 1024px) { .staff-card { padding: 28px 24px; } .staff-main { gap: 24px; } .staff-photo { flex: 0 0 220px; max-width: 220px; } } /* スマホ：縦並びレイアウト */ @media screen and (max-width: 768px) { .staff-card { padding: 24px 16px; } .staff-main { flex-direction: column; align-items: center; /* 写真を中心に */ gap: 20px; } .staff-photo { max-width: 220px; width: 80%; margin: 0 auto 8px; /* 写真を中央寄せ */ } .staff-body { width: 100%; } .staff-name-ja { font-size: 1.6rem; } .staff-columns { flex-direction: column; gap: 16px; } .staff-btn-wrap { text-align: center; /* ボタンは中央に */ } .staff-role, .staff-name-ja, .staff-name-en { text-align: center; } .staff-history, .staff-affiliation { flex: 1 1 0; /* ← 260px を 0 に */ min-width: 260px; /* 幅が狭すぎないよう保険で */ } } /* -------------------動画紹介------------------- */ .video-wrap { max-width: 900px; margin: 0 auto; text-align: center !important; } .video-inner { position: relative; padding-top: 56.25%; /* 16:9 */ margin-bottom: 16px; } .video-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-text { line-height: 1.7; } @media (max-width: 768px) { .video-text { text-align: left !important; } } /* -------------------よくある質問------------------- */ .cp_qa02 { margin: 0 auto; max-width: 1200px; } .cp_qa02 .cp_actab input[type=checkbox] { display: none; } .cp_qa02 .cp_actab { padding: 20px 0; border-bottom: 1px dotted #cccccc; } /*質問テキスト*/ .cp_qa02 label {  font-size: 1.5em; position: relative; display: flex; align-items: center; font-size: 120%; width: calc(100% - 70px); margin: 0 0 0 50px; padding: 10px; cursor: pointer; } /*＋アイコン*/ .cp_qa02 label::before { position: absolute; content: '+'; color: #6B8DA1; display: flex; align-items: center; justify-content: center; font-size: 210%; font-weight: bold; margin-left: -50px; padding: 0 0 0 0; transition: 0.4s ease; } .cp_qa02 .cp_actab input[type=checkbox]:checked ~ label::before { transform: rotate(45deg); } /*答えテキスト*/ .cp_qa02 .cp_actab-content { font-size: 1em; position: relative; overflow: hidden; height: 0; margin: 0 40px; padding: 0 14px; transition: 0.4s ease; opacity: 0; background-color: #e9eef1; /* ホバー時の背景色 */ } .cp_qa02 .cp_actab input[type=checkbox]:checked ~ .cp_actab-content { height: auto; padding: 14px; opacity: 1; } /* モバイル用 */ @media screen and (max-width: 768px) { .cp_qa02 label { font-size: 1.1em; /* 以前より小さく */ } } /* -------------------コピーライト------------------- */ @media screen and (max-width: 768px) { .footerMod04 p { font-size:10px;} } /* -------------------トップファーストビュー│SP版------------------- */ @media screen and (max-width: 768px) { #index #indexMain { min-height: 520px; display: flex; flex-direction: column; background-position: 50% 18%; background-size: cover; } #index #pageTop { flex-shrink: 0; } #indexMainTxt { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 4%; margin: 0; background: transparent; /* ← 帯を消す */ } #indexMainTxt img { display: block; width: min(100%, 360px); height: auto; background: rgba(255, 255, 255, 0.35); /* ← 背景は画像の範囲だけ */ padding: 16px 20px; box-sizing: border-box; } }