@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: #000;
  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%;
	}
}/*-SP tablet-*/
@media (max-width: 390px) {
	#Content_feature .inner{
		padding-left: 5.1%;
		padding-right: 5.1%;
	}
}/*-SP-*/
#Content_feature .flex{
	display:-webkit-box;
  display:-ms-flexbox;
	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-*/


/* maintitle */
.mvTitleWrap{
	margin-inline: auto;
	padding-block: 97px 32px;
	background-image: url(../../features/gotouchi/images/mv_bg_left.svg), url(../../features/gotouchi/images/mv_bg_right.svg);
	background-repeat: no-repeat;
	background-position: 80px 0px, right 46px top 29px;
	background-size: 214px 137px, 266px 161px;
}
.mvTitleWrap .mvLogo{
	display: block;
}
.mvTitleWrap .mvLogo img{
	width: 260px;
}
.mvTitleWrap .mvTitle{
	margin-top: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
}
.mvTitleWrap .mvTitle img:nth-of-type(1){
	width: 41.9%;
	aspect-ratio: 419 / 147;
}
.mvTitleWrap .mvTitle img:nth-of-type(2){
	width: 42.6%;
	aspect-ratio: 426 / 121;
}
@media (max-width: 820px) {
	.mvTitleWrap{
		padding-block: 90px 16px;
		background-position: 0 0, right 0% top 14px;
		background-size: min(38%, 214px) auto, min(46%, 266px) auto;
	}
	.mvTitleWrap .mvLogo img{
		width: 260px;
	}
	.mvTitleWrap .mvTitle{
		margin-top: 26px;
		flex-direction: column
	}
	.mvTitleWrap .mvTitle img:nth-of-type(1){
		width: min(80%, 419px);
	}
	.mvTitleWrap .mvTitle img:nth-of-type(2){
		width: min(80%, 426px);
	}
}/*-SP tablet-*/
@media (min-width: 821px) {
}/*-PC only-*/

/* mainvisual */
.mainvisual{
	background: #fff;
	text-align: center;
	padding-block: 17px 68px;
}
.mainvisual p{
	margin-inline: auto;
	width: min(100%, 718px);
	background-image:
		url(../../features/gotouchi/images/mv_border_05.svg),
		url(../../features/gotouchi/images/mv_border_04.svg),
		url(../../features/gotouchi/images/mv_border_03.svg),
		url(../../features/gotouchi/images/mv_border_02.svg),
		url(../../features/gotouchi/images/mv_border_01.svg);
	background-repeat: no-repeat;
	background-position: 
		center calc(46px * 5 - 3.38px), 
		center calc(46px * 4 - 3.38px),  
		center calc(46px * 3 - 3.38px), 
		center calc(46px * 2 - 3.38px), 
		center calc(46px - 3.38px);
	background-size: 718px auto;
	font-size: 20px;
	font-weight: 500;
	line-height: 2.3em;
	text-align: center;
}
@media (max-width: 820px) {
.mainvisual{
	padding-inline: 6%;
}
.mainvisual p{
	background-image:
		url(../../features/gotouchi/images/mv_border_03.svg),
		url(../../features/gotouchi/images/mv_border_02.svg),
		url(../../features/gotouchi/images/mv_border_01.svg),
		url(../../features/gotouchi/images/mv_border_05.svg),
		url(../../features/gotouchi/images/mv_border_04.svg),
		url(../../features/gotouchi/images/mv_border_03.svg),
		url(../../features/gotouchi/images/mv_border_02.svg),
		url(../../features/gotouchi/images/mv_border_01.svg);
	background-position: 
		center calc(2.3em * 8 - 3.38px), 
		center calc(2.3em * 7 - 3.38px), 
		center calc(2.3em * 6 - 3.38px), 
		center calc(2.3em * 5 - 3.38px), 
		center calc(2.3em * 4 - 3.38px),  
		center calc(2.3em * 3 - 3.38px), 
		center calc(2.3em * 2 - 3.38px), 
		center calc(2.3em - 3.38px);
	font-size: 17px;
}
}/*-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-*/

.specialBox{
	background-repeat: no-repeat;
	background-position: left top, left bottom;
	background-size: 1000px auto;

	padding-block: 0 116px;
	padding-inline: 65px 30px;
}
.specialBox + .specialBox{
	margin-top: 107px;	
}
#nippori.specialBox{
	background-image:
	url(../../features/gotouchi/images/nippori_bg_upper.png),
	url(../../features/gotouchi/images/nippori_bg_bottom.png);
}
#yanaka.specialBox{
	background-image:
	url(../../features/gotouchi/images/yanaka_bg_upper.png),
	url(../../features/gotouchi/images/yanaka_bg_bottom.png);	
}
#yokosuka.specialBox{
	background-image:
	url(../../features/gotouchi/images/yokosuka_bg_upper.png),
	url(../../features/gotouchi/images/yokosuka_bg_bottom.png);
}
.specialBox .contTi{
	padding-block: 77px 0;
	text-align: center;	

	background-repeat: no-repeat;
	background-position: 13px 26px, right 13px bottom;
	background-size: 221px 192px, 155px 142px
}
#nippori.specialBox .contTi{
	background-image: url(../../features/gotouchi/images/nippori_bg_left.svg), url(../../features/gotouchi/images/nippori_bg_right.svg);
}
#yanaka.specialBox .contTi{
	background-image: url(../../features/gotouchi/images/yanaka_bg_left.svg), url(../../features/gotouchi/images/yanaka_bg_right.svg);
}
#yokosuka.specialBox .contTi{
	background-image: url(../../features/gotouchi/images/yokosuka_bg_left.svg), url(../../features/gotouchi/images/yokosuka_bg_right.svg);
}
.specialBox .contTi .contTiLead{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	background-color: #ffffff;
	margin-bottom: 46px;
	width: auto;
	min-width: min(576px, 86%);
	padding-block: 7px;
	padding-inline: 48px;
	font-size: 0;
}
.specialBox .contTi .contTiLead img:not(.cross){
	height: 31px;
	width: auto;
}
#yokosuka.specialBox .contTi .contTiLead img:not(.cross):last-of-type{
	margin-left: 10px;
	height: 34px;
}
.specialBox .contTi .contTiLead img.cross{
	height: 43px;
	width: auto;
	aspect-ratio: 1 / 1;
}
.specialBox .contTi .contTiLead span + span{
	display: flex;
	align-items: center;
}
.specialBox .contTi .contTiLead span + span::before{
	display: block;
	width: 1.34em;
	aspect-ratio: 1 / 1;
	border-radius: 50%;

	background-color: #ffee27;
	content: "\2715";
	color: #ffffff;
	font-weight: bold;
	font-size: 0.88em;
	line-height: 1.34em;
	text-align: center;
}
.specialBox .contTi .contTiLead::after{
	content: "";
	position: absolute;
	display: block;
}
#nippori.specialBox .contTi .contTiLead::after{
	bottom: 8px;
	left: calc(100% - 18px);
	width: 103px;
	aspect-ratio: 103 / 46;
	background: url(images/nippori_illust.svg) no-repeat center center / 100%;
}
#yanaka.specialBox .contTi .contTiLead::after{
	bottom: 5px;
	left: calc(100% - 17px);
	width: 56px;
	aspect-ratio: 56 / 63;
	background: url(images/yanaka_illust.svg) no-repeat center center / 100%;
}
#yokosuka.specialBox .contTi .contTiLead::after{
	top: 50%;
	left: calc(100% - 36px);
	transform: translateY(-50%);
	width: 74px;
	aspect-ratio: 74 / 73;
	background: url(images/yokosuka_illust.svg) no-repeat center center / 100%;
}
.specialBox .contTi .contTiMain{
	margin-top: 10px;
	display: flex;
	justify-content: center;	
	gap: 11px;
	/*font-size: 64px;
	color: #000000;*/
	font-size: 0;
}
.specialBox .contTi .contTiMain img{
	width: auto;
	height: 59px;
}
.specialBox .contTi .contTiCatch{
	display: block;	
	/*
	font-size: 34px;
	color: #000000;
	*/
	font-size: 0;
}
.specialBox .contTi .contTiCatch img{
	margin-top: 16px;
	width: auto;
	height: 30px;
}

.specialBox .names{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px 4.7%;
}
.specialBox .names li > span{
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.specialBox .names li{
	font-size: 17px;
}
.specialBox .names li span:nth-of-type(1):after{
	content: "\25cf";
	color: #b5976d;
}
.specialBox .names li:nth-of-type(1) span:nth-of-type(1){
	font-size: 1em;
}
.specialBox .names li:nth-of-type(1) span:nth-of-type(2){
	font-size: 1.76em;
}
.specialBox .names li:nth-of-type(2) span:nth-of-type(1){
	font-size: 0.76em;	
}
.specialBox .names li:nth-of-type(2) span:nth-of-type(2){
	font-size: 1.35em;	
}
.specialBox .detailBox{
	display: flex;
	align-items: flex-start;
	gap: 27px min(2.7%, 27px);
	margin-top: 60px;
}
.specialBox .detailBox .txts{
	flex: 1;
	background: url(../../features/gotouchi/images/bg_line_bottom.svg) no-repeat left bottom / 100% auto, url(../../features/gotouchi/images/bg_line_upper.svg) no-repeat left top / 100% auto;	
	padding: 40px 35px;
}
.specialBox .detailBox .txts p{
	font-size: 19px;
	line-height: 2em;	
}
.specialBox .detailBox .imgs{
	width: 292px;	
}
.specialBox .detailBox .imgs figure{
	width: 100%;
}
.specialBox .detailBox .imgs figure img{
	width: 100%;
	aspect-ratio: 292 / 412;
}
.specialBox .detailBox .imgs .btn{
	margin-top: 34px;
	text-align: center;
}
.specialBox .detailBox .imgs .btn a{
	background: #ffffff;
	border: 2px solid #f0e6d7;
	display: inline-block;
	font-size: 22px;
	font-weight: 55;
	line-height: 1;
	position: relative;
	width: 213px;
	text-align: center;
	font-weight: bold;
}
#Content_feature .specialBox .detailBox .imgs .btn a,
#Content_feature .specialBox .detailBox .imgs .btn a span{
	color: #868684 !important;
}
.specialBox .detailBox .imgs .btn a:hover{
	opacity: 0.7;
}
.specialBox .detailBox .imgs .btn a span{
	color: #fff;
}
.specialBox .detailBox .imgs .btn a span{
	display: inline-block;
	padding: 18px 5px 17px;
}
.specialBox .pointBox{
	background-color: #f5efe5;
	display: flex;
	align-items: flex-start;
	gap: 0 33px;
	margin-top: 80px;
	padding: 20px;
}
.specialBox .pointBox h3{
	padding-block: 20px;
	width: 179px;
	display: grid;
	align-items: center;	
}
.specialBox .pointBox .txts{
	flex: 1;	
}
.specialBox .pointBox .txts p{
	font-size: 18px;
	font-weight: 300;	
	line-height: 2em;
}
#Content_feature .specialBox .pointBox .txts p span{
	font-weight: bold;
	color: #f37b37;	
}
@media (max-width: 820px) {
.specialBox{
  padding-block: 0 58px;
  padding-inline: 20px 20px;
	width: 94%;
  max-width: 390px;
}
.specialBox .detailBox{
	flex-direction: column;
}
.specialBox .contTi{
	margin-inline: -10px;
	padding-block: 77px 0;
	background-position: 13px 26px, right 13px bottom 40%;
	background-size: min(40%, 221px) auto, min(30%, 155px) auto;
}
.specialBox .contTi .contTiLead{
	margin-bottom: 46px;
	padding-inline: 24px;
}
#nippori.specialBox .contTi .contTiLead,
#yokosuka.specialBox .contTi .contTiLead{
	flex-direction: column;
}
#nippori.specialBox .contTi .contTiLead::after{
	bottom: 50%;
	transform: translateY(50%);
	left: calc(100% - 40px);
	width: 78px;
}
#yanaka.specialBox .contTi .contTiLead::after{
	bottom: 5px;
	left: calc(100% - 17px);
	width: 43px;
}
#yokosuka.specialBox .contTi .contTiLead::after{
	top: 50%;
	left: calc(100% - 30px);
	transform: translateY(-50%);
	width: 60px;
}
.specialBox .contTi .contTiLead img:not(.cross){
	height: 22px;
}
#yokosuka.specialBox .contTi .contTiLead img:not(.cross):last-of-type{
	margin-left: 0;
	height: 24px;
}
.specialBox .contTi .contTiLead img.cross{
	height: 30px;
}
.specialBox .contTi .contTiMain{
	flex-direction: column;
}
.specialBox .contTi .contTiMain img{
	height: 34px;
}
.specialBox .contTi .contTiCatch img{
	height: 20px;
}
.specialBox .names li{
	font-size: 13px;
}
.specialBox .detailBox .txts{
	padding: 40px 15px;
}
.specialBox .detailBox .txts p{
	font-size: 16px;
}
.specialBox .detailBox .imgs{
  padding-left: 8px;
	margin-inline: auto;
}
.specialBox .detailBox .imgs .btn{
	margin-top: 24px;
}
.specialBox .detailBox .imgs .btn a span{
	font-size: 20px;
}
.specialBox .detailBox .imgs .btn a span{
	padding: 10px 5px 12px;
}
.specialBox .pointBox{
	flex-direction: column;
}
.specialBox .pointBox h3{
	margin-inline: auto;
}
.specialBox .pointBox .txts p{
	font-size: 15px;
}
}/*-SP tablet-*/
@media (min-width: 821px) {
.specialBox .detailBox{
	flex-direction: row-reverse;
}
.specialBox .contTi{
	margin-inline: -65px -30px;
}
}/*-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; }
}