@charset "utf-8";

/* base
-------------------------------------*/
.pc{
display: block;
}
.sp{
display: none;
}
#wrap{
width: 1000px;
margin: 0 auto;
}
figure a:hover{
opacity: 0.7;
}

/* heading
-------------------------------------*/
h2.h2{
margin: 80px 0 60px;
color: #2e6cac;
text-align: center;
}
h2.h2-A{
padding: 40px 0 24px;
text-align: center;
}
h3.h3-A{
margin-bottom: 20px;
text-align: center;
}

/* header
-------------------------------------*/
header{
width: 980px;
margin: 0 auto;
padding: 20px 10px;
background: #fff;
z-index: 9999;
position: fixed;
top:0;
}
header > div.clearfix{
}
header h1{
width: 400px;
float: left;
}
header h1 a:hover,
header div div a:hover{
opacity: 0.7;
}
header div div{
float: right;
width: 300px;
margin-top: 20px;
}

/* info
-------------------------------------*/
section.section article section.info{
width: 48%;
line-height: 1.5;
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 !important;
background: #fff;
color: #e5006e;
text-decoration: none;
border: 2px solid #e5006e;
border-radius: 5px;
position: fixed;
font-weight: bold;
right: 2%;
bottom: 50px;
z-index: 9999;
}
p#pagetop a:hover{
background: #e5006e;
color: #fff;
}
