@charset "utf-8";

/* base
-------------------------------------*/
.pc{
display: block;
}
.sp{
display: none;
}

/* heading
-------------------------------------*/
h2.h2{
margin: 80px 0 60px;
color: #e18f91;
text-align: center;
}
h2.h2:before,
h2.h2:after{
margin: 0 1em;
content: url("/images/common/star-img-01.gif");
vertical-align: middle;
display: inline-block;
}
h3.h3{
color: #8539d2;
margin-bottom: 24px;
}
h4.h4{
margin: 40px 0 20px;
}
h5.h5{
margin-bottom: 5px;
background: linear-gradient(transparent 50%, #e7d5f3 40%);
}

/* section
-------------------------------------*/
section.section{
width: 85%;
margin: 0 auto 80px;
}

/* header
-------------------------------------*/
header{
width: 94%;
padding: 20px 4% 0;
margin: 0 auto;
background: #fff;
z-index: 9999;
position: fixed;
top:0;
}
header h1{
width: 30%;
margin-top: 15px;
float: left;
}
header nav{
width: 69%;
float: right;
margin-left: 10px;
}
header nav ul{
float: right;
}
header nav ul li{
float: left;
background: url(/images/common/menu-img-01.png)no-repeat top left;
text-align: center;
padding: 0 0.5em 0 1.35em;
}
header nav ul li a{
text-decoration: none;
color: #505050;
padding: 2em 0 1.5em;
display: inline-block;
font-weight: bold;
position: relative;
}
header nav ul li a#dantai,
header nav ul li a#yoyaku,
header nav ul li a#shiryo{
width: 71px;
}
header nav ul li a#mailform{
width: 88px;
}
header nav ul li#tel a{
width: 330px;
margin-top: -30px;
padding-left: 0.5em;
}
header nav ul li a.active{
/*color: #e18f91;*/
color: #8539d2;
}
header h1 a:hover,
header nav ul li a:hover{
opacity: 0.7;
}
header p.line{
position: absolute;
bottom: -15px;
}

/* info
-------------------------------------*/
section.section article section.info{
width: 48%;
margin-top: 40px;
}
section.section article section.info h3.h3{
margin-bottom: 40px;
padding: 0.75em 0;
color: #222;
text-align: center;
background: #e7d5f3;
border-radius: 10px;
}
section.section article section.info h3.h3:after{
margin-left: 0.75em;
color: #fff;
font-size: 75%;
vertical-align: middle;
text-shadow: 1px 1px 30px #8539d2;
text-transform: uppercase;
display: inline-block;
}
section.section article section.info:first-of-type h3.h3:after{
content: "Request materials";
}
section.section article section.info:last-of-type h3.h3:after{
content: "Tel mail consultation";
}
section.section article section.info:first-of-type{
float: left;
}
section.section article section.info:last-of-type{
float: right;
}
section.section article section.info div figure{
float: left;
height: 170px;
margin-right: 1em;
}

/* pagetop
-------------------------------------*/
footer p.line{
position: absolute;
top: -23px;
}

p#pagetop a{
padding: 0.7em 1.5em;
background: #fff;
color: #8539d2;
text-decoration: none;
border: 2px solid #8539d2;
border-radius: 5px;
position: fixed;
font-weight: bold;
right: 2%;
bottom: 50px;
z-index: 9999;
}
p#pagetop a:hover{
background: #9f61de;
color: #fff;
border-color: #e7d5f3;
}