@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(0,0,0,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
@media screen and (max-width: 498px){
#cID1 .vegas-slide-inner{background-position: center center!important; background-size: cover!important;}
.vegas-slide-inner{background-position: top 30px center!important; background-size: 210%!important;}
}

/*　==============================　トップページ　==============================　*/
.top-catch-copy{padding:22vh 2rem 20vh 7vw;}
.top-catch-copy img{max-width: 550px; width:100%;}
.top-info-pg .tk_flex{border-bottom: 1px solid #cccccc;}
.top-info-pg a{color:#ffffff; transition:0.6s;}
.top-info-pg a:hover{color:#bababa; transition:0.6s;}
.top-info-pg .tk_tags_Tags{background-color: #ffffff; color: #313b4f;}
.top-sub-ttl{font-size:2rem;}
.top-point-li{padding:0rem 1rem 0rem 1rem;}
.top-point-li ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: stretch; flex-flow: row wrap;}
.top-point-li ul li{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 49%; height:86px; background-color: #ffffff; margin-bottom:2%; padding-top: 0.25rem; line-height: 1.5;}
.top-point-li ul li p{font-size: 1rem;}
.top-point-li ul li p span{font-weight: bold; font-size: 1.4rem; color:#242684;}
.top-point-li ul li p span.numLi{font-size:1.7rem;}
@media screen and (max-width: 1024px){
    .top-point-li ul li p{font-size: 1.2vw;}
}
@media screen and (max-width: 768px){
    .top-catch-copy{padding:21vh 2rem 21vh 2rem;}
    .top-point-li ul li p{font-size: 1vw;}
    .top-point-li ul li p span{font-size: 2vw;}
}
@media screen and (max-width: 498px){
    .top-sub-ttl{font-weight:bold; font-size:1.8rem;}
    .top-point-li ul li p{font-size: 0.7rem;}
    .top-point-li ul li p span{font-size: 1.3rem;}
    .top-point-li ul li p span.numLi{font-size: 2rem;}
}



/*　==============================　新徳工業について　==============================　*/
.about-point-tx{width:100%; max-width:300px; margin:0 auto;}
.about-img-space{padding-top: 27rem;}
@media screen and (max-width: 498px) {
    .about-point-tx{width:100%; max-width:240px; margin:0 auto;}
    .about-img-space{padding-top: 24rem; margin: 0rem 0rem 0rem 0rem;}
}
/*　--------------------　特長ボックス　--------------------　*/
.about_pickup_box{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; flex-flow: column wrap; margin: -7rem auto 3rem auto;}
.about_pickup_item{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column wrap; justify-content: center; align-items: center; margin: 0rem 2rem; background-color: #242684; color: #ffffff; max-width: 300px; width: 100%; height: 300px; font-size:1.5rem; font-weight:bold; box-sizing: border-box;}
.about_pickup_item span{font-size: 1rem; line-height: 1.5rem;}
@media screen and (max-width: 1024px) {
    .about_pickup_item{width:calc(100% - 2rem); height:calc(300px - 2rem);}
}
@media screen and (max-width: 768px) {
    .about_pickup_box{margin: -4rem auto 3rem auto;}
    .about_pickup_item{width:calc(100% - 2rem); height:calc(300px - 5rem);}
}
@media screen and (max-width: 498px) {
    .about_pickup_box{margin: -5rem 0rem 0rem 0rem;}
    .about_pickup_item{margin: 0rem 0rem 0rem 0rem; padding: 1rem 0rem 1rem 0rem; height: 120px; width: 70%;}
}


/*　==============================　設備紹介　==============================　*/
.facility-tb{}
.facility-tb ul{background-color:#e3eeff;}
.facility-tb-ttl{color:#ffffff; background-color:#242684;}
.facility-tb li{box-sizing: border-box; padding: 0.75rem 2rem;}
.facility-tb li:nth-child(n+2){border-bottom:1px solid #ffffff;}
.facility-tb li:last-child{border-bottom:0px solid #ffffff;}
.facility-tb li 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: flex-start; width: 100%;}
.facility-tb li dt{padding-right: 1rem; width:calc(100% - 295px);}
.facility-tb li dd{width: 295px;}
.facility-item-list{margin-top:1rem;}
.facility-item-list ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between;}
.facility-item-list li{width: 32.33%; margin-bottom:1%; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; align-items: center; background-color: #e3eeff;}
.facility-item-list li div{text-align: center; width: 100%; padding: 1.1rem 1rem;}
@media screen and (max-width: 768px) {
    .facility-item-list li{width: 49.5%;}
}
@media screen and (max-width: 820px) {
    .facility-tb li.facility-tb-ttl{padding: 0.8rem 2rem 0.5rem 2rem;}
    .facility-tb-ttl dd{display:none;}
    .facility-tb li dl{flex-flow: column wrap;}
    .facility-tb li dt{font-weight:bold; padding-right: 0rem; width:100%;}
    .facility-tb li dd{width: 100%;}
    .facility-tb li dd:before{content:"能力･寸法/台数｜";}
}
@media screen and (max-width: 498px) {
    .facility-item-img{padding-bottom:1rem;}
    .facility-item-list ul{flex-flow: column wrap;}
    .facility-item-list ul li{width:100%;}
    .facility-tb li{padding: 0.75rem 1rem;}
    .facility-tb li.facility-tb-ttl{padding: 1.1rem 1rem 0.8rem 1rem;}
    .facility-tb li dt{font-size: 1.1rem;}
}

/*　==============================　製品事例　==============================　*/
.prducts-tb-left {width: 80px; text-align: justify;}
.prducts-tb-right {text-align: justify; padding: 0rem  0rem 0rem 1rem; vertical-align: top; width: calc(100% - 80px); border-left:1px solid #000000;}
.prducts-tb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; text-align: justify; width:100%;}
.prducts-tb tr{display: block; margin-bottom:0.75rem; }

/*　==============================　お取引の流れ　==============================　*/
.flowA-mainImg{padding-top: 20rem; margin:1rem 1rem 1rem 0rem;}
.flowA-bgImg {padding-top: 50vh;}
.flowA-Img{padding-top: 24rem;}
@media screen and (max-width: 498px) {
    .flowA-mainImg{position: relative; top: 2rem;padding-top: 17.5rem; margin:2rem 1rem 1rem 1rem;}
    .flowA-bgImg {padding-top: 40vh;}
}

/*　▼　*/
.flowA-sankaku  {width: 0; height: 0; border: 2rem solid transparent; border-top: 2rem solid #fff; margin: 0 auto; padding:0 0 1rem 0;}
.flowA-sankaku-color {width: 0; height: 0; border: 2rem solid transparent; border-top: 2rem solid #242684; margin: 0 auto; padding:0 0 0rem 0;}
@media screen and (max-width: 498px) {
    .flowA-sankaku-color {margin: 0rem auto -2rem auto;}
}

/*　==============================　企業情報　==============================　*/
.company-all-staffImg{padding-top:32rem;}
/*　----------　アンカーボタン　----------　*/
.color_btn{margin:0rem 0.1rem 0.1rem 0.1rem;}
.color_btn .fs_btn{line-height: 1.7rem; background-color: rgba(0,116,193,1); padding:2.5rem 0rem 2rem 0rem;}
.color_btn .fs_btn:hover {background-color: rgba(0,116,193,0.7);}
.color_btn .fs_btn_text_main {font-size:1.4rem;}
.color_btn .fs_btn_text_sub {font-size:1rem;}
@media screen and (max-width: 498px) {
    .color_btn .fs_btn{padding:2rem 0rem 1.5rem 0rem;}
}
.greeting-area{padding:6rem 0rem 4rem 0rem;}
.greeting-img{padding-top:25.5rem; margin:0rem 1rem 0rem 1rem;}
.length-line-container{width: 100%; text-align: left;}
.length-line{width: 50%; padding-top: 0.6rem; box-sizing: border-box; border-right: 1px solid #0074c1;}
.philosophy-enclosure-top{border-bottom: 0px solid #0074c1!important;}
.philosophy-enclosure-bottom{border-top: 0px solid #0074c1!important;}
.philosophy-item{padding:1rem 2rem 2rem 2rem;}
.philosophy-item ul{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%;}
.philosophy-item ul li{color:#ffffff; background-color: #0074c1; width:32.5%; margin-bottom:1.5%; padding: 0.75rem; box-sizing: border-box;}
@media screen and (max-width: 498px) {
    .greeting-img{margin:0rem 1rem 2rem 1rem;}
    .line-c{margin: 0 auto!important;}
    .philosophy-item ul li{width:49.5%;}
}
/*　--------------------　概要･沿革の設定　--------------------　*/
.outline-tb{padding: 0rem 0rem 0rem 0rem;}
.outline-tb ul{width:100%;}
.outline-tb ul li{width:100%;}
.outline-tb ul li:first-child dl dt, .outline-tb ul li:first-child dl dd{border-top:0px solid #ffffff;}
.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:#ffffff; width:140px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #ffffff; box-sizing: border-box;}
.outline-tb dl dd{width:calc(100% - 140px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #ffffff; box-sizing: border-box;}
.outline-tb i{color:#ffffff;}
.outline-tb table th{width: 145px; font-weight: normal;}
.outline-tb table td{width: calc(100% - 145px);}
@media screen and (max-width: 768px) {
    .outline-tb dl dt{width:100px;}
    .outline-tb dl dd{width:calc(100% - 100px);}
    .outline-tb table th{width:112px;}
    .outline-tb table td{width:calc(100% - 112px);}
}
@media screen and (max-width: 498px) {
    .outline-tb{padding: 0rem 0rem 0rem 0rem;}
    .outline-tb dl{flex-flow: column wrap;}
    .outline-tb dl dt{text-align: justify; color:#a9a9a9; width:100%; padding:1rem 0rem 0rem 0rem; border-top:1px solid #ffffff;}
    .outline-tb dl dd{width:100%; padding:0.5rem 0rem 1rem 0rem; border-top:0px solid #ffffff;}
}

/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
    .tb_bg_scroll{background-attachment: scroll!important; }
}

.company-organization-figure img{max-width:880px; width:100%; margin:2rem auto 2rem auto; padding: 0rem 0rem; box-sizing: border-box;}
@media screen and (max-width: 498px) {
    .company-organization-figure img{margin:0rem auto 0rem auto;}
}

/*　==============================　採用情報　==============================　*/
.recruit-point-box1{position: relative; margin: -3rem 0.5rem 2rem 0.5rem;}
.recruit-point-box2{position: relative; margin: -3rem 0.5rem 2rem 0.5rem;}
.decoration-line-wide{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;}
.decoration-line-wide:before{content: ""; flex-grow: 1; height: 1px; background: #000000; margin: 0rem 1.5em 0rem 0rem;}
.decoration-line-wide:after{content: ""; flex-grow: 1; height: 1px; background: #000000; margin: 0rem 0em 0rem 2rem;}

@media screen and (max-width: 498px) {
    .recruit-point-box1{position: relative; top: -3.5rem; margin: 0rem 2rem 1rem 2rem}
    .recruit-point-box2{margin: -3rem 2rem 1rem 2rem}
    .recruit-application-btn .fs_btn_text{line-height: 1.5;}
}
/*　社員紹介ボタン　*/
.btn_member .fs_btn_text_main {letter-spacing: 0.2rem; font-weight: bold; font-size:4rem; position: relative; bottom: -0.5rem; left: -0.2rem;}
.btn_member .fs_btn_text_sub {font-size:0.8rem; font-weight: bold;}
.btn_member .fs_btn {background-color: rgba(33,33,33,0); padding: 17.5rem 0rem 1rem 0rem;}
.btn_member .fs_btn:hover{background-color: rgba(33,33,33,0.5);}
@media screen and (max-width: 498px) {
    .btn_member .fs_btn {padding: 15rem 0rem 0rem 0rem;}
}
/*　----------　fix　----------　*/
.rec_bg_m{position: relative; z-index: -100;}
@media screen and (max-width: 768px) {
    .rec_bg01{background-attachment: scroll!important;}
}
/*　--------------------　採用情報テーブル　--------------------　*/
.outline_table_list{border-bottom: 1px solid #bababa; padding-bottom: 0.4rem; margin: 0rem;}
.outline_table_list:last-child{border: none; padding-bottom:0rem;}
.outline_contents {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 1.2rem 0rem 0.8rem 0rem;}
.outline_contents dt{color: #B3B3B3; padding: 0rem 1rem 0rem 0rem; width: 140px;}
.outline_contents dd{text-align: justify; padding: 0rem 0rem 0rem 0rem; width: calc(100% - 140px);}
@media screen and (max-width: 768px){
    .outline_contents {flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 0.8rem 0rem 0.4rem 0rem;}
    .outline_contents dt{font-size: 95%; padding: 0rem 0rem 0.4rem 0rem; width: 100%;}
    .outline_contents dd{font-size: 105%; padding: 0rem 0rem 0rem 0rem; width: 100%;}
}

/*　==============================　STAFF　==============================　*/
.staff_margin_n{margin-top: -8rem;}
.qa_q {color:#919191; vertical-align: top; font-weight: bold;}
.qa_a {padding: 0.5rem 0 3rem 0; vertical-align: top;}
@media screen and (max-width: 480px) {
    .staff_margin_n{margin-top: -3rem;}
}
/*　==============================　社員紹介　==============================　*/
.member-mainImg{padding-top: 27rem;}
.member-subImg{padding-top: 18rem;}
@media screen and (max-width: 498px) {
    .member-mainImg{padding-top: 24rem;}
    .member-subImg{padding-top: 19rem; margin: 0rem 2rem 3rem 2rem;}
}
.member-qa-q {color:#0074c1; vertical-align: top; font-weight: bold;}
.member-qa-a {padding: 0.5rem 0rem 2.5rem 0rem; vertical-align: top;}


/*　==============================　GUIDELINE A　==============================　*/
.guidelineA-tb{background-color: #f2f2f2; padding: 1.75rem 0rem 1.5rem 0rem;}
.guidelineA-tb li{width: calc(100% - 4rem); margin: 1rem auto 0rem auto; padding-bottom: 1rem; border-bottom: 1px solid #cfcfcf;}
.guidelineA-tb li:last-child{border-bottom: 0px solid #cfcfcf;}
.guidelineA-tb li 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: flex-start; width: 100%;}
.guidelineA-tb li dl dt{margin: 0rem 0rem 0rem 0rem; position: relative; font-weight: bold; font-size:0.9rem; color:#000000; letter-spacing:0.2rem; width: 200px;}
.guidelineA-tb li dl dd{text-align: left; padding: 0rem 2rem; width: calc(100% - 200px - 4rem);}
@media screen and (max-width: 768px){
    .guidelineA-tb{padding: 1rem 1.5rem 1rem 1.5rem;}
    .guidelineA-tb li{width: 100%;}
    .guidelineA-tb li dl {flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
    .guidelineA-tb li dl dt {font-weight: bold; margin: 0rem 0rem 0.5rem 0rem; padding-top: 0.5rem; width: 100%; letter-spacing:0.1rem;}
    .guidelineA-tb li dl dd {font-size: 1rem; margin: 0rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; width: 100%;}
}


/*　==============================　お問い合わせページ　==============================　*/
.f-contact{}
.formBlockSurveyTable dl dt {color: #999; text-align: left; width: 100%; margin-right: 0%!important; font-weight: bold; font-size: 1rem; margin-top: 1rem; padding: 2px 0 0.5% 0;}
.formBlockSurveyTable dl dd {width: 100%;}
.formBlockSurveyTable dl {padding: 0.5% 0;}
.formBlockSurveyTable dl dd input, .formBlockSurveyTable dl dd textarea {width: 100%; resize: none; border-radius: 0; padding: 1.5%; border: 1px solid #e6e6e6; background-color:#e6e6e6;}
.formBlockSubmitButton {width:240px!important; text-align:center!important; background-color: #242684!important; color:#ffffff; border:1px solid #242684!important; transition:0.6s;}

.formBlockSurveyTable dl:nth-child(1) input{max-width:500px;}
.formBlockSurveyTable dl:nth-child(2) input{max-width:500px;}
.formBlockSurveyTable dl:nth-child(3) input{max-width:500px;}
.formBlockSurveyTable dl:nth-child(4) input{max-width:500px;}
.formBlockSurveyTable dl:nth-child(5) input{max-width:250px;}
.formBlockSurveyTable dl:nth-child(6) input{max-width:250px;}
.formBlockSurveyTable dl:nth-child(7) select{max-width:100px; padding: 1rem 1rem 1rem 0.5rem; background-color: #e6e6e6; border: 1px solid #e6e6e6;}
.formBlockSurveyTable dl:nth-child(8) textarea{max-width:850px;}

@media screen and (max-width: 480px) {
.formBlockSubmitButton {width:100%!important;}
.miniSurveyView input[type="text"], .miniSurveyView input[name^="Question"], .miniSurveyView textarea[name^="Question"] {font-size: 16px !important; /*transform: scale(0.9)!important;*/}
}
.formBlockSubmitButton:hover {transition:0.6s; background-color: #fff!important; border:1px solid #999; color:#242684;}
.on-pointer input {cursor: pointer;}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,.formBlockSurveyTable dl dd textarea {width: 100%;}
}

/*　==============================　サイトのご利用について　==============================　*/
/*　--------------------　サイトのご利用についての設定　--------------------　*/
.contentA-hr{border-color: #2B3035; margin: 3rem 2rem;}
.contentA-hr-u{border-color: #bababa; margin: 2rem 2rem 2rem 4rem;}
.contentA-hr-u2{border-color: #bababa; margin: 2rem 2rem 2rem 2rem;}
.contentA-detailTx{margin: 0rem 2rem 0rem 2rem;}
.contentA-detailTxTB{margin: 0rem 2rem 0rem 4rem;}
.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 2rem 1.5rem 4rem;}
.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;}
.top-btnText{}
.top-btnText .fs_btn{max-width: 360px; width: 100%;}
@media screen and (max-width: 498px){
    .contentA-hr-u{margin: 2rem 2rem 2rem 2rem;}
    .contentA-detailTx{margin: 0rem 2rem 0rem 2rem;}
    .contentA-detailTx th{width:35px;}
    .contentA-detailTx td{width:calc(100% - 35px);}
    .sitepolicy-requirements{margin:2rem 2rem 2rem 2rem;}
    .sitepolicy-requirements li{width: 50%;}
    .sitepolicy-requirements dd{margin-top: 0.5rem; margin-left: 0rem; letter-spacing: -0.01rem;}
    .top-btnText .fs_btn{max-width: 100%; width: 100%;}
}


/*　==============================　ページタイトル共通設定　==============================　*/
.page-ttl span{display: ineline-block; color:#ffffff; background-color: #242684; padding: 0.75rem 1.2rem 0.75rem 1.5rem;}
.page-ttl2 span{display: ineline-block; color:#ffffff; background-color: #0074c1; padding: 0.75rem 1.2rem 0.75rem 1.5rem;}
.page-ttl-ja{padding: 13rem 0rem 1.25rem 0rem}
.page-ttl-en{padding: 1rem 0rem 13rem 0rem}
@media screen and (max-width: 480px) {
.page-ttl-ja{padding: 6.5rem 0rem 1.25rem 0rem}
.page-ttl-en{padding: 1rem 0rem 6.5rem 0rem}
}


/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
@media screen and (max-width: 498px) {
    .fs_page_list .tk_flex{flex-flow: column nowrap;}
    .fs_page_list .tk_tags_Tags{padding: 0.2rem 0.7rem 0.1rem 0.8rem;}
}

/*　=============================================================================　*/
/*　=============================================================================　*/


/*　==============================　ヘッダー部分　==============================　*/
.h-logo img {max-width:240px;}
@media screen and (min-width: 1201px) {
    .h-logo{padding: 1.2rem 0rem 0.5rem 2rem;}
}
@media screen and (max-width: 1200px) {
    .h-logo img {max-width:210px;}
    .h-logo{padding:1.2rem 0rem 0.5rem 2rem;}
    .h-logo .fsNavMenuList li a{padding: 1.25rem 0.65rem!important;}
}
@media screen and (max-width: 768px) {
    .h-logo{padding: 1.5rem 0rem 1.3rem 1.5rem;}
    .h-logo img {width:160px;}
}
@media screen and (max-width: 498px) {
    .h-logo{padding: 1.6rem 0rem 1rem 1.5rem; width: 75%;}
    .h-logo img {width:160px;}
}

/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
.h-nav ul li:first-child{display:none;}
.h-nav ul li:last-child{display:none;}
.h-nav .fsNavMenuList > .main_list_li > a > p:after{content: '｜'; position: absolute; margin-left: 0.5rem; color: #424242!important;}
.h-nav .fsNavMenuList > li:nth-last-child(2) > a > p:after{content: '';}

.h-nav a {position: relative; display: inline-block; transition: .3s;}
.h-nav .fsNavMenuList{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;}
.h-nav > .fsNavMenuList > .main_list_li > a{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; line-height: 1.4rem; padding: 2.25rem 2rem 1.75rem 0rem!important; transition: .3s;}
.h-nav > .fsNavMenuList > .main_list_li > a:hover{color:#242684; transition: .3s;}
.h-nav > .fsNavMenuList > .main_list_li > a::after{position: absolute; top: 0; left: -1rem; content: ''; width: 0; height: 9px; background-color: #242684; transition: .3s;}
.h-nav > .fsNavMenuList > .active_page > a::after{position: absolute; top: 0; left: -1rem; content: ''; width: 100%; height: 9px; background-color: #424242; transition: .3s;}
.h-nav > .fsNavMenuList > .main_list_li > a:hover::after {width: 100%;}
.h-nav > .fsNavMenuList > .main_list_li:nth-child(2) > a::after{left: 0rem;}
.h-nav > .fsNavMenuList > .main_list_li:nth-child(2) > a:hover::after {width: calc(100% - 1rem);}
.h-nav > .fsNavMenuList > .active_page.main_list_li:nth-child(2) > a::after {width: calc(100% - 1rem);}
.h-nav ul li:nth-last-child(2) a::after{left: 0rem;}
.h-nav > .fsNavMenuList > .main_list_li:nth-last-child(2).active_page > a::after {width: calc(100% + 1rem);}
.h-nav > .fsNavMenuList > .main_list_li:nth-last-child(2) > a:hover::after {width: calc(100% + 1rem);}

@media screen and (max-width: 1200px) {
    .h-nav .fsNavMenuList li a{padding: 1.25rem 0.65rem!important;}
}

/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {list-style-type: none; text-align: left; padding: 1.5rem 0 1.5rem 2rem; font-size: 1.2rem; border-bottom: 1px solid #969696;}
.fat-nav{background: rgba(45, 55, 60, 0.96);}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #00469b;
}

/*　Fatnaviフィックス　*/
#topfix-A {position: absolute; z-index: 50; top: 0; right: 0;}
#topfix-B {position: absolute; z-index: 10; top: 0; right: 0;}

/*　==============================　フッター部分　==============================　*/
/*　フッターロゴに関する設定　*/
@media screen and (min-width: 1201px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 1200px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 480px) {
.f-logo {padding: 4rem 0rem 0rem 2rem;}
.f-logo img {max-width:155px;}
}
/*　サイトマップ　*/
.sitemap-table{width:100%; padding: 0rem 0rem 3rem 2rem; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row wrap;}
.sitemap-table li{margin-bottom:1rem;}
.sitemap-table li:nth-child(1){width: 32%;}
.sitemap-table li:nth-child(2){width: 22%;}
.sitemap-table li:nth-child(3){width: 24%;}
.sitemap-table li:nth-child(4){width: 22%;}
.sitemap-table li:nth-child(5){width: 32%;}
.sitemap-table li:nth-child(6){width: 22%;}
.sitemap-table li:nth-child(7){width: 24%;}
.sitemap-table li p{margin-bottom: 1rem;}
.sitemap-table li p a{width:100%; box-sizing: border-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: flex-start; flex-flow: column wrap;}
.sitemap-table-eiji{font-size:0.9rem; font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}
@media screen and (max-width: 768px) {
    .sitemap-table{font-size:120%!important; line-height:2.5rem!important; flex-direction: column; width: 100%;padding: 0rem 0rem 3rem 2rem;}
    .sitemap-table li{width: 100%!important; margin-bottom:0rem; border-bottom: 1px solid #4C5460;}
    .sitemap-table li:last-child{border-bottom: 0px solid #ffffff;}
    .sitemap-table li a{flex-flow: column; display: inline-flex;}
    .sitemap-table-eiji{line-height: 1.2;}
    .sitemap-table .br-sp{line-height: unset;}
    .sitemap-table li p{margin-bottom: 0rem; padding: 0.35rem 0rem 0.35rem 0rem;}
}
@media screen and (max-width: 498px) {
    .sitemap-table{padding: 0rem 2rem 3rem 2rem;}
}
.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active, .f-link a , .f-link a:visited, .f-link a:active{color: #ffffff;}
.sitemap-table a:hover, .f-link a:hover{opacity: 0.5; transition:0.3s;}

/*　リストに関する設定　*/

.footer-listbox{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex-flow: row nowrap;}
.footer-listbox li:first-child{margin-right:0.25rem;}
.footer-listbox img{height: 100px;}
.footer-listbox a{transition:0.3s;}
.footer-listbox a:hover{opacity: 0.5; transition:0.3s;}


/*　==============================　文字に関する設定　==============================　*/
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;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.eiji {font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}

.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;}
.br-sp-rr{display:inline;}
@media screen and (max-width: 768px) { 
    .br-sp-rr{display:none;}
}
@media screen and (max-width: 768px) { 
    .tx-tb-left{text-align: justify!important;}
}
@media screen and (max-width: 480px) { 
    .tx-center{text-align: center!important;}
    .tx-left{text-align: justify!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);}
.rgba-black4{background-color:rgba(0,0,0,0.4);}
.rgba-navy{background-color:rgba(49,59,790.9);}
.rgba-navy85{background-color:rgba(49,59,79,0.85);}
.rgba-navy8{background-color:rgba(49,59,79,0.8);}
.rgba-navyblue8{background-color:rgba(36,38,132,0.8);}
.rgba-blue{background-color:rgba(0,116,193,0.85);}

/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{line-height: 1.5; background-color: #313b4f; color: #ffffff; border-radius:0px; padding: 0rem 0.7rem 0.1rem 0.8rem;}
.tk_flex{padding:1.3rem 0rem 1rem 0rem;}
.fs_page_list .tk_title{margin-bottom: 0rem!important;}
.fs_page_list .tk_kiji{margin-top: 0.5rem!important;}

/*　--------------------　マルチイメージのポインター無　--------------------　*/
.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-bg-scroll{background-attachment: scroll!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 ;}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{margin-top: 2rem;}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{top: 0rem!important;}
div.ccm-pagination span.ccm-page-left a, div.ccm-pagination span.ccm-page-right a{padding: 0.5rem 1rem; display: inline-block;}
div.ccm-pagination span.ccm-page-left span, div.ccm-pagination span.ccm-page-right span{color: #000000!important; padding: 0.5rem 1rem; display: inline-block;}
#pagination .currentPage strong{background-color: #242684!important; color: #ffffff!important;}
#pagination .numbers {margin-right: 0.6rem;}
#pagination .numbers a, #pagination .numbers strong{ font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif; background-color: #2c405e; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block; border-radius:10px;}

/*　box-shadow　*/
.boxshadow_20 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {line-height: 1.6;}
/*　ピックアップトップボタン　*/
.top_btn_pickup .fs_btn_text_main {letter-spacing: 0.2rem; font-size:1.4rem;}
.top_btn_pickup .fs_btn_text_sub {font-size:1rem;}
.top_btn_pickup  .fs_btn {background-color: rgba(49,59,79,0.75);}
.top_btn_pickup .fs_btn:hover{background-color: rgba(49,59,79,0.1);}
/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {letter-spacing: 0.2rem; font-size:1.4rem;}
.btn_pickup .fs_btn_text_sub {font-size:1rem;}
.btn_pickup  .fs_btn {background-color: rgba(49,59,79,0.75); padding:9rem 0rem 1rem 1rem;}
.btn_pickup .fs_btn:hover{background-color: rgba(49,59,79,0.1);}
/*　ピックアップボタン　*/
.rec_btn_pickup .fs_btn_text_main {letter-spacing: 0.2rem; font-size:1.4rem;}
.rec_btn_pickup .fs_btn_text_sub {font-size:1rem;}
.rec_btn_pickup  .fs_btn {background-color: rgba(0,116,193,0.5); padding:9rem 0rem 1rem 1rem;}
.rec_btn_pickup .fs_btn:hover{background-color: rgba(0,116,193,0.05);}
/*　ページトップボタン　*/
.pagetop_btm{position: fixed; z-index: 20; bottom: 0; right: 0;}
.pagetop_btm .fs_btn{line-height: 1.6;}
.pagetop_btm_sp {background-color: rgba(0, 70, 150, 0.7);}

.pickup-bottom-area{padding:5rem 2rem 5rem 2rem;}
@media screen and (max-width: 498px){
    .pickup-bottom-area{padding:3rem 2rem 3rem 2rem;}
}

/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}