@charset "utf-8"; /* Theme Name: takatsuki with dental clinic Theme URI: https://www.with-dental.com/ Description: takatsuki with dental clinic Version: 1.0β Author: takatsuki with dental clinic Author URI: https://www.with-dental.com/ */ 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;} ins { background-color:#ff9; color:#000; text-decoration:none;} 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;} 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: 'M PLUS 1p', sans-serif; font-weight: 400; line-height: 1.7; text-align: left; color: #80652E; -webkit-text-size-adjust: 100%; font-size: 1.3rem; font-size: 3.46667vw; background: #FFF; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: 400;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;} a:link,a:visited { color: #231815; text-decoration: none; opacity: 1;} a:active,a:hover { color: #231815; 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;} /*general*/ .pB0 { padding-bottom: 0px !important; } .pB1 { padding-bottom: 1px !important; } .pB2 { padding-bottom: 2px !important; } .pB3 { padding-bottom: 3px !important; } .pB4 { padding-bottom: 4px !important; } .pB5 { padding-bottom: 5px !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; } .pB91 { padding-bottom: 91px !important; } .pB92 { padding-bottom: 92px !important; } .pB93 { padding-bottom: 93px !important; } .pB94 { padding-bottom: 94px !important; } .pB95 { padding-bottom: 95px !important; } .pB96 { padding-bottom: 96px !important; } .pB97 { padding-bottom: 97px !important; } .pB98 { padding-bottom: 98px !important; } .pB99 { padding-bottom: 99px !important; } .pB100 { padding-bottom: 100px !important; } .pB101 { padding-bottom: 101px !important; } .pB102 { padding-bottom: 102px !important; } .pB103 { padding-bottom: 103px !important; } .pB104 { padding-bottom: 104px !important; } .pB105 { padding-bottom: 105px !important; } .pB106 { padding-bottom: 106px !important; } .pB107 { padding-bottom: 107px !important; } .pB108 { padding-bottom: 108px !important; } .pB109 { padding-bottom: 109px !important; } .pB110 { padding-bottom: 110px !important; } .pB111 { padding-bottom: 111px !important; } .pB112 { padding-bottom: 112px !important; } .pB113 { padding-bottom: 113px !important; } .pB114 { padding-bottom: 114px !important; } .pB115 { padding-bottom: 115px !important; } .pB116 { padding-bottom: 116px !important; } .pB117 { padding-bottom: 117px !important; } .pB118 { padding-bottom: 118px !important; } .pB119 { padding-bottom: 119px !important; } .pB120 { padding-bottom: 120px !important; } .pT0 { padding-top: 0px !important; } .pT1 { padding-top: 1px !important; } .pT2 { padding-top: 2px !important; } .pT3 { padding-top: 3px !important; } .pT4 { padding-top: 4px !important; } .pT5 { padding-top: 5px !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; } .pT91 { padding-top: 91px !important; } .pT92 { padding-top: 92px !important; } .pT93 { padding-top: 93px !important; } .pT94 { padding-top: 94px !important; } .pT95 { padding-top: 95px !important; } .pT96 { padding-top: 96px !important; } .pT97 { padding-top: 97px !important; } .pT98 { padding-top: 98px !important; } .pT99 { padding-top: 99px !important; } .pT100 { padding-top: 100px !important; } .pT101 { padding-top: 101px !important; } .pT102 { padding-top: 102px !important; } .pT103 { padding-top: 103px !important; } .pT104 { padding-top: 104px !important; } .pT105 { padding-top: 105px !important; } .pT106 { padding-top: 106px !important; } .pT107 { padding-top: 107px !important; } .pT108 { padding-top: 108px !important; } .pT109 { padding-top: 109px !important; } .pT110 { padding-top: 110px !important; } .pT111 { padding-top: 111px !important; } .pT112 { padding-top: 112px !important; } .pT113 { padding-top: 113px !important; } .pT114 { padding-top: 114px !important; } .pT115 { padding-top: 115px !important; } .pT116 { padding-top: 116px !important; } .pT117 { padding-top: 117px !important; } .pT118 { padding-top: 118px !important; } .pT119 { padding-top: 119px !important; } .pT120 { padding-top: 120px !important; } .mB0 { margin-bottom: 0px !important; } .mB1 { margin-bottom: 1px !important; } .mB2 { margin-bottom: 2px !important; } .mB3 { margin-bottom: 3px !important; } .mB4 { margin-bottom: 4px !important; } .mB5 { margin-bottom: 5px !important; } .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; } .mB91 { margin-bottom: 91px !important; } .mB92 { margin-bottom: 92px !important; } .mB93 { margin-bottom: 93px !important; } .mB94 { margin-bottom: 94px !important; } .mB95 { margin-bottom: 95px !important; } .mB96 { margin-bottom: 96px !important; } .mB97 { margin-bottom: 97px !important; } .mB98 { margin-bottom: 98px !important; } .mB99 { margin-bottom: 99px !important; } .mB100 { margin-bottom: 100px !important; } .mB101 { margin-bottom: 101px !important; } .mB102 { margin-bottom: 102px !important; } .mB103 { margin-bottom: 103px !important; } .mB104 { margin-bottom: 104px !important; } .mB105 { margin-bottom: 105px !important; } .mB106 { margin-bottom: 106px !important; } .mB107 { margin-bottom: 107px !important; } .mB108 { margin-bottom: 108px !important; } .mB109 { margin-bottom: 109px !important; } .mB110 { margin-bottom: 110px !important; } .mB111 { margin-bottom: 111px !important; } .mB112 { margin-bottom: 112px !important; } .mB113 { margin-bottom: 113px !important; } .mB114 { margin-bottom: 114px !important; } .mB115 { margin-bottom: 115px !important; } .mB116 { margin-bottom: 116px !important; } .mB117 { margin-bottom: 117px !important; } .mB118 { margin-bottom: 118px !important; } .mB119 { margin-bottom: 119px !important; } .mB120 { margin-bottom: 120px !important; } .mT0 { margin-top: 0px !important; } .mT1 { margin-top: 1px !important; } .mT2 { margin-top: 2px !important; } .mT3 { margin-top: 3px !important; } .mT4 { margin-top: 4px !important; } .mT5 { margin-top: 5px !important; } .mT6 { margin-top: 6px !important; } .mT7 { margin-top: 7px !important; } .mT8 { margin-top: 8px !important; } .mT9 { margin-top: 9px !important; } .mT10 { margin-top: 10px !important; } .mT11 { margin-top: 11px !important; } .mT12 { margin-top: 12px !important; } .mT13 { margin-top: 13px !important; } .mT14 { margin-top: 14px !important; } .mT15 { margin-top: 15px !important; } .mT16 { margin-top: 16px !important; } .mT17 { margin-top: 17px !important; } .mT18 { margin-top: 18px !important; } .mT19 { margin-top: 19px !important; } .mT20 { margin-top: 20px !important; } .mT21 { margin-top: 21px !important; } .mT22 { margin-top: 22px !important; } .mT23 { margin-top: 23px !important; } .mT24 { margin-top: 24px !important; } .mT25 { margin-top: 25px !important; } .mT26 { margin-top: 26px !important; } .mT27 { margin-top: 27px !important; } .mT28 { margin-top: 28px !important; } .mT29 { margin-top: 29px !important; } .mT30 { margin-top: 30px !important; } .mT31 { margin-top: 31px !important; } .mT32 { margin-top: 32px !important; } .mT33 { margin-top: 33px !important; } .mT34 { margin-top: 34px !important; } .mT35 { margin-top: 35px !important; } .mT36 { margin-top: 36px !important; } .mT37 { margin-top: 37px !important; } .mT38 { margin-top: 38px !important; } .mT39 { margin-top: 39px !important; } .mT40 { margin-top: 40px !important; } .mT41 { margin-top: 41px !important; } .mT42 { margin-top: 42px !important; } .mT43 { margin-top: 43px !important; } .mT44 { margin-top: 44px !important; } .mT45 { margin-top: 45px !important; } .mT46 { margin-top: 46px !important; } .mT47 { margin-top: 47px !important; } .mT48 { margin-top: 48px !important; } .mT49 { margin-top: 49px !important; } .mT50 { margin-top: 50px !important; } .mT51 { margin-top: 51px !important; } .mT52 { margin-top: 52px !important; } .mT53 { margin-top: 53px !important; } .mT54 { margin-top: 54px !important; } .mT55 { margin-top: 55px !important; } .mT56 { margin-top: 56px !important; } .mT57 { margin-top: 57px !important; } .mT58 { margin-top: 58px !important; } .mT59 { margin-top: 59px !important; } .mT60 { margin-top: 60px !important; } .mT61 { margin-top: 61px !important; } .mT62 { margin-top: 62px !important; } .mT63 { margin-top: 63px !important; } .mT64 { margin-top: 64px !important; } .mT65 { margin-top: 65px !important; } .mT66 { margin-top: 66px !important; } .mT67 { margin-top: 67px !important; } .mT68 { margin-top: 68px !important; } .mT69 { margin-top: 69px !important; } .mT70 { margin-top: 70px !important; } .mT71 { margin-top: 71px !important; } .mT72 { margin-top: 72px !important; } .mT73 { margin-top: 73px !important; } .mT74 { margin-top: 74px !important; } .mT75 { margin-top: 75px !important; } .mT76 { margin-top: 76px !important; } .mT77 { margin-top: 77px !important; } .mT78 { margin-top: 78px !important; } .mT79 { margin-top: 79px !important; } .mT80 { margin-top: 80px !important; } .mT81 { margin-top: 81px !important; } .mT82 { margin-top: 82px !important; } .mT83 { margin-top: 83px !important; } .mT84 { margin-top: 84px !important; } .mT85 { margin-top: 85px !important; } .mT86 { margin-top: 86px !important; } .mT87 { margin-top: 87px !important; } .mT88 { margin-top: 88px !important; } .mT89 { margin-top: 89px !important; } .mT90 { margin-top: 90px !important; } .mT91 { margin-top: 91px !important; } .mT92 { margin-top: 92px !important; } .mT93 { margin-top: 93px !important; } .mT94 { margin-top: 94px !important; } .mT95 { margin-top: 95px !important; } .mT96 { margin-top: 96px !important; } .mT97 { margin-top: 97px !important; } .mT98 { margin-top: 98px !important; } .mT99 { margin-top: 99px !important; } .mT100 { margin-top: 100px !important; } .mT101 { margin-top: 101px !important; } .mT102 { margin-top: 102px !important; } .mT103 { margin-top: 103px !important; } .mT104 { margin-top: 104px !important; } .mT105 { margin-top: 105px !important; } .mT106 { margin-top: 106px !important; } .mT107 { margin-top: 107px !important; } .mT108 { margin-top: 108px !important; } .mT109 { margin-top: 109px !important; } .mT110 { margin-top: 110px !important; } .mT111 { margin-top: 111px !important; } .mT112 { margin-top: 112px !important; } .mT113 { margin-top: 113px !important; } .mT114 { margin-top: 114px !important; } .mT115 { margin-top: 115px !important; } .mT116 { margin-top: 116px !important; } .mT117 { margin-top: 117px !important; } .mT118 { margin-top: 118px !important; } .mT119 { margin-top: 119px !important; } .mT120 { margin-top: 120px !important; } .clfx::after { content: ""; clear: both; display: table;} .fsI { font-style: italic; } .dB { display: block; } .dIB { display: inline-block; } .ofH { overflow: hidden;} .fL { float: left;} .fR { float: right;} .aL { text-align: left !important;} .aC { text-align: center !important;} .aR { text-align: right !important;} .aJ { text-align: justify !important; text-justify: inter-ideograph !important;} .fwN { font-weight: normal !important;} /*.fw200 { font-weight: 200 !important;}*/ /*Extra-Light*/ .fw300 { font-weight: 300 !important;} /*Light*/ .fw400 { font-weight: 400 !important;} /*Regular*/ .fw500 { font-weight: 500 !important;} /*Medium*/ /*.fw600 { font-weight: 600 !important;}*/ /*Semi-Bold*/ .fw700 { font-weight: 700 !important;} /*Bold*/ /*.fw900 { font-weight: 900 !important;}*/ /*Black*/ .fwB { font-weight: bold !important;} .clB { clear: both !important;} .wSN { white-space: nowrap !important;} .lSN { letter-spacing: 0 !important;} .lh100 { line-height: 1.00; } .lh120 { line-height: 1.20; } .lh140 { line-height: 1.40; } .lh180 { line-height: 1.80; } .lh200 { line-height: 2.00; } .lh220 { line-height: 2.20; } .lh225 { line-height: 2.25; } .ls100 { letter-spacing: 0.10em; } .ls140 { letter-spacing: 0.14em; } .ls180 { letter-spacing: 0.18em; } .ls190 { letter-spacing: 0.19em; } .ls200 { letter-spacing: 0.2em; } .ls260 { letter-spacing: 0.26em; } .colWh { color: #FFF; } .colBn01 { color: #6A3906; } .colBn02 { color: #80652e; } .colBl01 { color: #468CC1 !important; } .colBl02 { color: #262E52 !important; } .colPk01 { color: #D56492 !important; } .colOr01 { color: #E5934F; } .colGy01 { color: #727171; } .colGy02 { color: #595757; } .colRd01 { color: #DA3A72; } .noteTxt { margin-left: 1em; text-indent: -1em; } .txtV { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} .ffGoth { font-family: 'M PLUS 1p', sans-serif;} .ffMin { font-family: 'Noto Serif JP', serif;} /*animation */ .aniObj { transition: all 1s ease-in-out; opacity: 0; transform-origin: left top; } .aniDisp { opacity: 1 !important; transform: translateY(0) translateX(0) rotate(0) !important; } .aniObjY01 { transform: translateY(20px); } .aniObjR01 { transform: translateX(20px); } .aniObjL01 { transform: translateX(-20px); } .aniObjD0 { transition-delay: 0s !important; } .aniObjD1 { transition-delay: 0.1s !important; } .aniObjD2 { transition-delay: 0.2s !important; } .aniObjD3 { transition-delay: 0.3s !important; } .aniObjD4 { transition-delay: 0.4s !important; } .aniObjD5 { transition-delay: 0.5s !important; } .aniObjD6 { transition-delay: 0.6s !important; } .aniObjD7 { transition-delay: 0.7s !important; } .aniObjD8 { transition-delay: 0.8s !important; } .aniObjD9 { transition-delay: 0.9s !important; } .aniObjD10 { transition-delay: 1s !important; } .aniObjD11 { transition-delay: 1.1s !important; } .aniObjD12 { transition-delay: 1.2s !important; } .aniObjD13 { transition-delay: 1.3s !important; } .aniObjD14 { transition-delay: 1.4s !important; } .aniObjD15 { transition-delay: 1.5s !important; } .aniObjD16 { transition-delay: 1.6s !important; } .aniObjD17 { transition-delay: 1.7s !important; } .aniObjD18 { transition-delay: 1.8s !important; } .aniObjD19 { transition-delay: 1.9s !important; } .aniObjD20 { transition-delay: 2s !important; } .aniObjD21 { transition-delay: 2.1s !important; } .aniObjD22 { transition-delay: 2.2s !important; } .aniObjD23 { transition-delay: 2.3s !important; } .aniObjD24 { transition-delay: 2.4s !important; } .aniObjD25 { transition-delay: 2.5s !important; } .aniObjD26 { transition-delay: 2.6s !important; } .aniObjD27 { transition-delay: 2.7s !important; } .aniObjD28 { transition-delay: 2.8s !important; } .aniObjD29 { transition-delay: 2.9s !important; } .aniObjD30 { transition-delay: 3s !important; } .aniObjD31 { transition-delay: 3.1s !important; } .aniObjD32 { transition-delay: 3.2s !important; } .aniObjD33 { transition-delay: 3.3s !important; } .aniObjD34 { transition-delay: 3.4s !important; } .aniObjD35 { transition-delay: 3.5s !important; } .aniObjD36 { transition-delay: 3.6s !important; } /* common *************************************************************************************************************************************************************************************/ /*header*/ header { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 104px; background: #FFF;} #indexBody header { opacity: 0; transition: all 1s ease-in-out;} .headerWrap {} #header01 { width: 100%; height: 64px; } #title { position: relative; width: calc( 100% - 140px ); height: 64px; } #title img { width: auto; height: 38px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } #leadTxt { display: none; } #headerTel { position: fixed; width: 50%; bottom: 0; left: 0; z-index: 10; height: 56px;} #headerTel a { width: 100%; height: 56px; box-sizing: border-box; border-right: #FFF 1px solid; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; background: #1c2c46; line-height: 1; color: #FFF !important;} #headerTelTxt01 { font-size: 1.0rem; font-size: 2.66667vw; padding: 0 0 4px; } #headerTelTxt02 { } #headerTelTxt02 span { display: inline-block; background: url(images/icon_tel_wh.svg) no-repeat 0 50% /auto 20px; padding: 3px 0 3px 16px; font-size: 1.9rem; } #header02 { position: relative; background: #1C2C46; width: 100%; height: 40px;} #header0201 { /*width: calc( 100% - 110px ); height: 40px; box-sizing: border-box; padding: 0 8px; display: flex; flex-wrap: wrap; align-items: center; line-height: 1;*/ display: none;} #header0201Txt01 { /*width: 30%; padding: 0 8px 0 0; box-sizing: border-box;*/ display: none; } #header0201Txt02 { /*width: 70%;*/ display: none; } #header0202 { width: 100%; height: 40px; box-sizing: border-box; position: absolute; top: 0; right: 0; background: #80652E url(images/header_bg01_sp.jpg) no-repeat 0 0 / auto 100%; padding: 0 0 0 0; line-height: 1.4; display: none;} #header0202 a { font-size: 1.0rem; font-size: 2.66667vw; color: #FFF !important; display: inline-block; transform-origin: left top; transform: translateY(4px) translateX(6px) scale(0.75); white-space: nowrap;} #header0202 a > span { display: inline-block; letter-spacing: -0.3em; } #header0203 { width: 100%; height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .header0203__01 { width: calc( 100% - 115px ); font-size: 9px; color: #FFF; text-align: center;} .header0203__01__01 { font-size: 13px;} .header0203__02 { position: relative; width: 115px; height: 40px; box-sizing: border-box; font-size: 12px; color: #FFF !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px;} .header0203__02::before{ content: ''; display: block; width: 1px; height: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);background: rgba(255,255,255,0.5);} #headerReservation { position: fixed; width: 50%; bottom: 0; right: 0; z-index: 10; height: 56px;} #headerReservation a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 56px; background: #1c2c46; color: #FFF !important;} #headerReservationTxt01 { background: url(images/icon_net_w.svg) no-repeat 0 50% /auto 18px; padding: 10px 0 10px 24px;} #headerReservationTxt02 {} .menuBtn { position: absolute; top: 0; right: 0; width: 70px; height: 64px; cursor: pointer; background: #1c2c46;} .menuBtn .menuBtnBar { overflow: hidden; position: absolute; left: 19px; display: block; width: 32px; height: 1px; background: #FFF; transition: all 0.25s ease-in-out;} .menuBtn01 { top: 32px;} .menuBtn02 { top: 40px;} .menuBtn03 { top: 48px;} .menuBtn #menuBtnTxt { position: absolute; top: 16px; left: 0px; line-height: 1; width: 100%; text-align: center; font-weight: 300 !important; font-size: 1.0rem; font-size: 2.66667vw; color: #FFF; transform: scale(0.8,0.8);} .menuBtn.active { } .menuBtn.active span {} .menuBtn.active .menuBtn01 { transform: translateY(10px) translateX(0) rotate(45deg);} .menuBtn.active .menuBtn02 { transform: translateY(3px) translateX(0) rotate(-45deg);} .menuBtn.active .menuBtn03 { display: none;} .instaBtnSp{ position: absolute; top: 0; right: 70px; width: 70px; height: 64px; cursor: pointer; background: #80652d;} .instaBtnSp a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%;} .instaBtnSp a img { width: 40px;} .instaBtnPc { display: none;} .navLock { height: 100%;} nav { display: none; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; padding: 105px 0 56px; box-sizing: border-box; background: rgba(255,255,255,1); } nav > div { position: relative; overflow: auto; width: 100%; height: 100%; padding: 0; box-sizing: border-box; padding-top: calc( 1.6rem + 48px); padding-top: calc( 4.26667vw + 48px); padding-left: 20px; padding-right: 20px; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;} nav > div:before { content: ""; display: block; position: absolute; top: calc( 0.8rem + 24px ); top: calc( 2.133335vw + 24px); left: 0; width: 100%; height: 1px; background: #1c2c46;} nav > div:after { content: "高槻ウィズデンタルクリニック"; display: block; position: absolute; top: 24px; left: 50%; padding: 0 1em; line-height: 1; transform: translateY(0) translateX(-50%); color: #1c2c46; background: #FFF; font-size: 1.6rem; font-size: 4.26667vw; white-space: nowrap; letter-spacing: 0.05em;} nav > div > ul { width: 50%;} nav > div > ul > li { width: 100%; padding: 0; box-sizing: border-box;} nav > div > ul:last-child > li { padding: 0; } nav > div > ul > li a { position: relative; display: block; color: #1c2c46 !important; padding: 0.75em 0 0.75em 1.2em; line-height: 1.2;} nav > div > ul > li > a:before { content: "〇"; display: block; position: absolute; top: 0.75em; left: 0;} nav > div > ul > li > ul { padding: 0;} nav > div > ul > li > ul > li {padding: 0;} nav > div > ul > li > ul > li > a { position: relative; display: block; color: #1c2c46 !important; padding: 0.75em 0 0.75em 1.2em; line-height: 1.2;} nav > div > ul > li > ul > li > a:before { content: "・"; display: block; position: absolute; top: 0.75em; left: 0;} nav > div > ul:nth-child(1) { order: 1; } nav > div > ul:nth-child(2) { order: 3; } nav > div > ul:nth-child(3) { order: 4; } nav > div > ul:nth-child(4) { order: 2; } /*footer*/ footer { overflow: hidden; padding: 80px 20px 56px; background: #FFF;} #footer01 { line-height: 1.2; padding: 0 0 24px;} #footer01Txt01 { margin: 0 0 20px; padding: 7vw 0; padding-left: calc( 25vw + 24px ); background: url(images/logo_rectangle01.svg) no-repeat 0 50% /25vw auto;} #footer01Txt01 span { display: block;} #footer01Txt02 { text-align: center; padding: 0 0 16px;} #footer01Txt03 { text-align: center; padding: 0 0 16px; font-weight: 500; letter-spacing: 0.22em; font-size: 1.6rem; font-size: 4.26667vw;} #footer01Txt04 { padding: 0 0 16px;} #footer01Txt04 ul { display: flex; flex-wrap: wrap; justify-content: center;} #footer01Txt04 ul li:after { content: "／"; } #footer01Txt04 ul li:last-child:after { content: ""; } #footer01Txt05 { padding: 0 0 16px;} #footer01Txt05 ul { display: flex; flex-wrap: wrap; justify-content: center; font-size: 1.5rem; font-size: 4vw;} #footer01Txt05 ul li:after { content: "・"; } #footer01Txt05 ul li:last-child:after { content: ""; } #footer0101 { margin: 0 0 12px; } #footer0101 dl { font-weight: 300; border: #886f3b solid 1px; padding: 12px 8px 14px; margin: 0 0 12px; border-radius: 10px; line-height: 1; text-align: center;} #footer0101 dt { padding: 0 0 12px; margin: 0 0 12px; border-bottom: #886f3b solid 1px; } #footer0101 dd { letter-spacing: 0.18em; font-size: 2.0rem; font-size: 5.33333vw;} #footer0101 dd a { background: url(images/icon_tel_bn.svg) no-repeat 0 50% /auto 1.1em; padding: 0 0 0.1em 1em; color: #886f3b;} #footerCard { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: #886f3b solid 1px; padding: 8px; border-radius: 10px; line-height: 1;} #footerCard li { margin: 4px; width: calc( (100% - 16px - 56px)/8 ); } #footerReservation { font-weight: 300; border: #886f3b solid 1px; padding: 12px 0; border-radius: 10px; line-height: 1; text-align: center; } #footerReservation a { background: url(images/icon_net_bn.svg) no-repeat 0 50% /auto 1.3em; padding: 0.2em 0 0.2em 1.75em; color: #80652E;} #footer0102 { } #footer010201 { border-radius: 8px; border: #886F3B solid 1px; margin: 0 0 8px;} #footer0102 table { width: 100%; } #footer0102 table th,#footer0102 table td { text-align: center; font-weight: 400; border-bottom: #886F3B solid 1px; line-height: 1;} #footer0102 table tr:last-child th,#footer0102 table tr:last-child td { border-bottom: none;} #footer0102 table th { padding: 1em 0; text-align: center; color: #5D5C59;} #footer0102 table th.footer0102Th01 { position: relative; width: 10%;} #footer0102 table th.footer0102Th01 span { display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);} #footer0102 table th.footer0102Th01 span:nth-child(1) { margin: -0.5em 0 0 -0.5em; } #footer0102 table th.footer0102Th01 span:nth-child(2) { margin: 0.5em 0 0 0.5em; } #footer0102 table td { transform: scale(1.2); } #footer010202 { text-align: right; color: #5D5C59;} #footer010202 span { display: inline-block; position: relative; padding-left: 1.4em;} #footer010202 span:before { content: ''; display: block; width: 1em; height: 1em; position: absolute; top: 0; left: 0; border-radius: 1em; border: #886F3B 2px solid;} #footerRoute { border-radius: 8px; border: #886F3B solid 1px; padding: 12px 0; margin: 0 0 16px; line-height: 1.4; color: #806533; font-size: 1.8rem; font-size: 4.8vw; text-align: center;} #footerRoute a { display: block; color: #806533 !important; } #footer02 { overflow: hidden; padding: 0 0 40px; } #footer02Img { padding: 0 0 24px; } #footer0201 { border-radius: 8px; border: #886F3B solid 1px; text-align: center; padding: 0 8px;} #footer0201Txt01 { text-align: center; padding: 14px 0; letter-spacing: 0.34em; font-weight: 500; color: #262E52; line-height: 1; font-size: 1.5rem; font-size: 4vw;} .footer0201Txt02 { font-weight: 300; border-top: #80652E solid 1px; line-height: 1.2; padding: 8px 0; } #footer0201 ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 0 8px;} #footer0201 ul li { margin: 0 8px;} #footer0201 ul a { color: #80652E; display: block; position: relative; padding: 72px 0 0; font-weight: 500;} #footer0201 ul a:after { content: ""; width: 88px; height: 72px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 50% 100%;} #footer0201Txt03 {} #footer0201Txt03 a {} #footer0201Txt03 a:after { background-image: url(images/footer_patient01.png); background-size: auto 100%;} #footer0201Txt04 {} #footer0201Txt04 a {} #footer0201Txt04 a:after { background-image: url(images/footer_patient02.png); background-size: auto 69%;} #footer0201Txt05 { text-align: center; line-height: 1; padding: 8px 0 16px;} #footer0201Txt05 a { display: inline-block; padding: 0.5em 8em 0.5em 0; background: url(images/footer_patient03.png) no-repeat 100% 50% / auto 2em; color: #80652E; font-weight: 500;} #footer03 { padding: 0 0 24px; overflow: hidden;} #footer0301 { padding: 0 0 16px; } #footer0301Sub01 {} #footer0301Sub01 img { width: auto; height: 48px; } #footer0301Sub02 { margin: -1em 0 32px 0; padding: 0 0 0 25vw; } #footerNewsUl {} #footerNewsUl {} #footerNewsUl li { position: relative; line-height: 1.2; padding: 0 0 16px; margin: 0 0 16px; font-family: 'Noto Serif JP', serif;} #footerNewsUl li:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to right, #BEBFBF, #BEBFBF 2px, transparent 5px, transparent 5px); background-size: 7px 1px; height: 1px;} #footerNewsUl li dt { padding: 0 0 8px;font-size: 1.2rem; font-size: 3.2vw;} #footerNewsUl li dd {} #footer04 { clear: both; padding-bottom: 24px;} #footerMapPare { position: relative; padding-bottom: 50vw; height: 0; overflow: hidden;} #footerMapPare iframe, #footerMapPare object, #footerMapPare embed { position: absolute; top: 0; left: 0; width: 100%;height: 100%;} #footerExplanationLink { border-top: #80652E solid 1px; border-bottom: #80652E solid 1px; padding: 8px 0;} #footerExplanationLink ul { display: flex; flex-wrap: wrap; align-items: center; font-family: 'Noto Serif JP', serif; font-size: 1.4rem; font-size: 3.73333vw; line-height: 1;} #footerExplanationLink ul li { width: 50%; position: relative; } #footerExplanationLink ul li:nth-child(1):after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #80652E; } #footerExplanationLink ul li a { display: block; padding: 1em 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #80652E;} #footer05 { padding: 0 0 24px; } #footer0501 { text-align: center; padding: 16px 0; } #footer0501 img { width: auto; height: 64px; } #footer0502 { display: flex; flex-wrap: wrap; font-family: 'Noto Serif JP', serif;} #footer0502 > ul { width: 50%; margin: 0 0 1em; font-size: 1.2rem; font-size: 3.2vw;} #footer0502 > ul li { margin-bottom: 4px; } #footer0502 > ul > li > a { display: block; position: relative; padding-left: 1.2em; color: #80652E !important;} #footer0502 > ul > li > a:before { content: '〇'; display: block; position: absolute; top: 0; left: 0; } #footer0502 > ul > li ul { padding: 0.5em 0 0;} #footer0502 > ul > li li a { display: block; position: relative; padding-left: 1em; color: #80652E !important;} #footer0502 > ul > li li a:before { content: '・'; display: block; position: absolute; top: 0; left: 0; } #footer0502 > ul:nth-child(1) { order: 1; } #footer0502 > ul:nth-child(2) { order: 3; } #footer0502 > ul:nth-child(3) { order: 4; } #footer0502 > ul:nth-child(4) { order: 2; } footer small { clear: both; display: block; width: 100vw; padding: 2em 0; margin: 0 0 0 -20px; background: #80652e; color: #FFF; text-align: center; font-size: 1.0rem; font-size: 2.66667vw;} /* parts *************************************************************************************************************************************************************************************/ body { padding-top: 104px; } #postBody { padding-top: 96px;} .pageTitlte { position: relative; width: 100%; height: 75vw; margin: 0 0 32px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} #general-dentistryTitle { background-image: url(images/general-dentistry_main.jpg); background-position: 75% 50%;} #general-dentistryTitle .pageTitlteTxt01 { position: absolute; bottom: 5%; left: 0; padding: 0 20px;} #esthetic-dentistryTitle { background-image: url(images/esthetic-dentistry_main.jpg); background-position: 50% 50%;} #esthetic-dentistryTitle .pageTitlteTxt01 { position: absolute; top: 7.5%; left: 0; padding: 0 20px;} #whiteningTitle { background-image: url(images/whitening_main.jpg); background-position: 50% 50%;} #whiteningTitle .pageTitlteTxt01 { position: absolute; top: 5%; left: 0; padding: 0 20px; width: 100%; box-sizing: border-box; text-align: right;} #preventionTitle { background-image: url(images/prevention_main.jpg); background-position: 50% 50%;} #preventionTitle .pageTitlteTxt01 { position: absolute; top: 15%; left: 0; padding: 0 20px;} #dentureTitle { background-image: url(images/denture_main.jpg); background-position: 50% 50%;} #all-generationsTitle { background-image: url(images/all-generations_main.jpg); background-position: 50% 50%;} #implantTitle { background-image: url(images/implant_main.jpg); background-position: 50% 50%;} #periodonticsTitle { background-image: url(images/perio_main.jpg); background-position: 50% 50%;} #with-childrenTitle { background-image: url(images/with-children_main.jpg); background-position: 60% 50%;} #clinicTitle { background-image: url(images/clinic_main.jpg); background-position: 50% 50%;} #staffTitle { background-image: url(images/staff_main_sp.jpg); background-position: 50% 50%;} #womenTitle { background-image: url(images/women_main.jpg); background-position: 50% 50%;} #womenTitle .pageTitlteTxt01 { position: absolute; top: 50%; left: 0; width: 100%; box-sizing: border-box; transform: translateY(-50%); padding: 0 20px; text-align: center;} #happyTitle { background-image: url(images/women-happy_main.jpg); background-position: 50% 50%;} #happyTitle .pageTitlteTxt01 { position: absolute; top: 5%; right: 0; padding: 0 20px;} #qaTitle { background-image: url(images/qa_main.jpg); background-position: 50% 50%;} #blogTitle { background-image: url(images/blog_main.jpg); background-position: 50% 50%;} #informationTitle { background-image: url(images/information_main.jpg); background-position: 50% 50%;} #staff-blogTitle { background-image: url(images/staff-blog_main.jpg); background-position: 50% 50%;} #caseTitle { background-image: url(images/case_main.jpg); background-position: 50% 50%;} #caseTitle .pageTitlteTxt01 { position: absolute; top: 50%; right: 0; padding: 0 20px; transform: translateY(-50%);} #case02Title { background-image: url(images/case02_main.jpg); background-position: 50% 50%;} #case02Title .pageTitlteTxt01 { position: absolute; top: 50%; right: 0; padding: 0 20px; transform: translateY(-50%);} #orthodonticsTitle { background-image: url(images/orthodontics_main.jpg); background-position: 50% 50%;} #cerecTitle { background-image: url(images/cerec_main.jpg); background-position: 50% 50%;} #cerecTitle .pageTitlteTxt01 { position: absolute; top: 50%; left: 0; padding: 0 0 0 32px; transform: translateY(-50%); width: 160px;} .hTxtBT02 { padding: 8px; border-top: #80652E solid 2px; border-bottom: #80652E solid 2px; } .hTxtBorder { text-align: center; line-height: 1;} .hTxtBorder > span { display: inline-block; padding: 1em 2em; border: #693924 solid 1px; border-radius: 64px; } .twoColFlex {} .twoColFlexCh { padding-bottom: 64px; } .twoColFlexCh:last-child { padding-bottom: 0; } .twoColFlexChLR { padding-left: 20px; padding-right: 20px; } .circleList01 {} .circleList01 li { position: relative; padding-left: 0.75em;} .circleList01 li:before { content: ""; display: block; width: 3px; height: 3px; position: absolute; top: 0.75em; left: 0; border-radius: 4px; background: #595757;} .middotList {} .middotList > li { position: relative; padding-left: 1em;} .middotList > li:before { content: '・'; position: absolute; top: 0; left: 0; } .squareList {} .squareList > li { position: relative; padding-left: 1.5em; padding-bottom: 0.75em;} .squareList > li:before { content: '□'; position: absolute; top: 0; left: 0; } .linkBtn01 { line-height: 1;} .linkBtn01 span { display: inline-block; padding: 10px 20px; color: #FFF; background: #80652E;} .priceTxt { color: #595757; padding-bottom: 16px; } .linkWh { color: #FFF !important; } .linkBn01 { color: #6A3906 !important; } .caseBtn { text-align: center; padding: 0 20px; } .caseBtn > a { display: inline-block; overflow: hidden; border: #80652E solid 1px; border-radius: 12px; margin: 0 auto; box-sizing: border-box; line-height: 1; background: #FFF;} .caseBtn > a > span { display: block;} .caseBtnTxt01 { padding: 0.8em 2em 0.5em; color: #80652E; font-size: 1.8rem; font-size: 4.8vw;} .caseBtnTxt02 { padding: 0.4em 1em; background: #BEA36A; color: #FFF; letter-spacing: 0.08em; font-size: 1.2rem; font-size: 3.2vw;} .table01 { width: 100%; } .table01 th,.table01 td { border: #959495 solid 1px; font-weight: 400; padding: 1em; vertical-align: middle;} .table01 td.bbDash01 { border-bottom: #959495 dashed 1px;} .table01 td.btDash01 { border-top: #959495 dashed 1px;} .blogUl { display: flex; flex-wrap: wrap;} .blogUl > li { width: calc( (100% - 20px)/2 ); margin: 20px 20px 0 0; } .blogUl > li:nth-child( -n + 2 ) { margin-top: 0; } .blogUl > li:nth-child( 2n ) { margin-right: 0;} .blogUlImg { line-height: 1; border: #EEE 1px solid; box-sizing: border-box;} .blogUlImg img { width: 100%; } .blogUlTxt01 { font-size: 1.4rem; } .postTitle { font-weight: 500 !important; font-size: 2.0rem; line-height: 1.4; padding: 0 0 4px;} .postDate { padding: 0 0 24px; } .postContent {} .postContent p { padding-bottom: 1.6em; } img.centered { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0; } img.alignnone { display: inline; margin: 0 0 10px 0; padding: 0; } img.alignright { display: inline; margin: 0 0 10px 10px; padding: 0; } img.alignleft { display: inline; margin: 0 10px 10px 0; padding: 0; } .aligncenter { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } .wp-caption { background: #F7F7F7; border: 1px solid #e6e6e6; padding: 4px 0 5px 0; text-align: center; } .wp-caption p.wp-caption-text { font-size: 11px; font-weight: normal; line-height: 12px; margin: 0; padding: 0; } .wp-caption img { border: 0; margin: 0 0 5px 0; padding: 0; } .singlePageNav { position: relative; overflow: hidden; clear: both; padding: 0; margin: 48px 0;} .singlePageNav:before { content: "◎"; color: #000032; font-size: 142.9%; line-height: 1; display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);} .prev { float: left; width: 50%; text-align: right; padding-right: 2em; box-sizing: border-box;} .next { float: right; width: 50%; text-align: left; padding-left: 2em; box-sizing: border-box;} #pagerPare { overflow: hidden; padding: 48px 7.4% 80px; text-align: center;} .wp-pagenavi { clear: both;} .wp-pagenavi a, .wp-pagenavi span { display: inline-block; text-decoration: none; border: 1px solid #000032; padding: 0px 8px; margin: 2px; color: #000032;} .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000032; color: #000032;} .wp-pagenavi span.current { font-weight: bold;} /* page *************************************************************************************************************************************************************************************/ /*indexMainImg*/ #indexMainImg { position: relative; z-index: -1; overflow: hidden; display: block; width: 100%; height: calc( 100vw ); transition: all 1s ease-in-out; opacity: 0; background: url(images/poster.jpg) no-repeat 50% 50% / cover;} #indexMainImg video { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; min-width: 100%; max-height: calc( 100vw ); } /*indexForEveryone*/ #indexForEveryone { position: relative; } .indexForEveryoneImg {} .indexForEveryoneSub01 { position: absolute; top: 12vw; left: 30px;} .indexForEveryoneSub01 img { height: 15vw; } .indexForEveryoneSec01 { padding-left: 20px; padding-right: 20px; opacity: 0; transition: all 1s ease-in-out; opacity: 0; } .indexForEveryoneSec01.active { opacity: 1; transition-delay: 0.4s !important;} .indexForEveryoneSub02 { position: absolute; top: 35vw; left: 0; padding: 0.5em; background: rgba(80,46,23,0.72); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 1.4;} .indexForEveryoneTxt01 { text-align: right; padding: 32px 0 0;} .indexForEveryoneTxt02 { color: #502E17; } .indexForEveryoneTxt03 { color: #502E17; } .indexForEveryoneTxt04 { color: #502E17; } .indexForEveryoneTxt05 { color: #502E17; } /*indexPickup*/ .indexPickupList { margin: 24px 20px; padding: 16px 8px; border-top: #7d6529 1px solid; border-bottom: #7d6529 1px solid;} .indexPickupList > li {} .indexPickupList > li dl { display: flex; flex-wrap: wrap;} .indexPickupList > li dt { width: 5.5em;} .indexPickupList > li dd { width: calc( 100% - 5.5em );} /*indexTotalApproach*/ #indexTotalApproach { padding: 32.5vw 0 0; background: url(images/index_sepalator_sp.png) no-repeat 0 0 /100% auto; } #indexTotalApproachSub01 { padding: 0 0 16px; line-height: 1; } #indexTotalApproachSub01 img { width: auto; height: 46px; } #indexTotalApproachBox01 {} #indexTotalApproachBox0101 { text-align: center; line-height: 1; } #indexTotalApproachBox0102 {} /*indexOurFeature*/ #indexOurFeature { padding: 26.6vw 0 0; background: url(images/index_sepalator_sp.png) no-repeat 0 0 /100% auto; } #indexOurFeatureSub01 { line-height: 1; } #indexOurFeatureSub01 img { width: auto; height: 46px; } .indexOurFeatureList01 {} .indexOurFeatureList01 li { clear: both; /*overflow: hidden; */padding: 0 0 13px; } .indexOurFeatureList01 a { color: #80652E !important; } .indexOurFeatureList01Img { width: 145px; float: right; margin-right: -20px;} .indexOurFeatureList01ImgTxt { } .indexOurFeatureList01Txt { padding: 24px 0 0; } .indexOurFeatureList01Txt01 {} .indexOurFeatureList01Txt02 {} .indexOurFeatureList01Txt03 {} .indexOurFeatureList01Txt04 { font-size: 1.0rem; font-size: 2.66667vw; line-height: 1;} .indexOurFeatureList01Txt04 span { display: inline-block; padding: 10px 20px; color: #FFF; background: #80652E;} .indexOurFeatureList02 {} .indexOurFeatureList02 > li { position: relative; clear: both; padding: 16px 16px 16px 38px; margin: 0 0 24px 22px; border: #80652E solid 1px; border-radius: 16px; box-sizing: border-box;} .indexOurFeatureList02 > li:last-child { margin-bottom: 0;} .indexOurFeatureList02 > li:after { content: ''; display: block; width: 43px; height: 38px; position: absolute; top: 50%; left: 0; background: #FFF url(images/logo_rectangle01.svg) no-repeat 50% 50% /100% 100%; transform: translateY(-50%) translateX(-50%);} .indexOurFeatureImg04 { position: relative; } .indexOurFeatureImg04Img { width: 100vw; margin: 0 0 20px -20px; } .indexOurFeatureImg04Txt01 { position: absolute; top: 50%; left: -10px; transform: translateY(-50%); margin-top: -8vw; } .indexOurFeatureImg04Txt02 {} /*indexTreatment*/ #indexTreatment { padding: 26.6vw 0 0; background: url(images/index_sepalator_sp.png) no-repeat 0 0 /100% auto; } #indexTreatmentSub01 { line-height: 1; } #indexTreatmentSub01 img { width: auto; height: 74px; } .indexTreatmentList01 { display: flex; flex-wrap: wrap; } .indexTreatmentList01 a { color: #80652E !important; } .indexTreatmentList01 li { width: calc( (100% - 24px)/2 ); margin: 24px 24px 0 0;} .indexTreatmentList01 li:nth-child(2n) { margin-right: 0;} .indexTreatmentList01 li:nth-child( -n + 2 ) { margin-top: 0;} .indexTreatmentList01Img {} .indexTreatmentList01Txt {} .indexTreatmentList01Txt01 {} .indexTreatmentList01Txt02 {} .indexTreatmentList01Txt03 {} /* indexCaseBtn */ .indexCaseBtn{ margin-bottom: 64px;} .indexCaseBtn * { box-sizing: border-box;} .indexCaseBtn__01{} .indexCaseBtn__02{} .indexCaseBtn__02__01{ background: #d5ccba; text-align: center; line-height: 1.2; padding: 16px 0;} .indexCaseBtn__02__01>h3{ font-size: 2.2rem; font-weight: 500; margin-bottom: 12px;} .indexCaseBtn__02__01>p{ font-size: 1.6rem;} .indexCaseBtn__02__02{ background: #e8e3d9; position: relative; padding: 24px 0; display: flex; flex-wrap: wrap; justify-content: center;} .indexCaseBtn__02__02>div{} .indexCaseBtn__02__02>div>ul{} .indexCaseBtn__02__02>div>ul>li{ font-size: 1.6rem;} .indexCaseBtn__02__02>div>ul>li a{ color: #80652e; cursor: pointer;} .indexCaseBtn__02__02>div>ul>li span{ font-size: 1.4rem;} .indexCaseBtn__02__02>p{ position: absolute; bottom: 0; right: 0;} .indexCaseBtn__02__02>p>a{ color: #FFF; font-weight: 700; letter-spacing: 0.1em; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; position: relative; width: 70px; height: 70px; cursor: pointer;} .indexCaseBtn__02__02>p>a>span{ position: relative; z-index: 1; display: inline-block; padding: 0 4px 0 0;} .indexCaseBtn__02__02>p>a:before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; bottom: 0;right: 0; background: #a6936d; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); } /*indexEquipment*/ #indexEquipment { position: relative; padding: 8vw 0 48px;} #indexEquipmentImg { position: relative; } #indexEquipmentImgTxt01 { line-height: 1;} #indexEquipmentImgTxt01 img { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); z-index: 1; width: auto; height: 52px;} #indexEquipmentImgTxt01:after { content: ''; display: block; width: 32vw; height: 53.4vw; position: absolute; top: 0; left: 0; z-index: 0; background: rgba(239,148,0,0.81);} #indexEquipmentBox {} #indexEquipmentBoxTxt01 { position: absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 1;} #indexEquipmentBoxTxt02 { padding: 20px 20px 0; } #indexEquipmentBoxTxt03 {} /*indexStaff*/ #indexStaff { position: relative; padding: 8vw 0 0;} #indexStaffImg { position: relative; } #indexStaffImgTxt01 { line-height: 1;} #indexStaffImgTxt01 img { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 1; width: auto; height: 52px;} #indexStaffImgTxt01:after { content: ''; display: block; width: 32vw; height: 53.4vw; position: absolute; top: 0; right: 0; z-index: 0; background: rgba(239,148,0,0.81);} #indexStaffBox {} #indexStaffBoxTxt01 { position: absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 1;} #indexStaffBoxTxt02 { padding: 20px 20px 0; } #indexStaffBoxTxt03 {} /*indexQA*/ #indexQA { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 16px 30px 0; background: url(images/index_qa_bg.jpg) no-repeat 50% 0 / cover; } .indexQATxt01 { margin: 0 0 8px; } .indexQATxt01 img { width: auto; height: 48px;} .indexQATxt02 {} #indexQAUl { display: flex; flex-wrap: wrap; } #indexQAUl li { width: calc( (100% - 20px)/2 ); margin: 0 20px 20px 0; padding: 0; box-sizing: border-box; border: rgba(255,255,255,0.68) 1px solid; font-size: 1.2rem; font-size: 3.2vw; font-family: 'Noto Serif JP', serif;} #indexQAUl li a { display: block; height: 100%; box-sizing: border-box; overflow: hidden; padding: 1em; position: relative; color: #FFF !important;} #indexQAUl li a:after { content: ""; display: block; width: 40px; height: 40px; position: absolute; bottom: 0; right: 0; background: #FFF; transform: translateY(50%) translateX(50%) rotate(45deg);} #indexQAUl li:nth-child(2n) { margin-right: 0;} #indexQAUl li dt { border-bottom: rgba(255,255,255,0.68) solid 1px; padding: 0 0 1em; margin: 0 0 1em;} #indexQAUl li dd { } .indexQABtn01 { margin: 0 auto; width: calc( (100% - 20px)/2 ); text-align: center; line-height: 1;} .indexQABtn01 a { display: block; background: #FFF; padding: 16px 0 4px;} /*indexBlog*/ #indexBlog { float: left; width: 100%; box-sizing: border-box; padding: 0 30px; background: #F5EDE3;} #indexBlog::after { display: block; clear: both; content: "";} .indexBlogTxt01 { position: relative; margin: -80px 0 0; } .indexBlogTxt01:before { content: ""; display: block; position: absolute; top: 0; left: -48px; width: 152px; height: 135px; background: url(images/index_staff-blog_bg01.png) no-repeat 0 0 / 100% 100%; } .indexBlogTxt01 img { position: relative; z-index: 1; width: auto; height: 56px; } .indexBlogTxt02 { position: relative; z-index: 1; } .indexPostWrap { margin-bottom: 24px;} .indexPostSub { position: relative; z-index: 1; font-family: 'Noto Serif JP', serif; color: #000; font-size: 17px; margin-bottom: 16px;} .indexPostUl {} .indexPostUl { display: flex; flex-wrap: wrap; align-items: flex-start;} .indexPostUl li { position: relative; width: calc( (100% - 20px)/2 ); margin: 0 20px 20px 0; box-sizing: border-box; font-size: 1.2rem; font-size: 3.2vw; font-family: 'Noto Serif JP', serif;} .indexPostUl li:nth-child(2n) { margin-right: 0;} .indexPostUlImg { padding: 0 0 4px; } .indexPostUlImg img { width: 100%; } .indexPostUl li dl { padding: 0 8px; } .indexPostUl li dt {} .indexPostUl li dd { } .indexPostUlImg02 { position: relative;} .indexPostUlImg02:before, .indexPostUlImg02:after { content: ''; display: block; position: absolute; top: 0; left: 0; } .indexPostUlImg02:before { background: rgba(126,86,30,0.6); width: calc( 100% - 16px ); height: calc( 100% - 16px ); } .indexPostUlImg02:after { background: rgba(126,86,30,0.8); width: calc( 100% - 8px ); height: calc( 100% - 8px );} .indexPostUlImg02--or:before { background: rgba(255, 180, 0, 0.8); width: calc( 100% - 16px ); height: calc( 100% - 16px ); } .indexPostUlImg02--or:after { background: rgba(255, 180, 0, 0.4); width: calc( 100% - 8px ); height: calc( 100% - 8px );} .indexPostUlImg02 img { opacity: 0 !important; } .indexPostUlTxt01 { position: absolute; top: 16px; left: 8px; line-height: 1; color: #FFF; font-size: 16px;} .indexPostUlTxt02 { position: absolute; bottom: 24px; right: 20px; line-height: 1; color: #FFF;} /*generalDentistry*/ #generalDentistryImg05 { overflow: hidden; padding: 32px 0; background: #242625 url(images/general-dentistry_img05.jpg) no-repeat 100% 0 /100% auto; } #generalDentistryImg05Wrap { /*margin: -24vw 0 0; */} #generalDentistryImg06 { overflow: hidden; padding: 32px 0 40vw; background: #e8e7e6 url(images/general-dentistry_img06.jpg) no-repeat 100% 100% /100% auto; } #generalDentistryImg06Wrap { /*margin: -24vw 0 0; */} .generalDentistryImg06List01 {} .generalDentistryImg06List01 > li { margin: 0 0 32px;} .generalDentistryImg06List01 > li > dl { display: flex; flex-wrap: wrap;} .generalDentistryImg06List01 > li > dl > dt { width: 25%; border-right: #80652E solid 1px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;} .generalDentistryImg06List01 > li > dl > dt > span { } .generalDentistryImg06List01 > li > dl > dd { width: 75%; box-sizing: border-box; padding-left: 25px;} .generalDentistryImg06List01 > li > dl > dd > dl > dt { } .generalDentistryImg06List01 > li > dl > dd > dl > dt:after { content: "…";} .generalDentistryImg06List01 > li > dl > dd > dl > dd { } /*esthetic*/ #esthetic { position: relative; padding-top: 24px;} #estheticDentistryImg01 { position: absolute; top: 0; right: 0; z-index: -1; width: 40vw;} #estheticDentistryImg01:after { content: ""; display: block; width: 50%; height: 60%; background: #FFF; position: absolute; bottom: 0; left: 0;} /*implant*/ .implantTitleBox01 {} .implantBox01 {} .implantFig { color: #727171; } .implantFigSub01 {} .implantFigSub02 { color: #1D2087; position: relative;} .implantFigSub02 > span { position: relative; z-index: 1; display: inline-block; background: #FFF; padding-right: 0.5em; } .implantFigSub02:before { content: ""; display: block; width: calc( 100% - 6px ); height: 1px; background: #231815; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} .implantFigSub02:after { content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 8px; border-color: transparent transparent transparent #231815;} .implantFigSub03 { color: #E50012; } .implantFig01 {} .implantFig01L01 { padding: 0 0 24px; } .implantFig01L0101 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .implantFig01L0101 h3 { text-align: center; margin-right: 16px;} .implantFig01L0101 p { max-width: 30%;} .implantFig01RPare { display: flex; flex-wrap: wrap; } .implantFig01RPare .middotList01 { margin-left: -16px; } .implantFig01R010101, .implantFig01R020101 { min-height: 234px; } .implantFig01R01 { width: calc( (100% - 16px)/2 ); box-sizing: border-box; margin-right: 16px; padding: 0 0 0 12px; background: url(images/implant_fig_border01.png) no-repeat 0 0 / auto;} .implantFig01R0101 {} .implantFig01R02 { width: calc( (100% - 16px)/2 ); box-sizing: border-box; padding: 0 0 0 12px; background: url(images/implant_fig_border01.png) no-repeat 0 0 / auto;} .implantFig01R0201 {} .implantFig0303 { margin: -40px 0 0 0; position: relative; z-index: -1;} /*perio*/ .periodonticsSec02 { display: flex; flex-wrap: wrap; margin: 0 0 48px;} .periodonticsSec0201 { width: calc( (100% - 40px)/2 ); margin: 0 40px 0 0;} .periodonticsSec0201:nth-child(2n) { margin-right: 0;} .periodonticsSec0201Txt01 {} .periodonticsSec0201Txt02Pare { display: flex; flex-wrap: wrap; flex-direction: column; align-content: space-between; justify-content: space-between;} .periodonticsSec0201Txt02-01 {} .periodonticsSec0201Txt02-02 { border: #80652E solid 1px; } .periodonticsSec0201Txt02-02 dt { padding: 0.5em 0; text-align: center; border-bottom: #80652E solid 1px; line-height: 1.2;} .periodonticsSec0201Txt02-02 dd { padding: 0.5em; } /*clinic*/ .clinicSec01 { position: relative; padding-bottom: 120px;} .clinicSec01Img {} .clinicSec01Img img { width: 100%; } .clinicSec01Img02 { float: left; margin-right: 16px; width: 72px;} .clinicSec01Txt01 { position: absolute; bottom: 0; right: 0; width: 90%; padding: 20px 24px; box-sizing: border-box; background: rgba(174,128,71,0.81); } .clinicSec01Txt01 dd { min-height: 6.5em;} .clinicSec02 {} .clinicSec0201 { position: relative; padding-bottom: 120px;} .clinicSec02Img {} .clinicSec02Img img { width: 100%; } .clinicSec02Txt01 { position: absolute; bottom: 0; right: 0; width: 90%; overflow: hidden; padding: 20px 24px; box-sizing: border-box; background: rgba(174,128,71,0.81); } .clinicSec02Txt01 dd { min-height: 6.5em;} .clinicSec03 { position: relative;} .clinicSec0301 { position: relative;} .clinicSec03Img {} .clinicSec03Img img { width: 100%; } .clinicSec03Txt01 { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 90%; overflow: hidden; padding: 20px 24px; box-sizing: border-box; background: rgba(174,128,71,0.81); } .clinicSec0302 { padding-left: 20px; padding-right: 20px; padding-top: 20px; } .clinicSec030201 { display: flex; flex-wrap: wrap; padding: 0 0 40px; position: relative; z-index: 1;} .clinicSec030201Img { width: 30%; margin-right: 16px;} .clinicSec030201 dl { width: calc( 70% - 16px );} .clinicSec04 {} .clinicSec04Ch { position: relative; margin: 0 0 24px; overflow: hidden; /*padding-bottom: 120px;*/} .clinicSec04Img { text-align: center; position: relative; z-index: 1;} .clinicSec04Img img { max-width: 50%;} .clinicSec04Txt01 { /*position: absolute; bottom: 0; right: 0;*/ float: right; margin: -32px 0 0 ; width: 90%; overflow: hidden; padding: 48px 24px 20px; box-sizing: border-box; background: rgba(174,128,71,0.81); } .clinicSec04Ch:nth-child(2) .clinicSec04Txt01 { float: left; } /*staff*/ .staffSec01 {} .staffSec01Img {} .staffSec01ImgL {} .staffSec01Txt { position: relative; color: #FFF; padding: 32px 20px 48px; background: rgba(197,156,99,0.81); } .staffSec01TxtImg { position: absolute;} .staffSec01TxtImg01 { top: 80px; left: 80px; transform: translateY(-40vw); } .staffSec01TxtImg02 { top: 0; left: 20px; transform: translateY(-40vw); } .staffSec01TxtImg img { width: auto; height: 56px;} .staffSec01Btn { position: absolute; bottom: 0; right: 0; } .staffSec01Btn a { display: inline-block; background: #FFF; padding: 7px 56px; line-height: 1;} .staffSec02 {} .staffSec02-01 { padding: 0 0 48px; } /*women*/ .womenBody { background: #F7F2F1; } #womenLocalNav { display: flex; flex-wrap: wrap; font-size: 1.7rem; font-size: 4.53333vw;} #womenLocalNav li { width: calc( ( 100% - ( 16px * 3 ) )/4 ); margin: 0 16px 0 0;} #womenLocalNav li:nth-child(4n) { margin-right: 0;} #womenLocalNav li a { display: block; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; color: #80652E; letter-spacing: 0.5em; padding: 5vw 0 0 4vw;} #womenLocalNav li:nth-child(1) a { background-image: url(images/women_nav01.png); } #womenLocalNav li:nth-child(2) a { background-image: url(images/women_nav02.png); } #womenLocalNav li:nth-child(3) a { background-image: url(images/women_nav03.png); } #womenLocalNav li:nth-child(4) a { background-image: url(images/women_nav04.png); } .womenSec { position: relative; padding-bottom: 48px; } .womenCover { position: relative; z-index: -1; width: 100%; height: 49vw; background-repeat: no-repeat; background-size: cover;} .womenCover:after { content: ""; display: block; width: 43%; height: 100%; background: rgba(247,242,241,0.8);} #womenMarriageCover { background-image: url(images/women-marriage_main.jpg); background-position: 60% 10%; } #womenPregnancyCover { background-image: url(images/women-pregnancy_main.jpg); background-position: 60% 40%; } #womenChildcareCover { background-image: url(images/women-childcare_main.jpg); background-position: 60% 20%; } #womenFutureCover { background-image: url(images/women-future_main.jpg); background-position: 70% 20%; } .womenCoverTxt01 { position: absolute; bottom: 0; right: 0; font-size: 4.3rem; font-size: 11.46667vw; color: #FFF; line-height: 1; transform: translateY(8%);} .womenSecWrap { padding: 0 20px; } .womenSecSec01 {} .womenSecSub01 { position: relative; letter-spacing: 0.5em;} .womenSecSub01:before { content: ''; position: absolute; top: -10vw; left: -10px; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 156px 156px 0 0; border-color: rgba(255,255,255,0.75) transparent transparent transparent; } /*explanation*/ #explanationBody { padding: 0 0 40px; font-family: 'Noto Serif JP', serif;} #explanationBody.explanationBody02 { padding-top: 124px;} #explanationBody h1 { background: #80652E; color: #FFF; line-height: 1; padding: 1.5em 0; text-align: center; letter-spacing: 0.38em;} #explanation { padding: 0 20px; color: #595757;} /*dr*/ #drBody { padding: 40px 0 40px; color: #595757;} #drBody h1 { padding: 0 20px;} #dr { padding: 0 20px;} .drSec01 { padding: 0 0 20px; } .drList { line-height: 1.4; } .drList > li { padding-bottom: 10px; } .drBookPare { padding: 0 20px; clear: both;} .drBook {} .drBook li { margin: 0 0 24px; } .drBook li dl { display: flex; flex-wrap: wrap; align-items: center; } .drBook li dl dt { width: 30%; padding: 0 16px 0 0; box-sizing: border-box;} .drBook li dl dd { width: 70%; line-height: 1.4; font-size: 1.0rem;} /*case*/ .caseSec01 {} .caseTitle { line-height: 1; text-align: center; margin: 0 0 24px;} .caseTitle01 { position: relative; letter-spacing: 0.5em; margin: 0 0 12px;} .caseTitle01:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateY(-1px) translateX(-50%); background: #80652E;} .caseTitle02 {} .caseList01 { display: flex; flex-wrap: wrap; } .caseList01 > li { width: calc( (100% - 20px)/2 ); margin-right: 20px; } .caseList01 > li:nth-child(2n) { margin-right: 0;} .caseList01Img { padding: 0 0 8px; } .caseList01Txt { text-align: center; letter-spacing: 0.5em;} /*case02*/ .caseBlk01{ margin-bottom: 24px;} .caseBlk01--singular{ padding-top: 48px;} .caseBlk01__01{ margin-bottom: 32px;} .caseSub01{ font-size: 1.7rem; font-size: 4.53333vw; color: #80652e; letter-spacing: 0.1em; text-align: center; margin-bottom: 20px;} .caseImgs{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 5px; margin-bottom: 32px; text-align: center; line-height: 1.2;} .caseImgs>li{ width: calc( (100% - 5px)/2 ); margin: 40px 0 5px; } .caseImgs>li:nth-child( -n + 2 ){ margin-top: 0;} .caseImgs__img{ margin-bottom: 14px;} .caseImgs__txt{ } .caseDescription{ padding: 0 24px;} .caseDescriptionDl{} .caseDescriptionDl>dt{ font-weight: 700; font-size: 1.5rem; font-size: 4vw; margin-bottom: 4px;} .caseDescriptionDl>dd{} .caseDescriptionTable{ width: 100%;} .caseDescriptionTable th,.caseDescriptionTable td{ display: block; width: 100%; font-size: 1.3rem; font-size: 3.46667vw; font-weight: 400;} .caseDescriptionTable th{} .caseDescriptionTable td{ margin-bottom: 24px;} #accessStationBody { padding: 0 0 48px; } #accessStationWrap {} .accessStationSub { padding: 30px 0; background: #C8AD3A; color: #FFF; text-align: center;} .accessStationImg01 { padding: 0 36px 16px; } .accessStationNav { margin: 0 12px 20px; display: flex; flex-wrap: wrap; border: #C8AD3A solid 2px; box-sizing: border-box;} .accessStationNav > li { width: calc( 100% / 3 ); text-align: center; line-height: 1.6; border-right: #C8AD3A solid 2px; box-sizing: border-box;} .accessStationNav > li:nth-child( 3n ) { border-right: none;} .accessStationNav > li > a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 0.5em; font-weight: 700; color: #595757 !important;} .accessStationNav > li.active > a { background: #C8AD3A; color: #FFF !important;} .accessStationRoute { padding: 0 36px; font-weight: 700; color: #595757;} .accessStationRoute > li { margin: 0 0 24px;} .accessStationRouteImg { padding: 0 0 10px; } .accessStationRouteTxt {} /*orthodontics*/ .orthodonticsList01 { display: flex; flex-wrap: wrap; padding: 0 32px;} .orthodonticsList01__01 { width: calc( (100% - 50px)/2 ); margin: 25px 50px 0 0;} .orthodonticsList01__01:nth-child( -n + 2 ) { margin-top: 0;} .orthodonticsList01__01:nth-child(2n) { margin-right: 0;} .orthodonticsList01__img { margin-bottom: 14px;} .orthodonticsList01__txt { font-weight: 700; text-align: center;} .orthodonticsBlk01Wrap {} .orthodonticsBlk01 { margin-bottom: 24px;} .orthodonticsBlk01--last { margin-bottom: 0;} .orthodonticsBlk01__img--pc { display: none;} .orthodonticsBlk01__01 { display: flex; flex-wrap: wrap; margin-bottom: 24px;} .orthodonticsBlk01__01__sub { width: calc( 100% - 160px ); background: #f2efea; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; font-weight: 700;} .orthodonticsBlk01__01__sub >span { font-size: 3.73333vw;} .orthodonticsBlk01__01__sub >span >span { font-size: 3.46667vw;} .orthodonticsBlk01__img--sp { width: 160px;} .orthodonticsBlk01__02 {} .orthodonticsNumBlkWrap {} .orthodonticsNumBlk { margin-bottom: 28px; padding-left: 36px; padding-top: 4px; position: relative; } .orthodonticsNumBlk__num { font-size: 6.4vw; line-height: 1; position: absolute; top: 0; left: 0; } .orthodonticsNumBlk__num:before { content: ''; display: block; width: 2em; height: 1px; background: #80652E; margin-top: 0.25em; position: absolute;top: 50%; left: -8px; transform: translateY(-50%) translateX(-0) rotate(-45deg); } .orthodonticsNumBlk dt{ font-weight: 700; font-size: 3.73333vw; } .orthodonticsNumBlk dd{ font-size: 3.46667vw; } /*cerec*/ .cerecNumBlkWrap {} .cerecNumBlk { margin-bottom: 35px;} .cerecNumBlk--last { margin-bottom: 0;} .cerecNumBlk__01 { display: flex; flex-wrap: wrap; align-items: center;} .cerecNumBlk__sub01 { width: calc( 100% - 190px ); font-weight: 700; font-size: 4.8vw; line-height: 1.4;} .cerecNumBlk__sub01 >span { } .cerecNumBlk__sub01 >span >span { display: inline-block; text-indent: -0.5em;} .cerecNumBlk__img { width: 190px; margin-bottom: 16px;} /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 600px ) { .pcDisp { display: none; } .spaC { text-align: center; } .imgR { padding: 0 0 24px; text-align: center;} .imgL { padding: 0 0 24px; text-align: center;} .imgC { padding: 0 0 24px; text-align: center;} .spls050 { letter-spacing: 0.05em; } .splh122 { line-height: 1.22; } .splh140 { line-height: 1.40; } .spfw700 { font-weight: 700; } .splsM050 { letter-spacing: -0.05em; } .spLR01 { padding-left: 20px; padding-right: 20px; } .spImgList { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .spImgList li { width: 50%; padding: 0 8px; box-sizing: border-box;} #indexForEveryone .aniObj { transform: translateY(0) translateX(0) rotate(0) !important; } .sppB0 { padding-bottom: 0px !important;} .sppB1 { padding-bottom: 1px !important;} .sppB2 { padding-bottom: 2px !important;} .sppB3 { padding-bottom: 3px !important;} .sppB4 { padding-bottom: 4px !important;} .sppB5 { padding-bottom: 5px !important;} .sppB6 { padding-bottom: 6px !important;} .sppB7 { padding-bottom: 7px !important;} .sppB8 { padding-bottom: 8px !important;} .sppB9 { padding-bottom: 9px !important;} .sppB10 { padding-bottom: 10px !important;} .sppB11 { padding-bottom: 11px !important;} .sppB12 { padding-bottom: 12px !important;} .sppB13 { padding-bottom: 13px !important;} .sppB14 { padding-bottom: 14px !important;} .sppB15 { padding-bottom: 15px !important;} .sppB16 { padding-bottom: 16px !important;} .sppB17 { padding-bottom: 17px !important;} .sppB18 { padding-bottom: 18px !important;} .sppB19 { padding-bottom: 19px !important;} .sppB20 { padding-bottom: 20px !important;} .sppB21 { padding-bottom: 21px !important;} .sppB22 { padding-bottom: 22px !important;} .sppB23 { padding-bottom: 23px !important;} .sppB24 { padding-bottom: 24px !important;} .sppB25 { padding-bottom: 25px !important;} .sppB26 { padding-bottom: 26px !important;} .sppB27 { padding-bottom: 27px !important;} .sppB28 { padding-bottom: 28px !important;} .sppB29 { padding-bottom: 29px !important;} .sppB30 { padding-bottom: 30px !important;} .sppB31 { padding-bottom: 31px !important;} .sppB32 { padding-bottom: 32px !important;} .sppB33 { padding-bottom: 33px !important;} .sppB34 { padding-bottom: 34px !important;} .sppB35 { padding-bottom: 35px !important;} .sppB36 { padding-bottom: 36px !important;} .sppB37 { padding-bottom: 37px !important;} .sppB38 { padding-bottom: 38px !important;} .sppB39 { padding-bottom: 39px !important;} .sppB40 { padding-bottom: 40px !important;} .sppB41 { padding-bottom: 41px !important;} .sppB42 { padding-bottom: 42px !important;} .sppB43 { padding-bottom: 43px !important;} .sppB44 { padding-bottom: 44px !important;} .sppB45 { padding-bottom: 45px !important;} .sppB46 { padding-bottom: 46px !important;} .sppB47 { padding-bottom: 47px !important;} .sppB48 { padding-bottom: 48px !important;} .sppB49 { padding-bottom: 49px !important;} .sppB50 { padding-bottom: 50px !important;} .sppB51 { padding-bottom: 51px !important;} .sppB52 { padding-bottom: 52px !important;} .sppB53 { padding-bottom: 53px !important;} .sppB54 { padding-bottom: 54px !important;} .sppB55 { padding-bottom: 55px !important;} .sppB56 { padding-bottom: 56px !important;} .sppB57 { padding-bottom: 57px !important;} .sppB58 { padding-bottom: 58px !important;} .sppB59 { padding-bottom: 59px !important;} .sppB60 { padding-bottom: 60px !important;} .sppB61 { padding-bottom: 61px !important;} .sppB62 { padding-bottom: 62px !important;} .sppB63 { padding-bottom: 63px !important;} .sppB64 { padding-bottom: 64px !important;} .sppB65 { padding-bottom: 65px !important;} .sppB66 { padding-bottom: 66px !important;} .sppB67 { padding-bottom: 67px !important;} .sppB68 { padding-bottom: 68px !important;} .sppB69 { padding-bottom: 69px !important;} .sppB70 { padding-bottom: 70px !important;} .sppB71 { padding-bottom: 71px !important;} .sppB72 { padding-bottom: 72px !important;} .sppB73 { padding-bottom: 73px !important;} .sppB74 { padding-bottom: 74px !important;} .sppB75 { padding-bottom: 75px !important;} .sppB76 { padding-bottom: 76px !important;} .sppB77 { padding-bottom: 77px !important;} .sppB78 { padding-bottom: 78px !important;} .sppB79 { padding-bottom: 79px !important;} .sppB80 { padding-bottom: 80px !important;} .sppB81 { padding-bottom: 81px !important;} .sppB82 { padding-bottom: 82px !important;} .sppB83 { padding-bottom: 83px !important;} .sppB84 { padding-bottom: 84px !important;} .sppB85 { padding-bottom: 85px !important;} .sppB86 { padding-bottom: 86px !important;} .sppB87 { padding-bottom: 87px !important;} .sppB88 { padding-bottom: 88px !important;} .sppB89 { padding-bottom: 89px !important;} .sppB90 { padding-bottom: 90px !important;} .sppB91 { padding-bottom: 91px !important;} .sppB92 { padding-bottom: 92px !important;} .sppB93 { padding-bottom: 93px !important;} .sppB94 { padding-bottom: 94px !important;} .sppB95 { padding-bottom: 95px !important;} .sppB96 { padding-bottom: 96px !important;} .sppB97 { padding-bottom: 97px !important;} .sppB98 { padding-bottom: 98px !important;} .sppB99 { padding-bottom: 99px !important;} .sppB100 { padding-bottom: 100px !important;} .sppB101 { padding-bottom: 101px !important;} .sppB102 { padding-bottom: 102px !important;} .sppB103 { padding-bottom: 103px !important;} .sppB104 { padding-bottom: 104px !important;} .sppB105 { padding-bottom: 105px !important;} .sppB106 { padding-bottom: 106px !important;} .sppB107 { padding-bottom: 107px !important;} .sppB108 { padding-bottom: 108px !important;} .sppB109 { padding-bottom: 109px !important;} .sppB110 { padding-bottom: 110px !important;} .sppB111 { padding-bottom: 111px !important;} .sppB112 { padding-bottom: 112px !important;} .sppB113 { padding-bottom: 113px !important;} .sppB114 { padding-bottom: 114px !important;} .sppB115 { padding-bottom: 115px !important;} .sppB116 { padding-bottom: 116px !important;} .sppB117 { padding-bottom: 117px !important;} .sppB118 { padding-bottom: 118px !important;} .sppB119 { padding-bottom: 119px !important;} .sppB120 { padding-bottom: 120px !important;} .sppT0 { padding-top: 0px !important;} .sppT1 { padding-top: 1px !important;} .sppT2 { padding-top: 2px !important;} .sppT3 { padding-top: 3px !important;} .sppT4 { padding-top: 4px !important;} .sppT5 { padding-top: 5px !important;} .sppT6 { padding-top: 6px !important;} .sppT7 { padding-top: 7px !important;} .sppT8 { padding-top: 8px !important;} .sppT9 { padding-top: 9px !important;} .sppT10 { padding-top: 10px !important;} .sppT11 { padding-top: 11px !important;} .sppT12 { padding-top: 12px !important;} .sppT13 { padding-top: 13px !important;} .sppT14 { padding-top: 14px !important;} .sppT15 { padding-top: 15px !important;} .sppT16 { padding-top: 16px !important;} .sppT17 { padding-top: 17px !important;} .sppT18 { padding-top: 18px !important;} .sppT19 { padding-top: 19px !important;} .sppT20 { padding-top: 20px !important;} .sppT21 { padding-top: 21px !important;} .sppT22 { padding-top: 22px !important;} .sppT23 { padding-top: 23px !important;} .sppT24 { padding-top: 24px !important;} .sppT25 { padding-top: 25px !important;} .sppT26 { padding-top: 26px !important;} .sppT27 { padding-top: 27px !important;} .sppT28 { padding-top: 28px !important;} .sppT29 { padding-top: 29px !important;} .sppT30 { padding-top: 30px !important;} .sppT31 { padding-top: 31px !important;} .sppT32 { padding-top: 32px !important;} .sppT33 { padding-top: 33px !important;} .sppT34 { padding-top: 34px !important;} .sppT35 { padding-top: 35px !important;} .sppT36 { padding-top: 36px !important;} .sppT37 { padding-top: 37px !important;} .sppT38 { padding-top: 38px !important;} .sppT39 { padding-top: 39px !important;} .sppT40 { padding-top: 40px !important;} .sppT41 { padding-top: 41px !important;} .sppT42 { padding-top: 42px !important;} .sppT43 { padding-top: 43px !important;} .sppT44 { padding-top: 44px !important;} .sppT45 { padding-top: 45px !important;} .sppT46 { padding-top: 46px !important;} .sppT47 { padding-top: 47px !important;} .sppT48 { padding-top: 48px !important;} .sppT49 { padding-top: 49px !important;} .sppT50 { padding-top: 50px !important;} .sppT51 { padding-top: 51px !important;} .sppT52 { padding-top: 52px !important;} .sppT53 { padding-top: 53px !important;} .sppT54 { padding-top: 54px !important;} .sppT55 { padding-top: 55px !important;} .sppT56 { padding-top: 56px !important;} .sppT57 { padding-top: 57px !important;} .sppT58 { padding-top: 58px !important;} .sppT59 { padding-top: 59px !important;} .sppT60 { padding-top: 60px !important;} .sppT61 { padding-top: 61px !important;} .sppT62 { padding-top: 62px !important;} .sppT63 { padding-top: 63px !important;} .sppT64 { padding-top: 64px !important;} .sppT65 { padding-top: 65px !important;} .sppT66 { padding-top: 66px !important;} .sppT67 { padding-top: 67px !important;} .sppT68 { padding-top: 68px !important;} .sppT69 { padding-top: 69px !important;} .sppT70 { padding-top: 70px !important;} .sppT71 { padding-top: 71px !important;} .sppT72 { padding-top: 72px !important;} .sppT73 { padding-top: 73px !important;} .sppT74 { padding-top: 74px !important;} .sppT75 { padding-top: 75px !important;} .sppT76 { padding-top: 76px !important;} .sppT77 { padding-top: 77px !important;} .sppT78 { padding-top: 78px !important;} .sppT79 { padding-top: 79px !important;} .sppT80 { padding-top: 80px !important;} .sppT81 { padding-top: 81px !important;} .sppT82 { padding-top: 82px !important;} .sppT83 { padding-top: 83px !important;} .sppT84 { padding-top: 84px !important;} .sppT85 { padding-top: 85px !important;} .sppT86 { padding-top: 86px !important;} .sppT87 { padding-top: 87px !important;} .sppT88 { padding-top: 88px !important;} .sppT89 { padding-top: 89px !important;} .sppT90 { padding-top: 90px !important;} .sppT91 { padding-top: 91px !important;} .sppT92 { padding-top: 92px !important;} .sppT93 { padding-top: 93px !important;} .sppT94 { padding-top: 94px !important;} .sppT95 { padding-top: 95px !important;} .sppT96 { padding-top: 96px !important;} .sppT97 { padding-top: 97px !important;} .sppT98 { padding-top: 98px !important;} .sppT99 { padding-top: 99px !important;} .sppT100 { padding-top: 100px !important;} .sppT101 { padding-top: 101px !important;} .sppT102 { padding-top: 102px !important;} .sppT103 { padding-top: 103px !important;} .sppT104 { padding-top: 104px !important;} .sppT105 { padding-top: 105px !important;} .sppT106 { padding-top: 106px !important;} .sppT107 { padding-top: 107px !important;} .sppT108 { padding-top: 108px !important;} .sppT109 { padding-top: 109px !important;} .sppT110 { padding-top: 110px !important;} .sppT111 { padding-top: 111px !important;} .sppT112 { padding-top: 112px !important;} .sppT113 { padding-top: 113px !important;} .sppT114 { padding-top: 114px !important;} .sppT115 { padding-top: 115px !important;} .sppT116 { padding-top: 116px !important;} .sppT117 { padding-top: 117px !important;} .sppT118 { padding-top: 118px !important;} .sppT119 { padding-top: 119px !important;} .sppT120 { padding-top: 120px !important;} .spmB0 { margin-bottom: 0px !important;} .spmB1 { margin-bottom: 1px !important;} .spmB2 { margin-bottom: 2px !important;} .spmB3 { margin-bottom: 3px !important;} .spmB4 { margin-bottom: 4px !important;} .spmB5 { margin-bottom: 5px !important;} .spmB6 { margin-bottom: 6px !important;} .spmB7 { margin-bottom: 7px !important;} .spmB8 { margin-bottom: 8px !important;} .spmB9 { margin-bottom: 9px !important;} .spmB10 { margin-bottom: 10px !important;} .spmB11 { margin-bottom: 11px !important;} .spmB12 { margin-bottom: 12px !important;} .spmB13 { margin-bottom: 13px !important;} .spmB14 { margin-bottom: 14px !important;} .spmB15 { margin-bottom: 15px !important;} .spmB16 { margin-bottom: 16px !important;} .spmB17 { margin-bottom: 17px !important;} .spmB18 { margin-bottom: 18px !important;} .spmB19 { margin-bottom: 19px !important;} .spmB20 { margin-bottom: 20px !important;} .spmB21 { margin-bottom: 21px !important;} .spmB22 { margin-bottom: 22px !important;} .spmB23 { margin-bottom: 23px !important;} .spmB24 { margin-bottom: 24px !important;} .spmB25 { margin-bottom: 25px !important;} .spmB26 { margin-bottom: 26px !important;} .spmB27 { margin-bottom: 27px !important;} .spmB28 { margin-bottom: 28px !important;} .spmB29 { margin-bottom: 29px !important;} .spmB30 { margin-bottom: 30px !important;} .spmB31 { margin-bottom: 31px !important;} .spmB32 { margin-bottom: 32px !important;} .spmB33 { margin-bottom: 33px !important;} .spmB34 { margin-bottom: 34px !important;} .spmB35 { margin-bottom: 35px !important;} .spmB36 { margin-bottom: 36px !important;} .spmB37 { margin-bottom: 37px !important;} .spmB38 { margin-bottom: 38px !important;} .spmB39 { margin-bottom: 39px !important;} .spmB40 { margin-bottom: 40px !important;} .spmB41 { margin-bottom: 41px !important;} .spmB42 { margin-bottom: 42px !important;} .spmB43 { margin-bottom: 43px !important;} .spmB44 { margin-bottom: 44px !important;} .spmB45 { margin-bottom: 45px !important;} .spmB46 { margin-bottom: 46px !important;} .spmB47 { margin-bottom: 47px !important;} .spmB48 { margin-bottom: 48px !important;} .spmB49 { margin-bottom: 49px !important;} .spmB50 { margin-bottom: 50px !important;} .spmB51 { margin-bottom: 51px !important;} .spmB52 { margin-bottom: 52px !important;} .spmB53 { margin-bottom: 53px !important;} .spmB54 { margin-bottom: 54px !important;} .spmB55 { margin-bottom: 55px !important;} .spmB56 { margin-bottom: 56px !important;} .spmB57 { margin-bottom: 57px !important;} .spmB58 { margin-bottom: 58px !important;} .spmB59 { margin-bottom: 59px !important;} .spmB60 { margin-bottom: 60px !important;} .spmB61 { margin-bottom: 61px !important;} .spmB62 { margin-bottom: 62px !important;} .spmB63 { margin-bottom: 63px !important;} .spmB64 { margin-bottom: 64px !important;} .spmB65 { margin-bottom: 65px !important;} .spmB66 { margin-bottom: 66px !important;} .spmB67 { margin-bottom: 67px !important;} .spmB68 { margin-bottom: 68px !important;} .spmB69 { margin-bottom: 69px !important;} .spmB70 { margin-bottom: 70px !important;} .spmB71 { margin-bottom: 71px !important;} .spmB72 { margin-bottom: 72px !important;} .spmB73 { margin-bottom: 73px !important;} .spmB74 { margin-bottom: 74px !important;} .spmB75 { margin-bottom: 75px !important;} .spmB76 { margin-bottom: 76px !important;} .spmB77 { margin-bottom: 77px !important;} .spmB78 { margin-bottom: 78px !important;} .spmB79 { margin-bottom: 79px !important;} .spmB80 { margin-bottom: 80px !important;} .spmB81 { margin-bottom: 81px !important;} .spmB82 { margin-bottom: 82px !important;} .spmB83 { margin-bottom: 83px !important;} .spmB84 { margin-bottom: 84px !important;} .spmB85 { margin-bottom: 85px !important;} .spmB86 { margin-bottom: 86px !important;} .spmB87 { margin-bottom: 87px !important;} .spmB88 { margin-bottom: 88px !important;} .spmB89 { margin-bottom: 89px !important;} .spmB90 { margin-bottom: 90px !important;} .spmB91 { margin-bottom: 91px !important;} .spmB92 { margin-bottom: 92px !important;} .spmB93 { margin-bottom: 93px !important;} .spmB94 { margin-bottom: 94px !important;} .spmB95 { margin-bottom: 95px !important;} .spmB96 { margin-bottom: 96px !important;} .spmB97 { margin-bottom: 97px !important;} .spmB98 { margin-bottom: 98px !important;} .spmB99 { margin-bottom: 99px !important;} .spmB100 { margin-bottom: 100px !important;} .spmB101 { margin-bottom: 101px !important;} .spmB102 { margin-bottom: 102px !important;} .spmB103 { margin-bottom: 103px !important;} .spmB104 { margin-bottom: 104px !important;} .spmB105 { margin-bottom: 105px !important;} .spmB106 { margin-bottom: 106px !important;} .spmB107 { margin-bottom: 107px !important;} .spmB108 { margin-bottom: 108px !important;} .spmB109 { margin-bottom: 109px !important;} .spmB110 { margin-bottom: 110px !important;} .spmB111 { margin-bottom: 111px !important;} .spmB112 { margin-bottom: 112px !important;} .spmB113 { margin-bottom: 113px !important;} .spmB114 { margin-bottom: 114px !important;} .spmB115 { margin-bottom: 115px !important;} .spmB116 { margin-bottom: 116px !important;} .spmB117 { margin-bottom: 117px !important;} .spmB118 { margin-bottom: 118px !important;} .spmB119 { margin-bottom: 119px !important;} .spmB120 { margin-bottom: 120px !important;} .spmT0 { margin-top: 0px !important;} .spmT1 { margin-top: 1px !important;} .spmT2 { margin-top: 2px !important;} .spmT3 { margin-top: 3px !important;} .spmT4 { margin-top: 4px !important;} .spmT5 { margin-top: 5px !important;} .spmT6 { margin-top: 6px !important;} .spmT7 { margin-top: 7px !important;} .spmT8 { margin-top: 8px !important;} .spmT9 { margin-top: 9px !important;} .spmT10 { margin-top: 10px !important;} .spmT11 { margin-top: 11px !important;} .spmT12 { margin-top: 12px !important;} .spmT13 { margin-top: 13px !important;} .spmT14 { margin-top: 14px !important;} .spmT15 { margin-top: 15px !important;} .spmT16 { margin-top: 16px !important;} .spmT17 { margin-top: 17px !important;} .spmT18 { margin-top: 18px !important;} .spmT19 { margin-top: 19px !important;} .spmT20 { margin-top: 20px !important;} .spmT21 { margin-top: 21px !important;} .spmT22 { margin-top: 22px !important;} .spmT23 { margin-top: 23px !important;} .spmT24 { margin-top: 24px !important;} .spmT25 { margin-top: 25px !important;} .spmT26 { margin-top: 26px !important;} .spmT27 { margin-top: 27px !important;} .spmT28 { margin-top: 28px !important;} .spmT29 { margin-top: 29px !important;} .spmT30 { margin-top: 30px !important;} .spmT31 { margin-top: 31px !important;} .spmT32 { margin-top: 32px !important;} .spmT33 { margin-top: 33px !important;} .spmT34 { margin-top: 34px !important;} .spmT35 { margin-top: 35px !important;} .spmT36 { margin-top: 36px !important;} .spmT37 { margin-top: 37px !important;} .spmT38 { margin-top: 38px !important;} .spmT39 { margin-top: 39px !important;} .spmT40 { margin-top: 40px !important;} .spmT41 { margin-top: 41px !important;} .spmT42 { margin-top: 42px !important;} .spmT43 { margin-top: 43px !important;} .spmT44 { margin-top: 44px !important;} .spmT45 { margin-top: 45px !important;} .spmT46 { margin-top: 46px !important;} .spmT47 { margin-top: 47px !important;} .spmT48 { margin-top: 48px !important;} .spmT49 { margin-top: 49px !important;} .spmT50 { margin-top: 50px !important;} .spmT51 { margin-top: 51px !important;} .spmT52 { margin-top: 52px !important;} .spmT53 { margin-top: 53px !important;} .spmT54 { margin-top: 54px !important;} .spmT55 { margin-top: 55px !important;} .spmT56 { margin-top: 56px !important;} .spmT57 { margin-top: 57px !important;} .spmT58 { margin-top: 58px !important;} .spmT59 { margin-top: 59px !important;} .spmT60 { margin-top: 60px !important;} .spmT61 { margin-top: 61px !important;} .spmT62 { margin-top: 62px !important;} .spmT63 { margin-top: 63px !important;} .spmT64 { margin-top: 64px !important;} .spmT65 { margin-top: 65px !important;} .spmT66 { margin-top: 66px !important;} .spmT67 { margin-top: 67px !important;} .spmT68 { margin-top: 68px !important;} .spmT69 { margin-top: 69px !important;} .spmT70 { margin-top: 70px !important;} .spmT71 { margin-top: 71px !important;} .spmT72 { margin-top: 72px !important;} .spmT73 { margin-top: 73px !important;} .spmT74 { margin-top: 74px !important;} .spmT75 { margin-top: 75px !important;} .spmT76 { margin-top: 76px !important;} .spmT77 { margin-top: 77px !important;} .spmT78 { margin-top: 78px !important;} .spmT79 { margin-top: 79px !important;} .spmT80 { margin-top: 80px !important;} .spmT81 { margin-top: 81px !important;} .spmT82 { margin-top: 82px !important;} .spmT83 { margin-top: 83px !important;} .spmT84 { margin-top: 84px !important;} .spmT85 { margin-top: 85px !important;} .spmT86 { margin-top: 86px !important;} .spmT87 { margin-top: 87px !important;} .spmT88 { margin-top: 88px !important;} .spmT89 { margin-top: 89px !important;} .spmT90 { margin-top: 90px !important;} .spmT91 { margin-top: 91px !important;} .spmT92 { margin-top: 92px !important;} .spmT93 { margin-top: 93px !important;} .spmT94 { margin-top: 94px !important;} .spmT95 { margin-top: 95px !important;} .spmT96 { margin-top: 96px !important;} .spmT97 { margin-top: 97px !important;} .spmT98 { margin-top: 98px !important;} .spmT99 { margin-top: 99px !important;} .spmT100 { margin-top: 100px !important;} .spmT101 { margin-top: 101px !important;} .spmT102 { margin-top: 102px !important;} .spmT103 { margin-top: 103px !important;} .spmT104 { margin-top: 104px !important;} .spmT105 { margin-top: 105px !important;} .spmT106 { margin-top: 106px !important;} .spmT107 { margin-top: 107px !important;} .spmT108 { margin-top: 108px !important;} .spmT109 { margin-top: 109px !important;} .spmT110 { margin-top: 110px !important;} .spmT111 { margin-top: 111px !important;} .spmT112 { margin-top: 112px !important;} .spmT113 { margin-top: 113px !important;} .spmT114 { margin-top: 114px !important;} .spmT115 { margin-top: 115px !important;} .spmT116 { margin-top: 116px !important;} .spmT117 { margin-top: 117px !important;} .spmT118 { margin-top: 118px !important;} .spmT119 { margin-top: 119px !important;} .spmT120 { margin-top: 120px !important;} .spfs8 { font-size: 0.8rem; font-size: 2.13333vw; } .spfs9 { font-size: 0.9rem; font-size: 2.4vw; } .spfs10 { font-size: 1.0rem; font-size: 2.66667vw; } .spfs11 { font-size: 1.1rem; font-size: 2.93333vw; } .spfs12 { font-size: 1.2rem; font-size: 3.2vw; } .spfs13 { font-size: 1.3rem; font-size: 3.46667vw; } .spfs14 { font-size: 1.4rem; font-size: 3.73333vw; } .spfs15 { font-size: 1.5rem; font-size: 4vw; } .spfs16 { font-size: 1.6rem; font-size: 4.26667vw; } .spfs17 { font-size: 1.7rem; font-size: 4.53333vw; } .spfs18 { font-size: 1.8rem; font-size: 4.8vw; } .spfs19 { font-size: 1.9rem; font-size: 5.06667vw; } .spfs20 { font-size: 2.0rem; font-size: 5.33333vw; } .spfs21 { font-size: 2.1rem; font-size: 5.6vw; } .spfs22 { font-size: 2.2rem; font-size: 5.86667vw; } .spfs23 { font-size: 2.3rem; font-size: 6.13333vw; } .spfs24 { font-size: 2.4rem; font-size: 6.4vw; } .spfs25 { font-size: 2.5rem; font-size: 6.66667vw; } .spfs26 { font-size: 2.6rem; font-size: 6.93333vw; } .spfs27 { font-size: 2.7rem; font-size: 7.2vw; } .spfs28 { font-size: 2.8rem; font-size: 7.46667vw; } .spfs29 { font-size: 2.9rem; font-size: 7.73333vw; } .spfs30 { font-size: 3.0rem; font-size: 8vw; } .spfs31 { font-size: 3.1rem; font-size: 8.26667vw; } .spfs32 { font-size: 3.2rem; font-size: 8.53333vw; } .spfs33 { font-size: 3.3rem; font-size: 8.8vw; } .spfs34 { font-size: 3.4rem; font-size: 9.06667vw; } .spfs35 { font-size: 3.5rem; font-size: 9.33333vw; } .spfs36 { font-size: 3.6rem; font-size: 9.6vw; } .spfs37 { font-size: 3.7rem; font-size: 9.86667vw; } .spfs38 { font-size: 3.8rem; font-size: 10.13333vw; } .spfs39 { font-size: 3.9rem; font-size: 10.4vw; } .spfs40 { font-size: 4.0rem; font-size: 10.66667vw; } .spfs41 { font-size: 4.1rem; font-size: 10.93333vw; } .spfs42 { font-size: 4.2rem; font-size: 11.2vw; } .spfs43 { font-size: 4.3rem; font-size: 11.46667vw; } .spfs44 { font-size: 4.4rem; font-size: 11.73333vw; } .spfs45 { font-size: 4.5rem; font-size: 12vw; } .spfs46 { font-size: 4.6rem; font-size: 12.26667vw; } .spfs47 { font-size: 4.7rem; font-size: 12.53333vw; } .spfs48 { font-size: 4.8rem; font-size: 12.8vw; } .spfs49 { font-size: 4.9rem; font-size: 13.06667vw; } .spfs50 { font-size: 5.0rem; font-size: 13.33333vw; } .spfs51 { font-size: 5.1rem; font-size: 13.6vw; } .spfs52 { font-size: 5.2rem; font-size: 13.86667vw; } .spfs53 { font-size: 5.3rem; font-size: 14.13333vw; } .spfs54 { font-size: 5.4rem; font-size: 14.4vw; } .spfs55 { font-size: 5.5rem; font-size: 14.66667vw; } .spfs56 { font-size: 5.6rem; font-size: 14.93333vw; } .spfs57 { font-size: 5.7rem; font-size: 15.2vw; } .spfs58 { font-size: 5.8rem; font-size: 15.46667vw; } .spfs59 { font-size: 5.9rem; font-size: 15.73333vw; } .spfs60 { font-size: 6.0rem; font-size: 16vw; } .spfs61 { font-size: 6.1rem; font-size: 16.26667vw; } .spfs62 { font-size: 6.2rem; font-size: 16.53333vw; } .spfs63 { font-size: 6.3rem; font-size: 16.8vw; } .spfs64 { font-size: 6.4rem; font-size: 17.06667vw; } .spfs65 { font-size: 6.5rem; font-size: 17.33333vw; } .spfs66 { font-size: 6.6rem; font-size: 17.6vw; } .spfs67 { font-size: 6.7rem; font-size: 17.86667vw; } .spfs68 { font-size: 6.8rem; font-size: 18.13333vw; } .spfs69 { font-size: 6.9rem; font-size: 18.4vw; } .spfs70 { font-size: 7.0rem; font-size: 18.66667vw; } .spfs71 { font-size: 7.1rem; font-size: 18.93333vw; } .spfs72 { font-size: 7.2rem; font-size: 19.2vw; } .spfs73 { font-size: 7.3rem; font-size: 19.46667vw; } .spfs74 { font-size: 7.4rem; font-size: 19.73333vw; } .spfs75 { font-size: 7.5rem; font-size: 20vw; } .spfs76 { font-size: 7.6rem; font-size: 20.26667vw; } .spfs77 { font-size: 7.7rem; font-size: 20.53333vw; } .spfs78 { font-size: 7.8rem; font-size: 20.8vw; } .spfs79 { font-size: 7.9rem; font-size: 21.06667vw; } .spfs80 { font-size: 8.0rem; font-size: 21.33333vw; } .spfs81 { font-size: 8.1rem; font-size: 21.6vw; } .spfs82 { font-size: 8.2rem; font-size: 21.86667vw; } .spfs83 { font-size: 8.3rem; font-size: 22.13333vw; } .spfs84 { font-size: 8.4rem; font-size: 22.4vw; } .spfs85 { font-size: 8.5rem; font-size: 22.66667vw; } .spfs86 { font-size: 8.6rem; font-size: 22.93333vw; } .spfs87 { font-size: 8.7rem; font-size: 23.2vw; } .spfs88 { font-size: 8.8rem; font-size: 23.46667vw; } .spfs89 { font-size: 8.9rem; font-size: 23.73333vw; } .spfs90 { font-size: 9.0rem; font-size: 24vw; } .spfs91 { font-size: 9.1rem; font-size: 24.26667vw; } .spfs92 { font-size: 9.2rem; font-size: 24.53333vw; } .spfs93 { font-size: 9.3rem; font-size: 24.8vw; } .spfs94 { font-size: 9.4rem; font-size: 25.06667vw; } .spfs95 { font-size: 9.5rem; font-size: 25.33333vw; } .spfs96 { font-size: 9.6rem; font-size: 25.6vw; } .spfs97 { font-size: 9.7rem; font-size: 25.86667vw; } .spfs98 { font-size: 9.8rem; font-size: 26.13333vw; } .spfs99 { font-size: 9.9rem; font-size: 26.4vw; } .spfs100 { font-size: 10.0rem; font-size: 26.66667vw; } .fs8 { font-size: 0.8rem; font-size: 2.13333vw; } .fs9 { font-size: 0.9rem; font-size: 2.4vw; } .fs10 { font-size: 1.0rem; font-size: 2.66667vw; } .fs11 { font-size: 1.1rem; font-size: 2.93333vw; } .fs12 { font-size: 1.2rem; font-size: 3.2vw; } .fs13 { font-size: 1.3rem; font-size: 3.46667vw; } .fs14 { font-size: 1.4rem; font-size: 3.73333vw; } .fs15 { font-size: 1.5rem; font-size: 4vw; } .fs16 { font-size: 1.6rem; font-size: 4.26667vw; } .fs17 { font-size: 1.7rem; font-size: 4.53333vw; } .fs18 { font-size: 1.8rem; font-size: 4.8vw; } .fs19 { font-size: 1.9rem; font-size: 5.06667vw; } .fs20 { font-size: 2.0rem; font-size: 5.33333vw; } .fs21 { font-size: 2.1rem; font-size: 5.6vw; } .fs22 { font-size: 2.2rem; font-size: 5.86667vw; } .fs23 { font-size: 2.3rem; font-size: 6.13333vw; } .fs24 { font-size: 2.4rem; font-size: 6.4vw; } .fs25 { font-size: 2.5rem; font-size: 6.66667vw; } .fs26 { font-size: 2.6rem; font-size: 6.93333vw; } .fs27 { font-size: 2.7rem; font-size: 7.2vw; } .fs28 { font-size: 2.8rem; font-size: 7.46667vw; } .fs29 { font-size: 2.9rem; font-size: 7.73333vw; } .fs30 { font-size: 3.0rem; font-size: 8vw; } .fs31 { font-size: 3.1rem; font-size: 8.26667vw; } .fs32 { font-size: 3.2rem; font-size: 8.53333vw; } .fs33 { font-size: 3.3rem; font-size: 8.8vw; } .fs34 { font-size: 3.4rem; font-size: 9.06667vw; } .fs35 { font-size: 3.5rem; font-size: 9.33333vw; } .fs36 { font-size: 3.6rem; font-size: 9.6vw; } .fs37 { font-size: 3.7rem; font-size: 9.86667vw; } .fs38 { font-size: 3.8rem; font-size: 10.13333vw; } .fs39 { font-size: 3.9rem; font-size: 10.4vw; } .fs40 { font-size: 4.0rem; font-size: 10.66667vw; } .fs41 { font-size: 4.1rem; font-size: 10.93333vw; } .fs42 { font-size: 4.2rem; font-size: 11.2vw; } .fs43 { font-size: 4.3rem; font-size: 11.46667vw; } .fs44 { font-size: 4.4rem; font-size: 11.73333vw; } .fs45 { font-size: 4.5rem; font-size: 12vw; } .fs46 { font-size: 4.6rem; font-size: 12.26667vw; } .fs47 { font-size: 4.7rem; font-size: 12.53333vw; } .fs48 { font-size: 4.8rem; font-size: 12.8vw; } .fs49 { font-size: 4.9rem; font-size: 13.06667vw; } .fs50 { font-size: 5.0rem; font-size: 13.33333vw; } .fs51 { font-size: 5.1rem; font-size: 13.6vw; } .fs52 { font-size: 5.2rem; font-size: 13.86667vw; } .fs53 { font-size: 5.3rem; font-size: 14.13333vw; } .fs54 { font-size: 5.4rem; font-size: 14.4vw; } .fs55 { font-size: 5.5rem; font-size: 14.66667vw; } .fs56 { font-size: 5.6rem; font-size: 14.93333vw; } .fs57 { font-size: 5.7rem; font-size: 15.2vw; } .fs58 { font-size: 5.8rem; font-size: 15.46667vw; } .fs59 { font-size: 5.9rem; font-size: 15.73333vw; } .fs60 { font-size: 6.0rem; font-size: 16vw; } .fs61 { font-size: 6.1rem; font-size: 16.26667vw; } .fs62 { font-size: 6.2rem; font-size: 16.53333vw; } .fs63 { font-size: 6.3rem; font-size: 16.8vw; } .fs64 { font-size: 6.4rem; font-size: 17.06667vw; } .fs65 { font-size: 6.5rem; font-size: 17.33333vw; } .fs66 { font-size: 6.6rem; font-size: 17.6vw; } .fs67 { font-size: 6.7rem; font-size: 17.86667vw; } .fs68 { font-size: 6.8rem; font-size: 18.13333vw; } .fs69 { font-size: 6.9rem; font-size: 18.4vw; } .fs70 { font-size: 7.0rem; font-size: 18.66667vw; } .fs71 { font-size: 7.1rem; font-size: 18.93333vw; } .fs72 { font-size: 7.2rem; font-size: 19.2vw; } .fs73 { font-size: 7.3rem; font-size: 19.46667vw; } .fs74 { font-size: 7.4rem; font-size: 19.73333vw; } .fs75 { font-size: 7.5rem; font-size: 20vw; } .fs76 { font-size: 7.6rem; font-size: 20.26667vw; } .fs77 { font-size: 7.7rem; font-size: 20.53333vw; } .fs78 { font-size: 7.8rem; font-size: 20.8vw; } .fs79 { font-size: 7.9rem; font-size: 21.06667vw; } .fs80 { font-size: 8.0rem; font-size: 21.33333vw; } .fs81 { font-size: 8.1rem; font-size: 21.6vw; } .fs82 { font-size: 8.2rem; font-size: 21.86667vw; } .fs83 { font-size: 8.3rem; font-size: 22.13333vw; } .fs84 { font-size: 8.4rem; font-size: 22.4vw; } .fs85 { font-size: 8.5rem; font-size: 22.66667vw; } .fs86 { font-size: 8.6rem; font-size: 22.93333vw; } .fs87 { font-size: 8.7rem; font-size: 23.2vw; } .fs88 { font-size: 8.8rem; font-size: 23.46667vw; } .fs89 { font-size: 8.9rem; font-size: 23.73333vw; } .fs90 { font-size: 9.0rem; font-size: 24vw; } .fs91 { font-size: 9.1rem; font-size: 24.26667vw; } .fs92 { font-size: 9.2rem; font-size: 24.53333vw; } .fs93 { font-size: 9.3rem; font-size: 24.8vw; } .fs94 { font-size: 9.4rem; font-size: 25.06667vw; } .fs95 { font-size: 9.5rem; font-size: 25.33333vw; } .fs96 { font-size: 9.6rem; font-size: 25.6vw; } .fs97 { font-size: 9.7rem; font-size: 25.86667vw; } .fs98 { font-size: 9.8rem; font-size: 26.13333vw; } .fs99 { font-size: 9.9rem; font-size: 26.4vw; } .fs100 { font-size: 10.0rem; font-size: 26.66667vw; } } /* Tablet向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 560px ) { body { font-size: 1.4rem; min-width: 1000px;} .spDisp { display: none; } .pcaC { text-align: center !important;} .pcaL { text-align: left !important;} .imgR { padding: 0; float: right; margin-left: 32px; margin-bottom: 0;} .imgL { padding: 0; float: left; margin-right: 32px; margin-bottom: 0;} .imgC { padding: 0 0 48px; text-align: center;} .pcls100 { letter-spacing: 0.1em; } .pcls187 { letter-spacing: 0.187em; } .pcls200 { letter-spacing: 0.200em; } .pclh200 { line-height: 2.00; } .imgLinePc { display: flex; flex-wrap: wrap; justify-content: center;} /*general*/ .pcpB0 { padding-bottom: 0px !important;} .pcpB1 { padding-bottom: 1px !important;} .pcpB2 { padding-bottom: 2px !important;} .pcpB3 { padding-bottom: 3px !important;} .pcpB4 { padding-bottom: 4px !important;} .pcpB5 { padding-bottom: 5px !important;} .pcpB6 { padding-bottom: 6px !important;} .pcpB7 { padding-bottom: 7px !important;} .pcpB8 { padding-bottom: 8px !important;} .pcpB9 { padding-bottom: 9px !important;} .pcpB10 { padding-bottom: 10px !important;} .pcpB11 { padding-bottom: 11px !important;} .pcpB12 { padding-bottom: 12px !important;} .pcpB13 { padding-bottom: 13px !important;} .pcpB14 { padding-bottom: 14px !important;} .pcpB15 { padding-bottom: 15px !important;} .pcpB16 { padding-bottom: 16px !important;} .pcpB17 { padding-bottom: 17px !important;} .pcpB18 { padding-bottom: 18px !important;} .pcpB19 { padding-bottom: 19px !important;} .pcpB20 { padding-bottom: 20px !important;} .pcpB21 { padding-bottom: 21px !important;} .pcpB22 { padding-bottom: 22px !important;} .pcpB23 { padding-bottom: 23px !important;} .pcpB24 { padding-bottom: 24px !important;} .pcpB25 { padding-bottom: 25px !important;} .pcpB26 { padding-bottom: 26px !important;} .pcpB27 { padding-bottom: 27px !important;} .pcpB28 { padding-bottom: 28px !important;} .pcpB29 { padding-bottom: 29px !important;} .pcpB30 { padding-bottom: 30px !important;} .pcpB31 { padding-bottom: 31px !important;} .pcpB32 { padding-bottom: 32px !important;} .pcpB33 { padding-bottom: 33px !important;} .pcpB34 { padding-bottom: 34px !important;} .pcpB35 { padding-bottom: 35px !important;} .pcpB36 { padding-bottom: 36px !important;} .pcpB37 { padding-bottom: 37px !important;} .pcpB38 { padding-bottom: 38px !important;} .pcpB39 { padding-bottom: 39px !important;} .pcpB40 { padding-bottom: 40px !important;} .pcpB41 { padding-bottom: 41px !important;} .pcpB42 { padding-bottom: 42px !important;} .pcpB43 { padding-bottom: 43px !important;} .pcpB44 { padding-bottom: 44px !important;} .pcpB45 { padding-bottom: 45px !important;} .pcpB46 { padding-bottom: 46px !important;} .pcpB47 { padding-bottom: 47px !important;} .pcpB48 { padding-bottom: 48px !important;} .pcpB49 { padding-bottom: 49px !important;} .pcpB50 { padding-bottom: 50px !important;} .pcpB51 { padding-bottom: 51px !important;} .pcpB52 { padding-bottom: 52px !important;} .pcpB53 { padding-bottom: 53px !important;} .pcpB54 { padding-bottom: 54px !important;} .pcpB55 { padding-bottom: 55px !important;} .pcpB56 { padding-bottom: 56px !important;} .pcpB57 { padding-bottom: 57px !important;} .pcpB58 { padding-bottom: 58px !important;} .pcpB59 { padding-bottom: 59px !important;} .pcpB60 { padding-bottom: 60px !important;} .pcpB61 { padding-bottom: 61px !important;} .pcpB62 { padding-bottom: 62px !important;} .pcpB63 { padding-bottom: 63px !important;} .pcpB64 { padding-bottom: 64px !important;} .pcpB65 { padding-bottom: 65px !important;} .pcpB66 { padding-bottom: 66px !important;} .pcpB67 { padding-bottom: 67px !important;} .pcpB68 { padding-bottom: 68px !important;} .pcpB69 { padding-bottom: 69px !important;} .pcpB70 { padding-bottom: 70px !important;} .pcpB71 { padding-bottom: 71px !important;} .pcpB72 { padding-bottom: 72px !important;} .pcpB73 { padding-bottom: 73px !important;} .pcpB74 { padding-bottom: 74px !important;} .pcpB75 { padding-bottom: 75px !important;} .pcpB76 { padding-bottom: 76px !important;} .pcpB77 { padding-bottom: 77px !important;} .pcpB78 { padding-bottom: 78px !important;} .pcpB79 { padding-bottom: 79px !important;} .pcpB80 { padding-bottom: 80px !important;} .pcpB81 { padding-bottom: 81px !important;} .pcpB82 { padding-bottom: 82px !important;} .pcpB83 { padding-bottom: 83px !important;} .pcpB84 { padding-bottom: 84px !important;} .pcpB85 { padding-bottom: 85px !important;} .pcpB86 { padding-bottom: 86px !important;} .pcpB87 { padding-bottom: 87px !important;} .pcpB88 { padding-bottom: 88px !important;} .pcpB89 { padding-bottom: 89px !important;} .pcpB90 { padding-bottom: 90px !important;} .pcpB91 { padding-bottom: 91px !important;} .pcpB92 { padding-bottom: 92px !important;} .pcpB93 { padding-bottom: 93px !important;} .pcpB94 { padding-bottom: 94px !important;} .pcpB95 { padding-bottom: 95px !important;} .pcpB96 { padding-bottom: 96px !important;} .pcpB97 { padding-bottom: 97px !important;} .pcpB98 { padding-bottom: 98px !important;} .pcpB99 { padding-bottom: 99px !important;} .pcpB100 { padding-bottom: 100px !important;} .pcpB101 { padding-bottom: 101px !important;} .pcpB102 { padding-bottom: 102px !important;} .pcpB103 { padding-bottom: 103px !important;} .pcpB104 { padding-bottom: 104px !important;} .pcpB105 { padding-bottom: 105px !important;} .pcpB106 { padding-bottom: 106px !important;} .pcpB107 { padding-bottom: 107px !important;} .pcpB108 { padding-bottom: 108px !important;} .pcpB109 { padding-bottom: 109px !important;} .pcpB110 { padding-bottom: 110px !important;} .pcpB111 { padding-bottom: 111px !important;} .pcpB112 { padding-bottom: 112px !important;} .pcpB113 { padding-bottom: 113px !important;} .pcpB114 { padding-bottom: 114px !important;} .pcpB115 { padding-bottom: 115px !important;} .pcpB116 { padding-bottom: 116px !important;} .pcpB117 { padding-bottom: 117px !important;} .pcpB118 { padding-bottom: 118px !important;} .pcpB119 { padding-bottom: 119px !important;} .pcpB120 { padding-bottom: 120px !important;} .pcpB128 { padding-bottom: 128px !important;} .pcpB135 { padding-bottom: 135px !important;} .pcpB145 { padding-bottom: 145px !important;} .pcpT0 { padding-top: 0px !important;} .pcpT1 { padding-top: 1px !important;} .pcpT2 { padding-top: 2px !important;} .pcpT3 { padding-top: 3px !important;} .pcpT4 { padding-top: 4px !important;} .pcpT5 { padding-top: 5px !important;} .pcpT6 { padding-top: 6px !important;} .pcpT7 { padding-top: 7px !important;} .pcpT8 { padding-top: 8px !important;} .pcpT9 { padding-top: 9px !important;} .pcpT10 { padding-top: 10px !important;} .pcpT11 { padding-top: 11px !important;} .pcpT12 { padding-top: 12px !important;} .pcpT13 { padding-top: 13px !important;} .pcpT14 { padding-top: 14px !important;} .pcpT15 { padding-top: 15px !important;} .pcpT16 { padding-top: 16px !important;} .pcpT17 { padding-top: 17px !important;} .pcpT18 { padding-top: 18px !important;} .pcpT19 { padding-top: 19px !important;} .pcpT20 { padding-top: 20px !important;} .pcpT21 { padding-top: 21px !important;} .pcpT22 { padding-top: 22px !important;} .pcpT23 { padding-top: 23px !important;} .pcpT24 { padding-top: 24px !important;} .pcpT25 { padding-top: 25px !important;} .pcpT26 { padding-top: 26px !important;} .pcpT27 { padding-top: 27px !important;} .pcpT28 { padding-top: 28px !important;} .pcpT29 { padding-top: 29px !important;} .pcpT30 { padding-top: 30px !important;} .pcpT31 { padding-top: 31px !important;} .pcpT32 { padding-top: 32px !important;} .pcpT33 { padding-top: 33px !important;} .pcpT34 { padding-top: 34px !important;} .pcpT35 { padding-top: 35px !important;} .pcpT36 { padding-top: 36px !important;} .pcpT37 { padding-top: 37px !important;} .pcpT38 { padding-top: 38px !important;} .pcpT39 { padding-top: 39px !important;} .pcpT40 { padding-top: 40px !important;} .pcpT41 { padding-top: 41px !important;} .pcpT42 { padding-top: 42px !important;} .pcpT43 { padding-top: 43px !important;} .pcpT44 { padding-top: 44px !important;} .pcpT45 { padding-top: 45px !important;} .pcpT46 { padding-top: 46px !important;} .pcpT47 { padding-top: 47px !important;} .pcpT48 { padding-top: 48px !important;} .pcpT49 { padding-top: 49px !important;} .pcpT50 { padding-top: 50px !important;} .pcpT51 { padding-top: 51px !important;} .pcpT52 { padding-top: 52px !important;} .pcpT53 { padding-top: 53px !important;} .pcpT54 { padding-top: 54px !important;} .pcpT55 { padding-top: 55px !important;} .pcpT56 { padding-top: 56px !important;} .pcpT57 { padding-top: 57px !important;} .pcpT58 { padding-top: 58px !important;} .pcpT59 { padding-top: 59px !important;} .pcpT60 { padding-top: 60px !important;} .pcpT61 { padding-top: 61px !important;} .pcpT62 { padding-top: 62px !important;} .pcpT63 { padding-top: 63px !important;} .pcpT64 { padding-top: 64px !important;} .pcpT65 { padding-top: 65px !important;} .pcpT66 { padding-top: 66px !important;} .pcpT67 { padding-top: 67px !important;} .pcpT68 { padding-top: 68px !important;} .pcpT69 { padding-top: 69px !important;} .pcpT70 { padding-top: 70px !important;} .pcpT71 { padding-top: 71px !important;} .pcpT72 { padding-top: 72px !important;} .pcpT73 { padding-top: 73px !important;} .pcpT74 { padding-top: 74px !important;} .pcpT75 { padding-top: 75px !important;} .pcpT76 { padding-top: 76px !important;} .pcpT77 { padding-top: 77px !important;} .pcpT78 { padding-top: 78px !important;} .pcpT79 { padding-top: 79px !important;} .pcpT80 { padding-top: 80px !important;} .pcpT81 { padding-top: 81px !important;} .pcpT82 { padding-top: 82px !important;} .pcpT83 { padding-top: 83px !important;} .pcpT84 { padding-top: 84px !important;} .pcpT85 { padding-top: 85px !important;} .pcpT86 { padding-top: 86px !important;} .pcpT87 { padding-top: 87px !important;} .pcpT88 { padding-top: 88px !important;} .pcpT89 { padding-top: 89px !important;} .pcpT90 { padding-top: 90px !important;} .pcpT91 { padding-top: 91px !important;} .pcpT92 { padding-top: 92px !important;} .pcpT93 { padding-top: 93px !important;} .pcpT94 { padding-top: 94px !important;} .pcpT95 { padding-top: 95px !important;} .pcpT96 { padding-top: 96px !important;} .pcpT97 { padding-top: 97px !important;} .pcpT98 { padding-top: 98px !important;} .pcpT99 { padding-top: 99px !important;} .pcpT100 { padding-top: 100px !important;} .pcpT101 { padding-top: 101px !important;} .pcpT102 { padding-top: 102px !important;} .pcpT103 { padding-top: 103px !important;} .pcpT104 { padding-top: 104px !important;} .pcpT105 { padding-top: 105px !important;} .pcpT106 { padding-top: 106px !important;} .pcpT107 { padding-top: 107px !important;} .pcpT108 { padding-top: 108px !important;} .pcpT109 { padding-top: 109px !important;} .pcpT110 { padding-top: 110px !important;} .pcpT111 { padding-top: 111px !important;} .pcpT112 { padding-top: 112px !important;} .pcpT113 { padding-top: 113px !important;} .pcpT114 { padding-top: 114px !important;} .pcpT115 { padding-top: 115px !important;} .pcpT116 { padding-top: 116px !important;} .pcpT117 { padding-top: 117px !important;} .pcpT118 { padding-top: 118px !important;} .pcpT119 { padding-top: 119px !important;} .pcpT120 { padding-top: 120px !important;} .pcmB0 { margin-bottom: 0px !important;} .pcmB1 { margin-bottom: 1px !important;} .pcmB2 { margin-bottom: 2px !important;} .pcmB3 { margin-bottom: 3px !important;} .pcmB4 { margin-bottom: 4px !important;} .pcmB5 { margin-bottom: 5px !important;} .pcmB6 { margin-bottom: 6px !important;} .pcmB7 { margin-bottom: 7px !important;} .pcmB8 { margin-bottom: 8px !important;} .pcmB9 { margin-bottom: 9px !important;} .pcmB10 { margin-bottom: 10px !important;} .pcmB11 { margin-bottom: 11px !important;} .pcmB12 { margin-bottom: 12px !important;} .pcmB13 { margin-bottom: 13px !important;} .pcmB14 { margin-bottom: 14px !important;} .pcmB15 { margin-bottom: 15px !important;} .pcmB16 { margin-bottom: 16px !important;} .pcmB17 { margin-bottom: 17px !important;} .pcmB18 { margin-bottom: 18px !important;} .pcmB19 { margin-bottom: 19px !important;} .pcmB20 { margin-bottom: 20px !important;} .pcmB21 { margin-bottom: 21px !important;} .pcmB22 { margin-bottom: 22px !important;} .pcmB23 { margin-bottom: 23px !important;} .pcmB24 { margin-bottom: 24px !important;} .pcmB25 { margin-bottom: 25px !important;} .pcmB26 { margin-bottom: 26px !important;} .pcmB27 { margin-bottom: 27px !important;} .pcmB28 { margin-bottom: 28px !important;} .pcmB29 { margin-bottom: 29px !important;} .pcmB30 { margin-bottom: 30px !important;} .pcmB31 { margin-bottom: 31px !important;} .pcmB32 { margin-bottom: 32px !important;} .pcmB33 { margin-bottom: 33px !important;} .pcmB34 { margin-bottom: 34px !important;} .pcmB35 { margin-bottom: 35px !important;} .pcmB36 { margin-bottom: 36px !important;} .pcmB37 { margin-bottom: 37px !important;} .pcmB38 { margin-bottom: 38px !important;} .pcmB39 { margin-bottom: 39px !important;} .pcmB40 { margin-bottom: 40px !important;} .pcmB41 { margin-bottom: 41px !important;} .pcmB42 { margin-bottom: 42px !important;} .pcmB43 { margin-bottom: 43px !important;} .pcmB44 { margin-bottom: 44px !important;} .pcmB45 { margin-bottom: 45px !important;} .pcmB46 { margin-bottom: 46px !important;} .pcmB47 { margin-bottom: 47px !important;} .pcmB48 { margin-bottom: 48px !important;} .pcmB49 { margin-bottom: 49px !important;} .pcmB50 { margin-bottom: 50px !important;} .pcmB51 { margin-bottom: 51px !important;} .pcmB52 { margin-bottom: 52px !important;} .pcmB53 { margin-bottom: 53px !important;} .pcmB54 { margin-bottom: 54px !important;} .pcmB55 { margin-bottom: 55px !important;} .pcmB56 { margin-bottom: 56px !important;} .pcmB57 { margin-bottom: 57px !important;} .pcmB58 { margin-bottom: 58px !important;} .pcmB59 { margin-bottom: 59px !important;} .pcmB60 { margin-bottom: 60px !important;} .pcmB61 { margin-bottom: 61px !important;} .pcmB62 { margin-bottom: 62px !important;} .pcmB63 { margin-bottom: 63px !important;} .pcmB64 { margin-bottom: 64px !important;} .pcmB65 { margin-bottom: 65px !important;} .pcmB66 { margin-bottom: 66px !important;} .pcmB67 { margin-bottom: 67px !important;} .pcmB68 { margin-bottom: 68px !important;} .pcmB69 { margin-bottom: 69px !important;} .pcmB70 { margin-bottom: 70px !important;} .pcmB71 { margin-bottom: 71px !important;} .pcmB72 { margin-bottom: 72px !important;} .pcmB73 { margin-bottom: 73px !important;} .pcmB74 { margin-bottom: 74px !important;} .pcmB75 { margin-bottom: 75px !important;} .pcmB76 { margin-bottom: 76px !important;} .pcmB77 { margin-bottom: 77px !important;} .pcmB78 { margin-bottom: 78px !important;} .pcmB79 { margin-bottom: 79px !important;} .pcmB80 { margin-bottom: 80px !important;} .pcmB81 { margin-bottom: 81px !important;} .pcmB82 { margin-bottom: 82px !important;} .pcmB83 { margin-bottom: 83px !important;} .pcmB84 { margin-bottom: 84px !important;} .pcmB85 { margin-bottom: 85px !important;} .pcmB86 { margin-bottom: 86px !important;} .pcmB87 { margin-bottom: 87px !important;} .pcmB88 { margin-bottom: 88px !important;} .pcmB89 { margin-bottom: 89px !important;} .pcmB90 { margin-bottom: 90px !important;} .pcmB91 { margin-bottom: 91px !important;} .pcmB92 { margin-bottom: 92px !important;} .pcmB93 { margin-bottom: 93px !important;} .pcmB94 { margin-bottom: 94px !important;} .pcmB95 { margin-bottom: 95px !important;} .pcmB96 { margin-bottom: 96px !important;} .pcmB97 { margin-bottom: 97px !important;} .pcmB98 { margin-bottom: 98px !important;} .pcmB99 { margin-bottom: 99px !important;} .pcmB100 { margin-bottom: 100px !important;} .pcmB101 { margin-bottom: 101px !important;} .pcmB102 { margin-bottom: 102px !important;} .pcmB103 { margin-bottom: 103px !important;} .pcmB104 { margin-bottom: 104px !important;} .pcmB105 { margin-bottom: 105px !important;} .pcmB106 { margin-bottom: 106px !important;} .pcmB107 { margin-bottom: 107px !important;} .pcmB108 { margin-bottom: 108px !important;} .pcmB109 { margin-bottom: 109px !important;} .pcmB110 { margin-bottom: 110px !important;} .pcmB111 { margin-bottom: 111px !important;} .pcmB112 { margin-bottom: 112px !important;} .pcmB113 { margin-bottom: 113px !important;} .pcmB114 { margin-bottom: 114px !important;} .pcmB115 { margin-bottom: 115px !important;} .pcmB116 { margin-bottom: 116px !important;} .pcmB117 { margin-bottom: 117px !important;} .pcmB118 { margin-bottom: 118px !important;} .pcmB119 { margin-bottom: 119px !important;} .pcmB120 { margin-bottom: 120px !important;} .pcmB128 { margin-bottom: 128px !important;} .pcmB144 { margin-bottom: 144px !important;} .pcmB146 { margin-bottom: 146px !important;} .pcmB168 { margin-bottom: 168px !important;} .pcmB170 { margin-bottom: 170px !important;} .pcmB200 { margin-bottom: 200px !important;} .pcmB270 { margin-bottom: 270px !important;} .pcmT0 { margin-top: 0px !important;} .pcmT1 { margin-top: 1px !important;} .pcmT2 { margin-top: 2px !important;} .pcmT3 { margin-top: 3px !important;} .pcmT4 { margin-top: 4px !important;} .pcmT5 { margin-top: 5px !important;} .pcmT6 { margin-top: 6px !important;} .pcmT7 { margin-top: 7px !important;} .pcmT8 { margin-top: 8px !important;} .pcmT9 { margin-top: 9px !important;} .pcmT10 { margin-top: 10px !important;} .pcmT11 { margin-top: 11px !important;} .pcmT12 { margin-top: 12px !important;} .pcmT13 { margin-top: 13px !important;} .pcmT14 { margin-top: 14px !important;} .pcmT15 { margin-top: 15px !important;} .pcmT16 { margin-top: 16px !important;} .pcmT17 { margin-top: 17px !important;} .pcmT18 { margin-top: 18px !important;} .pcmT19 { margin-top: 19px !important;} .pcmT20 { margin-top: 20px !important;} .pcmT21 { margin-top: 21px !important;} .pcmT22 { margin-top: 22px !important;} .pcmT23 { margin-top: 23px !important;} .pcmT24 { margin-top: 24px !important;} .pcmT25 { margin-top: 25px !important;} .pcmT26 { margin-top: 26px !important;} .pcmT27 { margin-top: 27px !important;} .pcmT28 { margin-top: 28px !important;} .pcmT29 { margin-top: 29px !important;} .pcmT30 { margin-top: 30px !important;} .pcmT31 { margin-top: 31px !important;} .pcmT32 { margin-top: 32px !important;} .pcmT33 { margin-top: 33px !important;} .pcmT34 { margin-top: 34px !important;} .pcmT35 { margin-top: 35px !important;} .pcmT36 { margin-top: 36px !important;} .pcmT37 { margin-top: 37px !important;} .pcmT38 { margin-top: 38px !important;} .pcmT39 { margin-top: 39px !important;} .pcmT40 { margin-top: 40px !important;} .pcmT41 { margin-top: 41px !important;} .pcmT42 { margin-top: 42px !important;} .pcmT43 { margin-top: 43px !important;} .pcmT44 { margin-top: 44px !important;} .pcmT45 { margin-top: 45px !important;} .pcmT46 { margin-top: 46px !important;} .pcmT47 { margin-top: 47px !important;} .pcmT48 { margin-top: 48px !important;} .pcmT49 { margin-top: 49px !important;} .pcmT50 { margin-top: 50px !important;} .pcmT51 { margin-top: 51px !important;} .pcmT52 { margin-top: 52px !important;} .pcmT53 { margin-top: 53px !important;} .pcmT54 { margin-top: 54px !important;} .pcmT55 { margin-top: 55px !important;} .pcmT56 { margin-top: 56px !important;} .pcmT57 { margin-top: 57px !important;} .pcmT58 { margin-top: 58px !important;} .pcmT59 { margin-top: 59px !important;} .pcmT60 { margin-top: 60px !important;} .pcmT61 { margin-top: 61px !important;} .pcmT62 { margin-top: 62px !important;} .pcmT63 { margin-top: 63px !important;} .pcmT64 { margin-top: 64px !important;} .pcmT65 { margin-top: 65px !important;} .pcmT66 { margin-top: 66px !important;} .pcmT67 { margin-top: 67px !important;} .pcmT68 { margin-top: 68px !important;} .pcmT69 { margin-top: 69px !important;} .pcmT70 { margin-top: 70px !important;} .pcmT71 { margin-top: 71px !important;} .pcmT72 { margin-top: 72px !important;} .pcmT73 { margin-top: 73px !important;} .pcmT74 { margin-top: 74px !important;} .pcmT75 { margin-top: 75px !important;} .pcmT76 { margin-top: 76px !important;} .pcmT77 { margin-top: 77px !important;} .pcmT78 { margin-top: 78px !important;} .pcmT79 { margin-top: 79px !important;} .pcmT80 { margin-top: 80px !important;} .pcmT81 { margin-top: 81px !important;} .pcmT82 { margin-top: 82px !important;} .pcmT83 { margin-top: 83px !important;} .pcmT84 { margin-top: 84px !important;} .pcmT85 { margin-top: 85px !important;} .pcmT86 { margin-top: 86px !important;} .pcmT87 { margin-top: 87px !important;} .pcmT88 { margin-top: 88px !important;} .pcmT89 { margin-top: 89px !important;} .pcmT90 { margin-top: 90px !important;} .pcmT91 { margin-top: 91px !important;} .pcmT92 { margin-top: 92px !important;} .pcmT93 { margin-top: 93px !important;} .pcmT94 { margin-top: 94px !important;} .pcmT95 { margin-top: 95px !important;} .pcmT96 { margin-top: 96px !important;} .pcmT97 { margin-top: 97px !important;} .pcmT98 { margin-top: 98px !important;} .pcmT99 { margin-top: 99px !important;} .pcmT100 { margin-top: 100px !important;} .pcmT101 { margin-top: 101px !important;} .pcmT102 { margin-top: 102px !important;} .pcmT103 { margin-top: 103px !important;} .pcmT104 { margin-top: 104px !important;} .pcmT105 { margin-top: 105px !important;} .pcmT106 { margin-top: 106px !important;} .pcmT107 { margin-top: 107px !important;} .pcmT108 { margin-top: 108px !important;} .pcmT109 { margin-top: 109px !important;} .pcmT110 { margin-top: 110px !important;} .pcmT111 { margin-top: 111px !important;} .pcmT112 { margin-top: 112px !important;} .pcmT113 { margin-top: 113px !important;} .pcmT114 { margin-top: 114px !important;} .pcmT115 { margin-top: 115px !important;} .pcmT116 { margin-top: 116px !important;} .pcmT117 { margin-top: 117px !important;} .pcmT118 { margin-top: 118px !important;} .pcmT119 { margin-top: 119px !important;} .pcmT120 { margin-top: 120px !important;} .pcfs8 { font-size: 0.8rem;} .pcfs9 { font-size: 0.9rem;} .pcfs10 { font-size: 1rem;} .pcfs11 { font-size: 1.1rem;} .pcfs12 { font-size: 1.2rem;} .pcfs13 { font-size: 1.3rem;} .pcfs14 { font-size: 1.4rem;} .pcfs15 { font-size: 1.5rem;} .pcfs16 { font-size: 1.6rem;} .pcfs17 { font-size: 1.7rem;} .pcfs18 { font-size: 1.8rem;} .pcfs19 { font-size: 1.9rem;} .pcfs20 { font-size: 2rem;} .pcfs21 { font-size: 2.1rem;} .pcfs22 { font-size: 2.2rem;} .pcfs23 { font-size: 2.3rem;} .pcfs24 { font-size: 2.4rem;} .pcfs25 { font-size: 2.5rem;} .pcfs26 { font-size: 2.6rem;} .pcfs27 { font-size: 2.7rem;} .pcfs28 { font-size: 2.8rem;} .pcfs29 { font-size: 2.9rem;} .pcfs30 { font-size: 3rem;} .pcfs31 { font-size: 3.1rem;} .pcfs32 { font-size: 3.2rem;} .pcfs33 { font-size: 3.3rem;} .pcfs34 { font-size: 3.4rem;} .pcfs35 { font-size: 3.5rem;} .pcfs36 { font-size: 3.6rem;} .pcfs37 { font-size: 3.7rem;} .pcfs38 { font-size: 3.8rem;} .pcfs39 { font-size: 3.9rem;} .pcfs40 { font-size: 4rem;} .pcfs41 { font-size: 4.1rem;} .pcfs42 { font-size: 4.2rem;} .pcfs43 { font-size: 4.3rem;} .pcfs44 { font-size: 4.4rem;} .pcfs45 { font-size: 4.5rem;} .pcfs46 { font-size: 4.6rem;} .pcfs47 { font-size: 4.7rem;} .pcfs48 { font-size: 4.8rem;} .pcfs49 { font-size: 4.9rem;} .pcfs50 { font-size: 5rem;} .pcfs51 { font-size: 5.1rem;} .pcfs52 { font-size: 5.2rem;} .pcfs53 { font-size: 5.3rem;} .pcfs54 { font-size: 5.4rem;} .pcfs55 { font-size: 5.5rem;} .pcfs56 { font-size: 5.6rem;} .pcfs57 { font-size: 5.7rem;} .pcfs58 { font-size: 5.8rem;} .pcfs59 { font-size: 5.9rem;} .pcfs60 { font-size: 6rem;} .pcfs61 { font-size: 6.1rem;} .pcfs62 { font-size: 6.2rem;} .pcfs63 { font-size: 6.3rem;} .pcfs64 { font-size: 6.4rem;} .pcfs65 { font-size: 6.5rem;} .pcfs66 { font-size: 6.6rem;} .pcfs67 { font-size: 6.7rem;} .pcfs68 { font-size: 6.8rem;} .pcfs69 { font-size: 6.9rem;} .pcfs70 { font-size: 7rem;} .pcfs71 { font-size: 7.1rem;} .pcfs72 { font-size: 7.2rem;} .pcfs73 { font-size: 7.3rem;} .pcfs74 { font-size: 7.4rem;} .pcfs75 { font-size: 7.5rem;} .pcfs76 { font-size: 7.6rem;} .pcfs77 { font-size: 7.7rem;} .pcfs78 { font-size: 7.8rem;} .pcfs79 { font-size: 7.9rem;} .pcfs80 { font-size: 8rem;} .pcfs81 { font-size: 8.1rem;} .pcfs82 { font-size: 8.2rem;} .pcfs83 { font-size: 8.3rem;} .pcfs84 { font-size: 8.4rem;} .pcfs85 { font-size: 8.5rem;} .pcfs86 { font-size: 8.6rem;} .pcfs87 { font-size: 8.7rem;} .pcfs88 { font-size: 8.8rem;} .pcfs89 { font-size: 8.9rem;} .pcfs90 { font-size: 9rem;} .pcfs91 { font-size: 9.1rem;} .pcfs92 { font-size: 9.2rem;} .pcfs93 { font-size: 9.3rem;} .pcfs94 { font-size: 9.4rem;} .pcfs95 { font-size: 9.5rem;} .pcfs96 { font-size: 9.6rem;} .pcfs97 { font-size: 9.7rem;} .pcfs98 { font-size: 9.8rem;} .pcfs99 { font-size: 9.9rem;} .pcfs100 { font-size: 10rem;} .pcfs103 { font-size: 10.3rem;} .fs8 { font-size: 0.8rem;} .fs9 { font-size: 0.9rem;} .fs10 { font-size: 1rem;} .fs11 { font-size: 1.1rem;} .fs12 { font-size: 1.2rem;} .fs13 { font-size: 1.3rem;} .fs14 { font-size: 1.4rem;} .fs15 { font-size: 1.5rem;} .fs16 { font-size: 1.6rem;} .fs17 { font-size: 1.7rem;} .fs18 { font-size: 1.8rem;} .fs19 { font-size: 1.9rem;} .fs20 { font-size: 2rem;} .fs21 { font-size: 2.1rem;} .fs22 { font-size: 2.2rem;} .fs23 { font-size: 2.3rem;} .fs24 { font-size: 2.4rem;} .fs25 { font-size: 2.5rem;} .fs26 { font-size: 2.6rem;} .fs27 { font-size: 2.7rem;} .fs28 { font-size: 2.8rem;} .fs29 { font-size: 2.9rem;} .fs30 { font-size: 3rem;} .fs31 { font-size: 3.1rem;} .fs32 { font-size: 3.2rem;} .fs33 { font-size: 3.3rem;} .fs34 { font-size: 3.4rem;} .fs35 { font-size: 3.5rem;} .fs36 { font-size: 3.6rem;} .fs37 { font-size: 3.7rem;} .fs38 { font-size: 3.8rem;} .fs39 { font-size: 3.9rem;} .fs40 { font-size: 4rem;} .fs41 { font-size: 4.1rem;} .fs42 { font-size: 4.2rem;} .fs43 { font-size: 4.3rem;} .fs44 { font-size: 4.4rem;} .fs45 { font-size: 4.5rem;} .fs46 { font-size: 4.6rem;} .fs47 { font-size: 4.7rem;} .fs48 { font-size: 4.8rem;} .fs49 { font-size: 4.9rem;} .fs50 { font-size: 5rem;} .fs51 { font-size: 5.1rem;} .fs52 { font-size: 5.2rem;} .fs53 { font-size: 5.3rem;} .fs54 { font-size: 5.4rem;} .fs55 { font-size: 5.5rem;} .fs56 { font-size: 5.6rem;} .fs57 { font-size: 5.7rem;} .fs58 { font-size: 5.8rem;} .fs59 { font-size: 5.9rem;} .fs60 { font-size: 6rem;} .fs61 { font-size: 6.1rem;} .fs62 { font-size: 6.2rem;} .fs63 { font-size: 6.3rem;} .fs64 { font-size: 6.4rem;} .fs65 { font-size: 6.5rem;} .fs66 { font-size: 6.6rem;} .fs67 { font-size: 6.7rem;} .fs68 { font-size: 6.8rem;} .fs69 { font-size: 6.9rem;} .fs70 { font-size: 7rem;} .fs71 { font-size: 7.1rem;} .fs72 { font-size: 7.2rem;} .fs73 { font-size: 7.3rem;} .fs74 { font-size: 7.4rem;} .fs75 { font-size: 7.5rem;} .fs76 { font-size: 7.6rem;} .fs77 { font-size: 7.7rem;} .fs78 { font-size: 7.8rem;} .fs79 { font-size: 7.9rem;} .fs80 { font-size: 8rem;} .fs81 { font-size: 8.1rem;} .fs82 { font-size: 8.2rem;} .fs83 { font-size: 8.3rem;} .fs84 { font-size: 8.4rem;} .fs85 { font-size: 8.5rem;} .fs86 { font-size: 8.6rem;} .fs87 { font-size: 8.7rem;} .fs88 { font-size: 8.8rem;} .fs89 { font-size: 8.9rem;} .fs90 { font-size: 9rem;} .fs91 { font-size: 9.1rem;} .fs92 { font-size: 9.2rem;} .fs93 { font-size: 9.3rem;} .fs94 { font-size: 9.4rem;} .fs95 { font-size: 9.5rem;} .fs96 { font-size: 9.6rem;} .fs97 { font-size: 9.7rem;} .fs98 { font-size: 9.8rem;} .fs99 { font-size: 9.9rem;} .fs100 { font-size: 10rem;} /* common *************************************************************************************************************************************************************************************/ /*header*/ header { position: fixed; top: 0; left: 0; width: 100%; height: 190px;} header:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 110px; background: linear-gradient(to right, #ffffff 50%,#80652e 50%);} header:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 80px;background: linear-gradient(to right, #1c2c46 50%,#1c2c46 50%);} .headerWrap { position: relative; width: 1000px; margin-left: auto; margin-right: auto; } #header01 { position: relative; width: 100%; height: 110px; background: url(images/header_bg_pc.jpg) no-repeat 50% 0 / auto;} #header01 .headerWrap { height: 110px; } #headerTitleBox { position: absolute; top: 24px; left: 56px; width: 570px; height: 75px; display: flex; flex-wrap: wrap; align-items: center;} #title { position: relative; width: 84px; height: 75px; margin-right: 50px;} #title img { width: auto; height: 75px; position: static; top: auto; left: auto; transform: translateY(0) translateX(0); } #title a { display: block; } #leadTxt { display: block; width: calc( 100% - 140px ); line-height: 1.46; font-size: 1.5rem;} #headerTel { position: absolute; width: 240px; bottom: auto; top: 0; left: auto; right: 120px; height: 110px;} #headerTel a { width: 100%; height: 110px; border-right: none; background: transparent;} #headerTelTxt01 { font-size: 1.2rem; padding: 0 0 16px; } #headerTelTxt02 { } #headerTelTxt02 span { background: url(images/icon_info.svg) no-repeat 0 50% /auto 28px; padding: 4px 0 4px 36px; font-size: 2.4rem; } #header02 { height: 80px; z-index: 1; background: url(images/header_bg_pc.jpg) no-repeat 50% 100% / auto;} #header0201 { width: 620px; height: 80px; padding: 0 56px 0 30px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; line-height: 1;} #header0201Txt01 { width: 135px; padding: 0; margin: 0 20px 0 0; display: block; box-sizing: border-box;} #header0201Txt02 { width: 374px; display: block;} #header0202 { width: 260px; height: 80px; box-sizing: border-box; position: absolute; top: 0; right: 120px; background: transparent; padding: 0; line-height: 1.46; display: block;} #header0202 a { display: inline-block; transform-origin: left top; padding: 10px 0 0 30px; box-sizing: border-box; font-size: 1.4rem; color: #80652e !important; transform: translateY(0) translateX(0) scale(1); white-space: nowrap;} #header0202 a > span { display: inline-block; letter-spacing: -0.3em; } #header0203 { display: none;} .header0203__01 {} .header0203__01__01 {} .header0203__02 {} .header0203__02::before{} #headerReservation { position: absolute; width: 120px; height: 80px;} #headerReservation a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; width: 120px; height: 80px; background: #80652e;} #headerReservationTxt01 { background: url(images/icon_net_w.svg) no-repeat 0 50% /auto 24px; padding: 4px 0 4px 30px;} #headerReservationTxt02 {} .menuBtn { width: 120px; height: 110px; background: #1c2c46;} .menuBtn .menuBtnBar { left: 33px; width: 54px;} .menuBtn01 { top: 56px;} .menuBtn02 { top: 70px;} .menuBtn03 { top: 84px;} .menuBtn #menuBtnTxt { top: 30px; left: 0px; font-size: 1.4rem; transform: scale(1);} .menuBtn.active { } .menuBtn.active span {} .menuBtn.active .menuBtn01 { transform: translateY(12px) translateX(0) rotate(45deg);} .menuBtn.active .menuBtn02 { transform: translateY(0px) translateX(0) rotate(-45deg);} .menuBtn.active .menuBtn03 { display: none;} .instaBtnSp{ display: none;} .instaBtnSp a {} .instaBtnSp a img {} .instaBtnPc { display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; position: absolute; top: 80px; right: 0; width: 120px; height: 56px; background: #1c2c46;} .instaBtnPc a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%;} .instaBtnPc a img { width: 96px;} .navLock { } nav { padding: 250px 0 0;} nav > div { position: relative; overflow: auto; width: 916px; height: 100%; margin: 0 auto; padding: 72px 0 0; display: flex; flex-wrap: wrap;} nav > div:before { top: 8px;} nav > div:after { top: 0; font-size: 1.6rem;} nav > div > ul { display: block; width: 25%; font-size: 1.6rem;} nav > div > ul:nth-child(1) { width: 20%;} nav > div > ul:nth-child(2) { width: 30%;} nav > div > ul:nth-child(3) { width: 30%;} nav > div > ul:nth-child(4) { width: 20%;} nav > div > ul > li { width: 100%; float: left; padding: 0;} nav > div > ul:last-child > li {} nav > div > ul > li a { } nav > div > ul > li > a:before { } nav > div > ul > li > ul { } nav > div > ul > li > ul > li { width: 100%; padding: 0;} nav > div > ul > li > ul > li > a { } nav > div > ul > li > ul > li > a:before {} nav > div > ul:nth-child(1) { order: 1; } nav > div > ul:nth-child(2) { order: 2; } nav > div > ul:nth-child(3) { order: 3; } nav > div > ul:nth-child(4) { order: 4; } /*footer*/ footer { overflow: hidden; clear: both; padding: 60px 0 0; } #footer01 { width: 940px; margin-left: auto; margin-right: auto; line-height: 1.2; padding: 0 0 24px;} #footer01Txt01 { font-size: 2.1rem; text-align: center; margin: 0 0 32px; padding: 54px 0; background: url(images/logo_rectangle01.svg) no-repeat 50% 0 /140px auto;} #footer01Txt01 span { display: inline-block;} #footer01Txt01 span:nth-child(1) { padding-right: 140px; } #footer01Txt01 span:nth-child(2) { padding-left: 140px; } #footer01Txt02 { font-size: 2.1rem; text-align: center; padding: 0 0 21px;} #footer01Txt03 { padding: 0 0 24px; font-size: 3.2rem;} #footer01Txt04 { font-size: 1.8rem; padding: 0 0 22px;} #footer01Txt04 ul { } #footer01Txt04 ul li:after { } #footer01Txt04 ul li:last-child:after { } #footer01Txt05 { padding: 0 0 32px;} #footer01Txt05 ul { font-size: 2.1rem;} #footer01Txt05 ul li:after { } #footer01Txt05 ul li:last-child:after { } #footer0101 { margin: 0 40px 0 0; width: 420px; float: left; } #footer0101 dl {padding: 20px 8px 20px; margin: 0 0 22px;} #footer0101 dt { font-size: 2.2rem; letter-spacing: 0.1em; padding: 0 0 12px; margin: 0 0 20px;} #footer0101 dd { font-size: 2.8rem;} #footer0101 dd a { background: url(images/icon_tel_bn.svg) no-repeat 0 50% /auto 0.8em; padding: 0 0 0.1em 1em;} #footerCard { padding: 15px 8px;} #footerCard li { } #footerReservation { font-size: 1.8rem; padding: 26px 0; letter-spacing: 0.050em;} #footerReservation a { background: url(images/icon_net_bn.svg) no-repeat 0 50% /auto 27px; padding: 0.2em 0 0.2em 54px;} #footer0102 { overflow: hidden;} #footer010201 { } #footer0102 table { } #footer0102 table th,#footer0102 table td { font-size: 1.8rem;} #footer0102 table tr:last-child th,#footer0102 table tr:last-child td { } #footer0102 table th { padding: 28px 0;} #footer0102 table th[scope=col] { padding: 24px 0;} #footer0102 table th.footer0102Th01 {} #footer0102 table th.footer0102Th01 span { } #footer0102 table th.footer0102Th01 span:nth-child(1) { } #footer0102 table th.footer0102Th01 span:nth-child(2) { } #footer0102 table td { } #footer010202 { } #footer010202 span { font-size: 1.6rem; padding: 0.2em 0 0.2em 1.4em;} #footer010202 span:before { } #footerRoute { width: 940px; padding: 16px 0; margin: 0 auto 24px; font-size: 2.4rem;} #footerRoute a {} #footer02 { width: 940px; margin: 0 auto; padding: 0 0 56px; } #footer02Img { padding: 0; float: left; margin: 0 40px 0 0;} #footer0201 { overflow: hidden;} #footer0201Txt01 { padding: 30px 0; font-size: 3.0rem;} .footer0201Txt02 { font-size: 2.0rem; padding: 12px 0 22px; letter-spacing: 0.1em;} #footer0201 ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 0 16px;} #footer0201 ul li { margin: 0 32px; font-size: 1.6rem;} #footer0201 ul a { padding: 160px 0 0;} #footer0201 ul a:after { content: ""; width: 176px; height: 143px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);} #footer0201Txt03 {} #footer0201Txt03 a {} #footer0201Txt03 a:after { } #footer0201Txt04 {} #footer0201Txt04 a {} #footer0201Txt04 a:after { } #footer0201Txt02 {} #footer0201Txt05 { font-size: 1.6rem; padding: 0 0 24px;} #footer0201Txt05 a { padding: 14px 200px 14px 0; background: url(images/footer_patient03.png) no-repeat 100% 50% / auto;} #footer03 { width: 940px; margin: 0 auto; padding: 0 0 64px; } #footer0301 { padding: 0; width: 340px; margin-right: 40px; float: left; } #footer0301Sub01 {} #footer0301Sub01 img { width: auto; height: 72px; } #footer0301Sub02 { margin: -15px 0 16px 0; padding: 0 0 0 146px; } #footerNewsUl {} #footerNewsUl {} #footerNewsUl li { padding: 24px 0 16px;} #footerNewsUl li:after { } #footerNewsUl li dt { font-size: 1.2rem;} #footerNewsUl li dd {} #footer0302 { overflow: hidden; } #footer04 { padding: 0 0 72px; } #footerMapPare { padding-bottom: 400px; } #footerMapPare iframe, #footerMapPare object, #footerMapPare embed { } #footerExplanationLink { margin: 0 0 36px;} #footerExplanationLink ul { font-size: 1.6rem;} #footerExplanationLink ul li {} #footerExplanationLink ul li:nth-child(1):after { } #footerExplanationLink ul li a { padding: 1.5em 0;} #footer05 { width: 940px; margin: 0 auto; padding: 0 0 32px; } #footer0501 { text-align: left; padding: 0; width: 180px; float: left; margin-right: 32px; } #footer0501 img { height: 120px; } #footer0502 { } #footer0502 > ul { width: 25%; margin: 0; font-size: 1.3rem;} #footer0502 > ul li { margin-bottom: 8px; } #footer0502 > ul > li > a { } #footer0502 > ul > li > a:before { } #footer0502 > ul > li ul { } #footer0502 > ul > li li a { } #footer0502 > ul > li li a:before { } #footer0502 > ul:nth-child(1) { order: 1; width: 20%;} #footer0502 > ul:nth-child(2) { order: 2; width: 27.5%;} #footer0502 > ul:nth-child(3) { order: 3; width: 27.5%;} #footer0502 > ul:nth-child(4) { order: 4; } footer small { width: 100%; padding: 32px 0; margin: 0; font-size: 1.2rem;} /* parts *************************************************************************************************************************************************************************************/ body { padding-top: 190px; } #postBody { padding-top: 96px;} .w1000 { width: 1000px; margin-left: auto; margin-right: auto; } .w940 { width: 940px; margin-left: auto; margin-right: auto; } .w906 { width: 906px; margin-left: auto; margin-right: auto; } .w900 { width: 900px; margin-left: auto; margin-right: auto; } .w860 { width: 860px; margin-left: auto; margin-right: auto; } .w840 { width: 840px; margin-left: auto; margin-right: auto; } .w820 { width: 820px; margin-left: auto; margin-right: auto; } .w800 { width: 800px; margin-left: auto; margin-right: auto; } .w794 { width: 794px; margin-left: auto; margin-right: auto; } .w740 { width: 740px; margin-left: auto; margin-right: auto; } .w700 { width: 700px; margin-left: auto; margin-right: auto; } .w640 { width: 640px; margin-left: auto; margin-right: auto; } .twoColFlex { display: flex; flex-wrap: wrap; } .twoColFlexCh { padding-bottom: 0; width: calc( (100% - 20px) /2 ); margin: 56px 20px 0 0;} .twoColFlex02 .twoColFlexCh { padding-bottom: 0; width: calc( (100%) /2 ); margin: 56px 0 0 0;} .twoColFlexCh:nth-child(2n) { margin-right: 0;} .twoColFlexCh:nth-child( -n + 2 ) { margin-top: 0;} .twoColFlexCh:last-child { padding-bottom: 0; } .twoColFlexChLR { padding-left: 20px; padding-right: 20px; } .pageTitlte { position: relative; height: calc( 100vh - 190px ); max-height: 610px; margin: 0 0 72px;} #general-dentistryTitle { } #general-dentistryTitle .pageTitlteTxt01 { position: absolute; bottom: auto; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); margin-left: -370px; padding: 0;} #esthetic-dentistryTitle { background-position: 50% 50%;} #esthetic-dentistryTitle .pageTitlteTxt01 { position: absolute; bottom: auto; top: 50%; left: 50%; transform: translateY(-50%) translateX(0); margin: -10vw 0 0 -410px; padding: 0;} #whiteningTitle { background-position: 50% 0%;} #whiteningTitle .pageTitlteTxt01 { position: absolute; bottom: auto; top: 50%; left: 50%; right: auto; width: auto; transform: translateY(-50%) translateX(0); margin: 0 0 0 -410px; padding: 0;} #preventionTitle { } #preventionTitle .pageTitlteTxt01 { position: absolute; bottom: auto; top: 50%; left: 50%; transform: translateY(-50%) translateX(0); margin: -10vw 0 0 -410px; padding: 0;} #dentureTitle { } #all-generationsTitle { } #implantTitle { } #periodonticsTitle { } #with-childrenTitle { background-position: 50% 0;} #clinicTitle { } #staffTitle { background-image: url(images/staff_main.jpg);} #womenTitle {} #womenTitle .pageTitlteTxt01 { } #happyTitle { } #happyTitle .pageTitlteTxt01 { position: absolute; top: 14.5%; right: auto; left: 50%; padding: 0; margin-left: 140px;} #blogTitle { height: 250px; background-size: auto 100%; background-color: #000; background-image: url(images/blog_main.jpg); background-position: 50% 50%;} #qaTitle { height: 250px; background-size: auto 100%; background-color: #000; background-image: url(images/qa_main.jpg); background-position: 50% 50%;} #informationTitle { height: 250px; background-size: auto 100%; background-color: #000; background-image: url(images/information_main.jpg); background-position: 50% 50%;} #staff-blogTitle { height: 250px; background-size: auto 100%; background-color: #000; background-image: url(images/staff-blog_main.jpg); background-position: 50% 50%;} #caseTitle { } #caseTitle .pageTitlteTxt01 { right: auto; left: 50%; padding: 0; transform: translateY(-50%);} #cerecTitle { } #cerecTitle .pageTitlteTxt01 { position: absolute; top: 30%; left: 50%; padding: 0; margin-left: -420px; transform: translateY(0); width: 320px;} .circleList01 {} .circleList01 li { position: relative; padding-left: 0.75em;} .circleList01 li:before { content: ""; display: block; width: 3px; height: 3px; position: absolute; top: 0.75em; left: 0; border-radius: 4px; background: #595757;} .middotList {} .middotList > li { position: relative; padding-left: 1em;} .middotList > li:before { content: '・'; position: absolute; top: 0; left: 0; } .linkBtn01 { line-height: 1;} .linkBtn01 span { display: inline-block; padding: 10px 20px; color: #FFF; background: #80652E;} .caseBtn { padding: 0; } .caseBtn > a { } .caseBtn > a > span { } .caseBtnTxt01 { font-size: 2.2rem;} .caseBtnTxt01.pcfs18 { font-size: 1.8rem; } .caseBtnTxt02 { font-size: 1.5rem;} .table01 { } .table01 th,.table01 td { padding: 1em 2em;} .table01 td.bbDash01 { } .table01 td.btDash01 { } .tableDl01 { overflow: hidden; clear: both;} .tableDl01 dt { float: left; } .tableDl01 dd { overflow: hidden; text-align: right; } .blogUl { display: flex; flex-wrap: wrap;} .blogUl > li { width: calc( (100% - 56px)/3 ); margin: 48px 28px 0 0; } .blogUl > li:nth-child( -n + 3 ) { margin-top: 0; } .blogUl > li:nth-child( 2n ) { margin-right: 28px;} .blogUl > li:nth-child( 3n ) { margin-right: 0;} .blogUlImg { } .blogUlImg img {} .blogUlTxt01 { font-size: 1.7rem; padding: 6px 8px 0; } .blogUlTxt02 { padding-left: 8px; padding-right: 8px;} .postTitle { font-weight: 500 !important; font-size: 2.0rem; line-height: 1.4; padding: 0 0 4px;} .postDate { padding: 0 0 24px; } .postContent {} .postContent p { padding-bottom: 1.6em; } img.centered { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0; } img.alignnone { display: inline; margin: 0 0 10px 0; padding: 0; } img.alignright { display: inline; margin: 0 0 10px 10px; padding: 0; } img.alignleft { display: inline; margin: 0 10px 10px 0; padding: 0; } .aligncenter { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } .wp-caption { background: #F7F7F7; border: 1px solid #e6e6e6; padding: 4px 0 5px 0; text-align: center; } .wp-caption p.wp-caption-text { font-size: 11px; font-weight: normal; line-height: 12px; margin: 0; padding: 0; } .wp-caption img { border: 0; margin: 0 0 5px 0; padding: 0; } .singlePageNav { position: relative; overflow: hidden; clear: both; padding: 0; margin: 48px 0;} .singlePageNav:before { content: "◎"; color: #000032; font-size: 142.9%; line-height: 1; display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);} .prev { float: left; width: 50%; text-align: right; padding-right: 2em; box-sizing: border-box;} .next { float: right; width: 50%; text-align: left; padding-left: 2em; box-sizing: border-box;} #pagerPare { overflow: hidden; padding: 48px 7.4% 80px; text-align: center;} .wp-pagenavi { clear: both;} .wp-pagenavi a, .wp-pagenavi span { display: inline-block; text-decoration: none; border: 1px solid #000032; padding: 0px 8px; margin: 2px; color: #000032;} .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000032; color: #000032;} .wp-pagenavi span.current { font-weight: bold;} /* page *************************************************************************************************************************************************************************************/ /*indexMainImg*/ #indexMainImg { position: relative; overflow: hidden; display: block; width: 100%; height: calc( 100vh - 190px); margin: 0;} #indexMainImg video { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; min-width: 100%; min-height: calc( 100vh - 190px); max-height: none;} /*indexForEveryone*/ #indexForEveryone { position: relative; } .indexForEveryoneImg {} .indexForEveryoneImg img { width: 100%; } .indexForEveryoneSub01 { position: absolute; top: 52px; left: 50%; z-index: 1; margin-left: -360px;} .indexForEveryoneSub01 img { height: 111px; } .indexForEveryoneSec01 { position: absolute; top: 72px; left: 50%; margin: 0 0 0 -390px; width: 330px; color: #FFF; box-sizing: border-box; padding: 96px 24px 40px; background: rgba(80,46,23,0.72);} .indexForEveryoneSub02 { position: static; top: auto; left: auto; padding: 0 0 30px; background: transparent; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb;} .indexForEveryoneTxt01 { text-align: right; padding: 32px 0 0;} .indexForEveryoneTxt02 { color: #FFF; } .indexForEveryoneTxt03 { color: #FFF; } .indexForEveryoneTxt04 { color: #FFF; } .indexForEveryoneTxt05 { color: #FFF; } /*indexPickup*/ .indexPickupList { margin: 48px 40px; padding: 32px 64px;} .indexPickupList > li {} .indexPickupList > li dl { } .indexPickupList > li dt { } .indexPickupList > li dd { } /*indexTotalApproach*/ #indexTotalApproach { padding: 0; background: url(images/index_sepalator_pc.png) no-repeat 50% 76px /auto; } #indexTotalApproachSub01 { padding: 0 0 10px 140px;} #indexTotalApproachSub01 img { height: 91px; } #indexTotalApproachTxt01 { padding: 0 0 148px 140px; } #indexTotalApproachTxt02 { padding: 0 0 0 408px; } #indexTotalApproachBox01Pare { position: relative; } #indexTotalApproachBox01 { position: absolute; top: 150px; left: 0; z-index: -1; width: 555px; height: 209px; background: url(images/index_total-approach_bg01.png) no-repeat 0 0 /auto;} #indexTotalApproachBox0101 { margin: -92px 0 32px -184px; } #indexTotalApproachBox0101 img { width: 148px; height: 132px; } #indexTotalApproachBox0102 { padding: 0 0 0 116px; } /*indexOurFeature*/ #indexOurFeature { margin: -96px 0 0; padding: 200px 0 0; background: url(images/index_sepalator_pc.png) no-repeat 50% 0 /auto; } #indexOurFeatureSub01 { float: left; width: 340px; } #indexOurFeatureSub01 img { height: 91px; } #indexOurFeatureSub02 { overflow: hidden; padding: 32px 0 40px; } .indexOurFeatureList01 { display: flex; flex-wrap: wrap; padding: 0 0 72px;} .indexOurFeatureList01 li { width: calc( (100% - 72px)/4 ); padding: 0; margin: 0 24px 0 0; text-align: center;} .indexOurFeatureList01 li:nth-child(4n) { margin-right: 0;} .indexOurFeatureList01 a { } .indexOurFeatureList01Img { position: relative; width: 197px; float: none; margin: 0 0 32px;} .indexOurFeatureList01ImgTxt { position: absolute; bottom: 0; right: 0; padding: 10px 20px; background: #FFF; color: #231815;} .indexOurFeatureList01Txt { padding: 0; } .indexOurFeatureList01Txt01 {} .indexOurFeatureList01Txt01:before {content: '▶';} .indexOurFeatureList01Txt02 {} .indexOurFeatureList01Txt03 { line-height: 1.57; } .indexOurFeatureList01Txt04 { font-size: 1.0rem;} .indexOurFeatureList01Txt04 span { display: inline-block; padding: 10px 20px; color: #FFF; background: #80652E;} .indexOurFeatureList02 { display: flex; flex-wrap: wrap; } .indexOurFeatureList02 > li { width: calc( (100% - 72px)/4 ); padding: 48px 8px 18px; margin: 0 24px 0 0;} .indexOurFeatureList02 > li:nth-child(4n) { margin-right: 0;} .indexOurFeatureList02 > li:last-child { margin-bottom: 0;} .indexOurFeatureList02 > li:after { width: 86px; height: 76px; top: 0; left: 50%;} .indexOurFeatureImg04 { } .indexOurFeatureImg04Img { position: relative; width: 100%; margin: 0 0 24px 0; } .indexOurFeatureImg04Txt01 { position: absolute; top: 50%; left: 32px; transform: translateY(-50%); margin-top: -56px; } .indexOurFeatureImg04Txt02 { position: absolute; bottom: 0; right: 0; } .indexOurFeatureImg04Txt02 span { display: inline-block; padding: 10px 20px; color: #231815; background: #FFF;} .indexOurFeatureImg04Txt { padding-left: 30px; padding-right: 30px; } /*indexTreatment*/ #indexTreatment { padding: 210px 0 0; background: url(images/index_sepalator_pc.png) no-repeat 50% 0 /auto; } #indexTreatmentSub01 { line-height: 1;float: left; width: 324px; margin-right: 8px; } #indexTreatmentSub01 img { width: auto; height: 134px; } #indexTreatmentSub02 { padding: 32px 0 0;} .indexTreatmentList01 { display: flex; flex-wrap: wrap;} .indexTreatmentList01 a { display: block; } .indexTreatmentList01 li { width: calc( (100% - 100px)/3 ); margin: 40px 50px 0 0; text-align: center;} .indexTreatmentList01 li:nth-child(2n) { margin-right: 50px;} .indexTreatmentList01 li:nth-child(3n) { margin-right: 0;} .indexTreatmentList01 li:nth-child( -n + 3 ) { margin-top: 0;} .indexTreatmentList01Img { margin: 0 0 32px; } .indexTreatmentList01Txt {} .indexTreatmentList01Txt01 {} .indexTreatmentList01Txt01:before { content: '▶';} .indexTreatmentList01Txt02 {} .indexTreatmentList01Txt03 {} /* indexCaseBtn */ .indexCaseBtn{ width: 940px; margin: 0 auto 180px; display: flex; flex-wrap: wrap;} .indexCaseBtn__01{ width: 470px;} .indexCaseBtn__02{ width: calc( 100% - 470px);} .indexCaseBtn__02__01{ padding: 20px 0 0; height: 94px;} .indexCaseBtn__02__01>h3{ font-size: 22px; margin-bottom: 12px;} .indexCaseBtn__02__01>p{ font-size: 14px;} .indexCaseBtn__02__02{ padding: 0; display: block; height: 126px; padding: 16px 28px;} .indexCaseBtn__02__02>div{ display: flex; flex-wrap: wrap; position: relative;} .indexCaseBtn__02__02>div:before{ content: ''; display: block; width: 1px; height: 100%; background: #a6936d; position: absolute; top: 0; left: 50%;} .indexCaseBtn__02__02>div>ul{ width: 50%;} .indexCaseBtn__02__02>div>ul:nth-child(2){ padding-left: 16px;} .indexCaseBtn__02__02>div>ul>li{ font-size: 14px; line-height: 1.6;} .indexCaseBtn__02__02>div>ul>li a{ color: #80652e;} .indexCaseBtn__02__02>div>ul>li span{ font-size: 11px;} .indexCaseBtn__02__02>p{ } .indexCaseBtn__02__02>p>a{ width: 64px; height: 64px;} .indexCaseBtn__02__02>p>a>span{ font-size: 11px; padding-bottom: 4px;} .indexCaseBtn__02__02>p>a:before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; bottom: 0;right: 0; background: #a6936d; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); } /*indexEquipment*/ #indexEquipment { padding: 0; margin: 0 0 120px;} #indexEquipment .w1000 { position: relative;} #indexEquipmentImg { } #indexEquipmentImgTxt01 { } #indexEquipmentImgTxt01 img { top: 0; left: 36px; transform: translateY(-50%); height: 114px;} #indexEquipmentImgTxt01:after { width: 320px; height: 330px;} #indexEquipmentBox { position: absolute; top: 100px; left: 56px; color: #FFF;} #indexEquipmentBoxTxt01 { position: static; top: auto; left: auto; width: auto; text-align: left;} #indexEquipmentBoxTxt02 { padding: 0; } #indexEquipmentBoxTxt03 { position: absolute; bottom: 0; left: 72px; background: #FFF; padding: 10px 56px; color: #231815; line-height: 1;} /*indexStaff*/ #indexStaff { padding: 0; margin: 0 0 48px;} #indexStaff .w1000 { position: relative;} #indexStaffImg { } #indexStaffImgTxt01 { } #indexStaffImgTxt01 img { top: 0; right: 72px; transform: translateY(-50%); height: 104px;} #indexStaffImgTxt01:after { width: 320px; height: 330px;} #indexStaffBox { position: absolute; top: 80px; right: 40px; color: #FFF;} #indexStaffBoxTxt01 { position: static; top: auto; left: auto; width: auto; text-align: left;} #indexStaffBoxTxt02 { padding: 0; } #indexStaffBoxTxt03 { position: absolute; bottom: 0; right: 72px; background: #FFF; padding: 10px 56px; color: #231815; line-height: 1;} /*indexQA*/ #indexQA { overflow: hidden; padding: 116px 0 80px;} .indexQATxt01 { margin: 0 0 8px; } .indexQATxt01 img { width: auto; height: 87px;} .indexQATxt02 { padding: 0 0 0 314px; margin: -103px 0 0; } #indexQAUl { display: flex; flex-wrap: wrap; } #indexQAUl li { width: calc( (100% - 90px)/4 ); margin: 0 30px 30px 0; padding: 0; font-size: 1.4rem; letter-spacing: 0.1em;} #indexQAUl li a { display: block; padding: 10px;} #indexQAUl li a:after { width: 64px; height: 64px;} #indexQAUl li:nth-child(2n) { margin-right: 30px;} #indexQAUl li:nth-child(4n) { margin-right: 0;} #indexQAUl li dt { padding: 0 0 16px; margin: 0 0 10px;} #indexQAUl li a { } .indexQABtn01 { float: right; width: calc( (100% - 90px)/4 );} .indexQABtn01 a { padding: 20px 0 20px;} /*indexBlog*/ #indexBlog { padding: 70px 0 60px; clear: both;} #indexBlog::after { display: block; clear: both; content: "";} .indexBlogTxt01 { position: relative; margin: -190px 0 0; } .indexBlogTxt01:before { content: ""; display: block; position: absolute; top: 0; left: -80px; width: 304px; height: 271px; background: url(images/index_staff-blog_bg01.png) no-repeat 0 0 / 100% 100%; } .indexBlogTxt01 img { height: 123px; } .indexBlogTxt02 { position: relative; z-index: 1; padding-left: 360px; margin: -48px 0 0;} .indexPostWrap { } .indexPostSub { font-size: 20px; } .indexPostUl { } .indexPostUl li { width: calc( (100% - 90px)/4 ); margin: 0 30px 30px 0; font-size: 1.4rem;} .indexPostUl li:nth-child(2n) { margin-right: 30px;} .indexPostUl li:nth-child(4n) { margin-right: 0;} .indexPostUlImg { padding: 0 0 8px; text-align: center;} .indexPostUlImg img { width: auto;} .indexPostUl li dl { padding: 0 16px; } .indexPostUl li dt {} .indexPostUl li dd { } .indexPostUlImg02 { } .indexPostUlImg02:before, .indexPostUlImg02:after { } .indexPostUlImg02:before { } .indexPostUlImg02:after { } .indexPostUlImg02 img { } .indexPostUlTxt01 { top: 32px; left: 12px;} .indexPostUlTxt02 { } /*generalDentistry*/ #generalDentistryImg05 { overflow: hidden; padding: 56px 0 40px; min-height: 520px; box-sizing: border-box; background: #242625 url(images/general-dentistry_img05.jpg) no-repeat 50% 0 / auto 100%; } #generalDentistryImg05Wrap { } #generalDentistryImg06 { padding: 64px 0 364px; background: #e8e7e6 url(images/general-dentistry_img06.jpg) no-repeat 50% 100% /auto 100%; } #generalDentistryImg06Wrap { /*margin: -24vw 0 0; */} .generalDentistryImg06List01 {} .generalDentistryImg06List01 > li { margin: 0 0 64px;} .generalDentistryImg06List01 > li > dl { display: flex; flex-wrap: wrap; align-content: center;} .generalDentistryImg06List01 > li > dl > dt { width: 170px; line-height: 1; min-height: 96px;} .generalDentistryImg06List01 > li > dl > dt > span { } .generalDentistryImg06List01 > li > dl > dd { width: calc( 100% - 170px); display: flex; flex-wrap: wrap; align-items: center; align-content: center;} .generalDentistryImg06List01 > li > dl > dd > dl > dt { float: left;} .generalDentistryImg06List01 > li > dl > dd > dl > dt:after { } .generalDentistryImg06List01 > li > dl > dd > dl > dd { overflow: hidden;} /*esthetic*/ #esthetic { padding-top: 10px;} #estheticDentistryImg01 { position: absolute; top: 0; right: auto; left: 50%; margin-left: -100px; width: 600px;} #estheticDentistryImg01:after { width: 168px; height: 500px;} /*prevention*/ .maintenanceSec01 { float: left; width: 391px; margin-left: 32px; } .maintenanceSec02 { float: right; width: 247px; margin-right: 20px;} /*denture*/ .dentureSec01 { width: 400px; float: left; margin-right: 30px; } #dentureImg01 { float: right; } /*implant*/ .implantTitleBox01 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .implantTitleBox01 h3 { width: 330px;} .implantTitleBox01 p { width: calc( 100% - 330px ); } .implantBox01 { display: flex; flex-wrap: wrap; } .implantBox01 > section { width: calc( (100% - 40px)/2 ); margin-right: 40px;} .implantBox01 > section:nth-child(2n) { margin-right: 0;} .implantFig {} .implantFigSub01 {} .implantFigSub02 { width: calc( 100% - 40px ); line-height: 1; margin-top: -6px;} .implantFigSub02 > span { } .implantFigSub02:before {} .implantFigSub02:after {} .implantFigSub03 { line-height: 1; margin-top: -6px;} .implantFig01 { display: flex; flex-wrap: wrap; align-items: flex-start; } .implantFig01L01 { padding: 28px 0 0; width: 256px; box-sizing: border-box;} .implantFig01L0101 { display: block;} .implantFig01L0101 h3 { text-align: center; margin: 0 0 24px;} .implantFig01L0101 p { max-width: 100%;} .implantFig01RPare { width: 650px; display: flex; flex-wrap: wrap; } .implantFig01RPare .middotList01 { } .implantFig01R010101, .implantFig01R020101 { } .implantFig01R01 { width: 333px; margin-right: 0;} .implantFig01R0101 {} .implantFig01R02 { width: 317px;} .implantFig01R0201 {} .implantFig0202 { margin: -10px 0 0 36px; } .implantFig0203 { margin: 10px 0 0 30px; } .implantFig0302 { margin: 10px 0 0 30px; } .implantFig0303 { margin: -40px 0 0 30px; position: relative; z-index: -1;} .implantImg02-03 { float: left; margin-right: 40px; } /*perio*/ .periodonticsSec02 { margin: 0 0 96px;} .periodonticsSec0201 { width: 320px; margin: 0 160px 0 0;} .periodonticsSec0201:nth-child(2n) { margin-right: 0;} .periodonticsSec0201Txt01 {} .periodonticsSec0201Txt02Pare {} .periodonticsSec0201Txt02-01 {} .periodonticsSec0201Txt02-02 { } .periodonticsSec0201Txt02-02 dt { } .periodonticsSec0201Txt02-02 dd { } .periodonticsList { display: flex; flex-wrap: wrap; } .periodonticsList li { width: 60%; box-sizing: border-box;} .periodonticsList li:nth-child(2n) { width: 40%;} /*clinic*/ .clinicSec01 { padding-bottom: 120px;} .clinicSec01Img {} .clinicSec01Img img { } .clinicSec01Img02 { float: none; margin-right: 0; width: auto; position: absolute; bottom: 0; left: 50%; margin-left: -415px;} .clinicSec01Txt01 { width: 460px;} .clinicSec01Txt01 dd { min-height: 5.5em;} .clinicSec02 { display: flex; flex-wrap: wrap; justify-content: space-between;} .clinicSec0201 { position: relative; padding-bottom: 120px; width: calc( (100% - 25px)/2 );} .clinicSec0201:nth-child(2n - 1) { } .clinicSec0201:nth-child(2n - 1) .clinicSec02Txt01 { right: auto; left: 0;} .clinicSec02Img {} .clinicSec02Img img { width: 100%; } .clinicSec02Txt01 { right: 0; width: 460px;} .clinicSec02Txt01 dd { min-height: 5.5em;} .clinicSec03 { } .clinicSec0301 { } .clinicSec03Img {} .clinicSec03Img img { } .clinicSec03Txt01 { width: 460px;} .clinicSec0302 { padding-left: 0; padding-right: 0; padding-top: 0; width: 836px; margin: -184px auto 0; display: flex; flex-wrap: wrap;} .clinicSec030201 { width: calc( (100% - 64px)/2 ); display: block; padding: 0;} .clinicSec030201:nth-child(1) { margin-right: 64px;} .clinicSec030201:nth-child(1) .clinicSec030201Img { padding-top: 65px;} .clinicSec030201Img { width: 100%; margin: 0; padding: 0 0 32px; text-align: center;} .clinicSec030201 dl { width: 100%;} .clinicSec04 { display: flex; flex-wrap: wrap; align-items: center; } .clinicSec04Ch { position: relative; margin: 0; width: 50%; overflow: visible;} .clinicSec04Img { width: 500px;} .clinicSec04Img img { max-width: none;} .clinicSec04Txt01 { float: right; margin: -56px 0 0 ; width: calc( 100% + 20px ); overflow: hidden; padding: 72px 80px 40px;} .clinicSec04Ch:nth-child(2) .clinicSec04Txt01 { float: left; } .clinicSec04Txt01 > dl { width: 400px;} .clinicSec04Ch:nth-child(2n-1) .clinicSec04Txt01 { margin-right: -20px;} .clinicSec04Ch:nth-child(2n) .clinicSec04Txt01 { margin-left: -20px;} .clinicSec04Ch:nth-child(2n-1) .clinicSec04Txt01 > dl { float: right;} .clinicSec04Ch:nth-child(2n) .clinicSec04Txt01 > dl { float: left;} .clinicSec04Ch:nth-child(2n-1) .clinicSec04Img { float: right;} .clinicSec04Ch:nth-child(2n) .clinicSec04Img { float: left;} /*staff*/ .staffSec01 { position: relative;} .staffSec01::after { content: ""; clear: both; display: table;} .staffSec01-01:before { content: ""; display: block; position: absolute; top: 444px; left: 800px; width: 148px; height: 132px; background: url(images/logo_rectangle01.svg) no-repeat 0 0 / 100% 100%; opacity: 0.5;} .staffSec01Img { position: relative; z-index: 1;} .staffSec01ImgL { float: left; } .staffSec01ImgR { float: right; } .staffSec01Txt { float: right; padding: 48px 24px; margin: -190px 0 0; box-sizing: border-box; width: 640px;} .staffSec01Txt01 { } .staffSec01Txt02 { float: left; } .staffSec01TxtImg { position: absolute;} .staffSec01TxtImg01 { top: 220px; left: auto; right: -120px; transform: translateY(0) translateX(0); } .staffSec01TxtImg02 { top: 0; left: auto; right: 0; transform: translateY(-40px) translateX(90px); } .staffSec01TxtImg img { width: auto; height: 91px;} .staffSec01TxtImg.staffSec01TxtImg02 img { width: auto; height: 82px;} .staffSec01Btn { } .staffSec01Btn a { padding: 14px 56px;} .staffSec02 { width: 100%; display: flex; flex-wrap: wrap; /*align-content: flex-start;*/ /*align-items: flex-start;*/} .staffSec02-01 { width: calc( (100% - 100px)/2 ); padding: 0; margin: 116px 100px 0 0;} .staffSec02-01 h3 { white-space: nowrap;} .staffSec02-01:nth-child( -n + 2 ) { margin-top: 0;} .staffSec02-01:nth-child( 2n ) { margin-right: 0;} /* .staffSec02-01:nth-child( n + 4 ) { margin-top: 16px;} */ /*women*/ .womenBody { } #womenLocalNav { justify-content: center; font-size: 2.2rem;} #womenLocalNav li { width: 150px; margin: 0 62px 0 0;} #womenLocalNav li:nth-child(4n) { margin-right: 0;} #womenLocalNav li a { width: 150px; height: 74px; padding: 40px 0 0 32px; box-sizing: border-box; background-size: auto;} #womenLocalNav li:nth-child(1) a { } #womenLocalNav li:nth-child(2) a { } #womenLocalNav li:nth-child(3) a { } #womenLocalNav li:nth-child(4) a { } .womenSec { padding: 56px 0 96px;} .womenCover { position: absolute; top: 76px; left: 0; height: 490px;} .womenCover:after { content: ""; display: block; width: calc( ( 100% / 2 ) - 64px ); position: absolute; top: 0; left: 0;} #womenMarriageCover { } .womenCoverTxt01 { right: auto; left: 50%; font-size: 8.6rem; transform: translateY(8%) translateX(40px);} .womenSecWrap { padding: 0 0; width: 840px; margin-left: auto; margin-right: auto; } .womenSecSec01 { width: 340px; margin-bottom: 64px;} .womenSecSub01 { position: relative; line-height: 1;} .womenSecSub01:before { content: ''; position: absolute; top: -56px; left: -80px; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 312px 312px 0 0; border-color: rgba(255,255,255,0.75) transparent transparent transparent; } .womenSecSec02 { display: flex; flex-wrap: wrap;} .womenSecSec02 > h4 { width: 234px; } .womenSecSec02 > div { width: calc( 100% - 234px ); } /*explanation*/ #explanationBody { padding: 0 0 80px;} #explanationBody.explanationBody02 { padding-top: 230px;} #explanationBody h1 { padding: 2em 0;} #explanation { padding: 0; width: 770px; margin: 0 auto;} /*dr*/ #drBody { padding: 0 0 80px;} #drBody h1 { padding: 40px 0 0; width: 740px; margin: 0 auto;} #dr { padding: 0; width: 740px; margin: 0 auto; display: flex; flex-wrap: wrap;} .drSec01 { padding: 0; width: calc( (100% - 40px)/2 );} .drList { line-height: 1.4; } .drList > li { padding-bottom: 10px; } .drBookPare { padding: 0; width: 740px; margin: 0 auto;} .drBook { display: flex; flex-wrap: wrap; } .drBook li { width: 220px; margin: 0 40px 24px 0; } .drBook li:nth-child(3n) { margin-right: 0;} .drBook li dl { display: block; } .drBook li dl dt { width: auto; padding: 0; margin: 0 0 8px; text-align: center;} .drBook li dl dd { width: auto; font-size: 1.2rem;} /*case*/ .caseSec01 {} .caseTitle { margin: 0 0 32px;} .caseTitle01 { margin: 0 0 16px;} .caseTitle01:after { width: 420px;} .caseTitle01.caseTitle01W700 { letter-spacing: 0.32em;} .caseTitle01.caseTitle01W700:after { width: 700px;} .caseTitle02 {} .caseList01 { } .caseListW420 { width: 420px; float: left;} .caseListW420R { margin-left: 20px;} .caseList01 > li { width: calc( (100% - 20px)/2 ); margin-right: 20px; } .caseList01 > li:nth-child(2n) { margin-right: 0;} .caseList01Img { padding: 0 0 8px; } .caseList01Txt { text-align: center; letter-spacing: 0.5em;} .caseSec02 { display: flex; flex-wrap: wrap; justify-content: space-between;} .caseSec0201 { width: 420px; } /*case02*/ .caseBlk01{ width: 790px; margin: 0 auto 24px;} .caseBlk01--singular{ padding-top: 48px;} .caseBlk01__01{ margin-bottom: 56px;} .caseSub01{ font-size: 29px; margin-bottom: 24px;} .caseImgs{ padding: 0; margin-bottom: 32px;} .caseImgs>li{ width: 360px; margin: 40px 0 10px; } .caseImgs>li:nth-child( -n + 2 ){ margin-top: 0;} .caseImgs__img{ margin-bottom: 16px;} .caseImgs__txt{ font-size: 20px;} .caseDescription{ padding: 0;} .caseDescriptionDl{ display: flex; flex-wrap: wrap;} .caseDescriptionDl>dt{ width: 160px; font-weight: 400; font-size: 20px; margin-bottom: 0; border-right: 1px solid #80652e; box-sizing: border-box;} .caseDescriptionDl>dd{ width: calc( 100% - 160px); padding-left: 12px; box-sizing: border-box;} .caseDescriptionTable{ } .caseDescriptionTable th,.caseDescriptionTable td{ display: table-cell; width: auto; font-size: 15px; padding: 4px 0;} .caseDescriptionTable th{ width: 150px;} .caseDescriptionTable td{ margin-bottom: 0;} #accessStationBody { padding: 64px 0; } #accessStationWrap { width: 860px; margin: 0 auto; } .accessStationSub { padding: 20px 0;} .accessStationImg01 { padding: 0 0 24px; text-align: center; } .accessStationImg01 img { width: 517px;} .accessStationNav { margin: 0 40px 44px;} .accessStationNav > li { line-height: 1.4; letter-spacing: 0.1em;} .accessStationNav > li:nth-child( 3n ) { border-right: none;} .accessStationNav > li > a { padding: 0.4em 0 0.6em;} .accessStationNav > li.active > a { } .accessStationRoute { padding: 0 80px;} .accessStationRoute > li { margin: 0 0 56px; display: flex; flex-wrap: wrap;} .accessStationRouteImg { width: 400px; padding: 0; margin-right: 20px;} .accessStationRouteTxt { width: calc( 100% - 400px - 20px); line-height: 1.93;} /*orthodontics*/ .orthodonticsList01 { justify-content: center; padding: 0;} .orthodonticsList01__01 { width: 140px; margin: 25px 30px 0;} .orthodonticsList01__01:nth-child( -n + 2 ) { margin-top: 25px;} .orthodonticsList01__01:nth-child(2n) { margin-right: 30px;} .orthodonticsList01__img { margin-bottom: 14px;} .orthodonticsList01__01:nth-child(3) .orthodonticsList01__img { padding: 31px 0;} .orthodonticsList01__01:nth-child(4) .orthodonticsList01__img { padding: 31px 0;} .orthodonticsList01__txt { font-weight: 700; text-align: center;} .orthodonticsBlk01Wrap { display: flex; flex-wrap: wrap;justify-content: space-between;} .orthodonticsBlk01 { margin-bottom: 0; width: 360px; background: #f2efea;box-sizing: border-box;} .orthodonticsBlk01--last { margin-bottom: 0;} .orthodonticsBlk01__img--pc { display: block;} .orthodonticsBlk01__01 { display: block; margin-bottom: 0; padding: 20px 30px 0; } .orthodonticsBlk01__01__sub { width: 100%; display: block; text-align: left; line-height: 1.4; font-weight: 700;} .orthodonticsBlk01__01__sub >span { font-size: 22px;} .orthodonticsBlk01__01__sub >span >span { font-size: 17px;} .orthodonticsBlk01__img--sp { display: none;} .orthodonticsBlk01__02 { padding: 20px 30px;} .orthodonticsNumBlkWrap { display: flex; flex-wrap: wrap; justify-content: space-between;} .orthodonticsNumBlk { width: 365px; margin-bottom: 40px; padding-left: 64px; padding-top: 16px; box-sizing: border-box; position: relative; } .orthodonticsNumBlk__num { font-size: 49px; line-height: 1; position: absolute; top: 0; left: 0; } .orthodonticsNumBlk__num:before { content: ''; display: block; width: 2em; height: 1px; background: #80652E; margin-top: 0.25em; position: absolute;top: 50%; left: -16px; transform: translateY(-50%) translateX(-0) rotate(-45deg); } .orthodonticsNumBlk dt{ font-weight: 700; font-size: 22px; margin-bottom: 6px; } .orthodonticsNumBlk dd{ font-size: 14px; } /*cerec*/ .cerecNumBlkWrap {} .cerecNumBlk { margin-bottom: 40px; padding-left: 320px; min-height: 170px; position: relative; } .cerecNumBlk--last { margin-bottom: 0;} .cerecNumBlk__01 { display: block; padding-top: 8px;} .cerecNumBlk__sub01 { width: 100%; font-size: 20px; line-height: 1.4; margin-bottom: 8px;} .cerecNumBlk__sub01 >span { } .cerecNumBlk__sub01 >span >span { display: inline-block; text-indent: -0.5em;} .cerecNumBlk__img { width: 285px; margin-bottom: 0; position: absolute; top: 0; left: 0; } } /* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 960px ) { } .modal { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: none;/* transition: 0.3s;*/ background-color: rgba(0,0,0,0.5); padding: 20px;} .modal_inner { position: absolute; max-width: 800px; top: 20px; left: 20px; right: 20px; bottom: 20px; margin: auto; overflow: auto;} .modal_box { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 800px; padding: 40px; cursor: pointer; background-color: #ffffff; margin: auto; text-align: left;} .modal_box::before, .modal_box::after { position: absolute; top: 10px; right: 20px; display: block; width: 2px; height: 24px; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: red;} .modal_box::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} /* .modal_box h2 { font-size: 20px; line-height: 1.8; margin-bottom: 20px!important; text-align: center; font-weight: bold; color: #3c70a0;} .modal_box h3 { font-size: 18px; line-height: 1.8; margin-bottom: 20px!important; text-align: center; font-weight: bold; padding: 0; color:#3d240e;} .modal_box p { font-size: 14px; margin-bottom: 20px;} .modal_box img{ max-width: 100%;} .modal_box ul { margin: 0 0 20px; padding: 0;} .modal_box li { list-style: disc; margin: 0 0 5px 20px;}*/ .txt_right { text-align: right;} .txt_red{ color: red;} .btn_modal a { position: relative; text-decoration: none; border: 1px solid #ccc; border-radius: 5px; padding: 10px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: black; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -o-linear-gradient(#ffffff, #efefef); background: linear-gradient(#ffffff, #efefef); -webkit-box-shadow: 0 0 5px #d6d6d6; box-shadow: 0 0 5px #d6d6d6;} .btn_modal a:after { content: ""; width: 0; height: 0; position: absolute; border: 5px solid transparent; border-left-color: black; right: 0; bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .btn_modal a:hover{ opacity: .7;} @media screen and (min-width: 769px) { .pc_none { display: none !important; } } @media screen and (max-width: 768px) { .pc_none { display: block; } .sp_none { display: none; } .modal_box { padding: 30px 10px 20px;} } /* calendar *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #calendar, .fc-clear { clear: both; font-family: 'Noto Serif JP', serif;} .fc { direction: ltr; text-align: left;} .fc .fc-axis { padding: 0 4px; vertical-align: middle; white-space: nowrap;} .fc .fc-button-group>* { background: #80652e; border: 1px solid #80652e; border-radius: 100px; box-shadow: none; color: #FFF; margin: 0; text-decoration: underline; text-shadow: none; width: 25px; height: 25px; padding: 0; text-align: center;} .fc .fc-row { border-style: solid; border-width: 0;} .fc .fc-toolbar>*> :first-child { margin-left: 0;} .fc .fc-toolbar>*>* { float: left; margin-left: .75em;} .fc button { color: #0080BE; cursor: pointer; margin: 0; white-space: nowrap;} .fc button .fc-icon { margin: 0; position: relative;} .fc button::-moz-focus-inner { margin: 0; padding: 0;} .fc hr { border-style: solid; border-width: 1px 0; height: 0; margin: 0; padding: 0 0 2px;} .fc table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%;} .fc td { border: 1px solid #c4c4c4; padding: 0; vertical-align: top;} .fc td.fc-today { border-style: double;} .fc th { border: 1px solid #c4c4c4; padding: 0; text-align: center; vertical-align: top;} .fc-agenda-view .fc-day-grid, .fc-time-grid .fc-slats, .fc-time-grid>hr { position: relative; z-index: 2;} .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em;} .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton { padding-bottom: 1em; padding-top: 1px;} .fc-agenda-view .fc-day-grid td, .fc-agenda-view .fc-day-grid th, .fc-agenda-view .fc-row { background: none; border: none;} .fc-basic-view .fc-day-number { padding: 0 4px;} .fc-basic-view .fc-week-number { padding: 0 2px; text-align: center;} .fc-basic-view .fc-week-number span { display: inline-block; min-width: 1.25em;} .fc-basic-view tbody .fc-row { border-right: 1px solid #dedede !important; min-height: 3em;} .fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span { padding-bottom: 4px; padding-top: 0;} .fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton, .fc-row.fc-rigid .fc-content-skeleton, .fc-time-grid .fc-bgevent-skeleton { left: 0; position: absolute; right: 0; top: 0;} .fc-bg table { height: 100%;} .fc-bg { height: inherit;} .fc-button-group { display: inline-block; float: none !important; margin: 0 !important; width: 100%; position: relative;} .fc-cell-overlay { background: #bce8f1; filter: alpha(opacity=30); opacity: .3;} .fc-day-grid .fc-row, .fc-row .fc-bg, .fc-time-grid>.fc-bg { z-index: 1;} .fc-day-grid-event { margin: 2px;} .fc-day-grid-event .fc-resizer { bottom: 0; position: absolute; top: 0; width: 7px;} .fc-day-grid-event>.fc-content { overflow: hidden; white-space: nowrap;} .fc-day-number.fc-other-month { filter: alpha(opacity=30); opacity: .3;} .fc-event { background-color: #3a87ad; border: 1px solid #3a87ad; border-radius: 1em; color: #fff; display: block; font-weight: 400; line-height: 1.3; padding: 2px 0; position: relative; text-decoration: none; font-size: 1.0rem; text-align: center; font-family: 'M PLUS 1p', sans-serif;} .fc-event-container { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px !important;} .fc-event.fc-draggable, .fc-event[href] { cursor: pointer;} .fc-event:hover, .ui-widget .fc-event { color: #fff; text-decoration: none;} .fc-icon { display: inline-block;} .fc-icon-left-single-arrow:after { content: "＜"; margin-left: -0.2em;} .fc-icon-right-single-arrow:after { content: "＞"; margin-left: 0.4em;} .fc-prev-button { float: left !important; outline: none;} .fc-next-button { float: right !important; outline: none;} .fc-limited, .fc-time-grid-event.fc-short .fc-time span { display: none;} .fc-ltr .fc-axis { text-align: right;} .fc-ltr .fc-basic-view .fc-day-number { padding-bottom: 5px; font-style: italic; color: #595757; font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300 !important; font-size: 1.4rem; line-height: 1;} .fc-ltr .fc-day-grid-event .fc-resizer { cursor: e-resize; right: -3px;} .fc-ltr .fc-day-grid-event.fc-not-end, .fc-rtl .fc-day-grid-event.fc-not-start { border-bottom-right-radius: 0; border-right-width: 0; border-top-right-radius: 0; margin-right: 0; padding-right: 1px;} .fc-ltr .fc-day-grid-event.fc-not-start, .fc-rtl .fc-day-grid-event.fc-not-end { border-bottom-left-radius: 0; border-left-width: 0; border-top-left-radius: 0; margin-left: 0; padding-left: 1px;} .fc-ltr .fc-time-grid .fc-event-container { margin: 0 2.5% 0 2px;} .fc-more-popover { width: 220px; z-index: 2;} .fc-more-popover .fc-event-container { padding: 10px;} .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed;} .fc-popover>.ui-widget-header+.ui-widget-content, .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0;} .fc-row, .fc-time-grid .fc-bgevent-container, .fc-time-grid .fc-event-container, .fc-time-grid .fc-highlight-container, .fc-toolbar button { position: relative;} .fc-row .fc-content-skeleton { position: relative; z-index: 4;} .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { background: none; border-bottom: 0;} .fc-row table { border-bottom: 0 hidden transparent; border-left: 0 hidden transparent; border-right: 0 hidden transparent;} .fc-row.fc-rigid { overflow: hidden;} .fc-row:first-child table { border-top: 0 hidden transparent;} .fc-rtl .fc-axis, .fc-rtl .fc-basic-view .fc-day-number { text-align: left;} .fc-rtl .fc-day-grid-event .fc-resizer { cursor: w-resize; left: -3px;} .fc-rtl .fc-time-grid .fc-event-container { margin: 0 2px 0 2.5%;} .fc-slats .fc-minor td div { border: none; border-top-style: dotted !important;} .fc-slats .ui-widget-content { background: none;} .fc-slats td { border-bottom: 0; height: 1.5em;} .fc-slats tr td, .fc-slats tr th { padding: 2px 0;} .fc-slats tr:nth-child(2n) td { border: 1px dotted #dedede;} .fc-state-active, .fc-state-down { background-color: #ccc; background-color: #e6e6e6; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #333;} .fc-state-default { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; background: none; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid; border: 1px solid #0080BE; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: none; color: #0080BE; color: #333; float: left; font-weight: 700; letter-spacing: 1px; margin: 0 0 0 -1px; margin-left: 10px; padding: 7px 10px; text-decoration: underline; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); text-shadow: none;} .fc-state-default.fc-corner-left { } .fc-state-default.fc-corner-right { } .fc-state-disabled { background-color: #e6e6e6; background-image: none; box-shadow: none; color: #333; cursor: default; filter: alpha(opacity=65); opacity: .65;} .fc-time-grid .fc-bgevent { left: 0; position: absolute; right: 0; z-index: 1;} .fc-time-grid .fc-content-skeleton { left: 0; position: absolute; right: 0; top: 0; z-index: 5;} .fc-time-grid .fc-event { position: absolute; z-index: 1;} .fc-time-grid .fc-helper-skeleton { z-index: 6;} .fc-time-grid .fc-highlight { left: 0; position: absolute; right: 0;} .fc-time-grid .fc-highlight-skeleton, .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4;} .fc-time-grid-event .fc-resizer { bottom: 0; cursor: s-resize; font-family: monospace; height: 8px; left: 0; line-height: 8px; overflow: hidden; position: absolute; right: 0; text-align: center; z-index: 3;} .fc-time-grid-event .fc-resizer:after { content: "=";} .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0";} .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start);} .fc-today { background: #ff0;} .fc-today-button { display: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; background: none; border: 1px solid #0080BE; border-radius: 4px; box-shadow: none; color: #0080BE; float: left; font-weight: 700; letter-spacing: 1px; margin: 0 0 0 -1px; margin-left: 10px; padding: 7px 10px; text-decoration: underline; text-shadow: none;} .fc-toolbar { margin-bottom: 15px; position: relative; text-align: center;} .fc-toolbar .fc-center { display: inline-block; position: absolute; right: 0;} .fc-toolbar .fc-left { text-align: center;} .fc-toolbar .fc-left h2:after { content: '診療日のご案内'; letter-spacing: 1px; padding-left: 10px; font-size: 1.4rem; letter-spacing: 0.2em; color: #595757;} .fc-toolbar .fc-right { position: absolute; height: 25px; top: 50%; transform: translateY(-50%); left: 0; width: 100%;} .fc-toolbar .fc-state-down { z-index: 3;} .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2;} .fc-toolbar button:focus { z-index: 5;} .fc-toolbar h2 { margin: 0; float: none !important; font-size: 2.0rem; color: #80652e; letter-spacing: 0.2em;} .fc-unthemed .fc-popover { background: none !important; background-color: #fff; border: none !important; border-color: none; border-style: solid; border-width: 1px;} .fc-unthemed .fc-popover .fc-header { background: #eee;} .fc-unthemed .fc-popover .fc-header .fc-close { margin-top: 4px;} .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed thead { background: none !important; border: none !important; border-color: #ddd; border-color: none;} .fc-unthemed .fc-today { background: #fcf8e3; color: #0080BE;} .fc-unthemed hr { background: #eee; border-color: #ddd;} .fc-unthemed td, .fc-unthemed th { border-color: #ddd;} .fc-view-container *, .fc-view-container :after, .fc-view-container :before { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} .fc-view-container { } .fc-view>table thead tr>.fc-widget-header { border: none !important;} .fc-widget-content { background: rgba(255, 255, 255, 1.0);} .fc-widget-header { border: none !important; color: #80652e; padding: 0 0 13px; font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300 !important; font-size: 1.8rem; line-height: 1;} .fc-widget-header td, .fc-widget-header th, .fc-widget-header thead { background: none !important; border: none !important; border-color: none;} .fc-widget-content { border-right: none !important; } .ui-widget td.fc-axis { font-weight: 400;} a.fc-more { cursor: pointer; margin: 1px 3px; text-decoration: none;} a.fc-more:hover { text-decoration: underline;} body .fc {} @media print, screen and ( min-width: 560px ) { .fc-ltr .fc-basic-view .fc-day-number { font-size: 2.1rem;} .fc-event { font-size: 1.4rem;} .fc-toolbar .fc-left h2:after { font-size: 1.6rem;} .fc-toolbar h2 { font-size: 2.7rem;} .fc-widget-header { font-size: 1.9rem;} .fc-toolbar { margin-bottom: 32px;} .fc-button-group { display: block; margin: 0 auto !important; width: 380px;} } #patientBody { padding-top: 56px; } #patient { width: 1000px; margin: 0 auto 110px; overflow: hidden;} #patient01 { width: 547px; margin: 0 auto 0;} #patient0101 { width: 300px; float: left; } #patient0102 { width: 247px; float: right;} #patient02 { } .w330 { width: 350px; margin: 0 auto; box-sizing: border-box; padding-left: 20px; } .patient010101 { padding-left: 40px; } .patient010201 { padding-left: 30px; } #parking { width: 852px; margin: 0 auto 80px; overflow: hidden;} .parkingImg01 { float: left; margin-right: 48px;} .parkingSec01 { overflow: hidden; } .parkingSub01 { padding: 20px 0; margin: 0 0 32px; line-height: 1; background: url(images/index_img18.jpg) no-repeat 8em 50% / auto; } .parkingUl01 { line-height: 1.8; padding: 0 0 16px;} .parkingUl01 dt { float: left; width: 16em;} .parkingUl01 dd { overflow: hidden; } .noteTxt { text-indent: -1em; margin-left: 1em; } .drFile{ width: 50%; margin: 24px auto 80px; /*opacity: 0; transition: all 1s ease-in-out;*/} @media screen and (min-width: 769px) { .drFile{ width: 320px; margin: 40px auto 120px;} } .drFile02{ width: 75%; margin: 24px auto 24px; /*opacity: 0; transition: all 1s ease-in-out;*/} @media screen and (min-width: 769px) { .drFile02{ width: 320px; margin: 32px 0 32px;} } /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 600px ) { #patientBody { padding: 56px 20px 16px; } #patient { width: 100%; margin: 0 auto 110px; overflow: hidden;} #patient01 { width: 100%; margin: 0 auto 0;} #patient0101 { width: 100%; float: none; } #patient0102 { width: 100%; float: none; padding-top: 32px;} #patient02 { } .w330 { width: 350px; margin: 0 auto; box-sizing: border-box; padding-left: 20px; } .patient010101 { padding-left: 0; } .patient010201 { padding-left: 0; } #parking { width: 100%; margin: 0 auto 80px; overflow: hidden; padding: 32px 0 0;} .parkingImg01 { float: none; margin: 0 0 24px;} .parkingSec01 { overflow: hidden; } .parkingSub01 { padding: 20px 0; margin: 0 0 32px; line-height: 1; background: url(images/index_img18.jpg) no-repeat 8em 50% / auto; } .parkingUl01 { line-height: 1.8; padding: 0 0 16px;} .parkingUl01 dt { float: left; width: 16em;} .parkingUl01 dd { overflow: hidden; } .noteTxt { text-indent: -1em; margin-left: 1em; } } .facility-standards-title { text-align: center; margin-bottom: 24px; padding-top: 40px;} .facility-standards-title img {width: 25%;} .facility-standards-sub01 { background: transparent !important; color: #231815 !important; line-height: 1; padding: 0 !important; text-align: center; letter-spacing: 0.38em; font-family: 'M PLUS 1p', sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 24px; } .facility-standards-blk { padding: 0 20px; font-family: 'M PLUS 1p', sans-serif; } .facility-standards-txt01 { color: #231815; line-height: 2.16; margin-bottom: 48px; } .facility-standards-txt02{ font-size: 14px; font-weight: 700; color: #806527; line-height: 1.6; } .facility-standards-list {} .facility-standards-list > li { position: relative; padding-left: 1.5em;} .facility-standards-list > li::before { content: ''; display: block; border: 1px solid #806527; border-radius: 100vw; position: absolute; top: 0.4em; left: 0; width: 0.75em; height: 0.75em; } .facility-standards-list > li + li { margin-top: 16px;} .facility-standards-list > li > dl {} .facility-standards-list > li > dl > dt { font-weight: 700; color: #806527; line-height: 1.6;} .facility-standards-list > li > dl > dd { color: #231815; line-height: 2.16; font-size: 12px;} .facility-standards-sign { text-align: right; margin-top: 40px; font-weight: 700;} @media print, screen and ( min-width: 960px ) { .facility-standards-title { margin-bottom: 24px; padding-top: 80px;} .facility-standards-title img {width: 115px;} .facility-standards-sub01 { font-size: 18px; margin-bottom: 40px; } .facility-standards-blk { padding: 0; width: 840px; margin-left: auto; margin-right: auto; } .facility-standards-txt01 { text-align: center; margin-bottom: 64px; } .facility-standards-sign { margin-top: 80px;} } /* pcfs14 spfs13 pcfs15 spfs14 pcfs16 spfs14 pcfs17 spfs15 pcfs18 spfs15 pcfs19 spfs15 pcfs20 spfs16 pcfs30 spfs20 pcfs39 spfs24 */