@charset "utf-8";
.lower #gHeader{
    position: fixed;
    top: 0;
}
.lower{
	/*background-color: #111114;*/
	background-color: #060608;
}
body{
	background-color: #060608;
}
.lower #main .about{
	background: none;
}
.lower #main > .subBox::after{
	background: none;
}
.lower #main .about .imgBox .photoBox{
	margin-top: 30rem
}
.lower #main .about .imgBox .textBox {
    position: relative;
}
.lower .inner{
	max-width: 1200px;
	margin: 0 auto;
}
.lower #main .about .imgBox .textBox {
    margin-top: 16rem;
}
.lower .headLine01{
    font-size: 3rem;
}
.lower .comInnerBox .lBox .comSubLine::after {
    background: none;
	box-shadow: none !important;
}
.lower .usage,
.lower .apply{
	margin-bottom: 10rem;
}
.lower .partner_entry{
	background-image: url(../img/lower/partner2.png);
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.lower .partner_entry_box{
	padding: 20rem 0;
	margin: 0px auto;
	display: block;
	width: fit-content;
	text-align: center;
}
.lower .toconntact{
    border: 1px solid #fff;
    display: block;
    width: fit-content;
    padding: 10px 20px;
    margin: 40px auto;
}
.join_our_product{
	background-color: #060608 !important;
}
#main .join_our_product.about .imgBox .photoBox img {
    margin-bottom: 10rem;
    margin-top: -8rem;
    padding-right: 2rem;
}
@media all and (max-width: 896px) {
	.lower #main .about .imgBox .photoBox {
		margin-top: 10rem;
	}
	.lower #main .about .imgBox .textBox {
		margin-top: 0rem;
	}
	#main .about .imgBox .photoBox img {
		margin-bottom: 2rem;
	}
	.lower .usage, .lower .apply {
		padding: 10px 20px !important;
		margin-bottom: 5rem;
	}
	.lower .inner {
		padding: 0 20px;
	}
	.lower .merit{
		padding: 30px 20px !important;
	}
	.lower .partner_entry_box {
		padding: 20rem 20px;
	}
	#main .join_our_product.about .imgBox .photoBox img {
		margin-bottom: 0rem;
		margin-top: -8rem;
		padding-right: 0rem;
	}
	#main .join_our_product.about .textBox {
		padding: 0;
	}
	#main .join_our_product.about .imgBox {
        margin: 0 0rem;
    }
}

/*------------------------------------------------------------
	terms
------------------------------------------------------------*/
.terms .mainvisual{
	margin-bottom: 0px;
}
.terms_box{
	padding-top: 60px;
	margin: 80px 0;
}
.terms_box .headLine01 .en {
	font-size: 7rem;
}
.terms_text{
	margin-top: 60px;
}
.terms_text_title{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 40px;
}
.terms_text ul li{
	list-style: decimal;
	margin-left: 20px;
}
@media all and (max-width: 896px) {
	.terms_box .headLine01 .en {
		font-size: 5rem;
	}
	.terms .mainvisual {
        padding: 7.5rem 0rem 0 !important;
    }
	.terms #main .about {
        padding: 0.5rem 0 5rem;
    }
	.terms_box {
		padding-top: 30px;
		margin: 40px 0;
	}
	.terms_box .headLine01 .en {
		font-size: 4rem;
		display: block;
	}
}

/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
.contact{
	background-color: #000;
}
.contacttitle{
	margin-top: 25rem;
} 
.contact_box{
	margin: 50px 0;
}
.contact_item{
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
}
.contact_item_title{
	width: 200px;
}
.contact_item_title span{
	background-color: #DD0000;
	padding: 2px 5px;
	color: #FFF;
	font-size: 14px;
	margin-left: 20px;
}
.contact_item input{
	border: 1px solid #DDDDDD;
	padding: 10px;
	width: 300px;
	border-radius: 3px;
}
.contact_item textarea{
	border: 1px solid #DDDDDD;
	padding: 10px;
	width: 600px;
	height: 150px;
	border-radius: 3px;
}
.sns{
	border-top: 1px solid #DDDDDD;
	padding: 100px 0;
}
.sns_title{
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 30px;
}
.sns_icon{
	display: flex;
	gap:30px;
	justify-content: center;
	margin-top: 40px;
}
.sns_icon img{
	width: 35px;
}
.map p{
	margin: 30px 0;
}
.contact_box .comBtn input{
	padding: 2rem 5rem;
	text-align: center;
	display: block;
	background-color: #222;
	color: #fff;
	font-size: 1.8rem;
	cursor: pointer;
}
.contact_box .thanks_title{
	font-size: 2rem;
    margin-bottom: 40px;
}
.mw_wp_form_complete .contact_box{
	margin: 20px 0;
}

@media all and (max-width: 896px) {
	.contact .mainvisual {
		padding-bottom: 60px;
		margin-bottom: 0px;
	}
	.contact_box {
		margin: 60px 0;
	}
	.contact_item {
		display: block;
	}
	.contact_item_title {
		margin-bottom: 20px;
	}
	.contact_item textarea {
		width: 90%;
	}
	.contacttitle {
		margin-top: 10rem;
	}
	.contact_box {
		margin: 20px 0;
	}
}
/*------------------------------------------------------------
	404
------------------------------------------------------------*/
.p404 #main::after {
    background: none;
}
.p404inner{
	padding: 25rem 0 30px;
}

/*------------------------------------------------------------
	designers
------------------------------------------------------------*/
.p-designer-mv {
	background-image: url(../img/designers/designers01.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	background-position: right;
	margin-bottom: 10rem;
}
.page-designer #main {
    padding-top: 0px;
}
.page-designer .p-title-sec-inner{
	display: block;
}
.p-designer-mv .p-title-sec-heading{
	max-width: 100%;
	padding-top: 16rem;
}
.p-designer-mv .p-title-sec-heading-l{
    font-size: 7rem;
}
.p-designer-mv .desc-txt{
	padding-bottom :18rem;
}
.p-designers03-img{
    position: relative;
    left: -20rem;
    top: 10rem;
    width: calc(100% + 20rem);
}
.p-designer-overview{
	margin-bottom: 25rem;
}
.p-designer-evolution .p-detail-box{
	display: block;
}
.p-designer-evolution .num-list .num-list-item {
    flex: 0 0 calc(33% - 4rem);
    max-width: calc(33% - 4rem);
}
.p-designer-evolution .sec-heading-m{
	margin-bottom: 8rem;
}
.sec-heading-mm{
	font-size: 4rem;
	margin-bottom: 5rem;
}
@media only screen and (min-width: 897px) {
    .p-designer .p-detail-box.p-detail-box--full .p-detail-box-cnt-inner {
        max-width: 69rem;
    }
}
@media only screen and (max-width: 896px) {
	.p-designer-mv .p-title-sec-heading {
		padding-top: 0rem;
	}
	.p-designer-mv .p-title-sec-heading-l {
		font-size: 3rem;
	}
	.p-designer-mv {
		margin-bottom: -5rem;
	}
	.p-designers03-img {
		left: 0;
		top: 0;
		width: 100%;
		margin-top: 20px;
	}
	.p-designer-overview {
		margin-bottom: 8rem;
	}
	.p-designer-evolution .num-list .num-list-item {
		flex: 100%;
		max-width: 100%;
	}
	.p-designer-evolution .sec-heading-m {
		margin-bottom: 3rem;
	}
	.p-designer-evolution .num-list .num-list-item {
        margin-bottom: 1rem;
    }
	.sec-heading-mm {
		font-size: 2rem;
		margin-bottom: 3rem;
	}
	.p-detail-box {
        margin-bottom: 5rem;
    }
}