@charset "utf-8";
/* CSS Document */
.mainArea {margin-bottom:50px;}
.center {text-align: center;}
#autumn20_gaiyo a{ text-decoration: underline;}
#autumn20 .before{ background: #FCE4E4 0% 0% no-repeat padding-box;padding: 20px; border-radius:30px;}
#autumn20 .before h3 {	position: relative;	display: inline-block;padding: 0 55px;font-weight: bold; }
#autumn20 .before h3:before, h3:after {	content: '';position: absolute;	top: 50%;display: inline-block;	width: 45px;height: 2px;border-top: solid 1px #222222;	border-bottom: solid 1px #222222; }
#autumn20 .before h3:before {left:0; }
#autumn20 .before h3:after {right: 0; }
#autumn20 .before p{ font: normal normal normal 14px/24px LINE Seed JP_OTF 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', 	sans-serif;letter-spacing: 0px;color: #222222;opacity: 1;margin-top: 5%;;font-weight: bold;}
#autumn20 .before a{ color: #222; text-decoration: underline;}
/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media only screen and (max-width: 768px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
img {
max-width: 100%;
}
#autumn20 {
width: 100%;
}
#autumn20_gaiyo {
margin: 40px 0;
}
#autumn20_gaiyo h2 {
	background-color: #f4f4f4;
	font-size: 16px;
	color: #222;
	padding: 5px 8px;
	width: 100%;
}
#autumn20_gaiyo h2 span{
	font-size: 12px;
    margin-left: 20px;
}
#autumn20_gaiyo h4 {
font-size: 14px;
font-weight: bold;
padding: 8px 8px 0;
}
#autumn20_gaiyo p {
	font-size: 12px;
	padding: 0 8px;
	}
	.btn {width: 80%; margin: 0 auto 50px;}
#autumn20_gaiyo section ul li:before {
font-size: 13px !important;
content: '※' !important;
margin-left: -10px;
}
.cp_end{
text-align:center; 
margin:0px; padding:10px; 
background-color:#000;
}
.cp_end h3{
font-size:18px; 
color:#FFF; 
line-height:1.3;
}
#autumn20 .before{ margin: 5% 9.5% 13%;	border-radius: 20px;padding: 5% 2%;}
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media only screen and (min-width: 768px) {
.pc {
display: block !important;
}
.sp {
display: none !important;
}
#autumn20 {
width: 1024px;
margin: 0 auto;
}
#autumn20 .center {margin: 0 auto 50px;}
#autumn20 .before{ margin: 0 auto 50px;width: 640px; font-size: 1.1em;}
#autumn20 .before p{ font-size: 15px;margin-top: 10px;}
#autumn20_gaiyo {
width: 1024px;
margin: 50px auto;
}
#autumn20_gaiyo h2 {
	background-color: #f4f4f4;
	font-size: 24px;
	color: #222;
	padding: 5px 162px;
}
#autumn20_gaiyo h2 span{
	font-size: 14px;
    margin-left: 20px;
}
#autumn20_gaiyo h3 {
font-size: 16px;
line-height: 1.6em;
float: left;
margin: 0px 0px 0px 10px;
}
#autumn20_gaiyo h4 {
clear: both;
font-size: 16px;
font-weight: bold;
margin: 20px auto 5px;
width: 700px;
}
#autumn20_gaiyo p {
width: 700px;
margin: 0 auto;
}
.cp_end{
text-align:center; 
margin:0px; padding:20px; 
background-color:#000;
}
.cp_end h3{
font-size:24px; 
color:#FFF; 
line-height:1.3;
}
.br-pc { display:none;
}
}



/*　ありがとうボタン　*/
.button03_cp {
display: block;
background: #C90027;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .3s;
pointer-events: none;
}
.button03_cp span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.button03_cp {
width: 400px; }
}
@media only screen and (max-width: 768px) {
.button03_cp {
width: 100%; }
}