@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(28,28,28,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
/* 英語ページ作成後削除 */
/*.h-language p{display:none;}
#cID256 .h-language p{display:block;}*/

.cm0422-tbA {width: 100%;}
.cm0422-tbA td{border:1px solid #000000; padding: 1rem 0.5rem; box-sizing: border-box;}
.cm0422-tbA td:nth-child(1){width: 120px;}
.cm0422-tbA td:nth-child(2){width:calc(100% - 120px);}

.cm0422-tbB {width: 100%;}
.cm0422-tbB td{border:1px solid #000000; padding: 1rem 0.5rem; box-sizing: border-box;}
.cm0422-tbB td:nth-child(1){width: 10%;}
.cm0422-tbB td:nth-child(2){width: 40%;}
.cm0422-tbB td:nth-child(3){width: 10%;}
.cm0422-tbB td:nth-child(4){width: 40%;}

/*　==============================　トップページ　==============================　*/
#cID1 header{background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);}
.catch-copy{padding: 28vh 0rem 34vh 15%;}
.catch-copy img{max-width:400px;}
#futureBg{width: 100%; height: 100%; position: relative;}
#futureBg canvas{position: absolute; top: 0; left: 0; z-index: 0;}
.ccm-edit-mode #futureBg canvas{z-index: -1;}
.futureBg-inner{position: relative; z-index: 1;}
.top-future-wrapper{padding:0rem 0rem 0rem 0rem; z-index: 1;}
.top-future-containerL{}
.top-future-bgColor{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); padding: 9rem 0rem 6rem 0rem; position: relative; z-index: 1;}
.top-future-innerL{margin: 0rem 0rem 0rem auto; max-width: 600px; width: 100%;}
.top-future-ttl{font-weight: bold; margin:0rem 2rem 3rem 2rem;}
.top-future-ttl p:nth-child(1){font-size:6rem; line-height: 1; letter-spacing: 0.1rem;}
.top-future-ttl p:nth-child(2){font-size:2rem; line-height: 1.4; margin-top: -2.25rem; letter-spacing: 0.15rem;}
.top-future-read{line-height: 2.4; margin:0rem 2rem 2rem 2rem;}
.top-future-img{margin: -3.5rem 0rem 0rem -2rem;}
.top-future-img img{width:750px; height: 520px; object-fit: cover; object-position: -110px 0px;}
.top-about-bgColor{background-color:rgba(10,87,159,0.5); padding: 1rem 0rem;}
.ccm-edit-mode .top-about-containerL{margin-top:0rem;}
.top-about-containerL{margin: 0rem 0rem 0rem 0rem; padding:6rem 0rem 6rem 0rem; position: relative; z-index: 1;}
.top-about-innerL{margin: 0rem 0rem 0rem auto; max-width: 600px; width: 100%;}
.top-about-innerR{padding:9rem 0rem 3rem 6vw;}
.top-about-pride{margin-bottom:3rem;}
.top-about-pride img{height: 80px;}
.top-products-bgColor{padding:8rem 0rem 8rem 0rem; position: relative; z-index: 1;}
.top-products-btn{margin: 1px;}
.top-products-btn .fs_btn{width: 100%; padding: 24rem 2rem 2rem 2rem; background-color:rgba(10,87,159,0); border-radius: 0px; transition:0.6s;}
.top-products-btn .fs_btn:hover{background-color:rgba(10,87,159,0.75); transition:0.6s;}
.top-products-btn .fs_btn_text_main{font-weight: bold; font-size: 1.5rem; margin-bottom:0.75rem;}
.top-products-btn .fs_btn_text_sub{font-size: 1rem; line-height: 1.4;}
.top-movie{width: calc(100% - 4rem); aspect-ratio: 16 / 9; position: relative; padding: 2rem;}
/*.top-movie:after{content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);}*/
.top-movie iframe{width: 100%; height: 100%;}
.top-sustaina-containerL{}
.top-sustaina-innerL{margin: 0rem 0rem 0rem auto; padding:5rem 0rem 5rem 0rem; max-width: 600px; width: 100%;}
.top-sustaina-img{padding-top:34rem;}
.top-sustaina-wrapper .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:100%;}
.top-info-wrapper{padding:5rem 0rem 2rem 0rem;}
.top-cr-wrapper{padding:5rem 2rem 5rem 2rem;}
.top-cr-btn{}
.top-cr-btn .fs_btn{padding: 10rem 0.5rem 10rem 2rem; background-color:rgba(10,87,159,0.5)}
.top-cr-btn .fs_btn:hover{background-color:rgba(10,87,159,0.88)}
.top-cr-btn .fs_btn .fs_btn_text_main{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.2rem; letter-spacing: 0.2rem; padding: 0rem 2rem 0.em 2rem;}
.top-cr-btn .fs_btn .fs_btn_text_main:before{content: ""; width: 2.2rem; height: 1px; background: #ffffff; margin: -0.2rem 0.5em 0rem 0rem;}
.top-cr-btn .fs_btn .fs_btn_text_sub{font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1rem; padding: 0rem 2rem 2.5rem 4.8rem;}
@media screen and (max-width: 768px) {
    .top-future-ttl p:nth-child(2){font-size:1.8rem;}
    .top-products-bgColor{padding:5rem 0rem 4rem 0rem; position: relative; z-index: 1;}
}
@media screen and (max-width: 498px) {
    .catch-copy{padding: 31vh 0rem 33vh 7%;}
    .catch-copy img{max-width:200px;}
    .top-future-wrapper{padding:0rem 0rem 0rem 0rem;}
    .top-future-bgColor{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); padding: 5rem 0rem 0rem 0rem;}
    .top-future-img{margin: 2em 0rem 0rem 0rem;}
    .top-future-img img{height: 360px;}
    .top-about-bg{background-position: top 0px left -750px!important;}
    .top-about-bgColor{padding: 0rem 0rem;}
    .top-about-containerL{margin: 0rem 0rem 0rem 0rem; padding:6.5rem 0rem 6.5rem 0rem;}
    .top-about-innerR{padding:0rem 0rem 0rem 0rem;}
    .top-about-pride{margin-bottom:3.5rem; margin-left: 2rem;}
    .top-about-pride img{width: auto; height: 50px;}
    .top-products-btn .fs_btn{padding: 20rem 2rem 2rem 2rem;}
    .top-movie:after{display:none;}
    .top-sustaina-img{padding-top:26rem;}
    .top-info-wrapper{padding:5rem 0rem 5rem 0rem;}
    .top-cr-btn{margin-bottom: 1px;}
    .top-cr-btn .fs_btn{font-size:1.2rem!important; padding: 5rem 0.5rem 5rem 1.5rem;}
}
.top-contents-ttl{font-weight: bold; margin:0rem 2rem 2rem 2rem;}
.top-contents-ttl p:nth-child(1){font-size:1rem; line-height: 1; letter-spacing: 0.1rem;}
.top-contents-ttl p:nth-child(2){font-size:1.7rem; line-height: 1.4; margin-top: 2rem; letter-spacing: 0.15rem;}
.top-contents-ttl-products{font-size:1.85rem;}
.top-contents-read{margin:0rem 2rem 3rem 2rem;}
.top-contents-nextBtn{margin:0rem 2rem 0rem 2rem;}
.top-contents-nextBtn .fs_btn{max-width: 260px; width: 100%;}
@media screen and (max-width: 498px) {
    .top-contents-nextBtn .fs_btn{max-width: 100%; width: 100%;}
    .top-contents-ttl{font-weight: bold; margin:0rem 0rem 2rem 2rem;}
    .top-contents-ttl p:nth-child(2){font-size:1.65rem; line-height: 1.4; letter-spacing: 0.11rem;}
    .dotspace{letter-spacing: -0.05rem;}
    .top-contents-ttl-products{font-size:1.7rem;}
    .top-contents-ttl-info{margin-bottom:0rem!important;}
    .top-contents-ttl-info p:nth-child(1){font-size:1.7rem!important;}
} 


/*　==============================　トップページ（EN）　==============================　*/
#cID256 header{background-color:rgba(255,255,255,0);}
#cID256 .h-nav{display:none;}
#cID256 .h-language{padding: 2rem 2rem 0.5rem 0rem;}
#cID256 .f-sitemap-tb{display:none;}
#cID256 .f-logo{padding: 4rem 2rem 3rem 2rem;}
#cID256 .f-offices-tbJa{display:none;}
.f-offices-tbEn{display:none;}
#cID256 .f-offices-tbEn{display:block;}
#cID256 .f-other-link p{display:none;}

.en-contents-ttl{font-weight: bold; margin:0rem 2rem 1.25rem 2rem;}
.en-contents-ttl p:nth-child(1){font-size:1rem; line-height: 1; letter-spacing: 0.1rem;}
.en-contents-ttl p:nth-child(2){font-size:1.7rem; line-height: 1.4; margin-top: 1.5rem; letter-spacing: 0.15rem;}
.en-contents-read{margin:0rem 2rem 3rem 2rem;}
.ccm-edit-mode .en-about-containerL{margin-top:0rem;}
.en-about-containerL{margin: 0rem 0rem 0rem 0rem; padding:8rem 0rem 8rem 0rem; position: relative; z-index: 1;}
.en-about-innerR{padding:6rem 0rem 1rem 6vw;}
.en-about-pride{margin-bottom:3.5rem;}
.en-about-pride img{height: 110px;}
.en-products-container{background-size: 90%!important; background-position: center left 340px!important; margin:2rem 2rem 0rem 0rem;}
.en-products-inner{margin: 0rem auto 0rem 2rem; padding:5.5rem 0rem; max-width: 600px; width: calc(100% - 2rem); background-color:rgba(255,255,255,1);}
.en-products-inner2{margin: 0rem auto 0rem 2rem; padding:4.5rem 0rem; max-width: 600px; width: calc(100% - 2rem); background-color:rgba(255,255,255,1);}
.en-products-ttl-jp{padding: 0rem 2rem 2rem 2rem;}
.en-products-ttl-jp p{font-weight: bold; font-size:1.6rem; letter-spacing: 0.1rem; color: #ffffff; background-color: #0a579f; display: inline-block; padding: 0.5rem 1.35rem 0.35rem 1.35rem;}
.en-products-ttl-copy{font-weight: bold; font-size: 1.7rem; line-height: 1.5; padding: 0rem 2rem 1.5rem 2rem;}
.en-products-ttl-read{padding: 0rem 2rem 2rem 2rem;}
.en-outline-inner{background-color:#ffffff; padding:3rem 2rem 2rem 2rem;}
.en-products-bgColor{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); padding:5.5rem 0rem 5.5rem 0rem;}
@media screen and (max-width: 768px) {
    .en-products-inner{padding:5.5rem 0rem 0rem 0rem; max-width: 100%; width: calc(100% - 2rem);}
    .en-products-inner2{padding:4.5rem 0rem 0rem 0rem; max-width: 100%; width: calc(100% - 2rem);}
}
@media screen and (max-width: 498px) {
    #cID256 #topfix-A{display:none;}
    #cID256 #topfix-B{display:none;}
    #cID256 .h-language{font-size: 1.1rem; margin-right: -2rem; padding: 0.5rem 0rem 0rem 0rem;}
    .en-contents-ttl p:nth-child(2){font-size:1.65rem; line-height: 1.4; letter-spacing: 0.11rem;}
    .en-about-bg{background-position: top 0px left -750px!important;}
    .en-about-containerL{margin: 0rem 0rem 0rem 0rem; padding:4.5rem 0rem 4.5rem 0rem;}
    .en-about-innerR{padding:0rem 0rem 16.5rem 2rem;}
    .en-about-pride img{width: auto; height: 75px;}
    .en-products-inner{padding:5.5rem 0rem 0rem 0rem;}
    .en-products-inner2{padding:4.5rem 0rem 0rem 0rem;}
    .en-products-ttl-copy{font-size: 1.65rem; padding: 0rem 2rem 1.5rem 2rem;}
    .en-products-bgColor{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); padding:5.5rem 0rem 5.5rem 0rem;}
    .en-products-img{margin-top: 1.5rem;}
} 


/*　==============================　旭陽化学工業について　==============================　*/
.about-future-wrapper{padding:4rem 0rem 4rem 0rem;}
.about-future-layout .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:100%;}
.about-future-containerL{}
.about-future-innerL{margin: 0rem 0rem 0rem auto; max-width: 600px; width: 100%;}
.about-contents-ttl{font-weight: bold; margin:0rem 2rem 2.5rem 2rem;}
.about-contents-ttl p:nth-child(1){font-size:1rem; line-height: 1; letter-spacing: 0.1rem;}
.about-contents-ttl p:nth-child(2){font-size:1.7rem; line-height: 1.4; margin-top: 2rem; letter-spacing: 0.15rem;}
.about-future-read{margin:0rem 2rem 0rem 2rem;}
.about-contents-read{margin:0rem 2rem 2rem 2rem;}
.about-contents-read-safetyTtl{margin:0rem 2rem 1rem 2rem;}
.about-contents-read-safetyBtn{margin:0rem 2rem 0.25rem 2rem;}
.ccm-edit-mode .about-future-img{margin-top:0rem;}
.about-future-img{margin: 3rem 0rem 0rem 2rem;}
.about-future-img .wrapper:nth-child(1){width:55%;}
.about-future-img .wrapper:nth-child(2){position: relative; top: -3rem; margin-left: 4%; width:41%;}
.about-sustaina-bgColor{background-color: rgba(10,87,159,0.9); padding:8rem 0rem 8rem 0rem;}
.about-sustaina-img{margin: 1rem auto; max-width: 960px;}
.about-pride-wrapper{padding:8rem 0rem 8rem 0rem;}
.about-pride-copy{max-width: 380px; width: 100%; margin: 3rem auto 3rem auto;}
.about-pride-img{padding-top:32rem;}
.about-pride-layout .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width:100%;}
.about-pride-layout .ccm-layout-row-1, .about-pride-layout .ccm-layout-wrapper, .about-pride-layout .rrh-layout-wrapper-wide, .about-pride-layout .ccm-layout, .about-pride-layout .ccm-layout-row, .about-pride-layout .r-gridN12{height: 100%;}
.about-pride-containerR{height: 100%;}
.about-pride-innerR{margin: 0rem auto 0rem 0rem; max-width: 600px; width: 100%; height: 100%;}
.about-pride-evidence{margin:0rem 2rem 0rem 2rem; height: 100%;}
.about-pride-evidence ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column; justify-content: space-between; align-items: stretch;
width: 100%; height: 100%;}
.about-pride-evidence ul li:first-child{font-weight:bold; margin: 0.5rem 0rem;}
.about-pride-evidence ul li:nth-child(n + 2){color: #ffffff; background-color: #0a579f; padding: 1rem 0rem 1rem 2rem;}
.about-pride-mark{margin: 0rem 2rem 2.5rem 2rem;}
.about-pride-mark img{padding: 0rem 0rem 2rem 0rem; max-width: 300px; width: 100%;}
.about-movie{width: 100%; aspect-ratio: 16 / 9; position: relative;}
/*.about-movie:after{content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);}*/
.about-movie iframe{width: 100%; height: 100%;}
.about-history-wrapper{padding:8rem 0rem 8rem 0rem;}
.about-history-layout{margin-bottom:5rem;}
.about-guide-wrapper{padding:8rem 0rem 8rem 0rem;}
.about-guide-btn{margin:0rem 2rem 0rem 2rem;}
.about-guide-btn .fs_btn{padding: 9rem 0.5rem 9rem 2rem; background-color:rgba(10,87,159,0.3)}
.about-guide-btn .fs_btn:hover{background-color:rgba(10,87,159,0.8)}
.about-guide-btn .fs_btn_text{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;}
.about-guide-btn .fs_btn .fs_btn_text_main{font-size: 1rem; letter-spacing: 0.1rem; padding: 0rem 2rem 0rem 3rem;}
.about-guide-btn .fs_btn .fs_btn_text_sub{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; align-items: center; font-size: 1.4rem; font-weight: bold; letter-spacing: 0.1rem; padding: 0rem 2rem 0.25rem 0rem;}
.about-guide-btn .fs_btn .fs_btn_text_sub:before{content: ""; width: 2.2rem; height: 1px; background: #ffffff; margin: -0.2rem 0.5em 0rem 0rem;}
@media screen and (max-width: 1029px) {
    .about-sustaina-img{margin: 1rem 3rem; max-width: 100%;}
}
@media screen and (max-width: 498px) {
    .about-contents-ttl{margin:0rem 1rem 2.5rem 2rem;}
    .about-contents-ttl p:nth-child(1){line-height: 1.4;}
    .about-contents-ttl p:nth-child(2){font-size:1.6rem; letter-spacing: 0.15rem;}
    .about-future-read{margin:0rem 2rem 2rem 2rem;}
    .about-contents-read{margin:0rem 2rem 2rem 2rem;}
    .about-future-img{margin: 3rem 2rem 0rem 2rem;}
    .about-pride-wrapper{padding:0rem 0rem 8rem 0rem;}
    .about-pride-copy{max-width: -webkit-fill-available; width: 100%; background-color: #EEF5FF; margin: 0rem auto 4rem auto; padding: 4rem 5rem 3.5rem 5rem;}
    .about-pride-img{padding-top:26rem;}
    .about-movie:after{display:none;}
    .about-pride-evidence{margin:2.5rem 2rem 0rem 2rem;}
    .about-history-wrapper{padding:4rem 0rem 4rem 0rem;}
    .about-guide-wrapper{padding:6rem 0rem 6rem 0rem;}
    .about-guide-btn{margin-bottom:1px;}
    .about-guide-btn .fs_btn{font-size:1.2rem!important; padding: 5rem 0.5rem 5rem 1.5rem;}
    .about-guide-btn .fs_btn_text{line-height: 1.5;}
}


/*　==============================　製品紹介　==============================　*/
.products-wrapper{padding:5rem 0rem 5rem 0rem;}
.products-inner-bgColor{background: -moz-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); padding:5rem 0rem 3rem 0rem;}
.products-enter-img{width: 75%; margin: 0rem 2rem 0rem auto; background-size: 115%!important;}
.products-enter-img .fs_btn{width:100%;}
.products-enter-img .fs_btn_text{text-align: right!important; opacity:0; width: 100%; padding: 15rem 2rem 15rem 0rem; box-sizing: border-box;}
.products-enter-img .fs_btn_text:hover{opacity:1;}
.products-enter-img .fs_btn:hover{background-color: rgba(10,87,159,0.8);}
.ccm-edit-mode .products-enter-btn{margin:0rem auto 0rem 2rem; top: 0rem;}
.products-enter-btn{width: 40%; margin:-20rem auto 4rem 2rem; position: relative; top: -5rem;}
.products-enter-btn .fs_btn{width: 100%; margin: 0rem auto 0rem 0rem; padding: 7rem 2rem;}
.products-enter-btn .fs_btn_text_main{font-size:1.4rem; font-weight: bold; margin-bottom: 0.5rem;}
.products-enter-btn .fs_btn_text_sub{font-size:0.9rem; font-weight: bold;}
.products-enter-btn .fs_btn{line-height: 1.5;}
@media screen and (max-width: 498px) {
    .products-wrapper{padding:4rem 0rem 4rem 0rem;}
    .products-inner-bgColor{background: -moz-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); padding:4rem 0rem 0rem 0rem;}
    .products-enter-img{width: 100%; margin: 0rem 0rem 4em 0rem; background-position: top 0% right 0%!important; background-size: 140%!important;}
    .products-enter-img .fs_btn_text{padding: 12rem 2rem 13rem 0rem;}
    .products-enter-btn{width: calc(100% - 4rem); margin:-5.5rem auto 0rem 2rem;}
    .products-enter-btn .fs_btn{padding: 2rem 2rem;}
}


/*　==============================　製品紹介下層　==============================　*/
/*　--------------------　共通設定　--------------------　*/
.products-u-wrapper{padding:10rem 0rem 10rem 0rem;}
.products-u-inner{margin: 0rem auto 0rem 0rem; max-width: 600px; width: 100%;}
.products-u-mainBg{}
.products-ttl-en{padding: 0rem 2rem 1rem 2rem;}
.products-ttl-en p{font-weight: bold; letter-spacing: 0.1rem; color: #ffffff; background-color: #0a579f; display: inline-block; padding: 0.2rem 1.5rem 0.25rem 1.5rem;}
.products-ttl-jp{padding: 0rem 2rem 2.25rem 2rem;}
.products-ttl-jp p{font-weight: bold; font-size:1.6rem; letter-spacing: 0.1rem; color: #ffffff; background-color: #0a579f; display: inline-block; padding: 0.5rem 1.35rem 0.35rem 1.35rem;}
.products-ttl-copy{font-weight: bold; font-size: 1.7rem; line-height: 1.5; padding: 0rem 2rem 2rem 2rem;}
.products-ttl-read{padding: 0rem 2rem 0rem 2rem;}
.products-featurres-bgColorW{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%); padding:8rem 0rem 8rem 0rem;}
.products-featurres-bgColorH{background: -moz-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);}
.products-featurresA-ttl{font-weight: bold; margin:0rem 2rem 1.5rem 2rem;}
.products-featurresA-ttl p:nth-child(1){font-size:1rem; line-height: 1; letter-spacing: 0.1rem; color:#cccccc;}
.products-featurresA-ttl p:nth-child(2){font-size:1.8rem; line-height: 1.4; color:#ffffff; margin-top: 0.5rem; letter-spacing: 0.15rem;}
.products-featurresA4{padding:0rem 2rem 2rem 2rem;}
.products-featurresA4 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;}
.products-featurresA4 ul li{width:49.5%; background-color: #ffffff; position: relative; padding: 1.5rem 2rem 2.5rem 2rem; margin-bottom:0.75%; box-sizing: border-box;}
.products-featurresA4 ul li:before{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 30px solid #999999; border-right: 30px solid transparent;}
.products-featurresA4 dl dt{color: #999999; font-size: 3rem; font-weight: bold; text-align: center; position: relative; margin-bottom: 1.25rem;}
.products-featurresA4 dl dt:after{content: ''; width: 20px; height: 2px; display: inline-block; background-color: #999999; position: absolute; bottom: 0px; left: calc(50% - 10px);}
.products-featurresA4 dl dd{color: #0a579f; font-weight: bold; font-size: 1.15rem; letter-spacing: -0.01rem; max-width: 410px; width: 100%; margin: 0 auto;}

.products-featurresA6{padding:0rem 2rem 2rem 2rem;}
.products-featurresA6 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;}
.products-featurresA6 ul li{width:49%; background-color: #ffffff; position: relative; margin-bottom: 2%; padding: 1.5rem 2rem 2.5rem 2rem; box-sizing: border-box;}
.products-featurresA6 ul li:before{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 30px solid #999999; border-right: 30px solid transparent;}
.products-featurresA6 dl dt{color: #999999; font-size: 3rem; font-weight: bold; text-align: center; position: relative; margin-bottom: 1.25rem;}
.products-featurresA6 dl dt:after{content: ''; width: 20px; height: 2px; display: inline-block; background-color: #999999; position: absolute; bottom: 0px; left: calc(50% - 10px);}
.products-featurresA6 dl dd{color: #0a579f; font-weight: bold; text-align: center; font-size: 1.15rem; letter-spacing: -0.01rem;}
.products-process-img{margin: 1rem auto; max-width: 960px;}
@media screen and (max-width: 1029px) {
    .products-process-img{margin: 1rem 3rem; max-width: 100%;}
}
@media screen and (max-width: 1200px) {
    .products-featurresA6 dl dd{}
}
@media screen and (max-width: 498px) {
    .products-process-img{margin: 1rem 3rem 3rem 3rem;}
}

.products-featurresB-ttl{font-weight: bold; margin:0rem 2rem 1.5rem 2rem;}
.products-featurresB-ttl p{font-size:1.8rem; line-height: 1.4; color:#ffffff; margin-top: 0.5rem; letter-spacing: 0.15rem; margin-left: 3.5rem; position: relative;}
.products-featurresB-ttl p:before {content: ""; width: 40px; height: 2px; background: #ffffff; display: inline-block; position: absolute; top: 18px; left: -3.5rem;}

.products-featurresB5{padding:0rem 2rem 2rem 2rem;}
.products-featurresB5 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;}
.products-featurresB5 ul li{width:19.2%; background-color: #ffffff; padding: 2.5rem 0.5rem; box-sizing: border-box;}
.products-featurresB5 ul li p:nth-child(1){color: #0a579f; font-size: 1.25rem; font-weight: bold; text-align: center;}
.products-featurresB5 ul li p:nth-child(2){margin-top:1rem; text-align: center;}
@media screen and (max-width: 1200px) {
    .products-featurresB5 ul li p:nth-child(2){text-align: justify;}
    .products-featurresB5 ul li p:nth-child(2) br{display:none;}
}

.products-featurresB6{padding:0rem 2rem 2rem 2rem;}
.products-featurresB6 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;}
.products-featurresB6 ul li{width:16%; background-color: #ffffff; padding: 2.5rem 1rem; box-sizing: border-box;}
.products-featurresB6 ul li p:nth-child(1){color: #0a579f; font-size: 1.25rem; font-weight: bold; text-align: center;}
.products-featurresB6 ul li p:nth-child(2){margin-top:1rem;}
.products-featurres-read{color:#ffffff; margin:0rem 2rem 0rem 2rem; max-width:660px; width: calc(100% - 4rem);}
.products-material-img{padding-top:30rem;}
.products-example-wrapper{padding:8rem 0rem 0rem 0rem;}
.products-example-ttl{font-weight: bold; margin:0rem 2rem 2rem 2rem;}
.products-example-ttl p:nth-child(1){font-size:1rem; line-height: 1; letter-spacing: 0.1rem; color:#cccccc;}
.products-example-ttl p:nth-child(2){font-size:1.6rem; line-height: 1.4; color:#0a579f; margin-top: 0.5rem; letter-spacing: 0.15rem;}
.products-example{padding:2rem 2rem 2rem 2rem;}
.products-example 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;}
.products-example ul li{width:23.5%; box-sizing: border-box;}
.products-example ul li p{text-align: center; width: 85%; margin: 0 auto;}
.products-example ul li p img{height: 100px;}
.products-example dl dt{color: #0a579f; font-size: 1.2rem; font-weight: bold; text-align: center; border-bottom:1px solid #0a579f; padding: 1.5rem 0rem 1rem 0rem;}
.products-example dl dd{padding: 0.5rem 0.5rem;}
.products-example dl dd:nth-child(odd){background-color:#eef5ff;}
.products-bottom-nav{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); padding: 6rem 0rem 6rem 0rem; margin-top: 5rem;}
@media screen and (max-width: 1300px) {
    .products-featurres-bgColor{background: -moz-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 99%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 99%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: linear- 
   gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 99%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);}
    .products-featurres-bgColorW{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); padding:4rem 0rem 4rem 0rem;}
}
@media screen and (max-width: 1200px) {
    .products-u-inner{max-width: 55%;}
}
@media screen and (max-width: 768px) {
    .products-featurres-bgColor{background: -moz-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 98%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 98%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(238,245,255,1) 0%, rgba(238,245,255,1) 98%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%);}
    .products-featurresB6 ul li{width:32.5%; margin-bottom:1.5%;}
}
@media screen and (max-width: 498px) {
    .products-u-wrapper{padding:6rem 0rem 23rem 0rem;}
    .products-u-inner{max-width: 100%;}
    .products-u-mainBg{background-size: 200%!important; background-position: right -3rem bottom -6rem!important;}
    .products-ttl-en{padding: 0rem 2rem 0.5rem 2rem;}
    .products-ttl-jp{padding: 0rem 2rem 2rem 2rem;}
    .products-ttl-copy{font-size: 1.65rem; padding: 0rem 1rem 1.5rem 2rem;}
    .products-featurresB-ttl p:before {width: 35px; top: 11px;}
    .products-featurresA4 ul li{width:100%; margin-bottom:3%; padding: 1rem 2rem 2.5rem 2rem;}
    .products-featurresA6 ul li{width:100%; margin-bottom: 3%;}
    .products-featurresB5 ul li{width:48.5%; margin-bottom: 3%; padding: 2.5rem 1rem;}
    .products-featurresB5 ul li p:nth-child(2){letter-spacing: -0.01rem;}
    .products-featurresB6 ul li{width:49.5%;}
    .products-material-img{padding-top:24rem;}
    .products-example-wrapper{padding:4rem 0rem 0rem 0rem;}
    .products-example{padding:2rem 2rem 0rem 2rem;}
    .products-example ul li{width:48.5%; margin-bottom:13%;}
    .products-bottom-nav{background: -moz-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: -webkit-linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); background: linear-gradient(90deg, rgba(10,87,159,1) 0%, rgba(10,87,159,1) 100%); margin-top: 2rem; padding: 4rem 0rem 4rem 0rem;}
}


/*　==============================　企業情報　==============================　*/
.company-message-wrapper{padding:6rem 0rem 6rem 0rem;}
.company-outline-inner{background-color:#ffffff; padding:3rem 2rem 2rem 2rem;}
.company-outline-wrapper{padding:0rem 0rem 8rem 0rem;}
.company-guide-wrapper{padding:8rem 0rem 8rem 0rem;}
.company-img-bg{padding-top:34rem;}
@media screen and (max-width: 498px) {
    .company-img-bg{padding-top:22rem;}
    .company-outline-wrapper{padding:0rem 0rem 4rem 0rem;}
    .history-tb__row:last-child .history-tb__body{padding-bottom: 1rem!important;}
    .history-tb .history-tb__row:last-child dd h3{display:none;}
    .company-guide-wrapper{padding:4rem 0rem 4rem 0rem;}
}


/*　--------------------　概要の設定　--------------------　*/
.outline-tb{padding: 2rem 0rem 0rem 0rem;}
.outline-tb ul{width:100%;}
.outline-tb ul li{width:100%;}
.outline-tb dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width:100%;}
.outline-tb dl dt{font-weight:bold; color:#a3bcd4; width:220px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #0a579f; box-sizing: border-box;}
.outline-tb dl dd{width:calc(100% - 220px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #cccccc; box-sizing: border-box;}
.outline-tb dl dd img{padding: 1.5rem 0rem 1rem 0rem; max-width: 230px; width: 100%;}
.outline-tb i{color:#030d26;}
.outline-tb iframe{margin-top:1rem;}
@media screen and (max-width: 1211px) {
    .outline-tb dl dt{width:33%;}
    .outline-tb dl dd{width:67%;}
}
@media screen and (max-width: 498px) {
    .outline-tb{padding: 2rem 0rem 0rem 0rem;}
    .outline-tb dl{flex-flow: column wrap;}
    .outline-tb dl dt{text-align: justify; color:#a3bcd4; 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 #0a579f;}
}
/*　--------------------　沿革　--------------------　*/
.history-tb {text-align: left; position: relative; padding: 2rem 0rem 0rem 0rem;}
.history-tb__row {display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; opacity: 0; -webkit-transition: .3s; transition: .3s; }
.history-tb__row:before, .history-tb__row:after {content: ''; display: block; position: absolute; top: 8px; -webkit-transition: .3s; transition: .3s;}
.history-tb__row:before {width: 2px; height: 0; background-color: #c9c9c9; left: 8px;}
.history-tb__row:after {width: 8px; height: 8px; border-radius: 4px; background-color: #0a579f; left: 5px; opacity: 0;}
.history-tb__row:last-child .history-tb__body {position: relative;}
.history-tb__row:last-child .history-tb__body:before {content: '\f04d'; font-family: FontAwesome; font-size: 1.25rem; color: #0a579f; font-weight: 700; position: absolute; bottom: -15px; left: -2px; z-index: 1; -webkit-transition: .3s; transition: .3s; opacity: 0;}
.history-tb__row.is-scrolled {opacity: 1;}
.history-tb__row.is-scrolled:before {height: 100%;}
.history-tb dl:last-child:before {height: auto;}
.history-tb__row.is-scrolled:after {opacity: 1;}
.history-tb__row.is-scrolled:last-child .history-tb__body:before {opacity: 1;}
.history-tb__row:last-child .history-tb__body:before {top: -4px; left: -8px;}
.history-tb__head, .history-tb__body {font-size: 1rem; padding-bottom: 2rem;}
.history-tb__head {width: 100%; position: relative; padding-left: 1.5rem; text-align: left;}
.history-tb__body {padding-left: 1.5rem;}
.history-ttl-base {font-weight: normal;}
.history-ttl {margin-top: 0; margin-top: 0; margin-bottom: 6px; margin-bottom: .375rem; font-size: 1rem;}
.history-read {margin-top: 0; margin-top: 0; margin-bottom: 24px; margin-bottom: 1.5rem; font-size: 1rem;}
@media screen and (max-width:1024px) {
    .history-tb__row:last-child .history-tb__body:before {left: -2px;}
}
@media screen and (min-width:992px) {
    .history-read {margin-top: 0; margin-top: 0; margin-bottom: 24px; margin-bottom: 1.5rem; font-size: 1rem;}
}
@media screen and (min-width:769px) {
    .history-tb__row {-webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .history-tb__row:before {left: 197px;}
    .history-tb__row:after {left: 194px;}
    .history-tb__head {width: 150px; min-width: 150px; padding-left: 0; padding-right: 3rem; text-align: right; }
    .history-tb__body {padding-left: 3rem;}
}
@media screen and (max-width:768px) {
    .history-tb__head{padding-bottom:0.5rem;}
    .history-tb__head, .history-tb__body{padding-left: 2rem;}
    .history-tb__row:last-child .history-tb__body:before {top: -30px; left: 2px;}
    .history-tb__row:before, .history-tb__row:after {top: 5px;}
    .history-tb__head .history-ttl {font-weight:bold; font-size: 1.1rem; color:#bababa;}
}
@media screen and (max-width:498px) {
    .history-tb{margin-left: -1rem;}
    .history-tb__body{width:95%;}
    .history-tb__row:before, .history-tb__row:after {top: 5px;}
    .history-tb__row:last-child .history-tb__body:before {left: 2px;}
}


/*　==============================　サステナビリティ　==============================　*/
.sustaina-csr-wrapper{padding:5rem 0rem 4rem 0rem;}
.sustaina-contents-ttl{font-weight: bold; margin:0rem 2rem 1.5rem 2rem;}
.sustaina-contents-ttl p:nth-child(1){font-size:1rem; line-height: 1; letter-spacing: 0.1rem;}
.sustaina-contents-ttl p:nth-child(2){font-size:1.7rem; line-height: 1.4; margin-top: 1.5rem; letter-spacing: 0.15rem;}
.sustaina-csr-ttl{margin:0rem 1rem 1rem 0rem;}
.sustaina-csr-ttl p{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.2rem; color:#0a579f; font-weight: bold;}
.sustaina-csr-ttl p:before{content: ""; width: 30px; height: 1px; background: #0a579f; margin: -0.2rem 0.5em 0rem 0rem;}
.sustaina-csr-read{margin:0rem 1rem 0rem 0rem;}
.sustaina-csr-read p{padding-left:40px;}
.sustaina-csr-layout .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:calc(100% - 4rem); margin:0rem 2rem 2rem 2rem; background-color: #eef5ff;}
.sustaina-csr-layout .ccm-layout-row-1 > div:nth-child(1){order:0;}
.sustaina-csr-layout .ccm-layout-row-1 > div:nth-child(2){order:1;}
.sustaina-csr-img{margin:1.5rem 1.5rem 1.5rem 1rem; padding-top:19rem;}

.sustaina-sdgs-wrapper{background-color:#0a579f; padding:5rem 0rem 6rem 0rem;}
.sustaina-sdgs-layout .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; width:100%; background-color:#ffffff; margin-bottom:2rem; padding:3rem 1rem 3rem 1rem; box-sizing: border-box;}
.sustaina-sdgs-ttl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.2rem; letter-spacing: 0.2rem; color:#999999; font-weight: bold; margin:0rem 1rem 1.5rem 1rem;}
.sustaina-sdgs-ttl p:first-child{width:40px;}
.sustaina-sdgs-read{margin:0rem 1rem 2rem 1rem; padding-left:40px;}
.sustaina-sdgs-exampleA{margin:1rem 1rem 1rem 1rem; padding-left:40px;}
.sustaina-sdgs-exampleA p{font-size: 0.85rem; color:#ffffff; display:inline-block; padding:0.25rem 0.75rem; background-color:#0a579f;}
.sustaina-sdgs-exampleB{font-weight: bold; font-size: 0.9rem; line-height: 2; color:#0a579f; margin:0rem 1rem 0rem 1rem; padding-left:50px;}
.sustaina-sdgs-exampleB p{text-indent: -10px;}
.sustaina-sdgs-icon{padding:0rem 0.5rem 0rem 0.5rem;}
@media screen and (max-width: 498px) {
    .sustaina-csr-wrapper{padding: 5rem 0rem 3rem 0rem;}
    .sustaina-csr-layout .ccm-layout-row-1{margin-bottom: 3.5rem;}
    .sustaina-csr-layout .ccm-layout-row-1 > div:nth-child(1){order:1;}
    .sustaina-csr-layout .ccm-layout-row-1 > div:nth-child(2){order:0;}
    .sustaina-csr-img{margin:2rem 2rem 1.5rem 2rem; padding-top: 16rem;}
    .sustaina-csr-ttl{margin:0rem 2rem 1rem 0rem;}
    .sustaina-csr-ttl p:before{width: 15px;}
    .sustaina-sdgs-ttl p:first-child{width:30px;}
    .sustaina-csr-read{margin: 0rem 2rem 2rem 0rem;}
    .sustaina-csr-read p{padding-left: 2rem;}
    .sustaina-sdgs-read{padding-left:0px;}
    .sustaina-sdgs-exampleA{padding-left:0px;}
    .sustaina-sdgs-exampleB{padding-left:10px;}
    .sustaina-sdgs-exampleB p{text-indent: -6px;}
    .sustaina-sdgs-icon{padding: 1rem 0.5rem 0rem 0.5rem;}
}


/*　==============================　採用情報　==============================　*/
.recruit-message-wrapper{padding:4rem 0rem 4rem 0rem;}
.recruit-message-layout .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:100%;}
.recruit-message-containerL{}
.recruit-message-innerL{margin: 0rem 0rem 0rem auto; max-width: 600px; width: 100%;}
.recruit-contents-ttl{font-weight: bold; margin:0rem 2rem 2rem 2rem;}
.recruit-contents-ttl p:nth-child(1){font-size:1rem; line-height: 1; letter-spacing: 0.1rem;}
.recruit-contents-ttl p:nth-child(2){font-size:1.7rem; line-height: 1.4; margin-top: 2rem; letter-spacing: 0.15rem;}
.recruit-contents-read{margin:0rem 2rem 0rem 2rem;}
.ccm-edit-mode .recruit-message-img{margin-top:0rem;}
.recruit-message-img{margin: 3rem 0rem 0rem 2rem;}
.recruit-message-img .wrapper:nth-child(1){width:55%;}
.recruit-message-img .wrapper:nth-child(2){position: relative; top: -3rem; margin-left: 4%; width:41%;}
.recruit-role-wrapper{padding:3rem 1rem 6rem 1rem;}
.ccm-edit-mode .recruit-role-contentsLr{margin-top:0rem;}
.recruit-role-contentsL{position: relative; margin-top:-7.5rem; background-color:#0A579F; display: inline-block;}
.recruit-role-box{margin: 0rem 1rem 1.5rem 1rem;}
.recruit-system-wrapper{padding:0rem 0rem 8rem 0rem;}
.recruit-system-img{padding-top:30rem;}
.recruit-system-containerR{}
.ccm-edit-mode .recruit-system-list-container{margin-top:0rem;}
.recruit-system-list-container{margin:0rem 1rem 0rem 1rem; padding:3.5rem 2rem 3rem 2rem; background-color:#ffffff; box-sizing: border-box;}
.recruit-system-list{}
.recruit-system-list ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width:100%;}
.recruit-system-list ul li{padding: 2.5rem 2rem; box-sizing: border-box; width:33.33%;}
.recruit-system-list ul li div{margin-bottom:1.5rem;}
.recruit-system-list ul li img{width:100%; height:170px;}
.recruit-system-list dl dt{font-size: 1.4rem; font-weight: bold; margin-bottom: 1rem;}
.recruit-system-list dl dd{text-align: justify;}
.recruit-system-list dl dd p{padding: 0.75rem 1rem;}
.recruit-system-list dl dd p:nth-child(odd){background-color:#eef5ff;}
.recruit-guide-wrapper{padding:8rem 0rem 8rem 0rem;}
@media screen and (max-width: 498px) {
    .recruit-contents-read{margin:0rem 2rem 2rem 2rem;}
    .recruit-message-img{margin: 3rem 2rem 0rem 2rem;}
    .recruit-role-contentsL{margin-top: -0.5rem; margin-bottom:3rem;}
    .recruit-role-wrapper{padding:0rem 0rem 4rem 0rem;}
    .recruit-role-box{margin: 0rem 2rem 1.5rem 2rem;}
    .recruit-system-wrapper{padding:0rem 0rem 4rem 0rem;}
    .recruit-system-img{padding-top:16rem;}
    .recruit-system-list-container{margin:0rem 2rem 0rem 2rem; padding:2rem 1rem 2rem 1rem;}
    .recruit-system-list ul li{padding: 1rem 1rem 3rem 1rem; width:100%;}
    .recruit-system-list ul li img{height:130px;}
    .recruit-system-list dl dt{margin-bottom: 1.5rem;}
    .recruit-system-list dl dd{width: 80%; margin: 0 auto;}
    .recruit-guide-wrapper{padding:4rem 0rem 4rem 0rem;}
}


/*　==============================　お知らせ　==============================　*/
.pg-list-info{margin:0rem; padding-bottom:1.5rem;}
.pg-list-info .tk_flex{padding: 1.5rem 0rem; border-bottom: 2px solid #ecf1fa;}
.pg-list-info .tk_tags_time{vertical-align: middle;}
.pg-list-info .tk_title{font-weight: bold; font-size: 1rem; vertical-align: middle;}
.pg-list-info .tk_tags{font-size: 0.7rem; vertical-align: middle; color: #0a579f; border:1px solid #0a579f; background-color:#ffffff; padding: 0.5rem 0.5rem 0.3rem 0.5rem; margin-right: 0.5rem; text-align: center; border-radius: 0.4rem;}
.pg-list-info .tk_kiji{font-size: 0.9rem; line-height: 1.2rem;}
.pg-list-info ul:last-child{border-bottom: 0px solid #0a579f;}
@media screen and (max-width: 498px) {
    .pg-list-info .tk_flex{flex-flow: column; padding: 1.75rem 0rem;}
    .pg-list-info .tk_title{font-size: 1.2rem; padding: 0.25rem 0rem 0.2rem 0rem;}
}
/*　--------------------　ページャー　--------------------　*/
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: #0a579f!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;}

/*　--------------------　コンポーザー　--------------------　*/
#pt101-1Parent > div{background: -moz-linear-gradient(45deg, rgba(10,173,226,0.4) 0%, rgba(0,90,207,0.4) 100%); background: -webkit-linear-gradient(45deg, rgba(10,173,226,0.4) 0%, rgba(0,90,207,0.4) 100%); background: linear-gradient(45deg, rgba(10,173,226,0.4) 0%, rgba(0,90,207,0.4) 100%); max-width: initial;}
.info-composer-pgttl{max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.info-composer-ttl{font-size:1.2rem; font-weight:bold; color:#0a579f; margin:2.5rem 2rem 1.5rem 2rem; padding-bottom:1.5rem; border-bottom:1px solid #0a579f;}
.info-composer-detail{padding:0rem 2rem 0rem 2rem;}
.info-composer-space{padding-top:6rem;}
.info-composer-nextBtn{}
.info-composer-nextBtn .fs_btn{max-width: 360px; width: 100%;}
@media screen and (max-width: 498px) {
    .info-composer-ttl{margin:0rem 2rem 1.5rem 2rem;}
    .info-composer-space{padding-top:4rem;}
    .info-composer-nextBtn .fs_btn{max-width: 100%; width: 100%;}
}

/*　==============================　お問い合わせ　==============================　*/
.contact-f{margin:0rem 2rem 0rem 2rem;}
.contact-f .formBlockSurveyTable dl{width:100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; padding:0rem 0rem 1.5rem 0rem;}
.contact-f .formBlockSurveyTable dl dt{font-weight: bold; text-align: justify; width:100%; margin-right:0px; padding:0rem 0rem 0.5rem 0rem;}
.contact-f .formBlockSurveyTable dl:nth-child(1) dd{max-width:400px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(2) dd{max-width:400px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(3) dd{max-width:600px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(4) dd{max-width:400px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(5) dd{max-width:800px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(5) input:nth-child(2){max-width:250px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(7) dd{max-width:800px; width:100%;}
.contact-f .formBlockSurveyTable dl dd input{height: 52px;}
.contact-f .formBlockSurveyTable dl dd input, .contact-f .formBlockSurveyTable dl dd textarea{font-size: 1rem; resize: none; border-radius: 0px; padding: 1.5%; border: 1px solid #aaaaaa; box-sizing: border-box; background-color:#ffffff; width: 100%;}
.contact-f .formBlockSurveyTable dl dd input[type=checkbox]{width:15px!important; height: 26px!important;}
.formBlockSurveyTable dl dd input[type=radio]{width: auto!important; height: auto!important; margin-top: -3px;}
.contact-f .formBlockSubmitButton{width:240px!important; text-align:center!important; background-color: #0a579f!important; color:#ffffff; border:1px solid #0a579f!important; border-radius: 0px!important; transition:0.6s; cursor: pointer;}
.contact-f .formBlockSubmitButton:hover{background-color: #ffffff!important; border:1px solid #0a579f; color:#0a579f; transition:0.6s;}
@media screen and (max-width: 498px) {
.contact-f .miniSurveyView input[type="text"], .contact-f .miniSurveyView input[name^="Question"], .contact-f .miniSurveyView textarea[name^="Question"]{font-size: 16px !important; transform: scale(1)!important;}
}

/* Checkbox */
.contact-f input[type=checkbox]{width:auto!important;}
.contact-f input[type=checkbox]:before,
.contact-f input[type=checkbox]:after{position: absolute; content: ""; background: #fff; transition: all .2s ease-in-out;}
.contact-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);}
.contact-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;}
.contact-f input[type=checkbox]:checked:before{left: 1px; top: 10px; width: 6px; height: 2px;}
.contact-f input[type=checkbox]:checked:after{right: 5px; bottom: 1px; width: 2px; height: 14px;}
.contact-f input[type=checkbox]:indeterminate:before, .contact-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);}
.contact-f input[type=checkbox]:indeterminate:before{left: 1px; top: 7px;}
.contact-f input[type=checkbox]:indeterminate:after{right: 1px; bottom: 7px;}
/* Radio */
.contact-f input[type=radio]{width:auto!important;}
.contact-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;}
.contact-f input[type=radio]{border-radius: 50%!important; border: 2px solid #707070!important; background-color: #c0c0c0!important; padding:0%!important;}
.contact-f input[type=radio]:checked:before{transform: scale(1);}
.contact-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 */
.contact-f input[type=checkbox], .contact-f input[type=radio]{border: 2px solid #009ccb;}
.contact-f input[type=checkbox]:checked, .contact-f input[type=checkbox]:indeterminate,input[type=radio]:checked:before{background: #008eec;}
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-detailTx{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;}
@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;}
}


/*　==============================　ヘッダー部分　==============================　*/
.h-language{padding:0.5rem 2rem 0.5rem 0rem; font-weight:bold;}
.h-language a{transition:0.6s;}
.h-language a:hover{color: #0a579f;  transition:0.6s;}
@media screen and (max-width: 768px) {
    .h-language{position: absolute; z-index: 40; top:22px; right:48px;}
}
/*　--------------------　ヘッダーロゴの設定　--------------------　*/
.h-logo img {max-width:330px;}
@media screen and (min-width: 1201px) {
    .h-logo {padding: 1.3rem 0rem 1rem 2rem;}
}
@media screen and (max-width: 1200px) {
    .h-logo {padding: 1.3rem 0rem 0.9rem 2rem;}
}
@media screen and (max-width: 768px) {
    .h-logo {padding: 1.6rem 0rem 1rem 1.5rem;}
    .h-logo img {width:210px;}
}
@media screen and (max-width: 480px) {
    .h-logo {padding: 1.6rem 0rem 1rem 1.5rem; width: 75%;}
    .h-logo img {width:220px;}
}
/*　--------------------　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: #ffffff;}
.h-nav a {color:#000000; 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: #0a579f; 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: #0a579f; 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(1){display:none;}
.h-nav .fsNavMenuList > li:nth-last-child(2){display:none;}
.h-nav .fsNavMenuList > li:nth-last-child(4){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(10, 87, 159, 0.95);}
.fat-nav ul li:nth-last-child(1){display:none;}
.fat-nav ul li:nth-last-child(2){display:none;}
.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: #0a579f;}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {background-color: #ffffff!important;}
/*　--------------------　Fatnaviフィックスの設定　--------------------　*/
.fatnavTx{color: #0a579f;}
#topfix-A {position: absolute; z-index: 50; top:10px; right:8px;}
#topfix-B {position: absolute; z-index: 40; top:42px; right:17px;}


/*　==============================　フッター部分　==============================　*/
.f-link a, .f-link a:visited{color: #ffffff;  transition:0.6s;}
.f-link a:active, .f-link a:hover{color: #0a579f;  transition:0.6s;}
.f-other-link{margin:0rem 0rem 0.5rem 2rem;}
.f-other-link i{margin-left: 0.25rem; font-size: 1rem;}
.f-mark{text-align: right; margin: -12rem 2rem 0.5rem 0rem;}
.f-mark img{max-width: 260px; width: 100%;}
.f-mark_02{text-align: right; margin: 0 2rem 4rem 0rem;}
.f-gmj-link-banner{text-align: right; padding:0rem 2rem 5rem 2rem; margin-top:-6rem;}
@media screen and (max-width: 1120px) {
    .f-gmj-link-banner img{width: 65%;}
}
@media screen and (max-width: 1024px) {
    .f-gmj-link-banner{padding:0rem 2rem 1rem 2rem;}
    .f-gmj-link-banner img{width: 55%;}
}
@media screen and (max-width: 768px) {
    .f-mark{text-align: left; margin: 2rem 0rem 0.5rem 2.2rem;}
    .f-mark_02{text-align: left; margin: 0rem 0rem 4rem 2.2rem;}
    .f-gmj-link-banner{text-align: justify; padding:0rem 2rem 2rem 2rem; margin-top:0rem;}
    .f-gmj-link-banner img{width: 65%;}
}
@media screen and (max-width: 498px) {
    .f-other-link{margin:0rem 0rem 3rem 2rem;}
    .f-gmj-link-banner{text-align: justify; padding:0rem 2rem 2rem 2rem;}
    .f-gmj-link-banner img{width: 100%;}
}
/*　--------------------　サイトマップの設定　--------------------　*/
.f-sitemap-tb{margin:5rem 2rem 4rem 2rem; padding-bottom:2rem; border-bottom:1px solid #ffffff;}
.f-sitemap-tb ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.f-sitemap-tb li{width: 25%; box-sizing: border-box; margin-bottom: 2.5rem;}
.f-sitemap-tb li:nth-child(1){width:19%;}
.f-sitemap-tb li:nth-child(2){width:20%;}
.f-sitemap-tb li:nth-child(3){width:15%;}
.f-sitemap-tb li:nth-child(4){width:19%;}
.f-sitemap-tb li:nth-child(5){width:10%;}
.f-sitemap-tb li:nth-child(6){width:17%;}
.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.1rem; color: #0A579F; transition: 0.3s;}
.f-sitemap-tb dt a:hover{color: #eef5ff; transition: 0.3s;}
.f-sitemap-tb dd{padding: 0.2rem 0rem;}
.f-sitemap-tb dd a{font-size:0.95rem; color: #ffffff; transition: 0.3s;}
.f-sitemap-tb dd a:hover{color: #0a579f; 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: #ffffff; position: absolute; top: calc(50% - 2px); left: -20px; transition: 0.3s;}
.f-u-page:hover:before{background-color: #0a579f; transition: 0.3s;}
@media screen and (max-width: 768px) {
    .f-sitemap-tb{margin:4rem 2rem 2rem 2rem;}
    .f-sitemap-tb li:nth-child(even){width: calc(100% - 200px)!important; margin-bottom: 2.5rem;}
    .f-sitemap-tb li:nth-child(odd){width: 200px!important; margin-bottom: 2.5rem;}
    .f-sitemap-tb dt a{font-size:1.2rem;}
    .f-sitemap-tb dd a{font-size:1.15rem;}
}
@media screen and (max-width: 498px) {
    .f-sitemap-tb{margin:4rem 0.5rem 3rem 2rem;}
    .f-sitemap-tb li:nth-child(even){width: 50%!important;}
    .f-sitemap-tb li:nth-child(odd){width: 50%!important;}
    .f-sitemap-tb dd a{white-space: nowrap;}
}
/*　--------------------　フッターロゴの設定　--------------------　*/
.f-logo{padding:0rem 2rem 3rem 2rem;}
@media screen and (min-width: 1201px) {
    .f-logo img {max-width:330px;}
}
@media screen and (max-width: 1200px) {
    .f-logo img {max-width:300px;}
}
@media screen and (max-width: 498px) {
    .f-logo {padding:0rem 2rem 2rem 2rem;}
    .f-logo img {max-width:230px;}
}
/*　--------------------　所在地の設定　--------------------　*/
.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:365px;}
.f-offices-tb li:nth-child(2){width:calc(100% - 365px);}
@media screen and (max-width: 1024px) {
    .f-offices-tb ul{flex-flow: column wrap;}
    .f-offices-tb{margin:0rem 2rem 1.5rem 3rem;}
    .f-offices-tb li{width: 50%!important; margin-bottom: 1.5rem;}
}
@media screen and (max-width: 768px) {
    .f-offices-tb{margin:0rem 2rem 1.5rem 2rem;}
}
@media screen and (max-width: 498px) {
    .f-offices-tb{margin:0rem 0.5rem 1.5rem 2rem;}
    .f-offices-tb li{width: 100%!important;}
}
/*　--------------------　ページトップボタンの設定　--------------------　*/
.pagetopBtn{position: fixed; z-index: 20; bottom: 10px; right: 10px;}
.pagetopBtn .fs_btn{text-align:center!important; border-radius: 0px 0px 0px 0px!important;}
.pagetopBtn .fs_btn_text{padding: 0.75rem!important;}
@media screen and (max-width: 498px) {
    .pagetopBtn .fs_btn_text{padding: 0.75rem!important;}
}


/*　==============================　共通の設定(各ページ)　==============================　*/
.page-ttl-bgColor{background: -moz-linear-gradient(45deg, rgba(10,173,226,0.4) 0%, rgba(0,90,207,0.4) 100%); background: -webkit-linear-gradient(45deg, rgba(10,173,226,0.4) 0%, rgba(0,90,207,0.4) 100%); background: linear-gradient(45deg, rgba(10,173,226,0.4) 0%, rgba(0,90,207,0.4) 100%);}
.page-ttl-en{padding: 10rem 2rem 1rem 2rem;}
.page-ttl-en p{font-weight: bold; letter-spacing: 0.1rem; color: #0a579f; background-color: #ffffff; display: inline-block; padding: 0.2rem 1.5rem 0.25rem 1.5rem;}
.page-ttl-jp{padding: 0rem 2rem 10rem 2rem;}
.page-ttl-jp p{font-weight: bold; font-size:1.6rem; letter-spacing: 0.05rem; color: #0a579f; background-color: #ffffff; display: inline-block; padding: 0.5rem 1.35rem 0.5rem 1.35rem;}
.page-top-space{padding-top:5rem;}
.page-bottom-space{padding-top:7rem;}
.prev-btnText{padding: 4rem 2rem 0rem 2rem;}
.prev-btnText .fs_btn{max-width: 330px; width: 100%;}

@media screen and (max-width: 498px) {
    .page-ttl-en{padding: 4rem 2rem 1rem 2rem;}
    .page-ttl-jp{padding: 0rem 2rem 4rem 2rem;}
    .prev-btnText .fs_btn{max-width: 100%; width: 100%;}
    .page-bottom-space{padding-top:6rem;}
} 

/*　==============================　文字に関する設定　==============================　*/
.bold {font-weight: bold;}
.italic {font-style: italic;}
.eiji {font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}
.space-05{letter-spacing: 0.05rem;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.2rem;}
.space-3{letter-spacing: 0.3rem;}
.space-4{letter-spacing: 0.4rem;}
.br-sp{display:none;}
.br-sp-r{display:inline;}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{text-align: center!important;}
.tx-left{text-align: left!important;}
.tx-right{text-align: right!important;}
.br-sp{display:block; line-height:0rem;}
.br-sp-r{display:none;}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
/*　==============================　デフォルト　==============================　*/
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　———　タブレット縦時改行なし　———　*/
@media screen and (max-width: 768px){
.tb-br-none br {display:none;}
}
/*　———　タブレット縦時改行あり　———　*/
@media only screen and (min-width: 769px){
.tb-br br {display:none;}
}
/*　———　タブレット横時スクロール　———　*/
@media screen and (max-width: 1024px) {
.tb-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;}


/* === フォーム部分追加(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;
}
}