@charset "UTF-8";
body {
margin:0;
 font-size:16px;
 overflow: hidden scroll;
}
h1 {
 border-bottom-style:solid;
 border-bottom-color:#eee;
 border-bottom-width:5px;
 margin:50px 0;
}
h2 {
 /*
 border-bottom-style:solid;
 border-bottom-color:#eee;
 border-bottom-width:5px;
 */
 margin:30px 0;
}
h3 {
 clear:both;
}
p.center {
 text-align:center;
}
img.visual {
 width:100vw;
}
img.illustration {
 object-fit:contain;
 width:25vw;
 height:20vh;
}
img.leftimage {
 float:left;
 margin-right:1em;
 margin-bottom:1em;
}
img.rightimage {
 float:right;
 margin-left:1em;
 margin-bottom:1em;
}
/*
dl {
 margin:50px 0;
 background:#eee;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:1px solid #ccc;
}
dl,dt,dd {
 box-sizing:border-box;
}
dt,dd {
 padding:15px 15px 0 15px;
 border-top:1px solid #ccc;
}
dt {
 width:30%;
 float:left;
}
dd {
 background:#fff;
 margin-left:30%;
 padding-bottom:10px;
 border-left:1px solid #ccc;
}
dd:after {
 content:'';
 display:block;
 clear:both;
}
*/
header {
 font-size:20px;
}
/* header {
 display:flex;
 justify-content:space-between;
} */
/* header img {
margin:3px 0 0 10px;
} */
header ul {
 display:flex;
 align-items:center;
 list-style:none;
 margin:0;
 padding:0;
}
header ul li {
 margin:0 15px 0 5px;
 font-size:80%;
}
header ul li a {
 text-decoration:none;
}
header ul li a:link {
 color:#000;
}
header ul li a:visited {
 color:#000;
}
header ul li a:hover {
 color:#70BF73;
}
@media screen and (min-width: 769px) {
 .ofimg {
 width:50%;
 float:right;
 margin-left:3em;
 }
}
@media screen and (max-width: 769px) {
 h1 {
 font-size:130%;
 }
 h2 {
 font-size:120%;
 }
 h3 {
 font-size:110%;
 }
 .content {
 text-align:left;
 }
 .ofimg {
 width:100%;
 }
 .mimg {
 width:90%;
 }
}
.alignleft {
 text-align:left;
}
.hamburger-nav {
 position: absolute;
 right: 0;
 top: 20px;
}
#hamburger-nav-toggle {
 display: none;
}
@media screen and (max-width: 769px) {
 header {
 width: 100%;
 background: #fff;
 position: fixed;
 z-index: 9999;
 }
 
 /*---------------------------------------------
 Hamburger Navigation
 ---------------------------------------------*/
 .hamburger-nav {
 position: absolute;
 right: 0;
 top: 0;
 }
 #hamburger-nav-toggle {
 display: block;
 width: 53px;
 height: 53px;
 color: #000;
 font-size: 40px;
 background: #fff;
 border: #fff;;
 }
 .hamburger-nav-toggle-btn {
 
 }
 .hamburger-nav-toggle-btn.open {
 margin-left: 150px;
 }
 .hamburger-nav-toggle-btn.close::before, .hamburger-nav-toggle-btn.open::before {
 font-family: 'FontAwesome';
 }
 .hamburger-nav-toggle-btn.open::before {
 content: '\f00d';
 }
 .hamburger-nav-toggle-btn.close::before {
 content: '\f0c9';
 }
 .hamburger-nav-list {
 display: none;
 list-style: none;
 margin: 0;
 padding: 0;
 background: #c9c9c9;
 position: relative;
 z-index: 9999;
 }
 .hamburger-nav-list > li {
 border-bottom: 1px solid #eeeeee;
 }
 .hamburger-nav-list > li a {
 display: block;
 padding: 10px 1em;
 text-decoration: none;
 }
}
.center {
 text-align:center;
}
.small {
 font-size: 12px;
}
main {
 /*max-width:80%;
 margin:0 auto;
 */
 overflow-x: hidden;
}
main ul {
 counter-reset:list;
 list-style-type:none;
}
main ul li {
 position:relative;
 padding:0 0 0 20px;
 margin:7px 0 7px 0px;
 line-height:30px;
}
main ul li:before {
 counter-increment:list;
 content:"";
 display:block;
 position:absolute;
 left:0px;
 height:0;
 width:0;
 border-top:4px solid transparent;
 border-bottom:4px solid transparent;
 border-left:7px solid #FF0000;
 top:15px;
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}
.vision {
 padding: .4rem .2rem 20rem .2rem;
 text-align: center;
 background: #f3f4f5 url(/img/www/top/vision_bg.jpg) no-repeat center bottom;
}
@media screen and (max-width: 769px) {
 main {
 padding-top: 50px;
 }
 main ul {
 padding: 10px;
 }
 .vision {
 padding: .25rem .2rem 40vw .2rem;
 background: #f3f4f5 url(/img/www/top/vision_bg-sp.jpg) no-repeat center bottom/contain;
 }
}
.feature {
 padding: 0 0 .6rem 0;
 background: url(/img/www/top/feature_bg.png);
}
.feature__message {
 margin-top: .3rem;
 
 font-weight: bold;
 line-height: 1.2;
 text-align: center;
}
.feature__message span {
 color: #ea5614;
}
@media screen and (max-width: 769px) {
 .feature__message {
 
 }
}
.content {
 max-width: 1160px;
 margin: 0 auto;
 padding: 10px;
}
.content.-large {
 max-width: 1400px;
}
.head2 {
 margin-bottom: .45rem;
 color: #1770AA;
 font-size: 30px;
 font-weight: bold;
 line-height: 1.4;
 text-align: center;
}
@media screen and (max-width: 769px) {
 .head2 {
 margin-bottom: .3rem;
 font-size: 20px;
 }
}
.feature_list {
 display: flex;
}
@media screen and (max-width: 769px) {
 .feature_list {
 flex-wrap: wrap;
 }
}
.feature_list_content {
 flex: 1;
 margin: 0 0 0 .2rem;
 padding: .4rem .2rem .3rem .2rem;
 text-align: center;
 background: #FFF;
 border-radius: 10px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.feature_list_content:first-of-type {
 margin-left: 0;
}
@media screen and (max-width: 769px) {
 .feature_list_content {
 flex-basis: calc(50% - .1rem);
 margin: 0 0 .2rem .2rem;
 padding: .4rem .1rem .2rem .1rem;
 }
 .feature_list_content:nth-of-type(3n) {
 margin-left: 0;
 }
}
.feature_list_title {
 margin-top: .3rem;
 color: #118948;
 
}
@media screen and (max-width: 769px) {
 .feature_list_title {
 
 }
}
.feature_list_txt {
 margin-top: .1rem;
 
 text-align: center;
}
.feature_list_txt span {
 color: #e60012;
}
@media screen and (max-width: 769px) {
 .feature_list_txt {
 
 }
}
.anxiety {
 display: flex;
 align-items: center;
}
@media screen and (max-width: 769px) {
 .anxiety {
 display: block;
 }
}
.anxiety_content {
 flex-basis: 52%;
}
.anxiety_img {
 flex-basis: 48%;
 text-align: center;
}
.anxiety_list_item {
 margin-top: .2rem;
 font-size: 20px;
 font-weight: bold;
}
.anxiety_list_item::before {
 content: "";
display: inline-block;
width: 48px;
height: 48px;
margin-right: .1rem;
background: url(/img/www/top/icon_check.png) no-repeat center;
vertical-align: middle;
transform: translate(0, -0.03rem);
}
.anxiety_list_item em {
 padding-bottom: .04rem;
 color: #118948;
 background: url(/img/www/top/icon_wave.png) repeat-x left bottom;
}
.anxiety_list_item span {
 
 vertical-align: super;
}
@media screen and (max-width: 769px) {
 .anxiety_list_item {
 font-size: 80%;
 }
 .anxiety_list_item::before {
 width: 40px;
 height: 40px;
 background-size: 80%;
 }
}
@media screen and (max-width: 769px) {
 .anxiety_img {
 margin-top: .2rem;
 }
}
.flow {
 
 padding: 0 0 .6rem 0;
 background: #f8f6f1;
}
.flow_content {
 display: flex;
 align-items: center;
 margin-top: .16rem;
 padding: .2rem;
 background: #FFF;
 border-radius: 6px;
}
@media screen and (max-width: 769px) {
 .flow_content {
 display: block;
 }
}
.flow_step {
 flex-basis: 25%;
 padding: 10px;
 font-size: 20px;
 font-weight: bold;
}
.flow_step span {
 color: #1770AA;
}
.flow_txt {
 flex: 1;
 padding: 20px;
 line-height: 1.6;
 border-left: 1px solid #CCC;
 word-break: break-all;
}
.flow_txt span {
 color: #e60012;
}
@media screen and (max-width: 769px) {
 .flow_txt {
 padding: 10px;
 line-height: 1.6;
 border-top: 1px solid #CCC;
 border-left: 0;
 }
}
.flow_arrow {
 width: 0;
 height: 0;
 margin: 0 auto;
 border: 24px solid;
 border-top-color: #1770AA;
 border-right-color: transparent;
 border-bottom-color: transparent;
 border-left-color: transparent;
}
.flow_content+.flow_arrow {
 margin-bottom: -.28rem;
}
.facility {
 padding: .4rem .2rem .6rem .2rem;
 border: 2px solid #1770AA;
}
.facility_list_item {
 display: flex;
 align-items: center;
 max-width: 830px;
 margin: 0 auto;
 margin-top: .15rem;
}
@media screen and (max-width: 769px) {
 .facility_list_item {
 display: block;
 margin-top: .3rem;
 align-items: flex-start;
 }
}
.facility_list_img {
 flex-basis: 23%;
}
@media screen and (max-width: 769px) {
 .facility_list_img {
 text-align: center;
 flex-basis: 40%;
 }
}
.facility_list_content {
 flex: 1;
 padding: 0 0 0 .2rem;
}
@media screen and (max-width: 769px) {
 .facility_list_content {
 padding: 10px;
 }
}
.facility_list_head {
 
 font-weight: bold;
}
.facility_list_txt {
 margin-top: .08rem;
}
.facility_notice {
 max-width: 830px;
 margin: .3rem auto 0 auto;
}
@media screen and (max-width: 769px) {
 .facility_notice {
 padding: 10px;
 }
}
.faq_list {
 border-radius: 10px;
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.faq_list_item {
 padding: 26px;
}
.faq_list_item:not(:first-of-type) {
 border-top: 1px solid #CCC;
}
.faq_list_head {
 padding: 0 0 .26rem 0;
 
 font-weight: bold;
}
.faq_list_head:hover {
 cursor: pointer;
}
.faq_list_head .-arrow {
 position: relative;
 display: inline-block;
 width: 15px;
 height: 15px;
 margin-right: 10px;
 transform: translate(0, -0.05rem) rotate(135deg);
}
.faq_list_head .-arrow::before,
.faq_list_head .-arrow::after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 background: #1770AA;
}
.faq_list_head .-arrow::before {
 left: 0;
 width: 100%;
 height: 5px;
}
.faq_list_head .-arrow::after {
 right: 0;
 width: 5px;
 height: 100%;
}
@media screen and (max-width: 769px) {
 .faq_list_head {
 
 }
}
.faq_list_content {
 display: none;
 padding-left: calc(.12rem + .15rem);
 padding-bottom: .26rem;
 
}
@media screen and (max-width: 769px) {
 .faq_list_content {
 padding-left: 0;
 }
}
.faq_list_q {
 padding-left: 1.1em;
 text-indent: -1.1em;
 font-weight: bold;
 line-height: 1.2;
}
.faq_list_q::before {
 content: "Q";
 margin-right: .3em;
 color: #ea5614;
}
.faq_list_a+.faq_list_q {
 margin-top: 20px;
}
.faq_list_a {
 
 padding-left: 1.1em;
 text-indent: -1.1em;
 
 margin:0;
}
.faq_list_a::before {
 content: "A";
 margin-right: .3em;
 color: #1770AA;
 font-weight: bold;
}
.faq_list_a span {
 
}
.banner {
 text-align: center;
 font-size: 80%;
 width: 540px;
 margin: 0 auto;
}
@media screen and (max-width: 769px) {
 .banner {
 width: 100%;
 }
}
footer {
 background-color:#1770AA;
 
 padding:3px 0 10px 0;
}
footer p,address {
 text-align:center;
 font-size:70%;
 color:#FFF;
}
footer a {
 text-decoration:none;
}
footer a:link {
 color:#fff;
}
footer a:visited {
 color:#fff;
}
p#copyright {
 font-style:normal;
 margin-bottom:0.05em;
 padding-bottom:0.05em;
}
address {
 font-style:normal;
 margin-top:0.05em;
 padding-top:0.05em;
}
@media screen and (max-width: 769px) {
 .access {
 -ms-grid-columns: auto;
 grid-template-columns: auto;
 -ms-grid-rows: auto auto;
 grid-template-rows: auto auto;
 }
}
.access__item {
 padding: .2rem 0;
 border-bottom: 1px solid #CCC;
}
.access__item:first-of-type {
 border-top: 1px solid #CCC;
}
.access__head2 {
 display: flex;
 justify-content: space-between;
}
@media screen and (max-width: 769px) {
 .access__head2 {
 display: block;
 }
}
.access__info {
 display: flex;
 flex: 1;
}
@media screen and (max-width: 769px) {
 .access__info {
 display: block;
 }
}
.access__name {
 flex-basis: 30%;
 font-size: .18rem;
 font-weight: bold;
}
.access__name span {
 display: inline-block;
 margin: .03rem 0;
 padding: .3em .5em;
 color: #FFF;
 font-size: .9em;
 background: #ea5614;
 border-radius: 6px;
}
.access__txt {
 flex: 1;
 padding: 0 .2rem;
 font-size: 1em;
}
@media screen and (max-width: 769px) {
 .access__txt {
 padding: 0;
 }
}
.access__btn {
 
 margin: 1em;
 display: block;
 text-align: center;
}
.access__btn *:not(:first-of-type) {
 margin-left: .1rem;
}
@media screen and (max-width: 769px) {
 .access__btn {
 margin-top: .1rem;
 }
}
.access__map {
 margin-top: .15rem;
}
.access__map iframe {
 width: 100%;
}
.access__notice {
 margin-top: .1rem;
 font-size: 0.8em;
 text-align: right;
}
.btn-small {
 display: inline-block;
 padding: .7em 2em;
 color: #FFF;
 font-size: 0.5em;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 background: #ea5614;
 border-radius: 50px;
 white-space: nowrap;
 transition: 0.2s all ease 0s;
}
.btn-small:hover {
 transform: scale(1.02);
 box-shadow: 0px 0px 30px rgba(234, 86, 20, 0.5);
}
.btn-small.-disabled {
 pointer-events: none;
 opacity: 0.3;
}
.btn-secondary {
 display: inline-block;
 padding: .8em 3em;
 color: #fff;
 font-size: .2rem;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 background: #1770AA;
 border: 2px solid #1770AA;
 border-radius: 50px;
 transition: 0.2s all ease 0s;
}
.btn-secondary.-small {
 padding: .2em 2.5em;
 font-size: 1.4em;
 border: 1px solid #1770AA;
 background: #1770AA;
}
.btn-secondary:hover {
 transform: scale(1.05);
 
}
@media screen and (max-width: 769px) {
 .btn-secondary {
 padding: .8em 1.5em;
 }
}
.line{
 background:-moz-linear-gradient(transparent 60%, #fecde6 60%);
 background:-webkit-linear-gradient(transparent 60%, #fecde6 60%);
 background:linear-gradient(transparent 60%, #fecde6 60%);
}
.googleCalendar {
text-align: center;
}
.googleCalendar iframe {
 width: 100%;
 height: 400px;
}
@media all and (min-width: 768px) {
 .googleCalendar iframe {
 width: 500px;
 height: 400px;
 }
}
.kit {
 display: table;
 margin-top: .1rem;
 
 font-weight: bold;
 border: 1px solid #CCC;
 border-radius: 6px;
}
.kit.-small {
 font-size: .16rem;
}
@media screen and (max-width: 769px) {
 .kit {
 display: block;
 }
}
.kit_total {
 display: table-cell;
 padding: .8em;
 color: #FFF;
 background: #1770AA;
}
@media screen and (max-width: 769px) {
 .kit_total {
 display: block;
 text-align: center;
 }
}
.kit_txt {
 display: table-cell;
 padding: .8em;
}
.kit_txt span {
 display: inline-block;
 padding: 0 .7em;
 color: #1770AA;
 transform: translate(0, -2px);
}
@media screen and (max-width: 769px) {
 .kit_txt span {
 padding: 0 .4em;
 }
}
@media screen and (max-width: 769px) {
 .kit_txt {
 display: block;
 font-size: 3.5vw;
 text-align: center;
 }
}
.pick_time {
 display: table;
 align-items: center;
 margin-top: .1rem;
 padding: 10px;
 border: 1px solid #CCC;
 border-radius: 6px;
 vertical-align: middle;
}
@media screen and (max-width: 769px) {
 .pick_time {
 display: block;
 }
}
.pick_time_txt {
 display: table-cell;
 padding: 10px;
 line-height: 1.4;
 vertical-align: middle;
}
.pick_time_txt em {
 color: #1770AA;
 font-weight: bold;
}
@media screen and (max-width: 769px) {
 .pick_time_txt {
 display: block;
 padding: 10px;
 }
}
.pick_time_photo {
 display: table-cell;
 vertical-align: middle;
}
@media screen and (max-width: 769px) {
 .pick_time_photo {
 display: block;
 text-align: center;
 }
}
.reserve_list {
 width: 1024px;
 margin: 0 auto;
}
@media screen and (max-width: 769px) {
 .reserve_list {
 width: 100%;
 }
}
.reserve_list {
 text-align: center;
}
.reserve_list+.reserve_list {
 margin-top: .3rem;
}
.reserve_list.-flex {
 display: flex;
}
@media screen and (max-width: 1200px) {
 .reserve_list.-flex {
 display: block;
 }
}
.reserve_list.flex {
 display: flex;
 padding-top: 10px;
}
@media screen and (max-width: 860px) {
 .reserve_list.flex {
 display: block;
 }
}
.reserve_list_item {
 flex: 1;
}
.reserve_list_item.-personal {
 order: 2;
}
.reserve_list_item.-group {
 order: 1;
}
.reserve_list_item.-medical {
 order: 3;
}
@media screen and (max-width: 769px) {
 .reserve_list_item {
 margin-top: .3rem;
 }
}
.reserve_list__attention {
 margin-bottom: .3rem;
}
.reserve_list__notice {
 margin-top: .15rem;
 
 text-align: center;
}
@media screen and (max-width: 769px) {
 .btn_list {
 display: block;
 }
}
.btn_list_item {
 padding: 0 .1rem .1rem .1rem;
 text-align: center;
}
.btn_list.-large .btn_list_item {
 padding: 0 .3rem .1rem .3rem;
}
@media screen and (max-width: 769px) {
 .btn_list_item {
 padding: 0 0 .15rem 0;
 }
 .btn_list_item:last-of-type {
 padding: 0;
 }
}
.btn_list_price {
 margin-bottom: .1rem;
}
.btn_list_price-list {
 display: flex;
 justify-content: center;
}
@media screen and (max-width: 769px) {
 .btn_list_price-list {
 display: block;
 }
}
.btn_list_price-list .btn_list_price:not(:first-of-type) {
 margin: 0 0 .1rem .5rem;
}
@media screen and (max-width: 769px) {
 .btn_list_price-list .btn_list_price:not(:first-of-type) {
 margin: .1rem 0 .1rem 0;
 }
}
.btn_list_notice {
 margin-top: 10px;
 
 line-height: 1.4;
}
.btn_ring1,
.btn_ring2,
.btn_ring3 {
 position: relative;
 display: inline-block;
 min-width: 90%;
 padding: 10px;
 color: #FFF;
 
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 border-radius: 50px;
 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
 transition: 0.2s all ease 0s;
}
@media screen and (max-width: 769px) {
 .btn_ring1,
 .btn_ring2,
 .btn_ring3 {
 min-width: 90%;
 }
}
.btn_ring1::before,
.btn_ring2::before,
.btn_ring3::before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 right: .14rem;
 width: .14rem;
 height: .04rem;
 background: #fcff00;
 transform-origin: center right;
 transform: rotate(45deg);
}
.btn_ring1::after,
.btn_ring2::after,
.btn_ring3::after {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 right: .14rem;
 width: .14rem;
 height: .04rem;
 background: #fcff00;
 transform-origin: center right;
 transform: rotate(-45deg) translate(0.02rem, -0.02rem);
}
.btn_ring1:hover,
.btn_ring2:hover,
.btn_ring3:hover {
 box-shadow: none;
 transition: 0.2s all ease 0s;
}
.btn_ring1.-disable,
.btn_ring2.-disable,
.btn_ring3.-disable {
 pointer-events: none;
 box-shadow: none;
}
.btn_ring1.-disable::after,
.btn_ring1.-disable::before,
.btn_ring2.-disable::after,
.btn_ring2.-disable::before,
.btn_ring3.-disable::after,
.btn_ring3.-disable::before {
 display: none;
}
.btn_ring1.-line2,
.btn_ring2.-line2,
.btn_ring3.-line2 {
 padding: .5em 1.8em;
}
.btn_ring1.-line2 span,
.btn_ring2.-line2 span,
.btn_ring3.-line2 span {
 display: block;
}
.btn_ring1 span,
.btn_ring2 span,
.btn_ring3 span {
 display: inline-block;
 margin-top: .03rem;
 font-size: .65em;
}
.btn_ring1 {
 background: #ea5614;
}
.btn_ring2 {
 background: #66bf3e;
}
.btn_ring3 {
 background: #60add1;
}
ul.remarks li {
 font-size: 80%;
 display: list-item
}
/*
section {
 clear:both;
 border-bottom:1px solid #a0a0a0;
}
*/
.notice {
 display:block;
 font-size:80%;
 color:#F00;
 border:1px solid #F00;
 padding:1em;
}
.ip {
 color: #f00;
}