@charset "UTF-8";
.sp_view{display:none;}
/*head*/
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:block;
overflow:hidden;
}
.cf:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
.main .entry a:hover{ filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;}
.mainimage{
position:relative;
width:100%;
padding-top:15px;
margin-bottom:30px;
}
.top_box{
position:relative;
}
.top_box .sub_title {
position: absolute;
top:00px;
right:30px;
z-index:99998;
}
.slider{
position:relative;}
.top_box h1 {
position: absolute;
bottom:0px;
left:12%;
right:12%;
z-index:99999;
}
.top_box h1 img{
width:100%;
}
.btn_box {
padding:20px 0px 30px;
text-align:center;}
.btn_box .entry a{
background:#008cd3;
padding:15px 40px;
display:inline-block;
font-size:20px;
line-height:150%;
margin:auto;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.clm_n h2{
clear:both;
padding: 18px 30px;
margin-bottom:35px;
background:#a4d4ed;
font-size:24px;
color:#333;
}
.clm_n{
margin-bottom:70px;}
/*voice_box*/
.voice_box.left{
float:left;
width:49.5%;
border-right:2px solid #d2eaf6;
margin:0px;
}
.voice_box.right{
float:right;
width:49.5%;
}
.genre_box.left{
clear:both;
float:left;
width:49.5%;
margin:0px;
}
.genre_box.right{
clear:right;
float:right;
margin-bottom:70px;
border-left:2px solid #d2eaf6;
width:49.5%;
}
.genre_top .genre_box.right{
clear:right;
float:right;
margin-bottom:50px;
border-left:2px solid #d2eaf6;
width:49.5%;
}
.genre_top {
margin-bottom:50px;
border-bottom:2px solid #d2eaf6;
}
.voice_box .innerbox,.genre_box .innerbox{
width:88.5%;
}
.voice_box.right .innerbox,.genre_box.right .innerbox{
float:right;
}
.fukidashi{
position:relative;
background:#ffffcc;
border:2px solid #333333;
padding:15px 20px 5px;
margin-bottom:30px;
}
.fukidashi h3{
font-size:18px;
font-weight:normal;
border-bottom:0px;
}
.fukidashi span{
position:absolute;
width:18px;
height:26px;
display:block;
background: url(images/bg_fukidasshi_b.png) no-repeat center bottom;
text-indent:-9999px;
left:50%;
right:50%;
bottom:-20px;
}
.voice_box .title{
margin-bottom:20px;
}
.voice_box .img{
width:53%;
margin:auto auto 20px;}
.voice_box .detail{
padding:0px;
margin:0px;
}
.genre_box .img{
margin-bottom:25px;
}
.genre_box h3{
padding:0 0 0 25px;
margin-bottom:25px;
font-size:21px;
font-weight:normal;
border-bottom:0px;
}
.genre_box span.no01,.genre_box span.no02,.genre_box span.no03,.genre_box span.no04{
display:inline-block;
width:25px;
background: url(images/i_no01.png) no-repeat left top;
margin-left:-25px;
text-indent:-9999px;
}
.genre_box span.no02{ background: url(images/i_no02.png) no-repeat left top; }
.genre_box span.no03{ background: url(images/i_no03.png) no-repeat left top; }
.genre_box span.no04{ background: url(images/i_no04.png) no-repeat left top; }
.genre_box h3 span{ font-size:15px; white-space: nowrap;}
.pdf_link{
clear:both;
padding:0 0 50px 25px;
background: url(images/icon_pdf.png) no-repeat left 2px;
}
.bottom_box {}
.bottom_box h2{
width:580px;
padding:5px 0px;
margin:auto auto 70px;
font-size:24px;
line-height:60px;
text-align:center;
background: url(images/bg_dotline.png) repeat left 0px;
}
.entry_box{
margin:30px auto 60px;
padding:20px;
border:1px solid #008cd3;
}
.entry_box h3{
padding:0px;
font-size:15px;
margin:0px;
font-weight:normal;
border-bottom:0px;
line-height:166%;
}
.entry_box ul{
margin:0px;
padding:0px !important;}
.entry_box li{
margin:0px;
padding:0px;
line-height:166%;
}
.sbtn span{
display:inline-block;
vertical-align: text-top;
margin-right:5px;
line-height:15px;
}
/* @media queries for responsive design 569px - 800px
---------------------------------------------------------------------------- */
@media screen and (min-width: 569px) {
.sp_view{display:none;}
.mainimage{
position:relative;
width:100%;
padding-top:15px;
margin-bottom:30px;
}
.top_box{
position:relative;
}
.top_box .sub_title {
position: absolute;
top:00px;
right:30px;
z-index:99998;
}
.slider{
position:relative;}
.top_box h1 {
position: absolute;
bottom:0px;
left:12%;
right:12%;
z-index:99999;
}
.top_box h1 img{
width:100%;
}
.btn_box {
padding:20px 0px 30px;
text-align:center;}
.btn_box .entry a{
background:#008cd3;
padding:15px 40px;
display:inline-block;
font-size:20px;
line-height:150%;
margin:auto;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.clm_n h2{
clear:both;
padding: 18px 30px;
margin-bottom:35px;
background:#a4d4ed;
font-size:24px;
color:#333;
}
.clm_n{
margin-bottom:70px;}
/*voice_box*/
.voice_box.left{
float:left;
width:49.5%;
border-right:2px solid #d2eaf6;
margin:0px;
}
.voice_box.right{
float:right;
width:49.5%;
}
.genre_box.left{
clear:both;
float:left;
width:49.5%;
margin:0px;
}
.genre_box.right{
clear:right;
float:right;
margin-bottom:70px;
border-left:2px solid #d2eaf6;
width:49.5%;
}
.genre_top .genre_box.right{
clear:right;
float:right;
margin-bottom:50px;
border-left:2px solid #d2eaf6;
width:49.5%;
}
.genre_top {
margin-bottom:50px;
border-bottom:2px solid #d2eaf6;
}
.voice_box .innerbox,.genre_box .innerbox{
width:88.5%;
}
.voice_box.right .innerbox,.genre_box.right .innerbox{
float:right;
}
.fukidashi{
position:relative;
background:#ffffcc;
border:2px solid #333333;
padding:15px 20px 5px;
margin-bottom:30px;
}
.fukidashi h3{
font-size:18px;
font-weight:normal;
border-bottom:0px;
}
.fukidashi span{
position:absolute;
width:18px;
height:26px;
display:block;
background: url(images/bg_fukidasshi_b.png) no-repeat center bottom;
text-indent:-9999px;
left:50%;
right:50%;
bottom:-20px;
}
.voice_box .title{
margin-bottom:20px;
}
.voice_box .img{
width:53%;
margin:auto auto 20px;}
.voice_box .detail{
padding:0px;
margin:0px;
}
.genre_box .img{
margin-bottom:25px;
}
.genre_box h3{
padding:0 0 0 25px;
margin-bottom:25px;
font-size:21px;
font-weight:normal;
border-bottom:0px;
}
.genre_box span.no01,.genre_box span.no02,.genre_box span.no03,.genre_box span.no04{
display:inline-block;
width:25px;
background: url(images/i_no01.png) no-repeat left top;
margin-left:-25px;
text-indent:-9999px;
}
.genre_box span.no02{ background: url(images/i_no02.png) no-repeat left top; }
.genre_box span.no03{ background: url(images/i_no03.png) no-repeat left top; }
.genre_box span.no04{ background: url(images/i_no04.png) no-repeat left top; }
.genre_box h3 span{ font-size:15px; white-space: nowrap;}
.pdf_link{
clear:both;
padding:0 0 50px 25px;
background: url(images/icon_pdf.png) no-repeat left 2px;
}
.bottom_box {}
.bottom_box h2{
width:580px;
padding:5px 0px;
margin:auto auto 70px;
font-size:24px;
line-height:60px;
text-align:center;
background: url(images/bg_dotline.png) repeat left 0px;
}
.entry_box{
margin:30px auto 60px;
padding:20px;
border:1px solid #008cd3;
}
.entry_box h3{
padding:0px;
font-size:15px;
margin:0px;
font-weight:normal;
border-bottom:0px;
line-height:166%;
}
.entry_box ul{
margin:0px;
padding:0px !important;}
.entry_box li{
margin:0px;
padding:0px;
line-height:166%;
}
.sbtn span{
display:inline-block;
vertical-align: text-top;
margin-right:5px;
line-height:15px;
}
}
/* @media queries for responsive design 569px - 800px END
---------------------------------------------------------------------------- */
/* @media only all and (max-width:568px) START
---------------------------------------------------------------------------- */
@media only all and (max-width: 568px) {
.sp_view{display:inline-block;}
.pc_view{display:none;}
.sp_wrap{ margin:0 5%;}
.inner{ padding:0px !important;}
.mainimage{
position:relative;
width:100%;
padding-top:0px;
margin-bottom:30px;
}
.top_box{
position:relative;
}
.top_box .sub_title {
position: absolute;
top:10px;
right:15px;
z-index:99998;
}
.top_box .sub_title img{
width:60px;
}
.slider{
position:relative;}
.top_box h1 {
position: absolute;
bottom:-5px;
left:8%;
right:8%;
z-index:99999;
}
.top_box h1 img{
width:100%;
}
.btn_box {
padding:5px 0px 15px;
text-align:center;}
.btn_box .entry a{
background:#008cd3;
padding:12px 30px;
display:inline-block;
font-size:15px;
line-height:150%;
margin:auto;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.clm_n h2{
clear:both;
padding: 18px 5%;
margin-bottom:35px;
background:#a4d4ed;
font-size:21px;
color:#333;
}
.clm_n{ margin-bottom:0px;}
/*voice_box*/
.voice_box.left{
float:none;
width:100%;
border-right: none;
margin:0px;
}
.voice_box.right{
float:none;
width:100%;
}
.genre_box.left{
clear:both;
float: none;
width:100%;
margin:0px;
}
.genre_box.right{
clear:right;
float:none;
margin-bottom:0px;
border-left: none;
width:100%;
}
.genre_top .genre_box.right{
clear:right;
float:none;
margin-bottom:0px;
border-left:0px solid #d2eaf6;
width:100%;
}
.genre_top {
margin-bottom:00px;
border-bottom:0px solid #d2eaf6;
}
.voice_box .innerbox,.genre_box .innerbox{
width:100%;
}
.voice_box.right .innerbox,.genre_box.right .innerbox{
float:none;
}
.fukidashi{
float:right;
width:55%;
position:relative;
background:#ffffcc;
border:2px solid #333333;
margin-bottom:25px;
padding:0px;
}
.fukidashi h3{
font-size:15px;
font-weight:normal;
border-bottom:0px;
padding:15px 15px 5px;
}
.fukidashi span{
position:absolute;
width:25px;
height:17px;
display:block;
background: url(images/bg_fukidasshi_l.png) no-repeat center bottom;
background-size:25px 17px ;
-moz-background-size:25px 17px ;
text-indent:-9999px;
top:40%;
bottom:50%;
left:-20px;
}
.voice_box .title{
font-weight:bold;
margin-bottom:20px;
}
.voice_box .img{
float:left;
width:35%;
margin:auto auto 20px;}
.voice_box .career{ clear:both;}
.voice_box .detail{
padding:0px;
margin-bottom:40px;
}
.genre_box .img{
margin-bottom:25px;
}
.genre_box h3{
padding:0 0 0 25px;
margin-bottom:25px;
font-size:21px;
font-weight:normal;
border-bottom:0px;
}
.genre_box span.no01,.genre_box span.no02,.genre_box span.no03,.genre_box span.no04{
display:inline-block;
width:25px;
background: url(images/i_no01_sp.png) no-repeat left top;
background-size:21px;
-moz-background-size:21px;
margin-left:-25px;
text-indent:-9999px;
}
.genre_box span.no02{
background: url(images/i_no02_sp.png) no-repeat left top;
background-size:21px;
-moz-background-size:21px;
}
.genre_box span.no03{ background: url(images/i_no03_sp.png) no-repeat left top;
background-size:21px;
-moz-background-size:21px;
}
.genre_box span.no04{ background: url(images/i_no04_sp.png) no-repeat left top;
background-size:21px;
-moz-background-size:21px;
}
.genre_box p{ margin-bottom:50px;}
.pdf_link{
clear:both;
padding:0 0 80px 25px;
background: url(images/icon_pdf.png) no-repeat left 2px;
}
.bottom_box {}
.bottom_box h2{
width:100%;
padding:5px 0px;
margin:auto auto 50px;
font-size:21px;
line-height:50px;
text-align:center;
background: url(images/bg_dotline_sp.png) repeat left 0px;
background-size:9px 50px;
-moz-background-size:9px 50px;
}
.entry_box{
margin:30px auto 50px;
padding:15px;
border:1px solid #008cd3;
}
.entry_box h3{
padding:0px;
font-size:15px;
margin:0px;
font-weight:normal;
border-bottom:0px;
line-height:166%;
}
.entry_box ul{
margin:0px;
padding:0px !important;}
.entry_box li{
margin:0px;
padding:0px;
line-height:166%;
}
.sbtn span{
display:inline-block;
vertical-align: text-top;
margin-right:5px;
line-height:15px;
padding-bottom:15px;
}
}
/* @media only all and (max-width:568px) END
---------------------------------------------------------------------------- */