@charset "utf-8";


/* common
---------------------------------------------------------------- */
#contentsArea .innerWrap2 { background:#BFB3A8;}
#main { border-bottom:1px solid #fff; padding-bottom:30px; margin-bottom:30px;}
#main_sp { display:none;}
#voiceList ul:last-child { margin: 30px 0 0;}
#voiceList li { display:inline-block; margin:0 1% 20px;}
#voiceList li img { max-width: 100%; width: 100%;}
#main p.caption { text-align:center; color:#fff;}
figcaption { color:#fff;}

.twoCol { overflow:hidden; max-width:880px; margin:0 auto;}
.twoCol .imgCol { width:315px;}
.twoCol .txtCol { width:520px;}

#sec01,#sec02,#sec03 { text-align:left; overflow:hidden; border-bottom:1px solid #fff; margin-bottom:30px;}
#sec02 { padding-bottom: 30px;}
#sec01 figcaption,
#sec02 figcaption { margin: 0 5px 5px; vertical-align: top; line-height: 1em;}

#sec01 .twoCol .imgCol { float:left;}
#sec01 .twoCol .txtCol { float:right;}
#sec02 .twoCol .imgCol { float:left;}
#sec02 .twoCol .txtCol { float:right;}

.txtCol strong { /*color:#842611;*/}

#contentsArea h3 { margin-bottom:15px;}


#backToIndexBtn a { border:2px solid #bfb3a8; padding:20px; font-size:1.6em; font-weight:bold; color:#3e3e3e; display:block; margin:30px auto; max-width:300px; background:#fff;}

.page01 #main h2 { max-width: 780px; margin: 0 auto;}
.page02 #main h2 { max-width: 715px; margin: 0 auto;}
.page01 #main h2 div,
.page02 #main h2 div { float: left;}
.page01 #main h2 div p,
.page02 #main h2 div p { text-align: right;}

.page01 #main img,
.page02 #main img { margin:0 10px;}





/*mediaQuery
---------------------------------------------------------------- */
@media only screen and (max-width: 1350px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1100px) {	
}
@media only screen and (max-width: 1000px) {
	#contentsArea p { text-align:left;}
	#sec01 figcaption,
	#sec02 figcaption { text-align:center; margin-bottom:20px;}
	figcaption { text-align:center; margin-bottom:20px;}
	#sec02 { padding-bottom: 0px;}
	.twoCol .imgCol { width:100%; text-align:center;}
	.twoCol .txtCol { width:100%; text-align:center;}
}
@media only screen and (max-width: 908px) {
	.page01 #main h2 div,
	.page02 #main h2 div { float: none;}
	.page01 #main h2 div p,
	.page02 #main h2 div p { text-align: center;}
}
@media only screen and (max-width: 767px) {
	#main { display:none;}
	#main_sp { display:block; color:#fff; display:block; padding-bottom:20px;}
	#main_sp h4 { font-size:1.5em; letter-spacing:0.01em; font-weight:normal; margin:0 0 30px; line-height:1.5; }
	#main_sp h4 strong { display:block; font-size:1.1em; letter-spacing:0.01em; margin-top:20px; }
	#main_sp span.newIcon { position:absolute; top:0; left:0; background:#ee7700; padding:5px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0;} 
	
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
	#contentsArea #ttl img:first-child { width:190px;}
}