@charset "UTF-8";

/*-------------------------
__result_style
-------------------------*/
.page_title_box {
background: url(../images/overlay02.png) repeat center 0;
height: 400px;
position: relative;
}
.page_title_box:before {
content: "";
display: block;
background: url(images/title_bg.png) no-repeat center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.page_title_box .page_title_inner {
width: 100%;
margin-top: -20px;
position: absolute;
top: 50%;
}
.page_title_box .page_title {
font-size: 4.8em;
line-height: 1.4;
font-weight: 700;
color: #fff;
letter-spacing: 0.16em;
opacity:1;
}
.page_title_box .page_title_txt {
font-size: 1.8em;
color: #c0c6e2;
letter-spacing: 0.08em;
padding: 8px 0 0;
opacity:1;
}
.block {
width: 100%;
margin: 0px auto;
background-size:100% 100%;
}
.block .txt_l {
color: #364b77;
font-size: 1.7em;
font-weight: 700;
line-height: 2;
padding: 20px 0 0;
}
.block .img_box {
text-align: center;
position:relative;
}
.block .img_box .cam_top_sp {
	display:none;
}
.block .img_box img {
height: auto;
max-width: 100%;
}
.gw-campaign .main_visual{
	background-image: url(images/main_bg.jpg);
	background-position: center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
	width: 100%;
}
.gw-campaign .main_visual img{
	display: block;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
.gw-campaign .block{
	background:#ebe2ab;
}
.gw-campaign .aikotoba{
	color:#333;
	margin: 0 auto;
	padding:2% 0;
	width: 95%;
}
.gw-campaign .aikotoba p{
	width: fit-content;
    margin: 0 auto;
    background: rgba(255,255,255,0.8);
    padding: 2% 2%;
}
.question{
	font-size:24px
}
.question span{
	display: inline-block;
	width: 30px;
}
.question span img{
	width: 100%;
}
.fs{
	font-size:80px;
	font-weight:bold;
	line-height:1.5em;
}
.fs20{
	font-size:20px;
	line-height: 1.5em;
}
.gw-campaign .oubo{
	padding: 3% 0;
}
.gw-campaign .oubo p{
	font-size:20px;
	line-height: 1.5em;
	margin:0 auto 10px;
}
span.aks {display: inline-block;}
@media screen and (min-width: 1020px) {
.question br,.fs20 br,.gw-campaign .oubo p br{
	display: none;
}
}
@media screen and (max-width: 1020px) {
.block {
width: auto;
margin: 0 auto;
}
.block  ul li {
width: 25%;
}
.block  ul li img {
width: 100%;
height: auto;
}
.block .img_box p{
font-size: 2.5vw;
}
.gw-campaign .main_visual img{
	display: block;
	margin: 0 auto;
	width: 95%;
}
.fs20{
	text-align: left!important;
    display: inline-block;
    margin: 0 0 10px;
}
.gw-campaign .oubo p{
	font-size:16px;
	line-height: 1.5em;
	text-align: left;
	margin:0 auto 10px;
	width: 95%;
}
}
@media screen and (max-width: 767px) {
.pc-disp{
	display: none;
}
.block {
padding: 0px 0;
margin: 0 ;
}
.block .img_box .cam_top {
	display:none;
}
.block .img_box .cam_top_sp {
	display:block;
}
.block .img_box p{
font-size: 3.5vw;
}
.page_title_box {
background-size: 4px 4px;
height: 240px;
}
.page_title_box .page_title {
font-size: 2.4em;
}
.page_title_box .page_title_txt {
font-size: 1.5em;
}
.gw-campaign .aikotoba{
	font-size: 28px;
	padding:50px 0;
}
.fs{
	display: block;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	margin: 5% 0 0;
}
.fs20{
	font-size:16px;
}
.gw-campaign .oubo{
	padding: 0 0 70px;
}
}
.thanks{
	padding:3% 0 0;
}
.thanks p.messe{
	font-size:2.5em;
	margin:0 auto 2%;
}
.thanks p.messe br{
	display:none;
}
.thanks a.answer{
	background: rgb(126, 12, 12);
    border-radius: 10px;
    color: #fff;
    display: block;
    margin: 0 auto 2%;
    padding: 1% 0;
    text-decoration: none;
    font-size: 2.0em;
    max-width: 320px;
	width:90%;
}
@media screen and (max-width: 767px) {
	.thanks{
		padding:10% 0 0;
	}
	.thanks p.messe{
		margin:0 auto 7%;
	}
	.thanks p.messe br{
		display:block;
	}
	.thanks a.answer{
		padding: 4% 0;
	}
}