img{ border:none; vertical-align:bottom; -webkit-backface-visibility: hidden; image-rendering: -webkit-optimize-contrast;} .clear{ clear:both; height:0;} .center{ text-align:center;} ul{ list-style:none; margin:0; padding:0;} p{ margin:0;} body{ margin: 0 auto 0; padding: 0 0; color: #1A1A1A; font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック",sans-serif;} a img{ outline: 0;} a { text-decoration: none;} a:hover img{ opacity:0.6; transition: all 0.6s;} img{ width: 100%; vertical-align: bottom;} /* IE8+, Chrome */ a{ outline: 0;} /* Firefox */ a::-moz-focus-inner, a::-moz-focus-inner { border: 0;} #container{ width: 100%; margin: 0 auto; padding:0; position: relative; min-width: 1080px;} #site-header-pc{ width: 100%; margin: 0 auto; background: #001037; padding: 10px 0 10px; z-index: 99999; position: fixed; top: 0;} #site-header-pc h1{ width: 390px; margin: 17px 0 0; float: left;} #site-header-pc .right-area{ width: 575px; margin: 0; float: right;} #site-header-pc .right-area p.head-txt{ font-size: 22px; margin-bottom: 10px; font-weight: bold; color: #fff; line-height: 1;} #site-header-pc .right-area p.head-btn{ height: 50px; float: left;} #site-header-pc .right-area p.head-btn:last-child{ margin-left: 25px;} #site-header-pc .right-area p.head-btn img{ width: auto; height: 100%;} #site-header-pc .covid-19{ width: 1080px; margin: 10px auto 0; box-sizing: border-box;} #site-header-pc .covid-19 p.covid-19Ttl{ color: #FFF; text-align: left;} #site-header-pc .covid-19 p.covid-19Ttl strong{ color: #fef02d; font-weight: bold; font-size: 20px;} #site-header-pc .covid-19 p.covid-19Ttl strong a{ color: #fef02d !important; text-decoration: none;} #site-header-pc .covid-19 p.covid-19Ttl strong a:hover{ color: #fef02d !important; text-decoration: underline;} #site-header-pc .covid-19 p.covid-19Ttl a{ color: #FFF !important; text-decoration: underline;} #site-header-pc .covid-19 p.covid-19Ttl a:hover{ color: #FFF !important; text-decoration: none;} #sp-ttl{ display: none;} #site-header-sp{ display: none;} #main-visual{ width: 100%; margin: 0 auto; background: url(../img/bg_mv_pc.jpg) no-repeat; background-size: cover; background-position: center -40px;} #main-visual .visual-img{ width: 100%; margin: 0 auto; text-align: center; background: url(../img/line_mv.jpg) repeat-x; background-position: center bottom;} #main-visual .visual-img img{ width: 1080px;} #nav-Area{ width: 100%; margin: 0 auto; background: url(../img/nav_off.jpg) repeat-x;} #nav-Area ul.nav-list{ width: 1080px; height: 80px; margin: 0 auto; line-height: 1;} #nav-Area ul.nav-list::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #nav-Area ul.nav-list li{ width: 216px; margin: 0 auto; font-weight: bold; text-align: center; float: left;} #nav-Area ul.nav-list li a{ height: 50px; padding: 15px 0; color: #1a1a1a; display: block;} #nav-Area ul.nav-list li a:hover{ background: url(../img/nav_on.jpg);} #nav-Area ul.nav-list li a p{ font-size: 20px; height: 50px; border-right: solid 1px #fff; border-left: solid 1px #fff; line-height: 1.2;} #nav-Area ul.nav-list li a p span{ font-size: 16px;} #nav-Area ul.nav-list li:first-child a p{ border-left: none;} #nav-Area ul.nav-list li:last-child a p{ border-right: none;} /*-- 共通パーツ --*/ #contents-Area{ width: 100%; margin: 0 auto; padding: 0;} #contents-Area h2{ width: 780px; margin: 0 auto 60px; padding: 0;} #contents-Area h3.red-txt{ width: 100%; margin: 30px auto 20px; text-align: center;} #contents-Area p.l-txt{ text-align: left; font-size: 20px; line-height: 1.6;} #contents-Area p.c-txt{ text-align: center; font-size: 20px; line-height: 1.6;} #contents-Area p.c-txt span{ color: #dc1a1d;} #contents-Area p.c-txt a{ color: #1A1A1A; text-decoration: underline;} #contents-Area p.c-txt a:hover{ color: #1A1A1A; text-decoration: none;} .w1080{ width: 1080px; margin: 0 auto; box-sizing: border-box;} .w1080::after{ content: ""; display: block; clear: both;} .w820{ width: 820px; margin: 0 auto; box-sizing: border-box;} .w820::after{ content: ""; display: block; clear: both;} #footer{ width: 100%; margin: 0 auto; background: #001037; padding: 40px 0;} #footer p.copy-light{ font-size: 12px; line-height: 1.6; color: #fff; text-align: center;} /*-- attention --*/ #attention{ width: 100%; background: url(../img/bg_gr.jpg) repeat-y; background-position: center center; background-size: contain;} #attention .bg_people{ width: 100%; margin: 0 auto; padding: 80px 0; background-image: url(../img/bg_l_attention.png), url(../img/bg_r_attention.png); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; background-size: 765px;} #attention h3.attention{ width: 505px; margin-bottom: 60px;} /*-- symptoms --*/ #symptoms{ width: 100%; background: url(../img/bg_gr.jpg) repeat-y; background-position: center center; background-size: contain;} #symptoms .bg_people{ width: 100%; margin: 0 auto; padding: 80px 0; background-image: url(../img/bg_l_symptoms.png), url(../img/bg_r_symptoms.png); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; background-size: 765px;} #symptoms .wakuBox{ width: 100%; margin: 0 auto; padding: 50px 85px; border: solid 5px #C6C6C6; background: rgba(255,255,255,0.8); box-sizing: border-box;} #symptoms ul{ width: 100%; margin: 0 auto; list-style: none;} #symptoms ul li{ background: url(../img/check.png) no-repeat; background-position: left center; background-size: 40px; padding-left: 55px; font-size: 36px; font-weight: bold;} h3.red-txt{ width: 820px; margin-bottom: 30px;} /*-- service --*/ #service{ width: 100%; background: url(../img/bg_service.jpg) repeat-x;} #service .bg_people{ width: 100%; margin: 0 auto; padding: 80px 0 0; background-image: url(../img/bg_c_service.png); background-position: center top; background-repeat: no-repeat; background-size: 1920px;} #service .wakuBox{ width: 100%; margin: 0 auto; padding: 50px 0; background: rgba(255,255,255,0.8); box-sizing: border-box;} #service .wakuBox p{ font-weight: bold;} #service .wakuBox-orange{ width: 100%; margin: 60px auto 0; padding: 45px; border: solid 5px #FF6900; background: #FFF; box-sizing: border-box;} #service h3{ font-size: 36px; margin: 0 auto 30px; text-align: center;} #service ul.service-flow{ width: 100%; margin: 0 auto; list-style: none;} #service ul.service-flow::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #service ul.service-flow li{ width: 300px; margin-right: 40px; margin-bottom: 40px; float: left;} #service ul.service-flow li:nth-child(3n){ margin-right: 0 !important;} #service ul.service-flow li .service-img{ width: 300px; position: relative; margin-bottom: 20px;} #service ul.service-flow li .flow-ttl{ width: 300px; position: absolute; bottom: 0; background: rgba(255,255,255,0.8); padding: 15px 0; box-sizing: border-box;} #service ul.service-flow li .flow-ttl h4{ text-align: center; font-size: 24px; font-weight: bold; padding: 0; margin: 0 auto;} #service ul.service-flow li.wide{ width: 980px; margin-bottom: 0;} #service ul.service-flow li.wide::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #service ul.service-flow li.wide .service-img{ width: 470px; margin: 0; float: left;} #service ul.service-flow li.wide .flow-ttl{ width: 470px;} #service ul.service-flow li.wide p.l-txt{ width: 470px; float: right;} /*-- fee --*/ #fee{ width: 100%; padding: 100px 0 0;} #fee .wakuBox{ width: 100%; margin: 60px auto 0; padding: 45px; border: solid 5px #FF6900; background: #FFF; box-sizing: border-box; background-image: url(../img/bg_l_fee.jpg), url(../img/bg_r_fee.jpg); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; background-size: 340px;} #fee .wakuBox ul{ width: 500px; margin: 0 auto 40px; list-style: none;} #fee .wakuBox ul li{ margin: 0 auto 25px;} #fee .wakuBox ul li:last-child{ margin: 0;} /*-- performance --*/ #performance{ width: 100%; margin: 100px 0 0; padding: 115px 0 80px; background: url(../img/bg_performance.jpg) no-repeat;} #performance h2 img{ width: 700px;} #performance .pGallery{ background: #FFF; padding: 50px;} #performance .pGallery h3{ text-align: center; font-size: 35px; margin: 0 auto 30px;} #performance .pGalleryWrap{} #performance .pGalleryWrap ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} #performance .pGalleryWrap li{ width: 300px;} #performance .pGalleryWrap li:nth-child(1), #performance .pGalleryWrap li:nth-child(2), #performance .pGalleryWrap li:nth-child(3){ margin-bottom: 45px;} #performance .pGalleryWrap li img{ width: 300px;} /*-- area --*/ #area{ width: 100%; margin-top: 0 auto 0; padding: 100px 0 0;} #area .area-accordion{ display: flex; flex-wrap: wrap; justify-content: space-between;} #area .area-accordion .accordion{ width: 380px;} #area .accordion .submenuheader{ background: #54C625; color: #ffffff; text-align: center; text-decoration: none; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; padding: 5px 0 ; position: relative; font-size: 30px; font-weight: bold; border-radius: 5px;} #area .accordion .submenuheader .accordsuffix{ width: 20px; position: absolute; right: 25px; top: -8px;} #area .accordion .submenuheader .accordsuffix img{ width: 100%;} #area .accordion .submenu{ width: 380px; margin: -20px 0 0; border: solid 5px #54C625; border-top: none; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } #area .accordion .submenu::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #area .accordion .submenu.con4{ padding: 40px 0 20px 25px;} #area .accordion .submenu.con3{ padding: 40px 0 20px 50px;} #area .accordion .submenu.con4 ul{ width: calc(100% / 4); float: left;} #area .accordion .submenu.con3 ul{ width: calc(100% / 3); float: left;} #area .accordion .submenu li{ font-size: 18px; line-height: 1.6;} /*-- inquiry --*/ #inquiry{ widrh: 100%; margin-top: 0 auto 0 !important;} #inquiry .bg_grass{ width: 100%; margin: 0 auto; padding: 100px 0 80px; background-image: url(../img/bg_inquiry.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: 100%;} #inquiry .tel-no{ width: 736px; margin: 30px auto 0; text-align: center;} #inquiry .tel-info{ width: 736px; margin: 30px auto 60px; text-align: center;} #inquiry .wakuBox{ width: 100%; margin: 0 auto; padding: 50px 0; background: rgba(255,255,255,0.8); box-sizing: border-box;} #inquiry .wakuBox p{ font-size: 18px; font-weight: normal;} /* 追従ボタン -----------------------------------------------*/ #container .btn-antiviral{ position: fixed; top: 170px; right: 0;} #container .btn-antiviral img{ width: 150px;} /* page top ------------------------------------------------*/ #page-top{ width: 40px; height: 40px; display:none; position:fixed; right:40px; bottom: 45px; z-index:200;} #page-top p{ margin:0; padding:0;} #page-top p img{ width: 40px; opacity:0.8; filter:alpha(opacity=80);} #page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);} #move-page-top{ text-decoration:none; display:block; cursor:pointer;} .sp{ display: none;} /*-- SP --*/ @media screen and (max-width: 736px){ html {-webkit-text-size-adjust:none; margin:0 auto; padding:0;} body{ width: 100%; color: #1A1A1A; font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック",sans-serif; margin: 0 auto 0; padding: 0 0;} img{ border:none; width:100%; height:auto; vertical-align:bottom; outline: 0;} a:hover img{ opacity:0.6; transition: all 0.6s;} #site-header-pc{ display: none;} #site-header-sp{ width: 100%; margin: 0 auto; background: #001037; padding: 3% 0 3%; z-index: 99999; position: fixed; top: 0; display: flex;} #site-header-sp .head-sp-inner{ width: 100%; top: 0; display: block;} #site-header-sp .head-sp-inner .txt-head{ width: 100%; margin: 0 auto; font-size: 3.5vw; font-weight: 600; color: #fff; text-align: center;} #site-header-sp .head-sp-inner .btn-head{ width: 90%; margin: 0 auto; padding: 2% 0 0;} #site-header-sp .head-sp-inner .btn-head::after{ content: ""; display: block; clear: both;} #site-header-sp .head-sp-inner .btn-head .btn-l{ width: 52%; margin: 0; float: left;} #site-header-sp .head-sp-inner .btn-head .btn-r{ width: 42%; margin: 0; float: right;} #site-header-sp .covid-19{ width: auto; margin: 1% 3% 0; box-sizing: border-box;} #site-header-sp .covid-19 p.covid-19Ttl{ color: #FFF; margin: 5px 0 0; text-align: center; font-size: 3.4vw;} #site-header-sp .covid-19 p.covid-19Ttl strong{ color: #fef02d; font-weight: bold;} #site-header-pc .covid-19 p.covid-19Ttl a{ color: #FFF !important; text-decoration: underline;} #site-header-pc .covid-19 p.covid-19Ttl a:hover{ color: #FFF !important; text-decoration: none;} #sp-ttl{ width: 100%; margin: 0 auto; padding: 17% 5% 3%; box-sizing: border-box; background: #001037; display: block;} #sp-ttl h1{ width: 100%; margin: 0 auto; padding: 0;} #container{ width: 100%; margin: 10% auto 0; padding:0; position: relative; min-width: 100%;} #main-visual{ width: 100%; margin: 0 auto; background: url(../img/bg_mv_sp.jpg) no-repeat; background-size: 100%; background-position: center top;} #main-visual .visual-img{ width: 100%; margin: 0 auto; text-align: center; background: none; background-position: center bottom;} #main-visual .visual-img img{ width: 100%;} #nav-Area{ width: 100%; margin: 0; background: none;} #nav-Area ul.nav-list{ width: 100%; height: auto; margin: 0 auto; line-height: 1;} #nav-Area ul.nav-list::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #nav-Area ul.nav-list li{ font-weight: bold; text-align: center; float: left; border-left: solid 1px #000; box-sizing: border-box; background: #68C825;} #nav-Area ul.nav-list li:nth-child(-n+2){ width: calc(100% / 2); border-top: solid 1px #000;} #nav-Area ul.nav-list li:nth-last-child(-n+3){ width: calc(100% / 3); border-top: solid 1px #000; border-bottom: solid 1px #000;} #nav-Area ul.nav-list li a{ height: 6.6vw; padding: 2vw 0 7vw; margin: 0; color: #1a1a1a; display: block;} #nav-Area ul.nav-list li a:hover{ background: url(../img/nav_on.jpg);} #nav-Area ul.nav-list li a p{ font-size: 4vw; margin: 0; padding: 0; border: none; line-height: 1.2;} #nav-Area ul.nav-list li a p span{ font-size: 2.6vw; line-height: 1.1;} /*-- 共通パーツ --*/ #contents-Area{ width: 100%; margin: 0 auto; padding: 0;} #contents-Area h2{ width: 100%; margin: 0 auto 8%; padding: 0;} #contents-Area h3.red-txt{ width: 100%; margin: 8% auto 5%; text-align: center;} #contents-Area p.l-txt{ width: 90%; text-align: left; font-size: 13px; line-height: 1.6; margin: 0 auto; font-weight: 600;} #contents-Area p.c-txt{ width: 90%; text-align: left; font-size: 13px; line-height: 1.6; margin: 0 auto; font-weight: 600;} #contents-Area p.c-txt span{ color: #dc1a1d;} #contents-Area p.c-txt.sp-l{ text-align: left !important;} #contents-Area p.c-txt a{ color: #1A1A1A; text-decoration: underline;} #contents-Area p.c-txt a:hover{ color: #1A1A1A; text-decoration: none;} .w1080{ width: 94% !important; margin: 0 auto; box-sizing: border-box;} .w1080::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} .w820{ width: 94% !important; margin: 0 auto; box-sizing: border-box;} .w820::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #footer{ width: 100%; margin: 0 auto; background: #001037; padding: 6% 0;} #footer p.copy-light{ font-size: 8px; line-height: 1.6; color: #fff; text-align: center;} /*-- attention --*/ #attention{ width: 100%; background: url(../img/bg_gr.jpg) repeat-y; background-position: center center; background-size: contain;} #attention .bg_people{ width: 100%; margin: 0 auto; padding: 7% 0; background-image: url(../img/bg_sp_attention.png); background-position: bottom; background-repeat: no-repeat; background-size: 100%;} #attention h3.attention{ width: 75%; margin: 0 6% 5%;} #attention p.l-txt{ text-shadow: 0px 0px 7px #ffffff;} /*-- symptoms --*/ #symptoms{ width: 100%; background: url(../img/bg_gr.jpg) repeat-y; background-position: center center; background-size: contain;} #symptoms .bg_people{ width: 100%; margin: 0 auto; padding: 5% 0; background-image: url(../img/bg_sp_symptoms.png); background-position: bottom; background-repeat: no-repeat; background-size: 100%;} #symptoms .wakuBox{ width: 94%; margin: 0 auto; padding: 5% 3%; border: solid 5px #C6C6C6; background: rgba(255,255,255,0.8); box-sizing: border-box;} #symptoms ul{ width: 100%; margin: 0 auto; list-style: none;} #symptoms ul li{ background: url(../img/check.png) no-repeat; background-position: left center; background-size: 17px; padding-left: 22px; font-size: 14px; font-weight: bold;} h3.red-txt{ width: 100%; margin-bottom: 4%;} #symptoms p.c-txt{ text-shadow: 0px 0px 7px #ffffff;} /*-- service --*/ #service{ width: 100%; background: url(../img/bg_service.jpg) repeat-x;} #service .bg_people{ width: 100%; margin: 0 auto; padding: 7% 0 0; background-image: url(../img/bg_sp_service.png); background-position: center top; background-repeat: no-repeat; background-size: 100%;} #service .wakuBox{ width: 94%; margin: 0 auto; padding: 5% 0; background: rgba(255,255,255,0.8); box-sizing: border-box;} #service .wakuBox p{ font-weight: bold;} #service .wakuBox-orange{ width: 94%; margin: 10% auto 0; padding: 5% 5% 7%; border: solid 5px #FF6900; background: #FFF; box-sizing: border-box;} #service h3{ font-size: 20px; margin: 0 auto 5%; text-align: center;} #service ul.service-flow{ width: 100%; margin: 0 auto; list-style: none;} #service ul.service-flow::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #service ul.service-flow li{ width: 100%; margin-right: 0; margin-bottom: 8%; float: none;} #service ul.service-flow li:nth-child(3n){ margin-right: 0 !important;} #service ul.service-flow li .service-img{ width: 100%; position: relative; margin-bottom: 5%;} #service ul.service-flow li .flow-ttl{ width: 100%; position: absolute; bottom: 0; background: rgba(255,255,255,0.8); padding: 3% 0; box-sizing: border-box;} #service ul.service-flow li .flow-ttl h4{ text-align: center; font-size: 16px; font-weight: bold; padding: 0; margin: 0 auto;} #service ul.service-flow li.wide{ width: 100%; margin-bottom: 0;} #service ul.service-flow li.wide::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #service ul.service-flow li.wide .service-img{ width: 100%; margin: 0 0 5%; float: none;} #service ul.service-flow li.wide .flow-ttl{ width: 100%;} #service ul.service-flow li.wide p.l-txt{ width: 100%; float: none;} /*-- fee --*/ #fee{ width: 100%; padding: 10% 0 0;} #fee .wakuBox{ width: 94%; margin: 8% auto 0; padding: 5% 5% 7%; border: solid 5px #FF6900; background: #FFF; box-sizing: border-box; background-image: url(../img/bg_sp_fee.png); background-position: bottom; background-repeat: no-repeat; background-size: 100%;} #fee .wakuBox ul{ width: 94%; margin: 0 auto 7%; list-style: none;} #fee .wakuBox ul li{ margin: 0 auto 5%;} #fee .wakuBox ul li:last-child{ margin: 0;} /*-- performance --*/ #performance{ width: auto; margin: 10% 0 0; padding: 15% 3% 10%; text-align: center; background: url(../img/bg_performance-sp.jpg) no-repeat center top; background-size: cover;} #performance h2 img{ width: 70%;} #performance .pGallery{ background: #FFF; padding: 8% 5%;} #performance .pGallery h3{ text-align: center; font-size: 16px; margin: 0 auto 5%;} #performance .pGalleryWrap{} #performance .pGalleryWrap ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} #performance .pGalleryWrap li{ width: auto;} #performance .pGalleryWrap li:nth-child(1), #performance .pGalleryWrap li:nth-child(2), #performance .pGalleryWrap li:nth-child(3), #performance .pGalleryWrap li:nth-child(4), #performance .pGalleryWrap li:nth-child(5){ margin-bottom: 5%;} #performance .pGalleryWrap li img{ width: 100%;} /*-- area --*/ #area{ width: 100%; margin-top: 0 auto 0; padding: 10% 0 0;} #area .area-accordion{ display: flex; flex-wrap: wrap; justify-content: space-between;} #area .area-accordion .accordion{ width: 94%; margin: 0 auto 7%;} #area .accordion .submenuheader{ background: #54C625; color: #ffffff; text-align: center; text-decoration: none; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; padding: 5px 0 ; position: relative; font-size: 18px; font-weight: bold; border-radius: 5px;} #area .accordion .submenuheader .accordsuffix{ width: 16px; position: absolute; right: 25px; top: -1px;} #area .accordion .submenuheader .accordsuffix img{ width: 100%;} #area .accordion .submenu{ width: 100%; margin: -20px auto 0; border: solid 5px #54C625; border-top: none; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } #area .accordion .submenu::after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #area .accordion .submenu.con4{ padding: 30px 0 7% 7%;} #area .accordion .submenu.con3{ padding: 30px 0 7% 14%;} #area .accordion .submenu.con4 ul{ width: calc(100% / 4); float: left;} #area .accordion .submenu.con3 ul{ width: calc(100% / 3); float: left;} #area .accordion .submenu li{ font-size: 13px; line-height: 1.6;} /*-- inquiry --*/ #inquiry{ widrh: 100%; margin-top: 0 auto 0 !important;} #inquiry .bg_grass{ width: 100%; margin: 0 auto; padding: 10% 0 7%; background-image: url(../img/bg_inquiry.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: 270%;} #inquiry .tel-no{ width: 94%; margin: 0 auto 0; text-align: center;} #inquiry .tel-info{ width: 94%; margin: 3% auto 10%; text-align: center;} #inquiry .wakuBox{ width: 94%; margin: 0 auto; padding: 5% 0; background: rgba(255,255,255,0.8); box-sizing: border-box;} #inquiry .wakuBox p{ font-size: 12px; font-weight: normal;} /* 追従ボタン -----------------------------------------------*/ #container .btn-antiviral{ position: fixed; top: 170px; right: 0;} #container .btn-antiviral img{ width: 50px;} /* page top SP ------------------------------------------------*/ #page-top{ width:25px; height:25px; display:none; position:fixed; right:2%; bottom:5%; z-index: 11;} #page-top p{ margin:0; padding:0;} #page-top p img{ width:100%; opacity:0.8; filter:alpha(opacity=80);} #page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);} #move-page-top{ text-decoration:none; display:block; cursor:pointer;} .pc{ display: none;} .sp{ display: block;} }