
/***********************
	全体
	********************/


.KurumipanMain{
		width: 100%;
		margin: 0 auto;
		background-color: #fff095;
		padding-bottom: 0px;
		font-family: "Zen Maru Gothic", serif;
}

.KurumipanMv h1{
		margin-top: 0;
	}
	
/***********************
	pc
	********************/
@media screen and (min-width: 769px) {
	
	.KurumipanMain img{
	display: block;
	width: 100%;
}
	
	.KurumipanMain .pc_view{
		display: block;
	}
	
	.KurumipanMain .sp_view{
		display: none;
	}
	
	.KurumipanMain{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0px;
		position: relative;
}

	.KurumipanMain::before{
		content: "";
		width: 100%;
		height: 0px;
		padding-bottom: 60%;
		background: url(../img/top_curtain.png) no-repeat center top;
		background-size: cover;
		position: absolute;
		top: 0px;
	}
	
	.bg_w{
		width: 100%;
		background-color: #fff;
		padding-bottom: 50px;
	}

	.KurumipanMv{
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
		padding: 25px 0;
		text-align: center;
		color: #7c5027;
	}
	
	.KurumipanMv h1{
		max-width: 680px;
		width: 70%;
		margin: 50px auto 5px;
	}
	
	.KurumipanMv .kurumipan1{
		max-width: 359px;
		width: 36%;
		position: absolute;
		top: 20px;
		left: -60px;
	}
	
	.KurumipanMv .kurumipan2{
		max-width: 337px;
		position: absolute;
		width: 30%;
		top: 20px;
		right: -60px;
	}
	
	.KurumipanMv .kurumipan3{
		max-width: 190px;
		position: absolute;
		width: 20%;
		bottom: 0;
		left: 0;
	}
	
	.KurumipanMv .mv_txt{
		max-width: 583px;
		margin: 0 auto 30px;
	}
	
	.KurumipanMv .mv_txt p{
		font-size: 1.1em;
		font-weight: 500;
		line-height: 2.3;
	}
	
	
	
	
	
	
	.KurumipanMain{
		
	}
	
	.KurumipanFlow_block{
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 50px;
		position: relative;
	}
	
	.oubo_block .kurumipan_inner{
		position: relative;
		max-width: 1280px;
		width: 100%;
		margin: 0 auto;
	}
	
	/*.oubo_block::after{
		content: "";
		display: block;
		width: 100%;
		height: 65px;
		background: url(../img/bg_maru.png);
		position: absolute;
		bottom: -65px;
		left: 0;
		z-index: 10;
	}*/
	
	.oubo_block .kurumipan_inner .kurumipan4{
		width: 239px;
		position: absolute;
		bottom: -150px;
		right: 0px;
		z-index: 11;
	}
	
	.oubo_block .kurumipan_inner .vote_btn{
		max-width: 647px;
		margin: 60px auto 0;
	}
	
	.ofyear_block{
		position: relative;
		z-index: 1;
	}
	
	.ofyear_block::before{
		content: "";
		width: 100%;
		height: 0px;
		padding-bottom: 60%;
		background: url(../img/curtain.png) no-repeat center top;
		background-size: cover;
		position: absolute;
		top: -120px;
		z-index: -1
	}
	
	.KurumipanFlow_subTitle{
		max-width: 807px;
		display: block;
		margin: 40px auto 20px;
	}
	
	.oubo_block .KurumipanFlow_subTitle{
		position: relative;
		top: -60px;
		margin-bottom: -30px;
	}
	
	.KurumipanFlow_lead{
		margin-bottom: 40px;
	}
	
	.KurumipanFlow_txtArea{
		max-width: 774px;
		margin: 0 auto;
	}
	
	.KurumipanFlow_txt{
		max-width: 774px;
		margin: 0 auto 20px;
	}
	
	.KurumipanFlow_btn{
		max-width: 632px;
		margin: 30px auto 30px;
	}
	
	.KurumipanFlow_present{
		max-width: 905px;
		width: 90%;
		margin: 30px auto;
		position: relative;
	}
	
	.KurumipanFlow_present .KurumipanFlow_btn{
		margin-top: -280px;
	}
	
	.KurumipanFlow_ofyear{
		max-width: 1146px;
		width: 100%;
		margin: 120px auto 0px;
		position: relative;
		z-index: 10;
	}
	
	.KurumipanFlow_qatxt{
		max-width: 1002px;
		margin: -180px auto 50px;
	}
	
	.Kurumipancontact_block{
		width: 100%;
		margin: 0 auto;
		background-color: #873d24;
	}
	
	.Kurumipancontact_block .kurumipan_inner{
		width: 800px;
		margin: 0 auto;
		padding: 30px 0;
	}
	
	

	.kiyakuArea{
		width: 800px;
		margin: 50px auto;
		color: #6D2D16;
	} 
	
	.kiyakuArea dl{
		margin: 20px auto;
	}
	
	.kiyakuArea dl dt{
		font-size: 1em;
		font-weight: bold;
		padding-left: 5px;
		border-left: solid 3px #75432c;
		margin-bottom: 20px;
		letter-spacing: 0.1em;
	}
	
	.kiyakuArea dl dd{
		font-size: 0.8em;
		line-height: 1.75;
		margin-bottom: 50px;
	}
	
	.kiyakuArea dl dd .txt{
		margin-bottom: 15px;
		line-height: 2;
		font-weight: 600;
	}
	
	.kiyakuArea dl dd ul li{
		padding-left:1em;
	text-indent:-1em;
	margin-bottom: 5px;
	}
	
	
	.kiyakuArea dl dd .icon{
		display: inline-block;
		width: 24px;
		margin-right: 5px;
		vertical-align: middle;
	}
	
	.kiyakuArea dl dd .icon img{
		width: 100%;
	}
	
	.kiyakuArea dl dd .mail{
		display: inline-block;
		vertical-align: middle;
	}
	
	.kiyakuArea dl dd .mail a{
		color: #75432c;
	}
	
	.ft_line{
		display: none !important;
	}
	
}


/***********************
	sp
	********************/
@media screen and (max-width: 768px) {
	
	.KurumipanMain img{
	display: block;
	width: 100%;
}
	
	.KurumipanMain .pc_view{
		display: none;
	}
	
	.KurumipanMain .sp_view{
		display: block;
	}
	
	
	
	
	
	.KurumipanMain{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0px;
		position: relative;
}

	
	.bg_w{
		width: 100%;
		background-color: #fff;
		padding-bottom: 50px;
	}

	.KurumipanMv{
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding: 0px 0 20px;
		overflow: hidden;
		text-align: center;
		color: #7c5027;
		
	}
	
	.KurumipanMv h1{
		width: 100%;
		margin: 0px auto;
	}
	
	.KurumipanMv .mv_txt{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	.KurumipanMv .mv_txt p{
		font-size: 3vw;
		font-weight: 500;
		line-height: 2.3;
	}
	
	.KurumipanMv .kurumipan1{
		display: none;
	}
	
	.KurumipanMv .kurumipan2{
		display: none;
	}
	
	.KurumipanMv .kurumipan3{
		display: none;
	}
	
	
	.KurumipanMain{
		
	}
	
	.KurumipanFlow_block{
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	
	
	
	
	.KurumipanFlow_subTitle{
		width: 90%;
		display: block;
		margin: 10px auto 0px;
	}
	
	.oubo_block{
		position: relative;
	}
	
	.oubo_block .KurumipanFlow_subTitle{
		position: relative;
		top: -50px;
		margin-bottom: -50px;
	}
	
	.oubo_block .kurumipan_inner .vote_btn{
		width: 90%;
		margin: 40px auto;
	}
	
	/*.oubo_block::after{
		content: "";
		display: block;
		width: 100%;
		height: 38px;
		background: url(../img/bg_maru.png) repeat-x;
		background-size: 50%;
		position: absolute;
		bottom: -38px;
		left: 0;
		z-index: 10;
	}*/
	
	.ofyear_block{
		position: relative;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	
	
	.KurumipanFlow_subTitle::before, .KurumipanFlow_subTitle::after{
		height: 20px;
	}
	
	.KurumipanFlow_lead{
		margin-bottom: 40px;
	}
	
	.KurumipanFlow_txtArea{
		width: 90%;
		margin: 0 auto;
	}
	
	.KurumipanFlow_txt{
		width: 90%;
		margin: 0 auto 20px;
	}
	
	.KurumipanFlow_qatxt{
		padding-bottom: 0px;
		margin: 30px auto;
	}
	
	.KurumipanFlow_btn{
		width: 90%;
		margin: 30px auto 30px;
	}
	
	.KurumipanFlow_present{
		width: 90%;
		margin: 0 auto 30px;
		position: relative;
	}
	
	.KurumipanFlow_ofyear{
		width: 80%;
		margin: 40px auto 40px;
	}
	
	.KurumipanFlow_qatxt{
		width: 90%;
		margin: 0px auto;
	}
	
	.Kurumipancontact_block{
		width: 100%;
		margin: 0 auto;
		background-color: #873d24;
	}
	
	.Kurumipancontact_block .kurumipan_inner{
		width: 90%;
		margin: 0 auto;
		padding: 30px 0;
	}
	
	.kiyakuArea{
		width: 90%;
		margin: 50px auto;
		color: #6D2D16;
	} 

	
	.kiyakuArea dl{
		width: 100%;
		margin: 20px auto;
	}
	
	.kiyakuArea dl dt{
		font-size: 1em;
		font-weight: bold;
		padding-left: 5px;
		border-left: solid 3px #75432c;
		margin-bottom: 20px;
	}
	
	.kiyakuArea dl dd{
		font-size: 0.8em;
		line-height: 1.75;
	}
	
	.kiyakuArea dl dd ul li{
		padding-left:1em;
	text-indent:-1em;
	}
	
	.ft_line{
		width: 100%;
		display: none;
		position: fixed;
		bottom: 0;
		z-index: 1000;
	}
	
	.ft_line img{
		width: 100%;
		display: block;
	}
	
	
}
	





