@charset "UTF-8";
/* CSS Document */


/*header*/
.header { background: #FFF; margin-bottom: 2em; }
.header .header-inner{position: relative;display: flex;  justify-content: space-between;  align-items: center; padding: 1rem 5%;}
.header .logo-area{width: 8rem; mix-blend-mode: multiply; }
.header .logo-area figure{display: flex;}
.header .logo-area img { display: block; }
.header .pr-area{    background-color: #000; width: 4em; display: flex;align-items: center; justify-content: center; color: #fff; font-size: 13px;padding: 5px;}

@media screen and (min-width: 768px){
	.header .header-inner{    padding: .5rem 5% }
	.header .logo-area{width: 10rem;}
	.header .pr-area{font-size: 14px;}
}

/*mv*/
.mv-wrap .mv_text-area{margin-top: 16px;}


/*=======共通パーツここから=======*/
	/*基本設定*/
	figure>img,.-icon >img{width: 100%;}
	.hover-bg,.hover-text,.link-arrow{transition: 0.2s;}
	.link-item:hover .link-arrow{transform: translateX(0.5rem);}

	/*セクション*/
	.section-wrap{margin-top: 48px;}
	.section-wrap .section:not(:first-of-type){margin-top: 64px;}
	@media screen and (min-width: 768px){
		.section-wrap{margin-top: 8vw;}
		.section-wrap .section:not(:first-of-type){margin-top: 6vw;}
}
	/*スペース*/
.spacer.-m{margin-top: 32px;}
.spacer.-l{margin-top: 56px;}

@media screen and (min-width: 768px){
	.spacer.-m{margin-top: 80px;}
	.spacer.-l{margin-top: 120px;}
}

.mt.-ss{margin-top: 8px;}
.mt.-s{margin-top: 8px;}
.mt.-m{margin-top: 16px;}
.mt.-l{margin-top: 24px;}
@media screen and (min-width: 768px){
	.mt.-s{margin-top: 16px;}
	.mt.-m{margin-top: 24px;}
	.mt.-l{margin-top: 32px;}
}

	/*リンク*/
.icon-link{border-bottom: 1px solid #111;    padding-bottom: 2px;}
.icon-link i{margin-left: 4px;}
	/*角丸*/
	.radius_md{border-radius: 16px;}
	.radius_lg{border-radius: 24px;}
	@media screen and (min-width: 768px){
		.radius_md{border-radius: 24px;}
		.radius_lg{border-radius: 40px}
	}

/*あしらい*/
.border-text{ text-decoration: underline;transition: 0.2s;}

	/*リスト*/
	.border-list li{border-top: 1px solid var( --color-gray);padding: 10px 0;font-size: 16px;font-weight: bold;}
	.border-list{border-bottom:1px solid var( --color-gray); flex: 1;}
	@media screen and (min-width: 768px){
				.border-list li{padding: 16px 0;font-size: 18px;}
	}
/*マーカー*/
	.marker{ background: linear-gradient(transparent 60%, #FFF840 60%);}
		
	/*ドットリスト*/
	.dot-list li{position: relative;padding-left: 16px;}
	.dot-list li:not(:first-of-type){margin-top: 8px;}
	.dot-list li:before{    content: ""; width: 5px; height: 5px; border-radius: 15vw;position: absolute; left: 0;background-color: #111; top: 12px}
	@media screen and (min-width: 768px){
		.dot-list li{    position: relative; padding-left: 20px;}
		.dot-list li:not(:first-of-type){margin-top: 10px;}
	}
		
	/*dlリスト*/
	.dl-list{border-bottom: 1px solid var( --color-gray);margin-top: 16px;}
	.dl-list_item{display: flex;font-size: 14px;border-top: 1px solid var( --color-gray);padding: 14px 0;    font-weight: bold;}
	.dl-list_item dt{width: 34%;}
	.dl-list_item dd{flex: 1;}
	
	/*カラム*/
	.column_list{display: grid; grid-template-columns: repeat(1, 1fr); row-gap:10px;}
	.column_cont .-text-area .-lead{font-weight: bold;font-size: 18px;}
	.column_cont .-text-area .-text{margin-top: 10px;}
	
	@media screen and (min-width: 768px){
			.column_list{display: grid; grid-template-columns: repeat(3, 1fr); column-gap:24px;row-gap:24px;}
			.column_cont .-text-area .-lead{font-size: 20px;}
			.column_cont .-text-area .-text{margin-top: 16px;}
	}
	
	/*記事*/
.article-wrap{margin-top: 16px;}
.article-wrap .article:not(:first-of-type){margin-top: 48px;}
.article .text-area p:not(:first-of-type){margin-top: 14px;}


/*copy right*/
.copyright{ background: #000; color: #fff;  padding: 1em 0;  text-align: center;  font-size: 0.7em;   }
@media screen and (min-width: 768px){
	.copyright{font-size: 0.5em;}
}


	/*=======共通パーツここまで=======*/