@charset "UTF-8";
/* Media query mixins */
/* Breakpoints */
/* Colors */
body.sub .main img, body.sub .main svg, body.about .main img, body.about .main svg, body.message .main img, body.message .main svg, body.p-message .main img, body.p-message .main svg, body.p-company .main img, body.p-company .main svg, body.member .main img, body.member .main svg, body.p-member .main img, body.p-member .main svg { border: 0; border-style: none; vertical-align: top; font-size: 0; line-height: 0; max-width: 100%; -ms-interpolation-mode: bicubic; }
@media screen and (max-width: 768px) { body.sub .main img, body.sub .main svg, body.about .main img, body.about .main svg, body.message .main img, body.message .main svg, body.p-message .main img, body.p-message .main svg, body.p-company .main img, body.p-company .main svg, body.member .main img, body.member .main svg, body.p-member .main img, body.p-member .main svg { max-width: inherit; width: 100%; } }
body.sub .main .button, body.about .main .button, body.message .main .button, body.p-message .main .button, body.p-company .main .button, body.member .main .button, body.p-member .main .button { width: 300px; }
@media screen and (max-width: 768px) { body.sub .main .button, body.about .main .button, body.message .main .button, body.p-message .main .button, body.p-company .main .button, body.member .main .button, body.p-member .main .button { width: 220px; } }

body.about:not(.p-company, .p-member) .-head { margin-bottom: 80px; }
@media screen and (max-width: 768px) { body.about:not(.p-company, .p-member) .-head { margin-bottom: 40px; } }
body.about:not(.p-company, .p-member) .-head.-head1 { width: 680px; }
@media screen and (max-width: 768px) { body.about:not(.p-company, .p-member) .-head.-head1 { width: auto; max-width: 330px; } }
body.about:not(.p-company, .p-member) .-head.-head2 { width: 619px; }
@media screen and (max-width: 768px) { body.about:not(.p-company, .p-member) .-head.-head2 { width: auto; max-width: 300px; } }
@media screen and (max-width: 768px) { body.about:not(.p-company, .p-member) .headline { letter-spacing: -.03em; } }
body.about:not(.p-company, .p-member) .headline .-head--en { font-family: Poppins; font-weight: bold; }
@media screen and (max-width: 768px) { body.about:not(.p-company, .p-member) .headline .-head--en { display: block; letter-spacing: inherit; } }
@media screen and (max-width: 768px) { body.about:not(.p-company, .p-member) .-pic01 { max-width: 330px; } }

body.p-company .list-gaiyou > li { width: 100%; }
body.p-company .list-gaiyou > li + li { margin-top: 20px; }
body.p-company .list-gaiyou > li dl { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6%; }
@media screen and (max-width: 768px) { body.p-company .list-gaiyou > li dl { display: block; } }
body.p-company .list-gaiyou > li dl dt { -ms-flex-preferred-size: 170px; flex-basis: 170px; }
body.p-company .list-gaiyou > li dl dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
body.p-company .detailBtn { margin-top: 20px; }
body.p-company .list-access { gap: 6%; }
body.p-company .list-access > li { -ms-flex-preferred-size: calc(50% - 3%); flex-basis: calc(50% - 3%); }
body.p-company .list-history > li + li { margin-top: 10px; }
body.p-company .list-history > li dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 6%; }
@media screen and (max-width: 768px) { body.p-company .list-history > li dl { display: block; } }
body.p-company .list-history > li dl dt { -ms-flex-preferred-size: 80px; flex-basis: 80px; }
body.p-company .list-history > li dl dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

body.member .p-aboutInner, body.p-member .p-aboutInner { padding-top: 0; }

/*
c-modal
*/
.c-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1002; background-color: white; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }
.c-modal.isOn { opacity: 1; visibility: visible; -webkit-transition: .3s; transition: .3s; }
.c-modal .c-modalBg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 0; }
.c-modal .c-modalClose { width: 60px; height: 60px; background: url(/assets/img/icon_modal_close.png) no-repeat; background-size: cover; position: absolute; top: -120px; right: -60px; cursor: pointer; -webkit-transition: .3s; transition: .3s; z-index: 10; }
@media screen and (max-width: 768px) { .c-modal .c-modalClose { width: 30px; height: 30px; position: fixed; top: 10px; right: 10px; } }
@media screen and (max-width: 320px) { .c-modal .c-modalClose { width: 30px; height: 30px; top: 5px; right: 5px; } }
.c-modal .c-modalClose:hover { opacity: .7; -webkit-transition: .3s; transition: .3s; }
.c-modal .c-modalInner { width: 1080px; height: 100%; margin: auto; }
@media screen and (max-width: 768px) { .c-modal .c-modalInner { width: 100%; } }
.c-modal .c-modalCenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
@media screen and (max-width: 768px) { .c-modal .c-modalCenter { display: block; } }
.c-modal .c-modalWrap { position: relative; }

.c-modal.-officers .c-modalClose { top: -100px; right: -60px; }
@media screen and (max-width: 768px) { .c-modal.-officers .c-modalClose { width: 40px; height: 40px; position: fixed; top: 10px; right: 10px; } }

.c-modal.modal-member .c-modalInner { padding: 20px 0; }
@media screen and (max-width: 768px) { .c-modal.modal-member .c-modalInner { padding: 20px 0 40px; } }
.c-modal.modal-member .c-modalInner .c-modalCenter { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
@media screen and (max-width: 768px) { .c-modal.modal-member .c-modalInner .c-modalCenter { overflow-y: scroll; } }
.c-modal.modal-member .c-modalInner .c-modalCenter .c-modalWrap .c-modalClose { top: 0; right: -90px; }
@media screen and (max-width: 768px) { .c-modal.modal-member .c-modalInner .c-modalCenter .c-modalWrap .c-modalClose { top: 10px; right: 10px; } }
.c-modal.modal-member .c-modalInner .c-modalCenter .c-modalWrap .c-memberSlide li .textWrap { height: calc(100vh - 40px); padding-bottom: 20px; }
@media screen and (max-width: 768px) { .c-modal.modal-member .c-modalInner .c-modalCenter .c-modalWrap .c-memberSlide li .textWrap { height: inherit; overflow-y: inherit; padding-bottom: 0px; } }
.c-modal.modal-member .c-modalInner .c-modalCenter .c-modalWrap .c-memberSlide .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 768px) { .c-modal.modal-member .c-modalInner .c-modalCenter .c-modalWrap .c-memberSlide .slick-track { display: block; } }

/*
memberスライド
icon_slide_arrow_next.png
icon_slide_arrow_prev.png
*/
.c-memberSlide { width: 1080px; margin: auto; }
@media screen and (max-width: 768px) { .c-memberSlide { width: calc(100vw - 40px); margin-top: 40px; } }
.c-memberSlide li .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap { display: block; } }
.c-memberSlide li .wrap.-yakuin { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.c-memberSlide li .wrap.-yakuin .textWrap { height: 100% !important; overflow-y: auto !important; padding-bottom: 0px !important; }
.c-memberSlide li .wrap.-yakuin .pic { padding-top: 0; }
.c-memberSlide li .wrap.-yakuin .text { margin-bottom: 80px; }
.-officers .c-memberSlide li .wrap { padding-left: 160px; }
@media screen and (max-width: 768px) { .-officers .c-memberSlide li .wrap { padding-left: 0; } }
.c-memberSlide li .wrap .pic { -ms-flex-preferred-size: 540px; flex-basis: 540px; margin-right: 60px; width: 540px; padding-top: calc(100vh / 2 - 40px - 230px); }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .pic { width: calc(100vw - 40px); margin-right: 0; -ms-flex-preferred-size: inherit; flex-basis: inherit; float: none; margin-bottom: 5px; padding-top: 0; } }
.-officers .c-memberSlide li .wrap .pic { -ms-flex-preferred-size: 400px; flex-basis: 400px; }
@media screen and (max-width: 768px) { .-officers .c-memberSlide li .wrap .pic { -ms-flex-preferred-size: inherit; flex-basis: inherit; } }
.c-memberSlide li .wrap .textWrap { -ms-flex-preferred-size: 480px; flex-basis: 480px; width: 480px; position: relative; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .textWrap { width: calc(100vw - 40px); -ms-flex-preferred-size: inherit; flex-basis: inherit; float: none; } }
.c-memberSlide li .wrap .textWrap .textWrapInner { position: absolute; top: calc(50% - 230px); overflow-y: scroll; height: calc(100vh - 40px - 16%); padding-bottom: 60px; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .textWrap .textWrapInner { position: relative; top: inherit; overflow-y: inherit; height: inherit; padding-bottom: 20px; } }
.c-memberSlide li .wrap .name { font-size: 24px; margin-top: 15px; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .name { margin-top: 10px; } }
.c-memberSlide li .wrap .title { font-size: 12px; text-align: left; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .title { margin-bottom: 10px; margin-top: -5px; } }
.c-memberSlide li .wrap .text { font-size: 14px; line-height: 1.8; }
.c-memberSlide li .wrap .skillchart { background-color: #f2f5f5; padding: 15px 30px; margin-top: 15px; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .skillchart { padding: 20px 20px; } }
.c-memberSlide li .wrap .skillchart .c-flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.c-memberSlide li .wrap .skillchart .c-flex > li { font-size: 14px; }
.c-memberSlide li .wrap .skillchart .c-flex > li:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.6; }
.c-memberSlide li .wrap .skillchart .c-flex > li:nth-child(2) { -ms-flex-preferred-size: 182px; flex-basis: 182px; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .skillchart .c-flex > li:nth-child(2) { -ms-flex-preferred-size: 160px; flex-basis: 160px; } }
.c-memberSlide li .wrap .skillchart .c-flex > li .-head { margin-bottom: 5px; }
.c-memberSlide li .wrap .project .title2 { font-size: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 5px; margin-top: 15px; margin-bottom: 20px; }
.c-memberSlide li .wrap .project .p-memberWorksSlide .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .project .p-memberWorksSlide .list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; } }
.c-memberSlide li .wrap .project .p-memberWorksSlide .list li { -ms-flex-preferred-size: 154px; flex-basis: 154px; margin-right: 10px; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .project .p-memberWorksSlide .list li { -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); margin-top: 10px; } }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .project .p-memberWorksSlide .list li:nth-child(2n) { margin-right: 0; } }
.c-memberSlide li .wrap .project .p-memberWorksSlide .list li:nth-child(3n) { margin-right: 0; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .project .p-memberWorksSlide .list li:nth-child(3n) { margin-right: 10px; } }
.c-memberSlide li .wrap .project .p-memberWorksSlide .list li:nth-child(4) { display: none; }
@media screen and (max-width: 768px) { .c-memberSlide li .wrap .project .p-memberWorksSlide .list li:nth-child(4) { display: block; } }
.c-memberSlide .slick-arrow { position: absolute; top: 50%; left: 50%; z-index: 100; cursor: pointer; margin-top: -72px; }
@media screen and (max-width: 768px) { .c-memberSlide .slick-arrow { margin-top: -180px; } }
.c-memberSlide .slick-arrow:hover { opacity: .8; }
.c-memberSlide .slide1_arrow_prev { width: 15px; height: 30px; background: url(/assets/img/icon_slide_arrow_prev.png) no-repeat; background-size: cover; margin-left: -570px; }
@media screen and (max-width: 768px) { .c-memberSlide .slide1_arrow_prev { width: 10px; height: 20px; margin-left: 0; left: -15px; top: 20%; } }
.c-memberSlide .slide1_arrow_next { width: 15px; height: 30px; background: url(/assets/img/icon_slide_arrow_next.png) no-repeat; background-size: cover; margin-left: 560px; }
@media screen and (max-width: 768px) { .c-memberSlide .slide1_arrow_next { width: 10px; height: 20px; margin-left: 0; left: inherit; right: -15px; top: 20%; } }

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