@charset "utf-8";

/*=====================================================
COMMON-LAYOUT
======================================================*/

div.contents_wrap{
	background:none;
	padding:0;
}
 
.main_wrap{
	padding:140px 20px 20px;
	color:#00A659;
	position: relative;
	background:#eea99e url("../images/column/main_deco.png") center center no-repeat;
	background-size:60%;
	overflow:hidden;
}

.main_in{
	text-align: center;
	position: relative;
	margin-left:7%;
}

.main_wrap .main_deco{
	position: absolute;
	left:0;
	right:0;
	top:15%;
	width:82.68%;
	display: flex;
	justify-content: center;
	align-items:center;
	margin:auto;
	pointer-events: none;
}





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

	.main_wrap{
		padding:90px 20px 10px;
	}
	
}



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

	.main_wrap{
		padding:70px 20px 20px;
		background-size:100%;
	}
	
	.main_wrap .main_deco{
		width:96%;
	}
	
	.main_in{
		margin-left:0;
	}
	


}

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

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
























/*	コンテンツ	*/


div.container {
    max-width: 100%;
    position: relative;
    padding: 30px 20px 90px;
	/*overflow: hidden;*/
}

div.container:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/common/beige_bg.jpg) bottom center repeat;
}

.deco{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	pointer-events: none;
}

.deco > p{
	position: absolute;
	pointer-events: all;
	z-index:-1;
}

/*	雲	*/	
.deco .d1{
	left:0;
	top:2%;
	width:100%;
}


.deco .d2{
	right:0;
	top:24%;
	width:8.19%;
}

.deco .d3{
	left:0;
	bottom:20%;
	width:97%;
}


.deco .d4{
	left:0;
	bottom:-2%;
	width:100%;
}

/*	旗3点	*/


/*	ダイヤ4点	*/

.deco .s1{
	left:0;
	right:0;
	top:8%;
	width:80.61%;
	margin:auto;
}

.deco .s2{
	left:0;
	right:0;
	top:38%;
	width:86.21%;
	margin:auto;
}

.deco .s3{
	left:3%;
	right:0;
	bottom:19%;
	width:84.49%;
	margin:auto;
}

.deco .s4{
	left:0;
	right:0;
	bottom:5%;
	width:75%;
	margin:auto;
}


/*	雲	*/



.y_box{
	max-width:700px;
	position: relative;
	margin:0 auto 70px;
	box-sizing:border-box;
	background:rgba(255,245,110,0.6);
	padding:55px 20px;
	border-radius:10px;
	text-align: center;
}

.y_box .num{
	position: absolute;
	left:0;
	top:0;
	width:15.58%;
}


.end_txt{
	max-width:668px;
	margin:0 auto 100px;
	padding:70px 0 100px;
	box-sizing:border-box;
	position: relative;
}

.end_txt .copy{
	font-size:30px;
	text-align: center;
	line-height: 1.6;
}

.end_txt .line2{
	position: absolute;
	left:0;
	right:0;
	height:11px;
	width:100%;
}

.end_txt .line2.over{
	top:0;
}

.end_txt .line2.under{
	bottom:0;
}

.end_txt .line2:before{
	content:"";
	position: absolute;
	left:0;
	right:0;
	top:0;
	background:#eea99e;
	height:1px;
}

.end_txt .line2:after{
	content:"";
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	background:#eea99e;
	height:1px;
}


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

	div.container{
		padding:30px 20px 60px;
	}
	
	
	.title{
		font-size:38px;
	}

	.read.first{
		margin-bottom:60px;
	}
	
	.w_box{
		padding:40px 20px 20px;
		margin:0 auto 60px;
	}
	
	.end_txt{
		padding:40px 0 60px;
	}
	
	.end_txt .copy{
		font-size:26px;
	}
	
	
}




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

	
	.title{
		font-size:30px;
	}

	
	.y_box{
		padding:50px 20px 30px;
		margin:0 auto 50px;
	}
	
	
	
	.y_box .num{
		width:20%;
	}
	
	.end_txt{
		padding:40px 0;
	}
	
	.end_txt .copy{
		font-size:18px;
	}
	
	

	.deco .s1,
	.deco .s2,
	.deco .s3,
	.deco .s4{
		width:94%;
	}
	
	
	
}

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

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