@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 768px) {/*スマホのスタイル*/

}
.page_home .mv{width: 90%;margin-top: 250px;min-height: 500px; margin-left: auto;position: relative}
.page_home .mv img{width: 100%;height: auto}
.page_home .mv .mv_img{width: 78%;margin-left: auto;}
.page_home .mv .mv_img img{border-radius: 40px 0 0 40px;overflow: hidden;}
.page_home .mv .inner_box{position: absolute;width: 100%; top: 50%;left: 0%; -webkit-transform: translate(0%, -50%);transform: translate(0%,-50%);z-index: 2}
.page_home .mv .inner_box h2{font-size: 6.8rem;letter-spacing: 0.05em;line-height: 1.3; color: #009fe8}
.page_home .mv .inner_box .copy{font-size: 3.4rem;margin-top: 30px}
.page_home .mv .inner_box .copy span{background: #fff}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .mv{width: 96%;display: flex;flex-wrap:wrap;margin: 120px auto 0;min-height: 200px;}
.page_home .mv .mv_img{width: 100%;margin-bottom: 20px}
.page_home .mv .mv_img img{border-radius: 10px;}
.page_home .mv .inner_box{position: static;-webkit-transform: translate(0%, 0%);transform: translate(0%,0%);}
.page_home .mv .mv_img{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.page_home .mv .inner_box{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.page_home .mv .inner_box h2{font-size: 2.8rem;}
.page_home .mv .inner_box .copy{font-size: 1.6rem;margin-top: 14px}
}


.page_home .mv .slider{
  width: 100%;
}
.page_home .mv .items{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 70%;
}
.page_home .mv .item{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .6s ease-in-out;
}
.page_home .mv .current{
  opacity: 1;
}


.page_home .mv .open_notice{position: absolute;right: 90px;top: 20px; width: 40%;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .mv .open_notice{position: absolute;right: 10px;top: 10px; width: 60%;}

}

.page_home .about{margin: 80px 0;position: relative}
.page_home .about .hato{width: 32%;position: absolute;right: 10%;top: -260px}
.page_home .about .about_img{width: 38%}
.page_home .about .about_img img{border-radius: 0px 40px 40px 0px;overflow: hidden;}
.page_home .about .about_inner{width: 58%;text-align: left;position: relative}
.page_home .about .about_inner h2{font-size: 4.2rem;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative}
.page_home .about .about_inner h2::after {  position: absolute;  content: "";  width: 120px;  height: 3px;  background-color: #009fe8;  top: 0;  bottom: 0;  left: -140px;  margin: auto;}
.page_home .about .about_inner ul{margin: 30px 0}
.page_home .about .about_inner li{color: #8e8e8e;font-size: 2.8rem;padding: 10px 0 10px 50px;position: relative}
.page_home .about .about_inner li::after {  position: absolute;  content: "";  width: 36px;  height: 36px;  background: url("../images/about_check.svg") no-repeat left center;  background-size: cover;  top: 3px;  bottom: 0;  left: 0;  margin: auto;}
.page_home .about .about_inner h3{font-size: 3.7rem;line-height: 1.3; color: #009fe8;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .about{margin: 50px 0 0;position: relative}
.page_home .about .about_img{width: 96%;margin: auto;margin-bottom: 20px}
.page_home .about .about_img img{border-radius: 10px;width: 100%; height: 160px!important;object-fit: cover}
.page_home .about .about_inner{width: 96%;margin: auto}
.page_home .about .about_inner h2{font-size: 1.8rem;}
.page_home .about .about_inner ul{margin: 20px 0}
.page_home .about .about_inner li{font-size: 1.4rem;padding: 10px 0 10px 36px;position: relative}
.page_home .about .about_inner li::after {  position: absolute;  content: "";  width: 26px;  height: 26px;  background: url("../images/about_check.svg") no-repeat left center;  background-size: cover;  top: 3px;  bottom: 0;  left: 0;  margin: auto;}
.page_home .about .about_inner h3{font-size: 1.8rem;line-height: 1.3; color: #009fe8;}
}


.page_home .news{padding: 40px 0 80px;text-align: center}
.page_home .news h2{font-size: 3rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;padding-bottom: 10px;}
.page_home .news h2::after {  position: absolute;  content: "";  width:80px;  height: 2px;  background-color: #009fe8;  bottom: 0;  left:0;right: 0;  margin: auto;}
.page_home .news ul{margin: 50px 0}
.page_home .news li{width: 23%;border-radius: 20px;background: #f1f9f9;text-align: left}

.page_home .news ul:after {
    content: "";
    display: block;
    width: 23%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
.page_home .news ul:before {
    content: "";
    display: block;
    width: 23%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}

.page_home .news li .photo img{border-radius: 20px 20px 0 0px;overflow: hidden;}
.page_home .news li .photo img{width: 100%;height: 160px;object-fit: cover}
.page_home .news li .news_box{padding: 12px}
.page_home .news li .news_box .date{font-size: 1.3rem}
.page_home .news li .news_box .date .cate1{display: inline-block;background: #ffe54f;color: #000;padding: 0px 3px;margin-right: 12px}
.page_home .news li .news_box .tag {font-size: 1.3rem}
.page_home .news li .news_box .tag span {display: inline-block;background: #ffe54f;color: #000;padding: 0px 3px;margin-right: 12px}

.page_home .news li .news_box  .tag  span.campaign {background:#F17D03;border: 1px solid #F17D03;color: #fff;}
.page_home .news li .news_box .tag   span.notice {background: #FF3C02;border: 1px solid #FF3C02;color: #fff;}
.page_home .news li .news_box .tag  span.info {border: 1px solid #ffe54f;background:#ffe54f}


.page_home .news li .news_box .title{margin-top: 8px}
.page_home .news .bt{display:inline-block;width: 400px}
.page_home .news .bt a{display: block;padding: 12px 26px;font-weight: bold; border: 1px solid #009fe8;border-radius: 5px;color: #009fe8;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .news ul{margin: 30px auto;width: 70%}
.page_home .news li{width: 100%;;margin-bottom: 20px}
.page_home .news .bt{width: 80%}

}


.page_home .point{padding: 80px 0;text-align: center;background: #f1f9f9;}
.page_home .point h2{font-size: 3rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;padding-bottom: 10px;}
.page_home .point h2::after {  position: absolute;  content: "";  width:80px;  height: 2px;  background-color: #009fe8;  bottom: 0;  left:0;right: 0;  margin: auto;}
.page_home .point ul{margin: 50px 0}
.page_home .point li{width: 31%;margin-bottom: 30px; border-radius: 20px;background: #f1f9f9;text-align: left}
.page_home .point li .point_box{padding: 12px}
.page_home .point li .point_box h3{font-size: 2.4rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;}
.page_home .point li .point_box p{line-height: 1.8; margin-top: 8px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/

}

.page_home .info{padding: 80px 0;text-align: center;}
.page_home .info .inner--base{width: 960px;}
.page_home .info h2{font-size: 3rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;padding-bottom: 10px;}
.page_home .info h2::after {  position: absolute;  content: "";  width:80px;  height: 2px;  background-color: #009fe8;  bottom: 0;  left:0;right: 0;  margin: auto;}
.page_home .info .tel{margin-top: 50px;}
.page_home .info .bt{margin-top: 20px}
.table-area{margin: 30px 0}
.page_home .info table{ width:100%;border-collapse: collapse;border-spacing:0px; }
.page_home .info th{background: #003277;color: #fff;font-weight: bold;font-size: 1.8rem}
.page_home .info th,.page_home .info td{border: 1px solid #9fa0a0;padding: 16px;vertical-align: middle}
.page_home .info td{color: #003277}
.page_home .info td.sub{color: #000;background: #f1f9f9;font-weight: bold;font-size: 1.8rem}
.page_home .info td.sub.sat{color: #009fe8}
.page_home .info td.sub.sun{color: #ff58c0}
.page_home .info .coution{text-align: left;color:#003277 }
.page_home .info .btmap{display:inline-block;margin-top: 30px;width: 400px}
.page_home .info .btmap a{display: block;font-size: 1.9rem; padding: 12px 26px;font-weight: bold;background: #003277; border-radius: 5px;color: #fff;}
.page_home .info .cam{margin: 40px 0}
.page_home .info .paypay{width: 600px;margin: auto}
.page_home .info .paypay img{width: 100%;height: auto}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .info .tel{width: 80%;margin: 20px auto 0}
.page_home .info .bt{width: 80%;margin: 20px auto}

.page_home .info th,
.page_home .info td.sub{font-size: 1.5rem;vertical-align: middle}
.page_home .info .paypay{width: 100%;}
.page_home .info .btmap{width: 80%}
}


.page_home .symptoms{padding: 80px 0;text-align: center;background: #f1f9f9;}
.page_home .symptoms h2{font-size: 3rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;padding-bottom: 10px;}
.page_home .symptoms h2::after {  position: absolute;  content: "";  width:80px;  height: 2px;  background-color: #009fe8;  bottom: 0;  left:0;right: 0;  margin: auto;}
.page_home .symptoms ul{margin: 50px 0}
.page_home .symptoms li{width: 17%;margin-bottom: 40px; }
.page_home .symptoms li a:hover img{opacity: 0.7}
.page_home .symptoms li .point_box{padding: 12px}
.page_home .symptoms li .point_box h3{font-size: 2.4rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .symptoms li{width: 31%;margin-bottom: 20px; }
.page_home .symptoms ul{margin: 30px auto 0;}
}




.page_home .one{padding: 80px 0;position: relative}
.page_home .one .one_img{width: 38%}
.page_home .one .one_inner{width: 50%;text-align: left;position: relative;margin-left: 10%}
.page_home .one .one_inner h2{font-size: 4.2rem;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;margin-bottom: 20px}
.page_home .one .one_inner h2::after {  position: absolute;  content: "";  width: 120px;  height: 3px;  background-color: #009fe8;  top: 0;  bottom: 0;  left: -140px;  margin: auto;}
.page_home .one .one_inner .copy{color: #009fe8;font-size: 2.2rem;margin-bottom: 20px}
.page_home .one .one_inner .txt{color: #003277}
.page_home .one table{ width:100%;margin: auto; border-collapse: collapse;border-spacing:0px;border-bottom: 1px solid #9fa0a0; }
.page_home .one th,.page_home .one td{font-size: 1.8rem;font-weight: bold;border-top: 1px solid #9fa0a0;padding: 16px;color: #003277;text-align: center}
.page_home .one td+td{border-left: 1px solid #9fa0a0}
.page_home .one th+th{border-left: 1px solid #9fa0a0}
.page_home .one td:nth-of-type(1){border-left: 1px solid #9fa0a0}
.page_home .one .inner--base{width: 70%;margin: auto; text-align: center}
.page_home .one .inner--base .coution{color: #003277;width: 70%;margin: 0 auto 30px}
.page_home .one .inner--base h3{font-size:3rem;font-weight: bold; line-height: 1.8; color: #009fe8;margin-top: 20px;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #009fe8 100%);  background-repeat: repeat-y;  background-size: 100% 2.4em;  line-height: 2.4;display: inline-block}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .one .one_img{width: 96%;margin: auto;}
.page_home .one .one_inner{width: 96%;margin: auto;margin-bottom: 20px}
.page_home .one th,.page_home .one td{font-size: 1.4rem;padding: 10px 0;}
}



.page_home .flow{padding: 80px 0;text-align: center;}
.page_home .flow h2{font-size: 3rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;padding-bottom: 10px;}
.page_home .flow h2::after {  position: absolute;  content: "";  width:80px;  height: 2px;  background-color: #009fe8;  bottom: 0;  left:0;right: 0;  margin: auto;}
.page_home .flow ul{margin: 50px 0}
.page_home .flow li{width: 30%;margin-bottom: 40px; text-align: left;position: relative}
.page_home .flow li .point_box{padding: 12px}
.page_home .flow li h3{font-size: 2.4rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;
position: absolute;left: 60px;top: 6px;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .flow ul{margin: 30px 0;width: 1200px;}
.page_home .flow li{width:18%;margin-bottom: 0px;}
.page_home .flow li h3{left: 35px;top: 2px;}
}


.page_home .greeting{padding: 80px 0;text-align: center;}
.page_home .greeting h2{font-size: 3rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;padding-bottom: 10px;margin-bottom: 40px}
.page_home .greeting h2::after {  position: absolute;  content: "";  width:80px;  height: 2px;  background-color: #009fe8;  bottom: 0;  left:0;right: 0;  margin: auto;}
.page_home .greeting .greeting_img{width: 48%}
.page_home .greeting .greeting_img img{border-radius: 0px 40px 40px 0px;overflow: hidden;}
.page_home .greeting .greeting_inner{width: 48%;text-align: left;position: relative;padding-right: 30px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.page_home .greeting .greeting_inner p{line-height: 2.6;letter-spacing: 0.1em;}
.page_home .greeting .greeting_inner .sign{margin-left: 20px}

.page_home .greeting table{ width:70%;margin:80px  auto 50px; border-collapse: collapse;border-spacing:0px;border-bottom: 1px solid #9fa0a0; border-top: 2px solid #98a6b5;}
.page_home .greeting td{border-bottom: 1px solid #cdd6dd;padding: 12px;text-align: left}
.page_home .greeting th{border-bottom: 1px solid #cdd6dd;padding: 12px;text-align: left}
.map {    position: relative;    width: 100%;    padding-top: 30%;height: 0;}
.map iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .greeting .greeting_img{width: 60%;margin: 0 auto 30px}
.page_home .greeting .greeting_img img{border-radius:10px;}
.page_home .greeting .greeting_inner{width: 90%;margin: auto; padding-right:0px;}
.page_home .greeting .greeting_inner p{line-height: 2}
.page_home .greeting .greeting_inner .sign{width: 42%}
.map {padding-top: 50%;}
}

.page_home .greeting .slider{
        width:70%;
        margin:0 auto;
    }
    .page_home .greeting .slider img{
        width:100%;border-radius: 10px
    }
    .page_home .greeting .slider .slick-slide{
        height:auto!important;
    }
    .page_home .greeting .slider .slick-arrow{
        z-index:2!important;
    }
   .page_home .greeting  .slider .slick-next{
        right:0!important;
    }
    .page_home .greeting .slider .slick-prev{
        left:0!important;
    }
    .page_home .greeting .slider .slick-slide{
    margin-right: 1vw!important;
    margin-left: 1vw!important;
}

.page_home .kinjo{padding: 80px 0;text-align: center;}
.page_home .kinjo h2{font-size: 3rem;letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; color: #009fe8;position: relative;padding-bottom: 10px;margin-bottom: 40px}
.page_home .kinjo h2::after {  position: absolute;  content: "";  width:80px;  height: 2px;  background-color: #009fe8;  bottom: 0;  left:0;right: 0;  margin: auto;}
.page_home .kinjo ul{margin: 50px 0}
.page_home .kinjo li{width: 48%;margin-bottom: 40px; text-align: left;position: relative;}
.page_home .kinjo li .point_box{padding: 12px;background: #f3f9fe}
.page_home .kinjo li h3{font-size: 2.4rem;text-align: center;padding-bottom: 12px; letter-spacing: 0.05em;font-weight: bold; line-height: 1.3; }

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .kinjo ul{margin: 30px auto 0;width: 90%}
}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_home .news,
.page_home .point,
.page_home .info,
.page_home .symptoms,
.page_home .one,
.page_home .flow,
.page_home .greeting,
.page_home .kinjo{padding: 50px 0;text-align: center}

.page_home .news h2,
.page_home .point h2,
.page_home .info h2,
.page_home .symptoms h2,
.page_home .one .one_inner h2,
.page_home .flow h2,
.page_home .greeting h2,
.page_home .kinjo h2{font-size: 2rem;}

.page_home .info .inner--base{width: 96%;}

.page_home .news ul,
.page_home .point ul{margin: 30px auto 0;width: 70%}

.page_home .news li,
.page_home .point li,
.page_home .kinjo li{width: 100%;;margin-bottom: 20px}

.page_home .point li .point_box h3,
.page_home .symptoms li .point_box h3,
.page_home .one .inner--base h3,
.page_home .flow li h3,
.page_home .kinjo li h3{font-size: 1.8rem;}
}


@media screen and (max-width: 1200px) {/*スマホのスタイル*/
.table-area {
	width: 96%;
	margin: 20px auto;
	overflow-x: scroll;
}

.table-area table {
	width: 100%;
	min-width: 800px;
	margin: 5em auto 3em;
}
.table-area2{width: 96%;
	margin: 20px auto;}

.table-area2 th{white-space: nowrap}
}