@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(3,13,38,1.00)}a:hover { color:rgba(95,95,95,1.00)}
/* css setting */
/*代表事例のページリスト4件以下の場合、搭乗のページリストも削除*/
.waterway-pg-hide{display:none;}
.park-pg-hide{display:none;}
.basket-pg-hide{display:none;}

/*　==============================　トップページ　==============================　*/
/*　--------------------　キャッチコピーの設定　--------------------　*/
.top-catchcopy{text-align: justify!important; padding: 24vh 1.5rem 27vh 2rem;}
.top-catchcopy img{max-width:490px;}
@media screen and (max-width: 498px) {
    .top-catchcopy{text-align: center!important; padding: 28.5vh 1.5rem 28.5vh 2rem;}
    .top-catchcopy img{max-width:220px;}
}


.body-pt001 .vegas-slide .vegas-slide-inner{background-position: top center!important;}


/*　--------------------　お知らせの設定　--------------------　*/
.top-ticker-pg .ticker{padding: 1rem 0rem;}
.top-ticker-pg .ticker ul li span{letter-spacing:0.1rem; margin-right: 15px!important;}
.top-ticker-pg .ticker ul li a{font-size:1rem; transition: 0.3s;}
.top-ticker-pg .ticker ul li a:hover{color:var(--color-main); transition: 0.3s;}
.top-ticker-pg  .tk_tags{font-size: 0.7rem; vertical-align: middle; color: #ffffff; letter-spacing:0rem; background-color: #009ccb; padding: 0.5rem 0.5rem; margin-top: -0.25rem; text-align: center; border-radius: 0.4rem;}
.top-ticker-pgBtn .fs_btn{padding: 1rem 0.5rem;}
.top-contentC{padding:6.5rem 0rem 6.5rem 0rem; box-sizing: border-box;}
.top-contentCP{padding:6.5rem 0rem 6.5rem 0rem; box-sizing: border-box;}
.top-contentR{padding:3.5rem 0rem 3.5rem 3rem; height: 100%; box-sizing: border-box;}
.top-contentR-inner{width: 100%; max-width: 550px; margin:0rem auto 0rem 0rem; padding-right:2rem; box-sizing: border-box;}
.top-contentL{}
.top-contentL-inner{width: 100%; max-width: 600px; margin:0rem 0rem 0rem auto; padding-left:2rem; box-sizing: border-box;}
.top-ttl-eijiTx{height: 115px; overflow: hidden;}
.top-ttl-eijiTx-L{max-width:910px;}
.top-ttl-eijiTx-M{max-width:800px;}
.top-ttl-eijiTx-S{max-width:800px;}
.top-ttl-eijiTx img{height: 115px; object-fit: cover; object-position: 0px 0px;}
.top-ttl-eijiTxL{margin:0rem 0rem 0rem 0rem; position: relative;}
.top-ttl-s{}
.top-ttl-m{font-weight: bold; font-size: 1.25rem; letter-spacing: 0.1rem; margin: -3rem 0rem 3rem 0rem; position: relative;}
.top-ttl-l{font-weight: bold; font-size: 2.25rem; letter-spacing: 0.2rem; margin: 0rem 0rem 2rem 0rem;}
.top-ttl-btn .fs_btn{letter-spacing: 0.1rem; max-width: 260px; width: 100%; margin-top: 3rem; padding: 1.25rem 0.5rem;}
.top-about-space{padding-top:8rem;}
.top-aboutBg-pc{}
.top-aboutBg-sp{}
.top-business-content{margin-top: -3.5rem; position:relative;}
.top-business-btn .fs_btn{padding:2.25rem 0.5rem;}
.top-businessArea{background-color:rgba(0,156,203,0.85);}
.top-bn-mainImg{padding-top: 34.5rem; border-radius:0px 10px 10px 0px;}
.top-cw-mainImg{margin:-11rem 0rem 0rem 3rem; padding-top: 27.5rem; border-radius:10px 0px 0px 10px;}
/*.top-cw-mainImg{margin:-11rem 0rem 0rem 3rem; padding-top: 34.5rem; border-radius:10px 0px 0px 10px;}*/
.top-ma-mainImg{padding-top: 37.5rem; border-radius:0px 10px 10px 0px;}
.top-cp-mainImg{padding-top: 34.5rem;}
.top-cp-subImg{margin-top: -2.5rem; padding-top: 24.5rem; border-radius: 10px;}
.top-recruit-mainImg{padding-top: 40rem;}
.top-recruit-layout .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: center;}
@media screen and (max-width: 1200px) {
    .top-contentR{padding:4.5rem 0rem 4.5rem 2rem;}
    .top-cp-subImg{padding-top:23rem;}
}
@media screen and (max-width: 498px) {
    .top-contentR{margin-top: -3rem; padding:0rem 0rem 0rem 2rem;}
    .top-contentRR{margin-top: 0rem!important; padding:0rem 0rem 6.5rem 2rem!important;}
    .top-contentL-inner{padding-right:2rem;}
    .top-contentC{padding:2.5rem 0rem 6.5rem 0rem;}
    .top-content-recruitUp{margin-top:-3rem!important;}
    .top-ttl-eijiTxSP{margin-left:-2rem;}
    .top-ttl-eijiTx img{height: 75px;}
    .top-ttl-eijiTxL{margin:-3rem 0rem 0rem 0rem;}
    .top-ttl-m{margin: -5.5rem 0rem 2rem 0rem; position: relative;}
    .top-ttl-m-cp{position: absolute;}
    .top-ttl-l{font-size: 2.1rem; letter-spacing: 0.05rem;}
    .top-about-space{padding-top:4rem;}
    .top-about-space-sp{padding-top:23rem;}
    .top-aboutBg-pc{background-image: none!important;}
    .top-business-content{margin-top: 3.5rem;}
    .top-bn-mainImg{padding-top: 23.5rem; margin-right: 2rem;}
    .top-ma-mainImg{padding-top: 23.5rem; margin-right: 2rem;}
    .top-cw-mainImg{margin:0rem 0rem 0rem 2rem; padding-top: 23.5rem; border-radius:10px 0px 0px 10px;}
    .top-contentCP{padding:0rem 0rem 6.5rem 0rem;}
    .top-cp-mainImg{padding-top: 25.5rem; border-radius: 0px 0px 0px 0px; background-position: top 0 left 0!important;}
    .top-cp-subImg{padding-top:23rem;}
    .top-recruit-mainImg{padding-top: 25.5rem;}
}

/*　--------------------　代表事例/施工実績ボタン　--------------------　*/
.top-cw-contentBtn{margin-top:2rem; padding:0rem 2rem;}
/*.top-cw-contentBtn{margin-top:-6rem; padding:0rem 2rem;}*/
.top-cwBtn{border: 1px solid #ffffff; border-radius:10px;}
.top-cwBtn .fs_btn{border-radius: 10px; padding: 4rem 0.5rem 4rem 1.5rem; background-color:rgba(0,156,203,0.8)}
.top-cwBtn .fs_btn:hover{background-color:rgba(0,156,203,0.2)}
.top-cwBtn .fs_btn .fs_btn_text_main{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.2rem; letter-spacing: 0.2rem; padding: 3.5rem 2rem 0.25rem 2rem; font-family: 'Bebas Neue', 'Roboto', "Noto Sans JP", 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}
.top-cwBtn .fs_btn .fs_btn_text_main:before{content: ""; width: 2.2rem; height: 1px; background: #ffffff; margin: -0.2rem 0.5em 0rem 0rem;}
.top-cwBtn .fs_btn .fs_btn_text_sub{font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1rem; padding: 0rem 2rem 2.5rem 4.8rem;}
@media screen and (max-width: 498px) {
    .top-cw-contentBtn{margin-top:4rem;}
    .top-cwBtn{border-top: none; border-bottom: 1px solid #ffffff; margin-bottom:2px;}
    .top-cwBtn .fs_btn{font-size:1.2rem!important; background-color:rgba(0,0,0,0.75); padding: 0.5rem 0.5rem 0.55rem 0rem;}
    .top-cwBtn .fs_btn_text{line-height: 1.3;}
}

.top-info-ttl{margin:0rem 2rem 2rem 2rem;}
.top-info-ttl h3{color: #009ccb; font-size:1.75rem; letter-spacing: 0.25rem; padding: 0rem 0rem 0.25rem 0.1rem;}
.top-info-ttl p{color:#030d26; font-size:1.25rem; font-weight:bold; letter-spacing: 0.1rem;}
.top-pg-blog{padding:0rem 2rem!important;}
.top-pg-blog ul.tk_flex{border-bottom:2px solid #ffffff!important; padding: 1.75rem 0rem!important;}
.top-pg-blog ul:last-child{border-bottom:none!important;}


/*　==============================　ミナト建設工業について　==============================　*/
.about-contentsArea-bg{background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(236,241,250,1) 50%, rgba(236,241,250,1)); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(236,241,250,1) 50%, rgba(236,241,250,1)); background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(236,241,250,1) 50%, rgba(236,241,250,1));}
.about-yard-layout .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.about-contentsArea{padding:0rem 2rem;}
.about-contents-ttl{margin-top: -2rem; margin-bottom: 2rem;}
.about-contents-ttl div:first-child{margin-bottom:0.5rem;}
.about-contents-ttl h2{font-size:3.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 1.1rem 0rem;}
.about-contents-ttl p{font-size:1.2rem; font-weight:bold; letter-spacing: 0.1rem;}
.about-contents-ttl-sub{margin-top:2.5rem; margin-bottom:1.5rem;}
.about-contents-ttl-sub h3{color: #c2e7f3; font-size:1.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 0.25rem 0.1rem;}
.about-contents-ttl-sub p{color:#009ccb; font-size:2rem; font-weight:bold; letter-spacing: 0.1rem;}
.about-contents-point1{letter-spacing: 0.1rem; color:#ffffff; font-size:1.1rem; font-weight:bold; margin-top: -6rem;}
.about-contents-point1 ul{max-width: 400px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: center; background-color:#009ccb; border-radius:10px; margin-bottom:5rem;}
.about-contents-point1 ul li{width: 100%; 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; height: 180px;}
.about-contents-point1 ul li:nth-child(2){border-left:1px solid #ffffff;}
.about-contents-point1 ul li dl dd{line-height: 1.2;}
.about-contents-point1 ul li dl dd span{font-size: 4rem; margin-right:0.25rem;}
.about-contents-point2{letter-spacing: 0.1rem; color:#ffffff; font-size:1.1rem; font-weight:bold; margin-top: -6rem;}
.about-contents-point2 ul{max-width: 800px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: center; background-color:#009ccb; border-radius:10px; margin-bottom:5rem;}
.about-contents-point2 ul li{width: 50%; 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; height: 180px;}
.about-contents-point2 ul li:nth-child(2){border-left:1px solid #ffffff;}
.about-contents-point2 ul li dl dd{line-height: 1.2;}
.about-contents-point2 ul li dl dd span{font-size: 4rem; margin-right:0.25rem;}
.about-contents-point3{letter-spacing: 0.1rem; color:#ffffff; font-size:1.1rem; font-weight:bold; margin-top: -6rem;}
.about-contents-point3 ul{max-width: 800px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: center; background-color:#009ccb; border-radius:10px; margin-bottom:5rem;}
.about-contents-point3 ul li{width: 33.33%; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; align-items: center; height: 180px;}
.about-contents-point3 ul li:nth-child(2){border-left:1px solid #ffffff;}
.about-contents-point3 ul li:nth-child(3){border-left:1px solid #ffffff;}
.about-contents-point3 ul li dl dd{line-height: 1.2;}
.about-contents-point3 ul li dl dd span{font-size: 4rem; margin-right:0.25rem;}
.about-contents-point4{letter-spacing: 0.1rem; color:#ffffff; font-size:1.1rem; font-weight:bold; margin-top: -5rem;}
.about-contents-point4 ul{max-width: 1200px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: center; background-color:#009ccb; border-radius:10px; margin-bottom:5rem;}
.about-contents-point4 ul li{width: 25%; 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; height: 180px; border-left:1px solid #ffffff;}
.about-contents-point4 ul li:first-child{border-left:0px solid #ffffff;}
.about-contents-point4 ul li dl dd{line-height: 1.2;}
.about-contents-point4 ul li dl dd span{font-size: 4rem; margin-right:0.25rem;}
.about-contents-point4 img{max-width:200px; width:100%; margin-top:0.35rem;}
.about-contents-point-img{margin:0rem 0rem 0rem 2rem; padding-top:24rem; border-radius: 10px;}
.about-contents-point-imgB{margin:0rem 0rem 0rem 2rem; border-radius: 10px;}
.about-contents-csr{background-color:#009ccb; border-radius:10px; padding:3rem 2rem 3rem 2rem;}
.about-contents-csr-img{margin:0rem 0rem 0rem 2rem; padding-top:20rem; border-radius: 10px;}
@media screen and (max-width: 1024px) {
    .about-contents-point2{margin-top: -4rem;}
}
@media screen and (max-width: 768px) {
    .about-contents-point2{margin-top: -1rem;}
    .about-contents-point3{margin-top: -1rem;}
    .about-contents-point4{margin-top: -1rem;}
}
@media screen and (max-width: 498px) {
    .about-contents-ttl{margin-top: 0rem;}
    .about-contents-ttl h2{padding: 0rem 0rem 0.8rem 0rem;}
    .about-contents-ttl-sub p{letter-spacing: 0.05rem;}
    .about-contents-point-img{margin:0rem 0rem 0rem 0rem; padding-top:18.5rem;}
    .about-contents-point-imgB{margin:0rem 0rem 0rem 0rem;}
    .about-contents-csr-img{margin:0rem 0rem 0rem 0rem; padding-top:18.5rem;}
    .about-contents-point1{font-size:1rem;}
    .about-contents-point2{font-size:1rem;}
    .about-contents-point3{font-size:1rem;margin-bottom: 1rem;}
    .about-contents-point4{font-size:1rem;}
    .about-contents-point2 ul{flex-flow: row wrap; border-radius:0px 0px 10px 10px; margin-bottom:2rem;}
    .about-contents-point2 ul li{width:100%; height: 130px; border-bottom:1px solid #ffffff;}
    .about-contents-point2 ul li:nth-child(2){border-left:0px solid #ffffff;}
    .about-contents-point2 ul li:last-child{border-bottom:0px solid #ffffff;}
    .about-contents-point3{margin-bottom: 5rem;}
    .about-contents-point3 ul{flex-flow: row wrap; border-radius:0px 0px 10px 10px; margin-bottom:2rem;}
    .about-contents-point3 ul li{width: 100%; height: 80px; border-bottom:1px solid #ffffff;}
    .about-contents-point3 ul li:nth-child(2){border-left:0px solid #ffffff;}
    .about-contents-point3 ul li:nth-child(3){border-left:0px solid #ffffff;}
    .about-contents-point3 ul li:last-child{border-bottom:0px solid #ffffff;}
    .about-contents-point3 dl{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: row; align-items: baseline;}
    .about-contents-point4 ul{flex-flow: row wrap; justify-content: flex-start; border-radius:0px 0px 10px 10px;}
    .about-contents-point4 ul li{display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; flex-flow: column; width: 50%; box-sizing: border-box; height: 120px; padding: 0rem 1rem; border-left:0px solid #ffffff;}
    .about-contents-point4 ul li:nth-child(1){border-bottom:1px solid #ffffff;}
    .about-contents-point4 ul li:nth-child(2){ border-left:1px solid #ffffff; border-bottom:1px solid #ffffff;}
    .about-contents-point4 ul li:nth-child(4){ border-left:1px solid #ffffff;}
    .content-bottomBtn .fs_btn_text{line-height: 1.3;}
}


/*　==============================　CSR　==============================　*/
.csr-content{padding:6rem 0rem 6rem 0rem; box-sizing: border-box;}
.csr-plan-inner{margin:0rem 2rem; padding-bottom:2.5rem; box-sizing: border-box; border:1px solid #009ccb; border-radius: 10px;}
.csr-plan-ttl{font-weight:bold; font-size:1.25rem; letter-spacing:0.05rem; padding:1rem 2rem; box-sizing: border-box; background-color:#009ccb; border-radius: 10px 10px 0px 0px;}
.csr-plan-sub-ttl{font-weight:bold; padding:2.5rem 2rem 1rem 2rem;}
.csr-plan-sub-read{margin:0.5rem 2rem 0rem 2rem; background-color:#ecf1fa; padding:1rem 1.5rem 1rem 1.5rem; box-sizing: border-box; border-radius: 10px;}
.csr-active-sub-ttl{font-weight:bold; font-size:1.25rem; letter-spacing:0.05rem; padding:1rem 2rem; margin:0rem 2rem 1rem 2rem; box-sizing: border-box; background-color:#009ccb; border-radius: 10px;}
.csr-active-img{padding:0rem 1.5rem;}
.csr-active-img img{border-radius: 10px;}


/*　==============================　事業内容　==============================　*/
.business-img{margin:0rem 2rem; padding-top:26.8rem; border-radius: 10px;}
.business-category-ttl{font-size:2rem; font-weight:bold; color:#009ccb; padding:1rem 0rem 1.5rem 2rem;}
@media screen and (max-width: 498px) {
    .business-img{margin:2rem 2rem 0rem 2rem; padding-top:18.5rem;}
}
/*　--------------------　事業リスト　--------------------　*/
.business-contentR{background-position: top 1.25rem right 0rem; background-size: 1200px 390px;}
.business-contentL{background-position: top 1.25rem left 0rem; background-size: 1200px 390px;}
@media screen and (max-width: 1200px) {
    .business-contentR{background-position: top 2.5rem right -2rem; background-size: auto;}
    .business-contentL{background-position: top 2.5rem left -2rem; background-size: auto;}
}
@media screen and (max-width: 498px) {
    .business-contentR{background-position: top 2.5rem right 5rem; background-size: cover;}
    .business-contentL{background-position: top 2.5rem right 5rem; background-size: cover;}
    .business-contentR > div > div > div{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column-reverse wrap; justify-content: flex-start;}
}
.business-item{font-size: 0.85rem; margin:0rem 2rem;}
.business-item ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start;}
.business-item ul li{width: 32%; 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; margin-right:2%; margin-bottom:2%;}
.business-item ul li:nth-child(3n){margin-right:0%;}
.business-item ul 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; text-align: center; width: 100%; padding: 1.1rem 0rem;}
.business-item ul li div{color:#ffffff; background-color:#009ccb; border: 1px solid #009ccb; border-radius:10px;}
.business-item-S{font-size: 0.85rem; margin:0rem 2rem;}
.business-item-S ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start;}
.business-item-S ul li{width: 32%; 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; margin-right:2%; margin-bottom:2%;}
.business-item-S ul li:nth-child(3n){margin-right:0%;}
.business-item-S ul 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; text-align: center; width: 100%; padding: 0.25rem 0rem;}
.business-item-S ul li div{color:#ffffff; background-color:#009ccb; border: 1px solid #009ccb; border-radius:10px;}
/*　--------------------　認可許可リスト　--------------------　*/
.business-licenseList{text-align: justify; background-color: rgba(255,255,255,1.00); margin: 0rem 2rem 0rem 2rem; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
.business-licenseList ul{max-width: 100%; font-size: 1rem; line-height: 1.4rem;}
.business-licenseList ul li{border-bottom: 1px solid #ecf1fa; padding: 1.5rem 0rem;}
.business-licenseList ul li:first-child{color:#ffffff; background-color: #009CCB; font-size: 0.9rem; font-weight: bold; padding: 1rem 0rem; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -o-border-radius: 10px 10px 0px 0px; -ms-border-radius: 10px 10px 0px 0px; border-bottom: 0px solid #ecf1fa;}
.business-licenseList ul li:first-child dl dt{color:#ffffff;}
.business-licenseList ul li:last-child{border-bottom: 0px solid #ecf1fa;}
.business-licenseList ul li dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
.business-licenseList ul li dl dt{font-weight:bold; color:#009ccb; align-self: stretch; text-align: justify; padding: 0rem 0rem 0rem 1.5rem; width: 50%;}
.business-licenseList ul li dl dd:nth-child(2){align-self: stretch; text-align: justify; padding-right: 1rem; width: 25%; box-sizing: border-box;}
.business-licenseList ul li dl dd:nth-child(3){align-self: stretch; text-align: justify; padding-right: 1rem; width: 25%; box-sizing: border-box;}
@media screen and (max-width: 498px) {
    .business-licenseList ul li:first-child{display:none;}
    .business-licenseList ul li dl{flex-flow: row wrap;}
    .business-licenseList ul li dl dt{padding: 0rem 0rem 0.5rem 2rem; width: 100%;}
    .business-licenseList ul li dl dd:nth-child(2){padding: 0rem 0rem 0rem 2rem; width: auto;}
    .business-licenseList ul li dl dd:nth-child(3){padding: 0rem 0rem 0rem 1rem; width: auto;}
}


/*　==============================　設備紹介　==============================　*/
.machine-category-ttl{font-size:1.5rem; font-weight:bold; color:#ffffff; background-color:#009ccb; padding:1rem 2rem 1rem 2rem; margin:0rem 2rem 2.5rem 2rem; border-radius:10px;}
.machine-category-maT{margin-top: -2rem;}
@media screen and (max-width: 498px) {
    .machine-category-maT{top: -2rem; margin-top: 0rem; margin-bottom: 0rem; position: relative;}
}
/*　--------------------　設備テーブル　--------------------　*/
.machine-tb{margin: 0rem 2rem 0rem 2rem; position: relative; z-index: 1;}
.machine-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: flex-start; width:100%;}
.machine-tb ul li{width:48%; margin-bottom:3rem;}
.machine-tb ul li:nth-child(even){margin-left:4%;}
.machine-tb dl{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: flex-start; align-items: flex-start; width:100%;}
.machine-tb dl dt{width:340px;}
.machine-tb dl dt img{width:100%; border-radius: 10px;}
.machine-tb dl dd{font-weight:bold; width:calc(100% - 340px - 1rem); padding-left:1rem; box-sizing: border-box;}
.machine-tb dl dd p:nth-child(odd){font-weight:bold; font-size:0.85rem; color:#75cae3;}
.machine-tb dl dd p:nth-child(even){margin-bottom:0.5rem;}
.machine-tb dl dd p:last-child{margin-bottom:0rem;}
@media screen and (max-width: 1024px) {
    .machine-tb ul li{background-color:#ffffff; border-radius:10px;}
    .machine-tbB ul li{background-color:#ecf1fa; border-radius:10px;}
    .machine-tb dl dt{width:210px;}
    .machine-tb dl dt img{border-radius: 10px 0px 0px 10px;}
    .machine-tb dl dd{font-weight:bold; width:calc(100% - 210px - 1rem); padding:0.75rem 0rem 0.5rem 1rem; 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; align-items: flex-start;}
    .machine-tb dl dd p:nth-child(odd){width:60px;}
    .machine-tb dl dd p:nth-child(even){width:calc(100% - 60px);}
}
@media screen and (max-width: 798px) {
    .machine-tb dl{flex-flow: column wrap;}
    .machine-tb dl dt{width:100%;}
    .machine-tb dl dt img{border-radius: 10px 10px 0px 0px;}
    .machine-tb dl dd{font-weight:bold; width:100%; padding: 0.75rem 0.5rem 0.5rem 0.5rem;}
}
@media screen and (max-width: 498px) {
    .machine-tb dl dd p:nth-child(odd){width:60px;}
    .machine-tb dl dd p:nth-child(even){width:calc(100% - 60px);}
}


/*　==============================　代表事例　==============================　*/
/*　--------------------　代表事例ボタン　--------------------　*/
.case-enterBtn{border: 1px solid #ffffff;}
.case-enterBtn .fs_btn{padding: 4rem 2rem 4rem 2rem; background-color:rgba(0,0,0,0.4);}
.case-enterBtn .fs_btn:hover{background-color:rgba(0,156,203,0.8)}
.case-enterBtn .fs_btn .fs_btn_text_main{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; font-weight:bold; font-size: 1.4rem; letter-spacing: 0.2rem; letter-spacing: 0.2rem; padding: 3.5rem 0rem 2.5rem 0rem; font-family: 'Bebas Neue', 'Roboto', "Noto Sans JP", 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}
.case-enterBtn-tl{border-radius: 10px 0px 0px 0px;}
.case-enterBtn-tl .fs_btn{border-radius: 10px 0px 0px 0px;}
.case-enterBtn-tr{border-radius: 0px 10px 0px 0px;}
.case-enterBtn-tr .fs_btn{border-radius: 0px 10px 0px 0px;}
.case-enterBtn-bl{border-radius: 0px 0px 0px 10px;}
.case-enterBtn-bl .fs_btn{border-radius: 0px 0px 0px 10px;}
.case-enterBtn-br{border-radius: 0px 0px 10px 0px;}
.case-enterBtn-br .fs_btn{border-radius: 0px 0px 10px 0px;}
@media screen and (max-width: 498px) {
    .case-enterBtn{border-right: none; border-bottom: 1px solid #ffffff;}
    .case-enterBtn .fs_btn{font-size:1.2rem!important; background-color:rgba(0,0,0,0.75); padding: 0.5rem 0.5rem 0.55rem 0.5rem; border-radius: 0px;}
    .case-enterBtn-tl{border-radius: 10px 10px 0px 0px;}
    .case-enterBtn-tl .fs_btn{border-radius: 10px 10px 0px 0px;}
    .case-enterBtn-tr{border-radius: 0px 0px 0px 0px;}
    .case-enterBtn-bl{border-radius: 0px 0px 0px 0px;}
    .case-enterBtn-br{border-radius: 0px 0px 10px 10px;}
    .case-enterBtn-br .fs_btn{border-radius: 0px 0px 10px 10px;}
    .case-enterBtn .fs_btn .fs_btn_text_main{padding: 3.5rem 1.5rem 2.5rem 1.5rem;}
}
.case-page{padding:0rem 2rem;}
.case-page .eachArticle{background-color: #ecf1fa; border-radius:0px 0px 10px 10px;}
.case-page #archiveBoxesC3 .archiveEachBox{margin-right: 3%; margin-bottom: 1.5rem; width: 31.25%;}
.case-page #archiveBoxesC3 .archiveEachBox:nth-child(3n){margin-right: 0%;}
.case-page img{border-radius:10px 10px 0px 0px;}
.case-page .post-time{display:none;}
.case-page .post-title{margin: 1rem 1rem 0.25rem 1rem; font-weight: bold;}
.case-page .description{font-size: 1rem; padding: 0rem 1rem 1rem 1rem}
@media screen and (max-width: 498px) {
    .case-page #archiveBoxesC3 .archiveEachBox{width: 100%; margin:0rem 0rem 2.5rem 0rem!important;}
}
.case-page-fixed{padding:0rem 2rem;}
.case-page-fixed .eachArticle{background-color: #ecf1fa; border-radius:0px 0px 10px 10px;}
.case-page-fixed #archiveBoxesC3 .archiveEachBox{margin-right: 0.1rem; margin-bottom: 1.5rem; width: calc(33.33% - 0.1rem);}
.case-page-fixed #archiveBoxesC3 .archiveEachBox:nth-child(3n){margin-right: 0%;}
.case-page-fixed img{border-radius:10px 10px 0px 0px;}
.case-page-fixed .post-time{display:none;}
.case-page-fixed .post-title{margin: 1rem 1rem 0.25rem 1rem; font-weight: bold;}
.case-page-fixed .description{font-size: 1rem; padding: 0rem 1rem 1rem 1rem}
@media screen and (max-width: 498px) {
    .case-page-fixed #archiveBoxesC3 .archiveEachBox{width: 100%; margin:0rem 0rem 2.5rem 0rem!important;}
}
/*　--------------------　施工実績へのボタン　--------------------　*/
.case-worksBtn{margin:0rem 2rem;}
.case-worksBtn{border-radius:10px;}
.case-worksBtn .fs_btn{border-radius: 10px; padding: 6rem 0.5rem 6rem 1.5rem; background-color:rgba(0,0,0,0.75)}
.case-worksBtn .fs_btn:hover{background-color:rgba(0,0,0,0.2)}
.case-worksBtn .fs_btn .fs_btn_text_main{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.2rem; letter-spacing: 0.2rem; padding: 3.5rem 2rem 0.25rem 2rem; font-family: 'Bebas Neue', 'Roboto', "Noto Sans JP", 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}
.case-worksBtn .fs_btn .fs_btn_text_main:before{content: ""; width: 2.2rem; height: 1px; background: #009ccb; margin: -0.2rem 0.5em 0rem 0rem;}
.case-worksBtn .fs_btn .fs_btn_text_sub{font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1rem; padding: 0rem 2rem 2.5rem 4.8rem;}
@media screen and (max-width: 498px) {
    .case-worksBtn{margin-top:0rem;}
    .case-worksBtn{border-top: none; border-bottom: 0px solid #ffffff;}
    .case-worksBtn .fs_btn{font-size:1.2rem!important; line-height: 1.5; background-color:rgba(0,0,0,0.75); padding: 0.5rem 0.5rem 0.55rem 1.5rem;}
}


/*　==============================　施工実績　==============================　*/
.works-searchArea{background-color:#ecf1fa; padding:14rem 0rem;}
.fs_csv_search{margin:-21rem 2rem 8rem 2rem;}
.fs_csv_search button#kensaku{margin-bottom:10rem;}
#cID285 #pt002-3-1{background-color:#ffffff;}
.csv-works-tb ul{background-color: #ecf1fa; border-radius: 0px 0px 10px 10px;}
@media screen and (max-width: 768px) {
    .works-searchArea{padding:23rem 0rem;}
    .fs_csv_search{margin:-41rem 2rem 8rem 2rem;}
}
@media screen and (max-width: 498px) {
    .fs_csv_search button#kensaku{padding: 1.5rem 1rem 0.75rem 1rem;}
    .fs_csv_search button#kensaku i{margin: 1px 0px 0px 10px;}
    .csv-works-tb dl{padding: 0rem 1rem; box-sizing: border-box;}
    .csv-works-tb ul li dl dt{width: 80px;}
    .csv-works-tb ul li dl dd:nth-child(3){width: calc(100% - 100px - 80px);}
    .csv-works-tb dl dt{text-align: justify; padding: 1.5rem 0rem 1.5rem 0rem;}
    .csv-works-tb ul li:first-child dl dd{padding: 1rem 0rem 1rem 1rem;}
    .csv-works-tb dl dd{text-align: justify; padding: 1.5rem 0rem 1.5rem 1rem;}
    .csv-works-tb dl dd:nth-child(2){width: 90px!important;}
}

/*　==============================　企業情報　==============================　*/
/*　--------------------　会長挨拶の設定　--------------------　*/
.message-img{padding-top:36rem; border-radius: 0px 10px 10px 0px;}
.message-catch{font-size: 2rem; letter-spacing: 0.05rem; margin-bottom: 1.5rem; line-height: 1.4;}
.message-read{}
.message-name{padding-top: 1.5rem;}
.message-name span{}
.message-contentR{padding:0rem 0rem 0rem 3rem;}
.message-contentR-inner{width: 100%; max-width: 520px; margin:0rem auto 0rem 0rem; padding-right:2rem; box-sizing: border-box;}
@media screen and (max-width: 498px) {
    .message-catch{font-size: 1.75rem;}
    .message-img{padding-top:24.5rem; margin:0rem 2rem 2.5rem 0rem;}
    .message-contentR{padding:0rem 0rem 0rem 2rem;}
}

/*　--------------------　代表挨拶の設定　--------------------　*/
.message-img02{padding-top:36rem; border-radius: 10px 0px 0px 10px;}
.message-catch{font-size: 2rem; letter-spacing: 0.05rem; margin-bottom: 1.5rem; line-height: 1.4;}
.message-read{}
.message-name{padding-top: 1.5rem;}
.message-name span{}
.message-contentL{padding:0rem 0rem 0rem 3rem;}
.message-contentL-inner{width: 100%; max-width: 520px; margin:0rem auto 0rem 0rem; padding-left:2rem; box-sizing: border-box;}
@media screen and (max-width: 498px) {
    .message-catch{font-size: 1.75rem;}
    .message-img02{padding-top:24.5rem; margin:0rem 2rem 2.5rem 0rem;}
    .message-contentL{padding:0rem 0rem 0rem 2rem;}
}

/*　--------------------　経営理念の設定　--------------------　*/
.management-tb{padding: 3rem 0rem;}
.management-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%; position: relative; margin-bottom: 1.5rem;}
.management-tb dl:before{content: ''; display: block; position: absolute; top: 50%; left: 200px; width: 30px; height: 1px; background-color: #000000;}
.management-tb dl:after{content: ''; display: block; position: absolute; top: -4px; left: 85px; width: 34px; height: 34px; border-radius: 17px; background-color: #009ccb;}
.management-tb dl dt{font-weight:bold; text-align: center; width:200px; box-sizing: border-box; z-index: 1;}
.management-tb dl dd{width:calc(100% - 200px); box-sizing: border-box; padding: 0rem 0rem 0rem 4rem;}
@media screen and (max-width: 1024px) {
    .management-tb dl:after{top: -6px;}
}
@media screen and (max-width: 768px) {
    .management-tb dl:after{top: -6px; left:45px;}
    .management-tb dl:before{top: 9px; left: 120px;}
    .management-tb dl dt{width:120px;}
    .management-tb dl dd{width:calc(100% - 120px);}
}
@media screen and (max-width: 498px) {
    .management-tb{background-size: 100%!important; padding:1rem 0rem 3rem 0rem;}
    .management-tb dl:after{top: -7px; left:34px;}
    .management-tb dl:before{top: 7px; left: 100px;}
    .management-tb dl dt{width:96px;}
    .management-tb dl dd{width:calc(100% - 96px);}
}

/*　--------------------　社訓社是心得の設定　--------------------　*/
.company-policy{}
.company-policy{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; width:100%;}
.company-policy .pA{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: space-between; align-items: stretch; width:67%;}
.company-policy .pA img{width:49.5%; margin-bottom:5px;}
.company-policy .pA img:nth-child(1){order:0;}
.company-policy .pA img:nth-child(2){order:2;}
.company-policy .pA img:nth-child(3){order:4;}
.company-policy .pA img:nth-child(4){order:6;}
.company-policy .pA img:nth-child(5){order:1;}
.company-policy .pA img:nth-child(6){order:3;}
.company-policy .pA img:nth-child(7){order:5;}
.company-policy .pA img:nth-child(8){order:7;}
.company-policy .pB{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: space-between; align-items: stretch; width:32.5%;}
.company-policy .pB img{width:100%; margin-bottom:5px;}
@media screen and (max-width: 498px) {
    .company-policy{flex-flow: column wrap;}
    .company-policy .pA{flex-flow: column wrap; width:100%;}
    .company-policy .pA img{width:100%;}
    .company-policy .pA img:nth-child(1){order:0;}
    .company-policy .pA img:nth-child(2){order:1;}
    .company-policy .pA img:nth-child(3){order:2;}
    .company-policy .pA img:nth-child(4){order:3;}
    .company-policy .pA img:nth-child(5){order:4;}
    .company-policy .pA img:nth-child(6){order:5;}
    .company-policy .pA img:nth-child(7){order:6;}
    .company-policy .pA img:nth-child(8){order:7;}
    .company-policy .pB{flex-flow: column wrap; width:100%;}
}


/*　--------------------　表彰の設定　--------------------　*/
.commendation-block{background-color: #ffffff; border-radius: 10px; padding: 2.5rem 2.5rem 1.75rem 2.5rem;}
.commendation-block .spotlight-group li{width: 49.5%!important;}
.commendation-block .spotlight-group li:nth-child(2n){margin:0rem 0% 1% 0rem!important}
.commendation-block .spotlight.image{border-radius: 10px; -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.2); box-shadow: 4px 4px 5px rgba(0,0,0,0.2);}
@media screen and (max-width: 768px) {
    .commendation-block{padding: 1rem 1rem 1rem 1rem;}
    .spotlight-group li:nth-child(3n){margin:0rem 1% 1% 0rem!important}
}
/*　--------------------　企業情報ボタン　--------------------　*/
.companyBtn{border-radius: 10px; margin-bottom:0.5rem;}
.companyBtn .fs_btn{border-radius: 10px; padding: 6rem 0.5rem 9rem 0.5rem; background-color:rgba(0,156,203,0.8)}
.companyBtn .fs_btn:hover{background-color:rgba(0,156,203,0.2)}
.companyBtn .fs_btn .fs_btn_text_main::after{content: ''; position: relative; display: block; width: 1px; height: 40px; margin: auto; background-color: #ffffff;}
.companyBtn .fs_btn .fs_btn_text_sub{font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1rem; margin-top: 1rem;}
@media screen and (max-width: 498px) {
    .companyBtn .fs_btn{font-size:1.2rem!important; background-color:rgba(0,0,0,0.5); padding: 2.5rem 0.5rem 3.55rem 0.5rem;}
    .companyBtn .fs_btn .fs_btn_text_main::after{height: 26px;}
}

.company-contents-ttl-subBL{margin-bottom:2rem;}
.company-contents-ttl-subBL h3{color: #030d26; font-size:1.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 0.25rem 0.1rem;}
.company-contents-ttl-subBL p{color:#030d26; font-size:1.35rem; font-weight:bold; letter-spacing: 0.1rem;}
.company-contents-ttl-subWH{margin-bottom:2rem;}
.company-contents-ttl-subWH h3{color: #ffffff; font-size:1.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 0.25rem 0.1rem;}
.company-contents-ttl-subWH p{color:#ffffff; font-size:1.35rem; font-weight:bold; letter-spacing: 0.1rem;}

/*　==============================　会社概要　==============================　*/
.company-license-slide{margin:2rem 2rem 0rem 2rem;}
.company-license-slide .slick-prev:before, .company-license-slide .slick-next:before{color: #009ccb; font-size: 30px;}
.company-license-slide .slick-list{margin: 0rem!important;}
.company-license-slide .slick-slide{margin: 0 0.05% 0.05% 0.05%!important;}
.company-license-slide img{border-radius: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.company-organization-figure{margin:0rem 2rem;}
.company-organization-figure img{max-width: 750px;}
.company-organizationArea{background-color:#cccccc;}
.company-organizationAreaBg{}
/*　--------------------　概要の設定　--------------------　*/
.outline-tb{padding: 0rem 2rem 0rem 2rem;}
.outline-tb ul{width:100%;}
.outline-tb ul li{width:100%;}
.outline-tb dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width:100%;}
.outline-tb dl dt{font-weight:bold; color:#ffffff; width:220px; padding:1.5rem 0rem 1.5rem 1.5rem; border-top:1px solid #ffffff; box-sizing: border-box; background-color: #009ccb;}
.outline-tb dl dd{width:calc(100% - 220px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #efefef; box-sizing: border-box;}
.outline-tb i{color:#030d26;}
@media screen and (max-width: 1211px) {
    .outline-tb dl dt{width:33%;}
    .outline-tb dl dd{width:67%;}
}
@media screen and (max-width: 498px) {
    .outline-tb{padding: 0rem 2rem 0rem 2rem;}
    .outline-tb dl{flex-flow: column wrap;}
    .outline-tb dl dt{text-align: justify; width:100%; padding:0.5rem 0rem 0.5rem 1rem; border-top:0px solid #cccccc;}
    .outline-tb dl dd{width:100%; padding:1rem 0rem 1rem 1rem; border-top:0px solid #009ccb; border-left:1px solid #009ccb;}
}
/*　--------------------　沿革の設定　--------------------　*/
.history-tb{padding: 0rem 2rem 2rem 2rem;}
.history-tb ul{width:100%;}
.history-tb ul li{width:100%;}
.history-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%;}
.history-tb dl dt{font-weight:bold; color:#ffffff; width:220px; padding:1.5rem 0rem 1.5rem 1.5rem; border-top:1px solid #ffffff; box-sizing: border-box; background-color: #009ccb;}
.history-tb dl dd{width:calc(100% - 220px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #efefef; box-sizing: border-box;}
@media screen and (max-width: 1211px) {
    .history-tb dl dt{width:33%;}
    .history-tb dl dd{width:67%;}
}
@media screen and (max-width: 498px) {
    .history-tb{padding: 0rem 2rem 0rem 2rem;}
    .history-tb dl{flex-flow: column wrap;}
    .history-tb dl dt{text-align: justify; width:100%; padding:0.5rem 0rem 0.5rem 1rem; border-top:0px solid #cccccc;}
    .history-tb dl dd{width:100%; padding:1rem 0rem 1rem 1rem; border-top:0px solid #009ccb; border-left:1px solid #009ccb;}
}
.company-bottomBtn{border-radius:10px;}

/*　==============================　アクセス　==============================　*/
.access-mainImg{padding-top:27rem; border-radius:10px;}
.access-main-ttl{margin:2rem 0rem 1.5rem 0rem}
.access-main-ttl p{font-size:1.5rem; font-weight:bold; color:#009ccb; padding:0rem 2rem 1.35rem 2rem; border-bottom: 1px solid #eaedf2; position: relative;}
.access-main-ttl p:before{content: ""; position: absolute; bottom: -1px; left: 0; width: 160px; height: 4px; background: #009ccb;}
.access-main-read{margin:0rem 0rem 0rem 2rem;}
.access-mapBtnMain .fs_btn{max-width:240px; width:100%;}
.access-mapBtn .fs_btn{max-width:180px; width:100%;}
.access-main-map{margin-top:-2.5rem; margin-left:3.5rem;}
.access-main-map iframe{border-radius: 10px;}

.access-subBox{background-color:#ffffff; margin:0rem 0rem 4rem 0rem; border-radius:10px;}
.access-subImg{padding-top:20.5rem; border-radius:10px 10px 0px 0px;}
.access-sub-map iframe{border-radius: 10px;}
.access-category-ttl{border-radius:10px;}
@media screen and (max-width: 498px) {
    .access-mainImg{padding-top:18.5rem;}
    .access-main-ttl{margin: 1.5rem 0rem 1.25rem 0rem;}
    .access-main-ttl p{padding:0rem 0rem 1rem 0rem;}
    .access-main-read{margin:0rem 0rem 0rem 0rem;}
    .access-main-map{margin-top:0rem; margin-left:0rem;}
    .access-main-map iframe{height: 280px!important;}
    .access-subImg{padding-top:18.5rem;}
    .access-sub-map iframe{height: 240px!important;}
}

/*　==============================　採用情報　==============================　*/
.recruit-contentsR .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:100%; margin-bottom:4.5rem;}
.recruit-contentsL .ccm-layout-row-1{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:100%; margin-bottom:4.5rem;}
.recruit-contentsR .ccm-layout-row-1 > div:nth-child(1){order:0;}
.recruit-contentsR .ccm-layout-row-1 > div:nth-child(2){order:1;}
@media screen and (max-width: 498px) {
.recruit-contentsR .ccm-layout-row-1{flex-flow: column wrap;}
.recruit-contentsL .ccm-layout-row-1{flex-flow: column wrap;}
.recruit-contentsR .ccm-layout-row-1 > div:nth-child(1){order:1;}
.recruit-contentsR .ccm-layout-row-1 > div:nth-child(2){order:0;}
}

.recruit-contents-ttl-subBL{margin-bottom:2rem;}
.recruit-contents-ttl-subBL h3{color: #030d26; font-size:1.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 0.25rem 0.1rem;}
.recruit-contents-ttl-subBL p{color:#030d26; font-size:1.35rem; font-weight:bold; letter-spacing: 0.1rem;}
.recruit-contents-ttl-subWH{margin-bottom:2rem;}
.recruit-contents-ttl-subWH h3{color: #ffffff; font-size:1.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 0.25rem 0.1rem;}
.recruit-contents-ttl-subWH p{color:#ffffff; font-size:1.35rem; font-weight:bold; letter-spacing: 0.1rem;}

.recruit-message-img{border-radius:10px; margin:0rem 1rem 0rem 1rem; padding-top:24rem;}
.recruit-messageBox{margin: 0rem 1rem;}
.recruit-messageBox p:nth-child(1){color: #009ccb; font-weight: bold; font-size: 1.3rem; margin-bottom: 0.75rem;}
.recruit-messageBox p:nth-child(2){}
.recruit-support-contents{background-color:#ffffff; border-radius:10px; padding:2.5rem 2rem;}
.recruit-support-contents 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%;}
.recruit-support-contents dl dt{color: #009cbc; font-size: 1.5rem; font-weight: bold;width:440px;}
.recruit-support-contents dl dd{width:calc(100% -440px);}
.welfare-gallery .slick-list{margin:0rem!important;}
.welfare-gallery .slick-slide{margin:0rem 0.1rem 0rem 0.1rem!important;}
.welfare-gallery .slick-next{right: 15px!important;}
.welfare-gallery .slick-prev, .welfare-gallery .slick-next{top: 46%;}
.welfare-gallery .slick-prev:before, .welfare-gallery .slick-next:before{color:#009ccb; font-size: 2.5rem;}
.guideline-btn .fs_btn{line-height: 1.7; padding-top: 1.1rem!important; padding-bottom: 1rem!important;}
@media screen and (max-width: 498px) {
    .recruit-message-img{padding-top:21rem;}
    .recruit-messageBox{margin: 1.5rem 1rem 0rem 1rem;}
    .recruit-support-contents dl{flex-flow: row wrap;}
    .recruit-support-contents dl dt{text-align: center; max-width: 440px; width: 100%; margin-bottom: 1rem;}
}

/*　==============================　募集要項　==============================　*/
.guideline-whiteArea > div > div{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-whiteArea > div > div > div{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; align-items: stretch;}
.guideline-whiteBox{background-color:#ffffff; border-radius:10px; box-sizing: border-box; margin-bottom:2rem; padding:2.5rem 2rem 1.5rem 2rem; width: 100%;}
@media screen and (max-width: 498px) {
.guideline-whiteBox{padding:2.5rem 0rem 1.5rem 0rem;}
}
/*　--------------------　募集要項の設定　--------------------　*/
.guideline-tb{padding: 0rem 0rem 0rem 0rem;}
.guideline-tb ul{width:100%;}
.guideline-tb ul li{width:100%;}
.guideline-tb dl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width:100%;}
.guideline-tb ul li:first-child dl dt{border-top:0px solid #009ccb;}
.guideline-tb ul li:first-child dl dd{border-top:0px solid #cccccc;}
.guideline-tb dl dt{width:220px; padding:1.5rem 0rem 1.5rem 0rem; border-top:1px solid #009ccb; box-sizing: border-box;}
.guideline-tb dl dd{width:calc(100% - 220px); padding:1.5rem 0rem 1.5rem 2rem; border-top:1px solid #cccccc; box-sizing: border-box;}
.guideline-tb i{color:#cccccc;}
@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{padding: 0rem 2rem 0rem 2rem;}
    .guideline-tb dl{flex-flow: column wrap;}
    .guideline-tb dl dt{text-align: justify; color:#009ccb; width:100%; padding:1rem 0rem 0rem 0rem; border-top:1px solid #cccccc;}
    .guideline-tb dl dd{width:100%; padding:0.5rem 0rem 1rem 0rem; border-top:0px solid #009ccb;}
}


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


/*　==============================　お問い合わせ　==============================　*/
/* Checkbox */
.contact-f input[type=checkbox]{width:auto!important;}
.contact-f input[type=checkbox]:before,
.contact-f input[type=checkbox]:after{position: absolute; content: ""; background: #fff; transition: all .2s ease-in-out;}
.contact-f input[type=checkbox]:before{left: 2px; top: 6px; width: 0; height: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
.contact-f input[type=checkbox]:after{right: 9px; bottom: 3px; width: 2px; height: 0; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transition-delay: .2s;}
.contact-f input[type=checkbox]:checked:before{left: 1px; top: 10px; width: 6px; height: 2px;}
.contact-f input[type=checkbox]:checked:after{right: 5px; bottom: 1px; width: 2px; height: 14px;}
.contact-f input[type=checkbox]:indeterminate:before, .contact-f input[type=checkbox]:indeterminate:after{width: 7px; height: 2px; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0);}
.contact-f input[type=checkbox]:indeterminate:before{left: 1px; top: 7px;}
.contact-f input[type=checkbox]:indeterminate:after{right: 1px; bottom: 7px;}
/* Radio */
.contact-f input[type=radio]{width:auto!important;}
.contact-f input[type=radio]{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; vertical-align: -0.8rem; transition:all .15s ease-out 0s; color: #fff; cursor: pointer; display: inline-block; margin: 0.45rem 0rem; outline: none;}
.contact-f input[type=radio]{border-radius: 50%!important; border: 2px solid #009ccb!important; background-color: #ffffff!important; padding:0%!important;}
.contact-f input[type=radio]:checked:before{transform: scale(1);}
.contact-f input[type=radio]:before{content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; margin: 3px; transform: scale(0); transition: all ease-out 250ms;}
/* Colors */
.contact-f input[type=checkbox], .contact-f input[type=radio]{border: 2px solid #009ccb;}
.contact-f input[type=checkbox]:checked, .contact-f input[type=checkbox]:indeterminate,input[type=radio]:checked:before{background: #009ccb;}

input[type="submit"] {appearance: none; -webkit-appearance: none;}
.contact-f{margin: 0rem 2rem 2rem 2rem; padding: 0rem 2rem 2.5rem 2rem; background-color: #ecf1fa; border-radius: 10px;}
.contact-f .formBlockSurveyTable dl:nth-child(1) dd{width:400px; 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;}
.contact-f .formBlockSurveyTable dl:nth-child(2) dd{width:400px; 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;}
.contact-f .formBlockSurveyTable dl:nth-child(1) dt{margin-top: 0rem!important;}
.contact-f .formBlockSurveyTable dl:nth-child(1) dd div{max-width:200px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(2) dd div{max-width:80px; margin-right:1rem;}
.contact-f .formBlockSurveyTable dl:nth-child(3) dd{max-width:600px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(3) input{height:52px;}
.contact-f .formBlockSurveyTable dl:nth-child(4) dd{max-width:600px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(4) input{height:52px;}
.contact-f .formBlockSurveyTable dl:nth-child(5) dd{max-width:600px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(5) input{height:52px;}
.contact-f .formBlockSurveyTable dl:nth-child(6) dd{max-width:800px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(6) input{height:52px; padding: 1.5% 1.5%;}
.contact-f .formBlockSurveyTable dl:nth-child(6) input[name^="input_zip11"]{max-width:330px; width:100%; padding: 1.5% 1.5%;}
.contact-f .formBlockSurveyTable dl:nth-child(7) dd{max-width:600px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(7) input{height:52px;}
.contact-f .formBlockSurveyTable dl:nth-child(8) dd{max-width:600px; width:100%;}
.contact-f .formBlockSurveyTable dl:nth-child(8) input{height:52px;}
.contact-f .formBlockSurveyTable dl:nth-child(9) dd{max-width:1150px; width:100%;}
.contact-f .formBlockSurveyTable dl dt{color: #1a1a1a; text-align: left; width: 100%; margin-right: 0%!important; font-weight: bold; font-size: 1rem; margin-top: 1rem; padding: 2px 0 0.5% 0;}
.contact-f .formBlockSurveyTable dl dd{width: 100%;}
.contact-f .formBlockSurveyTable dl{padding: 0.5% 0;}
.contact-f .formBlockSurveyTable dl dd input{width:100%;}
.contact-f .formBlockSurveyTable dl dd textarea{width:100%;}
.contact-f .formBlockSurveyTable dl dd input, .contact-f .formBlockSurveyTable dl dd textarea{font-size: 1rem; resize: none; border-radius: 8px; padding: 1.5%; border: 1px solid #009ccb; box-sizing: border-box; background-color:#ffffff;}
.contact-f select{padding: 1rem 0.5rem; background-color: #f2f2f2; border: 1px solid #f2f2f2;}
.contact-f .formBlockSubmitButton{width:240px!important; text-align:center!important; background-color: #009ccb!important; color:#ffffff; border:1px solid #009ccb!important; border-radius: 12px!important; transition:0.6s;}
.contact-f .formBlockSurveyTable dl dd input[type=checkbox]{width:15px!important;}
.contact-f .formBlockSubmitButton:hover{background-color: #ffffff!important; border:1px solid #009ccb; color:#009ccb; transition:0.6s;}
@media screen and (max-width: 498px) {
    .contact-f .formBlockSurveyTable dl:nth-child(1) dd div {width: auto;}
    .contact-f .formBlockSurveyTable dl:nth-child(1) input{width: auto;}
    .contact-f .formBlockSurveyTable dl dd{width: 100%!important;}
    .contact-f .formBlockSurveyTable dl dd input, .contact-f .formBlockSurveyTable dl dd textarea{width: 100%;}
    .contact-f .formBlockSubmitButton{font-size: 1.25rem; padding: 0.75rem 0rem!important; width:100%!important;}
    .contact-f .miniSurveyView input[type="text"], .contact-f .miniSurveyView input[name^="Question"], .contact-f .miniSurveyView textarea[name^="Question"]{font-size: 16px !important; transform: scale(1)!important;}
}


/*　==============================　サイトのご利用について　==============================　*/
/*　--------------------　サイトのご利用についての設定　--------------------　*/
.contentA-hr{border-color: #2B3035; margin: 3rem 2rem;}
.contentA-hr-u{border-color: #bababa; margin: 2rem 2rem 2rem 4rem;}
.contentA-detailTx{margin: 0rem 2rem 0rem 4rem;}
.contentA-detailTx table{width:100%; border:none;}
.contentA-detailTx th{font-size: 1.2rem; font-weight: normal; width:70px;}
.contentA-detailTx td{width:calc(100% - 70px);}
.sitepolicy-requirements{margin:1.5rem 2rem 1.5rem 4rem;}
.sitepolicy-requirements ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;}
.sitepolicy-requirements li{width:35%;}
.sitepolicy-requirements dt{font-weight:bold;}
.sitepolicy-requirements dd{margin-top: 0.5rem; margin-left: 0.75rem;}
@media screen and (max-width: 498px){
    .contentA-hr-u{margin: 2rem 2rem 2rem 2rem;}
    .contentA-detailTx{margin: 0rem 2rem 0rem 2rem;}
    .contentA-detailTx th{width:35px;}
    .contentA-detailTx td{width:calc(100% - 35px);}
    .sitepolicy-requirements{margin:2rem 2rem 2rem 2rem;}
    .sitepolicy-requirements li{width: 50%;}
    .sitepolicy-requirements dd{margin-top: 0.5rem; margin-left: 0rem; letter-spacing: -0.01rem;}
}


/*　==============================　ヘッダー部分　==============================　*/
/*　--------------------　ヘッダーロゴの設定　--------------------　*/
#topLogo img {max-width:330px;}
@media screen and (min-width: 1201px) {
    #topLogo {padding: 1.9rem 0rem 1.6rem 2rem;}
}
@media screen and (max-width: 1200px) {
    #topLogo {padding:1.9rem 0rem 1.5rem 2rem;}
}
@media screen and (max-width: 768px) {
    #topLogo {padding: 1.5rem 0rem 1.3rem 1.5rem;}
    #topLogo img {width:240px;}
}
@media screen and (max-width: 498px) {
    #topLogo {padding: 1.6rem 0rem 1rem 1.5rem; width: 75%;}
    #topLogo img {width:240px;}
}
.header-btnContact{padding:0rem 0rem 0rem 0.25rem;}
.header-btnContact .fs_btn{width: 100%; border-radius: 0px 0px 0px 0px;}
.sdgs-banner{width:320px; border-radius: 10px 0px 0px 0px; margin:0rem 0rem 0rem auto; background-color: rgba(255,255,255,1.00); transition: all .3s;}
.sdgs-banner img{height:35px;}
.sdgs-banner:hover{background-color: rgba(236,241,250,1.00); transition: all .3s;}
.header-btnSdgs{padding:0rem 0rem 0rem 0.25rem;}
.header-btnSdgs .fs_btn{width: 100%; border-radius: 0px 0px 0px 0px;}
@media screen and (max-width: 498px) {
.sdgs-banner{width:240px;}
.sdgs-banner img{height:25px;}
}

/*　--------------------　PCナビの設定　--------------------　*/
.h-nav {padding: 0rem 0rem 0rem 0rem;}
.h-nav > #fsNavMenuList > .active_page > a{color:#000000!important; position: relative;}
.h-nav > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 3px; background: #000000;}
.h-nav a {color:#000000; position: relative; line-height: 1.4; display: inline-block!important; padding: 1rem 1.5rem 1rem 0rem!important; transition: 0.3s; }
.h-nav .fsNavMenuList > li > a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background: #009ccb; transition: 0.3s; border-radius: 10px;}
.h-nav .fsNavMenuList > li >  a:hover::after {width: 100%;}
.h-nav a::after {position: absolute; bottom: 0rem; left: 0%; content: ''; width: 0; height: 3px; background: #009ccb; transition: 0.3s; border-radius: 10px;}
.h-nav a:hover::after {width: 100%;}
.h-nav .fsNavMenuList li{font-size:1rem!important;}
.h-nav .fsNavMenuList > li:first-child{display:none;}
.h-nav .fsNavMenuList > li:nth-last-child(1){display:none;}
.h-nav .fsNavMenuList > li:nth-last-child(2){display:none;}
.h-nav .fsNavMenuList > li:nth-last-child(3){display:none;}
.h-nav .fsNavMenuList > li:nth-last-child(2) .sub_list{word-break: keep-all; right: 0rem;}
.h-nav .fsNavMenuList > li .sub_title {letter-spacing: 0.05rem; font-weight:bold; font-size: 0.9rem!important;}
.h-nav .sub_list{text-align: left; padding: 1rem 0rem 0rem 0rem!important; background-color: rgba(255, 255, 255, 0.85);}
.h-nav .sub_list a{padding: 1rem 2rem 1rem 2rem!important; width: 100%; box-sizing: border-box;}
@media screen and (max-width: 1200px) {
    .h-nav > #fsNavMenuList > .active_page > a::after{bottom: 0rem;}
    .h-nav a::after {bottom: 0rem;}
}
@media screen and (max-width: 1024px) {
    .h-nav a{padding: 1rem 1rem 1rem 0rem !important;}
}
@media screen and (max-width: 768px) {
    .h-nav a{padding: 2.25rem 1.5rem 2.25rem 0rem !important;}
}
@media screen and (max-width: 498px) {
    .h-nav .fsNavMenuList > li::nth-last-child(2){display:block;}
}

/*　--------------------　Fatナビの設定　--------------------　*/

.fat-nav{background: rgba(0, 156, 203, 0.9);}
.fat-nav ul li:nth-child(10){display:none;}
.fat-nav li {list-style-type: none; text-align: left; padding:1rem 0rem; margin:0 0 0 10%; font-size: 1.1rem; border-bottom: 1px solid #ffffff;}
.fat-nav li:last-child{border-bottom: 0px solid #ffffff;}
.fat-nav li a{border-bottom:0px solid #fff !important;}
.fat-nav .sub_title{font-size:1.2rem;}
.fat-nav .hamburger.active{position: fixed; top: 8px; right: 8px;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #000000;}
.fatnavTx, .fatnavTx{color:#ffffff;}
.fatnavTx{color:#000000;}

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


/*　==============================　フッター部分　==============================　*/
.f-link a, .f-link a:visited{color: #ffffff;  transition:0.6s;}
.f-link a:active, .f-link a:hover{color: #0457CD;  transition:0.6s;}
@media screen and (max-width: 498px) {
}
/*　--------------------　フッターロゴの設定　--------------------　*/
#footerLogo{padding:8rem 2rem 2.5rem 2rem;}
@media screen and (min-width: 1201px) {
    #footerLogo img {max-width:330px;}
}
@media screen and (max-width: 1200px) {
    #footerLogo img {max-width:330px;}
}
@media screen and (max-width: 498px) {
    #footerLogo {padding:8rem 2rem 2.5rem 2rem;}
    #footerLogo img {max-width:280px;}
}
/*　--------------------　ページトップボタンの設定　--------------------　*/
.pagetopBtn{position: fixed; z-index: 20; bottom: 5px; right: 5px;}
.pagetopBtn .fs_btn{text-align:center!important; border-radius: 10px 10px 10px 10px!important;}
.pagetopBtn .fs_btn_text{padding: 0.5rem!important;}
@media screen and (max-width: 498px) {
    .pagetopBtn .fs_btn_text{padding: 0.75rem!important;}
}
/*　--------------------　サイトマップの設定　--------------------　*/
.f-sitemap-tb{margin:0rem 2rem 2rem 2rem;}
.f-sitemap-tb table{width:100%;}
.f-sitemap-tb th{width: calc(150px - 1.4rem); padding: 1rem 0rem 1rem 1rem;}
.f-sitemap-tb td{width:calc(100% - 150px - 1.4rem); padding: 0.7rem 0rem 0.7rem 0rem;}
.f-sitemap-tb tr:nth-child(odd){background-color:#1C253C;}
.f-sitemap-tb tr:first-child th{border-radius:10px 0px 0px 0px;}
.f-sitemap-tb tr:first-child td{border-radius:0px 10px 0px 0px;}
.f-sitemap-tb tr:last-child th{border-radius:0px 0px 0px 10px;}
.f-sitemap-tb tr:last-child td{border-radius:0px 0px 10px 0px;}
.f-sitemap-tb a, .f-sitemap-tb a:visited{color: #ffffff;  transition:0.6s;}
.f-sitemap-tb a:active, .f-sitemap-tb a:hover{color: #009ccb;  transition:0.6s;}
@media screen and (max-width: 498px) {
    .f-sitemap-tb th{width: calc(110px - 1.4rem);}
    .f-sitemap-tb td{width:calc(100% - 110px - 1.4rem);}
}
/*　--------------------　SNSの設定　--------------------　*/
.insta-btn a{background: -moz-linear-gradient(35deg, rgba(255,210,113,1),  rgba(254,25,92,1), rgba(205,3,159,1), rgba(55,57,241,0.7)); background: -webkit-linear-gradient(35deg, rgba(255,210,113,1),  rgba(254,25,92,1), rgba(205,3,159,1), rgba(55,57,241,0.7)); background: linear-gradient(35deg, rgba(255,210,113,1),  rgba(254,25,92,1), rgba(205,3,159,1), rgba(55,57,241,0.7)); transition: .3s;}
.insta-btn a:hover{opacity:0.7; transition: .3s;}
.tiktok-btn a{background-color:#ffffff; transition: .3s;}
.tiktok-btn a:hover{opacity:0.7; transition: .3s;}
.tiktok-btn p.fs_btn_text_main::after{content: ""; display: inline-block; height: 16px; width: 14px; background-image: url(https://work.fine-security.com/trial/tri_minatokensetsu/files/3916/7288/0097/tiktok.svg); background-image: url(https://work.fine-security.com/trial/tri_minatokensetsu/files/3916/7288/0097/tiktok.svg); vertical-align: text-top; margin-left: 0.25rem;}

.minato-auto-btn{margin: 0rem 2rem 0rem 2rem; padding: 0.1rem 1rem 0rem 1rem; background: -moz-linear-gradient(11deg, rgba(160,0,0,1) 0%, rgba(160,0,0,1) 50%, rgba(213,47,26,1) 50%, rgba(213,47,26,1) 100%); background: -webkit-linear-gradient(11deg, rgba(160,0,0,1) 0%, rgba(160,0,0,1) 50%, rgba(213,47,26,1) 50%, rgba(213,47,26,1) 100%); background: linear-gradient(11deg, rgba(160,0,0,1) 0%, rgba(160,0,0,1) 50%, rgba(213,47,26,1) 50%, rgba(213,47,26,1) 100%); border-radius: 10px;}
.minato-auto-btn a{transition: .3s;}
.minato-auto-btn a:hover{opacity:0.7; transition: .3s;}
.minato-auto-btn img{max-width:250px; width:100%;}
.harimakaihatsu-btn{margin: 1rem 2rem 0rem 2rem; padding: 0.95rem 1rem 0.65rem 1rem; background-color: #00993d; border-radius: 10px;}
.harimakaihatsu-btn a{transition: .3s;}
.harimakaihatsu-btn a:hover{opacity:0.7; transition: .3s;}
.harimakaihatsu-btn img{max-width:255px; width:100%;}

/*　==============================　共通の設定(各ページ)　==============================　*/
header{background-color:rgba(255,255,255,1);}
.body-pt102 header{background-color:rgba(255,255,255,1);}

.page-ttl{color:#ffffff; padding:9.5rem 2rem 15.5rem 2rem;}
.page-ttl div:first-child{margin-bottom:0.5rem;}
.page-ttl h1{font-size:3.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 1.1rem 0rem;}
.page-ttl p{font-size:1.2rem; font-weight:bold; letter-spacing: 0.1rem;}
.page-ttl-about{color:#ffffff; padding:16.5rem 2rem 10.5rem 2rem;}
.page-ttl-about div:first-child{margin-bottom:0.5rem;}
.page-ttl-about h1{font-size:3.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 1.1rem 0rem;}
.page-ttl-about p{font-size:1.2rem; font-weight:bold; letter-spacing: 0.1rem;}
.page-ttl-copy{letter-spacing: 0.15rem; font-size:2.2rem; margin:0rem 2rem 2rem 2rem;}
.page-ttl-read{max-width:880px; width:calc(100% - 4rem); padding: 0rem 2rem 6rem 2rem;}
.page-ttl-bgColor{background: -moz-linear-gradient(0deg, rgba(0,0,0,0.65) 15%, rgba(0,0,0,0)); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.65) 15%, rgba(0,0,0,0)); background: linear-gradient(0deg, rgba(0,0,0,0.65) 15%, rgba(0,0,0,0));}

.page-ttl-u{color:#ffffff; padding:9.5rem 2rem 7.5rem 2rem;}
.page-ttl-u div:first-child{margin-bottom:0.5rem;}
.page-ttl-u h1{font-size:3.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 1.1rem 0rem;}
.page-ttl-u p{font-size:1.2rem; font-weight:bold; letter-spacing: 0.1rem;}
.page-ttl-u-bgColor{background: -moz-linear-gradient(0deg, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.35)); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.35)); background: linear-gradient(0deg, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.35));}

.page-ttl-sub{padding:0rem 2rem 0rem 2rem;}
.page-ttl-sub div:first-child{margin-bottom:0.5rem;}
.page-ttl-sub h1{font-size:3.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 1.1rem 0rem;}
.page-ttl-sub p{font-size:1.2rem; font-weight:bold; letter-spacing: 0.1rem;}
.page-contents-ttl{padding:0rem 2rem 0rem 2rem;}
.page-contents-ttl div:first-child{margin-bottom:0.5rem;}
.page-contents-ttl h2{font-size:1.5rem; letter-spacing: 0.25rem; padding: 0rem 0rem 0.2rem 0rem;}
.page-contents-ttl p{font-size:1.25rem; font-weight:bold; letter-spacing: 0.1rem;}
.page-contents2-ttl{padding:0rem 0rem 0rem 0rem;}
.page-contents2-ttl div:first-child{margin-bottom:0.5rem;}
.page-contents2-ttl h2{font-size:1.5rem; letter-spacing: 0.15rem; padding: 0rem 0rem 0.2rem 0rem;}
.page-contents2-ttl p{font-size:1.25rem; font-weight:bold; letter-spacing: 0.1rem;}
.page-top-space{padding-top:8rem;}
.page-top-space-half{padding-top:4rem;}
.page-topU-space{padding-top:5rem;}
.page-contact-u{background-color:rgba(0,0,0,0.5); padding:7.5rem 0rem 7rem 0rem;}
.page-entry-u{background-color:rgba(0,156,203,0.7); padding:7.5rem 0rem 7rem 0rem;}
.page-contactBtn .fs_btn{max-width: 360px; width: 100%;}
.page-u-whiteBox{display: inline-block; width: calc(100% - 4rem); background-color:#ffffff; border-radius:10px; padding:1rem 0rem 0rem 0rem; margin:5.5rem 2rem;}
.page-u-whiteBox .ccm-pagination{padding-bottom: 2.5rem;}
@media screen and (max-width: 498px) {
.page-ttl{padding:9.5rem 2rem 9.5rem 2rem;}
.page-ttl-about{padding:12.5rem 2rem 9.5rem 2rem;}
.page-ttl-read{padding: 0rem 2rem 3rem 2rem;}
.page-ttl-u{color:#ffffff; padding:4rem 2rem 3rem 2rem;}
.page-top-space{padding-top:4rem;}
}

.top-btnText{}
.top-btnText .fs_btn{max-width: 360px; width: 100%;}
.ContentA-BottomSpace{padding-top:9rem;}
@media screen and (max-width: 498px) {
.top-btnText .fs_btn{max-width: 100%; width: 100%;}
.ContentA-BottomSpace{padding-top:7rem;}
} 
/*　--------------------　下部ボタン　--------------------　*/
.content-bottomBtn{border: 1px solid #ffffff;}
.content-bottomBtn .fs_btn{border-radius: 0; padding: 4rem 0.5rem 4rem 1.5rem; background-color:rgba(0,156,203,0.8)}
.content-bottomBtn .fs_btn:hover{background-color:rgba(0,156,203,0.2)}
.content-bottomBtn .fs_btn .fs_btn_text_main{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.2rem; letter-spacing: 0.2rem; padding: 3.5rem 2rem 0.25rem 2rem; font-family: 'Bebas Neue', 'Roboto', "Noto Sans JP", 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}
.content-bottomBtn .fs_btn .fs_btn_text_main:before{content: ""; width: 2.2rem; height: 1px; background: #ffffff; margin: -0.2rem 0.5em 0rem 0rem;}
.content-bottomBtn .fs_btn .fs_btn_text_sub{font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1rem; padding: 0rem 2rem 2.5rem 4.8rem;}
@media screen and (max-width: 498px) {
    .content-bottomBtn{border-top: none; border-bottom: 1px solid #ffffff;}
    .content-bottomBtn .fs_btn{font-size:1.2rem!important; background-color:rgba(0,0,0,0.75); padding: 0.5rem 0.5rem 0.55rem 0rem;}
}

/*　==============================　コンポーザーに関する設定　==============================　*/
/*　--------------------　お知らせ　--------------------　*/
.composer-news-ttl{font-size:1.2rem; font-weight:bold; color:#000000; margin:2.5rem 2rem 1.5rem 2rem; padding-bottom:1.5rem; border-bottom:3px solid #009ccb;}
.composer-news-detail{padding:0rem 2rem 0rem 2rem;}
#pt101-1Parent{background: -moz-linear-gradient(0deg, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.35)); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.35)); background: linear-gradient(0deg, rgba(0,0,0,0.35) 15%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.35));}
#pt101-3Parent{background-color:#ffffff;}
#pt101-4Parent{background-color:#ecf1fa;}
@media screen and (max-width: 498px) {
    .composer-news-ttl{margin:0rem 2rem 1.5rem 2rem;}
}
/*　--------------------　代表事例　--------------------　*/
.page-ttl-composerT{padding:3.5rem 2rem 1.1rem 2rem;}
.page-ttl-composerT h1{font-size:3.5rem; letter-spacing: 0.25rem;}
.page-ttl-composerB{font-size:1.2rem; font-weight:bold; letter-spacing: 0.1rem; padding:0rem 2rem 2.5rem 2rem;}
.page-ttl-composerB:before{content: "施工事例｜"; margin-right: -0.5rem;}
#pt102-2-1{background-color: #ecf1fa; margin:5rem 2rem 0rem 2rem; width: calc(100% - 4rem); border-radius: 10px 10px 0px 0px;}
#pt102-3Parent > div{background-color: #ecf1fa; margin: 0rem auto; max-width: calc(1200px - 4rem); border-radius: 0px 0px 10px 10px;}
.case-composer-ttl{color: #009ccb; font-weight: bold;font-size:1.4rem; letter-spacing:0.01rem; border-bottom:3px solid #009ccb; margin:2.5rem 2rem 1.5rem 2rem; padding:0rem 0rem 1.25rem 0rem;}
.case-composer-detail{padding: 0.5rem 2rem 1rem 2rem;}
.case-composer-detail dl{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:flex-start; align-items:flex-start;}
.case-composer-detail dt{text-align: center; width: 200px; color: #ffffff; background-color: #009ccb; border-radius: 10px; padding: 0.75rem; box-sizing: border-box;}
.case-composer-detail dd{width: calc(100% - 200px - 2rem); margin-left: 2rem; padding-top: 0.75rem;}
.case-composer-page{}
.case-composer-page .post-time{display:none;}
.case-composer-page .slick-list{margin: 0rem 2rem 0rem 2rem!important;}
.case-composer-page .slick-slide{margin: 0rem 0.1rem!important;}
.case-composer-page .slick-prev{left: 35px!important;}
.case-composer-page .slick-next{right: 48px!important;}
.case-composer-page .slick-prev, .case-composer-page .slick-next{top:39%!important;}
.case-composer-page .slick-prev:before, .case-composer-page .slick-next:before {color: #007AA4!important;}
.case-composer-page .slick-prev:before {content: ' \f053'!important; font-family: FontAwesome; font-size:3rem!important;}
.case-composer-page .slick-next:before {content: ' \f054'!important; font-family: FontAwesome; font-size:3rem!important;}
.case-composer-page .slick-slide div.contentsslider_footer{background-color: #ecf1fa; border-radius:0px 0px 10px 10px;}
.case-composer-page .slick-slide img{border-radius:10px 10px 0px 0px;}
.slick-dots li.slick-active button:before, .slick-dots li button:before{color:black;}
@media screen and (max-width: 1215px) {
    #pt102-3Parent > div{margin: 0rem 2rem;}
}
@media screen and (max-width: 498px) {
    #pt102-2-1{margin:5rem 0rem 0rem 0rem; width: 100%; border-radius: 0px 0px 0px 0px;}
    #pt102-3Parent > div{margin: 0rem; border-radius: 0px 0px 0px 0px;}
    .case-composer-ttl{margin: 1.5rem 2rem 1.75rem 2rem;}
    .case-composer-detail{padding: 0.5rem 2rem 1rem 2rem;}
    .case-composer-detail dt{width: 80px; padding: 0.5rem;}
    .case-composer-detail dd {width: calc(100% - 80px - 1rem); margin-left: 1rem; padding-top: 0.5rem;}
    .page-ttl-composerT{padding:4rem 2rem 0rem 2rem;}
    .page-ttl-composerB{padding:0rem 2rem 3rem 2rem;}
    .case-composer-page .slick-prev{left: 10px!important;}
    .case-composer-page .slick-next{right: 15px!important;}
}
/*　--------------------　スライドショー　--------------------　*/
.case-composer-slide{max-width: 820px; width:100%; margin: 0 auto; padding:5rem 0rem 2.5rem 0rem;}
#CarouselThemeCustom .thumb-item .slick-list .slick-track .slick-slide {height: calc(72vh + 1rem);}
#CarouselThemeCustom .thumb-item .slick-slide-img{height: 72vh; object-position:left bottom;}
/*.case-composer-slide .slick-prev, .case-composer-slide .slick-next{top:49%!important;}*/
.case-composer-slide .slick-prev:before, .case-composer-slide .slick-next:before {color: #007AA4!important;}
.case-composer-slide .slick-prev{left: 0rem;}
.case-composer-slide .slick-prev:before {content: ' \f053'!important; font-family: FontAwesome; font-size: 50px!important;}
.case-composer-slide .slick-next:before {content: ' \f054'!important; font-family: FontAwesome; font-size: 50px!important;}
#CarouselThemeCustom .thumb-item-nav .slick-list .slick-track .slick-slide{height: 21vh!important; margin:0rem 0.1rem;}
#CarouselThemeCustom .thumb-item-nav .slick-slide-img{height: 21vh!important;}
.case-composer-slide img{border-radius:10px;}
/*別テンプレート*/
.case-composer-slide .slick-list{margin:0rem!important;}
.case-composer-slide .slick-slide{margin:0rem!important; background-color: transparent;}
.case-composer-slide .slick-prev, .case-composer-slide .slick-next{top:55%!important;}
.case-composer-slide .thumb-item-nav{padding-top: 1rem;}
.case-composer-slide .thumb-item-nav .slick-track{display:none;}
.case-composer-slide .slick-dots{position: relative!important; bottom: 0!important; padding: 0 3rem!important; box-sizing: border-box;}
@media screen and (max-width:968px) {
.case-composer-slide{padding:5rem 2rem 2.5rem 2rem; box-sizing: border-box;}
.case-composer-slide .slick-prev, .case-composer-slide .slick-next{top:60%!important;}
}
/*別テンプレート*/
@media screen and (max-width:1024px) {
#CarouselThemeCustom .thumb-item .slick-list .slick-track .slick-slide {height: calc(60vh + 1rem);}
#CarouselThemeCustom .thumb-item .slick-slide-img{height: 60vh;}
}
@media screen and (max-width:498px) {
#CarouselThemeCustom .thumb-item .slick-list .slick-track .slick-slide {height: calc(27vh + 1rem);}
#CarouselThemeCustom .thumb-item .slick-slide-img{height: 27vh;}
#CarouselThemeCustom .thumb-item-nav .draggable{width: calc(100% + 0.4rem); margin-left: -0.2rem;}
#CarouselThemeCustom .thumb-item-nav .slick-list .slick-track .slick-slide{margin: 0rem 0.2rem; height: 10vh!important;}
#CarouselThemeCustom .thumb-item-nav .slick-slide-img{height: 10vh!important;}
.case-composer-slide{padding: 5rem 2rem 2.5rem 2rem; box-sizing: border-box;}
.case-composer-slide .slick-prev{left: -5px!important; top: 53%!important;}
.case-composer-slide .slick-next{right:12px!important; top: 53%!important;}
}
/* 20200511スライドショー修正 */
#CarouselThemeCustom .thumb-item .slick-slide-img{
width: 100%!important;
}


/*　==============================　文字に関する設定　==============================　*/
.bold {font-weight: bold;}
.italic {font-style: italic;}
.eiji {font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;}
.space-05{letter-spacing: 0.05rem;}
.space-1{letter-spacing: 0.1rem;}
.space-2{letter-spacing: 0.2rem;}
.space-3{letter-spacing: 0.3rem;}
.space-4{letter-spacing: 0.4rem;}
.br-sp{display:none;}
.br-sp-r{display:inline;}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{text-align: center!important;}
.tx-left{text-align: left!important;}
.tx-right{text-align: right!important;}
.br-sp{display:block; line-height:0rem;}
.br-sp-r{display:none;}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
/*　==============================　デフォルト　==============================　*/
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{background-color: #ffffff; color: #ffffff; border-radius:10px; border:1px solid #000000;}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　———　タブレット縦時改行なし　———　*/
@media screen and (max-width: 768px){
.tb-br-none br {display:none;}
}
/*　———　タブレット縦時改行あり　———　*/
@media only screen and (min-width: 769px){
.tb-br br {display:none;}
}
/*　———　タブレット横時スクロール　———　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {text-decoration:none;}
h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}
.hover-opacity{opacity: 1; transition:0.6s;}
.hover-opacity:hover{opacity: 0.8; transition:0.6s;}
.hover-opacity-svg img{opacity:1; transition:0.6s;}
.hover-opacity-svg img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-img {opacity:1; transition:0.6s;}
.hover-opacity-img:hover {opacity:0.7; transition:0.6s;}
.hover-opacity-mul img{opacity: 1; transition:0.6s;}
.hover-opacity-mul img:hover{opacity: 0.8; transition:0.6s;}
.cuosor {pointer-events: none ; cursor: default ;}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{margin-top: 2rem;}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{top: 0rem!important;}
div.ccm-pagination span.ccm-page-left a, div.ccm-pagination span.ccm-page-right a{padding: 0.5rem 1rem; display: inline-block;}
div.ccm-pagination span.ccm-page-left span, div.ccm-pagination span.ccm-page-right span{color: #000000!important; padding: 0.5rem 1rem; display: inline-block;}
#pagination .currentPage  strong{background-color: #009ccb!important; color: #ffffff!important;}
#pagination .numbers {margin-right: 0.6rem;}
#pagination .numbers a, #pagination .numbers strong{ font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif; background-color: #2c405e; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block; border-radius:10px;}
/*　--------------------　Google font　--------------------　*/
body {font-family: YakuHanJP, "Roboto", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "游ゴシック", YuGothic, "MS Pゴシック", Arial, Meiryo, "メイリオ", sans-serif!important; letter-spacing:0.02rem;}

.googlefont {font-family: 'Bebas Neue',  'Roboto', "Noto Sans JP", 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}
/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9Wdhyzbi.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: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9Wlhyw.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;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}