@charset "utf-8";

/* base
-------------------------------------*/
.sp{
display: block;
}
.pc{
display: none;
}
main#wrapInner{
width: 100%;
}
section.keyvisual{
width: 100%;
margin: 0 auto 26px;
}

/* heading
-------------------------------------*/
h2.h2{
margin: 30px 0 40px;
text-align: center;
}
h2.h2-A{
margin-bottom: 26px;
color: #3fa9f5;
}
h2.h2-B{
width: 100%;
margin-bottom: 26px;
padding:5px 0;
background: #3fa9f5;
color: #fff;
text-align: center;
}
h3.h3{
margin-bottom: 17px;
font-size: 113px;
}

/* header
-------------------------------------*/
header{
margin-bottom: 20px;
padding: 20px 20px 0;
}
header h1{
font-weight: normal;
}
header nav ul li.tel{
font-size: 100%;
text-align: center;
font-weight: bold;
}
/*--------------------*/
@media screen and (min-width: 560px){
header h1{
width: 325px;
float: left;
text-align: left;
font-size: 100% !important;
}
header nav ul li.tel{
width: 180px;
float: right;
}
}
/*--------------------*/
@media screen and (max-width: 559px){
header h1{
width: 180px;
float: left;
text-align: left;
font-size: 82% !important;
}
header nav ul li.tel{
width: 180px;
margin-top: 6px;
float: right;
}
}
/*--------------------*/
@media screen and (max-width: 409px){
header h1{
width: 100%;
text-align: center;
font-size: 82% !important;
}
header nav ul li.tel{
width: 100%;
margin-top: 6px;
}
}
/*--------------------*/
header a{
color: #202020;
text-decoration: none;
}
header ul li.yoyaku{
padding: 24px 0;
background: rgba(0,0,0,0.5);
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
}
header ul li.yoyaku a{
width: 85%;
}

/* footer
-------------------------------------*/
footer{
margin: 60px 0 0;
padding-bottom: 92px;
font-size: 75%;
}

/* pagetop
-------------------------------------*/
p#pagetop a{
display: none;
/*width: 20px;
padding: 1em;
background: rgba(0,0,0,0.5);
color: #fff !important;
text-align: center;
text-decoration: none;
text-orientation: upright;
border-radius: 5px 0 0 0;
position: fixed;
right: 0;
bottom: 92px;
z-index: 9000;*/
}


/* privacy
-------------------------------------*/
section#privacy{
width: 90%;
margin: 0 auto;
}
section#privacy h2{
text-align: center;
}
section#privacy ol,section#privacy ul{
margin:0;
}
section#privacy li.btd1{
padding-top: 0.5em;
margin-top: 0.5em;
border-top: dotted 1px #ccc;
}
section#privacy ol > li{
list-style-type:none;
list-style-position:inside;
counter-increment: cnt;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: dotted 1px #ccc;
}
section#privacy ol > li:before{
display: marker;
content: "(" counter(cnt) ") ";
}

section#privacy ul{
list-style: circle;
padding-left: 1.5em;
}
section#privacy ul li,section#privacy p{
margin-bottom: 1em;
}