@charset "UTF-8";
/* itv */
#contents h2#top strong{
padding-top:60px;
}
#contents h2 span#img{
background-image:url(/recruit/graduate/common/img/conte_ttl_itv.gif);
}
/* detail */
#detail{
margin-left:20px;
margin-right:20px;
}
.detail_box{
margin-left:20px;
margin-right:20px;
}
#detail h3{
font-size:24px;
color:#395F9F;
padding-bottom:10px;
padding-left:20px;
margin-bottom:10px;
border-bottom:2px solid #6D95D2;
}
#detail p{
font-size:108%;
margin-bottom:10px;
}
#detail .box{
margin-bottom:50px;
}
/* index */
#detail #bnr_area{
overflow:hidden;
}
#detail #bnr_area .bnr{
float:left;
margin:0px 9px 9px 0px;
width:323px;
background-color:#3A61A1;
background-image:url(/recruit/graduate/img/interview/itv_bnr_arrow.gif);
background-repeat:no-repeat;
background-position:right bottom;
}
#detail #bnr_area .bnr.mr0{
margin-right:0px;
}
#detail #bnr_area .bnr:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#detail #bnr_area .bnr a{
color:#fff;
width:100%;
height:100%;
padding:3px;
display:block;
text-decoration:none;
}
#detail #bnr_area .bnr strong{
display:block;
font-size:123.1%;
font-weight:normal;
margin-top:10px;
padding-left:10px;
line-height:1em;
}
#detail #bnr_area .bnr span{
font-size:85%;
font-weight:normal;
padding-left:10px;
}
/* 個々 */
#detail #main{
margin-bottom:30px;
text-align:center;
}
#detail .notes{
font-size:93%;
font-weight:bold;
line-height:1.7em;
margin-left:2.8em;
text-indent:-2.8em;
}
#detail .notes a{
font-weight:bold;
color:#395F9F;
}
#prof{
border:2px solid #6D95D2;
padding:20px;
}
#prof h4{
color:#3A61A1;
font-size:123.1%;
border-bottom:2px solid #6D95D2;
padding-bottom:3px;
margin-bottom:7px;
}
#prof{
margin-bottom:20px;
}
#prof ul{
overflow:hidden;
}
#prof li{
float:left;
width:50%;
}
#prof li#notes{
font-size:85%;
line-height:1.4em;
}
/* PROFILE */
/* arrow */
#detail #arrow{
overflow:hidden;
margin-bottom:20px;
}
#detail #arrow li a{
color:#395F9F;
font-weight:bold;
text-decoration:none;
border-bottom:3px solid #395F9F;
}
#detail #arrow li a:hover{
border-bottom:none;
}
#detail #arrow #back{
background-image:url(/recruit/graduate/img/interview/arrow_back.gif);
background-position:right center;
background-repeat:no-repeat;
padding-right:10px;
float:left;
}
#detail #arrow #next{
background-image:url(/recruit/graduate/img/interview/arrow_next.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:10px;
float:right;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 640px) {
#contents h2#top strong{
padding-top:35px;
}
#contents h2 span#img{
background-image:url(/recruit/graduate/common/img/sp_conte_ttl_itv.gif);
}
/* detail */
#detail{
margin-left:0px;
margin-right:0px;
}
.detail_box{
margin-left:15px;
margin-right:15px;
}
#detail h3{
font-size:20px;
padding-left:15px;
padding-right:15px;
margin-left:0px;
}
#detail .area{
padding-left:15px;
padding-right:15px;
}
#detail .box{
padding-left:0px;
padding-right:0px;
margin-bottom:20px;
}
#detail #bnr_area .bnr{
float:none;
max-width:323px;
width:auto;
margin-left:auto;
margin-right:auto;
}
#detail #bnr_area .bnr.mr0{
margin-right:auto;
}
#detail #bnr_area .bnr img{
width:100%;
height:auto;
}
#detail #bnr_area .bnr a{
width:auto;
}
/* 個々 */
#detail #main{
width:auto;
margin-bottom:20px;
padding-left:15px;
padding-right:15px;
}
#detail #main img{
width:100%;
height:auto;
}
#prof{
padding:15px 15px 5px 15px;
}
#prof li{
float:none;
width:auto;
margin-bottom:10px;
}
/* PROFILE */
#detail #arrow #back{
background-image:url(/recruit/graduate/img/interview/arrow_back_sp.gif);
background-size:7px 8px;
}
#detail #arrow #next{
background-image:url(/recruit/graduate/img/interview/arrow_next_sp.gif);
background-size:7px 8px;
}
}