@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

#wrap{
}

#Content_feature * {
    color: #000000;
  font-family: 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#Content_feature{
	position: relative;
	background-color: #ffffff;
	margin-bottom: 20px;
}
#Content_feature a{
	color: #000 !important;
	text-decoration: none;
}
#Content_feature img{
	max-width: 100%;
}
#Content_feature .article_inner{
	margin: 0 auto;
  max-width: 1000px;
}
#Content_feature .article_inner:has(.specialBox){
	padding-bottom: 127px;
}
#Content_feature .inner{
  margin: 0 auto;
  max-width: 800px;
}/*
#Content_feature .btn a{
	background: #082C5C;
	border-radius: calc(infinity * 1px);
}*/
@media (max-width: 820px) {
	#Content_feature .inner{
		max-width: 390px;
 		margin: auto;
		padding-left: 2.6%;
		padding-right: 2.6%;
	}
	#Content_feature .innerBox{
		max-width: 390px;
 		margin: auto;
		padding-left: 2.6%;
		padding-right: 2.6%;
	}
}/*-SP tablet-*/
@media (max-width: 390px) {
	#Content_feature .inner{
		padding-left: 5.1%;
		padding-right: 5.1%;
	}
	#Content_feature .innerBox{
		padding-left: 5.1%;
		padding-right: 5.1%;
	}
}/*-SP-*/
#Content_feature .flex{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width: 769px){
#Content_feature .pcFlex{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
  /*justify-content: space-between;*/
	flex-wrap: wrap;
}
}/*-PC only-*/

/* mainvisual */
.mainvisual{
	background: #fff7ee url(images/mv_bg.png) no-repeat center top / auto 1200px;
	padding: 42px 24px;
	text-align: center;
}
.mainvisual .mainvisual_inner{
	background-repeat: repeat-x, repeat-x;
	background-position: left top, left bottom;
	background-image:
		url(images/mv_line.svg),
		url(images/mv_line.svg);
		background-size: auto 16px;
}
.mainvisual .article_inner{
	padding-block: 86px;
}
@media (max-width: 820px) {
}/*-SP tablet-*/


@media (max-width: 820px) {
#Content_feature .article_inner > div{
	margin-left: auto;
	margin-right: auto;
}
}/*-SP tablet-*/

/* .h2 */
#Content_feature h2.contTi{
	margin-bottom: 40px;
	text-align: center;
}
@media (max-width: 820px) {
	#Content_feature h2.contTi{
		margin-bottom: 25px;
	}
}/*-SP tablet-*/


#book{
	padding-block: 50px 88px;
	background-color: #f4e9dc;	
}
#book .innerBox.flex{
	gap: 80px 5.6%;
}
#book .detailBox h3{
	margin-bottom: 18px;
	font-size: 0;
	text-align: left;
}
#book .detailBox h2 img{
	height: 158px;
	width: auto;
}
#book #bookNippori.detailBox h2 img{
	aspect-ratio: 319 / 158;
}
#book #bookYanaka.detailBox h2 img{
	aspect-ratio: 277 / 158;
}
#book .detailBox .flex{
	gap: 20px;
}
#book .detailBox .txts p{
	font-size: 17px;
	line-height: 2.18;
  letter-spacing: -0.025em;
}
#book .detailBox .imgs figure{
	margin-bottom: 30px;
}
#book .detailBox .imgs .btn{
	margin-top: 10px;
  text-align: center;
}
#book .detailBox .imgs .btn a{
	display: block;
	width: min(92%, 230px);
	font-size: 0;
  margin: auto;
}

@media (max-width: 820px) {
#book .detailBox .flex{
	flex-direction: column;
}
  #book .detailBox .imgs figure{
    text-align: center;
  }
  #book .detailBox .imgs figure img{
    height: 370px;
    width: auto;
  }  
}/*-SP tablet-*/
@media (min-width: 821px) {
#book .detailBox{
	width: 47.2%;
}
#book .detailBox .flex{
	flex-direction: row-reverse;
}
#book .detailBox .txts{
	flex: 1;
	transform: translateY(-10px);
}
#book .detailBox .imgs{
	width: 252px;
}
}/*-PC only-*/
@media (min-width: 821px) and (max-width: 1089px) {
}
@media (min-width: 1090px)  {
}/*-PC only-*/


#map{
	position: relative;
	padding-block: 105px 80px;
	background-color: #ffffff;		
	z-index: 1;
}
#map .article_inner{

}
#map h2{
	position: relative;
	margin-bottom: 0;
	text-align: left;
	z-index: 2;
}
.article_inner h2.tiImg img{
	width: min(100%, 735px);
	aspect-ratio: 735 / 119;
}


#map ol.flex{
	margin-top: 54px;
	gap: 57px 5.7%;
}
#map ol.flex li{
	list-style: none;
	margin-left: 0;
}
#map ol.flex li h3{
	font-size: 0;
}
#map ol.flex li p{
	font-size: 17px;
	line-height: 1.88em;
}

@media (max-width: 820px) {
#map h2{
	margin-bottom: 30px;
	text-align: center;
}
}/*-SP tablet-*/
@media (min-width: 821px) {
figure.mapImg {
	position: relative;
  margin-top: max(-9.2%, -92px);
	z-index: 1;
}
#map ol.flex li{
	width: calc((100% - 5.7% * 2) / 3);
}
#map ol.flex li h3{
	display: grid;
	align-items: self-end;
	height: 83px;
}
}/*-PC only-*/
@media (min-width: 821px) and (max-width: 1089px) {
}
@media (min-width: 1090px)  {
}/*-PC only-*/


#charactor{
	padding-block: 80px 70px;
	background-color: #f4e9dc;	
}
#charactor .article_inner{

}
#charactor h2{
	margin-bottom: 60px;
	text-align: center;
	font-size: 0;
}
#charactor .charactorTag{
	margin-bottom: 10px;
	display: flex;
	gap: 8px;
}
#charactor .charactorTag img{
	height: 38px;
	width: auto;
}
#charactor ul.flex{
	gap: 50px 5%;
}
#charactor ul li{
	padding-inline: 25px;
}
#charactor ul li figure{
	width: 100%;
	aspect-ratio: 1 / 1;
}
#charactor ul li h3{
	margin-block: 18px;
	font-size: 0;
	text-align: center;
}
#charactor ul li h3 img{
	height: 53px;
}
#charactor ul li p{
	font-size: 17px;
	line-height: 1.88em;
}
@media (max-width: 820px) {
}/*-SP tablet-*/
@media (min-width: 821px) {
#charactor ul.flex li{
	width: calc((100% - 5% * 2) / 3);
}
}/*-PC only-*/
@media (min-width: 821px) and (max-width: 1089px) {
}
@media (min-width: 1090px)  {
}/*-PC only-*/


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media (min-width: 821px) {
.sp { display: none !important; }
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media (max-width: 820px) {
.pc { display: none !important; }
}