@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 */
/*　==============================　英語ページ　==============================　*/
#cID266 .h-nav{display:none!important;}
#cID266 #pt002-2-1{background-color:#ffffff;}

.en-top-catchcopy{max-width: 1400px; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 27vh 2rem  23vh 2rem;}
.en-top-catchcopy img{max-width: 660px; width: 100%;}

.en-top-about-contentsArea{padding:2rem 2rem 6rem 2rem;}
.en-top-about-ttl{padding: 1rem 0rem 0rem 0rem;}
.en-top-about-ttl p{color:#dd1d22; font-weight: bold; font-size:3.5rem; letter-spacing: 0.1rem;}
.en-top-about-ttl h2{font-size: 1.65rem; font-weight: bold; line-height: 1.5; margin-top: 0.5rem;}
.en-top-about-imgArea{max-width: 1400px; width: 100%; margin: 0rem auto 0rem auto; /*padding-bottom: 30rem;*/}
.en-top-about-img{margin:1px; padding-top:28rem;}

.en-top-tech-facility-contentsArea{padding:6rem 2rem 6rem 2rem;}
.en-top-tech-contentsArea{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1));}
.en-top-tech-ttl-en{color:#dd1d22; font-size: 4rem; font-weight: bold; line-height: 1.5; margin-top: 0.5rem; margin-right:26%;}
.en-top-tech-img{padding-top:35rem; margin-right:2rem;}
.en-top-tech-textArea{max-width: 600px; width: 100%; margin: 0rem auto 0rem 0rem;}
.en-top-tech-ttl{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 2.5rem 2rem 2.5rem 2rem;}
.en-top-tech-ttl-read{padding: 0rem 2rem 2.5rem 2rem;}

.en-top-facility-contentsArea{background: -moz-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0)); background: -webkit-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0)); background: linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0));}
.en-top-facility-ttl-en{color:#dd1d22; font-size: 4rem; font-weight: bold; line-height: 1.5; margin-top: 0.5rem; margin-left:26%;}
.en-top-facility-img{padding-top:35rem; margin-left:2rem;}
.en-top-facility-textArea{max-width: 600px; width: 100%; margin: 0rem 0rem 0rem auto;}
.en-top-facility-ttl{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 2.5rem 2rem 2.5rem 2rem;}
.en-top-facility-ttl-read{padding: 0rem 2rem 2.5rem 2rem;}

.en-outline-separate-space{padding-bottom: 5rem; margin-top: 4rem; margin-bottom: 0rem;}
.en-outline-ttl-sub{font-size:1.4rem; color:#dd1d22;padding-bottom:1.5rem;}
.en-company-ttl{color:#ffffff; padding: 0rem 1rem 2.5rem 1rem;}
.en-company-ttl p{font-weight: 500; font-size:3.5rem; letter-spacing: 0.1rem; opacity:0.3;}
.en-company-ttl h2{font-size: 1.5rem; margin-top: 0.5rem;}
.en-company-ttl-line{padding-bottom:2.5rem;}
.en-company-ttl-line > div{width: 100%; text-align: left;}
.en-company-ttl-line > div > div{width: 50%; padding-top: 1rem; box-sizing: border-box; border-right: 1px solid #ffffff;}

/*　--------------------　概要の設定　--------------------　*/
.en-outline-tb{}
.en-outline-tb ul{width:100%;}
.en-outline-tb ul li{width:100%;}
.en-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%;}
.en-outline-tb dl dt{width:150px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #dd1d22; box-sizing: border-box;}
.en-outline-tb dl dd{width:calc(100% - 150px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #cccccc; box-sizing: border-box;}
.en-outline-tb dl dd img{padding: 1.5rem 0rem 1rem 0rem; max-width: 230px; width: 100%;}
.en-outline-tb i{color:#030d26;}
.en-outline-tb iframe{margin-top:1rem;}
@media screen and (max-width: 768px) {
    .en-outline-tb dl dt{width:110px;}
    .en-outline-tb dl dd{width:calc(100% - 110px);}
}
@media screen and (max-width: 498px) {
    .en-outline-tb{padding: 0rem 0rem 0rem 0rem;}
    .en-outline-tb dl{flex-flow: column wrap;}
    .en-outline-tb dl dt{text-align: justify; color:#dd1d22; width:100%; padding:1rem 0rem 0rem 0rem; border-top:1px solid #cccccc;}
    .en-outline-tb dl dd{width:100%; padding:0.5rem 0rem 1rem 0rem; border-top:0px solid #dd1d22;}
}
/*　--------------------　沿革　--------------------　*/
.en-history-tb{text-align: left; position: relative;}
.en-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; }
.en-history-tb__row:before, .history-tb__row:after {content: ''; display: block; position: absolute; top: 8px; -webkit-transition: .3s; transition: .3s;}
.en-history-tb__row:before {width: 2px; height: 0; background-color: #c9c9c9; left: 137px;}
.en-history-tb__row:after {width: 8px; height: 8px; border-radius: 4px; background-color: #dd1d22; left: 5px; opacity: 0;left: 134px;}
.en-history-tb__row:last-child .history-tb__body {position: relative;}
.en-history-tb__row:last-child .history-tb__body:before {content: '\f04d'; font-family: FontAwesome; font-size: 1.25rem; color: #dd1d22; font-weight: 700; position: absolute; bottom: -15px; left: -2px; z-index: 1; -webkit-transition: .3s; transition: .3s; opacity: 0;}
.en-history-tb__row.is-scrolled {opacity: 1;}
.en-history-tb__row.is-scrolled:before {height: 100%;}
.en-history-tb dl:last-child:before {height: auto;}

.en-history-tb__row.is-scrolled:after {opacity: 1;}
.en-history-tb__row.is-scrolled:last-child .history-tb__body:before {opacity: 1;}
.en-history-tb__row:last-child .history-tb__body:before {top: -4px; left: -19px;}
.en-history-tb__head, .history-tb__body {font-size: 1rem; padding-bottom: 2rem;}
.en-history-tb__head {width: 100%; position: relative; padding-left: 1.5rem; text-align: left;}
.en-history-tb__body {padding-left: 1.5rem;}
.en-history-ttl-base {font-weight: normal;}
.en-history-ttl {margin-top: 0; margin-top: 0; margin-bottom: 6px; margin-bottom: .375rem; font-size: 1rem;}
.en-history-read {margin-top: 0; margin-top: 0; margin-bottom: 24px; margin-bottom: 1.5rem; font-size: 1rem;}
@media screen and (max-width:1200px) {
    .en-history-tb__row:last-child .history-tb__body:before {left: -26px;}
    .en-history-tb__row:before {left: 127px;}
    .en-history-tb__row:after {left: 124px;}
}
@media screen and (max-width:1024px) {
    .en-history-tb__row:last-child .history-tb__body:before {left: -22px;}
}
@media screen and (min-width:992px) {
    .en-history-read {margin-top: 0; margin-top: 0; margin-bottom: 24px; margin-bottom: 1.5rem; font-size: 1rem;}
}
@media screen and (min-width:769px) {
    .en-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;}
    .en-history-tb__head {width: 100px; min-width: 100px; padding-left: 0; padding-right: 3rem; text-align: justify; }
    .en-history-tb__body {padding-left: 2rem;}
}
@media screen and (max-width:768px) {
    .en-history-tb__head{padding-bottom:0.5rem;}
    .en-history-tb__head, .history-tb__body{padding-left: 2rem;}
    .en-history-tb__row:last-child .history-tb__body:before {top: -32px; left: -2px;}
    .en-history-tb__row:before {top: 5px; left: 4px;}
    .en-history-tb__row:after{top: 5px; left: 1px;}
    .en-history-tb__head .history-ttl {font-weight:bold; font-size: 1.1rem; color:#bababa;}
    .en-history-tb dl:last-child .history-tb__body{display:none;}
}
@media screen and (max-width:498px) {
    .en-history-tb{margin-left: -1rem; padding: 0rem 0rem 0rem 1rem;}
    .en-history-tb__body{width:95%;}
    .en-history-tb__row:before, .history-tb__row:after {top: 5px;}
    .en-history-tb__row:last-child .history-tb__body:before {top: -29px; left: -1px;}
}

@media screen and (max-width: 1480px) {
    .en-top-about-imgArea{width: calc(100% - 4rem); margin: 0rem 2rem 0rem 2rem;}
    .en-top-about-img{padding-top:23rem;}
}
@media screen and (max-width: 498px) {
    .en-top-about-contentsArea{padding: 2rem 2rem 4rem 2rem;}
    .en-top-about-img{padding-top:15rem;}
    .en-top-tech-facility-contentsArea{padding: 6rem 0rem 4rem 0rem;}
    .en-top-tech-contentsArea{background: -moz-linear-gradient(90deg, rgba(221,29,34,1) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: -webkit-linear-gradient(90deg, rgba(221,29,34,1) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: linear-gradient(90deg, rgba(221,29,34,1) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1));}
    .en-top-tech-ttl-en{color: #ffffff; text-align: justify!important; position: relative; margin: 3rem 0% -3rem 2rem;}
    .en-top-tech-img{padding-top: 22rem;}
    .en-top-tech-ttl{font-weight: bold;}

    .en-top-facility-contentsArea{background: -moz-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(221,29,34,1) 60%, rgba(221,29,34,1)); background: -webkit-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(221,29,34,1) 60%, rgba(221,29,34,1)); background: linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(221,29,34,1) 60%, rgba(221,29,34,1));}
    .en-top-facility-ttl-en{color: #ffffff; text-align: justify!important; position: relative; margin: 3rem 0% -3rem 2rem;}
    .en-top-facility-img{padding-top: 22rem;}
}



/*　==============================　トップページ　==============================　*/
.movie-small{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%; box-sizing: border-box;}
.movie-small img{max-width: 100px;}
.movie-small iframe{width: 240px; height: 132px;}
.ytube{position: relative; width: 130px; box-sizing: border-box; padding: 0rem 0rem 2rem 3rem;}
.ytube iframe{position: absolute;right: 0; top: 0; width: 100%; height: 100%; opacity:0;}
.ytube a{position: absolute; right: 0rem; top: 0; width: 100px; height: 100%;}
@media screen and (max-height: 868px) {
    .movie-small{margin-top:-3rem;}
}
@media screen and (max-width: 498px) {
    .ytube{width: 70px; padding: 0rem 0rem 1.5rem 2rem;}
}

.top-catchcopy{max-width: 1400px; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 27vh 2rem  23vh 2rem;}
.top-catchcopy img{max-width: 660px; width: 100%;}
.top-bg-line{}
.top-about-contentsArea{padding:6rem 2rem 6rem 2rem;}
.top-about-ttl{padding: 1rem 0rem 0rem 0rem;}
.top-about-ttl p{color:#dd1d22; font-weight: bold; font-size:3.5rem; letter-spacing: 0.1rem;}
.top-about-ttl h2{font-size: 1.65rem; font-weight: bold; line-height: 1.5; margin-top: 0.5rem;}
.top-about-btn{margin:1px;}
.top-about-btn .fs_btn{border-top:0px solid #dd1d22!important; border-right:0px solid #dd1d22!important; border-left:0px solid #dd1d22!important;}
.top-about-imgArea{max-width: 1400px; width: 100%; margin: 0rem auto 0rem auto; /*padding-bottom: 30rem;*/}
.top-about-img{margin:1px; padding-top:28rem;}
.top-about-imgBg-pc{}
.top-about-imgBg-pc > div{background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%);}
.top-about-imgBg-sp{}
.top-tech-facility-contentsArea{padding:6rem 2rem 6rem 2rem;}
.top-tech-contentsArea{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1));}
.top-tech-ttl-en{color:#dd1d22; font-size: 4rem; font-weight: bold; line-height: 1.5; margin-top: 0.5rem; margin-right:26%;}
.top-tech-img{padding-top:35rem; margin-right:2rem;}
.top-tech-textArea{max-width: 600px; width: 100%; margin: 0rem auto 0rem 0rem;}
.top-tech-ttl{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 2.5rem 2rem 2.5rem 2rem;}
.top-tech-ttl-read{padding: 0rem 2rem 2.5rem 2rem;}
.top-facility-contentsArea{background: -moz-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0)); background: -webkit-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0)); background: linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0));}
.top-facility-ttl-en{color:#dd1d22; font-size: 4rem; font-weight: bold; line-height: 1.5; margin-top: 0.5rem; margin-left:26%;}
.top-facility-img{padding-top:35rem; margin-left:2rem;}
.top-facility-textArea{max-width: 600px; width: 100%; margin: 0rem 0rem 0rem auto;}
.top-facility-ttl{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 2.5rem 2rem 2.5rem 2rem;}
.top-facility-ttl-read{padding: 0rem 2rem 2.5rem 2rem;}
.top-info-ttl-en{color:#dd1d22; font-size: 3.5rem; font-weight: bold; line-height: 1.5; padding:0rem 2rem 1rem 2rem;}
.top-pg-list{padding: 0rem 2rem 2.5rem 2rem;}
.top-pg-list ul:nth-child(odd){background-color:rgba(234,230,222,1);}
.top-pg-list .tk_flex{padding:2rem 2rem 2rem 2rem; border-bottom: 0px solid #e7e7e7!important;}
.top-pg-list .tk_flex .col-1{width:110px; flex: none!important;}
.top-pg-list .tk_flex .col-2{width:100%; flex: none!important;}
.top-pg-list .tk_title{font-size: 1rem; margin-bottom:0!important;}
.top-pg-list .tk_title a{font-weight:bold;}
.top-pg-list .tk_tags_Tags{line-height: 1.5; background-color: #dd1d22; color: #ffffff; border-radius:0px; padding: 0.1rem 0.7rem 0.1rem 0.8rem;}
.top-recruit-Area{background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(221,29,34,1) 25%, rgba(221,29,34,1)); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(221,29,34,1) 25%, rgba(221,29,34,1)); background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(221,29,34,1) 25%, rgba(221,29,34,1));}
.top-recruit-contentsArea{padding:6rem 2rem 0rem 2rem;}
.top-recruit-ttl{padding: 1rem 0rem 0rem 0rem;}
.top-recruit-ttl p{color:#ffffff; font-weight: bold; font-size:3.5rem; letter-spacing: 0.1rem;}
.top-recruit-ttl h2{font-size: 1.65rem; font-weight: bold; line-height: 1.5; margin-top: 0.5rem;}
.top-recruit-btn{margin:1px;}
.top-recruit-btn .fs_btn{border-top:0px solid #ffffff!important; border-right:0px solid #ffffff!important; border-left:0px solid #ffffff!important;}
.top-recruit-imgArea{max-width: 1400px; width: 100%; margin: 0rem auto 0rem auto;}

@media screen and (max-width: 1480px) {
    .top-about-imgArea{width: calc(100% - 4rem); margin: 0rem 2rem 0rem 2rem;}
    .top-about-img{padding-top:23rem;}
    .top-recruit-imgArea{width: calc(100% - 4rem); margin: 0rem 2rem 0rem 2rem;}
}
@media screen and (max-width: 498px) {
    .top-about-contentsArea{padding: 6rem 2rem 4rem 2rem;}
    .top-about-img{padding-top:15rem;}
    .top-tech-facility-contentsArea{padding: 6rem 0rem 4rem 0rem;}
    .top-tech-contentsArea{background: -moz-linear-gradient(90deg, rgba(221,29,34,1) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: -webkit-linear-gradient(90deg, rgba(221,29,34,1) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1)); background: linear-gradient(90deg, rgba(221,29,34,1) 40%, rgba(221,29,34,1) 40%, rgba(221,29,34,1));}
    .top-tech-img{padding-top: 22rem;}
    .top-tech-ttl-en{color: #ffffff; text-align: justify!important; position: relative; margin: 3rem 0% -3rem 2rem;}
    .top-facility-contentsArea{background: -moz-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(221,29,34,1) 60%, rgba(221,29,34,1)); background: -webkit-linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(221,29,34,1) 60%, rgba(221,29,34,1)); background: linear-gradient(90deg, rgba(221,29,34,1) 60%, rgba(221,29,34,1) 60%, rgba(221,29,34,1));}
    .top-tech-ttl{font-weight: bold;}
    .top-facility-img{padding-top: 22rem;}
    .top-facility-ttl-en{color: #ffffff; text-align: justify!important; position: relative; margin: 3rem 0% -3rem 2rem;}
    .top-recruit-contentsArea {padding: 2.5rem 2rem 0rem 2rem;}
}

/*　==============================　技術紹介ページ　==============================　*/
.tech-contentsArea-A{padding:5rem 0rem 5rem 0rem;}
.tech-contentsLeft01{max-width: 600px; width: 100%; margin: 0rem 0rem 0rem auto; padding-top: 4rem;}
.tech-contentsLeft02{max-width: 600px; width: 100%; margin: 0rem 0rem 0rem auto;}
.tech-mainImg{padding-top:30rem; margin-left:2rem;}
.tech-ttl-en{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 0rem 2rem 2rem 2rem;}
.tech-ttl-ja{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 0rem 2rem 2.5rem 2rem;}
.tech-ttl-read{padding: 0rem 2rem 2.5rem 2rem;}
.tech-subImgA{margin:2rem 2rem 0rem 2rem; background-color:#ffffff;}
/*.tech-subImgB{margin: 0rem 1.5rem 1.5rem 1.5rem; max-width: 560px; width: 100%;}
.tech-subImgB img{max-width: 160px;}*/
.tech-productsArea{padding:0rem 2rem 5rem 2rem;}
.tech-products-btn{background-color: rgba(49,59,79,0.65); transition:0.6s; margin:1px;}
.tech-products-btn:hover{background-color: rgba(49,59,79,0.3); transition:0.6s;}
@media screen and (max-width: 1200px) {
    .tech-mainImg{margin-left:0rem;}
}
@media screen and (max-width: 498px) {
    .tech-contentsArea-A{padding:5rem 0rem 0rem 0rem;}
    .tech-contentsLeft01{padding-top: 0rem;}
    .tech-contentsLeft02{padding-top: 0rem;}
    .tech-mainImg{padding-top:21.5rem;}
    .tech-subImgA{margin: 0rem 0rem 0rem 0rem;}
    /*.tech-subImgB{margin: 0rem 0rem 1rem 0rem;}
    .tech-subImgB img{max-width:95px;}*/
    .tech-products-btn img{width:75%;}
}

/*　==============================　製品情報ページ　==============================　*/
.products-slideImgArea{max-width:1100px; width:100%; margin:0rem auto;}
.products-slideImg{padding: 0rem 2rem; position: relative;}
.products-sub-ttl{font-size: 2rem; text-align:center; color:#ffffff; padding:2rem 2rem 1.5rem 2rem;}
.products-slideImg .nivo-prevNav{font-size: 1.75rem; color:#ffffff; top: 47.5%!important; left:10px;}
.products-slideImg .nivo-nextNav{font-size: 1.75rem; color:#ffffff; top: 47.5%!important; right:10px;}
.products-imgArea{background: -moz-linear-gradient(-90deg, rgba(100,114,130,1) 30%, rgba(100,114,130,1) 30%, rgba(100,114,130,1)); background: -webkit-linear-gradient(-90deg, rgba(100,114,130,1) 30%, rgba(100,114,130,1) 30%, rgba(100,114,130,1)); background: linear-gradient(-90deg, rgba(100,114,130,1) 30%, rgba(100,114,130,1) 30%, rgba(100,114,130,1)); margin-top:0rem;}

.products-item-wrapper{padding: 2rem 1rem 0rem 2rem;}
.products-item-wrapper ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: center;}
.products-item-wrapper li{width: 33.33%; 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;}
.products-item-wrapper li div{text-align: center; width: 100%; margin: 0rem 1rem 0.8rem 0rem;}
.products-item-wrapper li:nth-child(3n) div{margin: 0rem 1rem 0.8rem 0rem;}
.products-item-wrapper a{color: #647282; display:block; background-color: #ffffff; border:1px solid #ffffff; padding: 1.3rem 1rem 1.1rem 1rem; transition:0.6s;}
.products-item-wrapper a:hover{color: #ffffff; background-color: #647282; border:1px solid #ffffff; transition:0.6s;}
@media screen and (max-width: 498px) {
    .products-slideImg{padding:0rem 2rem 0rem 2rem;}
    .products-sub-ttl{padding:2rem 2rem 1.5rem 2rem;}
    .products-slideImg .nivo-prevNav{top: 43.5%!important; left:10px;}
    .products-slideImg .nivo-nextNav{top: 43.5%!important; right:10px;}
.products-item-wrapper{padding: 2rem 2rem 0rem 2rem;}
    .products-item-wrapper li{width: 50%;}
    .products-item-wrapper li:nth-child(2n) div{margin: 0rem 0rem 0.8rem 0rem;}
    .products-item-wrapper li:nth-child(3n) div{margin: 0rem 1rem 0.8rem 0rem;}
    .products-item-wrapper li:nth-child(6) div{margin: 0rem 0rem 0.8rem 0rem;}
}

/*　==============================　製品情報詳細ページ　==============================　*/
.products-detailArea{padding:0 0rem 3rem 0; background-color:#647282;}
.products-detailContents{padding:3rem 2rem; background-color:#ffffff; }
.products-detail-flowA{width:100%;}

/* パンくず */
.pro_bl a { color:#fff; margin-right:0.5rem;}
.pro_bl a:hover { color:#EAE6DE; }
.pro_bl { color:#b2b2ba; letter-spacing:0.1rem; padding:2rem 0 0 1rem; margin:0 0 1rem 2rem;}

/*下部*/
.pro_tittle { font-size:1.2rem; font-weight:bold; color:#fff; padding:0 0 2rem 0.2rem; letter-spacing:0.2rem; }
.products-etc { padding:4rem 2rem; }


/*　==============================　設備紹介ページ　==============================　*/
.facility-listArea{padding:5rem 2rem;}
.facility-imgArea{background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 15%, rgba(100,114,130,1) 15%, rgba(100,114,130,1)); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 15%, rgba(100,114,130,1) 15%, rgba(100,114,130,1)); background: linear-gradient(0deg, rgba(255,255,255,0) 15%, rgba(100,114,130,1) 15%, rgba(100,114,130,1));}
.facility-slideImg{padding:5rem 2rem 2rem 2rem;}
.facility-slideImg .nivo-prevNav{font-size: 1.75rem; color:#ffffff; top: 47.5%!important; left:10px;}
.facility-slideImg .nivo-nextNav{font-size: 1.75rem; color:#ffffff; top: 47.5%!important; right:10px;}

/*　--------------------　設備テーブルの設定　--------------------　*/
.facility-list-tb{margin:0rem 2rem;}
.facility-list-tb table{width:100%; box-sizing: border-box; background-color:#ffffff;}
.facility-list-tb tbody {}
.facility-list-tb thead th, .facility-list-tb thead td{background-color: #647282; color: #ffffff;}
.facility-list-tb .mumber-tx{text-align:center;}
.facility-list-tb thead tr th:nth-child(1){width:285px;}
.facility-list-tb thead tr td:nth-child(2){width:135px;}
.facility-list-tb thead tr td:nth-child(3){width:205px;}
.facility-list-tb thead tr td:nth-child(4){width:395px;}
.facility-list-tb thead tr td:nth-child(5){width:75px; text-align:center;}
.facility-list-tb thead tr td:nth-child(6){width:105px; text-align:center;}
.facility-list-tb th {white-space: nowrap;}
.facility-list-tb table th, .facility-list-tb table td{text-align: justify; white-space: nowrap; padding: 0.5em 1em; border: 1px solid #a3a3a3; box-sizing: border-box;}
@media screen and (max-width: 1140px) {
    .facility-list-tb{overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .facility-list-tb table{border-collapse: collapse; white-space: nowrap;}
    .facility-list-tb thead th, .facility-list-tb thead td{white-space: nowrap;}
    .facility-list-tb thead tr th:nth-child(1){background-color: #647282;}
    .facility-list-tb .sticky{position: sticky; top: 0; left: 0; border-left: none; border-right: none; background-color:#ffffff;}
    .facility-list-tb .sticky::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-left: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; z-index: -1;}
    .facility-list-tb tbody th.sticky{background-color:#ffffff;}
}
@media screen and (min-width: 1139px) {
    .facility-list-scroll-tx{display:none;}
}


/*　==============================　企業情報ページ　==============================　*/
.company-top-contentsArea{max-width:670px; width:100%; margin:0 auto;}
.company-ttlA-s{font-size: 1rem; font-weight: bold; letter-spacing: 0.1rem; padding: 5rem 2rem 1rem 2rem;}
.company-ttlA-l{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 0rem 2rem 2.5rem 2rem;}
.company-ttlA-read{padding: 0rem 2rem 0rem 2rem;}
.company-ttlA-representative{font-size: 1.5rem; padding: 2rem 2rem 6rem 2rem;}
.company-ttlA-representative span{font-size: 1rem;}
.company-ttlA-space{padding-top:3.5rem;}
.company-middle-contentsArea{padding:5rem 2rem 4.5rem 2rem;}
.company-btn{margin-bottom:0.5rem;}
.company-btn .fs_btn{padding: 6rem 0.5rem 9rem 0.5rem; background-color:rgba(49,59,79,0.8);}
.company-btn .fs_btn:hover{background-color:rgba(49,59,79,0.2);}
.company-btn .fs_btn .fs_btn_text_main::after{content: ''; position: relative; display: block; width: 1px; height: 40px; margin: auto; background-color: #ffffff;}
.company-btn .fs_btn .fs_btn_text_sub{font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1rem; margin-top: 1rem;}
.company-environment-contentsArea{padding:3rem 2rem 5rem 2rem;}
.company-environment-ttl{padding: 1rem 0rem 0rem 0rem;}
.company-environment-ttl p{font-weight: 500; font-size:3.5rem; letter-spacing: 0.1rem;}
.company-environment-ttl h2{font-size: 1.5rem; margin-top: 0.5rem;}
.company-environment-btn{margin:1px;}
.company-environment-btn .fs_btn{border-top:0px solid #000000!important; border-right:0px solid #000000!important; border-left:0px solid #000000!important;}
/*.company-enviroment-img{padding-top:25rem; margin-top:3rem;}*/
.company-bottomArea{padding: 5rem 2rem 4rem 2rem;}
.company-bottom-ttl{padding: 0rem 0rem 2rem 0rem;}
.company-bottom-ttl p{font-weight: 500; font-size:2rem; letter-spacing: 0.1rem; opacity:0.3; margin-left: 0.1rem;}
.company-bottom-ttl h2{font-weight:bold; font-size: 1rem; margin: 0.2rem 0 0 0.1rem; letter-spacing:0.2rem;}
@media screen and (max-width: 498px) {
    .company-btn .fs_btn{font-size:1.2rem!important; background-color:rgba(49,59,79,0.5); padding: 2.5rem 0.5rem 5rem 0.5rem;}
    .company-btn .fs_btn .fs_btn_text_main::after{height: 26px; top: 7px;}
}
/*　==============================　会社概要･沿革ページ　==============================　*/
.outline-ttl-sub{font-size:1.4rem; color:#dd1d22;padding-bottom:1.5rem;}
.outline-separate-space{padding-bottom: 5rem; margin-top: 4rem;}
/*　--------------------　概要の設定　--------------------　*/
.outline-tb{}
.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{width:150px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #dd1d22; box-sizing: border-box;}
.outline-tb dl dd{width:calc(100% - 150px); 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: 768px) {
    .outline-tb dl dt{width:110px;}
    .outline-tb dl dd{width:calc(100% - 110px);}
}
@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:#dd1d22; 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 #dd1d22;}
}
/*　--------------------　沿革　--------------------　*/
.history-tb{text-align: left; position: relative;}
.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: 157px;}
.history-tb__row:after {width: 8px; height: 8px; border-radius: 4px; background-color: #dd1d22; left: 5px; opacity: 0;left: 154px;}
.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: #dd1d22; 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: -19px;}
.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:1200px) {
    .history-tb__row:last-child .history-tb__body:before {left: -16px;}
    .history-tb__row:before {left: 157px;}
    .history-tb__row:after {left: 154px;}
}
@media screen and (max-width:1024px) {
    .history-tb__row:last-child .history-tb__body:before {left: -12px;}
}
@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__head {width: 120px; min-width: 100px; padding-left: 0; padding-right: 3rem; text-align: justify; }
    .history-tb__body {padding-left: 2rem;}
}
@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: -32px; left: -2px;}
    .history-tb__row:before {top: 5px; left: 4px;}
    .history-tb__row:after{top: 5px; left: 1px;}
    .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 0rem 0rem 1rem;}
    .history-tb__body{width:95%;}
    .history-tb__row:before, .history-tb__row:after {top: 5px;}
    .history-tb__row:last-child .history-tb__body:before {top: -29px; left: -1px;}
}

/*　==============================　工場案内ページ　==============================　*/
.plant-ttl-sub{margin:2rem 0rem 1.5rem 0rem}
.plant-ttl-sub p{font-size:1.4rem; font-weight:bold; color:#dd1d22; padding:0rem 2rem 1.35rem 2rem; border-bottom: 1px solid #eaedf2; position: relative;}
.plant-ttl-sub p:before{content: ""; position: absolute; bottom: -1px; left: 0; width: 160px; height: 4px; background: #dd1d22;}
.plant-main-read{margin:0rem 0rem 1.25rem 2rem;}
.plant-mainImg{padding-top:24rem;}
.plant-main-map{margin-top:-2.5rem; margin-left:3.5rem;}
/*.plant-main-map iframe{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}*/
.plant-space{padding-top: 5rem;}
.plant-contentArea{padding:5rem 0rem;}
@media screen and (max-width:498px) {
    .plant-mainImg{padding-top:18.5rem;}
    .plant-main-ttl{margin: 1.5rem 0rem 1.25rem 0rem;}
    .plant-main-ttl p{padding:0rem 0rem 1rem 0rem;}
    .plant-ttl-sub{margin: 1.5rem 0rem 1.5rem 0rem;}
    .plant-ttl-sub p{padding: 0rem 2rem 1.35rem 0rem;}
    .plant-main-read{margin:0rem 0rem 1.25rem 0rem;}
    .plant-main-map{margin-top:0rem; margin-left:0rem;}
    .plant-main-map iframe{height: 280px!important;}
    .fs_google_map .googleMapCanvas{height: 200px!important;}
}

/*　==============================　環境方針ページ　==============================　*/
.environment-pdf{}
.ecoaction-pdf{margin-top:1.5rem;}
.ecoaction-btn{}
.environmentArea{max-width:716px; width:100%; margin:0 auto; box-sizing: border-box;}
@media screen and (max-width: 498px) {
.ecoaction-pdf{}
}

/*　==============================　採用情報ページ　==============================　*/
.recruit-ttlA-s{font-size: 1rem; font-weight: bold; letter-spacing: 0.1rem; padding: 5rem 2rem 1rem 2rem;}
.recruit-ttlA-l{font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1rem; padding: 0rem 2rem 2.5rem 2rem;}
.recruit-ttlA-read{padding: 0rem 2rem 6rem 2rem;}
.recruit-contentBoxA{padding:5rem 0rem 5rem 0rem;}
.recruit-contentBoxB{padding:5rem 2rem 5rem 2rem;}
.recruit-top-contentsArea{max-width:670px; width:100%; margin:0 auto;}
.recruit-about-containerL{margin: 0rem 0rem 0rem auto; max-width: 600px; width: 100%;}
.recruit-about-catch{padding:6.5rem 2rem 1.75rem 2rem;}
.recruit-about-imgL{margin: -11rem auto 0rem 2rem; padding-top: 21rem; max-width: 410px; width:100%; position: relative; z-index: 2;}
.recruit-about-imgR{margin: 0rem 2rem 0rem auto; padding-top: 21rem; max-width: 480px; width:100%; position: relative; z-index: 1;}
.recruit-point-img{padding-top:30rem;}
/*.recruit-point-figure{margin: 1rem 2rem 3rem 2rem;}*/
/*.recruit-point-figure img{max-width: 310px; width: 100%;}*/

.recruit-point-tb{max-width:100%; width:100%; margin:0 auto;}
.recruit-point-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%;}
.recruit-point-tb ul li{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; width:25%; height: 240px; box-sizing: border-box; border: 1px solid #DD1D22; background-color:rgba(255,255,255,0.25); }
/*.recruit-point-tb ul li:nth-child(3){border-right: 1px solid #ffffff;},
.recruit-point-tb ul li:nth-child(6){border-right: 1px solid #ffffff;},
.recruit-point-tb ul li:nth-child(9){border-right: 0px solid #ffffff;}
.recruit-point-tb ul li:nth-last-child(1){border-bottom: 0px solid #ffffff;}
.recruit-point-tb ul li:nth-last-child(2){border-bottom: 1px solid #ffffff;}
.recruit-point-tb ul li:nth-last-child(3){border-bottom: 1px solid #ffffff;}
@media screen and (max-width: 768px) {
    .recruit-point-tb ul li:nth-child(2){border-right: 1px solid #ffffff;}
    .recruit-point-tb ul li:nth-child(3){border-right: 0px solid #ffffff;}
    .recruit-point-tb ul li:nth-child(4){border-right: 1px solid #ffffff;}
    .recruit-point-tb ul li:nth-child(8){border-right: 1px solid #ffffff;}
    .recruit-point-tb ul li:last-child{display:none;}
}
*/

@media screen and (max-width: 800px) {
   .recruit-point-tb{padding:0rem; box-sizing: border-box;}
   .recruit-point-tb ul li{width:50%; height: 190px;}
}

@media screen and (max-width: 498px) {
    .recruit-point-tb ul li{width:50%; height: 160px;}
}

.recruit-about-mark { padding:0 0 1.5rem 0; }
.recruit-about-mark img { max-width:100px; }
.recruit-about-text-area{margin:5rem 10% 5rem 10%; padding:3rem 4rem; font-weight:bold; font-size:1rem; line-height:2rem; background:#fff;}
@media screen and (max-width: 1200px) {
    .recruit-about-imgL{padding-top: 21rem; width:60%;}
    .recruit-about-imgR{padding-top: 21rem; width:60%;}
}
@media screen and (max-width: 768px) {
    /*.recruit-point-figure .wrapper{    width: 33.33%!important;}*/
}
@media screen and (max-width: 498px) {
    .recruit-about-catch{padding:0rem 2rem 1.75rem 2rem;}
    /*.recruit-point-figure{margin: 0rem 0rem 2rem 0rem;}*/
    .recruit-about-text-area{margin:0 1rem; padding:4rem 2rem;}
    .recruit-about-imgR{margin: 3rem 2rem 0rem auto;}
.recruit-about-mark img { max-width:80px; }
}
.welfareArea{display:none;}
.welfare-tb{}
.welfare-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%; background-color:#ffffff;}
.welfare-tb ul li{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; width:33.33%; height: 270px; box-sizing: border-box; border-top: 1px solid #acacac; border-left: 1px solid #acacac;}
.welfare-tb ul li:nth-child(3){border-right: 1px solid #acacac;}
.welfare-tb ul li:nth-child(6){border-right: 1px solid #acacac;}
.welfare-tb ul li:nth-child(9){border-right: 1px solid #acacac;}
.welfare-tb ul li:nth-last-child(1){border-bottom: 1px solid #acacac;}
.welfare-tb ul li:nth-last-child(2){border-bottom: 1px solid #acacac;}
.welfare-tb ul li:nth-last-child(3){border-bottom: 1px solid #acacac;}
.welfare-tb dl{}
.welfare-tb dl dt{color: #dd1d22; font-size: 1.4rem; font-weight:500;}
.welfare-tb dl dd:nth-child(2){font-size: 1.5rem; font-weight: bold; margin-top: 0.25rem;}
.welfare-tb dl dd:nth-child(3){margin-top: 0.75rem;}
.welfare-tb p{font-size: 1.5rem; font-weight: bold;}
@media screen and (max-width: 768px) {
    .welfare-tb ul li{width:50%; height: 190px;}
    .welfare-tb ul li:nth-child(2){border-right: 1px solid #acacac;}
    .welfare-tb ul li:nth-child(3){border-right: 0px solid #acacac;}
    .welfare-tb ul li:nth-child(4){border-right: 1px solid #acacac;}
    .welfare-tb ul li:nth-child(8){border-right: 1px solid #acacac;}
    .welfare-tb ul li:last-child{display:none;}
}
@media screen and (max-width: 498px) {
    .welfare-tb ul li{width:50%; height: 160px;}
}

/*　--------------------　KODAIの特徴（追加）　--------------------　*/
.features_area_01 { padding:0rem 13% 0 2rem; }
.features_area_0203 { margin:5rem 2rem 0 2rem; padding:2rem 0 0 0rem; border-top:solid 1px #ee7700; }
.rec_icon { width:30px; margin:0.5rem 0; }
.rec_icon_tittle { font-size:1.4rem; display: inline;}
.rec_icon_number_L { font-size:4rem; line-height: 4.2rem; }
.rec_icon_number_S { font-size:1rem; }


/*　==============================　募集要項ページ　==============================　*/
.guideline-contentBox{background-color:#ffffff; padding:3rem 2rem 2rem 3rem;}
.guideline-contentSpace{padding-top:2.5rem;}
.guideline-ttl-sub{font-size:1.4rem; color:#dd1d22;padding-bottom:1.5rem;}
.guideline-form-wrapper{max-width: 1040px; width:100%; margin: 0 auto;}
.guidelin-hr{border-color: #2B3035; margin: 3rem 0rem;}
.guideline-bottomArea{padding: 5rem 2rem 5rem 2rem; box-sizing: border-box;}
.guideline-bottom-ttl{color:#ffffff; padding: 0rem 0rem 2rem 0rem;}
.guideline-bottom-ttl p{font-weight: 500; font-size:3.5rem; letter-spacing: 0.1rem; opacity:0.3;}
.guideline-bottom-ttl h2{font-size: 1.5rem; margin-top: 0.5rem;}
/*　--------------------　募集要項テーブルの設定　--------------------　*/
.guideline-tb{padding: 0rem 0rem 0rem 0rem;}
.guideline-tb ul{width:100%;}
.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 dl dt{font-weight:bold; width:140px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #000000; box-sizing: border-box;}
.guideline-tb dl dd{width:calc(100% - 140px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #d3d3d3; box-sizing: border-box;}
@media screen and (max-width: 768px) {
    .guideline-tb dl dt{width:100px;}
    .guideline-tb dl dd{width:calc(100% - 100px);}
}
@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:#606060; width:100%; padding:1rem 0rem 0rem 0rem; border-top:1px solid #000000;}
    .guideline-tb dl dd{width:100%; padding:0.5rem 0rem 1rem 0rem; border-top:0px solid #d3d3d3;}
}

/*　--------------------　フォームの設定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: #647282!important; color:#ffffff; border:1px solid #647282!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;}

/*　==============================　お知らせページ　==============================　*/
.pg-list{}
.pg-list ul:nth-child(odd){background-color:rgba(255,255,255,0.35);}
.pg-list .tk_flex{padding:2rem 2rem 2rem 2rem; border-bottom: 0px solid #e7e7e7!important;}
.pg-list .tk_flex .col-1{width:110px; flex: none!important;}
.pg-list .tk_flex .col-2{width:calc(100% - 110px - 1rem); flex: none!important;}
.pg-list .tk_title{font-size: 1rem;}
.pg-list .tk_title a{font-weight:bold;}
.pg-list .tk_tags_Tags{line-height: 1.5; background-color: #dd1d22; color: #ffffff; border-radius:0px; padding: 0.1rem 0.7rem 0.1rem 0.8rem;}
@media screen and (max-width: 498px) {
    .pg-list .tk_flex .col-2{width:100%;}
    .fs_page_list .tk_flex{flex-flow: column nowrap;}
    .fs_page_list .tk_tags_Tags{padding: 0.2rem 0.7rem 0.1rem 0.8rem;}
}
#pt101-1Parent{background-color:rgba(49,59,79,0.65);}
#pt101-2-1{background-color: #ffffff; margin: 5rem 2rem 0rem 2rem; width: calc(100% - 4rem);}

/*　--------------------　ページャー　--------------------　*/
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: #0074c1!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: #647282; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block; border-radius:20px;}
.pg-list .ccm-page-left a, .pg-list .ccm-page-left span, .pg-list .ccm-page-right a, .pg-list .ccm-page-right span{font-size:0px;}
.pg-list .ccm-page-left a:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0d9"}
.pg-list .ccm-page-left span:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0d9"}
.pg-list .ccm-page-right a:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0da"}
.pg-list .ccm-page-right span:before{font-size:40px; line-height: 0.5; font-family: FontAwesome; content:"\f0da"}


/*　==============================　お問い合わせページ　==============================　*/
/*　--------------------　フォームの設定2　--------------------　*/
.c-form{margin:0rem 2rem 0rem 2rem;}
.c-form .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;}
.c-form .formBlockSurveyTable dl dt{font-weight: bold; text-align: justify; width:100%; margin-right:0px; padding:0rem 0rem 0.5rem 0rem;}
.c-form .formBlockSurveyTable dl:nth-child(1) dd{max-width:400px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(2) dd{max-width:400px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(3) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(4) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(5) dd{max-width:400px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(6) dd{max-width:400px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(7) dd{max-width:600px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(7) input:nth-child(2){max-width:340px; width:100%;}
.c-form .formBlockSurveyTable dl:nth-child(8) dd{max-width:800px; width:100%;}

.c-form .formBlockSurveyTable dl dd input{height: 52px;}
.c-form .formBlockSurveyTable dl dd input, .c-form .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%;}
.c-form .formBlockSurveyTable dl dd input[type=checkbox]{width:15px!important; height: 26px!important;}
.formBlockSurveyTable dl dd input[type=radio]{width: auto!important; height: auto!important; position: relative; top: -2px;}
.c-form .formBlockSubmitButton{width:240px!important; text-align:center!important; background-color: #dd1d22!important; color:#ffffff; border:1px solid #dd1d22!important; border-radius: 0px!important; transition:0.6s; cursor: pointer;}
.c-form .formBlockSubmitButton:hover{background-color: #aaaaaa!important; border:1px solid #aaaaaa!important; color:#ffffff; transition:0.6s;}
@media screen and (max-width: 498px) {
.c-form .miniSurveyView input[type="text"], .c-form .miniSurveyView input[name^="Question"], .c-form .miniSurveyView textarea[name^="Question"]{font-size: 16px !important; transform: scale(1)!important;}
}
/* Checkbox */
.c-form input[type=checkbox]{width:auto!important;}
.c-form input[type=checkbox]:before,
.c-form input[type=checkbox]:after{position: absolute; content: ""; background: #fff; transition: all .2s ease-in-out;}
.c-form 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);}
.c-form 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;}
.c-form input[type=checkbox]:checked:before{left: 1px; top: 10px; width: 6px; height: 2px;}
.c-form input[type=checkbox]:checked:after{right: 5px; bottom: 1px; width: 2px; height: 14px;}
.c-form input[type=checkbox]:indeterminate:before, .c-form 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);}
.c-form input[type=checkbox]:indeterminate:before{left: 1px; top: 7px;}
.c-form input[type=checkbox]:indeterminate:after{right: 1px; bottom: 7px;}
/* Radio */
.c-form input[type=radio]{width:auto!important;}
.c-form 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;}
.c-form input[type=radio]{border-radius: 50%!important; background-color: #c0c0c0!important; padding:0%!important;}
.c-form input[type=radio]:checked:before{transform: scale(1);}
.c-form 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 */
.c-form input[type=checkbox], .c-form input[type=radio]{border: 2px solid #dd1d22;}
.c-form input[type=checkbox]:checked, .c-form input[type=checkbox]:indeterminate,input[type=radio]:checked:before{background: #dd1d22;}
input[type="submit"] {appearance: none; -webkit-appearance: none;}

/*　==============================　サイトのご利用について･プライバシーポリシー　==============================　*/
/*　--------------------　サイトのご利用についての設定　--------------------　*/
.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-bgColor-blue{background-color: rgba(10,141,194,0.65);}
.page-ttl-bgColor{background-color:rgba(49,59,79,0.65);}
.page-ttl{color:#ffffff; padding: 5rem 1rem 6rem 1rem;}
.page-ttl p{font-weight: 500; font-size:3.5rem; letter-spacing: 0.1rem; opacity:0.3;}
.page-ttl h2{font-size: 1.5rem; margin-top: 0.5rem;}
.page-ttl-line{}
.page-ttl-line > div{width: 100%; text-align: left;}
.page-ttl-line > div > div{width: 50%; padding-top: 2rem; box-sizing: border-box; border-right: 1px solid #ffffff;}

.other-contentArea{padding:5rem 2rem;}

/*　==============================　ヘッダー部分　==============================　*/
header{background-color:rgba(49,59,79,0.65);}
#cID1 header{background-color:rgba(49,59,79,0);}
#cID261 header{background-color: rgba(10,141,194,0.65);}
#cID264 header{background-color: rgba(10,141,194,0.65);}
#cID266 header{background-color:rgba(49,59,79,0);}

.h-language{color: #ffffff; padding:1rem 2rem 0rem 0rem; font-weight:bold;}
#cID266 .h-language{padding:2rem 2rem 1rem 0rem;}
.h-language a{color: #ffffff; transition:0.6s;}
.h-language a:hover{color: #dd1d22; transition:0.6s;}
@media screen and (max-width: 768px) {
    .h-language{position: absolute; z-index: 40; top:14px; right:50px; font-size:1.1rem!important;}
    #cID266 .h-language{position: absolute; z-index: 40; top:3px; right:0px; font-size:1.1rem!important;}
}
/*　--------------------　ヘッダーロゴの設定　--------------------　*/
.h-logo img {max-width:270px;}
@media screen and (min-width: 1201px) {
    .h-logo {padding: 1.75rem 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: 480px) {
    .h-logo {padding: 1.6rem 0rem 1rem 1.5rem; width: 75%;}
    .h-logo img {width:190px;}
}
/*　--------------------　PCナビの設定　--------------------　*/
.h-nav {padding: 0rem 0rem 0rem 0rem;}
.h-nav > #fsNavMenuList > .active_page > a{position: relative;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #dd1d22;}
.h-nav a {color:#ffffff; 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: #dd1d22; 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: #dd1d22; 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:first-child{display:none;}
.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(0, 0, 0, 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: #ffffff;}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {background-color: #ffffff!important;}
/*　--------------------　Fatnaviフィックスの設定　--------------------　*/
.fatnavTx{color: #ffffff;}
#topfix-A {position: absolute; z-index: 50; top:10px; right:8px;}
#topfix-B {position: absolute; z-index: 40; top:42px; right:19px;}
#cID266 #topfix-A{display:none;}
#cID266 #topfix-B{display:none;}

/*　==============================　フッター部分　==============================　*/
.f-link a, .f-link a:visited{color: #000000;  transition:0.6s;}
.f-link a:active, .f-link a:hover{color: #dd1d22;  transition:0.6s;}
.f-bannerBox{padding: 2rem 1.5rem;}
.f-cr-tx{padding:1rem 2rem 1rem 2rem;}
.f-policy-tx{padding:0rem 2rem 1rem 2rem;}

.en-f-display{display:none;}
#cID266 .en-f-display{display:block;}
#cID266 .en-f-hidden{display:none;}
#cID266 #footer-4Parent{display:none;}

@media screen and (max-width: 498px) {
    #footer-5Parent > div{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column-reverse; justify-content: flex-start; align-items: flex-start; width: 100%;}
    .f-policy-tx{padding:1rem 2rem 0rem 2rem;}
    .f-cr-tx{padding:0.5rem 2rem 1rem 2rem;}
}
/*　--------------------　フッターロゴの設定　--------------------　*/
.f-logo{padding:0rem 2rem 2.5rem 2rem;}
@media screen and (min-width: 1201px) {
    .f-logo img {max-width:270px;}
}
@media screen and (max-width: 1200px) {
    .f-logo img {max-width:240px;}
}
@media screen and (max-width: 498px) {
    .f-logo {padding:0rem 2rem 0rem 2rem;}
    .f-logo img {max-width:200px;}
}
/*　--------------------　サイトマップの設定　--------------------　*/
.f-sitemap-tb{margin:0rem 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: 1.5rem;}
.f-sitemap-tb li:nth-child(1){width:33.33%;}
.f-sitemap-tb li:nth-child(2){width:33.33%;}
.f-sitemap-tb li:nth-child(3){width:33.33%;}
.f-sitemap-tb li:nth-child(4){width:33.33%;}
.f-sitemap-tb li:nth-child(5){width:33.33%;}
.f-sitemap-tb li:nth-child(6){width:33.33%;}
.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: #000000; transition: 0.3s;}
.f-sitemap-tb dt a:hover{color: #dd1d22; 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: #dd1d22; 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: #000000; position: absolute; top: calc(50% - 2px); left: -20px; transition: 0.3s;}
.f-u-page:hover:before{background-color: #dd1d22; transition: 0.3s;}
@media screen and (max-width: 1024px) {
    .f-sitemap-tb li:nth-child(1){width:33.33%;}
    .f-sitemap-tb li:nth-child(2){width:33.33%;}
    .f-sitemap-tb li:nth-child(3){width:33.33%;}
    .f-sitemap-tb li:nth-child(4){width:33.33%;}
    .f-sitemap-tb li:nth-child(5){width:33.33%;}
    .f-sitemap-tb li:nth-child(6){width:33.33%;}
}
@media screen and (max-width: 768px) {
    .f-sitemap-tb{margin:0rem 2rem 2rem 3rem;}
    .f-sitemap-tb li{margin-bottom: 1.5rem;}
    .f-sitemap-tb li:nth-child(1){width:60%;}
    .f-sitemap-tb li:nth-child(2){width:40%;}
    .f-sitemap-tb li:nth-child(3){width:60%;}
    .f-sitemap-tb li:nth-child(4){width:40%;}
    .f-sitemap-tb li:nth-child(5){width:60%;}
    .f-sitemap-tb li:nth-child(6){width:40%;}
    .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:2rem 0.5rem 2rem 2rem;}
    .f-sitemap-tb li:nth-child(1){width:42%;}
    .f-sitemap-tb li:nth-child(2){width:58%;}
    .f-sitemap-tb li:nth-child(3){width:42%;}
    .f-sitemap-tb li:nth-child(4){width:58%;}
    .f-sitemap-tb li:nth-child(5){width:42%;}
    .f-sitemap-tb li:nth-child(6){width:58%;}
    .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%;}
.f-offices-tb span{font-weight:bold; font-size:1rem;}
@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:2rem 0.5rem 1.5rem 2rem;}
    .f-offices-tb li{width: 100%!important; margin-bottom: 1rem;}
}

/*　--------------------　所在地の設定（英語）　--------------------　*/
.en-f-offices-tb{margin:0rem 2rem 1.5rem 2rem;}
.en-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%;}
.en-f-offices-tb li{width:33.33%; box-sizing: border-box; margin-bottom: 1.5rem;}
.en-f-offices-tb li:nth-child(1){width:33.33%;}
.en-f-offices-tb li:nth-child(2){width:33.33%;}
.en-f-offices-tb span{font-weight:bold; font-size:1rem;}
@media screen and (max-width: 768px) {
    .en-f-offices-tb{margin:0rem 2rem 1.5rem 3rem;}
    .en-f-offices-tb ul{flex-flow: column wrap;}
    .en-f-offices-tb li{width: 100%!important; margin-bottom: 1.5rem;}
}
@media screen and (max-width: 498px) {
    .en-f-offices-tb{margin:2rem 0.5rem 1.5rem 2rem;}
    .en-f-offices-tb li{width: 100%!important; margin-bottom: 1rem;}
}

/*　--------------------　ページトップボタンの設定　--------------------　*/
.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;}
}


/*　=========　新着情報　=========　　*/
#pt101-2-1 .fs_content { line-height: 1.8; }
@media screen and (max-width: 498px) { #pt101-2-1 .fs_content { line-height: 1.6; }}

/*　==============================　文字に関する設定　==============================　*/
.bold {font-weight: bold;}
.italic {font-style: italic;}
.eiji {font-family: "Poppins", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "游ゴシック", YuGothic, "MS Pゴシック", Arial, Meiryo, "メイリオ"!important;}
.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: 900px) { 
}
@media screen and (max-width: 498px) { 
.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-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 ;}

/*　--------------------　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;}

/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* === フォーム部分追加(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;
}
}