@charset "UTF-8";

/*---------------バナー-----------------*/
a#cl2+div img {
    object-fit: contain;
    border-radius: 0;
}
/*-------------------------------------*/

#title+section .heading.block_header_6 .h{
	font-family: 'Zen Kaku Gothic New','Noto Sans JP', 'Roboto', "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 4.5rem;
}
#three_column+div .heading.block_header_4 .h {
	font-size: 2.5rem;
	margin-bottom: 25px;
	color: var(--i_txt_color);
}
@media screen and (max-width: 900px) {
	#title+section .heading.block_header_6 .h {
    	font-size: 3rem;
	}
	#three_column+div .heading.block_header_4 .h {
		font-size: 2.2rem!important;
		margin-bottom: 15px;
	}
}

/*コンセプト*/
#con1+section .content_wrapper {
	max-width: inherit!important;
	padding: 0 0 0 10%;
}
#con1+section{
	position: relative;
	color: #fff;
}
#con1+section::before {
	position: absolute;
	display: block;
	content: "";
	width: 70%;
	height: 70%;
	top: 12%;
	left: 0;
	background: #90acc1;
	pointer-events: none;
	z-index: -1;
	border-radius: 0 10px 10px 0;
}
#con1+section .heading.block_header_2 .h{
	background: #fff;
	/* color: #8AC39D; */
        color:#272c4c;
        padding: 5px 10px;
	font-size: 2.5rem !important;
	border-radius: 20px;
}
#con1+section .heading.block_header_1{
	margin-bottom: -150px;
	padding-top: 120px;
}
#con1+section .heading.block_header_1 p,
#con1+section .heading.block_header_1 .h{
	color: #fff !important;
	margin-bottom: 0px;
}
#con1+section .inner_item_txt{
	padding-top: 170px;
}
#con1 + section .heading.block_header_1 p{
	position: relative;
}
/*#con1 + section .heading.block_header_1 p::before{
	content: "";
	display: block;
	background: url(/common/upload_data/matsu-homejp/image/yane.png) no-repeat;
	background-size: contain;
	width: 190px;
    height: 40px;
}*/
#con1 + section .inner_item_img img{
	border-radius: 10px 0 0 10px;
}
@media screen and (max-width: 1600px) {
	#con1+section::before {
		height: 88%;
	}
}
@media screen and (max-width: 900px) {
	#con1+section::before {
		height: 100%;
		width: 100%;
		top: 0%;
		border-radius:0px;
	}
	#con1+section .content_wrapper {
    	padding: 0 6%;
	}
	#con1+section .heading.block_header_1{
		margin-bottom: 30px;
    	padding-top:0px;
	}
	#con1 + section .heading.block_header_1 p{
		text-align: center;
	}
	#con1+section .heading.block_header_2 .h {
    	font-size: 1.9rem !important;
	}
	#con1 + section .inner_item_img img{
		border-radius: 10px;
	}
}

#point1+section .inner_item_txt .heading,
#point2+section .inner_item_txt .heading,
#point3+section .inner_item_txt .heading,
#point4+section .inner_item_txt .heading{
	display: inline-grid;
}
#point1+section .heading.block_header_2 .h,
#point2+section .heading.block_header_2 .h,
#point3+section .heading.block_header_2 .h,
#point4+section .heading.block_header_2 .h{
	order: 2;
	font-size: 2.3rem !important;
}
#point1+section .heading.block_header_2 p,
#point2+section .heading.block_header_2 p,
#point3+section .heading.block_header_2 p,
#point4+section .heading.block_header_2 p{
	background: #272c4c;
	color: #fff !important;
	padding: 5px 10px;
	font-weight: 600;
	border-radius: 0 100px 100px 0;
	max-width: 75px;
	margin-bottom: 15px;
}
@media screen and (max-width: 900px) {
	#point1+section .heading.block_header_2 .h,
	#point2+section .heading.block_header_2 .h,
	#point3+section .heading.block_header_2 .h,
	#point4+section .heading.block_header_2 .h{
		font-size: 1.9rem !important;
	}
}