@charset "UTF-8";


/******************************************************

 body
 
******************************************************/


.img_auto{
	width:100%;
	height:auto;
}

.con_pan_botm{
	margin-bottom:50px;
}


@media screen and (max-width: 500px){
.con_pan_botm{
	margin-bottom:30px;
}
}

/******************************************************

 section
 
******************************************************/

.section{
	width:100%;
	position:relative;
	overflow:hidden;
}

.section_bg{
	position:absolute;
	z-index:0;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.section_contents{
	position:relative;
	z-index:10;
	margin:auto;
	max-width:1100px;
	width:90%;
}

.midashi_txt img{
	margin-bottom:15px;
}

.section .sebtn{
	overflow:hidden;
	margin:auto;
	width:100%;
}
.sebtn p{
	margin-bottom:15px;
	text-align:center;
}
.sebtn img{
	width:100%;
	height:auto;
}


.cpd_title img{
	width:90%;
	height:auto;
	max-width:380px;
}

@media screen and (max-width: 600px){
.midashi_txt img{
	height:18px;
	width:auto;
}
}


@media screen and (max-width: 500px){
.section_bg{
	position:relative;
	height:170px;
}
.section_contents{
	position:relative;
	z-index:0;
}
}


/******************************************************

 section01
 
******************************************************/

.se01{
	background:#355a89;
}

.sebody01{
	text-align:center;
	padding:220px 0px 60px 0px;
}
.sebody01 p{
	color:#fff;
	font-size:120%;
}
.se01_title img{
	max-width:841px;
}
.se01_midashi{
	margin-top:80px;
}

@media screen and (max-width: 600px){
.sebody01{
	padding:120px 0px 60px 0px;
}
.sebody01 p{
	font-size:100%;
}
.se01_midashi{
	margin-top:40px;
}
}

@media screen and (max-width: 500px){
.sebody01{
	text-align:center;
	padding:30px 0px 30px 0px;
}
.se01_midashi{
	margin-top:30px;
}
}


/******************************************************

 section02
 
******************************************************/

.se02{
	background:#fff;
}
.sebody02{
	text-align:left;
	padding:90px 0px;
	width:70%;
}
.se02_midashi{
	margin-bottom:60px;
}
.sebody02 p{
	font-size:110%;
}


@media screen and (max-width: 600px){
.sebody02{
	padding:60px 0px;
}
.se02_midashi{
	margin-bottom:40px;
}
.sebody02 p{
	font-size:100%;
}
}


@media screen and (max-width: 500px){
.sebg02{
	width:150%;
	margin-left:-50%;
}
.sebody02{
	padding:30px 0px;
	text-align:center;
	width:100%;
}
.se02_midashi{
	margin-bottom:10px;
}
}



/******************************************************

 section03
 
******************************************************/

.se03{
	background:#fff;
}
.sebody03{
	text-align:center;
	padding:70px 0px;
}
.se03_midashi{
	margin-bottom:20px;
}
.sebody03 p{
	font-size:110%;
}

.se03_img01 img{
	max-width:900px;
	margin-top:50px;
}

.section .sebtn.sebtn03{
	max-width:680px;
	margin-top:50px;
	width:90%;
}
.sebtn.sebtn03 p{
	margin-left:1.470588235%;
	margin-right:1.470588235%;
	width:47.058823529%;
}
.sebtn.sebtn03 p.btn01{
	float:left;
}
.sebtn.sebtn03 p.btn02{
	float:right;
}
.sebtn.sebtn03 p img{
	max-width:320px;
}


@media screen and (max-width: 600px){
.sebody03{
	padding:60px 0px;
}
.se03_midashi{
	margin-bottom:10px;
}
.sebody03 p{
	font-size:100%;
}
}


@media screen and (max-width: 500px){
.se03{
	border-top:1px solid #ddd;
}
.sebody03{
	padding:30px 0px;
}
.se03_img01 img{
	margin-top:30px;
}
.section .sebtn.sebtn03{
	margin-top:30px;
}
.sebtn.sebtn03 p{
	margin-left:0%;
	margin-right:0%;
	width:100%;
}
}






/******************************************************

 section04
 
******************************************************/

.se04{
	background:#e6eff6;
}
.sebody04{
	text-align:center;
	padding:70px 0px;
	width:60%;
	max-width:380px;
	float:right;
}
.sebody04 p{
	font-size:100%;
	margin-top:15px;
}
.section .sebtn.sebtn04{
	margin-top:30px;
	width:100%;
}
.sebtn.sebtn04 img{
	max-width:360px;
}

@media screen and (max-width: 600px){
.sebody04{
	padding:50px 0px;
}
.sebody04 p{
	font-size:90%;
}
}

@media screen and (max-width: 500px){
.sebg04{
	width:150%;
	margin-right:-50%;
}
.sebody04{
	padding:30px 0px;
	text-align:center;
	width:100%;
	max-width: none;
}
.section .sebtn.sebtn04{
	margin-top:10px;
	width:90%;
}
}


/******************************************************

 section05
 
******************************************************/

.se05{
	background:#fff;
}
.sebody05{
	text-align:center;
	padding:70px 0px;
	width:60%;
	max-width:380px;
	float:left;
}
.sebody05 p{
	font-size:100%;
	margin-top:15px;
}
.section .sebtn.sebtn05{
	margin-top:20px;
	width:100%;
}
.sebtn.sebtn05 img{
	max-width:360px;
}

@media screen and (max-width: 600px){
.sebody05{
	padding:50px 0px;
}
.sebody05 p{
	font-size:90%;
}
}

@media screen and (max-width: 500px){
.sebg05{
	width:150%;
	margin-left:-50%;
}
.sebody05{
	padding:30px 0px;
	text-align:center;
	width:100%;
	max-width: none;
}
.section .sebtn.sebtn05{
	margin-top:10px;
	width:90%;
}
}


/******************************************************

 section06
 
******************************************************/

.se06{
	background:#f6f4ee;
}
.sebody06{
	text-align:center;
	padding:70px 0px;
	width:60%;
	max-width:380px;
	float:right;
}
.sebody06 p{
	font-size:100%;
	margin-top:15px;
}
.section .sebtn.sebtn06{
	margin-top:30px;
	width:100%;
}
.sebtn.sebtn06 img{
	max-width:360px;
}

@media screen and (max-width: 600px){
.sebody06{
	padding:50px 0px;
}
.sebody06 p{
	font-size:90%;
}
}

@media screen and (max-width: 500px){
.sebg06{
	width:150%;
	margin-right:-50%;
}
.sebody06{
	padding:30px 0px;
	text-align:center;
	width:100%;
	max-width: none;
}
.section .sebtn.sebtn06{
	margin-top:10px;
	width:90%;
}
}





/******************************************************

 clear fix
 
******************************************************/

.conacc:after {
  display : block;
  clear : both;
  content : '';
}

.conacc{
	padding-top:0px;
} { zoom : 1; }