@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 */
/*　==============================　トップページ　==============================　*/
.top-main-catchCopy{margin:25vh 2rem 15vh 2rem;}
.top-main-catchCopy img{max-width:500px;}
.top-message-bg{}
.top-messageArea{padding:10rem 2rem 25rem 2rem;}
.top-message-ttl{font-weight:bold; font-size:3rem; letter-spacing:0.4rem; padding-bottom:1rem;}
.top-ranking img{max-width:260px;}
.top-contentUp{position: relative; margin-top: -5rem!important;}
.top-contentUp2{position: relative; margin-top: -15rem!important;}

.top-companyBtn-img .fs_btn{padding: 16rem 2rem 2rem 1.5em; transition: all 0.3s;}
.top-companyBtn-img .fs_btn .fs_btn_text{transition: all 0.3s;}
.top-companyBtn-img .fs_btn:hover{background-color:rgba(255,255,255,0.1); transition: all 0.3s;}
.top-companyBtn-img .fs_btn:hover .fs_btn_text{opacity:1; transition: all 0.3s;}
.top-companyBtn-img .fs_btn_text_main{font-size: 1.75rem;}
.top-companyBtn-img .fs_btn_text_sub{font-size: 1rem;}
.top-companyBtn-deco{margin: -10px 2rem 0rem 2rem; border-bottom: 10px solid #CB0012; width: 100px; height: 0rem;}

.top-personBtn img{max-width:350px; padding: 20rem 2rem 4rem 2rem; box-sizing: border-box;}
.top-personBtn a:first-child{display: block; transition: all 0.3s;}
.top-personBtn a:hover{background-color:rgba(255,255,255,0.1); transition: all 0.3s;}

@media screen and (max-width: 768px) {
.top-main-catchCopy img{max-width:75%;}
}
@media screen and (max-width: 498px) {
.top-main-catchCopy img{max-width:85%;}
.top-main-catchCopy{margin:28vh 2rem 10vh 2rem;}
.top-messageArea{padding:8rem 2rem 30rem 2rem;}
.top-ranking{margin-bottom:1rem;}
.top-ranking img{max-width:160px;}
.top-personBtn a:first-child{display: none;}
.top-contentUp{padding: 0rem 2rem 9.5rem 2rem!important;}
.top-contentUp2{position: relative; margin-top: -3rem!important;}
.top-personBtn img{padding: 14rem 6rem 0rem 6rem;}
.top-personBtn { background-position: bottom!important;}
}
/*　--------------------　みやもと通信　--------------------　*/
.top-ticker-wrapper{margin:0rem 2rem 0rem 2rem; background-color:#ffffff;}
.top-ticker .ticker{padding:1.5rem 2rem 0rem 2rem!important;}
.top-ticker .ticker ul li span{color:#4491E6; margin-right: 10px!important;}
.top-ticker a{color:#4491E6;}

.top-contentTtl-news{padding:5rem 2rem 3rem 2rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
.top-contentTtl-news img{max-height: 40px; max-width: 300px;}
.topNews-pg button{display:none!important;}
.topNews-pg .slick-list{padding: 0rem 1rem 2rem 1rem!important;}
.topNews-pg .description{display:none;}
.topNews-pg .slick-slide div.contentsslider_footer{padding: 1.2rem 1rem 1.5rem 1rem!important;}

.topNews-pg .post-time { color:#2A4FA9; font-size:0.9rem; padding-bottom:0.2rem;}
.topNews-pg .slick-slide {border: 2px solid #cb0012;}

.topNews-pg .slick-slide a h3 {
    font-weight: 600;
    color:#2A4FA9;
}

@media screen and (max-width: 498px) {
.top-contentTtl-news img{max-height: 34px; max-width: 300px;}
.top-ticker .ticker{padding:1.5rem 2rem!important;}
.top-ticker-wrapper{margin:0rem 0rem 0rem 0rem; }
}

/*　==============================　メッセージ　==============================　*/
.message-top-copy{margin:5rem 0rem 30rem 3.5rem;}
.message-top-copy img{max-width:270px;}
.message-contentWrapper{max-width: 1500px; margin:0 auto;}
.message-sectionBg-blue{background: -moz-linear-gradient(90deg, rgba(42,79,169,0) 5%, rgba(42,79,169,1) 5%, rgba(42,79,169,1) 95%, rgba(42,79,169,0) 95%, rgba(42,79,169,0)); background: -webkit-linear-gradient(90deg, rgba(42,79,169,0) 5%, rgba(42,79,169,1) 5%, rgba(42,79,169,1) 95%, rgba(42,79,169,0) 95%, rgba(42,79,169,0)); background: linear-gradient(90deg, rgba(42,79,169,0) 5%, rgba(42,79,169,1) 5%, rgba(42,79,169,1) 95%, rgba(42,79,169,0) 95%, rgba(42,79,169,0));}
.message-sectionBg-white{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0)); background: linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0));}
.message-main-catch{position: relative; z-index: 1;}
.message-main-syacyo{margin:-497px  20% 0 2rem;}
.message-main-syacyo img{max-width:380px;}
.message-sub-syacyo{margin:0rem 2rem 0rem 2rem; padding-top:28rem;}
.message-contentBox-syacyo{margin-top:-20rem;}
.message-person-senmu{margin:-484px 0 0 10%;}
.message-person-senmu img{max-width:540px;}

@media screen and (max-width: 1200px) {
.message-sectionBg-blue{background: -moz-linear-gradient(90deg, rgba(42,79,169,0) 2.5%, rgba(42,79,169,1) 2.5%, rgba(42,79,169,1) 97.5%, rgba(42,79,169,0) 97.5%, rgba(42,79,169,0)); background: -webkit-linear-gradient(90deg, rgba(42,79,169,0) 2.5%, rgba(42,79,169,1) 2.5%, rgba(42,79,169,1) 97.5%, rgba(42,79,169,0) 97.5%, rgba(42,79,169,0)); background: linear-gradient(90deg, rgba(42,79,169,0) 2.5%, rgba(42,79,169,1) 2.5%, rgba(42,79,169,1) 97.5%, rgba(42,79,169,0) 97.5%, rgba(42,79,169,0));}
.message-sectionBg-white{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 2.5%, rgba(255,255,255,1) 2.5%, rgba(255,255,255,1) 97.5%, rgba(255,255,255,0) 97.5%, rgba(255,255,255,0)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 2.5%, rgba(255,255,255,1) 2.5%, rgba(255,255,255,1) 97.5%, rgba(255,255,255,0) 97.5%, rgba(255,255,255,0)); background: linear-gradient(90deg, rgba(255,255,255,0) 2.5%, rgba(255,255,255,1) 2.5%, rgba(255,255,255,1) 97.5%, rgba(255,255,255,0) 97.5%, rgba(255,255,255,0));}
.message-person-senmu{margin:-484px 0 0 0;}
}

@media screen and (max-width: 1024px) {
.message-main-syacyo{margin:-405px  18% 0 2rem;}
.message-main-syacyo img{max-width:310px;}
.message-person-senmu{margin:-430px 0 0 -1rem;}
.message-person-senmu img{max-width:480px;}
}

@media screen and (max-width: 768px) {
.message-main-syacyo{margin:-392px  12% 0 2rem;}
.message-main-syacyo img{max-width:300px;}
}
@media screen and (max-width: 498px) {
.message-top-copy img{max-width:65%;}
.message-sectionBg-blue{position: relative; z-index: 0; background: -moz-linear-gradient(90deg, rgba(42,79,169,0) 5%, rgba(42,79,169,1) 5%, rgba(42,79,169,1) 95%, rgba(42,79,169,0) 95%, rgba(42,79,169,0)); background: -webkit-linear-gradient(90deg, rgba(42,79,169,0) 5%, rgba(42,79,169,1) 5%, rgba(42,79,169,1) 95%, rgba(42,79,169,0) 95%, rgba(42,79,169,0)); background: linear-gradient(90deg, rgba(42,79,169,0) 5%, rgba(42,79,169,1) 5%, rgba(42,79,169,1) 95%, rgba(42,79,169,0) 95%, rgba(42,79,169,0));}
.message-sectionBg-white{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0)); background: linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0));}
.message-main-syacyo{margin:2rem 6rem -55px 0;}
.message-main-syacyo img{max-width:280px;}
.message-sub-syacyo{margin:0rem 0rem 3rem 0rem; padding-top:22rem;}
.message-person-senmu{margin:-3rem 2rem 2rem 4rem;}
.message-contentBox-syacyo{margin-top:0rem;}
.message-person-senmu{margin:3rem 2rem -198px 0;}
.message-person-senmu img{max-width:300px;}
}

/*　==============================　企業紹介　==============================　*/
/*　--------------------　経営理念　--------------------　*/
.about-philosophy{margin:6rem 2rem 2rem 2rem;}
.about-philosophy tr{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row-reverse nowrap; justify-content: flex-start; align-items: stretch; align-content: center; width: 100%;}
.about-philosophy td{font-size: 1.5rem; letter-spacing: 0.05rem; padding: 1.5rem 0rem;}
.about-philosophy th{position: relative; padding-left:3rem;}
.about-philosophy th:before{content: ''; position: absolute; top: 15%; left:-3.5rem; display: inline-block; width: 150px; height: 2px; background-color: rgba(255,255,255,1); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (max-width: 498px) {
.about-philosophy table{width:100%;}
.about-philosophy th:before{top: 25%;}
.about-philosophy tr{justify-content: flex-end;}
.about-philosophy td{width: calc(100% - 0px); font-size: 1.1rem; }
.about-philosophy th{width: 80px;}
}
/*　--------------------　経営方針　--------------------　*/
.about-policy{margin:0rem 2rem 4rem 12.5rem;}
.about-policy tr{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row-reverse nowrap; justify-content: flex-start; align-items: stretch; align-content: center; width: 100%; position: relative;}
.about-policy td{line-height: 2rem; padding: 1.35rem 0rem;}
.about-policy th{position: relative; padding-left:4rem;}
.about-policy th:before{content: ''; position: absolute; top: 25%; left:-1.5rem; display: inline-block; width: 150px; height: 2px; background-color: rgba(255,255,255,1); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media screen and (max-width: 498px) {
.about-policy{margin:0rem 2rem 4rem 2rem;}
.about-policy table{width:100%;}
.about-policy tr{justify-content: flex-end;}
.about-policy td{width: calc(100% - 0px);}
.about-policy th{width: 80px;}
}

.about-subTtl-decoL{margin: 0rem 2rem; border-bottom: 10px solid #CB0012; width: 100px; height: 0rem;}
.about-halfBg{background: -moz-linear-gradient(90deg, rgba(68,145,230,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1)); background: -webkit-linear-gradient(90deg, rgba(68,145,230,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1)); background: linear-gradient(90deg, rgba(68,145,230,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1));}

/*　--------------------　会社概要テーブル　--------------------　*/
.outline-tb{padding:0rem 2rem 3rem 2rem;}
.outline-tb ul{width:100%; border-top:1px solid #cccccc;}
.outline-tb ul li{width:100%; border-bottom:1px solid #cccccc;}
.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{background-color:#F2F2F4; width:357px; padding:1.5rem 1rem; box-sizing: border-box; text-align: center;}
.outline-tb dl dd{width:calc(100% - 357px); padding:1.5rem 0rem 1.5rem 2rem; 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; width:100%; padding:1rem 1.5rem;}
.outline-tb dl dd{width:100%; padding:1.5rem 0rem 1.5rem 1.5rem;}
}

/*　==============================　事業紹介　==============================　*/
.business-main-catchCopy{margin:0rem 2rem 4em 2rem;}
.business-main-catchCopy img{max-width:500px;}
.business-main-catchRead{max-width:500px; margin:0rem auto 0em auto; padding:0rem 2rem 4rem 2rem;}
.businessContennts-section{margin-right:2rem; margin-left:2rem; box-sizing: border-box; border-top: 10px solid #2A4FA9; border-right: 10px solid #2A4FA9; background-color: #ffffff;}
.businessContennts-inner{margin-right:2rem; margin-left:2rem;}
.business-mainImg-L{position: relative; z-index: 1; left: -40%; width: calc(100% + 40%); margin-top: -38.5rem; margin-bottom: 3rem; padding-top: 39rem;}
.business-mainImg-R{position: relative; z-index: 1; width: calc(100% + 40%); margin-top: -35.5rem; margin-bottom: 3rem; padding-top: 39rem;}
.business-mainImg-Miyacoco{position: relative; z-index: 1; left: -40%; width: calc(100% + 40%); margin-top: -40.5rem; margin-bottom: 4rem; padding-top: 39rem;}
.business-subTtl-deco{margin: -10px auto 0rem auto; border-bottom: 10px solid #CB0012; width: 80px; height: 0rem;}
.business-subCopy{margin:1rem 2rem 3em 2rem;}
.business-subCopy img{max-width:360px;}
.business-subMiyacoco{margin:3rem 2rem 2.5em 2rem;}
.business-subMiyacoco img{max-width:280px;}
@media screen and (max-width: 1600px) {
.business-mainImg-L{left: -2rem; width: calc(100% + 2rem);}
.business-mainImg-R{width: calc(100% + 2rem);}
.business-mainImg-Miyacoco{left: -2rem; width: calc(100% + 2rem);}
}
@media screen and (max-width: 1200px) {
.business-main-catchCopy img{max-width:70%;}
.business-subCopy img{max-width:70%;}
.business-subMiyacoco img{max-width:70%;}
}
@media screen and (max-width: 768px) {
.business-main-catchCopy img{max-width:70%;}
.business-subCopy img{max-width:70%;}
.business-subMiyacoco img{max-width:70%;}
}
@media screen and (max-width: 498px) {
.business-main-catchCopy img{max-width:65%;}
.business-subCopy img{max-width:65%;}
.business-subMiyacoco img{max-width:65%;}
.business-mainImg-L{left: 0rem; width: 100%; margin-top: 0rem; margin-bottom: 3rem; padding-top: 22rem;}
.business-mainImg-R{width: 100%; margin-top: 0rem; margin-bottom: 3rem; padding-top: 22rem;}
.business-mainImg-Miyacoco{left: 0rem; width: 100%; margin-top: 0rem; margin-bottom: 0rem; padding-top: 22rem;}
.bus_tittle { padding:0 0 1.5rem 0 !important; }
.businessContennts-section{margin-right:1rem; margin-left:1rem;}
}

/*　--------------------　主な施工内容　--------------------　*/
.business-workList {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;}
.business-workList li {display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-self: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-around; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1rem 3px; margin: 0rem 2px 4px 2px; width: calc(20% - 4px); background-color: #f2f2f4;}
@media screen and (max-width: 768px) {
.business-workList li{width: calc(50% - 4px); margin: 0rem 2px 4px 2px; padding: 0.8rem 0;}
}

/*　==============================　社員紹介　==============================　*/
/*　--------------------　上部社員紹介情報ボタン　--------------------　*/
.interviewTop-btn{top: 9.5em!important;}
.staffTop-btn{position: absolute; z-index: 40; top: -1rem; left: 3rem; border-bottom: solid 5px #4491E6!important; border-right: solid 5px #4491E6!important; letter-spacing: 0.1rem;}
.staffTop-btn:before {content: " "; position: absolute; z-index: 1; bottom: -5px; left: 0px; width: 0; height: 0; border-width: 0 10px 10px 0px!important; border-style: solid!important; border-color: transparent!important; border-bottom-color: #2A4FA9!important;}
.staffTop-btn:after {content: " "; position: absolute; z-index: 1; top: 0px; right: -5px; width: 0; height: 0; border-width: 0px 10px 10px 0px!important; border-style: solid!important; border-color: #2A4FA9!important; border-bottom-color: transparent!important;}
.staffTop-btn .b_box{border: 5px solid #ffffff;}
.staffTop-btn a{width: 250px; padding: 0rem; display: inline-block; position: relative; border-bottom: solid 5px #ffffff!important; border-right: solid 5px #ffffff!important;}
.staffTop-btn a:before {content: " "; position: absolute; z-index: 0; bottom: -12px; left: -2px; width: 0; height: 0; border-width: 4px 6px 4px 2px!important; border-style: solid!important; border-color: #4491E6!important; transform: skewX(45deg);}
.staffTop-btn a:after {content: " "; position: absolute; z-index: 0; top: 0px; right: -14px; width: 0; height: 0; border-width: 4px 6px 4px 2px!important; border-style: solid!important; border-color: #4491E6!important; transform: rotate(-90deg) scale(-1, 1) skewX(45deg);}
.staffTop-btn .fs_btn_text{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; width:100%;}
.staffTop-btn .fs_btn_text_main{font-size: 1.1rem; font-weight: bold; width:48%;}
.staffTop-btn .fs_btn_text_sub{font-size: 0.9rem; color: #ffffff; width:48%; background-color: #4491E6;}
@media screen and (max-width: 498px) {
.interviewTop-btn{top: 7em!important;}
.staffTop-btn{top: 0rem; left: 1.5rem;}
.staffTop-btn a{width: 165px; padding: 0rem 0.5rem;}
}

.person-pg #archiveBoxesC3 .archiveEachBox {
    margin-right: 2%;
    width: 32%;
}
.person-pg #archiveBoxesC3 .archiveEachBox:nth-child(3n) {
    margin-right: 0%;
}
@media screen and (max-width: 480px) {
.person-pg #archiveBoxesC3 .archiveEachBox {
    width: 100%;
    margin: 0 0 4rem 0;
}}

.person-main-catchCopy{margin:0rem 2rem 4em 2rem;}
.person-main-catchCopy img{max-width:330px;}
.person-main-catchRead{max-width:650px; margin:0rem auto 0em auto; padding:0rem 2rem 5rem 2rem;}
.person-subTtl{padding:8rem 2rem 4rem 2rem;}
.person-subTtl p:nth-child(1){font-size:2rem; letter-spacing: 0.5rem; margin-bottom: 0.5rem;}
.person-pgBg{background-color: rgba(42,79,169,1);}
.person-pg{position: relative; z-index: 1; margin-top:-6rem;}
.person-pg #archiveBoxesC2 .archiveEachBox{background-color:#2a4fa9;}
.person-pg .archiveEachBox .eachArticle a:hover{border-top:8px solid #cb0012; transition:0.3s;}
.person-pg .post-time, .person-pg .post-title, .person-pg .description{display:none;}

.person-crosstalk-box{padding:1rem  0rem 1rem 1rem;}
.person-crosstalk-ttl{padding:3.5rem 2rem 2rem 2rem;}
.person-crosstalk-ttl img{max-width:300px;}
.person-crosstalk-Img{margin:0rem;}
.person-crosstalk-Img .fs_btn{text-align: right!important; padding: 10rem 2rem 10rem 1rem; transition: all 0.3s;}
.person-crosstalk-Img .fs_btn .fs_btn_text{opacity:0; transition: all 0.3s;}
.person-crosstalk-Img .fs_btn:hover{background-color:rgba(0,0,0,0.75); transition: all 0.3s;}
.person-crosstalk-Img .fs_btn:hover .fs_btn_text{opacity:1; transition: all 0.3s;}
.person-crosstalk-Img .fs_btn_text_main{font-size: 1.75rem;}
.person-crosstalk-Img .fs_btn_text_sub{font-size: 1rem;}
@media screen and (max-width: 1200px) {
.person-main-catchCopy img{max-width:70%;}
}
@media screen and (max-width: 768px) {
.person-main-catchCopy img{max-width:70%;}
}
@media screen and (max-width: 498px) {
.person-main-catchCopy img{max-width:65%;}
.person-pg{margin-top: -8rem;}
.person-pgBg{background: -moz-linear-gradient(0deg, rgba(42,79,169,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)); background: -webkit-linear-gradient(0deg, rgba(42,79,169,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)); background: linear-gradient(0deg, rgba(42,79,169,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1));}
.person-pg #archiveBoxesC2{/*margin-top: -8rem; position: relative;*/}
.person-pg #archiveBoxesC2 .archiveEachBox{margin: 0rem 0rem 1.5rem 0rem!important;}
.person-crosstalk-box{padding:0rem;}
}

/*　==============================　個人インタビュー　==============================　*/
.interview-topMain{position: relative; z-index: 0; margin: 0rem 2rem 0rem 2rem; padding-top:45rem;}
.interview-topContainer{max-width: 600px; margin: 0rem 0rem 0rem auto;}
.interview-topContainer-up{margin-top: -34rem;}
.interview-topContainer-gray{background: -moz-linear-gradient(90deg, rgba(150,161,167,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(150,161,167,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(150,161,167,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1));}
.interview-topCopy{font-size: 2rem; letter-spacing: 0.1rem; padding: 0rem 2rem 3rem 2rem;}
.interview-pagettl{margin:10rem 4rem 0rem 0rem; position: relative; z-index: 1;}
.interview-pagettl img{max-width:280px;}
.interview-subImg1{margin:-28rem 2rem -28em 0rem; padding-top: 40rem;}
.interview-subArea2{margin-top: 5rem; background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 48%, rgba(255,255,255,1) 48%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(242,242,242,1) 48%, rgba(255,255,255,1) 48%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(242,242,242,1) 48%, rgba(255,255,255,1) 48%, rgba(255,255,255,1));}
.interview-subImg2{max-width: 1510px; margin:-3rem 0rem 0em auto; padding-top: 40rem;}
.interview-subImg3{margin:3rem 0rem 0em 2rem; padding-top: 33rem;}
.interview-subArea3{margin-top: -28rem;}
.interview-subArea4{background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(242,242,242,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(242,242,242,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1));}
.interview-subImg4{margin:2rem 2rem -1px 0rem; padding-top: 33rem;}
.interview-subArea4-box{margin-top: -35rem;}

@media screen and (max-width: 498px) {
.interview-topMain{margin: 5rem 0rem 0rem 4rem; padding-top:32rem;}
.interview-topContainer-up{margin-top: 4rem;}
.interview-subImg1{margin:0rem 2rem 5em 0rem; padding-top: 20rem;}
.interview-subArea2{margin-top: 0rem; background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(242,242,242,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(242,242,242,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1));}
.interview-subImg2{margin:0rem 2rem 0em 0rem; padding-top: 22rem;}
.interview-subImg3{margin:3rem 0rem 0em 2rem; padding-top: 22rem;}
.interview-subArea3{margin-top: 0rem;}
.interview-subArea4{background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(242,242,242,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(242,242,242,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1));}
.interview-subImg4{margin:0 0 -2rem 0; padding-top: 28rem;}
.interview-subArea4-box{margin-top: 0rem;}
}

/*　==============================　グループ対談　==============================　*/
.crosstalk-pageTtl-space{padding: 16rem 0rem;}
.crosstalk-pagettl{margin:0rem 4rem 0rem 2rem;}
.crosstalk-pagettl img{max-width:380px;}
.crosstalk-menberInner{max-width:800px; margin:0rem 0rem 0rem 1rem;}
.crosstalk-contentWrapper{max-width: 1500px; margin:0 auto;}
.crosstalk-subTtl-decoL{margin: 0rem 2rem; border-bottom: 10px solid #CB0012; width: 100px; height: 0rem;}
.crosstalk-contentBoxR{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 37%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 37%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 37%, rgba(255,255,255,1));}
.crosstalk-contentBoxL{background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 63%, rgba(255,255,255,0)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 63%, rgba(255,255,255,0)); background: linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 63%, rgba(255,255,255,0)); position: relative; z-index: 0; margin-top: -21.25rem;}
.crosstalk-contentBox-imgR{margin:-1rem 2rem 0rem 2rem; padding-top:27rem; position: relative; z-index: 1;}
.crosstalk-contentBox-imgL{margin:-5rem 2rem 0rem 2rem; padding-top:27rem;}
.crosstalk-bottomImg{margin:0rem 2rem 0rem 2rem; padding-top:37rem;}

.crosstalk-next-pagettl{margin:2.5rem 1rem 3rem 1rem;}
.crosstalk-next-pagettl img{max-width:300px;}
.crosstalk-next-pageImg{margin:0rem 1rem 0rem 1rem;}
.crosstalk-next-pageImg .fs_btn{text-align: right!important; padding: 9rem 2rem 9rem 1rem; transition: all 0.3s;}
.crosstalk-next-pageImg .fs_btn .fs_btn_text{opacity:0; transition: all 0.3s;}
.crosstalk-next-pageImg .fs_btn:hover{background-color:rgba(0,0,0,0.75); transition: all 0.3s;}
.crosstalk-next-pageImg .fs_btn:hover .fs_btn_text{opacity:1; transition: all 0.3s;}
.crosstalk-next-pageImg .fs_btn_text_main{font-size: 1.75rem;}
.crosstalk-next-pageImg .fs_btn_text_sub{font-size: 1rem;}


@media screen and (max-width: 1520px) {
}
@media screen and (max-width: 1200px) {
.crosstalk-pagettl img{max-width:70%;}
}
@media screen and (max-width: 768px) {
.crosstalk-pagettl img{max-width:70%;}
}
@media screen and (max-width: 498px) {
.crosstalk-pagettl {text-align: justify!important; margin: -2rem 2rem 0rem 2rem;}
.crosstalk-pagettl img{max-width:75%;}
.crosstalk-menberInner{margin:0rem 0rem 0rem 0rem;}
.crosstalk-contentBoxR{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 6%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 6%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 6%, rgba(255,255,255,1));}
.crosstalk-contentBoxL{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 6%, rgba(255,255,255,1)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 6%, rgba(255,255,255,1)); background: linear-gradient(90deg, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 6%, rgba(255,255,255,1)); margin-top: 0rem;}
.crosstalk-bottomImg{margin:0rem 0rem 0rem 0rem; padding-top:27rem;}
}
/*　--------------------　グループ対談のお話　--------------------　*/
.crosstalk-talkTb{padding:5rem 2rem 5rem 2rem;}
.crosstalk-talkTb ul{width:100%;}
.crosstalk-talkTb ul li{width:100%; margin-bottom:2.5rem;}
.crosstalk-talkTb ul li:last-child{margin-bottom:0rem;}
.crosstalk-talkTb 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%;}
.crosstalk-talkTb dl dt{font-size:0.9rem; color:#2a4fa9; width:60px; padding:0rem 0rem 0.5rem 0rem; box-sizing: border-box; font-weight:bold; letter-spacing;0.2rem:}
.crosstalk-talkTb dl dd{width:calc(100% - 60px); padding:0rem 0rem 0rem 1rem; box-sizing: border-box;}
@media screen and (max-width: 1211px) {

}
@media screen and (max-width: 498px) {
.crosstalk-talkTb{padding:3rem 2rem 5rem 4rem;}
.crosstalk-talkTb dl{flex-flow: column wrap;}
.crosstalk-talkTb dl dt{ text-align: justify; width:100%;}
.crosstalk-talkTb dl dd{width:100%; padding:0rem 0rem 0rem 0rem;}
.crosstalk-contentBox-imgL , .crosstalk-contentBox-imgR {margin:0rem 0rem 0rem 2rem; padding-top:20rem;}
}


/*　==============================　制度･環境　==============================　*/
.culture-catch{}
.culture-mainImg{position: relative; z-index: 1; width: calc(100% + 40%); margin-top: -5.5rem; padding-top: 30rem;}
@media screen and (max-width: 1600px) {
.culture-mainImg{width: 100%;}
}
@media screen and (max-width: 498px) {
.culture-mainImg{margin-top: 0em; padding-top: 22rem;}
}

.culure-pickupPicture{position: relative;z-index: 2; max-width: 900px; margin: -1.5rem auto 5rem auto;}
.culure-pickupPicture ul{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%; box-sizing: border-box; padding:0rem 2rem;}
.culure-pickupPicture li:nth-child(odd){font-size:1.4rem; font-weight:bold; letter-spacing:0.15rem; color:#ffffff; background-color:#2A4FA9; width:calc(33.33% - 40px); padding:2.35rem 0.5rem 2rem 0.5rem;}
.culure-pickupPicture li:nth-child(even){font-size:1.8rem; font-weight:bold; color:#2A4FA9; width:40px; padding:2rem 0.5rem 1.5rem 0.5rem;}
@media screen and (max-width: 498px) {
.culure-pickupPicture{margin: -1.5rem auto 1.5rem auto;}
.culure-pickupPicture ul{padding:0rem;}
.culure-pickupPicture li:nth-child(odd){width:calc(33.33% - 20px); padding:1.35rem 0.5rem 1rem 0.5rem;}
.culure-pickupPicture li:nth-child(even){width:20px; padding: 1rem 0.5rem 0.5rem 0.5rem;}
}

.culture-trainingTb{margin:0rem 2rem 2rem 2rem;}
.culture-trainingTb ul{width:100%;}
.culture-trainingTb ul li{width:100%; border-top:1px solid #cccccc;}
.culture-trainingTb 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%;}
.culture-trainingTb dl dt{font-size:1.1rem; font-weight:bold; color:#2A4FA9; width:180px; padding:1.75rem 0rem; box-sizing: border-box;}
.culture-trainingTb dl dd{width:calc(100% - 180px); padding:1.75rem 0rem 1.75rem 2rem; box-sizing: border-box;}
@media screen and (max-width: 1211px) {
.culture-trainingTb dl dt{width:33%;}
.culture-trainingTb dl dd{width:67%;}
}
@media screen and (max-width: 498px) {
.culture-trainingTb ul li:first-child{border-top:0px solid #cccccc;}
.culture-trainingTb dl{flex-flow: column wrap;}
.culture-trainingTb dl dt{ text-align: justify; width:100%; padding:1rem 0rem;}
.culture-trainingTb dl dd{width:100%; padding:0rem 0rem 1.5rem 1rem;}
}

@media screen and (max-width: 498px) {
.culture-icons img{max-width: 90px;}
}

/*　==============================　採用情報　==============================　*/
.flow-line{width: 100%; text-align: left;}
.flow-lineInner{width: 50%; padding-top: 2rem; box-sizing: border-box; border-right: 4px solid #4491E6;}

/*　--------------------　採用フローボックス　--------------------　*/
.flow-box{position: relative; max-width: 820px; margin: 0 auto;border-bottom: solid 2px #4491E6!important; border-right: solid 2px #4491E6!important; background-color:#ffffff;}
.flow-box:before {content: " "; position: absolute; z-index: 1; bottom: -2px; left: 0px; width: 0; height: 0; border-width: 0 16px 16px 0px!important; border-style: solid!important; border-color: transparent!important; border-bottom-color: #ffffff!important;}
.flow-box:after {content: " "; position: absolute; z-index: 1; top: 0px; right: -2px; width: 0; height: 0; border-width: 0px 16px 16px 0px!important; border-style: solid!important; border-color: #ffffff!important; border-bottom-color: transparent!important;}
.flow-box div{border: 2px solid #2A4FA9;}
.flow-box dl{display: inline-block; position: relative; border-bottom: solid 12px #2A4FA9!important; border-right: solid 14px #2A4FA9!important;}
.flow-box dl:before {content: " "; position: absolute; z-index: 0; bottom: -16px; left: 7px; width: 0; height: 0; border-width: 15px 2px 1px 0px!important; border-style: solid!important; border-color: #4491E6!important; transform: skewX(45deg);}
.flow-box dl:after {content: " "; position: absolute; z-index: 0; top: 0px; right: -11px; width: 0; height: 0; border-width: 15px 2px 1px 0px!important; border-style: solid!important; border-color: #4491E6!important; transform: rotate(-90deg) scale(-1, 1) skewX(45deg);}

.flow-boxL{position: relative; max-width: 820px; margin: 0 auto;border-bottom: solid 2px #4491E6!important; border-right: solid 2px #4491E6!important;}
.flow-boxL:before {content: " "; position: absolute; z-index: 1; bottom: -2px; left: 0px; width: 0; height: 0; border-width: 0 16px 16px 0px!important; border-style: solid!important; border-color: transparent!important; border-bottom-color: #ffffff!important;}
.flow-boxL:after {content: " "; position: absolute; z-index: 1; top: 0px; right: -2px; width: 0; height: 0; border-width: 0px 16px 16px 0px!important; border-style: solid!important; border-color: #ffffff!important; border-bottom-color: transparent!important;}
.flow-boxL div{border-right: 12px solid #2A4FA9; border-bottom: 12px solid #2A4FA9;}
.flow-boxL p{font-size:1.75rem; letter-spacing: 0.2rem; display: block; position: relative; background-color: #2a4fa9; border: solid 2px #ffffff!important; padding: 3.75rem 0rem;}
.flow-boxL p:before {content: " "; position: absolute; z-index: 0; bottom: -16px; left: 7px; width: 0; height: 0; border-width: 13px 2px 1px 0px!important; border-style: solid!important; border-color: #4491E6!important; transform: skewX(45deg);}
.flow-boxL p:after {content: " "; position: absolute; z-index: 0; top: 2px; right: -10px; width: 0; height: 0; border-width: 13px 2px 1px 0px!important; border-style: solid!important; border-color: #4491E6!important; transform: rotate(-90deg) scale(-1, 1) skewX(45deg);}

.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: stretch;}
.flow-box dt{color:#2A4FA9; font-size:3rem; text-align: center; width:130px; padding:1rem 0rem; box-sizing: border-box;}
.flow-box dd{width:calc(100% - 130px); padding:2.7rem 3rem 2rem 0rem; box-sizing: border-box;}
.flow-box dd p:nth-child(1){color:#2A4FA9; font-size:1.4rem; font-weight:bold; margin-bottom: 0.5rem;}
@media screen and (max-width: 498px) {
.flow-box dt{width:70px; padding: 0.5rem 0rem;}
.flow-box dd{width:calc(100% - 70px); padding: 2.2rem 2rem 2rem 0rem;}
}

.flow-sankaku{position: relative; width: 0; height: 0; border-top: 3rem solid #2A4FA9; border-right: 3.5rem solid transparent; border-bottom: 0rem solid transparent; border-left: 3.5rem solid transparent; margin: -3px auto 0 auto; padding:0rem 0rem 6rem 0rem;}

/*　--------------------　採用情報案内ボタン　--------------------　*/
.information-guide-btn{position: relative; max-width: 500px; margin: 0 auto; border-bottom: solid 12px #CB0012!important; border-right: solid 12px #CB0012!important; background-color:#ffffff; margin-bottom:1.5rem;}
.information-guide-btn:before {content: " "; position: absolute; z-index: 1; bottom: -12px; left: 0px; width: 0; height: 0; border-width: 0 36px 36px 0px!important; border-style: solid!important; border-color: transparent!important; border-bottom-color: #ffffff!important;}
.information-guide-btn:after {content: " "; position: absolute; z-index: 1; top: 0px; right: -12px; width: 0; height: 0; border-width: 0px 36px 36px 0px!important; border-style: solid!important; border-color: #f2f2f4!important; border-bottom-color: transparent!important;}
.information-guide-btn .b_box{border: 12px solid #4491E6;}
.information-guide-btn a{display: inline-block; position: relative; border-bottom: solid 32px #4491E6!important; border-right: solid 32px #4491E6!important; padding:6rem 0rem!important;}
.information-guide-btn a:before {content: " "; position: absolute; z-index: 0; bottom: -47px; left: 2px; width: 0; height: 0; border-width: 25px 12px 4px 4px!important; border-style: solid!important; border-color: #CB0012!important; transform: skewX(45deg);}
.information-guide-btn a:after {content: " "; position: absolute; z-index: 0; top: -5px; right: -41px; width: 0; height: 0; border-width: 25px 12px 4px 3px!important; border-style: solid!important; border-color: #CB0012!important; transform: rotate(-90deg) scale(-1, 1) skewX(45deg);}
.information-guide-btn .fs_btn_text_main{font-size: 2rem; letter-spacing: 0.2rem; margin-bottom: 1rem;}
.information-guide-btn .fs_btn_text_sub{font-size: 1.2rem; font-weight: bold; letter-spacing: 0.3rem;}
@media screen and (max-width: 498px) {
.information-guide-btnR::after{border-color: #ffffff!important; border-bottom-color: transparent !important;}
}

/*　--------------------　上部採用情報ボタン　--------------------　*/
.informationTop-btn{position: absolute; z-index: 40; top: -1rem; left: 3rem; border-bottom: solid 5px #4491E6!important; border-right: solid 5px #4491E6!important;}
.informationTop-btn:before {content: " "; position: absolute; z-index: 1; bottom: -5px; left: 0px; width: 0; height: 0; border-width: 0 10px 10px 0px!important; border-style: solid!important; border-color: transparent!important; border-bottom-color: #2A4FA9!important;}
.informationTop-btn:after {content: " "; position: absolute; z-index: 1; top: 0px; right: -5px; width: 0; height: 0; border-width: 0px 10px 10px 0px!important; border-style: solid!important; border-color: #2A4FA9!important; border-bottom-color: transparent!important;}
.informationTop-btn .b_box{border: 5px solid #ffffff;}
.informationTop-btn a{width: 250px; padding: 0rem; display: inline-block; position: relative; border-bottom: solid 5px #ffffff!important; border-right: solid 5px #ffffff!important;}
.informationTop-btn a:before {content: " "; position: absolute; z-index: 0; bottom: -12px; left: -2px; width: 0; height: 0; border-width: 4px 6px 4px 2px!important; border-style: solid!important; border-color: #4491E6!important; transform: skewX(45deg);}
.informationTop-btn a:after {content: " "; position: absolute; z-index: 0; top: 0px; right: -14px; width: 0; height: 0; border-width: 4px 6px 4px 2px!important; border-style: solid!important; border-color: #4491E6!important; transform: rotate(-90deg) scale(-1, 1) skewX(45deg);}
.informationTop-btn .fs_btn_text{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; width:100%;}
.informationTop-btn .fs_btn_text_main{width:48%;}
.informationTop-btn .fs_btn_text_sub{font-size: 0.9rem; color: #ffffff; width:48%; background-color: #4491E6;}
@media screen and (max-width: 498px) {
.informationTop-btn{top: 0rem; left: 1.5rem;}
.informationTop-btn a{width: 165px; padding: 0rem 0.5rem;}
}

/*　--------------------　マイナビボタン　エントリー　--------------------　*/
.entry-mynavi-btn{position: relative; max-width: 500px; margin: 0 auto; border-bottom: solid 6px #CB0012!important; border-right: solid 6px #CB0012!important; background-color:#ffffff; background-size: 280px!important;}
.entry-mynavi-btn:before {content: " "; position: absolute; z-index: 1; bottom: -8px; left: 0px; width: 0; height: 0; border-width: 0 16px 16px 0px!important; border-style: solid!important; border-color: transparent!important; border-bottom-color: #f2f2f4!important;}
.entry-mynavi-btn:after {content: " "; position: absolute; z-index: 1; top: 0px; right: -8px; width: 0; height: 0; border-width: 0px 16px 16px 0px!important; border-style: solid!important; border-color: #f2f2f4!important; border-bottom-color: transparent!important;}
.entry-mynavi-btn .b_box{border: 4px solid #4491E6;}
.entry-mynavi-btn a{display: inline-block; position: relative; border-bottom: solid 6px #4491E6!important; border-right: solid 6px #4491E6!important; padding:3.5rem 0rem!important;}
.entry-mynavi-btn a:before {content: " "; position: absolute; z-index: 0; bottom: -12px; left: 0px; width: 0; height: 0; border-width: 2px 6px 4px 4px!important; border-style: solid!important; border-color: #CB0012!important; transform: skewX(45deg);}
.entry-mynavi-btn a:after {content: " "; position: absolute; z-index: 0; top: 2px; right: -14px; width: 0; height: 0; border-width: 4px 6px 4px 4px!important; border-style: solid!important; border-color: #CB0012!important; transform: rotate(-90deg) scale(-1, 1) skewX(45deg);}
@media screen and (max-width: 498px) {
.entry-mynavi-btn{margin: 0rem 2rem;}
}

/*　--------------------　下部エリアボタン　--------------------　*/
.information-btn{position: relative; border-bottom: solid 7px #4491E6!important; border-right: solid 7px #4491E6!important;}
.information-btn:before {content: " "; position: absolute; z-index: 1; bottom: -7px; left: 0px; width: 0; height: 0; border-width: 0 15px 15px 0px!important; border-style: solid!important; border-color: transparent!important; border-bottom-color: #2A4FA9!important;}
.information-btn:after {content: " "; position: absolute; z-index: 1; top: 0px; right: -7px; width: 0; height: 0; border-width: 0px 15px 15px 0px!important; border-style: solid!important; border-color: #2A4FA9!important; border-bottom-color: transparent!important;}
.information-btn .b_box{border: 5px solid #ffffff;}
.information-btn a{display: inline-block; position: relative; border-bottom: solid 7px #ffffff!important; border-right: solid 7px #ffffff!important;}
.information-btn a:before {content: " "; position: absolute; z-index: 0; bottom: -12px; left: -2px; width: 0; height: 0; border-width: 4px 7px 4px 4px!important; border-style: solid!important; border-color: #4491E6!important; transform: skewX(45deg);}
.information-btn a:after {content: " "; position: absolute; z-index: 0; top: 0px; right: -14px; width: 0; height: 0; border-width: 4px 7px 4px 4px!important; border-style: solid!important; border-color: #4491E6!important; transform: rotate(-90deg) scale(-1, 1) skewX(45deg);}
@media screen and (max-width: 498px) {
.information-btn{margin-bottom: 1.5rem;}
}

/*　==============================　募集要項　==============================　*/
.guideline-tb{margin:0rem 2rem;}
.guideline-tb ul{width:100%; border-top:1px solid #cccccc;}
.guideline-tb ul li{width:100%; border-bottom:1px solid #cccccc;}
.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{background-color:#F2F2F4; width:357px; padding:1.5rem 1rem; box-sizing: border-box; text-align: center;}
.guideline-tb dl dd{width:calc(100% - 357px); padding:1.5rem 0rem 1.5rem 2rem; box-sizing: border-box;}
@media screen and (max-width: 1211px) {
.guideline-tb dl dt{width:33%;}
.guideline-tb dl dd{width:67%;}
}
@media screen and (max-width: 498px) {
.guideline-tb dl{flex-flow: column wrap;}
.guideline-tb dl dt{ text-align: justify; width:100%; padding:1rem 1.5rem;}
.guideline-tb dl dd{width:100%; padding:1.5rem 0rem 1.5rem 1.5rem;}
}

/*　==============================　よくある質問　==============================　*/
.qa-contents-list{border-top: 1px solid #cccccc; margin: 0rem 2rem;}
.qa-contents-list details{max-height:10rem; transition: all 1000ms;}
.qa-contents-list details:not[open]{max-height:10rem; transition: all 1000ms;}
.qa-contents-list details[open]{max-height:20rem; transition: all 1000ms;}
.qa-contents-list details[open] summary{background-color:#F2F2F4;}
.qa-contents-list summary{font-weight: bold; font-size: 1.1rem; letter-spacing: 0.05rem; padding: 2rem 0rem 2rem 2rem;}
.qa-contents-list p{padding: 2rem 0rem 2rem 2rem;}

.qa-contents-list summary {position: relative; display: block;  padding-left: 20px; cursor: pointer;}
.qa-contents-list summary::-webkit-details-marker {display:none;}
.qa-contents-list summary:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f055"; font-size:2.2rem; color:#4491E6; margin: auto; position: absolute; top: 20%; right: 2rem;}
.qa-contents-list details[open] summary:before{transform: rotate(90deg);  color:#CB0012; transition: all 0.3s;}
.qa-contents-list details:not[open] summary:before{transform: rotate(90deg);  color:#4491E6; transition: all 0.3s;}
@media screen and (max-width: 498px) {
.qa-contents-list summary{padding: 2rem 2rem 2rem 0rem;   padding-left: 0px;}
.qa-contents-list summary:before {right: -1rem;}
}

/*　==============================　みやもと通信　==============================　*/
.news-pg .tk_top_time { color:#2A4FA9; }
.news-pg .tk_flex { padding: 2rem; border-bottom: 1px solid #F2F2F4; }
.news-pg .tk_kiji_ttl{margin-bottom: 0.3rem; font-size: 1rem; font-weight:bold;}
.news-pg ul:last-child{border-bottom: 0px solid #e7e7e7!important;}
@media screen and (max-width: 498px) {
.news-pg ul{flex-flow: column nowrap; margin-bottom: 1rem;}
.news-pg ul .col-1{padding-right: 0rem!important;}
.news-pg ul .col-2{padding-left: 0rem!important;}
.news-pg .tk_top_time{margin: 0.8rem 0rem 0.3rem 0rem;}
.news-pg .tk_flex { padding: 2rem 2rem 0 2rem;}
}

/*　--------------------　コンポーザーの設定　--------------------　*/
#pt101-2-1{background-color: #ffffff; margin: -12rem 2rem 0rem 2rem; width: calc(100% - 4rem); padding: 0rem 2rem 4rem 2rem; box-sizing: border-box;}
.news-sns{margin: -8rem 0rem 9rem 0rem;}
.news-sns a{color:#2A4FA9!important; background-color:#4491E6!important;}
.news-sns i{margin-left: 0.1rem;}
.news-pg-list{margin:0rem 2rem; }
.news-pg-list ul{padding: 1.5rem 2rem!important;}
.news-pg-list ul{border-bottom: 1px solid #F2F2F4!important;}
.news-pg-list ul:last-child{border-bottom: 0px solid #e7e7e7!important;}
.news-pg-list .tk_tags_time{color:#2A4FA9;}
.news-pg-list .tk_title{font-size: 1rem!important; margin-bottom: 0rem!important;}
.news-pg-list .tk_kiji{display: none;}
@media screen and (max-width: 498px) {
.news-sns{margin: -4rem 0rem 5rem 0rem;}
.news-pg-list ul{padding: 1.5rem 1rem!important;}
}

/*　==============================　みやもとスマイル　==============================　*/
.smile-pg #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list{width:33.33%!important; margin: 0% 0% -0.5rem 0%!important;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-flag{display: none!important;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-inner:hover{opacity: 1!important;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-on{display: block; height: 100%; transition: 0.3s;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-inner .archiveCardA-list-on:hover{display: inline-block; height: 100%; background-color: rgba(68,145,230,0.7)!important; transition: 0.3s;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-txt{background-color: transparent!important; position: absolute; bottom: 0; left: 0; display: none;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-inner .archiveCardA-list-on:hover .archiveCardA-list-txt{display: inline-block;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-txt-ttl{font-size: 1.2rem!important; letter-spacing: 0.1rem; line-height: 1rem!important; padding: 1rem 1rem 0.5rem 1rem!important; font-weight: bold;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-txt-read{font-size: 0.95rem!important; letter-spacing: 0.05rem; padding: 0rem 1rem 2rem 1rem!important;}
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-img{z-index: 0!important; height: 35vh;}
@media screen and (max-width: 1024px) {
.smile-pg #archiveBoxesC4-cardA .archiveCardA-list-img{ height: 30vh;}
}
@media screen and (max-width: 498px) {
.smile-pg #archiveBoxesC4-cardA .archiveBoxesC4-cardA-list{width:50%!important;}
}

/*　--------------------　コンポーザーの設定　--------------------　*/
#pt102-2-1{background-color: #ffffff; margin: 0rem 2rem 0rem 2rem; width: calc(100% - 4rem); padding: 0rem 10% 4rem 10%; box-sizing: border-box;}
.smile-mainImg{margin: -12rem auto 0rem auto; padding:0rem 0 3rem 0; max-width:900px;}
.smile-q{margin-left: 1.5rem; font-weight: bold; font-size: 1.2rem; color: #2A4FA9; padding-top: 2rem;}
.smile-q p:before {content: "Q."; font-size: 1.6rem; margin-left: -1.5rem;}
.smile-a{margin-left: 2.2rem; padding: 1rem 0rem 2rem 0rem;}
.smile-a p:before {content: "A."; font-size: 1.6rem; margin-left: -2rem; margin-right: 0.5rem;  font-weight: bold; line-height: 1.6rem; }
@media screen and (max-width: 498px) {
.smile-mainImg{padding: 0rem 0 3rem 0; }
#pt102-2-1{ padding: 0rem  0 2rem 0;}
.smile-q { padding: 2rem 2rem 0 2rem ;}
.smile-a { padding: 1rem 2rem 2rem 2rem;}
}

.smile-pg-list{margin:0rem 1rem;}
.smile-pg-list button{display:none!important;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-list-flag{display: none!important;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-list-inner:hover{opacity: 1!important;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-list-on{display: block; height: 100%; transition: 0.3s;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-list-inner .archiveCardA-list-on:hover{display: inline-block; height: 100%; background-color: rgba(68,145,230,0.7)!important; transition: 0.3s;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-list-txt{text-align: center!important; background-color: transparent!important; position: absolute; bottom: 0; left: 0; display: none;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-list-inner .archiveCardA-list-on:hover .archiveCardA-list-txt{display: inline-block;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-txt-ttl{font-size: 1.2rem!important; letter-spacing: 0.1rem; line-height: 1rem!important; padding: 1rem 1rem 0.5rem 1rem!important;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-txt-read{font-size: 0.95rem!important; letter-spacing: 0.05rem; padding: 0rem 1rem 1.5rem 1rem!important;}
.smile-pg-list #archiveBoxesC4-slidecardA .archiveCardA-list-img{z-index: 0!important;}

/*　==============================　お問い合わせ　==============================　*/
.contact-f .formBlockSurveyTable dl{margin-bottom: 1rem!important; padding-bottom:0rem!important; border:none!important;}
.contact-f .formBlockSurveyTable dl dt{height: 3.6rem!important; line-height: 3.5rem!important;}
.contact-f .formBlockSurveyTable dl dd input, .contact-f .formBlockSurveyTable dl dd textarea{width: 97.5%!important; height: 2.5rem!important; border-radius: 0!important; color: #333333!important; background-color: #F2F2F4!important; border: 1px solid #F2F2F4!important;}
.contact-f .formBlockSurveyTable dl dd input.formBlockSubmitButton{width: 260px!important; height: 60px!important; background-color: #2A4FA9!important; color:#ffffff!important; border: 1px solid #2A4FA9!important; text-align: left; padding-left: 1.5rem; transition:0.6s;}
.contact-f #Question13{height:auto!important;}
.contact-f .formBlockSurveyTable dl dd input.formBlockSubmitButton:hover{cursor: pointer; transition:0.6s; background-color:#ffffff!important; color:#2A4FA9!important;}

/*　==============================　サイトのご利用について･個人情報保護方針　==============================　*/
.policy-contentsInner{margin:0rem 2rem 0rem 4rem;}
.policy-contentsInner table{width:100%; border:none;}
.policy-contentsInner th{width:45px; padding:1rem 0.5rem;}
.policy-contentsInner td{width:calc(100% - 45px); padding:1.5rem 0.5rem;}
.policy-contentsEnvironment dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
.policy-contentsEnvironment dt{padding: 0rem 1rem 1.5rem 0rem; font-size:1.2rem; width: 170px;}
.policy-contentsEnvironment dt i{font-size:1.85rem; margin-right:0.5rem;}
.policy-contentsEnvironment dl dd{padding: 0rem 1rem 1.5rem 0rem; width: calc(100% - 170px);}
@media screen and (max-width: 768px){
.policy-contentsEnvironment dl{flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
.policy-contentsEnvironment dl dt{width: 100%;}
.policy-contentsEnvironment dl dd{width: 100%;}
}
@media screen and (max-width: 498px){
.policy-contentsInner{margin:0rem 2rem 0rem 02rem;}
.policy-contentsInner th{width:20px; padding:1rem 0.5rem;}
.policy-contentsInner td{width:calc(100% - 20px); padding:1.5rem 0.5rem;}
}

/*　==============================　ヘッダー部分（背景白ver）　==============================　*/
/*　--------------------　ヘッダーロゴに関する設定　--------------------　*/
@media screen and (min-width: 1201px) {
#topLogo {padding: 2rem 0rem 2rem 2rem;}
#topLogo img {max-width:420px;}
}
@media screen and (max-width: 1200px) {
#topLogo {padding:2.5rem 0rem 3rem 2rem;}
}
@media screen and (max-width: 768px) {
#topLogo {padding: 2.3vh 0rem 1.3vh 1.3vw;}
}
@media screen and (max-width: 480px) {
#topLogo {padding: 1.5rem 0rem 2.5vh 1.5rem; width: 75%;}
#topLogo img {width:235px;}
}

/*　--------------------　PCナビに関する設定　--------------------　*/
.h-nav {padding: 0rem 0rem 0rem 0rem;}
.h-nav > #fsNavMenuList > .active_page > a{color:#ffffff!important; position: relative;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #ffffff;}
.h-nav a {position: relative; display: inline-block!important; padding: 2rem 0rem!important; margin-right:2rem; transition: 0.3s; }
.h-nav a::after {position: absolute; bottom: 0rem; left: 0; content: ''; width: 0; height: 3px; background: #CB0012; transition: 0.3s; }
.h-nav a:hover::after {width: 100%;}
.h-nav .fsNavMenuList li{font-size:0.95rem!important;}
.h-nav .fsNavMenuList li .sub_title {letter-spacing: 0.2rem;}
@media screen and (min-width: 498px) {
.h-nav .fsNavMenuList li:nth-child(1){display:none;}
.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;}
}

.header-btnEntry a {color: #ffffff; position: relative; display: block; padding: 0.75rem 0.75rem 1rem 0rem; transition: 0.3s; }
.header-btnEntry a::before {position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #4491E6; transition: 0.3s; }
.header-btnEntry a::after {position: absolute; bottom: 0rem; left: 0; content: ''; width: 0; height: 3px; background: #CB0012; transition: 0.3s; }
.header-btnEntry a:hover::after {width: 100%;}

/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav{background: rgba(42, 79, 169, 0.98);}
.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 #4491E6;}
.fat-nav li a{border-bottom:0px solid #fff !important;}
.fat-nav .sub_title{font-size:1.2rem;}
.fat-nav ul { vertical-align: top; padding: 14vh 0 0 0 ;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #ffffff;}
/*　--------------------　Fatnaviフィックス　--------------------　*/
#topfix-A {position: absolute; z-index: 50; top:0.8rem; right:0.8rem;}
#topfix-B {position: absolute; z-index: 10; top:3.5rem; right:1.6rem;}

/*　==============================　ヘッダー部分（背景青ver）　==============================　*/
.body-pt004 header, .body-pt101 header, .body-pt102 header{background-color:#2A4FA9;}
/*　--------------------　ヘッダーロゴに関する設定　--------------------　*/
.topLogo-blue{display:none;}
.body-pt002 header{background-color: transparent!important;}
.body-pt002 .topLogo-blue{display:block!important;}
.body-pt002 .topLogo{display:none!important;}

/*　--------------------　PCナビに関する設定　--------------------　*/
.body-pt002 .h-nav > #fsNavMenuList > li > a{color:#2A4FA9!important;}
.body-pt002 .h-nav > #fsNavMenuList > li > a:hover{color:#CB0012!important;}
.body-pt002 .h-nav > #fsNavMenuList > .active_page > a{color:#2A4FA9!important;}
.body-pt002 .h-nav > #fsNavMenuList > .active_page > a::after{background: #2A4FA9!important;}

.body-pt002 .header-btnEntry a {color: #2A4FA9!important;}


/*　==============================　フッター部分　==============================　*/
footer{padding-top:7rem;}
.f-link a, .f-link a:visited{color: #2A4FA9;  transition:0.6s;}
.f-link a:active, .f-link a:hover{color: #4491E6;  transition:0.6s;}

/*　--------------------　横並びバナー（2025.05）　--------------------　*/
@media screen and (min-width: 498px) {
.entry_bunner {margin: 0 auto;  max-width: 600px;}}

/*　--------------------　フッターロゴに関する設定　--------------------　*/
#footerLogoRecruit {padding: 0rem 2rem 2.5rem 2rem;}
#footerLogo {padding: 1rem 2rem 1rem 2rem;}

#footer-1-2 { padding-bottom:3rem;}

@media screen and (min-width: 1201px) {
#footerLogoRecruit img {max-width:460px;}
#footerLogo img {max-width:220px;}
.footerLogoMynavi img {max-width:260px;}
}
@media screen and (max-width: 1200px) {
#footerLogoRecruit img {max-width:420px;}
#footerLogo img {max-width:210px;}
.footerLogoMynavi img {max-width:200px;}
}
@media screen and (max-width: 480px) {
#footerLogoRecruit {padding: 0rem 2rem 4rem 1rem;}
#footerLogoRecruit img {max-width:300px;}
#footerLogo {padding: 0rem 2rem 1.25rem 2.25rem;}
#footerLogo img {max-width:170px;}
.footerLogoMynavi {padding: 2rem 2rem 2rem 2rem!important; text-align: center!important; border:1px solid #ededed!important; margin:0 2rem 1rem 2rem!important; }
.footerLogoMynavi img {max-width:180px;}
}
/*　--------------------　サイトマップに関する設定　--------------------　*/
.footer-tb{margin:0rem 2rem 0rem 4.5rem;}
.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: 33.33%; box-sizing: border-box; margin-bottom: 2rem; padding: 0.25rem 0rem 0.25rem 1.5rem; border-left:1px solid #2A4FA9;}
.footer-tb dt{font-weight:bold; font-size:1.1rem; margin-bottom:0.75rem;}
.footer-tb dd{margin-bottom:0.4rem; font-size:0.8rem; font-weight: bold;}
.footer-tb dd:last-child{margin-bottom:0rem!important;}
@media screen and (max-width: 768px) {
.footer-tb li{width: 50%;}
}
@media screen and (max-width: 480px) {
.footer-tb{margin:0rem 2rem 2rem 2rem;}
}
/*　--------------------　その他設定　--------------------　*/
.footer-line{margin:1.5rem 2rem 0rem 4.5rem; padding:0rem 0rem 2rem 0rem;}
.f-link-contact{margin:0rem 2rem 2rem 5.5rem;}
.f-link-contact dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
.f-link-contact dt{width:240px; font-weight: bold;}
.f-link-contact dd{width:calc(100% - 240px);}
.f-link-cp{margin:0.75rem 2rem 0.5rem 4.5rem;}
.f-link-cp a{color: #2A4FA9;}
.f-link-sp{margin:1rem 2rem 1rem 5.5rem;}
@media screen and (max-width: 768px) {
.f-link-contact dt{width:210px;}
.f-link-contact dd{width:calc(100% - 210px);}
}
@media screen and (max-width: 480px) {
.footer-line{margin:1.5rem 2rem 0rem 2rem; padding:0rem 0rem 2rem 0rem;}
.f-link-contact{margin:0rem 2rem 2rem 3.5rem;}
.f-link-contact dt{width:90px;}
.f-link-contact dd{width:calc(100% - 90px);}
.f-link-cp{margin:0.5rem 2rem 0rem 1rem;}
.f-link-sp{margin:1.5rem 2rem 0rem 2rem;}
}

/*　==============================　共通設定　==============================　*/
#pt002-1Parent, #pt003-1Parent {position: relative;}

.pageTtl-decoL{margin: 0rem 4rem; border-bottom: 10px solid #CB0012; width: 100px; height: 0rem;}

.pageTtl{padding:3rem 0.5rem 3rem 0.5rem;  font-weight:bold;}
.pageTtl p:nth-child(1){font-size:2rem; letter-spacing: 0.5rem; margin-bottom: 0.5rem;}
.pageTtl-deco{margin: 0rem auto; border-bottom: 10px solid #CB0012; width: 100px; height: 0rem;}
.pageTtl-imgC{padding:4rem 2rem 18rem 2rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
.pageTtl-imgL{padding:4rem 2rem 18rem 2rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start;}
.pageTtl-imgC img{max-height: 45px; max-width: 500px;}
.pageTtl-imgL img{max-height: 45px; max-width: 500px;}

.u-pageTtl{padding:3rem 0.5rem 15rem 0.5rem; font-weight:bold;}
.u-pageTtl p:nth-child(1){font-size:2rem; letter-spacing: 0.5rem; margin-bottom: 0.5rem;}
.u-pageTtl-deco{margin: 0rem auto; border-bottom: 10px solid #CB0012; width: 100px; height: 0rem;}
.u-pageTtl-imgC{padding:5rem 3rem 17rem 3rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
.u-pageTtl-imgL{padding:5rem 2rem 17rem 2rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start;}
.u-pageTtl-imgC img{max-height: 40px; max-width: 480px;}
.u-pageTtl-imgL img{max-height: 48px; max-width: 480px;}
.pageContennts-up{margin-top: -12rem; position:relative; z-index:1;}
.pageContennts-Box{margin-right:2rem; margin-bottom:2px; margin-left:2rem;}
.pageContennts-BoxL{margin-right:2rem; margin-left:2rem;}
.pageContennts-BoxInner{padding-right: 0.5rem; padding-left: 0.5rem;}
@media screen and (max-width: 498px){
.u-pageTtl{padding:7rem 0.5rem 15rem 0.5rem;}
.pageContennts-up{display: inline-block; width: 100%; box-sizing: border-box;}
.pageContennts-BoxInner{padding-right: 0rem; padding-left: 0rem;}
.pageContennts-BoxL{margin-right:1rem; margin-left:1rem;}
.u-pageTtl-imgC img{max-height: 36px;}
.u-pageTtl-imgL img{max-height: 28px;}
}

/*　--------------------　コンポーザーの設定　--------------------　*/
#pt101-1Parent, #pt102-1Parent{background-color:#2A4FA9;}
#pt101-2Parent, #pt102-2Parent{background-color:#F2F2F4;}
#pt101-3Parent, #pt102-3Parent{background-color:#F2F2F4;}
#pt101-4Parent, #pt102-4Parent{background-color:#F2F2F4;}
#pt101-5Parent, #pt102-5Parent{background-color:#F2F2F4;}

/*　==============================　文字に関する設定　==============================　*/
.bold {font-weight: bold;}
.italic {font-style: italic;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.2rem;}
.space-4{letter-spacing: 0.4rem;}
.space-symbolF{letter-spacing: -0.75rem;}
.space-symbolB{letter-spacing: -1.55rem;}
.br-sp{display:none;}
.tb-sp{display:none;}
.br-sp-r{display:inline;}
@media screen and (max-width: 768px) { 
.tb-sp{display:block; line-height:0rem;}
}
@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;}
}

/*　==============================　色に関する設定　==============================　*/

/*　==============================　デフォルト　==============================　*/
.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: 768px){
.tb-br-none br {display:none;}
}
/*　———　タブレット縦時改行あり　———　*/
@media only screen and (min-width: 769px){
.tb-tate-br br {display:none;}
}
/*　———　タブレット横時スクロール　———　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {text-decoration:none;}
h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}
.hover-opacity{transition:0.6s;}
.hover-opacity:hover{opacity: 0.6; transition:0.6s;}
.hover-opacity-img{transition:0.6s;}
.hover-opacity-img:hover {opacity:0.6; transition:0.6s;}
.hover-opacity-mul img{transition:0.6s;}
.hover-opacity-mul img:hover{opacity: 0.6; 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;
}


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

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.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: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.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: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.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;
}

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

/*　============　住宅事業の非表示20250105　============　*/
.housing { display:none; }