@charset "utf-8";
/*! Writen  by SCSS */

.container {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .inner_main .t_cap_bg {
    /*bottom: calc(20% / 12);*/
  }
}
.bg1 {
  position: relative;
  z-index: 5;
}
.bg1::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  top: 0;
  background: url("../images/plan/bg.jpg") bottom center/cover;
}
.ttl2 .ttl2_s {
  font-size: 60%;
}
@media screen and (max-width: 480px) {
	.ttl2 .ttl2_s {
	  margin-top: -0.3em;
		display: block;
		line-height: 1.3;
	}
}
/* sec01 */
.sec01 {
}
.sec01_in {
  display: flex;
  justify-content: space-between;
}
.sec01_in li {
  width: 29.83%;
  box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  background: #fff;
  transition: box-shadow 0.3s ease; /* hover時の変化をなめらかに */
}
@media screen and (max-width: 480px) {
  .sec01_in {
    flex-wrap: wrap;
  }
  .sec01_in li {
    width: 80%;
    margin: 0 auto 20px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 24%);
  }
}
/* modal */
.modal_button {
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
}
.modal_button:hover {
  opacity: 0.6;
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.6);
}
/* modal_inn01 */
.modal .modal_inn01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.modal .modal_item01 {
  position: relative;
  background: #fff;
  width: 100%;
  max-height: 90vh;
  max-width: 920px;
  overflow-y: auto;
  box-sizing: border-box;
}
.modal .modal_item01 .inn01 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.modal .modal_item .inn01 img {
  width: 100%;
}
@media screen and (max-width: 480px) {
    
.modal .modal_inn01 {
}
.modal .modal_item01 {
  max-width: 90%;
  max-width: 100%;
    margin: 0 auto;
	
}
.modal .modal_item01 .inn01 {
}
.modal .modal_item .inn01 img {
}
}
/* modal_inn02 */
.modal .modal_inn02 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.modal .modal_item02 {
  position: relative;
  background: #fff;
  width: 100%;
  max-height: 90vh;
  max-width: 920px;
  overflow-y: auto;
  padding: 80px;
  box-sizing: border-box;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.modal .modal_item02 .inn02 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.modal .modal_item02 .inn02 .inn02_l {
  width: 48.7%;
}
.modal .modal_item02 .inn02 .inn02_r {
  width: 42.9%;
}
.inn02_btn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inn02_btn p {
    background: linear-gradient(90deg, #009081, #005344);
    background: linear-gradient(90deg, #a29e93, #504b45);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px;
    width: 590px;
    padding: 8px 5px 6px;
    box-sizing: border-box;
    font-size: clamp(12px, calc(24vw / 11.2), 24px);
    font-size: clamp(12px, calc(23vw / 11.2), 23px);
    font-size: clamp(12px, calc(17vw / 11.2), 17px);
    letter-spacing: 0.1em;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    color: #fff;
}.inn02_link{
  background: linear-gradient(90deg, #009081, #005344);
  background: linear-gradient(90deg, #a29e93, #504b45);
  display:flex; justify-content:center; align-items:center;
  min-height:45px; width:590px; padding:5px;
  box-sizing:border-box;
  font-size: clamp(12px, calc(23vw / 11.2), 23px);
  letter-spacing:.05em; line-height:1.3; font-weight:600;
  text-align:center; color:#fff; text-decoration:none;
  border-radius:4px;                    /* お好みで */
}
.inn02_link:hover{ opacity:.9; }
@media screen and (max-width: 480px) {
.modal .modal_inn02 {
}
.modal .modal_item02 {
  max-width: 90%;
  padding: 20px;
    margin: 0 auto;
}
.modal .modal_item02 .inn02 {
    flex-wrap: wrap;
}
.modal .modal_item02 .inn02 .inn02_l {
  width: 100%;
    margin-bottom: 20px;
}
.modal .modal_item02 .inn02 .inn02_r {
  width: 100%;
    margin-bottom: 20px;
}
.inn02_btn{
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-inline: auto;
}
.inn02_btn p {
    min-height: 40px;
    width: 100%;
}
  .inn02_link{ width:100%; min-height:40px; }
    
}
/* modal_inn03 */
.modal .modal_inn03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.modal .modal_item03 {
  position: relative;
  background: #fff;
  width: 100%;
  max-height: 90vh;
  max-width: 920px;
  overflow-y: auto;
  padding: 80px 40px 80px 80px;
  box-sizing: border-box;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.modal .modal_item03 .inn03 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.modal .modal_item03 .inn03 .inn03_l {
  width: 36.5%;
}
.modal .modal_item03 .inn03 .inn03_r {
  width: 60.3%;
}
.inn03_btn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inn03_btn p {
    background: linear-gradient(90deg, #009081, #005344);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
/*    font-size: clamp(12px, calc(24vw / 11.2), 24px);*/
    font-size: clamp(12px, calc(23vw / 11.2), 23px);
    letter-spacing: 0.05em;
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 480px) {
.modal .modal_inn03 {
}
.modal .modal_item03 {
  max-width: 90%;
  padding: 20px;
    margin: 0 auto;
}
.modal .modal_item03 .inn03 {
    flex-wrap: wrap;
}
.modal .modal_item03 .inn03 .inn03_l {
  width: 100%;
    margin-bottom: 20px;
}
.modal .modal_item03 .inn03 .inn03_r {
  width: 100%;
}
    
}
/* modal_close */
.modal .modal_close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
}
.modal .modal_close:hover {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .modal .modal_close {
    top: 5px;
    right: 5px;
    width: 20px;
  }
}

/* sec02 */
.sec02 {
    padding: 130px 0;
}
.sec02_in {
  max-width: 1020px;
    margin: 0 auto;
display: flex;
    justify-content: space-between;
}
.sec02_in li {
  width: 29.42%;
}
.sec02_in li a {
	display: block;
  box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  background: #fff;
  transition: box-shadow 0.3s ease; /* hover時の変化をなめらかに */
}
@media screen and (max-width: 480px) {
.sec02 {
    padding: 30px 0;
}
  .sec02_in {
    flex-wrap: wrap;
  }
  .sec02_in li {
    width: 80%;
      margin: 0 auto 20px;
  }
.sec02_in li a {
    box-shadow: 0 4px 12px rgb(0 0 0 / 24%);
}
}

/* sec03 */
.sec03 {
    padding: 90px 0 120px;
    display: flex;
    justify-content: center;
}
  .sec03_in {
      width: 100%;
      display: flex;
    justify-content: center;
  }
@media screen and (max-width: 480px) {
.sec03 {
    padding: 30px 0 40px;
}
}
    
    
    
.text_125{
    font-size: 125%;
}