@charset "utf-8";
html, body, div, span, h1,p,dl, dt, dd, ol, ul, li,footer, header { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none; box-sizing:border-box;}

body{
    font:16px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #455A64;
	text-align: center;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

header{
	padding-top: 15px;
	border-top: 5px solid #2E6DB8;
	margin-bottom: 20px;
}

header .titleback{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	/* line-height: 58px; */
	/* padding-left: 20px; */
	padding: 15px 20px 15px 20px;
	text-align: left;
	background: #0085EC;
}

#contents{
	clear: both;
	box-sizing: content-box;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#contents a{
	color: #0085EC;
}
.wrap{
	padding-left: 3%;
	padding-right: 3%;
}

/* font */
.f-14{ font-size: 14px;}
.f-18{ font-size: 18px;}

/* bg */
.bg-gray{ background: #EDF1F5;}
.bg-white{ background: #fff;}

/* title */
h1{
	clear: both;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}

/* list */
.dlist,
.dlist dd{ overflow: hidden;}
.dlist dt{ float: left; font-weight: normal;}

.link li a{
	display: block;
	font-weight: bold;
	padding: 5px 15px 5px 0;
	background: url("../images/arrow-right.svg") no-repeat right center;
}


/* app */
.app{
	border-radius: 10px;
}
.app ul{
	overflow: hidden;
}
.app ul li{
	float: left;
	width: 47%;
}
.app ul li:first-child{
	margin-right: 6%;
}

.kome-small {
	text-indent: -1em;
	padding-left: 1em;
}



@media screen and (max-width:450px){
	.screen ol li p.title{
		font-size: 3.5vw;
	}
	.screen ol li p.title span.number,
	.screen ol li p.note{
		font-size: 2.8vw;
	}
}

footer{}

footer .fnav{
	clear: both;
	color: #fff;
	font-size: 12px;
	padding: 25px 5% 10px;
	background: #2962A9;
	box-shadow:0px 10px 10px -6px #1C385A inset;
}


a { margin:0; padding:0; border:0; outline:none; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box;}
img{ vertical-align:bottom;}
/* img */
img{ width:auto; max-width:100%; height:auto;}
img.wmax{ width:100%; max-width:inherit;}
@media screen and (max-width:768px){
	img.wmax-sp{ width:100%; max-width:inherit;}
}
/* imgalpha */
a.imgalpha:hover{ opacity: 0.6;}
a:hover img.imgalpha{ opacity: 0.6;}

/* tablewrap */
.tablewrap{ }
@media screen and (max-width:768px){
	.tablewrap{ overflow: auto; white-space: nowrap;}
	.tablewrap::-webkit-scrollbar{ height: 5px;}
	.tablewrap::-webkit-scrollbar-track{ background: #F1F1F1;}
	.tablewrap::-webkit-scrollbar-thumb { background: #BCBCBC;}
	.tablewrap table{ width: 100%;}
}


/* padding */
.p20 {padding: 20px;}.pt20 {padding-top: 20px;}.pl20 {padding-left: 20px;}.pr20 {padding-right: 20px;}.pb20 {padding-bottom: 20px;}
/* margin */
.m5 {margin: 5px;}.mt5 {margin-top: 5px;}.ml5 {margin-left: 5px;}.mr5 {margin-right: 5px;}.mb5 {margin-bottom: 5px;}
.m10 {margin: 10px;}.mt10 {margin-top: 10px;}.ml10 {margin-left: 10px;}.mr10 {margin-right: 10px;}.mb10 {margin-bottom: 10px;}
.m15 {margin: 15px;}.mt15 {margin-top: 15px;}.ml15 {margin-left: 15px;}.mr15 {margin-right: 15px;}.mb15 {margin-bottom: 15px;}
.m20 {margin: 20px;}.mt20 {margin-top: 20px;}.ml20 {margin-left: 20px;}.mr20 {margin-right: 20px;}.mb20 {margin-bottom: 20px;}
.m25 {margin: 25px;}.mt25 {margin-top: 25px;}.ml25 {margin-left: 25px;}.mr25 {margin-right: 25px;}.mb25 {margin-bottom: 25px;}
.m30 {margin: 30px;}.mt30 {margin-top: 30px;}.ml30 {margin-left: 30px;}.mr30 {margin-right: 30px;}.mb30 {margin-bottom: 30px;}
.m35 {margin: 35px;}.mt35 {margin-top: 35px;}.ml35 {margin-left: 35px;}.mr35 {margin-right: 35px;}.mb35 {margin-bottom: 35px;}
.m40 {margin: 40px;}.mt40 {margin-top: 40px;}.ml40 {margin-left: 40px;}.mr40 {margin-right: 40px;}.mb40 {margin-bottom: 40px;}
.m45 {margin: 45px;}.mt45 {margin-top: 45px;}.ml45 {margin-left: 45px;}.mr45 {margin-right: 45px;}.mb45 {margin-bottom: 45px;}
.m50 {margin: 50px;}.mt50 {margin-top: 50px;}.ml50 {margin-left: 50px;}.mr50 {margin-right: 50px;}.mb50 {margin-bottom: 50px;}


a.underline {text-decoration: underline;}
a.underline:hover {text-decoration: underline;}