@charset "Shift_JIS";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup, tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header, hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img {
display: block;
}
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


@media screen and (max-width: 750px){
	.pc{display:none!important;}
	.w100{width:100%;}
}

@media screen and (min-width: 751px){
	.sp{display:none!important;}
}

@media print{
  .sp{display:none!important;}
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

@media screen and (min-width: 751px){
	.hover
	{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	}

	.hover:hover
	{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	}
}


/*
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

*{ max-height: 999999px; }

html{
	
}

body{
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-family:font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-weight:500;  color:#333; 
	}
	
table {
	font-size: inherit; 
}

img.center{
	margin:0 auto;
	}
	
a.a_center{
	width:550px;
	height:auto;
	display:block;
	margin:0 auto;
	}
	
@media screen and (max-width: 750px){
	a.a_center{
	width:auto;
	height:auto;
	display:inline;
	margin:0;
	}
	
	img.centerSP{
	margin:0 auto;
	}
}
	
	
header{
	width:980px;
	margin:0 auto 30px;
	padding:0;
	}
	
	
h1{
	background:url(../img/h1.png) no-repeat;
	width:980px;
	height:56px;
	padding-left:55px;
	margin:0 auto 16px;
	font-size:14px;
	box-sizing:border-box;
	}

h1 .title{
	color:#00469B;
	font-weight:bold;
	font-size:140%;
	text-align:left;
	line-height:56px;
	float:left;
	}
	
h2{
	width:980px;
	line-height:150%;
	color:#00469B;
	font-size:140%;
	font-weight:bold;
	padding:0 1em 10px;
	margin:0 auto 16px;
	border-bottom:#00469B solid 2px;
	clear:both;
	box-sizing:border-box;
	}
	
.main{
	width:980px;
	margin:0 auto;
	padding:0 2em;
	box-sizing:border-box;
	}
	
.jcoinBox{
	width:980px;
	padding:30px;
	margin:0 auto 50px;
	border:4px solid #ff678d;
	background:#ffe1e8;
	box-sizing:border-box;
	}	
	
.blueBox{
	width:980px;
	margin:0 auto;
	padding:20px 0;
	box-sizing:border-box;
	background:#B2C7E1;
	border:4px solid #00469B;
	}	
	
section{
	width:442px;
	margin:0 18px;
	background:#E5ECF5;
	box-sizing:border-box;
	}
	
section a:link,section a:hover,section a:visited{
	color:#333;
	text-decoration:none;
	}
	
section h3{
	width:100%;
	height:66px;
	background:url(../img/h3.png) no-repeat;
	background-size:contain;
	padding:0 0 0 2em;
	margin:0 0 14px 0;
	font-size:140%;
	font-weight:bold;
	box-sizing:border-box;
	display:table;
	}
	
section h3:hover{
	background:url(../img/h3_on.png) no-repeat;
	background-size:contain;
	}
	
section h3 > span{
	display:table-cell;
	vertical-align:middle;
	}
	
section > p{
	padding:1em;
	margin:0 1em 1em;
	background:#fff;
	border:2px solid #B2C7E1;
	box-sizing:border-box;
	}
	
	
@media screen and (max-width: 750px){
	header{
	width:100%;
	margin:0 0 20px;
	}
	
	header > img{
	width:100%;
	height:8px;
	}
	
	h1{
	width:100%;
	}
	
	h2{
	width:100%;
	line-height:120%;
	}
	
	.main{
	width:100%;
	}
	
	
	.jcoinBox{
	width:90%;
	padding:20px;
	margin:0 auto 50px;
	}	
	
	
	.blueBox{
	width:90%;
	padding:10px 0;
	}
	
	
	section{
	width:94%;
	margin:0 10px 10px;
	padding:0 0 2px 0;	
	box-sizing:border-box;
	}
	
	section:nth-child(2){
	margin:0 10px;
	}
	
	section h3,section h3:hover{
	width:100%;
	height:auto;
	background:url(../img/h3.png) no-repeat;
	min-height:50px;
	background-size:contain;
	padding:0 0 0 1.5em;
	}
	
}
	
	
	


/*footer*/
footer{
	width:100%;
	height:30px;
	line-height:30px;
	color:#fff;
	text-align:center;
	font-size:85%;
	background:#00469B;
	clear:both;
	margin:50px auto 0;
	}

	
	
@media screen and (max-width: 750px){
		
	#pageTOP{
	position:fixed;
	bottom:30px;
	right:10px;
	z-index:10000;
	}
	
	#pageTOP img{
		width:40px;
		height:40px;
		opacity:0.4;
		}
		
}	


/*float*/
.fL{float:left;}
.fR{float:right;}
@media screen and (max-width: 750px){
	.fL_PC,.fR_PC{float:none !important;}
	.fL_SP{float:left!important;}
	.fR_SP{float:right!important;}
}
@media screen and (min-width: 751px){
	.fL_PC{	float:left!important;}
	.fR_PC{	float:right!important;}
}


/*font*/
.f14{font-size:108%;}
.f16{font-size:123.1%;}
.f18{font-size:138.5%;}
.f20{font-size:153.9%;}
.f22{font-size:167%;}
.f24{font-size:182%;}

.font_s{font-size:90%;}
.font_b{font-size:120%;}

.lh150{line-height:150%;}

.bold{font-weight:bold;}

.textL{text-align:left !important;}
.textC{text-align:center !important;}
.textR{text-align:right !important;}

.s-1{padding-left:1em; text-indent:-1em;}
.s-2{padding-left:2em; text-indent:-2em;}
.s-3{padding-left:2.6em; text-indent:-2.6em;}

.blue{color:#0A3E86;}
.red{color:#F00;}

/*margin・padding*/

.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}

.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}

.ml1em{margin-left:1em !important;}
.ml2em{margin-left:2em !important;}
.ml3em{margin-left:3em !important;}

.m_auto{margin:0 auto; width:96%;}

.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}

.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}

.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}