/*-----------------setting_css---------------------*/
/*-----------------/setting_css/---------------------*/
#design {
	color: #fff;
}
#design main {
	opacity: 1;
	background: url("../img/bg_brand.jpg") left top/cover no-repeat;
}
@media screen and (max-width: 768px) {
	#design main {
		padding-bottom: 15%;
		/*@media screen end*/
	}
}
#design main p {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
}
#design main .com-w1200 {
	width: 90%;
}
#design .mv_img .ttl {
	width: 25%;
	max-width: 150px;
}
#design .text {
	font-size: clamp(10px, 5vw, 15px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
	#design .text {
		font-size: clamp(10px, 3.6vw, 15px);
	}
}
#design .lead {
	font-size: clamp(10px, 4.3vw, 20px);
}
#design .con_box {
	margin-bottom: 8%;
}
#design .con_box .ttl {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	position: relative;
	text-transform: uppercase;
	display: inline-block;
	font-size: clamp(10px, 5vw, 26px);
	letter-spacing: 0.25em;
}
#design .con_box .ttl::before {
	content: "";
	position: absolute;
	width: 100%;
	bottom: 25%;
	height: 1px;
	left: 0;
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
	#design .con_box .ttl {
		font-size: clamp(10px, 4vw, 26px);
	}
}
#design .sec1 .com-imgbox .text,
#design .sec1 .com-imgbox .landmark {
	position: absolute;
}
#design .sec1 .com-imgbox .text {
	top: 13%;
	left: 3%;
	width: 65%;
	max-width: 400px;
}
@media screen and (max-width: 768px) {
	#design .sec1 .com-imgbox {
		/*@media screen end*/
	}
	#design .sec1 .com-imgbox .text {
		top: 6%;
		left: 5%;
	}
}
#design .sec1 .com-imgbox .landmark {
	bottom: 0%;
	left: 0%;
	width: 62%;
	max-width: 550px;
}
#design .sec2 .com-imgbox .text_img {
	position: absolute;
}
#design .sec2 .com-imgbox .text_1 {
	top: 22%;
	left: 4%;
	width: 7%;
	max-width: 60px;
}
#design .sec2 .com-imgbox .text_2 {
	top: 40%;
	right: 19%;
	width: 7%;
	max-width: 65px;
}
#design .sec2 .com-imgbox .text_3 {
	top: 13%;
	right: 12%;
	width: 65%;
	max-width: 400px;
}
#design .sec2 .com-imgbox .text_3 .text {
	line-height: 2em;
	font-size: clamp(10px, 5vw, 13px);
}
#design .sec2 .com-imgbox .text_3 .small {
	margin-top: 9%;
	width: 50%;
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
	#design .sec2 {
		background-color: #000;
		padding-top: 70vw;
	}
	#design .sec2 .com-imgbox .text_img {
		position: absolute;
	}
	#design .sec2 .com-imgbox .text_2 {
		top: 1%;
		right: 5%;
		width: 11%;
		max-width: 65px;
	}
	#design .sec2 .com-imgbox .text_3 {
		top: -58vw;
		width: 90%;
		right: 5%;
		max-width: unset;
	}
	#design .sec2 .com-imgbox .text_3 .text {
		font-size: clamp(10px, 3.5vw, 20px);
	}
	#design .sec2 .com-imgbox .text_3 .small {
		width: 62%;
	}
}
#design .sec3 {
	background: #000;
	position: relative;
	padding-block: 5% 10%;
}
#design .sec3 .text_img {
	position: absolute;
	width: 7%;
	max-width: 100px;
	bottom: 12%;
	right: 4%;
}
#design .sec3 .bg_img {
	width: 70%;
	margin-inline: auto;
}
#design .sec3 .bg_img .com-imgnote {
	bottom: 36%;
}
#design .sec3 .con_box .ttl {
	display: block;
	padding-bottom: 2%;
}
#design .sec3 .con_box .ttl::before {
	width: 100%;
	background-color: #fff;
}
#design .sec3 .con_box {
	width: 85%;
}
#design .sec3 .con_box_1 {
	margin-top: -33%;
}
#design .sec3 .con_box_1 .com-flbox .box_l {
	width: 65%;
}
#design .sec3 .con_box_1 .com-flbox .box_l .logo_area {
	text-align: center;
	width: 60%;
}
#design .sec3 .con_box_1 .com-flbox .box_l .logo_area .p1 {
	font-size: clamp(10px, 5vw, 15px);
	letter-spacing: 0.05em;
}
#design .sec3 .con_box_1 .com-flbox .box_l .logo_area .logo {
	width: 80%;
	margin-inline: auto;
	margin-block: 3%;
}
#design .sec3 .con_box_1 .com-flbox .box_l .text {
	margin-top: 5%;
}
#design .sec3 .con_box_1 .com-flbox .box_r {
	width: 30%;
}
#design .sec3 .con_box_1 .com-flbox .box_r .name {
	font-size: clamp(10px, 5vw, 20px);
	margin-top: 1%;
}
#design .sec3 .con_box_1 .com-flbox .box_r .name span {
	font-size: clamp(10px, 5vw, 11px);
	letter-spacing: 0.05em;
	margin-left: 5%;
}
#design .sec3 .con_box_2 {
	margin-right: 5%;
	margin-left: auto;
	margin-bottom: 0;
	width: 80%;
	margin-right: 10%;
}
#design .sec3 .con_box_2 .com-flbox .box_l {
	width: 65%;
}
#design .sec3 .con_box_2 .com-flbox .box_l .ttl {
	text-align: right;
}
#design .sec3 .con_box_2 .com-flbox .box_r {
	width: 30%;
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
	#design .sec3 {
		padding-block: 10% 25%;
	}
	#design .sec3 .text_img {
		position: relative;
		width: 90%;
		max-width: unset;
		inset: unset;
		margin-inline: auto;
	}
	#design .sec3 .bg_img {
		width: 90%;
		margin-inline: auto;
		margin-top: 15%;
	}
	#design .sec3 .con_box .ttl {
		display: block;
		padding-bottom: 2%;
	}
	#design .sec3 .con_box {
		width: 100%;
	}
	#design .sec3 .con_box_1 .com-flbox .box_l {
		width: 100%;
		margin-top: 5%;
	}
	#design .sec3 .con_box_1 .com-flbox .box_l .logo_area {
		width: 90%;
		margin-inline: auto;
	}
	#design .sec3 .con_box_1 .com-flbox .box_l .logo_area .p1 {
		font-size: clamp(10px, 5vw, 14px);
	}
	#design .sec3 .con_box_1 .com-flbox .box_l .text {
		margin-top: 5%;
	}
	#design .sec3 .con_box_1 .com-flbox .box_r {
		width: 100%;
		margin-top: 10%;
	}
	#design .sec3 .con_box_2 {
		margin-top: 15%;
		width: 100%;
	}
	#design .sec3 .con_box_2 .com-flbox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	#design .sec3 .con_box_2 .com-flbox .box_l {
		width: 100%;
	}
	#design .sec3 .con_box_2 .com-flbox .box_r {
		width: 100%;
		margin-top: 10%;
	}
}
#design .sec4 .com-imgbox .com-w1200 {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#design .sec4 .com-imgbox .com-w1200 .com-flbox {
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 6%;
}
#design .sec4 .com-imgbox .com-w1200 .com-flbox .box_l {
	width: 30%;
}
#design .sec4 .com-imgbox .com-w1200 .com-flbox .box_r .text {
	font-size: clamp(10px, 5vw, 20px);
}
#design .sec5 .com-imgbox .com-w1200 {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox {
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 9%;
	margin-right: 5%;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l {
	width: 45%;
	position: relative;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l .lead {
	font-size: clamp(10px, 5vw, 20px);
	margin-bottom: 7%;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l .text {
	font-size: clamp(10px, 5vw, 14px);
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r {
	width: 53%;
	position: relative;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	left: -3%;
	top: 0;
	background-color: #fff;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox {
	margin-bottom: 2%;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox {
	width: 67%;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox .lead {
	width: 65%;
	font-size: clamp(10px, 1.2vw, 17px);
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox .logo {
	width: 34%;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .text {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-top: 1px solid #fff;
	padding-top: 10px;
	font-size: clamp(10px, 5vw, 13px);
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .com-imgbox {
	width: 30%;
}
#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .note {
	font-size: 10px;
}
@media screen and (max-width: 800px) {
	#design {
		/*@media screen end*/
	}
	#design .sec5 {
		background-color: #000;
	}
	#design .sec5 ._pc {
		display: none;
	}
	#design .sec5 ._sp {
		display: block;
	}
	#design .sec5 .com-imgbox .com-w1200 {
		position: relative;
		width: 90%;
		margin-inline: auto;
		margin-left: 0;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox {
		width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 9%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l {
		width: 100%;
		position: relative;
		margin-top: 10%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l .lead {
		font-size: clamp(10px, 1vw, 20px);
		margin-bottom: 7%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l .text {
		font-size: clamp(10px, 1vw, 14px);
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r {
		width: 100%;
		position: relative;
		margin-top: 10%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		top: -6%;
		background-color: #fff;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox {
		margin-bottom: 2%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox {
		width: 100%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox {
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox .lead {
		width: 65%;
		font-size: clamp(10px, 3.5vw, 17px);
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox .logo {
		width: 34%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .text {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border-top: 1px solid #fff;
		padding-top: 10px;
		font-size: clamp(10px, 5vw, 13px);
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text {
		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;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border-top: 1px solid #fff;
		padding-top: 3%;
		margin-top: 3%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text .text {
		width: 68%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text .com-imgbox {
		width: 30%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text .com-imgbox .com-imgnote {
		bottom: 3px;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .com-imgbox {
		width: 30%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .note {
		font-size: 10px;
	}
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
	#design .sec5 {
		background-color: #000;
	}
	#design .sec5 .com-imgbox .com-imgnote {
		bottom: 58%;
	}
	#design .sec5 .com-imgbox .com-w1200 {
		position: relative;
		width: 90%;
		margin-inline: auto;
		margin-left: 0;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox {
		width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 9%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l {
		width: 100%;
		position: relative;
		margin-top: 10%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l .lead {
		font-size: clamp(10px, 5vw, 20px);
		margin-bottom: 7%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_l .text {
		font-size: clamp(10px, 5vw, 14px);
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r {
		width: 100%;
		position: relative;
		margin-top: 10%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		top: -6%;
		background-color: #fff;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox {
		margin-bottom: 2%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox {
		width: 100%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox {
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox .lead {
		width: 65%;
		font-size: clamp(10px, 3.5vw, 17px);
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .com-flbox .logo {
		width: 34%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .textbox .text {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border-top: 1px solid #fff;
		padding-top: 10px;
		font-size: clamp(10px, 5vw, 13px);
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text {
		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;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border-top: 1px solid #fff;
		padding-top: 3%;
		margin-top: 3%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text .text {
		width: 68%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text .com-imgbox {
		width: 30%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .box_text .com-imgbox .com-imgnote {
		bottom: 3px;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .com-flbox .com-imgbox {
		width: 30%;
	}
	#design .sec5 .com-imgbox .com-w1200 .com-flbox .box_r .note {
		font-size: 10px;
	}
}
#design .sec6 .bg_imgbox img {
	margin-top: calc(-7% - 2px);
}
#design .sec6 .bg_imgbox .com-w1200 {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	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;
}
#design .sec6 .bg_imgbox .com-w1200 .textbox {
	color: #b39a76;
	width: 48%;
	margin-top: 10%;
}
#design .sec6 .bg_imgbox .com-w1200 .textbox .text {
	margin-top: 15%;
	width: 90%;
	font-size: clamp(10px, 1.5vw, 15px);
}
@media screen and (max-width: 768px) {
	#design {
		/*@media screen end*/
	}
	#design .view {
		position: relative;
		z-index: 1;
	}
	#design .sec6 .bg_imgbox img {
		margin-top: calc(-20% - 1px);
	}
	#design .sec6 .bg_imgbox .com-w1200 {
		position: absolute;
		height: 100%;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		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;
	}
	#design .sec6 .bg_imgbox .com-w1200 .textbox {
		color: #b39a76;
		width: 100%;
		margin-top: -70%;
	}
	#design .sec6 .bg_imgbox .com-w1200 .textbox .text {
		margin-top: 10%;
		width: 100%;
		font-size: clamp(10px, 3.6vw, 15px);
	}
}
#design .bg_col {
	background-color: #f2ede6;
	color: #000;
	padding-block: 5%;
}
@media screen and (max-width: 768px) {
	#design .bg_col {
		padding-block: 15%;
		/*@media screen end*/
	}
}
#design .bg_col .con_box {
	margin-bottom: 8%;
}
#design .bg_col .con_box .ttl {
	color: #b39a76;
	display: inline-block;
}
#design .bg_col .con_box .ttl::before {
	background-color: #b39a76;
}
@media screen and (max-width: 768px) {
	#design .bg_col {
		/*@media screen end*/
	}
	#design .bg_col .con_box {
		margin-bottom: 20%;
	}
}
#design .bg_col .con_box_1 .com-flbox {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
#design .bg_col .con_box_1 .box_l {
	width: 36%;
	margin-bottom: 2%;
}
#design .bg_col .con_box_1 .box_r {
	width: 70%;
	margin-left: -7%;
}
@media screen and (max-width: 768px) {
	#design .bg_col {
		/*@media screen end*/
	}
	#design .bg_col .con_box_1 .com-flbox {
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	#design .bg_col .con_box_1 .box_l {
		width: 100%;
		margin-bottom: 5%;
	}
	#design .bg_col .con_box_1 .box_l .text {
		margin-top: 3%;
	}
	#design .bg_col .con_box_1 .box_r {
		width: 100%;
		margin-left: 0%;
	}
	#design .bg_col .con_box_1 .box_r .com-imgnote {
		bottom: -20px;
	}
}
#design .bg_col .con_box_2 .flbox_1 {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
#design .bg_col .con_box_2 .flbox_1 .lead {
	margin-left: 5%;
}
#design .bg_col .con_box_2 .flbox_2 {
	margin-top: 5%;
}
#design .bg_col .con_box_2 .flbox_2 .box_l {
	mix-blend-mode: multiply;
	width: 88%;
	margin-left: -10%;
}
#design .bg_col .con_box_2 .flbox_2 .box_r {
	width: 30%;
	margin-left: -17%;
	margin-top: 3%;
}
#design .bg_col .con_box_2 .flbox_2 .box_r .w100 {
	width: 100%;
}
#design .bg_col .con_box_2 .flbox_2 .box_r .w50 {
	width: 49%;
	margin-block: 2%;
}
@media screen and (max-width: 768px) {
	#design .bg_col {
		/*@media screen end*/
	}
	#design .bg_col .con_box_2 .flbox_1 .ttl {
		font-size: clamp(10px, 6vw, 26px);
	}
	#design .bg_col .con_box_2 .flbox_1 .lead {
		margin-left: 0%;
		margin-top: 5%;
	}
	#design .bg_col .con_box_2 .flbox_2 {
		margin-top: 5%;
	}
	#design .bg_col .con_box_2 .flbox_2 .box_l {
		width: 100%;
		margin-left: 0%;
	}
	#design .bg_col .con_box_2 .flbox_2 .box_r {
		width: 100%;
		margin-left: 0%;
		margin-top: 10%;
	}
}
#design .bg_col .con_box_3,
#design .bg_col .con_box_4 {
	text-align: center;
}
#design .bg_col .con_box_3 .ttl::before,
#design .bg_col .con_box_4 .ttl::before {
	width: 200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
#design .bg_col .con_box_3 .com-flbox,
#design .bg_col .con_box_4 .com-flbox {
	width: 80%;
	margin-inline: auto;
}
#design .bg_col .con_box_3 .com-flbox .box p,
#design .bg_col .con_box_4 .com-flbox .box p {
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
	#design .bg_col {
		/*@media screen end*/
	}
	#design .bg_col .con_box_3 .ttl::before,
	#design .bg_col .con_box_4 .ttl::before {
		width: 90vw;
	}
	#design .bg_col .con_box_3 .com-flbox,
	#design .bg_col .con_box_4 .com-flbox {
		width: 100%;
	}
}
#design .bg_col .con_box_3 {
	text-align: center;
}
#design .bg_col .con_box_3 .lead {
	margin-block: 3%;
}
#design .bg_col .con_box_3 .text {
	margin-bottom: 5%;
}
#design .bg_col .con_box_3 .com-flbox .box {
	width: 21%;
}
#design .bg_col .con_box_3 .com-flbox .box:nth-child(n+5) {
	margin-top: 5%;
}
#design .bg_col .con_box_3 .com-flbox .box .p1 {
	font-size: clamp(10px, 5vw, 14px);
	text-align: left;
	width: 100%;
}
#design .bg_col .con_box_3 .com-flbox .com-note {
	margin-top: 5%;
	width: 100%;
	text-align: right;
}
@media screen and (max-width: 768px) {
	#design .bg_col {
		/*@media screen end*/
	}
	#design .bg_col .con_box_3 .lead {
		margin-block: 6%;
	}
	#design .bg_col .con_box_3 .text {
		margin-bottom: 15%;
	}
	#design .bg_col .con_box_3 .com-flbox .box {
		width: 48%;
	}
	#design .bg_col .con_box_3 .com-flbox .box:nth-child(n+3) {
		margin-top: 5%;
	}
	#design .bg_col .con_box_3 .com-flbox .box .p1 {
		font-size: clamp(10px, 3vw, 14px);
	}
}
#design .bg_col .con_box_4 {
	text-align: center;
}
#design .bg_col .con_box_4 .lead {
	margin-block: 3% 5%;
}
#design .bg_col .con_box_4 .com-flbox .box {
	width: 27%;
}
#design .bg_col .con_box_4 .com-flbox .box .p1 {
	font-size: clamp(10px, 5vw, 18px);
	position: relative;
	display: inline-block;
	margin-block: 5px;
}
#design .bg_col .con_box_4 .com-flbox .box .p1 span {
	font-size: 10px;
	position: absolute;
	top: -5px;
}
#design .bg_col .con_box_4 .com-flbox .box .p2 {
	font-size: clamp(10px, 5vw, 14px);
	text-align: left;
}
#design .bg_col .con_box_4 .com-flbox .box:nth-child(n+4) {
	margin-top: 5%;
}
@media screen and (max-width: 768px) {
	#design .bg_col {
		/*@media screen end*/
	}
	#design .bg_col .con_box_4 .lead {
		margin-block: 6% 10%;
	}
	#design .bg_col .con_box_4 .com-flbox .box {
		width: 47%;
		margin-top: 0%;
	}
	#design .bg_col .con_box_4 .com-flbox .box .p1 {
		font-size: clamp(10px, 4vw, 18px);
		margin-block: 10px 5px;
	}
	#design .bg_col .con_box_4 .com-flbox .box .p1 span {
		right: -19px;
	}
	#design .bg_col .con_box_4 .com-flbox .box .p2 {
		font-size: clamp(10px, 3.4vw, 14px);
	}
	#design .bg_col .con_box_4 .com-flbox .box:nth-child(n+3) {
		margin-top: 8%;
	}
}

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