@charset "utf-8";


/* MV */

.contents_mv{
	background-image: url(../image/mv_pc.jpg);
}



/* メインコンテンツ */

#location .contents_area{padding: 8% 0;}

/* 共通パーツ */
.contents_area h3{
	text-align: center;
	max-width: 80%;
	margin: auto;
}
.contents_area h4.en{
	text-align: center;
	font-size: 5.2rem;
	font-weight: 400;
	margin: auto;
}

.contents_area dl{
	text-align: center;
	color: var(--blue);
	padding-top: 48px;
}
.contents_area dt{
  font-size: 3.2rem;
  line-height: 1.6;
  font-weight: 600;
}
.contents_area dd{
  font-size: 1.6rem;
  line-height: 2.4;
  padding-top: 40px;
}


.contents_tab{
	margin: 48px auto 80px;
}
.contents_tab ul{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0 16px;
}
.contents_tab a{
	display: block;
	width: 100%;
	transition: .3s;
}
.contents_tab a:hover{opacity: .7;}

.loc_area_wrap.education,
.loc_area_wrap.topics,
.loc_area_wrap.other{padding: 6% 0 3%;}

.ttl_area{padding: 8% 0;}
.loc_area{padding: 6% 0 8%;}
.loc_area_wrap#matsuiyamate .ttl_area{
	background: #FFFFFF;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(239, 245, 254, 1) 100%);
	color: var(--blue);
}
.loc_area_wrap#matsuiyamate .loc_area{
	background-color: #EFF5FE;
}
.loc_area_wrap#matsuiyamate  dl{color: var(--blue);}
.loc_area_wrap#kuzuha  dl{color: var(--beije);}
.loc_area_wrap.education dl,
.loc_area_wrap.topics dl,
.loc_area_wrap.other dl{color: var(--dark);}
.loc_area_wrap#kuzuha .ttl_area{
	background: #FFFFFF;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 252, 240, 1) 100%);
	color: var(--beije);
}
.loc_area_wrap#kuzuha .loc_area{
	background-color: #FFFCF0;
}
.loc_map{
	margin-top: 40px;
}
.loc_shop_l{
	margin-top: 40px;
}
.pic .icon{
	position: absolute;
	right: 16px; bottom: 16px;
	width: 130px;
}
#matsuiyamate .loc_shop_l h4,
#matsuiyamate .loc_shop_l small{color: var(--blue);}
#kuzuha .loc_shop_l h4,
#kuzuha .loc_shop_l small{color: var(--beije);}
.loc_shop_l h4{
	font-size: 3.2rem;
	line-height: 1.4;
	margin-top: 24px;
}
.loc_shop_l small{
	font-size: 1.2rem;
	margin-top: 16px;
	display: block;
}
.loc_shop_l p{
	color: var(--dark);
	font-size: 1.8rem;
	margin-top: 16px;
}
.loc_shop_s{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px 0;
}
.loc_shop_s li{
	flex-basis: 49%;
}
.loc_shop_s li .txt{
	font-size: 1.4rem;
	line-height: 1.3;
	padding-top: 8px;
}
.loc_shop_s li .txt2{
	font-size: 1.2rem;
	line-height: 1.3;
	padding-top: 6px;
}
#matsuiyamate .shoplist{border: 1px solid var(--blue);}
#matsuiyamate .shoplist .ttl{background: var(--blue);}
#matsuiyamate .shoplist .shopname{color: var(--blue);}
#kuzuha .shoplist{border: 1px solid var(--beije);}
#kuzuha .shoplist .ttl{background: var(--beije);}
#kuzuha .shoplist .shopname{color: var(--beije);}
.shoplist{
	margin-top: 40px;
}
.shoplist .ttl{
	font-size: 1.6rem;
	line-height: 1;
	padding: 12px 16px;
	color: var(--light);
}
.shoplist .shopname{
	font-size: 1.3rem;
	line-height: 2.2;
	padding: 16px;
	background-color: var(--light);
}
.shoplist .shopname span{
	display: inline-block;
}

.other_list_wrap{
	margin-top: 64px;
}
.other_list_wrap h5 span{
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
}
.other_list_wrap h5{
	text-align: center;
	font-size: 4rem;
	font-weight: 400;
	color: var(--blue);
}
.education_list{
	margin-top: 80px;
	background: #EFF5FE;
	padding: 40px;
}
.education_list .ttl{
	color: var(--blue);
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--blue);
}
.education_list .list{
	padding-top: 24px;
	color: var(--dark);
	font-size: 1.4rem;
	line-height: 2.2;
}
.education_list .list span{
	display: inline-block;
}
.education_lib{
	margin-top: 32px;
	background: #FFFCF0;
	padding: 40px;
}
.education_lib {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 0 16px;
}
.education_lib .txt_wrap{
	flex-basis: 52%;
}
.education_lib .txt_wrap .ttl{
	color: var(--beije);
	font-size: 2rem;
	font-weight: 500;
}
.education_lib .txt_wrap .txt{
	color: var(--dark);
	font-size: 1.4rem;
	padding-top: 16px;
	border-top: 1px solid var(--dark);
}
.education_lib .txt_wrap small{
	color: var(--beije);
	font-size: 1.2rem;
	line-height: 1.6;
	display: block;
	font-weight: 500;
	padding-top: 12px;
	padding-bottom: 12px;
}
.education_lib .img_wrap{
	flex-basis: 46%;
}
.topics_img{
	text-align: center;
	margin-top: 32px;
}
.topics_box{
	background: var(--blue);
	color: var(--light);
	padding: 40px 15%;
	margin-top: 80px;
}
.topics_box .ttl{
	font-size: 2.4rem;
	margin-top: 16px;
}
.topics_box .txt{
	font-size: 1.4rem;
	margin-top: 16px;
}

.contents_area.lifeinfo{padding: 0% 0 8% !important;}
.contents_area.lifeinfo h4.en{color: var(--blue);}

.lifeinfo_tab-container {
    display: flex;
    flex-wrap: wrap;
    margin: 5% auto 5%;
  }
.lifeinfo_tab:nth-of-type(1) ,
.lifeinfo_tab:nth-of-type(2) ,
.lifeinfo_tab:nth-of-type(3) {width: calc(100% / 3);}
.lifeinfo_tab:nth-of-type(4) ,
.lifeinfo_tab:nth-of-type(5) {width: calc(100% / 2);}
  .lifeinfo_tab {
    font-weight: 500;
    text-align:center;
    padding: 20px 10px;
    background-color: #EFF5FE;
	border: 2px solid var(--light);
	color: var(--blue);
    cursor: pointer;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .lifeinfo_tab span{
    display: block;
    text-align: center;
  }
  .lifeinfo_tab span.en{
    font-size: 1.8rem;
    line-height: 1;
  }
  .lifeinfo_tab span.ja{
    font-size: 1.2rem;
    line-height: 1;
    padding-top: 4px;
  }

  .lifeinfo_tab.active {
    background-color:var(--blue);
    color: var(--light);
  }

.tab.active {
  background-color:var(--blue);
  color: var(--light);
}

.content-container .content ,
.content-container .lifeinfo_content {
  display: none; /*必須*/
}
.content-container .lifeinfo_content.show,
.content-container .content.show {
  display: block; /*必須*/
}
.lifeinfo{
    padding: 0 0 8%;
}
.lifeinfo h5{
    font-size: 5rem;
    line-height: 1.6;
    color: var(--blue);
    text-align: center;
}
.lifeinfo_list{
    padding-bottom: 3%;
}
.lifeinfo_list h6{
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--blue);
	color: var(--blue);
}
.lifeinfo_list ul{
}
.lifeinfo_list li{
    font-size: 1.6rem;
    line-height: 2.4;
    color: var(--dark);
    flex-basis: 48%;
    display: flex;
    justify-content: space-between;
}
.lifeinfo_list li span{
    display: block;
}
.lifeinfo_map{
    text-align: center;
}





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

#location .contents_inner2{padding: 0 20px;}
    /* MV */
.contents_mv{
	background-image: url(../image/mv_sp.jpg);
}
/* メインコンテンツ */



/* 共通パーツ */

.contents_area dl{
	text-align: center;
	color: var(--blue);
	padding-top: 24px;
}
.contents_area dt{
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 600;
}
.contents_area dd{
  font-size: 1.3rem;
  line-height: 2.4;
  padding-top: 24px;
}

.contents_area h3{
	text-align: center;
	max-width: 80%;
	margin: auto;
}

.contents_area h4.en {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 400;
    margin: auto;
}


.contents_tab{
	margin: 48px auto 48px;
}
.contents_tab ul{
	display: flex;
	flex-direction: column;
	max-width: 80%;
	margin: auto;
	gap: 8px 0;
}

.loc_area_wrap.education,
.loc_area_wrap.topics,
.loc_area_wrap.other{padding: 12% 0 6%;}

.ttl_area{padding: 16% 0;}
.loc_area{padding: 12% 0 16%;}

.loc_map{
	margin-top: 24px;
}
.loc_shop_l{
	margin-top: 24px;
}
.pic .icon{
	width:80px;
}
.loc_shop_l h4{
	font-size: 2.4rem;
	line-height: 1.4;
	margin-top: 16px;
}
.loc_shop_l small{
	font-size: 1.2rem;
	margin-top: 8px;
	display: block;
}
.loc_shop_l p{
	color: var(--dark);
	font-size: 1.3rem;
	margin-top: 16px;
}
.loc_shop_s{
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 32px 0;
}
.loc_shop_s li{
	flex-basis: 49%;
}
.loc_shop_s li .txt{
	font-size: 1.2rem;
	line-height: 1.3;
	padding-top: 8px;
}
.loc_shop_s li .txt2{
	font-size: 1.0rem;
	line-height: 1.3;
	padding-top: 6px;
}
.shoplist{
	margin-top: 24px;
}
.shoplist .ttl{
	font-size: 1.3rem;
	line-height: 1;
	padding: 12px 16px;
	color: var(--light);
}
.shoplist .shopname{
	font-size: 1.1rem;
	line-height: 2.2;
	padding: 16px;
	background-color: var(--light);
}
.shoplist .shopname span{
	display: inline-block;
}

.other_list_wrap{
	margin-top: 32px;
}
.other_list_wrap h5 span{
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
	max-width: 12%;
}
.other_list_wrap h5{
	text-align: center;
	font-size: 3.2rem;
	font-weight: 400;
	color: var(--blue);
}
.education_list{
	margin-top: 64px;
	background: #EFF5FE;
	padding: 32px;
}
.education_list .ttl{
	color: var(--blue);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--blue);
}
.education_list .list{
	padding-top: 16px;
	color: var(--dark);
	font-size: 1.2rem;
	line-height: 2.2;
}
.education_list .list span{
	display: inline-block;
}
.education_lib{
	margin-top: 24px;
	background: #FFFCF0;
	padding: 32px;
}
.education_lib {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 0 16px;
}
.education_lib .txt_wrap{
	flex-basis: 52%;
	margin-top: 16px;
}
.education_lib .txt_wrap .ttl{
	color: var(--beije);
	font-size: 2rem;
	font-weight: 500;
}
.education_lib .txt_wrap .txt{
	color: var(--dark);
	font-size: 1.2rem;
	padding-top: 8px;
	border-top: 1px solid var(--dark);
}
.education_lib .txt_wrap small{
	color: var(--beije);
	font-size: 1.2rem;
	line-height: 1.6;
	display: block;
	font-weight: 500;
	padding-top: 12px;
	padding-bottom: 12px;
}
.education_lib .img_wrap{
	flex-basis: 46%;
}
.topics_img{
	text-align: center;
	margin-top: 24px;
}
.topics_box{
	background: var(--blue);
	color: var(--light);
	padding: 24px;
	margin-top: 80px;
}
.topics_box .ttl{
	font-size: 1.8rem;
	line-height: 1.4;
	margin-top: 16px;
}
.topics_box .txt{
	font-size: 1.3rem;
	margin-top: 12px;
}




.lifeinfo_tab-container {
          display: flex;
          flex-wrap: wrap;
          margin: 5% auto 5%;
        }
        .lifeinfo_tab {
          width: 31%;
          padding: 10px 5px;
          background-color: #F7FBFC;
          cursor: pointer;
          font-weight: 700;
        }
        .lifeinfo_tab span{
          display: block;
          text-align: center;
        }
        .lifeinfo_tab span.en{
          font-size: 1.3rem;
          line-height: 1;
        }
        .lifeinfo_tab span.ja{
          font-size: 1.0rem;
          line-height: 1;
          padding-top: 4px;
        }
		.lifeinfo{
          padding: 0 0 8%;
      }
      .lifeinfo h5{
          font-size: 3.2rem;
          line-height: 1.6;
          color: var(--blue);
          text-align: center;
      }
      .lifeinfo_list{
          padding-bottom: 3%;
      }
      .lifeinfo_list h6{
          font-size: 1.8rem;
          padding-bottom: 8px;
          margin-bottom: 16px;
      }
      .lifeinfo_list ul{
          display: block;
          justify-content: space-between;
          flex-wrap: wrap;
      }
      .lifeinfo_list li{
          font-size: 1.4rem;
          line-height: 1.4;
          color: var(--dark);
          flex-basis: 48%;
          display: block;
          justify-content: space-between;
          margin-top: 12px;
      }
      .lifeinfo_list li span{
          display: block;
      }
      .lifeinfo_list li span.kyori{
        font-size: 1.1rem;
      }
      .lifeinfo_map{
          text-align: center;
          margin-top: 24px;
      }
      .lifeinfo_map .icon{
        text-align: center;
        color: var(--dark);
        line-height: 2;
        margin-top: 16px;
        font-size: 1.3rem;
      }
      .lifeinfo_map .icon span{
        padding-right: 8px;
      }
      .lifeinfo_map .icon span img{
        width: 24px !important;
      }

   
}