@charset "UTF-8";
html,body{font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a{text-decoration: none;}
ul,dl{display: flex;justify-content: space-between;}
.bk_blue{background:#0086d9;}

@media screen and (min-width: 769px) {
body{font-size:16px;line-height:1.6;}
.sp{display: none!important;}
.wrap1200{max-width: 1200px;margin: 0 auto;}
.note{font-size:14px}
}
@media only screen and (max-width: 1200px) {
.wrap1200{padding: 0 20px;}
}

@media screen and (max-width: 768px) {
body{font-size:14px;line-height:1.6;}
.pc{display: none!important;}
.wrap1200{max-width: auto;width: 100%;padding: 0 20px;}
.note{font-size:11px}
ul,dl{flex-wrap: wrap;}
li,dd,dt{width: 100%;}
}

/*||||||||||||||||| ヘッダー＆メニュー |||||||||||||||||*/
/* PC用ヘッダーメニュー固定 */
header{width: 100%;height: 100px;background: #fff;position: fixed;z-index: 10000;left: 0;}
.fixed header{box-shadow: 1px 3px 5px #ccc;}
/* header.fixed{background: #fff;position: fixed;width: 100%;top: 0;z-index: 10000;left: 0;box-shadow:0px 0px 5px 1px #d3d3d3;}
 */
article{padding-top: 100px;}
/* ロゴ */
#top header h1 a{width:180px;height: 180px; display: flex;justify-content: center;align-items: center;flex-direction: column; position: absolute;top:0;left: 0;background: #fff;z-index: 10;color: #000;z-index: 10;}
#top header h1 a p{text-align: center;font-size: 14px;margin-top: 15px;}
.layer header h1 a,
#top.fixed header h1 a{position: absolute;left: 0;top:0; display: flex;height: 99px;width:300px;flex-direction:row;align-items: center;justify-content: flex-start;padding-left: 15px;text-align: left;background: none;color: #000;z-index: 10;}
.layer header h1 a p,
#top.fixed header h1 a p{font-size: 15px;text-align: left;margin-top: 0;line-height: 1.4;}
.layer header h1 a img,
#top.fixed header h1 a img{width: 50px;margin-right: 0.5em;}

/* メニュー */
header nav{width:100%;display: flex; justify-content: flex-end;align-items: center;}
header nav a.under{color:#000;display: inline-block;padding: 2px 0;font-size: 20px;margin-right: 48px;cursor: pointer;}
header nav a.entry_btn{width: 100px;height: 100px;padding: 0;background: #000;color:#fff;font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: 500; display: flex;justify-content: center;align-items: center;flex-direction: column;letter-spacing: 1px;transition: 0.3s all;}
header nav a.entry_btn img{margin-top: 8px;}
header nav a.entry_btn:hover{opacity: 0.5;}
/* ロールオーバ（アンダーライン） */
header nav a.under::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #000;transform: scale(0, 1);transform-origin: center top;transition: transform .3s;}
header nav a.under:hover::after{content: "";transform: scale(1, 1);}
header nav a.under.select::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #000;transform: scale(1, 1);}
header nav .pulldown > a{pointer-events: none;}
header nav .pulldown{position: static;}
header nav .pulldown_menu{z-index: 5;background: rgba(0,113,185,0.9);width: 100%;position: absolute; top:100px;left: 0;height: 80px; opacity: 0;display: flex;justify-content: flex-end;align-items: center;transition: 0.5s all;pointer-events: none;}
header nav .pulldown_menu::before{content: url("../img/pulldown_arrow.png");position: absolute;bottom: 74px;right: 0px;}
header nav .pulldown_menu a{color:#fff;font-size: 16px;margin-left: 45px;}
header nav .pulldown_menu a::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #fff;transform: scale(0, 1);transform-origin: center top;transition: transform .3s;}
header nav .pulldown_menu a:last-of-type{margin-right: 100px;}
header nav .pulldown_menu a::before{content: "";width: 7px;height: 7px;border-top:3px solid #fff;border-right:3px solid #fff;transform: rotate(45deg);display: inline-block;margin-right: 0.5em;}
header nav .pulldown_menu a:hover::after{content: "";transform: scale(1, 1);}
header nav .pulldown_menu.active{opacity: 1;pointer-events: painted;}

@media only screen and (max-width: 1024px) {
header nav a.under{margin-right: 24px;}
}

@media only screen and (max-width: 820px) {
header nav a.under{margin-right: 14px;}
}

/*||||||||||||||||| スマホ版メニュー（全ページ共通） |||||||||||||||||*/
@media only screen and (max-width: 768px) {

/* SP用ヘッダー固定メニュー */
header{height: 50px;position: fixed;width: 100%;top: 0;z-index: 1000;left: 0;box-shadow:none;border-bottom: 1px solid #ccc;background: #fff;}
.fixed header{box-shadow: none;}

#top header h1 a{width:105px;height: 90px;}
#top header h1 a p{font-size: 9px;margin-top: 10px;}
#top header h1 a img{width: 40px;}
#top.fixed header h1 a,
.layer header h1 a{display: flex;height: 50px;width:80%;flex-direction:row;align-items: center;justify-content: flex-start;padding-left: 15px;text-align: left;background: none;}
#top.fixed header h1 a p,
.layer header h1 a p{font-size: 10px;text-align: left;margin-top: 0;}
#top.fixed header h1 a img,
.layer header h1 a img{width: 35px;margin-right: 0.5em;}



article{margin-top: 50px;padding-top: 0;overflow-x: hidden;}

/* 固定メニューの3本線 */
.sp_menu_btn{height: 30px;width: 30px;}
.sp_menu_open,
.sp_menu_open span,
.sp_menu_open::before,
.sp_menu_open::after{content: "";position:absolute;width:28px;height:3px;background:#000;right:0;transition:all 0.3s;display:block;}
.sp_menu_open{top:17px;right:50%;transform: translateX(50%);background: none;}
.sp_menu_open::before{top:-10px;}
.sp_menu_open::after{bottom:-10px;}
.active .sp_menu_open::before{transform:rotate(-135deg);top:0;right:0;content: "";}
.active .sp_menu_open::after{transform:rotate(135deg);bottom:0;right:0;content: "";}
.active .sp_menu_open span{display: none;}
/* ヘッダーメニューの3本線の位置 */
.header_menu{position: absolute;right: 20px;top:5px;}

/* プルアップメニュー */
nav{transform: translateY(-130%);position: fixed;top:49px;transition: all 0.6s;z-index: 10;margin: 0;right: 0;width: 100%;}
nav.active{transform: translateX(0%);z-index: 10;}
nav{display: flex;flex-wrap: wrap; font-size: 13px;border-top: 1px solid #888;}
nav a{width: 50%;background: #fff;margin: 0;padding: 10px 15px;font-size: 15px;border-bottom: 1px solid #bbb;color: #000;}
nav a.select::after{content: "";position: absolute;bottom: 5px;left: 0;width: 80%;height: 2px;background: #0086d9;transform: scale(1, 1);transform-origin: center top;}
nav a:nth-of-type(even){border-left: 1px solid #bbb;}
nav a.entry_btn_sp{background: #000;color:#fff;}
nav a.entry_btn_sp::after{content: "";background: url("../img/readmore_wh.png") no-repeat;width: 25px;height: 15px;display: inline-block;background-size: contain;position: absolute;top:15px;right: 15px;}
}

/*||||||||||||||||| ボタン2つ並び |||||||||||||||||*/
#btn{padding: 100px 0 150px;display: flex;justify-content: space-between;}
a.guideline_bn{display: block;width: 48%;border: 5px solid #000;color:#000;padding: 30px 45px;font-size: 30px;font-weight: 500;letter-spacing: 1px;transition: 0.3s all;text-align: center;}
a.guideline_bn::after{content: "";background: url("../img/readmore_bk.png") no-repeat;width: 50px;height: 29px;display: block;position: absolute;top:40px;right: 25px;background-size: contain;}
a.guideline_bn:hover{background: #666;color:#fff;}
a.guideline_bn:hover::after{content: "";background: url("../img/readmore_wh.png") no-repeat;}

#btn a.entry_bn{animation-delay: 0.2s;}
a.entry_bn{display: block;width: 48%;border: 5px solid #000;padding: 30px 45px;font-size: 30px;font-family: 'Roboto', sans-serif;font-weight: 500;letter-spacing: 1px;transition: 0.3s all;text-align: center;background: #000;color:#fff;}
a.entry_bn::after{content: "";background: url("../img/readmore_wh.png") no-repeat;width: 50px;height: 29px;display: block;position: absolute;top:40px;right: 25px;background-size: contain;}
a.entry_bn:hover{background: #666;}

@media only screen and (max-width: 1200px) {
#btn{padding: 70px 20px 100px;}
}

@media only screen and (max-width: 768px) {
#btn{padding: 40px 0 40px;flex-wrap: wrap;}
a.guideline_bn{width: 80%;padding: 13px 10px;font-size: 20px;margin: 0 auto;}
a.guideline_bn::after{width: 30px;height: 17px;top:20px;right: 25px;}

#btn a.entry_bn{animation-delay: 0s;}
a.entry_bn{width: 80%;padding: 13px 10px;font-size: 20px;margin: 20px auto 0;}
a.entry_bn::after{width: 30px;height: 17px;top:20px;right: 25px;}
}


/*||||||||||||||||| フッター（全ページ共通） |||||||||||||||||*/
footer .sitemap{padding: 50px 60px;}
footer .sitemap dt{width:180px;height: 180px; display: flex;justify-content: center;align-items: center;flex-direction: column;background: #fff;}
footer .sitemap dt p{text-align: center;font-size: 14px;margin-top: 15px;}
footer .sitemap dd{margin-top: 20px;}
footer .sitemap dd a{color: #fff;display: block;font-size: 18px}
footer .sitemap dd a.no_link{pointer-events: none;}
footer .sitemap dd a:nth-of-type(2){margin-top: 10px;}
footer .sitemap dd a:nth-of-type(n+3){margin-top: 5px;}
footer .sitemap dd a.sub{font-size: 14px;}
footer .sitemap dd a.sub::before{content: "";width: 7px;height: 7px;border-top:3px solid #fff;border-right:3px solid #fff;transform: rotate(45deg);display: inline-block;margin-right: 0.5em;}
footer .sitemap dd a:hover{text-decoration: underline;}
footer .sitemap dd a.no_link:hover{text-decoration: none;}

footer .copyright{padding: 15px 60px;}
footer .copyright a{color: #000;}
footer .copyright a:hover{text-decoration: underline;}
footer .copyright a:nth-of-type(n+2){margin-left: 30px;}
footer .copyright dt{width: 40%;}
footer .copyright dd{width: 60%;text-align: right;}
@media only screen and (max-width: 1024px) {
footer .copyright dt{width: 100%;}
footer .copyright dd{width: 100%;}
}
@media only screen and (max-width: 768px) {
footer .logo_wh{text-align: center;padding: 15px 0;}
footer .logo_wh p{font-size: 10px;margin-top: 10px;color: #fff;}
footer .logo_wh img{width: 50px;}

footer .copyright{padding: 0 0;}
footer .copyright a:nth-of-type(n+2){margin-left: 20px;}
footer .copyright dt{width: 100%;text-align: center;padding: 10px 0;}
footer .copyright dd{width: 100%;text-align: center;color: #fff;background: #000;font-size: 11px;padding: 5px 0;}
}

/* トップへ戻るボタン */
a#page_top{background: url("../img/pagetop_btn.png");width: 60px;height: 60px;position: fixed;right: 30px;bottom: 100px;z-index: 1000;background-size: contain;}

@media only screen and (max-width: 768px) {
a#page_top{right: 15px;bottom: 70px;z-index: 100000;width: 45px;height: 45px; background-size: contain;}
}





/*||||||||||||||||| 下層ページ共通 |||||||||||||||||*/

/* パンくず */
.layer .breadcrumb{padding: 15px 20px;}
.layer .breadcrumb a{color:#000;text-decoration: underline;}
.layer .breadcrumb a:hover{text-decoration: none;}
@media only screen and (max-width: 768px) {
.layer .breadcrumb{padding: 10px 20px;font-size: 12px;}
}

/* インタビュー4つ並び */
.interview_item{margin-top: 190px;}
.interview_item ul{margin-top: 45px;}
.interview_item li:nth-of-type(2){animation-delay: 0.2s;}
.interview_item li:nth-of-type(3){animation-delay: 0.4s;}
.interview_item li:nth-of-type(4){animation-delay: 0.6s;}
.interview_item a{display: block;}
.interview_item a::before{content: "";background: url("../img/interview_v.png");width: 150px;height: 88px;background-size: contain;position: absolute;top:50px;left: 35%;transition: 0.5s all;opacity: 0;transform: translate(-20px,20px);}
.interview_item a:hover::before{transform: translate(0,0);opacity: 1;}
.interview_item .i_profile{position: absolute;bottom: -45px;right: 0;}
.interview_item .i_reki{color: #fff;font-size: 12px;}
.interview_item .i_name{color: #fff;font-size: 20px;}
.interview_item .i_syozoku{color: #fcff00;font-size: 12px;}
.interview_item .i_profile .readmore{font-family: 'Roboto', sans-serif;font-weight: 500;color: #fff;font-size: 12px;letter-spacing: 1px;margin: 10px 0 0 -25px;display: block;}
.interview_item .i_profile .readmore::after{content: "";width: 25px;height: 10px;display: inline-block;background: url("../img/readmore_arr.png");margin-left: 0.5em;background-size: cover;}

@media only screen and (max-width: 1200px) {
.interview_item{margin-top: 50px;}
}

@media only screen and (max-width: 768px) {
.interview_item{margin-top: 20px;}
.interview_item ul{margin-top: 15px;}
.interview_item li{width: 45%;}
.interview_item li:nth-child(2n+1){margin-right: 3%;}
.interview_item li:nth-of-type(n+3){margin-top: 40px;}
.interview_item li:nth-of-type(3){animation-delay: 0s;}
.interview_item li:nth-of-type(4){animation-delay: 0.2s;}
.interview_item li a img{width: 75%;}
.interview_item .i_profile{bottom: -30px;right: 0;}
.interview_item .i_reki{font-size: 11px;}
.interview_item .i_name{font-size: 17px;}
.interview_item .i_syozoku{font-size: 11px;}
.interview_item .i_profile .readmore{font-size: 11px;}
}

/* 黄色帯 */
.yellow_m_l,
.yellow_m_r{width: 100%;position: absolute;top:-60px;z-index: 1;left: 0;}
.yellow_m h2{background: #fcff00;padding: 15px 30px 15px 15px;display: inline-block;}
.yellow_m_l h2,
.yellow_m_r h2{background: #fcff00;padding: 15px 60px 15px 60px;display: inline-block;}
.yellow_m h2 span,
.yellow_m_l h2 span,
.yellow_m_r h2 span{font-size: 60px;color: #0086d9;font-family: 'Roboto', sans-serif;font-weight: 500;display: block;line-height: 1.0;letter-spacing: 5px;}
.yellow_m h2 small,
.yellow_m_l h2 small,
.yellow_m_r h2 small{font-size: 26px;font-weight: 500;}

.yellow_m{background: linear-gradient(to right, #fcff00 0%,#fcff00 41%,transparent 41%,transparent 100%);}
.yellow_m_l{background: linear-gradient(to right, #fcff00 0%,#fcff00 50%,transparent 50%,transparent 100%);}
.yellow_m_r{background: linear-gradient(to left, #fcff00 0%,#fcff00 50%,transparent 50%,transparent 100%);text-align: right;}
.yellow_m_r h2{text-align: left;}


@media only screen and (max-width: 768px) {
.yellow_m_l,
.yellow_m_r{width: 100%;position: absolute;top:-35px;z-index: 1;left: 0;}
.yellow_m h2,
.yellow_m_l h2{padding: 12px 30px 12px 0;}
.yellow_m_r h2{padding: 12px 0 12px 30px;}
.yellow_m h2 span,
.yellow_m_l h2 span,
.yellow_m_r h2 span{font-size: 35px;letter-spacing: 3px;}
.yellow_m h2 small{font-size: 18px;}
.yellow_m_l h2 small,
.yellow_m_r h2 small{font-size: 16px;}
}

/* 簡易版ヘッダー */
#job header,
#guideline header{box-shadow: 1px 3px 5px #ccc;}
#job #job_main .yellow_m,
#guideline #guideline_main .yellow_m{position: absolute;left:0;top:0;width: 100%;z-index: 2;}
#job #job_main img,
#guideline #guideline_main img{width: 100%;}

@media only screen and (max-width: 768px) {
#job header,
#guideline header{box-shadow: none;}
}

/* ブルー下線見出し */
.bl_uline{font-size: 40px;line-height: 1;text-align: center;font-weight: 500;}
.bl_uline::after{content: "";width: 55px;height: 5px;background: #0086d9;margin: 25px auto 40px;display: block;}

@media only screen and (max-width: 768px) {
.bl_uline{font-size: 26px;}
.bl_uline::after {content: "";width: 35px;height: 3px;background: #0086d9;margin: 15px auto 25px;display: block;}
}