html{
font-size: 62.5%;
}
body{
    margin: 0px; 
    padding: 0px; 
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
    background: #ffffff;
}
img {vertical-align:middle;}
*{box-sizing: border-box;}
/*清除浮动*/
.clearfix { *zoom: 1;  } 
.clearfix:before, 
.clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after {  clear: both;  } 
.sp {display: none !important;}
.pc {display: block !important;}
.wrapbox{
width: 1200px;
margin: 0px auto;
position: relative;
}
.meun{
width: 102px;
height: 38px;
position: absolute;
top: 33px;
left: 26px;
z-index: 1;
}
.meunleft{
float: left;
}
.meunright{
float: right;
font-size: 1.7rem;
height: 38px;
line-height: 38px;
}
.meun a{
color: #777777;
text-decoration: none;
}
.meun a:hover{
color: #777777;
}
.logowrap{
width: 238px;
margin: 0px auto;
padding: 39px 0px 0px 0px;
}
#headwrap_top{
width: 100%;
height: 145px;
}
.topwrap{
background: url(../images/bg.gif) no-repeat center top;
min-height: 790px;
}
.topwrap h1{
margin: 0px;
padding: 0px;
line-height: 100%;
}
.kvwrap{
height: 500px;
overflow: hidden;
}
.kvwrap img{display: block;}
.wrap01{
width: 100%;
height: 317px;
}
.wrap01 p{
font-size: 1.7rem;
line-height: 48px;
text-align: center;
padding: 37px 0px 0px 0px;
margin: 0px;
letter-spacing: 2px;
}
.slide{
border: 0px;
margin: 0px;
padding: 0px;
}
.wrap02{
width: 100%;
}
.titlebg{
background: url(../images/titlebg.jpg) no-repeat center top;
min-height: 118px;
}
.titlebg h2{
margin: 0px 0px 0px 65px;
padding: 8px 0px 0px 0px;
}
.titlebg p{
font-size: 1.7rem;
letter-spacing: 2px;
line-height: 28px;
margin: 0px 0px 0px 65px;
padding: 30px 0px 70px 0px;
}
.section01 h3 {
display: block;
position: relative;
margin: 0 50px 20px;
padding: 5px 10px;
border: solid 1px #1c3762;
font-size: 2rem;
font-weight: normal;
color: #1c3762;
}
.roll4pic{
position: relative;
width: 100%;
}
.roll4pic .smallpic{
position: relative;
width: 240px;
height: 240px;
}
.roll4pic .smallpic .imgbox{
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
.roll4pic .smallpic .bgbox{
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
.roll4pic .smallpic .textbox{
width: 220px;
height: 80px;
position: absolute;
bottom: 0px;
left: 10px;
z-index: 3;
}
.roll4pic .smallpic .textbox p{
color: #ffffff;
font-weight: normal;
letter-spacing: 1px;
font-size: 1.6rem;
line-height: 24px;
margin: 0px;
padding: 3px 0px 6px 0px;
}
.roll4pic .smallpic .textbox p.timetxt{
color: #ffffff;
font-size: 1.2rem;
letter-spacing: 1px;
line-height: 12px;
margin: 0px;
padding: 0px;
text-align: right;
}
.wrap03{
width: 100%;
padding: 140px 0px 50px 0px;
}
.wrap03 ul{
width: 1100px;
margin: 0px auto 0px auto;
padding: 0px 0px 50px 0px;
list-style: none;
}
.wrap03 ul li{
width: 100%;
height: 200px;
margin: 0px 0px 32px 0px;
padding: 0px 0px 0px 0px;
}
.wrap03 ul li a{
display: block;
width: 100%;
height: 200px;
background: url(../images/bg04.png) no-repeat center top;
}
.wrap03 ul li a[href*="pdf"]{
background: url(../images/bg03.png) no-repeat center top;
}
.leftbox{
float: left;
width: 300px;
}
.leftbox img:hover{
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8; 
}
.rightbox{
float: left;
width: 730px;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 20px
}
.rightbox p{
font-size: 1.3rem;
line-height: 22px;
margin: 0px;
padding: 0px 0px 10px 0px;
color: #242413;
}
.rightbox p.bluetxt{
color: #003366;
font-size: 1.6rem;
line-height: 100%;
font-weight: bold;
padding: 5px 0px 10px 0px;
}
.rightbox h4{
color: #242413;
font-size: 2.6rem;
font-weight: bold;
line-height: 140%;
margin: 0px;
padding: 0px 0px 10px 0px;
}
.rightbox p:hover{
text-decoration: underline;
}
.rightbox h4:hover{
text-decoration: underline;
}
.wrap04{
width: 100%;
}
.wrap04 ul{
width: 1056px;
list-style: none;
margin: 0px auto;
padding: 20px 0px 200px 0px;
text-align: center;
}
.wrap04 ul li{
display: inline-block;
}
.wrap04 ul li img:hover{
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8; 
}
#footwrap{
width: 100%;
position: relative;
height: 56px;
}
#footwrap .backtop{
width: 55px;
height: 56px;
right: 33px;
bottom: 0px;
position: absolute;
}
#footwrap .backtop img{
cursor: pointer;
}
#footwrap .backtop img:hover{
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8; 
}
.blueline{
width: 100%;
height: 20px;
background: #1a2d65;
}
#footwrap ul{
list-style: none;
margin: 0px auto;
padding: 22px 0px 0px 0px;
width: 86px /*192px*/;
}
#footwrap ul li{
float: left;
margin: 0px 18px 0px 0px;
padding: 0px;
line-height: 100%;
}
#footwrap ul li:last-child{
margin: 0px 0px 0px 0px;
}
.footnav{
width: 100%;
border-top: 20px solid #1a2d65;
}
.footnav ul{
width: 336px;
margin: 0px auto;
padding: 45px 0px 0px  0px;
list-style: none;
display: -webkit-flex; /* Safari */
display: flex;
justify-content:space-between;
}
.footnav ul li{
margin: 0px;
padding: 0px;
font-size: 1.2rem;
}
.footnav ul li a{
color: #444444;
text-decoration: none;
}
.footnav ul li a:hover{
color: #1a2d65;
text-decoration: underline;
}
.footlogo{
width: 238px;
margin: 0px auto;
padding: 45px 0px 45px 0px;
}
/*下层页面*/
.imgwrap{
width: 100%;
min-height: 790px;
background:url(../images/bg.gif) no-repeat center top;
}
.imgwrap h1{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 70px 0px 58px 0px;
}
.subkv{
width: 1130px;
height: 300px;
margin: 0px auto;
position: relative;
}
.subkv.interview{
background: url(../images/subkv00.jpg) no-repeat center top;
}
.zwbox{
height: 252px;
width: 100%;
}
.timebox{
position: absolute;
height: 16px;
line-height: 16px;
margin: 0px;
padding: 0px;
top: 11px;
left: 12px;
color: #ffffff;
font-size: 1.4rem;
}
.subnav{
position: absolute;
height: 16px;
line-height: 16px;
margin: 0px;
padding: 0px 0px 0px 18px;
top: 11px;
right: 12px;
font-size: 1.4rem;
background: url(../images/icon01.png) no-repeat left top;
}
.subnav a{
color: #ffffff;
text-decoration: none;
}
.subnav a:hover{
color: #ffffff;
text-decoration: underline;
}
.subnav2{
position: absolute;
height: 16px;
line-height: 16px;
margin: 0px;
padding: 0px 0px 0px 18px;
top: 20px;
right: 45px;
font-size: 1.4rem;
}
.subnav2 a{
color: #333;
text-decoration: none;
}
.subnav2 a:hover{
text-decoration: underline;
}
.subkvtitle{
position: absolute;
width: 100%;
line-height: 2;
font-size: 3rem;
font-weight: bold;
text-align: center;
color: #fff;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari */
transform: translateY(-50%);
}
.subimgbox{
width: 824px;
margin: 0px auto;
padding: 130px 0px 0px 0px;
}
.subimgbox .leftimgbox{
float: left;
width: 377px;
padding: 8px 0px 0px 0px;
}
.subimgbox .righttxtbox{
float: right;
width: 432px;
}
.subimgbox .righttxtbox p{
font-size: 1.6rem;
line-height: 32px;
padding: 0px;
margin: 0px;
letter-spacing: 2px;
}
.subimgbox .righttxtbox p.rightsmalltxt{
font-size: 1.4rem;
line-height: 28px;
padding: 50px 0px 0px 0px;
letter-spacing: 0px;
}

.subtxtwrap h2{
width: 822px;
margin: 0px auto 50px;
padding: 170px 0px 0px 0px;
line-height: 2;
font-size: 3.0rem;
color: #1a244c;
}
.subtxtwrap p{
width: 822px;
margin: 0px auto 48px auto;
padding: 0px;
font-size: 1.6rem;
line-height: 36px;
letter-spacing: 2px;
/*text-align: justify;*/
text-indent: 16px;
}
.subtxtwrap p.lead{
width: 824px;
margin-top: 110px;
padding: 0 20px;
border-left: 5px solid #ddd;
border-right: 5px solid #ddd;
}
.subtxtwrap p strong{
color: #1a244c;
}
.subbotton{
width: 247px;
margin: 0px auto;
padding: 60px 0px 187px 0px;
}
.subbotton2{
width: 247px;
margin: 0px auto;
padding: 60px 0px 0px 0px;
}
.subcentertxt{
padding: 12px 0px 0px 0px;
}
.subcentertxt p{
text-align: center;
letter-spacing: 2px;
font-size: 1.6rem;
line-height: 48px;
}
.sublistwrap{
width: 1100px;
margin: 0px auto;
}
.sublistwrap ul{
margin: 0px;
padding: 108px 0px 80px 0px;
list-style: none;
}
.sublistwrap ul li{
margin: 0px 0px 120px 0px;
background: #1c244b;
padding: 0px;
}
.sublistwrap ul li:nth-child(2){
margin: 0px 0px 120px 0px;
background: #314c41;
padding: 0px;
}
.sublistwrap ul li:last-child{
margin: 0px 0px 0px 0px;
background: #3f2d4c;
}
.subpicbox{
width: 50%;
float: left;
}
.subpicbox2{
width: 50%;
float: right;
}
.sublinkbox{
width: 50%;
float: right;
height: 290px;
position: relative;
}
.sublinkbox p{
color: #ffffff;
margin: 0px;
padding: 0px;
}
.sublinkbox p.writetxt01{
position: absolute;
font-size: 2.0rem;
left: 43px;
top: 24px;
}
.sublinkbox p.writetxt02{
position: absolute;
font-size: 1.6rem;
right: 24px;
top: 26px;
}
.sublinkbox p.writetxt03{
position: absolute;
font-size: 2.8rem;
left: 43px;
top: 133px;
}
.sublinkbox p.writetxt04{
font-size: 1.5rem;
position: absolute;
left: 43px;
bottom: 30%;
}
.sublinkbox p.writetxt04 a{
background: url(../images/icon01.png) no-repeat 5px 50%;
margin-top: 10px;
padding: 5px 5px 5px 20px;
text-decoration: none;
border: 1px solid #fff;
color: #fff;
display: inline-block;
}
.sublinkbox p.writetxt04 a:hover{
text-decoration: underline;
}
.sublinkbox2{
width: 50%;
float: left;
height: 290px;
position: relative;
}
.sublinkbox2 p{
color: #ffffff;
margin: 0px;
padding: 0px;
}
.sublinkbox2 p.writetxt01{
position: absolute;
font-size: 2.0rem;
left: 27px;
top: 24px;
}
.sublinkbox2 p.writetxt02{
position: absolute;
font-size: 1.6rem;
right: 24px;
top: 26px;
}
.sublinkbox2 p.writetxt03{
position: absolute;
font-size: 2.8rem;
left: 27px;
top: 133px;
}
.sublinkbox2 p.writetxt04{
font-size: 1.5rem;
position: absolute;
left: 24px;
bottom: 30%;
}
.sublinkbox2 p.writetxt04 a{
background: url(../images/icon01.png) no-repeat 5px 50%;
margin-top: 10px;
padding: 5px 5px 5px 20px;
text-decoration: none;
border: 1px solid #fff;
color: #fff;
display: inline-block;
}
.sublinkbox2 p.writetxt04 a:hover{
text-decoration: underline;
}
.sp_topwarp{display: none;}

@media screen and (max-width: 750px) {
.sp {display: block!important;}
.pc {display: none!important;}
img {width:100%; height:auto;}
.wrapbox{
width: 100%;
}
.logowrap{
width: 37.33333%;
margin: 0px auto;
padding: 0px;
}
#headwrap_top{
width: 100%;
height: auto;
padding: 3% 0;
}
.topwrap{
background-size: 100% auto;
min-height: 1px;
padding-bottom: 50px;
}
.topwrap h1{
margin: 0px;
padding: 0px;
line-height: 100%;
}
.topwrap .bx-controls-direction{
display: none;
}
.wrap01{
width: 100%;
height: auto;
}
.wrap01 p{
font-size: 1.5rem;
line-height: 1.8;
text-align: center;
padding: 37px 7.5% 0px;
margin: 0px;
letter-spacing: 2px;
}
.titlebg{
background: none;
}
.titlebg h2{
position: relative;
width: 100%;
margin: 0px;
padding-left: 42px;
padding-bottom: 5px;
border-bottom: solid 1px #1c3762;
}
.titlebg h2::before {
content: "";
position: absolute;
left: 0;
bottom: -37px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 37px 0 37px 37px;
border-color: transparent transparent transparent #1c3762;
}
.titlebg p{
font-size: 1.5rem;
line-height: 1.8;
padding: 0px;
margin: 20px 0px 20px 42px;
letter-spacing: 2px;
}
.wrap03{
width: 100%;
padding: 100px 0px 50px 0px;
}
.pickup img {
width: 212px;
height: 24px;
}
.lastest img {
width: 200px;
height: 24px;
}
.support img {
width: 97px;
height: 24px;
}
.section01 h3 {
padding: 10px;
margin: 0 10px 20px 10px;
text-align: center;
font-size: 1.8rem;
	}
.wrap03 ul{
width: 100%;
padding: 0px;
margin: 0px 0px 30px 0px;
}
.wrap03 ul li{
width: 100%;
height: auto;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
background: none;
background-color: #eee;
}
.wrap03 ul li a{
display: block;
width: 100%;
height: auto;
text-decoration: none;
}
.wrap04{
width: 100%;
padding: 0px 0px 50px 0px;
}
.leftbox{
float: none;
width: 100%;
}
.rightbox{
float: none;
width: 100%;
margin: 0px;
padding: 20px 15px 25px 15px;
}
.rightbox p{
font-size: 1.4rem;
line-height: 24px;
margin: 0px;
padding: 0px 0px 10px 0px;
color: #242413;
}
.rightbox p.bluetxt{
color: #003366;
font-size: 1.6rem;
line-height: 100%;
font-weight: bold;
padding: 0px 0px 10px 0px;
}
.rightbox h4{
color: #242413;
font-size: 2.3rem;
font-weight: bold;
line-height: 140%;
margin: 0px;
padding: 0px 0px 10px 0px;
}
.wrap04 ul{
width: 90%;
padding: 0px 0px 30px 0px;
}

#footwrap{
height: 20px;
}
#footwrap .backtop{
right: 0px;
bottom: 0px;
position: fixed;
	z-index: 10000;
}
.footnav{
border: none;
}
.footnav ul{
width: 100%;
margin: 0px auto;
padding: 45px 0px 0px  0px;
text-align: center;
display: block;
}
.footnav ul li{
	margin-bottom: 1rem;
}
.footlogo{
width: 37.6%;
margin: 0px auto;
padding: 20px 0px;
}

/*下层页面*/
.imgwrap{
width: 100%;
min-height: auto;
background-size: 100% auto;
}
.imgwrap .logowrap{
	padding: 3% 0;
}
.imgwrap h1{
	display: none;
}
.subkv{
width: 100%;
height: auto;
margin: 0px auto;
position: relative;
}
.subkv.interview{
background-size: cover;
min-height: 220px;
padding-bottom: 40%;
}
.zwbox{
height: auto;
width: 100%;
}
.timebox{
position: absolute;
height: 16px;
line-height: 16px;
margin: 0px;
padding: 0px;
top: 11px;
left: 5px;
color: #ffffff;
font-size: 1.2rem;
}
.subnav{
position: absolute;
height: 16px;
line-height: 16px;
margin: 0px;
padding: 0px 0px 0px 10px;
top: 11px;
right: 5px;
font-size: 1.2rem;
background: url(../images/icon01.png) no-repeat 0 50% / auto 10px;
}
.subnav a{
color: #ffffff;
text-decoration: none;
}
.subnav a:hover{
color: #ffffff;
text-decoration: underline;
}
.subnav2{
position: relative;
padding: 0px 0px 20px;
text-align: center;
top: 0;
left: 0;
right: 0;
font-size: 1.2rem;
}
.subkvtitle{
font-size: 2rem;
}

.subimgbox{
width: 100%;
margin: 0px auto;
padding: 60px 0px 0px 0px;
}
.subimgbox .leftimgbox{
float: none;
width: 100%;
padding: 8px 0px 0px 0px;
}
.subimgbox .righttxtbox{
float: none;
width: 100%;
padding: 0 15px;
}
.subimgbox .righttxtbox p{
font-size: 1.6rem;
line-height: 32px;
padding: 0px;
margin: 0px;
letter-spacing: 2px;
}
.subimgbox .righttxtbox p.rightsmalltxt{
font-size: 1.4rem;
line-height: 28px;
padding: 50px 0px 0px 0px;
letter-spacing: 2px;
}

.subtxtwrap h2{
width: 93%;
margin: 0px 0px 0px 0px;
padding: 80px 15px 18px;
font-size: 2.2rem;
}
.subtxtwrap h2 br{
display: none;
}
.subtxtwrap p{
width: 93%;
margin: 0px 3.5% 48px;
padding: 0px;
font-size: 1.6rem;
line-height: 32px;
letter-spacing: 2px;
text-align: justify;
text-indent: 16px;
}
.subtxtwrap p.lead{
width: 93%;
margin-top: 48px;
}
.subbotton{
width: 247px;
margin: 0px auto;
padding: 40px 0px 100px 0px;
}

#sub02{
padding-top:13.8%;
}

.subcentertxt{
padding: 24px 15px 0px;
}
.subcentertxt p{
font-size: 1.6rem;
line-height: 32px;
}
.sublistwrap{
width: 100%;
margin: 0px auto;
}
.sublistwrap ul{
margin: 0px;
padding: 48px 0px 80px 0px;
list-style: none;
}
.sublistwrap ul li{
margin: 0px 0px 20px 0px;
background: #1c244b;
padding: 0px;
}
.sublistwrap ul li:nth-child(2){
margin: 0px 0px 2px 0px;
background: #314c41;
padding: 0px;
}
.sublistwrap ul li:last-child{
margin: 0px 0px 0px 0px;
background: #3f2d4c;
}
.subpicbox{
width: 100%;
float: none;
}
.subpicbox2{
width: 100%;
float: none;
}
.sublinkbox{
width: 100%;
float: none;
height: auto;
padding: 3.5%;
}
.sublinkbox p{
color: #ffffff;
margin: 0px;
padding: 0px;
}
.sublinkbox p.writetxt01{
position: static;
font-size: 2.0rem;
}
.sublinkbox p.writetxt02{
position: static;
font-size: 1.6rem;
}
.sublinkbox p.writetxt03{
position: static;
font-size: 2.8rem;
margin-top: 1rem;
}
.sublinkbox p.writetxt04{
position: static;
}
.sublinkbox2{
width: 100%;
float: none;
height: auto;
padding: 3.5%;
}
.sublinkbox2 p{
color: #ffffff;
margin: 0px;
padding: 0px;
}
.sublinkbox2 p.writetxt01{
position: static;
font-size: 2.0rem;
}
.sublinkbox2 p.writetxt02{
position: static;
font-size: 1.6rem;
}
.sublinkbox2 p.writetxt03{
position: static;
font-size: 2.8rem;
margin-top: 1rem;
}
.sublinkbox2 p.writetxt04{
position: static;
}

.wide{
width:100% !important;
}

}