@charset "UTF-8";
/* CSS Document */
/* font
=========================================== */
@font-face { /*NotoSansJP*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Regular.ttf"); src: url("../fonts/font/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Regular.woff") format("woff"), url("../fonts/font/NotoSansJP-Regular.ttf") format("truetype"); font-weight: 400; }
@font-face { /*NotoSansJPミディアム*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Medium.ttf"); src: url("../fonts/font/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Medium.woff") format("woff"), url("../fonts/font/NotoSansJP-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { /*NotoSansJPボールド*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Bold.ttf"); src: url("../fonts/font/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Bold.woff") format("woff"), url("../fonts/font/NotoSansJP-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { /*robotoボールド*/
font-family: "roboto"; src: url("../fonts/font/Roboto-Bold.ttf"); src: url("../fonts/font/Roboto-Bold.woff2") format("woff2"), url("../fonts/font/Roboto-Bold.woff") format("woff"), url("../fonts/font/Roboto-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { /*Zen Kaku Gothic New*/
font-family: "Zen Kaku Gothic New"; src: url("../fonts/font/ZenKakuGothicNew-Bold.ttf"); src: url("../fonts/font/ZenKakuGothicNew-Bold.woff2") format("woff2"), url("../fonts/font/ZenKakuGothicNew-Bold.woff") format("woff"), url("../fonts/font/ZenKakuGothicNew-Bold.ttf") format("truetype"); font-weight: 700; }
/* Link
=========================================== */
a:link, a:visited { color: #000000; text-decoration: none; }

a:hover, a:active { color: #000000; text-decoration: none; }

a { outline: none; transition: 0.3s; }

a img { transition: 0.3s; }

:focus { outline: none; }

/* LAYOUT
=========================================== */
body { overflow: hidden; width: 100%; }

.pc { display: none !important; }

.sp { display: block; }

body { color: #000000; background: #FFFFFF; font-size: 14px; line-height: 1.43; font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: 500; font-style: normal; word-break: break-all; }

img { width: 100%; height: auto; }

table { width: 100%; table-layout: fixed; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.wrap { position: relative; }

input, select { -webkit-appearance: auto; appearance: auto; }

/*共通設定*/
.btn01 { text-align: right; margin-top: 40px; }

.btn01 a { display: inline-flex; justify-content: center; align-items: center; }

.btn01 a .btn-text { display: inline-block; font-size: 16px; color: #000000; font-weight: 700; transition: 0.3s; }

.btn01 a .arrow { display: inline-block; width: 44px; height: 44px; box-sizing: border-box; background: #5AA052; border-radius: 50%; margin-left: 12px; position: relative; }

.btn01 a .arrow::before { content: ""; display: block; width: 10px; height: 12px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.btn01.shiro a .btn-text { color: #FFFFFF; }

.btn01.shiro a .arrow { border: 2px solid #FFFFFF; background: transparent; }

.btn02 { width: 100%; height: 60px; }

.btn02 a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 18px 50px 19px; box-sizing: border-box; background: #000000; border-radius: 30px; position: relative; }

.btn02 a .btn-text { font-size: 16px; color: #FFFFFF; font-weight: 700; }

.btn02 a .arrow { display: inline-block; width: 24px; height: 24px; box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 50%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition: 0.3s; }

.btn02 a .arrow::before { content: ""; display: block; width: 6px; height: 8px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.btn02.grad a { background: linear-gradient(105deg, #7fce69 0%, #379842 100%); }

.title01 { margin-bottom: 40px; }

.title01 .en { display: block; font-family: "roboto"; font-size: 60px; color: #5AA052; line-height: 1.33; letter-spacing: 0.012em; }

.title01 .ja { display: block; font-size: 16px; }

.title01.shiro .en { color: #FFFFFF; }

.title02 { font-size: 28px; line-height: 1.43; padding: 0 0 8px 16px; box-sizing: border-box; border-bottom: 1px solid #D9D9D9; position: relative; }

.title02::before { content: ""; display: block; width: 4px; height: 100%; background: #008CD4; position: absolute; bottom: 0; left: 0; }

.title03 { font-size: 48px; margin-bottom: 40px; }

.title03 .sub { display: block; padding-left: 48px; box-sizing: border-box; font-size: 20px; margin-bottom: 16px; position: relative; }

.title03 .sub::before { content: ""; display: block; width: 40px; height: 1px; background: #004DA1; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.tel_box { text-align: center; }

.tel_box .tel .num { font-size: 28px; line-height: 1.32; padding-left: 20px; position: relative; }

.tel_box .tel .num::before { content: ""; display: block; width: 16px; height: 28px; background: url("../img/common/icon_tel.svg") no-repeat center; background-size: contain; position: absolute; top: 4px; left: 0; }

.tel_box .tel-text_box { flex-direction: column; align-items: center; margin-top: 4px; }

.tel_box .tel-text_box .tel-text { width: 180px; text-align: left; }

.tel_box .tel-text_box .tel-text:last-child { margin-right: 0; }

.tel_box .tel-text_box .tel-text span { margin-right: 4px; }

.tel_box .tel-text_box .tel-text span:last-child { margin-right: 0; }

.sub_title { display: inline-flex; flex-direction: column; align-items: flex-start; }

.text-bg_grad, .text-bg_white { display: inline-block; font-size: 20px; line-height: 1.45; font-weight: 700; padding: 3px 6px 4px; box-sizing: border-box; }

.text-bg_grad { background: linear-gradient(105deg, #7fce69 0%, #379842 100%); color: #FFFFFF; }

.text-bg_white { background: #FFFFFF; }

.sub_title.tate .text-bg_grad, .sub_title.tate .text-bg_white { line-height: 1; padding: 3px 6px 8px; margin-left: 4px; }

.sub_title.tate .text-bg_grad:last-child, .sub_title.tate .text-bg_white:last-child { margin-left: 0; }

.sub_title.tate .text-bg_grad { background: linear-gradient(175deg, #7fce69 0%, #379842 100%); }

/*ウェブフォント*/
.normal { font-weight: 400; }

.medium { font-weight: 500; }

.bold { font-weight: 700; }

.black { font-weight: 900; }

.common_text { line-height: 1.75; }

.common_text2 { line-height: 2; }

.tcenter { text-align: center; }

.tleft { text-align: left; }

.tright { text-align: right; }

.roboto { font-family: "roboto"; font-weight: 700; }

.gothic { font-family: "Zen Kaku Gothic New"; font-weight: 700; }

/*色*/
.shiro { color: #fff; }

.kuro { color: #000000; }

.midori { color: #5AA052; }

.midori02 { color: #3FD22F; }

.mt20 { margin-top: 20px; }

.flex { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tate { writing-mode: vertical-rl; white-space: pre; letter-spacing: -0.4em; }

.tate .tate-num { display: inline-block; writing-mode: horizontal-tb; letter-spacing: 0; margin: 7px 0 -6px; }

.tate .tate-line { display: inline-block; writing-mode: horizontal-tb; letter-spacing: 0; transform: rotate(90deg); margin: 5px 0 -5px; }

.safari .tate { letter-spacing: 0.1em; }

.safari .tate .tate-num { margin: 5px 0; }

.safari .tate .tate-line { margin: 5px 0; }

@-moz-document url-prefix() { .tate { letter-spacing: 0.1em; }
  .tate .tate-num { margin: 5px 0; }
  .tate .tate-line { margin: 5px 0; } }
/*header
---------------------------------------------------------------*/
#header { width: 100%; height: 50px; position: fixed; transition: 0.3s; left: 0; right: 0; top: 0; margin: auto; z-index: 100; background: #FFFFFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); }

#header .header_inner { height: 100%; justify-content: space-between; align-items: center; flex-wrap: nowrap; }

#header .header_inner .logo_box { width: auto; margin-left: 15px; position: relative; z-index: 1; }

#header .header_inner .logo { width: 190px; }

#header .header_inner .logo a { display: block; width: 100%; }

#header .header_inner .right { height: 100%; justify-content: flex-end; margin-right: 71px; }

#header .header_inner .right .right_top { justify-content: flex-end; align-items: center; height: 100%; }

#header .header_inner .right .right_top .tel_box { width: 16px; height: 28px; }

#header .header_inner .right .right_top .tel_box .tel { width: 100%; height: 100%; }

#header .header_inner .right .right_top .tel_box .tel a { display: block; width: 100%; height: 100%; background: url("../img/common/icon_tel.svg") no-repeat center; background-size: contain; }

#header .header_inner .right .right_top .tel_box .tel .num { display: none; }

#header .header_inner .right .right_top .tel_box .tel-text_box { display: none; }

#header .header_inner .right .right_top .btn-list { display: none; }

/*gnav*/
.gnav { display: none; }

/*CTA*/
#fixed-btn { width: 100%; height: 60px; position: fixed; bottom: -61px; left: 0; z-index: 99; transition: 0.3s; }

#fixed-btn a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 18px 50px; box-sizing: border-box; background: linear-gradient(105deg, #7fce69 0%, #379842 100%); position: relative; }

#fixed-btn a .btn-text { font-size: 16px; color: #FFFFFF; font-weight: 700; }

#fixed-btn a .arrow { display: inline-block; width: 24px; height: 24px; box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 50%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition: 0.3s; }

#fixed-btn a .arrow::before { content: ""; display: block; width: 6px; height: 8px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.fixed #fixed-btn { bottom: 0; }

/* nav
=========================================== */
.sp-nav-btn { width: 32px; height: 23px; position: relative; z-index: 101; box-sizing: border-box; text-align: center; transition: 0.3s; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.sp-nav-btn > span { width: 100%; height: 1px; background: #000000; position: absolute; left: 0; transition: 0.3s; }

.sp-nav-btn .border01 { top: 0; }

.sp-nav-btn .border02 { top: 50%; transform: translateY(-50%); }

.sp-nav-btn .border03 { bottom: 0; }

.sp-nav-btn.opon .border01 { transform: translate(-50%, -50%) rotateZ(45deg); top: 50%; left: 50%; }

.sp-nav-btn.opon .border02 { display: none; }

.sp-nav-btn.opon .border03 { transform: translate(-50%, 50%) rotateZ(-45deg); bottom: 50%; left: 50%; }

.sp-nav-list .overlay-nav { visibility: hidden; width: 100%; height: calc(100% - 50px); position: fixed; top: 50px; left: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; }

.sp-nav-list .overlay-nav.opon { visibility: visible; opacity: 1; }

.sp-nav-list .navs-list { position: fixed; width: 100%; height: calc(100% - 50px); z-index: 99; top: 50px; background: #F3F3F3; right: -100%; transition: 0.3s; overflow-x: hidden; overflow-y: auto; padding: 20px 20px 40px; box-sizing: border-box; }

.sp-nav-list .navs-list.opon { right: 0; }

.sp-nav-list .navs-list > ul > li { border-bottom: 1px solid #CCCCCC; }

.sp-nav-list .navs-list > ul > li > a { display: block; padding: 20px 0 20px 28px; box-sizing: border-box; font-weight: 700; position: relative; }

.sp-nav-list .navs-list > ul > li > a::before { content: ""; display: block; width: 20px; height: 20px; background: url("../img/common/btn_arrow.svg") no-repeat center, #5AA052; background-size: 6px; border-radius: 50%; position: absolute; top: 20px; left: 0; }

.sp-nav-list .navs-list > ul > li:first-child > a { padding-top: 0; }

.sp-nav-list .navs-list > ul > li:first-child > a::before { top: 0; }

.sp-nav-list .navs-list > ul > li:last-child { border-bottom: 0; }

.sp-nav-list .navs-list > ul > li:last-child > a { padding-bottom: 0; }

.sp-nav-list .navs-list .btn02 { margin-top: 20px; }

.sp-nav-list .navs-list .btn02.grad { margin-top: 40px; }

/* main */
/*-------------------------------------------*/
#main { margin-top: 50px; }

#main.home_main { width: 100%; height: 600px; background-image: url("../img/main/main_img_sp.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }

#main.home_main .waku { width: 100%; padding-bottom: 24px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; }

#main.home_main .text_box .main_title { display: block; max-width: 300px; margin-bottom: 25px; }

#main.home_main .text_box .main_title > span { display: inline-block; padding: 4px 8px 6px; box-sizing: border-box; background: #FFFFFF; font-size: 28px; line-height: 1.44; }

#main.home_main .text_box .main_title > span.sub_title { padding: 3px 10px 4px; background: #5AA052; font-size: 17px; }

#main.home_main .text_box .main_title > span span.s80 { letter-spacing: 0.04em; }

#main.home_main .text_box .main_title > span span.s40 { letter-spacing: 0.02em; }

#main.home_main .text_box .main_title > span span.s-80 { letter-spacing: -0.04em; }

#main.home_main .text_box .icon-list { align-items: center; }

#main.home_main .text_box .icon-list .icon01 { width: 120px; height: 110px; padding-top: 16px; box-sizing: border-box; text-align: center; position: relative; z-index: 1; }

#main.home_main .text_box .icon-list .icon01:last-child { margin-right: 0; }

#main.home_main .text_box .icon-list .icon01::before { content: ""; display: block; width: 110px; height: 100%; background: rgba(0, 0, 0, 0.4); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }

#main.home_main .text_box .icon-list .icon01 img { width: 36px; }

#main.home_main .text_box .icon-list .icon01 p { font-size: 15px; line-height: 1.36; margin-top: 3px; }

#main.home_main .btn02 { display: none; }


/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger { position: absolute; left: 0; top: 50px; z-index: -100; }

/* CLEARFIX
=========================================== */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

.cf { min-height: 1px; }

* html .cf { height: 1px; /*¥*/ 	                 /*/ height: auto; overflow: hidden; /**/ }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

/*ライトボックス設定*/
#fancybox-wrap { padding: 0 !important; width: 100% !important; left: 0 !important; }

div#fancybox-content { border: none; width: 92% !important; padding: 2%; margin: 2%; height: auto !important; }

div#fancybox-outer { background: none; }

#fancybox-close { position: absolute; top: 0 !important; right: 0 !important; }

section { position: relative; }

/* footer */
/*-------------------------------------------*/
#entry-sec > a { display: block; padding: 70px 5% 82px; background: url("../img/common/entry_bg_sp.jpg") no-repeat center; background-size: cover; position: relative; }

#entry-sec > a .title01 { position: relative; z-index: 1; }

#entry-sec > a .title01::before { content: ""; display: block; width: 251px; height: 134px; background: url("../img/common/entry_text.png") no-repeat center; background-size: contain; position: absolute; top: -62px; left: -18px; z-index: -1; }

#entry-sec > a .text01 { line-height: 1.62; }

#entry-sec > a .arrow { display: block; width: 44px; height: 44px; border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 50%; position: absolute; top: 30px; right: 0; }

#entry-sec > a .arrow::before { content: ""; display: block; width: 10px; height: 12px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#visit-sec { padding: 80px 0; }

#visit-sec .wrap { padding: 0 5%; box-sizing: border-box; }

#visit-sec .slide-img { width: 100%; height: 300px; animation: bgMove 50s linear infinite; background: url("../img/common/visit-img.png") repeat-x; background-size: cover; }

@keyframes bgMove { 0% { background-position: 0; }
  100% { background-position: -1940px; } }
#visit-sec .cnt { display: block; margin-top: 68px; position: relative; }

#visit-sec .cnt h2 { font-size: 16px; margin-bottom: 20px; position: relative; z-index: 1; }

#visit-sec .cnt h2::before { content: ""; display: block; width: 208px; height: 100px; background: url("../img/common/visit_text.png") no-repeat center; background-size: contain; position: absolute; top: -107px; left: -18px; z-index: -1; }

#visit-sec .cnt .sub_title { writing-mode: horizontal-tb; white-space: pre-wrap; letter-spacing: 0; margin-bottom: 20px; }

#visit-sec .cnt .sub_title .text-bg_grad { line-height: 1.45; padding: 3px 6px 4px; margin-left: 0; background: linear-gradient(105deg, #7fce69 0%, #379842 100%); }

#visit-sec .cnt .box-list { display: block; }

#visit-sec .cnt .box-list .box { width: 100%; border-radius: 5px; }

#visit-sec .cnt .box-list .box.box01 { background: #F3F3F3; padding: 20px 0; box-sizing: border-box; text-align: center; margin-bottom: 4px; }

#visit-sec .cnt .box-list .box.box01 .midashi { font-size: 18px; line-height: 1.44; }

#visit-sec .cnt .box-list .box.box02 a { display: flex; width: 100%; padding: 25px 40px; box-sizing: border-box; align-items: center; justify-content: center; border-radius: 5px; background: #5AA052; position: relative; }

#visit-sec .cnt .box-list .box.box02 a .btn-text { font-size: 18px; line-height: 1.44; padding-top: 24px; position: relative; }

#visit-sec .cnt .box-list .box.box02 a .btn-text::before { content: ""; display: block; width: 20px; height: 16px; background: url("../img/common/icon_mail.svg") no-repeat center; background-size: contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

#visit-sec .cnt .box-list .box.box02 a .arrow { display: block; width: 24px; height: 24px; border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 50%; position: absolute; bottom: 11px; right: 10px; transition: 0.3s; }

#visit-sec .cnt .box-list .box.box02 a .arrow::before { content: ""; display: block; width: 6px; height: 8px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#map-sec { width: 100%; aspect-ratio: 25 / 16; position: relative; }

#map-sec iframe { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#footer { padding: 80px 5% 120px; background: #363636; }

#footer .footer_box { display: block; margin-bottom: 60px; }

#footer .footer_box .navs-list { display: flex; align-items: flex-start; justify-content: flex-end; }

.navs-list ul.navs-list00 { width: 50%; }

.navs-list ul.navs-list00 > li { margin-bottom: 20px; }

.navs-list ul.navs-list00 > li:last-child { margin-bottom: 0; }

.navs-list ul.navs-list00 > li > a { font-weight: 700; color: #FFFFFF; }

#footer .footer_box .left { margin-top: 80px; }

#footer .footer_box .left .logo { width: 232px; }

#footer .footer_box .left .logo a { display: block; width: 100%; }

#footer .footer_box .left .address-table { margin-top: 20px; }

#footer .footer_box .left .address-table tr { display: flex; margin-bottom: 8px; }

#footer .footer_box .left .address-table tr:last-child { margin-bottom: 0; }

#footer .footer_box .left .address-table tr th, #footer .footer_box .left .address-table tr td { color: #FFFFFF; }

#footer .footer_box .left .address-table tr th { width: 70px; font-weight: 500; }

#footer .footer_box .left .address-table tr td { width: calc(100% - 70px); }

#footer .bottom_box { display: block; }

#footer .bottom_box .link_list { align-items: center; justify-content: flex-start; margin-bottom: 12px; }

#footer .bottom_box .link_list li { margin-right: 20px; }

#footer .bottom_box .link_list li:last-child { margin-right: 0; }

#footer .bottom_box .link_list li a { font-size: 13px; color: #FFFFFF; }

#footer .bottom_box .copyright { font-size: 13px; color: #FFFFFF; }

/*parts
=========================================== */
.slider01 { margin-bottom: 0 !important; }
.slider01 .slick-list { padding: 0 10px; box-sizing: border-box; overflow: visible; }

.interview01 a { display: block; width: 100%; }
.interview01 a .img_box { width: 100%; aspect-ratio: 1 / 1; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); position: relative; margin-bottom: 16px; }
.interview01 a .img_box .img { width: 100%; height: 100%; border-radius: 5px; overflow: hidden; }
.interview01 a .img_box .img .in_img { width: 100%; height: 100%; }
.interview01 a .img_box .num { display: block; font-size: 60px; line-height: 1.33; color: transparent; -webkit-text-stroke: 1px #E3E3E3; text-stroke: 1px #E3E3E3; position: absolute; top: -30px; right: 10px; z-index: 1; }
.interview01 a .img_box .name { display: flex; flex-direction: column; align-items: flex-start; position: absolute; bottom: 20px; left: -10px; z-index: 1; }
.interview01 a .img_box .name span { display: inline-block; padding: 2px 6px 4px; box-sizing: border-box; font-size: 20px; line-height: 1.45; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); }
.interview01 a .img_box .name span.text01 { background: #000000; }
.interview01 a .img_box .name span.text02 { background: #FFFFFF; }
.interview01 a .title { font-size: 21px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.interview01 a .info-list { padding-top: 20px; border-top: 1px solid #CCCCCC; margin-top: 16px; }
.interview01 a .info-list li { display: flex; align-items: center; font-weight: 700; margin-bottom: 4px; }
.interview01 a .info-list li:last-child { margin-bottom: 0; }
.interview01 a .info-list li span.th { display: block; width: 80px; }
.interview01 a .info-list li span.td { display: block; width: calc(100% - 80px); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.works01 a { display: block; width: 100%; }
.works01 a .img_box { width: 100%; aspect-ratio: 295 / 227; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); position: relative; margin-bottom: 8px; }
.works01 a .img_box .img { width: 100%; height: 100%; border-radius: 5px; overflow: hidden; }
.works01 a .img_box .img .in_img { width: 100%; height: 100%; }
.works01 a .img_box .cate { display: flex; flex-direction: column; align-items: flex-start; position: absolute; bottom: 12px; left: -8px; z-index: 1; }
.works01 a .img_box .cate span { display: inline-block; padding: 1px 8px 3px; box-sizing: border-box; background: #000000; font-size: 17px; line-height: 1.47; }
.works01 a .title { font-size: 21px; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.works01 a .time { margin-top: 8px; }

/*TOPページ　p01
=========================================== */
.title-inviewIn { clip-path: polygon(0% 105%, 100% 105%, 100% 105%, 0% 105%); transition: ease-in-out 0.5s !important; }

.title-inviewIn.title-in { clip-path: polygon(0% -5%, 100% -5%, 100% 105%, 0% 105%); }

#topbox01 { padding: 80px 5%; background: #F3F3F3; position: relative; z-index: 1; }
#topbox01 .slide-text01 { width: 100%; height: 132px; animation: bgMove02 100s linear infinite; background: url("../img/top/slide-text01.png") repeat-x; background-size: cover; position: absolute; top: 58px; left: 0; z-index: -1; }
@keyframes bgMove02 { 0% { background-position: 0; }
  100% { background-position: -2614px; } }
#topbox01 .cnt { display: block; }
#topbox01 .cnt .text_box .sub_title { padding-left: 40px; box-sizing: border-box; position: relative; margin-bottom: 24px; }
#topbox01 .cnt .text_box .sub_title::before { content: ""; display: block; width: 32px; height: 1px; background: #5AA052; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#topbox01 .cnt .text_box .title { max-width: 300px; margin-bottom: 32px; }
#topbox01 .cnt .text_box .title .text-bg_grad { font-size: 28px; line-height: 1.45; }
#topbox01 .cnt .text_box .img_box { width: 100%; margin-top: 40px; }

#topbox02 { padding: 62px 5% 80px; position: relative; }
#topbox02::before { content: ""; display: block; width: 100%; min-height: 688px; aspect-ratio: 250 / 459; background: #5AA052; position: absolute; top: 0; left: 0; z-index: -1; }
#topbox02 .cnt .text_box { position: relative; }
#topbox02 .cnt .text_box .sub_title { writing-mode: vertical-rl; white-space: pre; letter-spacing: -0.5em; position: absolute; bottom: 0; left: 0; }
#topbox02 .cnt .text_box .sub_title .text-bg_white { line-height: 1; padding: 3px 6px 8px; margin-right: 4px; }
#topbox02 .cnt .text_box .sub_title .text-bg_white:last-child { margin-right: 0; }
#topbox02 .cnt .text_box .sub_title .text-bg_white .tate-num { display: inline-block; writing-mode: horizontal-tb; letter-spacing: -1em; margin-top: -5px; }
#topbox02 .cnt .text_box .img_box { width: 105%; margin-left: -5%; }
#topbox02 .cnt .text_box p.common_text2 { width: calc(100% - 55px); margin: 20px 0 0 auto; }
#topbox02 #interview-slider { margin-top: 65px; }
#topbox02 #interview-slider .interview01 { margin: 0 10px; }

#topbox03 { padding-bottom: 70px; background: #F3F3F3; }
#topbox03 .bg-img01 { width: 100%; aspect-ratio: 5 / 4; background: url("../img/top/img03_sp.jpg") no-repeat center; background-size: cover; }
#topbox03 .wrap { padding: 0 5%; box-sizing: border-box; }
#topbox03 .cnt { display: block; margin-top: 40px; position: relative; }
#topbox03 .cnt .sub_title { position: absolute; top: -223px; right: 0; }
#topbox03 .benefits-list .benefits01 { width: calc(50% - 3px); padding: 16px 0; box-sizing: border-box; background: #FFFFFF; border-radius: 5px; text-align: center; margin: 5px 5px 0 0; }
#topbox03 .benefits-list .benefits01:nth-child(-n+2) { margin-top: 0; }
#topbox03 .benefits-list .benefits01:nth-child(2n) { margin-right: 0; }
#topbox03 .benefits-list .benefits01 img { width: 60px; }
#topbox03 .benefits-list .benefits01 h3 { font-size: 18px; line-height: 1.3; margin-top: 8px; }
#topbox03 .benefits-list .benefits01 p.common_text2 { line-height: 1.36; margin-top: 4px; }

#topbox04 { padding: 80px 5%; background: #5AA052; }
#topbox04 #works-slider .works01 { margin: 0 10px; }
#topbox04 #works-slider .works01 a { color: #FFFFFF; }

#topbox05 { padding: 45px 5% 90px; background: #F3F3F3; }
#topbox05 .title01 .en { line-height: 1; }
#topbox05 .step-list { display: block; }
#topbox05 .step-list .step00 { margin-bottom: 60px; }
#topbox05 .step-list .step00:last-child { margin-bottom: 0; }
#topbox05 .step-list .step00 .img_box { width: 100%; position: relative; margin-bottom: 12px; }
#topbox05 .step-list .step00 .img_box .img { width: 100%; }
#topbox05 .step-list .step00 .img_box .text-img { width: 133px; position: absolute; top: 2px; left: -18px; }
#topbox05 .step-list .step00 .img_box .text01 { display: inline-block; height: 138px; padding: 2px 8px 8px; box-sizing: border-box; background: #000000; font-size: 20px; line-height: 1; position: absolute; bottom: -40px; right: 20px; }
#topbox05 .step-list .step00 .img_box .text01 em { font-size: 32px; }
#topbox05 .step-list .step00 h3 { font-size: 24px; line-height: 1.46; margin-bottom: 12px; }

#btn-sec .btn-list { display: block; }
#btn-sec .btn-list .btn_box00 { width: 100%; height: 242px; }
#btn-sec .btn-list .btn_box00 a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
#btn-sec .btn-list .btn_box00 a .bg-img { width: 100%; height: 100%; }
#btn-sec .btn-list .btn_box00 a .title01 { margin-bottom: 0; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); z-index: 1; }
#btn-sec .btn-list .btn_box00 a .title01 .en { font-size: 40px; margin-bottom: 5px; }
#btn-sec .btn-list .btn_box00 a .arrow { display: block; width: 44px; height: 44px; border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 50%; position: absolute; bottom: 20px; right: 20px; transition: 0.3s; }
#btn-sec .btn-list .btn_box00 a .arrow::before { content: ""; display: block; width: 10px; height: 12px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#btn-sec .btn-list .btn_box01 a .bg-img { background: url("../img/top/btn_bg01.jpg") no-repeat center top; background-size: cover; }
#btn-sec .btn-list .btn_box02 a .bg-img { background: url("../img/top/btn_bg02.jpg") no-repeat center top; background-size: cover; }
#btn-sec .btn-list .btn_box03 a .bg-img { background: url("../img/top/btn_bg03.jpg") no-repeat center top; background-size: cover; }

#topbox06 { padding: 80px 5%; }
#topbox06 .cnt { display: block; }
#topbox06 .cnt .title_box { display: flex; justify-content: space-between; align-items: center; }
#topbox06 .cnt .title_box h2 { font-size: 28px; line-height: 1.32; letter-spacing: 0.012em; }
#topbox06 .cnt .title_box .btn01 { margin-top: 0; }
#topbox06 .cnt .title_box .btn01 a .arrow { width: 32px; height: 32px; }
#topbox06 .cnt .news_box { margin-top: 20px; }
#topbox06 .cnt .news_box .top-news01 a .time { margin-bottom: 8px; }
#topbox06 .cnt .news_box .top-news01 a .title { font-weight: 500; line-height: 1.33; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#topbox07 { padding: 70px 5% 80px; background: #F3F3F3; }
#topbox07 .cnt { display: block; position: relative; }
#topbox07 .cnt .title01 { writing-mode: horizontal-tb; white-space: pre-wrap; letter-spacing: 0; }
#topbox07 .cnt .sub_title { position: absolute; top: -120px; right: 0; z-index: 1; }
#topbox07 .cnt .flow-list .flow01 { width: calc(50% - 13px); background: #FFFFFF; border-radius: 5px; padding: 16px 12px 23px; box-sizing: border-box; text-align: center; margin: 20px 25px 0 0; position: relative; }
#topbox07 .cnt .flow-list .flow01:nth-child(-n+2) { margin-top: 0; }
#topbox07 .cnt .flow-list .flow01:nth-child(2n) { margin-right: 0; }
#topbox07 .cnt .flow-list .flow01:nth-child(2n)::before { display: none; }
#topbox07 .cnt .flow-list .flow01::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #5aa052; border-width: 8px 0px 8px 10px; position: absolute; top: 50%; right: -18px; transform: translateY(-50%); }
#topbox07 .cnt .flow-list .flow01 .num { font-size: 24px; line-height: 1.3; position: absolute; top: -15px; left: 10px; z-index: 1; }
#topbox07 .cnt .flow-list .flow01 img { width: 60px; margin-bottom: 6px; }
#topbox07 .cnt .flow-list .flow01 h3 { font-size: 18px; margin-bottom: 8px; }
#topbox07 .cnt .flow-list .flow01 p.common_text { line-height: 1.36; text-align: left; }


/*ウインドー幅ごと
=========================================== */
@media screen and (min-width: 0px) and (max-width: 360px) { #main.home_main .text_box .icon-list .icon01 { width: 32vw; height: 29.33vw; padding-top: 4.27vw; }
  #main.home_main .text_box .icon-list .icon01::before { width: 29.33vw; }
  #main.home_main .text_box .icon-list .icon01 img { width: 9.6vw; }
  #main.home_main .text_box .icon-list .icon01 p { font-size: 4vw; margin-top: 0.8vw; } }
@media screen and (min-width: 0px) and (max-width: 350px) { #visit-sec .cnt .sub_title .text-bg_grad { font-size: 5.33vw; } }
/*Firefox用
=========================================== */
@-moz-document url-prefix() { .tate { letter-spacing: 0.1em; }
  .tate .tate-num { margin: 5px 0; }
  .tate .tate-line { margin: 5px 0; }
  .sub_title.tate .text-bg_grad, .sub_title.tate .text-bg_white { padding: 6px 6px 4px; }
  #topbox02 .cnt .text_box .sub_title { letter-spacing: 0.1em; }
  #topbox02 .cnt .text_box .sub_title .text-bg_white { padding: 6px 6px 4px; }
  #topbox02 .cnt .text_box .sub_title .text-bg_white .tate-num { margin-top: -10px; }
  #topbox05 .step-list .step00 .img_box .text01 { padding: 8px 8px 6px; }
  #topbox05 .step-list .step00 .img_box .text01 .tate-num { margin: 0 0 2px; } }
/*safari用
=========================================== */
.safari .tate { letter-spacing: 0.1em; }
.safari .tate .tate-num { margin: 5px 0; }
.safari .tate .tate-line { margin: 5px 0; }
.safari .sub_title.tate .text-bg_grad, .safari .sub_title.tate .text-bg_white { padding: 6px 6px 4px; }
.safari #topbox02 .cnt .text_box .sub_title { letter-spacing: 0.1em; }
.safari #topbox02 .cnt .text_box .sub_title .text-bg_white { padding: 6px 6px 4px; }
.safari #topbox02 .cnt .text_box .sub_title .text-bg_white .tate-num { margin-top: -10px;background:#fff;padding-bottom: 25px;}
.safari #topbox05 .step-list .step00 .img_box .text01 { padding: 8px 8px 6px; }
.safari #topbox05 .step-list .step00 .img_box .text01 .tate-num { margin: 0 0 2px; }
.safari #topbox07 .cnt .sub_title > span { height: 233px; }
.safari #topbox07 .cnt .sub_title > span:last-child { height: 145px; }


/*パンくず*/
div#bread {width: 100%;padding:0 5%;height:0;top:4px;position:relative;box-sizing:border-box;z-index:2;}
ul.bread-list {font-size:10px;justify-content: flex-start;}
ul.bread-list li {line-height: normal;color:#7E7E7E;}
ul.bread-list li a {text-decoration:none;color:#7E7E7E;}
ul.bread-list li a:hover {text-decoration:underline;}
ul.bread-list li::after{content:"/";margin: 0 5px;}
ul.bread-list li:last-child::after{display: none;}

/* 下層 main */
/*-------------------------------------------*/
#main.img_kasou {width: 100%;height: 160px;display:table;position:relative;}
#main.img_kasou .img_kasou_in {display:table-cell;vertical-align:middle;background-size:cover !important;background-position:top left !important;position: relative;line-height:normal;}
#main.img_kasou .img_kasou_in .p01 {font-family: "roboto";font-weight: 700;font-size:12px;color:#fff;padding-left:43px;position:relative;margin-bottom:7px;}
#main.img_kasou .img_kasou_in .p01::before {content:"";width:40px;height:2px;background:#5AA052;position:absolute;top:0;bottom:0;left:0;margin:auto;}
#main.img_kasou .img_kasou_in h1 {font-size:28px;letter-spacing:0.08em;}
#main.img_kasou .img_kasou_in h1 span {display:inline-block;padding:4px 8px 6px;background:#fff;}

.page-corporate #main.img_kasou .img_kasou_in {background: url("../img/main/p02.png") no-repeat;}
.page-business #main.img_kasou .img_kasou_in {background: url("../img/main/p03.png") no-repeat;}
.page-careerstep #main.img_kasou .img_kasou_in {background: url("../img/main/p04.png") no-repeat;}
.page-benefits #main.img_kasou .img_kasou_in {background: url("../img/main/p05.png") no-repeat;}
.page-requirements #main.img_kasou .img_kasou_in {background: url("../img/main/p12.png") no-repeat;}
.page-workplacetour #main.img_kasou .img_kasou_in {background: url("../img/main/p13.png") no-repeat;}

#main.text_kasou {width:100%;height:120px;display:table;position:relative;}
#main.text_kasou .text_kasou_in {display:table-cell;vertical-align:middle;background:linear-gradient(-40deg,rgba(127, 206, 105, 1) 0%, rgba(55, 152, 66, 1) 100%);position: relative;color:#fff;line-height:normal;}
#main.text_kasou .text_kasou_in .p01 {font-family: "roboto";font-weight: 700;font-size:14px;padding-left:43px;position:relative;margin-bottom:-4px;}
#main.text_kasou .text_kasou_in .p01::before {content:"";width:40px;height:2px;background:#fff;position:absolute;top:0;bottom:0;left:0;margin:auto;}
#main.text_kasou .text_kasou_in h1 {font-size:28px;letter-spacing:0.08em;padding-left:43px;}

/* 共通 */
.k_title01 {}
.k_title01 p {font-size:16px;font-family: "roboto";font-weight: 700;color:#5AA052;padding-left:37.5px;position:relative;}
.k_title01 p::before {content:"";width:30px;height:1.5px;background:#5AA052;position:absolute;top:0;bottom:0;left:2.5px;margin:auto;}
.k_title01 h2 {font-size:30px;}
.k_title01.shiro p {color:#fff;} 
.k_title01.shiro p::before {background:#fff;} 

.k_title02 {font-size:26px;padding-top:7px;position:relative;}
.k_title02::before{content:"";width:60px;height:2px;background:#5AA052;position:absolute;top:0;left:0;}
.k_title02.tcenter::before {right:0;margin:auto;}
.k_title02.shiro::before {background:#fff;}

/* 会社概要 (corporate) p02
/*-------------------------------------------*/
#p02box01 {padding:50px 5%;background:#F3F3F3;}
#p02box01 .k_title01 {margin-bottom:10px;}
#p02box01 .title {margin-bottom:20px;width: 300px;}
#p02box01 .title span {font-size: 22px;}

#p02box01 .text_list {display:block;}
#p02box01 .text_list .text_box {width:100%;}
#p02box01 .text_list .text_box .text {}
#p02box01 .text_list .text_box .text p {margin-bottom:1em;}
#p02box01 .text_list .text_box .text:last-child p {margin-bottom:0;}
#p02box01 .text_list .text_box .text p.mar_n {margin-bottom:0;}
#p02box01 .text_list .text_box h4 {margin-top:30px;font-weight:500;}

#p02box02 {padding:50px 5%;background:#5AA052;}
#p02box02 .k_title01 {margin-bottom:15px;}
#p02box02 .data_info_list {display:block;}
#p02box02 .data_info_list .data_info {width:100%;background:#fff;border-radius:10px;padding:20px 35px 40px;box-sizing:border-box;margin-bottom:18px;}
#p02box02 .data_info_list .data_info:last-child {margin-bottom:0;}
#p02box02 .data_info_list .data_info h3 {width:100%;text-align:center;background:#1F1F1F;color:#fff;line-height:38px;border-radius:19px;font-size:18px;margin-bottom:24px;}
#p02box02 .data_info_list .data_info .data_info_in {justify-content:center;align-items:center;}
#p02box02 .data_info_list .data_info .data_info_in .img {margin-right:15px;}
#p02box02 .data_info_list .data_info .data_info_in p {line-height:normal;font-size:53px;font-weight:bold;}
#p02box02 .data_info_list .data_info .data_info_in p span {font-size:19px;display:inline-block;margin-left:4px;}

#p02box03 {padding:50px 5%;background:#F3F3F3;}
#p02box03 .k_title01 {margin-bottom:15px;}
#p02box03 .anke_info_list {display:block;}
#p02box03 .anke_info_list .anke_info {width:100%;background:#fff;border-radius:10px;padding:20px 0 25px;box-sizing:border-box;margin:25px 25px 0 0;}
#p02box03 .anke_info_list .anke_info:last-child {margin-bottom:0;}
#p02box03 .anke_info_list .anke_info h3 {width:calc(100% - 50px);margin:0 auto 20px;text-align:center;background:#5AA052;color:#fff;line-height:38px;border-radius:18px;font-size:19px;}
#p02box03 .anke_info_list .anke_info .img {margin:0 auto;max-width:90%;}
#p02box03 .anke_info_list .anke_info:nth-child(1) .img {width:294px;}
#p02box03 .anke_info_list .anke_info:nth-child(2) .img {width:228px;}
#p02box03 .anke_info_list .anke_info:nth-child(3) .img {width:216px;}
#p02box03 .anke_info_list .anke_info:nth-child(4) .img {width:216px;}
#p02box03 .anke_info_list .anke_info:nth-child(5) .img {width:228px;}
#p02box03 .anke_info_list .anke_info:nth-child(6) .img {width:294px;}
#p02box03 .anke_info_list .anke_info:nth-child(7) .img {width:229px;}
#p02box03 .anke_info_list .anke_info:nth-child(8) .img {width:294px;}
#p02box03 .anke_info_list .anke_info:nth-child(9) .img {width:267px;}

#p02box04 {padding:50px 5% 40px;}
#p02box04 .cnt {display:block;}
#p02box04 .cnt .k_title01 {margin-bottom:25px;}
#p02box04 .cnt table {table-layout:fixed;width:100%;}
#p02box04 .cnt table tr {border-bottom:1px solid #C7C7C7;line-height:23px;}
#p02box04 .cnt table tr:last-child {border-bottom:0;}
#p02box04 .cnt table tr th {width:90px;padding:15px;box-sizing:border-box;background:#5AA052;color:#fff;font-weight:500;}
#p02box04 .cnt table tr td {padding:15px;background:#F3F3F3;}

#p02box05 {padding:40px 5% 50px;}
#p02box05 .cnt {display:block;}
#p02box05 .cnt .k_title01 {margin-bottom:25px;}
#p02box05 .cnt .enkaku_list {width:100%;line-height:normal;}
#p02box05 .cnt .enkaku_list .enkaku {padding-bottom:18px;border-bottom:1px solid #C7C7C7;position:relative;box-sizing:border-box;width: calc(100% - 20px);margin: 0 0 14px auto;}
#p02box05 .cnt .enkaku_list .enkaku::before {content:"";width:8px;height:8px;background:#5AA052;border-radius:100%;position:absolute;left:-20px;top:14px;}
#p02box05 .cnt .enkaku_list .enkaku::after {content:"";width:1px;height:calc(100% + 14px);background:#5AA052;position:absolute;left:-16.5px;top:20px;}
#p02box05 .cnt .enkaku_list .enkaku:last-child {margin-bottom:0;}
#p02box05 .cnt .enkaku_list .enkaku:last-child::after {content:none;}
#p02box05 .cnt .enkaku_list .enkaku .num01 {width:82px;font-size:28px;letter-spacing:0.04em;}
#p02box05 .cnt .enkaku_list .enkaku .num02 {width:calc(100% - 82px);position:absolute;right:0;top:6px;}
#p02box05 .cnt .enkaku_list .enkaku .naiyou {width:calc(100% - 82px);padding-top:32.5px;}


/* 会社概要 (corporate) p03
/*-------------------------------------------*/
#p03box01 {padding:50px 5% 35px;background:#F3F3F3;}
#p03box01 .cnt {position:relative;z-index: 2;}
#p03box01 .cnt .midashi {margin-bottom: 10px;}
#p03box01 .cnt .midashi .num {display:inline-block;font-size:70px;line-height: normal; color: transparent; -webkit-text-stroke: 1px #5AA052; text-stroke: 1px #5AA052;}
#p03box01 .cnt .midashi h2 {display:inline-block;font-size: 29px;line-height: 36px;margin-left:5px;}
#p03box01 .cnt h3 {width:220px;margin-bottom:16px;}
#p03box01 .cnt ul {line-height:20px;font-weight:bold;}
#p03box01 .cnt ul li {padding-left:17px;position:relative;margin-bottom: 8px;}
#p03box01 .cnt ul li:last-child {margin-bottom: 0;}
#p03box01 .cnt ul li::before {content:"";width:9px;height:9px;background:#5AA052;border-radius:100%;position:absolute;left:0;top:6px;}
#p03box01 .cnt .text01 {padding-top:18px;border-top:1px solid #ccc;margin-top:18px;width:100%;}
#p03box01 .cnt .text01 span {font-weight:bold;}
#p03box01 .cnt h4 {margin-top:10px;}
#p03box01 .cnt .img {width:100%;margin-top:30px;}

#p03box02 {padding:40px 5%;background:#F3F3F3;}
#p03box02 .wrap {z-index:2;padding-bottom: 35px;}
#p03box02 .wrap::before {content:"";width:105%;height:calc(100% + 40px);background:#fff;position:absolute;top:-40px;left:0;z-index:-1;}
#p03box02 .k_title02 {margin-bottom: 15px;}
#p03box02 .naosu00 {width:90%;margin: 0 auto 20px;max-width:320px;}
#p03box02 .naosu_list {width:90%;margin:0 auto;}
#p03box02 .naosu_list .naosu {width:100%;position:relative;border-radius:5px;overflow:hidden;margin-bottom:10px;}
#p03box02 .naosu_list .naosu:last-child {margin-bottom:0;}
#p03box02 .naosu_list .naosu .num {position:absolute;left:0;top:0;border-radius:0 0 10px 0;overflow: hidden;}
#p03box02 .naosu_list .naosu h3 {position:absolute;left:0;bottom:0;width: 100%;line-height: 40px;background:rgba(25,25,25,0.5);backdrop-filter: blur(5px);color:#fff;font-weight:500;padding:0 15px;box-sizing:border-box;text-align: center;}
#p03box02 .naosu_list .naosu h3 span {display:inline-block;font-size:19px;font-weight:bold;margin-left:5px;}

#p03box03 {padding:40px 10% 100px;background:#F3F3F3;position:relative;z-index:2;}
#p03box03::before {content:"";width:95%;height:60%;background:#5AA052;position:absolute;top:0;left:0;z-index:-1;}
#p03box03 .k_title02 {margin-bottom:40px;}

#p03box03 .cnt {display:block;}
#p03box03 .cnt .syuuri_mae {}
#p03box03 .cnt .syuuri_mae img {border-radius:10px;}
#p03box03 .cnt .syuuri_mae p {line-height:normal;color:#fff;margin-top:5px;}

#p03box03 .cnt .syuuri_flow_slider_box {}
.syuuri_flow_slider {width:100%;margin-bottom:0!important;padding-top: 70px;}
.syuuri_flow_slider .slick-list {overflow: visible;}
.syuuri_flow_slider .syuuri_flow {width:100%;margin:0 5px;overflow:hidden;position:relative;border-radius:10px;}
.syuuri_flow_slider .syuuri_flow h3 {position:absolute;left:0;bottom:0;width: 100%;line-height: normal;background:rgba(25,25,25,0.5);backdrop-filter: blur(5px);color:#fff;font-weight:500;padding:13px 15px;box-sizing:border-box;}

.syuuri_flow_slider button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:48px;height:48px;box-sizing: border-box;top:auto;top:35px;border:1px solid #fff;border-radius:100%;background-size: 10px !important;}
.syuuri_flow_slider button.slick-prev.slick-arrow {background: url("../img/p02/arrow01.svg") no-repeat center;left:0;transition: 0s;}
.syuuri_flow_slider button.slick-next.slick-arrow {background: url("../img/p02/arrow02.svg") no-repeat center;right:auto;left:60px;transition: 0s;}
.syuuri_flow_slider button.slick-arrow:before {content: none;}
.syuuri_flow_slider button.slick-prev.slick-arrow:hover {background: url("../img/p02/arrow01_h.svg") no-repeat center #fff;}
.syuuri_flow_slider button.slick-next.slick-arrow:hover {background: url("../img/p02/arrow02_h.svg") no-repeat center #fff;}
.syuuri_flow_slider .slick-dots {bottom: -30px;}
.syuuri_flow_slider .slick-dots li {width:35px;height:4px;margin:0 3px;}
.syuuri_flow_slider .slick-dots li button {width: 35px;height: 4px;padding: 0;}
.syuuri_flow_slider .slick-dots li button::before {content:""!important;width: 100%;height: 100%;background:#DBDBDB;opacity:1;} 
.syuuri_flow_slider .slick-dots li.slick-active button::before {background:#44A249;opacity:1;}

#p03box04 {padding:0 5% 50px;}
#p03box04 .bg {height:275px;position:relative;z-index: 2;}
#p03box04 .bg .bg_in {width:940px;position:absolute;top:0;left: 50%;transform: translate(-50%);}
#p03box04 .cnt {padding:40px 0 0;box-sizing:border-box;background:#fff;border-radius:10px 10px 0 0;margin-top: -40px;position: relative;z-index: 2;}
#p03box04 .cnt .k_title02 {margin-bottom:10px;}
#p03box04 .cnt .tsuyomi_list {display:block;}
#p03box04 .cnt .tsuyomi_list .tsuyomi {margin-bottom:50px;display:block;}
#p03box04 .cnt .tsuyomi_list .tsuyomi:last-child {margin-bottom:0;}

#p03box04 .cnt .tsuyomi_list .tsuyomi .img {width:100%;margin-bottom:10px;}
#p03box04 .cnt .tsuyomi_list .tsuyomi .info {width:100%;}
#p03box04 .cnt .tsuyomi_list .tsuyomi .info .midashi {margin-bottom:10px;}
#p03box04 .cnt .tsuyomi_list .tsuyomi .info .midashi .num {font-size:24px;width:34px;line-height:normal;}
#p03box04 .cnt .tsuyomi_list .tsuyomi .info .midashi h3 {width:calc(100% - 34px);font-size:21px;line-height:28px;}

#p03box05 {padding:50px 5% 85px;background:url("../img/p03/bg01_sp.png") no-repeat center top;background-size:cover;}
#p03box05 .cnt {padding:37px 20px 20px;display:block;border-radius: 10px;backdrop-filter: blur(15px);background-color: rgba(255, 255, 255, 0.75);box-sizing: border-box;}
#p03box05 .cnt .info {width:100%;}
#p03box05 .cnt .midashi {margin-bottom: 20px;justify-content:space-between;}
#p03box05 .cnt .midashi .num {display:inline-block;font-size:70px;width:90px;line-height: normal; color: transparent; -webkit-text-stroke: 1px #5AA052; text-stroke: 1px #5AA052;}
#p03box05 .cnt .midashi h2 {width:calc(100% - 90px);display:inline-block;font-size: 29px;line-height: 36px;}
#p03box05 .cnt .text01 {}
#p03box05 .cnt .info_img {width:160px;margin:7px auto 0;}
#p03box05 .cnt .img {width:100%;}

/* キャリアステップ (careerstep) p04
/*-------------------------------------------*/
#p04box01 {padding:50px 5%;background:#F3F3F3;}
#p04box01 .k_title01 {margin-bottom:15px;}
#p04box01 .cnt {display:block;}
#p04box01 .cnt .left {width:100%;margin-bottom:35px;}
#p04box01 .cnt .left .title {margin-bottom:20px;width: 335px;}
#p04box01 .cnt .left .title .bg {display: inline-block;font-size: 22px;font-weight: 700;padding:1px 8px 4px;box-sizing: border-box;background:#fff;margin-bottom:8px;}
#p04box01 .cnt .left .title .text {}

#p04box01 .cnt .step_list {width:100%;position:relative;z-index:2;}
#p04box01 .cnt .step_list::before {content:"";background: url("../img/p04/ya_sp.png") no-repeat;background-size:contain;width:110%;height:100%;position: absolute;left:-5%;top:0;z-index:-1;}

#p04box01 .cnt .step_list .step00 {align-items:center;padding:20px 20px 20px 0;box-sizing:border-box;justify-content:center;position:relative;margin-bottom:22px;border-radius:15px;background:#fff;}
#p04box01 .cnt .step_list .step00:nth-child(2) {width:calc(100% - 60px);margin-right:0;margin-left:auto;}
#p04box01 .cnt .step_list .step00:last-child {width:calc(100% - 90px);margin-bottom:0;margin-right:0;margin-left:auto;}
#p04box01 .cnt .step_list .step00 .num {display: block; font-size:45px;line-height:normal;color:transparent; -webkit-text-stroke: 1px #5AA052; text-stroke: 1px #5AA052;position: absolute; top: -18px; left: 8px;}
#p04box01 .cnt .step_list .step00 h3 {font-size:20px;width:75px;box-sizing:border-box;text-align:center;}
#p04box01 .cnt .step_list .step00 .text {line-height:26px;padding-left:15px;border-left:1px solid #ccc;width: calc(100% - 75px);box-sizing: border-box;}


#p04box02 {padding:50px 5%;}
.step_flow_list {position:relative;z-index:2;}
.step_flow_list::before {content:"";height:100%;width:1px;border-left:3px dashed #E0E0E0;position:absolute;top:0;left:20px;z-index:-1;}
.step_flow_list .step_flow {margin-bottom:50px;display:block;}
.step_flow_list .step_flow:last-child {margin-bottom:0;}
.step_flow_list .step_flow .num {width:145px;height:82px;display:table;margin-bottom:18px;}
.step_flow_list .step_flow .num .num_in {display:table-cell;vertical-align:middle;text-align:center;color:#fff;background:#000;border-radius:10px;font-size:17px;font-weight:bold;}
.step_flow_list .step_flow .num .num_in .big {font-size:26px;margin:0 3px;}

.step_flow_list .step_flow .info {width:calc(100% - 45px - 5%);margin:0 5% 0 auto;}
.step_flow_list .step_flow .info h2 {font-size:21px;line-height:28px;margin-bottom:10px;}
.step_flow_list .step_flow .info .text {line-height:26px;margin-bottom:15px;}

.step_flow_list .step_flow .info .yakuwari {align-items:center;margin-bottom:15px;font-weight:bold;}
.step_flow_list .step_flow .info .yakuwari .yakuwari_in01 {margin-right:10px;}
.step_flow_list .step_flow .info .yakuwari .yakuwari_in01 span {padding:0 10px;display:inline-block;line-height:normal;color:#fff;background:#5AA052;border-radius:10px;}
.step_flow_list .step_flow .info .yakuwari .yakuwari_in02 {}

.step_flow_list .step_flow .info .img_list {display:block;}
.step_flow_list .step_flow .info .img_list .img {width:100%;margin-bottom:5px;}
.step_flow_list .step_flow .info .img_list .img:last-child {margin-bottom:0;position:relative;}
.step_flow_list .step_flow:nth-child(1) .info .img_list .img:last-child::before {content:"";background: url("../img/p04/il01.png") no-repeat;background-size:contain;width:53px;height:128px;position: absolute;right:-20px;bottom:-13px;}

.step_flow_list .step_flow:nth-child(2) .info .img_list .img:last-child::before {content:"";background: url("../img/p04/il02.png") no-repeat;background-size:contain;width:58px;height:125px;position: absolute;right:-20px;bottom:-13px;}

.step_flow_list .step_flow:nth-child(3) .info .img_list .img:last-child::before {content:"";background: url("../img/p04/il03.png") no-repeat;background-size:contain;width:85px;height:125px;position: absolute;right:-20px;bottom:-13px;}

.step_flow_list .step_flow:nth-child(4) .info .img_list .img:last-child::before {content:"";background: url("../img/p04/il04.png") no-repeat;background-size:contain;width:65px;height:125px;position: absolute;right:-20px;bottom:-13px;}

#p04box03 {padding:25px 5%;background:#5AA052;}
#p04box03 .bg {background:#fff;padding:30px 5%;border-radius:5px;}
#p04box03 .bg .p01 {width:100%;margin:0 auto 3px;background:#5AA052;color:#fff;line-height:19px;border-radius:28px;font-weight:bold;padding: 8px 0;}
#p04box03 .bg h2 {font-size:26px;margin-bottom:20px;}

#p04box03 .bg .cut {display:block;}
#p04box03 .bg .cut ul {line-height:normal;font-weight:bold;}
#p04box03 .bg .cut ul li {padding-bottom:8px;border-bottom:1px solid #ccc;margin-bottom:8px;}
#p04box03 .bg .cut ul:last-child  li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}

#p04box04 {padding:50px 5%;}
#p04box04 .cnt01 {display:block;margin-bottom:32px;}
#p04box04 .cnt01 .k_title01 {margin-bottom:15px;}
#p04box04 .cnt01 .k_title01 h2 {line-height: 41px;}
#p04box04 .cnt01 .text {}

#p04box04 .support_list {display:block;}
#p04box04 .support_list .support {width:100%;margin-bottom:40px;}
#p04box04 .support_list .support:last-child {margin-bottom:0;}
#p04box04 .support_list .support .img {margin-bottom:13px;}
#p04box04 .support_list .support .midashi {align-items:center;margin-bottom:10px;}
#p04box04 .support_list .support .midashi p {width:34px;font-size:24px;font-weight:bold;line-height: normal;}
#p04box04 .support_list .support .midashi h3 {width:calc(100% - 34px);font-size:21px;}
#p04box04 .support_list .support .text {line-height:26px;}


/* 福利厚生 (benefits) p05
/*-------------------------------------------*/
#p05box01 {padding:50px 5%;background:#F3F3F3;}
#p05box01 .cnt {display:block;}
#p05box01 .cnt .left {width:100%;margin-bottom:23px;}
#p05box01 .cnt .left .k_title01 {margin-bottom:10px;}
#p05box01 .cnt .left .text {}
#p05box01 .cnt .img {width:100%;}

#p05box02 {padding:50px 5% 140px;background: url("../img/p05/bg01.png") no-repeat center bottom #5AA052;background-size:267px;}
#p05box02 .cnt01 {display:block;margin-bottom:20px;}
#p05box02 .cnt01 h2 {font-size:27px;line-height:35px;padding-left:25px;position:relative;margin-bottom:13px;}
#p05box02 .cnt01 h2::before {content:"";height:60px;width:3px;background:#fff;border-radius:5px;position:absolute;left:0;top:0;bottom:0;margin:auto;}
#p05box02 .cnt01 .text {width:100%;}

#p05box02 .antei_list {display:block;}
#p05box02 .antei_list .antei {width:100%;background:#fff;border-radius:10px;margin-bottom:13px;padding:15px 20px 20px;box-sizing:border-box;}
#p05box02 .antei_list .antei:last-child {margin-bottom:0;}

#p05box02 .antei_list .antei .midashi_box {padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px;align-items:center;}
#p05box02 .antei_list .antei .midashi_box .num {font-size:36px;width:50px;}
#p05box02 .antei_list .antei .midashi_box h3 {width:calc(100% - 50px);font-size:19px;line-height:21px;white-space: nowrap;}
#p05box02 .antei_list .antei ul {}
#p05box02 .antei_list .antei ul li {line-height:18px;padding-left:12px;position:relative;margin-bottom: 7px;}
#p05box02 .antei_list .antei ul li:last-child {margin-bottom:0;}
#p05box02 .antei_list .antei ul li::before {content:"●";font-size:10px;color:#5AA052;position:absolute;left:0;top:2px;line-height: normal;}
#p05box02 .antei_list .antei ul li span {font-weight:bold;}

#p05box03 {padding:50px 5%;background:#F3F3F3;}
#p05box03 .cnt01 {display:block;margin-bottom:20px;}
#p05box03 .cnt01 h2 {font-size:27px;line-height:35px;padding-left:25px;position:relative;margin-bottom:13px;}
#p05box03 .cnt01 h2::before {content:"";height:60px;width:3px;background:#5AA052;border-radius:5px;position:absolute;left:0;top:0;bottom:0;margin:auto;}
#p05box03 .cnt01 .text {width:100%;}


.hikaku_box_list {}
.hikaku_box_list .hikaku_box {margin-bottom:35px;border-radius:10px;overflow:hidden;}
.hikaku_box_list .hikaku_box:last-child {margin-bottom:0;}


.hikaku_box_list .hikaku_box .hikaku_midashi {align-items:center;padding:10px 20px;box-sizing:border-box;background:#363636;}
.hikaku_box_list .hikaku_box .hikaku_midashi .num {font-size:21px;width:45px;}
.hikaku_box_list .hikaku_box .hikaku_midashi h3 {font-size:21px;width:calc(100% - 45px);line-height:26px;}

.hikaku_box_list .hikaku_box .hikaku_naiyou {padding:15px 5% 30px;background:#fff;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .p01 {margin-bottom: 15px;line-height:26px;}


.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list {line-height:normal;margin-bottom:30px;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 {width:100%;margin-bottom:30px;position:relative;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01:last-child {margin-bottom:0;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01:last-child::before {content:"";background: url("../img/p05/kaku.svg") no-repeat;background-size:contain;width:33.5px;height:14px;position: absolute;right:0;left:0;top:-21px;margin:auto}

.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table {table-layout:fixed;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table thead {text-align:center;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table thead th {width:95px;padding:8px 0;font-weight:500;color:#fff;background:#000;text-align:center;vertical-align: middle;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table thead td {padding:8px 10px;color:#fff;background:#5A5A5A;border-left:1px solid #EBEBEB;text-align:center;vertical-align: middle;}

.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table tbody {background:#EBEBEB;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table tbody tr {border-bottom:1px solid #ccc;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table tbody tr:last-child {border-bottom:0;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table tbody th {padding:8px 10px;font-weight:500;vertical-align: middle;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01 table tbody td {padding:8px 10px;border-left:1px solid #ccc;vertical-align: middle;}

.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01:last-child thead td {background:#5AA052;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .table_list .table01:last-child tbody td {font-weight:bold;}

.hikaku_box_list .hikaku_box .hikaku_naiyou .ketsuron_box {margin-bottom:5px;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .ketsuron_box .ketsuron_ya {width:70px;height:26px;display:table;margin-right:10px;margin-top: 5px;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .ketsuron_box .ketsuron_ya span {display:table-cell;vertical-align:middle;background:#000;color:#fff;padding-left:20px;font-weight:bold;clip-path: polygon(0 100%, 0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%);}
.hikaku_box_list .hikaku_box .hikaku_naiyou .ketsuron_box h4 {font-size:21px;line-height:26px;width:calc(100% - 80px);}

.hikaku_box_list .hikaku_box .hikaku_naiyou .bg {padding:15px 15px 130px;line-height:26px;background:#F3F3F3;border-radius:15px;box-sizing:border-box;position:relative;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .bg::before {content:"";background: url("../img/p05/il.png") no-repeat;background-size:contain;width:169px;height:135.5px;position: absolute;right:0;left:0;bottom:0;margin:auto;}

.hikaku_box_list .hikaku_box .hikaku_naiyou .bg ul {}
.hikaku_box_list .hikaku_box .hikaku_naiyou .bg ul li {position:relative;padding-left:19px;margin-bottom:10px;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .bg ul li:last-child {margin-bottom:0;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .bg ul li::before {content:"●";font-size:14px;color:#F8312F;position:absolute;left:0;top: 3px;line-height: normal;}
.hikaku_box_list .hikaku_box .hikaku_naiyou .bg ul li:nth-child(2n)::before {color:#00D26A;}

.hikaku_box_list .hikaku_box .hikaku_naiyou .p02 {margin-top:15px;}

/* 先輩社員の声 (interview) p06
/*-------------------------------------------*/
#p06box01 {padding:50px 5%;background:#F3F3F3;}
.interview_list {}
.interview02 {background:#fff;border-radius:10px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);margin-bottom:23px;transition: 0.3s;}
.interview02:last-child {margin-bottom:0;}
.interview02 a {display:block;text-decoration:none;}


.interview02 a .img_box {width:100%;position:relative;}
.interview02 a .img_box .img {width: 100%;height: 100%;border-radius: 10px 10px 0 0;overflow: hidden;}
.interview02 a .img_box .img .in_img {aspect-ratio: 590 / 590;transition: 0.3s;}

.interview02 a .img_box .name {position: absolute; bottom: 20px; left: -10px; z-index: 1; }
.interview02 a .img_box .name li span { display: inline-block; padding: 5px 12px 7px; box-sizing: border-box; font-size: 20px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); }
.interview02 a .img_box .name li.text01 span { background: #000000;}
.interview02 a .img_box .name li.text02 span { background: #FFFFFF;}

.interview02 a .info {width:100% ;padding:10px 25px 30px;box-sizing:border-box;}
.interview02 a .info .midashi {display:block;}
.interview02 a .info .midashi .num {display:block;font-size: 50px;font-weight:900;line-height: normal; color: transparent; -webkit-text-stroke: 1px #5AA052; text-stroke: 1px #5AA052;margin-bottom:-10px;}
.interview02 a .info .midashi .title {width:100%;font-size: 21px;line-height:28px;display:-webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.interview02 a .info-list { padding-top:13px;border-top:1px solid #ccc;margin-top:10px;}
.interview02 a .info-list li { display: flex; align-items: center; font-weight: bold;margin-bottom:4px;}
.interview02 a .info-list li:last-child {margin-bottom:0;}
.interview02 a .info-list li span.th { display: block; width: 88px; }
.interview02 a .info-list li span.td { display: block; width: calc(100% - 88px); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

/* 先輩社員の声 詳細 p06
/*-------------------------------------------*/
#p07box01 {padding-top:40px;}
#p07box01 .cnt {display:block;}
#p07box01 .cnt .img {width:90%;margin:0 auto 20px;border-radius: 10px;overflow: hidden;}
#p07box01 .cnt .img .in_img {aspect-ratio: 650 / 650;}

#p07box01 .cnt .info {width:100%;}
#p07box01 .cnt .info .p01 {font-size:16px;width:90%;margin:0 auto -15px;}
#p07box01 .cnt .info .num {isplay:block;width:90%;margin:0 auto;font-size: 87px;font-weight:900;line-height: normal; color: transparent; -webkit-text-stroke: 1px #5AA052; text-stroke: 1px #5AA052;}
#p07box01 .cnt .info .info_in {padding:30px 5%;position:relative;background:#F3F3F3;}
#p07box01 .cnt .info .info_in .title {font-size: 20px;letter-spacing:0.08em;line-height:32px;margin-bottom:20px;}

#p07box01 .cnt .info .info_in .name {margin-bottom:15px;}
#p07box01 .cnt .info .info_in .name li span { display: inline-block; padding: 5px 12px 7px; box-sizing: border-box; font-size: 20px;}
#p07box01 .cnt .info .info_in .name li.text01 span { background: #000000;}
#p07box01 .cnt .info .info_in .name li.text02 span { background: #FFFFFF;}

#p07box01 .cnt .info .info_in .info-list {}
#p07box01 .cnt .info .info_in .info-list li { display: flex; align-items: center; font-weight: bold;margin-bottom:8px;}
#p07box01 .cnt .info .info_in .info-list li:last-child {margin-bottom:0;}
#p07box01 .cnt .info .info_in .info-list li span.th { display: block; width: 88px; }
#p07box01 .cnt .info .info_in .info-list li span.td { display: block; width: calc(100% - 88px);}

#p07box02 {padding:50px 5%;}
#p07box02 .interview_info_list {}
#p07box02 .interview_info_list .interview_info {display:block;margin-bottom:60px;}
#p07box02 .interview_info_list .interview_info:last-child {margin-bottom:0;}
#p07box02 .interview_info_list .interview_info .info {width:100%;margin-bottom:20px;}
#p07box02 .interview_info_list .interview_info .info .q {font-size:28px;font-weight:900;margin-bottom:5px;}
#p07box02 .interview_info_list .interview_info .info .q span {display:inline-block;margin-right:5px;}
#p07box02 .interview_info_list .interview_info .info h2 {font-size:20px;margin-bottom:20px;}
#p07box02 .interview_info_list .interview_info .info .text {}
#p07box02 .interview_info_list .interview_info .img {width:100%;border-radius: 10px;overflow: hidden;}
#p07box02 .interview_info_list .interview_info .img .in_img {aspect-ratio: 520 / 360;}

#p07box03 {padding:50px 5%;background:#F3F3F3;}
#p07box03 .cnt {display:block;}
#p07box03 .cnt .info {width: 100%;margin-bottom:15px;}
#p07box03 .cnt .info h2 {font-size:24px;margin-bottom:10px;text-align:center;}
#p07box03 .cnt .info h2 span {padding-left:30px;background:url("../img/p07/calendar.svg") no-repeat center left;background-size:24px;}
#p07box03 .cnt .info .text {}
#p07box03 .cnt .img {width:100%;border-radius: 10px;overflow: hidden;}
#p07box03 .cnt .img .in_img {aspect-ratio: 496 / 377;}

#p07box04 {width:100%;height:75px;display:table;}
#p07box04 .wrap {text-align:center!important;}
#p07box04 a {display:table-cell;vertical-align:middle;background:#727171;color:#fff;text-decoration:none;font-weight:bold;text-align:center;}
#p07box04 a span {line-height:37px;display:inline-block;padding-right:50px;background:url("../img/p07/pass01.svg") no-repeat center right;background-size:37px;}


/* 施工事例 (works) p08
/*-------------------------------------------*/
#p08box01 {padding:50px 5%;background:#F3F3F3;}

.works_cnt {display:block;}
.works_cnt .works_side {width:100%;margin-bottom: 40px;}
.works_cnt > .works_main {width:100%;padding-left:10px;box-sizing:border-box;}

.sidebox .sidebox_in {margin-bottom:30px;}
.sidebox .sidebox_in:last-child {margin-bottom:0;}
.sidebox .sidebox_in .widgettitle {font-size:20px;padding-left:13px;position:relative;}
.sidebox .sidebox_in .widgettitle::before {content:"";width:4px;height:22px;background:#5AA052;position:absolute;left:0;top:0;bottom:0;margin:auto;}
.sidebox .sidebox_in select {margin-top:15px;font-size: 16px;font-family: 'NotoSansJP';font-weight:500;width: 100%;background:#fff;padding: 0 15px;border:none;height:40px;box-sizing:border-box;}

.works_list {display:block;}
.works_list .works01 {margin-bottom:30px;}
.works_list .works01:last-child {margin-bottom:0;}

/*一覧ページページャー*/
.wp-pagenavi {text-align: center;margin:50px auto 0;font-family: "roboto";font-weight: 700;}
.wp-pagenavi a,.wp-pagenavi span {text-decoration: none;display: inline-block;font-size:20px;line-height:40px;margin:0 10px;color:#000;box-sizing:border-box;}
.wp-pagenavi a:hover, .wp-pagenavi span.current, span.pages {color:#DCDCDC;}

span.extend {display: none;}
span.pages {display: none;}

.wp-pagenavi a.first {display:none;}
.wp-pagenavi a.last {display:none;}

.wp-pagenavi a.previouspostslink {color:transparent!important;background: url("../img/p08/arrow01.svg") no-repeat center #5AA052;width:40px;margin-right:10px;margin-left:0;border-radius:100%;border:1px solid #5AA052;background-size:7px;}
.wp-pagenavi a.nextpostslink {color:transparent!important;background: url("../img/p08/arrow02.svg") no-repeat center #5AA052;width:40px;margin-left:10px;margin-right:0;border-radius:100%;border:1px solid #5AA052;background-size:7px;}

/* 施工事例 詳細
/*-------------------------------------------*/
.single-works .works_cnt .works_side {margin-top:50px;margin-bottom:0;}
.works_single {}
.works_single .cate { display: flex;align-items: flex-start;margin-bottom:8px;}
.works_single .cate span { display: inline-block; padding: 1px 8px 3px; box-sizing: border-box; background: #000000;margin-right: 5px;}
.works_single .cate span:last-child {margin-right:0;}

.works_single .title {font-size:20px;line-height:30px;}
.works_single .time {padding-bottom:21px;border-bottom:1px solid #DEDEDE;margin-bottom:21px;font-size:15px;}

.works_single .works_img {display:block;margin-bottom:40px;}
.works_single .works_img .works_main {width:100%;margin-bottom:15!important;}
.works_single .works_img .works_main .in_img { aspect-ratio: 560 / 440;}
.works_single .works_img .works_main p {margin-top:10px;}

.works_single .works_img button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:45px;height:45px;box-sizing: border-box;border:1px solid #fff;border-radius:100%;}
.works_single .works_img button.slick-prev.slick-arrow {background: url("../img/p08/arrow01.svg") no-repeat center;left:10px;}
.works_single .works_img button.slick-next.slick-arrow {background: url("../img/p08/arrow02.svg") no-repeat center;right:10px;}
.works_single .works_img button.slick-prev.slick-arrow:hover {background: url("../img/p08/arrow01.svg") no-repeat center #000;}
.works_single .works_img button.slick-next.slick-arrow:hover {background: url("../img/p08/arrow02.svg") no-repeat center #000;}
.works_single .works_img button.slick-arrow:before {content: none;}

.works_single .works_img .works_thum {width:100%;margin-bottom:0!important;margin-top:-5px;}
.works_single .works_img .works_thum .in_img { aspect-ratio: 90 / 64;}
.works_single .works_img .works_thum .slick-track {width:100%!important;}
.works_single .works_img .works_thum .works_thum01 {width:calc(100% / 4 - 5px);margin:5px 5px 0 0;cursor: pointer;position: relative;}
.works_single .works_img .works_thum .works_thum01:nth-child(4n) {margin-right:0;}
.works_single .works_img .works_thum .works_thum01.slick-current::before {content:"";background:rgba(0,0,0,0.4);width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 2;box-sizing: border-box;}

.works_single .editor {}

.works_single .midashi {font-size:20px;padding-left:16px;position:relative;line-height:26px;margin-top:40px;margin-bottom:20px;}
.works_single .midashi::before {content:"";width:4px;height:78%;background:#5AA052;position:absolute;left:0;bottom:2px;}

.works_single .bf_list {}
.works_single .bf_list .bf_list_in {margin-bottom:30px;}
.works_single .bf_list .bf_list_in:last-child {margin-bottom:0;}
.works_single .bf_list .bf_list_in .bf {display:block;}
.works_single .bf_list .bf_list_in .bf .bf_in {width:100%;margin-bottom:60px;position:relative;}
.works_single .bf_list .bf_list_in .bf .bf_in::before {content:"";background: url("../img/p08/bf_in_sp.svg") no-repeat;width:23px;height:13.5px;position: absolute;right:0;left:0;bottom:-38px;margin:auto;background-size: contain;}
.works_single .bf_list .bf_list_in .bf .bf_in:last-child {margin-bottom:0;}
.works_single .bf_list .bf_list_in .bf .bf_in:last-child::before {content:none;}
.works_single .bf_list .bf_list_in .bf .bf_in .in_img { aspect-ratio: 350 / 230;}
.works_single .bf_list .bf_list_in .bf .bf_in p {position:absolute;left:0;top:0;color:#fff;font-size:15px;padding:2px 8px 3px 6px;line-height:normal;border-radius:0 0 5px 0;background:#131313;}
.works_single .bf_list .bf_list_in .bf .bf_in.after p {background:#5AA052;}
.works_single .bf_list .bf_list_in .bf_info {margin-top:20px;}

/*詳細ページページャー*/
.post-navigation {margin-top:40px;}
.post-navigation ul {text-align: center;justify-content:center;align-items: center;font-size:15px;font-weight:bold;}

.post-navigation ul li.post_back {width:120px;height:45px;display:table;margin: 0 auto;}
.post-navigation ul li.post_back a {border:1px solid #5AA052;color:#fff;display:table-cell;text-align:center;vertical-align:middle;text-decoration:none;box-sizing: border-box;border-radius:23px;background:#5AA052;}

.post-navigation ul li.next {line-height:40px;}
.post-navigation ul li.prev {line-height:40px;}

.post-navigation ul li.next a {text-decoration:none;}
.post-navigation ul li.prev a {text-decoration:none;}

.post-navigation ul li.next a span {background: url("../img/p08/prev.svg") no-repeat center left;display:inline-block;padding-left:50px;background-size:40px;}
.post-navigation ul li.prev a span {background: url("../img/p08/next.svg") no-repeat center right;display:inline-block;padding-right:50px;background-size:40px;}


/* お知らせ (blog) p10
/*-------------------------------------------*/
#p10box01 {padding:50px 5%;background:#F3F3F3;}

.blog_cnt {display:block;}
.blog_cnt .blog_side {width:100%;margin-bottom: 40px;}
.blog_cnt .blog_main {width:100%;box-sizing:border-box;}

.blog_list {}
.blog_list .blog01 {margin-bottom:35px;}
.blog_list .blog01:last-child {margin-bottom:0;}
.blog_list .blog01 a {align-items:center;display:flex;text-decoration:none;}
.blog_list .blog01 a .img {width:110px;border-radius: 5px;overflow: hidden;margin-right:10px;}
.blog_list .blog01 a .img .in_img {aspect-ratio: 234 / 156;transition:0.3s;}
.blog_list .blog01 a:hover .img .in_img { transform: scale(1.1);}
.blog_list .blog01 a .info {width:calc(100% - 120px);}
.blog_list .blog01 a .info .info_in {align-items:center;margin-bottom:5px;}
.blog_list .blog01 a .info .info_in .tax {margin-top:-5px;margin-left: 5px;}
.blog_list .blog01 a .info .info_in .tax li {margin:5px 5px 0 0;font-weight:bold;color:#fff;background:#000;padding:1px 7px 2px;border-radius:14px;}
.blog_list .blog01 a .info .info_in .tax li:last-child {margin-right:0;}
.blog_list .blog01 a .info .title {width:100%;font-size: 15px;line-height:22px;display:-webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}

.blog_cnt .wp-pagenavi {margin-top:35px;}

/* お知らせ 詳細
/*-------------------------------------------*/
.single-blog .blog_cnt .blog_side {margin-top:50px;margin-bottom:0;}
.blog_single {}
.blog_single .info_in {align-items:center;margin-bottom:10px;}
.blog_single .info_in .tax {margin-top:-5px;margin-right: 12px;}
.blog_single .info_in .tax li {margin:5px 5px 0 0;font-weight:bold;color:#fff;background:#000;padding:1px 7px 2px;border-radius:14px;}
.blog_single .info_in .tax li:last-child {margin-right:0;}
.blog_single .title {width:100%;font-size: 18px;line-height:27px;margin-bottom:15px;}
.blog_single .editor {}


/* 募集要項 (requirements) p12
/*-------------------------------------------*/
#p12box01 {padding:50px 5%;background:#F3F3F3;}
#p12box01 .cnt {margin-bottom:30px;display:block;}
#p12box01 .cnt .info {width:100%;margin-bottom:20px;}
#p12box01 .cnt .info .ul01 {margin-bottom:5px;}
#p12box01 .cnt .info .ul01 li {text-align:center;padding:4px 20px;background:#5AA052;color:#fff;border-radius:30px;font-size:15px;font-weight:bold;margin:0 5px 5px 0;box-sizing:border-box;}
#p12box01 .cnt .info .ul01 li:last-child {margin-right:0;}
#p12box01 .cnt .info h2 {font-size:26px;line-height:33px;margin-bottom:10px;}
#p12box01 .cnt .info .text {}
#p12box01 .cnt .img {width:100%;border-radius: 10px;overflow:hidden;}
#p12box01 .cnt .img .in_img {aspect-ratio: 560 / 345;}

#p12box01 .midashi {font-size: 17px;color: #5AA052;padding-left: 50px;position: relative;margin-bottom:5px;}
#p12box01 .midashi::before {content:"";width:40px;height:1.5px;background:#5AA052;position:absolute;top:0;bottom:0;left:0;margin:auto;}

#p12box01 table {table-layout:fixed;background:#fff;}
#p12box01 table tr {border-bottom:1px solid #DCDCDC;line-height:26px;}
#p12box01 table tr:last-child {border-bottom:0;}
#p12box01 table tr th {width:90px;padding:15px;box-sizing:border-box;background:#5AA052;color:#fff;}
#p12box01 table tr td {padding:15px;}

#p12box01 .btn {width:100%;height:60px;display:table;margin:30px auto 0;}
#p12box01 .btn a {display:table-cell;vertical-align:middle;text-align:center;background:#5AA052;color:#fff;font-weight:bold;text-decoration:none;border:1px solid #5AA052;border-radius:5px;}

.page-requirements #entry-sec {display:none;}


/* 職場見学 (workplacetour) p13
/*-------------------------------------------*/
#p13box01 {padding:50px 5%;background:#F3F3F3;}
#p13box01 .k_title02 {margin-bottom:15px;}
#p13box01 .kengaku_list {display:block;}
#p13box01 .kengaku_list .kengaku {width:100%;margin-bottom:30px;}
#p13box01 .kengaku_list .kengaku:last-child {margin-bottom:0;}
#p13box01 .kengaku_list .kengaku .img {position:relative;border-radius:10px;box-sizing:border-box;overflow:hidden;}
#p13box01 .kengaku_list .kengaku .img p {position:absolute;left:0;top:0;width: 100%;line-height: 45px;background:rgba(25,25,25,0.5);backdrop-filter: blur(5px);color:#fff;font-weight:500;padding:0 15px;box-sizing:border-box;}
#p13box01 .kengaku_list .kengaku > p {margin-top:10px;line-height:23px;}

#p13box02 {padding:0 5% 50px;background:#5AA052;}
#p13box02 .bg01 {position:relative;padding-top:230px;}
#p13box02 .bg01 .bg_in {width:960px;position:absolute;left: 50%;transform: translate(-50%);top:0;}
#p13box02 .bg02 {background:#fff;padding:40px 20px 20px;box-sizing:border-box;border-radius:10px;}
#p13box02 .bg02 .k_title02 {margin-bottom:25px;}

#p13box02 .bg02 .moushikomi_list {margin-bottom: 45px;}
#p13box02 .bg02 .moushikomi_list li {padding-bottom:20px;border-bottom:1px solid #BCBCBC;margin-bottom:20px;display:block;}
#p13box02 .bg02 .moushikomi_list li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}


#p13box02 .bg02 .moushikomi_list li h3 {width:120px;height:40px;display:table;margin-bottom:10px;}
#p13box02 .bg02 .moushikomi_list li h3 span {display:table-cell;vertical-align:middle;text-align:center;background:#000;color:#fff;border-radius:5px;}

#p13box02 .bg02 .moushikomi_list li .text_box01 {width:100%;line-height:26px;}
#p13box02 .bg02 .moushikomi_list li .text_box02 {width:100%;margin-top:10px;text-align:center;background:#F3F3F3;border-radius:10px;padding:7px;box-sizing:border-box;}
#p13box02 .text_bg {padding:20px;box-sizing:border-box;background:#F3F3F3;border-radius:10px;line-height:26px;}


#p13box03 {padding:50px 5%;}
#p13box03 .k_title02 {margin-bottom:15px;}
#p13box03 .text01 {margin-bottom:15px;line-height:26px;}
#p13box03 .text01 li {padding-left:1em;text-indent:-1em;}

.contact_form_box {}

form.wpcf7-form {padding-top: 80px;margin-top: -80px;}

ul.contact-state {width:100%;height:60px;position: relative;margin:0 auto 30px;}
ul.contact-state > li{width:100%;height:60px;background: url("../img/p13/state01_sp.png") no-repeat center;background-size:contain;}
ul.contact-state > li.state02 {display:none!important; }

ul.contact-state > li span {display: none;}

.contactTBL table {}
.contactTBL tr {display:block;margin-bottom:30px;}
.contactTBL tr:last-child {border-bottom:0;}

.contactTBL th {display:block;width:100%;margin-bottom:5px;}
.contactTBL td {display:block;width:100%;}

.hissu {color:#fff;background:#5AA052;padding:2px 6px 3px;border:1px solid #5AA052;font-size:13px;margin-right:10px;border-radius:5px;display: inline-block;text-align: center;box-sizing: border-box;}
.ninni {display:none;}

input.wpcf7-text {width: 100%;height:50px;box-sizing: border-box;padding:15px;font-size: 14px;border:1px solid #D4D4D4;background:#fff;border-radius:10px;}

/*textarea*/
textarea.wpcf7-form-control.wpcf7-textarea {width: 100%;height:130px;box-sizing: border-box;padding:15px;font-size: 14px;border:1px solid #D4D4D4;background:#fff;border-radius:10px;}

/*radio*/
.wpcf7-list-item {margin: 10px 20px 0 0!important;}
.wpcf7-list-item.last {margin-right: 0!important;}

.tuiki_memo01 {display:block;line-height:21px;margin-bottom:10px;margin-top: 10px;}
.tuiki_memo02 {display:block;margin-top:10px;line-height:21px;}
.tuiki_memo02 li {padding-left:1em;text-indent:-1em;}

.privacypolicy {}
.privacypolicy .privacypolicy01 {display:block;margin-top:10px;}
.privacypolicy .privacypolicy01 a {text-decoration:underline;}

/*multifile01*/

.codedropz-upload-handler {font-family: 'NotoSansJP';border: none!important;margin-bottom: 0 !important;}
.codedropz-upload-inner {text-align: left!important;}
.codedropz-upload-inner h4 {display: none;}
.codedropz-upload-handler span {display: none;}
.codedropz-btn-wrap {width:145px;height: 40px;display: table;}
.codedropz-btn-wrap a {height: 40px;display: table-cell;background:#000;color:#fff;text-align:center;vertical-align: middle;}
.codedropz-upload-container {padding: 0!important;}

/*送信ボタン*/
.contact-submit.flex { justify-content: center;margin-top:30px;}
input.wpcf7-form-control.btn04 {width: 100%; height: 60px;cursor: pointer; transition: 0.3s;font-size: 14px;text-align: center;box-sizing:border-box;font-family:'NotoSansJP';display: block;border:1px solid #5AA052;background:#5AA052;font-weight:bold;border-radius:5px;color:#fff;}

input.wpcf7-form-control.btn05.wpcf7c-btn-back {width: 100%; height: 60px;cursor: pointer; transition: 0.3s;font-size: 14px;text-align: center;box-sizing:border-box;font-family: 'NotoSansJP';display: block;border:1px solid #5AA052;background:#fff;font-weight:bold;order: -1;border-radius:5px;color:#5AA052;}

input.wpcf7-form-control.btn05:hover {background:#5AA052;color:#fff;}

input.wpcf7-form-control.btn05.wpcf7c-btn-back {margin-bottom: 20px;}
input.wpcf7-form-control.btn04:focus { outline: none;}

.wpcf7c-conf { background-color: #D4D4D4 !important; }
input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; box-shadow: 0 0 0px 1000px #D4D4D4 inset !important;}
.wpcf7 .ajax-loader {display: none !important;}
.wpcf7c-elm-step2.mt20 {width: 100%;text-align: center;margin-top: 20px;}
.wpcf7-spinner {display: none !important;}

/* お問い合わせ (contact) p14
/*-------------------------------------------*/
.page-contact #fixed-btn {display:none;}
.page-contact #entry-sec {display:none;}

#p14box01 {padding:50px 5%;background:#F3F3F3;}
#p14box01 .bg_list .bg {padding: 25px 20px;background:#fff;box-sizing:border-box;margin-bottom:25px;display:block;}
#p14box01 .bg_list .bg:last-child {margin-bottom:0;}
#p14box01 .bg_list .bg .left {width:100%;margin-bottom:15px;}

#p14box01 .bg_list .bg .left h2 {font-size:20px;margin-bottom:10px;}
#p14box01 .bg_list .bg .left .text {line-height:26px;margin-bottom:15px;}

#p14box01 .bg_list .bg .right {padding:15px;background:#F3F3F3;box-sizing:border-box;width: 100%;}

#p14box01 .bg_list .bg .right .num {font-size:27px;text-align:center;}
#p14box01 .bg_list .bg .right .num .waku {padding-left:33px;line-height:38px;display: inline-block;}
#p14box01 .bg_list .bg.bg01 .right .num .waku {background: url("../img/p14/tel.svg") no-repeat center left;background-size:26px;}
#p14box01 .bg_list .bg.bg02 .right .num .waku {background: url("../img/p14/fax.svg") no-repeat center left;background-size:27px;}
#p14box01 .bg_list .bg .right .num .waku .mini {font-size:14px;display:inline-block;margin-right:2px;}

#p14box01 .bg_list .bg .right .ul {margin-top:5px;text-align: center;}
#p14box01 .bg_list .bg .right .ul ul {text-align: left;display: inline-block;}
#p14box01 .bg_list .bg .right .ul ul li {}
#p14box01 .bg_list .bg .right .ul ul li:last-child {margin-bottom:0;}

#p14box02 {padding:50px 5%;}
#p14box02 .k_title02 {margin-bottom:15px;}
#p14box02 .text01 {margin-bottom:15px;line-height:26px;}
#p14box02 .text01 li {padding-left:1em;text-indent:-1em;}

/*Thanks・404
=========================================== */
#other { padding: 50px 5%; text-align: center; }
#other h2 { font-size: 24px; margin-bottom: 30px; }
#other p { position: relative; }
#other .btn01 { margin-top: 40px;text-align: center; }

/*プライバシーポリシー
=========================================== */
div#pageBox01 { padding: 50px 5%; }

h2.pp-title01 { font-size: 24px; border-bottom: solid 2px; margin-bottom: 30px; padding-bottom: 10px; }
h3.pp-title02 { font-size: 20px; position: relative; margin: 20px 0; padding-left: 10px; }
h3.pp-title02::before { content: ""; width: 2px; height: 65%; background: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }