@charset "utf-8";

/*-- 

common

====================================================== --*/

article .contents .inner{
width:1000px;
margin:0 auto;
}
h2{
letter-spacing:.2em;
}

/*-- 

keyvisual

====================================================== --*/

#keyvisual{
text-align:center;
background:#000;
}
#keyvisual img{
width:100%;
max-width:1200px;
height:auto;
}

/*-- 

content-mainnav

====================================================== --*/

#content-mainnav{
background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(1.00,#1FA5FB),color-stop(0.00,#000));
background:-webkit-linear-gradient(#000,#1FA5FB);
background:-moz-linear-gradient(#000,#1FA5FB);
background:-o-linear-gradient(#000,#1FA5FB);
background:-ms-linear-gradient(#000,#1FA5FB);
background:linear-gradient(#000,#1FA5FB);
}
#content-mainnav .inner{
box-sizing:border-box;
padding:30px 50px 25px;
}
#content-mainnav dl.business{
float:left;
width:475px;
}
#content-mainnav dl.facility{
float:right;
width:355px;
}
#content-mainnav dl dt{
margin-bottom:10px;
}
#content-mainnav dl dd{
font-size:140%;
line-height:1.4;
color:#fff;
}

/*-- 

content-news

====================================================== --*/

#content-news{
padding:40px 0;
}
#content-news .inner > div{
float:left;
width:572px
}
#content-news .inner > div h2{
font-size:280%;
text-align:center;
}
#content-news .inner > div dl{
font-size:140%;
line-height:1.4;
margin-top:25px;
height:127px;
overflow:auto;
}
#content-news .inner > div dl dt{
position:relative;
width:12em;
}
#content-news .inner > div dl dt .new{
font-size:78%;
background:#FF4D4D;
color:#fff;
font-weight:normal;
padding:2px 4px;
margin-left:16px;
}
#content-news .inner > div dl dd{
margin:-1.4em 0 10px;
padding:0 0 0 12em;
}
#content-news .inner > p{
float:right;
}

/*-- 

content-subnav

====================================================== --*/

#content-subnav{
background:#ebf0f0;
padding:40px 0 20px;
}
#content-subnav ul{
position:relative;
}
#content-subnav ul li{
float:left;
margin:0 18px 18px 0;
}
#content-subnav ul li:nth-child(3){
margin-right:50px;
}
#content-subnav ul li:last-child{
float:none;
position:absolute;
top:0;
right:0;
}
#content-subnav ul li a{
display:block;
border:1px solid #CBCECE;
width:230px;
}

/*-- 

content-area

====================================================== --*/

#content-area{
background:url(../img/bg_area.png) no-repeat center bottom;
background-size:cover;
position:relative;
overflow:hidden;
padding:60px 0 90px;
}
#content-area h2{
font-size:280%;
text-align:center;
}
#content-area h3{
font-size:240%;
margin-top:40px;
}
#content-area .lead{
font-size:140%;
margin-top:20px;
width:650px;
line-height:1.6;
}
#content-area .btn{
text-align:center;
margin-top:10px;
width:650px;
}
#content-area .notice{
font-size:140%;
line-height:1.4;
text-indent:-1em;
margin-top:15px;
padding:0 0 0 185px;
}
#content-area .notice strong{
color:#FF4C4C;
}
#canopy{
position:absolute;
right:-100px;
bottom:-2px;
width:74px;
height:73px;
}

/*-- 

content-flow

====================================================== --*/

#content-flow{
background:#DEF2F5;
text-align:center;
padding:60px 0;
}
#content-flow h2{
font-size:280%;
}
#content-flow .photo{
margin-top:60px;
}
#content-flow .lead{
font-size:160%;
margin-top:40px;
line-height:1.6;
}
#content-flow .notice{
font-size:140%;
line-height:1.4;
margin-top:15px;
}
#content-flow .notice strong{
color:#FF4C4C;
}

/*-- 

content-cvtop

====================================================== --*/

#content-cvtop{
background:#009CFF;
position:relative;
}
#content-cvtop .inner{
padding:28px 0;
}
#content-cvtop .inner > p{
position:absolute;
bottom:0;
right:0;
}

/*-- 

content-service

====================================================== --*/

#content-service{
text-align:center;
padding:60px 0;
}
#content-service h2{
font-size:280%;
}
#content-service ul{
letter-spacing:-.4em;
}
#content-service ul li{
display:inline-block;
letter-spacing:normal;
margin:40px 27px 0;
}
#content-service ul li a{
color:#434343;
}
#content-service ul li a .photo{
}
#content-service ul li a .link{
margin-top:20px;
font-size:160%;
}
#content-service ul li a .link span{
background:url(../common/img/ico_arrow-black_right.png) no-repeat right center;
background-size:7px auto;
padding-right:20px;
}
#content-service .lead{
font-size:140%;
line-height:1.6;
margin-top:40px;
}

/*-- 

content-pr

====================================================== --*/

#content-pr{
background:url(../img/bg_pr.jpg) no-repeat center bottom;
background-size:cover;
height:560px;
text-align:center;
}
#content-pr .copy0{
font-size:180%;
line-height:1.4;
padding-top:80px;
}
#content-pr .copy1{
font-size:160%;
line-height:1.6;
padding-top:20px;
}
#content-pr .copy2{
font-size:220%;
line-height:1.4;
margin-top:20px;
}