@charset "utf-8";
/* ////////////////////////////////////////////////////////////////////// */
/*
/* ////////////////////////////////////////////////////////////////////// */
figure{margin: 0;}
.sp{display: none!important;}
.w1500{max-width: 1500px;margin: 0 auto;}
.top_req{
  position: absolute;
  right: 10%;
  bottom: 10%;
}
a.top_req:hover{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.section01{
  background-image: url(../images/bk01.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 1330px;
}
.section01 p{text-align: center;}
.page .w1500>div,
.section01 ul{
  background-color: #f1f3f7;
  background: linear-gradient(180deg, #f9f9f9 70%, #e9e9e9);
  box-shadow: 0 4px 10px rgba(11, 2, 5, 0.20);
  padding-top: 30px;
  padding-bottom: 60px;
}
.page #area_detail.w1500>div{background:#fff;box-shadow: initial;}
.page .w1500.rec_message>div{
  background-color: initial;
  background: initial;
  box-shadow: initial;
  padding-bottom: 0;
}
.section01 ul li{position: relative; width: calc(100%/3);}
.section01 ul li .btn02{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.section01 ul li a .btn02{
  padding: 5px 140px;
  display: inline-block;
  background-color: #24952f;
  border: solid 1px #267a59;
  border-radius: 0px;
  color: #fff;
  font-size: 1.6rem;
  margin: 0;
  padding: 1% 10%;
}
.btn02 a:hover,
.news_box .sec_btn a:hover,
.fb_img a:hover,
ul.ul_cate li a:hover,
.section01 ul li a .btn02:hover{
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.page h2,.page p{text-align: left;}
.subimg p{
  text-align: center;
  text-shadow: 2px 2px 4px #8e8e8e;
  color: #111;
}
.page h2, .category h2, .single h2, .archive h2{
  font-family: 'Noto Sans Japanese', sans-serif;
  border-bottom: solid 5px #24952f;
  position: relative;
  padding: 10px 0;
  margin-bottom: 50px;
}
.page h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #267a59;
  bottom: -5px;
  width: 20%;
}
.page footer h2{margin: 0;border:0;padding:0;font-family:initial;}
.page footer h2:after{content: none;}
.mainimg_bk{
  text-align: left;
  background-color: rgba(29, 120, 38, 0.9);
  padding: 30px 70px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  height: 90%;
  transform: translateY(-50%) translateX(0%);
  border-left: solid 10px #267a59;
}
ul.trucks{
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  margin-top: 5%;
}
ul.trucks>li{
  width: calc(100%/3);
  padding: 1%;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
}
ul.trucks>li dl dt{margin: 1% 0;}
ul.works{padding: 30px 0;}
/* ul.works li figure{width: 40%;} */
ul.works li figure img{border-radius: 3px;border: solid 1px #bbb;}
ul.works li:nth-of-type(1) p{
  font-size: 3.2rem;
  font-weight: 700;
  margin: 0 auto 30px;
}
ul.works li.li_40{
  width: 40%;
  margin-right: 1%;
}
ul.works li:nth-of-type(2){
  width: 59%;
  background-color: #fff;
  margin: 0 auto;
  /* margin-top: -55px; */
  text-align: center;
  box-shadow: 0 4px 10px rgba(11, 2, 5, 0.20);
  padding: 15px;
}
ul.works li:nth-of-type(2) div{margin-left: 45%;}
ul.works li:nth-of-type(2) div h3,
ul.works li:nth-of-type(2) div p{text-align: left;padding: 10px 0;}

dl.works_dl div{
  width: calc(94%/3);
  border: solid 1px #ddd;
  background-color: #fff;
  margin: 1%;
  padding: 15px;
}
dl.works_dl div dt{padding: 5px 0 15px; text-align: center;}
dl.works_dl div dd{padding: 15px 0;}
#area_detail dl.works_dl div dt{padding: 15px 0 0;}

/* /求人 */
.saiyou_seibi h3{
  color: #267a59;
  font-weight: 700;
  text-align: center;
  border: solid 1px #267a59;
  border-bottom: solid 5px #267a59;
  position: relative;
  padding: 10px 0;
}
.saiyou_seibi ul li{
  margin: 15px;
}
.saiyou_seibi ul li:before{
  content: '';
  width: 10px;
  height: 10px;
  background: #111;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px;
}
.work-active{
  background: #0ba068;
  color: #fff;
  border-radius: 2px;
}
ul.work-list{
  background-color: #ddd;
  margin-bottom: 20px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
ul.work-list li{
  cursor: pointer;
  padding: 15px;
  width: calc(100% / 4);
  text-align: center;
  border: solid 1px #ccc;
}
ul.work-list li:before{
  content: '';
  background: url(../images/ic_fast_forward_black_18dp_1x.png) 0% 50% no-repeat;
  padding-right: 25px;
}
.page dl.info-s{
  margin: 0px;
  border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
}
.border-t{border-top: solid 1px #ddd;}
dl.info-s dt{
  padding: 12px 0 12px 15px;
  width: 30%;
  color: #4b4e48;
  font-weight: normal;
  display: inline-block;
  margin-bottom: 5px;
}
dl.info-s dd{
  width: 70%;
  color: #4b4e48;
  display: inline-block;
  margin-bottom: 5px;
}
dl.info-s dd a{
  padding: 12px 0 12px 15px;
  color: #333;
  display: block;
}
dl.col-dt dt{
  background-color: #0ba068;
  color: #fff;
  margin-bottom: 1px;
}
dl.col-dt dd{
  padding: 12px 15px;
  margin-bottom: 1px;
  border-bottom: 1px solid #ccc;
	background-color: #fff;
}
dl.col-dt dd li{list-style: none;}
.border-t{border-top: solid 1px #ddd;}
.merit ul li{
  padding: 10px;
  width: 100%;
  border-bottom: solid 1px #ccc;
  letter-spacing: 0.8rem;
}
.midashi03{
  font-size: 2.0rem;
  margin-bottom: 60px;
  text-align: center;
  line-height: 2;
}
.midashi04{
  background-color: #24952f;
  color: #fff;
  padding: 5px;
}
ul.listbox{margin: 15px 0;}
ul.listbox li{
  list-style: disc;
  margin-left: 30px;
  margin: 15px 0 15px 15px;
}
ul.ul_torikumi li{
  margin: 4% 0;
  border-bottom: solid 1px #ddd;
  padding-bottom: 4%;
}
ul.ul_torikumi li div{flex: 1;}
ul.ul_torikumi li figure{width: 20%;text-align: center;}
ul.ul_torikumi li figure img{height: 150px;}
.p_torikumi{margin-bottom: 2%;}
.p_torikumi span{padding-right: 30px;}
.sub_torikumi{
  padding-left: 140px;
  font-size: 1.4rem;
}
.sub_torikumi a{
  text-decoration: underline;
  color: #005EAA;
}
ul.ul_req_list li {
  position: relative;
  width: calc(94%/3);
  margin: 0 1%;
}
ul.ul_req_list li a:hover{
  background-color: #24952f;
  background-color: #e9e9e9;
}
ul.ul_req_list li h3{font-weight: 700;font-size: 1.8rem;text-align: center;}
.page-id-9 .btn02{
  text-align: center;
  margin: 30px 0;
}
.page-id-9 .btn02 a{padding: 34px 140px;}
.req_btn{
  margin: 5%;
  background: #267a59;
  display: inline-block;
  padding: 2% 5%;
  font-size: 1.2rem;
  border-radius: 3px;
  margin-left: auto;
  color: #fff;
}

/* add */
.news_box{text-align: left; margin-bottom: 5%;}
.news_box h3{font-weight: 700;font-size: 2rem;}
.news_box_img{
  width: 100%;
  height: 300px;
  margin-bottom: 5%;
  box-shadow: 2px 2px 8px #c2c2c2;
}
.col-md-4 .news_box_img{height: 250px;}
.news_box .sec_btn{
  margin-top: 2%;
}
.news_box .sec_btn a{
  font-size: 1.4rem;
  padding: 0% 2%;
  display: inline-block;
  background: #267a59;
  font-size: 1.2rem;
  border-radius: 3px;
  margin-left: auto;
  color: #fff;
}
.ol_policy{margin-left: 15px;}
.txt_privacy{font-size: 1.4rem;}
.txt_privacy a {
  text-decoration: underline;
  color: #007bff;
}
.fb_img{
  margin-top: 5%;
  background: #f9f9f9;
  padding: 5% 0;
  border: solid 1px #f0f0f0;
}
.fb_img a img{width: 50%;}
ul.ul_cate li {
  margin: 0 auto;
}
ul.ul_cate li a{
  padding: 10px 30px;
  display: block;
  border: solid 1px;
  background: #f9f9f9;
  color: #24952f;
  font-size: 1.4rem;
  border-radius: 6px;
  border: solid 1px #24952f;
}
ul.ul_cate li.current-cat a{
  background: #24952f;
  color: #fff;
}
.footer_area_h2{
  font-size: 2.0rem;
  padding: 0;
  font-weight: 400;
}
h2.single_h2{
  padding: 15px;
  margin-bottom: 0;
  border-bottom: 0;
}
.single_h2{
  background: #24952f;
  background: #FFA500;
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  padding: 15px;
}
.cate_h2{
  background: #24952f;
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  padding: 15px;
  margin: 5% 0 2%;
}
.box_info{
  background-color: #f9f9f9;
  margin-top: 10%;
  padding: 30px 30px;
  margin-bottom: 5%;
  border: solid 1px #ddd;
}
.block_term{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10%;
}
.block_req{background-color: #f9f9f9;}
.box_text{
  background-image: linear-gradient(-45deg,#fff 25%,#24952f 25%, #24952f 50%,#fff 50%, #fff 75%,#24952f 75%, #24952f);
  padding: 6px;
  background-size: 4px 4px;
  background-repeat: repeat;
  font-size: 1.6rem;
}
.box_text_inner{
  background-color: #f8fdff;
  background-color: #ffffff;
  padding: 15px;
}
.txt_req{padding: 60px 30px 0;}
.box_req, .box_req_midashi{
  margin-bottom: 60px;
  padding-bottom: 60px;
}
.box_req h3{
  background-color: #267a59;
  color: #fff;
  padding: 15px 30px;
}
.box_req_midashi h3{
  background-color: #24952f;
  color: #fff;
  padding: 15px 30px;
}
/* .box_req figure, .box_req_midashi figure, .box_req_midashi p{ */
.box_req figure{
  width: calc(90%/2);
  margin: 30px auto 0;
}
.box_req figure, .box_req_midashi figure{text-align: center;}
.table_req{
  width: calc(90%/2);
  margin: 30px auto 0;
  border-top: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-left: solid 1px #ddd;
}
.single-recruits .table_req{width: 94%;}
.table_req th, .table_req td{padding: 15px;border-bottom: solid 1px #ddd;}
.table_req th{
  width: 30%;
  background-color: #fff6d2;
}
.table_req td{width: 70%;background-color: #fff;}
ul.ul_term.ul_cate li{
  float: left;
  margin: 1%;
  width: 23%;
  text-align: center;
}
p.btn_banner{
  padding: 30px 0;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
.btn_banner a:hover{
  opacity: 0.6;
}
dl.dl_qa{}
dl.dl_qa dt{
  padding: 30px 30px 15px;
  background-color: #f9f9f9;
}
dl.dl_qa dd{
  padding: 0 30px 30px;
  background-color: #f9f9f9;
  margin-bottom: 15px;
}
.inner_sdgs{
  border: solid 2px #267a59;
  padding: 1em;
  margin-top: 1em;
}
.inner_sdgs h3{
  text-align: center;
  padding: 0;
  margin-bottom: 0.8em;
  font-weight: 700;
}
.inner_sdgs ul{
  margin-bottom: 1em;
}
.inner_sdgs ul li{
  font-size: 0.8em;
  margin-bottom: 1em;
  line-height: 1.4;
  list-style: disc;
  margin-left: 2em;
  border-bottom: solid 1px #a3a3a3;
  padding-bottom: 0.4em;
}
.nolist{
  list-style: none!important;
  border-bottom: 0!important;
  text-align: right;
}
.logo_sdgs figure{
  width: 23%;
  margin: 1%;
}
.top_banner{
  margin-top: 1em;
  box-shadow: 0 4px 10px rgba(11, 2, 5, 0.20);
  line-height: 0;
}
/* ================================================= */
/* side_navi */
/* ================================================= */
  .nav_line{
    position: fixed;
    right: 0;
    bottom: 0;
  }
  .nav_line a:hover{opacity: 0.8;}
  .nav_side{
    display: none;
    position: fixed;
    right: 0;
    /* bottom: 10%; */
    bottom: 150px;
    background: #fff;
    border-radius: 5% 0 0 5%;
    box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.4);
  }
  ul.side_navi{margin-top: 20px;width: 180px;}
  ul.side_navi li a{
    background-color: #24952f;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    margin: 0;
    padding: 4%;
    border-radius: 6px;
    text-align: center;
    letter-spacing: 2px;
    text-shadow: 2px 2px #1a513b;
  }
  ul.side_navi li.contact_req a{
    background-color: #feea00;
    color: #111;
    text-shadow: 1px 1px #caba03;
  }
  ul.side_navi li a:hover{background-color: #267a59;}
  ul.side_navi li.contact_req a:hover{background-color: #FFA500;}
  ul.side_navi li{margin: 4% 10%;}
  .contact_ttl p{
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  .contact_ttl .tel-i{
    color: #267a59;
    font-size: 24px;
  }
  ul.side_navi li .tel_ban a{
    background-color: initial;
    margin: 0;
    font-size: 1.6rem;
    font-weight: 900;
    display: inline-block;
    padding: 0;
    text-shadow: none;
    color: #111;
    letter-spacing: 0;
  }
  .contact_ttl .tel_txt{font-weight: 700;}
  .contact_ttl .tel_info{
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.2;
  }
  .contact_sp{
    display: none;
  }

@media(min-width: 768px) and (max-width:1200px){
  ul.work-list{width: 80%;}
}

@media(max-width:767px){
    .pc{display: none!important;}
    .sp{display: block!important;}
    ul.work-list{width: 100%;}
		ul.work-list li {width: calc(100% / 2);text-align: left;}
    .merit ul li{letter-spacing: 0.4rem;}
    .works_dl.flex{display: block;}
    dl.works_dl div{width: 98%;}
    dl.works_dl div dt{text-align: left;}
    ul.trucks.flex{display: block;}
    ul.trucks>li{width: 100%;}
}


/* ////////////////////////////////////////////////////////////////////// */
/*  リセット
/* ////////////////////////////////////////////////////////////////////// */
.cat {width: initial;padding: 2px 10px;}
.ymd{padding-left: 1%;display: inline-block;}
.navbar-toggler-icon{width: 3.0rem;height: 3.0rem;}

/* スクロールダウンボタン */
.scdown{position: absolute;width: 100%;bottom: 5%;}
.scdown a {padding-top: 60px;position: relative;}
.scdown a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #111;
  border-radius: 100%;
  box-sizing: border-box;
}
.scdown a span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #111;
  border-bottom: 1px solid #111;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

/* ////////////////////////////////////////////////////////////////////// */
/*  ヘッダー
/* ////////////////////////////////////////////////////////////////////// */
.mainimg {
  padding-top: 0;
  padding-bottom: 700px;
  text-align: right;
}
.mainimg p{
  font-size: 3.6rem;
  text-shadow: 0px 1px 1px #000;
  font-weight: 700;
  color: #fff;
}
.mainimg h2{margin-right: 2%;}
/* .page article,
.category article,
.single article{background: linear-gradient(180deg,#fff 50%,#f1f3f7 50%);} */

/* ////////////////////////////////////////////////////////////////////// */
/*  グローバルメニュー
/* ////////////////////////////////////////////////////////////////////// */
.navbar-light .navbar-toggler p{
  font-size: 10px;
  letter-spacing: 0;
  line-height: 10px;
}
.navbar ul li:nth-child(n + 2):before{content:initial;}
.navbar ul li a{
  padding: 14px 0;
  letter-spacing: 2px;
  font-size: 21px;
  text-shadow: 2px 2px 4px #1b563f;
}
nav.fixed{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
}
/* ////////////////////////////////////////////////////////////////////// */
/* category-column */
/* ////////////////////////////////////////////////////////////////////// */
.column-menu{padding: 30px 0;}
.column-menu ul li{width: calc(100%/6);}
.column-menu ul li a{
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  border-right: solid 1px #f9f9f9;
  padding: 16px 0;
  margin-bottom: 60px;
  background: url(../images/icon01.png) no-repeat 10% 50%;
}
.column-menu ul li a:hover{background-color: #ed7a6c;}
ul.cat_column li:hover{
  opacity: 0.9;
  background-color: #d4ecf3;
  text-decoration: none;
}
ul.cat_column li{
  padding: 15px;
  background: #f9f9f9;
  margin-bottom: 30px;
  border-radius: 3px;
}
ul.cat_column li h2{
  padding-top: 0;
  font-size: 1.8em;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}
ul.cat_column li a:hover{text-decoration: none;}
ul.cat_column li figure{padding: 100px 0;width: 30%;}
ul.cat_column li .w70{padding: 0 15px;}
.home ul.cat_column li{
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
  height: 200px;
  overflow: hidden;
  border-radius:0;
}
.home ul.cat_column li.cat_nm{position: relative;}
.home ul.cat_column li.cat_nm span{position: absolute; top: 0;right: 0;margin: 0;}
.home ul.cat_column li figure{margin: 0;width: 100%;}
/* ////////////////////////////////////////////////////////////////////// */
/*  blog
/* ////////////////////////////////////////////////////////////////////// */
ul.cat_blog li{
  width: 48%;
  float: left;
  margin: 1%;
  border: solid 1px #ddd;
}
ul.cat_blog li div{padding: 15px;}
ul.cat_blog li h2{
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  font-weight: 400;
}
ul.cat_column li span,
ul.cat_blog li span{
  padding: 5px 10px;
  margin-left: 20px;
  border-radius: 3px;
}
ul.cat_column li time span,
ul.cat_blog li time span{margin: 0; padding: 0;margin-right: 10px;}

/* ////////////////////////////////////////////////////////////////////// */
/*  投稿ページ
/* ////////////////////////////////////////////////////////////////////// */
/* column */
.sin_blog p,
.sin_column p{
  letter-spacing: 0.1em;
  line-height: 33.48px;
}
.sin_blog .time,
.sin_column .time{
  font-size: 1.2rem;
  color: #c40020;
  padding: 15px 0;
}
.sin_blog .time span,
.sin_column .time span{padding-right: 10px;}
.sin_blog h1,
.sin_column h1{padding: 0;}
.sin_column figure{padding: 200px 0;}
.sin_column .clm-about{margin: 30px 0;}
.sin_column .clm-index{
  padding: 15px;
  border: solid 1px #ddd;
  background-color: #f9f9f9;
  display: inline-block;
}
.sin_column .clm-index p{text-align: center;}
.sin_column .clm-index ul li{padding: 2% 0;font-weight: 400;}
.sin_column .clm-index ul li:before{
  content: '';
  background-color: #333;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 0.5em;
  border-radius: 2px;
}
.sin_column .clm-index ul li a{color: #007bff;}
.sin_column h2{font-size: 2.5rem;border-bottom: solid 3px #111;padding-bottom: 5px;}
.sin_column ul.clm-detail{margin-bottom: 80px;}
.sin_column ul.clm-detail li{padding: 30px 0;}
.sin_column ul.clm-detail li p{padding: 15px 0;}
.pdf{position: relative;}
.pdf a{
  color: #d52518;
  padding-left: 40px;
  display: inline-block;
  line-height: 1.4;
}
.pdf a:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0);
  background-image: url(../images/icon_pdf.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  display: block;
  height: 25px;
  width: 25px;
  border: 0;
}
/* ////////////////////////////////////////////////////////////////////// */
/*  footer
/* ////////////////////////////////////////////////////////////////////// */
.footer_navi_sp{display: none;}
.footer_navi_sp ul{
  position: fixed;
  width: 100%;
  bottom: 0;
  margin: 0;
  z-index: 999;
}
.footer_navi_sp ul li{
  background-color: #d7d7d7;
  border:solid 1px #ddd;
  width: calc(100% / 3);
  text-align: center;
  padding: 10px 0;
  float: left;
  font-weight: 400;
}
.footer_navi_sp ul li:nth-child(1){background-color: rgba(68, 114, 196, 1);}
.footer_navi_sp ul li:nth-child(2){background-color: rgba(112, 173, 71, 1);}
.footer_navi_sp ul li:nth-child(3){background-color: #e14f3a;}
.footer_navi_sp ul li a{color: #fff;display: block;}
.footer_navi_sp ul li a i{display: block;font-size: 2.4rem;}
.footer_navi_sp ul li a span{display: block;font-size: 1.2rem;padding-top: 3px;}
.slide_banner{
  padding: 80px 30px 0;
  overflow: hidden;
}
.slide_banner_li {
  margin: 15px;
  box-shadow: 0 4px 10px rgba(11, 2, 5, 0.20);
  border: solid 1px #efefef;
}
.slide_banner_li a{
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.slide_banner_li a:hover {
  opacity: 0.6;
}
.slide_banner .slick-list {
  padding: 0 5% 0 !important;
}
/* ////////////////////////////////////////////////////////////////////// */
/*  フォーム
/* ////////////////////////////////////////////////////////////////////// */
@media(max-width:767px){
  /* .mainimg{height: 100vh;} */
  header h1 span{margin: 5px 0;}
  .navbar-brand{margin: 0;}
  .subimg{padding: 60px 0;}
  .subimg p{font-size: 2.4rem;}
  nav figure{display: none;}
  div.breadcrumbs{padding: 10px 15px;}
  footer .fc_author{margin: 0;margin-bottom: 15px;}
  .fc_author p{width: 100%;}
  ul.cat_blog li div {padding: 1%;font-size: 1.2rem;}
  ul.cat_blog li h2{padding: 5% 0;font-size: 1.6rem;}
  ul.cat_column li a.flex{display: block;}
  ul.cat_column li figure{width: 100%;}
  .column-menu ul{margin-bottom: 10%;}
  .column-menu ul.flex{display: block;}
  .column-menu ul li a{margin-bottom: 0;padding: 2% 0;padding-left: 30px;font-size: 1.6rem;text-align: left;background-position: left center;}
  .column-menu ul li{width: 100%;}
  .footer_kiji figure{height: 100px;}
  .footer_kiji ul li{width: 50%;}
  .sin_column ul.clm-detail{margin-bottom: 10%;}
  .sin_column h2{font-size: 2.2rem;}
  .mainimg .p30{padding: 0;}
  .mainimg p{font-size: 1.4rem;font-weight:normal;}
  .home ul.cat_column li {float: none;width: 100%;}
  .sec_info li a{width: 100%;}
  ul.sec_info_banner li{text-align: center;}
  ul.cat_column li .w70{padding:0;}
  ul.cat_column li h2{font-size: 2.4rem;}
  ul.cat_blog li time{display: block;}
  ul.cat_column li span, ul.cat_blog li span{margin:10px;display: inline-block;}
  ul.cat_blog li h2{padding: 5% 10px}
  .t_company .t_company_m{width: 100%;}
  .t_kiji {padding-top: 0;}
  .footer_area_b dl dt{float: none;}
  .footer_area{height: 75vh;}
  .footer_area_b dl dt,
  .footer_area_b dl dd{width: 100%;}
  .footer_area_b h2{font-size: 2.4rem;}
  .footer_area p:first-child{font-size: 1.8rem;}
  .footer_area p:last-child {width: 100%;}
  .section01 ul li,ul.ul_req_list li{width: 100%;}
  .section01{height: 1400px;}
  .section01 p{text-align: left; padding: 30px 15px;}
  .section01 ul li a .btn02{padding: 10px 25px}
  .btn02{text-align: center;}
  .btn02 a{
    /* padding: 12px 80px; */
    padding: 12px;
    width: 100%;
    text-align: center;
  }
  .footer_area{height: initial;}
  ul.telmail{display: none;}
  ul.telmail li{width:100%;font-size: 2rem;}
  .top_req{display: none;}
  ul.tel-area{width: 70%;}
  .footer_navi{display: none;}
  dl.col-dt dt,dl.col-dt dd{width: 100%;border-bottom:0;}
  .page dl.info-s{border-right: 0;}
  ul.works li figure{width: 100%;}
  ul.works li.li_40{
    width: 100%;
  }
  ul.works li:nth-of-type(2){
    width: 100%;
    margin-left:0;
    margin-top: 0;
  }
  ul.works li:nth-of-type(2) div{margin-left:0;}
  .page-id-9 .btn02 a{padding: 10% 0;width: 90%;}
  .page-id-9 .btn02 a{padding: 10% 0;width: 90%;}
  .page p.req_btn{display: block;text-align: center;margin: 5% 0 15%;}
  .p_torikumi span{display: block;background: #ddd;}
  .sub_torikumi{padding-left: 0;}
  .mainimg{padding-bottom: 300px;}
  .mainimg_bk{
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    writing-mode: initial;
    text-orientation: initial;
    transform: initial;
    padding: 2% 10%;
  }
  .nav_line{display: none;}
  .nav_side{
    width: 100%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0;
    z-index: 1;
  }
  ul.side_navi{width: 100%; margin-top: 10px;}
  ul.side_navi li{
    /* width: calc(100%/3); */
    width: 100%;
    float: left;
    margin: 0;
  }
  ul.side_navi li:nth-of-type(3), ul.side_navi li.contact_ttl .tel_info{display: none;}
  ul.side_navi li:nth-of-type(5){width: 100%;}
  ul.side_navi li:nth-of-type(5) p{
    text-align: center;
    width: 50%;
    float: left;
    padding: 8px 5px;
    margin-bottom: 0;
  }
  .contact_ttl .tel_ban{font-size: 14px;}
  ul.side_navi li a{margin: 5px;}
  ul.side_navi li .tel_ban a{
    margin: 0;
    font-size: 12px;
  }
  ul.ul_cate li{width: 50%;}
  ul.ul_cate li a{
    margin: 5%;
    padding: 2%;
    text-align: center;
  }
  ul.side_navi li.contact_req a{
    font-size: 1.2rem;
    padding: 2%;
    font-weight: 600;
  }
  .col-md-4 .news_box_img{height: 150px;}
  .col-md-6 .news_box_img{height: 190px;}
  .news_box h3{
    font-size: 1.6rem;
    padding: 15px 0 30px;
  }
  .news_txt{display: none;}
  .cat{font-size: 1.2rem;}
  .cate_h2{font-size: 2.1rem;}
  footer figure{margin-bottom:30px;}
  ul.ul_footer_comp li{font-size: 1.2rem;}
  .block_term{width: 100%;}
  ul.ul_term.ul_cate li{width: 48%;}
  .table_req th, .table_req td{width: 100%;}
  .table_req td{margin-bottom: 0;}
  .txt_req{padding: 15px;}
  .box_req, .box_req_midashi{padding-bottom: 0;}
  .box_req figure, .box_req_midashi figure img{width: 100%;}
  .box_req figure, .box_req_midashi figure, .box_req_midashi p, .table_req{width: 100%;}
  .page #area_detail.w1500>div{padding-bottom: 0;}
  .slide_banner{padding: 8% 0 0;}
  .slide_banner .slick-list {padding: 0 10% 0 !important;}

  .contact_sp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    /* justify-content: flex-start; */
    justify-content: space-between;
  }
  .contact_sp p{
    width: calc(70% / 3);
    margin: 0 5%
  }
  .contact_sp p a{
    background-color: initial !important;
    margin: 0 10px 5px !important;
  }
}

@media(max-width:480px){
  div.breadcrumbs {margin-top: 50px;}
  .sec_hl {margin: 0 15px;margin-top: 15px;}
  .sec_strong .flex{display: block;}
  .sec_strong ul li{width: 100%;height: 280px;}
  .sec_strong,.sec_ch,.sec_map{margin: 0;}
  .sec_ch01, .sec_ch02 {width: 100%;margin: 0;}
  .sec_map ul {top: 0;width: 100%;height: 350px;}
  .footer_navi_sp{display: block;}
  .footer_area ul{margin: 0 auto;}
  .t_kiji h2{top: 0;}
  ul.t_contact_m li {width: 100%;margin: 15px 0;}

}