@charset "UTF-8";
/**********************
*　Mv
***********************/
@media print, screen and (min-width:681px) {
	.mv--st__circle--1 { top: 50%; right: 50%; transform: translate(1210%, -1300%); width: 22px; height: 22px; }
	.mv--st__circle--2 { top: 50%; right: 50%; transform: translate(200%, 70%); width: 118px; height: 118px; z-index: 20; }
	.mv--st__circle--3 { top: 50%; right: -170px; transform: translateY(-50%); width: 270px; height: 270px; z-index: 0; }
}

/**********************
*　Case Study
***********************/
.sec--cs { background: #f7f7f7; }
.cs-ttl { margin-bottom: 80px; }
.cs { position: relative; padding: 30px 15px 40px; }
.cs:not(:last-of-type) { margin-bottom: 82px; }
.cs::before,
.cs__num { position: absolute; }
.cs::before { top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 5; content: ""; }
.cs__num { top: -65px; left: -24px; display: block; font-family: 'dincondbold'; font-size: 10.0rem; font-weight: 500; -webkit-text-stroke: 1px #ff662e; text-stroke: 1px #ff662e; line-height: 1; color: transparent; z-index: 0; }
.cs__inner { position: relative; z-index: 100; }

.cs__ttl__txt { margin-bottom: 21px; font-size: 1.6rem; font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: #ff662e; }
.cs__ttl__txt::before { content: "\025b6"; }

.cs__txtbtn-wrap {  }
.cs__txt { margin-bottom: 23px; font-size: 1.4rem; font-weight: 400; line-height: 2; }
.cs__btn { background: #e6f53f; color: #000; }
.cs__btn::after { right: auto; left: 26px; width: 6px; height: 6px; background: #000; border: none; border-radius: 50%; transition: .4s; }
.cs__btn:hover { border-color: #000; color: #fff; }
.cs__btn:hover::before { background: #000; }
.cs__btn:hover::after { background: #fff; }

@media print, screen and (max-width:680px) {
	.cs__ttl { margin-bottom: 22px; }
}
@media print, screen and (min-width:681px) {
	.cs-ttl { margin-bottom: 140px; }
	.cs { position: relative; padding: 50px 100px 50px; }
	.cs:not(:last-of-type) { margin-bottom: 184px; }
	.cs__num { top: -113px; left: -214px; font-size: 20.1rem; }
	.cs__inner { display: flex; justify-content: space-between; align-items: center; }
	.cs__ttl { flex: 1; }
	.cs__ttl__txt { margin-bottom: 29px; font-size: 2.0rem; }
	.cs__txtbtn-wrap { width: 400px; margin-left: 50px; }
	.cs__txt { margin-bottom: 33px; font-size: 1.5rem; }
	.cs__btn { margin-left: 0; }
}


/**********************
*　
***********************/
.cslist { background: #fff; border-radius: 5px; box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.1); text-align: center; }
.cslist__ttl { background: #ff662e; border-radius: 5px 5px 0 0; padding: 8px 0 10px; font-size: 1.5rem; font-weight: 700; line-height: 1; letter-spacing: 0.15em; text-indent: 0.15em; color: #fff; }
.cslist__txt { padding: 13px 0 14px; font-size: 1.5rem; font-weight: 700; line-height: 1.5; letter-spacing: 0.05em; text-indent: 0.05em; }
@media print, screen and (max-width:680px) {
	.cslist:not(:last-of-type) { margin-bottom: 23px; }
}
@media print, screen and (min-width:681px) {
	.sec--cslist { padding-bottom: 97px; }
	.cslist-wrap { display: flex; flex-wrap: wrap; }
	.cslist { width: 320px; border-radius: 10px; margin-right: 20px; margin-bottom: 47px; }
	.cslist:nth-of-type(3n) { margin-right: 0; }
	.cslist__ttl { border-radius: 10px 10px 0 0; padding: 12px 0 13px; font-size: 1.8rem; }
	.cslist__txt { display: flex; justify-content: center; align-items: center; min-height: 87px; padding: 13px 0 14px; font-size: 2.0rem; }
}

/**********************
*　Advantage
***********************/
.sec--adv { background: #f7f7f7; padding-top: 68px; padding-bottom: 43px; }
.adv-wrap { padding-top: 32px; }
.adv__cont__txt { margin-top: 20px; font-size: 1.4rem; font-weight: 400; line-height: 2; }
.anittl__txt._lslesser { letter-spacing: -0.1em; }
@media print, screen and (max-width:680px) {
	.adv:not(:last-of-type) { border-bottom: 1px solid #ddd; margin-bottom: 50px; padding-bottom: 42px; }
	.adv__cont { margin-top: -15px; }
}
@media print, screen and (min-width:681px) {
	.sec--adv { padding-top: 125px; padding-bottom: 100px; }
	.adv { display: flex; justify-content: space-between; align-items: flex-end; }
	.adv:not(:last-of-type) { margin-bottom: 140px; }
	.adv__img { position: relative; width: 550px; }
	.adv__cont { flex: 1; margin-bottom: -7px; }
	.adv:nth-of-type(odd) { flex-direction: row-reverse; }
	.adv:nth-of-type(odd) .adv__img { margin-right: -200px; margin-left: 40px; }
	.adv:nth-of-type(even) .adv__img { margin-left: -200px; margin-right: 40px; }
	.adv__cont__ttl { font-size: 2.8rem; }
	.adv__cont__txt { margin-top: 30px; font-size: 1.5rem; }
}

/**********************
*　Consultant
***********************/
.sec--cstt { padding-top: 41px; padding-bottom: 110px; }
.cstt-ttl { margin-bottom: 38px; }
.cstt { background: #fff; border-radius: 10px; padding-left: 30px; padding-right: 40px; box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.1); overflow: hidden; }
.cstt__img { position: relative; margin-left: -30px; margin-right: -40px; }
.cstt__cont { position: relative; margin-top: 33px; margin-bottom: 38px; padding-left: 25px; }
.cstt__cont::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 2px; height: 100%; background: #ff662e; content: ""; }
.cstt__name { margin-bottom: 28px; font-size: 2.3rem; font-weight: 700; line-height: 1; letter-spacing: 0.15em; }
.cstt__career { font-size: 1.4rem; font-weight: 400; line-height: 2; }
@media print, screen and (max-width:680px) {
	.cstt:not(:last-of-type) { margin-bottom: 60px; }
}
@media print, screen and (min-width:681px) {
	.sec--cstt { padding-top: 85px; padding-bottom: 110px; }
	.cstt-ttl { margin-bottom: 98px; }
	.cstt-wrap { position: relative; }
	.cstt-wrap::after { content:""; display:table; clear:both; }
	.cstt:nth-of-type(odd) { float: left; }
	.cstt:nth-of-type(even) { float: right; }
	.cstt:nth-of-type(2) { margin-top: 200px; }
	.cstt:not(:last-of-type) { margin-bottom: 70px; }
	.cstt { width: 440px; padding-right: 30px; }
	.cstt__img { margin-right: -30px; }
	.cstt__cont { margin-top: 31px; margin-bottom: 50px; }
	.cstt__cont::before { transform: translateY(-51%); height: calc(100% - 10px); }
	.cstt__name { margin-bottom: 28px; font-size: 2.8rem; }
	.cstt__career { font-size: 1.5rem; }
	
}