/*-----------------setting_css---------------------*/
/*-----------------/setting_css/---------------------*/
#concept main {
	opacity: 1;
	background: url("../img/bg_brand.jpg") left top/cover no-repeat;
}
@media screen and (max-width: 768px) {
	#concept main {
		padding-bottom: 15%;
		/*@media screen end*/
	}
}
#concept main p {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
}
#concept main .com-w1200 {
	width: 90%;
}
#concept .mv_img .ttl {
	width: 25%;
	max-width: 150px;
}
#concept .text {
	font-size: clamp(10px, 5vw, 15px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
	#concept {
		/*@media screen end*/
	}
	#concept .text {
		font-size: clamp(10px, 3.5vw, 15px);
	}
}
#concept .sec_bg {
	background: transparent url("../img/con_bg.jpg") center top/cover no-repeat;
}
#concept .sec1 {
	color: #fff;
}
#concept .sec1 .com-imgbox .com-flbox {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#concept .sec1 .com-imgbox .com-flbox .box_l {
	width: 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#concept .sec1 .com-imgbox .com-flbox .box_l .text_img {
	width: 20%;
	max-width: 80px;
	margin-top: -5%;
}
#concept .sec1 .com-imgbox .com-flbox .box_r {
	width: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
#concept .sec1 .com-imgbox .com-flbox .box_r .text {
	line-height: 2.5em;
}
@media screen and (max-width: 768px) {
	#concept {
		/*@media screen end*/
	}
	#concept .sec1 .com-imgbox .com-flbox {
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
	}
	#concept .sec1 .com-imgbox .com-flbox .box_l {
		width: 30%;
		margin-top: 11%;
		margin-left: 11%;
	}
	#concept .sec1 .com-imgbox .com-flbox .box_l .text_img {
		width: 55%;
		margin-top: 0%;
	}
	#concept .sec1 .com-imgbox .com-flbox .box_r {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-left: auto;
		margin-right: 5%;
		margin-top: -25%;
	}
	#concept .sec1 .com-imgbox .com-flbox .box_r .text {
		line-height: 1.5em;
	}
}
#concept .sec2 {
	color: #fff;
	padding-block: 3%;
}
#concept .sec2 .com-flbox {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
#concept .sec2 .com-flbox .box_l {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#concept .sec2 .com-flbox .box_l .l_inner {
	width: 80%;
	margin-left: auto;
}
#concept .sec2 .com-flbox .box_l .l_inner .text_img01 {
	width: 40%;
	max-width: 300px;
}
#concept .sec2 .com-flbox .box_l .l_inner .text_img02 {
	width: 80%;
	max-width: 450px;
	margin-block: 15%;
}
#concept .sec2 .com-flbox .box_l .l_inner .text {
	line-height: 2em;
}
#concept .sec2 .com-flbox .box_r {
	width: 50%;
}
@media screen and (max-width: 768px) {
	#concept {
		/*@media screen end*/
	}
	#concept .sec2 {
		padding-block: 20%;
	}
	#concept .sec2 .com-flbox .box_l {
		width: 100%;
	}
	#concept .sec2 .com-flbox .box_l .l_inner {
		width: 90%;
		margin-inline: auto;
	}
	#concept .sec2 .com-flbox .box_l .l_inner .text_img01 {
		width: 60%;
		margin-left: 0;
	}
	#concept .sec2 .com-flbox .box_l .l_inner .text_img02 {
		width: 90%;
		max-width: unset;
		margin-block: 15%;
	}
	#concept .sec2 .com-flbox .box_r {
		width: 90%;
		margin-inline: auto;
		margin-top: 15%;
	}
}
#concept .sec3 .com-imgbox {
	width: 90%;
	margin-left: auto;
	position: relative;
}
#concept .sec3 .com-imgbox .com-w1200 {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	top: 0;
	height: 100%;
}
#concept .sec3 .com-imgbox .com-w1200 .textbox {
	width: 100%;
	margin-top: 12%;
}
#concept .sec3 .com-imgbox .com-w1200 .textbox .text_img01 {
	width: 90%;
	max-width: 550px;
}
#concept .sec3 .com-imgbox .com-w1200 .textbox .text_img02 {
	width: 43%;
	max-width: 300px;
	margin-top: 3%;
}
#concept .sec3 .com-imgbox .com-w1200 .com-flbox {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	position: absolute;
	bottom: 10%;
	width: 100%;
}
#concept .sec3 .com-imgbox .com-w1200 .com-flbox .box_l {
	width: 36%;
}
#concept .sec3 .com-imgbox .com-w1200 .com-flbox .box_r {
	width: 20%;
	margin-right: 11%;
}
@media screen and (max-width: 768px) {
	#concept {
		/*@media screen end*/
	}
	#concept .sec3 .com-imgbox {
		width: 95%;
	}
	#concept .sec3 .com-imgbox .com-w1200 .textbox .text_img02 {
		margin-top: 7%;
	}
	#concept .sec3 .com-imgbox .com-w1200 .com-flbox {
		bottom: 7%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	#concept .sec3 .com-imgbox .com-w1200 .com-flbox .box_l {
		width: 44%;
	}
	#concept .sec3 .com-imgbox .com-w1200 .com-flbox .box_r {
		width: 35%;
		margin-right: 0%;
	}
}
#concept .sec4 {
	padding-block: 3%;
}
#concept .sec4 .com-imgbox {
	width: 90%;
	margin-right: auto;
	position: relative;
}
#concept .sec4 .com-imgbox .com-w1200 {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	top: 0;
	height: 100%;
}
#concept .sec4 .com-imgbox .com-w1200 .textbox {
	width: 68%;
	max-width: 400px;
	margin-top: 7%;
	margin-left: auto;
}
#concept .sec4 .com-imgbox .com-w1200 .textbox .text_img01 {
	width: 90%;
	max-width: 550px;
	margin-left: auto;
}
#concept .sec4 .com-imgbox .com-w1200 .textbox .text_img02 {
	width: 62%;
	max-width: 300px;
	margin-top: 3%;
	margin-left: auto;
}
#concept .sec4 .com-imgbox .com-w1200 .text_img03 {
	position: absolute;
	width: 35%;
	bottom: 5%;
	max-width: 200px;
	left: 14%;
}
@media screen and (max-width: 768px) {
	#concept {
		/*@media screen end*/
	}
	#concept .sec4 {
		padding-block: 20% 15%;
	}
	#concept .sec4 .com-imgbox {
		width: 95%;
	}
	#concept .sec4 .com-imgbox .com-w1200 .textbox {
		margin-top: 5%;
	}
	#concept .sec4 .com-imgbox .com-w1200 .textbox .text_img02 {
		margin-top: 7%;
	}
	#concept .sec4 .com-imgbox .com-w1200 .text_img03 {
		bottom: 3%;
		left: 0%;
	}
}

@media screen and (max-width: 768px) {
	/*@media screen end*/
}
@media screen and (max-width: 768px) {
	/*@media screen end*/
}
@media screen and (max-width: 768px) {
	/*@media screen end*/
}
/*# sourceMappingURL=concept.css.map */