@charset "utf-8";
/* CSS Document */
p{
	font-size: 16px;
}
.contents{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.maru{
	font-family: 'M PLUS Rounded 1c',"Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.page__title {
	text-align: center;
	padding: 8px 0;
	background-image: linear-gradient(to right, rgba(4, 93, 196, .9), rgba(99, 51, 162, 1) 48%, rgba(191, 11, 191, 1));
	margin-bottom: 0px;
}

.page__title-h {
	font-size: 28px;
	color: #fff;
}

.page__title2 {
	text-align: center;
	padding: 70px 0 10px;
}

.page__title2-h {
	font-size: 32px;
}
.head-wrap{
	padding-top: 37px;
	padding-bottom: 44px;
}
.head-copy{
	font-weight: 900;
	font-size: 38px;
	text-align: center;
	line-height: 1.44;
	margin-bottom: 30px;
}
.head-txt{
	margin-top: 24px;
	font-size: 21px;
	font-weight: 700;
	text-align: center;
	line-height: 1.8;
}
.bnr-list{
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
}
.bnr-list li:nth-child(1){
	width: 49%;
	margin-bottom: 16px;
	margin-right: 2%;
}
.bnr-list li:nth-child(2){
	width: 49%;
	margin-bottom: 16px;
}
.bnr-list li:nth-child(3){
	width: 100%;
}


.notes{
	font-size: 12px;
}
.notes2{
	font-size: 14px;
}
@media (min-width: 768px) {
	.wrap{
		width: 990px;
		margin-left: auto;
		margin-right: auto;
	}
	.wrap.ex{
		width: 863px;
		margin-left: auto;
		margin-right: auto;
	}
	.wrap2{
		width: 820px;
		margin-left: auto;
		margin-right: auto;
	}	
	.wrap3{
		width: 990px;
		margin-left: auto;
		margin-right: auto;
	}	
}
@media only screen and (max-width : 767px) {
	.page__title {
		padding: 8px 0;
	}
	
	.page__title-h {
		font-size: 19px;
	}
	
	.page__title2 {
		text-align: center;
		padding: 50px 0 30px;
	}
	
	.page__title2-h {
		font-size: 26px;
	}
	p{
		font-size: 3.6vw;
		line-height: 1.85;
	}
	.wrap{
		width: 88%;
		margin-left: auto;
		margin-right: auto;
	}	
	.wrap2{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}		
	.wrap3{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.notes{
		font-size: 3.2vw;
	}
	.head-wrap{
		padding-top: 7vw;
		padding-bottom: 5vw;
	}
	.head-copy{
		font-size: 5.6vw;
		text-align: center;
		line-height: 1.33;
		margin-bottom: 3.46vw;
	}
	.head-txt{
		margin-top: 3vw;
		font-size: 4.26vw;
		text-align: left;
		line-height: 1.5;
	}
	.bnr-list{
		margin-bottom: 2vw;
		display: block;
	}
	.bnr-list li:nth-child(1){
		width: 100%;
		margin-bottom: 3.7vw;
		margin-right: 0%;
	}
	.bnr-list li:nth-child(2){
		width: 100%;
		margin-bottom: 3.7vw;
	}
	.bnr-list li:nth-child(3){
		width: 100%;
	}
	
	}

.notes.ex{
	color: #751C7A;
}

