@charset "utf-8";

/* ページタイトル
------------------------------------------------------------*/
#first_view{
	padding-bottom: 110px;
	position: relative;
}
#first_view::after{
	content: "";
	width: 90%;
	height: 1px;
	border-bottom: 1px #b484bc dashed;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
/*#inner_title > h2{
	font-size: 40px;
	margin-bottom: 40px;
}*/
#inner_title > h1{
	font-size: 40px;
	margin-bottom: 40px;
}
#inner_title > h1 span{
	font-size: 30px;
    color: #808080;
}
#inner_title > p{
	font-size: 24px;
	color: #b484bc;
	font-family: 'Manrope';
}

/* コンテンツ
------------------------------------------------------------*/

/* タイトル
----------------------------------*/
.title{margin-bottom: 60px;}
.title p{font-family: 'Manrope';}
.dia_title{
	padding-left: 1.1em!important;
	margin-bottom: 1em!important;
}
.dia_title::before{
	width: .5em!important;
	top: .4em!important;
}

/* 本文
----------------------------------*/
.template_text{
	font-size: clamp(15px, 1.1vw, 18px);
	line-height: 2;
}

/* ボタン
----------------------------------*/
.btn_w{
	border: 1px solid #b484bc;
	width: fit-content;
	padding-right: 70px!important;
	margin: 0 auto;
}

/* 画像横並び
----------------------------------*/
.template_img_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.template_img_box > img{
	width: 35%;
	border-radius: 8px;
}
.template_img_box > *:not(img){width: 60%;}

/* 横並びコンテンツ
----------------------------------*/
.template_c2,.template_c3,.template_c4{
	display: flex;
	flex-wrap: wrap;
}
.template_c2 > *,.template_c3 > *,.template_c4 > *{
	background: #f7f3f2;
	border-radius: 8px;
	margin: 1%;
}

/* 2つ並び */
.template_c2 > *{
	padding: 60px 50px;
	width: calc(96% / 2);
}

/* 3つ並び */
.template_c3 > *{
	padding: 45px 40px;
	width: calc(94% / 3);
}

/* 4つ並び */
.template_c4 > *{
	padding: 40px 30px;
	width: calc(92% / 4);
}

/* 箇条書き
----------------------------------*/
.li_b > *{
	font-size: clamp(15px, 1.1vw, 18px);
	padding-left: 1.1em;
}
.li_b > *:not(:last-child){margin-bottom: 1em;}
.li_b > *::before{top: .5em;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* ページタイトル
	------------------------------------------------------------*/
	#first_view{padding-bottom: 70px;}
	#inner_title{padding-top: 60px;}
	/*#inner_title > h2{
		font-size: 30px;
		margin-bottom: 30px;
	}*/
	#inner_title > h1{
		font-size: 30px;
		margin-bottom: 30px;
	}
    #inner_title > h1 span{
	font-size: 22px;
    color: #808080;
}
	#inner_title > p{font-size: 18px;}

	/* コンテンツ
	------------------------------------------------------------*/

	/* タイトル
	----------------------------------*/
	.title{margin-bottom: 40px;}

	/* 本文
	----------------------------------*/
	.template_text{font-size: 14px;}

	/* ボタン
	----------------------------------*/
	.btn_w{padding-right: 50px!important;}

	/* 横並びコンテンツ
	----------------------------------*/
	/* 2つ並び */
	.template_c2 > *{padding: 40px 30px;}

	/* 3つ並び */
	.template_c3 > *{padding: 35px 30px;}

	/* 4つ並び */
	.template_c4 > *{padding: 30px 20px;}

	/* 箇条書き
	----------------------------------*/
	.li_b > *{font-size: 14px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	.template_img_box > *{
		width: 100%!important;
	}
	.template_img_box > img{
		order: 1;
		margin-bottom: 30px;
	}
	.template_img_box > *:not(img){order: 2;}
	
	/* 横並びコンテンツ
	----------------------------------*/
	.template_c2 > *,.template_c3 > *,.template_c4 > *{
		width: 100%;
		padding: 30px 20px;
	}
}