@charset "UTF-8";
/* ===================================================

	Common

 =================================================== */

/* Parts - SP表示時のテーブル
 --------------------------------------------------- */

@media screen and (max-width: 1024px){
  #main table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    word-break: break-all;
  }
}

@media screen and (max-width: 1024px){
  #main table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    word-break: break-all;
  }
}

/* Parts - 背景色を画面幅いっぱいに
 --------------------------------------------------- */

.background-gray {
  background-color: #f6f6f6;
  width: 100%;
  margin: 0 -200%;
  padding: 0 200%;
}

/* Parts - 中途ページ、メインビジュアル、背景高さ、中途ページ
 --------------------------------------------------- */
@media screen and (min-width: 1025px) {
	.mainVisual_bg.bg_height {
		height: 295px !important;
	}
}

/* Parts - 新卒ページ、メインビジュアル、背景高さ
 --------------------------------------------------- */
.mainVisual_bg.bg_height_new {
  height: 240px !important;
}

.newGraduate .mainVisual_body {
  display: flex;
  align-items: center;
}

/* Parts - 中途ページ、レスポンシブ時、sectContマージン
 --------------------------------------------------- */

@media screen and (max-width: 1024px) {
  #container #main .fInner .sectCont{
    padding-top: 0px !important;
  }
}

/* Parts - 新卒ページ、sectContマージン
 --------------------------------------------------- */
.newGraduate .sectCont {
  margin: 0 !important;
  padding: 0 !important;
}

/* Parts - 新卒キャリアアップ、採用情報
 --------------------------------------------------- */
/* PC表示でも横スクロールしてしまうのを修正 */
@media screen and (min-width:1150px) {
  .new_career .scroll_x_Box {
    overflow-x: visible;
  }
}

.positionTitle {
  width: 100%;
  height: 131px;
  margin: 50px 0 50px 0;
  background-color: #f7f7f7;
}

.positionTitle_main {
  width: 40%;
  height: 100%;
  font-size: 4.8rem;
  text-align: center;
  float: left;
  background-image: url(../images/pages/new_career/new_career_bg_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #f6ff00;
  background-size: contain;
  display: table;
}

.positionTitle_inner {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.positionTitle_detail {
  width: 60%;
  height: 100%;
  margin-bottom: 50px;
  font-size: 2.2rem;
  text-align: left;
  float: left;
  background-color: #f7f7f7;
  transform: skew(-25deg) translateX(-30px);
  display: table;
}

.positionTitle_detail_inner {
  padding-left: 65px;
  transform: skew(25deg);
  display: table-cell;
  vertical-align: middle;
}

.tab_3 .positionTitle_detail_inner {
  font-size: 2rem;
}

@media screen and (max-width: 1024px){
  .positionTitle {
    height: auto;
    margin: 25px 0 ;
  }

  .positionTitle_main {
    width: 100%;
    font-size: 3.2rem;
    padding: 14px 0;
  }

  .positionTitle_detail {
    width: 100%;
    margin-bottom: 0;
    height: auto;
    text-align: center;
    transform: skew(0) translateX(0);
  }

  .positionTitle_detail_inner {
    padding: 15px;
    transform: skew(0);
		font-size: 15px;
		font-size: 1.5rem;
		text-align: left;
  }
}

/* Parts - 新卒ページ、ENTRY
 --------------------------------------------------- */

.entry h2 {
  padding-top: 124px;
}

.entry_flexbox {
  display: flex;
  flex-flow: row  wrap;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
}


.entry_flexbox_item {
  width: 48%;
  height: 210px;
  padding: 0;
  border: 2px solid;
  text-align: center;
  font-size: 1.8rem;

  color: #00a395;
  margin-right: 3%;
  margin-bottom: 10px;
}
.entry_flexbox_item:nth-child(even) {
  color: #268bb1;
  margin-right: 0;
}
.entry_flexbox_item:last-child() {
  margin-right: 0;
}
.entry_flexbox_item .tg_year {
  padding-right: 20px;
  color: #eaff00;
}
.entry_flexbox_item .tg_status {
  padding-right: 20px;
}

.entry_head {
   height: 61px;
   color: #ffffff;
   display: flex;
   justify-content: center;
   align-items: center;
 }
.entry_content{
	text-align: center;
}

.entry_flexbox_item .entry_head {
   background-color: #00a395;
 }

 .entry_flexbox_item:nth-child(even) .entry_head {
   background-color: #268bb1;
 }

 .entry_flexbox_item .line {
   width: 25px;
   height: 3px;
   margin-bottom: 4px;
   display: inline-block;
   background-color: #00a395;
 }

 .entry_flexbox_item:nth-child(even) .line {
   background-color: #268bb1;
 }

 .entry_flexbox_item .lined {
   display: inline-block;
   margin: 27px 10px 23px 10px;
 }

 .entry_flexbox_item .entryBanner a {
   display: inline-block;
   background: none;
   margin-right: 25px;
 }
 .entry_flexbox_item .entryBanner a:last-child {
   margin-right: 0;
 }

 .entryBtn img {
   width: 100%;
   margin-top: 38px;
 }

 .entryBtn .displaySP {
   display: none;
 }

 @media screen and (max-width: 1024px) {
  .entry_flexbox_item {
    width: 100%;
    height: unset;
    font-size: 1.8rem;
    margin-right: 0;
  }
  .entry_flexbox_item .tg_year {
    padding-right: 0;
  }
  .entry_flexbox_item .tg_status {
    padding-right: 0;
  }
  .entry_head {
     font-size: 1.6rem;
   }
   .entryBtn .displayPC {
     display: none;
   }

   .entryBtn .displaySP {
     display: block;
   }

   .entryBtn img {
     margin-top: 19px;
   }
   .entry_flexbox_item .entryBanner a {
    margin-right: 0;
  }
 }
@media screen and (max-width:420px) {
  .entryBanner a img {
      width: 80%;
  }
}


/* Parts - 企業ページ、サービス拠点を探す
 --------------------------------------------------- */

#container section.search_offices_bottom {
  padding-top: 100px;
}

.career_top .jobFreeword {
  float: left;
  width: 100%;
  margin-top: 41px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}

.career_top .jobFreeword .searchBox_header_item_label {
  float: left;
  margin-left: 44px;
}

.career_top .jobFreeword .searchBox_header_item_label .searchBox_header_item_label_L {
  font-size: 3.0rem;
}

.career_top .freeword_input {
  float: right;
  width: 694px;
  margin-right: 30px;
  padding: 10px 0;
}

.search_offices.btnArea {
  margin-top: 50px;
}

.jobSearchBtn_text {
  font-size: 2.4rem;
}

@media screen and (max-width: 1080px) {
  .search_offices_bottom .searchBox_header_item_label {
    margin-left: 15px;
  }

  .search_offices_bottom .jobFreeword {
    float: none;
    width: 500px;
    /* width: 100%; */
    margin: 0 auto;
    font-size: 1.8rem;
    font-weight: 700;
  }

  .search_offices_bottom .jobFreeword .searchBox_header_item_label {
    margin: 0;
  }

  .search_offices_bottom .jobFreeword .searchBox_header_item_label .searchBox_header_item_label_L {
    font-size: 2.4rem;
  }

  .search_offices_bottom .freeword_input {
    float: none;
    width: auto;
    padding: 10px;
    margin: 0;
  }

  .search_offices_bottom .jobLocation.only_SP,
  .search_offices_bottom .jobType {
    text-align: left;
  }

  #top.pageType_corporate .search_offices_bottom .jobLocation .searchBox_header_item_label_L::before,
  #top.pageType_corporate .search_offices_bottom .jobType .searchBox_header_item_label_L::before  {
    width: 55%;
  }
}

@media screen and (max-width: 550px) {
  .search_offices_bottom .jobFreeword {
    width: 100%;
  }
}


 /* SP画像切り替え -
--------------------------------------------------- */

.displaySP {
  display: none;
}

@media screen and (max-width: 1024px) {
  .displayPC {
    display: none;
  }

  .displaySP {
    display: block;
  }
	img.displaySP{
    display: inline-block;
	}
}

/* margin,padding -
 --------------------------------------------------- */

.m-0 {
  margin: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-78 {
  margin-top: 78px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-36 {
  margin-right: 36px;
}

.plr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-10 {
  padding-bottom: 100px;
}

@media screen and (max-width: 1024px){
  .pb-10 {
    padding-bottom: 50px;
  }
}

.pt-10 {
  padding-top: 100px;
}

.pt-12 {
  padding-top: 124px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-20 {
  padding-right: 20px;
}

@media screen and (max-width: 1024px){
  .pt-10 {
    padding-top: 50px;
  }

  .pt-12 {
    padding-top: 62px;
  }

  .pl-90 {
    padding-left: 45px;
  }

  .pr-20 {
    padding-right: 10px;
  }
}

.pb-2 {
  padding-bottom: 20px;
}

.pt-2 {
  padding-top: 20px;
}

.font14 {
  font-size: 1.4rem;
}

.font18 {
  font-size: 1.8rem;
}

.font20 {
  font-size: 2.0rem;
}

.font24 {
  font-size: 2.4rem;
}

.font30 {
  font-size: 3rem;
}

@media screen and (max-width: 1024px) {
  .font18 {
    font-size: 0.9rem;
  }

  .font24 {
    font-size: 1.4rem;
  }

  .font30 {
    font-size: 1.5rem;
  }

  .font30.font_16_sp {
    font-size: 16px;
  }
}

.width15 {
  width: 15%;
}

.width20 {
  width: 20%;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}



.bg-white {
  background-color: #ffffff;
}

.borderBottomNone {
  border-bottom: none !important;
}

.br_sp {
  display: none;
}

@media screen and (max-width: 1080px) {
  .br_sp {
    display: block;
  }
}

/* メインビジュアル -　福利厚生、研修制度
 --------------------------------------------------- */

.main_bg_text .mainVisual_varticalWrap {
  text-align: left !important;
}

.main_bg_text .mainVisual_varticalItem {
  position: absolute;
  top: 91px;
  left: 91px;
  text-align: left;
  color: #ffffff;
}

.main_bg_text .mainVisual_varticalItem h1 {
  font-size: 3.6rem;
  font-weight: normal;
}
@media screen and (min-width:1080px) {
  .main_bg_text .mainVisual_varticalItem h1:last-child {
    margin-top: 30px;
  }
}

@media screen and (max-width:1080px) {
  .main_bg_text .mainVisual_varticalItem {
    top: calc(50%);
    transform: translateY(-50%);
    font-size: 2.8rem;
  }
  .main_bg_text .mainVisual_varticalItem h1 {
    font-size: 2.6rem;
  }


}

.main_bg_text .mainVisual_varticalItem h2 {
  font-size: 1.8rem;
  font-weight: normal;
  margin-top: 6px;
}

.welfare.main_bg_text .mainVisual_varticalItem h1 {
  color: #333333;
  font-weight: normal;
}

.welfare.main_bg_text .mainVisual_varticalItem h2 {
  color: #00a395;
  font-weight: bold;
}
/* ===================================================

	Pages

 =================================================== */

/* Page - training_system
 --------------------------------------------------- */

#container.training_system #main section .sectTit .subTit {
  color: #00a395;
}

.career_page .mainVisual_varticalWrap {
  text-align: center;
}

.sectCont .sectContText p {
  font-size: 2.5rem;
  text-align: center !important;
  margin: 20px 0;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1024px) {
  .sectCont .sectContText p {
    font-size: 2.0rem;
    margin: 0;
  }
}

.career_page .bold {
  font-weight: bold;
}

.career_page .sectTit {
  padding-top: 100px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  .career_page .sectTit {
    padding-top: 50px;
    padding-bottom: 0;
  }
}

.career_page .right_image img {
  float: right;
  width: 390px;
	height: auto;
  /*height: 245px;*/
}

@media screen and (max-width: 1024px) {
  .career_page .right_image img {
    float: none;
  }
}

.career_page .left {
  width: 651px;
}

.career_page .right {
  width: 390px;
  float: right;
}

@media screen and (max-width: 1024px) {
  .career_page .left,
  .career_page .right {
    text-align: center;
  }
}

.bold.green {
  color: #00a395;
}

.ojt_image {
  margin-top: 80px;
  margin-bottom: 100px;
}

.ojt_image h2 {
  font-size: 2.4rem;
  color: #00a395;
  margin-bottom: 25px;
}

.ojt_image .col_left {
  width: 587px;
}

.ojt_image .col_right {
  width: 503px;
}

.training_system_ojt_image01 {
  height: 387px;
  margin-top: 47px;
  background-image: url(../images/pages/career_trainingSystem/career_training_system_ojt01.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.training_system_ojt_image02 {
  height: 387px;
  margin-top: 47px;
  background-image: url(../images/pages/career_trainingSystem/career_training_system_ojt02.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

@media screen and (max-width: 1024px) {
  .ojt_image .col_left,
  .ojt_image .col_right {
    width: 100%;
  }

  .training_system_ojt_image01,
  .training_system_ojt_image02 {
    margin-top: 0;
  }
}

.training_system_img_group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8rem;
  margin: 80px 0 0 0;
}

.training_system_img {
  width: 340px !important;
  margin-bottom: 40px!important;
  padding: 0 !important;
}

.training_system_img.training1,
.training_system_img.training2,
.training_system_img.training4,
.training_system_img.training5 {
  margin-right: 30px;
}

@media screen and (max-width: 1024px) {
  .training_system_img_group {
    display: block;
  }

  .training_system_img {
    width: unset !important;
  }
}

.training_system_img img {
  width: 100%;
}

.album_title,
.album_detail {
  text-align: left;
  margin-top: 10px;
}

.career_page section {
  padding-bottom: 79px;
}

 /* Page - career_up
  --------------------------------------------------- */

.career_directionality {
  padding-bottom: 57px;
}

.career_up .bg-red {
  color: #ffffff;
  background-color: #b92c00;
}

.career_up .bg-white {
  color: #b92c00;
  background-color: #ffffff;
}

.career_up .bg-gray {
  background-color: #f6f6f6;
}


.career_up .support_col {
  padding-top: 30px;
  display: inline-block;
}

.support_col .bg-red {
  height: 219px;
  padding: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  text-align: justify;
}

@media screen and (max-width: 1024px) {
  .support_col .bg-red {
    height: 65px;
    padding: 7px 11px 3px 12px;
  }

  .support_col .bg-white {
    height: unset;
  }
}

.support_col .support_num ,
.directionality_col .support_num{
  font-size: 3.6rem;
  float: left;
  margin: 2rem;
  padding: 2rem;
  margin-left: 0;
  border-right: 1px solid ;
}

.directionality_col .line {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #cccccc;
}

.support_col .support_title ,
.directionality_col .support_title{
  font-size: 2.4rem;
  /* padding: 2rem 2rem 0 2rem; */
  text-align: left;
  line-height: normal !important;
  display: block;
}

.directionality_col h3 {
  height: 100%;
  display: flex;
  align-items: center;
}

.support_col h3 {
  height: 100%;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .support_col .support_num ,
  .directionality_col .support_num{
    font-size: 3.6rem;
    float: left;
    /*margin: 0.5rem 1rem 0 1rem;*/
    margin: 0.5rem 1rem;
    padding: 1rem;
    border-right: 1px solid ;
  }

  .support_col .support_num {
    margin-left: 0;
    padding-left: 0;
  }

  .support_col .support_title ,
  .directionality_col .support_title{
    font-size: 2.2rem;
    /*padding: 1.7rem 1rem 0 1rem;*/
    padding: 1.7rem 1rem;
    text-align: left;
    line-height: normal !important;
    display: block;
  }
  .support_col .support_title{
    padding: 0.5rem 1rem;
  }

  .directionality_col .support_title {
    padding: 1rem;
  }

  .directionality_col .line {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #cccccc;
  }
}



.directionality_col .bg-gray {
  height: 345px;
  padding: 34px 41px 0 41px;
}

.directionality_col {
  padding-top: 52px;
  padding-bottom: 102px;
}

.directionality_col .planA {
  padding-left: 0;
  padding-right: 20px;
}

.directionality_col .planB {
  padding-left: 20px;
  padding-right: 0;
}

@media screen and (max-width: 1024px) {
  /* .directionality_col .bg-red {
    height: 71px;
  } */

  .directionality_col .bg-gray {
    height: unset;
    padding: 17px 20px;
  }

  .directionality_col .planB .bg-gray {
    height: unset;
    padding: 17px 20px;
  }

  .directionality_col {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}


.col-img1 {
  background-image: url(../images/pages/career_up/career_support01.png);
}
.col-img2 {
  background-image: url(../images/pages/career_up/career_support02.png);
}
.col-img3 {
  background-image: url(../images/pages/career_up/career_support03.png);
}
.col-img4 {
  background-image: url(../images/pages/career_up/career_support04.png);
}
.col-img5 {
  background-image: url(../images/pages/career_up/career_support05.png);
}
.col-img6 {
  background-image: url(../images/pages/career_up/career_support06.png);
}

.col-img1, .col-img2, .col-img3,
.col-img4, .col-img5, .col-img6  {
  height: 130px;
  background-position: center;
  background-repeat: no-repeat;
}

.support_col.displaySP {
  display: none;
}

@media screen and (max-width: 1024px) {
  .support_col.displayPC {
    display: none;
  }

  .support_col.displaySP {
    display: block;
  }

  .support_col.displaySP {
    width: 100% !important;
  }

  .support_col.displaySP .bg-white p {
    width: 70%;
    color: #333333;
  }

  .col-img1, .col-img2, .col-img3,
  .col-img4, .col-img5, .col-img6  {
    height: unset;
    padding: 19px;
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 75px;
  }
}


/* Page - career_welfare
 --------------------------------------------------- */

#container.welfare #main section .sectTit .subTit {
  color: #00a395;
}

.welfare_detail01 {
  position: relative;
}

.welfare_detail01 .welfare_image01 {
  position: absolute;
  bottom: 54px;
  right: 55px;
}

.welfare_detail02 {
  position: relative;
}

.welfare_detail02 .welfare_image02 {
  position: absolute;
  top: 86px;
  right: 59px;
}

.welfare_detail03 {
  position: relative;
}

.welfare_detail03 .welfare_image03 {
  position: absolute;
  top: 79px;
  right: 30px;
}

.welfare_detail04 {
  position: relative;
}

.welfare_detail04 .welfare_image04 {
  position: absolute;
  top: 122px;
  right: 55px;
}

.welfare_detail05 {
  position: relative;
}

.welfare_detail05 .welfare_image05 {
  position: absolute;
  top: 96px;
  right: 124px;
}

.tomonin_mark {
  position: relative;
}

.tomonin_mark_image {
  position: absolute;
  top: 160px;
  right: 40px;
}

@media screen and (max-width: 1024px) {
  .welfare_detail01 .col,
  .welfare_detail02 .col,
  .welfare_detail03 .col,
  .welfare_detail04 .col,
  .welfare_detail05 .col,
  .tomonin_mark {
    width: 100%;
  }

  .welfare_detail01 .welfare_image01,
  .welfare_detail02 .welfare_image02,
  .welfare_detail03 .welfare_image03,
  .welfare_detail04 .welfare_image04,
  .welfare_detail05 .welfare_image05,
  .tomonin_mark_image {
    position: inherit;
    text-align: center;
  }

  .welfare_image01 img,
  .welfare_image02 img,
  .welfare_image03 img,
  .welfare_image04 img,
  .tomonin_mark img {
    max-width: 40%;
  }

}

.welfare_box {
  width: 200px;
  height: 580px;
  padding: 0 !important ;
  margin-right: 20px;
}

.welfare_box h2 {
  font-size: 1.8rem;
  height: 50px;
  text-align: left;
  margin: 0 15px;
}

.welfare_box3 h2 {
  margin: 0 9px;
}

.welfare_box p {
  color: #333333;
  padding: 15px;
}

@media screen and (max-width: 1024px) {
  .welfare_box {
    width: 100%;
    height: auto;
    padding: 15px !important;
  }

  .welfare_box h2 {
    height: auto;
    margin: 0;
  }

  .welfare_box .float_left br {
    display: none;
  }

  .welfare_box p {
    padding: 0;
  }
}


.welfare .bg-red {
  color: #ffffff;
  background-color: #b92c00;
}

.welfare .bg-white {
  color: #00a395;
  background-color: #f6f6f6;
}

/* .welfare_box .float_left {
  float: left;
} */

.welfare_boxNum {
  vertical-align: top;
}

.welfare_boxTit {
  display: inline-block;
}

.welfare_icon {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .welfare_icon {
    height: auto;
    float: right;
  }

  .welfare_icon img {
    width: 60%;
  }

  .welfare_box .float_left {
    float: none;
  }
}

.welfare .owl-carousel .owl-nav .owl-prev:hover,
.welfare .owl-carousel .owl-nav .owl-next:hover,
.welfare .owl-carousel .owl-dots .owl-dot.active {
  background-color: #00a395;
}

.welfare .owl-carousel .owl-dots .owl-dot {
    background: #f8ebe7;
}

/* Page - 職種紹介jobtype
 --------------------------------------------------- */

.jobBox_wrapper {
  text-align: center;
}

.jobtype_box {
  display: inline-block;
  width: 255px;
  padding: 0 !important ;
  margin-right: 15px;
  margin-bottom: 20px !important;
  border: 1px solid #b92c00;
  border-radius: 3px;
  float: none !important;
}

.jobtype_box .bg-red {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jobtype_box h3 {
  font-size: 1.8rem;
  padding-top: 15px;
}

@media screen and (max-width: 1024px){
  .jobtype_box {
    width: 45%;
    position: relative;
		margin-left: 1.25%;
		margin-right: 1.25%;
  }

  .jobtype_box .bg-red {
    width: 100%;
    height: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
		padding: 5px 0;
  }

  .jobtype_box h3 {
    font-size: 1.2rem;
    padding-top: 9px;
  }
}

.jobtype_box .welfare_icon {
  width: 100%;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jobtype_box .welfare_icon img {
  width: auto;
}

.jobtype_box a {
  background: none !important;
  height: 100%;
}

.jobtype_box a img {
  padding-top: 10px;
}

@media screen and (max-width: 1024px) {
  .jobtype_box .welfare_icon {
    height: 80px;
    padding-bottom: 10px;
		margin-bottom: 10px;
  }

  .jobtype_box .welfare_icon img {
    height: 80%;
  }

  .jobtype_box a img {
    padding-top: 4px;
    height: 9px;
  }
}

.jobtype_detail1 .bg-red,
.jobtype_detail2 .bg-red,
.jobtype_detail3 .bg-red,
.jobtype_detail4 .bg-red,
.jobtype_detail5 .bg-red,
.jobtype_detail6 .bg-red,
.jobtype_detail7 .bg-red,
.jobtype_detail8 .bg-red,
.jobtype_detail9 .bg-red,
.jobtype_detail10 .bg-red,
.jobtype_detail11 .bg-red,
.jobtype_detail12 .bg-red,
.jobtype_detail13 .bg-red,
.jobtype_detail14 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype4.png);
  background-position: 12px 10px;
  background-repeat: no-repeat;
  height: 90px;
  display: flex;
  align-items: center;
}

.jobtype_detail2 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype5.png);
}

.jobtype_detail3 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype1-3.png);
}

.jobtype_detail4 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype1-4.png);
}

.jobtype_detail5 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype2-1.png);
  background-position: 24px 10px;
}

.jobtype_detail6 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype1-5.png);
  background-position: 12px 20px;
}

.jobtype_detail6 .bg-red h2 {
  padding-left: 150px;
}

.jobtype_detail7 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype1-6.png);
  background-position: 5px 5px;
}

.jobtype_detail7 .bg-red h2 {
  padding-left: 100px;
}

.jobtype_detail8 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype1-7.png);
}

.jobtype_detail9 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype2-2.png);
}

.jobtype_detail9 .bg-red h2 {
  padding-left: 112px;
}

.jobtype_detail10 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype2-3.png);
}

.jobtype_detail11 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype2-4.png);
}

.jobtype_detail12 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype2-5.png);
}

.jobtype_detail13 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype3-1.png);
}

.jobtype_detail14 .bg-red {
  background-image: url(../images/pages/career_jobtype/career_jobtype3-2.png);
}

@media screen and (max-width: 1024px) {
  .jobtype_detail1 .colBox .col {
    width: auto;
    display: block;
  }

  .jobtype_detail1 .bg-red, .jobtype_detail2 .bg-red, .jobtype_detail3 .bg-red,
  .jobtype_detail4 .bg-red, .jobtype_detail5 .bg-red, .jobtype_detail6 .bg-red,
  .jobtype_detail7 .bg-red, .jobtype_detail8 .bg-red, .jobtype_detail9 .bg-red,
  .jobtype_detail10 .bg-red, .jobtype_detail11 .bg-red, .jobtype_detail12 .bg-red,
  .jobtype_detail13 .bg-red,
  .jobtype_detail14 .bg-red {
    height: 45px;
    background-position: 7px 6px;
    background-size: 27px;
  }

  .jobtype_detail6 .bg-red {
    background-position: 9px 16px;
  }

  .jobtype_detail6 .bg-red h2 {
    padding-left: 40px;
  }

  .jobtype_detail7 .bg-red {
    background-position: 10px 10px;
  }

  .jobtype_detail7 .bg-red h2 {
    padding-left: 50px;
  }

  .jobtype_detail9 .bg-red {
    background-position: 7px 10px;
  }

  .jobtype_detail9 .bg-red h2 {
    padding-left: 48px;
  }

  .jobtype_detail13 .bg-red {
    background-position: 7px 3px;
  }
}

.detail_inner {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.detail_inner h3 {
  padding-top: 43px;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  .detail_inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* padding-left: 15px !important;
    padding-right: 15px !important; */
  }

  .detail_inner h3 {
    padding-top: 21px;
    padding-bottom: 17px;
  }
}

.detail_inner table {
  border: 1px solid;
}

.detail_inner table.tStyle_01 tr {
  background-color: #ffffff;
}

.detail_inner table th {
  width: 123px;
  display: table-cell;
  vertical-align: middle;
  color: #b92c00;
  border-bottom: 1px solid #b92c00;
  border-right: 1px solid #b92c00;
}

.detail_inner table.tStyle_01 tr:last-child th {
  border-right: 1px solid #b92c00;
}

.detail_inner table td {
  padding: 27px 20px;
  font-weight: normal;
  border-bottom: 1px solid #b92c00;
}

@media screen and (max-width: 1024px){
  .detail_inner table th {
    font-size: 16px;
    padding: 10px 0 10px 15px;
    text-align: left;
    border-right: none;
  }

  .detail_inner table.tStyle_01 tr:last-child th {
    border-right: none;
  }

  .detail_inner table td {
    font-size: 14px;
    padding: 10px 16px 10px 15px;
  }

  .detail_inner table.tStyle_01 tr:last-child th {
    border-bottom: 1px solid #b92c00;
  }

}

.detail_inner .colBox img {
  width: 100%;
}

.detail_inner .btn.linkBtn {
  font-size: 2.4rem;
  font-weight: bold;
  width: 625px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
}

.jobtype_detail_btn {
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
  padding: 30px 0;
	margin: auto;
	display: table;
}

@media screen and (max-width: 1024px) {
  .detail_inner .btn.linkBtn {
    font-size: 1.2rem;
    height: 40px;
  }

  .jobtype_detail_btn {
    padding:  15px 0;
  }
}

/* Page - top_message
 --------------------------------------------------- */
.top_message .leftCont {
  float: left;
  max-width: 519px;
}

@media screen and (max-width: 1024px) {
  .top_message .leftCont {
    max-width: initial;
  }
}

.top_message .leftCont h2 ,
.top_message_text h2 {
  font-size: 2.4rem;
  padding-bottom: 57px;
  color: #b92c00;
}

@media screen and (max-width: 1024px) {
  .top_message .leftCont h2 ,
  .top_message_text h2 {
    font-size: 2.4rem;
    padding-bottom: 25px;
  }
}

.top_message .right {
  text-align: right;
  float: right;
  max-width: 470px;
  padding-top: 88px;
}

#container #main section .top_message_name p {
  text-align: right;
  font-size: 1.8rem;
  line-height: 36px;
  padding-top: 31px;
  font-weight: bold;
}

@media screen and (max-width:1025px) {
  .top_message .right {
    text-align: center;
    width: 100%;
    float: none;
    margin: auto;
  }
}

#container #main section .top_message_text {
  font-size: 1.6rem;
  line-height: 30px;
  text-align: justify;
  padding-bottom: 57px;
}

@media screen and (max-width: 1024px) {
  #container #main section .top_message_text {
    padding-bottom: 28px;
  }
}

.top_message .only_sp {
  display: none;
}

.top_message .only_sp .name {
  max-width: 50%;
}

@media screen and (max-width: 1024px) {
  .top_message .only_sp {
    display: block;
    text-align: right;
    max-width: 550px;
    margin: auto;
    margin-bottom: 25px;
  }

  .top_message_name {
    display: none;
  }
}

/* Page - newGraduate_career
 --------------------------------------------------- */

 body.pageType_corporate .newCareerTab .tab ul,
 body.pageType_newGraduate .newCareerTab .tab ul {
   border-bottom: solid 1px #c0c0c0;
 }

 body.pageType_corporate .newCareerTab .tab ul li,
 body.pageType_newGraduate .newCareerTab .tab ul li {
   width: 250px;
   height: 50px;
   margin-right: 27px;
   margin-left: 0;
   background: #b3b3b3;
   border: solid 1px #c0c0c0;
   position: relative;
 }

 body.pageType_corporate .co_qualia .tabBox .tab ul {
    border-bottom: solid 1px #c0c0c0;
}

 body.pageType_corporate .newCareerTab .tab ul li.mr-0,
 body.pageType_newGraduate .newCareerTab .tab ul li.mr-0 {
   margin-right: 0 !important;
 }
 body.pageType_corporate .newCareerTab .tab ul li.mr-26,
 body.pageType_newGraduate .newCareerTab .tab ul li.mr-26 {
   margin-right: 26px;
 }

 @media screen and (max-width: 1024px) {
   body.pageType_corporate .newCareerTab .tab ul li,
   body.pageType_newGraduate .newCareerTab .tab ul li {
     width: 24%;
     height: 50px;
     margin-right: 1%;
   }
   body.pageType_corporate .newCareerTab .tab ul li.mr-26,
   body.pageType_newGraduate .newCareerTab .tab ul li.mr-26 {
     margin-right: 1%;
   }
 }

 body.pageType_corporate .newCareerTab .tab ul li a,
 body.pageType_newGraduate .newCareerTab .tab ul li a {
   width: 100%;
   height: 100%;
   padding: 0;
   color: #ffffff;
   font-size: 2.4rem !important;
 }

 @media screen and (max-width: 1024px) {
   body.pageType_corporate .newCareerTab .tab ul li a ,
   body.pageType_newGraduate .newCareerTab .tab ul li a {
     font-size: 1.4rem !important;
     height: auto;
   }
 }

body.pageType_corporate .newCareerTab .tab ul li a span,
body.pageType_newGraduate .newCareerTab .tab ul li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
}

 body.pageType_corporate .newCareerTab .tab ul li.active ,
 body.pageType_newGraduate .newCareerTab .tab ul li.active {
   background: #ffffff;
   border-bottom: none;
 }

body.pageType_corporate .newCareerTab .tab ul li.active a,
body.pageType_newGraduate .newCareerTab .tab ul li.active a {
  color: #00a395;
  font-weight: bold;
}

.positionImage {
  text-align: center;
}

.positionCaseSample {
  width: 100%;
  border: 2px solid #00a395;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.positionCaseSample .caseGreen {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  margin-right: -115px;
  transform: skewX(-30deg);
  overflow: hidden;
}
.positionCaseSample .caseGreen:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin-right: -20px;
  background-color: #00a395;
  transform: skewX(56deg);
}
.positionCaseSample .caseGreenInner{
  position: absolute;
  top: 50%;
  right: 10px;
  left: 100%;
  transform: skewX(30deg);
  margin-left: -106px;
  text-align: center;
  margin-top: -0.5em;
  color: #f6ff00;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
}

.tab_4 .positionCaseSample .caseGreenInner,
.positionCaseSample .caseRedInner{
  margin-top: -1em;
}



.caseGreenInner span {
  color: #ffffff;
}

.caseDetail {
  padding-left: 140px;
}

.caseDetail ul {
  list-style: unset;
}

.caseDetail ul li {
  padding-top: 5px;
}

.caseDetail p span ,
.caseDetail ul {
  position:relative;
  display: inline-block;
  line-height: 1.2;
  padding: 16px;
  padding-right: 20px;
  margin: 5px 10px;
  vertical-align: middle;
}

.caseRedDetail p span {
  padding-right: 16px;
}

.caseDetail p span:after,
.caseDetail ul:after {
  display: block;
  content:"";
  height: 18px;
  width: 8px;
  right: 5px;
  top: 50%;
  position:absolute;
  background: url(../images/pages/new_career/new_career_case.png) no-repeat center;
  background-size: contain;
  margin-top: -9px;
}


.caseRedDetail p span:after {
  right: 0px;
  width: 11px;
  background: url(../images/pages/career_up/career_case_red.png) no-repeat center;
}

.caseDetail p .noAfter:after,
.caseDetail ul.noAfter:after {
  content: none;
}

.positionCaseSample.borderRed {
  border: 2px solid #c84016;
}

.positionCaseSample .caseGreen:before {
  content: "";
  background-color: #c84016;
}

.caseRedInner span {
  color: #f6ff00;
}



.support_career_img {
  margin-top: 50px;
  padding-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  .support_career_img {
    margin-top: 25px;
    padding-bottom: 20px;
  }
}

.support_career_col .col {
  background-color: #ffffff;
  height: 500px;
  width: 340px;
  margin: 11px;
  padding: 0;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .support_career_col .col {
    height: auto;
  }
}

/*.supportColGreen {
  height: 240px;
  background-color: #00a395;
  position: relative;
}*/
.supportColGreen {
  background-color: #00a395;
  position: relative;
}

.supportColGreenBackground {
  position: absolute;
  top: 0;
  left: 0;
	width: 90%;
}
@media screen and (max-width: 1024px) {
  .supportColGreenBackground {
		width: 40%;
		width: auto;
    height: 110px;
  }
  .supportColGreenBackground img{
		height: 100%;
		width: auto;
  }
}

/*.supportColGreenBackgroundInner {
  position: absolute;
  top: 40px;
  left: 10px;
  display: flex;
  align-items: center;
}*/
.supportColGreenBackgroundInner {
	padding: 20px 20px 60px;
	display: flex;
	align-items: center;
}

/*.supportColWhite {
  background-color: #ffffff;
  transform: skewY(-10deg) translateY(-105px);
}*/
.supportColWhite {
  background-color: #ffffff;
  transform: skewY(-10deg) translateY(-42px);
}
@media screen and (max-width: 1024px) {
  .supportColWhite {
  	transform: skewY(-3deg) translateY(-48px);
		margin-bottom: -30px;
  }
}

/*.supportColWhiteInner {
  min-height: 192px;
  transform: skewY(10deg) translateY(56px);
}*/
.supportColWhiteInner {
  min-height: 192px;
	transform: skewY(10deg) translateY(20px);
}
@media screen and (max-width: 1024px) {
  .supportColWhiteInner {
  	transform: skewY(3deg) translateY(10px);
  }
}
/*
.bg-green h3 {
  display: flex;
  align-items: center;
  margin-top: -20px;
} */

.support_col_left {
  display: flex;
  flex-direction: column;
  float: left;
}

.support_col_support {
  font-size: 1.4rem;
  color: #eaff00;
}

.support_col_num {
  font-size: 4.8rem;
  color: #eaff00;
	line-height: 1.2;
}

.support_col_title {
  font-size: 2.2rem;
  color: #ffffff;
  text-align: left;
  margin-left: 19px;

}

.support_career_col_img {
  background-position: center;
  background-repeat: no-repeat;
  height: 140px;
}

.support_career_col_img.img1 {
  background-image: url(../images/pages/new_career/new_career_support1.png);
}

.support_career_col_img.img2 {
  background-image: url(../images/pages/new_career/new_career_support2.png);
}

.support_career_col_img.img3 {
  background-image: url(../images/pages/new_career/new_career_support3.png);
}

.support_career_col_img.img4 {
  background-image: url(../images/pages/new_career/new_career_support4.png);
}

.support_career_col_img.img5 {
  background-image: url(../images/pages/new_career/new_career_support5.png);
}

.support_career_col_img.img6 {
  background-image: url(../images/pages/new_career/new_career_support6.png);
}

.support_career_col_img.img7 {
  background-image: url(../images/pages/new_career/new_career_support7.png);
}

.support_career_col_img.img8 {
  background-image: url(../images/pages/new_career/new_career_support8.png);
}

.support_career_col_detail {
  font-size: 1.6rem;
  margin: 13px;
  text-align: justify;
}

@media screen and (max-width: 1024px) {
  .support_career_col {
    padding-bottom: 110px;
  }
}

/* Page - new_topmessage 新卒トップメッセージ
 --------------------------------------------------- */

.new_topmessage h3 {
  padding-top: 90px;
  padding-bottom: 74px;
  color: #00a395;
  font-size: 2.9rem;
}

@media screen and (max-width: 1024px){
  .new_topmessage h3 {
    padding-top: 32px;
    padding-bottom: 24px;
    font-size: 1.5rem;
  }
}

.new_topmessage_sect p {
  font-size: 1.6rem;
  text-align: justify;
  overflow: hidden;
}

.new_topmessage_main {
  padding-top: 24px;
	text-align: center;
}

@media screen and (max-width: 1024px) {
  .new_topmessage_main {
    padding-top: 35px;
  }
}

.new_topmessage_img_left {
  float: left;
  padding-right: 51px;
}

.new_topmessage_img_right {
  float: right;
  padding-left: 51px;
  padding-bottom: 33px;
}

@media screen and (max-width: 1024px) {
  .new_topmessage_img_left {
    float: none;
    padding-right: 0;
    padding-bottom: 24px;
  }

  .new_topmessage_img_right {
    float: none;
    padding-left: 0;
  }
}


.about_earth_support .colBox {
  margin-top: 74px;
}

.about_earth_support .colBox img {
  width: 100%;
}

/* Page - 新卒募集要項 new_recruit
 --------------------------------------------------- */

#container.new_recruit section,
#container.new_career section {
  padding-top: 0;
}

.new_career .mainVisual .mainVisual_body .fInner,
.new_recruit .mainVisual .mainVisual_body .fInner {
  width: 1080px;
}

body.pageType_newGraduate .new_career .mainVisual.pageTitle .titleBox .titleBox_title .titleBox_title_illust{
  position: absolute;
  width: 90px;
  top: 10px;
  left: 5%;
}

@media screen and (max-width: 1024px){

body.pageType_newGraduate .new_career .mainVisual.pageTitle .titleBox .titleBox_title{
	letter-spacing: 0;
}
body.pageType_newGraduate .new_career .mainVisual.pageTitle .titleBox .titleBox_title .titleBox_title_illust{
  left: 7%;
}
 body.pageType_newGraduate .new_career .mainVisual.pageTitle .titleBox .titleBox_title .titleBox_title_illust + span {
  margin-left: 70px;
  width: 70%;
}
}

.newGraduate .tabBox .tab_contant {
  padding: 0 !important;
  /* margin-top: 128px; */
  margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {
  .newGraduate .tabBox .tab_contant {
    /* margin-top: 64px; */
    margin-bottom: 50px;
  }
}

.new_recruit .positionImage {
  /* width: 100%;
  height: 298px;
  background-image: url(../images/pages/new_recruit/new_recruit_joinus.png);
  background-position: center;
  position: relative; */
  width: 100%;
    background-image: url(../images/pages/new_recruit/new_recruit_joinus.png);
    background-position: top left;
    position: relative;
    background-repeat: no-repeat;
    padding: 40px;
    background-color: #f0fcf8;
    box-sizing: border-box;

}

.new_recruit .positionImageInner {
  /* width: 740px;
  position: absolute;
  top: 45px;
  left: 316px;
  text-align: left; */
  text-align: left;
    padding-left: 280px;
}

.new_recruit .positionImageInner li {
  padding: 10px;
  padding-left: 40px;
  /*text-indent: -23px;*/
  border-bottom: 1px #009999 dashed;
	position: relative;
}

.new_recruit .positionImageInner li::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 15px;
  left:8px;
  border-radius: 100%;
  background-color: #009999;
  vertical-align: middle;
}


@media screen and (max-width: 1024px) {
  .new_recruit .positionImage {
    /* width: 100%;
    height: auto;
    min-height: 270px;
    position: relative; */
    background-image: none;
    /* background-color: #f0fcf8; */
  }

  .new_recruit .positionImageJoinus {
    max-height: 120px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .new_recruit .positionImageIllust {
    width: 60px;
    height: 85px;
    position: absolute;
    top: 7px;
    right: 23px;
  }

  .new_recruit .positionImageInner {
    /* width: 80%;
    height: 100%;
    position: absolute;
    top: 120px;
    left: 10%;
    font-size: 1.5rem; */
    padding-left: 0;
      margin-top: 80px;
  }


	.new_recruit .positionImageInner li {
		padding-left: 23px;
	}
  .new_recruit .positionImageInner li::before {
    width: 12px;
    height: 12px;
    position: absolute;
		top: 10px;
    left: 6px;
    border-radius: 100%;
    background-color: #009999;
    vertical-align: middle;
  }
}

.new_recruit table {
  margin-top: 60px;
}

.new_recruit th {
  background-color: #00a395;
  text-align: left;
  padding-top: 29px;
  padding-left: 20px;
}

.new_recruit td {
  background-color: #f7f7f7;
  color: #333333;
  padding: 29px 27px;
}

@media screen and (max-width: 1024px){

  .new_recruit table {
    margin-top: 30px;
  }

  .new_recruit th {
    padding-top: 11px;
    padding-left: 15px;
  }

  .new_recruit td {
    padding: 14px 13px;
  }
}

.positionTitle_sub {
  font-size: 2.4rem;
}

.accordionBox_shedule .accordion_content span.bold {
  color: #cc0000;
}

.new_recruit .accordionBox .accordion_handle {
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #ccebeb;
}

.new_recruit .accordionBox .accordion_handle span {
  font-size: 2.4rem;
  color: #0ca79a;
  padding-right: 40px;
}

.new_recruit .accordionBox .accordion_handle p {
  overflow: auto;
}

@media screen and (max-width: 1024px){
  .new_recruit .schedule .accordionBox .accordion_handle span {
    display: block;
  }
}

.new_recruit .accordionBox_faq .accordion_handle span {
  float: left;
  padding-right: 20px;
}

.new_recruit .accordionBox .accordion_content {
  font-size: 1.6rem;
  /* padding: 40px 28px; */
  background-color: #ffffff;
}

.new_recruit .accordionBox .accordion_content .colBox {
  padding-top: 30px;
}

.new_recruit .accordionBox .accordion_content .col {
  text-align: center;
}

.new_recruit .accordionBox .accordion_content .col .colInner {
  width: 320px;
  margin: auto;
}
.new_recruit .accordionBox .accordion_content .col .colInner_left {
  float: right;
  padding-right: 10px;
}

.new_recruit .accordionBox .accordion_content .col .colInner_right {
  float: left;
  padding-left: 10px;
}

.new_recruit .accordionBox .accordion_content .col2 img {
  width: 320px;
  height: 200px;
}

.new_recruit .accordionBox .accordion_content .col3 img {
  width: 320px;
  height: 200px;
}

@media screen and (max-width: 1024px) {
  .new_recruit .accordionBox .accordion_content .col .colInner_right,
  .new_recruit .accordionBox .accordion_content .col .colInner_left {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  .new_recruit .accordionBox .accordion_content .col .colInner {
    width: initial;
  }

  .new_recruit .accordionBox .accordion_content .col2 img {
    width: 100%;
    height: initial;
  }

  .new_recruit .accordionBox .accordion_content .col3 img {
    width: 100%;
    height: initial;
  }
}




.accordion_question {
  font-size: 1.6rem;
  color: #0CA79A;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}

.accordion_answer p {
  overflow: auto;
}

.accordion_answer p a {
  color: #0ca79a;
}

.new_recruit .accordionBox .accordion_question .question_mark,
.new_recruit .accordionBox .accordion_answer .answer_mark {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-right: 10px;
  float: left;
}

/* Page - 採用サイト、採用情報
 --------------------------------------------------- */

.recruit_info.main_bg_text .mainVisual_varticalItem h1 {
  color: #ffffff;
}

.recruit_info.main_bg_text .mainVisual_varticalItem h2 {
  color: #bbeeea;
}

.recruit_info .btn {
  text-align: left;
}

.recruitment_information .col {
  width: 530px;
  height: 380px
}

@media screen and (max-width: 1024px){
  .recruitment_information .col {
    width: 100%;
    height: 210px;
  }
}

.recruitment_information .info_col_new {
  background-image: url(../images/pages/career_recruitInfo/career_recruitInfo_img01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e2f7eb;
  background-size: contain;
  margin-right: 10px;
  position: relative;
}

.recruitment_information .info_col_new .new_button {
  width: 84%;
  position: absolute;
  bottom: 38px;
  left: 8%;
}

@media screen and (max-width: 1024px){
  .recruitment_information .info_col_new .new_button {
    bottom: 15px;
  }
}

.new_button .btn_inner {
  position: relative
}

.new_button .btn_inner .btnBlock {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.new_button .font30,
.career_button .font30 {
  padding-left: 20px;
}

@media screen and (max-width: 1024px){
  .new_button .font30,
  .career_button .font30 {
    padding-left: 0;
    display: block;
  }
}

.new_button .btn.linkBtn ,
.about_us .btn.linkBtn{
  background-color: #01a194;
}

.new_button .btn.linkBtn:hover ,
.about_us .btn.linkBtn:hover{
  background-color: #028a7e;
}

.recruitment_information .info_col_career {
  background-image: url(../images/pages/career_recruitInfo/career_recruitInfo_img02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffebd3;
  background-size: contain;
  margin-left: 10px;
  position: relative;
}

.recruitment_information .info_col_career .career_button {
  width: 84%;
  position: absolute;
  bottom: 38px;
  left: 8%;
}

@media screen and (max-width: 1024px){
  .recruitment_information .info_col_career .career_button {
    bottom: 15px;
  }
}

.career_button .btn_inner {
  position: relative
}

.career_button .btn_inner .btnBlock {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.recruitment_information .info_col_new .new_button a ,
.recruitment_information .info_col_career .career_button a {
  height: 60px;
  opacity: 0.98;
}

.recruitment_information .info_col_new .new_button p ,
.recruitment_information .info_col_career .career_button p {
  padding: 34px 0;
  margin-bottom: 0 !important;
  text-align: center !important;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333333;
}


@media screen and (max-width: 1024px) {
  .recruitment_information .info_col_new .new_button a ,
  .recruitment_information .info_col_career .career_button a {
    height: auto;
    padding-left: 10px;
  }

  .recruitment_information .info_col_new .new_button p ,
  .recruitment_information .info_col_career .career_button p {
    height: 45px;
    padding: 5px 10px;
  }
}


.about_us .col {
  width: 530px;
  height: 249px;
  border-bottom: 1px solid #0ca79a;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f3f7fa;
}

.about_us .col .btn {
  width: 84%;
  height: 60px;
  text-align: left;
  opacity: 0.95;
}

.about_us .col_company {
  position: relative;
  margin-right: 10px;
  background-image: url(../images/pages/career_recruitInfo/career_recruitInfo_img03.png);
}

.col_company .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.about_us .col_welfare {
  margin-left: 10px;
  background-image: url(../images/pages/career_recruitInfo/career_recruitInfo_img04.png);
  position: relative;
}

.col_welfare .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.about_us .col_training {
  margin-right: 10px;
  margin-top: 41px;
  background-image: url(../images/pages/career_recruitInfo/career_recruitInfo_img05.png);
  position: relative;
}

.col_training .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.about_us .col_data {
  margin-left: 10px;
  margin-top: 41px;
  background-image: url(../images/pages/career_recruitInfo/career_recruitInfo_img06.png);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.col_data .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.about_us .font30,
.about_us .font28 {
  padding-left: 20px;
  padding-right: 24px;
}

@media screen and (max-width: 1024px){
  .about_us .font30 {
    font-size: 2.3rem;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
}

.about_us .font14 {
  color: #92f4eb;
}

@media all and (-ms-high-contrast: none) {
  .ieLetterSpacing,
  .ieLetterSpacing a span {
    letter-spacing: 0.1rem;
  }
}


/* Page - コーポレート共通
 --------------------------------------------------- */
section.bg_gray {
  background-color: #f5f5f5;
}

#container section.company_noRecruit {
  margin-bottom: 100px;
}

#container section.company_history {
  padding-top: 100px;
}

@media screen and (max-width: 1080px) {
  #container section.company_noRecruit {
    margin-bottom: 0;
  }

  #container section.company_history {
    padding-top: 50px;
  }
}

.service_top .mainVisual_varticalItem h2,
.service .mainVisual_varticalItem h2 {
  color: #bbeeea;
}

.service_kurashi .sliderBox.sliderBox_style4 .owl-nav .owl-prev .icon-arrow:before,
.service_kurashi .sliderBox.sliderBox_style4 .owl-nav .owl-next .icon-arrow:before {
  border-color: #db3a94;
}

body.pageType_corporate .service_kurashi .owl-carousel .owl-dots .owl-dot.active {
    background-color: #db3a94;
}

body.pageType_corporate .service_kurashi .owl-carousel .owl-dots .owl-dot {
    background: #ffebf6;
}

.service_kurashi .bynumMenu ul li > a:hover,
.service_kurashi .bynumMenu ul li > span:hover {
    background: #ffebf6;
}

body.pageType_corporate .service_kurashi .owl-carousel .owl-thumbs .owl-thumb-item.active:after {
    border-color: #db3a94;
}

/* Page - コーポレート、企業情報TOP
 --------------------------------------------------- */
.co_company_top .colBox {
  margin-left: 0;
}

.col_top {
  margin-right: 20px;
  position: relative;
  background-image: url(../images/pages/co_company_top/company_top_img0.png);
  background-position: center 30px !important;
  background-color: #e4f9f7 !important;
  border-bottom: 1px solid #0ca79a !important;
}

.col_top .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.col_philosophy {
  position: relative;
  background-image: url(../images/pages/co_company_top/company_top_img01.png);
  background-position: center 33px !important;
}

.col_philosophy .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.col_policy{
  position: relative;
  margin-right: 20px;
  background-image: url(../images/pages/co_company_top/company_top_img02.png);
}

.col_policy .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.col_brand {
  position: relative;
  background-image: url(../images/pages/co_company_top/company_top_img03.png);
  background-position: center 59px !important;
}

.col_brand .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.col_group {
  position: relative;
  background-image: url(../images/pages/co_company_top/company_top_img06.png);
}

.col_group .btn {
  position: absolute !important;
  bottom: 0;
  left: 8%;
}

.co_company_top .col {
  margin-bottom: 40px;
}

.co_company_top .btn.linkBtn {
  line-height: 1.9 !important;
}

.co_company_top .btn.linkBtn.absoluteArrow {
  padding-right: 0 !important;
}

.font28 {
  font-size: 2.8rem;
}
/* serviceBox */
.serviceBox.companytopBox{}
.serviceBox.companytopBox .serviceItem{
	margin: 0 20px;
	padding: 127px 0 125px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.serviceBox.companytopBox .serviceItem h3{
	padding-top: 3px;
	padding-bottom: 32px;
	text-indent: inherit;
}
.serviceBox.companytopBox .serviceItem h3:before{
	display: none;
}
.serviceBox.companytopBox .serviceItem p{
	text-align: center!important;
}
.serviceBox.companytopBox .serviceItem .btn.linkBtn.absoluteArrow{
	padding-right: 20px!important;
}
/* about_us */
.about_us.companytop_aboutus .col{
	background-size: cover!important;
	background-position: center!important;
}
.about_us.companytop_aboutus .btn{
	height: auto;
}

@media screen and (max-width: 1080px) {
  .co_company_top .col {
    height: 200px;
    background-position: center 37% !important;
    background-size: 85% !important;
  }

  .about_us .font28 {
    font-size: 2.3rem;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

	.serviceBox.companytopBox .serviceItem{
		padding: 30px 0 60px 0;
	}
	.serviceBox.companytopBox .serviceItem h3{
    padding-bottom: 8px;
  }
}

/* Page - コーポレート、企業情報_代表挨拶
 --------------------------------------------------- */

.top_message_inner_top {
  margin-top: 95px;
}

.top_message_inner {
  margin-bottom: 35px;
  font-size: 1.6rem;
}

.company_top_message .top_message_inner .top_message_contLeft {
  float: none;
  max-width: none;
}

.company_top_message .top_message_inner .top_message_contRight {
  float: none;
  max-width: none;
  position: relative;
  margin-top: 35px;
}

.company_top_message .top_message_image {
  float: left;
}

.company_top_message .top_message_name {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width:1080px) {
  .top_message_inner_top {
    margin-top: 40px;
  }

  .top_message_inner {
    margin-bottom: 20px;
  }

  #container #main section .top_message_name.company_top_top_message p {
    padding-top: 0;
  }

  .company_top_message .top_message_inner .top_message_contLeft {
    max-width: none;
  }

  .company_top_message .top_message_name {
    position: relative;
  }
}


 /* Page - コーポレート、企業情報_経営理念
  --------------------------------------------------- */

.philosophy_inner {
  margin-top: 85px;
}

.philosophy_inner .philosophy_title {
  font-size: 2.4rem;
  font-weight: bold;
}

.philosophy_inner p {
  font-size: 1.6rem;
  line-height: 2 !important;
  text-align: center !important;
}

@media screen and (max-width: 1080px) {
  .philosophy_inner {
    margin-top: 40px;
  }

  .philosophy_inner .philosophy_title {
    font-size: 2.0rem;
  }

  .philosophy_inner p {
    font-size: 12px;
  }
}

/* Page - コーポレート、企業情報_基本方針
 --------------------------------------------------- */
.company_policy .sectTit {
  margin-bottom: 90px !important;
}

.company_guideline .sectTit {
  margin-top: 40px;
  margin-bottom: 90px !important;
}

.company_policy_detail {
  text-align: center !important;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 80px !important;
}

@media screen and (max-width: 1080px) {
  .company_policy .sectTit {
    margin-bottom: 30px !important;
  }

  .company_guideline .sectTit {
    margin-top: 30px;
    margin-bottom: 30px !important;
  }

  .company_policy_detail {
    font-size: 1.6rem;
    margin-bottom: 30px !important;
  }
}

.company_policy_col {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 60px 30px;
  border: 1px solid #00a395;
  color: #00a395;
}

.company_policy_left {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7rem;
}

.company_policy_right {
  width: 70%;
  color: #333;
}

.company_policy_right p {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1080px) {
  .company_policy_col {
    padding: 20px 0;
    margin-bottom: 15px;
  }

  .company_policy_left {
    font-size: 4rem;
  }

  .company_policy_right p {
    font-size: 12px;
  }
}

.company_guideline_col {
  float: left;
  width: 200px;
  margin-right: 20px;
}

div.company_guideline_col_wrapper .company_guideline_col:nth-of-type(5){
  margin-right: 0;
}

.company_guideline_col_title {
  padding: 30px 0 20px;
  background-color: #fff;
  color: #00a395;
}

.company_guideline_col_title h2 {
  font-size: 43px;
  text-align: center;
}

.company_guideline_col_title p {
  margin-top: -10px;
  margin-bottom: 0 !important;
  font-size: 16px;
  text-align: center !important;
}

.company_guideline_col_text {
  padding: 23px 15px;
  background-color: #00a395;
  color: #fff;
  text-align: justify;
}

.company_guideline_col_text p {
  font-size: 1.6rem;
}

@media screen and (max-width: 1080px) {
  .company_guideline_col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .company_guideline_col_title {
    padding: 15px 0 10px;
  }

  .company_guideline_col_title p {
    font-size: 1.2rem;
  }

  .company_guideline_col_title h2 {
    font-size: 3.2rem;
  }

  .company_guideline_col_text p {
    font-size: 12px !important;
  }

  .company_guideline_col_text {
    padding: 15px 10px;
    max-height: 100px;
  }

}

/* Page - コーポレート、企業情報_ブランドメッセージ
 --------------------------------------------------- */

.company_brand_main {
  width: 100%;
  margin-top: 90px;
  margin-bottom: 50px;
  border-top: 1px solid #00a395;
  border-bottom: 1px solid #00a395;
}

.company_brand_main img {
  display: block;
  margin: 0 auto;
  padding: 50px 0;
}

.company_brand h3 {
  font-size: 2.6rem;
  text-align: center;
  color: #00a395;
  margin-bottom: 60px;
}

.company_brand p {
  font-size: 1.8rem;
}

.company_brand_sect01,
.company_brand_sect02,
.company_brand_sect03 {
  padding: 50px 0;
}

@media screen and (max-width: 1080px) {
  .company_brand_main {
    margin-top: 45px;
    margin-bottom: 25px;
  }
  .company_brand_main img {
    padding: 25px 0;
  }

  .company_brand_sect01,
  .company_brand_sect02,
  .company_brand_sect03 {
    padding: 17px 0;
    letter-spacing: 0;
  }

  .company_brand h3 {
    margin-bottom: 30px;
  }
}

/* Page - コーポレート、企業情報_会社概要
 --------------------------------------------------- */

table.company_about_us {
  margin-top: 70px;
  margin-bottom: 70px;
  border: 1px solid #94c6c2;
  border-spacing: 0;
  font-size: 1.8rem;
}

table.company_about_us th {
  width: 241px;
  padding: 23px 18px;
  line-height: 1.8;
  text-align: left;
  border-bottom: 1px solid #94c6c2;
}

table.company_about_us td {
  padding: 23px 18px;
  line-height: 1.8;
  color: #333;
  border-bottom: 1px solid #94c6c2;
}

table.company_about_us td a {
  color: #00a395;
  text-decoration: underline;
}

@media screen and (max-width: 1080px) {
  table.company_about_us {
    margin-top: 35px;
    margin-bottom: 35px;
    font-size: 12px;
  }

  table.company_about_us th,
  table.company_about_us td {
    padding: 10px;
  }
}

/* Page - コーポレート、企業情報_グループ会社
 --------------------------------------------------- */

#container #main .company_group {
  padding-bottom: 70px;
}

#container #main .company_group .sectTit {
  margin-bottom: 80px;
}
.company_group_box {
  margin-top: 40px;
  border: 1px solid #00a395;
}

.company_group_boxTit {
  padding: 26px 31px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background-color: #00a395;
}

.company_group_boxInner {
  padding: 40px 31px;
}

.company_group_boxInner p {
  font-size: 1.8rem;
}

table.company_group_boxTable {
  margin-top: 32px;
  margin-bottom: 0;
}

table.company_group_boxTable th {
  width: 204px;
  padding: 0 26px;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.8;
  background-color: #999999 !important;
  display: table-cell;
  vertical-align: middle;
}

table.company_group_boxTable td {
  padding: 31px 26px;
  line-height: 1.8;
  color: #333;
  background-color: #f5f5f5 !important;
  display: table-cell;
  vertical-align: middle;
}

table.company_group_boxTable td a {
  color: #333;
}

@media screen and (max-width: 1080px) {
  #container #main .company_group .sectTit {
    margin-bottom: 40px;
  }

  .company_group_boxTit {
    padding: 20px;
    font-size: 1.6rem;
  }

  .company_group_boxInner {
    padding: 20px;
  }

  .company_group_boxInner p {
    font-size: 1.4rem;
  }

  table.company_group_boxTable {
    margin-top: 16px;
  }

  table.company_group_boxTable th,
  table.company_group_boxTable td {
    padding: 10px;
    font-size: 1.4rem;
  }
}

#container .group_performance {
  padding-top: 127px;
  padding-bottom: 100px;
  margin-bottom: 149px;
}

.group_performance p {
  font-size: 1.8rem;
  font-weight: bold;
}

.group_performance_img {
  margin-top: 100px;
}

.group_performance_img h3 {
  margin-bottom: 40px;
  font-size: 30px;
  color: #00a395;
}

@media screen and (max-width: 1080px ) {
  #container .group_performance {
    padding-top: 60px;
    margin-bottom: 0;
  }

  .group_performance p {
    font-size: 1.6rem;
  }

  .group_performance_img {
    margin-top: 50px;
  }

  .group_performance_img h3  {
    font-size: 2rem;
  }
}

.history_table_wrapper table {
  padding-left: 30px;
  font-size: 1.8rem;
}

.history_table_wrapper th {
  position: relative;
  width: 100px;
  padding: 20px;
  text-align: left;
  background-color: #f6f6f6 !important;
  color: #00a395;
}

.history_table_wrapper th:before{
  content: "";
  top: 23px;
  left: -30px;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #00a395;
}

.history_table_wrapper td {
  display: block;
  padding: 20px;
  border-bottom: 1px dashed #cccccc;
  color: #333;
  background-color: #f6f6f6;
}

.history_table_wrapper span.history_month {
  display: inline-block;
  width: 110px;
  vertical-align: top;
}
.history_table_wrapper span.history_detail {
  display: inline-block;
  width: calc(100% - 120px);
}

.history_table_wrapper {
  position: relative;
}

.history_table_wrapper:before {
  content: "";
  position: absolute;
  top: 70px;
  left: 8px;
  width: 1px;
  height: 98%;
  background-color: #b7e2de;
}

@media screen and (max-width: 1080px) {
  .history_table_wrapper span.history_month {
    width: 20%;
    float: left;
    display: inline-block;
  }

  .history_table_wrapper div.history_month {
    width: 20%;
    float: left;
  }

  .history_table_wrapper span.history_detail {
    width: calc(100% - 20%);
    display: inline-block;
  }

  .history_detail_noMonth {
    width: 80%;
    float: right;
  }

  .history_table_wrapper th,
  .history_table_wrapper td {
    padding: 10px;
  }

  .history_table_wrapper th:before {
    top: initial;
  }

  .history_table_wrapper:before {
    top: 50px;
  }

  #container section.company_history {
    padding-top: 50px;
  }
}

/* Page - 企業サイト、サービス共通
 --------------------------------------------------- */
@media screen and (max-width:1080px) {
  .co_company .mainVisual_varticalWrap,
  .service .mainVisual_varticalWrap {
    position: relative;
  }
/*
  .co_company .mainVisual_varticalItem,
  .service .mainVisual_varticalItem {
    position: absolute;
    top: 36%;
    left: 0 !important;
  } */

  .co_company .mainVisual_varticalItem h1,
  .service .mainVisual_varticalItem h1 {
    display: block !important;
    /* font-size: 2.8rem; */
  }
}



/* Page - 企業サイト、サービスTOP
 --------------------------------------------------- */

.service_top .serviceBox {
  margin-top: 0;
}

.service_top .liveHome h3::after {
  background-color: #00a395;
}

.service_top .liveFacility h3::after {
  background-color: #f60;
}

.service_top .serviceMessage p {
  /* font-size: 1.8rem; */
}

.serviceList.serviceListWidth {
  width: initial;
  width: auto;
}

.service_top .co_service_type_wrapper {
  max-width: 90%;
  margin: auto;
}

.serviceList.serviceListWidth .colBox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
}
.serviceList.serviceListWidth .colBox.only .col.emptybox{
  width: 230px;
  margin: 0 7px 10px;
}
.service_top .serviceList.serviceListWidth .colBox.only .col:first-of-type{
  padding: 0;
}
@media screen and (max-width: 640px){
.serviceList.serviceListWidth .colBox.only .col.emptybox{
    width: 50%;
    margin: 0;
  }
}
@media screen and (min-width: 772px){
  .serviceList.serviceListWidth .colBox.only .col.emptybox{
    display: none;
  }
}/* PC only END */

.service_top .serviceList.serviceListWidth .colBox .col:first-of-type {
  padding-left: 0;
}

@media screen and (max-width: 1024px) {
  .service_top .co_service_type_wrapper {
    max-width: initial;
  }

}

@media screen and (max-width:1080px) {
  .service_top .serviceMessage p {
    font-size: 9px;
  }

  .serviceCat {
    margin-top: 25px !important;
  }
}

.service_top .serviceList a {
  background-color: #fff;
}

.co_service_specialty_bunner {
  margin-top: 40px;
  margin-bottom: 40px;
}

.serviceList_visiting h3::before {
  content: url(../images/pages/top/visiting_green.png);
  position: relative;
  margin-right: 21px;
  bottom: -7px;
}



/* Page - 企業サイト、サービス-訪問入浴
 --------------------------------------------------- */

 #container.service_visitingBath section {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 #container.service_visitingBath section:first-of-type {
   padding-top: 60px;
 }

.visitingBathDetail h2 {
  margin-top: 62px;
  font-size: 2.4rem;
  color: #00a395;
}

.visitingBathDetail p {
  margin-top: 51px;
  font-size: 1.8rem;
}

.visitingBathDetailMovie {
  text-align: center;
}

.visitingBathDetail a {
  display: inline-block;
  margin-top: 40px;
  text-decoration: underline;
  font-size: 1.8rem;
  color: #333;
}

.bathMovie {
  margin: auto;
  margin-top: 80px;
  position: relative;
  padding-top: 56.25%;
}

.bathMovie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1080px) {
  .visitingBathDetail h2 {
    margin-top: 25px;
  }

  .visitingBathDetail p {
    margin-top: 10px;
  }

  .visitingBathDetail a {
    margin-top: 20px;
  }
}

.visiting_service_schedule_wrapper {
  margin-top: 48px;
  border-left: 1px solid #00a395;
}

.visiting_service_schedule {
  margin-bottom: 27px;
}

.visiting_service_schedule_step {
  float: left;
  padding-left: 14px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #00a395;
  min-width: 10%;
}

.visiting_service_schedule_photo {
  float: left;
  padding-right: 36px;
}

.visiting_service_schedule_detail h2 {
  margin-bottom: 10px;
  font-size: 2.3rem;
  color: #00a395;
}

.visiting_service_schedule_detail p {
  font-size: 1.7rem;
}

@media screen and (max-width: 1080px) {
  .visiting_service_schedule_step {
    width: 25%;
    /* font-size: 1.4rem; */
    text-align: center;
    padding: 0;
  }

  .visiting_service_schedule_detail {
    width: 75%;
    float: left;
  }

  .visiting_service_schedule_detail h2 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 2rem;
  }

  .visiting_service_schedule_detail p {
    /* font-size: 1.2rem; */
  }

  .bathMovie {
    width: 100%;
    height: initial;
    margin-top: 40px;
  }
}


/* お客様の声 */
.service_visiting_problem {
  position: relative;
  margin-top: 86px;
}

.service_visiting_problem_left {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 20%;
}

.service_visiting_problem_left img {
  margin-left: 20px;
}

.service_visiting_solution {
  position: relative;
  margin-top: 39px;
}

.service_visiting_solution_right {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  width: 15%;
  text-align: center;
}

.service_visiting_problem_right {
  float: right;
  width: 80%;
}

.service_visiting_solution_left {
  float: left;
  width: 80%;
}

.service_visiting_problem_right h2,
.service_visiting_solution_left h2,
.service_visiting_voice h2 {
  font-size: 2.4rem;
  color: #00a395;
}

.service_visiting_solution_left h2 {
  text-align: right;
}

.service_visiting_problem_right p,
.service_visiting_solution_left p,
.service_visiting_voice p {
  font-size: 1.8rem;
}

.service_visiting_problem_right_wrapper {
  position: relative;
  display: inline-block;
  background-color: #f6f6f6;
  margin-top: 14px;
  padding: 33px 48px;
  border-radius: 5px;
}

.service_visiting_problem_right_wrapper:before {
  content: "";
  position: absolute;
  top: 12%;
  left: 5px;
  transform: skewX(50deg);
  border: 30px solid transparent;
  background-color: #f6f6f6;
  z-index: -1;
}

.service_visiting_solution_left_wrapper {
  position: relative;
  display: inline-block;
  background-color: #def8f6;
  margin-top: 14px;
  padding: 33px 48px;
  border-radius: 5px;
}

.service_visiting_solution_left_wrapper:before {
  content: "";
  position: absolute;
  top: 12%;
  right: 5px;
  transform: skewX(-50deg);
  border: 30px solid transparent;
  background-color: #def8f6;
  z-index: -1;
}

.service_visiting_voice {
  margin-top: 50px;
  padding: 36px 40px;
  border-radius: 5px;
  background-color: #f6f6f6
}

.service_visiting_voice p {
  margin-top: 20px;
}

@media screen and (max-width: 600px) {
  .service_visiting_problem p,
  .service_visiting_solution p,
  .service_visiting_voice p {
    /* font-size: 1.6rem; */
  }

  .service_visiting_problem_right h2,
  .service_visiting_solution_left h2,
  .service_visiting_voice h2 {
    font-size: 2rem;
  }

  .service_visiting_problem {
    margin-top: 43px;
  }

  .service_visiting_problem_right {
    width: 77%;
  }

  .service_visiting_problem_right_wrapper,
  .service_visiting_solution_left_wrapper {
    margin-top: 5px;
    padding: 10px;
  }

  .service_visiting_problem_right_wrapper:before {
    left: 10px;
  }

  .service_visiting_problem_left {
    top: 0;
    width: 20%;
  }

  .service_visiting_problem_left img {
    max-width: 55%;
    margin-left: 0;
  }

  .service_visiting_problem_left p {
    font-size: 1rem;
  }

  .service_visiting_solution {
    margin-top: 20px;
  }

  .service_visiting_solution_left {
    width: 78%;
  }

  .service_visiting_solution_right {
    top: 0;
  }

  .service_visiting_solution_right img {
    max-width: 50%;
  }

  .service_visiting_voice {
    margin-top: 15px;
    padding: 10px;
  }

  .service_visiting_voice h2 img {
    width: 2rem;
  }

  .service_visiting_voice p {
    margin-top: 5px;
  }
}
/* Page - 企業サイト、サービスー暮らし応援便
 --------------------------------------------------- */

body.pageType_corporate #container.service_kurashi #main section .sectTit .subTit {
  color: #db3a94;
}


#container.service section {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 1080px) {
  #container.service section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

#container.service section:first-of-type {
  padding-top: 60px;
}

.sectDetail {
  margin-top: 70px;
  font-size: 1.7rem;
}

.sectDetail h2 {
  text-align: center;
  font-size: 2.4rem;
  color: #db3a94;
}

.sectDetail p {
  margin-top: 38px;
  font-size: 1.7rem;
}

.service_col_wrapper.concept {
  margin-top: 78px;
}

@media screen and (max-width: 1080px) {
  .sectDetail {
    margin-top: 35px;
    /* font-size: 1.2rem; */
  }

  .sectDetail h2 {
    /* font-size: 1.5rem; */
  }

  .sectDetail p {
    margin-top: 15px;
    /* font-size: 1.2rem; */
  }

  .service_col_wrapper.concept {
    margin-top: 30px;
  }
}

.service_kurashi .bynumMenu ul li > a:after, .bynumMenu ul li > span:after {
  border-top: solid 10px #db3a94;
}

.service_kurashi_col {
  width: 340px;
  padding: 40px 20px 20px;
  float: left;
  box-sizing: border-box;
  background-color: #fff;
}

.service_kurashi_col h2 {
  text-align: center;
  font-size: 24px;
  color: #db3a94;

}

/* .service_kurashi_col1,
.service_kurashi_col2 {
  margin-right: 30px;
} */

.service_content_osusume {
  margin-top: 78px;
}

.service_contentIcon_wrapper {
  /* text-align: center; */
  margin: 40px -10px 0;
  letter-spacing: -.4em;
}

.service_contentIcon{
    display: inline-block;
    width: calc((100% / 7) - 20px);
    margin: 0 10px;
    margin-bottom: 10px;
    letter-spacing: normal;
}
.service_contentIcon img{
    width: 100%;
}

@media screen and (max-width: 560px) {
  .service_contentIcon_wrapper {
    margin: 40px -4px 0;
    margin-top: 20px;
  }

  .service_contentIcon{
    width: calc((100% / 4) - 8px);
    margin: 0 4px;
    margin-bottom: 8px;
  }
}

.service_contentText {
  margin-top: 20px;
  font-size: 1.8rem;
}

.service_contentText a {
  color: #db3a94;
}

.service_plan {
  margin-top: 74px;
}

.service_plan h2 {
  font-size: 2.2rem;
}

.service_plan p {
  font-size: 1.7rem;
  margin-top: 25px;
}

@media screen and (max-width: 1080px) {
  .service_content_osusume {
    margin-top: 30px;
  }

  .service_plan {
    margin-top: 15px;
  }

  .service_plan h2 {
    /* font-size: 1.5rem; */
  }

  .service_plan_label_sp {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 15px;
  }

  .service_plan p {
    /* font-size: 1.2rem; */
    margin-top: 15px;
  }

}

.service_plan_label {
  display: flex;
  margin-top: 25px;
  align-items: center;
  overflow: hidden;
  border-radius: 30px;
}

.service_plan_label_left {
  position: relative;
  display: inline-block;
  padding: 13px 25px;
  font-size: 22px;
  font-weight: bold;
  transform: skewX(-18deg);
}

.service_plan_label_left img {
  transform: skewX(18deg);
}

.service_plan_label_left h2 {
  display: inline-block;
  vertical-align: bottom;
  transform: skewX(18deg);
  color: #fff !important;
}

.service_plan_label_right {
  display: inline-block;
  font-size: 24px;
  color: #fff;
  margin-top: 5px;
  margin-left: 30px;
}

@media screen and (max-width: 1080px) {
  .service_plan_label {
    margin-top: 13px;
  }

  .service_plan_label_left {
    padding: 8px 11px;
    font-size: 1.1rem;
    font-weight: bold;
    transform: skewX(-18deg);
  }

  .service_plan_label_left img {
    width: 2rem;
    vertical-align: bottom;
  }

  .service_plan_label_left h2 {
    vertical-align: text-bottom;
    font-size: 1.5rem;
  }

  .service_plan_label_right {
    display: none;;
  }
}

.service_plan.green .service_plan_title,
.service_plan.green .service_plan_label_sp {
  color: #8dc642;
}

.service_plan.green .service_plan_label_left {
  background-color: #4f8607;
}

.service_plan.green .service_plan_label{
  background-color: #8dc642;
}

.service_plan.yellow .service_plan_title,
.service_plan.yellow .service_plan_label_sp {
  color: #f8af06;
}

.service_plan.yellow .service_plan_label_left {
  background-color: #f87806;
}

.service_plan.yellow .service_plan_label{
  background-color: #f8af06;
}

.service_plan.purple .service_plan_title,
.service_plan.purple .service_plan_label_sp {
  color: #8e53a2;
}

.service_plan.purple .service_plan_label_left {
  background-color: #70198e;
}

.service_plan.purple .service_plan_label{
  background-color: #8e53a2;
}

.service_plan.pink .service_plan_title,
.service_plan.pink .service_plan_label_sp {
  color: #d50080;
}

.service_plan.pink .service_plan_label_left {
  background-color: #e64b8e;
}

.service_plan.pink .service_plan_label{
  background-color: #d50080;
}

.service_plan_price_table {
  margin-top: 66px;
}

.service_plan_price_table h2 {
  font-size: 2.4rem;
  color: #db3a94;
}

.service_plan_price_table table {
  margin-top: 42px;
}

@media screen and (max-width: 1080px) {
  .service_plan_price_table {
    margin-top: 30px;
  }

  .service_plan_price_table h2 {
    font-size: 2rem;
  }

  .service_plan_price_table table {
    margin-top: 21px;
  }
}

.service_plan_price_table table th,
.service_plan_price_table table td {
  border-right: 20px solid #f6f6f6;
  padding: 30px 0;
  font-weight: bold;
}

.service_plan_price_table table th:last-of-type,
.service_plan_price_table table td:last-of-type {
  border-right: none;
}

.service_plan_price_table table th {
  width: 160px;
  font-size: 2.4rem;
}

.service_plan_price_table table th span {
  font-size: 1.6rem;
}

.service_plan_price_table table td span {
  font-size: 1.4rem;
  display: block;
}

.service_plan_price_table table td {
  font-size: 1.8rem;
  color: #333;
  vertical-align: middle;
  text-align: center;
}

.service_plan_price_table table td.left {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}


.service_plan_price_table table th:first-of-type,
.service_plan_price_table table td:first-of-type {
  width: 175px;
  background-color: #e2e2e2;
}

.service_plan_price_table table th:nth-of-type(2),
.service_plan_price_table table th:nth-of-type(3),
.service_plan_price_table table th:nth-of-type(4) {
  background-color: #8dc642;
}

.service_plan_price_table table th:nth-of-type(5) {
  background-color: #fdb610;
}

.service_plan_price_table table th:nth-of-type(6) {
  background-color: #8e53a2;
}

.service_plan_price_table table td:nth-of-type(2),
.service_plan_price_table table td:nth-of-type(3),
.service_plan_price_table table td:nth-of-type(4) {
  background-color: #d9ecbd;
}

.service_plan_price_table table td:nth-of-type(5) {
  background-color: #ffe6b5;
}

.service_plan_price_table table td:nth-of-type(6) {
  background-color: #d4bedc;
}

.service_price_detail {
  margin-top: 37px;
}

.service_price_detail p {
  padding-left: 2.2em;
  text-indent: -2.2em;
  font-size: 1.4rem;
}

.service_limited_plan {
  position: relative;
  margin-top: 69px;
  padding: 30px;
  padding-bottom: 100px;
  background-color: #fdfff0;
  border: 1px solid #f8e5bb;
  z-index: 100;
}

.service_limited_plan:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 200px solid transparent;
  border-left: 200px solid #d50080;
}

.service_limited_plan:after {
  content: "限定プラン";
  position: absolute;
  top: 50px;
  left: 0;
  display: block;
  transform: rotate(-45deg);
  font-size: 3rem;
  color: #ffff00;
  z-index: 101;
}

@media screen and (max-width: 1080px) {
  .service_limited_plan {
    margin: -200px;
    padding: 200px;
    padding-top: 0;
    padding-bottom: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
  }

  .service_limited_plan:before,
  .service_limited_plan:after {
    display: none;
  }
}

.service_limited_plan_mark h2 {
  font-size: 3rem;
  color: #ffff00;
}

.service_plan_limited_course span {
  display: inline-block;
  margin-top: 10px;
  font-weight: bold;
}

.service_plan_case {
  margin-top: 40px;
}

.service_plan_case h3 {
  font-size: 1.8rem;
  color: #db3a94;
}

.service_plan.green .service_plan_case h3 {
  color: #8dc642;
}

.service_plan_case p {
  margin-top: 30px;
  font-size: 1.8rem;
}

@media screen and (max-width: 1080px) {
  .service_plan_case {
    margin-top: 20px;
  }

  .service_plan_case h3 {
    /* font-size: 1.2rem; */
  }

  .service_plan_case p {
    margin-top: 15px;
    font-size: 1.7rem;
  }
}

.service_limited_plan_price_table {
  margin-top: 70px;
}

.service_limited_plan_price_table h2 {
  font-size: 2.5rem;
  color: #d50080;
}

@media screen and (max-width: 1080px) {
  .service_limited_plan_price_table {
    margin-top: 35px;
  }

  .service_limited_plan_price_table h2 {
    font-size: 2rem;
    color: #d50080;
  }
}

.service_limited_plan_price_table table {
  margin-top: 28px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-spacing: initial;
  font-size: 1.8rem;
  font-weight: bold;
}

.service_limited_plan_price_table table th,
.service_limited_plan_price_table table td {
  color: #333 !important;
  vertical-align: middle;
  box-sizing: border-box;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.service_limited_plan_price_table table td {
  padding: 40px;
}

.service_limited_plan_price_table th:nth-of-type(1) {
  width: 252px;
  background-color: #fff;
  font-weight: bold;
}

.service_limited_plan_price_table .course {
  width: 250px !important;
  color: #fff !important;
  background-color: #d50080 !important;
}

.service_limited_plan_price_table td.lightpink {
  background-color: #ffeff6;
  padding: 20px;
  text-align: center;
}

.service_limited_plan_price_table td.lightgreen {
  background-color: #eef8e8;
  padding: 20px;
  line-height: 2.2;
  text-align: center;
}

.service_limited_plan_price_table td.lightpink.planname {
  color: #d50080 !important;
}

.service_limited_plan_price_table td.green.planname {
  color: #fff !important;
}

.service_limited_plan_price_table td.green {
  background-color: #63b734;
  color: #fff;
  text-align: center;
}

.service_limited_plan_price_table td.lightgreen span {
  display: block;
  color: #63b734;
}

.service_limited_plan_price_table_detail {
  margin-top: 42px;
}

.service_limited_plan_price_table p {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

@media screen and (max-width: 1080px) {
  .service_limited_plan_price_table_detail {
    margin-top: 20px;
  }

  .service_limited_plan_price_table p {
    font-size: 1.4rem
  }

  .service_limited_plan .sectDetail h2 img {
    width: 10%;
    vertical-align: middle;
  }

  .service_limited_plan .sectDetail p {
    margin-top: -5px;
    font-weight: bold;
  }
}

.service_house_cleaning {
  margin-top: 119px;
}

.service_house_cleaning_colBox {
  margin-top: 58px;
}

@media screen and (max-width: 1080px) {
  .service_house_cleaning {
    margin-top: 30px;
  }

  .service_house_cleaning_colBox {
    margin-top: 30px;
  }
}

.service_kurashi .service_col h2 {
  color: #db3a94;
}

.service_house_cleaning_colBox .service_col_image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.service_house_cleaning_table {
  margin-top: 83px;
}

.service_house_cleaning_table h2 {
  font-size: 2.5rem;
  color: #d50080;
}

@media screen and (max-width: 1080px) {
  .service_house_cleaning_table {
    margin-top: 15px;
  }

  .service_house_cleaning_table h2 {
    font-size: 2rem;
    color: #d50080;
  }
}

.service_house_cleaning_table table {
  margin-top: 39px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-spacing: initial;
  font-size: 1.8rem;
  font-weight: bold;
}

.service_house_cleaning_table table th,
.service_house_cleaning_table table td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

table .service_house_cleaning_table_head {
  padding: 15px 70px;
}

table .service_house_cleaning_table_head th {
  background-color: #fff !important;
}

table .service_house_cleaning_table_head .place {
  width: 140px;
  background-color: #666666 !important;
  color: #fff;
}

table .service_house_cleaning_table_head .price {
  width: 250px;
  background-color: #d50080 !important;
  color: #fff;
}

.service_house_cleaning_table table td {
  vertical-align: middle;
  text-align: center;
  padding: 29px 30px;
  color: #333;
}

.service_house_cleaning_table table tr td:nth-of-type(1),
.service_house_cleaning_table_head th:nth-of-type(3) {
  /*background-color: #f0f0f0 !important;*/
  background-color: #fafafa !important;
}

.service_house_cleaning_table table tr td:nth-of-type(2) {
  background-color: #ffeff6;
  color: #d50080;
}

.service_house_cleaning_table table tr td:nth-of-type(3) {
  text-align: left;
  font-weight: normal;
}

.service_house_cleaning_table p {
  margin-top: 40px;
  font-size: 1.4rem;
}

.set_plan h3 {
  margin-top: 48px;
  font-size: 1.8rem;
  font-weight: normal;
}

@media screen and (max-width: 1080px) {
  .service_house_cleaning_table p {
    margin-top: 15px;
    font-size: 1.2rem;
  }

  .set_plan h3 {
    margin-top: 15px;
    font-size: 1.2rem;
    font-weight: normal;
  }

  .house_cleaning_set_price_list,
  .service_limited_plan_price_list,
  .service_plan_price_list {
    margin-top: 15px;
    text-align: center;
  }
}

.set_plan table {
  margin-top: 33px;
}

.set_plan table .service_house_cleaning_table_head .place {
  width: 320px;
}

.set_plan .service_house_cleaning_table_head th:nth-of-type(3) {
  color: #333;
}

.service_application_step img {
  margin-top: 77px;
}

@media screen and (max-width: 1080px) {
  .service_application_step img {
    margin-top: 10px;
  }
}

/* ご利用例 */
.service_kurashi_case .accordionBox .accordion_block .accordion_handle {
  position: relative;
  height: 130px;
  padding: 0;
  padding-left: 161px;
  border: 1px solid #efc5e8;
  border-bottom: none;
  background-color: #ffeeff;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.service_kurashi_case .accordionBox .accordion_block .accordion_content {
  padding-bottom: 40px;
  background: none;
  border: 1px solid #efc5e8;
  border-bottom: none;
}

.service_kurashi_case .accordionBox .accordion_block .accordion_handle img {
  position: absolute;
  bottom: 0;
  left: 40px;
}

.service_case_request {
  background-color: #f6f6f6;
  padding: 25px;
}

.service_case_request h2 {
  font-size: 2.4rem;
  color: #db3a94;
}

.service_case_request p {
  margin-top: 10px;
  font-size: 1.8rem;
}

.service_kurashi_case .service_visiting_problem_right h2,
.service_kurashi_case .service_visiting_solution_left h2 {
  color: #db3a94;
}

.service_kurashi_case .service_visiting_solution_left_wrapper,
.service_kurashi_case .service_visiting_solution_left_wrapper:before {
  background-color: #ffeeff;
}

.service_kurashi_case .service_visiting_solution_right {
  position: absolute;
  top: 6%;
  right: 20px;
  float: right;
  width: 15%;
  text-align: right;
}

.service_kurashi_case .service_visiting_problem {
  margin-top: 30px;
}

.service_kurashi_case .service_visiting_problem_right {
  width: 75%;
}

.service_kurashi_case .service_visiting_problem_left img {
  margin-left: 0;
}

.service_kurashi_case .accordionBox .accordion_block:last-of-type {
  border-bottom: 1px solid #efc5e8;
}

@media screen and (max-width: 640px) {
  .service_kurashi_case .accordionBox .accordion_block .accordion_handle {
    height: 75px;
    padding-left: 76px;
    padding-right: 45px;
    font-size: 1.8rem;
  }

  .service_kurashi_case .accordionBox .accordion_block .accordion_handle img {
    width: 41px;
    left: 10px;
  }

  .service_kurashi_case .accordionBox .accordion_block .accordion_content {
    padding-bottom: 10px;
  }

  .service_case_request {
    background: none;
    padding: 0;
  }

  .service_case_request h2 {
    font-size: 2rem;
  }

  .service_case_request p {
    margin-top: 5px;
  }

  .service_kurashi_case .service_visiting_solution {
    margin-top: 0;
  }

  .service_kurashi_case .service_visiting_solution_left {
    width: 100%;
  }

  .service_kurashi_case .service_visiting_problem_right h2,
  .service_kurashi_case .service_visiting_solution_left h2 {
    text-align: left;
  }


  .service_kurashi_case .service_visiting_solution_left_wrapper,
  .service_kurashi_case .service_visiting_solution_left_wrapper:before {
    padding: 0;
    background-color: #fff;
  }

  .service_kurashi_case .service_visiting_solution_right img {
    display: none;
  }

  .service_kurashi_case .service_visiting_problem {
    margin-top: 5px;
  }

  .service_kurashi_case .service_visiting_problem_right {
    margin-top: 0;
  }

  .service_kurashi_case .service_visiting_problem_right_wrapper {
    background-color: #fff;
    padding: 0;
  }

  .service_kurashi_case .service_visiting_problem_right_wrapper:before {
    display: none;
  }
}

@media screen and (max-width: 1080px) {
  .service_kurashi_case .service_visiting_problem_right_wrapper,
  .service_kurashi_case .service_visiting_solution_left_wrapper{
    /* padding: 20px 24px; */
  }


  .service_visiting_problem_left {
    top: 5px;
  }

  .service_kurashi .service_visiting_problem_left img {
    /* width: 50%; */
  }

  .service_kurashi .service_visiting_problem_left.case3-2 img {
    /* width: 65%; */
  }

  .service_kurashi .service_visiting_problem {
    margin-top: 0;
  }

  .service_kurashi_case .service_visiting_problem_right {
    margin-top: 5px;
  }

  .service_kurashi_case .service_visiting_problem_left img {
    max-width: 100%;
    margin-left: 0;
  }
}

/* 申し込みの流れ */

.service_application_step p {
  margin-top: 59px;
  font-size: 1.8rem;
}

.service_application_left {
  float: left;
  width: 75%;
  margin-top: 58px;
}

.service_application_left h2 {
  font-size: 2.4rem;
  color: #d50080;
}

.service_application_left p {
  margin-top: 37px;
  font-size: 1.8rem;
}

.service_application_left a {
  text-decoration: underline;
  color: #d50080
}

.service_application_right {
  float: left;
  width: 25%;
  margin-top: 90px;
  text-align: right;
}

@media screen and (max-width: 1080px) {
  .service_application_step p {
    margin-top: 30px;
    /* font-size: 1.2rem; */
  }

  .service_application_left {
    float: none;
    width: 100%;
    margin-top: 30px;
  }

  .service_application_left h2 {
    /* font-size: 1.2rem; */
    color: #d50080;
  }

  .service_application_left p {
    margin-top: 10px;
    /* font-size: 1.2rem; */
  }

  .service_application_right {
    float: none;
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
}


.search_green .sectTit .subTit {
  color: #00a395 !important;
}


/* Page - 企業サイト、サービス紹介ーデイサービス
 --------------------------------------------------- */

.qualia_storyBox_title {
  background-size: contain;
}

.day_service .qualia_storyBox:nth-child(2) .qualia_storyBox_title {
    background-image: url(../images/pages/co_service_day/day_service_point1.png);
}

.day_service .qualia_storyBox:nth-child(3) .qualia_storyBox_title {
    background-image: url(../images/pages/co_service_day/day_service_point2.png);
}

.day_service .qualia_storyBox:nth-child(4) .qualia_storyBox_title {
    background-image: url(../images/pages/co_service_day/day_service_point3.png);
}

.qualia_storyBox_title.icon_padding span {
  padding-left: 20px;
}

.qualia_storyBox_point {
  position: relative;
  margin-top: 40px;
  padding: 30px;
  background-color: #f6f6f6;
}

.qualia_storyBox_point_icon {
  position: absolute;
  top: -15px;
  left: -13px;
}

.qualia_storyBox_point h2 {
  margin-left: 88px;
  font-size: 3rem;
  font-weight: normal;
  color: #33b5aa;
}

#container #main section .qualia_storyBox_content .qualia_storyBox_point p{
  font-size: 1.5rem;
  margin-top: 15px;
  margin-bottom: 0;
}

@media screen and (max-width: 1080px) {
  #container.day_service #main section .qualia_storyBox_content p {
    margin-bottom: 0;
  }

  #container #main section.day_service .qualia_storyBox_content {
    padding: 25px 18px 18px ;
  }

  #container #main section .qualia_storyBox_content p {
    margin-bottom: 10px;
    /* font-size: 2.4rem; */
  }

  .qualia_storyBox_point {
    margin-top: 20px;
    padding: 15px;
  }

  .qualia_storyBox_point_icon img {
    width: 70%;
  }

  .qualia_storyBox_point h2 {
    margin-left: 55px;
    font-size: 2rem;
  }

  #container #main section .qualia_storyBox_content .qualia_storyBox_point p{
    margin-top: 10px;
    margin-bottom: 0;
  }

  .day_service .qualia_storyBox_content{
    padding: 25px 20px 20px;
  }
}

h2.day_service_schedule {
  margin-top: 100px;
  margin-bottom: 103px;
  text-align: center;
  font-size: 2.4rem;
  color: #00a395;
}

.day_service_schedule_photowrapper {
  margin-top: 30px;
  margin-left: 124px;
  float: left;
  width: 100%;
}

p.day_service_schedule_half {
  margin-top: 47px;
  margin-bottom: 0 !important;
  margin-left: 124px;
  font-size: 1.8rem;
}

@media screen and (max-width: 1080px) {

  h2.day_service_schedule {
    font-size: 2rem;
  }

  h2.day_service_schedule {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .visiting_service_schedule_wrapper {
    margin-top: 24px;
  }

  .day_service .visiting_service_schedule_step {
    width: 25%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .visiting_service_schedule_detail.displaySP {
    width: 75%;
    float: left;
  }

  .day_service_schedule_photowrapper {
    margin-left: 0;
    padding-left: 20%;
  }

  .visiting_service_schedule_photo {
    padding-right: 0;
    max-width: 80%;
  }

  .visiting_service_schedule_photo.first {
    margin-left: 20%;
  }

  p.day_service_schedule_half {
    margin-left: 20%;
  }

  .visiting_service_schedule_detail h2 {
    /* margin-top: 10px; */
  }

  .day_service .visiting_service_schedule_detail h2 {
    margin-top: 0;
  }
}

/* Page - 企業サイト、クオリアー仙台高砂
 --------------------------------------------------- */

body.pageType_corporate #container.co_qualia #main section .sectTit .subTit {
  color: #1a653a;
}

.qualia_takasago .tabBox .tab_contant {
  padding: 0;
}

#container.service section.qualia_main {
  padding-bottom: 60px;
}

.qualia_basic_info {
  margin-top: 80px;
}

.qualia_basic_info p {
  font-size: 1.8rem;
}

.qualia_info_table.basic {
  margin-top: 81px;
}

.qualia_info_table table {
  border: 1px solid #b3b3b3;
  border-spacing: 0;
}

.qualia_info_table th {
  width: 240px;
  padding: 23px 18px;
  font-size: 1.8rem;
  text-align: left;
  background-color: #b3b3b3 !important;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  display: table-cell;
  vertical-align: middle;
}

.qualia_info_table td {
  padding: 23px 18px;
  font-size: 1.8rem;
  text-align: left;
  color: #333 !important;
  border-bottom: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  display: table-cell;
  vertical-align: middle;
}

.qualia_info_table td:last-of-type {
  border-right: none;
}

.qualia_info_table tr:last-of-type th,
.qualia_info_table tr:last-of-type td {
  border-bottom: none;
}

@media screen and (max-width: 640px) {
  .qualia_basic_info {
    margin-top: 40px;
  }

  .qualia_basic_info p {
    /* font-size: 1.2rem; */
  }

  .qualia_info_table.basic {
    margin-top: 40px;
  }

  .qualia_info_table th,
  .qualia_info_table td {
    padding: 10px;
    /* font-size: 1.2rem; */
  }

  .service .tabBox .tab_contant {
    padding: 0;
  }
}

.service_qualia_info {
  margin-top: 79px;
}

.service_qualia_info h3 {
  display: inline-block;
  font-size: 2.4rem;
  color: #1a653a;
}

.service_qualia_info span.info {
  font-size: 1.4rem;
  float: right;
  margin-top: 1em;
}

.service_qualia_info_label {
  font-size: 1.8rem;
  margin-top: 20px;
  padding: 12px;
  color: #fff;
}

.service_qualia_info_label span {
  font-size: 1.4rem;
  margin-left: 1.4rem;
}

.service_qualia_info_text {
  padding: 30px 12px;
  font-size: 1.8rem;
}

.service_qualia_info_label.lightgreen {
  background-color: #56a277;
}

.service_qualia_info_label.green {
  background-color: #1a653a;
}

.service_qualia_info li:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 100%;
  background: #56a277;
  position: relative;
  left: -4px;
  top: 1px;
  margin-right: 5px;
}

.service_qualia_info li {
  margin-top: 7px;
}

.service_qualia_info ul li:first-of-type {
  margin-top: 0;
}



@media screen and (max-width: 1080px) {
  .service_qualia_info {
    margin-top: 30px;
  }

  .service_qualia_info h3 {
    /* font-size: 1.2rem; */
  }

  .service_qualia_info span.info {
    margin-top: 0;
    /* font-size: 0.9rem; */
    float: right;
  }

  .service_qualia_info_label {
    /* font-size: 1.2rem; */
    margin-top: 10px;
    padding: 6px;
  }

  .service_qualia_info_label span {
    /* font-size: 0.9rem; */
    margin-left: 1rem;
  }

  .service_qualia_info_text {
    padding: 10px;
    /* font-size: 1.2rem; */
  }

  .service_qualia_info li:before {
    width: 12px;
    height: 12px;
    top: 2px;
  }
}

.qualia_feature h2 {
  font-size: 2.4rem;
  color: #148946;
}

.qualia_feature p {
  margin-top: 40px;
  font-size: 1.7rem;
}

.qualia_feature h2:nth-of-type(2),
.qualia_feature h2:nth-of-type(3) {
  margin-top: 70px;
}

@media screen and (max-width: 1080px) {
  .qualia_feature h2 {
    /* font-size: 1.2rem; */
  }

  .qualia_feature p {
    margin-top: 20px;
    /* font-size: 1.2rem; */
  }

  .qualia_feature h2:nth-of-type(2),
  .qualia_feature h2:nth-of-type(3) {
    margin-top: 35px;
  }
}

/* 施設概要 */
.interior_main h2 {
  margin-top: 45px;
  text-align: center;
  font-size: 2.4rem;
  color: #1a653a;
}

.interior_main p {
  margin-top: 63px;
  margin-bottom: 10px;
  font-size: 1.8rem;
}

.interior_wrapper:first-of-type {
  margin-top: 70px;
}

.interior_wrapper {
  margin-top: 47px;
}

.interior_left_text,
.interior_left_image {
  float: left;
}

.interior_right_image,
.interior_right_text {
  float: right;
}

.interior_left_text,
.interior_right_text {
  width: 60%;
}

.interior_left_image,
.interior_right_image {
  width: 40%;
}

.interior_left_text h2,
.interior_right_text h2{
  font-size: 2.4rem;
  color: #1a653a;
}

.interior_left_text p,
.interior_right_text p {
  margin-top: 30px;
  font-size: 1.8rem;
}

.interior_left_text h2,
.interior_left_text p {
  padding-right: 25px;
}

.interior_right_text h2,
.interior_right_text p {
  padding-left: 25px;
}

@media screen and (max-width: 1080px) {
  .interior_main h2 {
    margin-top: 20px;
    text-align: left;
    /* font-size: 1.2rem; */
    color: #1a653a;
  }

  .interior_main p {
    margin-top: 25px;
    margin-bottom: 5px;
    /* font-size: 1.2rem; */
  }

  .interior_left_text,
  .interior_right_text,
  .interior_left_image,
  .interior_right_image {
    width: 100%;
    float: none;
  }

  .interior_left_text h2,
  .interior_right_text h2{
    padding: 0;
    /* font-size: 1.2rem; */
    color: #1a653a;
  }

  .interior_left_text p,
  .interior_right_text p {
    margin-top: 15px;
    padding: 0;
    /* font-size: 1.2rem; */
  }

  .interior_wrapper:first-of-type {
    margin-top: 35px;
  }

  .interior_wrapper {
    margin-top: 23px;
  }
}

/* 料金 */
.qualia_service_osusume h2 {
  font-size: 2.4rem;
  color: #ff6600;
}

.qualia_service_osusume p {
  margin-top: 40px;
  font-size: 1.7rem;
}

.qualia_service_osusume img {
  margin-top: 60px;
}

@media screen and (max-width: 1080px) {
  .qualia_service_osusume h2 {
    /* font-size: 2.4rem; */
  }

  .qualia_service_osusume p {
    margin-top: 20px;
    /* font-size: 1.2rem; */
  }

  .qualia_service_osusume img {
    margin-top: 30px;
  }
}

.qualia_info_table .month_peice {
  width: 30px;
}

.qualia_info_table .month_peice span {
  font-size: 1.4rem;
  /* color: #ffcc00; */
}

.qualia_info_table .important {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  color: #ff6600 !important;
}

.qualia_info_table span,
.qualia_info_table .table_font_small {
  font-size: 1.4rem;
}

tr.lightgreen th,
tr.lightgreen td {
  background-color: #56a277 !important;
  color: #fff !important;
}

tr.gray th,
tr.gray td {
  background-color: #ebebeb !important;
  color: #1a653a;
}

tr.lightgreen td,
tr.gray td,
tr.table_center td{
  text-align: center;
}

tr.lightgreen td,
tr.gray td {
  font-size: 2.4rem;
  font-weight: bold;
}

.qualia_price_detail {
  margin-top: 40px;
  padding-left: 2.5em;
  text-indent: -2.5em;
}

@media screen and (max-width: 1080px) {
  .qualia_price_detail {
    margin-top: 20px;
  }

  .qualia_price_detail p {
    /* font-size: 1rem; */
  }
}

.qualia_info_table.price table {
  border: 1px solid #c0c0c0;
}

.qualia_info_table.price th {
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

.qualia_info_table.price td {
  border-bottom: 1px solid #c0c0c0;
}

/* アクセス */
.qualia_info_table.access th {
  width: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 2.4rem
}

.qualia_access h2 {
  margin-top: 94px;
  font-size: 2.4rem;
  color: #1a653a;
}

.qualia_access p {
  margin-top: 62px;
  font-size: 1.8rem;
}

@media screen and (max-width: 1080px) {
  .qualia_info_table.access th{
    width: 80px !important;
    vertical-align: middle;
    text-align: center;
    /* font-size: 1.2rem; */
    display: table-cell !important;
  }
  .qualia_access h2 {
    margin-top: 30px;
    /* font-size: 1.5rem; */
  }

  .qualia_access h2 img {
    width: 1.5rem;
    vertical-align: middle;
  }

  .qualia_access h2 img.car {
    width: 3rem;
  }

  .qualia_access p {
    margin-top: 20px;
    /* font-size: 1.2rem; */
  }
}

.qualia_access_map {
  text-align: center;
  margin-top: 85px;
}

.qualia_access_map iframe.displaySP {
  width: 100%;
}

@media screen and (max-width:1080px) {
  .qualia_access_map {
    margin-top: 40px;
  }
}


/* Page - 企業サイト、サービス共通col
 --------------------------------------------------- */
.service_col {
  width: 340px;
  padding: 40px 20px 20px;
  float: left;
  box-sizing: border-box;
  background-color: #fff;
}

.service_col h2 {
  text-align: center;
  font-size: 2.4rem;
  color: #00a395;
}

.service_col_image {
  min-height: 197px;
  margin: 10px 0;
  text-align: center;
}

.service_colBox{
  margin: 0 -15px;
}
/* .service_col{
  margin: 0 15px 30px;
} */

@media screen and (max-width: 1080px) {
  .service_visitingBath .service_colBox {
    margin-top: 50px !important;
  }

  .service_visitingBath .service_col {
    width: initial;
    padding: 10px;
  }

  .service_visitingBath .service_col h2 {
    text-align: left;
    margin-bottom: 5px;
  }

  .service_visitingBath .service_col_image {
    width: 25%;
    margin: 0;
    float: right;
    min-height: initial;
  }
/*
  .service_visitingBath .service_col_detail {
    width: 70%;
  } */


  .service_col1,
  .service_col2,
  .service_col3,
  .service_col4,
  .service_col5 {
    margin-bottom: 16px;
  }

  .col_img_small {
    width: 75%;
  }
}

@media screen and (max-width: 1080px) {
  .service_colBox {
    margin-top: 50px;
  }

  .service_col {
    width: 100%;
    padding: 10px;
    margin: 0;
  }

  .service_col h2 {
    text-align: left;
    margin-bottom: 5px;
  }

  .service_col p {
    width: 70%;
    float: left;
  }

  .service_col_image {
    width: 25%;
    margin: 0;
    float: right;
    min-height: initial;
  }

  .service_col_detail {
    width: initial;
  }

  .service_col1,
  .service_col2,
  .service_col3,
  .service_col4,
  .service_col5 {
    margin-bottom: 16px;
  }

  .house_cleaning_img3 {
    padding-top: 30px;
  }
}


/* Page - 企業サイト、サービス共通、こんな方にオススメ
 --------------------------------------------------- */
.service_osusume {
  margin-top: 78px;
}

section.bg_gray section.search_offices_bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.osusumeSP {
  display: none;
}

@media screen and (max-width: 640px) {
  .osusumePC {
    display: none;
  }

  .osusumeSP {
    display: block;
  }

  .service_osusume {
    margin-top: 39px;
  }
}

@media screen and (max-width: 640px) {
  .serviceList a {
    width: 153px;
  }
}

.service .sliderBox {
  margin-top: 79px;
}

.service .bynumMenu {
  margin-top: 100px
}

@media screen and (max-width: 1080px) {
  .service .sliderBox {
    margin-top: 30px;
  }

  .service .bynumMenu {
    margin-top: 30px
  }
}

.service_visitingBath .service_colBox{
  margin: 0 -15px;
  margin-top: 100px;
}
.service_visitingBath .service_col{
  margin: 0 15px 30px;
}

.service_visitingBath .service_col2 img {
  margin-top: 10px;
}



@media screen and (max-width: 1080px) {
  .service_visitingBath .service_col{
    width: 100%;
    margin: 0 15px 15px;
    margin-left: 0;
  }

  #container.service .tab_contant section {
    padding-top: 30px;
  }

  #container.service section:first-of-type {
    padding-top: 30px;
  }

  #container.service section.qualia_main {
    padding-bottom: 30px;
  }
}





@media screen and (max-width: 640px) {
  .service_top .serviceList .col {
    width: 50%;
  }

  .service_top .serviceList a {
    width: auto;
    height: 100px;
  }

  .service_top .serviceList_box {
    background-size: contain;
  }

  .service_top .serviceList_title {
    height: 35%;
  }

  .service_top .serviceList_title span {
    font-size: 12px;
  }

  .service_top .serviceList_title.sp_font_small span {
    font-size: 10px;
  }

  .service_top .col_left {
    margin-right: 50% !important;
  }
}

@media screen and (max-width: 340px) {
  .service_top .serviceList_title.sp_font_small span {
    font-size: 9px;
  }
}