/*reCAPTCHA hidden*//**/
.grecaptcha-badge { visibility: hidden; }

.pc{display:none}

/*html5*//**/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

* {margin:0;padding:0;}

html{
overflow: auto;
visibility: hidden;
}
html.wf-active {
visibility: visible;
}

body {
margin:0;padding:0;
background:#000 url() no-repeat left top;
font-family:Meiryo, "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", YuGothic, "Yu Gothic medium", "Hiragino Sans", sans-serif;
font-size:16px;
color:#ffffff;}
/*フォント指定*//**/
.mincho{font-family: dnp-shuei-mincho-pr6n, Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: 400;
font-style: normal;
}
.mincho_bold{font-family: dnp-shuei-mincho-pr6n, Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: 600;
font-style: normal;
}   

a{outline:none;color:#1a2e6e;}
a:link,a:visited{color:#1a2e6e;}
a:hover,a:active{color:#5dd3ff;}
a.white,a.white:link,a.white:visited{color:#ffffff;}
a.white:hover,a.white:active{color:#5dd3ff;}

header a,footer a{color:#ffffff!important;text-decoration:none;}
header a:hover,header a:active,
footer a:hover,footer a:active{color:#5dd3ff!important;}


p,li,dt,dl {line-height:1.8}
p {margin:1em 0;text-align:left;}
li {list-style-type:none;}
img {border:0;width:auto;height:auto}
img, div, input { behavior: url(../js/iepngfix.htc) }
hr{border-width:0;border-top: 1px solid #838383;margin:30px 0;}
hr.hr1000{max-width:96vw}

input,textarea{padding:2%;border:1px solid #828282;}
input[type="text"],
input[type="tel"],
input[type="email"]{width:auto;max-width:92vw;}
textarea{width:92vw;height:150px;}
input[type="submit"]{
    display:block; cursor: pointer;
    width:auto;border:none;margin:20px auto auto auto;
    background: -moz-linear-gradient(top,#0262b9, #002c78);
    background: -webkit-linear-gradient(top,#0262b9, #002c78);
    background: linear-gradient(to bottom,#0262b9, #002c78);
    color:#fff;    
}


.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.bold{font-weight:bold}
.wide{letter-spacing:0.2em}
.caution{color:#D83033}

address {font-style:normal;}

.clear {clear:both;}

/*COMMON*//**/
header,main,footer{position:relative;text-align:center;}
article{width:100%;margin:auto auto auto auto;padding:0 2%;}
article section{padding:40px 0;}

article section h1{font-size:xx-large;display:inline-block;margin-bottom:20px;}
article section h1 span{font-size:x-large;display:block;border-top:2px solid #ffffff;margin-top:0px;}
.w860,
.w640,
.w1000{width:100%;}
.flex{}


/*HEADER*//**/
header{position:fixed;background:rgba(0,0,0,0.8);z-index:999;width:100%;height:50px;}
header article{position:relative}
header article h1{position:absolute;left:2%;top:10px;display:inline-block;}
header article h1 img{width:80%;height:auto;max-width:225px;}
header article nav{display:none;}
header article .sp{position:absolute;right:2%;top:10px;display:inline-block;}
header article button{border:none;}
header article #btn-toggle{font-size:x-small;background:#686868;border-radius:2px;padding:3px;color:#ffffff;}

/*FOOTER*//**/
footer{
    position:relative;height:auto;
    background-image:url("../img/common/bg_footer.jpg");
    background-size: cover;
    background-position:left;
    background-color:#000000;
}
footer article{text-align:center;}
footer article section p{text-align:center;font-size:small;}
footer small{font-size:xx-small;}

footer #drawer{
    background: -moz-linear-gradient(top,#002c78, #000);
    background: -webkit-linear-gradient(top,#002c78, #000);
    background: linear-gradient(to bottom,#002c78, #000);
    color:#fff;
}
footer #drawer img{margin:0 10px 10px 10px;max-width:30%;height:auto;}
footer #drawer ul li,
footer #drawer ul li span{
    display:block;text-align:left;padding:5px 10px;
}
footer #drawer ul li{font-size:large;}
footer #drawer ul li span{font-size:medium;padding-left:1em;}



/*INDEX================================================================*//**/
main#index article.ss{
    padding-top:100px;
    height:400px;
    background:#000;
    position:relative;
}
main#index article.ss p{
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-name: textanime1;
    animation-timing-function: ease;
    display: block;
    opacity: 0;
    font-size:large;letter-spacing:0.2;
    width:100%;
    position:absolute;top:50%;left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
main#index article.ss p.anime2{
    animation-delay: 10s;
    animation-name: textanime2;

}
main#index article.ss p.anime3{
    animation-delay: 20s;
    animation-name: textanime3;
}
@keyframes textanime1{
    0% {opacity: 0;}
    15% {opacity: 1;}
    40% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes textanime2{
    0% {opacity: 0;}
    15% {opacity: 1;}
    40% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes textanime3{
    0% {opacity: 0;}
    15% {opacity: 1;}
    40% {opacity: 0;} 
    100% {opacity: 0;} 
}

main#index article.ss p span{display:block;font-size:x-small;}


main#index article.contents1{
    background:#002A74;
    background-image:url("../img/common/bg_header.jpg");
    background-size: cover;
    background-position:bottom;}
main#index article.contents1 ul{}
main#index article.contents1 ul li{
    width:96vw;max-width:400px;max-height:300px;margin:10px 0;position:relative;}
main#index article.contents1 ul li a{
    z-index:998;
    width:100%;max-width:400px;max-height:300px;padding:50px 0;
    position:absolute;top:50%;left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color:#ffffff;text-decoration:none;
}
main#index article.contents1 ul li a:hover{color:#fff;}
main#index article.contents1 ul li a h2{font-size:x-large;}
main#index article.contents1 ul li a h2 span{display:block;font-size:large;}
main#index article.contents1 ul li a p{line-height:1.4;}
main#index article.contents1 ul li a p span{display:block;font-size:xx-large;line-height:0;padding-top:30px;}

main#index article.contents2{}
main#index article.contents2 section{}
main#index article.contents2 section div{}
main#index article.contents2 section div img{
    margin:10px auto 10px auto;width:96vw;max-width:400px;height:auto;}
main#index article.contents2 section div p{margin:0 0 0 0!important;font-size:small;}
main#index article.contents2 section div p a{font-size:large;}

main#index article.contents3 {
    background-color:#002A74;
    background-image:url("../img/common/bg_common.jpg");
    background-size: cover;
    background-position:bottom;}
main#index article.contents3 section{}
main#index article.contents3 section div{}
main#index article.contents3 section div img{
    margin:10px auto 10px auto;width:96vw;max-width:400px;height:auto;}
main#index article.contents3 section div p{margin:0 0 0 0!important;font-size:small;}
main#index article.contents3 section div p a{font-size:large;}

main#index article.contents4 {background:#ffffff;}
main#index article.contents4 section{
    width:calc(100% - 40px);max-width:860px;margin:auto auto auto auto}
main#index article.contents4 section h1{color:#1a2e6e}
main#index article.contents4 section h1 span{border-color:#1a2e6e;}
main#index article.contents4 section ul li{padding:5px 0;}
main#index article.contents4 section ul li a{font-size:large;}
main#index article.contents4 section ul li span{color:#505050;font-size:small;padding-right:20px;display:block;}
main#index article.contents4 section p a{font-size:large;}

/*SUB====================================================================*//**/
/*Common*//**/
main#sub article.top{
    background-color:#002A74;
    background-image:url("../img/common/bg_header.jpg");
    background-size: cover;
    background-position:bottom;    
    width:100%;min-height:410px;
    padding-top:40px;color:#ffffff;
}
main#sub article.top.narrow{min-height:150px!important;}
main#sub article.top h1{font-size:xx-large;display:inline-block;}
main#sub article.top h1 span{
    font-size:x-large;display:block;border-top:2px solid #ffffff;margin-top:0px;}
main#sub article.top p{text-align:center;}
main#sub article.white{background:#ffffff;color:#000;}
main#sub article.white h1 span{border-color:#000000}
main#sub article.black{background:#000000;color:#fff;}
main#sub article.black h1 span{border-color:#fff;}
main#sub article.blue{
    background: -moz-linear-gradient(top,#002c78, #000);
    background: -webkit-linear-gradient(top,#002c78, #000);
    background: linear-gradient(to bottom,#002c78, #000);
    color:#fff;}
main#sub article.blue h1 span{border-color:#fff;}

main#sub .box2 img{width:96vw;max-width:400px;height:auto;}
main#sub .box2 p{margin:20px 0px 20px 0px!important;}

/*Business 事業内容*//**/
main.business a.anchor{
    display: block;margin-top:-20px!important;padding-top:20px!important;}
main.business article.contents1{}
main.business article.contents1 .hide-area{display: none;}
/*modal window*//**/
.modaal-content-container{}
.modaal-content-container img{margin-bottom:20px!important;}
.modaal-content-container h1{font-size:20px!important;}
main.business article.contents1 ul.flex{width:100%;margin:10px 0;justify-content:flex-start}
main.business article.contents1 ul.flex li{margin-right:1%}
main.business article.contents1 .figarea{position:relative;max-height:580px;margin:20px 0;}
main.business article.contents1 .figarea img.point{
    position:absolute;left:0;top:0;display:none;mix-blend-mode: multiply;
}
main.business article.contents1 .figarea img.point.on{display:block;}
main.business article.contents1 .w860.flex{}
main.business article.contents1 .flex .clmbox{width:96vw;max-width:400px;}
main.business article.contents1 .flex .clmbox:nth-child(1){border-bottom:1px solid #838383;}
main.business article.contents1 .flex .clmbox h1{
    font-size:x-large;text-decoration:underline;}
main.business article.contents1 .flex .clmbox:nth-child(2) h1{padding-top:30px;}
main.business article.contents1 .flex .clmbox img{margin-top:20px;}
main.business article.contents1 .flex .clmbox p{}
main.business article.contents1 .flex .clmbox h2{color:#002fa7;font-weight:normal;font-size:medium;text-align:left;}
main.business article.contents1 .flex .clmbox p.clm{font-size:15px;}

main.business article.contents2 img{margin:30px 0;}
main.business article.contents2 h2{text-decoration:underline;}

/*AchievementList 事業実績一覧もこちらのソース*//**/
main.business article.contents3 a,
main.achievementlist article.contents1 a{font-size:18px;}
main.business article.contents3 ul,
main.achievementlist article.contents1 ul{text-align:left;margin-bottom:40px;}
main.business article.contents3 ul li,
main.achievementlist article.contents1 ul li{
    width:calc(100% - 10px);border-left:5px solid #002fa7;
    padding-left:8px;margin-bottom:30px;}
main.business article.contents3 ul li span,
main.achievementlist article.contents1 ul li span{
    display:block;font-size:14px;color:#505050;}
main.business article.contents3 ul li h2,
main.achievementlist article.contents1 ul li h2{line-height:1.4;margin:10px 0;}
main.business article.contents3 ul li table,
main.achievementlist article.contents1 ul li table{width:100%;order-collapse:separate;}
main.business article.contents3 ul li table tr th,
main.business article.contents3 ul li table tr td,
main.achievementlist article.contents1 ul li table tr th,
main.achievementlist article.contents1 ul li table tr td{padding:3px 1%;}
main.business article.contents3 ul li table tr th,
main.achievementlist article.contents1 ul li table tr th{
    font-size:14px;font-weight:normal;
    border-radius:2px;text-align:center;
    width:6em;background:#002fa7;color:#ffffff;}



/*Advantages 強み*//**/
main.advantages article section h1.con{position:relative;text-decoration:underline;margin-bottom:40px;}
main.advantages article section h1.con span{
    font-size:150px;color:#b5ccff;position:absolute;mix-blend-mode: multiply;
    top:30px;left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);   
    border-top:none;}
main.advantages article.blue section h1.con span{mix-blend-mode:hard-light;}

/*Recruitment 採用情報*//**/
main.recruitment a.anchor{
    display: block;margin-top:-100px!important;padding-top:100px!important;}
main.recruitment article.contents1 section:nth-child(2),
main.recruitment article.contents1 section:nth-child(3){
    padding-top:-50px;
}
main.recruitment article.contents1 section h1{text-decoration:underline;}

main.recruitment article.contents1 .box2.rel{position:relative;}
main.recruitment article.contents1 .box2.rel img{margin:10px 0;}

main.recruitment article.contents1 table{
    boder-collapse:collapse;border-spacing:0;}
main.recruitment article.contents1 table tr th,
main.recruitment article.contents1 table tr td{
    text-align:left;padding:1.5%;
    border-right:1px solid #cccccc;
    width:auto;
}
main.recruitment article.contents1 table tr td{vertical-align:top;}
main.recruitment article.contents1 table tr th:last-child,
main.recruitment article.contents1 table tr td:last-child{
    border:none;
}
main.recruitment article.contents1 table tbody tr:nth-child(odd) th,
main.recruitment article.contents1 table tbody tr:nth-child(odd) td{
    background:#ddf6ff;
}
main.recruitment article.contents1 table thead tr th{text-align:center;}
main.recruitment article.contents1 table tbody tr th{width:6em;}
main.recruitment article.contents1 table tr td table{width:100%;}
main.recruitment article.contents1 table tr td table tr th{border:none;}
main.recruitment article.contents1 table tr td table tr th,
main.recruitment article.contents1 table tr td table tr td{display:block;}
main.recruitment article.contents1 p.w860 a{font-size:large;}

/*AboutUs　会社概要*//**/
main.aboutus article.contents1{}
main.aboutus article.contents1 table{
    boder-collapse:collapse;border-spacing:0;margin-bottom:40px;}
main.aboutus article.contents1 table tr th,
main.aboutus article.contents1 table tr td{
    text-align:left;padding:1.5%;
}
main.aboutus article.contents1 table tr td a{color:#ffffff;}
main.aboutus article.contents1 table tr th{width:5em;}
main.aboutus article.contents1 table tr:nth-child(odd) th,
main.aboutus article.contents1 table tr:nth-child(odd) td{background:#535353;}
main.aboutus article.contents1 .flex img{margin:10px auto 10px auto;width:100%;max-width:200px;height:auto;}


/*Contact お問い合わせ*//**/
main.contact a.anchor{
    display: block;margin-top:-20px!important;padding-top:20px!important;}
main.contact article.contents1{}
main.contact article.contents1 section h1,
main.contact article.contents1 section h2{text-decoration:underline;}
main.contact article.contents1 section h2{padding-top:40px;}
main.contact article.contents1 section table{
    border-collapse:collapse;border-spacing:0;margin-bottom:40px;}
main.contact article.contents1 section table tr th,
main.contact article.contents1 section table tr td{
    display:block;width:100%;
    text-align:left;padding:0 2%;}
main.contact article.contents1 section table tr th{color:#1a2e6e;padding-top:10px;}
main.contact article.contents1 section table tr td{padding-bottom:10px;}
main.contact article.contents1 section table tr:nth-child(odd) th,
main.contact article.contents1 section table tr:nth-child(odd) td{background:#ddf6ff;}
main.contact article.contents1 section .pp{
    height:300px;overflow-y: scroll;margin-top:20px;
    border:1px solid #838383;text-align:left;
    padding:1.5%;
}
main.contact article.contents1 section .pp dl dt{font-weight:bold;}
main.contact article.contents1 section .pp dl dd{margin-bottom:10px;}

/*TOPICS 新着情報*//**/
main.topics.single p.center{padding:20px 0;}

main.topics.list article.contents1 section ul li{
    padding:10px 0;border-top:1px solid #838383;
    text-align:left;
}
main.topics.list article.contents1 section ul li:last-child{
    border-bottom:1px solid #838383;
}
main.topics.list article.contents1 section ul li a{font-size:19px;}
main.topics.list article.contents1 section ul li span{
    display:block;
    color:#505050;font-size:14px;padding-right:20px;}
main.topics.list article.contents1 section .wp-pagenavi{padding:40px 0;}