@charset "utf-8";
/* CSS Document */

.pcOnlyB{
	display:block;
}

.pcOnlyI{
	display:inline;
}

.spOnly, .spOnlyI, .spOnlyB{
	display:none;
}

/* トップページ */

.topSec1{
	padding-bottom: 230px;
	padding-top: 140px;
}

.topSec1Inner{
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	align-items: flex-end;
	margin-bottom: 80px;
}

.topSec1Right{
	width: 450px;
	margin: 0;
}

.topSec1Right p{
	font-size: 3.8rem;
	margin-bottom: 80px;
	height: 10em;
}

.topSec1Right div img{
	width: 140px;
}

.topSec1Left{
	width: 500px;
}

.topSec1Left{
	font-size: 1.8rem;
}

.topSec1Btn{
	width: 1000px;
	margin: 0 auto;
}

.topSec2{
	padding: 200px var(--section-side) 35vw;
}

.topSec2 .inner{
	width: 1000px;
	margin: 0 auto var(--section-bottom) auto;
}

.topSec2 .inner p.txt{
	width: 500px;
}

.topSec2 h2{
	font-size: 150px;
	margin-bottom: 0;
}

.topSec2 .topSec2Bg{
	width: 550px;
	left: 50%;
}

.topSec2Bg li:nth-of-type(1){
	padding: 5px;
}

.topSec2Bg li:nth-of-type(2){
	padding: 35px;
}

.topSec2Bg li:nth-of-type(3){
	padding: 35px;
}

.topSec2Bg li:nth-of-type(4){
	padding: 5px;
}

.topSec2Slider {
	width: 980px;
	margin: 0 auto var(--section-bottom) auto;
}

.topSec2Slider li{
	display: flex;
	align-items: center;
}

.topSec2Slider li::before{
	width: 40px;
	height: 40px;
}

.topSec2Slider li::after{
	width: 40px;
	height: 40px;
}

.topSec2Slider li figure figcaption{
	font-size: 4rem;
	/*縦書きバグ対策で高さ規定*/
	height: 10em;
}

.topSec2Slider li figure span{
	width: 340px;
	padding: 60px 70px;
	border-radius: 10px;
	margin: 40px 40px 0 30px;
}

.topSec2Slider li dl dt{
	text-align: left;
	font-size: 2.4rem;
}

.topSec2Slider li dl dd{
	padding: 0;
	font-size: 1.8rem;
}



/* bx調整 */
.bx-wrapper{
	width: 980px;
	margin: 0 auto var(--section-bottom) auto;
}

.bx-wrapper .bx-prev{
	left: -50px;
}

.bx-wrapper .bx-next{
	right: -50px;
}
/* bx調整ここまで */


.topSec3{
	position: relative;
	padding-top: 23.5vw;
	margin-top: -24vw;
	background: url(../img/top/sec3_bottom.svg) no-repeat bottom center;
	background-size: 100% 10vw;
	padding-bottom: 9vw;
}

.topSec3 h2{
	font-size: 15rem;
	margin-bottom: 100px;
}

.topSec3 .inner{
	width: 1000px;
	margin: 0 auto;
}

.topSec3 figure{
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--section-bottom);
}

.topSec3 figure img{
	width: 480px;
	margin-top: 8px;
}

.topSec3 figure figcaption{
	padding-bottom: 0;
}

.sec3Btn{
	display: flex;
	justify-content: center;
}

.sec3Btn a{
	margin: 0 20px;
}

.topSec4 h2{
	font-size: 15rem;
	margin-bottom: 100px;
}

.topSec4 ul.nobx{
	margin-bottom:100px;
}

.topSec4 ul li{
	margin: 0;
	padding: 0;
	width: 380px !important;
	transition: margin 1000ms;
}
.topSec4 ul li a{
	padding: 60px 35px 60px 35px;
}

.topSec4 ul li a:after{
	left: 35px;
	bottom: 35px;
}

.topSec4 ul li a .date{
	font-size: 1.6rem;
}



.topSec4 .bx-viewport {
	width: 380px !important;
 }

 .topSec4 .bx-wrapper{
	width: 100%;
	margin: 0 auto var(--section-bottom) auto;
}

.topSec4 .bx-wrapper .bx-next{
	right: calc(50% - 215px);
}

.topSec4 .bx-wrapper .bx-prev{
	left: calc(50% - 215px);
}

 /* ABOUT US --------------------*/

 .ABOUT .lowHead .wavEnd{
	bottom: -100px;
}

.aboutSec1 dl{
	display: flex;
	flex-wrap: wrap;
}

.aboutSec1 dl dt{
	width: 160px;
	box-sizing: border-box;
	padding: 30px 0;
}

.aboutSec1 dl dd{
	width: 640px;
	box-sizing: border-box;
	padding: 30px 15px;
	border-bottom: solid 1px #BDBAB9;
}

.ABOUT .lowHead .wavEnd{
	bottom: -6vw;
}

 /* COMPANY --------------------*/

 .comSec1{
	 margin-top: -40px;
 }

 .comSec1 p.com1_1{
	font-size: 3.8rem;
	margin: 0 auto 0 auto;
	line-height: 2;
	letter-spacing: 0rem;
}

.comSec1 .face{
	padding: 50px 0 0 0;
	text-align: center;
}

.comSec1 .face .after{
	background-size: 300px auto;
	height: 380px;
}

.comSec1 .face img{
	width: 300px;
}

.comSec3 .com3_1{
	margin: 0 auto;
	width: 800px;
}

.comSec3 .com3_1 img{
	width: 100%;
}

.comSec3 .com3_1 dl dt{
	font-size: 1.8rem;
}

.comSec3 .com3_1 dl dt span{
	font-size: 3.6rem;
	transform: translateY(5px);
}

.comSec3 .com3_1 dl dd{
	line-height: 1.8;
	padding-top: 8px;
	font-size: 1.4rem;
}

.comSec3 .com3_1 dl:nth-of-type(1){
	transform: translate(-50%,0);
}


.comSec3 .com3_1 dl:nth-of-type(1) dt span{
	font-size: 5.9rem;
}

.comSec3 .com3_1 dl:nth-of-type(2){
	top: 6%;
	left: 50%;
}

.comSec3 .com3_1 dl:nth-of-type(3){
	top: 28%;
	left: 6%;
}

.comSec3 .com3_1 dl:nth-of-type(4){
	top: 28%;
	right: 6%;
}

.comSec3 .com3_1 dl:nth-of-type(5){
	top: 68%;
	left: 17%;
}

.comSec3 .com3_1 dl:nth-of-type(6){
	top: 68%;
	right: 16%;
}

#LOW main .comSec4 h4{
	font-size: 3.8rem;
	margin-bottom: 100px;
	padding-bottom: 20px;
}

.comSec4 h4:after{
	bottom: -20px;
	height: 40px;
}

.comSec4 .com4_2{
	margin-bottom: 200px;
}

.comSec4 figure.com4_1 img{
	width: 210px;
}



.comSec4 .com4_3 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 80px;
}

.comSec4 .com4_3 figure figcaption{
	margin-bottom: 20px;
	font-size: 2.4rem;
}

.comSec4 .com4_3 figure img{
	width: 168px;
	margin-bottom: 40px;
}

.comSec4 .com4_4{
	justify-content: center;
}

.comSec4 .com4_4 span{
	width: 150px;
	height: 150px;
	border-radius: 20px;
	margin: 0 30px;
}

.comSec4 .com4_4 p{
	margin-top: 70px;
}

 /* BRANDS --------------------*/
 .BRANDS .lowHead ul{
	justify-content: center;
 }
 .BRANDS .lowHead ul li{
	width: 250px;
}

 .bra1_1{
	 text-align: center;
 }

.bra1_1 a{
	margin: 0px 20px !important;
	display: inline-block;
}

#LOW main .braSec1{
	width: 1000px;
	margin: 0 auto;
}

#LOW main .braSec1 .topSec2Slider{
	margin: 0 0 80px 0;
	padding: 0;
}

/* RECRUIT --------------------*/

#LOW main section.recSec1{
	padding:0;

	width: 100%;

}

.lowHead p{
	width: 580px;
	margin-left: auto;
	margin-right: auto;
}

.recHead1{
	font-size: 1.4rem;
	margin-top: 30px;
}