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

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

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

body header.header-01 .inner .logo { width: 140px; }

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 .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 #62A962; color: #62A962; font-weight: bold; font-size: 1rem; padding: 0.5rem 0; }

body header.header-01 .inner .menu-wrapper .gnav .sns-link-btn { padding-bottom: 1.5em; }

body header.header-01 .inner .menu-wrapper .gnav .sns-link-btn a { display: block; text-align: center; color: white; font-weight: bold; font-size: .9rem; }

body header.header-01 .inner .menu-wrapper .gnav .sns-link-btn a img { display: block; width: 45px; margin: 0 auto; padding-top: .3rem; }

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 header.header-01 .mainvi { width: 100%; height: 250px; position: relative; z-index: -1; }

body header.header-01 .mainvi .slider { height: 100%; width: 100%; }

body header.header-01 .mainvi .slider div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: left center; background-size: cover; }

body header.header-01 .mainvi .slider div.pt-02 { background-position: center; }

body header.header-01 .mainvi .header-title-wrap { width: 100%; height: 100%; }

body header.header-01 .mainvi .header-title-wrap.header-title-01 h1, body header.header-01 .mainvi .header-title-wrap.header-title-02 h1 { text-align: center; font-size: 7vw; }

body header.header-01 .mainvi .header-title-wrap.header-title-01 h1 span, body header.header-01 .mainvi .header-title-wrap.header-title-02 h1 span { font-size: 3.5vw; margin-top: .8rem; }

body header.header-01 .mainvi.mainvi02 { height: 35vh; }

body header.header-01 .mainvi.mainvi02 .header-title-wrap.header-title-01 { justify-content: center; }

body header.header-01 .mainvi.mainvi02 .header-title-wrap.header-title-01 h1 { color: #009944; }

body header.header-01 .h_insta { width: 40px; margin-right: 1rem; margin-top: 0rem; }

body header.header-01 .h_insta.h_insta_top { margin-right: 2rem; margin-top: 0.3rem; }

body header.header-01 .mainvi-recruite { height: 35vh; }

body header.header-01 .mainvi-recruite .header-title-wrap { left: 3%; }

body header.header-01 .mainvi-recruite .header-title-wrap.header-title-02 { justify-content: flex-start; }

body header.header-01 .mainvi-recruite .header-title-wrap.header-title-02 h1 { text-align: left; font-size: 2rem; font-weight: normal; letter-spacing: .6rem; line-height: 2; }

body header.header-01 .rec_btn { width: 65px; top: 16px; right: 122px; }

body header.header-01 .rec_btn a { width: 100%; font-size: 12px; padding: .9rem .0rem; }

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

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

body main { overflow: hidden; }

body .content-wrap { padding: 4rem 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.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 #62A962; border: 5px solid rgba(98, 169, 98, 0.2); border-radius: 3px; text-align: center; color: #62A962; 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: #62A962; 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 .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 .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 .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 .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 .inner { width: 100%; max-width: 100%; margin: 0 auto; padding: 2.5rem 1.5rem; }

body footer.footer .inner .flex-wrap { display: block; }

body footer.footer .inner .flex-wrap .logo { width: 60%; }

body footer.footer .inner .flex-wrap .logo img { display: block; max-width: 100%; width: 100%; margin: 0 auto; }

body footer.footer .inner .flex-wrap .tail { width: 100%; }

body footer.footer .inner .flex-wrap .tail nav { padding-bottom: 0rem; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container { display: flex; justify-content: space-between; width: 100%; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap { width: calc(100% / 3 - .2rem); margin-left: 0; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap:first-child { margin-left: 0; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item { padding-bottom: 1.5rem; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item a { display: block; font-weight: bold; transition: all .3s; font-size: 1.1rem; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item a:hover { color: #62A962; opacity: 1; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item.menu-item-has-children .sub-menu { position: relative; padding-left: 1em; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item.menu-item-has-children .sub-menu a { display: block; font-size: 1rem; font-weight: normal; margin-top: .5rem; padding: .3rem 0; }

body footer.footer .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item.menu-item-has-children .sub-menu::before { content: ''; position: absolute; top: 0; left: 5px; border-left: 2px solid #E2E2E2; height: 100%; }

body footer.footer .inner .flex-wrap .tail .sns-link { text-align: right; }

body footer.footer .inner .flex-wrap .tail .sns-link a { font-family: "Comfortaa", serif; display: flex; align-items: flex-end; justify-content: end; color: #62A962; font-weight: bold; }

body footer.footer .inner .flex-wrap .tail .sns-link a img { display: block; width: 100%; max-width: 45px; padding-left: 1em; }

body footer.footer .copyright { background: #62A962; padding: 1rem; color: #ffffff; }

.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; }