@charset "UTF-8";


/*スマホ*/
@media screen and (max-width:750px){
.infotop{max-width:80%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.design{width: 100%;padding: 0px 0px 0px 0px;margin: 70px 0px 0px 0px}
.design2{width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 20px 0px}
.design-left {width: 90%;padding: 50px 0px 0px 0px; margin:0px auto 0px auto; }
.design-right {width: 90%;padding: 50px 0px 40px 0px;; margin:0px auto 0px auto; background-image: url("../img/top/bg2.webp");background-repeat: repeat;}
.swiper-container {width: 100%; overflow: hidden; }
.swiper-slide img { width: 100%;height: auto;margin: 0;padding: 0;}
.topobi1{width:80%;text-align:center;padding:0px 0% 0px 0%;color:#000;margin:0px auto 0px auto;line-height: 200%;} 
.topobi2{width:90%;text-align:center;padding:0px 0% 0px 0%;color:#fff;height:auto;margin:0px auto 0px auto;}
.topobi2bg{width:100%;text-align:center;padding:30px 0% 35px 0%;color:#fff;height:auto;margin:0px auto 0px auto;background-image: url("../img/top/bg2.webp");background-repeat: repeat;}
.topobi22bg{width:100%;text-align:center;padding:30px 20% 30px 20%;color:#fff;height:auto;margin:0px auto 0px auto;background-image: url("../img/top/bg2.webp");background-repeat: repeat;}
.topobi3{width:80%;text-align:center;padding:20px 0% 0px 0%;color:#000;height: auto;margin:30px auto 0px auto;}
.topobi4{width:100%;text-align:center;padding:20px 0% 20px 0%;color:#000;height: auto;}
.topobi44{width:80%;text-align:center;padding:20px 0% 20px 0%;color:#000;height: auto;margin:0px auto 0px auto;}
.topobi5bg{width:100%;text-align:center;padding:30px 0% 50px 0%;color:#000;margin:0px auto 0px auto;height: auto;background-image: url("../img/top/bg.jpg");background-repeat: repeat;}
.topobi5{width:80%;text-align:center;padding:0px 0% 0px 0%;color:#000;height: auto;margin:0px auto 0px auto;}
	.topobi5bg{width:100%;text-align:center;padding:50px 0% 50px 0%;color:#000;height: auto;background-image: url("../img/top/bg.webp");background-repeat: repeat;}
.topobi6{width: 100%;padding: 20px 0px 50px 0px;margin: 0px 0px 0px 0px}
.main {width: 100%;padding: 0px 0px 0px 0px;}

.maintop {position: relative;width: 100%;height: auto; padding: 0px 0px 0px 0px;margin: 58px 0px 35px 0px}
.topobi7{width: 100%;padding: 0px 0px 30px 0px;margin: 0px 0px 50px 0px;background-image: url("../img/top/bg2.webp");background-repeat: repeat; ;}
.topobi8{width: 80%;padding: 10px 0px 0px 0px;margin: 0px auto 0px auto;}
.topobi8>div{width: 100%;margin-bottom: 30px;padding: 0 0 0 0;}

.price {width:100%;text-align:center;padding:30px 10% 30px 10%;margin:0px auto 0px auto;line-height: 160%;font-size:400%;font-feature-settings: "palt";height: auto;background-image: url("../img/top/bg.webp");background-repeat: repeat;}
.teiki {width:100%;text-align:center;padding:0px 0% 0px 0%;color:#fff;margin:0px auto 0px auto;line-height: 160%;font-size:2.0rem;font-feature-settings: "palt";}

.topobibg{width:100%;text-align:center;padding:40px 0% 40px 0%;color:#000;margin:0px auto 0px auto;line-height: 200%;background:#acddcf} 
    
	
.maptextbg2{max-width:800px;width:90%;htext-align:left;line-height: 160%;margin:0px auto 50px auto;padding: 15px 3% 15px 3%;border:1px solid #00693f;background-color: #fff}
.maptext1{text-align:left;font-size:110%;line-height: 150%;margin:0px auto 0px auto;color: #000;padding: 0px 0px 0px 0px;}
	
.maptextbg{max-width:800px;width:90%;htext-align:center;line-height: 180%;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;background:#00693f}
.maptext2{margin: 20px auto 0px auto;font-size:130%;text-align: center;line-height: 160%;color: #fff;font-feature-settings: "palt";padding: 5px 0px 5px 0px;}
.maptext3{font-size:16px;}
.mapfont{font-weight:700;line-height: 180%;font-size:110%;}
	
	
.topobi9 ul {
display: flex;/* 要素をFlexコンテナとして定義する */
padding:10px 20px ; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
flex-wrap: wrap;
 justify-content: center;
  align-items: center;
}
    
.topobi9 li {
padding:10px 2% 10px 2%; /* 要素の余白を指定する(上下左右) */
margin: 0px 0px 0px 0px ; /* ボックス外側余白を指定する */

}
.topobi9 .flex-item1 {
flex-basis: 90%; /* flexアイテムの幅を割合で指定 */
}
.topobi9 .flex-item1 {
flex-basis: 90%; /* flexアイテムの幅を割合で指定 */
}
.topobi11{width: 80%;padding: 30px 0px 50px 0px;margin: 0px auto 0px auto;}
.out2 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;font-size:1.0rem;line-height: 170%;font-weight: 700;color:#000;font-feature-settings: "palt"; }
.ib{display: inline-block;border: solid 1px #555;margin:10px auto 10px auto;font-weight: 700;padding: 10px 10px 10px 10px}
    
    

    
.teiki1 {width: 20vw;
    height: autox;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 78%;
    top: -10%;}
    
    .teiki2 {width:100%;
    height: auto;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;line-height: 200%;background:#254d82;text-align:center;font-size:2.0rem;color:#FFFFFF}
	
.field{width:100%;text-align:center;padding:0px 0% 30px 0%;height:auto;margin:0px auto 0px auto;}
    
.left2 {width: 100%;padding: 10px 0 0px 0%;}
.right2 {width: 100%;}
.right2-box {width:80%;padding: 30px 0 0px 0%;color: #000;line-height:180%;text-align:center;margin:0px auto 0px auto; }
    
.left3 {width: 100%;padding: 0px 0px 0px 0px}
.right3 {width: 100%;padding: 0px 0px 0px 0px;}
.left3-box {width:80%;padding: 50px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }


.left4 {width: 100%;padding: 0px 0px 0px 0px}
.right4 {width: 100%;padding: 0px 0px 0px 0px;}
.left4-box {width:80%;padding: 0px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }
.left5-box {width:80%;padding: 30px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }
    
    
.topobi2 ul {
padding:0; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
}
.topobi2 li {
padding:10px 0 0 0; /* 要素の余白を指定する(上下左右) */
margin: 5px; /* ボックス外側余白を指定する */
}
.flex-item1 {
flex-basis: 100%; /* flexアイテムの幅を割合で指定 */
}
.flex-item2 {
flex-basis: 100%; /* flexアイテムの幅を割合で指定 */
}
.flex-item3 {
flex-basis: 100%; /* flexアイテムの幅を割合で指定 */
}
.flex-item4 {
flex-basis: 100%; /* flexアイテムの幅を割合で指定 */
}

hr {
    height: 1px;
    background-color:#fff;
    border: none;
    margin:15px auto 15px auto;width:90%;
}
    
/*フォント*/
.topfont1{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2.2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
    
.topfont{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2.3rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
    
.topfont11{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:4rem;text-align:center;letter-spacing:5px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont2{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.5rem;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
.topfont22{width:90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.3rem;text-align:left;letter-spacing:2px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

.topfont3{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.5rem;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
 .topfont33{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.5rem;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont3w{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.5rem;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont4w{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;color:#fff;font-size:1.5rem;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

.topfont4{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont5{height: auto;margin: 0px auto 0px auto;padding: 30px 0px 20px 0px;color:#fff;font-size:1.8rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
    
.topfont6{height: auto;margin: 0px auto 0px auto;padding: 40px 0px 0px 0px;color:#000;font-size:1.8rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
	
.topfont66{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.8rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont7{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.8rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
	
.topfont8{background:#a63963;height: auto;margin: 0px auto 0px auto;padding: 8px 0px 5px 0px;color:#fff;font-size:1.9rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

/*インフォメーション*/
.top_info{max-width:980px;width:90%;height: auto;margin: 20px auto 0px auto;padding: 20px 0px 20px 0px;color:#000;}
.infofont{margin: 0px auto 20px auto;font-size:1.5rem;border-bottom: solid 1px #000;padding: 0px 0px 20px 0px;text-align:center;}
.box{color:#000;width:100%;height:auto;overflow:auto;text-align:left;margin: 0px auto 0px auto;padding: 0px 0px 15px 0px;}
.box dl {margin: 1px 0px 0px 0px;padding: 0px 20px 0px 0px;text-align:left;color:#000;line-height: 170%;}
.box dl dt {width: 100%;padding: 0px 0px ;font-weight: bold;line-height: 170%;color:#000;font-size:1.5rem;}
.box dl dd {width: 100%;padding: 0px 0px 10px 0;line-height: 170%;text-align:left;color:#000;font-size:1.5rem;text-align:left !important ;}
.topcap{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 20px 0px 50px 0px;font-size:1.2rem;line-height: 150%;color: #000}	
.topcap2{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 20px 0px 20px 0px;font-size:1.2rem;line-height: 150%;color: #000}	
.topcap3{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 20px 0px 50px 0px;font-size:1.2rem;line-height: 150%;color: #000}
.topcap4{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 20px 0px 50px 0px;font-size:1.2rem;line-height: 150%;color: #000}
.topcap5{width:90%;margin: 0px auto 0px auto;text-align:left !important ;padding: 0px 0px 30px 0px;font-size:1.2rem;line-height: 150%;color: #000}
.img-wrap {opacity: 1;}

.img-animation {
  animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: linear-gradient(-20deg, #c9e8f1 0%, #f6f9ed 100%);
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}}



/*PC*/
@media print, screen and (min-width:751px){
.swiper-container {width: 100%; overflow: hidden; }
.swiper-slide img { width: 100%;height: auto;margin: 0;padding: 0;}
.swiper-button-next{display: none}
.swiper-button-prev {display: none}
	
.maptextbg2{max-width:700px;width:90%;htext-align:center;line-height: 160%;margin:0px auto 0px auto;padding: 30px 30px 30px 30px;border:1px solid #00693f;background-color: #fff}
.maptext1{text-align:center;font-size:170%;line-height: 150%;margin:0px auto 0px auto;color: #000;padding: 0px 0px 0px 0px;}
	
.maptextbg{max-width:700px;width:90%;htext-align:center;line-height: 180%;margin:60px auto 0px auto;padding: 0px 0px 0px 0px;background:#00693f}
.maptext2{margin: 20px auto 0px auto;font-size:190%;text-align: center;line-height: 160%;color: #fff;font-feature-settings: "palt";letter-spacing: 0.05em;padding: 5px 0px 5px 0px;}
.maptext3{font-size:16px;}
.mapfont{font-weight:700 ;line-height: 180%;}


hr {
    height: 1px;
    background-color:#fff;
    border: none;
    margin:10px auto 20px auto;width: 700px;
}

.price {width:100%;text-align:center;padding:40px 10% 40px 10%;margin:0px auto 0px auto;line-height: 160%;font-size:400%;font-feature-settings: "palt";height: auto;background-image: url("../img/top/bg.webp");background-repeat: repeat;}
    
    
.teiki {width:100%;text-align:center;padding:0px 0% 0px 0%;color:#fff;margin:0px auto 0px auto;line-height: 160%;background-image: url("../img/top/bg2.webp");background-repeat: repeat;font-size:400%;font-feature-settings: "palt";position: relative}
    
.teiki1 {width: 14vw;
    height: autox;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 70%;
    top: -27%;}
	
.teiki2 {width:100%;
    height: auto;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;line-height: 200%;background:#254d82;text-align:center;font-size:4.5rem;color:#FFFFFF}

    
    
.topobibg{width:100%;text-align:center;padding:30px 0% 50px 0%;color:#000;margin:0px auto 0px auto;line-height: 200%;background:#acddcf} 

.topobi1{width:100%;text-align:center;padding:0px 0% 0px 0%;color:#000;margin:0px auto 0px auto;line-height: 200%;} 
	
.topobi2bg{width:100%;text-align:center;padding:2% 0% 4% 0%;color:#fff;height:auto;margin:0px auto 0px auto;background-image: url("../img/top/bg2.webp");background-repeat: repeat;}
	
.topobi22bg{width:100%;text-align:center;padding:4% 0% 4% 0%;color:#fff;height:auto;margin:0px auto 0px auto;background-image: url("../img/top/bg2.webp");background-repeat: repeat;}
.topobi2{width:90%;text-align:center;padding:10px 0% 10px 0%;color:#fff;height:auto;margin:0px auto 0px auto;}


	
.topobi3{width:100%;text-align:center;padding:50px 0% 0px 0%;color:#000;height: auto;}
.topobi4{width:100%;text-align:center;padding:20px 0% 20px 0%;color:#000;height: auto;}
.topobi44{width:100%;text-align:center;padding:20px 0% 20px 0%;color:#000;height: auto;margin:0px auto 0px auto;}
.topobi5bg{width:100%;text-align:center;padding:50px 0% 50px 0%;color:#000;height: auto;background-image: url("../img/top/bg.webp");background-repeat: repeat;}
.topobi5{width:80%;text-align:center;padding:0px 0% 0px 0%;color:#000;height: auto;margin:0px auto 0px auto;}
.topobi6{width: 100%;padding: 0px 0px 0px 0px;margin: 75px 0px 0px 0px}
.main {width: 100%;padding: 0px 0px 50px 0px;}
.maintop {position: relative;width: 100%;padding: 0px 0px 0px 0px;margin: 110px 0px 50px 0px}
 
.topfont8{background:#a63963;height: auto;margin: 0px auto 0px auto;padding: 15px 0px 10px 0px;color:#fff;font-size:3rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topobi7{width: 100%;padding: 0px 0px 60px 0px;margin: 30px 0px 80px 0px;background-image: url("../img/top/bg2.webp");background-repeat: repeat;}
    
.topobi8{max-width:1800px;width: 80%;padding: 10px 0px 30px 0px;margin: 0px auto 0px auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.topobi8>div{width: 32%;margin-bottom: 0px;padding: 0 0.5% 0 0.5%;box-sizing: border-box;}
.topobi9{width:70%;text-align:center;padding:10px 0% 10px 0%;color:#fff;height:auto;margin:0px auto 0px auto;}
    
.topobi10{width: 100%;padding: 0px 0px 0px 0px;margin: 50px 0px 20px 0px}
    
.topobi11{max-width:1800px;width: 80%;padding: 30px 0px 0px 0px;margin: 0px auto 0px auto;}
.out2 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;font-size:1.7rem;line-height: 170%;font-weight: 400;color:#000; }
.ib{display: inline-block;border: solid 1px #555;margin:10px auto 10px auto;font-weight: 700;padding: 10px 10px 10px 10px}
    
.field{width:70%;text-align:center;padding:0px 0% 50px 0%;height:auto;margin:0px auto 0px auto;}
    
    
.left2 {float:left;width: 52%;}
.right2 {float:right;width: 47%;padding: 0px 0 80px 0%;}
.right2-box {width:65%;padding: 30px 0 30px 0%;color: #000;line-height:180%;text-align:center;margin:0px auto 0px auto;  }
    
.left3 {float:left;width: 47%;padding: 0px 0px 0px 0px}
.right3 {float:right;width: 52%;padding: 0px 0px 0px 0px;}
.left3-box {width:65%;padding: 30px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }


.left4 {float:left;width: 47%;padding: 0px 0px 0px 0px}
.right4 {float:right;width: 52%;padding: 0px 0px 0px 0px;}
.left4-box {width:65%;padding: 0px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }

.design{width: 100%;padding: 0px 0px 0px 0px;margin: 100px 0px 0px 0px}
.design2{width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 20px 0px}
.design-left {float:left;width: 50%;padding: 90px 0px 0px 0px; margin:0px auto 0px auto; }
.design-right {float:right;width: 50%;padding: 10% 0px 10% 0px;; margin:0px auto 0px auto;text-align:left;background-image: url("../img/top/bg2.webp");background-repeat: repeat;}

.left5-box {width:65%;padding: 80px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }

    
.topobi2 ul {
display: flex;/* 要素をFlexコンテナとして定義する */
padding:10px 0px ; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
flex-wrap: wrap;
 justify-content: center;
  align-items: center;
}
.topobi2 li {
padding:10px 0.2% 10px 0.2%; /* 要素の余白を指定する(上下左右) */
margin: 0px 1% 0px 1% ; /* ボックス外側余白を指定する */

}
.topobi2 .flex-item1 {
flex-basis: 19.5%; /* flexアイテムの幅を割合で指定 */
}
.topobi2 .flex-item2 {
flex-basis: 20.0%; /* flexアイテムの幅を割合で指定 */
}
.topobi2 .flex-item3 {
flex-basis: 19.5%; /* flexアイテムの幅を割合で指定 */
}
.topobi2 .flex-item4 {
flex-basis: 22.5%; /* flexアイテムの幅を割合で指定 */
}

.topobi9 ul {
display: flex;/* 要素をFlexコンテナとして定義する */
padding:10px 20px ; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
flex-wrap: wrap;
 justify-content: center;
  align-items: center;
}
    
.topobi9 li {
padding:10px 0% 10px 0%; /* 要素の余白を指定する(上下左右) */
margin: 0px 5% 0px 5% ; /* ボックス外側余白を指定する */

}

    

/*フォント*/
.topfont{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:6rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont1{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:4rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont11{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:4rem;text-align:center;letter-spacing:5px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont2{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
.topfont22{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size:1.6rem;text-align:center;letter-spacing:2px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";color:#fff;}

.topfont3{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.4rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont33{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.8rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont3w{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.4rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont4w{height: auto;margin: 0px auto 0px auto;padding: 30px 0px 0px 0px;color:#fff;font-size:2.0rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont4{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont5{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;color:#fff;font-size:3.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont6{height: auto;margin: 0px auto 0px auto;padding: 70px 0px 0px 0px;color:#000;font-size:5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont66{height: auto;margin: 0px auto 0px auto;padding: 70px 0px 0px 0px;color:#fff;font-size:5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
	

.topfont7{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:3.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

/*インフォメーション*/
.top_info{max-width:800px;width:80%;height: auto;margin: 45px auto 0px auto;padding: 50px 0px 50px 0px;color:#000;}
.infofont{margin: 0px auto 20px auto;font-size:28px;border-bottom: solid 2px #000;padding: 0px 0px 20px 0px;text-align:center;}
.box{color:#000;width:100%;height:auto;overflow:auto;text-align:left;margin: 0px auto 0px auto;padding: 10px 0px 15px 0px;}
.box dl {margin: 1px 0px 0px 0px;padding: 0px 20px 0px 0px;text-align:left;color:#000;line-height: 170%;}
.box dl dt {float: left;width: 8em;padding: 10px 0px ;font-weight: bold;line-height: 170%;color:#000;font-size:2.4rem;}
.box dl dd {padding: 10px 0px 10px 8em;line-height: 170%;text-align:left;color:#000;font-size:2.4rem;}
.infotop{max-width:1100px;max-width:90%;margin: 30px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
    
.img-wrap {
  opacity: 1;
}

.img-animation {
  animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: linear-gradient(-20deg, #c9e8f1 0%, #f6f9ed 100%);
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
    
.header li:nth-child(1) {margin: 0px 0px 0px 0px ;
transition: background-color .8s;height: 30px;display: flex; /* flexbox */
-webkit-justify-content: center;
text-align: center;line-height: 100%;
justify-content: center;border-bottom: solid 2px #0481A2;
align-items: center;color: #0481A2;font-weight:700}

.topcap{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 100px 0px 20px 0px;font-size:1.2rem;line-height: 150%;color: #000}	
.topcap2{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 0px 0px 0px 0px;font-size:1.3rem;line-height: 150%;color: #000}	
.topcap3{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 20px 0px 60px 0px;font-size:1.3rem;line-height: 150%;color: #000}
.topcap4{max-width:800px;width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 10px 0px 60px 0px;font-size:1.3rem;line-height: 150%;color: #000}
.topcap5{max-width:1100px;width:90%;margin: 0px auto 0px auto;text-align:center !important ;padding: 20px 0px 0px 0px;font-size:1.5rem;line-height: 170%;color: #000}
}




@media only screen and (min-width:751px) and (max-width:1200px) {
.header li:nth-child(1) {margin: 0px 0px 0px 0px ;
transition: background-color .8s;height: 30px;display: flex; /* flexbox */
-webkit-justify-content: center;
text-align: center;line-height: 100%;
justify-content: center;border-bottom: solid 2px #0481A2;
align-items: center;color: #0481A2;font-weight:700}

.swiper-container {width: 100%; overflow: hidden; }
.swiper-slide img { width: 100%;height: auto;margin: 0;padding: 0;}
.swiper-button-next{display: none}
.swiper-button-prev {display: none}
    
.info{width:100%;height: auto;margin: 0px auto 0px auto;padding: 15px 0px 15px 0px;color:#fff;background:#c55a11;font-size:160%;text-align:center;font-feature-settings: "palt";letter-spacing:4px;line-height: 160%;}
.infofont2{font-size:90%;}
   
.teiki1 {width: 18vw;
    height: autox;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 76%;
    top: -27%;}
    
    
/*フォント*/
.topfont1{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topobi2{width:100%;text-align:center;padding:20px 0% 0px 0%;color:#fff;height:auto;margin:0px auto 0px auto;}
.topfont4w{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.4rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topobi2 ul {
display: flex;/* 要素をFlexコンテナとして定義する */
padding:10px 1% ; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
flex-wrap: wrap;
}

.topobi2 li {
padding:10px 0.3% 10px 0.3%; /* 要素の余白を指定する(上下左右) */
margin: 0px 0.5% 0px 0.5% ; /* ボックス外側余白を指定する */

}
.topobi2 .flex-item1 {
flex-basis: 19.5%; /* flexアイテムの幅を割合で指定 */
}
.topobi2 .flex-item2 {
flex-basis: 20.0%; /* flexアイテムの幅を割合で指定 */
}
.topobi2 .flex-item3 {
flex-basis: 19.5%; /* flexアイテムの幅を割合で指定 */
}
.topobi2 .flex-item4 {
flex-basis: 22.5%; /* flexアイテムの幅を割合で指定 */
}

.topfont{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:4rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont3{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont33{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.3rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont3w{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.left2 {float:left;width: 60%;}
.right2 {float:right;width: 38%;padding: 0px 0 30px 0%;}
.right2-box {float:right;width:90%;padding: 0px 10% 0px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }
    
.left3 {float:left;width: 38%;padding: 0px 0px 0px 0px}
.right3 {float:right;width: 60%;padding: 0px 0px 0px 0px;}
.left3-box {width:98%;padding: 30px 0% 0px 10%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }

.left4 {float:left;width: 38%;padding: 0px 0px 0px 0px}
.right4 {float:right;width: 60%;padding: 0px 0px 0px 0px;}
.left4-box {width:98%;padding: 0px 0% 30px 10%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }

.left5-box {width:98%;padding: 30px 0% 0px 10%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }

.topfont6{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

    

    
.topobi6{width: 100%;padding: 30px 0px 0px 0px;margin: 0px 0px 0px 0px}
.topobi7{width: 100%;padding: 0px 0px 20px 0px;margin: 0px 0px 50px 0px;background-image: linear-gradient(to right, #59bca1, #b1dbcb, #59bca1 ) ;}
.topfont5{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;color:#fff;font-size:2.0rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont7{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2.0rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
    .topobi9{width:100%;text-align:center;padding:10px 0% 10px 0%;color:#fff;height:auto;margin:0px auto 0px auto;}
    .topobi9 ul {
display: flex;/* 要素をFlexコンテナとして定義する */
padding:10px 20px ; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
flex-wrap: wrap;
 justify-content: center;
  align-items: center;
}
    
.topobi9 li {
padding:10px 2% 10px 2%; /* 要素の余白を指定する(上下左右) */
margin: 0px 0px 0px 0px ; /* ボックス外側余白を指定する */

}
.topobi9 .flex-item1 {
flex-basis: 40%; /* flexアイテムの幅を割合で指定 */
}
.topobi9 .flex-item1 {
flex-basis: 40%; /* flexアイテムの幅を割合で指定 */
}
    
.box{color:#000;width:100%;height:auto;overflow:auto;text-align:left;margin: 0px auto 0px auto;padding: 10px 0px 15px 0px;}
.box dl {margin: 1px 0px 0px 0px;padding: 0px 20px 0px 0px;text-align:left;color:#000;}
.box dl dt {float: left;width: 9em;padding: 10px 0px ;font-weight: bold;line-height: 170%;color:#000;font-size:2.0rem;}
.box dl dd {padding: 10px 0px 10px 9em;line-height: 170%;text-align:left;color:#000;font-size:2.0rem;}
.topcap2{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 0px 0px 0px 0px;font-size:1.2rem;line-height: 150%;color: #000}	
.topcap3{width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 20px 0px 60px 0px;font-size:1.2rem;line-height: 150%;color: #000}	
}