@charset "utf-8";
/* ■font 
〇基本フォントサイズ　　　16px:100%     15px:93.75%   14px:87.5%  　13px:81.25%　12px:75%   　11px:68.75%　10px:62.5%  　9px:56.25% 　8px:50%
〇14px(87.5%)からの継承　 16px:114.29%　15px:107.14%　14px:100%　   13px:92.86%　12px:85.71%　11px:78.57%　10px:71.43%　 9px:64.29%　 8px:57.14%
〇13px(81.25%)からの継承　16px:123.08%　15px:115.38%　14px:107.69%　13px:100%  　12px:92.31%　11px:84.62%　10px:76.92%　 9px:69.23%　 8px:61.54%
〇12px(75%)からの継承　 　16px:133.33%　15px:125%　　 14px:116.67%　13px:108.33% 12px:100%　　11px:91.67%　10px:83.33%　 9px:75%　 　 8px:66.67%

@media screen and (min-width:px){
}
@media screen and (min-width:px)and(max-width:px){
}
@media screen and (max-width:px){ 
}
--------------------------------------------------- */

/* ======================================================================================================================================
■00 PCモード共通
====================================================================================================================================== */
body{
  font-size:75%;
  line-height:160%;
  }
.pc_only{display:none;}
.smp_only{}

#wrapper{
min-width:320px;
background:url(/common/img/foot_bg.png) center top;
}
section{
width:100%;
max-width:1500px;
margin:0 auto;
}

/* ======================================================================================================================================
■01 header
====================================================================================================================================== */
header{
display:block;
width:100%;
height:58px;
background:rgba(255,255,255,0.5);
position:absolute;
top:0;
left:0;
z-index:5;
overflow:hidden;
}
header:before{
content:"";
display:block;
padding-top:10%;
}

h1{
width:100%;
max-width:1500px;
margin:0 auto;
position:absolute;
top:0;
left:0;
right:0;
}
h1 img{
display:block;
width:90px;
margin:4px auto 0%;
}
h1 img:first-child{
width:30px;
margin:4px auto 0;
}

/* ======================================================================================================================================
■02 main_v
====================================================================================================================================== */
#main_v{
position:relative;
}
#main_v .section_img1{
display:block;
width:54.6667%;
margin:0;
position:absolute;
left:0;
bottom:-28.5%;
z-index:2;
}
/* ======================================================================================================================================
■03 company_prof
====================================================================================================================================== */
#company_prof{
position:relative;
background:url(/common/img/prof_bg.png) center top no-repeat;
background-size:cover;
}
.prof_wrap{
width:94%;
margin:0 auto;
padding:13.2% 0 7% 0;
position:relative;
z-index:3;
}
.prof_wrap h2{
width:100%;
margin:0 0 2em;
padding:0 0 2%;
border-bottom:2px solid #4d4d4d;
}
.prof_wrap h2 img{
width:48%;
max-width:220px;

}

.prof_wrap dl:after{content:""; display:block; clear:both;}
.prof_wrap dl{display:inline-block;} 
.prof_wrap dl{display:block;}
.prof_wrap dl{
display:table;
  border-collapse: separate;
  border-spacing: 5px 0px;
width:100%;
margin:0 auto 0.5em;
font-size:12px;
}
.prof_wrap dl dt{
display: table-cell;
width:6em;
padding:0.45em 0.5em;
dolor:#4d4d4d;
background:rgba(255,255,255,0.6);
}

.prof_wrap dl dd{
display: table-cell;
padding:0.45em 0.5em 0.45em 0.5em;
dolor:#4d4d4d;
background:rgba(255,255,255,0.6);
}
/* ======================================================================================================================================
■04 sectionimg2
====================================================================================================================================== */
#sectionimg2{
position:relative;
}
#sectionimg2:before{
content:"";
display:block;
padding-top:0.066%;
}
#sectionimg2 .section_img2{
display:block;
width:45.3333%;
margin:0;
position:absolute;
right:0;
top:-16500%;
}
/* ======================================================================================================================================
■05 footer
====================================================================================================================================== */

footer .logo{
width:100%;
max-width:1500px;
margin:0 auto 0;
}
footer .logo img{
display:block;
width:10.6667%;
min-width:90px;
margin:1.6667% auto 4.8667%;
}
footer .logo img:first-child{
width:8.6667%;
min-width:40px;
margin:4.6% auto 0;
}
footer .copy{
margin:0 auto;
background-color:rgba(51,16,57,0.33);
color:#FFF;
text-align:center;
font-size:10px;
line-height:2.8em;
}
/* ======================================================================================================================================
■00
====================================================================================================================================== */