@charset "utf-8";

/*-- 

keyvisual

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

#keyvisual{
height:328px;
background:url(../img/bg_keyvisual.jpg) no-repeat center 37%;
background:url(../img/bg_keyvisual.jpg) repeat-x center 37%\9;
background-size:cover;
position:relative;
overflow:hidden;
min-width:960px;
}
#keyvisual .inner:after{
content:"";
background:url(../img/bg_keyvisual_left.png) no-repeat;
width:442px;
height:202px;
position:absolute;
bottom:0;
left:0;
transition:all .3s ease-in-out;
}
#keyvisual .inner:before{
content:"";
background:url(../img/bg_keyvisual_right.png) no-repeat;
width:332px;
height:168px;
position:absolute;
top:0;
right:0;
transition:all .3s ease-in-out;
}
@media screen and (max-width:1200px){ 
#keyvisual .inner:after{
transition:all .3s ease-in-out;
left:-100px;
opacity:0.4;
}
#keyvisual .inner:before{
transition:all .3s ease-in-out;
right:-100px;
opacity:0.4;
}
}
#keyvisual .inner h1{
position:absolute;
top:120px;
left:50%;
margin-left:14px;
}
#keyvisual .inner p{
position:absolute;
top:25px;
left:50%;
margin-left:-450px;
}

/*-- 

content

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

.content .inner{
padding:50px 0;
}

/*-- news --*/

#news .inner > div{
margin-top:30px;
}
#news iframe{
width:600px;
height:200px;
float:left;
}
#news .notice{
width:270px;
height:200px;
background:#fff;
float:right;
font-size:117%;
padding:20px;
box-sizing:border-box;
}
#news .notice h2{
text-align:center;
font-weight:bold;
}
#news .notice p{
margin-top:15px;
line-height:1.6;
overflow:auto;
height:130px;
}

/*-- ability --*/

#ability p{
font-size:117%;
line-height:1.8;
}
#ability p.lead{
margin-top:45px;
text-align:center;
}
#ability hr{
margin:30px 0;
}

/*performancemodel*/

#ability .performancemodel > p{
margin-top:30px;
}
#ability .performancemodel > table{
margin-top:30px;
}
#ability .performancemodel > table tr td:first-child{
padding:0 30px 30px 0;
}
#ability .performancemodel > table tr td{
padding:0 0 30px 0;
}
#ability .performancemodel > table tr:last-child td{
padding-bottom:0;
}
#ability .performancemodel > table tr td h3{
font-weight:bold;
font-size:117%;
margin-bottom:8px;
}

/*simvoyage*/

#ability .simvoyage > p{
margin-top:30px;
}

/*riosmodelsample*/

#ability .riosmodelsample{
margin-top:30px;
}
#ability .riosmodelsample > p{
float:left;
width:430px;
}
#ability .riosmodelsample > dl{
float:right;
width:430px;
font-size:117%;
line-height:1.8;
overflow:auto;
height:190px;
padding-right:10px;
box-sizing:border-box;
}
#ability .riosmodelsample > dl dt{
margin-top:30px;
}
#ability .riosmodelsample > dl dt:first-child{
margin-top:0;
}
#ability .link{
text-align:center;
margin-top:20px;
}

/*-- about --*/

#about .inner > div{
margin-top:30px;
position:relative;
min-height:194px;
}
#about .text{
font-size:117%;
line-height:1.8;
width:580px;
}
#about .photo{
position:absolute;
top:0;
right:0;
}
#about .link{
text-align:center;
margin-top:40px;
}

/*-- contact --*/

#contact p{
text-align:center;
margin-top:40px;
}