@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500;700&display=swap');
/**明治神宮共通**/


@media only screen and (max-width: 767px) {
	/* .body {
		width: 100%;
		min-width: 100%;
		overflow: hidden;
	} */
}
.main h2{
line-height: 1.2;
	
}

dl,dt,dd{
	text-align: left;
	margin-inline-start: 0px;
}
/**明治神宮崇敬会について***/
.guide .guide-contents .guide-box h3 {
	width: 220px;
}
.guide .guide-contents .guide-box p {
	text-align: center;
	margin: 65px auto 0;
	max-width: 690px;
	/* font-size: 16px;
	line-height: 2.0;
	max-width: 800px;
	margin: 30px auto 0; */
}
.guide .guide-contents .guide-box_flex {
	/* max-width: 700px; */
	margin: 0 auto;
}

/*スライダー項目-------------------------*/
.main section.Aboutsukeikai {
margin-top: 80px;
max-width: 100%;
width: 100%;
}
.Aboutsukeikai .membership-contents {
	display: block;
	margin: 0 auto;
}
.Aboutsukeikai .membership-contents .About_slider{
	width: 100%;
}
.Aboutsukeikai .membership-contents .slide-items{
	width: 100%;

}
.Aboutsukeikai .membership-contents .slide-items img{
	width: 100%;
	object-fit: cover;
}

.Aboutsukeikai .membership-contents .Aboutsukeikai-contents,.practice-contents{
	  max-width: 654px;
    margin: 30px auto 0;
}
.Aboutsukeikai .membership-contents .Aboutsukeikai-contents h3,.practice-contents h2{
font-size: 22px;
margin-bottom: 50px;
line-height: 1.4;
font-weight: 400;
}
.Aboutsukeikai .membership-contents .Aboutsukeikai-contents p,.practice-contents p{
	font-size: 14px;
	text-align: left;
	}
.Aboutsukeikai .membership-contents .Aboutsukeikai-contents p:not(:last-of-type){
	margin-bottom: 15px;
	}


	@media only screen and (max-width: 767px) {
		.Aboutsukeikai .membership-contents .About_slider{
			width: 100vw;
			margin-left: -10px;
		}
	}
/*主な活動-------------------------*/
.benefits.active{
margin-top: 90px;
}
.benefits.active h2 {
	margin-bottom: 105px;
	line-height: 1.2;
}
.benefits.active .benefits-list.active-list{
	padding: 60px 30px;
}
.benefits.active .benefits-list.active-list ul{
	position: relative;
	max-width: 1050px;
	margin:0 auto;
}
.benefits.active .benefits-list.active-list li{
	display: flex;
	justify-content: flex-start;
	/* padding:0 30px; */
	padding:0px;
	margin-bottom: 40px;
}
.benefits.active .benefits-list.active-list .photo{
    max-width: 370px;
}
.benefits.active .benefits-list.active-list .photo img{
	width: 100%;
}
.benefits.active .benefits-list.active-list .active_text{
	text-align: left;
	padding-left: 30px;
}
.benefits.active .benefits-list.active-list .active_text h3{
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: 400;
}
.benefits.active .benefits-list.active-list .active_text p{
	text-align: left;
	text-indent: -1rem;
	padding-left: 1rem;
	font-size: 14px;
}
.benefits.active .benefits-list.active-list .active_text .dot::before,.Education.benefits.active .benefits-list.active-list .active_text .dot::before{
		content: '・';
		width: 1px;
		height: 1px;
		text-indent: -1rem;
		padding-left: 1rem;
		display: inline-block;
		color: #000;
}

.practice-contents {
	margin-top: 100px;
	margin-bottom: 100px;
}

.practice-contents h2{
font-size: 32px;
margin-bottom: 75px;
}
.practice-contents p{
	margin-bottom: 40px;
}
.practice-contents .btn.practice{
	width: 40%;
	margin: 0 auto;
	background: #EAC969;
}

/**教育勅語-----Education-contents**/
.Education-contents {
	margin: 130px auto;
}
.Education-contents h2 {
	margin-bottom: 110px;
}
.Education-contents .benefits-flex {
	max-width: 1100px;
	margin: 0 auto;
}
.Education-contents .benefits-flex .Education-details{
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
	align-items: center;
}
.Education-contents .benefits-flex .Education-details .photo{
	width: 50%;
	margin-right: 30px;
	margin-bottom: 0px;
}
.Education-contents .benefits-flex .Education-details .photo img{
	width: 100%;
}
.Education-contents .benefits-flex .Education-details dl{
	text-align: left;
	width: 50%;
}
.Education-contents .benefits-flex .Education-details dt{
	font-size: 22px;
  font-weight: 300;
	margin-bottom: 23px;
}
.Education-contents .benefits-flex .Education-details dd{
	margin-inline-start: 0px;
}
.Education-contents .benefits-flex .Education-details dd .dot::before{
	content: '●';
	width: 10px;
	height: 10px;
	display: inline-block;
	color: #000;
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}

.Education-contents .benefits-flex .Education-details.n03 .photo{
	width: 50%;
}
.Education-contents .benefits-flex .Education-details .btn.educate{
width: 300px;
margin-top: 34px;
text-align: center;
}
.Education-contents .benefits-flex .Education-details .btn.educate.n02{
background-color: #B8D06E;
	}


@media only screen and (max-width: 767px) {
	.guide .guide-contents .guide-box h3 {
		width: 100%;
	}
	.guide .guide-contents .guide-box p {
    text-align: left;
    margin: 65px auto 0;
}
}


/****/


@media only screen and (max-width: 767px) {
	.benefits.active {
    margin-top: 70px
}
	.benefits.active .benefits-list.active-list {
    padding: 60px 20px;
}
	.benefits.active .benefits-list.active-list ul{
		position: relative;
		max-width: 960px;
		margin:0 auto;
	}
	.benefits.active .benefits-list.active-list li{
		display: block;
		padding:0;
		margin-bottom: 40px;
	}
	
	.benefits.active .benefits-list.active-list .photo{
    max-width: 100%;
		margin-bottom: 20px;
}
.benefits.active .benefits-list.active-list .active_text{
	text-align: left;
	padding-left: 10px;
}
.benefits.active .benefits-list.active-list .active_text p{
	text-align: left;
	text-indent: -1rem;
	padding-left: 1rem;
	font-size: 14px;
 }
 .benefits.active .benefits-list ul {
	padding-left: 0px; 
	padding-right: 0px;
}
.benefits.active .benefits-list.active-list .active_text h3 {
	/* font-size: 22px; */
	margin-bottom: 20px;
}

.practice-contents .btn.practice{
	width: 300px;
	margin: 0 auto;
	background: #EAC969;
}
}

/****/

@media only screen and (max-width: 767px) {
	.Aboutsukeikai .membership-contents {

 	}
	 .Aboutsukeikai .membership-contents .membership-box {
    margin-right: 0;
		margin-bottom: 55px;
}
.Aboutsukeikai .membership-contents .Aboutsukeikai-contents h3 {
	margin-bottom: 30px;
}
.Aboutsukeikai .membership-contents .membership-box:nth-of-type(3) {
	/* width: 90%; */
	margin-bottom: 0;
}
	.Aboutsukeikai .membership-contents .membership-box .txt-area p {
		margin-top: 20px;
	}
}

/****/
@media only screen and (max-width: 767px) {
	.Education-contents {
		margin: 80px auto;
	}
	.Education-contents h2 {
    margin-bottom: 75px;
		line-height: 1.2;
}
	.Education-contents .benefits-flex {
		max-width: 1100px;
		margin: 0 auto;
	}
	.Education-contents .benefits-flex .Education-details{
		display: flex;
		flex-direction: column;
		margin-bottom: 60px;
		align-items: center;
	}
	.Education-contents .benefits-flex .Education-details .photo{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.Education-contents .benefits-flex .Education-details .photo img{
		width: 100%;
	}
	.Education-contents .benefits-flex .Education-details dl{
		text-align: left;
		width: 100%;
	}
	.Education-contents .benefits-flex .Education-details dt{
		font-size: 22px;
		font-weight: 300;
		margin-bottom: 23px;
	}
	.Education-contents .benefits-flex .Education-details dd{
		margin-inline-start: 0px;
	}
	.Education-contents .benefits-flex .Education-details.n01 .photo{
		display: none;
	}
	.Education-contents .benefits-flex .Education-details.n02 .photo,.Education-contents .benefits-flex .Education-details.n03 .photo{
		width: 100%;
	}
	.Education-contents .benefits-flex .Education-details .btn.educate{
	margin: 34px auto 0;
	}
	
}
@media only screen and (max-width: 767px) {
	.practice-contents h2 {
		font-size: 32px;
    margin-bottom: 75px;
}
}

/*responsive---------------------------------------------------------------------------------------*/
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {

	


} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/
	.membership-contents .practice-contents .btn.practice,.Education-contents .benefits-flex .Education-details .btn.educate {
    width: 100%;
}



} /* /@media */