@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(15,21,20,1.00)}a:hover { color:rgba(149,146,132,1.00)}
/* css setting */
/*　==============================RECRUIT==============================　*/
/*　JOBSCORE - 202501　*/
.rec_icon img { box-shadow: 2px 2px 2px 1px rgba(149, 146, 132, .3); }
.rec_about_mark { padding:0 0 1.5rem 0; }
.rec_about_mark img { max-width:100px; }
.rec_about_text_area { margin:0 10%; padding:3rem 4rem; font-size:1rem; line-height:2rem; }

@media screen and (max-width: 480px) {
.rec_about_mark img { max-width:80px; }
.rec_about_text_area { margin:0 1rem; padding:2rem 2rem;}
}

/*　リクルート - イメージ　*/
.rec_message_img { padding:0 12% 0 52%; margin-bottom:-850px; }
.rec_message_img img { max-width:300px; }

.rec_message_img ul li:nth-child(1) { top: 0px; left:30px; position: relative; padding:0 0 3rem 0; }
.rec_message_img ul li:nth-child(2) { top: -60px; left:60px; position: relative; }
.rec_message_img ul li:nth-child(3) { top:0px; right: 30px; position: relative; padding:2rem 0 0 0; }
.rec_message_img ul li:nth-child(4) { top: -50px; left:5px; position: relative; padding:2rem 0 0 0; }

@media screen and (max-width: 1600px){.rec_message_img { padding:0 8% 0 52%; }}
@media screen and (max-width: 1200px){
.rec_message_img ul li:nth-child(1) { top: 0px; left:10px; position: relative; padding:0 0 3rem 0; }
.rec_message_img ul li:nth-child(2) { top: -60px; left:30px; position: relative; }
.rec_message_img { padding:0 2rem 0 52%;}
}
@media screen and (max-width: 1024px){
.rec_message_img { padding:0 2rem 0 60%; margin-bottom:-900px; }}
@media screen and (max-width: 768px){
#rec01 .wrapper { width: 25%!important;}
.rec_message_img { padding:0 2rem 1rem 2rem; margin-bottom:0px; }
.rec_message_img ul li:nth-child(1) { top: -20px; left:0; position: relative; padding:0 2px 0 0; }
.rec_message_img ul li:nth-child(2) { top: -60px; left:0px; position: relative; padding:0 2px 0 0; }
.rec_message_img ul li:nth-child(3) { top:60px; right:0px; position: relative; padding:0 2px 0 0; }
.rec_message_img ul li:nth-child(4) { top: 0px; left:0px; position: relative; padding:0; }
}

@media screen and (max-width: 480px){
#rec01 .wrapper { width: 50%!important;}
.rec_message_img { padding:0 2rem 3rem 2rem; margin-bottom:0px; }
.rec_message_img ul li:nth-child(1) { top: 0px; left:0; position: relative; padding:0 2px 4px 0; }
.rec_message_img ul li:nth-child(2) { top: 60px; left:0px; position: relative; padding:0 0 4px 2px; }
.rec_message_img ul li:nth-child(3) { top:0; right:0px; position: relative; padding:0 2px 0 0; }
.rec_message_img ul li:nth-child(4) { top: 60px; left:0px; position: relative; padding:0 0 0 2px; }
}

/*　主な仕事内容　*/
.job_01 {
    display: block;
    background-color: #696969;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    letter-spacing:0.1rem;
    font-weight:bold;
    max-width: 460px;
    line-height:2rem; 
    margin: 1rem 0;
}
.job_02 { font-size: 1rem; line-height:1.6rem; }
.job_rgba { background:rgba(149, 146, 132,0.9); }

@media screen and (max-width: 480px){ .job_01 { width: calc(100% - 2rem);}}

/*　募集要項　*/
.rec_guide_textarea { margin:-10rem 2rem 0 2rem; padding:5rem; background:#fff;}
@media screen and (max-width: 1024px){.rec_guide_textarea { padding:4rem 3rem; }}
@media screen and (max-width: 480px){.rec_guide_textarea { margin:0; padding:3rem 2rem; background:#fff;}}

.rec_jobspace {padding-top:15rem;}
@media screen and (max-width: 480px) {
.rec_jobspace {padding-top:5rem;}
}

.rec_guide_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-top:1px solid #f0f0f0;
}

.rec_guide_contents dt {
     padding: 1.5rem 0 0 2rem ;
     position: relative;
     font-weight: bold;
     font-size:0.9rem;
     color:#959284;
     letter-spacing:0.1rem;
     width: 200px;
}

.rec_guide_contents dd {
     text-align: justify;
     padding: 1.5rem 1rem ;
     width: calc(100% - 200px);
}

@media screen and (max-width: 768px){
.rec_guide_contents {
     flex-flow: column wrap;
     justify-content: flex-start;
     align-items: flex-start;
     width: 100%;
}
.rec_guide_contents dt {
     font-size:1.1rem;
     font-weight: bold;
     padding: 1.5rem 0 0.3rem 0.5rem;
     width: 100%;
     letter-spacing:0.1rem;
}
.rec_guide_contents dd {
     font-size: 1rem;
     padding: 0 0 1.5rem 0.5rem;
     border: none;
     width: calc(100% - 0rem);
}
}

/*　———　お問い合わせで使用するボタン　———　*/
.contact_btn .fs_btn_text_main {
     font-size:1.4rem;
     font-weight: bold;
     letter-spacing: 0.2rem;
}
.contact_btn .fs_btn_text_sub {
     font-size:0.8rem;
}
.contact_btn a { color:#fff; }
.contact_btn .fs_btn { padding:2rem 0; background-color:#959284; border:4px solid #959284!important;}
.contact_btn { margin:0 0.5rem 2px 0.5rem;}
.contact_btn .fs_btn:hover { background-color:rgba(149, 146, 132, 0.5); border:4px solid #fff!important; transition:0.5s;}



/*　==============================COMPANY==============================　*/
/* ---------- 代表イメージ ---------- */
.greeting_img { padding-top: 600px; margin: 0 10% -600px 58%; }

@media screen and (max-width: 1200px){
.greeting_img { padding-top: 480px; margin: 0 5% -480px 50%; }
}
@media screen and (max-width: 1024px){
.greeting_img { padding-top: 450px; margin: 0 2rem -450px 50%; }
}
@media screen and (max-width: 768px){
.greeting_img { padding-top: 250px; margin: 0 0 -130px 35%; }
}
@media screen and (max-width: 480px){
.greeting_img { padding-top: 250px; margin:0 2rem -2rem 0; }
}

/* ---------- 理念 ---------- */
.com_philo { font-size:2.4rem; letter-spacing:0.05rem; padding:3rem 2rem 4rem 0.5rem; }
@media screen and (max-width: 1024px){ .com_philo { letter-spacing:0rem; }}
@media screen and (max-width: 480px){ .com_philo { font-size:2.1rem; padding:3rem 1rem 4rem 0.5rem; }}

/* ---------- 会社概要 - 沿革 ---------- */
/* ---------- 共通 ---------- */
.com_textarea { margin:-10rem 2rem 0 2rem; padding:5rem; background:#fff;}
.com_bg { padding-top:55vh; }
.com_his_bg { background-size: contain; padding-bottom:8rem;}

@media screen and (max-width: 1200px){
.com_his_bg { background-size: 120%;}
}
@media screen and (max-width: 1024px){
.com_textarea { padding:4rem 3rem; }
.com_bg { padding-top:480px; }
}
@media screen and (max-width: 768px){
.com_his_bg { background-size: 160%; padding-bottom:6rem;}
}
@media screen and (max-width: 480px){
.com_textarea { margin:0; padding:3rem 2rem; background:#fff;}
.com_bg { padding-top:200px; }
.com_his_bg { background-size: 160%; background-color:#fff!important; padding-bottom:4rem;}
}

.outline_contents,
.history_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-top:1px solid #f0f0f0;
}

.outline_contents dt ,
.history_contents dt {
padding: 1.5rem 0 0 2rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#959284;
letter-spacing:0.1rem;
width: 200px;
}

.table_tittle { padding: 3rem 0 3rem 4rem; margin:0 0 1rem 0; }

.outline_contents dd ,
.history_contents dd {
text-align: justify;
padding: 1.5rem 1rem ;
width: calc(100% - 200px);
}

@media screen and (max-width: 768px){
.outline_contents , .history_contents {
     flex-flow: column wrap;
     justify-content: flex-start;
     align-items: flex-start;
     width: 100%;
}
.outline_contents dt , .history_contents dt {
font-weight: bold;
padding: 1.5rem 0 0.3rem 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.table_tittle { padding: 3rem 0 3rem 2rem; }
.outline_contents dd , .history_contents dd {1.5
font-size: 1rem;
padding: 0 0 1.5rem 0.5rem;
border: none;
width: calc(100% - 0.5rem);
}
}

/*　==============================EQUIPMENT==============================　*/

/*　--------------------　設備紹介テーブル - エリア　--------------------　*/

.eq_textarea { margin:-6rem 2rem 0 2rem; padding:5rem; background:#fff;}
.eq_bg { padding-top:600px; margin:0 5%;}

@media screen and (max-width: 1400px){.eq_bg { margin:0 2rem;}}
@media screen and (max-width: 1200px){.eq_bg { margin:0;}}

@media screen and (max-width: 1024px){
.eq_textarea { padding:4rem 3rem; }
.eq_bg { padding-top:480px; }
}
@media screen and (max-width: 480px){
.eq_textarea { margin:0; padding:3rem 2rem; background:#fff;}
.eq_bg { padding-top:200px; margin:0 2rem;}
}

/*　--------------------　設備紹介テーブル　--------------------　*/
@media screen and (min-width: 1460px) {
.eq_list{max-width: 100%; margin:  0rem auto 0rem auto!important;}
}
.eq_list table{width:100%; box-sizing:border-box; border:none; background-color:#f0f0f0;}
.eq_list tr{border-bottom:1px solid #fff;}
.eq_list tr:last-child{border-bottom:0px solid #fff;}
.eq_list th{font-size:0.9rem; vertical-align: middle; width:230px; border-right:1px solid #fff; box-sizing: border-box; padding:1rem;}
.eq_list td{box-sizing: border-box; width:calc(100% - 230px);}
.eq_list dl{width:100%;border-bottom:1px solid #fff; 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%;}
.eq_list dl:last-child{border-bottom:0px solid #fff;}
.eq_list dt{padding:1rem; width:50%;}
.eq_list dd{padding:1rem;}
.eq_list dd:nth-child(2){width:50%;}
.eq_list dd:nth-child(3){width:60px; text-align: center;}
@media screen and (max-width: 498px) {
.eq_list th{width:140px;}
.eq_list td{width:calc(100% - 140px);}
.eq_list dl{flex-flow: column nowrap; align-items: flex-start;}
.eq_list dt{width:100%; box-sizing: border-box; padding: 0.5rem 1rem;}
.eq_list dd:nth-child(2){width:100%; box-sizing: border-box; padding: 0rem 1rem;}
.eq_list dd:nth-child(3){width:100%; box-sizing: border-box; text-align: justify; padding: 0.5rem 1rem;}
}



/*　==============================BUSINESS==============================　*/
/* ---------- 工事説明 ---------- */
.bus_contents_A img , .bus_contents_B img { max-width:200px; }
.bus_contents_img_A , .bus_contents_img_B { padding-top:400px; }
.bus_contents_img_A { margin:0 45% 0 2rem; }
.bus_contents_img_B { margin:0 2rem 0 45%; }

.bus_contents_textspace_A { margin:-315px 2rem 0 50%; padding:0 0 4rem 0;  }
.bus_contents_text_A { padding:0 0 1rem 20%; }
.bus_contents_textspace_B { margin:-240px 50% 0 2rem; padding:0 0 4rem 0;  }
.bus_contents_text_B { padding:0 20% 1rem 0; }

@media screen and (max-width: 498px) {
.bus_contents_A img , .bus_contents_B img { max-width:100%; }
.bus_contents_img_A , .bus_contents_img_B { padding-top:280px; }
.bus_contents_img_A , .bus_contents_img_B { margin:0 2rem; }
.bus_contents_textspace_A { margin:3rem 2rem 0 2rem; padding:0 0 2rem 0;  }
.bus_contents_textspace_B { margin:3rem 2rem 0 2rem; padding:0 0 0 0;  }
.bus_contents_text_A , .bus_contents_text_B { padding:0 0 1rem 0; }
}

/* ---------- フロー説明 ---------- */
.bus_flow_textarea { margin:-10rem 2rem 0 2rem; padding:5rem 5rem 6rem 5rem; background:#fff;}
.bus_flow_bg { padding-top:65vh;  margin:0; }

@media screen and (max-width: 1024px){
.bus_flow_textarea { padding:4rem 3rem 6rem 3rem; }
.bus_flow_bg { padding-top:480px; }
}
@media screen and (max-width: 480px){
.bus_flow_textarea { margin:0; padding:3rem 2rem 4rem 2rem; background:#fff;}
.bus_flow_bg { padding-top:280px;  margin:0 2rem; }
}



/* ---------- 道路舗装工事 ---------- */
.business_lineup{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.business_lineup li{
    padding: 1.2rem 0.5rem 1.2rem 0.5rem;
    margin: 0rem 0.5rem 1rem 0.5rem;
    width: calc(25% - 2rem);
    background-color: #f0f0f0;
    box-shadow: 0px 0px 5px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.business_lineup li{
    width: calc(50% - 0.4rem);
    margin: 0rem 0.2rem 0.4rem 0.2rem;
    padding: 1rem 0rem 1rem 0rem;
}
}

/*　==============================ABOUT==============================　*/
.about_maincatch { padding:15vh 0 15vh 2rem; }
@media screen and (max-width: 498px) {
.about_maincatch { padding:15vh 0 5rem 2rem; }
}

/*　--------------------　about_img　--------------------　*/
.about_sub_catch_A img { max-width:200px; }
.about_sub_catch_img_A { padding-top:560px; }
.about_sub_catch_img_A { margin:0 2rem; }

.about_sub_catch_textspace_A { margin:-110px 0 0 auto;  max-width:900px; background:#fff; padding:4rem 2rem 0 4rem;  }

@media screen and (max-width: 1100px) {.about_sub_catch_textspace_A { margin:-110px 2rem 0 10%; }}
@media screen and (max-width: 768px) {
     .about_sub_catch_img_A { padding-top:480px; }
     .about_sub_catch_img_A { margin:0 2rem 0 0; }
     .about_sub_catch_textspace_A { margin:-90px 2rem 0 10%; }
}
@media screen and (max-width: 498px) {
     .about_sub_catch_img_A { padding-top:300px; }
     .about_sub_catch_img_A { margin:0 0 0 0; }
     .about_sub_catch_textspace_A { margin:-4.8rem 0 0 2rem; padding:2rem 2rem 0 2rem;}
}


/*　--------------------　about_footer_btn　--------------------　*/
.about_footer_btn { margin:1px; }
.about_footer_btn .fs_btn{ width: 100%; background-color: rgba(149, 146, 132,0.5);}
.about_footer_btn .fs_btn:hover{background-color: rgba(149, 146, 132,0);}

.about_footer_btn .fs_btn_text  {padding:8rem 0rem; text-align: center; line-height: 1.6; color:#fff;}
.about_footer_btn .fs_btn_text_main { font-size:1.2rem; letter-spacing:0.2rem;}
.about_footer_btn .fs_btn_text_sub { font-size:0.9rem; letter-spacing:0.1rem;}

@media screen and (max-width: 768px) {
.about_footer_btn .fs_btn_text{padding:6rem 0rem;}}
@media screen and (max-width: 498px) {
.about_footer_btn .fs_btn_text{padding:4rem 0rem;}}


/*　==============================HOME==============================　*/
.body-pt001 { background-color: #0F1514!important;}

/*　--------------------　home_area01　--------------------　*/
.home_main_catch img { max-width:500px; }
.home_main_catch_bg { background: linear-gradient(180deg, rgba(15,21,20,0) 0%, rgba(15,21,20,0) 40%, rgba(15,21,20,1) 100%); }

@media screen and (max-width: 498px) {
.home_main_catch { margin:8vh 3rem 0 3rem; }
}

/*　--------------------　home_area02　--------------------　*/
.home_main_copy_area {
max-width:500px; background-color:rgba(15, 21, 20, 0.8); margin:0 auto; border-left:2px solid #959284; border-right:2px solid #959284; box-sizing: border-box;}
.home_main_read { padding:6rem 0 4rem 0.1rem; font-weight:bold; font-size:1.1rem; line-height: 2rem; letter-spacing:0.1rem;}
.home_main_catch_logo img { max-width:140px; }
.home_main_catch_logo { padding:0 0 8rem 0; }
.fs_video_player_bg { top: 10%; left: 5%; width: 90%; height: 75%;}
.black_rgba { background:rgba(15,21,20,0.25); }

@media screen and (max-width: 498px) {
.home_main_copy_area { margin:0 3rem; border-left:1px solid #959284; border-right:1px solid #959284; }
.fs_video_player_bg { display:none;}
.home_main_catch_logo img { max-width:120px; }
.home_main_catch_logo { padding:0 0 6rem 0; }
.home_main_read { padding:2rem 0 4rem 0.1rem; }
}

/*　--------------------　home_area03　--------------------　*/
.home_movie_tittle { letter-spacing:0.3rem; padding:30vh 0 8vh 0.3rem; }
.home_movie_area { max-width:680px; margin:0 auto; padding:0 1rem; }
.home_movie_textarea { max-width:620px; margin:0 auto; padding:0 2rem; }

@media screen and (max-width: 498px) {
.home_movie_tittle { padding:8rem 0 4rem 0.3rem; }
}

/*　--------------------　home_area04　--------------------　*/
.home_area04_space { padding-top:20vh; }
.home_news_area { padding:5rem 10% 6rem 10%; }

.home_sub_catch_A img, .home_sub_catch_B img{ max-width:200px; position: relative; z-index: 2; }
.home_sub_catch_A { margin:0 0 -350px 12%; }
.home_sub_catch_B { margin:0 12% -350px 0; }
.home_sub_catch_img_A , .home_sub_catch_img_B { padding-top:800px; }
.home_sub_catch_img_A { margin:0 0% 0 35%; }
.home_sub_catch_img_B { margin:0 35% 0 0%; }

.home_sub_catch_textspace_A01 { margin:-450px auto 0 0;  max-width:540px; background:#fff; padding:5rem 5rem 0 0;  }
.home_sub_catch_textspace_A02 { margin: 0 0 0 10% ; position: relative;}

.home_sub_catch_textspace_B01 { margin:-450px 0 0 auto;  max-width:540px; background:#959284; padding:5rem 0 0 5rem;  }
.home_sub_catch_textspace_B02 { margin: 0 10% 0 0 ; position: relative;}
.home_sub_catch_textspace_B_bg { background: linear-gradient(to right, #fff 0%, #fff 10%,#959284 10%, #959284 100%);  padding:5rem 0;}

@media screen and (max-width: 1400px) {
.home_sub_catch_A { margin:0 0 -350px 10%; }
.home_sub_catch_B { margin:0 10% -350px 0; }
.home_sub_catch_textspace_A02 { margin: 0 0 0 8%;}
.home_sub_catch_textspace_B02 { margin: 0 8% 0 0;}
.home_sub_catch_textspace_B_bg { background: linear-gradient(to right, #fff 0%, #fff 8%,#959284 8%, #959284 100%);  padding:5rem 0;}
}

@media screen and (max-width: 1200px) {
.home_sub_catch_A img, .home_sub_catch_B img{ max-width:180px; }
.home_sub_catch_A { margin:0 0 -350px 6%; }
.home_sub_catch_B { margin:0 6% -350px 0; }
.home_sub_catch_textspace_A01 , .home_sub_catch_textspace_B01 { max-width:480px; }
.home_sub_catch_textspace_A02 { margin: 0 0 0 6%;}
.home_sub_catch_textspace_B02 { margin: 0 6% 0 0;}
.home_sub_catch_textspace_B_bg { background: linear-gradient(to right, #fff 0%, #fff 6%,#959284 6%, #959284 100%);  padding:5rem 0;}
.home_sub_catch_img_A { margin:0 0% 0 28%; }
.home_sub_catch_img_B { margin:0 28% 0 0%; }
}

@media screen and (max-width: 1024px) {
.home_sub_catch_A img, .home_sub_catch_B img{ max-width:160px; }
.home_sub_catch_img_A { margin:0 0% 0 32%; }
.home_sub_catch_img_B { margin:0 32% 0 0%; }
}

@media screen and (max-width: 768px) {
.home_news_area { padding:5rem 8% 6rem 8%; }
.home_sub_catch_A img, .home_sub_catch_B img{ max-width:160px; }
.home_sub_catch_img_A , .home_sub_catch_img_B { padding-top:420px; }
.home_sub_catch_A { margin:0 0 -320px 8%; }
.home_sub_catch_B { margin:0 8% -320px 0; }
.home_sub_catch_textspace_A01 , .home_sub_catch_textspace_B01 { max-width:480px; }
.home_sub_catch_textspace_A02 { margin: 0 0 0 8%;}
.home_sub_catch_textspace_B02 { margin: 0 8% 0 0;}
.home_sub_catch_textspace_A01 { margin:-80px auto 0 0;  max-width:480px; }
.home_sub_catch_textspace_B01 { margin:-80px 0 0 auto;  max-width:480px; }
.home_sub_catch_textspace_B_bg { background: linear-gradient(to right, #fff 0%, #fff 8%,#959284 8%, #959284 100%);  padding:5rem 0;}
.home_sub_catch_img_A { margin:0 0% 0 35%; }
.home_sub_catch_img_B { margin:0 35% 0 0%; }
}

@media screen and (max-width: 498px) {
.home_news_area { padding:4rem 2rem 6rem 2rem; }
.home_sub_catch_A img, .home_sub_catch_B img{ max-width:120px; }
.home_sub_catch_img_A , .home_sub_catch_img_B { padding-top:300px; }
.home_sub_catch_A , .home_sub_catch_B { margin:0 2rem -400px 0; position}
.home_sub_catch_textspace_A01 , .home_sub_catch_textspace_B01 { max-width:480px; }
.home_sub_catch_textspace_A02 , .home_sub_catch_textspace_B02  { margin: 0 2rem;}
.home_sub_catch_textspace_A01 , .home_sub_catch_textspace_B01 { margin:0 0 0 0;  max-width:100%; padding:4rem 0 0 0; background:none;}
.home_sub_catch_textspace_B_bg { background: #959284;  padding:5rem 0;}
.home_sub_catch_img_A , .home_sub_catch_img_B { margin:0 20% 0 0; }
}

/*　==============================お知らせ==============================　*/
.news_list .entryData {font-size: 0.9rem!important; font-weight: bold; color: #959284;}
.news_list dd { border-left: none!important; font-size: 1rem!important; padding-left: 0!important; color: #959284; }
.news_list dd a { color: #959284;}
.news_list dl { padding: 2rem 0!important; border-bottom: 1px solid #959284!important; }
.news_list .entryTitle {font-weight: bold; line-height: 1.4rem; margin-bottom:0.4rem;}

@media screen and (min-width: 769px) {
.news_list .entryData {width: 120px!important}
.news_list dd { width: calc(100% - 120px)!important;}
.news_list dl { padding-left: 2.5%!important; }
}
@media screen and (max-width: 498px) {
.news_list .entryData {width: 100%!important margin-botton:0.8rem!important;}
.news_list dd { width: 100%!important; font-size: 1.2rem!important; }
.news_list dl { padding: 1.5rem 0!important; }
}

/*　==============================お知らせ更新用==============================　*/

/*　--------------------　画像　--------------------　*/
#pt101-3-1 img { width: 60%; height: auto!important; }
@media screen and (max-width: 498px) { #pt101-3-1 img { width: 100%; height: auto!important; }}

/*　--------------------　ページャー　--------------------　*/
#fsInfoBpager .numbers , #fsInfoBpager .ccm-page-left a, #fsInfoBpager .ccm-page-right a { background: #959284; }
#fsInfoBpager .currentPage { background: #bbb; color:#fff;}

/*　--------------------　シェアボタン　--------------------　*/
.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon ,
.fs-snsbutton-color1 .line-btn-icon{
    background-color: #ccc;
    color:#fff;
}
.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover ,
.fs-snsbutton-color1 .line-btn-icon:hover{
        transition:0.5s;
    background-color: #959284;
}

/*　==============================お問い合わせ==============================　*/
.contact-f .formBlockSurveyTable dl{margin-bottom: 0rem!important; padding-bottom:0rem!important; border:none!important; padding: 0;}
.contact-f .formBlockSurveyTable dl dt{text-align: left;  width: 20%; height: 3.6rem!important; line-height: 3.5rem!important;}
.contact-f .formBlockSurveyTable dl dd input {width:100%!important; height: 2.5rem!important; border-radius: 0!important; color: #1C1819!important; background-color: #F2F2F4!important; border: 1px solid #F0F0F0!important;}
.contact-f .formBlockSurveyTable dl dd textarea{width:100%!important; border-radius: 0!important; color: #1C1819!important; background-color: #F2F2F4!important; border: 1px solid #F0F0F0!important; margin-bottom:2rem;}
.contact-f .formBlockSurveyTable dl dd input.formBlockSubmitButton{width: 120px!important; height: 40px!important; background-color: #1C1819!important; color:#ffffff!important; border: 1px solid #1C1819!important; text-align: center; transition:0.6s; font-size: 0.9rem; letter-spacing: 0.1rem;}
.contact-f #Question13{height:auto!important;}
.contact-f .formBlockSurveyTable dl dd input.formBlockSubmitButton:hover{cursor: pointer; transition:0.6s; background-color:#959284!important; color:#fff!important;border: 1px solid #fff!important; }
.contact-f input, .contact-f  select {
    vertical-align: middle;
    font-size: 105%;
    padding: 0.8rem 1rem;
   border:1px solid #F2F2F4!important; 
}
.contact-f .formBlockSurveyTable dl dd { width: 77%; }
.contact_area { padding:6rem 10% 3rem 10%; }

@media screen and (max-width: 498px) {
.contact-f .formBlockSurveyTable dl dt { width: 100%; height: 2.4rem!important; }
.contact-f .formBlockSurveyTable dl dd input, .contact-f .formBlockSurveyTable dl dd textarea{margin-left: 0; height: 3.5rem!important;}
.contact-f .formBlockSurveyTable dl dd input.formBlockSubmitButton{ margin-left: 0px; }
.contact_area { padding:6rem 0 3rem 0; }
.contact-f .formBlockSurveyTable dl dd { width: 100%; }
}

/*　==============================　タイトル　==============================　*/
.tittle { padding:6rem 0 0 2rem; margin-bottom:-0.5rem; }
.tittle_area2 { padding:10rem 0 0 0; }

.tittle_01 { color: #fff; }
.tittle_01_w { color: #fff; }

.tittle_01 , .tittle_01_w {
    letter-spacing:0.4rem;
    line-height: 8rem;
    font-size: 3rem;
}
.tittle_02 {
　display: block;
    background-color: #959284;
    color: #ffffff;
    padding: 1.2rem 2rem 1rem 2rem;
    font-size: 1rem;
    letter-spacing:0.2rem;
    font-weight:bold;
}

@media screen and (max-width: 498px) {
.tittle { padding:4rem 0 0 2rem; margin-bottom:-0.8rem; }
.tittle_area2 { padding:6rem 0 0 0; }
.tittle_01 { line-height: 6.5rem; font-size: 2.8rem;}
}

/*　==============================　header　==============================　*/
/*--------------------ヘッダーロゴに関する設定--------------------*/
.h_logo_w , .h_logo_b { text-align: justify; padding:1rem 0 2rem 4%; margin-left:2rem;}
.h_logo_w img , .h_logo_b img { max-width:300px; }
@media screen and (max-width: 1200px) {.h_logo_w , .h_logo_b { margin-left:0rem;}}
@media screen and (max-width: 498px) { .h_logo_w , .h_logo_b { padding:1rem 50% 1rem 1rem; }}

.body-pt001 .h_logo_b , .body-pt003 .h_logo_b , .body-pt004 .h_logo_b , .h_logo_w { display:none;}
.body-pt001 .h_logo_w , .body-pt003 .h_logo_w , .body-pt004 .h_logo_w { display:block!important;}


/*----------PC用ナビ----------*/
.h_pc_navi { padding:1rem 4% 0 0; }
.h_pc_navi .fsNavMenuList li a{ padding: 2rem 0!important; margin:0 2rem 0 0; letter-spacing:0.1rem; }
.h_pc_navi .fsNavMenuList li:first-child /*, .h_pc_navi .fsNavMenuList li:nth-child(7)*/ { display:none;}

/*----------SP用ナビ----------*/
.fat-nav  { background: rgba(149, 146, 132, 0.98);}
.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 1rem 0;
    margin-left:15% ;
    font-size: 1.3rem;
    font-weight:bold;
    line-height: 1.4rem;
    letter-spacing:0.2rem;
    border-bottom: none;
    border-bottom: 0px solid #959284;
}
.fat-nav li a {
    border-bottom: 0px solid #ffffff;
}

.fat-nav{
    background-image: url(../../../../files/7116/8065/8755/00_higashida_sp_navi_bg.png);
    background-position: center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

.fat-nav ul { vertical-align: top; padding: 12vh 0 0 0;}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after { background-color: #959284; }
.sp_h_navi .fat-nav li p { border-left: 5px solid #959284; padding: 0 0 0 1.5rem;}

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

/*　--------------------ヘッダー・フッターナビのリンク--------------------　*/
.h_pc_navi a { color:#666; }

.body-pt001 .h_pc_navi a,
.body-pt003 .h_pc_navi a,
.body-pt004 .h_pc_navi a,
.f_navi_link a { color:#fff!important;}

.h_pc_navi a,
.f_navi_link a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.h_pc_navi a::after,
.f_navi_link a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background: #959284;
  transition: .3s;
}
.h_pc_navi a:hover::after,
.f_navi_link a:hover::after {
  width: 100%;}

.h_pc_navi > #fsNavMenuList > .active_page > a{position: relative;}
.h_pc_navi > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 2px; background: #959284;}

/*　==============================　footer　==============================　*/
/*----------フッター_上下スペース----------*/
footer { padding: 4rem 0 0 0; }

/*----------フッター_ロゴ----------*/
.f_logo { padding:0 2rem 2rem 0; margin-top:-7rem; text-align:right; }
.f_logo img { max-width:240px; }
@media screen and (max-width: 768px) {.f_logo { padding:0 10% 1.5rem 2rem; }}
@media screen and (max-width: 498px) {.f_logo { margin-top:2rem; margin-bottom:-3rem; padding:0 2rem 0 50%; }}

/*　--------------------　サイトマップ　--------------------　*/
.f_sitemap ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.f_sitemap li:nth-child(1) {width: 26%;}
.f_sitemap li:nth-child(2) {width: 22%;}
.f_sitemap li:nth-child(3) {width: 26%;}
.f_sitemap li:nth-child(4) {width: 23%;}
.f_sitemap dt { font-size:1.2rem; margin:1rem 0 0 0; letter-spacing: 0.1rem; color:#959284;}
.f_sitemap dd {font-size:0.9rem; line-height: 2rem;}
.sitemap_line { margin:0 0 0 1.5rem!important; }
.sitemap_line::before {
content: '';
display: block;
width: 6%;
height: 1px;
background: #959284;
position: relative;
top: 1rem;
left: -1.5rem;
}

.f_sitemap a { color:#ffffff; }
.f_sitemap a:hover { color:#959284; transition:0.2s;}
.f_sitemap { padding:0 0 0 2rem;}

@media screen and (max-width: 768px) {
.f_sitemap li:nth-child(1) , .f_sitemap li:nth-child(2) , .f_sitemap li:nth-child(3) , .f_sitemap li:nth-child(4) {width: 50%;}
.f_sitemap dt { font-size:1.3rem; margin:1.5rem 0 0.2rem 0;}
.f_sitemap dd {font-size:1rem; line-height: 2.2rem;}
.f_sitemap { padding:0 0 2rem 3rem; }
}
@media screen and (max-width: 480px) {.f_sitemap { margin-top:0rem; padding:0 0 0 3rem; }}

/*　--------------------ページトップボタン--------------------　*/
.pagetop_btm{
    position: fixed;
    z-index: 20;
    bottom: 0;
    right: 0;
}
.pagetop_btm .fs_btn_text { filter: drop-shadow(0 2px 3px rgba(25,25,25,0.6));}

.pagetop_btm .fs_btn{
   background: linear-gradient(180deg, rgba(149, 146, 132, 0.8), rgba(28, 24, 25, 0.8));
   line-height: 1rem;
}


/*　==============================　テキスト　==============================　*/
/*--------------------文字に関する設定--------------------*/
.bold { font-weight: bold; }
.space_1 { letter-spacing: 0.1rem;}
.space_2 { letter-spacing: 0.2rem;}
.space_3 { letter-spacing: 0.3rem;}
.space_4 { letter-spacing: 0.4rem;}
.space_5 { letter-spacing: 0.5rem;}

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

/*--------------------英字フォント--------------------*/
.eiji { font-family: 'Roboto Slab' ,'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3" ,sans-serif; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOmYmRjRdE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOma2RjRdE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOmY2RjRdE.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOmbGRjRdE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOmYGRjRdE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOmYWRjRdE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOmb2Rj.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;
}


/*----------パンくずリスト----------*/
.fs_breadcrumb { font-size:0.6rem; letter-spacing:0.05rem; padding:1rem 2rem 0 0; margin-right:3%;}
.fs_breadcrumb a { color: #959284; }
.fs_breadcrumb a:hover { opacity: 0.6; transition:0.6s;}

@media screen and (max-width: 480px) {
.fs_breadcrumb { font-size:0.6rem; letter-spacing:0.05rem; padding:1rem 0.5rem 0rem 0;}}

/*----------パンくずリスト 新着用----------
.body-pt101 .fs_breadcrumb, .body-pt102 .fs_breadcrumb { font-size:0.7rem; padding:1rem 1rem 5rem 0;}
@media screen and (max-width: 1200px) { .body-pt101 .fs_breadcrumb, .body-pt102 .fs_breadcrumb { font-size:0.7rem; }}
@media screen and (max-width: 1100px) { .body-pt101 .fs_breadcrumb, .body-pt102 .fs_breadcrumb { padding:2rem 1rem 5rem 0;}}
@media screen and (max-width: 1024px) { .body-pt101 .fs_breadcrumb, .body-pt102 .fs_breadcrumb { font-size:0rem; padding:0 0 5rem 0;}}
@media screen and (max-width: 480px) {
.fs_breadcrumb { font-size:0.6rem; letter-spacing:0.05rem; padding:1rem 0.5rem 5rem;}}
*/

/*　==============================　デフォルト　==============================　*/
a { text-decoration:none; }
.a_color a { color:#959284!important; }
.dis-in { display: inline-block; }

h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}

/*--------------------スマホ時消去--------------------*/
@media screen and (max-width: 498px) {
     .sp_none {  display: none; }}

/*--------------------telリンク - スマホ版のみ--------------------*/
@media screen and (min-width: 768px) { a[href^="tel:"] {pointer-events: none;}}

/*--------------------マルチイメージ、スリックスライドのポインター無--------------------*/
.cuosor { pointer-events: none; cursor: default; }

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

/*----------ポジションリラティブ----------*/
.pos_rel{position: relative;}

/*----------SP版センター----------*/
@media screen and (max-width: 498px) {
     .sp_center {  text-align: center!important; }}

/*----------SP版左----------*/
@media screen and (max-width: 498px) {
     .sp_left {  text-align: justify!important; }}

/*----------タブレット縦版左----------*/
@media screen and (max-width: 768px) {
     .tb_left {  text-align: justify!important; }}

/*----------SP版右----------*/
@media screen and (max-width: 498px) {
     .sp_right {  text-align: right!important; }}

/*----------スマホ時改行なし----------*/
@media screen and (max-width: 498px){
.sp_br_none br { display:none; }}

/*----------スマホ時改行あり----------*/
@media only screen and (min-width: 480px){
.sp_br br { display:none;}}

/*----------タブレット縦時改行あり----------*/
@media only screen and (min-width: 768px){
.tb_br br { display:none;}}

/*----------タブレット縦時改行なし----------*/
@media screen and (max-width: 768px){
.tb_br_none br { display:none; }}

/*----------スマホ時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 498px) {
.sp_bg_none{background-image: none!important; }}

/*----------スマホ時バックグラウンドイメージ表示----------*/
@media screen and (min-width: 481px) {
.sp_bg_show{background-image: none!important; }}

/*----------タブレット縦時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 768px) {
.tb_bg_none{background-image: none!important; }}

/*----------タブレット横時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 1024px) {
.tb_bg_w_none{background-image: none!important; }}

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

/*----------タブレット時カバー----------*/
@media screen and (max-width: 1024px) {
.tb_bg_cover{background-size: cover!important; }}

/*----------タブレット時コンテイン----------*/
@media screen and (max-width: 768px) {
.tb_bg_contain{background-size: contain!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(1) !important;
}
}

/*　==============================　編集時 - margin　==============================　*/

.ccm-edit-mode .m0_top , .ccm-edit-mode .f_logo , .ccm-edit-mode .ic_logo_A 
{ margin-top: 0rem!important;}

.ccm-edit-mode .top_area02_img_space
{ margin-bottom: 0rem!important; }