@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:15px; } }@media screen and (max-width: 1200px) { html{font-size:14px; } }@media screen and (max-width: 1024px) { html{font-size:13px; } }@media screen and (max-width: 768px) {  html{font-size:12px; } }@media screen and (max-width: 480px) {  html{font-size:11px; } }a,a:visited,a:active { color:rgba(66,66,66,1.00)}a:hover { color:rgba(153,153,153,1.00)}
/* css setting */
/*==== 202507JOBSCORE ====*/
.jobscore { display:none;}


/*デフォルト*/
a   {
text-decoration:none;
}

.hover_opacity {transition:0.6s!important;}
.hover_opacity :hover{transition:0.2s;
opacity: 0.95;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}

@media screen and (max-width: 480px) {
     .sp_center {  text-align: center!important; }}

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

.tk_flex{padding:1.5rem 1rem;
border-bottom: 2px solid #fff;}


/*　———　TOP - コピー　———　*/
/*　----- 驚心動魄 - 2024.06.11 -----　*/
ruby { ruby-position: under; -webkit-ruby-position: after; }
ruby > rt { font-size: 25%; }

.home_about_main {
     font-size:10rem;
     margin:0 15% 4rem 15%;
     width: calc(100% - 30%);
}
.home_about_main li { display: flex; justify-content: space-between; }
.home_about_copy , .about_top_copy {
     font-size:1.2rem;
     line-height: 3rem;
     margin:0 2rem 5rem 2rem;
}
.about_top_copy {
     font-size:1.2rem;
     line-height: 2.2rem;
     padding:2rem 2rem 5rem 2rem;
}
.pb_a { padding-bottom: 2rem; }

.home_about_copy_text , .about_copy_text { display: inline-block; text-align: justify; }
.home_about_copy_wrapper { max-width: 560px; margin: 0 auto; text-align: center; }
.about_copy_wrapper { max-width: 620px; margin: 0 auto; text-align: center; }

@media screen and (max-width: 498px) {
.home_about_main { font-size:6.2rem; margin:0 3rem 4rem 3rem; width: calc(100% - 6rem);}
.home_about_copy_wrapper , .about_copy_wrapper { max-width: 300px; }
.home_about_copy { line-height: 2.8rem; margin:0 2rem 4rem 2rem; }
.about_top_copy { line-height: 2rem; padding:1rem 2rem 5rem 2rem; }
.pb_a { padding-bottom: 1.8rem; }
}

.top_rgba_black{background-color: rgba(0,0,0,0.1);     padding-top: 2rem;}

/*　==============================　ABOUT　==============================　*/
/*　【A】　*/
.about-img-space{padding-top: 35rem;}
@media screen and (max-width: 498px) {
.about-img-space{
padding-top: 24rem;
margin: 0rem 2rem 0rem 2rem;
}
}
/*　--------------------　特長ボックス　--------------------　*/
.about_pickup_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
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;
margin: 0 auto;
background-color: #666666;
color: #000000;
max-width: 400px;
width: 100%;
height: 400px;
font-size:2.5rem;
}
.about_pickup_item span{
font-size: 1.75rem;
line-height: 1.5rem;
}
@media screen and (max-width: 968px) {
.about_pickup_box{
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
height: 300px;
}
}
@media screen and (max-width: 768px) {
.about_pickup_box{
margin: -30rem 0rem 3rem 2rem;
}
}
@media screen and (max-width: 498px) {
.about_pickup_box{
margin: -6.5rem 0rem 0rem 0rem;
}
.about_pickup_item{
margin: 0rem 0rem 0rem 0rem;
padding: 1.5rem 0rem 1rem 0rem;
height: 120px;
width: 70%;
}
}
/*　--------------------　ボックス　--------------------　*/
.about-item {
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: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.about-item 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: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 3px;
margin: 0rem 2px 4px 2px;
width: calc(25% - 10px);
background-color: rgba(255,255,255,1.00);
box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.about-item li{
width: calc(50% - 4px);
margin: 0rem 2px 4px 2px;
padding: 0.8rem 0;
}
}
.about-sub-ttlA{
position: relative;
margin-top: -2rem;
}
.about-sub-ttlA span{
display: inline-block;
background-color: #666666;
padding: 1rem 2rem;
}
.about-sub-ttlB span{
display: inline-block;
box-sizing: border-box;
border: 1px solid #666666;
padding: 1rem 2rem;
}
/*　--------------------　リスト　--------------------　*/
.about-tb-contents {
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%;
border-bottom:1px solid #E2E8F0;
}
.tb-border-n{
border:none!important;
}
.about-tb-contents dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
font-size:0.9rem;
letter-spacing:0.2rem;
width: calc(100% - 40px - 1rem);
}
.about-tb-contents dd{
text-align: right;
padding: 1rem 0rem 1rem 1rem;
width: 40px;
}
@media screen and (max-width: 768px){
.about-tb-contents {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.about-tb-contents dt {
font-weight: bold;
letter-spacing:0.1rem;
}
.about-tb-contents dd {
font-size: 1rem;
border: none;
}
}

/*　==============================　BUSINESS A　==============================　*/
.businessA-mainImg{padding-top: 32rem;}
.businessA-detail{margin: -6rem 2rem 4rem 2rem;}
@media screen and (max-width: 498px) {
.businessA-mainImg{padding-top: 24rem;}
}

/*　==============================　FACILITY A　==============================　*/
.facilityA-tb{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.facilityA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.facilityA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.facilityA-tb 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%;
}
.facilityA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 300px;
}
.facilityA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 300px - 4rem);
}
@media screen and (max-width: 768px){
.facilityA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.facilityA-tb li{
width: 100%;
}
.facilityA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.facilityA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.facilityA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　==============================　WORKS A　==============================　*/
.worksA-tb-img 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%;
border-bottom:1px solid #cfcfcf;
}
.worksA-tb-img li:last-child dl{
border:none!important;
}
.worksA-tb-img li dl dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
letter-spacing:0.2rem;
width: 80px;
}
.worksA-tb-img li dl dd{
color: #000000;
text-align: left;
padding: 1rem 0rem 1rem 1rem;
width: calc(100% - 80px - 1rem);
}
@media screen and (max-width: 768px){
.worksA-tb-img li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-img li dl dt {
font-weight: bold;
padding: 1rem 0 0.3rem 0;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-img li dl dd {
font-size: 1rem;
padding: 0rem 0 1rem 0;
border: none;
width: 100%;
}
}

.worksA-tb-tx{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.worksA-tb-tx li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.worksA-tb-tx li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.worksA-tb-tx 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%;
}
.worksA-tb-tx li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-size:0.9rem;
font-weight: normal;
color:#000000;
letter-spacing:0.2rem;
width: 180px;
}
.worksA-tb-tx li dl dd:nth-child(2){
font-weight: bold;
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 330px - 4rem);
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: right;
width: 150px;
}
@media screen and (max-width: 768px){
.worksA-tb-tx{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.worksA-tb-tx li{
width: 100%;
}
.worksA-tb-tx li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-tx li dl dt {
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-tx li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem!important;
padding: 0rem 0rem 0rem 0rem!important;
width: 100%!important;
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: left;}
}

/*　==============================　FLOW A　==============================　*/
.flowA-mainImg{padding-top: 20rem;}
@media screen and (max-width: 498px) {
.flowA-mainImg{padding-top: 17.5rem; margin:1rem 1rem 0rem 1rem;}
}
.flowA-bgImg {padding-top: 50vh;}
@media screen and (max-width: 480px){
.flowA-bgImg {padding-top: 40vh;}
}

/*　▼　*/
.flowA-sankaku  {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #fff;
margin: 0 auto;
padding:0 0 1rem 0;
}
.flowA-sankaku-color {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #424242;
margin: 0 auto;
padding:0 0 1rem 0;
}

/*　==============================　COMPANY　==============================　*/
/*　----------　アンカーボタン　----------　*/
.color_btn .fs_btn_text_main {
font-size:1.4rem;
}
.color_btn .fs_btn_text_sub {
font-size:0.9rem;
}
.color_btn .fs_btn{
line-height: 1.4rem;
background-color: rgba(85,99,105,0.45);
}
.color_btn .fs_btn:hover {
background-color: rgba(85,99,105,0.05);
}

.img_hover img{transition:0.6s;
}
.img_hover img:hover{
background-color: rgba(255,255,255,0.7);
transition:0.6s;
}

/*　----------　会社概要　----------　*/
.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 20%;
font-weight: bold;
text-align: justify;
color: #7a8e96;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 80%;
}
.cp_line {
border-top:1px solid #ccc;
}


/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}



/*　==============================　RECRUIT　==============================　*/
/*　----------　fix　----------　*/
.rec_bg_m{
position: relative;
z-index: -100;
}
@media screen and (max-width: 768px) {
.rec_bg01{
background-attachment: scroll!important;
}
}
/*　--------------------　採用情報テーブル　--------------------　*/
.outline_table_list{
border-bottom: 1px solid #f4f4f4;
padding-bottom: 0.4rem;
margin: 0rem;
}
.outline_table_list:last-child{
border: none;
padding-bottom:0rem;
}
.outline_contents {
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%;
padding: 1.2rem 0rem 0.8rem 0rem;
}
.outline_contents dt{
color: #043c78;
padding: 0rem 1rem 0rem 0rem;
width: 140px;
}
.outline_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 140px);
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.outline_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.outline_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　==============================　STAFF　==============================　*/
.staff_margin_n{
margin-top: -8rem;
}
.qa_q {
color:#919191;
vertical-align: top;
font-weight: bold; 
}
.qa_a {
padding: 0.5rem 0 3rem 0;
vertical-align: top;
}
@media screen and (max-width: 480px) {
.staff_margin_n{
margin-top: -3rem;
}
}
/*　==============================　INTERVIEW A　==============================　*/
.interviewA-mainImg{padding-top: 27rem;}
.interviewA-subImg{padding-top: 18rem;}
@media screen and (max-width: 498px) {
.interviewA-mainImg{padding-top: 24rem;}
.interviewA-subImg{padding-top: 24rem;}
}
.interviewA-qa-q {color:#666666; vertical-align: top; font-weight: bold;}
.interviewA-qa-a {padding: 0.5rem 0rem 2.5rem 0rem; vertical-align: top;}

/*　==============================　INTERVIEW B　==============================　*/
/*　80%中央寄せ　*/
@media screen and (min-width:1281px) {
.interviewB-w80Center {width: calc(100% - 20%); margin: auto!important;}
}
/*　———　インタビュータイトル回り　———　*/
.interviewB-tittleEn{font-size: 1.2rem; margin-bottom: 1rem!important;}
.interviewB-tittleEn:before{content: ""; display: inline-block; top: -0.4rem; position: relative; width: 2rem; height: 1px; background-color: #ffffff; margin: 0rem 1rem 0rem 0.2rem; box-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
.interviewB-tittleSpace{text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
@media screen and (min-width:769px) {
.interviewB-tittleSpace{ font-size:2.4rem; padding: 28rem 0rem 7rem 2rem ;}
}
@media screen and (max-width:768px) {
.interviewB-tittleSpace{  font-size:2rem; padding: 22rem 0rem 7rem 2rem !important;}
}
@media screen and (max-width:480px) {
.interviewB-tittleSpace{ font-size:2rem; padding: 23rem 0rem 6rem 2rem !important;}
}
.interviewB-subImg{padding: 10rem 0rem; margin-bottom: 1rem;}

.interviewB-detail{margin:-5rem 1rem 0rem 1rem; padding:0rem 1rem 0rem 1rem; background-color:#ffffff;}
@media screen and (max-width:480px) {
.interviewB-detail{padding:0rem;}
}

/*　==============================　GUIDELINE A　==============================　*/
.guidelineA-tb{
background-color: #f2f2f2;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.guidelineA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.guidelineA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.guidelineA-tb 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%;
}
.guidelineA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 200px;
}
.guidelineA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 200px - 4rem);
}
@media screen and (max-width: 768px){
.guidelineA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.guidelineA-tb li{
width: 100%;
}
.guidelineA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.guidelineA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}


/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color: #999;
text-align: left;
width: 100%;
margin-right: 0%!important;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
width: 100%;
}
.formBlockSurveyTable dl {
padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 1.5%;
border: 1px solid #c8d2dc;
}
.formBlockSubmitButton {
width:240px!important;
text-align:center!important;
background-color: #999!important;
color:#fff;
border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
width:100%!important;
}
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}
.formBlockSubmitButton:hover {
transition:0.6s;
background-color: #fff!important;
border:1px solid #999;
color:#999;
}
.on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 100%;
}
}

/*　==============================　ページタイトル共通設定　==============================　*/
.page-ttl span{
display: ineline-block;
background-color: #ffffff;
padding: 0.55rem 1.2rem 0.55rem 1.5rem;
}


/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/


/*　==============================　フッター部分　==============================　*/
/*　フッターロゴに関する設定　*/
@media screen and (min-width: 1201px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 1200px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 480px) {
.f-logo {padding: 4rem 0rem 0rem 2rem;}
.f-logo img {max-width:155px;}
}
/*　サイトマップ　*/
.sitemap-table{
width:100%;
padding: 0rem 0rem 2rem 2rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-direction: row;
}
.sitemap-table li:nth-child(1){width: 16.5%;}
.sitemap-table li:nth-child(2){width: 16.5%;}
.sitemap-table li:nth-child(3){width: 16.5%;}
.sitemap-table li:nth-child(4){width: 16.5%;}
.sitemap-table li:nth-child(5){width: 16.5%;}
.sitemap-table li:nth-child(6){width: 16.5%;}
.sitemap-table li p{
margin-bottom: 1rem;
}
.sitemap-table-eiji{
font-size:0.9rem;
font-family: "Lato",'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3" ,sans-serif; }
@media screen and (max-width: 768px) {
.sitemap-table{
font-size:120%!important;
line-height:2.5rem!important;
flex-direction: row;
width: calc(100% - 2rem);
padding: 0rem 0rem 0rem 2rem;
}
.sitemap-table li a{
flex-flow: row;
display: inline-flex;
}
.sitemap-table .br-sp{
line-height: unset;
}
.sitemap-table li p{
margin-bottom: 0rem;
padding: 0.35rem 0rem 0.35rem 1rem;
}
.sitemap-table li p:nth-child(odd){
background-color: #3c3c3c;
}
}
.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active ,
.f-link a , .f-link a:visited, .f-link a:active  {
color: #1a1a1a;
}
.sitemap-table a:hover ,
.f-link a:hover{
opacity: 0.5;
transition:0.3s;
}

/*　==============================　文字に関する設定　==============================　*/

/*--------------------約物半角--------------------*/
body {
font-family: YakuHanJP,'Noto Sans Japanese', "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3","Roboto", "MS Pゴシック", Arial, Meiryo, "メイリオ", sans-serif!important;
}

.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato",'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3" ,sans-serif; }

.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);
}
.rgba-black4{
background-color:rgba(0,0,0,0.4);
}
.rgba-staff{
background-color:rgba(0,0,0,0.7);
}
/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{
background-color: #272726;
color: #ffffff;
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.tk_tags{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #000000!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: #666666;
padding: 0.5rem 1rem;
display: inline-block;
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.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: 768px){
.tb-br-none br {display: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: 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:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.7;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_20 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
line-height: 1.6;
}
/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_pickup .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.btn_pickup  .fs_btn {
background-color: rgba(33,33,33,0.5);
}
.btn_pickup .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}
/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}

/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'Public Sans', 'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

/* vietnamese */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymu8Z6Jywcob18.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: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymu8Z6Jygcob18.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: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymu8Z6JxAco.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;
}


/*　==============================　ヘッダー　==============================　*/

.body-pt001 header { background-color: rgba(242,242,242,0)!important; }
.body-pt001 .pc_navi a { color:#fff; }

#h_logo_w { display:none; }
.body-pt001 #h_logo_w { display:block!important;}
.body-pt001 #h_logo_b { display:none;}

.topLogo-mg{padding:1.5rem 2rem ;}
@media screen and (max-width: 480px) {.topLogo-mg{padding;:2rem 1rem}}

/*
.fsNavMenuList li:last-child a{
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
padding: 1rem 1.75rem !important;
background-color:#1a1a1a;
color: #fff; 
transition:0.6s;
margin-right:1rem;
}
.fsNavMenuList li:last-child a:hover{background-color:#666; color:#fff;  transition:0.6s;}
*/

@media screen and (min-width: 481px) {
.fsNavMenuList li:first-child , .fsNavMenuList li:nth-child(6) {display:none;}
} 

/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #fff;
}
.fat-nav{
background: rgba39, 39, 38, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #1a1a1a;
}
.body-pt001 .hamburger .hamburger__icon, .body-pt001 .hamburger .hamburger__icon:before, .body-pt001 .hamburger .hamburger__icon:after { background-color: #fff;}

/*　Fatnaviフィックス　*/
#topfix-A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfix-B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}

/*　==============================　HOME　==============================　*/

/* movie */
#top_movie_bg { height: 91svh; }
@media screen and (max-width: 480px) { #top_movie_bg { height: 100svh; }}


.movie-small { display:none; }
/*
.movie-small{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; width:100%; box-sizing: border-box;}
.movie-small img{max-width: 100px;}
.movie-small iframe{width: 240px; height: 132px;}
.ytube{position: relative; width: 130px; box-sizing: border-box; padding: 0rem 0rem 2rem 3rem;}
.ytube iframe{position: absolute;right: 0; top: 0; width: 100%; height: 100%; opacity:0;}
.ytube a{position: absolute; right: 0rem; top: 0; width: 100px; height: 100%;}
@media screen and (max-height: 868px) {
    .movie-small{margin-top:-130px;}
}
@media screen and (max-width: 498px) {
    .ytube{width: 70px; padding: 0rem 0rem 1.5rem 2rem;}
}
*/

.txcl-A{color: #1a1a1a; }
.txcl-B{color: #999; }
.txcl-C{color: #E54B28; }
.txcl-D{color: #fff; }
.txcl-W{color: #fff; }


.bgcl-A{background-color:#efefef;}
.bgcl-B{background-color:#999;}
.bgcl-C{  background: #f2f2f2; border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.bgcl-D{  background: #EAE8E3;}
.bgcl-W{background-color:#fff; /*border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;*/ }

.work_grd{background: -moz-linear-gradient(top, #fff, #f2f2f2);
  background: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background: linear-gradient(to bottom, #fff, #f2f2f2);}

.page-ttl-ja{padding: 3rem 2rem 0rem 2rem;font-size:5.8rem; color:#272726;}
.page-ttl-en{padding: 0rem 2rem 3rem 2rem; font-size:1rem;}
@media screen and (max-width: 480px) {
.page-ttl-ja{padding: 3rem 2rem 0rem 2rem}
.page-ttl-en{padding: 0rem 2rem 3rem 2rem}
}



.subpage-ttl-ja{padding: 5rem 0rem 0rem 0rem;font-size:1.8rem;}
.subpage-ttl-en{padding: 1rem 0rem 5rem 0rem;}
@media screen and (max-width: 480px) {
.subpage-ttl-ja{padding: 5rem 0rem 0rem 0rem}
.subpage-ttl-en{padding: 1rem 0rem 5rem 0rem}
}

.top_service_btn .fs_btn_text{
    position: relative;
    display: inline-block;
   width:90%
}

.top_service_btn .fs_btn_text::after{
    content: '';
    width: 15px;
    height: 15px;
    margin-top: -5px;
    border-top: solid 2px #fff;   /* 好みで色を変えてください */  
    border-right: solid 2px #fff;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -40px;
}

.top_service_btn .fs_btn_text_main{
font-size:2rem;
font-family: 'Public Sans', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
letter-spacing: 0.2rem;
margin-bottom:0.5rem;
}

/*　topsvgアニメーション
.home_top_mg{padding:10rem 5rem; width:30%;}
@media screen and (max-width: 1024px){
.home_top_mg { padding: 20vh 5rem; width: 50%;}}
@media screen and (max-width: 480px) {.home_top_mg{width: 55%;
padding: 28rem 0 2rem 2rem;}}
*/

.fs_btn_text_sub {font-size:1rem;
font-weight:bold;
padding-top:1rem;
line-height: 1.7rem;
min-height: 1.7em;
}


.bgclB_rdus{background-color:#272726; border-radius: 20vh 0 0 0;}
@media screen and (max-width: 768px) {
.bgclB_rdus{background-color:#272726; border-radius: 5vh 0 0 0;}
}

@media screen and (max-width: 480px) {
.bgclB_rdus{background-color:#272726; border-radius: 3rem 0 0 0;}
}

.top_img{
background-position: 120vh;}

.home_product_mg{margin-top:-10rem;}
@media screen and (max-width: 480px) {
.home_product_mg{margin-top:0rem;}
}


@media screen and (max-width: 498px)
{#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(2n) {
    margin: 2rem 0 2rem 0;}
#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(3n) {
    margin: 2rem 0 2rem 0;}}


.top_rec_btn .fs_btn_text{
    position: relative;
    display: inline-block;
   width:90%
}

.top_rec_btn .fs_btn_text_main{
font-size:4.5rem;
font-family: 'Public Sans', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
letter-spacing: 0.2rem;
margin-bottom:0.5rem;
}

.top_rec_btn .fs_btn_text::after{
    content: '';
    width: 15px;
    height: 15px;
    margin-top: -5px;
    border-top: solid 2px #fff;   /* 好みで色を変えてください */  
    border-right: solid 2px #fff;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -40px;
}


@media screen and (max-width: 498px){.top_rec_btn .fs_btn_text{  width:75%}}

.first-pg-list{border-radius: 0.5rem 0.5rem 0rem 0rem;}


/*　==============================　About us　==============================　*/
@media screen and (min-width: 821px) {
.cm_profile{
width:80%;
margin:0 auto;
}
}

.cm_profile li{
border-bottom:1px solid #C1C0C0;
}
.cm_profile li:last-child{
border-bottom:none;
}
.cm_profile li dl {
display:flex;
}
.cm_profile  dt{
padding:1rem 1rem 1rem 0 ;
width:25%;
color: #999;
font-weight:bold;
}
.cm_profile dd {
padding:1rem 1rem 1rem 0 ;
width:75%;
}
.cm_profile dd iframe {
padding:0.5rem 0 0 0 ;
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

@media screen and (max-width: 480px) {
.cm_profile li dl {
display: block;
}
.cm_profile  dt{
padding:1rem 1rem 0 0 ;
width:100%;
color: #999;
font-weight:bold;
}
.cm_profile dd {
padding:1rem 1rem 1rem 0 ;
width:100%;
}
}

.about_topimg_mg{padding-top:50vh;}
.about_top_mg{padding:5rem;}

.svc_opacity img:hover{
opacity: 0.7;
transition:0.6s;
}
.about-director-img{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.about-cp-bg{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}

.text-background-test02 {
  display: inline-block;
  background:#1a1a1a;
}

/*　==============================　Service　==============================　*/

.view_btn .fs_btn {
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .05);
}

.view_btn{
margin-top:-3rem;
}
@media screen and (max-width: 480px) {
.view_btn{ margin-top:-1rem!important; }
}

.svc_bgcl{background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0 22%,#f2f2f2 22% 80%, rgba(255, 255, 255, 0) 80% 100%)}

.svc03_img{    margin: 0 auto;
    width: 147vh;}

.svc02_pddg{padding: 10rem 0vh 10rem 0;}
@media screen and (max-width: 480px) {
.svc02_pddg { padding: 5rem 0vh 5rem 0;}}

.jobscore_img {
     padding-top:650px; margin:0 5% -650px 48%;
     background-position: right;
     background-size: contain;
}
@media screen and (max-width: 1600px) {
.jobscore_img { padding-top:550px; margin:0 1rem -550px 48%;}
}


/*　==============================　Work　==============================　*/
.works-enter-img img{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.works-composer-img img{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.works-composer-imgs ul li:nth-child(1) img{border-radius: 0.5rem 0rem 0rem 0rem;}
.works-composer-imgs ul li:nth-child(2) img{border-radius: 0rem 0.5rem 0rem 0rem;}
.works-composer-imgs ul li:nth-child(3) img{border-radius: 0rem 0rem 0rem 0.5rem;}
.works-composer-imgs ul li:nth-child(4) img{border-radius: 0rem 0rem 0.5rem 0rem;}
@media screen and (max-width: 1260px){
.works-composer-img img{border-radius: 0.5rem 0.5rem 0rem 0rem;}
}
.works_link_btn {
display:none;
}


#archiveBoxesC4-cardA .archiveCardA-list-txt {
   background-color: #fff;
    border-radius: 0 0 0.5rem 0.5rem;
color: #1a1a1a;
padding: 0.5rem 0 1.5rem;
}

#archiveBoxesC4-cardA .archiveCardA-list-img {
height: 25vh;
    border-radius:0.5rem 0.5rem 0 0 ;
background-color: #fff;
}
#archiveBoxesC4-cardA .archiveCardA-list-inner {
padding: 0 0 5rem 0;
}

#archiveBoxesC4-cardA .archiveCardA-txt-ttl {
    font-weight: bold;
    font-size: 1rem;
    margin: 0rem;
}

#archiveBoxesC4-cardA .archiveCardA-list-inner{transition: 0.7s;}

#archiveBoxesC4-cardA .archiveCardA-list-inner:hover{ 
box-shadow: 0 20px 20px 0px rgb(66 66 66 / 10%);
opacity:1;
transition: 0.7s;
}


.staff_text{word-break: break-all;
font-size:0.8rem;
line-height:3rem;}

.staff_text_2{word-break: break-all;
font-size:0.8rem;
line-height:1.4rem;}

.work_bg_kdmr{background-color:#fff;
border-radius: 0.5rem;}

#archiveBoxesC4-cardA .archiveCardA-txt-read {
    padding: 0rem 1rem 0rem 1rem;
}

@media screen and (max-width: 768px){
#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(2n) {margin: 0 2% 2% 0;}
#archiveBoxesC4-cardA .archiveCardA-list-img {height: 14vh;}
#archiveBoxesC4-cardA .archiveBoxesC4-cardA {flex-flow: inherit;}
}

@media screen and (max-width: 498px){
#archiveBoxesC4-cardA .archiveBoxesC4-cardA {flex-flow: row wrap;}
#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list:nth-child(2n) {margin: 0 0 2% 0;}
#archiveBoxesC4-cardA .archiveCardA-list-img {height: 25vh;}
#archiveBoxesC4-cardA .archiveCardA-list-inner {padding: 2rem 0 6rem 0;}
}


.workbtn_txt{background-size: 60px;}
.workbtn_txt p{width:85%;}
.workbtn_txt_s.fs_button p.fs_btn_text_main { font-size: 1rem; }
.workbtn_txt .fs_btn_text_sub{color:#999999;}

/*　==============================　Recruit　==============================　*/
.bgclA_rdus{background-color:#efefef; border-radius: 20vh 0 0 0;}
@media screen and (max-width: 768px) {
.bgclA_rdus{background-color:#efefef; border-radius: 5vh 0 0 0;}
}

@media screen and (max-width: 480px) {
.bgclA_rdus{background-color:#efefef; border-radius: 3rem 0 0 0;}
}



/*　==============================　News　==============================　*/
.fs-snsbutton-color1 .twitter-btn-icon, .fs-snsbutton-color1 .facebook-btn-icon{    background-color: #f2f2f2; }
.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover {
    background-color: #f2f2f2;
        transition:0.5s;
}

.line-btn-icon{background-color: #f2f2f2!important;}
.line-btn-icon:hover {
    background-color: #f2f2f2!important;
        transition:0.5s;
}


#fs_block973 .sns-icons li a {
    font-size: 1rem!important;
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    border-radius: 50%!important;
}

.fs-snsbutton-color1 li a{color:#1a1a1a;}

.news-pg-list img{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.fs_breadcrumb{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}
.composer-content img, .composer-content a{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}

/*　==============================　Contact　==============================　*/

.formBlockSurveyTable dl dd input, .formBlockSurveyTable dl dd textarea {
    padding: 3%;
    border: none;
    border-radius: 0.75rem;}


.formBlockSurveyTable dl dt {
    color: #1a1a1a;}


.entry_btn{box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .05);}



/*　==============================　Sitepolicy　==============================　*/
.sitepolicy-waku{border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;}


/*　==============================　Privacypolicy　==============================　*/


.worklist_bd{border-bottom: 2px solid rgba(226,226,226,1.00);
padding-bottom:4rem;
margin:0 2rem 4rem 2rem;}

/*　==============================　お知らせ02　==============================　*/
/*　ページャー　*/
#fsInfoBpager .numbers {
    font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
    background: #454545 ;
}

#fsInfoBpager .active {
    font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
    background: #fff ;
}

#fsInfoBpager .ccm-page-left a,
#fsInfoBpager .ccm-page-right a {
    background: #454545 ;
}

#fsInfoBpager .ccm-page-left span,
#fsInfoBpager .ccm-page-right span{
    background: #ccc ;
}

/*　リンク張った時　*/
#pt101-3-1 .fs_content a {
    background-color: #1a1a1a;
　font-weight: bold!important;
    vertical-align: middle;
    padding: 1rem 1.3rem 1rem 1.5rem;
    font-size: 0.9rem;
   letter-spacing:0.1rem;
   color:#fff;
}

#pt101-3-1 .fs_content a:hover {
    background-color: #5e5e5e;
    transition:0.3s;
}


/*20240222 asano add*/
@media screen and (min-width: 481px){
.fs_video_player_bg.bg_style video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: auto;
    transform:unset;
    width: 100vw;
    height: auto;
    min-height: auto;
    min-width: auto;
}

.fs_video_player_bg.bg_style {
position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
width:100vw !important;
height:56.1vw !important;
}

#top_movie_bg.bg_style{
height:56.1vw;
}

#fs_block2524 .fs_btn{
max-width:300px;
width:100%;
}

}
@media screen and (max-width: 480px){
.fs_video_player_bg.bg_style video {
    width: auto;
}
}

/*----------編集時のネガティブマージン----------*/
.ccm-edit-mode .ccm_mg_top { margin-top: 0rem!important;}
.ccm-edit-mode .ccm_mg_bottom { margin-bottom: 0rem!important; }

/*202406非表示（リクルート）*/
.rec_none { display:none; }