@charset "utf-8";
html { background:#fff; }
body,div,dl,dt,dd,ul,ol,li,form,fieldset,input,textarea,p,table,th,td { margin:0; padding:0; }
header,footer,figure,figcaption { display:block; margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img,a img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:400; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { *font-size:100%; }
.sp,.sp_in,.sp_only { display:none;}
body	{	font-family:'Noto Sans JP','ＭＳ Ｐゴシック','MS PGothic',Osaka,Sans-Serif; font-size:14px; position:relative; width:100%; color:#000; font-weight:400; }

em	{	font-style:italic;}
strong	{	font-weight:700;}
.f_serif,.head1,.head2,.head3,.head4,.head5,.head6,.bt_blue,.voice .faqbox .answer:before { font-family:'Noto Serif JP',Serif; }
.f_sans { font-family:'Noto Sans JP',Sans-Serif; }

a:link			{	text-decoration:underline; color:#000;	}
a:visited		{	text-decoration:underline; color:#000;	}
a:hover,
a:active		{	text-decoration:underline; color:#000;	opacity: 0.7; }

img,a img {	border: 0; }
img.img100 { width:100%; height:auto; }

.w_all { width:100%; }
.w_100 { width:100%; }
.w_cont { width:1024px; }
.w_narrow { width:740px; }

.f_small1 { font-size:12px; }
.fc_blue { color:#5185c5!important; }

.al_c { text-align:center!important; }
.al_l { text-align:left!important; }
.al_r { text-align:right!important; }

.pd_lr_05em { padding-left:0.5em!important; padding-right:0.5em!important; }
.pd_left_05em { padding-left:0.5em!important; padding-right:0.5em!important; }
.pd_top_05em { padding-top:0.5em!important; }
.pd_top_1em { padding-top:1em!important; }
.mg_top_1em { margin-top:1em!important; }
.mg_left_1em { margin-left:1em!important; }

header	{ height:36vw; max-height:120px; background-position: center 0; background:url(../_images/title_bg.png) center top repeat-x;background-size:auto 100%; }
header > div	{	display:flex; align-items: stretch;justify-content: center; margin-top:1em; }
header #sitetitle { width:200px; height:65px;margin-left:1em; }
header #sitetitle span { display:block; width:100%; padding-top:65px; height:0; overflow:hidden; }
header #sitetitle .logo { background:url(../_images/title.png) center center no-repeat; background-size: 100% auto;}
header .head1 { font-size: 26px; padding-left: 30px; margin-top:0; padding-top: 0; line-height: 1.4; }

#footer {	width:100%; margin:10px auto 0; text-align:center; padding:5px; background-color:#5185c5; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#footer span	{	font-family:Verdana;}

#container	{	width:90%; margin:0 auto 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	padding:0 0 20px;}

#container #campaing	{	display:flex; align-content:center; align-items: center; width:100%; border-top:1px solid #5185c5; border-bottom:1px solid #5185c5; margin-bottom: 20px;}
#container #campaing p	{ font-size:16px; line-height:1.3; vertical-align:middle; color:#5185c5; padding:10px 0 10px 15px;}
#container #campaing p:first-child	{	width:160px; padding-left:0; flex-shrink:0; }
#container #campaing p:first-child img	{	width:100%; height:auto;}

#container #requiredDoc	{	padding:20px 10px; background-color:#fff6e9; border-radius:10px; margin-bottom: 20px;}
#container #requiredDoc p	{	font-size:18px; line-height:1.3; color:#1975b5; margin:0; font-weight:bold;}
#container #requiredDoc ol	{	margin-left:10px;}
#container #requiredDoc li	{	list-style:decimal; margin:5px 0 0 1.5em; font-size:18px;}

#container table	{	width:100%; background:#fff; margin-top:1em;margin-bottom:1.5em;}
#container table th,
#container table td		{	border:1px solid #efefef; padding:6px; text-align:left;}
#container table th		{	background:#fff6e9; white-space:nowrap;}
#container table td textarea	{	width:95%; height:200px;}
#container table td input		{	width:80%;}
#container table td input[type="checkbox"]	{width:auto;}
#container table td input[type="radio"]	{width:auto;}
#container table td label		{	display:inline-block;}
#container table td em			{	font-style:normal; font-weight:normal; margin-top:5px; line-height:1.2; display:inline-block;}

#container table#day td input	{	width:20%; margin-bottom:3px;}
#container table#day td span	{	display:inline-block;}

#sp_tell { display:none; }

.colRed { color: #e95383; }

.thanks_text { width:90%; font-size:16px; line-height:1.8; text-align:center; padding:30px 0; margin:30px auto; border-top:1px #1975b5 solid; border-bottom:1px #1975b5 solid; }
#closewin { text-align:center; padding:10px 0; }



@media screen and (max-width: 640px) { 
	#container #requiredDoc p		{	font-size:14px;}
	#container #requiredDoc li		{	font-size:14px;}
}

@media screen and (max-width: 520px) {
	header > p { font-size:3.1vw }
	header > div {  }
	header #sitetitle { width:38.5vw; max-width:200px; height:12.5vw; }
	header #sitetitle span { padding-top:12.5vw; }
	header .head1 { font-size: 4.5vw; padding-left: 5.8vw; }
	#container	{	margin-top:10px; }
	#container #campaing	{	display:block; text-align:center; }
	#container #campaing p	{ margin-left:auto; margin-right:auto; padding:10px 0 10px 0; text-align:left; font-size: 16px; }
	#container #campaing p:first-child	{	width:100%; max-width:160px; }
	#container #campaing p:first-child img	{	width:100%; height:auto;}
		#container table th,
	#container table td		{	display:block; border-top:none; text-align:left;}
	#container table tr:first-child th {	border-top:1px solid #efefef; }
	#sp_tell { display:block; margin:20px auto 0; text-align:center; }
	#sp_tell a { display:flex; justify-content: center; align-content:center; align-items:center; color:#004098; text-decoration:none; }
	#sp_tell a p:nth-of-type(1) { width:40px; height:40px; background:#004098 url(../_images/i_tell.png) center center no-repeat; background-size:auto 80%; margin-right: 10px; border-radius:5px;}

	}
@media screen and (max-width: 319px) {
	header > div	{	display:block; text-align:center;margin-top:0; }
	header #sitetitle { width:123px; height:40px; margin:0 auto; }
	header #sitetitle span { padding-top:40px; }
	header .head1 { font-size: 5.1vw; padding-left: 0; padding-top:0.5em; }
	header .head1 br { display:none; }
	
}



