@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）　　feature【イザワの強み】のスタイルシート
------------------------------------------------------------------------------------------------------------*/
.contents.feature{padding-top: 0;}
/*導入*/
section.section_feature00{
	background: #f2f2f2 url("../img/common/bg_wave01.png") no-repeat center bottom;
	background-size: 800px;
	text-shadow: 1px 1px 0px #fff;
	padding: 1.75rem 0 60px 0;
	margin-bottom: 1rem;
}
h3.h3_feature00{
	position: relative;
	font-size: 1.15rem;
	padding: 0 0.5rem;
	margin: 0 auto 1.5rem auto;
	max-width: 520px;
}
h3.h3_feature00::before{
	position: absolute;
	content: "";
	left: -14px;
	top: -8px;
	width: 60px;
	height: 52px;
	background: url("../img/common/img_triangle01.png") no-repeat 0 0;
	background-size: 40px;
}
h3.h3_feature00::after{
	position: absolute;
	content: "";
	right: -20px;
	bottom: 0px;
	width: 60px;
	height: 52px;
	background: url("../img/common/img_triangle02.png") no-repeat 0 0;
	background-size: 40px;
}
h3.h3_feature00 br{display: none;}
.wrap_intro01{
	max-width: 1000px;
	margin: 0 auto 1rem auto;
}
p.p_intro01::first-letter{
	color: #e10915;
	font-size: 2.5rem;
	line-height: 1;
	float: left;
	margin-right: 5px;
}
.img_feature00{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
/*ポイント01*****************/
section.section_feature01 .inner01,
section.section_feature02 .inner01,
section.section_feature03 .inner01{
	border-bottom: 1px dotted rgba(0,0,0,0.50);
	padding-bottom: 2rem;
}
.head_point{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 1.15rem;
	margin-bottom: 0.25rem;
}
.head_point span{color: #D30816;}
h3.h3_feature01{
	display: inline-block;
	background: url("../img/common/bg_stripe04.png") repeat 0 0;
	background-size: 20px;
	text-shadow: 1px 1px 0px #fff;
	padding: 5px 10px;
	font-size: 1.35rem;
	line-height: 125%;
	margin-bottom: 0.25rem;
}
h3.h3_feature01 small{
	font-size: 1.25rem;
}
h3.h3_feature01.bottom{
	margin-bottom: 1rem;
}
.img_feature01{
	max-width: 500px;
	margin: 0 auto 1rem auto;
}
.img_feature01 img{
	border-radius: 15px;
	box-shadow: 10px 10px 0px #CCD5F3;
}
/*ポイント02*****************/
.aaa01{
	background: url("../img/feature/img_feature02_03.png") no-repeat right 130px bottom 0px;
	background-size: 61px;
	/*border: 1px dotted #FF0004;*//*仮線　赤*/
	position: relative;
	min-height: 225px;
	margin: 0 0 1.25rem 0;
}
.aaa02{
	/*border: 1px dotted #00FF54;*//*仮線　緑*/
	width: 170px;
	min-height: 225px;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
}
.aaa02-in{writing-mode: vertical-rl;}
.aaa02-in h3{
	margin-left: 0.25rem;
	padding: 10px 5px;
}
.aaa03{
	width: calc(100% - 170px);
	max-width: 368px;
	top: 0;
	right: 0;
}
.box_feature02_left{
	max-width: 500px;
	padding: 0 0 0.5rem 0;
}
/*ポイント03*****************/
.img_feature03{
	max-width: 400px;
	margin: 0 auto;
}
/*ポイント04*****************/
ul.ul_feature04{
	max-width: 500px;
	padding: 0.5rem 0 0 0;
	margin: 0 auto;
}
ul.ul_feature04 li{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
	border-radius: 10px;
	padding: 12px 14px;
	margin: 0 0 1.25rem 0;
}
ul.ul_feature04 li img{
	margin: 0 0 12px 0;
}
ul.ul_feature04 li h4{
	text-align: center;
	position: relative;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
}
ul.ul_feature04 li h4::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 3px;
	background: #E10915;
}
ul.ul_feature04 li p{
	font-size: 0.93rem;
	line-height: 175%;
}




/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){
/*導入*/
section.section_feature00{
	background-size: 1200px;
	padding: 2.25rem 0 100px 0;
}
h3.h3_feature00::before{left: -40px;}
h3.h3_feature00::after{right: -50px;}
.wrap_intro01{
	column-count: 2;
	column-gap: 2rem;
	text-align: justify;
}
/*ポイント01*****************/
.box_feature01_left{
	float: left;
	width: 54%;
}
.box_feature01_right{
	float: right;
	width: 41%;
}
/*ポイント02*****************/
section.section_feature02{
	background: url("../img/common/bg_geometric03.png") no-repeat calc(50% + 535px) 29%;
	background-size: 250px;
}
.box_feature02_right{
	float: right;
	width: 51%;
}
.box_feature02_left{
	float: left;
	width: 45%;
}
/*ポイント03*****************/
.box_feature03_left{
	float: left;
	width: 55%;
}
.box_feature03_right{
	float: right;
	width: 40%;
}
/*ポイント04*****************/
ul.ul_feature04{
	max-width: 1000px;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
ul.ul_feature04 li{
	width: 31%;
}
/********/
}





/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

/*導入*/
section.section_feature00{
	background-size: 1600px;
	padding: 2.75rem 0 120px 0;
}
h3.h3_feature00{
	font-size: 1.50rem;
	line-height: 150%;
	text-align: center;
	padding: 0;
	max-width: 560px;
}
h3.h3_feature00::before{
	left: -60px;
	top: -8px;
	width: 80px;
	height: 82px;
	background-size: 80px;
}
h3.h3_feature00::after{
	right: -30px;
	bottom: 0px;
	width: 60px;
	height: 80px;
	background-size: 60px;
}
h3.h3_feature00 br{display:block;}

/*ポイント01*****************/
.head_point{
	font-size: 1.375rem;
	margin-bottom: 0.50rem;
}
h3.h3_feature01{
	padding: 8px 14px;
	font-size: 2rem;
}
h3.h3_feature01 small{
	font-size: 1.75rem;
}
h3.h3_feature01.bottom{
	margin-bottom: 1.25rem;
}
.img_feature01 img{
	border-radius: 20px;
}
/*ポイント02*****************/
.box_feature02_right{width: 50%;}
.aaa01{/*赤*/
	background: url("../img/feature/img_feature02_03.png") no-repeat right 220px bottom 6px;
	background-size: 61px;
	min-height: 330px;
}
.aaa02{/*緑*/
	width: 230px;
	min-height: 330px;
}
.aaa02-in h3{
	margin-left: 0.50rem;
	padding: 14px 8px;
}
.aaa03{width: 245px;}
/*ポイント03*****************/
/*ポイント04*****************/
/********/
}







/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1600px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1600px){
section.section_feature00{background-size: 100%;}
/********/
}