@charset "UTF-8"; ._faq-box { padding-top: 30px; } ._faq-box dt { text-align: left; font-size: 2.0rem; line-height: 1.4; margin-bottom: 15px; } @media only screen and (max-width: 767px) { ._faq-box dt { font-size: 5.335vw; margin-bottom: 2.8986%; } } ._faq-box dd { padding-bottom: 50px; } @media only screen and (max-width: 767px) { ._faq-box dd { margin-bottom: 7.2464%; } } ._seiriken-box { margin-bottom: 50px; } ._seiriken-box p { line-height: 1.8; margin-bottom: 1em; } @media only screen and (max-width: 767px) { ._seiriken-box { margin-bottom: 7.2464%; } } ._seiriken-tbl-text { width: 700px; margin: 0 auto 20px; } @media only screen and (max-width: 767px) { ._seiriken-tbl-text { width: 100%; } } ._seiriken-tbl { width: 700px; margin: 0 auto 20px; } @media only screen and (max-width: 767px) { ._seiriken-tbl { width: 100%; } } ._seiriken-tbl th, ._seiriken-tbl td { padding: 5px; text-align: center; } ._seiriken-tbl th { background: #dacfb2; border-right: #a2873e solid 1px; } ._seiriken-tbl th:last-child { border-right: none; } ._seiriken-tbl td { background: #fff; border: #e3dbc5 solid 1px; } ._seiriken-tbl .w100 { width: 100px; } @media only screen and (max-width: 767px) { ._seiriken-tbl .w100 { width: auto; } } ._midashi { border: #a2873e solid 2px; color: #a2873e; border-radius: 20px; padding: 8px; text-align: center; font-size: 2.4rem; margin-bottom: 50px; } @media only screen and (max-width: 767px) { ._midashi { font-size: 6.4vw; margin-bottom: 8.696%; } } ._midashi strong { font-weight: normal; } ._imgbox { zoom: 1; } ._imgbox:after { content: ""; display: block; clear: both; } @media only screen and (max-width: 767px) { .contents ._imgbox { padding-bottom: 0; } } ._imgbox__img { float: left; width: 222px; } @media only screen and (max-width: 767px) { ._imgbox__img { float: none; width: 80%; margin: 0 auto 2.8986%; } } ._imgbox__text { float: right; width: 412px; } @media only screen and (max-width: 767px) { ._imgbox__text { float: none; width: auto; } } ._imgbox__text p { margin-bottom: 0; } ._ar-box { background: #fff; padding: 40px 80px; margin-bottom: 60px; } @media only screen and (max-width: 767px) { ._ar-box { padding: 5.798% 2.8986%; margin-bottom: 8.696%; } } ._ar-box dl { border: 2px solid #a2873e; padding: 20px; position: relative; margin-bottom: 40px; } @media only screen and (max-width: 767px) { ._ar-box dl { padding: 5.798% 2.8986%; margin-bottom: 8.696%; } } ._ar-box dl:last-of-type { margin-bottom: 0; } ._ar-box dl:last-of-type:after { display: none; } ._ar-box dl:after { position: absolute; bottom: -35px; content: ""; display: block; height: 0; width: 100%; padding: 20px 0 0 0; background: url(../img/ar_arrow.png) no-repeat center center; background-size: 100px auto; } @media only screen and (max-width: 767px) { ._ar-box dl:after { bottom: -7vw; padding: 6% 0 0 0; background-size: 30% auto; } } ._ar-box--map { padding: 0; } ._ar-box-list dl { background: #fff; margin-bottom: 30px; padding: 18px 30px; } @media only screen and (max-width: 767px) { ._ar-box-list dl { padding: 2.8986% 4.3479%; margin-bottom: 4.3479%; } } ._ar-box-list dl:nth-of-type(1) dt { background: url(../img/ar_ico01.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(2) dt { background: url(../img/ar_ico02.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(3) dt { background: url(../img/ar_ico03.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(4) dt { background: url(../img/ar_ico04.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(5) dt { background: url(../img/ar_ico05.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(6) dt { background: url(../img/ar_ico06.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(7) dt { background: url(../img/ar_ico07.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(8) dt { background: url(../img/ar_ico08.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(9) dt { background: url(../img/ar_ico09.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(10) dt { background: url(../img/ar_ico10.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(11) dt { background: url(../img/ar_ico11.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(12) dt { background: url(../img/ar_ico12.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(13) dt { background: url(../img/ar_ico13.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(14) dt { background: url(../img/ar_ico14.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(15) dt { background: url(../img/ar_ico15.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(16) dt { background: url(../img/ar_ico16.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(17) dt { background: url(../img/ar_ico17.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dl:nth-of-type(18) dt { background: url(../img/ar_ico18.png) no-repeat left center; background-size: 45px auto; } ._ar-box-list dt { border: none; text-align: left; padding: 0 0 0 50px; margin: 0; line-height: 45px; } ._ar-box-list dd { margin-top: 10px; padding: 10px 0 0; border-top: #a2873e solid 2px; min-height: 130px; } ._ar-box-list dd .img { float: right; width: 228px; padding-left: 30px; } @media only screen and (max-width: 767px) { ._ar-box-list dd .img { float: none; width: 80%; margin: 0 auto 2.8986%; padding-left: 0; } } ._map-box { border-top: #a2873e solid 2px; } ._map-box .text { text-align: center; padding: 30px 0; } @media only screen and (max-width: 767px) { ._map-box .text { padding: 4.3479% 0; } } ._map-box .btn { width: 240px; margin: 20px auto; } @media only screen and (max-width: 767px) { ._map-box .btn { width: 80%; margin: 5.798% auto; } } ._copyright-box li a { display: inline-block; } #gmap { height: 100%; width: 100%; } .gmnoprint { width: 29px; height: auto; } .maps { height: 840px; width: auto; } @media only screen and (max-width: 767px) { .maps {height: 480px;} } /**/ .gmap-box {padding: 12px 35px; margin:0; box-sizing: border-box;} .gmap-box__title{border-bottom: 1px solid #a98012;padding-bottom: 5px;margin-bottom: 10px;text-align: center;font-size: 18px;font-weight: bold;} .gmap-box__title .pin{display: inline;margin-right: 5px;vertical-align: middle;} .gmap-box__buttons{zoom: 1;width:350px;background:#f2f0e9 url(/common/img/onseibox_ttl.png) no-repeat 36px center;padding:5px 0 5px 187px;box-sizing: border-box; margin:0 auto 10px;} .gmap-box__buttons:after {content: "";display: block;clear: both;} .gmap-box__buttons span{float: left;width: 45px;cursor: pointer;display: block;} .gmap-box__buttons img{display: block;} .gmap-box__body {} @media only screen and (max-width: 767px) { .gmap-box {padding:0;max-height: 320px;overflow-y:scroll; } .gmap-box__buttons{background-position: center 15%;padding:10% 0 0.5%; width: auto;background-size: 40% auto;text-align: center;} .gmap-box__buttons span,.gmap-box__buttons a,.gmap-box__buttons img{display: inline;} .gmap-box__buttons span{float: none;margin:0 2%;} .gmap-box__body {width: auto;float: none;font-size: 14px;font-size: 12px;} } /*18.06.28*/ .vr .vr-content { background: #fff; } .vr .visual { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .vr .visual { margin-bottom: 10%; } } .vr .movie { width: 500px; margin: 0 auto 60px; } @media only screen and (max-width: 767px) { .vr .movie { width: 72%; margin: 0 auto 10%; } .vr .movie video { width: 100%; height: auto; } } .vr .apr { border: 2px solid #a2873e; } .vr .use { width: 700px; margin: 0 auto 40px; } @media only screen and (max-width: 767px) { .vr .use { width: auto; margin: 0 auto 10%; padding: 0 4%; } } .vr .use ul { border: 2px solid #a2873e; padding: 20px 50px; box-sizing: border-box; margin-bottom: 20px; zoom: 1; } .vr .use ul:after { content: ""; display: block; clear: both; } @media only screen and (max-width: 767px) { .vr .use ul { padding: 4% 8%; margin-bottom: 4%; } } .vr .use li { width: 290px; float: left; margin-bottom: 16px; } @media only screen and (max-width: 767px) { .vr .use li { width: auto; float: none; } } .vr .use li:nth-child(even) { float: right; } @media only screen and (max-width: 767px) { .vr .use li:nth-child(even) { float: none; } } .vr .use li img { width: 100%; height: auto; } .vr .attention { background: #000; padding: 20px 80px; box-sizing: border-box; color: #fff; font-size: 14px; } @media only screen and (max-width: 767px) { .vr .attention { padding: 4% 8%; } } .vr .attention ._2column { zoom: 1; width: 640px; margin: 0 auto; } .vr .attention ._2column:after { content: ""; display: block; clear: both; } @media only screen and (max-width: 767px) { .vr .attention ._2column { width: auto; } } .vr .attention ._2column p { width: 300px; float: left; } @media only screen and (max-width: 767px) { .vr .attention ._2column p { float: none; width: auto; } } .vr .attention ._2column p:last-child { float: right; } @media only screen and (max-width: 767px) { .vr .attention ._2column p:last-child { float: none; } } .vr .attention .attention-list { width: 640px; margin: 0 auto; } @media only screen and (max-width: 767px) { .vr .attention .attention-list { width: auto; } } .vr .attention .attention-list li { position: relative; padding-left: 1em; } .vr .attention .attention-list li:before { content: "●"; position: absolute; left: 0; } .vr .attention .col { border-top: 1px solid #fff; padding: 20px 0 0 0; margin: 20px 0 0 0; zoom: 1; } .vr .attention .col:after { content: ""; display: block; clear: both; } .vr .attention .col .img { float: left; width: 240px; } @media only screen and (max-width: 767px) { .vr .attention .col .img { float: none; width: auto; } } .vr .attention .col .img img { width: 180px; margin: 0 auto; } .vr .attention .col .text { width: 460px; float: right; } @media only screen and (max-width: 767px) { .vr .attention .col .text { float: none; width: auto; } } .vr .foot { width: 520px; margin: 0 auto; padding: 20px 0; } @media only screen and (max-width: 767px) { .vr .foot { padding: 2% 4%; width: auto; } } .vr .foot img { width: 100%; height: auto; } /*18.09.13*/ ._map-step{} ._map-step:after{content:"";clear: both;display: block} ._map-step ul{display: flex;justify-content:space-between;margin: 30px 0;} ._map-step li{width: 280px;position: relative} ._map-step li:after{content:"";position: absolute;top:50%;right:-15px;margin-top:-4%;height: 23%;width: 7.857143%;background: url(../img/map_step_arrow.png) no-repeat center center;background-size: 100% auto; z-index: 9;} ._map-step li:last-child:after{display: none;} @media only screen and (max-width: 767px){ ._map-step ul{display: block} ._map-step li{width: 80%; margin: 0 auto 6%;} ._map-step li:after{top:auto;bottom:-7vw;right:0;left:0;margin:auto;height: 23%;width: 7.857143%;transform: rotate(90deg);} }