@charset "utf-8";

/**
 *
 *  保険と補償  .sec03
 *
 */

/*--------------------------------------------------------------------------
	保険と補償  .sec03
---------------------------------------------------------------------------*/
	.sec03 {
/*		background: linear-gradient(180deg, #EAEFF2BF, #EAEFF2BF, #EAEFF2, #EAEFF2, #EAEFF2, #EAEFF2BF);*/
		position: relative;
	}
	.sec03 .sec_bg {
		position: absolute;
		background-size: cover;
		width: 100%;
		height: 100%;
		opacity: 0.2;
	}
	
	.sec03 .title_sec .num {
	}
	.sec03 .title_sec .sub {
	}
	
	/* .previews */
	.sec03 .cont .previews {
/*		background: #EAEFF2BF;*/
	}


	section.sec03 .cont .previews dl {
	}
	section.sec03 .cont .previews dl > div {
		position: relative;
		width: 25%;
		min-width: 230px;
		height: -webkit-fill-available;
		min-height: 180px;
		border: 2px solid #0088DC;
		border-radius: 15px;
		margin-bottom: 30px;
		padding: 20px 25px 25px;
		z-index: 1;
	}
	section.sec03 .cont .previews dl > div::before {
		display: flex;
		position: absolute;
		top: -20px;
		left: 20px;
		min-width: 60px;
		height: 2.2em;
		background: #FFDE02;
		border-radius: 7px 7px 7px 0;
		padding: 0 10px;
		color: #357AE8;
		font-size: 1.75rem;
		text-align: center;
		justify-content: center;
		align-items: center;
		transform: rotate(-5deg);
		-webkit-filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
			-moz-filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
			-ms-filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
				filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
		z-index: 1;
	}
	section.sec03 .cont .previews dl > div:nth-of-type(1)::before {
		content: '法人Merit 1';
	}
	section.sec03 .cont .previews dl > div:nth-of-type(2)::before {
		content: '法人Merit 2';
	}
	section.sec03 .cont .previews dl > div:nth-of-type(3)::before {
		content: '法人Merit 3';
	}

	section.sec03 .cont .previews dt {
		padding-left: 5px;
		padding-bottom: 5px;
		font-size: 2.4rem;
	}
	section.sec03 .cont .previews dd {
		padding-left: 5px;
		font-size: 1.6rem;
		line-height: 2.0em;
	}
	section.sec03 .title_sec,
	section.sec03 .content_sec {
/*		padding-bottom: 5%;*/
	}
	
	/* .previews_image */
	.sec03 .cont img.cont_icons {
		border-radius: 0.6rem;
	}
	
	/* .btn_more */
	.sec03 .cont .btn_more a {
		background: #fff;
	/*	background: #59D8BA;*/
	}


/* @pc wide **************************************************/
@media all and (min-width: 1626px){

}

/* @sp **************************************************/
@media all and (max-width: 1100px){
	section.sec03 .cont .previews dl > div {
		width: 40%;
		padding: 20px;
	}
	section.sec03 .cont .previews dt {
		font-size: 2.3rem;
	}
	section.sec03 .cont .previews dd {
		font-size: 1.4rem;
	}
}

/* @sp **************************************************/
@media all and (max-width: 612px){
	section.sec03 .cont .previews dl > div {
		width: 80%;
	}
}