@charset "utf-8";
/* CSS Document */
*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}
ul{list-style-type: none;}


body{font-size:0.9rem;color:#555;font-family: 'Zen Kaku Gothic New',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a{color:#333;text-decoration: none;}
.br::before {
	content: "\A" ;
	white-space: pre ;
}
h1{width:100%;font-family: zen-maru-gothic, sans-serif;font-weight: 700;font-style: normal;background: #619A93;color:#fff;font-size: 0.8em;margin:0 0 10px;padding:10px;text-align: center;}
h2{width:100%;font-size: 3.0em;text-align: center;line-height: 1.3;}
h3{padding:40px 0;color:#619A93;text-align: center;font-size: 2.6em;line-height: 1.3;}


.catch{padding:10px 0 0;color:#619A93;font-weight: 700;}
@media screen and (min-width: 768px) {
.img-sp{display:none;}
}
@media screen and (max-width: 767px) {
body{overflow-x: hidden;}
.br::before {display:none;}
h1{font-size: 0.9em;font-weight: normal;}
h2{font-size: 1.8em;top:3.6em;}
h3{font-size:1.6em;}
.img-pc{display:none;}
.br-s::before {
	content: "\A" ;
	white-space: pre ;
}
}
.top{position: relative;}
.top img{width:70%;margin:0 auto;}
.icon-i{width:100px !important;}

.hed-cov{width:100%;background:#619A93;position: relative;z-index:1000;}
.title{padding: 40px 0 30px;}
.ti{width:800px;margin:0 auto;}
.ic{width:120px;margin:0 auto;}


.f-link{width:80%;margin:20px auto 0;display: flex;text-align: center;padding:0;font-size: 1.6em;}
.f-link li{width:48%;margin:0 auto;}
.f-link li a{display:block;background: #fcdc0d;padding:20px 0;position: relative;font-weight: 700;color:#5c5e5f;}
.f-link li:first-child a{background: #fff;}
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow5-1::before{
    right: 10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow5-2::before{
    right: 10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #5c5e5f;
    border-right: 2px solid #5c5e5f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.fix-b{width:100%;position: fixed;bottom: 0;z-index: 1000;}
.v-link{width:100%;display: flex;text-align: center;margin:0 auto;padding:0;font-size: 1.6em;}
.v-link li{width:50%;margin:0;}
.btn-top01 a{display: block;background: #619A93;padding:20px 0;position: relative;font-weight: 700;color:#fff;}
.btn-top02 a{display: block;background: #fcdc0d;padding:20px 0;position: relative;font-weight: 700;color:#fff;}



.p-link{display:flex;justify-content: center;padding: 0;}
.p-link li{margin:20px;width:20%;}
.p-link li a{display: block; padding:26px 2.0em;color:#fff;border:1px solid #fff;text-align: center;font-size: 1.1em;position: relative;}
.p-link li a span::before {
    content: "";
    margin: auto;
    position: absolute;
    bottom: 18px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}
.p-link li a:hover{background:rgba(255,255,255,0.3);}

.splide__slide img {width:75%;margin:40px auto 0;}
.splide__slide span{
	text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    backgrund: #fcdc0d;
    top: 0.9em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
color: #50ada2;
}
.splide__pagination__page.is-active {
    background: #999 !important;
}

@media screen and (max-width: 767px) {
//.top{display: flex;justify-content: center;}
.icon-i{width:100px !important;}
.top img{padding:0 0 0;width:100%;}
.title{padding: 30px 0 20px;}
.title img{width:94%;}

.tel{width:100%;}

.f-link{width:80%;font-size: 1.2em;flex-direction:column;}
.f-link li{width:80%;margin-bottom:5px;}
.v-link{width:100%;font-size: 1.0em;margin:0 auto;}
.btn-top01 a,
.btn-top02 a{padding:20px;}

.p-link ul{margin:0;padding:0;}
.p-link li{width:50%;margin:20px 0;}
.p-link li a{padding:20px 1.0em;box-sizing: border-box;}
.p-link li a{border-left:none;}
.p-link li:last-child a{border-right:none;}
.p-link li a span::before {bottom: 10px;}
}

.fix-b{display:none;}
.top{background: #fff;}

.rsd{width:100%;padding:50px 0 0;}
.rsd ul{display:flex;justify-content: center;margin:0;padding:0;}
.rsd li{width:25%;margin:20px;}
.rsd li img{width:100%;}
.rsd li p{text-align:center;padding:10px 0;}

@media screen and (max-width: 767px) {
.rsd ul{width:98%;margin:0 auto;flex-wrap: wrap;}
.rsd li{width:48%;margin:20px auto 0;text-align:center;}
.rsd li p{padding:0;text-align:center;}
.rsd li img{width:80%;margin:0 auto 10px;}
.hed-cov li{width:100%;margin:10px 0;}
.splide__slide img {width:100%;margin:40px auto 0;}
}

.rsl{max-width:1100px;margin:0 auto;display:flex;}
.rsl ul{display:flex;justify-content: center;align-items: center;margin:0;padding:0;}
.rsl li{width:40%;margin:0 30px 20px;}
.rsl li img{width:100%;}
.rsl li h3{padding:40px 0;text-align: center;font-size: 2.6em;}
.rsl li p{text-align:center;}

@media screen and (max-width: 767px) {
.rsl{width:100%;margin:0 auto;}
.rsl ul{flex-direction:column;}
.rsl li{width:90%;}
.rsl li img{width:60%;margin:20px auto -40px ;}
.rsl li h3{font-size: 2.0em;}
}

.cs{width:100%;background:#e2eceb;color:#45716c;margin:0;padding:20px 0 40px;
background-image: 
    /* 1枚目の背景画像のパス */
    url(../img/n_8.png),
    /* 2枚目の背景画像のパス */
    url(../img/n_9.png);

  background-position:
    /* 1枚目の背景画像の表示位置 */
    left 0 top,
    /* 2枚目の背景画像の表示位置 */
    right 0 top;

  background-repeat:
    /* 1枚目の背景画像の設定 */
    no-repeat,
    /* 2枚目の背景画像の設定 */
    no-repeat;

  background-size:
    /* 1、2枚目の背景画像の共通サイズ */
    360px;

}
.an{width:80%;margin:40px auto;display:flex;flex-wrap: wrap;text-align: center;}
.an li{width:22%;background:#fcdc0d;color:#555;font-size:1.2em;font-weight: 700;padding:20px 1.6em;border-radius: 10px;margin:1%;display: flex;align-items: center;justify-content:center;}
.cms{width:80%;margin:20px auto;padding:20px;background: rgba(255,255,255,0.9);display:flex;flex-wrap: wrap;justify-content:center;}
.cms li{padding:20px 13px;color:#333;}
.cms li img{height:25px;}
.cs h4{text-align: center;font-size: 2.0em;padding:20px 0;}
.ya{position: relative;}
.ya::before {
    content: "";
    margin: auto;
    position: absolute;
    bottom: -10px;
    left: 45%;
    width: 23px;
    height: 23px;
    border-bottom: 1px solid #45716c;
    border-right: 1px solid #45716c;
    transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
.an{width:98%;margin:60px auto 0 ;padding:0;}
.an li{width:48%;font-size:0.9em;}
.cs{background-size:50%;background-position:left -10% top -5%,right -5% top -5%;}
.cms{width:90%;padding:10px;}
.cms li{padding:10px;font-size:0.7em;}
.cms li img{height:14px;}
.cs h4{font-size: 1.4em;padding:20px 10px;}
}

.ft{width:98%;margin:0 auto;padding:0 0 40px;}
.ft-box{width:80%;margin:20px auto;display:flex;flex-direction:column;padding:0;}
.ft-box li{width:100%;}
.ft-in-box{display:flex;justify-content: center;align-items: center;margin:0;padding:0;}
.ft-in-box-r{display:flex;justify-content: center;align-items: center;margin:0;padding:0;}
.ft-in-box img{width:300px;margin: 0 auto;}
.ft-in-box-r img{width:300px;margin: 0 auto;}
h5{font-size:1.1em;font-weight: normal;line-height: 1.0;}
.ft-in-box-line{display: flex;flex-direction: row;align-items: center;font-size:2.0em;font-weight: normal;margin:0 0 20px 0;padding:0;}
.icon01{width:120px !important;}
.i-ct{background:#619A93;height:80px;width:80px;
	border-radius:50%;
	line-height:85px;
	text-align:center;
	color:#fff;
	margin:0;
}
.i-ct img{width:80px;}
.t-min{font-size:0.5em;}

@media screen and (max-width: 767px) {
.ft-box{width:98%;}
.ft-in-box-line{width:70%;margin:0 auto;}
.ft-in-box-r{width:98%;}
.ft-in-box{flex-direction:column;}
.ft-in-box-r{flex-direction:column-reverse;}
.ft-in-box img {width:40%;margin:0 auto;}
.ft-in-box-r img {width:50%;margin:0 auto;}
h5{font-size:0.9em;padding:0 5px 0 20px;}
.icon01{width:25% !important;}
.ft-in-box p{padding:10px;}
.ft-in-box-r p{padding:10px;}
.i-ct img{width:100%;}
}

.sd{background:#faf6f3;width:100%;padding:0 0 40px;}
.sd ul{width:80%;margin:0 auto;display:flex;justify-content: center;}
.sd-txt{position: relative;width:50%;padding:0 20px 0 0;}

.sd01{position: absolute;top:3.0em;}
.sd02{position: absolute;top:11.5em;}
.sd03{position: absolute;top:18.5em;left:10px;}
.sd04{position: absolute;top:23.5em;left:10px;}
.sd05{position: absolute;top:30.5em;}
.splm{width:60%;margin:0 auto;}


@media screen and (max-width: 767px) {
.sd ul{width:98%;margin:0 auto;padding:0;justify-content: space-between;}
.sd ul li{width:50%;}
.sd ul li img{width:100%;}
.sd-txt{width:75%;}
.sd-txt p{padding:0 5px 0 0;}
.sd01{position: absolute;top:2.0em;}
.sd02{position: absolute;top:10.0em;}
.sd03{position: absolute;top:17.0em;left:10px;}
.sd04{position: absolute;top:22.5em;left:10px;}
.sd05{position: absolute;top:28.5em;}
.splm{width:90%;margin:0 auto;font-size:0.8em;}
}
table.brwsr {
margin: 0 auto;
width: 650px;
border: none;
//border-top: solid 1px #666;
border-bottom: solid 1px #666;
border-collapse: separate;
border-spacing: 0 10px;
//background: #f5f5f5;
}

table.brwsr th {
vertical-align: middle;
height: 53px;
width: 28%;
margin: 0;
text-align: center;
color: #333;
font-size: 1.0em;
font-weight: normal;
	border-right: solid 1px #666;
}

table.brwsr td.data {
padding: 0;
margin: 0;
height: 53px;
border: none;
color: #666;
font-size: 1.0em;
line-height: 16px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
}

table.brwsr td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
table.brwsr {
margin: 0 auto;
width: 96%;
font-size:0.9em;
}
table.brwsr th {width:35%;}
}

.fst{font-size: 1.1em !important;}
.data-t{font-size: 1.1em !important;font-weight: bold !important;text-align: center;}
table.brwsr td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #34495e;
}

.ex{background:#faf6f3;width:100%;padding:0 0 40px;box-sizing: border-box;}
.splide__slide{background:#fff;border-radius: 16px;}
.splide.is-initialized, .splide.is-rendered {
    max-width: 880px;
    margin: 30px auto;
    padding: 0 30px;
}


.th{margin:40px 0;line-height: 1.7;}
.th ul{width:900px;margin:0 auto;display:flex;justify-content: center;flex-direction: column;}
.th li{text-align:center;margin:0 auto;}
.th li img{width:500px;}

@media screen and (max-width: 767px) {
.th ul{width:98%;margin:0 auto;padding:0;}
.th li{padding:0 20px;text-align:left;}
.th li img{width:90%;margin:0 auto;}
.splide.is-initialized, .splide.is-rendered {
overflow:hidden;
    max-width: 94%;
    padding: 0 30px;
}
}

.slide-bottom {
   opacity: 0;
   transform: translateY(20px);
   transition: all 0.5s 0s ease-out;
 }
.slide-bottom1 {
   opacity: 0;
   transform: translateY(20px);
   transition: all 0.9s 0s ease-out;
 }
.slide-bottom2 {
   opacity: 0;
   transform: translateY(20px);
   transition: all 1.3s 0s ease-out;
 }

footer{width:100%;background: #619A93;color:#fff;font-size:0.6em;text-align:center;padding:20px 0;}