@charset "UTF-8";
/* 設定
******************************************************************************************** */
/* txt-maker */
/* btn */
/* $width-pc: 1281px; */
/* $width-smartphone: 600px; */
/* $width-scrollbar: 20px; */
/* index CONFIG
******************************************************************************************** */
.mainmov { width: 100%; }
.mainmov video { width: 100%; }

.swiper1 { width: 100%; }

.slider { overflow: hidden; position: relative; /* 現在のスライドのスタイル */ }
.slider__comment { font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif"; font-weight: 400; position: absolute; text-align: center; margin: 0 auto; z-index: 2; width: 80%; top: 45%; left: 0; right: 0; }
.slider__spell { font-size: 14px; font-size: 1.4rem; font-style: italic; letter-spacing: 0.2em; margin: 0; }
.slider__catch { font-size: 38px; font-size: 3.8rem; margin: 0; letter-spacing: 0.2em; }
.slider__scroll { position: absolute; width: 100%; text-align: center; bottom: 0; z-index: 3; }
.slider__scroll img { width: 5%; }
.slider .swiper-button-prev { z-index: 100; color: #009fc6; }
.slider .swiper-button-next { z-index: 100; color: #009fc6; }
.slider .swiper-pagination { text-align: center; margin-bottom: 50px; }
.slider .swiper-pagination-bullet { opacity: 1; filter: alpha(opacity=100); width: 30px; height: 5px; border-radius: 0%; background: white; }
.slider .swiper-pagination-bullet-active { background: white; width: 30px; height: 10px; }

.main { padding: 60px 0; }

.first { max-width: 1100px; margin: 0 auto; /*  Smartphone */ margin-bottom: 100px; }
@media only screen and (max-width: 640px) { .first { width: 100%; } }
.first__txt { text-align: center; font-size: 18px; font-size: 1.8rem; }

.infoarea { max-width: 1100px; margin: 0 auto; /*  Smartphone */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-bottom: 100px; }
@media only screen and (max-width: 640px) { .infoarea { width: 100%; } }
.infoarea .info { width: 100%; }
.infoarea .info__ttl { font-size: 20px; font-size: 2rem; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; font-weight: normal; letter-spacing: 0.2em; position: relative; padding: .1em 0 .1em .75em; border-left: 6px solid #ffa800; margin-bottom: 30px; }
.infoarea .info__ttl::before { position: absolute; left: -6px; bottom: 0; content: ''; width: 6px; height: 50%; background-color: #dcdcdc; }
.infoarea .info__ttl::after { position: absolute; left: 0; bottom: -20px; content: ''; width: 100%; height: 0; border-bottom: 1px dotted #dcdcdc; }
.infoarea .info__ttl--info { border-color: #ffa800; }
.infoarea .info__ttl--event-news { border-color: #ea69a2; }
.infoarea .info__list { padding: 0 20px; list-style: none; margin-bottom: 40px; }
.infoarea .info__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; padding: 20px 0; border-bottom: 1px dotted #dcdcdc; }
.infoarea .info__list li:last-child { border: 0; }
.infoarea .info__datearea { width: 18%; }
.infoarea .info__date { font-size: 12px; font-size: 1.2rem; font-style: italic; margin-right: 0.5em; }
.infoarea .info__label { font-size: 12px; font-size: 1.2rem; border: 2px solid #ffa800; border-radius: 3px; padding: 0 3px; color: #ffa800; text-align: center; display: inline-block; min-width: 5em; line-height: 1.5; }
.infoarea .info__label--info { color: #ffa800; border-color: #ffa800; }
.infoarea .info__label--event-news { color: #ea69a2; border-color: #ea69a2; }
.infoarea .info__name { font-size: 16px; font-size: 1.6rem; width: 82%; margin: 0; }
.infoarea .info__name a { color: #1b1b1b; }
.infoarea .info__more { width: 50%; margin: 0 auto; }
.infoarea .info__more a { font-size: 16px; font-size: 1.6rem; letter-spacing: 0.2em; padding: 10px 0; width: 100%; display: block; border: 2px solid #dcdcdc; text-align: center; color: #1b1b1b; background: url("../img/common/arrow_yellow.png") right 20px center no-repeat; background-size: 40px; /*  Smartphone */ }
@media only screen and (max-width: 640px) { .infoarea .info__more a { font-size: 3.5vw; background-size: 20px !important; } }
.infoarea .info__more a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); text-decoration: none; background-position: right 10px center; }
.infoarea .info__more--pink a { background-image: url("../img/common/arrow_pink.png"); }

.company { width: 100%; background: url("../img/index/company_bg.jpg?20200828") top center no-repeat; background-size: 100%; padding-top: 15vw; margin-bottom: 100px; }
.company__in { max-width: 1100px; margin: 0 auto; /*  Smartphone */ }
@media only screen and (max-width: 640px) { .company__in { width: 100%; } }

.block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; margin-bottom: 100px; }

.field { width: 50%; background: url("../img/index/field_bg.jpg") top center no-repeat; background-size: 100%; padding-top: 15vw; }
.field__double { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.field__more { width: 80%; }

.products { width: 50%; background: url("../img/index/products_bg.jpg?20200827") top center no-repeat; background-size: 100%; padding-top: 15vw; }
.products__double { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.products__more { width: 80%; margin-top: 34px; }
.products__description { line-height: 1; }
.products__item { font-size: 55px; font-size: 5.5rem; }
.products__unit { font-size: 40px; font-size: 4rem; }

.recruit { width: 50%; background: url("../img/index/recruit_bg.jpg?20200827") top center no-repeat; background-size: 100%; padding-top: 15vw; }
.recruit__in { max-width: 1100px; margin: 0 auto; /*  Smartphone */ }
@media only screen and (max-width: 640px) { .recruit__in { width: 100%; } }

.business { width: 100%; background: url("../img/index/business_bg.jpg?20200831") top center no-repeat; background-size: 100%; padding-top: 15vw; }
.business__in { max-width: 1100px; margin: 0 auto; /*  Smartphone */ }
@media only screen and (max-width: 640px) { .business__in { width: 100%; } }

.number { width: 100%; margin: 0 auto 40px auto; padding: 60px 0; background: rgba(160, 160, 160, 0.1); }
.number__double { width: 50%; margin: 0 auto 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.number__item { text-align: center; width: 50%; padding: 10px; box-sizing: border-box; }
.number__ttl { font-size: 20px; font-size: 2rem; margin: 0; }
.number__sub { font-size: 65px; font-size: 6.5rem; margin: 0; line-height: 1; }
.number__unit { font-size: 45px; font-size: 4.5rem; }
.number__copy { text-align: center; font-size: 18px; font-size: 1.8rem; }

.link__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; padding: 0; list-style: none; }
.link__list li { width: 33%; text-align: center; }
.link__list li a { display: block; color: #1b1b1b; padding-bottom: 45%; }
.link__list li a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); text-decoration: none; }
.link__list li:nth-child(1) { background: url("../img/index/link_img01.jpg") center bottom no-repeat; background-size: 100%; }
.link__list li:nth-child(2) { background: url("../img/index/link_img02.jpg") center bottom no-repeat; background-size: 100%; }
.link__list li:nth-child(3) { background: url("../img/index/link_img03.jpg") center bottom no-repeat; background-size: 100%; }
.link__spell { font-size: 12px; font-size: 1.2rem; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; letter-spacing: 0.2em; }
.link__name { font-size: 35px; font-size: 3.5rem; letter-spacing: 0.2em; font-weight: normal; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; margin: 0; }
.link__name--pink { background: url("../img/common/square_pink.jpg") right 10% center no-repeat; background-size: 15px; }
.link__name--orange { background: url("../img/common/square_orange.jpg") right 10% center no-repeat; background-size: 15px; }
.link__name--yellow { background: url("../img/common/square_yellow.jpg") right 10% center no-repeat; background-size: 15px; }
.link__txt { font-size: 16px; font-size: 1.6rem; line-height: 1.5; }
.link__more { text-align: center; width: 30%; margin: 80px auto; }
.link__more span { background: linear-gradient(90deg, #eb699f 46%, #f39702 100%); display: block; }
.link__more span:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.link__more span a { font-size: 16px; font-size: 1.6rem; color: #fff; letter-spacing: 0.2em; padding: 10px 0; width: 100%; display: block; text-align: center; background: url("../img/common/arrow_white.png") right 20px center no-repeat; background-size: 40px; }
.link__more span a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); text-decoration: none; background-position: right 10px center; }