@charset "UTF-8";
@import url(../../css/style.css);
@media all and (min-width: 769px) {
	.sp_da11-18 .sub-contents .sub-contents-title::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    bottom: 45px;
	    display: block;
	    width: 100%;
	    height: 0;
	    border-top: 4px solid #000000;
	}
	.sp_da11-18 .sub-contents > article > .wrap::after{
		 bottom: 40px;
	}
	.sp_da11-18 .sub-contents .sub-contents-title{
		width: 1080px;
	    margin: 0 auto 0 auto;
	    padding: 45px 0 70px 0;
	    position: relative;
	}
	.sp_da11-18 .sub-contents > article > .wrap {
	    width: 1080px;
	    margin: 0 auto;
	    padding: 0 0 90px 0;
	    position: relative;
	}
	.sp_da11-18 .sub-contents > article > .wrap .name{
		margin-bottom: 40px;
	}


	.sp_da11-18 article .wrap .image.triple{
		width: 640px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.sp_da11-18 article .wrap .image.triple figure{
		width: 192px;
		height: 250px;
	}

	.sp_da11-18 article .wrap .Impressions_detail{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top:55px;
		line-height: 1.8;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col h4{
		font-size: 16px;
		font-weight: bold;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col .text{
		font-size: 14px;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col .photo{
		margin-top:15px;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-l{
		width: 280px;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-r{
		width: 752px;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-sp{
		display: none;
	}
}

@media all and (max-width: 768px) {


	.sp_da11-18 .sub-contents .sub-contents-title::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    bottom: 5.66667vw;
	    display: block;
	    width: 100%;
	    height: 0;
	    border-top: 0.8vw solid #000000;
	}
	
	.sp_da11-18 .sub-contents .sub-contents-title {
	    width: 92vw;
	    margin: 0 auto 0 auto;
	    padding: 6.66667vw 0 11.33333vw 0;
	    position: relative;
	}
	.sp_da11-18 .sub-contents > article > .wrap {
	    width: 92vw;
	    margin: 0 auto;
	    padding: 0 0 13.33333vw 0;
	    position: relative;
	    overflow: hidden;
	}
	.sp_da11-18 .sub-contents > article > .wrap::after{
		 bottom:6.66667vw;
	}
	.sp_da11-18 .sub-contents > article > .wrap .name{
		margin-bottom: 3.33vw;
	}
	.sp_da11-18 .sub-contents > article > .wrap .name img{
		width: 84vw;
	}


	.sp_da11-18 article .wrap .image.triple{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.sp_da11-18 article .wrap .image.triple figure{
		width: 28vw;
	}
	.sp_da11-18 article .wrap .image.triple figure img{
		width: 100%;
	}

	.sp_da11-18 article .wrap .Impressions_detail{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top:55px;
		line-height: 1.8;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-pc{
		display: none;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-sp{
		display: block;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top:5.66vw;

	}

	.sp_da11-18 article .wrap .Impressions_detail .col .text{
		font-size: 3.4vw;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-sp .detail{
		width:60vw;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-sp .photo{
		width: 28vw;
		padding-left:4vw;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-sp .photo img{
		width: 100%;
	}
	
	.sp_da11-18 article .wrap .Impressions_detail .col-sp h4{
		font-size: 3.6vw;
		font-weight: bold;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-sp .text{
		font-size: 3.2vw;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col .photo{
		margin-top:15px;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-l{
		width: 280px;
	}
	.sp_da11-18 article .wrap .Impressions_detail .col-r{
		width: 752px;
	}
}