@charset "UTF-8";
/*--------------------------------------------------------------
p
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	p {
		font-size: 14px;
		line-height: 24px;
	}
	
	h2 {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}
	
	.blue {
		color: #4A64AA;
	}
}

/* Small than tablet */
@media (min-width: 768px) {

}


/* Larger than tablet */
@media (min-width: 992px) {	
	p {
		font-size: 15px;
	}
	
	h2 {
		font-size: 22px;
		font-weight: 600;
		text-align: center;
	}
}

/*--------------------------------------------------------------
.title_area(カテゴリーページ共通パーツです)
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	.title_area {
		margin: 0;
		padding: 0;
		height: 150px;
		width: 100%;
		background: url("img/gojokai_sp.png") no-repeat;/*ページごとに変更する*/
		background-position: center;
		background-size: cover;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
	}
	
	.title_area h2 {
		margin-top: 50%;
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
	}
	
	.cat_title h2 span {
		padding: 0 0 5px;
		border-bottom: 1px solid #fff;
	}
	

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	.title_area {
		height: 200px;
		background: url("img/gojokai_pc.png") no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.title_area h2 {
		margin-top: 90px;
		font-size: 25px;
	}
	
	
}

/*↑↑ここまで共通↑↑*/


/*--------------------------------------------------------------
↓↓ここからコンテンツ↓↓
--------------------------------------------------------------*/


/* mobile */
@media (min-width: 300px) {
	.content {
		width: 100%;
		background: #F8F8F8;
		margin: 0;
		padding: 60px 10px;
		box-sizing: border-box;
		
	}
	
	.content-wrap {
		margin: 0 auto;
		padding: 0 0 10px;
		width: 100%;
		max-width: 1000px;
		background: #fff;
	}
	
	.content_title {
		color: #fff;
		text-align: center;
		font-weight: 600;
		font-size: 14px;
		width: 100%;
		background: #4A64AA;
		margin: 0;
		padding: 15px 0;
		line-height: 1;
		letter-spacing: 1px;
			
	}
	
	.list-area {
		width: 100%;
		max-width: 795px;
		margin: 30px auto 40px;
		padding: 0;
	}
	
	.list-area ul {
		margin: 0;
		padding: 0;
		
	}
	
	.list-area ul li {
		display: block;
		box-shadow: 0px 3px 6px #00000029;
		border-radius: 22px;
		margin: 0 10px 40px;
		padding: 20px 20px 20px 10px;
	}
	
	.list-area dl {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.list-area dl dt {
		font-size: 14px;
		font-weight: 500;
		margin: 0 0 15px;
		padding: 0;
	}
	
	.list-area dl dt span {
		font-size: 14px;
		font-weight: 600;
		float: left;
		color: #4A64AA;
		width: 48px;
		text-align: right;
		margin: 0;
		padding: 0;
	}
	
	.list-area dl dt p {
		overflow: hidden;
	}
	
	.list-area dl dd {
		font-size: 13px;
		font-weight: 300;
		margin: 0;
		padding: 0;
	}
	
	.list-area dl dd span {
		font-size: 14px;
		font-weight: 600;
		float: left;
		color: #AA4A4A;
		width: 48px;
		text-align: right;
		margin: 0;
		padding: 0;
	}
	
	.list-area dl dd p {
		overflow: hidden;
	}



}

/* Small than tablet */
@media (min-width: 768px) {

}


/* Larger than tablet */
@media (min-width: 992px) {
	.content {
		width: 100%;
		margin: 0;
		padding: 60px 0;
		
	}
	
	.content-wrap {
		margin: 0 auto;
		padding: 0 0 10px;
	}
	
	.content_title {
		font-size: 18px;
		margin: 0;
		padding: 15px 0;
	}
	
	.list-area {
		margin: 60px auto ;
		padding: 0;
	}
	
	.list-area ul {
		margin: 0;
		padding: 0;
		
	}
	
	.list-area ul li {
		display: block;
		box-shadow: 0px 3px 6px #00000029;
		border-radius: 22px;
		margin: 0 0 40px;
		padding: 30px 40px 40px 40px;
	}
	
	
	.list-area dl dt {
		font-size: 16px;
		margin: 0 0 15px;
		padding: 0;
	}
	
	.list-area dl dt span {
		font-size: 16px;
		width: 60px;
		margin: 0;
		padding: 0;
	}
	
	.list-area dl dd {
		font-size: 15px;
		margin: 0;
		padding: 0;
	}
	
	.list-area dl dd span {
		font-size: 16px;
		width: 60px;
		margin: 0;
		padding: 0;
	}


}

/*--------------------------------------------------------------
tab
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
		/*ベース*/
	.tab-area{
		display: flex;
		flex-wrap: wrap;
	}
	.tab-area::after {
		content: '';
		width: 100%;
		height: 3px;
		order: -1;
		display: block;
	}
	.tab-area .tabLabel {	/* タブ */
		margin: 0;
		padding: 15px 0;
		flex: 1;
		order: -1;
		color: #444;
		color: #4a64aa;
		background: #fff;
		cursor: pointer;
		text-align: center;
		font-weight: 500;
		border-bottom: 2px solid #4a64aa;
	}
	
	.tab-area input {		/* ラジオボタン非表示 */
		display: none;
	}
	.tab-area .tab-content {	/* 本文 */
		width: 100%;
		height: 0;
		overflow: hidden;
		opacity: 0;
	}
	/*アクティブ設定*/
	.tab-area input:checked + .tabLabel {
		color: #fff;
		background: #4a64aa;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		padding: 15px 0;
		margin: 0;
	}
	.tab-area input:checked + .tabLabel + .tab-content {
		padding: 15px;
		height: auto;
		overflow: auto;
		transition: .5s opacity;
		opacity: 1;
	}


}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	


}