@charset "utf-8";
/*============
Base※触らない※
==============*/
body{
max-width:100%;
background:#fff;
color:#555555;
font-size:14px;
line-height:1.7em;
letter-spacing:0.8px;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
a{
color:#2580bd;
text-decoration:none;
}
a:hover{
color:#0d5b90;
}
a img:hover{
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);
opacity:0.70;
}
img{
max-width:100%;
}

.text-center{
text-align:center !important;
}
.text-bold{
	font-weight:bold;
}
.text-right{
text-align:right;
}
.clearfix{
display:block;
content:'';
clear:both;
}
.keycolor01{
color:#456ec1;
}
.mt10{
margin-top:1.0rem !important;
}
.mb10{
margin-bottom:1.0rem !important;
}
.mt30{
margin-top:3.0rem !important;
}
.mb30{
margin-bottom:3.0rem !important;
}
.addbold{
font-weight:bold;
}
.fs07{
font-size:0.7rem;
}
/*============
ClearFix
==============*/
.clear:after,.inr:after,ul:after,ol:after,section:after,#sec4 ol div:after,#app .price:after
{content:""; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clear,.inr,ul,ol,section,#sec4 ol div,#app .price{zoom:1;}


/*============
Header
==============*/
#maintop{
width: 100%;
padding: 4.0rem 0;
background: url(img/mv.jpg) no-repeat #eeeeee center bottom / cover;
color: #000000;
text-align: center;
font-size: 2.0rem;
}
#maintop h1{
margin:1.0rem 0;
}
#maintop h1 img{
width:500px;
}
#maintop .btn{
display: inline-block;
width:auto;
text-align: center;
text-decoration: none;
line-height: 1;
outline: none;
padding: 1.0rem 3.0rem;
box-sizing:border-box;
-webkit-transition:all .3s;
transition:all .3s;
color:#ffffff;
}
#maintop .btn i{
padding:0 0 0 0.5rem;
vertical-align:middle;
}
#maintop .btn::before,
#maintop .btn::after{
position:absolute;
z-index:-1;
display:block;
content:'';
}

#maintop .btn{
background-color:#456ec1;
}
#maintop .btn:hover{
background-color:#ffffff;
color:#456ec1;
}

/*Tablet
--------------*/
@media screen and (max-width:730px){
#maintop h1,
#maintop ul{
float:none;
}
}

/*============
section
==============*/
section{
	font-size:1.2rem;
	line-height:1.4rem;
}