@charset "UTF-8";
/******************************* Preface ***************************************/
a:hover { color: #4DC99F; }

/********************************* body ***************************************/
body { /******************************** header **************************************/ /********************************  Main Content ******************************/ /***********************************  TOP style ********************************/ /***********************************  about ********************************/ /***********************************  MV style ********************************/ /***********************************  recruit ********************************/ /***********************************  M&A style ********************************/ /***********************************  footer ********************************/ }

body header.header-01 .inner { height: 68px; }

body header.header-01 .inner .logo { width: 140px; margin-left: -1.25rem; }

body header.header-01 .inner .logo a { display: block; }

body header.header-01 .inner .logo a img { display: block; width: 100%; }

body header.header-01 .inner .recruit_bnr { margin-right: 0; }

body header.header-01 .inner .recruit_bnr.sp { height: 100%; background-color: white; }

body header.header-01 .inner .recruit_bnr.sp a { display: flex; align-items: center; height: 100%; padding: 0.5rem; }

body header.header-01 .inner .recruit_bnr.sp a img { display: block; aspect-ratio: 1; max-width: 100%; max-height: 100%; }

body header.header-01 .inner .rec_btn { padding: 0; height: 100%; aspect-ratio: 1; container-type: inline-size; }

body header.header-01 .inner .rec_btn a { font-size: 17cqw; width: auto; height: 100%; }

body header.header-01 .inner .rec_btn.rec_btn_01 a { border: solid 1px #1EAAE5; }

body header.header-01 .inner .rec_btn.rec_btn_01 a:hover { background: #fff !important; color: #1EAAE5 !important; }

body header.header-01 .inner .rec_btn.rec_btn_02 a { border: solid 1px #DF6393; }

body header.header-01 .inner .rec_btn.rec_btn_02 a:hover { background: #fff !important; color: #DF6393 !important; }

body header.header-01 .inner .menu-wrapper { margin-right: 42px; }

body header.header-01 .inner .menu-wrapper .gnav { width: 100%; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container { width: 100%; background: #E8F5E8; padding: 2rem 1rem; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu > .menu-item { position: static; width: 100%; height: auto; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li a { position: relative; display: block; padding: 1rem 2.3rem; font-size: 1.1rem; font-weight: bold; color: black; transition: all .3s; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li a:hover { opacity: .7; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li a::before { content: ''; display: block; position: absolute; top: 50%; left: .5em; transform: translateY(-50%); width: 15px; height: 15px; background-image: url(../img/arrow.svg); background-repeat: no-repeat; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li.menu-item-has-children ul.sub-menu { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 1rem; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li.menu-item-has-children ul.sub-menu li { width: calc(100% / 2 - 4px); margin-bottom: 10px; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li.menu-item-has-children ul.sub-menu li a { display: block; padding: 1rem 0.5rem; font-size: 1.1rem; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li.menu-item-has-children ul.sub-menu li.reverse-color a { font-size: 1.1rem; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li.menu-item-has-children ul.sub-menu li.reverse-color a span { display: block; position: relative; border-top: 1px solid white; padding-top: 0.3rem; margin-top: 0.3rem; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li.menu-item-has-children ul.sub-menu li.reverse-color a span::before { content: ''; display: block; position: absolute; top: 50%; left: 1.5em; transform: translateY(-50%); margin-right: 0.5em; width: 15px; height: 15px; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li.menu-item-has-children ul.sub-menu li.title { display: block; width: 100%; border-top: 1px solid #4DC99F; color: #4DC99F; font-weight: bold; font-size: 1rem; padding: 0.5rem 0; }

body header.header-01 .inner .menu-wrapper .gnav .sns-link-btn a { font-size: 1rem; }

body header.header-01 .inner .menu-wrapper .gnav .sns-link-btn a img { width: 100px; margin: 0 auto; }

body header.header-01 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 18px; right: 20px; width: 35px; height: 45px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-01 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 0; width: 35px; height: 3px; border-radius: 3px; background-color: #333; transition: all .5s; }

body header.header-01 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 2px; }

body header.header-01 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 15px; }

body header.header-01 .inner .menu-wrapper .toggle-btn .menu-name { font-size: 1rem; top: 20px; }

body header.header-01 .inner .menu-wrapper.menu-open .toggle-btn { margin-top: 0; }

body header.header-01 .inner .menu-wrapper.menu-open .toggle-btn span { background-color: #333; }

body header.header-01 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(12px) rotate(-315deg); transform: translateY(12px) rotate(-315deg); }

body header.header-01 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { -webkit-transform: translateY(-1px) rotate(315deg); transform: translateY(-1px) rotate(315deg); }

body .breadcrumb-wrap { padding: 0 1.5rem; }

body .breadcrumb-wrap ul { max-width: 100%; }

body main { overflow: hidden; }

body .content-wrap { padding: 3.5rem 0; }

body .content-wrap.content-wrap-pb1 { padding-bottom: 1rem; }

body .content-wrap .inner { padding: 0 1.5rem; }

body .content-wrap .inner .inner { padding: 0; }

body .content-wrap .inner.inner-l { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap .inner.inner-m { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap .inner.inner-s { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap h1.section-title, body .content-wrap h2.section-title, body .content-wrap h3.section-title, body .content-wrap h4.section-title, body .content-wrap h5.section-title, body .content-wrap h6.section-title { margin-bottom: 3rem; }

body .content-wrap h1.section-title span.main, body .content-wrap h2.section-title span.main, body .content-wrap h3.section-title span.main, body .content-wrap h4.section-title span.main, body .content-wrap h5.section-title span.main, body .content-wrap h6.section-title span.main { font-size: 1.8rem; }

body .content-wrap h1.section-title span.sub, body .content-wrap h2.section-title span.sub, body .content-wrap h3.section-title span.sub, body .content-wrap h4.section-title span.sub, body .content-wrap h5.section-title span.sub, body .content-wrap h6.section-title span.sub { font-size: 1rem; text-align: left; }

body .content-wrap h1.section-title span.font-large, body .content-wrap h2.section-title span.font-large, body .content-wrap h3.section-title span.font-large, body .content-wrap h4.section-title span.font-large, body .content-wrap h5.section-title span.font-large, body .content-wrap h6.section-title span.font-large { font-size: 4rem; }

body .content-wrap h1.section-title.icon-title, body .content-wrap h2.section-title.icon-title, body .content-wrap h3.section-title.icon-title, body .content-wrap h4.section-title.icon-title, body .content-wrap h5.section-title.icon-title, body .content-wrap h6.section-title.icon-title { position: relative; background: #E8F5E8; padding: 1.5rem 0; border-radius: 13px; margin-top: 2rem; margin-bottom: 2rem; }

body .content-wrap h1.section-title.icon-title::before, body .content-wrap h2.section-title.icon-title::before, body .content-wrap h3.section-title.icon-title::before, body .content-wrap h4.section-title.icon-title::before, body .content-wrap h5.section-title.icon-title::before, body .content-wrap h6.section-title.icon-title::before { content: url(../img/icon_clover.svg); display: inline-block; position: absolute; top: -2.5em; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; }

body .content-wrap h1.section-title a.tag, body .content-wrap h2.section-title a.tag, body .content-wrap h3.section-title a.tag, body .content-wrap h4.section-title a.tag, body .content-wrap h5.section-title a.tag, body .content-wrap h6.section-title a.tag { font-size: .9rem; padding: .4rem 1.5rem; margin-left: 1.5rem; }

body .content-wrap h1.section-title.section-title-visit .chara, body .content-wrap h2.section-title.section-title-visit .chara, body .content-wrap h3.section-title.section-title-visit .chara, body .content-wrap h4.section-title.section-title-visit .chara, body .content-wrap h5.section-title.section-title-visit .chara, body .content-wrap h6.section-title.section-title-visit .chara { width: 27%; }

body .content-wrap h1.content-title, body .content-wrap h2.content-title, body .content-wrap h3.content-title, body .content-wrap h4.content-title, body .content-wrap h5.content-title, body .content-wrap h6.content-title { margin-bottom: 2.5rem; }

body .content-wrap h1.content-title.boder-left-01, body .content-wrap h2.content-title.boder-left-01, body .content-wrap h3.content-title.boder-left-01, body .content-wrap h4.content-title.boder-left-01, body .content-wrap h5.content-title.boder-left-01, body .content-wrap h6.content-title.boder-left-01 { font-size: 1.8rem; }

body .content-wrap h1.content-title.boder-bottom-01, body .content-wrap h2.content-title.boder-bottom-01, body .content-wrap h3.content-title.boder-bottom-01, body .content-wrap h4.content-title.boder-bottom-01, body .content-wrap h5.content-title.boder-bottom-01, body .content-wrap h6.content-title.boder-bottom-01 { font-size: 1.3rem; }

body .content-wrap h1.content-title-02, body .content-wrap h2.content-title-02, body .content-wrap h3.content-title-02, body .content-wrap h4.content-title-02, body .content-wrap h5.content-title-02, body .content-wrap h6.content-title-02 { margin-bottom: 1.5rem; }

body .content-wrap .ab_box { position: relative; }

body .content-wrap .ab_box .ad_box_img { max-width: 100%; width: 75%; right: -16%; top: -20%; position: absolute; }

body .content-wrap .ab_box .text-box-wrap { position: relative; padding: 1.5rem; }

body .content-wrap .thumb-slider-02 { height: 100%; margin-bottom: 2rem; }

body .content-wrap .thumb-slider-02 .slick-item p { padding: .5rem; font-size: 1rem; }

body .content-wrap .thumb-slider-02 .slick-slide { margin-right: 10px; margin-left: 10px; }

body .content-wrap .thumb-slider-02 .arrow { width: 40px; height: 40px; }

body .content-wrap .balloon-box-wrap .balloon-head { font-size: 1.5rem; }

body .content-wrap .balloon-box-wrap .balloon-head::before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #6DAF6D; }

body .content-wrap .balloon-box-wrap .balloon-body { padding: 2rem 1.5rem 3rem; }

body .content-wrap .balloon-box-wrap .balloon-body .balloon-inner { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap .balloon-nav-wrap { padding-bottom: 2rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

body .content-wrap .balloon-nav-wrap li { width: calc(100% / 3 - 1rem); min-height: 5em; margin-left: 1rem; margin-bottom: 2rem; }

body .content-wrap .balloon-nav-wrap li:first-of-type { margin-left: 0 !important; }

body .content-wrap .balloon-nav-wrap li:nth-child(3n+1) { margin-left: 0; }

body .content-wrap .balloon-nav-wrap li a { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 1rem 0; width: 100%; min-height: 5em; color: white; border-radius: 8px; font-size: 1rem; font-weight: 500; text-align: center; background: #6DAF6D; line-height: 1.6; }

body .content-wrap .balloon-nav-wrap li a::before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 18px solid #6DAF6D; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap02 { padding-bottom: 1.5rem; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap02 li { width: 45%; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap04 { padding-bottom: 2rem; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap04 li { width: calc(100% / 2 - 1rem); }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap04 li:nth-child(3n) { margin-left: 0; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap04 li:nth-child(3n+1) { margin-left: 1rem; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap07 { padding-bottom: 2rem; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap07 li { width: calc(100% / 4 - 1rem); min-height: auto; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap07 li:nth-child(4n+1) { margin-left: 0; }

body .content-wrap .balloon-nav-wrap.balloon-nav-wrap07 li:nth-child(3n+1) { margin-left: 1rem; }

body .content-wrap .text-box-wrap { width: 100%; max-width: 100%; background: rgba(255, 255, 255, 0.8); padding: .5rem; margin-top: 10%; }

body .content-wrap .sec02-textbox { padding: 2em; }

body .content-wrap .sec02-textbox h4 { font-size: 1.2rem; }

body .content-wrap .sec02-textbox p.detail { padding: 1.5rem 0; text-align: left; }

body .content-wrap .sec02-textbox ul.list { display: flex; flex-wrap: wrap; justify-content: center; }

body .content-wrap .sec02-textbox ul.list li.list-item { width: 100%; border-radius: 15px; padding: 1.5rem 1rem; margin-right: 0; margin-bottom: 10px; line-height: 1.5; }

body .content-wrap .sec02-textbox ul.list li.list-item:nth-child(4), body .content-wrap .sec02-textbox ul.list li.list-item:nth-child(5) { width: 100%; }

body .content-wrap .sec02-textbox ul.list li.list-item:nth-child(6), body .content-wrap .sec02-textbox ul.list li.list-item:nth-child(7) { width: 100%; }

body .content-wrap .sec02-textbox ul.list li.list-item p { font-family: 1.2rem; font-weight: bold; text-align: center; }

body .content-wrap .chart-wrap { position: relative; width: 100%; }

body .content-wrap .chart-wrap .chart-container { position: relative; width: 100%; height: 350px; }

body .content-wrap .chart-wrap #bar-stack-chart { width: 100%; /* 親要素の幅いっぱいに */ height: auto; /* 高さは幅に応じて調整 */ }

body .content-wrap .box-1col.box-1col-01 { display: block; }

body .content-wrap .box-1col.box-1col-01 .thumb { width: 100%; }

body .content-wrap .box-1col.box-1col-01 .thumb .tag-list { display: flex; align-items: center; margin: 2em 0; }

body .content-wrap .box-1col.box-1col-01 .thumb .tag-list li { width: calc(100% / 5); display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: .5rem; outline: 1px solid #4DC99F; border: 5px solid rgba(77, 201, 159, 0.2); border-radius: 3px; text-align: center; color: #4DC99F; font-weight: 500; font-size: .9rem; line-height: 1.2; min-height: 4em; }

body .content-wrap .box-1col.box-1col-01 .thumb .card-detail p { font-weight: 500; padding-bottom: .5rem; }

body .content-wrap .box-1col.box-1col-01 .thumb .card-detail img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-01 .text { width: 100%; }

body .content-wrap .box-1col.box-1col-02 .thumb { width: 100%; }

body .content-wrap .box-1col.box-1col-02 .thumb img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 13px; }

body .content-wrap .box-1col.box-1col-02 .thumb img.img-full { object-fit: contain; }

body .content-wrap .box-1col.box-1col-02 .text { width: 100%; padding: 2rem 0 1rem; }

body .content-wrap .box-1col.box-1col-02.reverse { flex-direction: column-reverse; }

body .content-wrap .box-2col.box-2col-01 { display: block; }

body .content-wrap .box-2col.box-2col-01 .item { width: 100%; display: block; margin-right: 0; margin-bottom: 1.5rem; transition: all .3s; }

body .content-wrap .box-2col.box-2col-01 .item .thumb { padding: 1.5rem 0; background: #4DC99F; border-radius: 8px 8px 0 0; }

body .content-wrap .box-2col.box-2col-01 .item .thumb img { display: block; width: 70%; margin: 0 auto; object-position: center; overflow: hidden; }

body .content-wrap .box-2col.box-2col-01 .item .text { position: relative; padding: 1rem 1.5rem; background: #267026; border-radius: 0 0 8px 8px; }

body .content-wrap .box-2col.box-2col-01 .item .text h4 { text-align: center; font-size: .9rem; font-weight: bold; color: white; line-height: 1.4; }

body .content-wrap .box-2col.box-2col-01 .item .text h4 span { display: block; font-size: 1.2rem; color: #FFF000; }

body .content-wrap .box-2col.box-2col-01 .item .text::after { content: url(../img/btn_arrow.svg); position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); display: block; width: 1.5em; }

body .content-wrap .box-3col.box-3col-01 ul.list li.list-item { width: 50%; margin-right: 0; margin-bottom: 0; }

body .content-wrap .box-3col.box-3col-02 ul.list { display: flex; flex-wrap: wrap; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item { width: 100%; margin-right: 0; margin-bottom: 3rem; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .thumb { width: 60%; margin: 0 auto; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li { width: 100%; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; color: #ffffff; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text .main { font-size: 1.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text .sub { font-size: 1rem; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li { width: 49.2%; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li:nth-child(2n) { margin-right: 0; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li { flex-wrap: wrap; margin-bottom: 5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) { flex-direction: column; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .thumb { margin-left: 0; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .main { text-align: left; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .sub { margin: 0; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .link { margin: 2rem 0 0 auto; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(even) .thumb { margin-right: 0; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .thumb { width: 100%; margin-bottom: 1.6rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text { width: 100%; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .main { font-size: 1.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .sub { width: 100%; font-size: 1rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .link { width: 100%; }

body .content-wrap .box-free-wrap.box-free-wrap-04 ul li { width: 33.3%; padding: .5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-04 ul li img { display: block; width: 100%; }

body .content-wrap .link-btn { width: 100%; }

body .content-wrap .link-btn.link-btn-02 a::after { width: 30px; height: 30px; padding: .5rem; }

body .content-wrap .flex_btn { display: block; }

body .content-wrap .flex_btn .link-btn { width: 100%; margin-top: 1.5rem; }

body .content-wrap .flex_btn .link-btn:first-child { margin-top: 0; }

body .content-wrap .round-box { border-radius: 10px; }

body .content-wrap .round-box .round-box-inr { padding: 3rem 2rem; }

body .content-wrap .round-box .round-box-inr .cotent { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 4rem; }

body .content-wrap .round-box .round-box-inr .cotent:nth-of-type(even) { flex-direction: row; }

body .content-wrap .round-box .round-box-inr .cotent .num { font-size: 4rem; width: 8%; }

body .content-wrap .round-box .round-box-inr .cotent .text-area { width: 92%; padding: 0 0 0 2.5rem; margin-bottom: 2rem; }

body .content-wrap .round-box .round-box-inr .cotent .text-area .ttl { font-size: 1.2rem; font-weight: bold; margin-bottom: .5rem; }

body .content-wrap .round-box .round-box-inr .cotent .thm { width: 40%; }

body .content-wrap .table tr th { width: 28%; padding: 1.5rem; }

body .content-wrap .table tr td { padding: 1.5rem; }

body .content-wrap form .row { border-bottom: 1px solid #eef3f1; display: contents; }

body .content-wrap form .row .col-12 { display: block; flex-wrap: wrap; padding: 1rem 0; }

body .content-wrap form .row .col-12 label { width: 100%; font-size: 1.1rem; font-weight: bold; }

body .content-wrap form .row .col-12 label.reqire::after { content: "*"; color: red; font-size: 1.2rem; }

body .content-wrap form .row .col-12 select, body .content-wrap form .row .col-12 input, body .content-wrap form .row .col-12 textarea { width: 100%; font-size: 1.1rem; }

body .content-wrap form .row .seinengappi { display: flex; width: 100%; }

body .content-wrap form .row .seinengappi select { width: 100% !important; margin-right: 2rem; }

body .content-wrap form .row .seinengappi .year { width: 40%; margin-right: 2rem; }

body .content-wrap form .row .seinengappi .month { width: 30%; margin-right: 2rem; }

body .content-wrap form .row .seinengappi .day { width: 30%; }

body .content-wrap form .btn-wrap input[type=submit] { width: 100%; }

body .content-wrap .map { aspect-ratio: 1/1; }

body .content-wrap .map iframe { width: 100%; height: 100%; max-height: 100%; }

body .content-wrap .g-map { aspect-ratio: 1/1; }

body .content-wrap .g-map iframe { width: 100%; height: 100%; max-height: 600px; }

body .content-wrap#recruitment .recruitment_head { display: block; }

body .content-wrap#recruitment .recruitment_head .section-title { width: 100%; }

body .content-wrap#recruitment .recruitment_head .txt { width: 100%; padding-left: 0; }

body .content-wrap#msg { padding-bottom: 0; }

body .content-wrap#msg h4 { width: 65%; max-width: 390px; margin: 0 auto 3rem auto; }

body .content-wrap#footnav .footnav_bg { padding: 3.5rem 0 8rem 0; }

body .content-wrap#footnav .footnav_bg .nav { flex-wrap: wrap; }

body .content-wrap#footnav .footnav_bg .nav li { width: calc(50% - 1rem); margin-right: 1rem; margin-top: 2rem; }

body .content-wrap#footnav .footnav_bg .nav li:nth-child(2n) { margin-right: 0; }

body .content-wrap#footnav .footnav_bg .nav li:last-of-type { margin-right: 0; }

body .content-wrap#footer_cta a { display: block; margin: -4rem 1rem 0 1rem; }

body .content-wrap#footer_cta a .section-title { width: 100%; }

body .content-wrap#footer_cta a .txt-wrap { width: 100%; padding-left: 0; margin-left: 0; border-left: none; }

body .content-wrap#footer_cta a .txt-wrap .ttl { font-weight: bold; font-size: 1.2rem; margin-bottom: 0.5rem; }

body .content-wrap .suujidemiru { display: flex; flex-wrap: wrap; padding-left: 7cqw; }

body .content-wrap .suujidemiru .item { width: 50%; display: flex; container-type: inline-size; margin: 0; }

body .content-wrap .suujidemiru .item:nth-child(3n) { margin-right: 0; }

body .content-wrap .suujidemiru .item .icon { width: 35%; }

body .content-wrap#careerpass, body .content-wrap#educationsystem { padding-top: 0; }

body .content-wrap#careerpass .careerpass_head h2 span.main, body .content-wrap#educationsystem .careerpass_head h2 span.main { font-size: 2rem; }

body .content-wrap#careerpass .careerpass_head .head_wrap, body .content-wrap#educationsystem .careerpass_head .head_wrap { display: block; }

body .content-wrap#careerpass .careerpass_head .head_wrap h3, body .content-wrap#educationsystem .careerpass_head .head_wrap h3 { width: 100%; }

body .content-wrap#careerpass .careerpass_image, body .content-wrap#educationsystem .careerpass_image { margin-top: 1rem; }

body .content-wrap .sec_kankyo h4 { margin: -4rem auto 2.5rem auto; }

body .main_top .main_top_canvas { position: absolute; top: 42%; width: 98%; }

body .main_top .main_top_canvas .top_logo { opacity: 0; width: 70%; margin: 0 auto 2rem auto; }

body .main_top .main_top_canvas .top_text { opacity: 0; font-size: 1.25rem; }

body .main_top .main_top_nav_wrap { position: relative; width: 80%; margin: 0 auto; }

body .main_top .main_top_nav_wrap .main_top_nav { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; margin: 0 auto; }

body .voice_box .voice-slider .item { width: 220px !important; height: 360px !important; }

body .about_rinen { text-align: center; font-size: 2rem; letter-spacing: 1.2rem; line-height: 2; }

body .daihyo-name { width: 48%; margin: 0 0 0 auto; margin-top: 2.5rem; }

body .mv .mv_image { max-width: 100%; margin: auto; }

body .mv .mv_image img.sp { position: relative; z-index: 1; }

body .mv .mv_foot .mv_ttl { position: relative; z-index: 2; margin-top: -52%; width: 60%; margin-left: 1rem; margin-bottom: 1.8rem; }

body .mv .mv_foot .intro { width: 88%; padding: 2rem; }

body .mv .mv_foot .intro .ttl { font-size: 1.8rem; line-height: 1.5; margin-bottom: 1.5rem; }

body .mv .mv_foot .intro .txt { line-height: 1.8; font-size: 1.1rem; padding-right: 18%; }

body .mv .mv_sub01 { z-index: 3; width: 35%; right: 0; bottom: auto; top: 45%; }

body .mv_voice { width: 100%; height: 100%; position: relative; container-type: inline-size; }

body .mv_voice .image { width: 90%; margin-left: 10%; }

body .mv_voice .text { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); padding-left: 1rem; }

body .mv_voice .text > h2 > span { font-size: 5cqw; padding-bottom: 0.4cqw; background-color: white; }

body .mv_voice .text .caption p { font-size: 4cqw; }

body .mv_voice .text .initial { font-size: 3cqw; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, -1px -1px white, 1px -1px white, -1px 1px white, 1px 1px white; }

body .voice_job_caption { display: block; }

body .voice_job_caption .text h2 { font-size: 1.5rem; margin-bottom: 1rem; }

body .voice_job_caption .text .details { line-height: 2; padding-right: 0; }

body .voice_job_caption .image { padding-top: 2rem; }

body .voice_job_caption .image img { display: block; width: 100%; }

body .content-wrap-schedule > .image { position: static; margin: 2rem; width: calc( 100vw - 2rem * 2); height: calc( 100vw - 2rem * 2); border-radius: 1rem; margin-top: -1rem; }

body .content-wrap-schedule .schedule_text_wrap { width: 100%; margin-left: 0; padding: 1rem; }

body .content-wrap-schedule .schedule_text_wrap h2 { font-size: 1.6rem; font-weight: 600; margin: -1.6rem 0 1.6rem 0; }

body .content-wrap-myprofile .myprofile_wrap { position: relative; container-type: inline-size; }

body .content-wrap-myprofile .myprofile_wrap .image { position: static; width: 60vw; transform: translate(0, 0); margin: 0 auto; }

body .content-wrap-myprofile .myprofile_wrap ul.details { container-type: inline-size; }

body .content-wrap-myprofile .myprofile_wrap ul.details li { padding: 0; }

body .content-wrap-myprofile .myprofile_wrap ul.details li .text { position: absolute; top: 0; width: calc(100%); }

body .content-wrap-myprofile .myprofile_wrap ul.details li .text .ttl { font-size: 1rem; padding-bottom: 0.2rem; }

body .content-wrap-myprofile .myprofile_wrap ul.details li .text .txt { line-height: 1.5; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(1) { padding: 0; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(1) img { width: 90%; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(1) .text { padding: 7cqw 14cqw 0 6cqw; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(1):after { background-image: none; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(2) { padding: 0; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(2) .text { padding: 7cqw 6cqw 0 2cqw; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(2):after { background-image: none; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(3) { padding: 0; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(3) img { width: 90%; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(3) .text { padding: 9cqw 14cqw 0 6cqw; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(3):after { background-image: none; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(4) { padding: 0; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(4) img { width: 90%; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(4) .text { padding: 8cqw 12cqw 0 8cqw; }

body .content-wrap-myprofile .myprofile_wrap ul.details li:nth-child(4):after { background-image: none; }

body .content-wrap-message .message_wrap { display: block; }

body .content-wrap-message .message_wrap .contents_txt { width: 100%; padding-right: 0; }

body .content-wrap-message .message_wrap .contents_txt h3 { margin-bottom: 1rem; }

body .content-wrap-message .message_wrap .contents_txt .text { color: white; line-height: 2; }

body .content-wrap-message .message_wrap .image { width: 100%; margin-top: 1rem; }

body .content-wrap-process ul.process_wrap { counter-reset: process 0; border: 1px solid #4DC99F; padding: 3rem; border-radius: 1.2rem; }

body .content-wrap-process ul.process_wrap li { display: block; }

body .content-wrap-process ul.process_wrap li .num { width: 100%; }

body .content-wrap-process ul.process_wrap li .text { padding: 0.5rem 1rem; }

body .content-wrap-process ul.process_wrap li .text .ttl { font-size: 1.2rem; padding-bottom: 0.3rem; }

body .content-wrap-process ul.process_wrap li .text .txt { line-height: 1.6; }

body .content-wrap-entrytype .entrytype_wrap { display: flex; flex-wrap: wrap; }

body .content-wrap-entrytype .entrytype_wrap a { display: block; background-color: #4DC99F; color: white; font-size: 1.2rem; font-weight: 600; margin-right: 1rem; width: calc( 50% - ( 1rem / 2 )); padding: 0.5em 0; text-align: center; border-radius: 100rem; }

body .content-wrap-entrytype .entrytype_wrap a:last-child { margin-right: 0; }

body .content-wrap-spec .spec_wrap h3 { font-size: 1.5rem; padding: 2rem 0 1rem 0; }

body .content-wrap-spec .spec_wrap .spec_btn { padding: 1rem 0; }

body .content-wrap-spec .spec_wrap .spec_btn a img { max-width: 100%; }

body .koukoku_bnr { width: 100%; }

body .ma_intro { display: flex; flex-direction: column-reverse; flex-wrap: wrap; }

body .ma_intro .ma_intro_thm { width: 100%; padding-left: 0%; margin-bottom: 2rem; }

body .ma_intro .ma_intro_txt { width: 100%; }

body .box-free-wrap-04-ma ul li { width: 100% !important; padding: 1.5rem 1rem !important; }

body .box-free-wrap-04-ma ul li img { width: 45% !important; margin: 0 auto 1.5rem auto; }

body .box-free-wrap-04-ma ul li .t_main { text-align: center; }

body .ma_step .ma_step_item { display: flex; align-items: flex-start; }

body .ma_step .ma_step_item .step_num { width: 18%; }

body .ma_step .ma_step_item .step_content { width: 82%; padding-left: 2rem; }

body .ma_step .ma_step_item .step_content .step_ttl { font-weight: bold; font-size: 1.5rem; margin-bottom: .5rem; }

body .ma_step_arrow { width: 18%; margin: 1.5rem auto 1rem auto; }

body footer.footer { background: #F2F2F2; display: block; justify-content: space-between; align-items: center; padding: 2rem 1.5rem; }

body footer.footer .inner { display: block; text-align: center; }

body footer.footer .inner .logo { width: 65%; max-width: 260px; margin: 0 auto; margin-bottom: 2rem; }

body footer.footer .inner .f_link { font-size: 1rem; font-weight: bold; }

body footer.footer .copyright { margin-top: 2rem; font-size: .9rem; }

.content-title-feed .main { display: flex; justify-content: center; align-items: center; font-family: "Comfortaa", serif; font-size: 2rem; font-weight: bold; text-align: center; color: #62A962; }

.content-title-feed .main img { width: 8%; margin-right: 1rem; }

.link-btn-feed { width: 100% !important; }

.loop__box img { height: calc(45 / 375 * 100vw); }

.chara_rec { width: 26%; margin: 0 auto .5rem auto; }

.chara_careerpass { width: 21%; margin: 0 auto .5rem auto; }

.chara_voice { width: 34%; margin: 0 auto .8rem auto; }

.chara_cta_rec { width: 24%; margin: 1rem auto 0 auto; }

.chara_msg { width: 10%; max-width: 100%; }

.chra_wrap { margin-bottom: 0; }

.chra_wrap .chara_fnav { width: 20%; margin-right: 1.5rem; }

.chra_wrap .section-title { text-align: left !important; margin-bottom: 0 !important; }

.chra_wrap .section-title span { text-align: left !important; }