@charset "UTF-8";
/* CSS Document */
/*
.nunito-sans-<uniquifier> {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}
*/
.nunito-sans-400 {
 font-family: "Nunito Sans", sans-serif;
 font-style: normal;
 font-weight: 400
}
.nunito-sans-500 {
 font-family: "Nunito Sans", sans-serif;
 font-style: normal;
 font-weight: 500
}
.nunito-sans-600 {
 font-family: "Nunito Sans", sans-serif;
 font-style: normal;
 font-weight: 600
}
.nunito-sans-700 {
 font-family: "Nunito Sans", sans-serif;
 font-style: normal;
 font-weight: 700
}
.nunito-sans-800 {
 font-family: "Nunito Sans", sans-serif;
 font-style: normal;
 font-weight: 800
}
.zen-kaku-light {
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight: 300;
 font-style: normal;
}
.zen-kaku-regular {
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight: 400;
 font-style: normal;
}
.zen-kaku-medium {
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight: 500;
 font-style: normal;
}
.zen-kaku-bold {
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight: 700;
 font-style: normal;
}
.zen-kaku-black {
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight: 900;
 font-style: normal;
}
.newline_1112 {
 display: none
}
@media screen and (max-width: 1112px) {
 .newline_1112 {
  display: block
 }
}

/*
@media screen and (min-width: 801px) {
  .telnot_pc {
    pointer-events: none;
  }
}
*/

/* ==================================
	LAYOUT
================================== */
.about_container {
 position: relative;
 margin-top: -15rem
}
.reason_container {
 margin-top: 35rem;
}
.outline_container {
 margin-top: 12rem;
}
.access_container {
 margin-top: 10rem;
 background: #1a842d;
 padding-top: 4rem;
 padding-bottom: 3rem;
}
.contact_container {
 background: url("../img/index/bg_contact.jpg")no-repeat center / cover;
 padding: 12rem 0 12rem;
}
.company_container {
 margin-top: 12rem;
}
.company_container_bg {
 margin-top: 7rem;
 background: #1C1E1C
}
.company_container_inner {
 max-width: 1130px;
 margin: auto;
 padding-top: 15rem;
 padding-bottom: 13rem
}
@media screen and (max-width: 1624px) {
 .reason_container .contentsTtl_wrap {
  margin-left: 0;
 }
}
@media screen and (max-width: 1366px) {
 .about_container {
  position: relative;
  margin-top: 10rem;
 }
}
@media screen and (max-width: 1280px) {
 .company_container_inner {
  padding-left: 5%;
  padding-right: 5%;
  max-width: 100%;
  width: 100%
 }
}
@media screen and (max-width: 1024px) {
 .about_container {
  padding-left: 5%;
  padding-right: 5%
 }
 .reason_container {
  margin-top: 15rem;
  padding-left: 5%;
  padding-right: 5%
 }
}
@media screen and (max-width: 799px) {
 .company_container_inner {
  padding-top: 0rem;
  padding-bottom: 13rem
 }
}
@media screen and (max-width: 599px) {
 .about_container .contentsTtl_wrap {
  margin: auto !important;
  text-align: center
 }
 .reason_container .contentsTtl_wrap {
  margin: auto !important;
  text-align: center
 }
 .reason_container {
  margin-top: 8rem;
  padding-left: 5%;
  padding-right: 5%
 }
 .outline_container {
  margin-top: 7rem
 }
 .contact_container {
  padding: 7rem 0 7rem;
 }
 .company_container {
  margin-top: 8rem
 }
 .company_container_inner {
  padding-top: 0rem;
  padding-bottom: 5rem
 }
 .mv_container {
  height: 163.61vw
 }
 .about_container {}
}
/* ==================================
	PARTS
================================== */
.contentsTtl {
 font-size: 92px;
 color: #000;
 line-height: 1;
 font-family: "Nunito Sans", sans-serif;
 font-style: normal;
 font-weight: 800
}
.contentsTtl_btm {
 font-size: 18px;
 color: #000;
}
.about_container .contentsTtl_wrap {
 position: absolute;
 top: 60px;
 left: 55%
}
.reason_container .contentsTtl_wrap {
 max-width: 1920px;
 margin-bottom: 10rem;
 margin-left: 13.54vw;
}
.outline_container .contentsTtl_wrap, .contact_container .contentsTtl_wrap, .company_container .contentsTtl_wrap {
 text-align: center
}
.outline_container .contentsTtl_wrap {
 margin-bottom: 10rem;
}
.contact_container .contentsTtl_wrap span {
 color: #fff !important;
 display: block;
 text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
}
.heading_wrap {
 display: flex;
}
.heading {
 font-size: 50px;
 line-height: 1;
 display: flex;
 align-items: center;
 font-family: "Nunito Sans", sans-serif;
 font-style: normal;
 font-weight: 800
}
.heading_btm {
 font-size: 15px;
 margin-top: 21px;
 margin-left: 10px;
 text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6)
}
.heading::before {
 content: "";
 width: 40px;
 height: 2px;
 background-color: #fff;
 display: block;
 margin-right: 20px;
}
.access_container .heading_wrap {
 color: #fff;
 max-width: 1200px;
 margin: auto;
 text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4)
}
.company_container .heading_wrap {
 color: #fff;
 margin-bottom: 8rem
}
@media screen and (max-width: 1624px) {
 .reason_container .contentsTtl_wrap {
  max-width: 1920px;
  margin-left: 2%;
 }
}
@media screen and (max-width: 1280px) {
 .access_container .heading_wrap {
  padding-left: 5%
 }
 .contentsTtl {
  font-size: 80px;
 }
}
@media screen and (max-width: 1024px) {
 .reason_container .contentsTtl_wrap {
  margin-left: 0;
 }
 .contentsTtl {
  font-size: 67px;
 }
}
@media screen and (max-width: 900px) {
 .outline_container {
  padding-left: 5%;
  padding-right: 5%
 }
}
@media screen and (max-width: 599px) {
 .contentsTtl {
  font-size: 4.2rem;
  line-height: 1;
 }
 .contentsTtl_btm {
  font-size: 1.2rem;
 }
 .outline_container .contentsTtl_wrap {
  margin-bottom: 6rem;
 }
 .contact_container .contentsTtl_wrap {
  margin-bottom: 6rem;
 }
 .heading {
  font-size: 2.8rem;
 }
 .heading_btm {
  font-size: 1.2rem;
  margin-top: 8px;
  margin-left: 6px;
 }
 .company_container .heading_wrap {
  margin-bottom: 4.5rem
 }
}
/* ==================================
	About US
================================== */
.about_row {
 display: flex;
 flex-direction: row;
}
.about_pictGroup {
 display: flex;
}
.about_pictGroup_l {
 max-width: 695px;
 height: auto;
}
.about_pictGroup_r {
 max-width: 305px;
 height: auto;
 position: absolute;
 top: 262px;
 left: 30%;
}
.about_container .contentsTtl_wrap {
 position: absolute;
 top: 60px;
 left: 55%
}
.about_row_txtarea {
 position: absolute;
 top: 252px;
 left: 55%
}
.aboutPict_wrap {
 position: absolute;
 top: 363px;
 right: 0;
 z-index: -5
}
.aboutPict_wrap img {
 max-width: 932px;
 height: auto;
}
.about_pictGroup .sp_only {
 display: none
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
 .about_pictGroup_l {
  max-width: 50.88vw;
 }
 .about_pictGroup_r {
  max-width: 22.33vw;
 }
}
@media screen and (max-width: 1024px) {
 .about_pictGroup .sp_only {
  display: block
 }
 .about_pictGroup .pc_only {
  display: none
 }
 .about_row {
  display: flex;
  flex-direction: column-reverse;
 }
 .about_pictGroup {
  display: flex;
  justify-content: space-between;
 }
 .about_pictGroup img {
  width: calc((100% - 30px) / 2);
 }
 .about_pictGroup_l {
  max-width: 100%;
  width: 100%;
  height: auto;
 }
 .about_pictGroup_r {
  max-width: 100%;
  width: 100%;
  height: auto;
  position: initial;
 }
 .about_container .contentsTtl_wrap {
  position: initial;
  margin-bottom: 5rem;
 }
 .about_row_txtarea {
  position: initial;
  margin-bottom: 8rem;
 }
 .aboutPict_wrap {
  position: absolute;
  top: 427px;
  right: 0;
 }
 .aboutPict_wrap img {
  max-width: 100%;
  height: auto;
 }
}
@media screen and (max-width: 599px) {
 .about_row {
  margin-top: 4rem;
 }
 .about_row_txtarea {
  font-size: 15px;
  display: block;
  text-align: center;
  margin-bottom: 5rem;
 }
 .about_row_txtarea p {
  display: inline-block;
  text-align: left
 }
}
/* ==================================
	REASON
================================== */
.reason_obi {
 background: linear-gradient(90deg, #fff 0%, #fff 14%, #1a842d 14%, #1a842d 100%);
 height: 380px;
 margin-top: -285px;
 margin-left: calc(50% - 50vw);
 margin-right: calc(50% - 50vw);
 padding-left: calc(50vw - 50%);
 padding-right: calc(50vw - 50%);
}
.card3_group li:nth-of-type(1) .card_pict {
 width: 100%;
 height: auto;
 background: #bbb;
 box-sizing: border-box;
 /*背景画像を指定する場合は下記２つを使用*/
 padding-top: 56.25%; /*16:9*/
 background: url("../img/index/bg_reason01.jpg")center top/ cover;
}
.card3_group li:nth-of-type(2) .card_pict {
 width: 100%;
 height: auto;
 background: #bbb;
 box-sizing: border-box;
 /*背景画像を指定する場合は下記２つを使用*/
 padding-top: 56.25%; /*16:9*/
 background: url("../img/index/bg_reason02.jpg")center top/ cover;
}
.card3_group li:nth-of-type(3) .card_pict {
 width: 100%;
 height: auto;
 background: #bbb;
 box-sizing: border-box;
 /*背景画像を指定する場合は下記２つを使用*/
 padding-top: 56.25%; /*16:9*/
 background: url("../img/index/bg_reason03.jpg")center top/ cover;
}
.card_textbox {
 width: 100%;
 height: auto;
 padding: 20px 18px;
 background: #fff;
 box-sizing: border-box;
}
.card_textbox > * + * {
 margin-top: 10px;
}
.iconNumber {
 position: relative;
}
.iconNumber::before {
 content: "";
 display: block;
 width: 67px;
 height: 64px;
 position: absolute;
 top: 0px;
 left: -4px;
 overflow: visible
}
.card3:nth-of-type(1) .iconNumber::before {
 background: url("../img/index/icon_01.png") no-repeat center / contain;
}
.card3:nth-of-type(2) .iconNumber::before {
 background: url("../img/index/icon_02.png") no-repeat center / contain;
}
.card3:nth-of-type(3) .iconNumber::before {
 background: url("../img/index/icon_03.png") no-repeat center / contain;
}
.card_ttl {
 font-size: 2.1rem;
 font-weight: 700;
 height: 67px;
 line-height: 64px;
 padding-left: 77px;
}
.newline {
 height: auto !important;
 line-height: 1.5
}
.card3_group {
 margin-left: auto;
 margin-right: auto;
 max-width: 1170px;
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.card3_group li:not(:nth-child(3n-2)) { /*3の倍数、右から2番目まで*/
 margin-left: 30px;
}
.card3 {
 width: calc((100% - 30px * 2) / 3); /*マージン2箇所/3列*/
 background: #fff;
 height: auto;
 /*   border-radius: 8px; */
 overflow: hidden;
 box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
}
@media screen and (max-width: 1246px) {
 .reason_obi {
  /* 	height:380px;
  margin-top:-500px; */
  display: none
 }
 .card3_group_container {
  /*! margin-top: 13rem; */
  padding-bottom: 8rem;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  background: linear-gradient(180deg, #fff 0%, #fff 14%, #1a842d 14%, #1a842d 100%);
 }
 .card3_group {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
 }
 .card3 {
  width: calc((100% - 30px * 2) / 2);
 }
 .card3_group li:last-child {
  margin-left: 0;
  margin-top: 30px
 }
}
@media screen and (max-width: 860px) {
 .card3_group {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
 }
 .card3 {
  width: calc((100% - 30px * 2) / 2);
 }
 .card3_group li:last-child {
  margin-left: 0;
  margin-top: 30px
 }
 .card_ttl_inline {
  display: none
 }
}
@media screen and (min-width: 600px) and (max-width: 860px) {
 .iconNumber::before {
  width: 7.79vw;
  height: 7.44vw;
 }
 .card_ttl {
  font-size: 2.44vw;
  line-height: normal;
  padding-left: 8.95vw;
 }
}
@media screen and (max-width: 599px) {
 .card3_group_container {
  margin-top: 6rem;
 }
 .card3_group {
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center
 }
 .card3 {
  width: 100%;
  max-width: 100%;
 }
 .card3_group li:not(:first-child) {
  margin-left: 0;
  margin-top: 30px
 }
 .card_ttl_inline {
  display: none
 }
}
@media screen and (max-width: 428px) {
 .iconNumber::before {
  width: 15.65vw;
  height: 14.95vw;
 }
 .card_ttl {
  font-size: 4.91vw;
  padding-left: 17.99vw;
  line-height: 14.95vw;
 }
 .card_txt {
  font-size: 1.5rem
 }
 .newline {
  line-height: 1.5
 }
}
/*---------------------------------
  OUTLINE
---------------------------------*/
.outline_table_wrap {
 max-width: 900px;
 margin: auto
}
.table-02 {
 width: 100%;
 border-collapse: collapse; /*2重枠禁止。*/
 font-size: 16px;
}
.table-02 tr {
 border-top: 1px solid #BEC9C0;
 border-bottom: 1px solid #BEC9C0;
}
.table-02 td {
 border: none;
 text-align: left;
 vertical-align: middle;
 padding: 16px 60px;
}
.table-02 th {
 text-align: center;
 padding: 16px;
 width: 22%;
 font-weight: bold;
 border-bottom: 2px solid #9CCAA5;
}
.table-02 th:first-child {
 border-top: 2px solid #9CCAA5; /*先頭の線*/
}
@media screen and (max-width: 599px) {
 .table-02 tr {
  border-top: none;
  border-bottom: 1px solid #BEC9C0;
 }
 .table-02 tr:first-child {
  border-top: 1px solid #BEC9C0;
 }
 .table-02 th {
  padding: 10px 20px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  border: none;
  background: #EEF5EF
 }
 .table-02 td {
  padding: 10px 35px;
  display: block;
  font-size: 1.5rem
 }
 .table-02 th:first-child {
  border: none; /*先頭の線をスマホ時は１pxにする*/
 }
}
/*---------------------------------
  CONTACT
---------------------------------*/
.contact_text {
 color: #fff;
 margin: 7rem auto 9rem;
 text-align: center;
 text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.contact_heading {
 color: #fff;
 font-size: 2.1rem;
 margin-left: 35px;
 text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.contact_tel {
 color: #fff;
 font-size: 3.7rem;
 letter-spacing: 0.03em;
 text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.contact_time {
 color: #fff;
 font-size: 1.9rem;
 margin-left: 25px;
 text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.contact_tel::before {
 background: url("../img/common/icon_tel.png")no-repeat left center / contain;
 content: "";
 width: 29px;
 height: 29px;
 display: inline-block;
 margin-right: 5px;
}
.contact_btn a {
 position: relative;
 display: flex;
 justify-content: space-around;
 align-items: center;
 margin: auto 0 auto auto;
 max-width: 319px;
 padding: 12px;
 color: #FFF;
 transition: 0.3s ease-in-out;
 background: #1a842d;
 border-radius: 3px;
 border-radius: 50px;
 overflow: hidden;
 box-shadow: 0px 0px 22px -4px rgba(0, 0, 0, 0.6);
}
.effect_sparkling a:before {
 content: '';
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: -100%;
 background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 55%);
 -webkit-transition: 0.5s;
 transition: 0.6s;
}
.effect_sparkling a:hover:before {
 left: 100%;
}
.contact_btn_icon {
 margin-left: 31px;
}
.contact_btn_icon::before {
 position: absolute;
 top: 15%;
 left: 48px;
 content: "";
 background: url("../img/common/icon_mail.png")no-repeat left center / contain;
 width: 37px;
 height: 37px;
 display: inline-block;
}
.contact_row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 max-width: 762px;
 margin: auto;
}
.contact_row > li {
 width: 50%;
}
.contact_row > li:first-child {
 border-right: 1px solid #D0D4D0;
}
.contact_newline {
 display: none
}
@media screen and (max-width: 800px) {
 .contact_row {
  padding-left: 3%;
  padding-right: 3%
 }
}
@media screen and (max-width: 780px) {
 .contact_row {
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  align-items: center;
  padding: 4rem 8%;
  background-color: rgba(3, 18, 6, 0.3);
  border-radius: 3px;
  margin-left: 5%;
  margin-right: 5%;
 }
 .contact_row > li:first-child {
  border-right: none;
  border-bottom: 1px solid #D0D4D0;
  margin-bottom: 4rem;
  padding-bottom: 3rem;
 }
 .contact_btn a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 319px;
 }
 .contact_row > li {
  width: 100%;
  display: block;
  text-align: center;
 }
 .contact_info {
  display: inline-block;
  text-align: left;
 }
 .contact_text {
  padding-left: 5%;
  padding-right: 5%
 }
}
@media screen and (max-width: 599px) {
 .contact_newline {
  display: block
 }
 .contact_text {
  margin: auto auto 3rem;
 }
}
@media screen and (max-width: 428px) {
 .contact_btn a {
  font-size: 1.5rem;
  width: 236px;
 }
 .contact_btn_icon::before {
  left: 10px;
 }
 .contact_tel {
  font-size: 2.6rem;
  letter-spacing: 0.03em;
  text-align: center
 }
 .contact_time {
  font-size: 1.6rem;
  margin-left: 0;
  text-align: center
 }
 .contact_tel::before {
  width: 18px;
  height: 18px;
 }
 .contact_heading {
  font-size: 2rem;
  margin-left: 0;
  text-align: center
 }
}
/*---------------------------------
  COMPANY 
---------------------------------*/
.history_btn {
 margin-top: 5rem;
}
.history_btn a {
 position: relative;
 display: flex;
 justify-content: space-around;
 align-items: center;
 margin: 0 auto;
 width: 376px;
 padding: 12px 0;
 color: #FFF;
 transition: 0.3s ease-in-out;
 background: #1a842d;
 border-radius: 3px;
 border-radius: 50px;
 overflow: hidden;
}


.history_btn_pict {
 margin-top: 5rem;
}
.history_btn_pict a img{
 width: 376px;

 
}


.external_icon {
 margin-left: -10px;
 font-size: 1.6rem;
}
.external_icon::after {
 position: absolute;
 top: 36%;
 right: 18px;
 content: "";
 background: url("../img/common/icon_link.png")no-repeat left center / contain;
 width: 17px;
 height: 17px;
 display: inline-block;
}
@media screen and (max-width: 1280px) {
 .history_row_textarea {
  margin-right: 7rem
 }
 .history_row:last-child .history_row_textarea {
  margin-right: 0;
  margin-left: 7rem
 }
 .history_row_pict {
  width: 70%
 }
}
@media screen and (max-width: 925px) {
 .history_btn a {
  width: 345px;
 }
 .external_icon {
  font-size: 1.5rem;
  margin-left: -23px;
 }
 .external_icon::after {
  width: 14px;
  height: 14px;
  top: 39%;
 }
}
@media screen and (max-width: 375px) {
 .history_btn a {
  width: 100%;
 }
 .external_icon {
  font-size: 1.4rem;
  margin-left: -23px;
 }
}
@media screen and (max-width: 360px) {
 .external_icon {
  font-size: 1.3rem;
  margin-left: -18px;
 }
 .external_icon::after {
  width: 12px;
  height: 12px;
  top: 40%;
  right: 12px
 }
}
.history_row_textarea {
 color: #fff;
}
.history_row_textarea_ttl {
 font-size: 2.2rem;
 margin-bottom: .3em;
}
.history_row_pict {
 max-width: 572px;
 height: auto
}
.history_row {
 display: flex;
 justify-content: space-between;
 align-items: center
}
.history_row:last-child {
 display: flex;
 justify-content: space-between;
 flex-direction: row-reverse;
 margin-top: 15rem;
}
@media screen and (max-width: 1228px) {
 .history_row_pict {
  max-width: 536px;
  height: auto
 }
}
@media screen and (min-width: 801px) and (max-width: 960px) {
 .history_row_textarea_ttl {
  font-size: 1.9rem;
  margin-bottom: .3em;
 }
 .history_row_textarea_text {
  font-size: 1.4rem;
 }
}
@media screen and (max-width: 800px) {
 .history_btn a {
  margin: 0 auto;
  max-width: 360px;
  width: 100%;
 }
 .history_row {
  flex-direction: column-reverse
 }
 .history_row:last-child {
  flex-direction: column-reverse;
  margin-top: 10rem;
 }
 .history_row_pict {
  max-width: 100%;
  width: 100%;
  height: auto
 }
 .history_row_textarea {
  margin-right: 0;
  margin-top: 3rem;
 }
 .history_row:last-child .history_row_textarea {
  margin-left: 0;
 }
 .history_row_textarea_ttl {
  margin-bottom: 1em;
  font-size: 2rem;
 }
 .history_row_textarea_text {
  font-size: 1.5rem
 }
 .history_btn {
  margin-top: 3rem;
 }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
 .history_row_textarea_ttl {
  font-size: 1.9rem;
  margin-bottom: .3em;
 }
 .history_row_textarea_text {
  font-size: 1.4rem;
 }
 .history_row:last-child {
  margin-top: 5rem;
 }
}
/*---------------------------------
  MESSAGE 
---------------------------------*/
.messageBtm_row_pict .sp_only {
 display: none
}
.messageSign_wrap {
 font-weight: 500;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}
.message_txt {
 margin-bottom: 1.75em;
 line-height: 2.1 /* font-weight: 500 */
}
.messageSign_wrap_inc {
 font-size: 1.6rem;
 margin-right: 1em;
 display: inline-block
}
.messageSign_wrap_name {
 max-width: 148px;
 height: auto
}


/* add20240702 */
.messageSign_wrap2 {
 font-weight: 500;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.messageSign_wrap2_l {
  display: flex;
  flex-direction: column;
}

.messageSign_wrap_inc2 {
 font-size: 1.6rem;
 margin-bottom: .5em;
}
.messageSign_wrap_name2 img{
 max-width: 148px;
 height: auto;
 display: block
}

.messageSign_wrap2_r img{
	max-width: 94px;height: auto;
  margin-left: 1em
}

@media screen and (max-width: 800px) {
.messageSign_wrap2_r img{
	max-width: 75px;
  margin-left: 1em
}
  .messageSign_wrap_name2 img{
 max-width: 97px;
}
  .messageSign_wrap_name2 {
 margin-left:auto
}
  
}

/* add20240702 end */

.message_row {
 color: #fff;
 display: flex;
 flex-direction: row-reverse;
 justify-content: flex-end
}
.message_row_textarea {
 width: calc((100% - 580px) + 30px);
}
.message_row_pict {
 width: 580px;
 margin-right: -30px
}
/* === message - bottom === */
.double_dash::before {
 content: "";
 width: 20px;
 height: 1px;
 background-color: #fff;
 display: inline-block;
 margin-right: 0.5em;
 transform: translateY(-5px)
}
.messageBtm_row {
 /* 	font-weight: 500;	 */
 color: #fff;
 display: flex;
 /*   align-items: center;
  justify-content: space-between */
}
.messageBtm_row_textarea {
 max-width: 550px;
 margin-right: 8rem;
 line-height: 2.1
}
.messageBtm_row_pict {
 max-width: 360px;
}
.messageBtm_row_wrap {
 margin: 13rem auto 9rem;
}
@media only screen and (min-width: 800px) and (max-width: 1200px) {
 .message_row_textarea {
  width: 100%
 }
 .message_row_pict {
  max-width: 480px;
  width: 100%;
  margin-right: -30px
 }
}
@media screen and (max-width: 1024px) {
 .messageBtm_row_textarea {
  max-width: 550px;
  width: 100%;
  margin-right: 7rem;
 }
 .messageBtm_row_pict {
  max-width: 326px;
  width: 100%;
 }
 .messageBtm_row_wrap {
  margin: 13rem auto 9rem;
 }
}
@media screen and (max-width: 799px) {
 .messageBtm_row_wrap {
  margin: 7rem auto 11rem;
 }
 .message_row {
  display: flex;
  flex-direction: column-reverse;
  align-items: center
 }
 .message_row_textarea {
  width: 100%;
  max-width: 100%;
 }
 .message_row_pict {
  max-width: 580px;
  width: 100%;
  margin: 6rem auto;
 }
 .messageBtm_row {
  display: flex;
  flex-direction: column;
  align-items: center
 }
 .messageBtm_row_textarea {
  max-width: 100%;
  width: 100%;
  margin-right: 0;
  margin-bottom: 5rem
 }
 .messageBtm_row_pict .pc_only {
  display: none
 }
 .messageBtm_row_pict .sp_only {
  display: block
 }
}
@media screen and (max-width: 599px) {
 .messageBtm_row_wrap {
  margin: 6rem auto 6rem;
 }
 .message_txt {
  font-size: 1.5rem;
  margin-bottom: 1.75em
 }
 .messageSign_wrap_inc {
  font-size: 1.2rem;
  margin-right: 1em;
  display: inline-block
 }
 .messageSign_wrap_name {
  max-width: 100px;
  height: auto
 }
 .messageBtm_row_textarea {
  font-size: 1.5rem;
 }
 .messageBtm_row_textarea {
  margin-bottom: 3rem
 }
}
/*---------------------------------
  ACCESS
----------------------------*/
.ggmap_wrap {
 max-width: 1070px;
 margin: 3rem auto;
}
.ggmap iframe {
 width: 100%;
 aspect-ratio: 16/9;
 height: 490px
}
@media screen and (max-width: 1070px) {
 .ggmap_wrap {
  padding-left: 5%;
  padding-right: 5%
 }
 .ggmap iframe {
  height: auto
 }
}
.copyright {
 font-size: 1.4rem;
 color: #ccc;
 text-align: center
}
/*---------------------------------
  FOOTER
----------------------------*/
.footer_container {
 background: #1c1c1c;
 padding: 5rem 0 4rem;
}
.copyright {
 font-size: 1.4rem;
 color: #ccc;
 text-align: center;
 padding: 8rem 0 0;
}
.footer_info {
 color: #fff;
 font-weight: 500;
 white-space: nowrap
}
.footer_info_inc {
 font-size: 2.2rem;
}
.footer_info_add {
 font-size: 1.4rem;
}
.footer_info_tel {
 font-size: 1.6rem;
}
.footer_info_number {
 font-size: 2rem;
}
.footer_menu {
 display: flex;
 align-items: center;
}
.footer_menu li {
 margin-right: 2em
}
.footer_menu li a {
 color: #ccc;
 font-size: 1.4rem
}
.footer_row {
 max-width: 1200px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: flex-start
}
.footer_menu_insta img {
 max-width: 26px;
 height: auto
}
@media screen and (max-width: 1250px) {
 .footer_container {
  padding-left: 5%;
  padding-right: 5%
 }
 .footer_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 600px;
 }
}
@media screen and (max-width: 1024px) {
 .footer_row {
  flex-direction: column;
 }
 .footer_menu {
  justify-content: flex-start;
  margin-top: 3rem
 }
 .footer_menu li {
  margin-bottom: 3rem
 }
 .copyright {
  padding: 2rem 0 0;
 }
}
@media screen and (max-width: 599px) {
 .footer_info {
  text-align: center
 }
 .footer_row {
  flex-direction: column;
  align-items: center;
 }
 .footer_menu {
  justify-content: center;
  margin-top: 3rem
 }
 .footer_menu li {
  margin: 0 3rem 3rem
 }
 .copyright {
  font-size: 1.4rem;
  padding: 2rem 0 0;
 }
}
/* ==================================
	MV
================================== */
.mv_pict {
 max-width: 1360px;
 height: 500px;
 width: 100%;
 height: auto;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 5
}
.mv_bg {
 height: 560px;
 position: absolute;
 top: 27%;
 left: 0;
 width: 100%;
 background: linear-gradient(90deg, #1a842d 0%, #1a842d 60%, #fff 60%, #fff 100%);
}
.mv_txt {
 line-height: 1.3;
 background: #fff;
 padding: 3.8rem 3rem 3rem 4.5rem;
 font-size: 34px;
 font-weight: 500;
 color: #000;
 position: absolute;
 top: 19%;
 left: 183px;
 z-index: 10;
}
.mv_bigTxt {
 font-size: 69px;
 font-weight: 900;
 display: inline-block;
 padding-right: .1em
}
.mv_container {
 position: relative;
 min-height: 1140px;
}
.mv_pict .sp_only {
 display: none
}

.mv_btn img{
max-width: 460px;
height: auto
}

.mv_btn {
 position: absolute;
 top: 40%;
 left: 162px;
 z-index: 10;
}

@media screen and (max-width: 1366px) {
 .mv_container {
  min-height: 58.57vw; /*800px*/
 }
 .mv_pict {
  max-width: 100%;
  height: 500px;
 }
 .mv_txt {
  line-height: 1.3;
  padding: 3.8rem 3rem 3rem 4.5rem;
  font-size: 34px;
  top: 34%;
  left: 5%;
 }
 .mv_bg {
  height: auto;
  top: 27%;
  left: 0;
 }
  .mv_btn {
 position: absolute;
 top:510px;
 left: 4%;
 z-index: 10;
}
}

@media screen and (max-width: 1116px) {
  .mv_btn {
 position: absolute;
 top:76%;
 left: 3%;
 z-index: 10;
}
}

@media screen and (max-width: 960px) {
 .mv_txt {
  padding: 3.3rem 2.7rem 2.7rem 4.2rem;
  font-size: 26px;
  top: 29%;
  left: 3%;
 }
 .mv_bigTxt {
  font-size: 55px;
 }
  .mv_btn img{
max-width: 360px;
height: auto
}
    .mv_btn {
 position: absolute;
 top:70%;
 left: 1%;
 z-index: 10;
}
}

@media screen and (max-width: 768px) {
 .mv_btn {
 position: absolute;
 top:320px;
 left: 1%;
 z-index: 10;
}

}
@media screen and (max-width: 720px) {
 .mv_btn {
 position: absolute;
 top:74%;
 left: 1%;
 z-index: 10;
}
    .mv_btn img{
max-width: 338px;
  }
  
}


@media screen and (max-width: 599px) {
 .mv_pict .pc_only {
  display: none
 }
 .mv_pict .sp_only {
  display: block
 }
   .mv_btn {
 position: absolute;
 top:50%;
 left: 0%;
 z-index: 10;
}
    .mv_btn img{
max-width: 432px;
padding-top: 1em
  }
}
@media screen and (max-width: 480px) {
 .mv_txt {
  left: 0;
  line-height: 1.2;
  box-sizing: border-box;
  padding: 3rem 2.5rem 2.7rem 3.3rem;
  font-size: calc(18px + 8 * (100vw - 320px)/160);
 }
 .mv_bigTxt {
  font-size: calc(33px + 22 * (100vw - 320px)/160);
 }
     .mv_btn {
 position: absolute;
 top:50%;
 left: 0%;
 z-index: 10;
}
    .mv_btn img{
max-width: 380px; 

  }
}
.access_info {
 color: #fff;
 max-width: 1070px;
 margin: auto;
 font-size: 1.5rem;
 line-height: 2;
}
.access_info_inc {
 font-weight: 900;
 font-size: 2rem;
}
.arrow {
 display: inline-block;
 position: relative;
 /*! padding-top: 10px; */
 padding-right: 65px;
 padding-left: 0px;
 /*! padding-bottom: 10px; */
 color: #fff;
 text-decoration: underline;
}
.arrow::after {
 content: "";
 display: block;
 position: absolute;
 top: 8px;
 bottom: 0;
 right: 10%;
 margin: auto;
 width: 35px;
 height: 10px;
 border-bottom: 1px solid #fff;
}
.arrow::before {
 content: "";
 display: block;
 position: absolute;
 top: 8px;
 bottom: -13px;
 right: 10%;
 margin: auto;
 width: 20px;
 height: 12px;
 border-top: 1px solid #fff;
 -webkit-transform: rotate(20deg);
 transform: rotate(20deg);
}
@media screen and (max-width: 405px) {
   .mv_btn {
 position: absolute;
 top:50%;
 left: 0%;
 z-index: 10;
}
    .mv_btn img{
max-width: 81.48vw/*330px*/;
  } 
}

@media screen and (max-width: 1070px) {
 .access_info {
  padding-left: 5%;
  padding-right: 5%
 }
}
/* ==================================
	curtain scroll
================================== */
/*
div.colorbox{
    position: relative;
    width: 100%;
    margin: 30px auto 30px;
}
div.colorbox div.color{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  background-color: rgba(28, 30, 28, .3);
}
div.colorbox img{
    display: block;
    width: 100%;
}
*/
.top-op, .top-op2 {
 position: fixed;
 top: 0;
 left: 0;
 margin: 0 auto;
 width: 100%;
 height: 100vh;
}
.top-op {
 z-index: 99;
 background: #1a842d;
 animation-duration: 0.7s;
 animation-delay: 0.3s;
 animation-fill-mode: forwards;
 animation-name: top-op;
}
@keyframes top-op {
 0% {
  width: 100%;
  left: 0;
 }
 50% {
  width: 100%;
 }
 100% {
  width: 0%;
  left: 100%;
 }
}
#op {
 width: 100%;
 height: 100%;
 background-color: #1a842d;
 position: absolute;
 top: 0;
 z-index: 9999;
 animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77, 0, .175, 1), secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77, 0, .175, 1);
 animation-fill-mode: both;
 position: fixed;
 top: 0;
 left: 0;
 margin: 0 auto;
 width: 100%;
 height: 100vh;
}



@keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@keyframes secondaryImageOverlayIn {
 0% {
  width: 0;
 }
 100% {
  width: 100%;
 }
}

@keyframes secondaryImageOverlayOut {
 0% {
  transform: translateX(0);
 }
 100% {
  transform: translateX(102%);
 }
}
.fadeInDownTrigger, .fadeInUpTrigger, .fadeInTrigger, .fadeInLeftTrigger, .fadeInRightTrigger .zoomInTrigger {
 opacity: 0;
}
.animate__delay-03s {
 animation-delay: 0.3s;
}
.animate__delay-05s {
 animation-delay: 0.5s;
}
.animate__delay-08s {
 animation-delay: 0.8s;
}

/* トラックメイのアニメーション　*/

.mei_pict {
  max-width: 165px;
  height: auto;
  display: block;
 margin-left: auto;
}


.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: all 1.5s ease;
}
.fadeIn_right.is-show {
  transform: translate(-5%, 0);
  opacity: 1;
}

@media screen and (max-width: 800px) {
  .mei_pict {
  max-width: 120px;
 margin-top:2em;
    margin-right: -3%
}
  
}