@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(49,59,79,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
/*　======　2026.01.22（募集要項の導線非表示）　======　*/
.rec-guide , #pt009-5-1 { display:none; }

/*　==============================　トップページ　==============================　*/
.catch-copy{text-align: justify; padding: 24vh 0rem 18.5vh 5%;}
.catch-copy img{max-width:400px;}
.top-about-bgColor{background-color:rgba(188,42,35,0.8);}
.top-about-bg{background-size: 1200px; background-position: bottom 0 left -420px;}
.top-about-content{padding:10rem 2rem 0rem 2rem;}
.top-about-ttl{font-weight: bold; font-size:2rem; letter-spacing:0.1rem; color:#ffffff; margin-bottom:1.5rem;}
.top-about-read{color:#ffffff; margin-bottom:2.5rem;}
.top-about-img{padding-top:25.5rem;}
.top-tech-top-space{background-color:#ffffff; padding-top:17rem;}
.ccm-edit-mode .top-tech-mainContent{margin-top:0rem;}
.top-tech-mainContent{position: relative; margin-top:-12rem; padding-top: 6rem; background: -moz-linear-gradient(90deg, rgba(188,42,35,0) 25%, rgba(188,42,35,1) 25%, rgba(188,42,35,1)); background: -webkit-linear-gradient(90deg, rgba(188,42,35,0) 25%, rgba(188,42,35,1) 25%, rgba(188,42,35,1)); background: linear-gradient(90deg, rgba(188,42,35,0) 25%, rgba(188,42,35,1) 25%, rgba(188,42,35,1));}
.top-tech-mainContent-inner{padding:0rem 2rem 0rem 2rem;}
.top-tech-mainContent-img{padding-top:30.5rem;}
.ccm-edit-mode .top-tech-mainContent-ttlA{margin-top: 0rem;}
.top-tech-mainContent-ttlA{position: relative; margin-top: -5rem; background-color:#ffffff; padding:4rem 2rem 6rem 2rem;}
.top-tech-mainContent-ttlA p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem; color:#fcdbdb; margin-bottom:0.5rem;}
.top-tech-mainContent-ttlA p:nth-child(2){font-weight: bold; font-size:1.8rem; line-height: 1.4; letter-spacing:0.1rem; color:#bc2a23;}
.top-tech-mainContent-readA{color:#ffffff; padding:2rem 0rem 2rem 2rem;}
.top-tech-bgColor{background-color:rgba(49,59,79,0.8);}
.top-tech-subInner .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:100%;}
.top-tech-subContent{padding:5rem 2rem 5rem 2rem;}
.top-tech-mainContent-ttlB{padding:0rem 0rem 1.5rem 0rem;}
.top-tech-mainContent-ttlB p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem; color:#ffffff; margin-bottom:0.5rem;}
.top-tech-mainContent-ttlB p:nth-child(2){font-weight: bold; font-size:1.8rem; line-height: 1.4; letter-spacing:0.1rem; color:#ffffff;}
.top-tech-mainContent-readB{color:#ffffff; padding:0rem 0rem 2rem 0rem;}
.top-tech-subContent-img{padding-top:20.5rem; margin-left:2rem;}
.top-facility-bgColor{background-color:rgba(0,0,0,0.5);}
.top-facility-btn{padding:16rem 2rem;}
.top-facility-btn .fs_btn{font-size: 1.25rem; letter-spacing: 0.1rem;padding: 2.5rem 2rem; max-width: 340px; width: 100%;}
.top-cr-wrapper{padding:5rem 2rem 5rem 2rem;}
.top-cr-btn{border-radius: 10px; margin-bottom:0.5rem;}
.top-cr-btn .fs_btn{border-radius: 10px; padding: 6rem 0.5rem 9rem 0.5rem; background-color:rgba(188,42,35,0.8)}
.top-cr-btn .fs_btn:hover{background-color:rgba(188,42,35,0.2)}
.top-cr-btn .fs_btn .fs_btn_text_main::after{content: ''; position: relative; display: block; width: 1px; height: 40px; margin: auto; background-color: #ffffff;}
.top-cr-btn .fs_btn .fs_btn_text_sub{font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1rem; margin-top: 1rem;}

.movie-large{width: 100%; aspect-ratio: 16 / 9; position: relative; padding: 0rem;}
/*.movie-large:after{content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);}*/
.movie-large iframe{width: 100%; height: 100%;}
.movie-small{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; width:100%; box-sizing: border-box;}
.movie-small iframe{width: 240px; height: 132px;}
.movie-small iframe:first-child{padding-right:5px;}
.ytube{justify-items: left; margin-left: 0.5rem; padding-top: 132px; position: relative; width: 240px;}
.ytube iframe{height: 100%; right: 0; position: absolute; top: 0; width: 100%;}
.ytube a{height: 132px; right: 0.25rem; position: absolute; top: 0; width: 240px;}
@media screen and (max-width: 498px) {
    .movie-small iframe{width: 100%; height: 95px;}
    .movie-small iframe:first-child{padding-right:0px;}
    .movie-small div:first-child{margin-right:0.5rem;}
    .ytube{margin-left: 0rem; padding-top: 95px; width: calc(50% - 0.25rem);}
    .ytube a{height:95px; width: 100%;}
}

@media screen and (max-width: 498px) {
    .catch-copy{padding: 29vh 0rem 35vh 7%;}
    .catch-copy img{max-width:200px;}
    .top-about-bg{background-size: 1020px; background-position: bottom 0 left -420px;}
    .top-about-img{padding-top:19.5rem;}
    .top-tech-top-space{padding-top:8rem;}
    .top-tech-mainContent{position: relative; margin-top:-4rem; padding-top: 2rem; background: -moz-linear-gradient(90deg, rgba(188,42,35,0) 2rem, rgba(188,42,35,1) 2rem, rgba(188,42,35,1)); background: -webkit-linear-gradient(90deg, rgba(188,42,35,0) 2rem, rgba(188,42,35,1) 2rem, rgba(188,42,35,1)); background: linear-gradient(90deg, rgba(188,42,35,0) 2rem, rgba(188,42,35,1) 2rem, rgba(188,42,35,1));}
    .top-tech-mainContent-img{padding-top:19.5rem;}
    .top-tech-mainContent-ttlA{margin-top: 0rem; padding:2rem 2rem 2.5rem 2rem;}
    .top-tech-subInner .ccm-layout-row-1{flex-flow: column wrap;}
    .top-tech-subContent-img{padding-top: 19.5rem; margin-left: 0rem;}
    .top-facility-btn{padding: 10.5rem 2rem;}
    .top-cr-btn .fs_btn{font-size:1.2rem!important; background-color:rgba(188,42,35,0.5); padding: 2.5rem 0.5rem 5rem 0.5rem;}
    .top-cr-btn .fs_btn .fs_btn_text_main::after{height: 26px; top: 7px;}

    .movie-large:after{display:none;}
}

/*　==============================　技術･設備紹介　==============================　*/
.technology-wrrapper-red{padding:5rem 0rem;}
.technology-wrrapper-white{padding:7.5rem 0rem;}
.tech-faculity-main-img{padding-top:30rem; margin:0rem 2rem 2.5rem 2rem;}
.tech-faculity-ttl{font-weight:bold; font-size:1.5rem; margin:0rem 2rem 1.5rem 2rem;}
.tech-faculity-read{margin:0rem 2rem 0rem 2rem;}
.tech-faculit-subTtl{margin: 0rem 2rem 2rem 2rem;}
.tech-faculit-subTtl p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem;}
.tech-faculit-subTtl p:nth-child(2){font-weight: bold; font-size:1.6rem; line-height: 1.4; letter-spacing:0.1rem;}
.tech-faculity-sub-imgL{padding-top:27rem; margin:0rem 2rem 1.5rem 2rem; border-left:6px solid #bc2a23;}
.tech-faculity-sub-imgS{padding-top:22rem; margin:0rem 1rem 1.5rem 1rem; border-left:6px solid #bc2a23;}
.tech-faculity-subTtl{font-weight:bold; font-size:1.25rem; margin:0rem 1rem 4rem 1rem;}
.tech-faculity-readRead{margin:0rem 1rem 4rem 1rem;}
@media screen and (max-width: 498px) {
    .tech-faculity-main-img{padding-top:24rem;}
    .tech-faculity-sub-imgL{padding-top:17.5rem;}
    .tech-faculity-sub-imgS{padding-top:17.5rem;}
}

/*　--------------------　設備テーブルの設定　--------------------　*/
.facility-table-wrapper{padding:0rem 2rem 0rem 2rem;}
.facility-table-wrapper table{border: 1px solid #bc2a23; box-sizing:border-box; width: 100%;}
.facility-table-wrapper tr{border-top: 1px solid #bc2a23; box-sizing:border-box;}
.facility-table-wrapper tr:first-child{border-top: 0px solid #bc2a23;}
.facility-table-wrapper th, .facility-table-wrapper td{padding: 0.75rem 2rem; box-sizing: border-box;}
.facility-table-wrapper th{font-weight: normal; color:#bc2a23; background-color:#f2f2f2; width: 260px;}
.facility-table-wrapper td:nth-child(2){width: calc(100% - 400px);}
.facility-table-wrapper td:nth-child(3){width: 100px; text-align: right;}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 498px){
    .facility-table-wrapper th, .facility-table-wrapper td{padding: 0.75rem 1rem;}
    .facility-table-wrapper th{width: 47%;}
    .facility-table-wrapper td:nth-child(2){width: 40%; padding: 0.75rem 0.5rem 0.75rem 1rem;}
    .facility-table-wrapper td:nth-child(3){width: 13%; padding: 0.75rem 1rem 0.75rem 0rem;}
}


/*　==============================　企業情報　==============================　*/
.company-mes-wrapper{}
.company-subTtl{padding:0rem 0rem 0rem 1rem; margin: 0rem 2rem 2.5rem 2rem; border-left: 4px solid #bc2a23;}
.company-subTtl p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem;}
.company-subTtl p:nth-child(2){font-weight: bold; font-size:1.2rem; line-height: 1.4; letter-spacing:0.1rem;}
.company-subTtl-s{padding:0rem 2rem 0rem 2rem;}
.company-subTtl-s p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem;}
.company-subTtl-s p:nth-child(2){font-weight: bold; font-size:1.2rem; line-height: 1.4; letter-spacing:0.1rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
.company-subTtl-s p:nth-child(2):after{content: ''; display: block; width: 80%; height: 1px; background: #ffffff; position: relative; top: -0.1rem; left: 5%;}
.company-mes-img{padding-top:24rem; margin: 0rem 2rem 0rem 2rem;}
.message-name img{max-width: 200px; width: 100%; padding: 0rem 2rem;}
.company-philosophy-bg{background-color:rgba(49,59,79,0.8); padding:7.5rem 0rem;}
.company-philosophy-tx{padding:2.5rem 2rem 0rem 2rem;}
.company-philosophy-tx p:nth-child(1){font-weight: bold; font-size:2rem; line-height: 1.4; letter-spacing:0.1rem;}
.company-philosophy-tx p:nth-child(2){font-weight: bold; font-size:1rem; letter-spacing:0.1rem;}
.company-table-wrapper{padding:7.5rem 0rem;}
.company-office-wrapper{padding:7.5rem 0rem;}
.company-officeTtl-s{padding:0.5rem 2rem 0.5rem 1rem; margin:0rem 0rem 1rem 2rem; border-left:3px solid #ffffff;}
.company-officeTtl-s span{font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem; line-height: 1.4; letter-spacing:0.1rem;}
.company-office-img{}
@media screen and (max-width: 1024px) {
    .company-subTtl-s p:nth-child(2):after{width: 75%; top: -0.1rem; left: 5%;}
}
@media screen and (max-width: 498px) {
.message-name img{max-width: 170px;}
.company-philosophy-tx{padding:2.5rem 1rem 0rem 2rem;}
}
/*　--------------------　概要の設定　--------------------　*/
.outline-tb{padding: 0rem 2rem 0rem 2rem;}
.outline-tb ul{width:100%;}
.outline-tb ul li{width:100%;}
.outline-tb dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width:100%;}
.outline-tb dl dt{font-weight:bold; color:#bc2a23; width:220px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #bc2a23; box-sizing: border-box;}
.outline-tb dl dd{width:calc(100% - 220px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #cccccc; box-sizing: border-box;}
.outline-tb dl dd img{padding: 1.5rem 0rem 1rem 0rem; max-width: 230px; width: 100%;}
.outline-tb i{color:#030d26;}
.outline-tb iframe{margin-top:1rem;}
@media screen and (max-width: 1211px) {
    .outline-tb dl dt{width:33%;}
    .outline-tb dl dd{width:67%;}
}
@media screen and (max-width: 498px) {
    .outline-tb{padding: 2rem 2rem 0rem 2rem;}
    .outline-tb dl{flex-flow: column wrap;}
    .outline-tb dl dt{text-align: justify; color:#bc2a23; width:100%; padding:1rem 0rem 0rem 0rem; border-top:1px solid #cccccc;}
    .outline-tb dl dd{width:100%; padding:0.5rem 0rem 1rem 0rem; border-top:0px solid #bc2a23;}
}
/*　--------------------　沿革　--------------------　*/
.history-tb{text-align: left; position: relative; padding: 0rem 2rem 0rem 2rem;}
.history-tb__row {display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; opacity: 0; -webkit-transition: .3s; transition: .3s; }
.history-tb__row:before, .history-tb__row:after {content: ''; display: block; position: absolute; top: 8px; -webkit-transition: .3s; transition: .3s;}
.history-tb__row:before {width: 2px; height: 0; background-color: #c9c9c9; left: 8px;}
.history-tb__row:after {width: 8px; height: 8px; border-radius: 4px; background-color: #bc2a23; left: 5px; opacity: 0;}
.history-tb__row:last-child .history-tb__body {position: relative;}
.history-tb__row:last-child .history-tb__body:before {content: '\f04d'; font-family: FontAwesome; font-size: 1.25rem; color: #bc2a23; font-weight: 700; position: absolute; bottom: -15px; left: -2px; z-index: 1; -webkit-transition: .3s; transition: .3s; opacity: 0;}
.history-tb__row.is-scrolled {opacity: 1;}
.history-tb__row.is-scrolled:before {height: 100%;}
.history-tb dl:last-child:before {height: auto;}
.history-tb__row.is-scrolled:after {opacity: 1;}
.history-tb__row.is-scrolled:last-child .history-tb__body:before {opacity: 1;}
.history-tb__row:last-child .history-tb__body:before {top: -4px; left: -8px;}
.history-tb__head, .history-tb__body {font-size: 1rem; padding-bottom: 2rem;}
.history-tb__head {width: 100%; position: relative; padding-left: 1.5rem; text-align: left;}
.history-tb__body {padding-left: 1.5rem;}
.history-ttl-base {font-weight: normal;}
.history-ttl {margin-top: 0; margin-top: 0; margin-bottom: 6px; margin-bottom: .375rem; font-size: 1rem;}
.history-read {margin-top: 0; margin-top: 0; margin-bottom: 24px; margin-bottom: 1.5rem; font-size: 1rem;}
@media screen and (max-width:1024px) {
    .history-tb__row:last-child .history-tb__body:before {left: -2px;}
}
@media screen and (min-width:992px) {
    .history-read {margin-top: 0; margin-top: 0; margin-bottom: 24px; margin-bottom: 1.5rem; font-size: 1rem;}
}
@media screen and (min-width:769px) {
    .history-tb__row {-webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .history-tb__row:before {left: 197px;}
    .history-tb__row:after {left: 194px;}
    .history-tb__head {width: 150px; min-width: 150px; padding-left: 0; padding-right: 3rem; text-align: right; }
    .history-tb__body {padding-left: 3rem;}
}
@media screen and (max-width:768px) {
    .history-tb__head{padding-bottom:0.5rem;}
    .history-tb__head, .history-tb__body{padding-left: 2rem;}
    .history-tb__row:last-child .history-tb__body:before {top: -30px; left: 2px;}
    .history-tb__row:before, .history-tb__row:after {top: 5px;}
    .history-tb__head .history-ttl {font-weight:bold; font-size: 1.1rem; color:#bababa;}
}
@media screen and (max-width:498px) {
    .history-tb{margin-left: -1rem; padding: 0rem 2rem 0rem 2.45rem;}
    .history-tb__body{width:95%;}
    .history-tb__row:before, .history-tb__row:after {top: 5px;}
    .history-tb__row:last-child .history-tb__body:before {left: 2px;}
}


/*　==============================　採用情報　==============================　*/
.ccm-edit-mode .recruit-catch-copy{margin-top:0rem;}
.recruit-catch-copy{margin:-2.5rem 0rem 3.5rem 2rem;}
.recruit-catch-copy .bgWrap{position: relative; display: inline-block; margin-bottom: 15px;}
.recruit-catch-copy .bgWrap .inn{background-color:#bc2a23; color: #ffffff; display: inline-block; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.75rem; padding: 0.5rem 0.8rem 0.4rem 1rem; position: relative; z-index: 1;}
.recruit-technology-img{padding: 3.5rem 0rem 4rem 2rem;}
.recruit-subTtl-en{font-size:6rem; line-height: 1; letter-spacing: -0.3rem; padding-top: 5rem;}
.ccm-edit-mode .recruit-subTtl-ja{margin-top:0rem;}
.recruit-subTtl-ja{font-weight: bold; font-size:1.8rem; line-height: 1.4; letter-spacing:0.1rem; margin: -2rem 2rem 2.5rem 2rem;}
.recruit-pg .archiveBoxesC4-cardA-list{width:47.5%!important; margin: 0% 5% 9% 0%!important;}
.recruit-pg .archiveBoxesC4-cardA-list:nth-child(2n){margin: 0% 0% 9% 0%!important;}
.recruit-pg .archiveCardA-list-on{z-index: 20!important; transform:translate3d(0,0,0);}
.recruit-pg .archiveCardA-list-img{position: static!important; z-index: 10!important; transform:translate3d(0,0,0); background-position: top!important; height:35vh!important;}
.recruit-pg .archiveCardA-list-inner:after{position: absolute; content: ''; z-index: 0; transform:translate3d(0,0,0); width: 100%; height: 100%; bottom: -20px; left: -20px; background: center/50px;}
.recruit-pg .archiveBoxesC4-cardA-list .archiveCardA-list-inner:after{background-color: #bc2a23;}
.recruit-pg .archiveCardA-txt-ttl{font-size: 1.1rem!important; font-weight: bold!important; text-align: center; color: #bc2a23; padding:1.5rem 0rem 0.3rem 0rem!important;}
.recruit-pg .archiveCardA-txt-read{color: #1a1a1a; font-size: 0.9rem!important; padding: 0rem 1rem 1.5rem 1rem!important;}
.recruit-pg .archiveCardA-list-txt{width: 90%!important; margin: 0 auto -3rem auto!important; text-align: center!important; box-shadow: 3px 4px 15px 2px rgba(0,0,0,.20); background-color: rgba(255,255,255,1)!important;}
.recruit-welfare-list{color: #ffffff; padding: 3rem 0rem 4rem 0rem;}
.recruit-welfare-list ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width:100%;}
.recruit-welfare-list ul li{padding: 2.5rem 2rem; margin: 0% 2% 2% 0%; box-sizing: border-box; width:32%; background-color: rgba(255,255,255,0.1);}
.recruit-welfare-list ul li:nth-child(3n){margin-right:0%;}
.recruit-welfare-list ul li div{margin-bottom:1.5rem;}
.recruit-welfare-list ul li img{width:100%; height:70px;}
.recruit-welfare-list dl dt{font-size: 1.4rem; font-weight: bold; margin-bottom: 1rem;}
.recruit-welfare-list dl dd{}
.guideline-btn-wrapper{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; width:100%;}
.guideline-btn-wrapper > div{width:49%;}

@media screen and (max-width: 498px) {
    .recruit-catch-copy{margin: 0rem 0rem 0rem 2rem; position: relative; top: -2rem;}
    .recruit-technology-img{padding: 0rem 0rem 7rem 2rem;}
    .recruit-pg .archiveBoxesC4-cardA-list{width:100%!important; margin: 0% 0% 15% 0%!important;}
    .recruit-pg .archiveBoxesC4-cardA-list:nth-child(2n){margin: 0% 0% 15% 0%!important;}
    .recruit-welfare-list{padding: 3rem 2rem 4rem 2rem;}
    .recruit-welfare-list-container{margin:0rem 2rem 0rem 2rem; padding:2rem 1rem 2rem 1rem;}
    .recruit-welfare-list ul li{padding: 2rem 0.5rem 1.5rem 0.5rem; margin: 0% 2% 2% 0%!important; width:49%;}
    .recruit-welfare-list ul li:nth-child(2n){margin-right:0%!important;}
    .recruit-welfare-list ul li img{height:50px;}
    .recruit-welfare-list dl dt{font-size: 1.2rem; margin-bottom: 1.5rem;}
    .recruit-welfare-list dl dd{width: 95%; margin: 0 auto;}
}


/*　==============================　社員インタビュー　==============================　*/
.page-ttl-interview{padding:50vh 2rem 13vh 2rem;}
.page-ttl-interview p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem; color:#fcdbdb; margin-bottom:0.5rem;}
.page-ttl-interview p:nth-child(2){font-weight: bold; font-size:1.8rem; line-height: 1.4; letter-spacing:0.1rem; color:#bc2a23;}
.ccm-edit-mode .interview-member-plate{margin-top:0rem;}
.interview-member-plate{color: #ffffff; background-color: #c40013; position: relative; padding: 2rem; margin: -5rem 0rem 2rem 2rem; box-sizing: border-box;}
.interview-member-plate p:nth-child(1){font-size: 1.35rem; font-weight: bold; line-height: 1.2; letter-spacing: 0.2rem; margin-bottom: 0.75rem;}
.interview-member-plate p:nth-child(2){letter-spacing: 0.05rem;}
/*.interview-member-plate p:nth-child(1){font-size: 1.35rem; font-weight: bold; line-height: 1.2; letter-spacing: 0.2rem; }
.interview-member-plate p:nth-child(2){margin-bottom: 0.75rem; letter-spacing: 0.05rem;}
.interview-member-plate p:nth-child(2){letter-spacing: 0.05rem;}*/
.interview-qa-contents{margin:0rem 2rem 5rem 2rem;}
.ccm-edit-mode .interview-qa-contents-r{margin-top:0rem;}
.interview-qa-contents-r{margin:-2rem 2rem 7rem 2rem;}
.ccm-edit-mode .interview-qa-contents-l{margin-top:0rem;}
.interview-qa-contents-l{margin:-16rem 2rem 3.5rem 2rem;}
.interview-qa-inner{background-color:#ffffff; padding:2.5rem 2rem;}
.interview-qa-img{padding-top:23rem;}
.interview-qa{}
.interview-qa p:nth-child(1){color:#c40013; font-weight: bold; letter-spacing: 0.05rem; margin-bottom:1.5rem;}
.interview-qa p:nth-child(2){}
.interview-bottom{padding:6.5rem 0rem;}

.pg-onecolumn{max-width: 100%; margin: 0rem 5%!important;}
.interview-pg .archiveBoxesC4-cardA-list{width:30.6%!important; margin: 0% 4% 9% 0%!important;}
.interview-pg .archiveBoxesC4-cardA-list:nth-child(3n){margin: 0% 0% 9% 0%!important;}
.interview-pg .archiveCardA-list-on{z-index: 20!important; transform:translate3d(0,0,0);}
.interview-pg .archiveCardA-list-img{position: static!important; z-index: 10!important; transform:translate3d(0,0,0); background-position: top!important; height:32vh!important;}
.interview-pg .archiveCardA-list-inner:after{position: absolute; content: ''; z-index: 0; transform:translate3d(0,0,0); width: 100%; height: 100%; bottom: -20px; left: -20px; background: center/50px;}
.interview-pg .archiveBoxesC4-cardA-list .archiveCardA-list-inner:after{background-color: #bc2a23;}
.interview-pg .archiveCardA-txt-ttl{font-size: 1.1rem!important; font-weight: bold!important; text-align: center; color: #bc2a23; padding:1.5rem 0rem 0.3rem 0rem!important;}
.interview-pg .archiveCardA-txt-read{color: #1a1a1a; font-size: 0.9rem!important; padding: 0rem 1rem 1.5rem 1rem!important;}
.interview-pg .archiveCardA-list-txt{width: 90%!important; margin: 0 auto -3rem auto!important; text-align: center!important; box-shadow: 3px 4px 15px 2px rgba(0,0,0,.20); background-color: rgba(255,255,255,1)!important;}

@media screen and (max-width: 480px) {
    .page-ttl-interview{padding:30vh 2rem 10vh 2rem;}
    .interview-qa-contents{margin: 0rem 2rem 1rem 2rem;}
    .interview-qa-contents-l{padding-top: 4rem; margin: 0rem 2rem 4rem 2rem;}
    .interview-qa-contents-r{padding-bottom: 4rem; margin: 0rem 2rem 0rem 2rem;}
    .interview-pg .archiveBoxesC4-cardA-list{width:100%!important; margin: 0% 0% 6rem 0%!important;}
    .interview-pg .archiveBoxesC4-cardA-list:nth-child(3n){margin: 0% 0% 6rem 0%!important;}
    .interview-pg .archiveBoxesC4-cardA-list:nth-child(even) .archiveCardA-list-inner:after{left: 20px;}
}

/*　==============================　募集要項　==============================　*/
.guideline-ttl{font-weight: bold; font-size: 1.8rem; color:#ffffff; padding: 4.55rem 2rem;}
.guideline-ttl p{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;}
.guideline-ttl p:before{content: ""; width: 1.7rem; height: 1px; background: #ffffff; margin: -0.2rem 0.5em 0rem 0rem;}
.guideline-form-wrapper{max-width: 1000px; width:100%; margin: 0 auto;}
/*　--------------------　募集要項の設定　--------------------　*/
.guideline-tb{padding: 0rem 0rem 0rem 0rem;}
.guideline-tb ul{max-width: 1000px; width:100%; margin: 0 auto;}
.guideline-tb ul li{width:100%;}
.guideline-tb dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width:100%;}
.guideline-tb ul li:first-child dl dt{border-top:0px solid #bc2a23;}
.guideline-tb ul li:first-child dl dd{border-top:0px solid #cccccc;}
.guideline-tb dl dt{width:220px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #bc2a23; box-sizing: border-box;}
.guideline-tb dl dd{width:calc(100% - 220px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #cccccc; box-sizing: border-box;}
.guideline-tb i{color:#cccccc;}
@media screen and (max-width: 1211px) {
    .guideline-tb dl dt{width:33%;}
    .guideline-tb dl dd{width:67%;}
}
@media screen and (max-width: 498px) {
    .guideline-tb{padding: 0rem 0rem 0rem 0rem;}
    .guideline-tb dl{flex-flow: column wrap;}
    .guideline-tb dl dt{text-align: justify; color:#bc2a23; width:100%; padding:1rem 0rem 0rem 0rem; border-top:1px solid #cccccc;}
    .guideline-tb dl dd{width:100%; padding:0.5rem 0rem 1rem 0rem; border-top:0px solid #bc2a23;}
}
/*　--------------------　フォームの設定1　--------------------　*/
.guideline-f{margin:0rem 0rem 0rem 0rem;}
.guideline-f .formBlockSurveyTable dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; padding:0rem 0rem 1.5rem 0rem;}
.guideline-f .formBlockSurveyTable dl dt{font-weight: bold; text-align: justify; width:100%; margin-right:0px; padding:0rem 0rem 0.5rem 0rem;}
.guideline-f .formBlockSurveyTable dl:nth-child(1) dd{max-width:400px; width:100%;}
.guideline-f .formBlockSurveyTable dl:nth-child(2) dd{max-width:400px; width:100%;}
.guideline-f .formBlockSurveyTable dl:nth-child(3) dd{max-width:600px; width:100%;}
.guideline-f .formBlockSurveyTable dl:nth-child(4) dd{max-width:400px; width:100%;}
.guideline-f .formBlockSurveyTable dl:nth-child(5) dd{max-width:800px; width:100%;}
.guideline-f .formBlockSurveyTable dl:nth-child(5) input:nth-child(2){max-width:250px; width:100%;}
.guideline-f .formBlockSurveyTable dl:nth-child(6) select{height: 52px; width: 120px; border: 1px solid #aaaaaa;}
.guideline-f .formBlockSurveyTable dl:nth-child(7) input, .guideline-f .formBlockSurveyTable dl:nth-child(8) input{border: 0px solid #aaaaaa!important; background-color: transparent!important; padding-left:0px!important}
.guideline-f .formBlockSurveyTable dl dd input{height: 52px;}
.guideline-f .formBlockSurveyTable dl dd input, .guideline-f .formBlockSurveyTable dl dd textarea{font-size: 1rem; resize: none; border-radius: 0px; padding: 1.5%; border: 1px solid #aaaaaa; box-sizing: border-box; background-color:#ffffff; width: 100%;}
.guideline-f .formBlockSurveyTable dl dd input[type=checkbox]{width:15px!important; height: 26px!important;}
.formBlockSurveyTable dl dd input[type=radio]{width: auto!important; height: auto!important; margin-top: -3px;}
.guideline-f .formBlockSubmitButton{width:240px!important; text-align:center!important; background-color: #313b4f!important; color:#ffffff; border:1px solid #313b4f!important; border-radius: 0px!important; transition:0.6s; cursor: pointer;}
.guideline-f .formBlockSubmitButton:hover{background-color: #aaaaaa!important; border:1px solid #aaaaaa!important; color:#ffffff; transition:0.6s;}
@media screen and (max-width: 498px) {
.guideline-f .miniSurveyView input[type="text"], .guideline-f .miniSurveyView input[name^="Question"], .guideline-f .miniSurveyView textarea[name^="Question"]{font-size: 16px !important; transform: scale(1)!important;}
}
/*　--------------------　フォームの設定2　--------------------　*/
.guideline-f2{margin:0rem 0rem 0rem 0rem;}
.guideline-f2 .formBlockSurveyTable dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; padding:0rem 0rem 1.5rem 0rem;}
.guideline-f2 .formBlockSurveyTable dl dt{font-weight: bold; text-align: justify; width:100%; margin-right:0px; padding:0rem 0rem 0.5rem 0rem;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(1) dd{max-width:400px; width:100%;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(2) dd{max-width:400px; width:100%;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(3) dd{max-width:600px; width:100%;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(4) dd{max-width:400px; width:100%;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(5) dd{max-width:800px; width:100%;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(5) input:nth-child(2){max-width:250px; width:100%;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(6) select{height: 52px; width: 120px; border: 1px solid #aaaaaa;}
.guideline-f2 .formBlockSurveyTable dl:nth-child(6) input, .guideline-f2 .formBlockSurveyTable dl:nth-child(7) input, .guideline-f2 .formBlockSurveyTable dl:nth-child(8) input{border: 0px solid #aaaaaa!important; background-color: transparent!important; padding-left:0px!important}
.guideline-f2 .formBlockSurveyTable dl dd input{height: 52px;}
.guideline-f2 .formBlockSurveyTable dl dd input, .guideline-f2 .formBlockSurveyTable dl dd textarea{font-size: 1rem; resize: none; border-radius: 0px; padding: 1.5%; border: 1px solid #aaaaaa; box-sizing: border-box; background-color:#ffffff; width: 100%;}
.guideline-f2 .formBlockSurveyTable dl dd input[type=checkbox]{width:15px!important; height: 26px!important;}
.formBlockSurveyTable dl dd input[type=radio]{width: auto!important; height: auto!important; margin-top: -3px;}
.guideline-f2 .formBlockSubmitButton{width:240px!important; text-align:center!important; background-color: #313b4f!important; color:#ffffff; border:1px solid #313b4f!important; border-radius: 0px!important; transition:0.6s; cursor: pointer;}
.guideline-f2 .formBlockSubmitButton:hover{background-color: #aaaaaa!important; border:1px solid #aaaaaa!important; color:#ffffff; transition:0.6s;}
@media screen and (max-width: 498px) {
.guideline-f2 .miniSurveyView input[type="text"], .guideline-f2 .miniSurveyView input[name^="Question"], .guideline-f2 .miniSurveyView textarea[name^="Question"]{font-size: 16px !important; transform: scale(1)!important;}
}
/* Checkbox */
.guideline-f input[type=checkbox]{width:auto!important;}
.guideline-f input[type=checkbox]:before,
.guideline-f input[type=checkbox]:after{position: absolute; content: ""; background: #fff; transition: all .2s ease-in-out;}
.guideline-f input[type=checkbox]:before{left: 2px; top: 6px; width: 0; height: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
.guideline-f input[type=checkbox]:after{right: 9px; bottom: 3px; width: 2px; height: 0; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transition-delay: .2s;}
.guideline-f input[type=checkbox]:checked:before{left: 1px; top: 10px; width: 6px; height: 2px;}
.guideline-f input[type=checkbox]:checked:after{right: 5px; bottom: 1px; width: 2px; height: 14px;}
.guideline-f input[type=checkbox]:indeterminate:before, .guideline-f input[type=checkbox]:indeterminate:after{width: 7px; height: 2px; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0);}
.guideline-f input[type=checkbox]:indeterminate:before{left: 1px; top: 7px;}
.guideline-f input[type=checkbox]:indeterminate:after{right: 1px; bottom: 7px;}
/* Radio */
.guideline-f input[type=radio]{width:auto!important;}
.guideline-f input[type=radio]{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; vertical-align: -0.8rem; transition:all .15s ease-out 0s; color: #fff; cursor: pointer; display: inline-block; margin: .4rem; outline: none;}
.guideline-f input[type=radio]{border-radius: 50%!important; border: 2px solid #707070!important; background-color: #c0c0c0!important; padding:0%!important;}
.guideline-f input[type=radio]:checked:before{transform: scale(1);}
.guideline-f input[type=radio]:before{content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; margin: 3px; transform: scale(0); transition: all ease-out 250ms;}
/* Colors */
.guideline-f input[type=checkbox], .guideline-f input[type=radio]{border: 2px solid #009ccb;}
.guideline-f input[type=checkbox]:checked, .guideline-f input[type=checkbox]:indeterminate,input[type=radio]:checked:before{background: #008eec;}
input[type="submit"] {appearance: none; -webkit-appearance: none;}

/*　==============================　送信完了　==============================　*/
/*　--------------------　連絡先　--------------------　*/
.offices-tb-contact{margin:0rem 0rem 1.5rem 0rem;}
.offices-tb-contact ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.offices-tb-contact li{box-sizing: border-box; margin-bottom: 1.5rem;}
.offices-tb-contact li:nth-child(1){width:350px;}
.offices-tb-contact li:nth-child(2){width:calc(100% - 350px);}
@media screen and (max-width: 768px) {
    .offices-tb-contact li:nth-child(1){width:270px;}
    .offices-tb-contact li:nth-child(2){width:calc(100% - 270px);}
}
@media screen and (max-width: 498px) {
    .offices-tb-contact ul{flex-flow: column wrap;}
    .offices-tb-contact li{width: 100%!important;}
}

/*　==============================　サイトのご利用について　==============================　*/
/*　--------------------　サイトのご利用についての設定　--------------------　*/
.contentA-hr{border-color: #313b4f; margin: 3rem 0rem;}
.contentA-hr-u{border-color: #bababa; margin: 2rem 0rem 2rem 3rem;}
.contentA-detailTx{margin: 0rem 0rem 0rem 2rem;}
.contentA-detailTx table{width:100%; border:none;}
.contentA-detailTx th{font-size: 1.2rem; font-weight: normal; width:70px;}
.contentA-detailTx td{width:calc(100% - 70px);}
.sitepolicy-requirements{margin:1.5rem 0rem 1.5rem 2rem;}
.sitepolicy-requirements ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;}
.sitepolicy-requirements li{width:35%;}
.sitepolicy-requirements dt{font-weight:bold;}
.sitepolicy-requirements dd{margin-top: 0.5rem; margin-left: 0.75rem;}
@media screen and (max-width: 498px){
    .contentA-hr-u{margin: 2rem 0rem 2rem 0rem;}
    .contentA-detailTx{margin: 0rem 0rem 0rem 0rem;}
    .contentA-detailTx th{width:35px;}
    .contentA-detailTx td{width:calc(100% - 35px);}
    .sitepolicy-requirements{margin:2rem 0rem 2rem 0rem;}
    .sitepolicy-requirements li{width: 50%;}
    .sitepolicy-requirements dd{margin-top: 0.5rem; margin-left: 0rem; letter-spacing: -0.01rem;}
}

/*　==============================　共通の設定　==============================　*/
.page-ttl{padding: 0rem 0rem 3.5rem 1rem; margin: 4.55rem 2rem 0rem 2rem; border-left: 4px solid #bc2a23;}
.page-ttl p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem; color:#fcdbdb; margin-bottom:0.5rem;}
.page-ttl p:nth-child(2){font-weight: bold; font-size:1.8rem; line-height: 1.4; letter-spacing:0.1rem; color:#bc2a23;}
.page-ttl-uSpace{padding-top: 35rem;}
.ccm-edit-mode .page-contents-up{margin-top:0rem;}
.page-contents-up{position: relative; margin-top:-14rem; margin-bottom:5rem; background-color:#ffffff; padding:3rem 2rem 5rem 2rem;}
.ccm-edit-mode .page-guideline-up{margin-top:0rem;}
.page-guideline-up{position: relative; margin-top:-6rem; margin-bottom:7.5rem; background-color:#ffffff; padding:3rem 2rem 5rem 2rem;}
.prev-btnText{padding: 2rem 0rem 0rem 0rem;}
.prev-btnText .fs_btn{max-width: 330px; width: 100%;}
.page-next-bottom{background-color:#f2f2f2; padding:6.5rem 0rem;}
.page-next-bottom-img{width: 65%; margin: 0rem 2rem 0rem auto;}
.page-next-bottom-img .fs_btn{width:100%;}
.page-next-bottom-img .fs_btn_text{text-align: right!important; opacity:0; width: 100%; padding: 11rem 2rem 11rem 0rem; box-sizing: border-box;}
.page-next-bottom-img .fs_btn_text:hover{opacity:1;}
.page-next-bottom-img .fs_btn:hover{background-color: rgba(0,0,0,0.8);}
.ccm-edit-mode .page-next-bottom-btn{margin:0rem auto 0rem 2rem; top: 0rem;}
.page-next-bottom-btn{width: 40%; margin:-16rem auto 7.5rem 2rem; position: relative;}
.page-next-bottom-btn .fs_btn{width: 100%; margin: 0rem auto 0rem 0rem; padding: 1rem;}
.page-next-bottom-btn .fs_btn_text_main{font-size:1.75rem; font-weight: bold; letter-spacing: 0.4rem; color: #bc2a23; margin-bottom: 1rem;}
.page-next-bottom-btn .fs_btn_text_sub{font-size:2rem; font-weight: bold; letter-spacing: 0.25rem; color: #ffffff; background-color: rgba(188,42,35,1); box-sizing: border-box; padding: 1.25rem 1rem; border:1px solid #bc2a23; transition: 0.3s;}
.page-next-bottom-btn .fs_btn:hover .fs_btn_text_sub{color: #bc2a23; background-color: rgba(255,255,255,0); border-top:1px solid transparent; border-right:1px solid transparent; border-bottom:1px solid transparent;  border-left:1px solid #bc2a23;  transition: 0.3s;}
.page-gl-bottom{background-color:#bc2a23; padding:6.5rem 0rem 7rem 0rem;;}
.page-gl-ttl{padding:0rem 0rem 3.5rem 0rem;}
.page-gl-ttl p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem; color:#ffffff; margin-bottom:0.5rem;}
.page-gl-ttl p:nth-child(2){font-weight: bold; font-size:1.8rem; line-height: 1.4; letter-spacing:0.1rem; color:#ffffff;}
.page-interview-ttl{padding:0rem 0rem 3.5rem 0rem;}
.page-interview-ttl p:nth-child(1){font-weight: bold; font-size:1.2rem; letter-spacing:0.1rem; color:#fcdbdb; margin-bottom:0.5rem;}
.page-interview-ttl p:nth-child(2){font-weight: bold; font-size:1.8rem; line-height: 1.4; letter-spacing:0.1rem; color:#bc2a23;}
@media screen and (max-width: 498px) {
    .page-ttl{padding:0rem 2rem 2rem 2rem;}
    .page-ttl-uSpace{padding-top: 27rem;}
    .page-contents-up{margin-top:-15rem; float:left;}
    .page-guideline-up{margin-top:-7rem; float:left;}
    .prev-btnText .fs_btn{max-width: 100%; width: 100%;}
    .page-next-bottom{padding:0rem 0rem 5rem 0rem;}
    .page-next-bottom-img{width: 100%; margin: 0rem 0rem 4em 0rem;}
    .page-next-bottom-img .fs_btn_text{padding: 10rem 2rem 10rem 0rem;}
    .page-next-bottom-btn{width: calc(100% - 4rem); margin:-5rem auto 0rem 2rem;}
    .page-next-bottom-btn .fs_btn{padding: 0rem;}
    .page-next-bottom-btn .fs_btn_text_main{margin-bottom: 0.5rem;}
    .page-gl-ttl{padding:0rem 0rem 2rem 0rem;}
    .page-interview-ttl{padding:0rem 0rem 2rem 0rem;}
}

/*　==============================　ヘッダー部分　==============================　*/
#cID1 header{background-color: transparent;}
#cID1 .HlogoB{display:none;}
#cID1 .HlogoW{display:block;}
.HlogoB{display:block;}
.HlogoW{display:none;}

/*　--------------------　ヘッダーロゴの設定　--------------------　*/
.h-logo img {max-width:270px;}
@media screen and (min-width: 1201px) {
    .h-logo {padding: 1.3rem 0rem 1rem 2rem;}
}
@media screen and (max-width: 1200px) {
    .h-logo {padding: 1.3rem 0rem 0.9rem 2rem;}
}
@media screen and (max-width: 768px) {
    .h-logo {padding: 1.6rem 0rem 1rem 1.5rem;}
    .h-logo img {width:210px;}
}
@media screen and (max-width: 498px) {
    .h-logo {padding: 1.3rem 0rem 1rem 1.5rem; width: 75%;}
    .h-logo img {width:180px;}
}

/*　--------------------　PCナビの設定　--------------------　*/
.h-nav {padding: 1.5rem 0rem 1.5rem 0rem;}
#cID1 v.h-nav > #fsNavMenuList > .active_page > a{color:#ffffff!important;}
.h-nav > #fsNavMenuList > .active_page > a{position: relative;}
#cID1 .h-nav > #fsNavMenuList > .active_page > a::after{background: #ffffff!important;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #313b4f;}
#cID1 .h-nav a {color:#ffffff!important;}
#cID1 .h-nav a:hover{color:#bc2a23!important;}
.h-nav a {color:#313b4f; position: relative; line-height: 1.4; display: inline-block!important; padding: 1rem 1.75rem 1rem 0rem!important; transition: 0.3s; }
.h-nav .fsNavMenuList > li > a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background: #bc2a23; transition: 0.3s; border-radius: 10px;}
.h-nav .fsNavMenuList > li >  a:hover::after {width: 100%;}
.h-nav a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background: #bc2a23; transition: 0.3s; border-radius: 10px;}
.h-nav a:hover::after {width: 100%;}
.h-nav .fsNavMenuList li{font-size:1rem!important;}
.h-nav .fsNavMenuList > li:nth-last-child(2) .sub_list{word-break: keep-all; right: 0rem;}
.h-nav .fsNavMenuList > li .sub_title {letter-spacing: 0.05rem; font-weight:bold; font-size: 0.9rem!important;}
.h-nav .sub_list{text-align: left; padding: 1rem 0rem 0rem 0rem!important; background-color: rgba(255, 255, 255, 0.85);}
.h-nav .sub_list a{padding: 1rem 2rem 1rem 2rem!important; width: 100%; box-sizing: border-box;}
@media screen and (max-width: 1200px) {
    .h-nav > #fsNavMenuList > .active_page > a::after{bottom: 0rem;}
    .h-nav a::after {bottom: 0rem;}
}
@media screen and (max-width: 1024px) {
    .h-nav a{padding: 1rem 1rem 1rem 0rem !important;}
}
@media screen and (max-width: 768px) {
    .h-nav a{padding: 2.25rem 1.5rem 2.25rem 0rem !important;}
}
@media screen and (max-width: 498px) {
    .h-nav .fsNavMenuList > li::nth-last-child(2){display:block;}
}

/*　--------------------　Fatナビの設定　--------------------　*/
.fat-nav{background: rgba(49, 59, 79, 0.95);}
.fat-nav li {list-style-type: none; text-align: left; padding:1.5rem 0rem; margin:0 0 0 10%; font-size: 1.1rem; border-bottom: 1px solid #ffffff;}
.fat-nav li:last-child{border-bottom: 0px solid #ffffff;}
.fat-nav li a{border-bottom:0px solid #fff !important;}
.fat-nav .sub_title{font-size:1.2rem;}
.fat-nav .hamburger.active{position: fixed; top: 8px; right: 8px;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #bc2a23;}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {background-color: #ffffff!important;}
/*　--------------------　Fatnaviフィックスの設定　--------------------　*/
.fatnavTx{color: #000000;}
#topfix-A {position: absolute; z-index: 50; top:10px; right:8px;}
#topfix-B {position: absolute; z-index: 40; top:42px; right:17px;}
@media screen and (max-width: 498px) {
    #topfix-A {top:12px; right:10px;}
    #topfix-B {font-size: 0.85rem; top:44px; right:19px;}
}

/*　==============================　フッター部分　==============================　*/
.f-link a, .f-link a:visited{color: #ffffff;  transition:0.6s;}
.f-link a:active, .f-link a:hover{color: #0a579f;  transition:0.6s;}
.fooer-banner{padding: 2rem 1.75rem;}
/*　--------------------　フッターロゴの設定　--------------------　*/
.f-logo{padding:0rem 2rem 0rem 2rem;}
@media screen and (min-width: 1201px) {
    .f-logo img {max-width:330px;}
}
@media screen and (max-width: 1200px) {
    .f-logo img {max-width:300px;}
}
@media screen and (max-width: 498px) {
    .f-logo {padding:0rem 2rem 0rem 2rem;}
    .f-logo img {max-width:230px;}
}

/*　--------------------　サイトマップの設定　--------------------　*/
.f-sitemap-tb{margin:3.5rem 2rem 1.5rem 2rem; }
.f-sitemap-tb ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.f-sitemap-tb li{width: 25%; box-sizing: border-box; margin-bottom: 2.5rem;}
.f-sitemap-tb li:nth-child(1){width:34.5%;}
.f-sitemap-tb li:nth-child(2){width:17.5%;}
.f-sitemap-tb li:nth-child(3){width:17.5%;}
.f-sitemap-tb li:nth-child(4){width:30.5%;}
.f-sitemap-tb dl{padding-right: 1rem;}
.f-sitemap-tb dt{padding-bottom: 0.25rem;}
.f-sitemap-tb dt a{font-weight:bold; font-size:1rem; letter-spacing: 0.025rem; color: #bc2a23; transition: 0.3s;}
.f-sitemap-tb dt a:hover{color: #bc2a23; transition: 0.3s;}
.f-sitemap-tb dd{padding: 0.2rem 0rem; font-weight: bold;}
.f-sitemap-tb dd a{font-size:0.95rem; transition: 0.3s;}
.f-sitemap-tb dd a:hover{color: #bc2a23; transition: 0.3s;}
.f-u-page{position: relative; margin-left: 20px;}
.f-u-page:before{content: ''; width: 15px; height: 1px; display: inline-block; background-color: #313b4f; position: absolute; top: calc(50% - 2px); left: -20px; transition: 0.3s;}
.f-u-page:hover:before{background-color: #bc2a23; transition: 0.3s;}
@media screen and (max-width: 1024px) {
    .f-sitemap-tb li:nth-child(1){width:34%;}
    .f-sitemap-tb li:nth-child(2){width:17%;}
    .f-sitemap-tb li:nth-child(3){width:17%;}
    .f-sitemap-tb li:nth-child(4){width:32%;}
}
@media screen and (max-width: 768px) {
    .f-sitemap-tb{margin:4rem 2rem 2rem 3rem;}
    .f-sitemap-tb li{margin-bottom: 1.5rem;}
    .f-sitemap-tb li:nth-child(1){width:60%; order:1;}
    .f-sitemap-tb li:nth-child(2){width:40%; order:0;}
    .f-sitemap-tb li:nth-child(3){width:40%; order:2;}
    .f-sitemap-tb li:nth-child(4){width:60%; order:3;}
    .f-sitemap-tb dt a{font-size:1.2rem;}
    .f-sitemap-tb dd a{font-size:1.15rem;}
}
@media screen and (max-width: 498px) {
    .f-sitemap-tb{margin:4rem 0.5rem 2rem 2rem;}
    .f-sitemap-tb dd a{white-space: nowrap;}
}

/*　--------------------　所在地の設定　--------------------　*/
.f-offices-tb{margin:0rem 2rem 1.5rem 2rem;}
.f-offices-tb ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.f-offices-tb li{box-sizing: border-box; margin-bottom: 1.5rem;}
.f-offices-tb li:nth-child(1){width:52%;}
.f-offices-tb li:nth-child(2){width:48%;}
@media screen and (max-width: 768px) {
    .f-offices-tb{margin:0rem 2rem 1.5rem 3rem;}
    .f-offices-tb ul{flex-flow: column wrap;}
    .f-offices-tb li{width: 100%!important; margin-bottom: 1.5rem;}
}
@media screen and (max-width: 498px) {
    .f-offices-tb{margin:0rem 0.5rem 1.5rem 2rem;}
    .f-offices-tb li{width: 100%!important;}
}

/*　--------------------　ページトップボタンの設定　--------------------　*/
.pagetopBtn{position: fixed; z-index: 20; bottom: 10px; right: 10px;}
.pagetopBtn .fs_btn{text-align:center!important; border-radius: 0px 0px 0px 0px!important;}
.pagetopBtn .fs_btn_text{padding: 0.75rem!important;}
@media screen and (max-width: 498px) {
    .pagetopBtn .fs_btn_text{padding: 0.75rem!important;}
}

/*　==============================　文字に関する設定　==============================　*/
.italic {font-style: italic;}
.bold {font-weight:bold;}
.eiji {font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}
.space-05{letter-spacing: 0.05rem;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.2rem;}
.space-3{letter-spacing: 0.3rem;}
.space-4{letter-spacing: 0.4rem;}
.br-sp{display:none;}
.br-sp-r{display:inline;}
@media screen and (max-width: 480px) { 
    .tx-center{text-align: center!important;}
    .tx-left{text-align: left!important;}
    .tx-right{text-align: right!important;}
    .br-sp{display:block; line-height:0rem;}
    .br-sp-r{display:none;}
}

/*　==============================　色に関する設定　==============================　*/
.rgba-white{background-color:rgba(255,255,255,0.8);}
.rgba-black{background-color:rgba(0,0,0,0.8);}

/*　==============================　デフォルト　==============================　*/
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
    a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
    .tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
    .sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
    .sp-br br {display:none;}
}
/*　———　タブレット縦時改行なし　———　*/
@media screen and (max-width: 768px){
    .tb-br-none br {display:none;}
}
/*　———　タブレット縦時改行あり　———　*/
@media only screen and (min-width: 769px){
    .tb-br br {display:none;}
}
/*　———　タブレット横時改行なし　———　*/
@media screen and (max-width: 1024px){
    .tb-brW-none br {display:none;}
}
/*　———　タブレット横時改行あり　———　*/
@media only screen and (min-width: 1023px){
    .tb-brW br {display:none;}
}
/*　———　タブレット横時スクロール　———　*/
@media screen and (max-width: 1024px) {
    .tb-bg-scroll{background-attachment: scroll!important;}
}
@media screen and (max-width: 1200px) {
    .tb-bg-scrollB{background-attachment: scroll!important;}
}

/*　タブレット縦時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 768px) {
    .tb-bg-none{background-image: none!important;}
}


/*　--------------------　その他　--------------------　*/
a {text-decoration:none;}
h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}
.hover-opacity{opacity: 1; transition:0.6s;}
.hover-opacity:hover{opacity: 0.8; transition:0.6s;}
.hover-opacity-svg img{opacity:1; transition:0.6s;}
.hover-opacity-svg img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-img {opacity:1; transition:0.6s;}
.hover-opacity-img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-mul img{opacity: 1; transition:0.6s;}
.hover-opacity-mul img:hover{opacity: 0.8; transition:0.6s;}
.cuosor {pointer-events: none ; cursor: default ;}

/*　--------------------　Google font　--------------------　*/
body {font-family: YakuHanJP, "Roboto", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "游ゴシック", YuGothic, "MS Pゴシック", Arial, Meiryo, "メイリオ", sans-serif!important; letter-spacing:0.02rem;}

/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {font-size: 16px !important; transform: scale(0.9) !important;}
}