@charset "UTF-8";
/*
Theme Name:massive_tcd084_child
Version:1.0
Template:massive_tcd084
*/

/*---common-------*/
@media (max-width:787px){
.container{
  padding: 0 0px;massive_tcd084_
}
}
/* ----------------------------------------------------------------------
 Column layout - カラムレイアウト
---------------------------------------------------------------------- */
.mincho{
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.text-italic{
  font-style: italic;
}
.image-radius {
 border-radius: 50%;
}
.text-center{
 text-align: center;
}
.inline{
  display: inline-block;
}
.u-line{
  text-decoration: underline;
}
.pb0{
  padding-bottom: 0;
}
.p05em{
  padding: 0.5em;
}
.m-auto{
margin-left: auto;
margin-right: auto;
}
.mb0{
  margin-bottom: 0 !important;
}
.mb1em{
  margin-bottom: 1em !important;
}
.mb2em{
  margin-bottom: 2em !important;
}
.mb3em{
  margin-bottom: 3em !important;
}
.mb4em{
  margin-bottom: 4em !important;
}
.mr1em{
  margin-right: 1em;
}
.ml0{
  margin-left: 0 !important;
}
.p05rl{
  padding-left: 0.5em;
  padding-right:0.5em;
}
.red{
  color:#b71d27;
}
.pink{
color: #fc6f7f;
}


.pc-only{
  display: block !important;
}
.sp-only{
  display: none !important;
}
@media (min-width:788px){
.pc-text-center{
  text-align: center;
}
}
@media (max-width:787px){
  .pc-only{
    display: none !important;
  }
  .sp-only{
    display: block !important;
  }
}

.post_row {
  margin-right:-25px;
  margin-left:-25px;
  line-height:2.4;
}


.post_row:before,
.post_row:after {
  display:table;
  content:" ";
}
.post_row:after { clear:both; }

.post_col,
.post_col-2,
.post_col-3,
.post_col-4 {
  box-sizing:border-box; position:relative;
  width:100%;
  min-height:1px;
  margin-bottom:2em;
  padding-right:25px;
  padding-left:25px;
  float:left;
}



@media screen and (min-width: 768px) {
  .post_col-2 { width:50%; }
  .post_col-3 { width:33.33333%; }
  .post_col-4 { width:23.5% !important; }
}
@media screen and (min-width: 1024px) {
    .post_col-2 { width:50%; }
    .post_col-3 { width:33.33333%; }
    .post_col-4 { width:23.5% !important; }
}


.post_content .style4a {
  margin: 0 !important;
  border-left: 3px solid #b3a085;
}


.text-medium{
  font-size: 20px !important;
}
.text-small{
font-size: 14px !important;
}
.text-large{
font-size: 24px !important;
}
.text-xlarge{
font-size: 32px !important;
}
.text-bold{
font-weight: 600 !important;
}
.color-brown{
  color: #aa9e8a;
}
body{
font-size: 16px;
color: #1a0f00;
font-family: "Noto Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
body.home {
background-color: #fff !important;
font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

#container .post_content,
#container #next_prev_post {
font-family: "Noto Sans", sans-serif;
}

.bg-wt{
  background-color: #fff;
}
.bg-gray{
  background-color: #eee;
}
.text-orange{
  color: #f0be50 !important;
}
.text-green{
  color: #006f2c !important;
}
.text-blue{
  color: #285b90 !important;
}
/*-------------ヘッダー-----------------*/

.home #contents_builder {
    padding-bottom:0;
}


/*------Gナビ-----------------------*/

#global_menu ul a{

  font-weight: 400;
  font-style: normal;
}
.pc #header #global_menu > ul > li > a {
    padding: 0 10px;
  }

/*-----------メインビジュアル-----------------*/
@media only screen and (max-width: 767px) {

}

#header_slider_wrap{
  display: none;
}



/****メインスライダー****/

#container .overlay.gradation {
display: none;
}
#header_slider video{
  background-color: #fff;
}
#header_video {
              object-fit: cover;
              object-position: bottom;
              width: 100% !important;
              height: 75vh !important;}
#header_slider,
#header_slide,
#header_video {
  width: 100% !important;
  height: 75vh !important;
}

.main_visual {
  position: relative;
}
.main_visual .main_visual_copy {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  bottom: auto;
  list-style: none;
  padding: 0;
  width: 100%;
  max-width: 716px;
  margin: 0 auto;
  z-index: 3;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.main_visual .overlay:after {
  background: linear-gradient(to bottom, rgba(4,87, 135, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}

@media (min-width: 1501px) {

}

@media (max-width: 1500px) {
  #header_slider,
  #header_slide,
  #header_video{
height: 54vw !important;
max-width:100% !important;
}

#container .overlay.gradation {
    bottom: -98px;
}


}
@media (max-width: 768px) {
  #header_slider,
  #header_slide,
  #header_video{
  height: 60vw !important;
  max-width:100% !important;
}

.main_visual .main_visual_copy {
  max-width: 286px;
  max-height: 98px;
}

}



@media (max-width: 1500px) {
#header_video {
  height:56vw !important;
  max-width:100% !important;
  object-position:center !important;
}
}

@media (max-width: 768px) {
#header_video {
height: 54vw !important;
max-width:100% !important;
object-position:bottom !important;
}
}


@media (max-width: 550px) {

  }



.row.full{
  width: 100%;
}

/*--------common-------*/
#container p{
line-height: 2;
}
@media (max-width: 767px) {
  .sp-text-center{
  text-align: center;
  }
}

.flex {
  display: flex;
}
@media (max-width: 767px){
  .flex {
    display: block;
  }
}


/*--------------------------*/
h2.title{
position: relative;
 font-weight: 600;
 font-style: normal;
font-size: 72px;
line-height: 1.4;
color: #05c7f2;
font-family: "Roboto", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;
}
h2.title:before{
background-image: url("/wp-content/uploads/2025/07/title-bg001.png");
content: "";
position: absolute;
display: block;
top: auto;
bottom: 17%;
right: auto;
left: 8%;
width: 395px;
height: 91px;
margin: 0 auto;
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
background-size: 100%;
background-position: bottom left;
    z-index: -1;
}

span.sub-title{
  margin-bottom: 1em;
  display: block;
  color: #222;
font-size: 22px;
margin-top: 1em;
}
span.white-line{
  background-color: #fff;
  padding: 6px 16px;
}
span.marker {
position: relative;
background: linear-gradient(transparent 70%, #fed600 40%);
}


h3.title{
position: relative;
margin-bottom: 1.2em;
font-size: 28px;
line-height: 2;
}

@media (max-width: 767px){
  h2.title {
  font-size: 42px;
  }
  h2.title:before{
  bottom: 38%;
  right: auto;
  left: 8%;
  width: 200px;
  height: 60px;
  margin: 0 auto;
  background-size: 100%;
  background-position: bottom left;
  z-index: -1;
  }


  h3.title {
  font-size: 21px;
}

}

/*-------コンセプト-------*/
.fadeIn {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.section1{
  padding-bottom: calc(10vw + 10px);
    position: relative;
    overflow: hidden;
background: linear-gradient(to right, #deeffe, #96c2e0);
z-index: 0;
  }

.section1:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 10vw solid transparent;  /* 三角を白にする */
  border-left: 100vw solid #fff;
}

#sec01{
  padding: 5em 10px 0em;
}

span.num{
  color: #f7c906;
font-size: 80px;
position: absolute;
font-family: "Roboto", sans-serif;
 font-optical-sizing: auto;
 font-weight: 600;
 font-style: italic;
 z-index: 10;
 top: -38px;
 left: -36px;
}

.midashi-text{
color: #fff;
font-size: 22px;
position: relative;
z-index: 10;
top: -54px;
right: -100px;
border-bottom: 1px solid #fff;
    padding: 0 20px 6px;
}
.midashi-text2{
top: -54px;
right: -180px;
}

#img-box1,#img-box2{
position: relative;
color: #fff;
margin-bottom: 2.5em;
max-width: 486px;
}
#img-box1 .row,
#img-box2 .row{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
color: #fff;
width: 100%;
padding: 2em 40px;
}

#img-box1 .image_wrap,
#img-box2 .image_wrap{
  display: block;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
#img-box1 .image{
  background-image: url("/wp-content/uploads/2025/07/top-img003.jpg");
  background-repeat: no-repeat;
  background-size: cover;
width: 100%;
  height: 280px !important;
display: block;
overflow: hidden;
position: relative;
transition: 0.75s;
}
#img-box2 .image{
  background-image: url("/wp-content/uploads/2025/07/top-img004.jpg");
  background-repeat: no-repeat;
  background-size: cover;
width: 100%;
  height: 280px !important;
display: block;
overflow: hidden;
position: relative;
transition: 0.75s;
}
#img-box1 a:hover .image,
#img-box2 a:hover .image{
  transform: scale(1.2);
}

@media (min-width: 981px) {
#img-box2{
  margin-left: -40px;
}
}
@media (max-width: 1199px) {
  .midashi-text,
  .midashi-text2{
    left: auto;
    right: 0;
  }
}
@media (max-width: 980px) {
  #sec01 .gutters .span_5 {
      width: 100% !important;
   }
  #sec01 .col {
       float: none !important;
   }
 #sec01 #img-box1,
 #sec01 #img-box2 {
   margin: auto;
 }
}
@media (max-width: 767px) {
#img-box1 .image_wrap,
#img-box2 .image_wrap{
  height: 280px;
}
#img-box1 .image,
#img-box2 .image {
  height: 280px !important;
}

span.num{
left: 14px;
}

}






@media (min-width:768px) and (max-width: 1000px) {
}
@media (max-width: 1000px) {

}
@media (max-width: 767px) {
#sec01 span.white-line {
  padding: 6px 4px;
  }


}



/*-------取り組み---------*/
#sec02{
}
.section2{
padding-bottom: calc(10vw + 10px);
position: relative;
overflow: hidden;
background: linear-gradient(to right, #deeffe, #96c2e0);
z-index: 0;
padding-top: 4em;
}

.section2:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 10vw solid #fff;  /* 三角を白にする */
  border-left: 100vw solid transparent;
}
#sec02 .bg-img{
  position: relative;
}

.midshi-blue{
position: absolute;
right: 0;
width: 40%;
min-width: 400px;
background-color: #1a3e92;
padding: 1.4em 1em;
color: #fff;
font-size: 36px;
margin-top: -2em;
}


.midshi-blue .mini{
  font-size: 16px;
  display: block;
  margin-bottom: 1em;
}
#sec02 h2.title{
  text-align: center;
}
#sec02 h2.title:before{
  right: 0;
  left: 0;
}

#sec02 h3.title{
position: relative;
}
#sec02 h3.title:before{
position: absolute;
background-image: url("/wp-content/uploads/2025/07/title-bg003.png");
content: "";
position: absolute;
display: block;
top: -4em;
bottom: auto;
right: auto;
left: 0;
width: 470px;
height: 90px;
margin: 0 auto;
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
background-size: 100%;
background-position: bottom left;
z-index: 1;
}

@media (min-width: 768px)and (max-width: 1151px){

}
@media (max-width: 767px){
.midshi-blue {
font-size: 24px;
margin-top: -2em;
left: 2%;
  }
#sec02 h3.title:before{
background-size: 100%;
width: 300px;
top: -5em;
}
#sec02 .text-box{
padding: 6em 10px 0;
}
#sec02 .flex-box .w50 {
    float: none;
    width: 100%;
}
}


/*-------採用情報---------*/
#sec03{
padding: 0 10px 0;
}

#sec03 .bg-img2{
  position: relative;
}

#sec03 .bg-img2:before {
    position: absolute;
    background-image: url("/wp-content/uploads/2025/07/title-bg004.png");
    content: "";
    display: block;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    width: 434px;
    height: 85px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100%;
    background-position: bottom left;
    z-index: 1;
}


@media (min-width: 768px) {
.ml1em{
  margin-left: 1em;
}
}

@media (max-width: 767px) {
  #sec03{
    padding-bottom:  4em;
  }
#sec03 .bg-img2:before {
width: 100%;
background-size: 70%;
background-position: bottom right;
}
}




/*-----------エントリー-------------------*/
.section4 .interview_list {
  vertical-align: bottom;
  align-items: baseline;
}
@media (min-width: 1050px) {
.section4 .interview_list .item {
  width: calc(22% - 30px);
}
}



.section4{
  padding-bottom: calc(10vw + 10px);
  position: relative;
  overflow: hidden;
background: linear-gradient(to right, #deeffe, #96c2e0);
z-index: 0;
}

.section4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 10vw solid transparent;
    border-left: 100vw solid #fff;
}
.section4:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 10vw solid #fff;  /* 三角を白にする */
  border-left: 100vw solid transparent;
}
#sec04{
padding: 4em 10px 0;
}


#container .cb_interview_list.num3 .job {
  line-height: 50px;
}



@media (min-width: 768px) {

}


/*-------保有設備------------------*/

#facility{
position: relative;
color: #fff;
margin-bottom: 2.5em;
margin-top: 3em;
}
#facility .row{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
color: #fff;
width: 100%;
padding: 10px 40px;
}



#facility .image_wrap{
  display: block;
  width: 100%;
  height: 180px;
  overflow: hidden;
}
#facility .image{
  background-image: url("/wp-content/uploads/2025/07/top-img002.jpg");
  background-repeat: no-repeat;
  background-size: cover;
width: 100%;
  height: 180px !important;
display: block;
overflow: hidden;
position: relative;
transition: 0.75s;
}
#facility a:hover .image{
  transform: scale(1.2);
}

#facility h3.title{
  font-size: 40px;
}
#facility .midashi{
  color: #fff;
  font-size: 20px;
  margin-left: 2em;
}
.mt05em{
  margin-top: 0.5em;
}
#facility .arrow{
  position: relative;
}
#facility .arrow:before {
    content: '';
    display: block;
    position: absolute;
    right: -8em;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    margin: auto;
    background: #fff;
    transition: .2s;
    z-index: 5;
}
#facility .arrow:after {
  content: '';
  display: block;
  position: absolute;
  right: -8em;
  top: -6px;
  bottom: 0;
  width: 8px;
  height: 1px;
  margin: auto;
  border: 0;
  background: #fff;
  transform: rotate(45deg);
  transition: .2s;
}
#facility .btn-reserve:hover span.arrow:before{
  background: #fff;
    right: -150%;
}
#facility .btn-reserve:hover span.arrow:after{
background: #fff;
right: -150%;
}

@media (max-width: 767px) {
#facility .image_wrap{
  height: 180px;
}
#facility .image {
  height: 180px !important;
}
#facility h3.title{
  font-size: 25px;
}
#facility .midashi {
color: #fff;
font-size: 15px;
margin-left: 0;
}
}





/*---------会社概要-------------------*/
#sec05{
  padding: 0 10px 6em;
}



/*---------お知らせ-------------------*/
#sec-news{
  background: linear-gradient(to right, #152a44, #053577);
    padding: 4em 10px;
}
#sec-news .cb_content {
padding: 0px 0;
}
.cb_news_list{
z-index: 0;
}
.cb_news_list .cb_header {
    margin: -9px 0 40px 0;
}
.cb_news_list h2.headline,
p.sub_title{
color: #fff;
position: relative;
}

.cb_news_list h2.headline:before{
  background-image: url("/wp-content/uploads/2025/07/title-bg002.png");
content: "";
position: absolute;
top: auto;
bottom: -25px;
right: 0;
left: 0;
display: block;
width: 250px;
height: 58px;
margin: 0 auto;
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
background-size: 100%;
background-position: bottom center;
    z-index: -1;
}

.news_list .category {
  line-height: 35px !important;
  }
.category_list li{
background-color: #05c2ce;
padding: 10px 24px;
border-radius: 30px;
color: #fff;
}
.category_list li a{
color: #fff;
}
.cb_news_list .cb_contents_inner .category_list {
    margin: 0 0 20px 0;
}
.category_list li:nth-child(2) {
background-color: #84bf04;
}
.category_list li:nth-child(3) {
background-color: #ffd500;
}
.category_list li:nth-child(4) {
background-color: #f24c3d;
}
/**/
.news_list .news_cat_id1,
.news_list .news_cat_id1 a {
color: #d90000 !important;
background-color: #05c2ce;
}
/*プレリリース*/
.news_list .news_cat_id7,
.news_list .news_cat_id7 a {
color: #fff !important;
background-color: #84bf04;
}
/*採用情報*/
.news_list .news_cat_id8,
.news_list .news_cat_id8 a {
color: #fff !important;
background-color: #f24c3d;
}

/*出展情報*/
.news_list .news_cat_id6,
.news_list .news_cat_id6 a {
color: #fff !important;
background-color: #ffd500;
}

/*新着情報*/
.news_list .news_cat_id5,
.news_list .news_cat_id5 a {
color: #fff !important;
background-color: #05c2ce;
}


@media (max-width: 767px){
  .cb_contents_inner {
      width: 100%;
    }
.news_list .category {
line-height: 30px !important;
}



}







/*--------フッターinfo--------*/



@media (min-width: 768px) {
}
@media (max-width: 767px) {
}

.w900{
  max-width: 900px;
}
.w1000{
max-width: 1000px;
}
.mt05em{
  margin-top: 0.5em;
}



/**/
.post_content .button a {
  color: #fff;
}

@media (min-width: 768px){

}




/*----------固定フッター--------------*/

@media (max-width: 1151px) {
#dp-footer-bar .dp-footer-bar-icon:before {
     display: none;
  }
#dp-footer-bar .dp-footer-bar a{
  padding: 20px 0;
}
#dp-footer-bar .dp-footer-bar {
border:none;
}
#dp-footer-bar .dp-footer-bar-item + .dp-footer-bar-item {
border-left: none;
 background: #d96248;
}
}


/*----------フッターメニュー-------------*/


/*--------ボタン---------*/

.button a{
color: #fff !important;
background: linear-gradient(to right, #1a3e92, #05c2ce);
font-weight: 700;
text-align: center;
font-size: 16px;
display: inline-block;
min-width: 256px;
height: 60px;
line-height: 60px;
border: none !important;
position: relative;
transition: 0.75s;
font-weight: 400;
font-style: normal;
}

.button.btn1 a{
  background: linear-gradient(to right, #05c2ce, #05ceac) !important;
}

.entry-btn a{
color: #fff !important;
background: linear-gradient(to right, #1a3e92, #05c2ce);
font-weight: 700;
text-align: center;
font-size: 20px;
display: inline-block;
min-width: 256px;
width: 90%;
height: 138px;
line-height: 138px;
border: none !important;
position: relative;
transition: 0.75s;
font-weight: 600;
}

.entry-btn a{
  position: relative;
}

.entry-btn a::before,
.entry-btn a::after {
    position: absolute;
    width: 40px;
    height: 40px;
    content: '';
    z-index: 10;
    color: #fff;
}
.entry-btn a::before {
    border-left: solid 1px;
    border-top: solid 1px;
    top: 20px;
    left: 20px;
}
.entry-btn a::after {
    border-right: solid 1px;
    border-bottom: solid 1px;
    bottom: 20px;
    right: 20px;
}
.arrow:before{
    content: '';
    display: block;
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 1px;
    margin: auto;
    background: #fff;
    transition: .2s;
    z-index: 5;
}
.arrow:after{
    content: '';
    display: block;
    position: absolute;
    right: 1em;
    top: -6px;
    bottom: 0;
    width: 8px;
    height: 1px;
    margin: auto;
    border: 0;
    background: #fff;
    transform: rotate(45deg);
    transition: .2s;
}
.button a:hover,
.entry-btn a:hover{
background: linear-gradient(to right, #0d2867, #037d85);
border: none !important;
transition: 0.75s;
color: #fff !important;
}
.arrow:hover:before{
  background: #fff;
  right: 3%;
}
.arrow:hover:after{
    background: #fff;
    right: 3%;
    border: none;
}

@media (min-width: 768px) and (max-width: 1040px){
}
@media (max-width: 767px){
.button.sp-center{
    text-align: center;
  }
}
@media (min-width: 768px){
  .mini-btn{
min-width: 190px !important;
  }

}



.add_arrow{
  position: relative;
}
.add_arrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10%;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translate(0, -50%) rotate(45deg);
    transition: 0.2s;
}
.add_arrow:hover:after {
  right: 8%;
}










/*-----スマホ固定--------*/

@media only screen and (max-width: 767px){
  .p-request {
    height: 60px;
  }
.p-request__inner {
    padding: 0 35px 0 18px;
}
  .p-request__btn {
    display: block;
  }
}





/*----下層----------------*/
@media (min-width: 1201px) {
  #container #page_content {
  width: 1200px;
  }
}
@media (min-width: 751px) {
  #container #page_content{
    padding: 80px 0 150px;
  }
}

#container #page_header {
  height: 300px;
}
#container #page_header .bg_image{
  background-position: center !important;
}

.arrow-double{
  position: relative;
margin-left: 36px;
}
.arrow-double:before{
  background-image: url("/wp-content/uploads/2025/09/icon-arrow.png");
content: "";
position: absolute;
display: block;
top: 50%;
transform: translate(0, -50%);
right: 0%;
left: auto;
width: 24px;
height: 24px;
margin: 0 auto;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
background-size: 100%;
}


.shadox{
  filter: drop-shadow(5px 5px 5px #ab7a46);
}
@media (min-width: 768px) {
}
@media (max-width: 767px){
}
@media screen and (max-width: 750px) {

}
@media (min-width: 768px) {
}

h2.styled_h2{
position: relative;
  font-size: 24px !important;
    text-align: left;
    color: #ffffff;
    background: #086aa3;
    border-top: 0px solid #dddddd;
    border-bottom: 0px solid #dddddd;
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    padding: 15px 15px 15px 15px !important;
    padding: 0.5em 1em calc(0.7em - 6px) !important;
    margin: 0px 0px 30px !important;
}
h2.styled_h2::after {
  content: '';
  background-color: #086aa3;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0;
}

.post_content h3.styled_h3{
  border-left: 4px solid #05c7f2;
}


div.well {
  border: 2px solid #ddd !important;
  background-color: #fdfdfd !important;
padding: 2em;
}

div.well2 {
background: #fffcf3 !important;
padding: 2em 10px;
border-radius: 6px;
border: 2px solid #ffae00 !important;
}


.flex-box .w50{
float: left;
width: 50%;
}


@media (min-width: 768px){

}



@media (max-width: 767px){
  div.well {
  padding: 2em 10px;
  }

  .flex-box .w30{
  width: 47%;
  }
  .flex-box .w30:nth-child(odd) {
  margin-right: 10px;
  }
  .text-left{
    text-align: left;
  }

  .post_content h2.styled_h2{
  font-size: 18px !important;
  }
  .post_content h3.styled_h3{
  font-size: 18px !important;
  }

}

@media (max-width: 480px){
.flex-box .w30{
  height: 160px;
}
.flex-box .w30 .text-medium{
font-size: 17px !important;
  }
}


/*事業案内*/
.p-title{
  padding: 0.5em 0;
  border-top: solid 2px #05c2ce;
  border-bottom: solid 2px #05c2ce;
font-size: 24px;
}


@media (max-width: 767px){
.p-title{
  font-size: 20px;
  }
}

/*インタビュー*/

#interview_header_bottom p.job{
display: none;
}
@media screen and (max-width: 750px) {
    #interview_header_bottom_mobile .job {
display: none;
    }
}
#interview_header_bottom h1.title {
      margin-top: 40px;
}
.interview-template-default.single #container #page_header{
    height: 700px;
}
#interview_single #interview_content_builder {
    padding-top: 0px;
}
.interview_list .catch_bottom{
  background-color: #fff;
}
#interview_single .jpb,
#page_header #interview_header_inner .catch .parent.animate .bg_item,
#page_header #interview_header_inner .catch .parent.animate span{
  display: none;
}


#tcd-pb-wrap .tcd-pb-row.row1,
#tcd-pb-wrap .tcd-pb-row.row2,
#tcd-pb-wrap .tcd-pb-row.row3,
#tcd-pb-wrap .tcd-pb-row.row4,
#tcd-pb-wrap .tcd-pb-row.row5,
#tcd-pb-wrap .tcd-pb-row.row6,
#tcd-pb-wrap .tcd-pb-row.row7,
#tcd-pb-wrap .tcd-pb-row.row8,
#tcd-pb-wrap .tcd-pb-row.row9,
#tcd-pb-wrap .tcd-pb-row.row10,
#tcd-pb-wrap .tcd-pb-row.row11,
#tcd-pb-wrap .tcd-pb-row.row12{
    background-color: transparent;
}

 .tcd-pb-row.row1,
 .tcd-pb-row.row2,
 .tcd-pb-row.row3,
 .tcd-pb-row.row4,
 .tcd-pb-row.row5,
 .tcd-pb-row.row6,
 .tcd-pb-row.row7,
.tcd-pb-row.row8,
.tcd-pb-row.row9,
.tcd-pb-row.row10,
.tcd-pb-row.row11,
.tcd-pb-row.row12,{
  background-color: transparent !important;
}

#container .post_content p {
margin: 0 0 0.8em 0;
}


.check ul li{
position: relative;
vertical-align: middle;
line-height: 2;
font-size: 16px;
padding-left: 30px;
margin-bottom: 10px;
}
.check ul {
  list-style: none;
}

.check ul li:before{
position: absolute;
content: "|";
width: 28px;
height: 28px;
left: -2%;
top: 50%;
}


@media (min-width: 768px) and (max-width: 776px) {

}

@media (max-width: 768px) {}

@media (min-width: 768px) and (max-width: 776px) {}

@media (max-width: 767px) {
  .check ul li{
  font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 768px) {}

@media (max-width: 480px) {}

@media (min-width: 481px) and (max-width: 768px) {}

@media (max-width: 768px) {}

@media (max-width: 768px) {}

@media (max-width: 480px) {}

@media (min-width: 481px) and (max-width: 768px) {}


#page_header .headline {

  font-weight: 400;
  font-style: normal;
}




.img-m{
  position: relative;
    margin-left: 70px;
  }
.img-m:after{
  content: '';
  display: block;
  position: absolute;
  top: auto;
  bottom: -25px;
  left: auto;
  right: 100%;
  margin: auto;
  height: 82px;
  width: 70px;
  max-width: 200px;
  background: url("/wp-content/uploads/2025/07/midashi-img001.png") no-repeat center / contain;
  background-size: 50%;

}

.post_content p.midashi2{

font-weight: 500;
font-size: 20px;
margin-bottom: 1em;
}


@media (max-width: 767px) {
.img-m:after{
  background-size: 60%;
}

#container .post_content p.midashi2{
font-size: 17px;
}

}

  h4.title {
color: #1a0f00;
border-bottom: 1px solid #dba828;
padding-bottom: 0.4em;
margin-bottom: 1em;

font-weight: 400;
font-style: normal;
  }

span.sub{
  background-color: #006f2c;
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  margin-bottom: 10px;
  display: inline-block;
}




/*----下層-----------*/
/*-----------こだわり----------*/
.img-arrow{
position: relative;

}

.img-arrow:after{
  content: '';
  display: block;
  position: absolute;
  top: auto;
  bottom: -5px;
  left: -50%;
  right: auto;
  margin: auto;
  height: 101px;
  width: 100%;
  max-width: 376px;
  background: url("/wp-content/uploads/2025/07/icon-arrow001.png") no-repeat center / contain;
  background-size: 40%;

}

@media (max-width: 767px) {
  .img-arrow:after{
    content: '';
    display: none;
}
}
/*----メニュー-----------*/

.table-menu-wrap{
background: rgba(195, 165, 88, 0.2);
padding: 3.5em 2em;
}
.c-table tbody th,
.post_content .c-table tbody th{
  width: 30%;
}
.c-table tbody th,
.c-table tbody td,
.post_content .c-table tbody th,
.post_content .c-table tbody td{
  color: #101010;
  border-bottom: 1px solid #d5d5d5;
  padding: 1.8em 1em;
    text-align: left;
}
#container .c-table tbody th p,
#container .c-table tbody td p{
margin: 0;
}


@media (max-width:787px){

}


#container .post_content .pb_simple_table th {
    background: #006f2c;
    color: #fff;
}
#container .post_content .pb_simple_table td,
.post_content .pb_simple_table th {
border: 1px solid #006f2c;
}



#container .post_content .s_table,
.post_content .table-menu-wrap .s_table {
  white-space: normal ;
}
.table-menu-wrap {
padding: 3.5em 1em;
}
table.c-table tbody tr {
    border-bottom: 1px solid #271c00 !important;
    border-top: 1px solid #271c00 !important;
}


@media (max-width: 767px) {
  .table-menu-wrap{
  padding: 3.5em 10px;
  }
.c-table tbody td.price {
  padding: 10px;
}
.c-table tbody th{
font-size: 14px;
}
.c-table tbody th b{
font-size: 16px;
}
.c-table tbody td {
  vertical-align: middle;
  }
}
/*-------保有設備-------*/
.f-table tr:nth-child(odd) {
background-color: #f3f3f3;
}
.f-table tr:nth-child(odd) td{
background: transparent;
}

/*--下層）採用情報-------------------*/
.flow-list dl dt {
border-bottom: 3px solid #e2e2e2;
}
#container p.ttl{
margin: 0;
font-size: 1.2rem;
font-weight: 700
}

#container .flow-list dl dt .num {
    display: inline-block;
    padding-bottom: 1rem;
    margin-bottom: -3px;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.1rem;
    line-height: 1.2;
    color: #285b90;
    border-bottom: 3px solid #285b90;
}
.flow-list dl dt .num::before {
    display: block;
    content: "Flow";
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0rem;
    line-height: 1;
    color: #285b90
}

@media only screen and (max-width: 1024px) {
    .flow-list dl dt .num::before {
        font-size:1rem
    }
}

.flow-list dl dd {
    padding-top: 2rem;
    line-height: 1.6
}

@media only screen and (max-width: 599px) {
    .flow-list dl dd {
        width:calc(100% - 50px);
        padding: 0 0 0 2rem
    }
}


@media only screen and (max-width: 1024px) {
    .flow-list dl dd .ttl {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 599px) {
    .flow-list dl dd .ttl {
        font-size:1.8rem
    }
}

.flow-list dl dd .txt {
    padding-top: 1rem
}

@media only screen and (max-width: 1024px) {
    .flow-list dl dd .txt br {
        display:none
    }
}


@media only screen and (max-width: 1024px) {
    .flow-list dl dt .num {
        font-size:2rem
    }
}


/*------------------*/

@media (min-width: 1450px){
}
@media (min-width: 768px){
}
@media (max-width: 750px){
}
@media (max-width: 750px){
}


@media (max-width: 767px){
  #article .post_content p {
      font-size: 15px;
  }
#catch_area h2.catch {
  font-size: 24px;
  margin-bottom: 1em;
  }
}


/*-------投稿-----------*/

.single-post #main_contents #article {
    background: #fff;
    border: 1px solid #ddd;
}
#post_title_area {
    padding: 0 50px 30px;
    position: relative;
}
#main_contents #post_title_area .title {
    margin: 35px 0 0 0;
}

@media (min-width: 768px){
  #article .post_content {

  }
}


/*---お問い合わせ-----*/


#container .post_content th {
vertical-align: middle;
 font-weight: 500;
}
#container .wpcf7 {
background: #f1f9ff;
border: 1px solid #f1f9ff;
margin-top: 0 !important;
padding-top: 40px;
}

/*---フッター----*/
#footer{
  padding: 2em 10px 0;
background: #045787;
color: #fff;
}
#footer h2.title{
color: #fff;
font-size: 50px;
  z-index: 1;
}
#footer h2.title:before {
    background-image: url("/wp-content/uploads/2025/07/title-bg001.png");
    content: "";
    position: absolute;
    display: block;
    top: auto;
    bottom: 32%;
    right: auto;
    left: 8%;
    width: 280px;
    height: 91px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100%;
    background-position: bottom left;
    z-index: -1;
}

#footer span.sub-title {
    margin-bottom: 1em;
    display: block;
    color: #fff;
    font-size: 22px;
    margin-top: 1em;
}

#footer .button a {
  color: #fff !important;
  background: linear-gradient(to right, #05c2ce, #05ceac);
  }

#footer a{
color: #fff;
}

#container #footer_bottom{
  display: none;
}



@media (min-width: 768px) {
  #footermenu .container {
max-width: 1300px;
}
#footermenu .gutters .span_3 {
  width: 23%;
    }
#footermenu .row .wide{
    width: 26%;
    }
}

.link-box{
  padding-top: 10em;
font-size: 14px;
}
.p-menu li{
  margin-bottom: 0.5em;
}

#footer .child-menu{
  padding-left: 1em;
}


@media (max-width: 1100px) {
#footer .link-box{
padding-top:0;
}
#footer .col {
    float: none;
}
#footer .span_3 {
  width: 100%;
  }
#footer .span_3.link-box{
  float: left;
  width: 49.8888888%;
}


}

@media (max-width: 767px) {
#footer h2.title:before {
      bottom: 38%;
      right: auto;
      left: 8%;
      width: 200px;
      height: 60px;
      margin: 0 auto;
      background-size: 100%;
      background-position: bottom left;
      z-index: -1;
  }
}
@media (max-width: 1020px){

}

#container #return_top a {
  background: #fed600;
}
#container #return_top a:hover {
    background: #fcb900;
}



@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate {
  width: 100px;
  height: 100px;
  margin: 0px auto;
  animation: rotateAnimation 10s linear infinite;
}
@media (max-width: 767px){
  .rotate {
    width: 60px;
    height: 60px;
  }

}
/*-----------------------*/


/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge {
  visibility: hidden;
}

/*ポップアップ*/
#swipebox-overlay {
background: rgba(13, 13, 13, 0.8) !important;
}
/*アンカー高さ*/
.anchor{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}