#design main .mv {
	background-image: url(../img/mv.jpg);
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .mv {
		background-image: url(../img/mv_sp.jpg);
	}
}
#design main .top_mv {
	width: 100%;
}
#design main .top_mv .bg {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
}
#design main .top_mv .bg .en {
	font-size: clamp(24px, 5.599999986vw, 60px);
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
#design main .top_mv p {
	color: #fff;
}
#design main .imgbox {
	position: relative;
}
#design main .imgbox .imgnote {
	position: absolute;
	font-size: 10px;
	right: 3px;
	bottom: 3px;
	color: #fff;
}
#design main .flbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#design main .ttl_area .p1 {
	font-size: clamp(20px, 3vw, 23px);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
#design main .ttl_area .p2 {
	font-size: clamp(16px, 3vw, 20px);
	margin-block: 2%;
}
#design main .ttl_area .p3 {
	font-size: clamp(13px, 3vw, 15px);
	line-height: 1.8em;
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .ttl_area .p1 {
		font-size: clamp(22px, 3vw, 23px);
		text-transform: uppercase;
	}
	#design main .ttl_area .p2 {
		font-size: clamp(22px, 3vw, 25px);
		margin-block: 1% 2%;
	}
	#design main .ttl_area .p3 {
		font-size: clamp(13px, 3vw, 14px);
	}
}
#design main .sec .sec_inner {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#design main .sec1 {
	color: #fff;
}
#design main .sec1 .imgbox {
	width: 100%;
}
#design main .sec1 .imgbox .p1 {
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	max-width: 1000px;
	width: 90%;
}
#design main .sec1 .imgbox .p1 img {
	-webkit-filter: drop-shadow(3px 3px 10px #000) drop-shadow(3px 3px 10px #000);
	        filter: drop-shadow(3px 3px 10px #000) drop-shadow(3px 3px 10px #000);
}
#design main .sec1 .imgbox .box {
	position: absolute;
	bottom: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	text-align: center;
	width: 100%;
}
#design main .sec1 .imgbox .box .box_p1 {
	font-size: clamp(20px, 3vw, 23px);
	margin-bottom: 3%;
}
#design main .sec1 .imgbox .box .box_p2 {
	font-size: clamp(13px, 3vw, 14px);
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec1 {
		background-color: #000;
	}
	#design main .sec1 .imgbox_sp {
		position: relative;
	}
	#design main .sec1 .imgbox {
		display: contents;
	}
	#design main .sec1 .imgbox .p1 img {
		-webkit-filter: drop-shadow(0px 0px 6px #000) drop-shadow(0px 0px 6px #000) drop-shadow(0px 0px 6px #000);
		        filter: drop-shadow(0px 0px 6px #000) drop-shadow(0px 0px 6px #000) drop-shadow(0px 0px 6px #000);
	}
	#design main .sec1 .imgbox .box {
		position: relative;
		padding-block: 15%;
	}
	#design main .sec1 .imgbox .box .box_p1 {
		font-size: clamp(16px, 3vw, 23px);
		margin-bottom: 13%;
	}
	#design main .sec1 .imgbox .box .box_p2 {
		font-size: clamp(12px, 3vw, 14px);
	}
}
#design main .sec2 {
	background-color: #000;
	color: #fff;
	padding-block: 5%;
}
#design main .sec2 .imgbox {
	width: 100%;
}
#design main .sec2 .flbox {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#design main .sec2 .flbox1 {
	margin-top: 3%;
}
#design main .sec2 .flbox1 .box {
	width: 50%;
	font-size: clamp(14px, 3vw, 16px);
}
#design main .sec2 .flbox1 .box:nth-child(2) {
	width: 45%;
}
#design main .sec2 .flbox1 .flbox2 {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#design main .sec2 .flbox1 .flbox2 .imgbox {
	width: 48%;
}
#design main .sec2 .flbox1 .flbox2 .textbox {
	width: 100%;
	margin-top: 2%;
}
#design main .sec2 .flbox1 .flbox2 .textbox .p1_box {
	position: relative;
}
#design main .sec2 .flbox1 .flbox2 .textbox .p1_box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 40%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: #fff;
	z-index: 0;
}
#design main .sec2 .flbox1 .flbox2 .textbox .p1_box .p1 {
	font-size: clamp(13px, 3vw, 14px);
	background-color: #000;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-right: 10px;
}
#design main .sec2 .flbox1 .flbox2 .textbox .p2 {
	font-size: clamp(10px, 3vw, 11px);
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec2 {
		padding-block: 5% 20%;
	}
	#design main .sec2 .flbox1 {
		margin-top: 3%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec2 .flbox1 .box {
		width: 100%;
		font-size: clamp(14px, 3vw, 16px);
		margin-top: 5%;
	}
	#design main .sec2 .flbox1 .box:nth-child(2) {
		width: 100%;
		margin-top: 7%;
	}
	#design main .sec2 .flbox1 .flbox2 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec2 .flbox1 .flbox2 .imgbox {
		width: 48%;
	}
	#design main .sec2 .flbox1 .flbox2 .textbox {
		width: 100%;
		margin-top: 2%;
	}
	#design main .sec2 .flbox1 .flbox2 .textbox .p1_box {
		margin-top: 3%;
	}
	#design main .sec2 .flbox1 .flbox2 .textbox .p1_box .p1 {
		font-size: clamp(13px, 3vw, 14px);
	}
}
#design main .sec3 {
	padding-block: 5% 8%;
	background: transparent url("../img/sec3_bg.jpg") left top/cover no-repeat;
	color: #fff;
}
#design main .sec3 .flbox1 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: auto;
	width: 90%;
}
#design main .sec3 .flbox1 .imgbox {
	width: 60%;
}
#design main .sec3 .flbox1 .ttl_area {
	width: 35%;
	margin-left: 5%;
}
#design main .sec3 .flbox1 .ttl_area .p2 {
	margin-block: 3%;
	font-size: clamp(16px, 2vw, 20px);
}
#design main .sec3 .flbox1 .ttl_area .p3 {
	font-size: clamp(10px, 1vw, 15px);
}
#design main .sec3 .flbox2 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 7%;
}
#design main .sec3 .flbox2 .imgbox {
	width: 46%;
}
#design main .sec3 .flbox2 .imgbox:nth-child(2) {
	width: 52%;
}
@media screen and (max-width: 959px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec3 {
		padding-block: 0% 8%;
	}
	#design main .sec3 .flbox1 {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-right: auto;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
	}
	#design main .sec3 .flbox1 .imgbox {
		width: 100%;
	}
	#design main .sec3 .flbox1 .ttl_area {
		width: 90%;
		margin-top: 3%;
		margin-inline: auto;
	}
	#design main .sec3 .flbox1 .ttl_area .p2 {
		font-size: 20px;
	}
	#design main .sec3 .flbox1 .ttl_area .p3 {
		font-size: clamp(11px, 3vw, 15px);
	}
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec3 {
		padding-block: 0% 20%;
	}
	#design main .sec3 .flbox1 .ttl_area {
		margin-block: 8%;
	}
	#design main .sec3 .flbox2 {
		margin-top: 0%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec3 .flbox2 .imgbox {
		width: 100%;
	}
	#design main .sec3 .flbox2 .imgbox:nth-child(2) {
		width: 100%;
		margin-top: 15%;
	}
}
#design main .sec4 {
	padding-block: 5% 8%;
	background: transparent url("../img/sec4_bg.jpg") left top/cover no-repeat;
}
#design main .sec4 .flbox1 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#design main .sec4 .flbox1 .imgbox {
	width: 52%;
}
#design main .sec4 .flbox1 .box {
	width: 42%;
}
#design main .sec4 .flbox1 .box p {
	font-size: clamp(18px, 2vw, 24px);
	letter-spacing: 0.05em;
}
#design main .sec4 .flbox2,
#design main .sec4 .flbox3 {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 90%;
}
#design main .sec4 .flbox2 .imgbox,
#design main .sec4 .flbox3 .imgbox {
	width: 55%;
}
#design main .sec4 .flbox2 .ttl_area,
#design main .sec4 .flbox3 .ttl_area {
	width: 38%;
}
#design main .sec4 .flbox2 .ttl_area .p1,
#design main .sec4 .flbox3 .ttl_area .p1 {
	font-size: clamp(20px, 3vw, 25px);
}
#design main .sec4 .flbox2 .ttl_area .p3,
#design main .sec4 .flbox3 .ttl_area .p3 {
	font-size: clamp(10px, 1vw, 15px);
	letter-spacing: 0.05em;
	margin-top: 3%;
}
#design main .sec4 .flbox2 .ttl_area .flbox,
#design main .sec4 .flbox3 .ttl_area .flbox {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	max-width: 500px;
	margin-top: 3%;
}
#design main .sec4 .flbox2 .ttl_area .flbox .imgbox,
#design main .sec4 .flbox3 .ttl_area .flbox .imgbox {
	width: 48%;
}
#design main .sec4 .flbox2 .ttl_area .flbox .imgbox .imgnote,
#design main .sec4 .flbox3 .ttl_area .flbox .imgbox .imgnote {
	left: unset;
	right: 3px;
}
#design main .sec4 .flbox2 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	margin-block: 8%;
	margin-left: auto;
}
#design main .sec4 .flbox2 .imgbox .imgnote {
	right: unset;
	left: 3px;
}
#design main .sec4 .flbox3 {
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec4 {
		padding-block: 20%;
		background: transparent url("../img/sec4_bg_sp.jpg") left top/cover no-repeat;
	}
	#design main .sec4 .flbox1 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec4 .flbox1 .imgbox {
		width: 100%;
	}
	#design main .sec4 .flbox1 .box {
		width: 100%;
	}
	#design main .sec4 .flbox1 .box p {
		font-size: clamp(20px, 3vw, 24px);
		letter-spacing: 0.05em;
	}
	#design main .sec4 .flbox2,
	#design main .sec4 .flbox3 {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 auto;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
	}
	#design main .sec4 .flbox2 .imgbox,
	#design main .sec4 .flbox3 .imgbox {
		width: 100%;
	}
	#design main .sec4 .flbox2 .imgbox .imgnote,
	#design main .sec4 .flbox3 .imgbox .imgnote {
		top: 103%;
		color: #000;
		left: unset;
		right: 3px;
	}
	#design main .sec4 .flbox2 .ttl_area,
	#design main .sec4 .flbox3 .ttl_area {
		width: 90%;
		margin: 10% auto;
	}
	#design main .sec4 .flbox2 .ttl_area .p1,
	#design main .sec4 .flbox3 .ttl_area .p1 {
		font-size: clamp(20px, 3vw, 25px);
	}
	#design main .sec4 .flbox2 .ttl_area .p3,
	#design main .sec4 .flbox3 .ttl_area .p3 {
		font-size: clamp(13px, 3vw, 15px);
	}
	#design main .sec4 .flbox2 .ttl_area .flbox,
	#design main .sec4 .flbox3 .ttl_area .flbox {
		margin-top: 10%;
	}
	#design main .sec4 .flbox2 .ttl_area .flbox .imgbox .imgnote,
	#design main .sec4 .flbox3 .ttl_area .flbox .imgbox .imgnote {
		left: unset;
		right: 3px;
		top: unset;
		bottom: 3px;
		color: #fff;
	}
	#design main .sec4 .flbox2 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
		margin-block: 8%;
		margin-left: auto;
	}
	#design main .sec4 .flbox2 .imgbox .imgnote {
		right: 3px;
		left: unset;
	}
	#design main .sec4 .flbox3 {
		margin-right: auto;
	}
}
#design main .sec5 {
	background: #000;
	color: #fff;
	padding-bottom: 5%;
}
#design main .sec5 .imgbox {
	width: 100%;
}
#design main .sec5 .imgbox .p1 {
	position: absolute;
	width: 2%;
	top: 15%;
	left: 8%;
}
#design main .sec5 .imgbox .p1 img {
	-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
	        filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
}
#design main .sec5 .flbox1 {
	width: 85%;
	margin-left: auto;
	padding-top: 3%;
}
#design main .sec5 .flbox1 .ttl_area {
	width: 37%;
}
#design main .sec5 .flbox1 .ttl_area .p1 {
	font-size: clamp(20px, 3vw, 31px);
}
#design main .sec5 .flbox1 .ttl_area .p3 {
	margin-top: 2%;
	font-size: clamp(10px, 1vw, 15px);
	letter-spacing: 0.05em;
}
#design main .sec5 .flbox1 .img_area {
	width: 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	position: relative;
}
#design main .sec5 .flbox1 .img_area .imgbox {
	width: 30%;
}
#design main .sec5 .flbox1 .img_area .imgnote {
	position: absolute;
	font-size: 10px;
	right: 3%;
	top: 103%;
	color: #fff;
}
@media screen and (max-width: 970px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec5 .flbox1 {
		width: 100%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding-top: 5%;
	}
	#design main .sec5 .flbox1 .ttl_area {
		width: 90%;
		margin: 0 auto 5%;
	}
	#design main .sec5 .flbox1 .ttl_area .p3 {
		margin-top: 2%;
		font-size: clamp(13px, 3vw, 15px);
	}
	#design main .sec5 .flbox1 .img_area {
		width: 100%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	#design main .sec5 .flbox1 .img_area .imgbox {
		width: 31.6666666667%;
	}
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec5 {
		padding-bottom: 10%;
	}
	#design main .sec5 .imgbox .p1 {
		position: absolute;
		width: 5%;
		top: 10%;
		left: 10%;
	}
	#design main .sec5 .imgbox .p1 img {
		-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
		        filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
	}
	#design main .sec5 .flbox1 {
		padding-top: 7%;
	}
	#design main .sec5 .flbox1 .ttl_area {
		margin: 0 auto 8%;
	}
	#design main .sec5 .flbox1 .img_area {
		width: 100%;
	}
}
#design main .sec6 {
	background-color: #000000;
	color: #fff;
	padding-block: 5%;
}
#design main .sec6 .text_area {
	text-align: center;
	margin-bottom: 5%;
}
#design main .sec6 .text_area .p1 {
	text-transform: uppercase;
	font-size: clamp(20px, 3vw, 23px);
	color: #B5B5C1;
	padding-bottom: 1%;
	border-bottom: 1px solid #B5B5C1;
	max-width: 600px;
	margin: 0 auto;
}
#design main .sec6 .text_area .p2 {
	max-width: 600px;
	margin: 2% auto;
}
#design main .sec6 .text_area .p3 {
	font-size: clamp(20px, 5vw, 36px);
}
#design main .sec6 .text_area .p3 .asterisk {
	vertical-align: top;
	font-size: 10px;
	margin-top: -14px;
	display: inline-block;
	letter-spacing: 0.05em;
}
#design main .sec6 .bg {
	background: transparent url("../img/sec6_bg.jpg") left top/cover no-repeat;
}
#design main .sec6 .ttl_area {
	width: 50%;
}
#design main .sec6 .ttl_area .p1 {
	text-transform: none;
	font-size: clamp(20px, 5vw, 32px);
}
#design main .sec6 .ttl_area .p2 {
	margin-block: 2% 4%;
}
#design main .sec6 .ttl_area .p3 {
	font-size: clamp(13px, 3vw, 14px);
	letter-spacing: 0.05em;
}
#design main .sec6 .flbox1 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#design main .sec6 .flbox1 .ttl_area {
	width: 50%;
}
#design main .sec6 .flbox1 .imgbox {
	width: 48%;
}
#design main .sec6 .flbox2,
#design main .sec6 .flbox3 {
	width: 48%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 5%;
}
#design main .sec6 .flbox2 .ttl_area,
#design main .sec6 .flbox3 .ttl_area {
	width: 48%;
}
#design main .sec6 .flbox2 .ttl_area .p1,
#design main .sec6 .flbox3 .ttl_area .p1 {
	font-size: clamp(20px, 2.6vw, 28px);
}
#design main .sec6 .flbox2 .ttl_area .p1_1,
#design main .sec6 .flbox3 .ttl_area .p1_1 {
	width: 100%;
	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;
}
#design main .sec6 .flbox2 .ttl_area .p1_1 p,
#design main .sec6 .flbox3 .ttl_area .p1_1 p {
	font-size: 12px;
	width: 31%;
	letter-spacing: 0.4em;
}
#design main .sec6 .flbox2 .ttl_area .p1_1 span,
#design main .sec6 .flbox3 .ttl_area .p1_1 span {
	display: inline-block;
	width: 73%;
	height: 1px;
	background-color: #fff;
}
#design main .sec6 .flbox2 .ttl_area .p2,
#design main .sec6 .flbox3 .ttl_area .p2 {
	margin-block: 2% 4%;
	font-size: clamp(13px, 1vw, 16px);
	letter-spacing: 0.05em;
}
#design main .sec6 .flbox2 .ttl_area .p3,
#design main .sec6 .flbox3 .ttl_area .p3 {
	font-size: clamp(12px, 3vw, 13px);
	letter-spacing: 0.05em;
}
#design main .sec6 .flbox2 .imgbox,
#design main .sec6 .flbox3 .imgbox {
	width: 48%;
}
#design main .sec6 .flbox3 {
	width: 49%;
	position: relative;
}
#design main .sec6 .flbox3::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #fff;
	top: 0;
	left: -4%;
}
#design main .sec6 .flbox3 .ttl_area {
	width: 50%;
}
#design main .sec6 .flbox3 .ttl_area .p1_1 {
	width: 100%;
	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;
}
#design main .sec6 .flbox3 .ttl_area .p1_1 p {
	font-size: 11px;
	width: 31%;
	letter-spacing: 0.4em;
}
#design main .sec6 .flbox3 .ttl_area .p1_1 span {
	display: inline-block;
	width: 73%;
	height: 1px;
	background-color: #fff;
}
#design main .sec6 .flbox3 .ttl_area .p2 {
	margin-block: 2% 4%;
	font-size: clamp(13px, 1vw, 15px);
	letter-spacing: 0.05em;
}
#design main .sec6 .flbox3 .ttl_area .p3 {
	font-size: clamp(12px, 3vw, 13px);
	letter-spacing: 0.05em;
}
#design main .sec6 .flbox3 .imgbox_area {
	width: 45%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#design main .sec6 .flbox3 .imgbox_area .imgbox {
	width: 48%;
}
#design main .sec6 .flbox3 .imgbox_area .imgbox p {
	font-size: clamp(10px, 1vw, 11px);
	margin-top: 1%;
}
#design main .sec6 .flbox3 .imgbox_area .imgbox:nth-child(n+3) {
	margin-top: 2%;
}
#design main .sec6 .flbox3 .imgbox_area .note {
	text-align: right;
}
#design main .sec6 .flbox4 {
	width: 100%;
	margin-top: 5%;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#design main .sec6 .flbox4 .ttl_area {
	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;
	width: 100%;
	border-bottom: 1px solid #fff;
}
#design main .sec6 .flbox4 .ttl_area .p2 {
	margin: 0;
	margin-left: 2%;
}
#design main .sec6 .flbox4 .flbox5 {
	width: 100%;
	padding-block: 2% 1.5%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-bottom: 1px solid #fff;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
#design main .sec6 .flbox4 .flbox5 .box {
	width: 55%;
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box {
	width: 32%;
	text-align: center;
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box.fs-13 .p1 {
	font-size: clamp(11px, 1vw, 13px);
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box:nth-child(n+4) {
	margin-top: 3%;
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box .imgbox {
	width: 100%;
	margin-bottom: 2%;
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box p {
	letter-spacing: 0.05em;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box .p1 {
	font-size: clamp(14px, 3vw, 15px);
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box .p1 span {
	font-size: 10px;
}
#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box .p2 {
	font-size: 10px;
}
#design main .sec6 .flbox4 .flbox5 .box:nth-child(2) {
	width: 42%;
}
#design main .sec6 .flbox4 .flbox5 .box:nth-child(2) .imgbox {
	width: 100%;
}
#design main .sec6 .flbox4 .flbox5 .box:nth-child(2) .imgbox:nth-child(1) {
	margin-bottom: 5%;
}
@media screen and (max-width: 969px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec6 .text_area .p3 .asterisk {
		margin-top: -6px;
	}
	#design main .sec6 .flbox1 .ttl_area {
		width: 100%;
	}
	#design main .sec6 .flbox1 .imgbox {
		width: 100%;
		margin-top: 5%;
	}
	#design main .sec6 .flbox2,
	#design main .sec6 .flbox3 {
		width: 100%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec6 .flbox2 .ttl_area,
	#design main .sec6 .flbox3 .ttl_area {
		width: 100%;
	}
	#design main .sec6 .flbox2 .ttl_area .p1,
	#design main .sec6 .flbox3 .ttl_area .p1 {
		font-size: clamp(22px, 5vw, 28px);
	}
	#design main .sec6 .flbox2 .ttl_area .p1_1,
	#design main .sec6 .flbox3 .ttl_area .p1_1 {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	#design main .sec6 .flbox2 .ttl_area .p1_1 p,
	#design main .sec6 .flbox3 .ttl_area .p1_1 p {
		font-size: clamp(12px, 3vw, 15px);
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	#design main .sec6 .flbox2 .ttl_area .p1_1 span,
	#design main .sec6 .flbox3 .ttl_area .p1_1 span {
		width: 89%;
	}
	#design main .sec6 .flbox2 .ttl_area .p2,
	#design main .sec6 .flbox3 .ttl_area .p2 {
		margin-block: 2%;
		font-size: clamp(14px, 3vw, 20px);
	}
	#design main .sec6 .flbox2 .ttl_area .p3,
	#design main .sec6 .flbox3 .ttl_area .p3 {
		font-size: clamp(12px, 3vw, 13px);
	}
	#design main .sec6 .flbox2 .imgbox,
	#design main .sec6 .flbox3 .imgbox {
		width: 50%;
		max-width: 500px;
		margin: 5% auto 0;
	}
	#design main .sec6 .flbox3 {
		width: 100%;
	}
	#design main .sec6 .flbox3::before {
		display: none;
	}
	#design main .sec6 .flbox3 .ttl_area {
		width: 100%;
	}
	#design main .sec6 .flbox3 .ttl_area .p1 {
		font-size: clamp(22px, 5vw, 28px);
	}
	#design main .sec6 .flbox3 .ttl_area .p1_1 {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	#design main .sec6 .flbox3 .ttl_area .p1_1 p {
		font-size: clamp(12px, 3vw, 15px);
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	#design main .sec6 .flbox3 .ttl_area .p1_1 span {
		width: 86%;
	}
	#design main .sec6 .flbox3 .ttl_area .p2 {
		font-size: clamp(14px, 3vw, 20px);
	}
	#design main .sec6 .flbox3 .imgbox_area {
		width: 100%;
		margin: auto 0;
	}
	#design main .sec6 .flbox3 .imgbox_area .imgbox p {
		font-size: clamp(13px, 3vw, 15px);
		margin-top: 2%;
	}
	#design main .sec6 .flbox3 .imgbox_area .note {
		text-align: left;
	}
	#design main .sec6 .flbox4 {
		width: 100%;
		margin-top: 5%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec6 .flbox4 .ttl_area {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec6 .flbox4 .ttl_area .p2 {
		width: 100%;
		margin-left: 0;
	}
	#design main .sec6 .flbox4 .flbox5 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec6 .flbox4 .flbox5 .box {
		width: 100%;
	}
	#design main .sec6 .flbox4 .flbox5 .box:nth-child(2) {
		width: 100%;
	}
	#design main .sec6 .flbox4 .flbox5 .box:nth-child(2) .imgbox {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec6 {
		padding-block: 15%;
	}
	#design main .sec6 .text_area {
		width: 90%;
		margin: 0 auto;
	}
	#design main .sec6 .text_area .p2 {
		width: 85%;
		margin: 7% auto 6%;
	}
	#design main .sec6 .text_area .p3 {
		font-size: clamp(19px, 5vw, 36px);
	}
	#design main .sec6 .ttl_area .p1 {
		text-transform: none;
		font-size: clamp(28px, 5vw, 32px);
	}
	#design main .sec6 .ttl_area .p2 {
		font-size: clamp(14px, 3vw, 25px);
	}
	#design main .sec6 .ttl_area .p3 {
		font-size: clamp(13px, 3vw, 14px);
		letter-spacing: 0.05em;
		line-height: 1.4em;
	}
	#design main .sec6 .flbox1 {
		margin-top: 8%;
	}
	#design main .sec6 .flbox1 .ttl_area .p2 {
		font-size: clamp(18px, 3vw, 20px);
	}
	#design main .sec6 .flbox2 {
		margin-top: 10%;
	}
	#design main .sec6 .flbox2 .ttl_area .p1_1 span {
		width: 78%;
	}
	#design main .sec6 .flbox2 .ttl_area .p2 {
		font-size: clamp(18px, 3vw, 20px);
	}
	#design main .sec6 .flbox3 {
		margin-top: 10%;
	}
	#design main .sec6 .flbox3 .ttl_area .p1_1 span {
		width: 78%;
	}
	#design main .sec6 .flbox3 .ttl_area .p2 {
		font-size: clamp(18px, 3vw, 20px);
	}
	#design main .sec6 .flbox4 {
		margin-top: 15%;
	}
	#design main .sec6 .flbox4 .flbox5 {
		padding-block: 5% 5%;
	}
	#design main .sec6 .flbox4 .flbox5 .box {
		width: 100%;
	}
	#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box {
		width: 48%;
	}
	#design main .sec6 .flbox4 .flbox5 .box.flbox6 .box:nth-child(n+3) {
		margin-top: 3%;
	}
}
#design main .sec7 {
	background-color: #000;
	color: #fff;
	padding-block: 5%;
}
#design main .sec7 .ttl_area {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#design main .sec7 .ttl_area .p1 {
	text-transform: none;
	font-size: clamp(20px, 5vw, 34px);
}
#design main .sec7 .ttl_area .p2 {
	margin: 0;
	margin-left: 2%;
	font-size: clamp(16px, 1.8vw, 20px);
}
#design main .sec7 .imgbox {
	margin-top: 0.5%;
}
#design main .sec7 .flbox1 {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 10%;
}
#design main .sec7 .flbox1 .box1 .ttl_area {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
#design main .sec7 .flbox1 .box1 .ttl_area .p1 {
	font-size: clamp(20px, 5vw, 34px);
}
#design main .sec7 .flbox1 .box1 .ttl_area .p2 {
	margin-left: 0%;
	margin-top: 3%;
}
#design main .sec7 .flbox1 .box1 .imgbox {
	margin-top: 15%;
	margin-left: -10%;
}
#design main .sec7 .flbox1 .box {
	width: 44%;
}
#design main .sec7 .flbox1 .flbox2 {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 48%;
}
#design main .sec7 .flbox1 .flbox2 .box {
	width: 47%;
}
#design main .sec7 .flbox1 .flbox2 .box:nth-child(n+3) {
	margin-top: 7%;
}
#design main .sec7 .flbox1 .flbox2 .box .p1 {
	color: #D5C577;
	font-size: clamp(12px, 3vw, 16px);
	padding-block: 5% 3%;
	text-transform: uppercase;
}
#design main .sec7 .flbox1 .flbox2 .box .p1 span {
	color: #000;
	background-color: #D5C577;
	padding: 4px 5px 0px 7px;
	font-size: clamp(12px, 3vw, 21px);
	margin-right: 5px;
}
#design main .sec7 .flbox1 .flbox2 .box .p2 {
	font-size: clamp(12px, 3vw, 14px);
	line-height: 1.4em;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
#design main .sec7 .flbox3 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 5%;
}
#design main .sec7 .flbox3 .ttl_area {
	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;
	width: 100%;
}
#design main .sec7 .flbox3 .ttl_area .p2 {
	font-size: clamp(16px, 2.5vw, 20px);
}
#design main .sec7 .flbox3 .flbox4 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	padding: 3% 4%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #fff;
}
#design main .sec7 .flbox3 .flbox4 .box {
	width: 32%;
}
#design main .sec7 .flbox3 .flbox4 .box1 p {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
#design main .sec7 .flbox3 .flbox4 .box1 .p1 {
	font-size: clamp(13px, 1.4vw, 16px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	font-weight: 600;
	padding-block: 3%;
	letter-spacing: 0.14em;
}
#design main .sec7 .flbox3 .flbox4 .box1 .p2 {
	font-size: clamp(12px, 3vw, 13px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	padding-bottom: 3%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-bottom: 1px solid #fff;
}
#design main .sec7 .flbox3 .flbox4 .box1 .note {
	margin-top: 2%;
}
#design main .sec7 .flbox3 .flbox4 .box2 {
	width: 30%;
}
#design main .sec7 .flbox3 .flbox4 .box2 p {
	font-size: clamp(12px, 3vw, 14px);
	margin-top: 2%;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	letter-spacing: 0.14em;
}
#design main .sec7 .flbox3 .flbox4 .box3 p {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
#design main .sec7 .flbox3 .flbox4 .box3 .p1 {
	font-size: clamp(16px, 3vw, 16px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	font-weight: 600;
	letter-spacing: 0.14em;
	text-align: center;
	background-color: #3B3D4D;
	padding-block: 2%;
}
#design main .sec7 .flbox3 .flbox4 .box3 .p2 {
	font-size: clamp(12px, 3vw, 13px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	padding-block: 3%;
}
#design main .sec7 .flbox3 .flbox4 .box3 .note {
	margin-top: 2%;
}
@media screen and (max-width: 969px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec7 .ttl_area {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 95%;
		margin-inline: auto;
	}
	#design main .sec7 .scroll {
		margin-top: 3%;
	}
	#design main .sec7 .scroll p {
		text-align: center;
		font-size: clamp(14px, 3vw, 16px);
	}
	#design main .sec7 .highest_view {
		overflow-x: scroll;
	}
	#design main .sec7 .highest_view .imgbox {
		width: 200%;
	}
	#design main .sec7 .ttl_area .p1 {
		text-transform: none;
		font-size: clamp(20px, 5vw, 34px);
	}
	#design main .sec7 .ttl_area .p2 {
		margin: 0;
		margin-left: 2%;
		font-size: clamp(16px, 3vw, 20px);
	}
	#design main .sec7 .flbox1 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec7 .flbox1 .box1 .imgbox {
		margin-top: 10%;
		margin-left: 0%;
	}
	#design main .sec7 .flbox1 .box {
		width: 100%;
	}
	#design main .sec7 .flbox1 .flbox2 {
		margin-top: 5%;
		width: 100%;
	}
	#design main .sec7 .flbox1 .flbox2 .box {
		width: 47%;
	}
	#design main .sec7 .flbox1 .flbox2 .box .p1 {
		font-size: clamp(12px, 3vw, 20px);
	}
	#design main .sec7 .flbox1 .flbox2 .box .p2 {
		font-size: clamp(12px, 3vw, 15px);
	}
	#design main .sec7 .flbox3 {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec7 .flbox3 .ttl_area {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#design main .sec7 .flbox3 .ttl_area .p1,
	#design main .sec7 .flbox3 .ttl_area .p2 {
		width: 100%;
	}
	#design main .sec7 .flbox3 .ttl_area .p1 {
		font-size: clamp(28px, 5vw, 34px);
	}
	#design main .sec7 .flbox3 .ttl_area .p2 {
		margin-left: 0;
		padding-block: 1% 2%;
		font-size: clamp(14px, 2.5vw, 20px);
	}
	#design main .sec7 .flbox3 .flbox4 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}
@media screen and (max-width: 768px) {
	#design main {
		/*@media screen end*/
	}
	#design main .sec7 .ttl_area .p1 {
		font-size: clamp(25px, 5vw, 34px);
	}
	#design main .sec7 .ttl_area .p2 {
		margin-left: 0;
	}
	#design main .sec7 .flbox1 .flbox2 {
		margin-top: 10%;
	}
	#design main .sec7 .flbox1 .flbox2 .box {
		width: 49%;
	}
	#design main .sec7 .flbox3 .ttl_area .p2 {
		padding-block: 2%;
	}
	#design main .sec7 .flbox3 .flbox4 {
		padding: 10% 5%;
	}
	#design main .sec7 .flbox3 .flbox4 .box {
		width: 100%;
	}
	#design main .sec7 .flbox3 .flbox4 .box1 .p1 {
		font-size: clamp(16px, 3.4vw, 20px);
	}
	#design main .sec7 .flbox3 .flbox4 .box1 .p2 {
		font-size: clamp(12px, 3vw, 13px);
		padding-bottom: 3%;
	}
	#design main .sec7 .flbox3 .flbox4 .box1 .note {
		margin-top: 2%;
	}
	#design main .sec7 .flbox3 .flbox4 .box2 {
		width: 90%;
		margin: 5% auto;
	}
	#design main .sec7 .flbox3 .flbox4 .box2 p {
		font-size: clamp(14px, 3vw, 18px);
		text-align: center;
		margin-top: 5%;
	}
	#design main .sec7 .flbox3 .flbox4 .box3 p {
		font-family: "Noto Sans JP", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
	}
	#design main .sec7 .flbox3 .flbox4 .box3 .p1 {
		font-size: clamp(16px, 3vw, 16px);
		-webkit-font-feature-settings: "palt";
		        font-feature-settings: "palt";
		font-weight: 600;
		letter-spacing: 0.14em;
		text-align: center;
		background-color: #3B3D4D;
	}
	#design main .sec7 .flbox3 .flbox4 .box3 .p2 {
		font-size: clamp(12px, 3vw, 13px);
		-webkit-font-feature-settings: "palt";
		        font-feature-settings: "palt";
		padding-block: 3%;
	}
	#design main .sec7 .flbox3 .flbox4 .box3 .note {
		margin-top: 2%;
	}
}
#design main .note_area {
	background-color: #000;
	color: #fff;
	padding-bottom: 5%;
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
}
/*# sourceMappingURL=design.css.map */