@charset "utf-8";
/*----------------------------------------------------
	背景
----------------------------------------------------*/
.block { display: table; margin: 0 auto; } /* 可変の要素を中央に */
.full { margin: 0 calc(50% - 50vw); width: 100vw; }

.box {
 margin: 0 calc(50% - 50vw);
 padding: 0 calc(50vw - 50%);
 width: 100vw; }

.bg_beige { background: #f6f1ed; }
.bg_red { background: #f49392; }
.bg_orange { background: #f6b978; }
.bg_yellowgreen { background: #96dc7e; }
.bg_green { background: #00af91; }
.bg_pailgreen { background: #73d6be; }
.bg_lightgreen { background: #eaf8e5; }
.bg_mintgreen { background: #73d6be; }
/*----------------------------------------------------
	見出し
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ol, ul, table, dt, dd { line-height: 2.0; }
h1 {  }
h2 {  }
h3 {  }
p {  }

.ttlTop { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 4rem; color: #fff; text-align: center; letter-spacing: 0.15em; margin-top: 2.5rem; padding: 10px 0; }

/*----------------------------------------------------
	リスト
----------------------------------------------------*/
ul.ulList { list-style: none; line-height: 2.4; }
ul.ulList li:before { content: "■"; padding: 0 0.3em 0 0; font-size:100%; vertical-align: top; }
ul.ulList li { display: table-row; font-size: 1.8rem; letter-spacing: 0.1em; }
ul.ulList li:after { content: ""; display: block; padding-bottom: 0.3em; }
ul.ulList li:last-child:after { padding-bottom: 0; }

.inner04-2 .color-mg { padding-left: 1rem; }
.color-mg li:before { color: #73d6be; }

.inner05 .ulList li { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 1.9rem; letter-spacing: 0.15em; }
@media screen and (max-width: 575px) {
 .inner05 .ulList li { font-size: 1.7rem; letter-spacing: 0.1em; }
}
.color-yg li:before { color: #96dc7e; }

/*----------------------------------------------------
	画像
----------------------------------------------------*/
.full img { width:100%; }
.container-consider img { width:100%; }

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/ 
.container-concept { margin: 30px auto; padding: 15px 0; background: url(../img/top/img_concept.png) no-repeat right center / auto 100%; }
.ttl-concept { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 2.4rem; color: #4cc7b2; letter-spacing: 0.2em; }
.ttl-concept span { font-size: 4.8rem; letter-spacing: 0.22em; vertical-align: -8%;  }
.txt-concept { line-height: 3.0; }

@media screen and (min-width: 576px) and (max-width: 730px) {
.container-concept { background: url(../img/top/img_concept.png) no-repeat right center / auto 70%; } }

@media screen and (max-width: 575px) {
  .container-concept { background: none; }
  .ttl-concept { letter-spacing: 0.15em; }
  .ttl-concept span { font-size: 4.0rem; letter-spacing: 0.2em; }
  .txt-concept { line-height: 2.3; text-align: justify; }
  .img-concept { margin-top: 15px; }
}

.inner01 { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-right: 15px; }
.inner01-mini { max-width: 400px; }
.ttl-consider { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 4.0rem; color: #EE5957; letter-spacing: 0.1em; }
.txt-consider { font-size: 1.8rem; letter-spacing: 0.05em; text-align: justify; }
.btn-consider { margin-top: 15px; }
.img-consider { padding: 45px 0; }

@media (max-width: 575px) {
  .container-consider { padding: 40px 0; }
  .inner01 { padding-right: 0; }
  .ttl-consider { font-size: 3.5rem; }
  .img-consider { padding: 40px 0 15px; }
}

/*----------------------------------------------------
	施設案内ページ
----------------------------------------------------*/ 
.box-facilities { margin: 5rem auto 6.5rem; padding: 15px 0; background: url("../img/facilities/mv_top.png") no-repeat right center / auto 100%; }
.ttl-facilities { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 2.4rem; color: #F19028; line-height: 2.0; letter-spacing: 0.2em; }
.txt-facilities { margin-top: 15px; line-height: 3.0; letter-spacing: 0.15em; }

@media screen and (min-width: 576px) and (max-width: 730px) {
  .box-facilities { background: url("../img/facilities/mv_top.png") no-repeat right center / auto 70%; }
}

@media screen and (max-width: 575px) {
  .box-facilities { margin: 2rem auto 3rem; background: none; }
  .ttl-facilities { line-height: 1.9; letter-spacing: 0.09em; }
  .txt-facilities { line-height: 2.3; text-align: justify; }
  .img-facilities { margin-top: 15px; }
}

.box-floor { margin-bottom: 80px; }
.ttl-floor { position: relative; margin-bottom: 35px; padding: 0 65px; text-align: center; font-family: 'M PLUS Rounded 1c', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; color: #ffb4b9; }
.summer { color: #96dc7e; }
.autumn { color: #ffc300; }
.ttl-floor:before { position: absolute; top: calc(60% - 10px); left: 0; width: 100%; height: 10px; content: ''; background: linear-gradient(to right, #ffb4b9 0%, #FFFFFF 30%, #FFFFFF 70%, #ffb4b9 100%); }
.summer:before { background: linear-gradient(to right, #96dc7e 0%, #FFFFFF 30%, #FFFFFF 70%, #96dc7e 100%); }
.autumn:before { background: linear-gradient(to right, #ffc300 0%, #FFFFFF 30%, #FFFFFF 70%, #ffc300 100%); }
.Ll { position: relative; padding: 0 1em; background: #fff; font-size: 3.5rem; letter-spacing: 0.12em; }
.Sl { font-size: 2rem; }
.map-floor { padding-right: 4%; text-align: center; }
.img-floor { margin: 0 0 40px; }

@media screen and (max-width: 575px) {
  .Ll { font-size: 3.2rem; line-height: 1.0; }
  .Sl { font-size: 2rem; }
  .map-floor { width: 90%; margin: 0 auto; padding-right: 0; }
  .img-floor { margin: 40px 0; }
}

.box-care { padding: 75px 0 50px; }
.img-care { padding-right: 20px; }
.ttl-care { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 2.4rem; color: #F19028; line-height: 2.0; letter-spacing: 0.2em; }
.txt-care { margin-top: 15px;  line-height: 2.5; letter-spacing: 0.12em; }
.inner02 { margin-top: 50px; font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; }
.innerL { max-width: 300px; padding: 0 2% 0 0; }
.innerC { max-width: 300px; padding: 0 1%; }
.innerR { max-width: 300px; padding: 0 0 0 2%; }

@media screen and (max-width: 575px) {
  .img-care { padding-right: 0; }
  .ttl-care { margin-top: 15px; line-height: 1.9; }
  .txt-care { line-height: 2.3; }
  .inner02 { margin-top: 30px; }
  .innerL { padding: 0 2% 0 0; }
  .innerC { padding: 0 0 0 2%; }
  .innerR { padding: 0 2% 0 0; }
}

/*----------------------------------------------------
	入居案内ページ
----------------------------------------------------*/ 
.box-inquiry { margin: 5rem auto 7.5rem; padding: 1.5rem 0; background: url("../img/guide/mv_top.png") no-repeat right center / auto 100%; }
.txt-inquiry { margin-top: 1.5rem; line-height: 3.0; letter-spacing: 0.15em; }

@media screen and (min-width: 650px) and (max-width: 799px) {
  .box-inquiry { background: url("../img/guide/mv_top.png") no-repeat right center / auto 90%; }
  .txt-inquiry { line-height: 2.5; }
}
@media screen and (min-width: 576px) and (max-width: 649px) {
  .box-inquiry { background: url("../img/guide/mv_top.png") no-repeat right center / auto 80%; }
  .txt-inquiry { line-height: 2.5; }
}
@media screen and (max-width: 575px) {
  .box-inquiry { margin: 2rem auto 3rem; background: none; }
  .txt-inquiry { line-height: 2.3; text-align: justify; }
  .img-inquiry { margin-top: 1.5rem; }
}

.ttlB-guide { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 3rem; color: #ee5957; position: relative; padding: 0 50px; text-align: center; letter-spacing: 0.2em; margin-bottom: 5.5rem; }
.ttlB-guide:before { position: absolute; top: calc(53% - 1px); left: 0; width: 100%; height: 2px; content: ''; background: #ee5957; }
.ttlB-guide span { position: relative; padding: 0 1em; background: #fff; }

.inner-guide { margin-bottom: 3rem;  padding: 2rem 2.5rem; align-items: center; }
.ttl-guide { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 3rem; color: #ee5957; padding-left: 2rem; letter-spacing: 0.15em; }
.txt-guide { line-height: 2.4; letter-spacing: 0.15em; text-align: justify; }
.icon-guide { margin: 3.5rem auto; text-align: center; }

@media screen and (max-width: 575px) {
  .ttlB-guide { font-size: 2.8rem; padding: 0 30px; letter-spacing: 0.15em; }
  .inner-guide img { width: 90%; }
  .ttl-guide  { padding-left: 0; padding-left: 1rem; }
  .txt-guide { line-height: 2.0; }
  .icon-guide { margin: 2.5rem auto; }
}

.box-address { margin: 9rem 0; color: #fff; text-align: center; }
.inner03-1 { padding: 3.5rem 0 4rem; border-right: 2px solid #fff; }
.ttl-address { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 2.7rem; position: relative; padding-bottom: 1rem; }
.ttl-address:before { position: absolute; bottom: -1px; left: calc(51% - 30px); width: 50px; height: 2px; content: ''; background: #fff; }
.txt-address { margin-top: 2rem; }

.inner03-2 { padding: 3rem 0; }
.tel-address { font-size: 3.2rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #fff; }
.tel-address a { color: #fff; }
.tel-address span { font-size: 4rem; }
.btn-address { margin-top: 1.5rem; padding: 1.5rem 4rem 1.5rem 7rem; color: #f49392; background: #fff; border: #fff 2px solid; }
.btn-address:hover { color: #fff; background: #f49392; border: #fff 2px solid; }
.btn_mail:after { font-family: 'Material Icons'; position: absolute; top: 51%; transform: translateY(-50%); left: 4rem; content: 'mail_outline'; font-size: 2.5rem; }

@media screen and (max-width: 575px) {
  .inner03-1 { padding: 3rem 0 4rem; border-right: none; border-bottom: 2px solid #fff; }
}

/*----------------------------------------------------
	私たちの想いページ
----------------------------------------------------*/ 
.box-greeting { margin-bottom: 6.5rem; padding: 10rem 0; background: url("../img/about/bg_pc.png") no-repeat center top / contain; }
.ttl-greeting { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 2.3rem; color: #00af91; letter-spacing: 0.2em; }
.t01 { display: inline-block; padding: 0.3rem 4.0rem; border-top: 2px solid #73d6be; border-bottom: 2px solid #73d6be; letter-spacing: 0.2em; text-shadow: 0px 0px 8px #fff; }
.t02 { font-size: 3rem; letter-spacing: 0.2em; text-shadow: 0px 0px 8px #fff; }

.txt-greeting { margin-top: 1.2rem; line-height: 3.0; letter-spacing: 0.15em; text-align: justify; }
.txt-name01 { font-size: 1.8rem; margin-top: 1rem; letter-spacing: 0.13em;}
.txt-name02 { font-size: 1.8rem; letter-spacing: 0.13em; text-align: right; }
.txt-name02 span { font-size: 2.7rem; }

@media screen and (max-width: 575px) {
  .box-greeting { margin-bottom: 8rem; padding: 5rem calc(50vw - 50%) 0; background: url("../img/about/bg_sp.png") no-repeat center top / 100%; }
  .box-greeting dl { text-align: center; }
  .txt-greeting { line-height: 2.3; text-align: justify; }
  .img-greeting01 { margin: 3rem auto 5rem; text-align: center; }
  .img-greeting01 img { width: 80%; }
  .txt-name02 { text-align: center; }
}

.box-about { padding: 9rem 0; }
.inner-about { margin-bottom: 5rem; }
.ttl-about { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 3rem; color: #00af91; position: relative; padding: 0 50px; text-align: center; letter-spacing: 0.2em; margin-bottom: 1rem; }
.ttl-about:before { position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; content: ''; background: #00af91; }
.ttl-about span { position: relative; padding: 0 1em; background: #f6f1ed; }
.txt-about { line-height: 3.0; letter-spacing: 0.09em; text-align: justify; }

table { border-collapse: collapse; font-size: 1.8rem; background-color: #fff; }
table td { border: 1px solid #00af91; padding: 1.1rem 1.5rem; letter-spacing: 0.05em; }
.bg_mintgreen { text-align: center; color: #fff; }

.inner04-2 { padding-top: 1.3rem; border-top: 1px solid #73d6be; border-bottom: 1px solid #73d6be; }
.inner04-2 a, a:hover { color: #006F5C; }

@media screen and (min-width: 576px) and (max-width: 749px){
  table { width: 95%; }
  .tbOnly { display:none; }
}

@media screen and (max-width: 575px) {
  .ttl-about { padding: 0 0; line-height: 1.3; letter-spacing: 0.09em; }
  .ttl-about span { padding: 0 0; }
  .inner04-1 { margin-bottom: 5rem; }
  table { margin: 0 auto; }
  table td { text-align: left; padding: 1.1rem 2.5rem;}
}

/*----------------------------------------------------
	採用情報ページ
----------------------------------------------------*/ 
.box-recruit { margin: 5rem auto 6.5rem; padding: 15px 0; background: url("../img/recruit/mv_top.png") no-repeat right center / auto 100%; }
.ttl-recruit { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 2.5rem; color: #96dc7e; line-height: 1.9; letter-spacing: 0.2em; text-shadow: 0px 0px 10px #fff; }
.txt-recruit { margin-top: 15px; line-height: 3.0; letter-spacing: 0.15em; text-shadow: 0px 0px 5px #fff; }

@media screen and (min-width: 576px) and (max-width: 730px) {
  .box-recruit { background: url("../img/recruit/mv_top.png") no-repeat right center / auto 70%; }
}

@media screen and (max-width: 575px) {
  .box-recruit { margin: 2rem auto 3rem; background: none; }
  .ttl-recruit { line-height: 1.9; letter-spacing: 0.09em; }
  .txt-recruit { line-height: 2.3; text-align: justify; }
  .img-recruit { margin-top: 10px; }
}

.inner05 { padding: 2.5rem 5rem; }
.ttl-staff { font-family: 'Kiwi Maru', "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; font-size: 2.4rem; color: #96dc7e; line-height: 1.9; letter-spacing: 0.2em; margin-bottom: 7px; }

.pl_3 { padding-left: 3rem; }
.txt-staff { display: inline-block; width: auto; margin: 0 auto; padding: 1.1rem 2.5rem; font-size: 1.6rem; line-height: 1.7; border: 1px solid;  text-align: center; }

@media screen and (max-width: 575px) {
  .inner05 { padding: 2.5rem 3.6rem 4rem; }
  .pl_2 { padding-left: 2rem; }
  .txt-staff { margin: 2.5rem auto 0; padding: 1.1rem 5rem; font-size: 1.6rem; }
}