@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; } }