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


/*PC*/
@media screen and (min-width: 1680px) {


.kv { width: 100%; overflow: visible; background: #0e8d2f; padding: 25px 0;}
.kv .slider { width: 100%; margin: 0 auto 0;}
.kv .slick-slide { margin: 0 10px;}
.kv .slick-slide img { width: 100%; height: auto; border: solid 4px #FFF; border-radius: 30px; overflow: hidden;}



.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover; padding: 50px 0;}
.news .inner .box { display: flex; justify-content: left; padding: 30px 180px; padding-left: 70px; box-sizing: border-box; border: 1px solid #0e8d2f; width: fit-content; margin: 0 auto; border-radius: 80px;}
.news .inner .box h2 { font-size: 27px; color: #0e8d2f; display: inline-block; padding: 5px 30px 5px 0; border-right: solid 2px #0e8d2f; text-align: center;}
.news .inner .box h2 span { font-size: 16px; color: #000; display: block;}
.news .inner .box .txt { padding-left: 50px; align-content: center;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 15px; margin-top: 20px;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 18px;}

	


.ct {}
/*.ct .inner { padding: 100px 0 100px; background: #54b535 url("../images/index/ct_bg.png") center 200px no-repeat; background-size: cover; position: relative;}*/
/*.ct .inner::after { content: ""; background: #f3f1ef; position: absolute; left: 0; right: 0; bottom: 0; height: 460px; border-radius: 50px 50px 0 0;}*/
	.ct .inner-top{
		background-color: #54b535;
		padding: 100px 0 100px;
		position: relative;
		border-bottom: 1px solid #000;
	}
	.ct .inner-top::after { 
		content: "";
        background: url(../images/index/after-neko.png) no-repeat;
        position: absolute;
        /* left: 0; */
        right: 0;
        top: 0;
        width: 540px;
        height: 200px;
	}
		.ct .inner-top::before { 
		content: "";
        background: url(../images/index/after-neko.png) no-repeat;
        position: absolute;
        left: 0;
        bottom: -130px;
        width: 540px;
        height: 200px;
			        z-index: 10;
	}
	.ct .inner-mannaka{
		background-color: #1ccadb;
		padding: 100px 0 100px;
		border-bottom: 1px solid #000;
		position: relative;
	}
		.ct .inner-mannaka::after { 
		content: "";
        background: url(../images/index/after-neko.png) no-repeat;
        position: absolute;
		bottom: -70px;
        right: 0;
        width: 540px;
        height: 200px;
	}
	.ct .inner-bottom{
		background-color: #fd0707;
		padding: 80px 0 80px;
	}
.ct .inner .ttl { margin-bottom: 80px;}
.ct .inner .ttl > .img { width: fit-content; margin: 0 auto 30px;}
.ct .inner .ttl > p { font-size: 24px; text-align: center; color: #FFF;}
.ct .inner .img01 { width: fit-content; margin: 0 auto; z-index: 1; position: relative;}
.ct .inner .img01 a { display: block; border-radius: 20px; /*border: solid 2px #FFF;*/ overflow: hidden;}
.ct .inner .img01 a:hover,.ct .inner ul li a:hover  { transform: scale(102%);}
.ct .inner ul { width: 1064px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10;        margin-bottom: 3em;}
.ct .inner ul li { width: 500px;}
.ct .inner ul li a { display: block; position: relative;}
.ct .inner ul li a::after { content: ""; width: 49px; height: 49px; background-size: cover; position: absolute; right: 40px; bottom: 30px; transition: ease .5s;}
/*.ct .inner ul li:nth-of-type(1) a::after { background: url("../images/index/bnr_koumuten_arrow.png") no-repeat; background-size: cover;}
.ct .inner ul li:nth-of-type(2) a::after { background: url("../images/index/bnr_otoku_arrow.png") no-repeat; background-size: cover;}*/
.ct .inner ul li a:hover::after { content: ""; transform: translateX(10px); transition: ease .5s;}
.ct .inner ul li a img {border: 1px solid; border-radius: 10px;}


}


/*PC*/
@media print, screen and (min-width: 768px) and ( max-width: 1679px) {


.kv { width: 100%; overflow: visible; background: #0e8d2f; padding: 1.1905vw 0;}
.kv .slider { width: 100%; margin: 0 auto 0;}
.kv .slick-slide { margin: 0 0.5952vw;}
.kv .slick-slide img { width: 100%; height: 100%; border: solid 0.2381vw #FFF; border-radius: 1.7857vw; overflow: hidden;}



.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover; padding: 50px 0;}
.news .inner .box { display: flex; justify-content: left; padding: 30px 180px; padding-left: 70px; box-sizing: border-box; border: 1px solid #0e8d2f; width: fit-content; margin: 0 auto; border-radius: 80px;}
.news .inner .box h2 { font-size: 1.4905vw; color: #0e8d2f; display: inline-block; padding: 0.2976vw 1.7857vw 0.2976vw 0; border-right: solid 0.1190vw #0e8d2f; text-align: center;}
.news .inner .box h2 span { font-size: 1.0000vw; color: #000; display: block;}
.news .inner .box .txt { padding-left: 2.9762vw; align-content: center;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 0.8929vw; margin-top: 1.1905vw;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 1.0714vw;}


.ct {}
/*.ct .inner { padding: 5.9524vw 0 3.7143vw; background: #54b535 url("../images/index/ct_bg.png") center 11.9048vw no-repeat;background-size: cover; position: relative;}*/ 
/*.ct .inner::after { content: ""; background: #f3f1ef; position: absolute; left: 0; right: 0; bottom: 0; height: 27.3810vw; border-radius: 2.9762vw 2.9762vw 0 0;}*/
		.ct .inner-top{
		background-color: #54b535;
		padding: 100px 0 100px;
		border-bottom: 1px solid #000;
			position: relative;
	}
	.ct .inner-top::after { 
		content: "";
        background: url(../images/index/after-neko.png) no-repeat;
        position: absolute;
        /* left: 0; */
        right: 0;
        top: 0;
        width: 540px;
        height: 200px;
	}
		.ct .inner-top::before { 
		content: "";
        background: url(../images/index/after-neko.png) no-repeat;
        position: absolute;
        left: 0;
        bottom: -130px;
        width: 540px;
        height: 200px;
		        z-index: 10;
	}
	.ct .inner-mannaka{
		background-color: #1ccadb;
		padding: 100px 0 100px;
		border-bottom: 1px solid #000;
		position: relative;
	}
		.ct .inner-mannaka::after { 
		content: "";
        background: url(../images/index/after-neko.png) no-repeat;
        position: absolute;
		bottom: -70px;
        right: 0;
        width: 540px;
        height: 200px;
	}
	.ct .inner-bottom{
		background-color: #fd0707;
		padding: 80px 0 80px;
	}
.ct .inner .ttl { margin-bottom: 4.7619vw;}
.ct .inner .ttl > .img { width: /*49.1667vw*/fit-content; margin: 0 auto 1.7857vw;}
.ct .inner .ttl > p { font-size: 1.4286vw; text-align: center; color: #FFF;}
.ct .inner .img01 { width: 59.5238vw; margin: 0 auto /*5.3571vw*/;z-index: 1; position: relative;}
.ct .inner .img01 a { display: block; border-radius: 1.1905vw; /*border: solid 0.1190vw #FFF;*/ overflow: hidden;}
.ct .inner .img01 a:hover,.ct .inner ul li a:hover { transform: scale(102%);}
.ct .inner ul { width: 77.0238vw; margin: 0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10;margin-bottom: 3em;}
.ct .inner ul li { width: 36.9048vw;  }
.ct .inner ul li a { display: block; position: relative;}
.ct .inner ul li a::after { content: ""; width: 2.9167vw; height: 2.9167vw; background-size: cover; position: absolute; right: 2.3810vw; bottom: 1.7857vw; transition: ease .5s;}
/*.ct .inner ul li:nth-of-type(1) a::after { background: url("../images/index/bnr_koumuten_arrow.png") no-repeat; background-size: cover;}
.ct .inner ul li:nth-of-type(2) a::after { background: url("../images/index/bnr_otoku_arrow.png") no-repeat; background-size: cover;}*/
.ct .inner ul li a:hover::after { content: ""; transform: translateX(0.5952vw); transition: ease .5s;}
.ct .inner ul li a img {border: 1px solid; border-radius: 10px;}


}



/*sp*/
@media only screen and (max-width: 767px) {



.kv { width: 100%; overflow: visible; background: #0e8d2f;}
.kv .slider { width: 100%; margin: 0 auto 0;}
.kv .slick-slide { margin: 0;}
.kv .slick-slide img { width: 100%; height: auto;}



.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover;}
.news .inner .box { display: flex; justify-content: center; padding: 10.6667vw 0; box-sizing: border-box; flex-direction: column; align-items: center;}
.news .inner .box h2 { border: solid 0.2667vw #ccc; font-size: 5.8667vw; color: #0e8d2f; display: inline-block; margin-bottom: 6.6667vw; text-align: center; padding: 2.1333vw 5.3333vw;}
.news .inner .box h2 span { font-size: 4.0000vw; color: #000; display: block;}
.news .inner .box .txt { align-content: center; margin: 0 5.3333vw;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 3.7333vw; margin-top: 2.6667vw;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 4.2667vw;}


.ct {}
/*.ct .inner { padding: 6.6667vw 0 24.0000vw; background: #54b535 url("../images/index/ct_bg.png") center 26.6667vw no-repeat; background-size: cover; position: relative;}*/
			.ct .inner-top{
		background-color: #54b535;
		padding: 40px 0 40px;
		border-bottom: 1px solid #000;
	}
	.ct .inner-mannaka{
		background-color: #1ccadb;
		padding: 50px 0 50px;
		border-bottom: 1px solid #000;
	}
	.ct .inner-bottom{
		background-color: #fd0707;
		padding: 20px 0 30px;
	}
.ct .inner .ttl { margin-bottom: 10.6667vw;}
.ct .inner .ttl > .img { width: 80.0000vw; margin: 0 auto 4.0000vw;}
.ct .inner .ttl > p { font-size: 4.2667vw; text-align: center; color: #FFF;}
.ct .inner .img01 { width: 93.3333vw; margin: 0 auto /*6.6667vw*/;z-index: 1; position: relative;}
.ct .inner .img01 a { display: block; border-radius: 2.6667vw; /*border: solid 0.2667vw #FFF;*/ overflow: hidden;}
.ct .inner .img01 a:hover,.ct .inner ul li a:hover  { transform: scale(102%);}
.ct .inner ul { width: 94.6667vw; /*padding: 6.6667vw 0;*/ margin: 0 auto; display: flex; align-items: center; flex-direction: column; gap: 4.0000vw; border-radius: 6.6667vw;}
.ct .inner ul li { width: 90.6667vw;}
.ct .inner ul li a { display: block; position: relative;}
.ct .inner ul li a::after { content: ""; width: 6.5333vw; height: 6.5333vw; background-size: cover; position: absolute; top: 0; right: -2.6667vw; bottom: 4.0000vw; margin: auto;}
/*.ct .inner ul li:nth-of-type(1) a::after { background: url("../images/index/bnr_koumuten_arrow.png") no-repeat; background-size: cover;}
.ct .inner ul li:nth-of-type(2) a::after { background: url("../images/index/bnr_otoku_arrow.png") no-repeat; background-size: cover;}*/
.ct .inner ul li a img {border: 1px solid; border-radius: 10px;}


}




/*sp*/
@media only screen and (width: 750px) {


.kv { width: 100%; overflow: visible; background: #0e8d2f;}
.kv .slider { width: 100%; margin: 0 auto 0;}
.kv .slick-slide { margin: 0;}
.kv .slick-slide img { width: 100%; height: auto;}



.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover;}
.news .inner .box { display: flex; justify-content: center; padding: 80px 0; box-sizing: border-box; flex-direction: column; align-items: center;}
.news .inner .box h2 { border: solid 2px #ccc; font-size: 44px; color: #0e8d2f; display: inline-block; margin-bottom: 50px; text-align: center; padding: 16px 40px;}
.news .inner .box h2 span { font-size: 30px; color: #000; display: block;}
.news .inner .box .txt { align-content: center; margin: 0 40px;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 28px; margin-top: 20px;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 32px;}


.ct {}
/*.ct .inner { padding: 50px 0 180px; background: #54b535 url("../images/index/ct_bg.png") center 200px no-repeat;background-size: cover; position: relative;}*/ 
		.ct .inner-top{
		background-color: #54b535;
		padding: 40px 0 40px;
		border-bottom: 1px solid #000;
	}
		.ct .inner-mannaka{
		background-color: #1ccadb;
		padding: 50px 0 50px;
		border-bottom: 1px solid #000;
	}
	.ct .inner-bottom{
		background-color: #fd0707;
		padding: 20px 0 30px;
	}
.ct .inner .ttl { margin-bottom: 80px;}
.ct .inner .ttl > .img { width: 600px; margin: 0 auto 30px;}
.ct .inner .ttl > p { font-size: 32px; text-align: center; color: #FFF;}
.ct .inner .img01 { width: 700px; margin: 0 auto;z-index: 1; position: relative;}
.ct .inner .img01 a { display: block; border-radius: 20px; border: solid 2px #FFF; overflow: hidden;}
.ct .inner .img01 a:hover { transform: scale(102%);}
.ct .inner ul { width: 710px;  padding: 50px 0; margin: 0 auto; display: flex; align-items: center; flex-direction: column; gap: 30px; border-radius: 50px;}
.ct .inner ul li { width: 620px;}
.ct .inner ul li a { display: block; position: relative;}
.ct .inner ul li a::after { content: ""; width: 49px; height: 49px; background-size: cover; position: absolute; top: 0; right: -20px; bottom: 30px; margin: auto;}
/*.ct .inner ul li:nth-of-type(1) a::after { background: url("../images/index/bnr_koumuten_arrow.png") no-repeat; background-size: cover;}
.ct .inner ul li:nth-of-type(2) a::after { background: url("../images/index/bnr_otoku_arrow.png") no-repeat; background-size: cover;}*/
.ct .inner ul li a img {border: 1px solid; border-radius: 10px;}


}