/*loading*/
#loading{ width: 100%; height: 100vh; position: fixed; background:#fff; top: 0; left: 0; z-index: 10010; opacity: 1; }
#loadingLogo { width: 60%; max-width: 350px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%); opacity: 0; }
#loadingLogo img { width: 100%; }

@media screen\0 {
  /*#loading { display: none!important; }*/
	.js-scroll-fade { opacity: 1!important;}
}

/*common*/
.pc-only { display: block!important; }
.sp-only { display: none!important; }

a.link_line:link, a.link_line:visited { text-decoration: underline; }
a.link_line:active, a.link_line:hover { text-decoration: none; }

section {position: relative;}

html { width: 100%; overflow-x: hidden; }
body { width: 100%; }

img { max-width: 100%; }

@media screen and (max-width: 900px) {
	.pc-only { display: none!important; }
	.sp-only { display: block!important; }
}


/*scroll*/
.js-scroll-fade:not(.top_contents_item) { opacity: 0; }
.isActive:not(.top_contents_item) {
    -webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
    animation-timing-function: cubic-bezier(.165,.84,.44,1);
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes fadeUp{
	0%{opacity:0;transform:translateY(35px);}
	to{opacity:1;transform:translateY(0);}
}

/*header navi*/
header { width: 100%; /*height: 9.7rem; padding: 0 2.14%; box-sizing: border-box; display: grid; grid-template-columns: 6.6rem 1fr 39.6rem; grid-column-gap: 4.8rem; align-items: center;*/ }
header:after { content: ""; display: block; width: 100%; height: 9.7rem; position: fixed; left: 0; top: 0; -webkit-transition: opacity 1.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); background: #fff; opacity: 0; z-index: 10; }
header.fixed:after { opacity: 0.5; }
.header_logo_area { position: relative; z-index: 2; position: fixed; left: 2.14%; top: 1.08rem; z-index: 10001; height: 7.5rem; }
.header_logo { width: 5.5rem; margin-top: 1.0rem; }

.header_inq { display: flex; justify-content: space-between; align-items: center; position: fixed; right: 8.57rem; top: 1.08rem; z-index: 9999; width: 31.6rem; height: 7.5rem; }
.header_inq a { width: 15.4rem; font-size: 1.4rem; font-weight: 700; border: 1px solid #000; border-radius: 1.0rem; padding: 1.0rem 0 1.0rem 1.5rem; box-sizing: border-box; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 1); }
.header_inq .header_inq_co { background: #F2C346; }
.header_inq .header_inq_ps { background: #fff; }
.header_inq .ico { display: inline-block; width: 1.9rem; margin-right: 0.9rem; }

.header_nav { display: flex; justify-content: flex-end; align-items: center; font-size: 1.6rem; position: fixed; top: 1.08rem; right: 45.0rem; z-index: 9999; width: calc(100% - 50.0rem); height: 7.5rem; }
.header_nav li { margin-right: 5.2rem; text-transform: uppercase; }

.page_nav { display: flex; }
.page_nav a { color: #000;}
.header_sns { width: 1.8rem; line-height: 0; }
.header_sns img { width: 100%; }

.header_contact { display: none; }

.btn_humberger_box {  width: 4.2rem; height: 7.5rem; position: fixed; top: 1.08rem; right: 2.5rem; z-index: 10001; }
.btn_humberger { width: 3.8rem; height: 3.3rem; margin-top: 2.1rem; position: relative; }
.btn_humberger > span { width: 100%; }
.btn_humberger span {content: ""; height: 2px; border-radius: 2px; display: block; -webkit-transition: all 0.3s cubic-bezier(.165,.84,.44,1); transition: all 0.3s cubic-bezier(.165,.84,.44,1); background:#000; position: absolute; }
.btn_humberger span:nth-child(2){ left: 0; top: calc(50% - 1px); }
.btn_humberger span:nth-child(3){ left: 0; bottom: 5px; }
.btn_humberger span:nth-child(1){ left: 0; top: 5px;}
body.open .btn_humberger span:nth-child(3){ transform: rotate(45deg); bottom: calc(50% - 1px)!important; }
body.open .btn_humberger span:nth-child(1){ transform: rotate(-45deg); top: calc(50% - 1px)!important; }
body.open .btn_humberger span:nth-child(2){ opacity: 0;}

body.open .fix_btn_pc,
body.open header:after { display: none; }

.global_nav { display: flex; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9999; -webkit-transition: all 0.8s cubic-bezier(.165,.84,.44,1); transition: all 0.8s cubic-bezier(.165,.84,.44,1); background: #F6F4F0; opacity: 0; pointer-events: none; align-items: center; justify-content: space-between; }
.global_nav.active { z-index: 9999; opacity: 1; pointer-events: visible;  }

.logo_area { position: relative; margin-left: 20.64%; }
.nav_logo { width: 150px; margin: 24px 0 0 6.15%; }
.nav_logo img { width: 100%; }
.global_nav .sns_list.pc { display: flex; justify-content: center; align-items: center; position: absolute; bottom: -120px; }
.global_nav .sns_list a { width: 20px; }
.global_nav .sns_list a + a { margin-left: 26px; }
.global_nav .sns_list img { width: 100%; }
.global_nav .sns_list .sns_list_fb { width: 10px; }
.global_nav .sns_list.sp { display: none; }

.main_nav { width: 50%; }
.main_nav > a { display: flex; align-items: flex-end; }
.main_nav > a .font-ja { font-size: 2.4rem; display: block; }
.main_nav > a .font-en { font-size: 1.6rem; display: block; line-height: 1.5; margin-left: 30px; text-transform: uppercase; }
.main_nav > * + a { margin-top: 20px; }
.sub_nav { display: flex; flex-wrap: wrap; margin-top: 7px; }
.sub_nav > a { font-size: 1.2rem; margin-right: 30px; position: relative; font-weight: 500; }
.sub_nav > a + a { margin: 0 30px; }
.sub_nav > a + a:before { content: "/"; display: inline-block; position: absolute; left: -30px; }

.nav_inq { display: flex; align-items: center; flex-direction: column; text-align: center; margin-top: 3.5rem; }
.nav_inq a { width: 80.71%; max-width: 34.2rem; font-size: 1.8rem; font-weight: 700; border: 1px solid #000; border-radius: 1.0rem; padding: 1.0rem 0 1.0rem 2.3rem; box-sizing: border-box; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 1); }
.nav_inq .header_inq_co,
.nav_inq .header_inq_ps { background: #fff; }
.nav_inq .ico { display: inline-block; width: 2.5rem; margin-right: 0.9rem; }
.nav_inq .ico img { width: 100%; }
.nav_inq a + a { margin-top: 1.0rem; }

.global_nav .sns_list { display: flex; justify-content: center; align-items: center; margin-top: 4.5rem; }
.global_nav .sns_list a { width: 20px; }
.global_nav .sns_list a + a { margin-left: 26px; }
.global_nav .sns_list img { width: 100%; }
.global_nav .sns_list .sns_list_fb { width: 10px; }

.fix_btn_pc { width: 76px; position: fixed; display: flex; right: 1.21%; bottom: 2.0rem; align-items: center; flex-direction: column; border: 1px solid #231815; border-radius: 10px; padding: 5px 15px; z-index: 2; box-sizing: border-box; order: 2; background: #fff; }
.fix_btn_pc a { display: block; text-align: center; width: 100%; height: 80px; position: relative; line-height: 1.2; }
.fix_btn_pc a + a { border-top: 1px solid #231815; }
.fix_btn_pc a > .inner { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.fix_btn_pc .ico { display: block; margin: 3px auto 0; }
.fix_btn_pc .ico_contact { width: 25px; }
.fix_btn_pc .ico_catalog { width: 22px; }
.fix_btn_pc .ico_consultation { width: 16px; }
.fix_btn_pc .ico_search { width: 27px; }

.fix_btn_sp { display: none; }
.spnavbr { display: none; }

@media screen and (max-width: 1250px) {
    .header_logo { width: 4.5rem; }
    
    .header_inq { display: flex; justify-content: space-between; align-items: center; position: fixed; right: 8.57rem; top: 1.08rem; z-index: 9999; width: 28.6rem; height: 7.5rem; }
    .header_inq a { width: 13.8rem; font-size: 1.1rem; font-weight: 700; border: 1px solid #000; border-radius: 1.0rem; padding: 1.0rem 0 1.0rem 2.0rem; box-sizing: border-box; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 1); }
    .header_inq .ico { display: inline-block; width: 1.5rem; margin-right: 0.7rem; }
    
    .header_nav { display: flex; justify-content: flex-end; align-items: center; font-size: 1.4rem; position: fixed; top: 1.08rem; right: 41.0rem; z-index: 9999; width: calc(100% - 50.0rem); height: 7.5rem; }
    .header_nav li { margin-right: 2.3rem;}
}

@media screen and (max-width: 1000px) {
header { width: 100%; /*height: 9.7rem; padding: 0 2.14%; box-sizing: border-box; display: grid; grid-template-columns: 6.6rem 1fr 39.6rem; grid-column-gap: 4.8rem; align-items: center;*/ }
    header:after { content: ""; display: block; width: 100%; height: 8.0rem; position: fixed; left: 0; top: 0; -webkit-transition: opacity 1.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); background: #fff; opacity: 0; z-index: 10; }
    .header_logo_area { position: relative; z-index: 2; position: fixed; left: 3.07%; top: 1.08rem; z-index: 10001; height: 5.7rem; }
    .header_logo { width: 5.0rem; margin-top: 0.3rem; }

    .header_inq { display: flex; justify-content: space-between; align-items: center; position: fixed; right: 8.07rem; top: 1.08rem; z-index: 9999; width: 22.2rem; height: 5.7rem; text-align: center; }
    .header_inq a { width: 10.9rem; font-size: 1.2rem; font-weight: 700; line-height: 1.5; border: 1px solid #000; border-radius: 1.0rem; padding: 0.5rem 0; box-sizing: border-box; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 1); }
.header_inq .header_inq_co { background: #F2C346; }
.header_inq .header_inq_ps { background: #fff; }
    .header_inq .ico { display: none; }

    .header_nav { display: none; }
.header_nav li { margin-right: 5.7rem;}

.page_nav { display: flex; }
.page_nav a { color: #000;}
.header_sns { line-height: 0; }

.header_contact { display: none; }

    .btn_humberger_box {  width: 4.2rem; height: 5.7rem; position: fixed; top: 1.08rem; right: 1.9rem; z-index: 10001; }
.btn_humberger { width: 3.8rem; height: 3.3rem; margin-top: 1.2rem; position: relative; }
.btn_humberger > span { width: 100%; }
.btn_humberger span {content: ""; height: 2px; border-radius: 2px; display: block; -webkit-transition: all 0.3s cubic-bezier(.165,.84,.44,1); transition: all 0.3s cubic-bezier(.165,.84,.44,1); background:#000; position: absolute; }
.btn_humberger span:nth-child(2){ left: 0; top: calc(50% - 1px); }
.btn_humberger span:nth-child(3){ left: 0; bottom: 5px; }
.btn_humberger span:nth-child(1){ left: 0; top: 5px;}
body.open .btn_humberger span:nth-child(3){ transform: rotate(45deg); bottom: calc(50% - 1px)!important; }
body.open .btn_humberger span:nth-child(1){ transform: rotate(-45deg); top: calc(50% - 1px)!important; }
body.open .btn_humberger span:nth-child(2){ opacity: 0;}

body.open .fix_btn_pc,
body.open header:after { display: none; }

.global_nav { display: block; width: 100%; height: 100vh; padding-bottom: 40px; position: fixed; left: 0; top: 0; z-index: 10; -webkit-transition: opacity 0.8s cubic-bezier(.165,.84,.44,1); transition: opacity 0.8s cubic-bezier(.165,.84,.44,1); background: #F6F4F0; opacity: 0; pointer-events: none; align-items: center; justify-content: space-between; overflow-y: scroll; box-sizing: border-box; }
.global_nav.active { z-index: 9999; opacity: 1; pointer-events: visible;  }

    .logo_area { position: relative; margin-left: 0; }
    .nav_logo { width: 90px; margin: 39px auto 0; }
.nav_logo img { width: 100%; }
    .global_nav .sns_list.sp { display: flex; justify-content: center; align-items: center; margin-top: 55px; }
.global_nav .sns_list a { width: 20px; }
.global_nav .sns_list a + a { margin-left: 26px; }
.global_nav .sns_list img { width: 100%; }
.global_nav .sns_list .sns_list_fb { width: 10px; }
    .global_nav .sns_list.pc { display: none; }

    .main_nav { width: 100%; margin-top: 50px; }
    .main_nav > a { display: block; text-align: center; }
    .main_nav > a .font-ja{ font-size: 2.0rem; display: block; }
    .main_nav > a .font-en { font-size: 1.1rem; display: block; line-height: 1.2; margin-left: 0; }
.main_nav > * + a { margin-top: 20px; }
    .sub_nav { display: none; margin-top: 7px; }
    

.nav_inq { display: flex; align-items: center; flex-direction: column; text-align: center; margin-top: 3.5rem; }
.nav_inq a { width: 80.71%; max-width: 34.2rem; font-size: 1.8rem; font-weight: 700; border: 1px solid #000; border-radius: 1.0rem; padding: 1.0rem 0 1.0rem 2.3rem; box-sizing: border-box; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 1); }
.nav_inq .header_inq_co,
.nav_inq .header_inq_ps { background: #fff; }
.nav_inq .ico { display: inline-block; width: 2.5rem; margin-right: 0.9rem; }
.nav_inq .ico img { width: 100%; }
.nav_inq a + a { margin-top: 1.0rem; }

.global_nav .sns_list { display: flex; justify-content: center; align-items: center; margin-top: 4.5rem; }
.global_nav .sns_list a { width: 20px; }
.global_nav .sns_list a + a { margin-left: 26px; }
.global_nav .sns_list img { width: 100%; }
.global_nav .sns_list .sns_list_fb { width: 10px; }

    .fix_btn_pc  { display: none; }
    
    .fix_btn_sp { display: flex; position: fixed; bottom: 0; left: 50%; width: 87.69%; max-width: 34.2rem; z-index: 9990; transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); background: rgba(232,190,72,1); border-radius: 5px 5px 0 0; -webkit-transition: transform 0.8s cubic-bezier(.165,.84,.44,1); transition: transform 0.8s cubic-bezier(.165,.84,.44,1); }
    .fix_btn_sp.active { transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); }
    .fix_btn_sp a { width: 50.00%; padding: 8px 0; text-align: center; color: #fff; position: relative; font-size: 1.1rem; }
    .fix_btn_sp a span { width: 35px; display: block; margin: 0 auto; }
    .fix_btn_sp a + a:before { content: ""; display: block; width: 1px; height: 25px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .fix_btn_sp .ico { display: block; margin: 2px auto 0; }
    .fix_btn_sp .ico_contact { width: 25px; }
    .fix_btn_sp .ico_catalog { width: 21px; }
    .fix_btn_sp .ico_search { width: 25px; }
    
    .fix_btn_sp.set { position: fixed; transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); }
    .fix_btn_sp.disp { position: fixed; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); }
.spnavbr { display: block; }
    
}

/*footer*/
footer { padding-top: 220px; background: #fff; position: relative; z-index: 2;}
body#home footer { padding-top: 0; }
.footer_inquiry { background: #F6F4F0; display: flex; }
.footer_inquiry > div { width: 50%; text-align: center; padding: 70px 15px; box-sizing: border-box; position: relative; }
.footer_inquiry_form:before { content: ""; display: block; width: 1px; height: 70%; background: rgba(0,0,0,0.12); position: absolute; left: 0; top: 15%; }
.footer_inquiry > div h2 { font-size: 2.4rem; margin-bottom: 65px;  }
.footer_inquiry_tel .num { font-size: 4.2rem; font-weight: 700; line-height:  1.2; }
.footer_inquiry_tel .num .ico { margin-right: 10px;}
.footer_inquiry > div p { margin-top: 60px; font-weight: 500; }
.footer_inquiry_form .btn a { display: inline-block; color: #fff; font-size: 1.6rem; background: #000; border: 1px solid #000; padding: 12px 70px; border-radius: 3px;  }

.footer_function { background: #F2C346; padding: 90px 0 50px; }
.footer_function * { font-weight: 500; }
.footer_function strong { font-weight: 700; }
.footer_function > .inner { width: 80.71%; margin: 0 auto; }

.footer_function .logo  { width: 8.11%; min-width: 11.3rem; }
.footer_function .logo img { width: 100%; }

.footer_function .set { display: flex; justify-content: space-between; }
.footer_banner { width: auto; }
.footer_banner .name { font-size: 1.5rem; margin-bottom: 3.0rem; }

.footer_address { width: 72.32%; margin-left: 11.09%; }
.footer_address_list { font-size: 1.3rem; display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 5%; }
.footer_address .ico { display: inline-block; width: 1.2rem; line-height: 1;margin-right: 5px; }
.footer_nav { width: 14.24%; margin-left: 12.74%; }
.footer_nav a { display: block;  font-size: 1.3rem; margin-bottom: 12px;  }
.footer_banner .banner { margin-top: 48px; }
.footer_banner .banner a { display: block; margin-top: 8px; border: 1px solid #E3E3E3; border-radius: 5px; }
.footer_address .item + .item { margin-top: 20px;}

.footer_function > .inner:nth-child(2) { margin-top: 80px; justify-content: space-between; }
.footer_link { display: flex; align-items: center; font-size: 1.2rem; }
.footer_function .sns_list.pc-only { display: flex!important; align-items: center; }
.footer_function .sns_list a { line-height: 0; }
.footer_function .copyright { margin: 5.0rem -5.0% 0; font-size: 1.2rem; text-align: right; }
.footer_function .sns_list a + a { margin-left: 4.0rem; }
.footer_function .sns_list_fb { width: 1.0rem; }
.footer_function .sns_list_ig,
.footer_function .sns_list_yt { width: 2.0rem; }
.footer_function .sns_list img { width: 100%; }

@media screen and (max-width: 900px) {
    footer { padding-top: 16.0rem; }
    body#home footer { padding-top: 0; }
    .footer_inquiry { background: #F2C346; display: none; }

.footer_function { background: #F2C346; padding: 8.0rem 0 7.0rem; }
.footer_function * { font-weight: 500; }
.footer_function strong { font-weight: 700; }
.footer_function > .inner { width: 80.71%; margin: 0 auto; }

    .footer_function .logo  { width: 29.23%; min-width: 11.4rem; margin: 0 auto; }
.footer_function .logo img { width: 100%; }

    .footer_function .set { display: flex; justify-content: space-between; flex-direction: column; }
    .footer_banner { width: 100%; min-width: auto; }
    .footer_banner .name { font-size: 1.5rem; margin-bottom: 3.0rem; text-align: center; }

    .footer_address { width: 100%; margin-left: 0%; }
    .footer_address_list { font-size: 1.3rem; display: grid; grid-template-columns: repeat(1,1fr); grid-column-gap: 0; }
    .footer_address > div + div { margin-top: 4.0rem; }
    .footer_address .ico { display: inline-block; width: 1.0rem; line-height: 0.8;margin-right: 5px; }
    .footer_nav { width: 100%; margin: 7.0rem 0 0; display: flex; }
    .footer_nav > div { width: 50%; }
    .footer_nav a { display: block;  font-size: 1.3rem; margin-bottom: 2.0rem;  }
.footer_banner .banner { margin-top: 48px; }
.footer_banner .banner a { display: block; margin-top: 8px; border: 1px solid #E3E3E3; border-radius: 5px; }
.footer_address .item + .item { margin-top: 20px;}

.footer_function > .inner:nth-child(2) { margin-top: 80px; justify-content: space-between; }
.footer_link { display: flex; align-items: center; font-size: 1.2rem; }
    .footer_function .sns_list.pc-only { display: none!important; }
    .footer_function .sns_list.sp-only { display: flex!important; align-items: center; justify-content: center; margin-top: 7.0rem; }
.footer_function .sns_list a { line-height: 0; }
    .footer_function .copyright { margin: 7.0rem 0 0; font-size: 1.2rem; text-align: center; }
.footer_function .sns_list a + a { margin-left: 4.0rem; }
.footer_function .sns_list_fb { width: 1.0rem; }
.footer_function .sns_list_ig,
.footer_function .sns_list_yt { width: 2.0rem; }
    
}

/*top*/
.top_mv_copy01 { height: 100%; height: 100vh; position: relative; }
.top_mv_copy01 > .inner { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.top_mv_copy01 .copy { text-align: center; font-size: 2.8rem; font-weight: 700; color: #fff; letter-spacing: 0.15em; }
.top_mv_copy01 .logo { width: 8.0rem; margin: 0 auto 3.0rem;}
.top_mv_copy01 .copy { width: 90%; max-width: 60.0rem; margin: 0 auto 3.0rem;}

.white_box { background: #fff; position: relative; z-index: 2; }
.top_about_body { display: flex; justify-content: space-between; flex-direction: row-reverse; padding-top: calc(152 / 1400 * 100vw); }
.top_about_ph { width: calc(684 / 1400 * 100vw); }
.top_about_txt { width: calc(452 / 1400 * 100vw); margin-left: calc(134 / 1400 * 100vw); }
.top_about_txt .read { font-size: 2.4rem; font-weight: 700; margin-bottom: 2.0rem; }

.link_more { margin-top: 6.0rem;}
.top_ttl  .link_more { margin-top: 0;}
.link_more a { display: flex; justify-content: flex-end; align-items: center; padding-left: 8.2rem; font-size: 1.6rem; position: relative; }
.link_more._left a { justify-content: flex-start; padding-left: 0; margin-top: 1.0rem; }
.link_more .arrow { display: inline-block; width: 5.7rem; line-height: 0; margin-left: 3.0rem; }
.link_more .circle { width: 6.1rem; height: 6.1rem; margin-right: 2.1rem; position: relative; }
.link_more .circle:before  { content: ""; display: block; position: absolute; width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 50%; }
.link_more .circle:after { content: ""; display: block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #302D2B; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.top_recruit .link_more .circle:after { background: #fff;}
.link_more .logo_zero { display: inline-block; width: 15.0rem; position: relative; }
.link_more._re { margin-top: 8.0rem; }
.link_more._re .linktxt { width: 100%; font-size: 1.2rem; position: absolute; top: -1.0rem; left: 0; transform: translateY(-50%); white-space: nowrap; }

.top_service { margin-top: 21.4rem; }
.top_common_ttl { display: flex; justify-content: space-between; align-items: flex-start; width: 80.72%; margin: 0 auto; }
.top_ttl { width: 80%; margin: 0 auto; position: relative; }
.top_ttl_ja { font-size: 1.6rem;line-height: 1; }
.top_ttl_ja .ico { padding-right: 0.8rem; display: none;}
.top_ttl_en { font-size: 7.0rem; line-height: 1.02; margin-top: 1.2rem; text-transform: uppercase; }
/*.top_ttl_hd { display: flex; align-items: flex-end; }*/
.top_detail_link  { font-size: 1.6rem; color: #919191; position: relative; margin-left: 25px; white-space: nowrap; display: flex; align-items: center; width: 100%; max-width: 320px; }
.top_detail_link.sp { display: none; }
.top_detail_link span { content: ""; display: block; width: 100%; height: 1px; background: #919191; flex-grow: 2; margin-right: 25px; }
.top_ttl .page_common_ttl,
.top_ttl h2,
.about_common_ttl,
.planning_ttl_en,
.planning_contents_hd { font-size: 1.4rem; color: #F2C346; margin-top: 20px; }
.planning_ttl_en { margin-top: 0; }
.top_ttl .page_common_ttl .circle,
.top_ttl h2 .circle,
.about_common_ttl .circle,
.planning_ttl_en .circle,
.planning_contents_hd .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }
.top_ttl { width: 80%; margin: 0 auto; position: relative; }
.top_common_read { width: 48.58%; }
.top_service_img { margin: 0 0 2.0rem; }

.top_service_body { margin-top: 10.0rem; background: #F8F7F4; position: relative; }
.top_service_item { background: #F8F7F4; position: sticky; top: 0; overflow: hidden; padding: 11.8rem 9.64% 10.4rem; box-sizing: border-box; transform-origin: top center; }
.top_service_iteminner { display: flex; justify-content: space-between; will-change: transform; }
.top_service_item .font { position: absolute; left: 0; top: 0; font-size: 22.6rem; font-weight: 700; color: #fff; opacity: 1; line-height: 0.75;text-transform: uppercase; white-space: nowrap; }
.top_service_item .ph { width: 48.58%; position: relative; z-index: 2; }
.top_service_item .txt { width: 40.00%; position: relative; z-index: 2; }
.top_service_item .ttl_en { font-size: 1.8rem;text-transform: uppercase; }
.top_service_item .ttl_ja { font-size: 4.0rem; font-weight: 500; line-height: 1.5; }
.top_service_item .read { font-size: 2.0rem; font-weight: 700; line-height: 1.5; margin: 3.0rem 0 1.0rem; }
.top_service_item .link_more { margin-top: 3.5rem;}

.top_interview .link_more { margin-right: 9.64%; }

.top_article { margin-top: 240px; }
.top_article_body { width: 80%; margin: 60px auto 0; display: flex; flex-wrap: wrap; position: relative; }
.top_article_item { width: 22.23%; margin-left: 3.70%; }
.top_article_item:nth-child(3n+1) { margin-left: 0; }
.top_article_item:nth-child(1),
.top_article_item:nth-child(6) { width: 48.13%; }
.top_article_item:nth-child(4),
.top_article_item:nth-child(5) { align-self: flex-start; }
.top_article_item:nth-child(4),
.top_article_item:nth-child(5) { margin-top: 3.70%; }
.top_article_item:nth-child(6) { position: absolute; right: 0; bottom: 0; }
.top_article_item .ph > div { padding-bottom: 100%; position: relative; overflow: hidden; }
.top_article_item .ph > div img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; }
.top_article_item .date { font-size: 1.2rem; margin-top: 15px; }
.top_article_item h2 { font-size: 1.8rem; margin-top: 15px; }
.top_article_item .cat { font-size: 1.4rem; margin-top: 15px; display: flex; }
.top_article_item .cat > * { background: #F2F1EC; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
.top_article_item img { width: 100%; }
    .top_article_tag { width: 80%; margin: 30px auto 0; display: flex; flex-wrap: wrap; }
.top_article_tag a { font-size: 1.4rem; background: #F2F1EC; border-radius: 20px; padding: 5px 20px; margin-right: 8px; margin-bottom: 8px;}

@media screen and (min-width: 901px) {
    .top_works { margin-top: 12.0rem; }
    .top_works_body { position: relative;
      width: 100%;
      height: 50.21vw;
      padding-left: 9.64%; /* 最初の余白（任意） */
        box-sizing: border-box;
      overflow: hidden; }
    .top_works_inner { display: flex; /* 横並びにする */
      align-items: center;
      height: 100%;
      will-change: transform; }
    .top_works_item {position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 37.42vw;
      height: 45.42vw;
      /* 各アイテムを右隣へ順番に並べる（初期状態：横並び） */
      left: 0; 
      /* JSで初期位置を計算するので、ここでは left: 0 でOK */
      will-change: transform;
    }
    .top_works_item .name { font-size: 1.6rem; margin-top: 1.5rem; }
    .works-progress-container {
        display: none;
      position: absolute;
      bottom: 20px;
      left: 10%;
      width: 80%;
      height: 1px;
      background: #EDEDED; /* ベースの線の色 */
      z-index: 100;
    }

    .works-progress-bar {
      width: 0%; /* 初期値 */
      height: 100%;
      background: #F2C346; /* 動くバーの色 */
      will-change: width;
    }

    .top_works_item:first-child {
      x: 0vw;
    }
    
    /*.top_voice_body .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .archive_works_item { width: 31.41%!important; margin-bottom: 7.5rem; }*/
    
    .top_works_body .top_common_ttl { margin: 0; }
}

@media screen and (min-width: 1201px) {
    .top_works_body { height: 40.21vw; }
    .top_works_item { height: 37.42vw; }
}

.top_works_item img { width: 100%; }
.top_works_item .ph > div { background: #000;}
.top_works .link_more { margin-top: -2vw; margin-right: 9.64%; }

.archive_works_body { width: 80.71%; margin: 20.0rem auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.archive_works_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.archive_works_item .ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.archive_works_item .date { font-size: 1.2rem; margin-top: 15px; }
.archive_works_item h2 { font-size: 2.0rem; margin-top: 15px; font-weight: 700; }
.archive_works_item .cat { font-size: 1.4rem; margin-top: 15px; display: flex; }
.archive_works_item .cat > * { background: #F2C346; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}

.archive_news_body { width: 80%; margin: 80px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.archive_news_item { width: 48.66%; margin-bottom: 75px; }
.archive_news_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.archive_news_item .ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.archive_news_item .date { font-size: 1.2rem; margin-top: 15px; }
.archive_news_item h2 { font-size: 2.0rem; margin-top: 15px; font-weight: 700; }
.archive_news_item .cat { font-size: 1.4rem; margin-top: 15px; display: flex; }
.archive_news_item .cat > * { background: #F2F1EC; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}

.top_news { margin-top: 13.8rem; padding: 11.3rem 0 13.7rem; background: #f8f7f4; }
.top_news_body { width: 80.71%; margin: 7.0rem auto 0; }
.top_news .link_more { margin-right: 9.64%; }
.news_item._first > .inner { display: flex; justify-content: space-between; }
.news_item._first .ph { width: 37.96%; overflow: hidden; position: relative; }
.news_item .ph > div { padding-bottom: 66%; position: relative; }
.news_item .ph img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.news_item._first .txt { width: 59.20%; }
.news_item._first .txt .ttl { font-size: 2.0rem; font-weight: 700; margin-bottom: 2.5rem; }
.news_item._first .txt p { line-height: 1.75; }
.news_item .cat { margin-top: 5.0rem; }
.news_item .cat > * { background: #F2C346; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
.news_item .date { margin-top: 5.0rem;font-size: 1.2rem; }
.news_list { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2.92%; grid-row-gap: 6.4rem; margin-top: 6.4rem; }
.news_item > .inner { display: flex; justify-content: space-between; }
.news_item .ph { width: 46.99%; overflow: hidden; position: relative; }
.news_item .txt { width: 50.09%; }
.news_item .txt .ttl { font-size: 1.8rem; font-weight: 700; }
.news_item._first .ph img,
.news_item .ph img { position: absolute; width: 100%; height: 100%; object-fit: cover; transform-origin: center; }

.top_membersbook { margin-top: 13.0rem; }
.top_membersbook_box { background: #F6F4F0; display: flex; justify-content:space-between; width: 80.71%; margin: 7.0rem auto 0; padding: 7.4rem 8.58% 4.7rem; box-sizing: border-box; }
.top_membersbook_new { width: 19.31%; }
.top_membersbook_bn { width: 64.47%; }
.top_membersbook_bnlist { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 5.72%; grid-row-gap: 1.7rem; }
.top_membersbook_item { display: block; position: relative; text-align: center; }
.top_membersbook_item .num { font-size: 1.4rem; font-weight: 700; margin-top: 1.0rem; }
.top_membersbook_item .ttl { font-size: 1.6rem; font-weight: 700; }
.top_membersbook_bnitem { filter: drop-shadow(0 0.3rem 1.0rem rgba(0,0,0,0.1)); }
.top_membersbook_item .ico { display: block; width: 7.2rem; height: 7.2rem; background: url("../img/ico_new.svg") no-repeat center / contain; color: #fff; padding-top: 2.5rem; box-sizing: border-box; font-size: 1.4rem; font-weight: bold; line-height: 1.5; text-align: center; position: absolute; top: 0; right: 0; transform: translate(50%,-50%); }
.btn_bn { text-align: center; margin-top: 3.0rem; }
.btn_bn a { display: inline-block; font-size: 1.4rem; font-weight: 700; padding: 1.5rem 3.0rem; border: 1px solid #000; border-radius: 3.0rem; background: #fff;}

.top_introduction { margin-top: 18.0rem; }
.top_introduction > .inner { width: 80.71%; margin: 0 auto; }
.top_introduction_body { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 2.92%; }
.top_introduction_body img { width: 100%; }

.top_introduction_item:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 1) 100%
  ); opacity: 0.4; }
.top_introduction_item .txt { position: absolute; bottom: 2.4rem; left: 2.4rem; width: 100%; z-index: 2; }
.top_introduction_item .ttl_en { font-size: 4.8rem; color: #fff; line-height: 1.0;     text-transform: uppercase; }
.top_introduction_item .ttl_ja { font-size: 1.8rem; color: #fff; line-height: 1.0; margin-top: 1.0rem; }

.top_banner { margin: 18.2rem 0 0; }
.top_banner > .inner { width: 80.71%; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 0.7%; }
.top_banner a { display: block; text-align: center; }
.top_banner .bd .ph { padding-bottom: 50.13%; border: 1px solid #E3E3E3; position: relative; }
.top_banner._topersonal .bd .ph { padding-bottom: 66.00%; }
.top_banner .bd .ph img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.top_banner .bd:nth-child(1) .ph img { width: 56.87%; }
.top_banner .bd:nth-child(2) .ph img { width: 76.81%; }
.top_banner .name { margin-top: 0.4rem; font-size: 1.2rem; }

.top_recruit { margin-top: 18.2rem; min-height: 72.8rem; padding-top: 8.0rem; box-sizing: border-box; position: relative; }
.top_recruit .top_common_ttl { width: 100%; }
.top_recruit > .inner { width: 80.71%; margin: 0 auto; position: relative; z-index: 2;}
.top_recruit_bg { width: 100%; height: 100%; position: absolute; top: 0; overflow: hidden; }
.top_recruit_bg img { width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover; }
.top_recruit_bg video { min-height: 100vh; min-height: 100vh; min-width: 100%; min-width: 100vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }
.top_recruit .top_ttl { width: 100%; }
.top_recruit * { color: #fff; }
.top_recruit_body { width: 57.16%; position: absolute; right: 9.64%; bottom: 7.8rem; z-index: 2; text-align: right; }
.top_recruit_body .read { font-size: 2.8rem; margin-bottom: 2.0rem; }

.movie_btn { position: absolute; bottom: 35px; left: 50%; transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0); cursor: pointer; width: 127px; height: 82px;  }
.movie_btn .ico { width: 116px; margin: 0 auto; }
.movie_btn .btn { width: 100%; height: 29px; border: 1px solid #fff; background: #EDEDED; box-sizing: border-box; border-radius: 30px; position: absolute; bottom: 0; }
.movie_btn.active .btn { background: #F8C243; }
.movie_btn .btn .btn_inner { width: 74px; height: 27px; background: #fff; border-radius: 30px; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 27px; -webkit-transition: margin 0.5s cubic-bezier(.165,.84,.44,1); transition: margin 0.5s cubic-bezier(.165,.84,.44,1); }
.movie_btn.active .btn .btn_inner { margin-left: 52px; }
.movie_btn .btn .btn_inner:before { content: "ON"; }
.movie_btn.active .btn .btn_inner:before { content: "OFF"; }

.movie_btn_on { display: none; }
.movie_btn.active .movie_btn_on { display: block; }
.movie_btn.active .movie_btn_off { display: none; }

@keyframes zoomUp {
  0% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
.top_mv_slide .swiper-slide-active-prev img,
.top_mv_slide .swiper-slide-active img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-animation: zoomUp 9s linear 0s normal both;
  animation: zoomUp 9s linear 0s normal both;
}
.top_mv_slide .swiper-pagination-not-clickable {
    pointer-events: none;
}
.top_mv_slide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px!important; background: #fff; opacity: 0.8; }
.top_mv_slide .swiper-pagination-bullet-active { background: #e8bc48; }
.top_mv_slide .swiper-pagination  { margin-bottom: 10px; z-index: 4; }

.top_mv_animation div svg { width: 100%; height: 100vh; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; z-index: 5; -webkit-transition: opacity 2.0s cubic-bezier(.165,.84,.44,1); transition: opacity 2.0s cubic-bezier(.165,.84,.44,1); }
.top_mv_animation div.complete svg { opacity: 0; } 
.top_mv_animation div.complete { pointer-events: none; }
.top_mv_animation .sp { display: none; }

.top_fv_function .link_sns { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.top_fv_function .link_sns a { width: 20px; }
.top_fv_function .link_sns a + a { margin-left: 26px; }
.top_fv_function .link_sns img { width: 100%; }
.top_fv_function .link_sns .sns_list_fb { width: 10px; }
.top_fv_function .copy { width: 264px; }
.top_fv_function .link { width: 102px; padding-left: 40px; border-left: 1px solid #fff; }
.top_btn_open.btn_humberger_box { position: absolute; right: 5.14%; top: calc(5.14% - 5px); border-left: 0; }
.top_btn_open .btn_humberger span { background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,1); }
body.open .top_btn_open.btn_humberger_box { display: none; }
.top_fv_scroll { position: absolute; right: 5.14%; bottom: 5.14%; width: 120px; height: 120px; z-index: 9; }
.top_fv_scroll .txt { width: 90px; position: absolute; left: 0; bottom: 0; }
.top_fv_scroll .line { width: 25px; height: 120px; animation: 3s arrow-animation infinite cubic-bezier(.165,.84,.44,1); position: absolute; right: 0; top: 0;  }
.top_fv_scroll .line:after { content: ""; display: block; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; }
.top_fv_scroll .line:before { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transform: rotate(40deg); transform: rotate(40deg); transform-origin: right; }
@keyframes arrow-animation {
  0% {
    height: 20px;
  }
  66% {
    height: 120px;
  }
}

.top_detail_link  { font-size: 1.6rem; color: #919191; position: relative; margin-left: 25px; white-space: nowrap; display: flex; align-items: center; width: 100%; max-width: 320px; }
.top_detail_link.sp { display: none; }
.top_detail_link span { content: ""; display: block; width: 100%; height: 1px; background: #919191; flex-grow: 2; margin-right: 25px; }
.about_common_ttl,
.planning_ttl_en,
.planning_contents_hd { font-size: 1.4rem; color: #F2C346; margin-top: 20px; }
.planning_ttl_en { margin-top: 0; }
.top_ttl .page_common_ttl .circle,
.top_ttl h2 .circle,
.about_common_ttl .circle,
.planning_ttl_en .circle,
.planning_contents_hd .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }

.top_interview { margin-top: 20.0rem; overflow-x: hidden; }
.top_voice { margin-top: 240px; }
.top_voice_body { width: 80.71%; margin: 80px auto 0; overflow: hidden; }

@media screen and (min-width: 901px) {
    .top_mv_movie .pc { width: 100%; height: 100vh; margin: 0; overflow: hidden; position: fixed; overflow: hidden; }
    .top_mv_movie .sp { display: none; }
    .top_mv_movie video { width: 100%; height: 100vh; object-fit: cover; }
    .movie_logo_area { position: absolute; left: 110px; top: 55px; display: flex; }
    .movie_logo_area .nav_logo { width: 132px; }
    .movie_logo_area .sns_list { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 0 0 80px; }
    .movie_logo_area .sns_list a { width: 28px; margin-bottom: 25px; }
    .movie_logo_area .sns_list .sns_list_fb { width: 14px; }

}

@media screen and (max-width: 900px) {
    .top_mv { height: 100vh; }
    .top_mv_movie .pc { display: none; }
    .top_mv_movie .sp { width: 100%; height: 200vh; margin: 0; overflow: hidden; position: absolute; display: flex; flex-direction: column; }
    .top_mv_movie .sp .item { width: 100%; height: 100vh; position: relative; overflow: hidden; }
    .top_mv_movie video { width: 100%; height: 100vh; object-fit: cover; }
    .movie_logo_area { position: absolute; left: 110px; top: 55px; display: flex; }
    .movie_logo_area .nav_logo { width: 132px; }
    .movie_logo_area .sns_list { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 0 0 80px; }
    .movie_logo_area .sns_list a { width: 28px; margin-bottom: 25px; }
    .movie_logo_area .sns_list .sns_list_fb { width: 14px; }
    
    .top_mv_copy01,
.top_mv_copy02 { height: 100%; height: 100vh; position: sticky; top: 0; }
.top_mv_copy01 > div,
    .top_mv_copy02 > div { width: 100%; text-align: center; font-size: 3.6rem; font-weight: 700; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); }

.white_box { background: #fff; position: relative; z-index: 2; }
    .top_about_body { display: flex; justify-content: space-between; flex-direction: column; padding-top: calc(152 / 1400 * 100vw); }
    .top_about_ph { width: 100%; }
    .top_about_txt { width: 87.69%; margin: 2.0rem auto 0; }

    .link_more { margin-top: 3.6rem;}
    .link_more a { display: flex; justify-content: center; align-items: center; padding-left: 0; font-size: 1.4rem; position: relative; }
.link_more .circle { width: 6.1rem; height: 6.1rem; margin-right: 2.1rem; border: 1px solid #ddd; border-radius: 50%; position: relative; }
.link_more .circle:after { content: ""; display: block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #302D2B; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.top_service { margin-top: 21.4rem; }
    .top_ttl_hd { width: 100%; text-align: center; margin-bottom: 6.0rem; }
    .top_ttl .top_ttl_hd { margin-bottom: 0; text-align: left; }
    .top_ttl { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; width: 87.69%; margin: 0 auto; }
    .top_common_ttl { display: block; }
.top_ttl_ja { font-size: 1.6rem;line-height: 1; }
.top_ttl_ja .ico { padding-right: 0.8rem; }
    .top_ttl_en { font-size: 5.2rem; line-height: 1.02; margin-top: 2.0rem; }
/*.top_ttl_hd { display: flex; align-items: flex-end; }*/
    .top_detail_link { font-size: 1.4rem; color: #919191; position: relative; margin-top: 25px; margin-left: 0;}
    .top_detail_link.pc { display: none; }
    .top_detail_link.sp { display: flex; }
    .top_detail_link span { content: ""; display: block; width: 110px; height: 1px; background: #919191; flex-grow: 0; }
    .top_ttl .page_common_ttl, .top_ttl h2 { font-size: 1.4rem; color: #F2C346; margin-top: 15px; }
.top_ttl .page_common_ttl .circle, .top_ttl h2 .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }
    .top_ttl { width: 87.69%; margin: 0 auto; }
    .top_common_read { width: 100%; }
    
    .top_service_img { margin: 0 0 2.0rem; text-align: center; }

    .top_service_body { margin-top: 5.0rem; }
    
    .top_service_item { background: #F8F7F4; position: sticky; top: 0; overflow: hidden; padding: 4.0rem 6.15% 20.0rem; box-sizing: border-box; transform-origin: top center; }
    .top_service_iteminner { display: flex; justify-content: space-between; flex-direction: column-reverse; will-change: transform; }
    
    .top_service_item .font { position: absolute; left: 0; top: 0; font-size: 16.0rem; font-weight: 700; color: #fff; opacity: 1; line-height: 0.75;text-transform: uppercase; white-space: nowrap;}
    .top_service_item .ph { width: 100%; position: relative; z-index: 2; }
    .top_service_item .txt { width: 100%; position: relative; z-index: 2; }
    .top_service_item .ttl_en { font-size: 1.8rem; text-align: center;text-transform: uppercase; }
    .top_service_item .ttl_ja { font-size: 3.6rem; font-weight: 500; line-height: 1.5; text-align: center; margin-bottom: 2.0rem; }
    .top_service_item .read { font-size: 2.0rem; font-weight: 700; line-height: 1.5; text-align: center;margin: 2.0rem 0; }
    .top_service_item .link_more { margin-top: 2.0rem;}
    .top_service_item .link_more._re { margin-top: 4.0rem; }
    
    .top_interview .link_more { margin-right: 0; }
    
    .top_works { margin-top: 11.0rem; }
    .top_works_body { display: flex; flex-direction: column; margin: 2.0rem 6.15% 0; }
    .top_works_item { width: 100%; display: block; }
    .top_works .link_more { margin-top: 5.0rem; margin-right: auto; }

.archive_works_body { width: 80.71%; margin: 20.0rem auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.archive_works_item { width: 31.41%; margin-bottom: 7.5rem; }
    .top_works_item + .top_works_item { margin-top: 3.0rem; }
    .top_works_item .name {font-size: 1.6rem; margin-top: 1.0rem; }
.archive_works_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.archive_works_item .ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.archive_works_item .date { font-size: 1.2rem; margin-top: 15px; }
.archive_works_item h2 { font-size: 2.0rem; margin-top: 15px; font-weight: 700; }
.archive_works_item .cat { font-size: 1.4rem; margin-top: 15px; display: flex; }
.archive_works_item .cat > * { background: #F2C346; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
    
.archive_news_body { width: 82.05%; margin: 80px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .archive_news_item { width: 100%; margin-bottom: 34px; }
.archive_news_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.archive_news_item .ph img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.archive_news_item h2 { font-size: 2.0rem; margin-top: 15px; }
.archive_news_item .cat { font-size: 1.2rem; margin-top: 8px; display: flex; }
.archive_news_item .cat span { margin-right: 1em;}
    
    .top_voice_body .slide-prev,
    .tobusiness_download_list .slide-prev,
    .top_voice_body .slide-next,
    .tobusiness_download_list .slide-next { width: 5.9rem; height: 5.9rem; position: absolute;border: 1px solid #E7E7DC; background: #fff; border-radius: 50%; z-index: 2; }
    .top_voice_body .slide-prev,
    .tobusiness_download_list .slide-prev { top: 22.5vw; left: 0; transform: translateX(-70%); }
    .top_voice_body .slide-next,
    .tobusiness_download_list .slide-next { top: 22.5vw; right: 0; transform: translateX(70%); }
    .top_voice_body .slide-prev:before,
    .tobusiness_download_list .slide-prev:before,
    .top_voice_body .slide-next:before,
    .tobusiness_download_list .slide-next:before { content: ""; display: block; width: 0.7rem; height: 1.0rem; background: url("../img/slide_arrow.svg") no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .top_voice_body .slide-prev:before,
    .tobusiness_download_list .slide-prev:before { transform: translate(-50%,-50%) scale(-1); }

    .top_news { margin-top: 11.0rem; padding: 6.0rem 0 9.0rem; background: #f8f7f4; }
    .top_news_body { width: 87.69%; margin: 2.0rem auto 0; }
    .top_news .link_more { margin-right: 0; }
    .news_item._first > .inner { display: flex; flex-direction: column; }
    .news_item._first .ph ,
    .news_item._first .ph img { width: 100%; }
    .news_item._first .txt { width: 100%; }
    .news_item._first .txt .ttl { font-size: 2.0rem; font-weight: 700; margin: 1.5rem 0 1.0rem; }
.news_item._first .txt p { line-height: 1.75; }
    .news_item .cat { margin-top: 1.5rem; }
.news_item .cat > * { background: #F2C346; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
    .news_item .date { margin-top: 1.5rem;font-size: 1.2rem; }
    .news_list { display: grid; grid-template-columns: 1fr; grid-column-gap: 0; grid-row-gap: 2.4rem; margin-top: 6.4rem; }
.news_item > .inner { display: flex; justify-content: space-between; }
.news_item .ph { width: 46.99%; }
.news_item .txt { width: 50.09%; }
.news_item .txt .ttl { font-size: 1.8rem; font-weight: 700; }

    .top_membersbook { margin-top: 12.0rem; }
    .top_membersbook_box { background: #F6F4F0; display: flex; justify-content: space-between; align-items: center;flex-direction: column; width: 87.69%; margin: 2.0rem auto 0; padding: 7.4rem 7.01% 4.7rem; box-sizing: border-box; }
    .top_membersbook_new { width: 53.21%; }
    .top_membersbook_bn { width: 100%; margin-top: 2.0rem; }
    .top_membersbook_bnlist { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 8.12%; grid-row-gap: 2.4rem; }
.top_membersbook_item { display: block; position: relative; text-align: center; }
.top_membersbook_item .num { font-size: 1.4rem; font-weight: 700; margin-top: 1.0rem; }
.top_membersbook_item .ttl { font-size: 1.6rem; font-weight: 700; }
.top_membersbook_bnitem { filter: drop-shadow(0 0.3rem 1.0rem rgba(0,0,0,0.1)); }
    .top_membersbook_bnitem:nth-child(n + 7) { display: none; }
.top_membersbook_item .ico { display: block; width: 7.2rem; height: 7.2rem; background: url("../img/ico_new.svg") no-repeat center / contain; color: #fff; padding-top: 2.5rem; box-sizing: border-box; font-size: 1.4rem; font-weight: bold; line-height: 1.5; text-align: center; position: absolute; top: 0; right: 0; transform: translate(50%,-50%); }
.btn_bn { text-align: center; margin-top: 3.0rem; }
.btn_bn a { display: inline-block; font-size: 1.4rem; font-weight: 700; padding: 1.5rem 3.0rem; border: 1px solid #000; border-radius: 3.0rem; background: #fff;}

    .top_introduction { margin-top: 5.2rem; }
    .top_introduction > .inner { width: 87.69%; margin: 0 auto; }
    .top_introduction_body { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; }
    .top_introduction_body .ph img { width: 100%; }
    .top_introduction_item + .top_introduction_item { margin-top: 1.2rem;}

.top_introduction_item:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 1) 100%
  ); opacity: 0.4; }
.top_introduction_item .txt { position: absolute; bottom: 2.4rem; left: 2.4rem; width: 100%; z-index: 2; }
.top_introduction_item .ttl_en { font-size: 4.2rem; color: #fff; line-height: 1.0; }
.top_introduction_item .ttl_ja { font-size: 1.8rem; color: #fff; line-height: 1.0; margin-top: 1.0rem; }

    .top_banner { margin: 8.0rem 0 0; }
    .top_banner > .inner { width: 87.69%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2.63%; grid-row-gap: 2.0rem; }
.top_banner a { display: block; text-align: center; }
.top_banner .bd .ph { padding-bottom: 50.13%; border: 1px solid #E3E3E3; position: relative; }
.top_banner .bd .ph img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.top_banner .bd:nth-child(1) .ph img { width: 56.87%; }
.top_banner .bd:nth-child(2) .ph img { width: 76.81%; }
    .top_banner .name { margin-top: 0.4rem; font-size: 1.1rem; }

    .top_recruit { margin-top: 13.8rem; min-height: auto; padding: 6.0rem 0 5.5rem; box-sizing: border-box; position: relative; }
    .top_recruit > .inner { width: 87.69%; margin: 0 auto; position: relative; z-index: 2;}
.top_recruit_bg img { width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover; }
    .top_recruit_bg video { min-height: 100vh; min-height: 100vh; min-width: 100%; min-width: 100vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }
.top_recruit .top_ttl { width: 100%; }
.top_recruit * { color: #fff; }
    .top_recruit_body { width: 87.69%; margin: 0 auto; position: relative; right: 0; bottom: 0; z-index: 2; text-align: left; }
.top_recruit_body .read { font-size: 2.4rem; margin: 5.0rem 0 2.0rem; }

.movie_btn { position: absolute; bottom: 35px; left: 50%; transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0); cursor: pointer; width: 127px; height: 82px;  }
.movie_btn .ico { width: 116px; margin: 0 auto; }
.movie_btn .btn { width: 100%; height: 29px; border: 1px solid #fff; background: #EDEDED; box-sizing: border-box; border-radius: 30px; position: absolute; bottom: 0; }
.movie_btn.active .btn { background: #F8C243; }
.movie_btn .btn .btn_inner { width: 74px; height: 27px; background: #fff; border-radius: 30px; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 27px; -webkit-transition: margin 0.5s cubic-bezier(.165,.84,.44,1); transition: margin 0.5s cubic-bezier(.165,.84,.44,1); }
.movie_btn.active .btn .btn_inner { margin-left: 52px; }
.movie_btn .btn .btn_inner:before { content: "ON"; }
.movie_btn.active .btn .btn_inner:before { content: "OFF"; }

.movie_btn_on { display: none; }
.movie_btn.active .movie_btn_on { display: block; }
.movie_btn.active .movie_btn_off { display: none; }

.top_mv_slide .swiper-slide-active-prev img,
.top_mv_slide .swiper-slide-active img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-animation: zoomUp 9s linear 0s normal both;
  animation: zoomUp 9s linear 0s normal both;
}
.top_mv_slide .swiper-pagination-not-clickable {
    pointer-events: none;
}
.top_mv_slide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px!important; background: #fff; opacity: 0.8; }
.top_mv_slide .swiper-pagination-bullet-active { background: #e8bc48; }
.top_mv_slide .swiper-pagination  { margin-bottom: 10px; z-index: 4; }

.top_mv_animation div svg { width: 100%; height: 100vh; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; z-index: 5; -webkit-transition: opacity 2.0s cubic-bezier(.165,.84,.44,1); transition: opacity 2.0s cubic-bezier(.165,.84,.44,1); }
.top_mv_animation div.complete svg { opacity: 0; } 
.top_mv_animation div.complete { pointer-events: none; }
.top_mv_animation .sp { display: none; }

.top_fv_function .link_sns { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.top_fv_function .link_sns a { width: 20px; }
.top_fv_function .link_sns a + a { margin-left: 26px; }
.top_fv_function .link_sns img { width: 100%; }
.top_fv_function .link_sns .sns_list_fb { width: 10px; }
.top_fv_function .copy { width: 264px; }
.top_fv_function .link { width: 102px; padding-left: 40px; border-left: 1px solid #fff; }
.top_btn_open.btn_humberger_box { position: absolute; right: 5.14%; top: calc(5.14% - 5px); border-left: 0; }
.top_btn_open .btn_humberger span { background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,1); }
body.open .top_btn_open.btn_humberger_box { display: none; }
.top_fv_scroll { position: absolute; right: 5.14%; bottom: 5.14%; width: 120px; height: 120px; z-index: 9; }
.top_fv_scroll .txt { width: 90px; position: absolute; left: 0; bottom: 0; }
.top_fv_scroll .line { width: 25px; height: 120px; animation: 3s arrow-animation infinite cubic-bezier(.165,.84,.44,1); position: absolute; right: 0; top: 0;  }
.top_fv_scroll .line:after { content: ""; display: block; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; }
.top_fv_scroll .line:before { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transform: rotate(40deg); transform: rotate(40deg); transform-origin: right; }

.top_detail_link  { font-size: 1.6rem; color: #919191; position: relative; margin-left: 25px; white-space: nowrap; display: flex; align-items: center; width: 100%; max-width: 320px; }
.top_detail_link.sp { display: none; }
.top_detail_link span { content: ""; display: block; width: 100%; height: 1px; background: #919191; flex-grow: 2; margin-right: 25px; }
.about_common_ttl,
.planning_ttl_en,
.planning_contents_hd { font-size: 1.4rem; color: #F2C346; margin-top: 20px; }
.planning_ttl_en { margin-top: 0; }
.top_ttl .page_common_ttl .circle,
.top_ttl h2 .circle,
.about_common_ttl .circle,
.planning_ttl_en .circle,
.planning_contents_hd .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }

.top_voice { margin-top: 240px; }
    .top_voice_body { width: 87.69%; margin: 3.2rem auto 0;  overflow: visible; position: relative; }

    .top_article { margin-top: 150px; }
    .top_article_body { width: 82.05%; margin: 45px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .top_article_item { width: 48.13%; margin-bottom: 45px; margin-left: 0; }
    .top_article_item:nth-child(3n+1) { width: 100%; }
    .top_article_item:nth-child(4),
    .top_article_item:nth-child(5) { align-self: flex-start; }
    .top_article_item:nth-child(4),
    .top_article_item:nth-child(5),
    .top_article_item:nth-child(6) { margin-top: 0px; }
    .top_article_item .date { font-size: 1.1rem; margin-top: 15px; }
    .top_article_item h2 { font-size: 1.4rem; margin-top: 15px; }
    .top_article_item .cat { font-size: 1.0rem; margin-top: 12px; display: flex; }
.top_article_item .cat > * { background: #F2F1EC; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
    .top_article_tag { width: 82.05%; margin: 60px auto 0; display: flex; }
.top_article_tag a { font-size: 1.4rem; background: #F2F1EC; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
}

/*common*/
.page_ttl_en { font-size: 1.6rem;line-height: 1; }
.page_ttl_en .ico { display: none; padding-right: 0.8rem; }
.page_ttl_ja { font-size: 4.2rem; line-height: 1.02; font-weight: 500; margin-top: 2.0rem; text-transform: uppercase; }

.page_contants { padding-top: 180px;}
.page_common_read { max-width: 550px; margin-top: 40px; font-weight: 500; line-height: 2; }
body.post-type-archive-membersbook .page_common_read { max-width: 830px; }
.breadcrumbs { width: 80%; margin: 85px auto 0; font-size: 1.2rem; }
.breadcrumbs > span { margin: 0 24px; }
.breadcrumbs > span:first-child { margin-left: 0; }

.common_contents_body { border-top: 1px solid #EDEDED; margin-top: 95px; }

@media screen and (max-width: 900px) {
    .page_ttl {text-align: center; }
.page_ttl_en { font-size: 1.6rem;line-height: 1; }
.page_ttl_en .ico { padding-right: 0.8rem; }
    .page_ttl_ja { font-size: 3.2rem; line-height: 1.02; font-weight: 500; margin-top: 2.0rem; text-transform: uppercase; }
    
    .page_contants { padding-top: 100px;}
.page_common_read { margin-top: 40px; }
    .breadcrumbs { width: 87.69%; margin: 43px auto 0; font-size: 1.0rem; }
.breadcrumbs > span { margin: 0 24px; }
.breadcrumbs > span:first-child { margin-left: 0; }

    .common_contents_body { border-top: 1px solid #EDEDED; margin-top: 36px; }
}

/*about*/
.about_section_head { width: 80%; margin: 0 auto; }
.about_common_en { font-size: 4.2rem; }
.about_common_en + .about_common_ttl { margin-top: 0; }

.about_concept { padding-top: 120px; }
.about_concept_body { background: #F6F4F0; text-align: center; padding: 140px 0; margin-top: 50px; }
.about_concept_body .read { font-size: 3.0rem; line-height: 1.66; margin-bottom: 60px; font-weight: 500; }
.about_concept_body p:not(.read) { line-height: 2.62; font-weight: 500; }
.about_concept_body .img { max-width: 633px; margin: 70px auto 0; position: relative; }
.about_link_item01 { width: 42.5%; padding-bottom: 42.5%; position: absolute; left: 0; top: 0; }
.about_link_item02 { width: 42.5%; padding-bottom: 42.5%; position: absolute; right: 0; top: 0; }
.about_link_item03 { width: 42.5%; padding-bottom: 42.5%; position: absolute; right: 0; bottom: 0; }

.about_massage { padding-top: 220px; }
.about_massage_body { width: 80%; margin: 110px auto 0; display: flex; justify-content: space-between; }
.about_massage_body .ph { min-width: 284px; width: 284px; margin-left: 100px; }
.about_massage_body .read {  font-size: 3.0rem; line-height: 1.66; margin-bottom: 40px; font-weight: 500; }
.about_massage_body p:not(.read) { font-weight: 500; }
.about_massage_body .name { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
.about_massage_body .ceo_name { width: 180px; }
.about_massage_body .ceo { font-size: 1.2rem; font-weight: 500; white-space: nowrap}

.about_company { padding-top: 220px; }
.about_company_body { width: 80%; margin: 40px auto 0; }
.about_company_body .data { font-size: 1.4rem; width: 100%; }
.about_company_body .data th, .about_company_body .data td { padding: 25px 0; border-bottom: 1px solid #D9D9D9; }
.about_company_body .data th { width: 15em; font-weight: 500; }
.about_company_body .data td { font-weight: 500; }
.about_company_body .data td .address { font-weight: 500; display: inline-block; margin-top: 5px;}
.about_company_body .data td .address .ico img { line-height: 0; }
.about_company_body .data td .address .ico { display: inline-block; line-height: 0.8; margin-right: 5px; }
.about_company_body .data ul { margin: 0 0 0 1.2em; }

.history_list { border-left: 1px solid #EFEFEF; }
.history_list_item { padding-left: 67px; padding-top: 10px; position: relative; }
.history_list_item:before { content: ""; display: block; width: 6px; height: 6px; background: #FAC443; border-radius: 50%; position: absolute; left: 0; top: 25px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.history_list_item .num { font-size: 2.4rem; color: #FAC443; font-weight: 500; }
.history_list_item .name { font-size: 1.4rem; margin-top: 5px; }
.history_list_item + .history_list_item { margin-top: 30px; }

@media screen and (max-width: 900px) {
    .about_section_head { width: 82.05%; margin: 0 auto; }
    .about_common_en { font-size: 2.6rem; }
.about_common_en + .about_common_ttl { margin-top: 0; }

    .about_concept { padding-top: 60px; }
    .about_concept_body { background: #F6F4F0; text-align: center; padding: 90px 0; margin-top: 30px; }
    .about_concept_body p { width: 82.05%; margin-left: auto; margin-right: auto; }
    .about_concept_body .read { font-size: 2.2rem; line-height: 1.66; margin-bottom: 35px; }
    .about_concept_body p:not(.read) { line-height: 2.0; text-align: left; }
    .about_concept_body .img { max-width: 633px; width: 91.54%; margin: 70px auto 0; }

    .about_massage { padding-top: 70px; }
    .about_massage_body { width: 82.05%; margin: 60px auto 0; display: flex; flex-wrap: wrap; justify-content: center; }
    .about_massage_body .txt { width: 100%; }
    .about_massage_body .ph { min-width: auto; width: 236px; margin: 100px auto 0; text-align: center; }
    .about_massage_body .ph img { width: 236px; }
    .about_massage_body .read {  font-size: 2.2rem; line-height: 1.66; margin-bottom: 35px; }
.about_massage_body p:not(.read) { font-weight: 500; }
    .about_massage_body .name { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; }
    .about_massage_body .ceo_name { width: 135px; }
.about_massage_body .ceo { font-size: 1.2rem; font-weight: 500; }

    .about_company { padding-top: 110px; }
    .about_company_body { width: auto; margin: 40px auto 0; }
    .about_company_body .data { font-size: 1.4rem; display: block; }
.about_company_body .data th, .about_company_body .data td { display: block; padding: 10px 8.97% 13px; border-bottom: 1px solid #D9D9D9; }
    .about_company_body .data th { width: auto; border-bottom: none; padding-bottom: 0; padding-top: 13px; }
    .about_company_body .data td .address { font-weight: 500; display: inline-block; margin-top: 5px;}

.history_list { border-left: 1px solid #EFEFEF; }
    .history_list_item { padding-left: 13px; padding-top: 10px; position: relative; }
.history_list_item:before { content: ""; display: block; width: 6px; height: 6px; background: #FAC443; border-radius: 50%; position: absolute; left: 0; top: 25px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.history_list_item .num { font-size: 2.4rem; color: #FAC443; font-weight: 500; }
.history_list_item .name { font-size: 1.4rem; margin-top: 5px; }
.history_list_item + .history_list_item { margin-top: 30px; }
    .about_company_body .data_history th { padding-top: 50px; padding-bottom: 20px; }
    .about_company_body .data_history td { padding-bottom: 50px; }
}

/*service*/
.planning_contants { padding-top: 94px; }
.planning_ttl { height: 622px; position: relative; }
.planning_mainph { width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.planning_mainph img { width: 100%; height: 622px; object-fit: cover; }
.planning_mainph:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); mix-blend-mode: multiply; z-index: 2; }
.planning_ttl .inner { position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; }
.planning_ttl_ja { font-size: 3.9rem; color: #fff; }
.planning_ttl + .breadcrumbs { margin-top: 25px; }

.planning_contents { width: 80%; margin: 160px auto 0; }
.planning_contents p { font-weight: 500; }
.planning_contents h2 { font-size: 2.4rem; }
.planning_contents_head { margin-left: 20%; margin-top: 80px; }
.planning_contents_body { margin-left: 20%; margin-top: 80px; }
.planning_contents_head h3,
.planning_contents_body h3 { font-size: 1.8rem; margin-bottom: 20px; }
.planning_contents_item { display: flex; justify-content: space-between; margin-top: 55px; }
.planning_contents_item .txt { width: 45.20%; }
.planning_contents_item .ph { width: 46.97%; }

.planning_banner { display: flex; justify-content: center; }
.planning_banner a + a { margin-left: 16px; }
.planning_banner a { border: 1px solid #E3E3E3; text-align: center; border-radius: 3px; }

.planning_contents + .planning_contents { margin-top: 90px; padding-top: 90px; border-top: 1px solid #EDEDED; }

.footer_local { display: flex; justify-content: center; border-top: 1px solid #F2F1EC; }
.footer_local_item { width: 50%; padding: 20px 5%; text-align: left; position: relative;box-sizing: border-box; }
.footer_local_item:nth-child(2n+1) { padding-left: 10%; }
.footer_local_item:nth-child(2n) { padding-right: 10%; }
.footer_local_item .hd { font-size: 2.8rem; }
.footer_local_item h2 { font-size: 1.2rem; color: #F2C346; margin-top: 0; }
.footer_local_item h2 .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }
.footer_local_item + .footer_local_item:before { content: ""; display: block; width: 1px; height: 38px; background: #F2F1EC; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 900px) {
    .planning_contants { padding-top: 65px; }
    .planning_ttl { height: 241px; position: relative; }
.planning_mainph { width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
    .planning_mainph img { width: 100%; height: 241px; object-fit: cover; }
.planning_mainph:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); mix-blend-mode: multiply; z-index: 2; }
.planning_ttl .inner { position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; }
    .planning_ttl_ja { font-size: 2.0rem; color: #fff; }
.planning_ttl + .breadcrumbs { margin-top: 25px; }

    .planning_contents { width: 82.05%; margin: 80px auto 0; }
    .planning_contents h2 { font-size: 2.2rem; }
    .planning_contents_head { margin-left: 0%; margin-top: 55px; }
    .planning_contents_body { margin-left: 0%; margin-top: 70px; }
.planning_contents_head h3,
.planning_contents_body h3 { font-size: 1.8rem; margin-bottom: 20px; }
    .planning_contents_item { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 45px; }
.planning_contents_item .txt { width: 100%; }
.planning_contents_item .ph { width: 100%; margin-top: 50px; }

    .planning_banner { display: none; justify-content: center; }
.planning_banner a + a { margin-left: 16px; }
.planning_banner a { border: 1px solid #E3E3E3; text-align: center; border-radius: 3px; }

    .planning_contents + .planning_contents { margin-top: 45px; padding-top: 45px; border-top: 1px solid #EDEDED; }

    .footer_local { display: flex; justify-content: center; flex-wrap: wrap; border-top: none; }
    .footer_local_item { width: 100%; padding: 20px 5%; text-align: left; position: relative;box-sizing: border-box; border-top: 1px solid #F2F1EC; text-align: center; }
    .footer_local_item .hd { font-size: 2.2rem; }
.footer_local_item h2 { font-size: 1.2rem; color: #F2C346; margin-top: 0; }
.footer_local_item h2 .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }
.footer_local_item + .footer_local_item:before { content: ""; display: block; width: 1px; height: 38px; background: #F2F1EC; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    
}

/*in house service*/
.inhouse_read { width: 75%; margin: 160px auto 0; }
.inhouse_read h2 { font-size: 2.4rem; margin-bottom: 30px; font-weight: 500; }

.inhouse_contents { margin-top: 160px; }
.inhouse_project { width: 80%; margin: 70px auto 0; display: flex; justify-content: space-between; }
.inhouse_project > * { width: 30%; position: relative; }
.inhouse_project .ico { border-radius: 300px; overflow: hidden; position: relative; }
.inhouse_project .ico:not(.ico_comingsoon):after { content: ""; display: block; width: 100% ; height: 100%; z-index: 2; background: rgba(164,164,164,0.74); position: absolute; top: 0; -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
.inhouse_project .logo { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
.inhouse_project .logo_cafe { width: 40%; }
.inhouse_project .logo_marche { width: 61%; }
.inhouse_project .ico_comingsoon { background: #F2C346; }
.inhouse_project .noimage { padding-bottom: 62%; }
.inhouse_project .comingsoon { width: 100%; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.6rem; font-weight: 700; letter-spacing: 0.1em; text-align: center;}
.inhouse_project_item .name { position: absolute; bottom: 0; left: 50%; border: 2px solid #000; width: 182px; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); background: #fff; z-index: 4; border-radius: 50px; text-align: center; font-size: 1.6rem; padding: 5px 0; font-weight: 700; }
.inhouse_intro { display: flex; justify-content: space-between; align-items: center; width: 88%; margin-top: 90px; }
.inhouse_intro_slideBox { width: 59.41%; padding-bottom: 40px; position: relative; }
.inhouse_intro_slide { border-radius: 0 4.4vw 4.4vw 0; overflow: hidden; }
.inhouse_intro_txt { width: 33.33%; padding-bottom: 40px; }
.inhouse_intro_txt .read { font-size: 3.17rem; font-weight: 500; margin: 0 0 40px; }
.inhouse_intro_txt p { font-size: 1.6rem; }
.inhouse_intro_txt p + p { margin-top: 0.5em; }
.inhouse_intro_slide .swiper-pagination { bottom: 0px!important; }
.inhouse_intro_slide .swiper-pagination-bullet-active { background: #F2C346; }

.inhouse_data { width: 75%; margin: 120px auto 0; }
.inhouse_data table { font-size: 1.6rem; margin: 0 auto; }
.inhouse_data table th { width: 8em; font-weight: 500; padding-bottom: 20px; }
.inhouse_data table td { width: calc(100% - 8em); padding-bottom: 20px; }
.inhouse_data table td .notes { font-size: 1.4rem; }
.inhouse_map_link .ico {stroke-width: 0px; }
.inhouse_map_link span { display: inline-block; width: 9px; margin-left: 10px; }
.inhouse_map_link { display: inline-block; border: 2px solid #000; font-size: 1.4rem; font-weight: 700; margin-left: 30px; padding: 5px 25px 10px; line-height: 0.8; border-radius: 30px; }

.inhouse_movie { width: 75%; margin: 80px auto 0; }
.inhouse_movie .youtube { width: 100%; aspect-ratio: 16 / 9; }
.inhouse_movie iframe { width: 100%; height: 100%; }

.inhouse_cafeIg a { display: block; width: 300px; height: 92px; margin: 100px auto 0;  background: url("../img/inhouse_ig_cafe_off.svg") no-repeat center / cover; -webkit-transition: background 0.5s cubic-bezier(.165,.84,.44,1); transition: background 0.5s cubic-bezier(.165,.84,.44,1); }
.inhouse_marcheig a { display: block; width: 291px; height: 291px; margin: 100px auto 0;  background: url("../img/inhouse_ig_marche_off.png") no-repeat center / cover; -webkit-transition: background 0.5s cubic-bezier(.165,.84,.44,1); transition: background 0.5s cubic-bezier(.165,.84,.44,1); }

@media screen and (max-width: 900px) {
    .inhouse_read { width: 82.05%; margin: 80px auto 0; }
.inhouse_read h2 { font-size: 2.4rem; margin-bottom: 30px; }

    .inhouse_contents { margin-top: 80px; }
    .inhouse_project { width: 82.05%; margin: 40px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .inhouse_project > * { width: 100%; position: relative; }
    .inhouse_project > * + * { margin-top: 50px; }
.inhouse_project .ico { border-radius: 300px; overflow: hidden; position: relative; }
.inhouse_project .ico:not(.ico_comingsoon):after { content: ""; display: block; width: 100% ; height: 100%; z-index: 2; background: rgba(164,164,164,0.74); position: absolute; top: 0; -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
.inhouse_project .logo { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
.inhouse_project .logo_cafe { width: 55%; }
.inhouse_project .logo_marche { width: 61%; }
.inhouse_project .ico_comingsoon { background: #F2C346; }
.inhouse_project .noimage { padding-bottom: 62%; }
.inhouse_project .comingsoon { width: 100%; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.6rem; font-weight: 700; letter-spacing: 0.1em; text-align: center;}
    .inhouse_project_item .name { position: absolute; bottom: 0; left: 50%; border: 2px solid #000; width: 162px; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); background: #fff; z-index: 4; border-radius: 50px; text-align: center; font-size: 1.4rem; padding: 5px 0; }
    .inhouse_intro { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; width: 91.25%; margin-top: 50px; }
    .inhouse_intro_slideBox { width: 100%; padding-bottom: 40px; position: relative; }
.inhouse_intro_slide { border-radius: 0 4.4vw 4.4vw 0; overflow: hidden; }
    .inhouse_intro_txt { width: 89.91%; padding-bottom: 20px; }
    .inhouse_intro_txt .read { font-size: 2.2rem; margin: 20px 0 40px; }
    .inhouse_intro_txt p { font-size: 1.6rem; }
.inhouse_intro_txt p + p { margin-top: 0.5em; }
.inhouse_intro_slide .swiper-pagination { bottom: 0px!important; }
.inhouse_intro_slide .swiper-pagination-bullet-active { background: #F2C346; }

    .inhouse_data { width: 82.05%; margin: 40px auto 0; }
    .inhouse_data table { display: block; font-size: 1.6rem; }
    .inhouse_data table tbody { display: block; }
    .inhouse_data table th { display: block; width: 100%; padding-bottom: 5px; }
    .inhouse_data table td { display: block; width: 100%; padding-bottom: 25px; }
    .inhouse_data table td .notes { font-size: 1.4rem; }
.inhouse_map_link .ico {stroke-width: 0px; }
    .inhouse_map_link span { display: inline-block; width: 7px; margin-left: 7px; }
    .inhouse_map_link { display: inline-block; border: 2px solid #000; font-size: 1.4rem; margin-left: 15px; padding: 3px 18px 6px; line-height: 0.8; border-radius: 30px; }

    .inhouse_movie { width: 82.05%; margin: 50px auto 0; }
.inhouse_movie .youtube { width: 100%; aspect-ratio: 16 / 9; }
.inhouse_movie iframe { width: 100%; height: 100%; }

    .inhouse_cafeIg a { display: block; width: 240px; height: 73px; margin: 50px auto 0;  background: url("../img/inhouse_ig_cafe_off.svg") no-repeat center / cover; -webkit-transition: background 0.5s cubic-bezier(.165,.84,.44,1); transition: background 0.5s cubic-bezier(.165,.84,.44,1); }
    .inhouse_marcheig a { display: block; width: 165px; height: 165px; margin: 50px auto 0;  background: url("../img/inhouse_ig_marche_off.png") no-repeat center / cover; -webkit-transition: background 0.5s cubic-bezier(.165,.84,.44,1); transition: background 0.5s cubic-bezier(.165,.84,.44,1); }
}


/*staff*/
.staff_top_body { margin: 160px 0 0 6%; display: flex; flex-wrap: wrap; }
.staff_item { width: 25%; text-align: center; margin-bottom: 100px; }
.staff_item h2 { font-size: 1.8rem; margin-top: 20px; font-weight: 500; }
.staff_item h2 img { height: 23px; }
.staff_item .type { font-size: 1.4rem; font-weight: 500; margin-top: 10px; }
.staff_item .ph { padding-bottom: 100%; position: relative; }
.staff_item .ph > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.staff_item .ph > div img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.staff_item .ph > div._normal { z-index: 2; }

@media screen and (max-width: 900px) {
    .staff_top_body { margin: 64px 0 0; display: flex; flex-wrap: wrap; }
    .staff_item { width: 50%; text-align: center; margin-bottom: 45px; padding-bottom: 3em; position: relative; }
    .staff_item h2 { font-size: 1.4rem; margin-top: 10px; }
    .staff_item h2 img { height: 20px; }
    .staff_item .type { font-size: 1.0rem; font-weight: 500; margin-top: 5px; }
    .staff_item .link { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; font-size: 1.2rem; text-decoration: underline; }
    
    .staff_item .ph ._normal { -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
    .staff_item .ph.active ._normal { opacity: 0; }
}

/*staff single*/
.staff_contants .breadcrumbs { margin-top: 20px; }
.staff_head { background: #F0D001; position: relative; }
.staff_head_ph { width: 60%; }
.staff_head_ph > div { padding-bottom: 100%; position: relative; }
.staff_head_ph img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.staff_head_txt { width: 50%; text-align: right; box-sizing: border-box; padding: 70px 6.4% 70px 120px; box-sizing: border-box; align-self: center; }
.staff_head_txt .num { font-size: 1.3rem; }
.staff_head_txt .en { font-size: 8.0rem; font-weight: 700; line-height: 1; text-transform: uppercase; }
.staff_head_txt .ttl { font-size: 2.4rem; margin-top: 20px; font-weight: 500; }
.staff_head_txt .type { font-size: 1.6rem; }
.staff_head_txt .place { font-size: 1.4rem; margin-top: 10px; }
.staff_head + .breadcrumbs { margin-top: 25px; }

.staff_disc { width: 80%; margin: 90px auto 120px; }
.staff_disc .read { font-size: 3.0rem; line-height: 1.5; margin-bottom: 50px; font-weight: 500; }
.staff_disc p:not(.read) { font-size: 1.6rem; font-weight: 500; }

.staff_profile { display: flex; margin-top: 20px; }
.staff_profile_txt { width: 50%; padding: 70px 6.4%; box-sizing: border-box; display: flex; align-items: center; background: #F2C346; }
.staff_profile_txt p { font-size: 1.4rem; font-weight: 500; }
.staff_profile_txt .ttl { font-size: 3.0rem; margin-bottom: 45px; font-weight: 700; }

.staff_head_data { display: flex; justify-content: flex-end; margin-top: 30px; }
.staff_head_data .ph { min-width: 120px; width: 120px; margin-left: 20px; }
.staff_head_data .ph img { border-radius: 50%; }
.staff_head_data .txt { align-self: center; }

.staff_topics { background: #F6F4F0; padding: 78px 0; }
.staff_topics > .inner { width: 80%; margin: 0 auto; display: flex; justify-content: space-between;  }
.staff_topics_item { width: 44.38%; background: #fff; padding: 25px 35px; box-sizing: border-box; }
.staff_topics_item .ttl { font-size: 2.4rem; border-bottom: 1px solid #F2F1EC; margin-bottom: 30px; padding-bottom: 20px; text-align: center; font-weight: 500; }
.staff_topics_item { font-weight: 500; }

.staff_phwide { padding-bottom: 47.64%; position: relative; }
.staff_phwide img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

.staff_photo { background: #F6F4F0; padding: 148px 0 182px; }
.staff_photo > .inner { width: 80%; margin: 0 auto; display: flex; justify-content: space-between;  }
.staff_photo_txt { width: 49.29%; background: #fff; padding: 30px 90px 30px 30px; box-sizing: border-box; }
.staff_photo_txt .ttl { font-size: 2.4rem; border-bottom: 1px solid #F2F1EC; padding-bottom: 15px; margin-bottom: 30px; font-weight: 500; }
.staff_item_list > div { padding-left: 30px; position: relative; }
.staff_item_list > div + div { margin-top: 20px; }
.staff_item_list h3 { font-size: 1.8rem; margin-bottom: 10px; }
.staff_item_list h3 .num { position: absolute; left: 0; color: #F2C346; font-weight: 500; }
.staff_item_list p { font-size: 1.4rem; font-weight: 500; }
.staff_photo_ph { width: 42.86%; display: flex; flex-wrap: wrap; align-self: flex-start; }
.staff_photo_ph > a { width: 50%; position: relative; }
.staff_photo_ph > a > div { position: relative; padding-bottom: 100%; }
.staff_photo_ph > a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.staff_photo_ph > a:after { content: ""; display: block; width: 34px; height: 34px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("../img/ico_zoom.svg") no-repeat center; }

.staff_voice { background: #F2C346; padding: 148px 0; }
.staff_voice > .inner { width: 80%; margin: 0 auto; }
.staff_voice .staff_voice_ttl { font-size: 2.4rem; text-align: center; font-weight: 500; }
.staff_voice_item { background: #fff; padding: 30px 56px; margin-top: 32px; border-radius: 10px; display: flex; }
.staff_voice_item .ph { max-width: 150px; width: 150px; text-align: center; }
.staff_voice_item .ph > div { width: 126px; height: 126px; margin: 0 auto; position: relative; }
.staff_voice_item .ph > div img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; border-radius: 50%; }
.staff_voice_item .ph span { display: block; }
.staff_voice_item .ph .name { font-size: 1.8rem; margin-top: 10px; font-weight: 500; }
.staff_voice_item .ph .type { font-size: 1.4rem; margin-top: 3px; font-weight: 500; }
.staff_voice_item .txt { flex-grow: 2; margin-left: 40px; padding-top: 15px; }
.staff_voice_item .txt .read { font-size: 2.4rem; margin-bottom: 10px; font-weight: 500; }
.staff_voice_item .txt p:not(.read) { font-weight: 500; }
.staff_voice_item .open { display: none; }

.staff_contants + .recommend_post { padding-top: 0; border-top: none; }

.vbox-overlay .vbox-close { width: 70px; height: 70px; display: block; position: absolute; right: 20px; top: 8px;  z-index: 10001; }
.vbox-close:before, .vbox-close:after {content: ""; display: block; height: 1px; display: block; width: 45px; -webkit-transition: all 0.3s cubic-bezier(.165,.84,.44,1); transition: all 0.3s cubic-bezier(.165,.84,.44,1); background:#fff; position: absolute; }
.vbox-close:before{ left: 15px; transform: rotate(45deg); top: 50%; }
.vbox-close:after{ left: 15px; transform: rotate(-45deg); top: 50%; }

@media screen and (max-width: 1300px) {
    .staff_head_txt .en { font-size: 5.0rem; }
    .staff_head_txt .ttl img { height: 25px; }
}

@media screen and (max-width: 900px) {
    .staff_contants { padding-top: 65px; }
    .staff_head { background: #E8D038; position: relative; }
    .staff_head_ph { width: 100%; }
    .staff_head_ph > div { padding-bottom: 159.74%; position: relative; }
    .staff_head_txt { width: auto; padding: 0 10% 50px; box-sizing: border-box; text-align: right; box-sizing: border-box; }
    .staff_head_txt .num { font-size: 1.1rem; }
    .staff_head_txt .en { font-size: 5.0rem; font-weight: 700; line-height: 1; text-transform: uppercase; margin-top: 20px; }
    .staff_head_txt .ttl { font-size: 1.6rem; margin-top: 10px; }
    .staff_head_txt .type { font-size: 1.0rem; margin-top: 10px; }
    .staff_head_txt .place { font-size: 1.0rem; margin-top: 5px; }
    .staff_head + .breadcrumbs { margin-top: 15px; }

    .staff_disc { width: 82.05%; margin: 70px auto; }
    .staff_disc .read { font-size: 2.2rem; line-height: 1.5; margin-bottom: 70px; }
.staff_disc p { font-size: 1.6rem; font-weight: 500; }

    .staff_profile { display: block; margin-top: 30px; }
    .staff_profile_ph { width: auto; min-height: 100vw; position: relative; }
.staff_profile_ph img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
    .staff_profile_txt { width: auto; padding: 70px 10% 120px; box-sizing: border-box; display: flex; align-items: center; }
.staff_profile_txt p { font-size: 1.4rem; font-weight: 500; }
    .staff_profile_txt .ttl { font-size: 3.0rem; margin-bottom: 45px; }

.staff_topics { background: #F6F4F0; padding: 78px 0; }
    .staff_topics > .inner { width: 82.05%; margin: 0 auto; display: block; justify-content: space-between;  }
    .staff_topics_item { width: auto; background: #fff; padding: 25px; box-sizing: border-box; }
    .staff_topics_item + .staff_topics_item { margin-top: 30px; }
    .staff_topics_item .ttl { font-size: 1.8rem; border-bottom: 1px solid #F2F1EC; margin-bottom: 12px; padding-bottom: 12px; text-align: center; }
.staff_topics_item { font-weight: 500; }

    .staff_phwide { padding-bottom: 95.37%; position: relative; }
.staff_phwide img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

    .staff_photo { background: #F6F4F0; padding: 72px 0 77px; }
    .staff_photo > .inner { width: 82.05%; margin: 0 auto; display: block; }
    .staff_photo_txt { width: auto; background: #fff; padding: 25px; box-sizing: border-box; }
    .staff_photo_txt .ttl { font-size: 1.8rem; border-bottom: 1px solid #F2F1EC; padding-bottom: 15px; margin-bottom: 30px; text-align: center; }
.staff_item_list > div { padding-left: 30px; position: relative; }
.staff_item_list > div + div { margin-top: 20px; }
    .staff_item_list h3 { font-size: 1.8rem; margin-bottom: 5px; line-height: 1.5; }
.staff_item_list h3 .num { position: absolute; left: 0; color: #F2C346; }
.staff_item_list p { font-size: 1.4rem; }
    .staff_photo_ph { width: auto; display: flex; flex-wrap: wrap; align-self: flex-start; }
.staff_photo_ph > div { width: 50%; }
.staff_photo_ph > div img { width: 100%; }

    .staff_voice { background: #F2C346; padding: 50px 0 80px; }
    .staff_voice > .inner { width: 82.05%; margin: 0 auto; }
.staff_voice .staff_voice_ttl { font-size: 2.4rem; text-align: center; }
    .staff_voice_item { background: #fff; padding: 28px; margin-top: 24px; border-radius: 10px; display: block; position: relative; cursor: pointer; }
    .staff_voice_item .ph { min-height: 100px; width: auto; max-width: none; text-align: left; padding-left: 117px; position: relative; }
    .staff_voice_item .ph > div { width: 100px; height: 100px; padding-bottom: 0; position: absolute; left: 0; top: 0; }
    .staff_voice_item .ph img { width: 100px; position: absolute; left: 0; }
.staff_voice_item .ph span { display: block; }
    .staff_voice_item .ph .name { font-size: 1.8rem; margin-top: 0; padding-top: 10px; }
.staff_voice_item .ph .type { font-size: 1.4rem; margin-top: 3px; }
    .staff_voice_item .txt { flex-grow: 2; margin-left: 0; margin-top: 30px; display: none; }
    .staff_voice_item .txt .read { font-size: 2.4rem; margin-bottom: 20px; line-height: 1.5; }
.staff_voice_item .txt p:not(.read) { font-weight: 500; }
    .staff_voice_item .open { display: block; position: absolute; right: 15px; bottom: 15px; width: 20px; height: 20px; }
    .staff_voice_item .open:before { content: ""; display: block; width: 15px; height: 1px; background: #EBC55D; position: absolute; left: 0; top: 50%; }
    .staff_voice_item .open:after { content: ""; display: block; width: 15px; height: 1px; background: #EBC55D; position: absolute; left: 0; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: transform 0.5s cubic-bezier(.165,.84,.44,1); transition: transform 0.5s cubic-bezier(.165,.84,.44,1); }
    .staff_voice_item.active .open:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

    .staff_contants + .recommend_post { margin-top: 110px; padding-top: 0; border-top: none; }
    
}

/*introduction*/
.common_index { display: flex; flex-wrap: wrap; }
.common_index_item { width: 50%; position: relative; box-sizing: border-box; border-bottom: 1px solid #EDEDED; }
.common_index_item:nth-child(2n) { border-left: 1px solid #EDEDED; }
.common_index_item .ph { opacity: 0; }
.common_index_item .ph > div { padding-bottom: 66%; position: relative; }
.common_index_item .ph > div:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.common_index_item .ph img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.common_index_item .txt { width: 100%; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; color: #fff; }
.common_index_item .txt * { color: #000; }
.common_index_item .txt .ttl { font-size: 2.4rem; font-weight: 500; }
.common_index_item .txt .en { font-size: 1.2rem; margin-top: 10px; }

@media screen and (max-width: 900px) {
    .common_index { display: flex; flex-wrap: wrap; }
    .common_index_item { width: 100%; position: relative; box-sizing: border-box; border-bottom: 1px solid #EDEDED; }
.common_index_item:nth-child(2n) { border-left: 1px solid #EDEDED; }
.common_index_item .ph { opacity: 0; }
    .common_index_item .ph > div { padding-bottom: 76.41%; position: relative; }
.common_index_item .ph > div:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.common_index_item .ph img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.common_index_item .txt { width: 100%; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; color: #fff; }
.common_index_item .txt * { color: #000; }
    .common_index_item .txt .ttl { font-size: 2.2rem; }
.common_index_item .txt .en { font-size: 1.2rem; margin-top: 12px; }
    
}

/*works*/
.works_top_item { display: block; margin-top: 90px; position: relative; }
.works_top_item .ph { padding-bottom: 59.14%; position: relative; overflow: hidden; }
.works_top_item .ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.works_top_item .txt { width: 50%; padding: 50px 70px 0; min-width: 500px; background: #fff; position: absolute; bottom: 0; right: 0; box-sizing: border-box; }
.works_top_item .hd { color: #F2C346; font-size: 1.2rem; font-weight: 700; }
.works_top_item .ttl { font-size: 2.2rem; margin-bottom: 20px; }
.works_top_item .meta { display: flex; flex-wrap: wrap; font-size: 1.4rem; }
.works_top_item .meta .half { width: 50%; }
.works_top_item .meta .wide { width: 100%; }
.works_top_item .meta > div { margin-top: 12px; font-weight: 500; }
.works_top_item .meta span { color: #919191; padding-right: 10px; font-weight: 500; }

.works_top_cat { width: 80%; margin: 170px auto 130px; display: flex; flex-wrap: wrap; justify-content: flex-start; font-size: 1.6rem; position: relative; padding-left: 7em; box-sizing: border-box; }
.works_top_cat._center { justify-content: center; padding-left: 0; }
.works_top_cat._center span { position: relative; }
.works_top_cat span { position: absolute; left: 0; }
.works_top_cat_home { justify-content: flex-start; }
.works_top_cat a { margin-left: 6.07%; margin-bottom: 30px; position: relative; }
body:not(#home) .works_top_cat .active:after { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #000; position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.wp-pagenavi { display: flex; justify-content: center; font-size: 1.4rem; margin-top: 100px; display: flex; }
.wp-pagenavi > * { margin: 0 20px; position: relative; font-weight: 500; }
.wp-pagenavi > * + *:before { content: "/"; display: inline-block; position: absolute; left: -22px;}
.wp-pagenavi > .prev + *:before { display: none; }
.wp-pagenavi > span.current:after { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.wp-pagenavi .prev, .wp-pagenavi .next { display: none; }

.footer_introduction { display: flex; margin-top: 60px; border-top: 1px solid #F2F1EC; }
.footer_introduction_item { width: 33.33%; padding: 20px 0; text-align: center; position: relative; }
.footer_introduction_item .hd { font-size: 2.8rem; }
.footer_introduction_item h2 { font-size: 1.2rem; color: #F2C346; margin-top: 0; }
.footer_introduction_item h2 .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }
.footer_introduction_item + .footer_introduction_item:before { content: ""; display: block; width: 1px; height: 38px; background: #F2F1EC; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 900px) {
    .works_top_item { display: block; margin-top: 34px; position: relative; }
    .works_top_item .ph { padding-bottom: 0; position: relative; overflow: hidden; }
    .works_top_item .ph img { width: 100%; height: 294px; position: relative; top: 0; -webkit-transform: translateY(0%); transform: translateY(0%); object-fit: cover; }
    .works_top_item .txt { width: 82.05%; padding: 0; margin: 45px auto; min-width: auto; background: #fff; position: relative; bottom: 0; right: 0; box-sizing: border-box; }
.works_top_item .hd { color: #F2C346; font-size: 1.2rem; }
    .works_single_data .hd { color: #000; }
    .works_top_item .ttl { font-size: 2.2rem; margin: 15px 0; }
.works_top_item .meta { display: flex; flex-wrap: wrap; font-size: 1.4rem; }
    .works_top_item .meta .half { width: 100%; }
.works_top_item .meta > div { margin-top: 12px; }
.works_top_item .meta span { color: #919191; padding-right: 10px; }

    .works_top_cat { width: 82.05%; margin: 57px auto 60px; padding-left: 0; display: flex; justify-content: left; flex-wrap: wrap; font-size: 1.4rem; }
    .works_top_cat._center { width: 100%; justify-content: flex-start; padding-left: 0; }
    .works_top_cat span { display: block; width: 100%; margin-bottom: 5px; font-size: 1.4rem; position: relative; }
    .works_top_cat a { margin-left: 0; margin-right: 4px; margin-top: 8px; margin-bottom: 0; background: #F2F1EC; padding: 3px 20px; border-radius: 20px; }
    .works_top_cat a.active { background: #F2C346; }

.archive_works_body { width: 82.05%; margin: 80px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .archive_works_item { width: 100%; margin-bottom: 34px; }
.archive_works_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.archive_works_item .ph img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.archive_works_item h2 { font-size: 2.0rem; margin-top: 15px; }
.archive_works_item .cat { font-size: 1.2rem; margin-top: 8px; display: flex; }
.archive_works_item .cat span { margin-right: 1em;}

    .wp-pagenavi { display: flex; justify-content: center; font-size: 1.4rem; margin-top: 80px; display: flex; }
.wp-pagenavi > * { margin: 0 20px; position: relative; }
.wp-pagenavi > * + *:before { content: "/"; display: inline-block; position: absolute; left: -22px;}

    .footer_introduction { display: block; margin-top: 60px; border-top: 1px solid #F2F1EC; }
    .footer_introduction_item { display: block; width:  100%; padding: 20px 0; text-align: center; position: relative; }
    .footer_introduction_item + .footer_introduction_item { border-top: 1px solid #F2F1EC;}
    .footer_introduction_item .hd { font-size: 2.2rem; }
.footer_introduction_item h2 { font-size: 1.2rem; color: #F2C346; margin-top: 0; }
.footer_introduction_item h2 .circle { width: 10px; height: 10px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #F2C346; }
.footer_introduction_item + .footer_introduction_item:before { content: ""; display: block; width: 1px; height: 38px; background: #F2F1EC; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}

/*works single*/
.works_single_head { width: 80%; margin: 0 auto; display: flex; justify-content: space-between; }
.works_single_ttl { font-size: 3.6rem; }
.works_single_cat { font-size: 1.4rem; margin-top: 10px; font-weight: 500; }
.works_single_head + .breadcrumbs { margin-top: 0; }

.works_single_data { width: 240px; }
.works_single_data .hd { font-size: 1.2rem; font-weight: 700; }
.works_single_data .ttl { font-size: 2.2rem; margin-bottom: 20px; }
.works_single_data .meta { margin-top: 30px;}
.works_single_data .meta > div { font-size: 1.4rem; padding-left: 6em; position: relative;}
.works_single_data .meta span { display: block; width: 6em; position: absolute; left: 0; }
.works_single_data .meta .half { width: 100%; }
.works_single_data .meta > div { margin-top: 12px; }
.works_single_data .meta span { color: #919191; padding-right: 10px; }
.works_single_data .meta .site { width: 100%; padding-left: 0; position: relative; }
.works_single_data .meta .site span { width: 100%; position: relative; margin-bottom: 5px; }

.works_single_body { width: 80%; margin: 85px auto; }
.works_single_body .read { font-size: 3.0rem; margin-bottom: 56px; line-height: 1.66;}
.works_single_body p:not(.read) { font-weight: 500; }
.works_single_ph { margin-top: 160px; }
.works_single_ph img { width: 100%; }
.works_single_ph > div + div { margin-top: 2.32%; }
.works_single_ph_inner { display: flex; justify-content: space-between; }
.works_single_ph_inner > div { width: 48.84%; position: relative; }
.works_single_ph_inner > div > div { position: relative; }
.works_single_ph_inner > div:last-child > div:last-child { margin-top: 4.64%; }

.works_single_ph .swiper-slide { position: relative; }
.works_slide01 .swiper-slide { padding-bottom: 60.58%; position: relative; }
.works_slide02 .swiper-slide { padding-bottom: 125.38%; position: relative; }
.works_slide03 .swiper-slide { padding-bottom: 60.58%; position: relative; }
.works_slide04 .swiper-slide { padding-bottom: 60.58%; position: relative; }
.works_slide05 .swiper-slide { padding-bottom: 60.58%; position: relative; }
.works_single_ph img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; }

.works_single_ph .swiper-pagination { bottom: 23px!important; display: flex; align-items: center; justify-content: center; }
.works_single_ph .swiper-pagination .swiper-pagination-bullet { background: #fff; width: 6px; height: 6px; margin: 0 4px!important; }
.works_single_ph .swiper-pagination .swiper-pagination-bullet-active { background: #F2C346; width: 10px; height: 10px; }

.works_single_share { background: #F6F4F0; padding: 30px 0; margin-top: 110px; }
.works_single_share .sns_list { display: flex; justify-content: center; }
.works_single_share .sns_list li + li { margin-left: 32px; }
.works_single_share .txt { text-align: center; }

.recommend_works { width: 80%; margin: 110px auto 0; padding-top: 110px; border-top: 1px solid #F2F1EC; }
.recommend_works_ttl { font-size: 2.4rem; margin-bottom: 25px; }
.recommend_works_item { display: flex; flex-wrap: wrap; justify-content: space-between; }
.recommend_works_item a { width: 31.79%; margin-bottom: 75px; }
.recommend_works_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.recommend_works_item .ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.recommend_works_item h2 { font-size: 1.6rem; margin-top: 15px; }
.recommend_works_item .cat { font-size: 1.2rem; margin-top: 8px; display: flex; }
.recommend_works_item .cat span { margin-right: 1em;}
.single_page_back { text-align: center; margin-top: 100px; }
.single_page_back a { font-size: 1.8rem; }
.single_page_back .ico { margin-right: 20px; }

.wp-block-embed-youtube .wp-block-embed__wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.wp-block-embed-youtube iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 900px) {
    .works_single_head { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
    .works_single_ttl { font-size: 3.2rem; }
    .works_single_cat { font-size: 1.4rem; margin: 50px 0 40px; }
.works_single_head + .breadcrumbs { margin-top: 0; }

    .works_single_data { width: 82.05%; margin: 55px auto; }
    .works_single_data .hd { font-size: 1.6rem; font-weight: 700; }
.works_single_data .ttl { font-size: 2.2rem; margin-bottom: 20px; }
    .works_single_data .meta { margin-top: 20px;}
.works_single_data .meta > div { font-size: 1.4rem; padding-left: 7em; position: relative;}
.works_single_data .meta span { display: block; width: 7em; position: absolute; left: 0; }
.works_single_data .meta .half { width: 100%; }
.works_single_data .meta > div { margin-top: 12px; }
.works_single_data .meta span { color: #919191; padding-right: 10px; }

    .works_single_body { width: 82.05%; margin: 60px auto; }
    .works_single_body .read { font-size: 2.2rem; margin-bottom: 70px; line-height: 1.66;}
    .works_single_ph { width: 125%; margin-left: -12.5%; margin-top: 40px; }
.works_single_ph > div + div { margin-top: 2.32%; }
    .works_single_ph_inner { display: block; justify-content: space-between; }
    .works_single_ph_inner > div { width: 100%; margin-top: 2.32%; }
    .works_single_ph_inner > div > div + div { margin-top: 2.32%; }
    .works_single_ph_inner > div:last-child { display: block; flex-direction: column; justify-content: space-between; }
    .works_single_ph_inner > div:last-child > div:last-child { margin-top: 2.32%; }
    
    .works_single_share { width: 125%; margin-left: -12.5%; background: #F6F4F0; padding: 10px 0; margin-top: 55px; }
.works_single_share .sns_list { display: flex; justify-content: center; }
.works_single_share .sns_list li + li { margin-left: 32px; }
    .works_single_share .txt { font-size: 1.2rem; text-align: center; }

.recommend_works { width: 100%; margin: 55px auto 0; padding: 55px 10% 0; border-top: 1px solid #F2F1EC; box-sizing: border-box; }
    .recommend_works_ttl { font-size: 1.8rem; margin-bottom: 20px; }
    .recommend_works_item { display: block; flex-wrap: wrap; justify-content: space-between; }
    .recommend_works_item a { display: block; width: 100%; margin-bottom: 34px; }
.recommend_works_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.recommend_works_item .ph img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.recommend_works_item h2 { font-size: 1.6rem; margin-top: 15px; }
.recommend_works_item .cat { font-size: 1.2rem; margin-top: 8px; display: flex; }
.recommend_works_item .cat span { margin-right: 1em;}
.single_page_back { text-align: center; margin-top: 100px; }
.single_page_back a { font-size: 1.8rem; }
.single_page_back .ico { margin-right: 20px; }
}

/*article*/
.article_top_cat { width: 80%; margin: 119px auto 180px; background: #F6F4F0; padding: 1.56% 1.56% 0; display: flex; box-sizing: border-box; overflow: hidden; }
.article_top_cat > * { width: 18.13%; text-align: center; padding: 1.56%; font-size: 1.6rem; background: #F2C346; box-sizing: border-box; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); cursor: pointer; -webkit-transition: background 0.3s cubic-bezier(.165,.84,.44,1); transition: background 0.3s cubic-bezier(.165,.84,.44,1); }
.article_top_cat > * + * { margin-left: 2.33%; }
.article_top_cat > *.active { background: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); }
.article_top_cat > * span { display: block; width: 100%; line-height: 1.5; }

@media screen and (max-width: 900px) {
    .article_top_cat { width: 100%; margin: 40px auto; background: #F6F4F0; padding: 3.08% 3.08% 0; display: flex; justify-content: center; }
    .article_top_cat > * { width: 18.13%; text-align: center; padding: 3.08% 1.03%; font-size: 1.0rem; background: #F2C346; box-sizing: border-box; display: flex; align-items: center; }
    .article_top_cat.faq_cat > * { width: 30.21%; }
.article_top_cat > *.active { background: #fff;}
.article_top_cat > * span { display: block; width: 100%; }
}

/*article single*/
.common_single_ttl { font-size: 3.6rem; margin-top: 20px; font-weight: 500; }
.common_single_meta { display: flex; align-items: center; font-size: 1.2rem; line-height: 1.5; }
.common_single_meta .cat { font-size: 1.4rem; display: flex; margin-right: 20px; }
.common_single_meta .cat a { background: #F2F1EC; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
.common_single_mainph { width: 80%; margin: 74px auto; padding-bottom: 52.18%; position: relative; }
.common_single_mainph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }
.common_single_body { width: 80%; margin: 74px auto 0; display: flex; justify-content: space-between; }
.main_contents { width: 61.96%; }
.sub_contents { width: 30.36%; }
body.postid-7126 .main_contents,
body.postid-7052 .main_contents { width: 100%; }
body.postid-7126 .sub_contents,
body.postid-7052 .sub_contents { display: none; }

.edit_area * { font-weight: 500; }
.edit_area h2 { font-size: 2.4rem; margin-bottom: 20px; font-weight: 500; }
.edit_area h3, .edit_area h4, .edit_area h5, .edit_area h6 { font-size: 1.8rem; font-weight: 500; }
.edit_area * + p { margin-top: 20px; }
.edit_area * + h2 { margin-top: 60px; }
.edit_area * + figure { margin-top: 35px; }
.edit_area table td { vertical-align: middle; }
.edit_area table td:last-child { padding-left: 20px; font-size: 1.6rem; line-height: 2.25; }
.edit_area table td p + p { margin-top: 0; }
.edit_area img { height: auto!important; }

.common_single_editor { border: 2px solid #F2F1EC; margin-top: 96px; padding: 30px 11.53%; }
.common_single_editor_head { display: flex; justify-content: space-between; align-items: center; }
.common_single_editor .btn.pc  { border: 1px solid #000; padding: 10px 50px; position: relative;border-radius: 20px; font-size: 1.2rem; font-weight: 500; }
.common_single_editor .btn.sp { display: none; }
.common_single_editor_head .btn .ico { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; }
.common_single_editor_head .hd { font-size: 1.2rem; font-weight: 700; }
.common_single_editor_intro { display: flex; align-items: center; margin-top: 15px; }
.common_single_editor_intro .ph { width: 130px; min-width: 130px; }
.common_single_editor_intro .ph > div { padding-bottom: 100%; position: relative; }
.common_single_editor_intro .ph img { border-radius: 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.common_single_editor_intro .ph + .txt { margin-left: 44px; }
.common_single_editor_intro .name { font-size: 1.8rem; }
.common_single_editor_intro .type { font-size: 1.2rem; margin-top: 5px; }
.common_single_editor p { line-height: 1.35; margin-top: 25px; }

.sub_contents h2 { font-size: 2.2rem; border-bottom: 1px solid #F2F1EC; padding-bottom: 3px; }
.sub_contents * + h2 { margin-top: 110px;}
.common_tag_list { margin-top: 15px; }
.common_tag_list a { display: inline-block; margin: 0 10px 6px 0; background: #F2F1EC; font-size: 1.4rem; padding: 5px 15px; border-radius: 20px; }
.recommend_post_side { margin-top: 43px; }
.recommend_post_side a { display: flex; justify-content: space-between; }
.recommend_post_side a + a { border-top: 1px solid #F2F1EC; margin-top: 24px; padding-top: 12px; }
.recommend_post_side .ph { width: 41.76%; }
.recommend_post_side .ph > div { padding-bottom: 100%; position: relative;}
.recommend_post_side .ph img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.recommend_post_side .txt { width: 51.76%; }
.recommend_post_side .date { font-size: 1.2rem; }
.recommend_post_side h3 { font-size: 1.8rem; margin-top: 15px; }
.recommend_post_side .cat { margin-top: 15px; }
.recommend_post_side .cat span { display: inline-block; font-size: 1.4rem; padding: 5px 15px; margin-right: 10px; background: #F2F1EC; border-radius: 20px; }

.recommend_post { width: 80%; margin: 110px auto 0; padding-top: 110px; border-top: 1px solid #F2F1EC; }
.recommend_post_ttl { font-size: 2.4rem; margin-bottom: 25px; font-weight: 500; }
.recommend_post_item { display: flex; flex-wrap: wrap; justify-content: space-between; }
.recommend_post_item a { width: 31.79%; margin-bottom: 75px; }
.recommend_post_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.recommend_post_item .ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.recommend_post_item .date { font-size: 1.2rem; margin-top: 15px; }
.recommend_post_item h2 { font-size: 1.6rem; margin-top: 15px; }
.recommend_post_item .cat { font-size: 1.2rem; margin-top: 15px; display: flex; }
.recommend_post_item .cat span { display: inline-block; font-size: 1.4rem; padding: 5px 15px; margin-right: 10px; background: #F2F1EC; border-radius: 20px; }
.archive_works_item .cat span { padding: 0; margin-right: 10px; background: none; border-radius: 0; }

.edit_area .table_pt {border-top: 1px solid #ccc;width: 100%;border-collapse: collapse;font-size:14px;}
.edit_area .table_pt tr {border-bottom: 1px solid #ccc;}
.edit_area .table_pt td {border: none;text-align: left;vertical-align: middle;padding: 16px 6%;}
.edit_area .table_pt th {text-align: center;padding: 16px; width: 22%; font-weight: 500; background-color:#e9e9e9;}

.copy_url_ico { position: relative; }
.url-copied {display: none; }
.url-copied span {
    display: block;
    position: absolute;
    top: 50%;
    right: 0%;
    font-size: 1.0rem;
    padding: 2px 4px;
    box-sizing: border-box;
    -webkit-transform:translate(100%, -50%);
    transform:translate(100%, -50%);
    background: #fff;
    border-radius: 3px;
    white-space: nowrap;
}

@media screen and (max-width: 900px) {
    .common_single_ttl { font-size: 2.8rem; margin-top: 20px; }
    .common_single_meta { display: block; align-items: center; font-size: 1.2rem; line-height: 1.5; }
.common_single_meta .cat { font-size: 1.4rem; display: flex; margin-right: 20px; }
.common_single_meta .cat a { background: #F2F1EC; border-radius: 20px; padding: 5px 20px; margin-right: 10px;}
    .common_single_meta .date { margin-top: 10px; font-size: 1.1rem; }
    .common_single_mainph { width: 100%; margin: 44px auto; padding-bottom: 75.64%; }
    .common_single_mainph img { width: 100%; height: 100%; object-fit: cover; }
    .common_single_body { width: 82.05%; margin: 0 auto; display: block; justify-content: space-between; }
    .main_contents, .sub_contents { width: auto; }

    .edit_area h2 { font-size: 2.2rem; margin-bottom: 20px; }
.edit_area * + p { margin-top: 20px; }
.edit_area * + h2 { margin-top: 60px; }
.edit_area * + figure { margin-top: 35px; }

    .common_single_editor { border: 2px solid #F2F1EC; margin-top: 55px; padding: 30px 6.29%; }
    .common_single_editor_head { display: block; justify-content: space-between; align-items: center; text-align: center; }
    .common_single_editor .btn.sp  { display: inline-block; border: 1px solid #000; padding: 10px 50px; margin: 30px auto 0; position: relative;border-radius: 20px; font-size: 1.2rem; font-weight: 500; }
    .common_single_editor .btn.pc { display: none; }
.common_single_editor .btn .ico { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; }
.common_single_editor_head .hd { font-size: 1.2rem; font-weight: 700; }
    .common_single_editor_intro { display: block; align-items: center; margin-top: 24px; }
.common_single_editor_intro .ph { max-width: 130px; margin: 0 auto; }
    .common_single_editor_intro .ph + .txt { margin-left: 0; }
    .common_single_editor_intro .txt { text-align: center; }
    .common_single_editor_intro .name { font-size: 1.8rem; margin-top: 20px; }
    .common_single_editor_intro .type { font-size: 1.2rem; margin-top: 5px; }
    .common_single_editor p { font-size: 1.4rem; line-height: 1.85; margin-top: 25px; }
    .cnt { text-align: center; }

    .sub_contents { margin-top: 55px;}
.sub_contents h2 { font-size: 1.8rem; border-bottom: 1px solid #F2F1EC; padding-bottom: 3px; }
    .sub_contents * + h2 { margin-top: 90px;}
.common_tag_list { margin-top: 15px; }
.common_tag_list a { display: inline-block; margin: 0 10px 6px 0; background: #F2F1EC; font-size: 1.4rem; padding: 5px 15px; border-radius: 20px; }
    .recommend_post_side { margin-top: 18px; }
.recommend_post_side a { display: flex; justify-content: space-between; }
.recommend_post_side a + a { border-top: 1px solid #F2F1EC; margin-top: 24px; padding-top: 12px; }
.recommend_post_side .ph { width: 41.76%; }
.recommend_post_side .txt { width: 51.76%; }
.recommend_post_side .date { font-size: 1.2rem; }
    .recommend_post_side h3 { font-size: 1.6rem; margin-top: 15px; }
.recommend_post_side .cat { margin-top: 15px; }
.recommend_post_side .cat span { display: inline-block; font-size: 1.4rem; padding: 5px 15px; margin-right: 10px; background: #F2F1EC; border-radius: 20px; }

    .recommend_post { width: 100%; margin: 50px auto 0; padding: 50px 10% 0; border-top: 1px solid #F2F1EC; box-sizing: border-box; }
    .recommend_post_ttl { font-size: 1.8rem; margin-bottom: 20px; }
    .recommend_post_item { display: block; flex-wrap: wrap; justify-content: space-between; }
    .recommend_post_item a { display: block; width: auto; margin-bottom: 30px; }
.recommend_post_item .ph { padding-bottom: 65.50%; overflow: hidden; position: relative; }
.recommend_post_item .ph img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.recommend_post_item h2 { font-size: 1.6rem; margin-top: 15px; }

    .edit_area .table_pt th { padding: 10px 20px;display:block;width:100%;box-sizing:border-box;text-align:left; }
    .edit_area .table_pt td { padding: 10px 20px;display:block }
    
    .url-copied span {
        display: block;
        position: absolute;
        top: auto;
        left: 50%;
        bottom: 0;
        right: auto;
        font-size: 1.0rem;
        padding: 2px 4px;
        box-sizing: border-box;
        -webkit-transform:translate(-50%, 50%);
        transform:translate(-50%, 50%);
        background: #fff;
        border-radius: 3px;
        white-space: nowrap;
    }
}

/*voice*/
.archive_voice_body { width: 80%; margin: 136px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.archive_voice_body .date { font-size: 1.2rem; margin-top: 10px;}

@media screen and (max-width: 900px) {
    .archive_voice_body { width: 82.05%; margin: 50px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .archive_voice_body .date { font-size: 1.1rem; margin-top: 10px;}
}

/*voice single*/
.common_single_meta .vol { font-size: 1.8rem; margin-right: 45px; }

.voice_profile { border: 2px solid #F2F1EC; padding: 50px 11.53%; margin-bottom: 80px; }
.voice_profile .comp { font-size: 1.6rem; }
.voice_profile .name { font-size: 2.4rem; margin: 15px 0 25px; }
.share_ttl { font-size: 1.4rem; color: #575757; margin: 30px 0 15px; }
.share_sns img { width: 100%; }
.share_sns_ig { width: 20px; }
.share_sns_fb { width: 11px; }
.share_sns_url { width: 31px; }
.share_sns a { display: inline-block; }
.share_sns a + a { margin-left: 15px;}

@media screen and (max-width: 900px) {
    .common_single_meta .vol { font-size: 1.6rem; margin-right: 0; display: block; }
    
    .voice_profile { border: 2px solid #F2F1EC; padding: 30px 6.29%; margin-bottom: 50px; }
    .voice_profile .comp { font-size: 1.4rem; text-align: center; }
    .voice_profile .name { font-size: 1.8rem; text-align: center; margin: 15px 0 20px; }
    .voice_profile p { font-size: 1.4rem; }
    .share_ttl { font-size: 1.4rem; color: #575757; margin: 30px 0 10px; text-align: center; }
    .share_sns { text-align: center; }
.share_sns a { display: inline-block; }
.share_sns a + a { margin-left: 15px;}
}

/*membersbook*/
.archive_membersbook_body { width: 80%; margin: 136px auto 0; display: flex; flex-wrap: wrap; }
.archive_membersbook_item { width: 23.1%; margin-bottom: 75px; margin-left: 2.5%; }
.archive_membersbook_item:nth-child(4n + 1) { margin-left: 0; }
.archive_membersbook_item .ph > div { overflow: hidden; }

@media screen and (max-width: 900px) {
    .archive_membersbook_body { width: 82.05%; margin: 50px auto 0; display: flex; flex-wrap: wrap; }
    .archive_membersbook_item { width: 46.00%; margin-bottom: 45px; margin-left: 8%; }
    .archive_membersbook_item:nth-child(2n + 1) { margin-left: 0; }
}

/*membersbook single*/
.single_membersbook_item { display: flex; width: 80%; margin: 74px auto 0; }
.single_membersbook_item .ph { width: 50%; min-width: 350px; }
.single_membersbook_item .ph img { width: 100%;}
.single_membersbook_item .txt { margin-left: 5%; }
.single_membersbook_item .btn a { display: inline-block; color: #fff; font-size: 1.6rem; background: #000; border: 1px solid #000; margin-top: 30px; padding: 12px 70px; border-radius: 3px; }
.recommend_membersbook_body { margin: 60px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

@media screen and (max-width: 900px) {
    .single_membersbook_item { display: flex; flex-wrap: wrap; width: 82.05%; margin: 74px auto 0; }
    .single_membersbook_item .ph { width: 100%; max-width: 500px; min-width: auto; margin: 0 auto; }
.single_membersbook_item .ph img { width: 100%;}
    .single_membersbook_item .txt { width: 100%; margin-left: 0; margin-top: 30px; }
    .single_membersbook_item .btn { text-align: center; }
    .single_membersbook_item .btn a { display: inline-block; color: #fff; font-size: 1.6rem; background: #000; border: 1px solid #000; margin-top: 30px; padding: 12px 70px; border-radius: 3px; }
    .recommend_membersbook_body { margin: 30px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
}

/*flow*/
.flow_contents { width: 80%; margin: 160px auto 0; }
.flow_contents + .flow_contents { margin-top: 40px; }
.flow_contents_ttl { text-align: center; color: #F2C346; font-size: 2.0rem; margin-bottom: 20px; }
.flow_contents_ttl .num { font-size: 5.6rem; }
.flow_contents_item { display: flex; align-items: center; border-top: 1px solid #EDEDED; padding: 30px 0; }
.flow_contents_item:last-child { border-bottom: 1px solid #EDEDED; }
.flow_contents_item .ico { min-width: 110px; margin: 0 75px 0 20px; }
.flow_contents_item .txt { flex-grow: 2; }
.flow_contents_item .banner { width: 187px; }
.flow_contents_item .txt .num { font-size: 1.4rem; font-weight: 200; line-height: 1.5; }
.flow_contents_item .txt .ttl { font-size: 1.8rem; margin-top: 10px; }
.flow_contents_item .txt p { font-size: 1.4rem; font-weight: 500; line-height: 1.35; margin-top: 10px; }

@media screen and (max-width: 900px) {
    .flow_contents { width: 82.05%; margin: 70px auto 0; }
    .flow_contents + .flow_contents { margin-top: 30px; }
    .flow_contents_ttl { text-align: center; color: #F2C346; font-size: 2.0rem; margin-bottom: 20px; font-weight: 100; }
    .flow_contents_ttl .num { font-size: 5.6rem; padding-right: 9px; }
    .flow_contents_item { display: flex; align-items: flex-start; flex-wrap: wrap; border-top: 1px solid #EDEDED; padding: 30px 0; }
.flow_contents_item:last-child { border-bottom: 1px solid #EDEDED; }
    .flow_contents_item .ico { min-width: 63px; margin: 10px 17px 0 0; }
    .flow_contents_item .txt { flex-grow: 2; width: calc(100% - 80px); }
    .flow_contents_item .banner { width: 100%; margin-top: 40px; }
    .flow_contents_item .banner a { display: block; padding: 11px 0; border: 1px solid #E3E3E3; border-radius: 3px; text-align: center; }
    .flow_contents_item .banner img { width: 152px; }
.flow_contents_item .txt .num { font-size: 1.4rem; font-weight: 200; line-height: 1.5; }
    .flow_contents_item .txt .ttl { font-size: 1.8rem; margin-top: 5px; }
    .flow_contents_item .txt p { font-size: 1.4rem; font-weight: 500; line-height: 1.35; margin-top: 5px; }
    
}

/*recruit*/
.recruit_mv { padding-top: 94px; position: relative; }
.recruit_mv_ph { height: calc(100vh - 94px); position: relative; }
.recruit_mv_ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }
.recruit_mv_ttl { width: 39.21%; min-width: 438px; max-width: 568px; position: absolute; left: 50%; top: 18%; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.recruit_ttl_en { font-size: 4.2rem; line-height: 0.8; }

.recruit_concept > .inner { width: 80%; margin: 220px auto 0; display: flex; justify-content: space-between; }
.recruit_concept_ttl { width: 46.96%; }
.recruit_concept_ttl h2 { font-size: 3.6rem; }
.recruit_concept_body { width: 49.29%; }
.recruit_concept_body p + p { margin-top: 2em; }
.recruit_concept_ph { margin-top: 320px; margin-left: 20.07vw; width: 71.14vw; overflow: visible!important; }
.recruit_concept_ph img { border-radius: 10px; }
/*.recruit_concept_ph { margin-top: 320px; margin-left: -15.14vw; width: 85.71vw; }*/
.recruit_concept_ph .swiper-slide.even { margin-top: 3vw; }

.recruit_ideal { margin-top: 300px; }
.recruit_ideal_body { width: 69.86%; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 100px; }
.recruit_ideal_item { width: 44.58%; }
.recruit_ideal_item .txt { width: 77.06%; margin: 50px auto 0; }
.recruit_ideal_item .txt h3 { font-size: 2.4rem; margin-bottom: 30px; text-align: center; }
.recruit_ideal_item .txt .point { font-size: 1.2rem; font-weight: 600; color: #F2C346; margin: 20px 0 5px;}
.recruit_ideal_item .illust { position: relative; }
.recruit_ideal_item .illust .num { font-size: 2.8rem; position: absolute; left: 11%; top: 11%; line-height: 1.2; border-bottom: 1px solid #000; }

.recruit_infog { background: #F2C346; margin-top: 250px; }
.recruit_infog > .inner { padding: 130px 0; }
.recruit_infog .top_ttl h2 { color: #fff; }
.recruit_infog .top_ttl h2 .circle { background: #fff; }
.recruit_infog_list { width: 80%; margin: 55px auto 0; display: flex; flex-wrap: wrap; }
.recruit_infog_list > div { width: 31.70%; margin: 0 0 2.45% 2.45%; }
.recruit_infog_list > div:nth-child(3n+1) { margin-left: 0; }
.recruit_infog_list > div img { width: 100%; }

.recruit_culture { margin-top: 150px; }
.recruit_culture_body { width: 80%; margin: 0 auto; display: flex; justify-content: space-between; }
.recruit_culture_list { width: 44.38%; margin-top: 50px; }
.recruit_culture_list .txt { font-size: 2.4rem; line-height: 1; }
.recruit_culture_list > div { border-bottom: 1px solid #ECECEC; padding: 45px 0 45px 88px; position: relative; }
.recruit_culture_list .ico { display: inline-block; width: 64px; line-height: 1; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.recruit_culture_list .ico img { width: 100%; }

.recruit_interview { margin-top: 200px; }
.recruit_interview_body { width: 80%; margin: 15px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.recruit_interview_item { width: 44.38%; margin-top: 50px; display: flex; }
.recruit_interview_item .ph { width: 24.95%; }
.recruit_interview_item .ph img { border-radius: 50%; }
.recruit_interview_item .txt { width: 70.22%; margin-left: 4.83%; }
.recruit_interview_item .type { font-size: 1.4rem; font-weight: 500; }
.recruit_interview_item .name { font-size: 1.6rem; }
.recruit_interview_item p { line-height: 1.5; margin-top: 6px; }
.recruit_interview_item .link { font-size: 1.2rem; font-weight: 500; margin-top: 10px; }
.recruit_interview_item .link .arrow { width: 8px; height: 6px; margin-left: 12px; display: inline-block; background: url("../img/arrow_linkbtn_bk.svg") no-repeat center / cover; }
.link_btn_nobg { margin-top: 75px; }
.link_btn_nobg a { display: block; width: 320px; margin: 0 auto; padding: 16px; border: 1px solid #575757; box-sizing: border-box; border-radius: 30px; font-size: 1.4rem; text-align: center; position: relative; }
.link_btn_nobg a .arrow { width: 11px; height: 9px; display: inline-block; background: url("../img/arrow_linkbtn_bk.svg") no-repeat center / cover; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.recruit_faq { background: #F2C346; margin-top: 250px; }
.recruit_faq > .inner { padding: 130px 0; }
.recruit_faq .top_ttl h2 { color: #fff; }
.recruit_faq .top_ttl h2 .circle { background: #fff; }
.recruit_faq_body { width: 80%; margin: 58px auto 0; }
.recruit_faq_item { background: #fff; border-radius: 18px; padding: 24px 32px; font-size: 1.6rem; }
.recruit_faq_item + .recruit_faq_item { margin-top: 24px; }
.recruit_faq_item > div { padding-left: 1.5em; position: relative; }
.recruit_faq_item > div > span:first-child { color: #F2C346; font-weight: 700; position: absolute; left: 0;}
.recruit_faq_item .a { margin-top: 12px; font-weight: 500; }

.recruit_guidelines { margin-top: 160px; }
.recruit_guidelines_read { margin-top: 50px; }
.recruit_guidelines_tab { border-bottom: 1px solid #000; margin-top: 80px; position: relative; }
.recruit_guidelines_tab > .inner { width: 80%; margin: 0 auto; display: flex;}
.recruit_guidelines_tab > .inner > div { width: 33.13%; }
.recruit_guidelines_tab > .inner > div + div { margin-left: 0.3%; }
.recruit_guidelines_tab .tab_btn { background: #F2C346; border-radius: 5px 5px 0 0; text-align: center; font-size: 1.8rem; padding: 26px 0; cursor: pointer; -webkit-transition: background 0.3s cubic-bezier(.165,.84,.44,1); transition: background 0.3s cubic-bezier(.165,.84,.44,1); }
.recruit_guidelines_tab .tab_btn.active { border: 1px solid #000; border-bottom: none; background: #fff; position: relative; top: 1px; }
.recruit_guidelines_body { width: 80%; margin: 100px auto 0; }
.recruit_guidelines_body > .tab_item { display: none; }
.recruit_guidelines_body > .active { display: block; }
.recruit_guidelines_body .data { width: 100%; margin-top: 40px; }
.recruit_guidelines_body .data th, .recruit_guidelines_body .data td { font-size: 1.6rem; border-top: 1px solid #D6D6D5; border-bottom: 1px solid #D6D6D5; padding: 28px 0; }
.recruit_guidelines_body .data th { width: 10em; font-weight: 500; background: #ECECED; padding-left: 28px; }
.recruit_guidelines_body .data td { padding-left: 38px; }
.link_btn { margin-top: 160px; }
.link_btn a { display: block; width: 410px; margin: 0 auto; color: #fff; font-size: 1.6rem; background: #000; border: 1px solid #000; padding: 12px 0; border-radius: 3px; text-align: center; position: relative; }
.link_btn a .arrow { width: 11px; height: 9px; display: inline-block; background: url("../img/arrow_linkbtn_wh.svg") no-repeat center / cover; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 900px) {
    .recruit_mv { padding-top: 65px; position: relative; }
    .recruit_mv_ph { height: 112.82vw; position: relative; }
.recruit_mv_ph img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
    .recruit_mv_ttl { width: 76.79%; min-width: auto; max-width: 417px; position: absolute; left: 50%; top: 38%; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

    .recruit_ttl_en { font-size: 4.8rem; line-height: 0.8; }

    .recruit_concept > .inner { width: 82.05%; margin: 70px auto 0; display: block; }
    .recruit_concept_ttl { width: auto; }
    .recruit_concept_ttl h2 { font-size: 2.4rem; }
    .recruit_concept_body { width: auto; margin-top: 40px; }
    .recruit_concept_ph { margin-top: 200px; margin-left: 18.72vw; width: 60.51vw; }

    .recruit_ideal { margin-top: 140px; }
    .recruit_ideal_body { width: 82.05%; margin: 0 auto; display: block; margin-top: 65px; }
    .recruit_ideal_item { width: auto; }
    .recruit_ideal_item  + .recruit_ideal_item { margin-top: 110px; }
    .recruit_ideal_item .txt { width: auto; margin: 25px auto 0; }
.recruit_ideal_item .txt h3 { font-size: 2.4rem; margin-bottom: 30px; text-align: center; }
.recruit_ideal_item .txt .point { font-size: 1.2rem; font-weight: 600; color: #F2C346; margin: 20px 0 5px;}
.recruit_ideal_item .illust { position: relative; }
    .recruit_ideal_item .illust .num { font-size: 3.2rem; position: absolute; left: 10%; top: 10%; line-height: 1.2; border-bottom: 1px solid #000; }

    .recruit_infog { background: #F2C346; margin-top: 135px; }
    .recruit_infog > .inner { padding: 60px 0; }
.recruit_infog .top_ttl h2 { color: #fff; }
.recruit_infog .top_ttl h2 .circle { background: #fff; }
.recruit_infog_list { width: 80%; margin: 55px auto 0; display: flex; flex-wrap: wrap; }
    .recruit_infog_list > div { width: 47.81%; margin: 0 0 4.38% 4.38%; }
    .recruit_infog_list > div:nth-child(3n+1) { margin-left: 4.38%; }
    .recruit_infog_list > div:nth-child(2n+1) { margin-left: 0; }
.recruit_infog_list > div img { width: 100%; }

    .recruit_culture { margin-top: 100px; }
    .recruit_culture_body { width: 82.05%; margin: 50px auto 0; display: block; }
    .recruit_culture_list { width: auto; margin-top: 0; }
    .recruit_culture_list .txt { font-size: 1.8rem; line-height: 1; }
.recruit_culture_list > div { border-bottom: 1px solid #ECECEC; padding: 45px 0 45px 88px; position: relative; }
.recruit_culture_list .ico { display: inline-block; width: 64px; line-height: 1; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.recruit_culture_list .ico img { width: 100%; }

    .recruit_interview { margin-top: 110px; }
    .recruit_interview_body { width: 82.05%; margin: 15px auto 0; display: block; justify-content: space-between; flex-wrap: wrap; }
    .recruit_interview_item { width: auto; margin-top: 45px; display: flex; }
    .recruit_interview_item .ph { width: 38.75%; }
.recruit_interview_item .ph img { border-radius: 50%; }
.recruit_interview_item .txt { width: 53.75%; margin-left: 7.50%; }
.recruit_interview_item .type { font-size: 1.4rem; font-weight: 500; }
.recruit_interview_item .name { font-size: 1.6rem; }
.recruit_interview_item p { line-height: 1.5; margin-top: 6px; }
.recruit_interview_item .link { font-size: 1.2rem; font-weight: 500; margin-top: 10px; }
.recruit_interview_item .link .arrow { width: 8px; height: 6px; margin-left: 12px; display: inline-block; background: url("../img/arrow_linkbtn_bk.svg") no-repeat center / cover; }
.link_btn_nobg { margin-top: 75px; }
.link_btn_nobg a { display: block; width: 320px; margin: 0 auto; padding: 16px; border: 1px solid #575757; box-sizing: border-box; border-radius: 30px; font-size: 1.4rem; text-align: center; position: relative; }
.link_btn_nobg a .arrow { width: 11px; height: 9px; display: inline-block; background: url("../img/arrow_linkbtn_bk.svg") no-repeat center / cover; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

    .recruit_faq { background: #F2C346; margin-top: 135px; }
    .recruit_faq > .inner { padding: 45px 0 80px; }
.recruit_faq .top_ttl h2 { color: #fff; }
.recruit_faq .top_ttl h2 .circle { background: #fff; }
    .recruit_faq_body { width: 82.05%; margin: 40px auto 0; }
    .recruit_faq_item { background: #fff; border-radius: 18px; padding: 24px; font-size: 1.6rem; }
    .recruit_faq_item + .recruit_faq_item { margin-top: 16px; }
    .recruit_faq_item > div { padding-left: 2em; position: relative; }
.recruit_faq_item > div > span:first-child { color: #F2C346; font-weight: 700; position: absolute; left: 0;}
    .recruit_faq_item .q span, .recruit_faq_item .a span { display: inline-block; font-size: 2.4rem; line-height: 1; }
    .recruit_faq_item .a { margin-top: 20px; font-weight: 500; }

    .recruit_guidelines { margin-top: 100px; }
    .recruit_guidelines_tab { border-bottom: 1px solid #000; margin-top: 45px; position: relative; }
    .recruit_guidelines_tab > .inner { width: 82.05%; margin: 0 auto; display: flex;}
.recruit_guidelines_tab > .inner > div { width: 33.00%; }
.recruit_guidelines_tab > .inner > div + div { margin-left: 0.5%; }
    .recruit_guidelines_tab .tab_btn { background: #F2C346; border-radius: 5px 5px 0 0; text-align: center; font-size: 1.6rem; padding: 20px 0; cursor: pointer; -webkit-transition: background 0.3s cubic-bezier(.165,.84,.44,1); transition: background 0.3s cubic-bezier(.165,.84,.44,1); }
.recruit_guidelines_tab .tab_btn.active { border: 1px solid #000; border-bottom: none; background: #fff; position: relative; top: 1px; }
    .recruit_guidelines_body { width: 82.05%; margin: 55px auto 0; }
.recruit_guidelines_body > .tab_item { display: none; }
.recruit_guidelines_body > .active { display: block; }
.recruit_guidelines_body .data { width: 100%; margin-top: 40px; }
    .recruit_guidelines_body .data th, .recruit_guidelines_body .data td { font-size: 1.4rem; border-top: 1px solid #D6D6D5; border-bottom: 1px solid #D6D6D5; padding: 28px 0; }
    .recruit_guidelines_body .data th { width: 5em; font-weight: 500; background: #ECECED; padding-left: 0.5em; }
    .recruit_guidelines_body .data td { padding-left: 1em; }
    .link_btn { margin-top: 65px; }
    .link_btn a { display: block; width: 82.05%; max-width: 410px; margin: 0 auto; color: #fff; font-size: 1.4rem; background: #000; border: 1px solid #000; padding: 12px 0; border-radius: 3px; text-align: center; position: relative; }
.link_btn a .arrow { width: 11px; height: 9px; display: inline-block; background: url("../img/arrow_linkbtn_wh.svg") no-repeat center / cover; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    
}


/*faq*/
.faq_body { width: 80%; margin: 100px auto 0; border-top: 1px solid #F2F1EC; }
.faq_item { border-bottom: 1px solid #F2F1EC; font-weight: 500; }
.faq_item_q { font-size: 1.6rem; padding: 30px 80px 30px 50px; position: relative; line-height: 2; cursor: pointer; }
.faq_item_q .ico { font-size: 1.6rem; position: absolute; left: 0; width: 32px; height: 32px; background: #F2C346; border-radius: 50%; text-align: center; line-height: 2em; font-weight: 700; color: #fff; }
.faq_item_q:before { content: ""; display: block; width: 16px; height: 1px; background: #EBC55D; position: absolute; right: 25px; top: 45px; }
.faq_item_q:after { content: ""; display: block; width: 16px; height: 1px; background: #EBC55D; position: absolute; right: 25px; top: 45px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: transform 0.5s cubic-bezier(.165,.84,.44,1); transition: transform 0.5s cubic-bezier(.165,.84,.44,1); }
.faq_item_q.open:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.faq_item_a { padding: 0 0 50px 50px; display: none; }
.faq_item_a > * + * { margin-top: 2em; }

.tab_item { display: none; }
.tab_item.active { display:block; }

@media screen and (max-width: 900px) {
    .faq_body { width: auto; margin: 35px 0 0 8.97%; border-top: 1px solid #F2F1EC; }
    .faq_item_q { font-size: 1.6rem; padding: 20px 50px 20px 50px; margin-right: 8.97%; position: relative; line-height: 2; cursor: pointer; }
    .faq_item_q:before, .faq_item_q:after { right: 0; top: 35px; }
    .faq_item_a { padding-right: 50px; }
}


/*privacy*/
.privacy_body { width: 80%; padding-top: 115px; margin: 0 auto; }
.privacy_body p { font-weight: 500; }
.privacy_body p:last-child { margin-top: 2em; line-height: 2.0; }
.privacy_body h2, .privacy_body h3 { font-size: 1.6rem; font-weight: 500; line-height: 2.0; }

@media screen and (max-width: 900px) {
    .privacy_body { width: 82.05%; padding-top: 45px; }
}

/*contact*/
.contact_head > .inner { width: 80%; margin: 115px auto 0; text-align: center; }
.contact_head h2 { font-size: 3.6rem; margin-bottom: 30px; font-weight: 500; }
.contact_head p { font-weight: 500; }

.contact_tel { background: #F6F4F0; padding: 70px 0; margin-top: 90px; }
.contact_tel > .inner { width: 80%; margin: 0 auto; text-align: center; }
.contact_tel h3 { font-size: 2.4rem; font-weight: 500; }
.contact_tel .num { margin-top: 20px; font-size: 4.0rem; line-height: 1; }
.contact_tel .num span { font-size: 2.0rem; }
.contact_tel .notes { margin-top: 20px; font-size: 1.6rem; font-weight: 500; }
.contact_tel p { text-align: center; font-weight: 500; }

.contact_form > .inner { width: 80%; margin: 120px auto 0; }
.contact_form_head { text-align: center; margin-bottom: 140px; }
.contact_form_head h2 { font-size: 3.6rem; margin-bottom: 30px; font-weight: 500; }
.contact_form_head p { font-weight: 500; }
.form_item { display: flex; }
.form_item + .form_item { margin-top: 43px; }
.form_item > div:first-child { width: 17em; margin-right: 1.5rem; box-sizing: border-box; font-size: 2.0rem; font-weight: 500; }
.form_item >  .input_body {width: calc(100% - 17em); flex-grow: 2; }
.form_item .required { font-size: 1.0rem; background: #F2C346; color: #000; padding: 3px 12px; margin-top: -5px; margin-left: 13px; display: inline-block; vertical-align: middle; font-weight: 500; }
.item_name { display: flex; justify-content: space-between; }
.item_name > div { width: 49%; }
.item_address + .item_address { margin-top: 43px; }
.form_item label,
.input_body_privacy { font-size: 1.6rem; display: inline-block; margin-right: 3em;}
.check_item { font-size: 1.6rem; }
.form_item .input_body_privacy label { margin-right: 0.5em; }
.check_item + .check_item { margin-top: 25px; }
.check_item > span:not(.mwform-checkbox-field) { font-size: 1.6rem; display: inline-block; width: 8em; } 
.form_item_notes { text-align: center; margin-top: 120px; }
.form_footer_ph { width: 100%; max-width: 900px; margin: 45px auto 0; }

.check_item_row { display: flex; flex-wrap: wrap; }
.check_item_row > span { width: 250px; margin: 10px 0; }
.mw_wp_form .check_item_row .horizontal-item + .horizontal-item { margin: 10px 0; }
.check_item_row._other { flex-wrap: nowrap; align-items: center; }
.check_item_row._other > span { width: 100px; margin-right: 20px; white-space: nowrap; }
.check_item_row._other .input_half { width: 240px;}

.input_full { width: 100%; box-sizing: border-box; padding: 15px 20px; background: #F8F6F4; border: none; }
.input_half { width: 100%; box-sizing: border-box; padding: 15px 20px; background: #F8F6F4; border: none; }
.input_zip { width: 30%; box-sizing: border-box; padding: 15px 20px; background: #F8F6F4; border: none; }
.select_box { width: 30%; box-sizing: border-box; padding: 15px 20px; background: #F8F6F4; border: none; }
.textarea { width: 100%; height: 870px; box-sizing: border-box; border: 1px solid #ddd; padding: 10px 10px; }
.input_full, .input_half, .input_zip, .textarea, .select_box { font-size: 1.6rem; }
.input_full::placeholder, .textarea::placeholder { color: #969592; }

.input_body_privacy .mwform-checkbox-field-text { display: none; }
.input_body_privacy .error { position: absolute; }
.mw_wp_form .error { font-size: 1.6rem!important; margin-top: 10px; }

.form_item .wpcf7-list-item { display: inline-block; }
.form_item .wpcf7-list-item + .wpcf7-list-item { margin-left: 24px; }
input[type=checkbox] { vertical-align: baseline; margin-right: 13px; }
.check_privacy { text-align: center; margin-top: 130px; }
.btn_submit input { width: 263px; background: #000 url("../img/ico_arrow_formbtn.svg") no-repeat 230px center / 7px 9px; color: #fff; padding: 18px 0; margin: 120px auto 0; font-size: 1.4rem; font-weight: 500; display: block; border-radius: 3px; }

.mw_wp_form_confirm .form_item_privacy { display: none; }
.mw_wp_form_confirm .input_body { font-size: 1.6rem; }
.mw_wp_form_confirm .item_address + .item_address { margin-top: 20px; }
.mw_wp_form_confirm .btn_submit { display: flex; justify-content: center; margin-top: 30px; }
.mw_wp_form_confirm .btn_submit .btn_back { border: 1px solid #ccc; background: #ccc; color: #333; margin-right: 20px; }
.mw_wp_form_confirm .btn_submit input { margin: 0; }
.mw_wp_form_confirm .item_name { justify-content: flex-start; }
.mw_wp_form_confirm .item_name > div { width: auto; }

@media screen and (max-width: 900px) {
    .contact_head > .inner { width: 82.05%; margin: 55px auto 0; text-align: center; }
    .contact_head h2 { font-size: 2.2rem; margin-bottom: 20px; }

    .contact_tel { background: #F6F4F0; padding: 45px 0; margin-top: 40px; }
.contact_tel > .inner { width: 82.05%; margin: 0 auto; text-align: center; }
    .contact_tel h3 { font-size: 2.2rem; }
    .contact_tel .num { margin-top: 10px; font-size: 3.2rem; line-height: 1; }
.contact_tel .num span { font-size: 2.0rem; }
.contact_tel .notes { margin-top: 20px; font-size: 1.6rem; }

    .contact_form > .inner { width: 82.05%; margin: 70px auto 0; }
    .contact_form_head { text-align: center; margin-bottom: 40px; }
    .contact_form_head h2 { font-size: 2.2rem; margin-bottom: 30px; }
    .form_item { display: flex; flex-wrap: wrap; }
    .form_item + .form_item { margin-top: 35px; }
    .form_item > div:first-child { min-width: 100%; font-size: 1.8rem; margin-bottom: 8px; }
    .form_item > div:last-child { flex-grow: 2; }
.form_item .required { font-size: 1.0rem; background: #F2C346; color: #000; padding: 2px 14px; margin-top: -5px; margin-left: 13px; display: inline-block; vertical-align: middle; }
.item_name { display: flex; justify-content: space-between; }
    .item_address + .item_address { margin-top: 10px; }
    .form_item label { font-size: 1.2rem; display: inline-block; margin-bottom: 0; margin-top: 0; margin-right: 0;}
    .check_item { font-size: 1.2rem; margin-top: 15px; }
    .check_item > span:not(.mwform-checkbox-field) { font-size: 1.2rem; display: inline-block; width: 6em; } 
    .check_item_row > span { width: 50%; }

.input_full { width: 100%; box-sizing: border-box; padding: 15px 20px; background: #F8F6F4; border: none; }
.input_half { width: 100%; box-sizing: border-box; padding: 15px 20px; background: #F8F6F4; border: none; }
    .input_zip { width: 100%; box-sizing: border-box; padding: 15px 20px; background: #F8F6F4; border: none; }
.textarea { width: 100%; height: 870px; box-sizing: border-box; border: 1px solid #ddd; padding: 10px 10px; }
.input_full, .input_half, .input_zip, .textarea { font-size: 1.6rem; }
.input_full::placeholder, .textarea::placeholder { color: #969592; }
    
    .mw_wp_form .error { font-size: 1.2rem!important; margin-top: 7px; }

.form_item .wpcf7-list-item { display: inline-block; }
.form_item .wpcf7-list-item + .wpcf7-list-item { margin-left: 24px; }
input[type=checkbox] { vertical-align: baseline; margin-right: 13px; }
.check_privacy { text-align: center; margin-top: 130px; }
    .btn_submit input { width: 263px; background: #000 url("../img/ico_arrow_formbtn.svg") no-repeat 230px center / 7px 9px; color: #fff; padding: 18px 0; margin: 84px auto 0; font-size: 1.4rem; display: block; border-radius: 3px; }
    
}

/*form*/
.wpcf7-not-valid-tip { display: none!important; }
.formError .formErrorContent { font-size: 1.4rem!important; color: #B51C1F!important; margin-top: 5px; background: none!important; }
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output { display: none!important; }

.grecaptcha-badge { visibility: hidden; }
.notes_privacy { font-size: 1.2rem; color: #999; text-align: center; margin-top: 30px; }

@media screen and (max-width: 900px) {
    .notes_privacy { font-size: 1.2rem; color: #999; text-align: left; }
}



/*tobusiness*/
.tobusiness_mv { width: 100%; height: calc(100vh - 12.8rem); margin: 9.7rem auto 3.1rem; position: relative; overflow: hidden; }
.tobusiness_mv_ph img { min-height: 100%; min-height: 100%; position: absolute; object-fit: cover; }
.tobusiness_mv_copy { width: 100%; font-size: 4.2rem; font-weight: 700; letter-spacing: 0.1em; color: #fff; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.tobusiness_read { width: 80%; margin: 140px auto 0; text-align: center; }
.tobusiness_read .catch { font-size: 2.8rem; font-weight: 700; letter-spacing: 0.1em; width: 90%; max-width: 50.0rem; margin: 0 auto; }
.tobusiness_read .read { margin-top: 40px; line-height: 2.25; }

.tobusiness_hd span { display: inline-block; font-size: 1.4rem; padding-left: 25px; position: relative; font-weight: 700; }
.tobusiness_hd span:before { content: ""; display: block; width: 8px; height: 8px; background: #FAC443; border-radius: 50%; position: absolute; left: 0; top: 7px; }
.tobusiness_hd span:after { content: ""; display: block; width: 8px; height: 8px; background: #3E3A39; border-radius: 50%; position: absolute; left: 10px; top: 7px; }
.tobusiness_ttl { font-size: 4.2rem; font-weight: 700; margin-top: 4px; line-height: 1.5; }

.tobusiness_stg { width: 80%; margin: 160px auto 0; }
.tobusiness_stg_list { display: flex; justify-content: space-between; margin-top: 48px; }
.tobusiness_stg_item { width: 32.5%; padding: 48px 26px; border: 1px solid #3E3A39; position: relative; box-sizing: border-box; }
.tobusiness_stg_item .hd { padding-right: 12px; background: #fff; position: absolute; left: -1px; top: -1px; transform: translateY(-50%);-webkit-transform: translateY(-50%); display: flex; align-items: center; }
.tobusiness_stg_item .hd .num { font-size: 2.8rem; font-weight: 700; color: #FAC443; }
.tobusiness_stg_item .hd .txt { font-size: 1.6rem; margin-left: 8px; }
.tobusiness_stg_item .img img { width: 100%; }
.tobusiness_stg_item .ttl { font-size: 2.0rem; text-align: center; font-weight: 700; margin: 30px 0 20px; }
.tobusiness_stg_item .ttl span { display: inline-block; position: relative; }
.tobusiness_stg_item .ttl span:after { content: ""; display: inline-block; width: 100%; height: 10px; background: #FAC443; position: absolute; bottom: 2px; left: 0; z-index: -1; }
.tobusiness_stg_item p { line-height: 1.75; margin-top: 20px; text-align: center; }

.tobusiness_service { background: #FAF9F7; }
.tobusiness_service > .inner { width: 80.71%; margin: 14.5rem auto; padding: 10.5rem 0 12.0rem; }
.tobusiness_service_list { margin-top: 7.0rem; }
.tobusiness_service_item { display: flex; }
.tobusiness_service_item + .tobusiness_service_item { margin-top: 8.0rem; }
.tobusiness_service_item .ph { width: 43.58%; margin-left: 7.51%; }
.tobusiness_service_item .num { min-width: 0.7em; font-size: 9.0rem; line-height: 0.7; color: #EAE8E4; }
.tobusiness_service_item .txt { width: 38.91%; margin-left: 2%; }
.tobusiness_service_item .txt .ttl { font-size: 2.0rem; font-weight: 500; color: #F2C346; margin-bottom: 2.5rem; }

.tobusiness_works { width: 80.71%; margin: 28.5rem auto; }
.page_contants + .tobusiness_works { margin: 9.70rem auto 0; }
.tobusiness_works_cat { display: flex; margin-top: 5.0rem; }
.tobusiness_works_cat .item + .item { margin-left: 2.5rem; }
.tobusiness_works_cat select { width: 26.0rem; border: none; border-bottom: 1px solid #707070; padding: 1.8rem 1.2rem; box-sizing: border-box; font-size: 1.6rem; }
.tobusiness_works_list > div { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 2.92%; grid-row-gap: 2.42rem; margin-top: 5.6rem; position: relative; }
.tobusiness_works_list .more { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 2.92%; grid-row-gap: 2.42rem; margin-top: 2.42rem; position: relative; }
.tobusiness_works_list .btn { display: flex; cursor: pointer; align-items: center; justify-content: center; width: 100%; height: 5.0rem; position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); transition: opacity 1.2s cubic-bezier(.165,.84,.44,1); transform: translateY(100%); font-size: 1.4rem; }
/*.tobusiness_works_list .more.is-open .btn { opacity: 0; pointer-events: none; }
.tobusiness_works_list .more { max-height: 12.6rem; overflow: hidden; font-size: 1.4rem; transition: max-height 1.2s cubic-bezier(.165,.84,.44,1); }*/
.tobusiness_works_list .btn .arrow { line-height: 0; margin-left: 1.6rem; }
.tobusiness_works_item { display: block; position: relative; }

.tobusiness_performance { margin: 0; background: #FAC443; }
.tobusiness_performance .tobusiness_hd span:before { background: #fff;}
.tobusiness_performance > .inner { width: 80.71%; margin: 0 auto; padding: 10.8rem 0 11.8rem; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tobusiness_performance_hd { width: 49.45%; padding: 0 28px 30px; box-sizing: border-box; }
.tobusiness_performance_item { width: 49.45%; background: #fff; margin-top: 0.9%; padding: 45px 28px 30px; box-sizing: border-box; }
.tobusiness_performance_item:nth-child(2) { margin-top: 0; padding: 25px 28px 30px; }
.tobusiness_head { width: 80%; margin: 160px auto 0; }
.tobusiness_performance_hd p { line-height: 1.75; margin-top: 20px;}
.tobusiness_performance_item { text-align: center; }
.tobusiness_performance_item .ttl { font-size: 2.4rem; font-weight: 700; }
.tobusiness_performance_item .img { margin: 55px 0 40px; }
.tobusiness_performance_item:nth-child(2) .img { margin: 20px 0 0; }
.tobusiness_performance_item .img img { width: 100%;}
.tobusiness_performance_item p { line-height: 1.55; padding: 0 20px; }
.tobusiness_performance_item p small { font-size: 1.4rem; }
.tobusiness_performance .page_ttl { width: 42.74%; }
.tobusiness_performance .page_ttl .read { margin-top: 3.0rem; line-height: 1.5; }

.tobusiness_faq { margin-top: 20.0rem;}
.tobusiness_faq .article_top_cat { margin-top: 5.0rem; margin-bottom: 0; }
.tobusiness_faq .faq_body { margin-top: 6.0rem; }

.tobusiness_interview { margin-top: 20.0rem; }
.tobusiness_interview .link_more { margin-right: 9.64%; }

.tobusiness_works .works_top_cat { margin: 60px auto 30px; }
.btn_more a { display: block; width: 54.5rem; margin: 6.8rem auto 0; font-size: 2.0rem; font-weight: 700; text-align: center;border: 1px solid #000; border-radius: 1.0rem; padding: 2.0rem 0; box-sizing: border-box; box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 1); }

.tobusiness_faq .page_ttl,
.tobusiness_interview .page_ttl { width: 80.71%; margin: 0 auto; }

.tobusiness_clients { width: 87.69%; margin: 9.7rem auto 0; }
.tobusiness_clients_list { display: grid; grid-template-columns: repeat(5,1fr); grid-column-gap: 0.8rem; grid-row-gap: 0.8rem; margin-top: 3.5rem; }
.tobusiness_clients_item { border: 1px solid #EDEDED; padding-bottom: 63.01%; position: relative; }
.tobusiness_clients_item img {  width: 33%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.tobusiness_clients .notes { margin-top: 1.5rem; font-size: 1.2rem; text-align: right; color: #3E3A39; }

.tobusiness_download { width: 80.71%; margin: 14.0rem auto 0; }
.tobusiness_download_list { margin-top: 6.0rem; }
.tobusiness_download_list._archive { display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 2.83%; grid-row-gap: 6.4rem; margin-top: 6.0rem; }
.tobusiness_download_item .ph > div { padding-bottom: 63.66%; position: relative; }
.tobusiness_download_item .ph > div img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.tobusiness_download_item { border: 1px solid #EDEDED; }
.tobusiness_download_item .txt { padding: 4.0rem 2.8rem 2.5rem; }
.tobusiness_download_item .txt p { font-size: 2.0rem; line-height: 1.2; }
.tobusiness_download_item .download { font-size: 1.8rem; line-height: 1.5; margin-top: 3.0rem; padding-left: 3.1rem; position: relative; }
.tobusiness_download_item .download .ico { display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #F2C346; position: absolute; left: 0; }
.tobusiness_download_item .download .ico img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.tobusiness_works_item .ph { padding-bottom: 66.66%; position: relative; }
.tobusiness_works_item .ph img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
/* 初回表示時：4番目以降のアイテムを隠す */
#response-area.def .tobusiness_works_item:nth-child(n+4) {
    display: none;
}
#response-area.def .link_more {
    display: none;
}
#response-area .link_more { width: 100%; position: absolute; bottom: -5.0rem; }
#response-area .link_more a { justify-content: flex-end;    padding-left: 0; }

/* ボタンが押されて .first が外れたらすべて表示（アニメーションはお好みで） */
#response-area .tobusiness_works_item {
    animation: fadeIn 0.5s ease forwards;
}

.tobusiness_works_item .meta { position: absolute; width: 100%; height: 100%; padding: 2.0rem; box-sizing: border-box; left: 0; top: 0; background: rgba(0,0,0,0.8); font-size: 1.2rem; line-height: 2.0m; opacity: 0; transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
.tobusiness_works_item .meta span { display: inline-block; width: 6em; }
.tobusiness_works_item .meta * { color: #fff; }
.tobusiness_works_item:hover .meta { opacity: 1; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


.link_index { text-align: center; margin-top: 30px; }
.link_index a { display: inline-block; position: relative; font-size: 1.4rem; }
.link_index a .ico { display: block; width: 61px; height: 61px; position: relative; position: absolute; left: -82px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); }
.link_index a .ico:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #ddd; border-radius: 50%; box-sizing: border-box; }
.link_index a .ico:after { content: ""; display: block; width: 7px; height: 7px; position: absolute; left: 50%; top: 50%; background: #302D2B; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); border-radius: 50%; }

@media screen and (max-width: 900px) {
    .tobusiness_mv { width: auto; height: auto; padding-bottom: 133.51%; margin: 8.5rem 0 0; overflow: hidden; position: relative; z-index: -1; }
    .tobusiness_mv_ph img { height: 100%; min-height: auto; width: 100%; min-width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); object-fit: cover; }
    .tobusiness_mv_ico { width: 100px; height: 100px; position: fixed; right: 30px; bottom: 60px; z-index: 10; }
    .tobusiness_mv_copy { writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; width: 100%; font-size: 3.0rem; font-weight: 700; letter-spacing: 0.1em; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }

    .tobusiness_read { width: 80%; margin: 60px auto 0; text-align: center; }
    .tobusiness_read .catch { font-size: 2.4rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.75; }
    .tobusiness_read .read { margin-top: 30px; line-height: 2.25; }
    
    .tobusiness_hd { text-align: center; }
    .tobusiness_hd span { display: inline-block; font-size: 1.4rem; padding-left: 25px; position: relative; font-weight: 700; }
.tobusiness_hd span:before { content: ""; display: block; width: 8px; height: 8px; background: #FAC443; border-radius: 50%; position: absolute; left: 0; top: 7px; }
.tobusiness_hd span:after { content: ""; display: block; width: 8px; height: 8px; background: #3E3A39; border-radius: 50%; position: absolute; left: 10px; top: 7px; }
    .tobusiness_ttl { font-size: 3.2rem; font-weight: 700; margin-top: 4px; line-height: 1.5; text-align: center; }

    .tobusiness_stg { width: 80%; margin: 90px auto 0; }
    .tobusiness_stg_list { display: block; justify-content: space-between; margin-top: 48px; }
    .tobusiness_stg_item { width: auto; padding: 48px 26px; border: 1px solid #3E3A39; position: relative; box-sizing: border-box; }
    .tobusiness_stg_item + .tobusiness_stg_item { margin-top: 35px; }
.tobusiness_stg_item .hd { padding-right: 12px; background: #fff; position: absolute; left: -1px; top: -1px; transform: translateY(-50%);-webkit-transform: translateY(-50%); display: flex; align-items: center; }
.tobusiness_stg_item .hd .num { font-size: 2.8rem; font-weight: 700; color: #FAC443; }
.tobusiness_stg_item .hd .txt { font-size: 1.6rem; margin-left: 8px; }
.tobusiness_stg_item .img img { width: 100%; }
.tobusiness_stg_item .ttl { font-size: 2.0rem; text-align: center; font-weight: 700; margin: 30px 0 20px; }
.tobusiness_stg_item .ttl span { display: inline-block; position: relative; }
.tobusiness_stg_item .ttl span:after { content: ""; display: inline-block; width: 100%; height: 10px; background: #FAC443; position: absolute; bottom: 2px; left: 0; z-index: -1; }
    .tobusiness_stg_item p { line-height: 1.75; margin-top: 20px; text-align: center; }

    .tobusiness_service { background: #FAF9F7; }
    .tobusiness_service > .inner { width: 87.69%; margin: 7.50rem auto; padding: 6.5rem 0 7.0rem; }
    .tobusiness_service_list { margin-top: 4.0rem; }
    .tobusiness_service_item { display: flex; flex-direction: column; justify-content: space-between; position: relative; }
.tobusiness_service_item + .tobusiness_service_item { margin-top: 4.4rem; }
    .tobusiness_service_item .ph { width: 100%; margin-top: 1.5rem; margin-left: 0; }
    .tobusiness_service_item .txt { width: 100%; align-self: center; }
    /*.tobusiness_service_item .ttl { font-size: 2.0rem; font-weight: 500; margin-bottom: 2.5rem; }*/
    .tobusiness_service_item .txt .ttl { display: flex; align-items: center; height: 4em; margin-bottom: 3.0rem; padding-left: 9.0rem; font-size: 2.8rem; line-height: 1.33; font-weight: 500; color: #F2C346; } .tobusiness_service_item .num { width: 8.2rem; font-size: 15.3rem; line-height: 0.7; color: #F6F4F0; position: absolute; left: 0; top: 1.5rem; }


    .tobusiness_faq { margin-top: 14.5rem;}
    .tobusiness_interview { margin-top: 7.5rem; overflow-x: hidden; }

.tobusiness_works .works_top_cat { margin: 60px auto 30px; }
    .btn_more a { display: block; width: 68.69%; margin: 2.5rem auto 0; font-size: 2.0rem; font-weight: 700; text-align: center;border: 1px solid #000; border-radius: 1.0rem; padding: 2.0rem 0; box-sizing: border-box; box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 1); }

    .tobusiness_performance { width: auto; margin: 14.5rem 0 0; padding-bottom: 58px; background: #FAC443; }
.tobusiness_performance .tobusiness_hd span:before { background: #fff;}
.tobusiness_performance > .inner { width: auto; padding: 0; box-sizing: border-box; display: block; }
    .tobusiness_performance .page_ttl { width: 87.69%; margin: 0 auto; padding: 7.5rem 0 5.0rem; }
    .tobusiness_performance_hd { width: auto; padding: 60px 9.23% 45px; box-sizing: border-box; }
    .tobusiness_performance_item { width: auto; background: #fff; margin-top: 6px; padding: 20px 4.1%; box-sizing: border-box; }
    .tobusiness_performance_item:nth-child(2) { margin-top: 0; }
    
    .tobusiness_head { width: auto; margin: 90px auto 0; }
.tobusiness_performance_hd p { line-height: 1.75; margin-top: 20px;}
.tobusiness_performance_item { text-align: center; }
.tobusiness_performance_item .ttl { font-size: 2.4rem; font-weight: 700; }
    .tobusiness_performance_item .img { margin: 20px 0; }
.tobusiness_performance_item:nth-child(2) .img { margin: 20px 0 0; }
.tobusiness_performance_item .img img { width: 100%;}
    .tobusiness_performance_item p { line-height: 1.55; padding: 0; }
.tobusiness_performance_item p small { font-size: 1.4rem; }
    
    .tobusiness_works { width: 87.69%; margin: 13.5rem auto 0; }
.tobusiness_works .works_top_cat { margin: 60px auto 30px; }
    .tobusiness_works .top_works_item { width: 100%; margin-bottom: 34px; }
    .tobusiness_works_cat { display: flex; flex-direction: column; margin-top: 5.0rem; }
    .tobusiness_works_cat .item + .item { margin: 3.0rem 0 0; }
    .tobusiness_works_cat select { width: 100%; max-width: auto; border: none; border-bottom: 1px solid #707070; padding: 1.8rem 1.2rem; box-sizing: border-box; }
    .tobusiness_works_list .first { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 1.75rem; margin-top: 5.6rem; }
    .tobusiness_works_list .more { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 1.75rem; margin-top: 1.75rem; position: relative; }
    .tobusiness_works_list .btn { display: none; }

.tobusiness_clients { width: 87.69%; margin: 9.7rem auto 0; }
    .tobusiness_clients_list { display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 0.8rem; grid-row-gap: 0.8rem; margin-top: 3.5rem; }
.tobusiness_clients_item { border: 1px solid #EDEDED; padding-bottom: 63.01%; position: relative; }
.tobusiness_clients_item img {  width: 33%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.tobusiness_clients .notes { margin-top: 1.5rem; font-size: 1.2rem; text-align: right; color: #3E3A39; }

    .tobusiness_download { width: 87.69%; margin: 9.5rem auto 0; }
    .tobusiness_download_list._archive { display: grid; grid-template-columns: repeat(1,1fr); grid-row-gap: 1.2rem; margin-top: 4.0rem; position: relative; }
.tobusiness_download_item { border: 1px solid #EDEDED; }
.tobusiness_download_item .txt { padding: 4.0rem 2.8rem 2.5rem; }
.tobusiness_download_item .txt p { font-size: 2.0rem; line-height: 1.2; }
.tobusiness_download_item .download { font-size: 1.8rem; line-height: 1.5; margin-top: 3.0rem; padding-left: 3.1rem; position: relative; }
.tobusiness_download_item .download .ico { display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #F2C346; position: absolute; left: 0; }
.tobusiness_download_item .download .ico img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    
    /* 初回表示時：4番目以降のアイテムを隠す */
    #response-area .tobusiness_works_item:nth-child(n+4) {
        display: none;
    }
    #response-area .link_more {
        display: block!important;
    }
    #response-area .link_more a { justify-content: center;    padding-left: 0; }

.link_index { text-align: center; margin-top: 10px; }
.link_index a { display: inline-block; position: relative; font-size: 1.4rem; margin-left: 41px; }
.link_index a .ico { display: block; width: 61px; height: 61px; position: relative; position: absolute; left: -82px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); }
.link_index a .ico:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #ddd; border-radius: 50%; }
.link_index a .ico:after { content: ""; display: block; width: 7px; height: 7px; position: absolute; left: 50%; top: 50%; background: #302D2B; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); border-radius: 50%; }
}

/*topersonal*/
.topersonal_mv { margin-top: 8.0rem; position: relative; }
.topersonal_mv_copy { font-size: 4.2rem; text-align: center; font-weight: 700; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); }

.topersonal_read { width: 80.71%; margin: 13.0rem auto 0; text-align: center; }
.topersonal_read .catch { font-size: 2.8rem; line-height: 1.4; font-weight: 700; width: 90%; max-width: 50.0rem; margin: 0 auto 6.0rem; }

.topersonal_phslide { margin-top: 20.0rem;}

.topersonal_service { margin-top: 16.5rem; }
.topersonal_service > .inner { width: 80.71%; margin: 0 auto; }
.topersonal_service_item { display: flex; }
.topersonal_service_item:first-child { margin-top: 13.5rem; }
.topersonal_service_item +.topersonal_service_item { margin-top: 20.0rem; }
.topersonal_service_item .num { width: 15.9rem; font-size: 29.5rem; line-height: 0.7; color: #F6F4F0; }
.topersonal_service_item .ttl { margin-bottom: 3.0rem; font-size: 3.0rem; line-height: 1.33; font-weight: 500; color: #F2C346; }
.topersonal_service_item p { line-height: 1.75; }
.topersonal_service_item .txt { width: 34.33%; margin-left: 1.59%; padding-top: 3.0rem; }
.topersonal_service_item .ph { width: 40%; margin-left: calc(100% - 75.92% - 15.9rem); }

.tobusiness_schedule { margin-top: 20.0rem;}
.tobusiness_schedule > .inner { width: 80.71%; margin: 0 auto; }

.topersonal_phslide .swiper-wrapper {
  /* これによりスライドの切り替えが等速（リニア）になります */
  transition-timing-function: linear !important;
}


@media screen and (min-width: 901px) {
    .tobusiness_schedule_flow { position: relative; margin-top: 13.0rem; }
    .tobusiness_schedule_flow img { width: 100%; }
    .tobusiness_schedule_flow .txt00 { width: calc(167 / 1144 * 100%); position: absolute; left: calc(51 / 1144 * 100%); top: calc(33 / 1085 * 100%); }
    .tobusiness_schedule_flow .item01 { width: calc(412 / 1144 * 100%); position: absolute; left:  calc(258 / 1144 * 100%); top: calc(-53 / 1085 * 100%); }
    .tobusiness_schedule_flow .item02 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(720 / 1144 * 100%); top: calc(-53 / 1085 * 100%); }
    .tobusiness_schedule_flow .item03 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(533 / 1144 * 100%); top: calc(210 / 1085 * 100%); }
    .tobusiness_schedule_flow .item04 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(138 / 1144 * 100%); top: calc(205 / 1085 * 100%); }
    .tobusiness_schedule_flow .item05 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(266 / 1144 * 100%); top: calc(445 / 1085 * 100%); }
    .tobusiness_schedule_flow .item06 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(661 / 1144 * 100%); top: calc(448 / 1085 * 100%); }
    .tobusiness_schedule_flow .item07 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(756 / 1144 * 100%); top: calc(701 / 1085 * 100%); }
    .tobusiness_schedule_flow .item08 { width: calc(249 / 1144 * 100%); position: absolute; left:  calc(338 / 1144 * 100%); top: calc(702 / 1085 * 100%); }
    .tobusiness_schedule_flow .item09 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(77 / 1144 * 100%); top: calc(828 / 1085 * 100%); }
    .tobusiness_schedule_flow .item10 { width: calc(200 / 1144 * 100%); position: absolute; left:  calc(333 / 1144 * 100%); top: calc(954 / 1085 * 100%); }

    .tobusiness_schedule_flow .type01 { width: calc(104 / 1144 * 100%); position: absolute; left:  calc(753 / 1144 * 100%); top: calc(276 / 1085 * 100%); }
    .tobusiness_schedule_flow .type02 { width: calc(118 / 1144 * 100%); position: absolute; left:  calc(508 / 1144 * 100%); top: calc(513 / 1085 * 100%); }
    .tobusiness_schedule_flow .type03 { width: calc(114 / 1144 * 100%); position: absolute; left:  calc(619 / 1144 * 100%); top: calc(769 / 1085 * 100%); }

    .tobusiness_schedule_flow .ill01 { width: calc(151 / 1144 * 100%); position: absolute; left:  calc(908 / 1144 * 100%); top: calc(140 / 1085 * 100%); }
    .tobusiness_schedule_flow .ill02 { width: calc(160 / 1144 * 100%); position: absolute; left:  calc(365 / 1144 * 100%); top: calc(214 / 1085 * 100%); }
    .tobusiness_schedule_flow .ill03 { width: calc(166 / 1144 * 100%); position: absolute; left:  calc(73 / 1144 * 100%); top: calc(404 / 1085 * 100%); }
    .tobusiness_schedule_flow .ill04 { width: calc(162 / 1144 * 100%); position: absolute; left:  calc(893 / 1144 * 100%); top: calc(534 / 1085 * 100%); }
    .tobusiness_schedule_flow .ill05 { width: calc(156 / 1144 * 100%); position: absolute; left:  calc(113 / 1144 * 100%); top: calc(1034 / 1085 * 100%); }
    .tobusiness_schedule_flow .ill06 { width: calc(223 / 1144 * 100%); position: absolute; left:  calc(863 / 1144 * 100%); top: calc(914 / 1085 * 100%); }

    .tobusiness_schedule_flow .fukidashi { width: calc(174 / 1144 * 100%); position: absolute; left:  calc(103 / 1144 * 100%); top: calc(624 / 1085 * 100%); }

    .tobusiness_schedule_flow .txt01 { width: calc(192 / 1144 * 100%); position: absolute; left:  calc(623 / 1144 * 100%); top: calc(1030 / 1085 * 100%); }
    .tobusiness_schedule_flow .txt02 { width: calc(486 / 1144 * 100%); position: absolute; left:  calc(623 / 1144 * 100%); top: calc(1114 / 1085 * 100%); }
}


@media screen and (max-width: 900px) {
    .topersonal_mv { margin-top: 8.0rem; position: relative; overflow-x: hidden; }
    .topersonal_mv_copy { width: 100%; font-size: 3.6rem; text-align: center; font-weight: 700; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); }
    .topersonal_mv_ph { width: 196.40%; margin-left: -48.20%; }

    .topersonal_read { width: 87.69%; margin: 4.0rem auto 0; text-align: center; }
.topersonal_read .catch { font-size: 2.8rem; line-height: 1.4; font-weight: 700; margin-bottom:  3.0rem; }

    .topersonal_phslide { margin-top: 8.0rem; overflow-x: hidden; }

    .topersonal_service { margin-top: 11.0rem; }
    .topersonal_service > .inner { width: 87.69%; margin: 0 auto; }
    .topersonal_service_item { display: flex; flex-direction: column; position: relative; padding-top: 1.0rem; }
    .topersonal_service_item:first-child { margin-top: 5.5rem; }
    .topersonal_service_item +.topersonal_service_item { margin-top: 7.0rem; }
    .topersonal_service_item .num { width: 8.2rem; font-size: 15.3rem; line-height: 0.7; color: #F6F4F0; position: absolute; left: 0; top: 1.5rem; }
    .topersonal_service_item .ttl { display: flex; align-items: center; height: 4em; margin-bottom: 3.0rem; padding-left: 9.0rem; font-size: 2.8rem; line-height: 1.33; font-weight: 500; color: #F2C346; }
.topersonal_service_item p { line-height: 1.75; }
    .topersonal_service_item .txt { width: 100%; margin-left: 1.59%; padding-top: 0; }
    .topersonal_service_item .ph { width: 100%; margin: 2.0rem 0 0; }

.tobusiness_schedule { margin-top: 8.8rem;}
    .tobusiness_schedule > .inner { width: 87.69%; margin: 0 auto; }
    
    .tobusiness_schedule_flow { position: relative; max-width: 34.2rem; margin: 4.0rem auto 0; padding: 4.0rem 0; text-align: center; }
    .tobusiness_schedule_flow:before { content: ""; display: block; width: 27.8rem; height: 100%; background: #F0EEE9; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; }
    
    .tobusiness_schedule_flow .item01,
    .tobusiness_schedule_flow .item02,
    .tobusiness_schedule_flow .item03,
    .tobusiness_schedule_flow .item04,
    .tobusiness_schedule_flow .item05,
    .tobusiness_schedule_flow .item06,
    .tobusiness_schedule_flow .item07,
    .tobusiness_schedule_flow .item08,
    .tobusiness_schedule_flow .item09,
    .tobusiness_schedule_flow .item10 { margin-left: -0.5rem; }
    .tobusiness_schedule_flow * + * { margin-top: 3.2rem; }
    .tobusiness_schedule_flow .fukidashi { text-align: right; }
    .tobusiness_schedule .txt02 { margin-top: 2.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.15em; line-height: 1.8; }
    
}



/*link*/
.link_txt,
.edit_area a,
.faq_item_a a,
.mw-wp-form_file a,
.works_single_body a{ text-decoration: underline!important; color: #F2C346; }

@media screen and (min-width: 901px) {
    
    .link_txt:hover,
    .edit_area a:hover,
    .faq_item_a a:hover,
    .mw-wp-form_file a:hover,
    .works_single_body a:hover { text-decoration: none!important; }
    
    .footer_nav a,
    .footer_link a { -webkit-transition: opacity 0.3s cubic-bezier(.165,.84,.44,1); transition: opacity 0.3s cubic-bezier(.165,.84,.44,1); }
    .footer_nav a:hover,
    .footer_link a:hover { opacity: 0.6; }
    
    .main_nav a,
    .breadcrumbs a { -webkit-transition: color 0.3s cubic-bezier(.165,.84,.44,1); transition: color 0.3s cubic-bezier(.165,.84,.44,1); }
    .main_nav a:hover { color: #555; }
    .breadcrumbs a:hover { color: #F2C346; }
    
    .main_nav a,
    
    .top_news_item .ph img,
    .top_news_first .ph img,
    .top_article_item a .ph img,
    .recommend_works_item a img,
    .archive_works_item .ph img,
    body:not(.single-works) .works_top_item .ph img,
    .recommend_post_item a .ph img,
    a.top_service_item .ph img,
    .archive_membersbook_item .ph img,
    .top_membersbook_item .ph img,
    .top_membersbook_bnitem img { -webkit-transition: transform 1.5s cubic-bezier(.165,.84,.44,1); transition: transform 1.5s cubic-bezier(.165,.84,.44,1); }
    .top_news_item:hover .ph img,
    .top_news_first:hover .ph img,
    .top_article_item a:hover .ph img,
    .recommend_works_item a:hover .ph img,
    .archive_works_item:hover .ph img,
    body:not(.single-works) .works_top_item:hover .ph img,
    .recommend_post_item a:hover .ph img,
    a.top_service_item:hover .ph img,
    .archive_membersbook_item:hover .ph img,
    .top_membersbook_item:hover .ph img,
    .top_membersbook_bnitem:hover img { transform: scale(1.05); }
    
    .common_index_item .txt *,
    .common_index_item .ico *{ -webkit-transition: color 0.5s cubic-bezier(.165,.84,.44,1); transition: color 0.5s cubic-bezier(.165,.84,.44,1); }
    .common_index_item .ph { -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
    .common_index_item:hover .txt *,
    .common_index_item:hover .ico * { color: #fff; }
    .common_index_item:hover .ph { opacity: 1; }
    
    .tobusiness_service .common_index_item .read { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
    .tobusiness_service .common_index_item:hover .read { opacity: 1; }
    
    .works_top_cat a { -webkit-transition: color 0.5s cubic-bezier(.165,.84,.44,1); transition: color 0.5s cubic-bezier(.165,.84,.44,1); }
    .works_top_cat a:hover { color: #F2C346; }
    
    .common_single_editor .btn.pc { -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); }
    .common_single_editor .btn.pc:hover { background: #000; color: #fff; }
    .common_single_editor .btn.pc .ico { -webkit-transition: fill 0.5s cubic-bezier(.165,.84,.44,1); transition: fill 0.5s cubic-bezier(.165,.84,.44,1); }
    .common_single_editor .btn.pc:hover .ico { fill: #fff; }
    
    .single_membersbook_item .btn a { -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); }
    .single_membersbook_item .btn a:hover { background: #fff; color: #000; }
    
    .staff_item .ph > div._normal,
    .top_news_first .txt,
    .top_news_item .txt,
    .top_news_first .ph:after,
    .top_news_item .ph:after { opacity: 1; -webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); transition: opacity 0.5s cubic-bezier(.165,.84,.44,1); }
    .staff_item:hover .ph > div._normal,
    .top_news_first:hover .txt,
    .top_news_item:hover .txt,
    .top_news_first:hover .ph:after,
    .top_news_item:hover .ph:after { opacity: 0; }
    
    .btn_submit input { background: #000 url("../img/ico_arrow_formbtn.svg") no-repeat 230px center / 7px 9px; color: #fff;  -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); border: 1px solid #000; }
    .btn_submit input:hover { background: #fff url("../img/ico_arrow_formbtn_ov.svg") no-repeat 230px center / 7px 9px; color: #000; }
    
    .link_btn a { color: #fff; border: 1px solid #000; -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); }
    .link_btn a:hover { color: #000; background: #fff; }
    .link_btn a:hover .arrow { background: url("../img/arrow_linkbtn_bk.svg") no-repeat center / cover; }
    
    .link_btn_nobg a { -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); }
    .link_btn_nobg a:hover { color: #fff; background: #000; }
    .link_btn_nobg a:hover .arrow { background: url("../img/arrow_linkbtn_wh.svg") no-repeat center / cover; }
    
    .footer_inquiry_form .btn a { -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); }
    .footer_inquiry_form .btn a:hover { background: #F2C346; color: #000; }
    
    .top_introduction_item,
    .footer_introduction_item,
    .footer_local_item { -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); }
    .top_introduction_item:hover,
    .footer_introduction_item:hover,
    .footer_local_item:hover { background: #F2C346; }
    .top_introduction_item:hover .hd,
    .footer_introduction_item:hover .hd,
    .footer_local_item:hover .hd { color: #fff; }
    .top_introduction_item:hover h2,
    .footer_introduction_item:hover h2,
    .footer_local_item:hover h2 { color: #fff; }
    .top_introduction_item:hover h2 .circle,
    .footer_introduction_item:hover h2 .circle,
    .footer_local_item:hover h2 .circle { background: #fff; }
    
    .inhouse_marcheig a:hover { background: url("../img/inhouse_ig_marche_on.png") no-repeat center / cover; }
    .inhouse_cafeIg a:hover { background: url("../img/inhouse_ig_cafe_on.svg") no-repeat center / cover; }
    .inhouse_project_item:hover .ico:not(.ico_comingsoon):after,
    .inhouse_project_item:hover .logo { opacity: 0; }
    
    .link_index a .ico:before,
    .link_more a .circle:before { -webkit-transition: transform 0.3s cubic-bezier(.165,.84,.44,1); transition: transform 0.3s cubic-bezier(.165,.84,.44,1); }
    .link_index a:hover .ico:before,
    .link_more a:hover .circle:before { -webkit-transform: scale(1.2); transform: scale(1.2); }
    
    .link_more a .arrow { transition: transform 0.3s cubic-bezier(.165,.84,.44,1); }
    .link_more a:hover .arrow { transform: translateX(1.0rem); }
    
}