@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed { 0% { transform: translateY(-80px); }
  100% { transform: translateY(0px); } }
@keyframes loop { 0% { transform: translateX(100%); }
  to { transform: translateX(-100%); } }
@keyframes loop2 { 0% { transform: translateX(0); }
  to { transform: translateX(-200%); } }
.pc_tab { display: none !important; }

.btn a { max-width: 330px; padding: 20px 0; }
.btn a:before { top: 48%; right: 20px; }

.mainimg { position: relative; }
.mainimg .mainimg__wrap { position: relative; }
.mainimg .mainimg__wrap .mainimg__copy { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 460px; width: 90%; left: 53%; font-family: "Raleway", sans-serif; color: #fff; z-index: 1; }
.mainimg .mainimg__wrap .mainimg__slide { margin-bottom: 0; }
.mainimg .mainimg__wrap .mainimg__slide .slick-dots { width: auto; right: 3%; bottom: 3%; }
.mainimg .mainimg__wrap .mainimg__slide .slick-dots li { margin: 0px 2px; }
.mainimg .mainimg__wrap .mainimg__slide .slick-dots li button:before { color: #fff; }
.mainimg .mainimg__wrap .mainimg__slide .slick-active button:before { color: #fff; opacity: .9; }
.mainimg .mainimg__wrap .mainimg__copy-main { font-size: 2.9rem; text-align: left; line-height: 1.3; letter-spacing: 3px; }
@media (min-width: 769px) { .mainimg .mainimg__wrap .mainimg__copy-main { font-size: calc( 2.9rem + ( 1vw - 7.69px ) * 3.1311154599 ); } }
@media (min-width: 1280px) { .mainimg .mainimg__wrap .mainimg__copy-main { font-size: 4.5rem; } }
.mainimg .mainimg__wrap .mainimg__copy-yomi { margin-bottom: 10px; font-size: 1.5rem; }
@media (min-width: 769px) { .mainimg .mainimg__wrap .mainimg__copy-yomi { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.9784735812 ); } }
@media (min-width: 1280px) { .mainimg .mainimg__wrap .mainimg__copy-yomi { font-size: 2rem; } }
.mainimg .mainimg__wrap .mainimg__copy-sub { font-size: 1.8rem; letter-spacing: 2px; }
@media (min-width: 769px) { .mainimg .mainimg__wrap .mainimg__copy-sub { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.3698630137 ); } }
@media (min-width: 1280px) { .mainimg .mainimg__wrap .mainimg__copy-sub { font-size: 2.5rem; } }
.mainimg .mainimg__wrap .mainimg__scroll { position: relative; }
.mainimg .mainimg__wrap .mainimg__scroll .mainimg__scroll-txt { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); width: 20%; top: -65px; font-size: 1.3rem; text-align: center; font-family: "Raleway", sans-serif; letter-spacing: 1.3px; }
@media (min-width: 769px) { .mainimg .mainimg__wrap .mainimg__scroll .mainimg__scroll-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * -0.1956947162 ); } }
@media (min-width: 1280px) { .mainimg .mainimg__wrap .mainimg__scroll .mainimg__scroll-txt { font-size: 1.2rem; } }
.mainimg .mainimg__wrap .mainimg__scroll .mainimg__scroll-txt:after { content: ''; position: absolute; left: 0; right: 0; bottom: -60px; width: 1px; height: 50px; margin: auto; background: #2E2E2E; }

.concept { position: relative; padding: 70px 0; background: url("/img/home/bg_concept.png") center bottom/cover no-repeat; background-attachment: fixed; z-index: -2; }
.concept .concept__deco { position: absolute; bottom: 0; right: 0; z-index: -1; }
.concept .concept__deco img { height: 80vh; max-height: 520px; }
.concept .concept__wrap .concept__img { width: 92%; margin-left: auto; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); }
.concept .concept__wrap .concept__copy { margin-bottom: 25px; }
.concept .concept__wrap .concept__copy-title { margin-bottom: 10px; font-size: 1.8rem; }
@media (min-width: 769px) { .concept .concept__wrap .concept__copy-title { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.3698630137 ); } }
@media (min-width: 1280px) { .concept .concept__wrap .concept__copy-title { font-size: 2.5rem; } }
.concept .concept__wrap .concept__copy-txt { margin-bottom: 10px; line-height: 25px; }

.beginner { padding: 65px 0 0; background: #F2F2F2; }
.beginner .beginner__wrap { position: relative; max-height: 230px; height: 33vh; background: url("/img/home/bnr_beginner_sp.png") center/cover no-repeat; }
.beginner .beginner__wrap .beginner__copy { position: absolute; top: 20%; left: 5%; }
.beginner .beginner__wrap .beginner__copy-sub { margin-bottom: 5px; font-size: 1.5rem; }
.beginner .beginner__wrap .beginner__copy-main { font-size: 2rem; }
@media (min-width: 769px) { .beginner .beginner__wrap .beginner__copy-main { font-size: calc( 2rem + ( 1vw - 7.69px ) * 0.9784735812 ); } }
@media (min-width: 1280px) { .beginner .beginner__wrap .beginner__copy-main { font-size: 2.5rem; } }
.beginner .beginner__wrap .btn a { max-width: 220px; margin: 0; position: absolute; right: 3%; bottom: 6%; padding: 10px 0; font-size: 1.4rem; }
@media (min-width: 769px) { .beginner .beginner__wrap .btn a { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.1956947162 ); } }
@media (min-width: 1280px) { .beginner .beginner__wrap .btn a { font-size: 1.5rem; } }

.works { padding: 60px 0; background: #F2F2F2; }
.works .works__read { margin-bottom: 25px; text-align: center; letter-spacing: 1px; }
.works .works__list .works__box { margin-bottom: 40px; }
.works .works__list .works__title { position: relative; margin: -40px auto 0; max-width: 270px; width: 100%; height: 70px; padding: 10px; background: #fff; text-align: center; box-shadow: 0 3px 13px rgba(0, 0, 0, 0.16); }
.works .works__list .works__title-second { display: flex; justify-content: center; align-items: center; }
.works .works__list .works__title-main { font-size: 2.2rem; }
@media (min-width: 769px) { .works .works__list .works__title-main { font-size: calc( 2.2rem + ( 1vw - 7.69px ) * 0.5870841487 ); } }
@media (min-width: 1280px) { .works .works__list .works__title-main { font-size: 2.5rem; } }
.works .works__list .works__title-sub { font-size: 1.4rem; color: #737373; }
@media (min-width: 769px) { .works .works__list .works__title-sub { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.1956947162 ); } }
@media (min-width: 1280px) { .works .works__list .works__title-sub { font-size: 1.5rem; } }
.works .works__list .more { padding: 25px 0 0; }

.feature { padding: 50px 0; }
.feature .s-inner { padding: 0 8%; }
.feature .title { margin-bottom: 50px; }
.feature .feature__point .feature__point-box { margin-bottom: 60px; }
.feature .feature__point .feature__point-box:last-child { margin-bottom: 0; }
.feature .feature__point .feature__img { max-width: 270px; margin: auto; margin-bottom: 20px; }
.feature .feature__point .feature__txt-main { margin-bottom: 10px; border-bottom: 1px solid #DBDBDB; text-align: center; }
.feature .feature__point .feature__txt-main .feature__txt-num { font-size: 2.4rem; font-family: "Roboto", sans-serif; }
.feature .feature__point .feature__txt-main .feature__txt-title { font-size: 1.7rem; }
@media (min-width: 769px) { .feature .feature__point .feature__txt-main .feature__txt-title { font-size: calc( 1.7rem + ( 1vw - 7.69px ) * 0.5870841487 ); } }
@media (min-width: 1280px) { .feature .feature__point .feature__txt-main .feature__txt-title { font-size: 2rem; } }
.feature .feature__point .feature__txt-impact { font-size: 2.1rem; }
@media (min-width: 769px) { .feature .feature__point .feature__txt-impact { font-size: calc( 2.1rem + ( 1vw - 7.69px ) * 1.7612524462 ); } }
@media (min-width: 1280px) { .feature .feature__point .feature__txt-impact { font-size: 3rem; } }
.feature .feature__point .feature__txt-sub { font-size: 1.4rem; }
@media (min-width: 769px) { .feature .feature__point .feature__txt-sub { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
@media (min-width: 800px) { .feature .feature__point .feature__txt-sub { font-size: 1.5rem; } }

.faq { padding: 50px 0 70px; background: #F2F2F2; }
.faq .faq__list { margin-bottom: 50px; }
.faq .faq__wp { margin-bottom: 10px; }
.faq .faq__wp .faq__ques { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; position: relative; padding: 25px; background: #fff; transition: .3s; cursor: pointer; }
.faq .faq__wp .faq__ques .faq__ques-en { flex: 0 1 25px; width: 25px; max-width: 25px; font-size: 1.6rem; }
.faq .faq__wp .faq__ques .faq__ques-txt { flex: 0 1 calc(80% - 30px); width: calc(80% - 30px); max-width: calc(80% - 30px); }
.faq .faq__wp .faq__ques::after { position: absolute; content: ""; top: 40%; right: 30px; width: 15px; height: 15px; border-bottom: solid 2px #2E2E2E; border-left: solid 2px #2E2E2E; transform: rotate(-45deg) translate(0, -50%); transition: .3s; }
.faq .faq__wp .faq__ques.active { transition: .3s; }
.faq .faq__wp .faq__ques.active::after { top: 35%; right: 40px; transform: rotate(-225deg) translate(0, -50%); transition: .3s; }
.faq .faq__wp .faq__answ { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; position: relative; display: none; padding: 25px; background: #fff; }
.faq .faq__wp .faq__answ .fap__answ { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.faq .faq__wp .faq__answ .fap__answ .faq__answ-en { flex: 0 1 25px; width: 25px; max-width: 25px; font-size: 1.6rem; font-weight: normal; font-family: "Raleway medium" , sans-serif; }
.faq .faq__wp .faq__answ .fap__answ .faq__answ-txt { font-size: 1.4rem; flex: 0 1 calc(100% - 30px); width: calc(100% - 30px); max-width: calc(100% - 30px); font-family: "Yu Gothic Pr6N M", "游ゴシック体 Pr6N M", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; text-align: justify; }
@media (min-width: 769px) { .faq .faq__wp .faq__answ .fap__answ .faq__answ-txt { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
@media (min-width: 800px) { .faq .faq__wp .faq__answ .fap__answ .faq__answ-txt { font-size: 1.5rem; } }
.faq .faq__wp .faq__answ::after { position: absolute; content: ""; display: block; top: 0; left: 50%; width: 90%; height: 1px; background: #DBDBDB; transform: translate(-50%, 0); }

.more { font-size: 1.5rem; overflow: hidden; }
.more a, .more span { display: block; position: relative; float: right; width: 200px; 		/*&:after,
		&:before{
			content: '';
			position: absolute;
			background: $maincolor;
			height: 1px;
		}
		&:before {
			width: 30px;
			right: 14px;
			top: 50%;
			transform: translate(0, -50%);
		}
		&:after {
			width: 6px; right: 13px; top: calc(50% - 1.5px); transform: rotate(45deg) translate(0, -50%);
		}*/ }
.more a::before, .more span::before { position: absolute; content: "\e901"; top: 50%; right: 0; font-family: 'icomoon'; font-size: 1rem; color: #2E2E2E; transform: translate(0, -50%); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .pc_tab { display: block !important; }
  .sp { display: none !important; }
  .btn a { max-width: 290px; }
  .btn a:before { right: 30px; }
  .mainimg .mainimg__wrap .mainimg__copy { width: 100%; left: 35%; }
  .mainimg .mainimg__wrap .mainimg__slide .slick-dots { right: 5%; bottom: 5%; }
  .mainimg .mainimg__wrap .mainimg__scroll .mainimg__scroll-txt { top: -55px; }
  .mainimg .mainimg__wrap .mainimg__scroll .mainimg__scroll-txt:after { bottom: -65px; height: 60px; }
  .concept { padding: 70px 0 110px; }
  .concept .concept__deco { top: 0; }
  .concept .concept__deco img { height: 800px; max-height: 800px; }
  .concept .concept__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
  .concept .concept__wrap .concept__copy-title { margin-bottom: 20px; letter-spacing: 2px; }
  .concept .concept__wrap .concept__copy { flex: 0 1 45%; width: 45%; max-width: 45%; }
  .concept .concept__wrap .concept__img { flex: 0 1 55%; width: 55%; max-width: 55%; }
  .concept .concept__wrap .concept__copy-txt { line-height: 30px; }
  .beginner { padding: 90px 0 30px; }
  .beginner .beginner__wrap { height: 25vh; background: url("/img/home/bnr_beginner_pc.png") center/cover no-repeat; }
  .beginner .beginner__wrap .beginner__copy { top: 15%; }
  .beginner .beginner__wrap .btn a { max-width: 245px; }
  .beginner .beginner__wrap .btn a:before { right: 20px; }
  .works .title { margin-bottom: 25px; }
  .works .works__read { margin-bottom: 55px; line-height: 2.3; }
  .works .works__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .works .works__list .works__title { padding: 15px 20px; }
  .works .works__list .works__box { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .feature { padding: 80px 0 120px; }
  .feature .title { margin-bottom: 90px; }
  .feature .feature__point .feature__point-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 90px; }
  .feature .feature__point .feature__img { flex: 0 1 30%; width: 30%; max-width: 30%; margin: 0; }
  .feature .feature__point .order { order: 1; }
  .feature .feature__point .feature__txt { flex: 0 1 60%; width: 60%; max-width: 60%; }
  .feature .feature__point .feature__txt-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .feature .feature__point .feature__txt-num { flex: 0 1 auto; width: auto; max-width: auto; }
  .feature .feature__point .feature__txt-impact { letter-spacing: 1px; }
  .feature .feature__point .feature__txt-title { flex: 0 1 90%; width: 90%; max-width: 90%; text-align: left; }
  .faq .faq__wp .faq__ques::after { width: 12px; height: 12px; }
  .faq .faq__wp .faq__answ::after { width: 95%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { .mainimg .mainimg__wrap .mainimg__copy { left: 25%; }
  .feature .s-inner { padding: 0; } }
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */