@charset "UTF-8";
/**********************
*　Common
***********************/
.container { padding-bottom: 0; }

.sec__ttl { margin-bottom: 48px; text-align: center; }
.sec__ttl__jp,
.sec__ttl__en { display: block; }
.sec__ttl__jp { font-size: 2.3rem; font-weight: 900; line-height: 1.65; letter-spacing: 0.3em; text-indent: 0.3em; }
.sec__ttl__jp--lslesser { letter-spacing: 0.1em; text-indent: 0.1em;; }
.sec__ttl__en { margin-top: 6px; font: 400 1.2rem 'Poppins', sans-serif; line-height: 1; letter-spacing: 0.5em; text-indent: 0.5em; }
.sec__ttl__en--further { margin-top: 15px; }
.sec__ttl--obliq { position: relative; }
.sec__ttl--obliq::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 137px; height: 128px; background: url("/common/img/bg_obliq.svg") no-repeat center/contain; content: ""; }
@media print, screen and (max-width:680px) {
	.footer { margin-bottom: 50px; }
}
@media print, screen and (min-width:681px) {
	.sec__ttl__jp { font-size: 3.5rem; }
	.sec__ttl__en { margin-top: 10px; font-size: 1.8rem; }
	.sec__ttl--obliq::before { width: 223px; height: 208px; }
}



/**********************************************************
*　Mainvisual for Sub Top
**********************************************************/

.st-wrap { position: relative; }
.st {  }
.st__label { display: flex; justify-content: center; align-items: center; height: 35px; background: #000; margin-bottom: 30px; font-size: 1.4rem; font-weight: 700; line-height: 1; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; color: #fff; }
.st__ttl { font-size: 1.7rem; font-weight: 700; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; }
.st__ttl--sepa { display: flex; justify-content: center; align-items: center; color: #ff662e; }
.st__ttl--sepa span::before { content: "［ "; color: #000; }
.st__ttl--sepa span::after { content: " ］"; color: #000; }
.st__ttl--sepa strong { position: relative; width: 12px; height: 12px; }
.st__ttl--sepa strong::before,
.st__ttl--sepa strong::after { position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background: #000; content: ""; }
.st__ttl--sepa strong::before { transform: translate(-50%, -50%) rotate(45deg); }
.st__ttl--sepa strong::after { transform: translate(-50%, -50%) rotate(-45deg); }
.st__ttl--series span { color: #ff662e; }
.st__logo { margin-top: 24px; margin-bottom: 33px; text-align: center; }
.st__serv { font-size: 1.7rem; font-weight: 700; line-height: 1; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; }
.st-bg { text-align: center; }

.st-bg--consulting img { width: 240px; }
.st-bg--chgjob img { width: 184px; }
.mv--st__circle { position: absolute; display: block; background: linear-gradient(125deg, rgba(255,191,124,1) 3%, rgba(255,102,46,1) 100%);
 border-radius: 50%; z-index: 10; pointer-events: none; }
@media print, screen and (max-width:680px) {
	.mv--st { margin-top: 60px; }
	.st-wrap { padding-top: 28px; }
	.st__label { width: 290px; margin-left: auto; margin-right: auto; }
	.st-bg--consulting { margin-top: 25px; }
	.st-bg--chgjob { margin-top: 40px; padding-left: 30px; }
	.st__logo img { width: 310px; }
	.mv--st__circle--1 { top: 50%; right: 50%; transform: translate(850%, -20%); width: 16px; height: 16px; }
	.mv--st__circle--2 { top: 50%; right: 50%; transform: translate(380%, 250%); width: 54px; height: 54px; }
	.mv--st__circle--3 { top: 50%; left: 50%; transform: translate(-190%, -10%); width: 128px; height: 128px; }
	.st-btn2other { display: none; }
}
@media print, screen and (min-width:681px) {
	.header { width: auto; }
	.mv--st { position: relative; }
	.st-wrap { width: 1000px; margin-left: auto; margin-right: auto; padding-top: 170px; padding-bottom: 190px; }
	.st { position: relative; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; margin-left: -70px; z-index: 50; }
	.st__label { min-width: 470px; height: 40px; margin-bottom: 38px; padding-bottom: 2px; font-size: 2.4rem; letter-spacing: 0.2em; text-indent: 0.2em; }
	.st__ttl { font-size: 2.4rem; }
	.st__ttl--sepa strong { width: 18px; height: 18px; }
	.st__logo { margin-top: 32px; margin-bottom: 68px; }
	.st__logo img { width: 680px; }
	.st__serv { font-size: 2.5rem; }
	.st-bg { position: absolute; z-index: 10; pointer-events: none; }
	.st-bg--consulting { bottom: 0; right: -112px; }
	.st-bg--consulting img { width: 498px; }
	.st-bg--chgjob { bottom: 0; right: -70px; }
	.st-bg--chgjob img { width: 390px; }
	
	
	.st-btn2other { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 322px; height: 100px; background: #ff662e; font-size: 1.4rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; color: #fff; transition: .4s; }
	.st-btn2other:hover { background: #ffb69f; }
}


/**********************************************************
*　Section Wrap & bg Earth
**********************************************************/
.sec-wrap { position: relative; background: #fff; }
.sec-wrap--grey { background: #f7f7f7; }
.sec-wrap .l-wrapper { position: relative; z-index: 50; }
.bg-earth { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100vh; background: url("/common/img/bg_earth.svg") no-repeat 50% 35%/458px auto; z-index: 1; pointer-events: none; }
.sec-wrap.is-fixed .bg-earth { position: fixed; }
.sec-wrap.is-clear .bg-earth { position: absolute; top: auto; bottom: 0; }

/**********************************************************
*　Purpose for Sub Top
**********************************************************/
.sec-wrap--grey .sec--purpose { background: #fff; }
.sec--purpose { padding: 70px 0 60px; }

.purpose-txt { font-size: 1.7rem; font-weight: 700; line-height: 2.3592; }
@media print, screen and (max-width:680px) {
	.purpose-ttl { margin-bottom: 22px; }
	.purpose-ttl img { width: 196px; }
}
@media print, screen and (min-width:681px) {
	.sec--purpose { padding: 210px 0; }
	.purpose { display: flex; justify-content: space-between; align-items: center; }
	.purpose-ttl { width: 337px; margin-right: 123px; }
	.purpose-txt { flex: 1; font-size: 2.0rem; line-height: 2.5; letter-spacing: 0.15em; }
}


/**********************************************************
*　Go to Contact Button
**********************************************************/
@media print, screen and (max-width:680px) {
	.go2contact { position: fixed; left: 0; bottom: -50px; display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #000; font-size: 1.2rem; font-weight: 500; line-height: 1; letter-spacing: 0.15em; text-indent: 0.15em; text-align: center; color: #fff; transition: .4s; z-index: 100; }
	.go2contact.on { bottom: 0; }
	.go2contact span { display: none; }
}
@media print, screen and (min-width:681px) {
	.go2contact { position: fixed; top: 50%; left: 50%; transform: translate(930%, -50%); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 66px; height: 260px; border-radius: 33px; border: 1px solid #000; color: #000; z-index: 50; transition: .2s; opacity: 0; pointer-events: none; }
	.go2contact.on { opacity: 1; pointer-events: auto; }
	.go2contact span { order: 1; font-family: 'cotobook'; font-size: 2.5rem; font-weight: 500; line-height: 1; }
	.go2contact::before { order: 2; width: 18px; height: 1px; background: #000; margin-top: 10px; margin-bottom: 15px; content: ""; transition: .4s; }
	.go2contact strong { order: 3; font-size: 1.3rem; font-weight: 900; writing-mode: vertical-lr; letter-spacing: 0.3em; }
	.go2contact:hover { background: #000; color: #fff; }
	.go2contact:hover::before { background: #fff; }
}


/**********************************************************
*　Go to Contact Button
**********************************************************/
.marquee { position: absolute; bottom: -1px;  z-index: 0; pointer-events: none; }
.marquee__item { width: 1144px; margin-right: 30px; }
@media screen and (min-width: 681px) {
	.marquee { width: 100%; }
	.marquee__item { width: 1844px; }
}

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }