@charset "utf-8";

/**
 *
 *  “クルマを借りる”という選択肢がある。  .sec01
 *
 */

/*--------------------------------------------------------------------------
	“クルマを借りる”という選択肢がある。  .sec01
---------------------------------------------------------------------------*/
	.sec{
	}
	.sec01{
	/*	background: linear-gradient(180deg, #EAEFF2BF, #EAEFF2BF, #EAEFF2, #EAEFF2, #EAEFF2, #EAEFF2BF);*/
		position: relative;
	}
	.sec01 .sec_bg {
		position: absolute;
		-webkit-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 100%;
		opacity: 0.2;
	}
	.sec01 .cont h3 {
		font-size:2.0rem;
		margin-top:2%;
	}
	
	.sec01 .title_sec .num {
	}
	.sec01 .title_sec .sub {
	}
	
	
	/* .previews */
	.sec01 .cont .previews {
/*		background: #EAEFF2BF;*/
	}

	section.sec01 .cont .previews dl {
		margin-bottom: 60px;
	}
	section.sec01 .cont .previews dl > div {
		position: relative;
		width: 40%;
		min-width: 350px;
		min-height: 180px;
		border: 2px solid #0088DC;
		border-radius: 15px;
		margin-bottom: 35px;
		padding: 30px 35px;
		z-index: 1;
	}
	section.sec01 .cont .previews dl > div:nth-of-type(2),
	section.sec01 .cont .previews dl > div:nth-of-type(4) {
		margin-top: 40px;
	}
/*	section.sec01 .cont .previews dl > div::after {
		content: '';
		display: block;
		position: absolute;
    top: 0;
    left: 0;
		width: 100px;
		height: 200px;
		background: #ADADAD;
	}*/
	section.sec01 .cont .previews div.sec01_bnrimg {
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 0 60px;
	}
	section.sec01 .cont .previews dl + div:nth-of-type(1) {
		margin: 70px auto 0;
	}

	section.sec01 .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));
	}
	section.sec01 .cont .previews dl > div:nth-of-type(1)::before {
		content: 'Merit 1';
	}
	section.sec01 .cont .previews dl > div:nth-of-type(2)::before {
		content: 'Merit 2';
	}
	section.sec01 .cont .previews dl > div:nth-of-type(3)::before {
		content: 'Merit 3';
	}
	section.sec01 .cont .previews dl > div:nth-of-type(4)::before {
		content: 'Merit 4';
	}

	section.sec01 .cont .previews dt {
		font-size: 2.6rem;
	}
	section.sec01 .cont .previews dt > div {
		margin-bottom: 9px;
	}
	section.sec01 .cont .previews dd {
		font-size: 1.6rem;
		line-height: 2.0em;
	}
	section.sec01 .cont .previews div > span,
	section.sec01 .cont .previews li > span {
		margin-bottom: 0;
	}

	/* .previews_image */
	section.sec01 .cont a {
		display: inline-block;
	}
	section.sec01 .cont img.cont_icons {
		display: block;
		width: 100%;
		max-width: 1200px;
		border-radius: 0.6em;
		margin: 0 auto;
	}
	
	/* .btn_more */
	.sec01 .cont .btn_more a {
		background: #fff;
	/*	background: #71D3FF;*/
	}

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

/* @pc narrow **************************************************/
@media all and (max-width: 1164px){
	section.sec01 .cont .previews dl > div {
		width: 90%;
		min-width: 300px;
		padding: 20px 20px 30px;
	}
	section.sec01 .cont .previews .cont_icons img {
		max-width: 600px;
	}
}

/* @sp **************************************************/
@media all and (max-width: 1100px){
	.sec01 .cont .previews li {
		width:33.333%;
		height:25%;
		margin:0;
	}
	.sec01 .cont .previews li span.borderline {
		display: block;
		width: 100%;
		height: 1px;
		background: #909090;
	}
	section.sec01 .cont .previews dt {
		font-size: 2.3rem;
	}
	section.sec01 .cont .previews dd {
		font-size: 1.4rem;
	}
	section.sec01 .cont .previews dl {
		margin-bottom: 30px;
	}
	section.sec01 .cont .previews dl > div {
    	min-height: inherit;
	}
	section.sec01 .cont .previews div.sec01_linkimg {
		padding: 0 35px;
	}
}

/* @sp **************************************************/
@media all and (max-width: 612px){
	section.sec01 .cont .previews dl > div {
		width: 80%;
	}
	section.sec01 .cont .previews div.sec01_bnrimg {
		padding: 0 20px;
	}
	section.sec01 .cont .previews dt {
		font-size: 1.8rem;
	}
	section.sec01 .cont .previews dd {
		font-size: 1.2rem;
	}
	section.sec01 .cont .previews dl > div::before {
		font-size: 1.5rem;
	}
}