@charset "utf-8";/* CSS Document */
html{
margin-top: 0 !important;
}

body {
margin: 0;
width:100%;
line-height:1.2;
letter-spacing: 1px;
font-size: 18px;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
color: #111;
}

a{
outline:none !important;
letter-spacing: 1px;
}

a:hover{
outline:none !important;
text-decoration: none;
opacity: 0.8;
}

ul{
list-style:none;
padding:0;
margin: 0;
letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */

}

ul li{
letter-spacing: normal; /* 文字間を詰めて隙間をなくす */
}

div,
ul,
li,
p{
box-sizing: border-box;
}

div,
p,
li a{
letter-spacing: 1px;
line-height: 1.4;
}

p{
margin: 0;
}

.warp{
width: 960px;
margin: 0 auto;
overflow: hidden;
}

.pc_none{
display:none;
}



/* header */
header{
width:100%;
padding:0;
z-index:9999;
background:rgba(255,255,255,0.8);
position: relative;
padding: 24px;
box-sizing: border-box;
overflow: hidden;
position: fixed;
	top: 0; left: 0;
}

header .warp{
overflow: hidden;
}

header h1{
width: 200px;
float: left;
margin: 0px auto 0;
}

.right_nav{
position: fixed;
top: 240px;
right: -3px;
background: #fff;
border-radius: 3px;
overflow: hidden;
height: 150px;
border: 3px solid #80b900;
z-index: 9999;
}

.right_nav p{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
float: left;
width: 46px;
padding: 10px;
box-sizing: border-box;
background: #80b900;
height: 144px;
}

.right_nav p a{
cursor: pointer;
}

.right_nav ul{
font-size: 0;
overflow: hidden;
background: #fff;
padding: 35px 25px;
display: block;
}

.right_nav .active{
display: block;
}

.right_nav ul li{
  width: 184px;
display: inline-block;
}

.right_nav ul li img{
  width: 100%;
height: auto;
}

.right_nav ul li{
margin: 0 14px;
}

#menu {
width: 950px;
margin: 10px auto 0;
padding: 0;
float: right;
text-align: center;
}
#menu li{
display: inline-block;
margin: 0;
padding: 0 5px;
}
#menu li a {
display: block;
padding: 0px 12px 0px;
color: #04257a;
text-align: center;
text-decoration: none;
font-size: 13px;
font-weight: bold;
line-height: 28px;
}
#menu li:last-child{
border: none;
display: none;
}

#toggle,#toggle02 {
display: none;
}

#menu-box02{
display: none;
}

#menu li a.current{
background: #04257a;
color: #fff;
border-radius: 4px;
font-weight: normal;
}

/* 画面サイズが768px以下の場合に適用 */

.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(255,255,255,0.9);
}

.pan{
width: 960px;
margin: 0 auto;
background: #fff;
position: absolute;
top: 410px;
left: 50%;
margin-left: -480px;
height: 70px;
padding-top: 18px;
}

.pan .warp{
width: 960px;
}

.pan ul{
width: 960px;
margin: 0 auto;
}

.pan ul li{
display: inline-block;
line-height: 36px;
font-size: 13px;
font-weight: 300;
padding-left: 10px;
}

.pan ul li a{
display: inline-block;
padding-right: 10px;
}

.pan ul li a{
color: #1c97e1;
}



/* f募集要項　エントリーの枠 */

.ft_box .link_box{
overflow: hidden;
background: #f2f2f2;
}

#top .ft_box .link_box{
height: 50%;
}


.ft_box .link_box .left,
.ft_box .link_box .right{
float: left;
width: 50%;
text-align: center;
padding: 48px 0;
	height: 100%;
}

#top .ft_box .link_box .left,
#top .ft_box .link_box .right{
padding-top: 112px;
}

.ft_box .link_box .left{
background: #e3ecf2;
}

.ft_box .link_box .right{
background: #f2f2f2;
}

.ft_box .link_box .left h4,
.ft_box .link_box .right h4{
font-size:14px;
margin-bottom:22px;
line-height:30px;
font-weight:bold;
border-bottom: 2px solid #04257a;
display: inline-block;
padding: 0 10px;
color: #04257a;
}

.ft_box .link_box .left h2,
.ft_box .link_box .right h2{
font-size:36px;
margin-bottom:22px;
color: #04257a;
letter-spacing: 3px;
}

.ft_box .link_box .left p,
.ft_box .link_box .right p{
font-size:14px;
margin-bottm:30px;
line-height: 27px;
letter-spacing: 0px;
}

.ft_box .link_box .left a{
width: 168px;
line-height: 44px;
background:#04257a;
border-radius: 4px;
margin: 25px auto 0;
font-size: 10px;
color: #fff;
background-image:url(../img/common/yr.png);
background-repeat: no-repeat;
background-position: 150px center;
}

.ft_box .link_box .right ul{
overflow: hidden;
font-size: 0;
margin-top: 20px;
padding: 0 50px;
max-width: 690px;
text-align: center;
margin: 20px auto 0;
}

.ft_box .link_box .right ul li{
display: inline-block;
width: 30%;
}

.ft_box .link_box .right ul li a,
.ft_box .link_box .right ul li img{
width: 100%;
}

.ft_box .link_box .right ul li{
margin: 0 1%;
}

footer{
background: #04257a;
color: #fff;
font-size: 12px;
}

#top footer{
height: 50%;
}

footer .warp{
margin: 0 auto;
overflow: hidden;
padding: 40px 40px 0;
width: auto;
position: relative;
}

#top footer .warp{
margin: 0 auto;
overflow: hidden;
padding: 0px 40px 0;
width: auto;
position: relative;
height: 100%;
}

footer .left{
width: 360px;
float: left;
text-align: left;
}

footer .left p{
margin-top: 10px;
}

footer .left ul{
overflow: hidden;
font-size: 0;
margin-top: 30px;
	display: none;
}

footer .left ul li,
footer .right ul li{
display: inline-block;
}


footer .right ul{
text-align: left;
}

#top footer .left,
#top footer .right{
padding-top: 40px;
}

footer .right ul li{
padding: 0 10px;
width: 50%;
margin-bottom: 10px;
letter-spacing: 1;
}
footer .right ul li a{
color: #fff;
letter-spacing: 1.2px;
}

footer .left ul li:nth-child(2){
margin: 0 14px;
}

footer .right ul{
width: 300px;
float: right;
margin-right: 200px;
}

footer a.corp{
text-align: right;
color: #fff;
position: absolute;
right: 100px;
top: 40px;
padding-right: 14px;
background: url(../img/common/brank.png) no-repeat right center;
}

footer p.copy{
font-size:11px;
line-height:70px;
float: left;
text-align: center;
width: 100%;
background: #04257a;
color: #fff;
}

#top footer p.copy{
position: absolute;
bottom: 0;
left: 0;
}

#page-top {
position: absolute;
right: 20px;
top: 136px;
margin-bottom: 20px;
}
#page-top a {
}

#page-top a img{
vertical-align: bottom;
}



/* top----------------------------------- */

#top #stage1{
background: url(../img/top/main_bg.jpg) no-repeat;
background-size: cover;
}

#top #stage1 .fieldWrap{
position: relative;
}

#top #stage1 p.text01{
font-size: 62px;
text-align: center;
color: #fff;
font-weight: bold;
height: 180px;
position: absolute;
top: 50%;
margin-top: -90px;
left: 0;
width: 100%;
letter-spacing: 3px;
line-height: 98px;
}

#top #stage1 .news_box{
background: #fff;
padding: 18px;
border-radius: 10px;
width: 1046px;
margin: 0 auto;
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -523px;
overflow: hidden;
}

#top #stage1 .news_box img.news{
float: left;
width: 167px;
margin-left: 40px;
margin-top: 16px;
}

#top #stage1 .news_box dl{
width: 560px;
float: left;
text-align: left;
margin: 10px 0 0 70px;
}

#top #stage1 .news_box dt,
#top #stage1 .news_box dd{
display: inline-block;
font-size: 14px;
margin-right: 20px;

}

#top #stage1 .news_box dt a,
#top #stage1 .news_box dd a{
color: #021e70;
}

#top #stage1 .news_box dd a{
text-decoration: underline;
}

#top #stage1 .news_box a.more{
float: right;
width: 168px;
height: 44px;
}



#top #stage2 .img_box,
#top #stage4 .img_box,
#top #stage6 .img_box,
#top #stage8 .img_box{
width: 50%;
height: 100%;
position: absolute;
top:0;
left:0;
}

#top #stage3 .img_box,
#top #stage5 .img_box,
#top #stage7 .img_box{
width: 50%;
height: 100%;
position: absolute;
top:0;
right:0;
}

#top .text_box{
width: 50%;
height: 100%;
position:relative;
}

#top .text_box .in_box{
width: 100%;
height: 320px;
margin-top:-140px;
position:absolute;
top:50%;
left:0;
}

#top .text_box .in_box h2{
font-size:14px;
margin-bottom:22px;
line-height:30px;
font-weight:normal;
border-bottom: 2px solid #fff;
display: inline-block;
padding: 0 10px;
}



#top .text_box .in_box h3{
font-size:18px;
letter-spacing: 2px;
}

#top .text_box .in_box h3 span{
font-size:50px;
display:block;
padding:4px 0 13px;
letter-spacing: 4px;
}

#top #stage6 .text_box .in_box h3.spe00 span{
letter-spacing: -4px !important;
}

#top .text_box .in_box p{
font-size:14px;
margin-bottm:30px;
line-height: 27px;
letter-spacing: 0px;
}

#top .text_box .in_box a{
width: 168px;
line-height: 44px;
background-color: rgba(0,0,0,0.2);
background-image:url(../img/common/yr.png);
background-repeat: no-repeat;
background-position: 150px center;
border-radius: 4px;
margin: 25px auto 0;
font-size: 10px;
color: #fff;
}



#top #stage2{
background: #ea4d51;
}

#top #stage3{
background: #dec89f;
}

#top #stage4{
background: #ff8200;
}

#top #stage5{
background: #b59073;
}

#top #stage6{
background: #b6ce00;
}

#top #stage7{
background: #08851b;
}

#top #stage8{
background: #fce450;
}

#top #stage2 .img_box{
background: url(../img/top/bg_t.png) repeat center center, url(../img/top/bg01.jpg) no-repeat center center / cover;
background-:100% 100% !important;
}

#top #stage3 .img_box{
background: url(../img/top/bg_t.png) repeat center center, url(../img/top/bg02.jpg) no-repeat center center / cover;
background-:100% 100% !important;
}

#top #stage4 .img_box{
background: url(../img/top/bg_t.png) repeat center center, url(../img/top/bg03.jpg) no-repeat center center / cover;
background-:100% 100% !important;
}

#top #stage5 .img_box{
background: url(../img/top/bg_t.png) repeat center center, url(../img/top/bg04.jpg) no-repeat center center / cover;
background-:100% 100% !important;
}

#top #stage6 .img_box{
background: url(../img/top/bg_t.png) repeat center center, url(../img/top/bg05.jpg) no-repeat center center / cover;
background-:100% 100% !important;
}

#top #stage7 .img_box{
background: url(../img/top/bg_t.png) repeat center center, url(../img/top/bg06.jpg) no-repeat center center / cover;
background-:100% 100% !important;
}

#top #stage8 .img_box{
background: url(../img/top/bg_t.png) repeat center center, url(../img/top/bg07.jpg) no-repeat center center / cover;
background-:100% 100% !important;
}

#top #stage2 .text_box,
#top #stage4 .text_box,
#top #stage6 .text_box,
#top #stage8 .text_box{
margin-left: 50%;
color:#fff;
}

#top #stage3 .text_box,
#top #stage5 .text_box,
#top #stage7 .text_box{
margin-right: 50%;
color:#fff;
}

#top #stage8 .text_box{
color: #000;
}

#top #stage2 .text_box{
background: url(../img/top/01.png) no-repeat center center;
}

#top #stage3 .text_box{
background: url(../img/top/02.png) no-repeat center center;
color: #333;
}

#top #stage4 .text_box{
background: url(../img/top/03.png) no-repeat center center;
}

#top #stage5 .text_box{
background: url(../img/top/04.png) no-repeat center center;
}

#top #stage6 .text_box{
background: url(../img/top/05.png) no-repeat center center;
}

#top #stage7 .text_box{
background: url(../img/top/06.png) no-repeat center center;
}

#top #stage8 .text_box{
background: url(../img/top/07.png) no-repeat center center;
}

#top #stage3 .text_box .in_box h2,
#top #stage8 .text_box .in_box h2{
border-bottom: 2px solid #000;
}

#top .stageBase .fieldWrap .bgbox{
top: 0%;
left: 50%;
width: 30%;
height: 100%;
z-index: 9999;
position: fixed;
margin-left: -15%;
}

#top .stageBase .fieldWrap .bgg01{
background: url(../img/top/fl01.png) no-repeat center center;
z-index: 9993;
}

#top .stageBase .fieldWrap .bgg02{
background: url(../img/top/fl02.png) no-repeat center center;
z-index: 9994;
}

#top .stageBase .fieldWrap .bgg03{
background: url(../img/top/fl03.png) no-repeat center center;
z-index: 9995;
}

#top .stageBase .fieldWrap .bgg04{
background: url(../img/top/fl04.png) no-repeat center center;
z-index: 9996;
}

#top .stageBase .fieldWrap .bgg05{
background: url(../img/top/fl05.png) no-repeat center center;
z-index: 9997;
}

#top .stageBase .fieldWrap .bgg06{
background: url(../img/top/fl06.png) no-repeat center center;
z-index: 9998;
}

#top .stageBase .fieldWrap .bgg07{
background: url(../img/top/fl07.png) no-repeat center center;
z-index: 9999;
}