@charset "UTF-8";
/* CSS Document */


.trai .env__ttl,
.welf .env__ttl,
.heal .env__ttl{ margin-top: -15px;}

.env__ttl img{ width: auto; height: 29px; margin: 0 0 5px;}
.env__ttl span{ display: block; font-size: 16px; color: #0fa044;}
.env__ttl--r{ text-align: right;}
.env__catch{ margin: 15px 0; font-weight: 700; font-size: 18px; line-height: 1.78;}

.sales{ background: url("../img/fig_sales.svg") no-repeat center top/contain; width: calc(100% - 60px); margin: 0 auto; padding: 55px 0 0;}

.trai{ margin: 50px 30px 0;}
.trai__ph{ width: calc(100% + 30px); margin: 0 0 0 -30px;}
.heal__ph{ width: calc(100% + 30px); margin: 0 0 0 -30px; border: 1px solid #e6e6e6;}
.trai-list__dt{ margin: 15px 0 10px; font-weight: bold; font-size: 18px; color: #0fa044;}

.welf{ margin: 50px 0 0 30px;}
.welf__txt{ margin: 15px 0 0; padding: 0 30px 0 0;}
.welf-list{ background: #f4f9f9; margin: 25px 0 0; padding: 30px;}
.welf-list__dt{ margin: 20px 0 12px; padding: 20px 0 0; border-top: 1px solid #e1e6e6; font-weight: bold; font-size: 18px; color: #0fa044;}
.welf-list__dt:first-of-type{ margin-top: 0; padding-top: 0; border-top: none;}
.welf-list__dd{ line-height: 1.5;}
.welf-facility__btn{ margin: 25px 0;}
.welf-facility__ph{ position: relative;}
.welf-facility__ph p{ display: flex; justify-content: center; align-items: center; background: #000; width: 120px; height: 30px; position: absolute; top: -15px; left: -30px; font-weight: 500; color: #fff; letter-spacing: .05em;}


@media print, screen and (min-width: 681px){
  .trai .env__ttl,
  .welf .env__ttl,
  .heal .env__ttl{ margin-top: -23px;}

  .env__ttl img{ height: 43px; margin-bottom: 15px;}
  .env__ttl span{ font-size: 26px;}
  .env__ttl--r{ margin-right: -20px;}
  .env__catch{ margin: 30px 0 25px; font-size: 24px; line-height: 2.25;}

  .sales{ background-position: right top; background-size: 539px 469px; width: calc(100% - 100px); min-height: 469px; padding-top: 90px;}

  .trai{ margin: 100px 50px 0;}
  .trai__ph{ width: calc(100% + 50px); height: 421px; margin-left: -50px;}
  .heal__ph{ width: calc(100% + 50px); height: 421px; margin-left: -50px;}
  .trai-list__dt{ margin: 35px 0 13px; font-size: 18px;}

  .welf{ margin: 100px 0 0 50px;}
  .welf__ph{ width: calc(100% - 20px); height: 421px; margin: 0 0 0 20px;}
  .welf__txt{ padding-right: 50px; line-height: 2.25;}
  .welf-list{ margin-top: 50px; padding: 60px;}
  .welf-list__dt{ margin: 40px 0 20px; padding-top: 40px;}
  .welf-list__dd{ line-height: 2;}
  .welf-facility__btn{ margin: 40px 0;}
  .welf-facility__ph{ height: 394px;}
  .welf-facility__ph p{ left: -10px;}
}


@media print, screen and (min-width: 1100px){
  .cont__wrap{ width: 1000px; margin: 0 auto; padding: 0 0 60px; position: relative;}
  .env__ttl--r{ margin-right: -30px;}
  .env__catch{ letter-spacing: .1em;}
  .env__txt{ line-height: 2.25;}
  
  .sales{ background-position: right 20px top;  width: 100%; max-width: 1040px;}
  
  .trai{ margin-top: 150px;}
  .trai__wrap{ position: absolute; top: 0; left: -150px;}
  .trai__ph{ width: 550px; height: auto; margin-left: 0;}
  .heal__ph{ width: 550px; height: auto; margin-left: 0;}
  .trai-list{ margin: 0 0 0 510px;}
  .trai-list__dt{ margin: 35px 0 13px; font-size: 18px;}

  .welf{ margin: 150px 0 0 0;}
  .welf__ph{ width: 550px; height: auto; margin-left: 0; position: absolute; top: 0; right: -150px;}
  .welf__txt{ padding-right: 460px;}
  .welf-list{ margin-top: 50px; padding: 100px;}
  .welf-facility{ display: flex; justify-content: space-between;}
  .welf-facility__txt{ width: 380px;}
  .welf-facility__btn{ margin: 50px 0 0;}
  .welf-facility__ph{ width: 370px; height: auto; margin: -30px 0 0;}
}