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


#MV{
	position: relative;
	z-index: 1
}
#MV .btn{
	position: absolute;
	top:5%;
	right:3%;
	width: 20%;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.3));
}

#sec01{
	background: url("img/bg_01.png");
	background-size: cover;
	background-position: bottom center;
	margin-top: -8%
}
@media screen and (max-width:782px) {
#sec01{
	padding-bottom: 30%
}
#MV .btn{
	position: absolute;
	top:3%;
	right:5%;
	width: 50%
}
}



#sec02 .column2:nth-child(1){
	width: 60%
}
#sec02 .column2:nth-child(2){
	width: 35%
}	
@media screen and (max-width:782px) {
#sec02 .column2:nth-child(2){
	text-align: center; 
}	
#sec02 .column2:nth-child(2) img{
	width: 70%
}	
}

	

#sec03{
	background: url("img/bg_02.png");
	background-size: cover;
	background-position: center;
	padding-bottom: 15%
}
#sec03 .column2{
	margin-bottom: 0
}
#sec03 .txt{
	width: 60%
}
#sec03 .img{
	width: 35%
}	
#sec03 ul li{
	background: url("img/icn_01.png");
	background-size: 20px;
	background-position: left;
	padding-left: 25px;
	background-repeat: no-repeat
}	
#sec03 .manabu{
	background: url("img/bg_03.png");
	background-size: cover;
	background-position: left;
	border-radius: 20px;
	padding: 5% 0;
	margin-top: 10%
}
#sec03 .manabu .box{
	width: 90%;
	margin:0 auto
}
#sec03 .manabu .txt{
	background: rgba(255,255,255,0.5);
	border-radius: 20px;
	padding: 5%
}
#sec03 .manabu .img{
	width: 25%
}	

@media screen and (max-width:782px) {
#sec03 .column2{
	margin-bottom: 5%
}
#sec03 .manabu .txt{
	background: rgba(255,255,255,0.8);
	border-radius: 20px;
	padding: 5%
}
}


#sec04{
	background: url("img/bg_04.png");
	background-size: cover;
	background-position: center top;
	margin-top: -5%
}
#sec04 h1 span{
	border-bottom: 10px solid #ffe578;
	padding-bottom:10px
}
#sec04 .eiyougaku{
	width: 80%;
	margin: 5% auto
}
#sec04 .txt{
	width: 69%
}
#sec04 .img{
	width: 28%
}
#sec04 .column6 p{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	line-height: 150% !important;
	text-align: center;
	margin-top: 10%
}	
#sec04 .kouza{
	background: #fffbd7;
	border-radius: 20px;
	padding: 5% 0;
	border:2px solid #43af83
}
#sec04 .kouza .box{
	width: 90%;
	margin:-0 auto
}

@media screen and (max-width:782px) {
#sec04 .kouza{
	background: #fffbd7;
	border-radius: 20px;
	padding: 10% 0
}
#sec04 .eiyougaku{
	width: 100%;
	margin: 5% auto
}
}



#sec05 h1 span{
	border-bottom: 10px solid #ffe578;
	padding-bottom:10px
}
#sec05 .column4{
	border:1px solid #43af83;
	background: #fffbd7;
	border-radius: 10px;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.3));
	text-align: center;
	padding: 5% 0
}	
#sec05 .column4 img{
	width: 50%
}
#sec05 .column4:nth-child(1) img{
	width: 72%
}
#sec05 .column4:nth-child(4) img{
	width: 32%
}
#sec05 .column4:nth-child(5) img{
	width: 60%
}
#sec05 .column4:nth-child(6) img{
	width: 30%
}
#sec05 .column4:nth-child(8) img{
	width: 55%
}
#sec05 .column4:nth-child(10) img{
	width: 55%
}
#sec05 .column4 p{
	line-height: 150% !important;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	width: 80%;
	margin: 5% auto 0
}	

@media screen and (max-width:782px) {

}


#sec06{
	background: #fffbd7
}
#sec06 h4 span{
	border-bottom: 1px solid #000;
	padding-bottom:10px
}

#sec06 .txt{
	width: 40%
}
#sec06 .img{
	width: 55%
}	
#sec06 ul li{
	background: url("img/icn_01.png");
	background-size: 20px;
	background-position: left;
	padding-left: 25px;
	background-repeat: no-repeat
}	


#sec07{
	background: url("img/bg_05.png");
	background-size: cover;
	background-position: center;
}
#sec07 .manabu{
	background: url("img/bg_06.png");
	background-size: cover;
	background-position: right;
	border-radius: 20px;
	padding: 5% 0;
}
#sec07 .manabu .box{
	width: 90%;
	margin:0 auto
}
#sec07 .manabu .column2{
	margin-bottom: 0
}
#sec07 .manabu .txt{
	width: 75%
}
#sec07 .manabu .img{
	width: 20%
}	

@media screen and (max-width:782px) {
#sec07 .manabu{
	padding: 5% 0;
}
#sec07 .manabu .box{
	width: 90%;
	margin:0 auto
}
#sec07 .manabu .txt{
	width: 100% !important;
	background: rgba(255,255,255,0.8);
	border-radius: 20px;
	padding: 5% 0

}
#sec07 .manabu .txt p{
	filter: drop-shadow(1px 1px 2px rgba(255,255,255,1.00));
	width: 90%;
	margin:  0 auto

}
}


#sec08{
	background: url("img/bg_07.png");
	background-size: cover;
	background-position: center;
}
#sec08 .column2:nth-child(1){
	width: 60%
}
#sec08 .column2:nth-child(2){
	width: 35%
}
#sec08 .kouza{
	background: #fff;
	border-radius: 20px;
	padding: 5% 0 2%;
}
#sec08 .kouza h3{
	margin-bottom: 0
}
#sec08 .kouza .box{
	width: 90%;
	margin:3% auto 0
}

@media screen and (max-width:782px) {
#sec08 .column2:nth-child(2){
	text-align: center; 
}	
#sec08 .column2:nth-child(2) img{
	width: 70%
}
#sec08 .kouza .box{
	margin:6% auto 0
}
#sec08 .kouza{
	padding: 10% 0 5%
}
}


#sec09{
	background: url("img/bg_08.png");
	background-size: cover;
	background-position: center top;
	margin-top: -5%
}

#sec09 .biginer{
	width: 40%;
	margin: 5% auto
}
#sec09 .txt{
	width: 69%
}
#sec09 .img{
	width: 28%
}
#sec09 .box{
	margin-top: 5%
}
#sec09 .column4{
	border:1px solid #43af83;
	background: #fffbd7;
	border-radius: 10px;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.3));
	text-align: center;
	padding: 5% 0
}	
#sec09 .column4 img{
	width: 50%
}
#sec09 .column4:nth-child(3) img{
	width: 20%
}
#sec09 .column4:nth-child(4) img{
	width: 32%
}
#sec09 .column4 p{
	line-height: 150% !important;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	width: 80%;
	margin: 5% auto 0
}	

@media screen and (max-width:782px) {
#sec09 .biginer{
	width: 80%;
	margin: 5% auto
}
}



#sec10{
	background: url("img/bg_02.png");
	background-size: cover;
	background-position: center;
}
#sec10 .column2:nth-child(1){
	width: 70%
}
#sec10 .column2:nth-child(2){
	width: 25%;
}
#sec10 .column2:nth-child(2) img{
	border-radius: 20px;
}
#sec10 .koushi{
	background: #fff;
	border-radius: 20px;
	padding: 5% 0 2%;
}
#sec10 .koushi h3 {
	border-bottom: 1px solid #099164;
	padding-bottom: 20px
}
#sec10 .koushi h3 span{
	font-size: 60%
}
#sec10 .koushi .box{
	width: 90%;
	margin:3% auto 0
}

@media screen and (max-width:782px) {
#sec10 .column2:nth-child(2){
	text-align: center; 
}	
#sec10 .column2:nth-child(2) img{
	width: 70%
}
#sec10 .koushi .box{
	margin:6% auto 0
}
#sec10 .koushi{
	padding: 10% 0 5%
}
}


#sec11 .kaisai td{
	border:1px solid #b3b3b3;
	text-align: center;
	padding: 20px 0
}
#sec11 .kaisai th{
	border:1px solid #b3b3b3;
	background: #099164;
	color: #fff
}
#sec11 .kaisai td:nth-child(2){
	font-size: 160%;
	line-height: 80%
}
#sec11 .kaisai td:nth-child(2) span{
	font-size: 60%;

}
#sec11 .keishiki th{
	padding:5px 0;
	background: #e6eadf;
	border-radius: 10px;
	width: 30%;
}
#sec11 .keishiki td{
	padding-left: 20px
}
#sec11 .keishiki .keishiki_ran{
	margin-bottom: 10px;
	border-bottom: 1px dotted #666666;
	padding-bottom: 10px
}
@media screen and (max-width:782px) {
#sec11 .right{
	font-size: 17px;
	line-height: 150%
}
}




#sec12{
	background: #ffe578 
}


#sec13{
	background: url("img/bg_02.png");
	background-size: cover;
	background-position: center;
}


#sec14{
	background: url("img/bg_09.png");
	background-size: 100%;
	background-position: center;
}
#sec14 .txt{
	width: 65%
}
#sec14 .img{
	width: 32%
}