﻿@charset "utf-8";




.contents_box{
	position	: relative;
	z-index		: 2;
	height		:auto;
	padding		: 40px 0;
	background-color: #fff;
	background-attachment: fixed;
}


.priv_txt_bg{
	width		: 100%;
	padding		: 20px 0 20px;
	margin		: 0 auto 50px;
	text-align	: center;
	font-size	: 15px;
	font-weight	: normal;
	background-color: rgba(156,192,89,0.3);
}

.priv_txt_bg p{
	width		: 80%;
	margin		: 0 auto ;
}


.program_bg{
	width		: 1100px;
	height		: auto;
	margin		: 0 auto 50px;
	padding		: 0 0 50px;
}


.text1{
	text-align	: right;
}


.pro_box{
	width		: 80%;
	height		: auto;
	margin		: 80px auto;
}


.pro_tit{
	width		: 100%;
	height		: auto;
	border-bottom	: solid 10px #e1eccd;
	font-size	: 24px;
	line-height	: 34px;
	color		: #333;
}


.pro_tit span{
	color		: #9cc059;
}


.chike_btn{
	width		: 300px;
	height		: 80px;
	margin		: 20px auto 0;
}


.chike_btn img{
	width		: 300px;
	height		: 80px;
}





@media screen and (min-width:320px) and ( max-width:639px) {
/*　画面サイズが320pxから639pxまではここを読み込む　*/
.mainimg01{
	position	: relative;
	z-index		: 1;
	height		:100%;
	background-image: url("../program/img/main_img.jpg");
	background-position: center;
	background-size	:1430px 500px;
	background-repeat: no-repeat;
}


.program_bg{
	width		: 100%;
	height		: auto;
	margin		: 0 auto 40px;
	position	: relative;
}



.none{
	display		:none;
}


}

@media screen and (min-width: 639px) {
/* 960pxからの幅の場合に適応される */
.br_none{
	display		: none;
}



.mainimg01{
	position: relative;
	z-index		: 1;
	height		:700px;
	background-image: url("../program/img/main_img.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size	: cover;
	background-repeat: no-repeat;
}

}
