@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(66,66,66,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
/*　==============================　トップページ　==============================　*/
/*　--------------------　ファーストビューキャッチコピー　--------------------　*/
.bgTx{
    text-align: justify;
    padding: 24vh 2rem 30vh 2rem;
    margin: 0 auto;
    max-width: 1500px;
}
.bgWrap {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.bgWrap-s {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.is-animated .bgWrap::before {
    animation: bg 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: linear-gradient(to right, #92291e 0%,#c0252c 50%,#ec213a 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
    -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
    box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
}
.is-animated .bgWrap-s::before {
    animation: bg 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#ffffff 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
    -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
    box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
}
.bgWrap .inn {
    color: #ffffff;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.75rem; 
    padding: 0.5rem 0.8rem 0.4rem 1rem;
    position: relative;
    z-index: 1;
}
.bgWrap-s .inn {
    color: #c40013;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0.3rem;
    padding: 0.5rem 1.5rem 0.3rem 1rem;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: center; /* 水平中心 */
}
.bgWrap-s .inn::after {
    position: relative;
    top:-1px;
    border-top: 1px solid #c40013;
    content: "";
    width: 3rem;
    margin-left: 0.6rem;
}
@keyframes bg {
    0% {opacity: 0; transform: scaleX(0) translateX(-5%);}
    45% {transform: scaleX(1) translateX(0);}
    100% {transform: scaleX(1) translateX(0);}
    30%, 100% {opacity: 1;}
}
@media screen and (max-width: 498px) {
    .bgWrap, .bgWrap-s{
        margin-bottom: 12px;
    }
    .bgWrap .inn {
        font-size: 1.8rem;
        letter-spacing: 0.5rem; 
        padding: 0.5rem 0.5rem 0.4rem 1rem;
}
    .bgWrap-s .inn {
        font-size: 1rem;
        letter-spacing: 0.2rem;
}
}
/*　--------------------　タイトル等の設定　--------------------　*/
.top-ttl-l{
    margin:0rem 0rem 2rem 2rem;
}
.top-ttl-l p:nth-child(1){
    font-size: 2.5rem;
    font-weight:bold;
    line-height: 3.25rem;
    letter-spacing: 0.1rem;
}
.top-ttl-l p:nth-child(2){
    font-size: 1rem;
    font-weight:bold;
    letter-spacing: 0.1rem;
}
.top-ttl-c{margin:0rem 2rem 2rem 2rem;}
.top-ttl-c p:nth-child(1){
    font-size: 2.5rem;
    font-weight:bold;
    line-height: 3.25rem;
    letter-spacing: 0.1rem;
}
.top-ttl-c p:nth-child(2){
    font-size: 1rem;
    font-weight:bold;
    letter-spacing: 0.1rem;
}
@media screen and (max-width: 1200px) {
    .top-ttl-l{
        margin:0rem 2rem 2rem 2rem;
    }
}

.top-nextBtn{
    max-width: 250px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .top-nextBtn i{
        margin-left: 0.1rem!important;
    }
}
@media screen and (max-width: 498px) {
    .top-nextBtn i{
        margin-left: 0.5rem!important;
    }
}

/*　--------------------　事業についての設定　--------------------　*/
.top-businessBtn .fs_btn{
    color:#ffffff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: end; 
    width: 100%;
    height: 310px;
    padding: 11rem 1.5rem 1.5rem;
    border-radius:0;
    background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0.8) 100%);
    position: relative;
    z-index: 0;
    transition: .3s;
}
.top-businessBtn .fs_btn::after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(255,255,255,0.1);
    opacity: 0;
    transition: .3s;
}
.top-businessBtn .fs_btn:hover::after {
    opacity: 1;
}
.top-businessBtn .fs_btn_text_main{
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    margin-bottom: 0.75rem;
}
.top-businessBtn .fs_btn_text_sub{
    font-size: 0.9rem;
    line-height: 1.4rem;
    letter-spacing: 0.05rem;
}
@media screen and (max-width: 498px) {
    .top-businessBtn .fs_btn{
        height: 240px;
        padding: 8rem 1rem 1.2rem;
    }
    .top-businessBtn .fs_btn_text_sub{
        height:auto;
    }
}
/*　--------------------　製品情報の設定　--------------------　*/
.top-productsArea{
    padding:0rem 2rem 6rem 2rem;
}
.top-productsArea-inner{
    max-width:1530px;
    margin:-4rem auto 0 auto;
    background-color:#ffffff;
    position: relative;
    z-index: 0;
}
.top-productsItem-wrapper ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    width: 100%;
}
.top-productsItem-wrapper li{
    width: 33%;
    margin-bottom: 4.5rem;
    border-right: 1px solid #e5e5e5;
}
.top-productsItem-wrapper li:nth-child(3n){
    border-right: 0px solid #e5e5e5;
}
.top-productsItem-wrapper dt{
    font-weight: bold;
}
.top-productsItem-wrapper dl dd{
    padding: 0rem 1.5rem;
}
.top-productsItem-wrapper dl dd:nth-child(4) a {
    display: block;
    max-width: 200px;
    margin: 0 auto;
}
.top-productsItem-wrapper a i{
    font-size: 1em;
    margin-left: 0.5em;
}

.top-productsItem-wrapper .flag01 dt{
    color: rgba(0,172,255,1.00);
    font-size: 0.85rem;
    padding: 0 0.5rem 1.5rem 0.5rem;
}
.top-productsItem-wrapper .flag01 dl dd:nth-child(2){
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
    max-width: 290px;
}
.top-productsItem-wrapper .flag01 dl dd:nth-child(3){
    padding: 0 1rem 2rem 1rem;
}
.top-productsItem-wrapper .flag01 dl dd:nth-child(4) a{
    color: rgba(255, 255, 255, 1.00);
    font-size: 1rem;
    text-align: center;
    background-color: rgba(0,172,255,1.00);
    padding-top: 0.7rem;
    padding-left: 1rem;
    padding-bottom: 0.8rem;
    padding-right: 0.5rem;
    border: solid;
    border-width: 1px;
    border-color: rgba(0,172,255,1.00);
    border-radius: 2rem;
    transition: 0.3s;
}
.top-productsItem-wrapper .flag01 dl dd:nth-child(4) a:hover{
    color: rgba(0,172,255,1.00);
    background-color: rgba(255,255,255,1.00);
    border-color: rgba(0, 172, 255, 1.00);
    transition: 0.3s;
}
.top-productsItem-wrapper .flag02 dt{
    color: rgba(255,3,5,1.00);
    font-size: 0.85rem;
    padding: 0 0.5rem 1.5rem 0.5rem;
}
.top-productsItem-wrapper .flag02 dl dd:nth-child(2){
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
    max-width: 290px;
}
.top-productsItem-wrapper .flag02 dl dd:nth-child(3){
    padding: 0 1rem 2rem 1rem;
}
.top-productsItem-wrapper .flag02 dl dd:nth-child(4) a{
    color: rgba(255,255,255,1.00);
    font-size: 1rem;
    text-align: center;
    background-color: rgba(255,3,5,1.00);
    padding-top: 0.7rem;
    padding-left: 1rem;
    padding-bottom: 0.8rem;
    padding-right: 0.5rem;
    border: solid;
    border-width: 1px;
    border-color: rgba(255,3,5,1.00);
    border-radius: 2rem;
    transition: 0.3s;
}
.top-productsItem-wrapper .flag02 dl dd:nth-child(4) a:hover{
    color: rgba(255,3,5,1.00);
    background-color: rgba(255,255,255,1.00);
    border-color: rgba(255,3,5,1.00);
    transition: 0.3s;
}
.top-productsItem-wrapper .flag03 dt{
    color: rgba(116,204,39,1.00);
    font-size: 0.85rem;
    padding: 0 0.5rem 1.5rem 0.5rem;
}
.top-productsItem-wrapper .flag03 dl dd:nth-child(2){
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
    max-width: 290px;
}
.top-productsItem-wrapper .flag03 dl dd:nth-child(3){
    padding: 0 1rem 2rem 1rem;
}
.top-productsItem-wrapper .flag03 dl dd:nth-child(4) a{
    color: rgba(255,255,255,1.00);
    font-size: 1rem;
    text-align: center;
    background-color: rgba(116,204,39,1.00);
    padding-top: 0.7rem;
    padding-left: 1rem;
    padding-bottom: 0.8rem;
    padding-right: 0.5rem;
    border: solid;
    border-width: 1px;
    border-color: rgba(116,204,39,1.00);
    border-radius: 2rem;
    transition: 0.3s;
}
.top-productsItem-wrapper .flag03 dl dd:nth-child(4) a:hover{
    color: rgba(116,204,39,1.00);
    background-color: rgba(255,255,255,1.00);
    border-color: rgba(116,204,39,1.00);
    transition: 0.3s;
}
.top-productsItem-wrapper .flag04 dt{
    color: rgba(237,108,0,1.00);
    font-size: 0.85rem;
    padding: 0 0.5rem 1.5rem 0.5rem;
}
.top-productsItem-wrapper .flag04 dl dd:nth-child(2){
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
    max-width: 290px;
}
.top-productsItem-wrapper .flag04 dl dd:nth-child(3){
    font-size: 0.9rem;
    line-height: 1.2;
    padding: 0 1rem 0.5rem 1rem;
}
.top-productsItem-wrapper .flag04 dl dd:nth-child(4) a{
    color: rgba(255,255,255,1.00);
    font-size: 1rem;
    text-align: center;
    background-color: rgba(237,108,0,1.00);
    padding-top: 0.7rem;
    padding-left: 1rem;
    padding-bottom: 0.8rem;
    padding-right: 0.5rem;
    border: solid;
    border-width: 1px;
    border-color: rgba(237,108,0,1.00);
    border-radius: 2rem;
    transition: 0.3s;
}
.top-productsItem-wrapper .flag04 dl dd:nth-child(4) a:hover{
    color: rgba(237,108,0,1.00);
    background-color: rgba(255,255,255,1.00);
    border-color: rgba(237,108,0,1.00);
    transition: 0.3s;
}
.top-productsItem-wrapper .flag05 dt{
    color: rgba(112,167,46,1.00);
    font-size: 0.85rem;
    padding: 0 0.5rem 1.5rem 0.5rem;
}
.top-productsItem-wrapper .flag05 dl dd:nth-child(2){
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
    max-width: 290px;
}
.top-productsItem-wrapper .flag05 dl dd:nth-child(3){
    padding: 0 1rem 2rem 1rem;
}
.top-productsItem-wrapper .flag05 dl dd:nth-child(4) a{
    color: rgba(255,255,255,1.00);
    font-size: 1rem;
    text-align: center;
    background-color: rgba(112,167,46,1.00);
    padding-top: 0.7rem;
    padding-left: 1rem;
    padding-bottom: 0.8rem;
    padding-right: 0.5rem;
    border: solid;
    border-width: 1px;
    border-color: rgba(112,167,46,1.00);
    border-radius: 2rem;
    transition: 0.3s;
}
.top-productsItem-wrapper .flag05 dl dd:nth-child(4) a:hover{
    color: rgba(112,167,46,1.00);
    background-color: rgba(255,255,255,1.00);
    border-color: rgba(112,167,46,1.00);
    transition: 0.3s;
}
.top-productsItem-wrapper .flag06 dt{
    color: rgba(57,178,83,1.00);
    font-size: 0.85rem;
    padding: 0 0.5rem 1.5rem 0.5rem;
}
.top-productsItem-wrapper .flag06 dl dd:nth-child(2){
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
    max-width: 290px;
}
.top-productsItem-wrapper .flag06 dl dd:nth-child(3){
    line-height: 1.4;
    padding: 0 1rem 1rem 1rem;
}
.top-productsItem-wrapper .flag06 dl dd:nth-child(4) a{
    color: rgba(255,255,255,1.00);
    font-size: 1rem;
    text-align: center;
    background-color: rgba(57,178,83,1.00);
    padding-top: 0.7rem;
    padding-left: 1rem;
    padding-bottom: 0.8rem;
    padding-right: 0.5rem;
    border: solid;
    border-width: 1px;
    border-color: rgba(57,178,83,1.00);
    border-radius: 2rem;
    transition: 0.3s;
}
.top-productsItem-wrapper .flag06 dl dd:nth-child(4) a:hover{
    color: rgba(57,178,83,1.00);
    background-color: rgba(255,255,255,1.00);
    border-color: rgba(57,178,83,1.00);
    transition: 0.3s;
}
@media screen and (max-width: 498px){
    .top-productsItem-wrapper li{
        width:100%;
        padding-bottom: 4rem;
        border-right: 0px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    .top-productsItem-wrapper li:last-child{
        padding-bottom: 0rem;
        border-bottom: 0px solid #e5e5e5;
    }
}






.top-productsItem-bottom{
    margin-right:2rem;
}
.top-productsBtn .fs_btn{
    max-width:210px;
}


/*　--------------------　技術力と人間力の設定　--------------------　*/
.bgTx-1{
    text-align: justify;
    padding: 0rem 0rem 1rem 2rem;
}
.top_aboutUS_svg img{
    max-width: 540px;
}
.top_aboutUS_svg{
    margin: 3rem 4.5rem 0rem 2rem;
}
.top_aboutUS_img ul li img{-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3); box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.top_aboutUS_img ul li:nth-child(2) img{
    margin-top:-3rem;
    margin-left: 1.5rem;
}
@media screen and (max-width: 498px){
    .bgTx-1{
        text-align: justify;
        padding: 0rem 0rem 1.75rem 0rem;
    }
    .top_aboutUS_svg img{
        max-width: 330px;
    }
    .top_aboutUS_svg{
        margin: 3rem 2rem 0rem 2rem;
    }
    .top_aboutUS_img{
        margin-top:5rem;
    }
    .top_aboutUS_img ul li:nth-child(2) img{
        margin-left: 0rem;
    }
}
/*　--------------------　企業情報の設定　--------------------　*/
.top-companyArea{
    padding:0rem 2rem 0rem 2rem;
}
.top-companyArea-inner{
    max-width:1530px;
    margin:-4rem auto 0 auto;
    background-color:#ffffff;
}
.top-companyBtn{
    position: relative;
    z-index: 1;
}
.top-companyBtn .fs_btn{
    color:#c40013;
    display: inline-block;
    width: 100%;
    padding: 6.5rem 0rem 6.5rem 2.5rem;
    border-radius:0;
    background-color: rgba(255,255,255,0.5);
    transition: .3s;
}
.top-companyBtn .fs_btn:hover{
    background-color: rgba(255,255,255,0);
    transition: .3s;
}
.top-companyBtn .fs_btn_text_main{
    font-size: 1.2rem;
    font-weight:bold;
    letter-spacing: 0.1rem;
    margin-bottom: 0.75rem;
}
@media screen and (max-width: 498px){
    .top-companyArea{
        padding:0rem 0rem 5rem 0rem;
    }
}

/*　--------------------　メディア情報の設定　--------------------　*/
.top-mediaArea{
    margin:-7.5rem auto 0 auto;
    background: -moz-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    position: relative;
    z-index: 0;
}
.top-mediaImg img{
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
.mediabanner .inner{
       background-color: #ffffff;
}
/*　--------------------　採用情報の設定　--------------------　*/
.top-recruitArea{
    padding:0rem 2rem 0rem 2rem;
}
.top-recruitArea-inner{
    max-width:1530px;
    margin:0rem auto;
    background: -moz-linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    display: flow-root;
}
.top-recruitBtn-img{
    margin:-5rem 2rem 0rem 2rem;
}
.top-recruitBtn-img .fs_btn_text{
    text-align: left!important;
    font-size:1.2rem;
    font-weight:bold;
    letter-spacing:0.01rem;
    opacity:0;
}
.top-recruitBtn-img .fs_btn_text:hover{
    opacity:1;
}
.top-recruitBtn-img .fs_btn:hover{
    background-color: rgba(255,255,255,0.35);
    border-radius:0px;
}
.top-recruitBtn-area{
    margin-top:-15rem;
    margin-bottom:3rem;
}
.top-recruitBtn .fs_btn{
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
@media screen and (min-width: 769px) {
    .top-recruitBtn-img .fs_btn_text{
        padding:20vh 0rem 20vh 2.5rem;
    }
}
@media screen and (max-width: 768px) {
    .top-recruitBtn-img .fs_btn_text{
        padding:15vh 0rem 15vh 2.5rem;
    }
}
@media screen and (max-width: 498px) {
    .top-recruitArea-inner{
        display: flow-root;
    }
    .top-recruitBtn-area{
        margin-top:0rem;
        margin-bottom:0rem;
        padding-bottom: 3rem;
    }
}

/*　==============================　事業について　==============================　*/
/*　--------------------　サブナビの設定　--------------------　*/
.business-subnav{
    padding: 2rem 2rem 2rem 2rem;
}
.business-subnav i{
    font-size:1.3rem;
    color:#c40013;
    margin-left: 0.5rem;
}
.business-subnav span{
    margin: 0rem 1rem;
}
.business-between-space{
    padding-top:8.5rem;
}
.business-sub-ttl{
    font-weight:bold;
    display: block;
    position: relative;
    padding-top: 18.5rem;
    padding-left: 2rem;
    margin-bottom: 1.5rem;
}
.business-sub-ttlB{
    padding-top: 7
}
.business-sub-ttl p:nth-child(2){
    font-size: 1.1rem;
}
.business-sub-ttlArea-h{
    max-width:540px;
    width:100%;
    box-sizing: border-box;
}
.business-sub-ttl-bgColor{
    background-color:rgba(0,0,0,0.4);
}
.business-sub-ttl-bg{
    margin-right: 2rem;
}
.business-contentsArea{
    background-color:rgba(255,255,255,1);
    padding:2.5rem 2.5rem 2.5rem 2.5rem;
    margin-right:2rem;
}
.business-subContent-ttl{
    font-size: 1.1rem;
    font-weight:bold;
    display: block;
    position: relative;
    margin-bottom:1rem;
}
.business-subContent-ttl:before {
    content: '';
    position: absolute;
    top: 15%;
    left: -1rem;
    display: inline-block;
    width: 6px;
    height: 70%;
    background-color: #c40013;
}
.business-subContent-tb{
    padding-top: 1.5rem;
}
.business-subContent-tb ul{
    width:100%;
}
.business-subContent-tb ul li{
    width:100%;
    margin-bottom:0.5rem;
}
.business-subContent-tb ul li:last-child{
    margin-bottom:0rem;
}
.business-subContent-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%;
}
.business-subContent-tb dl dt{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    width:150px;
    padding:0.5rem 0.5rem 0.5rem 0.5rem;
    background-color:#c40013;
    box-sizing: border-box;
}
.business-subContent-tb dl dd{
    width:calc(100% - 150px);
    padding:0.5rem 2rem 0.5rem 2rem;
    background-color:#f9e5e7;
    box-sizing: border-box;
}
.business-subContent-box{
    padding-top: 1.5rem;
}
.business-subContent-box 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%;
}
.business-subContent-box ul li{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width:auto;
    padding:0.5rem 1rem 0.5rem 1rem;
    background-color:#f9e5e7;
    box-sizing: border-box;
    border-radius:0.5rem;
    margin: 0rem 0.5rem 0.5rem 0rem;
}
.business-subContent-btn{
    padding: 2rem 2rem 0rem 2rem;
}
.business-subContent-btn .fs_btn{
    max-width: 350px;
}
.business-subContent-btnB{
    padding: 2rem 0rem 0rem 0rem;
}
.business-subContent-btnB .fs_btn{
    max-width: 350px;
}
.business-package-layout{

}
.business-packageLogo img{
    max-width: 400px;
    width:100%;
}
.business-bottomBtn{
    margin: 1px;
}
.business-bottomBtn .fs_btn_text{
    text-align: left!important;
    font-size:1.2rem;
    font-weight:bold;
    color:rgba(255,255,255,1)!important;
        background-color: rgba(0,0,0,0.4)!important;
    letter-spacing:0.1rem;
}
.business-bottomBtn .fs_btn:hover{
    background-color: rgba(0,0,0,0.35);
    border-radius:0px;
}
@media screen and (max-width: 1024px) {
    .business-subContent-tb ul li{
        margin-bottom: 0.1rem;
    }
    .business-subContent-tb dl dt{
        width:105px;
    }
    .business-subContent-tb dl dd{
        width:calc(100% - 105px);
        padding: 0.5rem 1rem 0.5rem 1rem;
    }
}
@media screen and (min-width: 769px) {
    .business-bottomBtn .fs_btn_text{
        padding:2rem 2rem 15rem 2rem;
    }
}
@media screen and (max-width: 768px) {
    .business-bottomBtn .fs_btn_text{
        padding:2rem 2rem 15rem 2rem;
    }
    .business-subContent-tb dl dt{
        width:95px;
    }
    .business-subContent-tb dl dd{
        width:calc(100% - 95px);
    }

    .business-pr-logo img{
        max-width:210px;
    }

}
@media screen and (max-width: 498px) {
    .business-sub-ttl{
        padding-top: 11.5rem;
    }
    .business-sub-ttlB{
        padding-top: 5.4rem!important;
    }
    .business-sub-ttl-bgColor{
        background-color:rgba(0,0,0,0.55);
    }
    .business-subContent-tb dl dt{
        width:95px;
    }
    .business-subContent-tb dl dd{
        width:calc(100% - 95px);
    }
    .business-subnav{
        padding: 1rem 2rem 1rem 2rem;
    }
    .business-subnav span{
        margin: 0rem 0.2rem;
    }
    .business-bottomBtn .fs_btn_text{
        padding:6rem 2rem 6rem 2rem;
    }
}

/*　==============================　製品情報　==============================　*/

.products-contentsArea{
    padding:10rem 0rem 4rem 0rem;
}
.products-contents-left{
    margin: 0rem 0rem 0rem 2rem;
}
.products-tag-fs{
    font-size: 1.4rem;
    color: #00ACFF;
    display: block;
    position: relative;
    padding-bottom:0rem;
    padding-left: 2rem;
}
.products-tag-fs:before {
    content: '';
    position: absolute;
    top: 45%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #00ACFF;
}
.products-tag-rs{
    font-size: 1.4rem;
    color: #FF0305;
    display: block;
    position: relative;
    padding-bottom:0rem;
    padding-left: 2rem;
}
.products-tag-rs:before {
    content: '';
    position: absolute;
    top: 45%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #FF0305;
}
.products-tag-ds{
    font-size: 1.4rem;
    color: #74cc27;
    display: block;
    position: relative;
    padding-bottom:0rem;
    padding-left: 2rem;
}
.products-tag-ds:before {
    content: '';
    position: absolute;
    top: 45%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #74cc27;
}
.products-tag-os{
    font-size: 1.4rem;
    color: #ED6C00;
    display: block;
    position: relative;
    padding-bottom:0rem;
    padding-left: 2rem;
}
.products-tag-os:before {
    content: '';
    position: absolute;
    top: 45%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #ED6C00;
}
.products-tag-ca{
    font-size: 1.4rem;
    color: #70A72E;
    display: block;
    position: relative;
    padding-bottom:0rem;
    padding-left: 2rem;
}
.products-tag-ca:before {
    content: '';
    position: absolute;
    top: 45%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #70A72E;
}
.products-tag-cl{
    font-size: 1.4rem;
    color: #39b253;
    display: block;
    position: relative;
    padding-bottom:0rem;
    padding-left: 2rem;
}
.products-tag-cl:before {
    content: '';
    position: absolute;
    top: 45%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #39b253;
}
.products-industry{
    font-size: 0.8rem;
}
.products-logo{
    padding: 5.5rem 0rem 1.5rem 0rem;
}
.products-logo img{
    width: 100%;
    max-width: 360px;
}
.products-ttl{
    font-weight: bold;
    padding: 0rem 0rem 4rem 0rem;
}
.products-read{
    padding: 0rem 0rem 3.5rem 0rem;
}
.products-btn .fs_btn{
    width: 100%;
    max-width: 270px;
}
.products-mainBg-FlagShip{
    background-size: 900px;
    background-position: bottom 0% left 47vw;
}
.products-mainBg-RelationShip{
    background-size: 900px;
    background-position: bottom 15% left 47vw;
}
.products-mainBg-DealerShip{
    background-size: 900px;
    background-position: bottom 10% left 47vw;
}
.products-mainBg-OrderShip{
    background-size: 900px;
    background-position: bottom 17% left 48vw;
}
.products-mainBg-OrderShipS{
    background-size: 900px;
    background-position: bottom 30% left 48vw;
}
.products-mainBg-Carton{
    background-size: 900px;
    background-position: bottom 10% left 47vw;
}
.products-mainBg-ChatLink{
    background-size: 900px;
    background-position: bottom 23% left 47vw;
}
.products-meritSpace{
    padding-top:3.5rem;
}
.products-merit-ttl{
    font-weight: bold;
    font-size: 1.1rem;
    padding: 0rem 2rem 0rem 2rem;
    position: relative;
    z-index: 1;
}
.products-merit-icon{
    margin-top: -1rem;
    margin-bottom:5rem;
    padding: 2rem 1.5rem 1.5rem;
    position: relative;
    z-index: 0;
}
@media screen and (max-width: 498px) {
    .products-contentsArea{
        padding: 5rem 0rem 4rem 0rem;
    }
    .products-contents-left {
        margin: 0rem 2rem 0rem 2rem;
    }
    .products-logo {
        padding: 5rem 1rem 5.5rem 0rem;
    }
    .products-ttl {
        font-size: 1.4rem;
        padding: 0rem 0rem 2rem 0rem;
    }
    .products-read {
        padding: 0rem 0rem 2.5rem 0rem;
    }
    .products-mainBg-FlagShip{
        background-size: 110%;
        background-position: bottom 0% left 80%;
    }
    .products-mainBg-RelationShip{
        background-size: 110%;
        background-position: bottom 0% left 80%;
    }
    .products-mainBg-DealerShip{
        background-size: 110%;
        background-position: bottom 0% left 80%;
    }
    .products-mainBg-OrderShip{
        background-size: 110%;
        background-position: bottom 0% left 80%;
    }
    .products-mainBg-OrderShipS{
        background-size: 110%;
        background-position: bottom 0% left 80%;
    }
    .products-mainBg-Carton{
        background-size: 110%;
        background-position: bottom 0% left 80%;
    }
    .products-mainBg-ChatLink{
        background-size: 110%;
        background-position: bottom 0% left 80%;
    }
    .products-meritSpace {
        padding-top: 22.5rem;
    }
    .products-merit-ttl{
        font-size:1.4rem;
        padding: 1.5rem 2rem 0rem 2rem;
    }
    .products-merit-icon{
        margin-bottom:7rem;
    }
}
/*　==============================　企業情報　==============================　*/

.company-btn-img{
}
.company-btn-img .fs_btn_text{
    text-align: left!important;
    font-size:3rem;
    font-weight:bold;
    color:rgba(255,255,255,0.5)!important;
    letter-spacing:0.01rem;
    opacity:0;
}
.company-btn-img .fs_btn_text:hover{
    opacity:1;
}
.company-btn-img .fs_btn:hover{
    background-color: rgba(0,0,0,0.35);
    border-radius:0px;
}
.company-btn{
    margin-top:-1.8rem;
}
.company-btn-more{
    margin-top:-1.8rem;
}
.company-btn-more .fs_btn_text_main{
    text-align: right;
}
@media screen and (min-width: 769px) {
    .company-btn-img .fs_btn_text{
        padding:26vh 0rem 4vh 1rem;
    }
}
@media screen and (max-width: 768px) {
    .company-btn-img .fs_btn_text{
        padding:23vh 0rem 4vh 1rem;
    }
    .company-btn-more{
        margin-top:-2.5rem;
        padding-bottom: 0.5rem;
    }
}

/*　==============================　代表挨拶　==============================　*/
.message-copy{
    font-size:2.4rem;
    font-weight: bold;
    letter-spacing:0.5rem;
    padding:3rem 0rem 1rem 2rem;
}
.message-copy span{
    color: #C40013;
}
.message-name{
    font-size:1.1rem;
    font-weight: bold;
    letter-spacing:0.1rem;
    padding:0rem 0rem 1rem 2rem;
}
.message-name span{
    font-size:0.85rem;
}
.message-img{
    margin: 0rem 2rem;
    padding-top: 37rem;
}
.message-textArea{
    margin-top: -14rem;
    padding: 0rem 2rem 7.5rem 2rem; 
}

@media screen and (max-width: 498px) {
    .message-img{
        margin: 1.5rem 0rem  0rem 0rem;
        padding-top: 25rem;
    }
    .message-textArea{
        margin-top:3.5rem;
    }
}
/*　--------------------　チャット風テーブル　--------------------　*/
.message-chat{
    padding:4rem 0rem;
}
.message-chat ul{
    width:100%;
}
.message-chat ul li{
    width:100%;
    margin-bottom:1rem;
}
.message-chat ul li:last-child{
    margin-bottom:0rem;
}
.message-chat 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: center;
    width:100%;
    padding-left: 2rem;
    box-sizing: border-box;
}
.message-chat dl dt{
    text-align: center;
    width:12px;
    padding:0rem;
    box-sizing: border-box;
}
.message-chat dl dd{
    width: auto;
    margin-left: 1rem;
    padding:0.5rem 1.5rem 0.5rem 1.5rem;
    border:1px solid #c9c9c9;
    border-radius: 1rem;
    background-color:#ffffff;
    box-sizing: border-box;
}

/*　--------------------　プロフィールの設定　--------------------　*/
.message-profile-tb{
    padding-bottom: 2rem;
}
.message-profile-tb ul{
    width:100%;
}
.message-profile-tb ul li{
    width:100%;
}
.message-profile-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%;
}
.message-profile-tb dl dt{
    width:90px;
    padding:0.25rem 0rem 0.25rem 0rem;
    box-sizing: border-box;
}
.message-profile-tb dl dd{
    width:calc(100% - 90px);
    padding:0.25rem 0rem 0.25rem 0rem;
    box-sizing: border-box;
}
@media screen and (max-width: 1211px) {
    .message-profile-tb dl dt{
        width:70px;
    }
    .message-profile-tb dl dd{
        width:calc(100% - 70px);
    }
}
@media screen and (max-width: 498px) {
    .message-profile-tb dl{
        flex-flow: column wrap;
    }
    .message-profile-tb dl dt{
        text-align: justify;
        color:#c40013;
        width:100%;
        padding:1rem 0rem 0rem 0rem;
        border-top:1px solid #e3e3e3;
    }
    .message-profile-tb dl dd{
        width:100%;
        padding:0rem 0rem 1rem 0rem;
        border-top:0px solid #c40013;
    }
}

/*　==============================　会社概要　==============================　*/
.outline-tb{
    padding: 4rem 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{
    width:190px;
    padding:1.5rem 0rem 1.5rem 0rem;
    border-top:1px solid #c40013;
    box-sizing: border-box;
}
.outline-tb dl dd{
    width:calc(100% - 190px);
    padding:1.5rem 2rem 1.5rem 2rem;
    border-top:1px solid #e3e3e3;
    box-sizing: border-box;
}
@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 dl{
        flex-flow: column wrap;
    }
    .outline-tb dl dt{
        text-align: justify;
        color:#c40013;
        width:100%;
        padding:1rem 0rem 0rem 0rem;
        border-top:1px solid #e3e3e3;
    }
    .outline-tb dl dd{
        width:100%;
        padding:0.5rem 0rem 1rem 0rem;
        border-top:0px solid #c40013;
    }
}
/*　==============================　沿革　==============================　*/
.history-tb {
    text-align: left;
    position: relative;
    padding: 4rem 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: #d6011b;
    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: #d6011b;
    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;
    color: #333;
}
.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;
    }
}

/*　==============================　拠点　==============================　*/
.ga-maps{
    padding:0.5rem 0.5rem 0rem 0.5rem;
}
.ga-maps .address, .ga-maps .navigate{
    display:none!important;
}
.ga-mapsBtn{
    max-width: 310px;
}
@media screen and (max-width:498px) {
    .ga-maps{
        padding:0rem 0.5rem 0.5rem 0.5rem;
    }
    .ga-mapsBtn{
        max-width: 100%;
        margin: 0 auto;
    }
}

/*　==============================　グループ会社　==============================　*/
.group-tb{
    padding: 0rem 2rem 2.5rem 2rem;
}
.group ul{
    width:100%;
}
.group-tb ul li{
    width:100%;
}
.group-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%;
}
.group-tb dl dt{
    font-size:0.95rem;
    width:110px;
    padding:0.25rem 1rem 0.25rem 0rem;
    box-sizing: border-box;
}
.group-tb dl dd{
    font-size:0.95rem;
    width:calc(100% - 110px);
    padding:0.25rem 0rem 0.25rem 0rem;
    box-sizing: border-box;
}
@media screen and (max-width: 498px) {
    .group-tb{
        padding: 0rem 2rem 1.5rem 2rem;
    }
    .group-tb dl{
        flex-flow: column wrap;
    }
    .group-tb dl dt{
        font-size:1rem;
        text-align: justify;
        color:#c40013;
        width:100%;
        padding:0rem 0rem 0rem 0rem;
    }
    .group-tb dl dd{
        font-size:1rem;
        width:100%;
        padding:0.25rem 0rem 0.5rem 0rem;
    }
}

/*　==============================　主要取引先　==============================　*/
.client-sub-ttl{
    max-width: 300px;
    box-sizing: border-box;
    margin: 0rem 0rem 0rem auto;
    padding: 4.5rem 0rem 0rem 2rem;
}
.client-tb{
     padding:3.5rem 2rem 4rem 2rem;
}
.client-tb p{
     padding: 0.75rem 1rem 0.75rem 2rem;
}
.client-tbR p:nth-child(even){background-color:#fcf2f3;}
.client-tbO p:nth-child(even){background-color:#fff9f4;}
.client-tbB p:nth-child(even){background-color:#f2f9fe;}
.client-tbG p:nth-child(even){background-color:#f2f9f8;}
.client-tbY p:nth-child(even){background-color:#fefcf4;}
@media screen and (max-width: 498px) {
    .client-sub-ttl{
        max-width: 100%;
        margin: 0rem 0rem 0rem 0rem;
        padding: 4.5rem 0rem 1.5rem 2rem;
        border-bottom:1px solid #e3e3e3;
    }
     .client-tb{
          padding:1rem 0rem 3rem 0rem;
     }
}

/*　==============================　情報公開　==============================　*/
.disclosure-detailTx-two{
    padding: 0rem 0rem 1rem 0rem;
}
.disclosure-detailTx-two table{
    width:100%;
    border:none;
}
.disclosure-detailTx-two th{
    font-size: 1rem;
    font-weight: normal;
    width:35px;
}
.disclosure-detailTx-two td{
    width:calc(100% - 35px);
}
.disclosure-in-tb{
    width:100%;
    border:none;
    margin-bottom: 1rem;
}
.disclosure-in-tb tr{
    border-top: 1px solid #e6e6e6;
}
.disclosure-in-tb tr:last-child{
    border-bottom: 1px solid #e6e6e6;
}
.disclosure-in-tb th{
    font-size: 1rem;
    font-weight: normal;
    width:20px;
    padding: 0.5rem 0rem;
}
.disclosure-in-tb td{
    width:calc(100% - 20px);
    padding: 0.5rem 0rem;
}

@media screen and (max-width: 498px) {
    .disclosure-detailTx-two{
        margin: 0rem 2rem 0rem 2rem;
    }
    .disclosure-detailTx-two th{
        width:35px;
    }
    .disclosure-detailTx-two td{
        width:calc(100% - 35px);
    }
}

/*　==============================　IR情報　==============================　*/
.ir-complianceBtn-img{
    position: relative;
    z-index: 1;
    margin: 0rem 2rem;
}
.ir-complianceBtn-img .fs_btn{
    color:#ffffff;
    display: inline-block;
    width: 100%;
    padding: 8.5rem 0rem 9.5rem 2.5rem;
    border-radius:0;
    background-color: rgba(0,0,0,0.5);
    transition: .3s;
}
.ir-complianceBtn-img .fs_btn:hover{
    background-color: rgba(0,0,0,0);
    transition: .3s;
}
.ir-complianceBtn-img .fs_btn_text_main{
    font-size: 1.4rem;
    font-weight:bold;
    letter-spacing: 0.1rem;
    margin-bottom: 0.75rem;
}
.ir-complianceBtn-img .fs_btn_text_sub{
    line-height: 1.6;
    font-size: 1rem;
}
.ir-complianceBtn{
    position: relative;
    z-index: 1;
   margin-top:-1.5rem;
    padding: 0rem 0rem 0rem 4rem;
}
.ir-border{
    position: relative;
    width: 100%;
    margin-top: 2.5rem;
    padding-top: 3rem;
    border-top: 1px solid #222222;
}
.ir-border:after{
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 25%;
    height: inherit;
    border-top: 1px solid #c40013;
}
@media screen and (max-width: 498px) {
    .ir-complianceBtn-img .fs_btn{
        padding: 5.5rem 1.5rem 6.5rem 1.5rem;
    }
    .ir-complianceBtn{
        padding: 0rem 4rem;
    }
    #earnings, #employee, #profit, #assets{
        font-size:1.4rem!important;
        color:#c40013;
    }
    #earnings span, #employee span, #profit span, #assets span{
        color:#424242;
    }
}
/*　--------------------　チャートテーブルの設定　--------------------　*/
.containerChart{
    padding-top: 0.5rem;
}
.containerChart img{
    width: 100%;
}
@media screen and (max-width: 498px) {
    .containerChart{
        padding-top: 2rem;
    }
}
.ir-tb{
    margin:0rem 0rem 3rem 0rem;
}
.ir-tb ul{
    width:100%;
    border:1px solid #e6e6e6;
    box-sizing: border-box;
}
.ir-tb ul li{
    width:100%;
    border-bottom:1px solid #e6e6e6;
    box-sizing: border-box;
}
.ir-tb ul li:first-child{
    background-color:#f2f2f2;
}
.ir-tb ul li:first-child dl dt{
    padding:0.5rem 0.5rem 0.5rem 0.5rem;
    box-sizing: border-box;
}
.ir-tb ul li:first-child dl dd{
    padding:0.5rem 0.2rem 0.5rem 0.5rem;
    box-sizing: border-box;
}
.ir-tb ul li:first-child dl dd:nth-child(n + 2){
    padding:0.5rem 0.2rem 0.5rem 0.2rem;
    text-align:center;
    border-left:1px solid #e6e6e6;
}
.ir-tb ul li:last-child{
    border-bottom:0px solid #e6e6e6;
}
.ir-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%;
}
.ir-tb dl dt{
    width:120px;
    text-align:justify;
    padding:0.5rem 0.5rem 0.5rem 0.5rem;
    box-sizing: border-box;
}
.ir-tb dl dd{
    width:73px;
    padding:0.5rem 0.5rem 0.5rem 0.5rem;
    box-sizing: border-box;
}
.ir-tb dl dd:nth-child(n + 2){
    text-align:right;
    border-left:1px solid #e6e6e6;
}
.ir-tb::-webkit-scrollbar {
    width: 10px;
}
/*スクロールバーの軌道*/
.ir-tb::-webkit-scrollbar-track {
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.1);
}
/*スクロールバーの動く部分*/
.ir-tb::-webkit-scrollbar-thumb {
    background-color: rgba(200, 200, 200, 0.5);
    border-radius: 0px;
    box-shadow:0px 0px 0px rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1200px) {
    .ir-tb ul{
        overflow-x: auto;
        white-space: wrap;
        -webkit-overflow-scrolling: touch;
        max-width: 1200px;
    }
    .ir-tb li{
        display: table;
    }
    .ir-tb dl{
        flex-flow: row-reverse nowrap;
    }
    .ir-tb dl dt{
        width:100px; order: 1;
    }
    .ir-tb dl dd{
        width:70px;
    }
}
@media screen and (max-width: 498px) {
    .ir-tb dl dt{
        width:90px;
    }
    .ir-tb dl dd{
        width:65px;
    }
    .ir-tb dl dd:nth-child(n + 2){
        text-align:center;
    }
}
/*　==============================　コンプライアンス　==============================　*/
.compliance-ttl{
    font-size: 1.2rem;
    color: #c40013;
    letter-spacing: 0.05rem;
}
.compliance-ttl h2{
    font-weight: bold!important;
}
.compliance-detailTx{
    margin: 0rem 2rem 0rem 2rem;
}
@media screen and (max-width: 498px) {
    .compliance-detailTx{
        margin: 0rem 0rem 0rem 0rem;
    }
}

/*　==============================　採用情報　==============================　*/
/*　--------------------　サブナビの設定　--------------------　*/
.recruit-subnav{
    padding: 1rem 2rem 0rem 2rem;
}
.recruit-subnav span{
    margin: 0rem 1rem;
}
@media screen and (max-width: 498px) {
    .recruit-subnav{
        padding: 1rem 0rem 0rem 2rem;
    }
    .recruit-subnav span{
        margin: 0rem 0rem;
    }
}

.recruit-copy{
    font-weight: bold;
    padding:0rem 0rem 6rem 2rem;
}
.recruit-copy p:nth-child(1){
    font-size: 1rem;
    letter-spacing: 0.1rem;
}
.recruit-copy p:nth-child(2){
    font-size: 2rem;
    letter-spacing: 0.4rem;
}
.recruit-copy span{
    color:#c40013;
}
.recruit-mainFigure{
    padding: 0rem 0rem 0rem 2rem;
}
.recruit-mainFigure img{
    max-width: 400px;
}
.recruit-message{
    line-height: 1.9rem;
    margin: 0rem 2rem 0rem 0rem;
}
.recruit-message p{
    margin-bottom:1.75rem;
}
.recruit-message p:last-child{
    margin-bottom:0rem;
}
.recruit-messagePoint{
    font-size: 1.9rem;
    font-weight: bold;
    letter-spacing: 0.35rem;
    padding:3rem 2rem 3rem 0rem;
}
.recruit-messagePoint span{
    color:#c40013;
}
.recruit-gsArea{
    background: -moz-linear-gradient(90deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(90deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(90deg, rgba(236,33,58,1), rgba(146,41,30,1));
    padding: 2rem 2rem 2.5rem 2rem;
}
.recruit-btnA .fs_btn{
    max-width: 415px;
}
.recruit-recruitmentArea{
    background: -moz-linear-gradient(#ebeae7 75%, #ffffff 75%, #ffffff);
    background: -webkit-linear-gradient(#ebeae7 75%, #ffffff 75%, #ffffff);
    background: linear-gradient(#ebeae7 75%, #ffffff 75%, #ffffff);
}
.recruit-btnB-img .fs_btn_text{
    text-align: left!important;
    font-size:3rem;
    font-weight:bold;
    color:rgba(255,255,255,0.5)!important;
    letter-spacing:0.01rem;
    opacity:0;
}
.recruit-btnB-img .fs_btn_text:hover{
    opacity:1;
}
.recruit-btnB-img .fs_btn:hover{
    background-color: rgba(0,0,0,0.35);
    border-radius:0px;
}
.recruit-btnB-img{
}
.recruit-btnB-img .fs_btn_text{
    text-align: left!important;
    font-size:3rem;
    font-weight:bold;
    color:rgba(255,255,255,0.5)!important;
    letter-spacing:0.01rem;
    opacity:0;
}
.recruit-btnB-img .fs_btn_text:hover{
    opacity:1;
}
.recruit-btnB-img .fs_btn:hover{
    background-color: rgba(0,0,0,0.35);
    border-radius:0px;
}
.recruit-btnB{
    margin: -3rem 0rem 0rem 1rem;
}
.recruit-btnB .fs_btn{
    width: 100%;
    max-width:330px;
    padding: 1rem 0rem 0.9rem 2rem;
}
.recruit-btnB .fs_btn_text{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.recruit-btnB .fs_btn_text_main{
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    margin-top: -0.3rem;
}
.recruit-btnB .fs_btn_text_sub{
    font-size: 1rem;
    letter-spacing: 0.1rem;
}
.recruit-btnB-more{
    margin-top:-1.8rem;
    padding-bottom: 0.75rem;
}
.recruit-btnB-more .fs_btn_text_main{
    text-align: right;
}
.recruit-staffArea{
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(236,33,58,1) 50%, rgba(146,41,30,1));
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(236,33,58,1) 50%, rgba(146,41,30,1));
    background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(236,33,58,1) 50%, rgba(146,41,30,1));
    position: relative;
}
.recruit-staffAreaL{
    padding:5.5rem 2rem;
}
.recruit-staffPg{
    margin-left: -3rem;
    padding: 4rem 0rem 3.5rem 0rem;
}
.recruit-staffPg button{
    display:none!important;
}
.recruit-staffPg .archiveBoxesC4-cardA{
    width: 50vw;
}
.recruit-staffPg .archiveCardA-list-inner{
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
.recruit-staffPg .archiveCardA-list-inner:hover{
    opacity:0.85!important;
}
.recruit-staffPg .archiveCardA-list-on{
    display: none;
}
.recruit-welfare-box{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.recruit-welfare-box span{
    font-size:0.85rem;
    line-height: 1.2rem;
    display: block;
}
.recruit-welfare-box li{
    width: 25%;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: stretch;
}
.recruit-welfare-box li div{
    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;
    flex-flow: column wrap;
    text-align: center;
    width: 100%;
    background-color: #ffffff;
    margin: 0rem 1rem 0.8rem 0rem;
    padding: 1.3rem 0.5rem 1.1rem 0.5rem;
}
.recruit-welfare-box li:nth-child(4n) div{
    margin: 0rem 0rem 0.8rem 0rem;
}
.recruit-representative-area{
    margin: 0rem 2rem;
}
@media screen and (max-width: 1024px) {
    .recruit-message{
        line-height: 2.1rem;
        font-size: 1rem;
        margin: 0rem 2rem 0rem 2rem;
    }
    .recruit-messagePoint{
        padding:3rem 2rem 3rem 2rem;
    }
    .recruit-welfare-box{
        justify-content: space-between;
    }
    .recruit-welfare-box li{
        width: 49%;
    }
    .recruit-welfare-box li div{
        margin: 0rem 0rem 0.8rem 0rem!important;
        padding:1.3rem 0.2rem 1.1rem 0.2rem;
    }
    .recruit-staffAreaL{
        padding: 5.5rem 4rem 5.5rem 2rem;
    }
    .recruit-representative-bg{
        background-position: center right -19.5rem!important;
    }
}
@media screen and (min-width: 769px) {
    .recruit-btnB-img .fs_btn_text{
        padding:26vh 0rem 4vh 1rem;
    }
}
@media screen and (max-width: 768px) {
    .recruit-btnB{
        margin: -3rem 0rem 0rem 0rem;
    }
    .recruit-btnB .fs_btn{
        width: 65%;
        padding: 0.5rem 0rem 0.5rem 1.5rem;
    }
    .recruit-btnB .fs_btn_text_main{
        margin-top: -0.7rem;
    }
    .recruit-btnB-img .fs_btn_text{
        padding:26vh 0rem 4vh 1rem;
    }
    .recruit-representative-area{
        width:60%;
    }
    .recruit-representative-bg{
        background-position: center right -24.5rem!important;
    }
    .recruit-representative-area{
        margin: 0rem 0rem;
    }
}
@media screen and (max-width: 498px) {
    .recruit-copy{
        padding:0rem 0rem 5rem 2rem;
    }
    .recruit-mainFigure{
        padding: 0rem 2rem 5rem 2rem;
        text-align: center!important;
    }
    .recruit-mainFigure img{
        max-width: 280px;
    }
    .recruit-staffArea{
        background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 85%, rgba(236,33,58,1) 85%, rgba(146,41,30,1));
        background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 85%, rgba(236,33,58,1) 85%, rgba(146,41,30,1));
        background: linear-gradient(90deg, rgba(255,255,255,0) 85%, rgba(236,33,58,1) 85%, rgba(146,41,30,1));
    }
    .recruit-staffAreaL{
        width: 70%;
        padding:2.5rem 2rem;
    }
    .recruit-staffPg {
        margin-left: 0rem;
        padding: 0rem 0rem 2.5rem 0rem;
    }
    .recruit-staffPg .archiveBoxesC4-cardA {
        width: 100vw;
    }
    .recruit-staffPg .archiveCardA-list-img{
        height: 14rem!important;
        background-position: top center!important;
    }
    .recruit-representative-area{
        width:auto;
    }
    .recruit-representative-bg{
        background-size: 200%!important;
        background-position: bottom -2rem right 0rem!important;
        padding-bottom: 30rem;
    }
}

/*　==============================　成長支援　==============================　*/
.gSupport-sub-ttl{
    font-size: 1.4rem;
    color: #c40013;
    display: block;
    position: relative;
    padding-left: 2rem;
}
.gSupport-sub-ttl:before {
    content: '';
    position: absolute;
    top: 48%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #c40013;
}
.gSupport-plan-ttl{
    color:#ffffff;
    padding: 0.75rem 1rem;
    margin: 0rem 1rem;
}
.gSupport-plan-box{
    padding: 3rem 0.5rem 2rem 0.5rem;
    margin-top: -1.5rem;
    border: 1px solid #c1c1c1;
}
.gSupport-tb table{
    width:100%;
    border:none;
}
.gSupport-tb th{
    font-size: 1.1rem;
    font-weight: normal;
    color: #c40013;
    width:30px;
}
.gSupport-tb td{
    width:calc(100% - 30px);
}
.gSupport-item-wrapper{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.gSupport-item-wrapper li{
    width: 20%;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: stretch;
}
.gSupport-item-wrapper li div{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 0rem 1rem 0.8rem 0rem;
    padding: 1rem 0.5rem 1rem 0.5rem;
}
.gSupport-item-wrapper li:nth-child(5n) div{
    margin: 0rem 0rem 0.8rem 0rem;
}
.itemboxs div{
    background-color: #ebeae7;
}

@media screen and (max-width: 1024px) {
    .gSupport-item-wrapper{
        justify-content: space-between;
    }
    .gSupport-item-wrapper li{
        width: 49%;
    }
    .gSupport-item-wrapper li div{
        margin: 0rem 0rem 0.8rem 0rem!important;
        padding:1.3rem 0.2rem 1.1rem 0.2rem;
    }
}
@media screen and (max-width: 498px) {
    .gSupport-plan-box{
        margin-bottom: 1rem;
    }
    .gSupport-tb th{
        width:20px;
    }
    .gSupport-tb td{
        width:calc(100% - 20px);
    }
}
/*　==============================　新卒採用　==============================　*/
.newGraduate-flow-line{
    width: 100%;
    text-align: left;
}
.newGraduate-flow-lineInner{
    width: 50%;
    padding-top: 2rem;
    box-sizing: border-box;
    border-right: 2px solid #c40013;
}
.newGraduate-CareerStep{
    margin-top:-1rem;
}
@media screen and (max-width: 498px) {
    .newGraduate-flow-lineInner{
        padding-top: 1rem;
    }
    .newGraduate-CareerStep{
        margin-top: 3rem;
    }
}
/*　--------------------　採用フローボックスの設定　--------------------　*/
.newGraduate-flow-box{
    position: relative;
    background-color:#ffffff;
}
.newGraduate-flow-boxL{
    position: relative;
}
.newGraduate-flow-boxL p{
    font-size:1.75rem;
    letter-spacing: 0.2rem;
    display: block;
    position: relative;
    background-color: #c40013;
    padding: 2.75rem 0rem;
}
.newGraduate-flow-box 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: center;
}
.newGraduate-flow-box dt{
    position: relative;
    top: -0.2rem;
    color:#c40013;
    font-size:3rem;
    font-weight: bold;
    text-align: center;
    width:20%;
    padding:1rem 0rem;
    box-sizing: border-box;
}
.newGraduate-flow-box dd{
    width:80%;
    padding:2.2rem 1rem 2.2rem 0rem;
    box-sizing: border-box;
}
.newGraduate-flow-box dd p:nth-child(1){
    color:#c40013;
    font-size:1.4rem;
    font-weight:bold;
    margin-bottom: 0.5rem;
}
@media screen and (max-width: 498px) {
    .newGraduate-flow-box dt{
        width:90px;
        padding: 0.5rem 0rem;
    }
    .newGraduate-flow-box dd{
        width:calc(100% - 90px);
        padding: 2.2rem 1.5rem 2rem 0rem
    }
}

/*　==============================　中途採用　==============================　*/
/*----------　募集要項リストガイドの設定　----------*/
.guideline-navi .ccm-page-list{
    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; 
}
.guideline-navi .ccm-page-list-title{
    width: calc(50% - 0.5rem);
    margin-bottom:1rem;
}
.guideline-navi .ccm-page-list-title a{
    font-weight:bold;
    color:#c40013;
    display: block;
    background-color:#ffffff;
    border: 1px solid #a7a7a7;
    padding: 2.5rem 0rem;
    transition:0.6s;
}
.guideline-navi .ccm-page-list-title a:hover{
    color:#ffffff;
    background-color:#a7a7a7;
    transition:0.6s;
}
.guideline-navi .ccm-page-list-title a:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f101";
    font-size:1.2rem;
    color:#c40013;
    margin-left: 0.5rem;
    position: absolute;
    transition:0.6s;
}
.guideline-navi .ccm-page-list-title a:hover:after{
    color:#ffffff;
    transition:0.6s;
}
@media screen and (max-width: 768px) {
    .guideline-navi .ccm-page-list{
        flex-flow: column wrap;
        justify-content: space-between;
    }
    .guideline-navi .ccm-page-list-title{
        width: 75%;
    }
    .guideline-navi .ccm-page-list-title a{
        text-align: justify;
        padding: 2.5rem 2rem;
    }
    .guideline-navi .ccm-page-list-title a:after{
        margin-top: 0.25rem;
        margin-left: 0.25rem;
    }
}
@media screen and (max-width: 498px) {
    .guideline-navi .ccm-page-list-title{
        width: 100%;
    }
    .guideline-navi .ccm-page-list-title a{
        font-size:1rem;
        padding: 1.75rem 1rem;
    }
}
/*　--------------------　応募についての設定　--------------------　*/
.guideline-tb{
}
.guideline-tb ul{
    width:100%;
    border:1px solid #e3e3e3;
}
.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{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    width:190px;
    padding:1.5rem 0.5rem 1.5rem 0.5rem;
    background-color:#c40013;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
}
.guideline-tb dl dd{
    width:calc(100% - 190px);
    padding:1.5rem 2rem 1.5rem 2rem;
    background-color:#ffffff;
    border-bottom:1px solid #e3e3e3;
    box-sizing: border-box;
}
.guideline-tb-process{
    margin-bottom:1rem;
}
.guideline-tb dl dd div:last-child{
    margin-bottom:0rem;
}
.guideline-tb-process p:nth-child(1){
    font-weight: bold;
    color: #c40013;
}
.guideline-tb-process p:nth-child(2){
    margin-top:0.2rem;
    margin-left:4.9rem;
}
.guideline-tb-process span{
    font-weight: mormal;
    border: 1px solid #c40013;
    display: inline-block;
    padding: 0rem 0.5rem;
    margin-right: 0.75rem;
}
@media screen and (max-width: 498px) {
    .guideline-tb dl dt{
        width:105px;
    }
    .guideline-tb dl dd{
        width:calc(100% - 105px);
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
}
@media screen and (max-width: 768px) {
    .guideline-prBtn .r-grid3{
            width: 28.5%!important;
    }
}

/*　==============================　募集要項テンプレート　==============================　*/
.gl-developmentEnvironment{
}
.gl-developmentEnvironment table{
    width:100%;
    border:none;
}
.gl-developmentEnvironment th{
    font-weight: normal;
    width:70px;
}
.gl-developmentEnvironment td{
    width:calc(100% - 70px);
}
@media screen and (max-width: 498px) {
    .gl-developmentEnvironment{
    }
    .gl-developmentEnvironment th{
        width:35px;
    }
    .gl-developmentEnvironment td{
        width:calc(100% - 35px);
    }
}
/*　--------------------　募集要項リストの設定　--------------------　*/
.gl-list-tb{
    padding: 4rem 0rem;
}
.gl-list-tb ul{
    width:100%;
}
.gl-list-tb ul li{
    width:100%;
}
.gl-list-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%;
}
.gl-list-tb dl dt{
    width:190px;
    padding:1.5rem 0rem 1.5rem 0rem;
    border-top:1px solid #c40013;
    box-sizing: border-box;
}
.gl-list-tb dl dd{
    width:calc(100% - 190px);
    padding:1.5rem 2rem 1.5rem 2rem;
    border-top:1px solid #e3e3e3;
    box-sizing: border-box;
}
@media screen and (max-width: 1211px) {
    .gl-list-tb dl dt{
        width:33%;
    }
    .gl-list-tb dl dd{
        width:67%;
    }
}
@media screen and (max-width: 498px) {
    .gl-list-tb dl{
        flex-flow: column wrap;
    }
    .gl-list-tb dl dt{
        text-align: justify;
        color:#c40013;
        width:100%;
        padding:1rem 0rem 0rem 0rem;
        border-top:1px solid #e3e3e3;
    }
    .gl-list-tb dl dd{
        width:100%;
        padding:0.5rem 0rem 1rem 0rem;
        border-top:0px solid #c40013;
    }
}

/*　==============================　社員紹介　==============================　*/
.person-sub-ttl{
    font-size: 1.4rem;
    color: #c40013;
    display: block;
    position: relative;
    padding-bottom:1.5rem;
    padding-left: 2rem;
    margin-left:2rem;
}
.person-sub-ttl:before {
    content: '';
    position: absolute;
    top: 28%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #c40013;
}
.personArea{
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(236,33,58,1) 25%, rgba(146,41,30,1) 95%, rgba(255,255,255,1) 95%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(236,33,58,1) 25%, rgba(146,41,30,1) 95%, rgba(255,255,255,1) 95%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(236,33,58,1) 25%, rgba(146,41,30,1) 95%, rgba(255,255,255,1) 95%);
    padding-bottom: 3rem;
}
.person-pgList{
    padding: 0rem 1rem;
}
.person-pgList #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 19.2%;
    margin: 0% 1% 1% 0%;
    background-color:#ffffff;
}
.person-pgList .archiveCardA-list-inner{
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
.person-pgList #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(3n){
    margin: 0% 1% 1% 0%;
}
.person-pgList #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(5n){
    margin: 0% 0% 1% 0%;
}
.person-pgList .archiveCardA-list-on{
    display: none;
}
.person-pgList #archiveBoxesC4-cardA .archiveCardA-list-img{
    height: 14rem;
    background-position: top center!important;
}
@media screen and (max-width: 498px) {
    .personArea{
        background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(236,33,58,1) 50%, rgba(146,41,30,1) 95%, rgba(255,255,255,1) 95%);
        background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(236,33,58,1) 50%, rgba(146,41,30,1) 95%, rgba(255,255,255,1) 95%);
        background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(236,33,58,1) 50%, rgba(146,41,30,1) 95%, rgba(255,255,255,1) 95%);
        padding-bottom: 3rem;
    }
    .person-pgList #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list{
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        width: 32%;
        margin: 0% 2% 2% 0%;
    }
    .person-pgList #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(3n){
        margin: 0% 0% 2% 0%;
    }
    .person-pgList #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(5n){
        margin: 0% 2% 2% 0%;
    }
    .person-pgList #archiveBoxesC4-cardA .archiveCardA-list-img{
        height: 10rem;
        background-position: top center!important;
    }
}

/*　--------------------　コンポーザーの設定　--------------------　*/

#pt102-1Parent, #pt102-4Parent{
    background: -moz-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
}
#pt102-2Parent{
    padding:5rem 0rem;
}
#pt102-2Parent > div{
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 13%, rgba(235,234,231,1) 13%, rgba(235,234,231,1));
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 13%, rgba(235,234,231,1) 13%, rgba(235,234,231,1));
    background: linear-gradient(90deg, rgba(255,255,255,1) 13%, rgba(235,234,231,1) 13%, rgba(235,234,231,1));
}
.person-pf-img{
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    padding-top: 18rem;
    margin: 2rem 0rem 1rem 2rem;
}
.person-pf-office{
    text-align:right;
}
.person-pf-name{
    font-size:1.3rem;
    font-weight: bold;
    letter-spacing:0.1rem;
    text-align:right;
    margin: 0rem 0rem 1.5rem 2rem;
}

.person-pf-qa{
    margin-right: 2rem;
    margin-left: 2rem;
    padding: 0rem 2rem 3.5rem 2rem;
    background-color:#ffffff;
}
.person-pf-Q{
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing:0.1rem;
    color:#c40013;
    margin-right: 2rem;
    margin-left: 2rem;
    padding: 0rem 2rem 1rem 2rem;
    background-color:#ffffff;
}
.person-pf-A{
    margin-right: 2rem;
    margin-left: 2rem;
    padding: 0rem 2rem 3.5rem 2rem;
    background-color:#ffffff;
}
.person-pf-pagination{
    margin: -3rem 2rem 0.75rem 2rem;
}
.person-pf-pagination i{
    font-size:4rem;
    color:#c40013;
}
#pt102-4Parent{
    padding: 7.5rem 0rem;
}
#pt102-4Parent > div{
    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;
}
#pt102-4Parent > div > div:nth-child(1), #pt102-4Parent > div > div:nth-child(2){
    width: calc(50% - 4rem);
    margin: 0 auto;
}
#pt102-4Parent > div > div:nth-child(3), #pt102-4Parent > div > div:nth-child(4){
    width: calc(50% - 3rem);
    margin: 0 auto;
}
#pt102-4-1, #pt102-4-2{
    -webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
    background-color:#ffffff;
    margin-bottom: 2rem!important;
}
#pt102-4Parent .recruit-entryBanner{
    padding: 0rem 0rem 0rem 0rem!important;
}
#pt102-4Parent .recruit-entryBannerTx{
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}
#pt102-4Parent .recruit-entryBannerMid li{
    width: 50%!important;
}
#pt102-2Parent, #pt102-3Parent{
    background-size:56.8px;
}
@media screen and (max-width: 1024px) {
    #pt102-5Parent{
        background-attachment: scroll!important;
    }
}
@media screen and (max-width: 798px) {
    #pt102-4Parent > div{
        flex-flow: column wrap;
        justify-content: flex-first;
        align-items: stretch;
    }
    #pt102-4Parent > div > div:nth-child(1), #pt102-4Parent > div > div:nth-child(2){
        width: calc(100% - 4rem);
    }
    #pt102-4Parent > div > div:nth-child(3), #pt102-4Parent > div > div:nth-child(4){
        width: calc(100% - 3rem);
    }
    #pt102-4Parent > div > div:nth-child(1){
        order:0;
    }
    #pt102-4Parent > div > div:nth-child(2){
        order:2;
        margin-top: 4rem;
    }
    #pt102-4Parent > div > div:nth-child(3){
        order:1;
    }
    #pt102-4Parent > div > div:nth-child(4){
        order:3;
    }
}
@media screen and (max-width: 498px) {
    .person-pf-img{
        padding-top: 21rem;
        margin: 2rem 2rem 1.5rem 2rem;
    }
    .person-pf-office{
        margin: 0rem 2rem 0rem 2rem;
    }
    .person-pf-name{
        margin: 0rem 2rem 0rem 2rem;
    }
    #pt102-2Parent, #pt102-3Parent{
        background-size:32.3px;
    }
}

/*　==============================　ギャラリー　==============================　*/
.hide-scrollbars{
    overflow-y: hidden!important;
   -ms-overflow-style: none!important;/* IE, Edge 対応 */
   scrollbar-width: none!important;
}
.hide-scrollbars::-webkit-scrollbar {
    display:none!important;
}
#spotlight .fullscreen{
    display:none!important;
}
.gallery-sub-ttl{
    font-size: 1.4rem;
    display: block;
    position: relative;
    padding-bottom:1.5rem;
    padding-left: 2rem;
    margin-left:2rem;
}
.gallery-sub-ttl:before {
    content: '';
    position: absolute;
    top: 28%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #c40013;
}
.spotlight-group{

}
.spotlight-group li{
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
.spotlight-group li .image{
    height: 13rem;
}
.gallery-copy{
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.35rem;
    padding:3rem 2rem 2rem 2rem;
}
.gallery-copy span{
    color:#c40013;
}
.gallery-mainFigure{
    margin: -21rem 0rem 0rem 2rem;
}

@media screen and (max-width: 498px) {
    .gallery-mainFigure{
        margin: 0rem 0rem 0rem 2rem;
    }
    .spotlight-group li .image{
        height: 25vw;
    }
}

/*　==============================　私たちの取り組み　==============================　*/
.recruit-egp-oneColumn 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: center;
}
.recruit-egp-oneColumn dt{
    color:#c40013;
    font-size:1.25rem;
    font-weight: bold;
    width:250px;
    box-sizing: border-box;
}
.recruit-egp-oneColumn dd{
    width:calc(100% - 250px);
    box-sizing: border-box;
}
.recruit-egp-contentImg{
    padding:12.5rem 0rem 0rem 0rem;
    margin:0rem 1rem 1.25rem 1rem;
}


/*　==============================　ニュース　==============================　*/
/*　--------------------　コンポーザーの設定　--------------------　*/
#pt101-2Parent, #pt101-3Parent{
    background-color:#EBEAE7;
}
#pt101-2-1{
    background-color:#ffffff;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    margin: 5rem 2rem 0rem 2rem;
    width: calc(100% - 4rem);
}
#pt101-5Parent{
    background: -moz-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
}


/*　==============================　お問い合わせ/個人情報保護方針/サイトのご利用について　==============================　*/
.contentA-hr{
    border-color: #707070;
    margin: 3rem 0rem;
}
.contentB-hr{
    border-color: #707070;
    margin: 3rem 2rem;
}
.contentB-hr-u{
    border-color: #e4e4e4;
    margin: 2rem 2rem 2rem 4rem;
}
.contentB-detailTx-one{
    margin: 0rem 2rem 0rem 4rem;
}
.contentB-detailTx-two{
    margin: 0rem 2rem 0rem 4rem;
}
.contentB-detailTx-two table{
    width:100%;
    border:none;
}
.contentB-detailTx-two th{
    font-size: 1.2rem;
    font-weight: normal;
    width:70px;
}
.contentB-detailTx-two td{
    width:calc(100% - 70px);
}
.sitepolicy-ttl{
    font-size: 1.2rem;
    color: #c40013;
    letter-spacing: 0.05rem;
    padding: 0rem 2rem 2.5rem 2rem;
}
.sitepolicy-ttl h2{
    font-weight: bold!important;
}
.sitepolicy-requirements{
    margin:2rem 2rem 2rem 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;
}
.privacypolicy-ttl{
    font-size: 1.2rem;
    color: #c40013;
    background-color:#f9e5e7;
    letter-spacing: 0.05rem;
    padding: 1rem 2rem 0.9rem 2rem;
    margin: 0rem 2rem 2rem 2rem;
}
.privacypolicy-ttl h2{
    font-weight: bold!important;
}
.privacypolicy-receptionDesk{
    margin:0rem 2rem 0rem 2rem;
    border: 1px solid #dddddd;
}
.privacypolicy-receptionDesk p:nth-child(1){
    font-weight:bold;
    background-color:#ebeae7;
    letter-spacing: 0.05rem;
    padding: 0.7rem 2rem 0.6rem 2rem;
}
.privacypolicy-receptionDesk p:nth-child(2){
    padding: 1.1rem 2rem 1rem 2rem;
}
@media screen and (max-width: 498px) {
    .contentB-hr-u{
        margin: 2rem 2rem 2rem 2rem;
    }
    .contentB-detailTx-one{
        margin: 0rem 2rem 0rem 2rem;
    }
    .contentB-detailTx-two{
        margin: 0rem 2rem 0rem 2rem;
    }
    .contentB-detailTx-two th{
        width:35px;
    }
    .contentB-detailTx-two td{
        width:calc(100% - 35px);
    }
    .sitepolicy-requirements{
        margin:2rem 2rem 2rem 2rem; 
    }
    .sitepolicy-requirements li {
        width: 50%;
    }
    .privacypolicy-receptionDesk p:nth-child(1){
        padding: 0.7rem 1rem 0.6rem 1rem;
    }
    .privacypolicy-receptionDesk p:nth-child(2){
        padding: 1.1rem 1rem 1rem 1rem;
    }
    .sitepolicy-ttl span{
        font-size: 1rem;
    }
   .sitepolicy-requirements dd{
        margin-top: 0.5rem;
        margin-left: 0rem;
        letter-spacing: -0.01rem;
    }
}
/*　--------------------　お問い合わせの設定　--------------------　*/
.formBlockSurveyTable dl:nth-child(4) dd{width:400px;}
.formBlockSurveyTable dl:nth-child(4) input{height:30px;}
.formBlockSurveyTable dl:nth-child(5) dd{width:400px;}
.formBlockSurveyTable dl:nth-child(5) input{height:30px;}
.formBlockSurveyTable dl:nth-child(6) dd{width:400px;}
.formBlockSurveyTable dl:nth-child(6) input{height:30px;}
.formBlockSurveyTable input[name^="input_zip3"]{width:370px; height:15px;}
.formBlockSurveyTable dl dt {
    color: #999;
    text-align: left;
    width: 100%;
    margin-right: 0%!important;
    font-weight: bold;
    font-size: 1rem;
    margin-top: 1rem;
    padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
    width: 100%;
}
.formBlockSurveyTable dl {
    padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 97%;
    resize: none;
    border-radius: 0;
    padding: 1.5%;
    border: 1px solid #c8d2dc;
}
.formBlockSurveyTable dl dd select{
    height:45px;
    border: 1px solid #c8d2dc;
    padding: 5px 0px 5px 12px;
}
.formBlockSubmitButton {
    width:240px!important;
    text-align:center!important;
    background-color: #707070!important;
    color:#fff;
    font-size:1rem;
    font-weight:bold;
    border:1px solid #fff;
    opacity: 1;
    transition:0.6s;
    cursor: pointer;
}
.formBlockSubmitButton:hover{
    opacity: 0.8;
    transition:0.6s;
}
.fs_form_zip_code, .fs_form_addres{
    color:#999999;
}
@media screen and (max-width: 498px) {
    .formBlockSubmitButton {
        width:100%!important;
    }
    .miniSurveyView input[type="text"],
    .miniSurveyView input[name^="Question"],
    .miniSurveyView textarea[name^="Question"] {
        font-size: 16px !important;
        transform: scale(1) !important;
    }
    .formBlockSurveyTable dl:nth-child(4) dd{width:100%;}
    .formBlockSurveyTable dl:nth-child(5) dd{width:100%;}
    .formBlockSurveyTable dl:nth-child(6) dd{width:100%;}
    .formBlockSurveyTable input[name^="input_zip3"]{width:100%; height: 32px;}
    .formBlockSubmitButton:hover {
        transition:0.6s;
        background-color: #fff!important;
        border:1px solid #999;
        color:#999;
    }
    .on-pointer input {
        cursor: pointer;
    }
    .formBlockSurveyTable dl dd input,
    .formBlockSurveyTable dl dd textarea {
        width: 100%;
    }
}
/*　--------------------　モーダルの設定　--------------------　*/
.pv-after{
    display: inline-block;
}
#modal-content {
    text-align: justify;
    width: 50%;
    height: 600px;
    margin: 0;
    padding: 2rem;
    border: 2px solid #efefef;
    border-radius: 1rem 0rem 0rem 1rem;
    background-color: #ffffff;
    position: fixed;
    display: none;
    z-index: 2;
    overflow-y: scroll;
    overflow-x: hidden;
}
#modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba( 0,0,0, 0.75 );
}
.modal-close-button{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
#modal-close{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    /*position: fixed;*/
    bottom: 11%;
    background-color: #fff;
    border: 2px solid #efefef;
    width: 40px;
    height: 40px;
    border-radius: 3rem;
    font-size: 1.3rem;
}
#modal-open{
    color: #0176ea;
    font-weight:normal;
    text-decoration: underline ;
}
#modal-open:hover {
    cursor: pointer ;
}
.modal-ttl{
    font-size: 1.4rem;
    color: #999999;
    margin-bottom: 2rem;
}
.modal-text{
    font-size: 0.9rem;
}
.modal-text p:nth-child(even){
    margin: 0rem 0rem 1.2rem 0.9rem;
}
.modal-text p:last-child{
    margin-bottom: 3rem!important;
}

@media screen and (max-width:798px) {
    #modal-content {
        width: 75%;
        height: 520px;
        padding: 2rem 1.5rem 2rem 1.5rem;
        -webkit-overflow-scrolling: touch;
    }
    #modal-close{
        bottom: 13%;
    }
}
@media screen and (max-width:498px) {
    #modal-content {
        width: 75%;
        height: 520px;
        padding: 2rem 1.5rem 2rem 1.5rem;
    }
    #modal-close{
        bottom: 3%;
    }
}


/*　==============================　共通の設定　==============================　*/
.imgShadow{-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3); box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.areaShadow{-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 7px rgba(0,0,0,0.3); box-shadow: 2px 2px 7px rgba(0,0,0,0.3);}
.contentA-topSpace{padding-top:4rem;}
.contentA-bottomSpace{padding-top:7.5rem;}
.contentB-topSpace{padding-top:4rem;}
.contentB-bottomSpace{padding-top:7.5rem;}
.next-backBtn{max-width: 250px;}
.next-backBtnW{max-width: 280px;}
.bgSquare{background-size:56.8px;}
.inner-spaceL{max-width: 600px; margin-left: calc(100% - 600px);}
@media screen and (max-width: 1200px){
.inner-spaceL{margin-left: 0rem;}
}
@media screen and (max-width: 498px) {
.contentA-topSpace{padding-top:3rem;}
.contentA-bottomSpace{padding-top:4.5rem;}
.contentB-topSpace{padding-top:3rem;}
.contentB-bottomSpace{padding-top:4.5rem;}
.next-backBtn{margin:0 auto;}
.next-backBtnW{max-width: 100%;}
.bgSquare{background-size:32.3px;}
}
/*　--------------------　ページタイトル等の設定　--------------------　*/
#pt003-1Parent, #pt005-1Parent, #pt004-1Parent, #pt007-1Parent, #pt101-1Parent{
    background: -moz-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
}
.pagettl-breadcrumb-red{
    font-size: 0.85rem;
   color:#ffffff;
    letter-spacing: 0.05rem;
    margin-right: 2rem;
    padding: 1rem 2rem 0.75rem 2rem;
    background: -moz-linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
}
.pagettl-breadcrumb-red a{
    color:#ffffff;
    transition: 0.3s;
}
.pagettl-breadcrumb-red a:hover{
    color:#ebeae7;
    transition: 0.3s;
}
.pagettl-breadcrumb-gray{
    font-size: 0.85rem;
    letter-spacing: 0.05rem;
    margin-right: 2rem;
    padding: 0.75rem 2rem 0.5rem 2rem;
    background-color:#ebeae7;
}
.pagettl-breadcrumb-gray a{
    transition: 0.3s;
}
.pagettl-breadcrumb-gray a:hover{
    color:#c40013;
    transition: 0.3s;
}
.page-ttl{
    padding: 14rem 0rem 13.5em 2rem;
    text-shadow: 2px 2px 4px rgb(0, 0, 0);
}
.page-ttl p:nth-child(1){
    font-size: 3.5rem;
    font-weight:bold;
    line-height: 3.75rem;
    letter-spacing: 0.1rem;
}
.page-ttl p:nth-child(2){
    font-size: 1.5rem;
    font-weight:bold;
    letter-spacing: 0.1rem;
}
.page-ttl-u{
    padding: 6rem 0rem 5em 2rem;
}
.page-ttl-u p:nth-child(1){
    font-size: 3.5rem;
    font-weight:bold;
    line-height: 3.75rem;
    letter-spacing: 0.1rem;
}
.page-ttl-u p:nth-child(2){
    font-size: 1.5rem;
    font-weight:bold;
    letter-spacing: 0.1rem;
}
@media screen and (max-width: 498px) {
    .pagettl-breadcrumb-red{
        font-size: 1rem;
        padding: 1.25rem 2rem 1rem 2rem;
    }
    .page-ttl{
        padding: 10rem 0rem 9.5rem 2rem;
    }
    .page-ttl p:nth-child(1){
        font-size: 2.5rem;
        line-height: 3.25rem;
    }
    .page-ttl p:nth-child(2){
        font-size: 1.5rem;
    }
    .page-ttl-u p:nth-child(1){
        font-size: 2.5rem;
        line-height: 3.25rem;
    }
    .page-ttl-u p:nth-child(2){
        font-size: 1.5rem;
    }
}
/*　--------------------　ページタイトル背景の設定　--------------------　*/
.bgextend{
    animation-name:bgextendAnimeBase;
    animation-duration:1s;
    animation-fill-mode:forwards;
    position: relative;
    overflow: hidden;/*　はみ出た色要素を隠す　*/
    opacity:0;
}
@keyframes bgextendAnimeBase{
    from {
        opacity:0;
    }
    to {
        opacity:1;  
    }
}
.bgappear{
    animation-name:bgextendAnimeSecond;
    animation-duration:1s;
    animation-delay: 0.6s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes bgextendAnimeSecond{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.bgLRextend::before{
    animation-name:bgLRextendAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;/*伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
    0% {
        transform-origin:left;
        transform:scaleX(0);
    }
    50% {
        transform-origin:left;
        transform:scaleX(1);
    }
    50.001% {
        transform-origin:right;
    }
    100% {
        transform-origin:right;
        transform:scaleX(0);
    }
}
.bgappearTrigger, .bgLRextendTrigger{
    opacity: 0;
}
/*　--------------------　背景画像パララックスの設定　--------------------　*/
@media screen and (max-width: 1150px) {
    .scrollBg-imgA, .scrollBg-imgB, .scrollBg-imgC{
        background-size: 120%!important;
    }
}
@media screen and (max-width: 1024px) {
    .scrollBg-imgA, .scrollBg-imgB, .scrollBg-imgC{
        background-size: 130%!important;
    }
}
@media screen and (max-width: 879px) {
    .scrollBg-imgA, .scrollBg-imgB, .scrollBg-imgC{
        background-size: 140%!important;
    }
}
@media screen and (max-width: 498px) {
    .scrollBg-imgC{
        background-size: 165%!important;
    }
    .scrollBg-img-hero{
        background-size: 170%!important;
    }
    .scrollBg-img-compliance{
        background-size: 160%!important;
    }
}

/*　--------------------　ニュースリストの設定　--------------------　*/
.newsLi li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #e5e5e5;
    padding: 1.3rem 0rem;
    width:100%;
}
.newsLi li:last-child{
    border:none;
}
.newsLi .newsLi-date{
    width:115px;
}
.newsLi .newsLi-category{
    text-align: center;
    font-size: 0.9rem;
    color: #ffffff;
    width: 100px;
    box-sizing: border-box;
    background-color: #c40013;
    padding: 0.25rem 0.25rem 0.2rem 0.25rem;
}
.newsLi .newsLi-tx{
    width: calc(100% - 215px - 1.2rem);
    margin-left: 1.5rem;
}
.newsLi a{
    color: #c40013;
    text-decoration: underline;
}
.newsLi a:hover{
    color: #bababa;
}
@media screen and (max-width: 498px) {
    .newsLi li{
        flex-flow: row wrap;
        padding: 1.3rem 0rem;
        width:100%;
    }
    .newsLi .newsLi-date{
        width: 90px;
        order:1;
        margin-left: 10px;
    }
    .newsLi .newsLi-category{
        margin-top: -0.15rem;
        width: 85px;
        order:0;
    }
    .newsLi .newsLi-tx{
        width:100%;
        margin-top: 0.75rem;
        margin-left: 0rem;
        order:2;
    }
}
/*　--------------------　企業情報IR情報ボトムガイドの設定　--------------------　*/
.cp-bottomGuide{
    padding: 8rem 0rem 2.5em 0rem;
}
.cp-bottomGuide .fs_btn{
    width:250px;
}
.cp-bottomGuide .fs_btn_text{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.cp-bottomGuide .fs_btn_text_main{
    font-weight: bold;
    letter-spacing: 0.1rem;
}
.cp-bottomGuide .fs_btn_text_sub{
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    margin-bottom: 1rem!important;
}
.cp-bottomGuide-item .fs_btn{
    position: relative;
    width: 100%;
    padding: 2rem 0rem;
    transition: 0.3s;
}
.cp-bottomGuide-item .fs_btn:after{
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    width: 0;
    height: 3px;
    background: #C40013;
    transition: 0.3s; }
.cp-bottomGuide-item .fs_btn:hover:after{
    width: 100%;
    z-index:1;
}
@media screen and (max-width: 498px) {
    .cp-bottomGuide-item .fs_btn{
        padding: 1.25rem 0rem;
    }
}

/*　--------------------　採用情報エントリーエリアの設定　--------------------　*/
.recruit-entryArea{
    background: -moz-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    position: relative;
    padding:6rem 0rem;
}
.recruit-entryBanner .inner{
    text-align: center;
    background-color:#ffffff;
}
.recruit-entryBanner a{
    display:block;
    opacity: 1;
    transition:0.6s;
}
.recruit-entryBanner a:hover{
    opacity: 0.8;
    transition:0.6s;
}
.recruit-entryBanner img{
    max-width:320px;
}
/*　--------------------　採用情報QAの設定　--------------------　*/
.recruitQA-sub-ttl{
    font-size: 1.4rem;
    color: #c40013;
    display: block;
    position: relative;
    padding-left: 2rem;
}
.recruitQA-sub-ttl:before {
    content: '';
    position: absolute;
    top: 48%;
    left:0;
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background-color: #c40013;
}
/*　==============================　よくある質問　==============================　*/
.recruitQA-list{
    margin: 0rem 2rem 0.5rem 2rem;
}
.recruitQA-list details{
    max-height:10rem;
    transition: all 0.3s;
    display: inline;
    width: 100%;
}
.recruitQA-list details:not[open]{
    max-height:10rem;
    transition: all 0.3s;
}
.recruitQA-list details:not[open] summary:before{
    transform: rotate(90deg);
    color:#ffffff;
    transition: all 0.3s;
}
.recruitQA-list details[open]{
    max-height:20rem;
    transition: all 1000ms;
}
.recruitQA-list details[open] summary{
    
}
.recruitQA-list summary{
    font-weight: bold;
    font-size: 1.1rem;
    color:#ffffff;
    letter-spacing: 0.05rem;
    padding: 1.75rem 0rem 1.75rem 2rem;
    background-color: #c40013;

    position: relative;
    display: block;
    padding-left: 20px;
    cursor: pointer;
}
.recruitQA-list summary::-webkit-details-marker {
    display:none;
}
.recruitQA-list summary:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f055";
    font-size:2.2rem;
    color:#ffffff;
    margin: auto;
    position: absolute;
    top: 20%;
    right: 2rem;
}
.recruitQA-list details[open] summary:before{
    transform: rotate(45deg);
    color:#ffffff;
    transition: all 0.3s;
}
.recruitQA-list details p{
    padding: 2rem 0rem 2rem 0rem;
    animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@media screen and (max-width: 498px) {
    .recruitQA-list summary{
        padding: 1.15rem 4.5rem 1rem 1rem;
    }
    .recruitQA-list summary:before {
        top: 6%;
        right: 1rem;
    }
}

/*　--------------------　採用情報ボトムガイドの設定　--------------------　*/
.recruit-bottomGuide{
    padding: 15rem 2rem 15em 2rem;
}
.recruit-bottomGuide .fs_btn{
    width: 100%;
    max-width:400px;
    padding: 1.5rem 0rem 1.3rem 2rem;
}
.recruit-bottomGuide .fs_btn_text{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.recruit-bottomGuide .fs_btn_text_main{
    font-weight: bold;
    letter-spacing: 0.1rem;
}
.recruit-bottomGuide .fs_btn_text_sub{
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    margin-bottom: 0.25rem!important;
}
@media screen and (max-width: 498px) {
    .recruit-bottomGuide{
        padding: 9rem 2rem 9em 2rem;
    }
    .recruit-bottomGuide .fs_btn{
        width:62%;
        padding: 1rem 0rem 0.9rem 2rem;
    }
    .recruit-bottomGuide .fs_btn_text_sub{
        font-size: 1.75rem;
        margin-bottom: -0.245rem!important;
    }
}
.recruit-u-bottomGuideA{
    padding: 14rem 2rem 0em 2rem;
}
.recruit-u-bottomGuideB{
    padding: 0rem 2rem 14em 2rem;
}
.recruit-u-bottomGuideA .fs_btn, .recruit-u-bottomGuideB .fs_btn{
    width: 100%;
    max-width:400px;
    padding: 1.5rem 0rem 1.3rem 2rem;
}
.recruit-u-bottomGuideA .fs_btn_text{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.recruit-u-bottomGuideA .fs_btn_text_main{
    font-weight: bold;
    letter-spacing: 0.1rem;
}
.recruit-u-bottomGuideA .fs_btn_text_sub{
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    margin-bottom: 0.25rem!important;
}
@media screen and (max-width: 498px) {
    .recruit-u-bottomGuideA{
        padding: 9rem 2rem 0em 2rem;
    }
    .recruit-u-bottomGuideB{
        padding: 0rem 2rem 9em 2rem;
    }
    .recruit-u-bottomGuideA .fs_btn, .recruit-u-bottomGuideB .fs_btn{
        width:62%;
        padding: 1rem 0rem 0.9rem 2rem;
    }
    .recruit-u-bottomGuideA .fs_btn_text_sub{
        font-size: 1.75rem;
        margin-bottom: -0.245rem!important;
    }
}
/*　--------------------　PDFの設定　--------------------　*/
.AdobeReader{
    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;
    margin-top: 4px!important;
}
.AdobeReader span:nth-child(1){
    width:100px;
}
.AdobeReader span:nth-child(2){
    width: calc(100% - 110px);
    margin-left: 10px;
}
@media screen and (max-width: 498px) {
    .AdobeReader span:nth-child(1){
        width:80px;
    }
    .AdobeReader span:nth-child(2){
        width: calc(100% - 90px);
    }
}
/*　==============================　ヘッダー部分　==============================　*/
/*　--------------------　ヘッダーロゴの設定　--------------------　*/
#topLogo img {max-width:260px;}
@media screen and (min-width: 1201px) {
    #topLogo {padding: 1.7rem 0rem 1.9rem 2rem;}
}
@media screen and (max-width: 1200px) {
    #topLogo {padding:1.7rem 0rem 1.8rem 2rem;}
}
@media screen and (max-width: 768px) {
    #topLogo {padding: 2.5rem 0rem 1rem 1.5rem;}
    #topLogo img {width:210px;}
}
@media screen and (max-width: 480px) {
    #topLogo {padding: 1.5rem 0rem 2.5vh 1.5rem; width: 75%;}
    #topLogo img {width:200px;}
}

.header-btnContact{}

/*　--------------------　PCナビの設定　--------------------　*/
.h-nav {padding: 0rem 0rem 0rem 0rem;}
.h-nav > #fsNavMenuList > .active_page > a{color:#222222!important; position: relative;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #222222;}
.h-nav a {position: relative; display: inline-block!important; padding: 2rem 2rem 2rem 0rem!important; transition: 0.3s; }
.h-nav .fsNavMenuList > li > a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background: #C40013; transition: 0.3s; }
.h-nav .fsNavMenuList > li >  a:hover::after {width: 100%;}
.h-nav a::after {position: absolute; bottom: 0rem; left: 10%; content: ''; width: 0; height: 3px; background: #C40013; transition: 0.3s; }
.h-nav a:hover::after {width: 80%;}
.h-nav .fsNavMenuList li{font-size:1rem!important;}
.h-nav .fsNavMenuList > li:nth-child(1){display:none;}
.h-nav .fsNavMenuList > li:nth-child(8) .sub_list{width: auto; word-break: keep-all; right: 0rem;}
.h-nav .fsNavMenuList > li:nth-child(9){display:none;}
.h-nav .fsNavMenuList > li:nth-child(10){display:none;}
.h-nav .fsNavMenuList > li:nth-child(11){display:none;}
.h-nav .fsNavMenuList > li .sub_title {letter-spacing: 0.2rem;}
.h-nav .sub_list{text-align: left; padding: 1rem 0rem 1rem 0rem!important; background-color: rgba(255, 255, 255, 0.85);}
.h-nav .sub_list a{padding: 1.4rem 2rem 1.4rem 2rem!important; width: 100%; box-sizing: border-box;}
@media screen and (min-width: 498px) {
    .h-nav .sub_title{display:none;}
}
@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: 768px) {
    .h-nav a{padding: 2.25rem 1.5rem 2.25rem 0rem !important;}
    /*.h-nav .fsNavMenuList li:nth-child(1){display:none;}*/
}

/*　--------------------　Fatナビの設定　--------------------　*/
.fat-nav{background: rgba(196, 0, 19, 0.98);}

.fat-nav ul li:nth-child(9){display:none;}
.fat-nav ul li:nth-child(10){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 a{border-bottom:0px solid #fff !important;}
.fat-nav .sub_title{font-size:1.2rem;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #222222;}

/*　--------------------　Fatnaviフィックスの設定　--------------------　*/
#topfix-A {position: absolute; z-index: 50; top:15px; right:15px;}
#topfix-B {position: absolute; z-index: 10; top:50px; right:18.5px;}

/*　==============================　フッター部分　==============================　*/
.f-link a, .f-link a:visited{color: #ffffff;  transition:0.6s;}
.f-link a:active, .f-link a:hover{color: #C40013;  transition:0.6s;}
#footer-3Parent{background-color:#ffffff;}
.footer-pm{max-width: 320px; padding: 0.75rem 2rem;}
.f-link-sp{margin:1rem 2rem 1rem 2rem;}
@media screen and (max-width: 498px) {
    .footer-pm{max-width: 240px; padding: 0rem 2rem 2rem 2rem; margin: -1.5rem auto 0rem auto;}
    .f-link-sp{margin:1rem 1rem 0rem 1rem;}
}

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

/*　--------------------　フッターロゴの設定　--------------------　*/
#footerLogo{padding: 4.5rem 2rem 1rem 2rem;}
@media screen and (min-width: 1201px) {
    #footerLogo img {max-width:270px;}
}
@media screen and (max-width: 1200px) {
    #footerLogo img {max-width:210px;}
}
@media screen and (max-width: 498px) {
    #footerLogo {padding: 3.5rem 2rem 1rem 2rem;}
    #footerLogo img {max-width:190px;}
}
/*　--------------------　サイトマップの設定　--------------------　*/
.footer-tb{margin:0rem 2rem 5rem 2rem;}
.footer-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%;}
.footer-tb li{width: 25%; box-sizing: border-box; margin-bottom: 2rem;}
.footer-tb dl{padding-top:0.75rem;}
.footer-tb a{padding: 0.25rem 0.25rem 0.25rem 0rem;}
.footer-tb dt{font-weight:bold; font-size:0.95rem; margin-bottom:0.85rem;}
.footer-tb dd{font-size:0.95rem; margin-left: 0.1rem; padding: 0.5rem 0rem 0.2rem 1.5rem; border-left: 1px solid #8f8f8f;}
.footer-tb dd:nth-child(2){padding-top:0.2rem!important;}
.footer-tb dd:last-child{margin-bottom:0rem!important;}
@media screen and (max-width: 498px) {
    .footer-tb li{width: 50%;}
    .footer-tb li:nth-child(1){order:0;}
    .footer-tb li:nth-child(2){order:2;}
    .footer-tb li:nth-child(3){order:3;}
    .footer-tb li:nth-child(4){order:1;}
}
@media screen and (max-width: 498px) {
    .footer-tb{margin:0rem 2rem 5rem 2rem;}
    .footer-tb dt{font-size:1rem;}
    .footer-tb dd{font-size:1rem;}
}

/*　==============================　文字　==============================　*/
.bold {font-weight: bold;}
.italic {font-style: italic;}
.space-05{letter-spacing: 0.05rem;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.2rem;}
.space-4{letter-spacing: 0.4rem;}
.br-sp{display:none;}
.br-tbw{display:none;}
.br-sp-r{display:inline;}
.br-tb{display:block;}
@media screen and (max-width: 1024px) { 
    .br-tbw{display:block; line-height:0rem;}
}
@media screen and (max-width: 768px) { 
    .br-tb{display:none;}
    .tx-left-tb{text-align: justify!important;}
}
@media screen and (max-width: 480px) { 
    .tx-center{text-align: center!important;}
    .tx-left{text-align: justify!important;}
    .tx-right{text-align: right!important;}
    .br-sp{display:block; line-height:0rem;}
    .br-sp-r{display:none;}
}

/*　==============================　色　==============================　*/
.rgba-white{background-color:rgba(255,255,255,0.8);}
.rgba-red{background-color:rgba(196,0,19,0.75);}
.rgba-black{background-color:rgba(0,0,0,0.75);}
.rgba-red-gr{
    background: -moz-linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(-140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    position: relative;
}
.rgba-red-grR{
    background: -moz-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: -webkit-linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    background: linear-gradient(140deg, rgba(236,33,58,1), rgba(146,41,30,1));
    position: relative;
}

/*　--------------------　背景ポリゴン（JSと合わせて）の設定　--------------------　*/
#particlesA{
  width: 100%;
  height: 100%;
  position: relative;
}
#particlesA > div{
    position: relative;
    z-index: 1;
}
#particlesA canvas{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode *{margin-top:0rem!important;}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
    a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
    .tel-splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
    .sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 497px){
    .sp-br br {display:none;}
}
/*　———　タブレット縦時改行なし　———　*/
@media screen and (max-width: 1024px){
    .tbW-br-none 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) {
    .tbW-bg-scroll{background-attachment: scroll!important; }
}
/*　タブレット横時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 1024px) {
    .tbW-bg-none{background-image: none!important; }
}
/*　スマホ時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 480px) {
    .sp-bg-none{background-image: none!important; }
}

/*　--------------------　その他　--------------------　*/
a {text-decoration:none;}
h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}
.hover-opacity{opacity: 1; transition:0.6s;}
.hover-opacity:hover{opacity: 0.8; transition:0.6s;}
.hover-opacity-svg img{opacity:1; transition:0.6s;}
.hover-opacity-svg img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-img {opacity:1; transition:0.6s;}
.hover-opacity-img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-mul img{opacity: 1; transition:0.6s;}
.hover-opacity-mul img:hover{opacity: 0.8; transition:0.6s;}
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　ページャー　--------------------　*/
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{background-color: #424242; color: #ffffff!important; padding: 0.5rem 1rem; display: inline-block;}
#pagination .currentPage  strong{background-color: #37A6C9!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: #424242; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block;}

/*　============　テキスト関連　============　*/
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.01rem;}
@media screen and (max-width: 480px) {
html{font-size:0.8rem;}
}

/*　\\\\\　Googleフォント　\\\\\　*/
.eiji {font-family: 'Questrial', 'Noto Sans Japanese', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

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


/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}