@charset "utf-8";

/** |READ ME| **********************************************************************************************************

01. Reset
02. Common
03. Header
04. Footer
05. Top
06. Topics
07. Article 
08. Contact
09. Notfound
10. service
11. Recruit
12. Company

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/
* {margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
em {font-style:normal;font-weight:bold;}
ol, ul {list-style:none;margin:auto;padding:0;font-family:heisei-kaku-gothic-std, "游ゴシック体", "Yu Gothic", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, arial, helvetica, sans-serif;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
small {font-weight:400;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
a img {border:none;outline:none;}
img {border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe {margin:0px;padding:0px;border:none;}
html {width:100%;height:100%;}
body {background:transparent;width:100%;height:100%;text-align:center;letter-spacing:0.02em;font-size:14px;line-height:150%;color:#333333;font-family:heisei-kaku-gothic-std, "游ゴシック体", "Yu Gothic", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, arial, helvetica, sans-serif;}
body.pd-open{overflow:hidden;}
body.scr-stop{overflow:hidden;}

/** |02. Common | >> ********************************************************************************* >> START **/
a {color:#333333;text-decoration:none;}
a:hover {text-decoration:none;opacity:0.7;transition:0.3s ease-in-out;}
.pc-block {display:block !important;}
.sp-block {display:none !important;}
.pc-inline {display:inline !important;}
.sp-inline {display:none !important;}
#content {padding: 0 0 150px;position: relative;}
body.open-menu {overflow:hidden;}
.cmn-ani-fad {opacity:0;}
.cmn-ani-fad.view {animation-name:cmn-ani-fad-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-up {transform:translate(0, 50px);opacity:0;}
.cmn-ani-up.view {animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-wid {width:0;}
.cmn-ani-wid.view {animation-name:cmn-ani-wid-act;animation-fill-mode:forwards;animation-duration:1.2s;animation-timing-function:ease-out;}
@keyframes cmn-ani-fad-act {
from {opacity:0;}
to {opacity:1;}
}
@keyframes cmn-ani-up-act {
from {transform:translate(0, 50px);opacity:0;}
to {transform:translate(0, 0);opacity:1;}
}
@keyframes cmn-ani-wid-act {
from {width:0;}
to {width:100%;}
}
.cmn-ani-del100 {animation-delay:100ms;}
.cmn-ani-del200 {animation-delay:200ms;}
.cmn-ani-del300 {animation-delay:300ms;}
.cmn-ani-del400 {animation-delay:400ms;}
.cmn-ani-del500 {animation-delay:500ms;}
.cmn-ani-del600 {animation-delay:600ms;}
.cmn-ani-del700 {animation-delay:700ms;}
.cmn-ani-del800 {animation-delay:800ms;}
.cmn-ani-del900 {animation-delay:900ms;}
.cmn-ani-del1000 {animation-delay:1000ms;}
.cmn-ani-del1100 {animation-delay:1100ms;}
.cmn-ani-del1200 {animation-delay:1200ms;}
.cmn-ani-del1300 {animation-delay:1300ms;}
.cmn-ani-del1400 {animation-delay:1400ms;}
.cmn-ani-del1500 {animation-delay:1500ms;}
.cmn-ani-del1600 {animation-delay:1600ms;}
.cmn-ani-del1700 {animation-delay:1700ms;}
.cmn-ani-del1800 {animation-delay:1800ms;}
.cmn-ani-del1900 {animation-delay:1900ms;}
.cmn-ani-del2000 {animation-delay:2000ms;}
.cmn-ani-del2100 {animation-delay:2100ms;}
.cmn-ani-del2200 {animation-delay:2200ms;}
.cmn-ani-del2300 {animation-delay:2300ms;}
.cmn-ani-del2400 {animation-delay:2400ms;}
.cmn-ani-del2500 {animation-delay:2500ms;}
.cmn-ani-del2600 {animation-delay:2600ms;}
.cmn-ani-del2700 {animation-delay:2700ms;}
.cmn-ani-del2800 {animation-delay:2800ms;}
.cmn-ani-del2900 {animation-delay:2900ms;}
.cmn-ani-del3000 {animation-delay:3000ms;}
.cmn-hed{margin:auto;max-width:1200px;padding:180px 20px 120px;text-align:left;display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap; box-sizing:border-box;}
.cmn-hed.news-idx-hed {padding:180px 20px 70px}
.cmn-hed-tit b{padding:0 0 5px;margin:0 0 0;font-size:65px;font-family: "gotham", sans-serif;font-weight: 700;font-style: normal;display: block;position: relative;}
.cmn-hed-tit small{font-size:14px;font-weight:bold;display: block;position: relative;color: #009844;}
.cmn-hed-lan{border-radius:5px;background:#eaeaea;color:#a2a2a2;display:flex;width:220px;text-align:center;margin:0 0 0 auto;overflow:hidden;}
.cmn-hed-lan li{width:50%;padding:5px 0;}
.cmn-hed-lan li.act{color:#fff;background:#000;}
.cmn-new{padding:120px 0;}
.cmn-new-tit{position:relative;max-width:1200px;padding:0;margin:0 auto 60px;box-sizing:border-box;text-align:left;}
.cmn-new-tit b{display:block;font-family:"Poppins", sans-serif;font-size:65px;padding:0 0 15px;}
.cmn-new-tit small{display:block;font-size:14px;position: relative;padding-left: 60px;font-weight: bold;}
.cmn-new-tit small::after{content: " ";width:50px;height:2px;background: #333333;position: absolute;top:calc(50% - 1px);left:0;}
.cmn-new-tit b.cmn-new-tit-sla{position:relative;display: inline-block;vertical-align: middle;padding:0 60px 0 0;font-size:60px;font-style: italic;}
.cmn-new-tit b.cmn-new-tit-sla::after{content:" ";background: #009844;width:2px;height:48px;position: absolute;top:calc(50% - 24px);right:20px;transform: rotate(30deg);}
.cmn-new-tit b.cmn-new-tit-sla + small{display: inline-block;vertical-align: middle;font-size:14px;font-weight: bold;padding-left:0;}
.cmn-new-tit b.cmn-new-tit-sla + small::after{display:none;}
.cmn-new-fot{display:none;}
.cmn-new-fot a,
.cmn-new-tit a{max-width:220px;width:100%;padding:20px 30px 20px 20px;border:1px #ddd solid;position:absolute;bottom:0;right:20px;box-sizing:border-box;text-align:center;border-radius:50px;display:block;background:#fff;}
.cmn-new-fot a::after,
.cmn-new-tit a::after {content:" ";display:block;position:absolute;top:calc(50% - 4px);right:20px;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}
.cmn-new-fot a::before,
.cmn-new-tit a::before {content:" ";display:block;position:absolute;top:calc(50% - 1px);right:20px;width:10px;height:1px;background:#000;}
.cmn-new-inn{max-width:1200px;margin:auto;padding:0 20px;box-sizing:border-box;}
.cmn-new-list{display:flex;flex-wrap:wrap;gap:60px 50px;}
.cmn-new-list li{width:calc(33.33% - 50px * 2 / 3);}
.cmn-new-list li a{display:flex;height:100%;flex-direction:column;}
.cmn-new-list h3{text-align:left;font-size:18px;line-height:1.6;margin:20px 0;font-weight: bold;}
.cmn-new-list h4{color:#969696;font-size:12px;text-align:left;margin:auto 0 0;}
.thumbnail {width:100%;overflow: hidden;z-index: 0;}
.thumbnail img{display:block;width:100%;height:auto;}
.cmn-inf{padding:0 0 120px;}
.cmn-inf-inn{max-width:1200px;padding:0 20px;margin:auto;position: relative;}
.cmn-inf-tit{position:relative;max-width:1200px;padding:0;margin:0 auto 60px;box-sizing:border-box;text-align:left;}
.cmn-inf-tit b{display:block;font-family:"Poppins", sans-serif;font-style:italic;font-size:60px;padding:0 0 20px;}
.cmn-inf-tit small{display:block;font-size:14px;}
.cmn-inf-tit b.cmn-inf-tit-sla{position:relative;display: inline-block;vertical-align: middle;padding:0 60px 0 0;}
.cmn-inf-tit b.cmn-inf-tit-sla::after{content:" ";background: #009844;width:2px;height:48px;position: absolute;top:calc(50% - 24px);right:20px;transform: rotate(30deg);}
.cmn-inf-tit b.cmn-inf-tit-sla + small{display: inline-block;vertical-align: middle;font-size:14px;font-weight: bold;}
.cmn-inf-list{text-align: left;border-radius: 5px;}
.cmn-inf-list dt{margin:0 0 0;padding:5px;padding:18px 60px 18px 50px;position: relative;border-radius: 5px;background-color: #fff;border: 1px solid #DDD;}
.cmn-inf-list dt.open {border-radius: 5px 5px 0 0;border-bottom: none;}
.cmn-inf-list dt::before{content:"";background: #009844;width:5px;position:absolute;left:20px;top:12px;bottom:12px;}
.cmn-inf-list dt b{font-size:16px;font-weight: bold;display: block;padding: 0 0 5px;}
.cmn-inf-list dt small{font-size:12px;font-weight: bold;color:#B2B2B2;display: block;font-weight: normal;}
.cmn-inf-list dt i{width:30px;height:30px;background: #000;position: absolute;top:calc(50% - 15px);right:20px;border-radius: 50%;}
.cmn-inf-list dt i::before{content:" ";display: block;width:9px;height:1px;background: #fff;position: absolute;top:50%;left:calc(50% - 4px);}
.cmn-inf-list dt i::after{content:" ";display: block;width:1px;height:9px;background: #fff;position: absolute;top:calc(50% - 4px);left:50%;}
.cmn-inf-list dt.open i::after{display:none;}
.cmn-inf-list dd{position:relative;margin:0 0 20px;background: #F8F8F8;border-radius: 0 0 5px 5px;overflow: hidden;transition:0.3s ease-in-out ,border 0s;border: none;box-sizing: border-box;}
.cmn-inf-list dt.open + dd {border: 1px solid #DDD;}
.cmn-inf-list dd p{position:absolute;padding:50px;top:0;left:0;box-sizing: border-box;width: 100%;}
.cmn-inf-tgl-btn{transition:0.3s ease-in-out;transform: translate(-50%,100%);background: #fff;z-index:1;max-width:180px;width:100%;padding:10px 30px 10px 20px;border:1px #ddd solid;position:absolute;bottom:0;left:50%;box-sizing:border-box;text-align:center;border-radius:50px;display:block;}
.cmn-inf-tgl-btn.inview{opacity:0 !important;pointer-events: none;}
.cmn-inf-tgl-btn::after {content:" ";display:block;position:absolute;top:calc(50% - 6px);right:20px;width:6px;height:6px;border-bottom:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}
.cmn-inf-tgl{position: relative;overflow: hidden;}
.cmn-inf-tgl-inn{position:absolute;top:0;left:0;box-sizing: border-box;width: 100%;}
.cmn-hed-tags {display:flex;justify-content:flex-end;margin:0;}
.cmn-hed-tags li {margin-left:25px;width:auto;}
.cmn-hed-tags li a {display:block;width:auto;min-width:100px;padding:7px 30px;line-height:25px;text-align:center;font-size:14px;font-weight:normal;border:1px solid #ddd;color:#000;position:relative;white-space:nowrap;box-sizing:border-box;border-radius:20px;}
.cmn-hed-tags li a::before {content:"#";display:inline-block;font-size:14px;font-weight:normal;color:#000;display: none;}
.cmn-hed-tags li.act a{background:#009844;color:#fff;border:1px solid #009844;}
.cmn-hed-tags li.act a::before{color:#fff;}

@keyframes action-fadein{
0% {opacity:0;}
100%{opacity:1;}
}
@media (max-width:800px) {
    .pc-block {display:none !important;}
    .sp-block {display:block !important;}
    .pc-inline {display:none !important;}
    .sp-inline {display:inline !important;}
    #content {padding: 0 0 20%;}
    .cmn-hed{padding: calc(15% + 60px) 20px 10%;display:block;}
    .cmn-hed.news-idx-hed {padding: calc(15% + 60px) 20px 10%;}
    .cmn-hed-tit b{display:block;padding:0 0 10px;font-size:50px;}
    .cmn-hed-tit small{display:block;}
    .cmn-hed-lan{margin:60px 0 0;}
    .cmn-new{padding:60px 0;}
    .cmn-new-tit{margin:0 auto 30px;}
    .cmn-new-tit b{font-size:40px;padding:0 0 10px;}
    .cmn-new-tit small{padding:0 0 0 35px;}
    .cmn-new-tit small::after {width: 25px;}
    .cmn-new-tit a{position:relative;right:auto;bottom:auto;padding:15px 45px 15px 25px;max-width:none;display:inline-block;width:auto;display: none}
    .cmn-new-fot{display: block;padding: 40px 0 0;text-align: left;}
    .cmn-new-fot a,
    .cmn-new-tit a{position:relative;right:auto;bottom:auto;padding:15px 45px 15px 25px;max-width:none;display:inline-block;width:auto;}
    .cmn-new-tit a{display:none;}
    .cmn-new-tit b.cmn-new-tit-sla{padding:0 0 20px 0;font-size:40px;}
    .cmn-new-tit b.cmn-new-tit-sla::after{display:none;}
    .cmn-new-tit b.cmn-new-tit-sla + small{display:block;padding:0;}
    .cmn-new-list{display:block;}
    .cmn-new-list li{width:100%;}
    .cmn-new-list li + li {margin-top:0%;}
    .cmn-new-list li a{display:block;height:auto;}
    .cmn-new-list h3{font-size:14px;margin:15px 0 10px;}
    .cmn-new-list h4{font-size:12px;}
    .cmn-inf-tit{margin: 0 auto 30px;}
    .cmn-inf-tit b{font-size:40px;padding:0 0 10px;}
    .cmn-inf-tit small{padding:0;}
    .cmn-inf-tit b.cmn-inf-tit-sla{padding:0 0 20px 0;}
    .cmn-inf-tit b.cmn-inf-tit-sla::after{display:none;}
    .cmn-inf-tit b.cmn-inf-tit-sla + small{display: block;padding: 0;}
    .cmn-inf-list dt{margin:0;padding: 15px 50px 15px 30px;}
    .cmn-inf-list dt b{font-size:15px;}
    .cmn-inf-list dt::before {width: 3px;left: 12px;}
    .cmn-inf-list dt i{width: 24px;height: 24px;top: calc(50% - 12px);right: 15px;}
    .cmn-inf-list dd{margin:0 0 15px;}
    .cmn-inf-list dd p{padding:20px;}
    .cmn-hed-tags {margin:40px 0 0;justify-content:flex-start;}
    .cmn-hed-tags li {margin-left:0;margin-right:10px;}
    .cmn-hed-tags li a {padding:5px 10px;font-size:12px;}
}

/** |03. Header | >> ********************************************************************************* >> START **/
#header {position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background 0.3s ease-in-out,transform 0.3s ease-in-out, height 0.3s ease-in-out;}
#header.header-scroll {background: #fff;height: 86px;border-bottom: 1px solid #eee;}
.hed-log {position:absolute;top:80px;left:80px;font-size:0;line-height:0;transition:top 0.3s ease-in-out,left 0.3s ease-in-out,opacity 0.3s ease-in-out;}
.hed-log img {width:auto;height:26px;}
#header.header-scroll .hed-log {top: 30px;left: 30px;}
.hed-pd {position:fixed;top:0;left:0;z-index:1001;width:100%;}
.hed-pd-bg {opacity:0;width:0;transition:width 0.01s 0.55s, opacity 0.55s;position:fixed;background:rgba(0, 0, 0, 0.7);z-index:1000;top:0;left:0;height:100vh;height:100svh;}
.hed-pd-nav {transform:translate(100%, 0);position:absolute;top:0;right:0;transition:transform 0.35s ease-in-out;width:90%;max-width:600px;background:#009844;overflow:auto;height:100vh;height:100svh;z-index:1001;display:flex;flex-direction:column;justify-content:center;}
.hed-pd-nav-inn{margin:auto;padding:60px 40px;max-width:400px;width:100%;box-sizing:border-box;text-align:left;}
.hed-pd-nav-list {padding:0 0 35px;line-height:1;display:block;width:100%;margin:auto;}
.hed-pd-nav-list li {font-weight:bold;padding:0;font-size:18px;}
.hed-pd-nav-list li + li {margin-top: 10px;}
.hed-pd-nav-list a {display:block;padding:8px 0;position:relative;transition:opacity 0.3s ease-in-out;color: #fff;}
.hed-pd-nav-list a:hover{opacity:1;}
.hed-pd-nav-list a b{display:inline-block;font-size:28px;font-family: "gotham", sans-serif;font-weight: 700;font-style: normal;position: relative;padding:0;letter-spacing: 0.05em;}
.hed-pd-nav-list a b::after {content: "";position: absolute;bottom:0;right: 0;width: 0;height: 2px;background-color: #fff;transition: width 0.3s;}
.hed-pd-nav-list a:hover b::after {left: 0;width: 100%}
.hed-pd-nav-list a small{padding:0 0 4px;display:block;font-size:13px;font-weight:normal;}
.hed-pd-clo {width:36px;height:20px;position:absolute;right:15px;top:20px;z-index:1002;cursor:pointer;}
.hed-pd-clo::before {content:" ";display:block;width:36px;height:2px;position:absolute;top:9px;left:0;background:#000;transition:all 0.3s ease-in-out;transform:rotate(30deg);}
.hed-pd-clo::after {content:" ";display:block;width:36px;height:2px;position:absolute;bottom:9px;left:0;background:#000;transition:all 0.3s ease-in-out;transform:rotate(-30deg);}
.hed-pd.open .hed-pd-bg {width:100%;opacity:1;transition:opacity 0.55s;}
.hed-pd.open .hed-pd-nav {transform:translate(0, 0);}
.hed-pd.open .hed-pd-nav-list li{transform:translate(0, 50px);opacity:0;}
.hed-pd.open .hed-pd-nav-list li:nth-child(1){animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.55s;}
.hed-pd.open .hed-pd-nav-list li:nth-child(2){animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.6s;}
.hed-pd.open .hed-pd-nav-list li:nth-child(3){animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.65s;}
.hed-pd.open .hed-pd-nav-list li:nth-child(4){animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.7s;}
.hed-pd.open .hed-pd-nav-list li:nth-child(5){animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.75s;}
.hed-pd.open .hed-pd-nav-list li:nth-child(6){animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.8s;}
.hed-btn {position:absolute;top: 62px;right: 40px;width:60px;height:60px;z-index:1002;cursor:pointer;transition:width 0.3s ease-in-out, height 0.3s ease-in-out,top 0.3s ease-in-out,right 0.3s ease-in-out;}
#header.header-scroll .hed-btn {top: 12px;right: 12px;}
.hed-btn-ico {width:28px;height:20px;position:absolute;left:calc(50% - 14px);top:calc(50% - 10px);overflow:hidden;transition:all 0.3s ease-in-out;}
#header.open .hed-btn-ico{opacity:0;}
.hed-btn-ico::before {content:" ";display:block;width:28px;height:2px;position:absolute;top:0;left:0;background:#000;}
#header:not(.open) .hed-btn-ico::before{animation:hed-btn-ico-before-act 3s infinite ease-in-out;}
@keyframes hed-btn-ico-before-act{
0% {left:28px;}
10% {left:0;}
70% {left:0;}
90% {left:-28px;}
100% {left:-28px;}
}
.hed-btn-ico::after {content:" ";display:block;width:28px;height:2px;position:absolute;bottom:0;left:0;background:#000;}
#header:not(.open) .hed-btn-ico::after{animation:hed-btn-ico-after-act 3s infinite ease-in-out;}
@keyframes hed-btn-ico-after-act{
0% {left:28px;}
20% {left:-12px;}
70% {left:-12px;}
80% {left:-28px;}
100% {left:-28px;}
}
.hed-btn-line {display:block;width:28px;height:2px;position:absolute;top:calc(50% - 1px);left:0;background:#000;}
#header:not(.open) .hed-btn-line{animation:hed-btn-line-act 3s infinite ease-in-out;}
@keyframes hed-btn-line-act{
0% {left:28px;}
15% {left:-6px;}
70% {left:-6px;}
85% {left:-28px;}
100% {left:-28px;}
}
.hed-btn-ico-clo{width:28px;height:20px;position:absolute;left:calc(50% - 14px);top:calc(50% - 10px);opacity:0;transition:all 0.3s ease-in-out;}
#header.open .hed-btn-ico-clo{opacity:1;}
.hed-btn-ico-clo::before {content:" ";display:block;width:28px;height:2px;position:absolute;transform:rotate(30deg);top:9px;width:28px;background:#fff;}
.hed-btn-ico-clo::after {content:" ";display:block;width:28px;height:2px;position:absolute;transform:rotate(-30deg);bottom:9px;width:28px;background:#fff;}
.hed-pd-sub-list{padding:0 0 25px;transform:translate(0, 50px);opacity:0;}
.hed-pd.open .hed-pd-sub-list{animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.75s;}
.hed-pd-sub-list li{padding:3px 0;}
.hed-pd-sns-list{display:flex;gap:15px;transform:translate(0, 50px);opacity:0;}
.hed-pd.open .hed-pd-sns-list{animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:0.85s;}
.hed-pd-sns-list li a{display:block;border-radius:50%;}
.hed-pd-sns-list img{width:40px;height:40px;}

@media (max-width:800px){
    #header {height:70px;}
    #header.header-scroll {height:70px;}
    #header:not(.touchtop){background:#fff;}
    #header::after{content:" ";background:rgba(238, 238, 238, 0);width:100%;height:1px;position: absolute;left:0;bottom:0;transition:background 0.3s ease-in-out}
    #header:not(.touchtop)::after{background:rgba(238, 238, 238, 1);}
    .hed-log{top:50%;left:20px;transform: translate(0, -50%);width:calc(100% - 110px);max-width:300px;}
    #header.header-scroll .hed-log {left:20px;top:50%;}
    .hed-log img{width: auto;height: 22px;margin: 0;display: block;}
    .hed-btn {top: 10px;right: 10px;width: 50px;height: 50px;}
    #header.header-scroll .hed-btn  {top: 10px;right: 10px;}
    .hed-pd-nav{display:block;}
    .hed-pd-nav-list a{padding:12px 0;}
    .hed-pd-nav-list a b{font-size:24px;}
    .hed-pd-sns-list{gap:15px;}
    .hed-pd-sns-list img{width:40px;height:40px;margin:0px;}
    .hed-pd-nav-inn {padding: calc(10% + 60px) 15% 60px;}
    .hed-pd-nav-list li + li {margin-top: 0;}
}

/** |04. Footer | >> ********************************************************************************* >> START **/
.cnv-sec {padding:0 0 120px;}
.cnv-sec img{height:20px;margin:0 10px 0 0;}
.cnv-sec a{background:#009844;color:#000;font-size:16px;width:calc(100% - 40px);max-width:450px;display:block;margin:auto;border-radius:50px;padding:40px 0;font-weight:normal;}
#footer{color:#fff;position:relative;background:#000000;z-index:1;}
#footer a{color:#fff;}
#footer a:hover{color:#fff;}
.fot-inn{position:relative;z-index:1;padding:100px 20px 100px;display:flex;margin:auto;max-width:1200px;flex-wrap:wrap;}
.fot-log{padding:15px 0 0;}
.fot-log img{width:100%;max-width:119px;height:auto;}
.fot-list{margin:0 0 0 auto;text-align:left;padding:0 120px 0 0;}
.fot-list li{padding:18px 0;}
.fot-list li + li{margin-top: 5px;}
.fot-list li a{display:flex;align-items:center;font-family:"Poppins", sans-serif;font-size:16px;font-weight: 400;}
.fot-list li b{padding:0 30px 0 0;}
.fot-list li small{font-size:13px;}
.fot-nav {width: 29.75%;text-align: left;}
.fot-nav-list {}
.fot-nav-list li{padding:5px 0;}
.fot-nav-list li + li{margin-top: 2px;}
.fot-nav-list li a{display:flex;align-items:center;font-family:"Poppins", sans-serif;font-size:16px;font-weight: 400;}

.fot-con {width: 40.5%;text-align: left;}
.fot-con-txt {font-size: 16px;line-height: 1.6;margin-bottom: 20px;font-family:"Poppins", sans-serif;font-weight: 400;}
.fot-con-link-wrap {}
.fot-con-link-wrap a{font-family:"Poppins", sans-serif;font-weight: 400;}
.fot-con-cop {margin-top: 70px;font-size: 16px;font-family:"Poppins", sans-serif;font-weight: 400;}
.fot-btm{padding:50px 40px 40px;width:100%;box-sizing:border-box;display:flex;}
.fot-btm p{padding:0 0 0 40px;font-size: 12px;}
.fot-sns {width: 29.75%;text-align: left;}
.fot-sns-cmp {margin-bottom: 40px;font-size: 16px;font-family:"Poppins", sans-serif;font-weight: 400;}
.fot-sns-list{display:flex;margin:0 0 0 auto;gap:15px;}
.fot-sns-list li img{width:20px;}

.page-top-btn-wrap {position: absolute;right: 40px;top: 30%;}
.page-top-btn {display: block;writing-mode: vertical-rl;font-size: 14px;color: #fff;position: relative;padding-top: 20px;font-family:"Poppins", sans-serif;font-weight: 400;line-height: 1;}
.page-top-btn::before {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;margin: auto;transform: rotate(45deg);width: 6px;height: 6px;border-left: 2px solid #fff;border-top: 2px solid #fff;}

@media (max-width:800px){
 .cnv-sec {padding:0 0 80px;}
 .cnv-sec a{padding:25px 0;width:80%;font-size: 15px;}
#footer::after{top: 15vw;}
.fot-inn{padding: 15% 20px 5%;display:block;}
.fot-log{padding:0 0 60px;}
.fot-log img{max-width:90px;}
.fot-list{margin:0 auto;padding:0 10px 30px;}
.fot-list li{padding:12px 0;}
.fot-list li a{flex-direction:column-reverse;text-align:left;align-items:start;}
.fot-list li small{padding:0 0 8px;}
.fot-sub-list{margin:0 auto;padding:0 10px ;}
.fot-btm{padding:40px 20px 20px;display:block;}
.fot-btm p{padding:0;font-size:11px;}
.fot-sns-list{justify-content:start;padding:0 10px 30px;}
.fot-sns {width: 100%;display: flex;justify-content: space-between;margin-bottom: 7%;}
.fot-sns-cmp {margin-bottom: 0;}
.fot-sns-list {padding: 0 10px;}
.fot-nav {width: 100%;}
.fot-con {width: 100%;margin-top: 7%;}
.fot-con-txt {font-size: 13px;}
.fot-con-cop {margin-top: 15%;font-size: 13px;}
.page-top-btn-wrap {right: 40px;top: auto;bottom: calc(5% + 10px);z-index: 2;}

}

/** |05. Top | >> ********************************************************************************* >> START **/
.top-mai {padding-top: 300px;}
.movie video {display: block;width: 100%;height: auto;}
.top-main-tit-wrap{position:relative;}
.top-main-tit {text-align: left;box-sizing: border-box;padding: 0 7.5%;max-width: 1400px;margin: 0 auto 60px;}
.top-main-tit-jp-pc{display:block;}
.top-main-tit-jp-sp{display:none;}
.top-main-tit-jp {font-size: clamp(45px, 4.5vw, 65px);line-height: 1.6;margin-bottom:20px;font-family:"Poppins", sans-serif;font-weight:bold;letter-spacing: 0.02em;}
.top-main-tit-en-pc{display:block;}
.top-main-tit-en-sp{display:none;}
.top-main-tit-en {font-size: 18px;line-height: 1.8;color: #009844;font-weight:bold;}
.top-main-tit-line{display:block;position:relative;white-space: nowrap;}
.top-main-tit-color{position:absolute;top:0;left:0;overflow: hidden;width: 0;}
.top-main-tit-scale{color:#ddd;}
.top-main-scroll {position:absolute;right:50px;bottom:0;}
.top-main-scroll-btn{display:block;writing-mode:vertical-rl;font-size:14px;color:#333;position:relative;padding-bottom:30px;line-height:1;letter-spacing: 0.1em;}
.top-main-scroll-btn::before {content:"";display:block;position:absolute;bottom:2px;left:0;right:0;margin:auto;transform:rotate(45deg);width:6px;height:6px;border-right:2px solid #333;border-bottom:2px solid #333; animation: top-main-scroll-btn-act 2.0s ease-in-out infinite;}
@keyframes top-main-scroll-btn-act {
0% {bottom:2px;}
60% {bottom:2px;}
70% {bottom:-6px;}
80% {bottom:2px;}
90% {bottom:-6px;}
100% {bottom:2px;}
}
.top-mai-img {width: 100%;position: relative;}
.top-mai-img::after {content: " ";display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #fff;animation-name: top-mai-img-ani;animation-duration: 0.8s;animation-delay:1.5s;animation-timing-function: ease;animation-fill-mode: forwards;}
@keyframes top-mai-img-ani {
0% {width: 100%;}
100% {width: 0;}
}
.top-mai-img img {display: block;width: 100%;height: auto;}
.top-service {padding: 160px 0 120px;}
.top-ser-inn {max-width: 1140px;margin: auto;box-sizing: border-box;padding: 0 20px 50px;}
.top-ser-tit {font-size: 28px;font-family: "gotham", sans-serif;font-weight: 700;font-style: normal;color: #000;position: relative;padding-left: 20px;text-align: left;letter-spacing: 0.1em;}
.top-ser-tit::before {content: "";display: block;position: absolute;left: 0;top: 13px;height: 4px;width: 10px;background: #000;}
.top-ser-con {display: flex;align-items: flex-end;margin: 50px 0 50px;}
.top-ser-con-txt {width: 62%;}
.top-ser-con-txt-tit {font-size: 30px;line-height: 1.8;text-align: left;font-weight: bold;}
.top-ser-con-txt-sub {font-size: 16px;line-height: 2.5;text-align: left;margin: 30px 0 50px;}
.top-ser-con-btn-wrap {display: table}
.top-cmn-con-btn {display: flex;align-items: center;font-size: 14px;font-weight: bold;line-height: 19px;}
.top-cmn-con-btn-txt {position: relative;padding: 3px 0;}
.top-cmn-con-btn-txt::after {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 2px;background-color: #000;transition: width 0.3s;}
.top-cmn-con-btn:hover .top-cmn-con-btn-txt::after {left: 0;width: 100%;}
.top-cmn-con-btn-item {display: inline-block;height: 35px;width: 35px;border-radius: 50%;border: 1px solid #009844;background: #009844;position: relative;overflow: hidden;z-index: 0;line-height: 1;margin-left: 20px;transition: background-color .3s;}
.top-cmn-con-btn:hover .top-cmn-con-btn-item {background: #fff;}
.top-cmn-con-btn-item-inn {width: 100%;position: absolute;top: 50%;left: 0;transform: translate(-64% , -50%);display: flex;justify-content: space-between;transition: transform .3s;}
.top-cmn-con-btn:hover .top-cmn-con-btn-item-inn {transform: translate(36% , -50%);}
.top-cmn-con-btn-item-arr-hov {position: relative;}
.top-cmn-con-btn-item-arr-hov::before {content: "";display: block;position: absolute;top: 50%;left: 0px;width: 8px;height: 2px;background: #009844;transform: translateY(-50%);}
.top-cmn-con-btn-item-arr-hov::after {content: "";display: block;position: absolute;top: 50%;left: 2px;transform:translateY(-50%) rotate(45deg);width: 5px;height: 5px;border-top: 2px solid #009844;border-right: 2px solid #009844;}
.top-cmn-con-btn-item-arr {position: relative;}
.top-cmn-con-btn-item-arr::before {content: "";display: block;position: absolute;top: 50%;left: 0px;width: 8px;height: 2px;background: #fff;transform: translateY(-50%);}
.top-cmn-con-btn-item-arr::after {content: "";display: block;position: absolute;top: 50%;left: 2px;transform:translateY(-50%) rotate(45deg);width: 5px;height: 5px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.top-ser-con-img {width: 38%;padding-bottom: 40px;}
.top-ser-con-img img {display: block;width: 100%;height: auto;}
.top-ser-slide {width: 100%;position: relative;overflow: hidden;z-index: 0;}
.top-ser-sli-list-wrap {width:auto;position: relative;height:66px;overflow: hidden;}
.top-ser-sli-list {display: flex;flex-wrap: nowrap;animation: scroll-left 20s infinite linear;position: absolute;top:0;left:0;}
@keyframes scroll-left {
    from {transform:translate(0, 0)}
    to {transform: translate(-50%, 0)}
}
.top-ser-sli-list li {width: auto;white-space: nowrap;box-sizing: border-box;padding: 0 20px;display:inline-block;}
.top-ser-sli-list li a {display: block;padding: 20px 40px;border: 1px solid #CCCCCC;border-radius:50px;}
.top-ser-sli-list li a:hover {background: #009844;color: #fff;opacity: 1;border: 1px solid #009844;}
.top-ser-sli-list li a b {font-size: 18px;}
.top-ser-sli-list li a small {font-size: 12px;margin-left: 40px;font-family: "Poppins", sans-serif;font-weight: 400;}
.top-works {padding: 120px 0 120px;}
.top-wrk-hed {position: relative;max-width: 1140px;margin: 0 auto 70px;box-sizing: border-box;padding: 0 20px;}
.top-wrk-tit {font-size: 28px;font-family: "gotham", sans-serif;font-weight: 700;font-style: normal;color: #000;position: relative;padding-left: 20px;text-align: left;letter-spacing: 0.1em;}
.top-wrk-tit::before {content: "";display: block;position: absolute;left: 0;top: 13px;height: 4px;width: 10px;background: #000;}
.top-wrk-btn-arr {display: inline-block;height: 19px;width: 19px;border-radius: 50%;background: #009844;position: relative;line-height: 1;vertical-align: sub;margin-left: 20px;}
.top-wrk-btn-arr::before {content: "";display: block;position: absolute;top: 50%;left: 6px;width: 6px;height: 1px;background: #fff;transform: translateY(-50%);}
.top-wrk-btn-arr::after {content: "";display: block;position: absolute;top: 50%;left: 6px;transform:translateY(-50%) rotate(45deg);width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;}
.top-wrk-fot {display: table;position: absolute;right: 0;top: 0;font-weight: bold;}
.top-wrk-swiper .content h3 {text-align: left;font-size: 16px;line-height: 1.8;margin-top: 30px;font-weight: bold;}
.top-wrk-swiper .meta {text-align: left;font-size: 12px;margin-top: 30px;line-height: 2;}
.top-wrk-inn{overflow: hidden;}
.top-wrk-swiper{max-width:1100px;margin:auto;overflow: visible;position: relative;padding-bottom: 25px;}
.swiper-horizontal > .swiper-scrollbar{height:3px;overflow:hidden;position:relative;left:auto;bottom:auto;width:100%;width: calc(100% - 140px);margin: 50px 0px 0;}
.swiper-scrollbar-drag{display:block !important;overflow: visible;border-radius: 0;background: #000;}
.swiper-scrollbar-drag::before{content:" ";display:block;height:100%;width:9000px;top:0;left:0;transform: translate(-100%,0);background:#000;}
.top-wrk-swiper a:hover {opacity: 1;}
.top-wrk-swiper a:hover .thumbnail img {transform: translate(-50%, -50%) scale(1.05);}
.top-wrk-swiper .swiper-button-prev,
.top-wrk-swiper .swiper-button-next {
  display: block;
  width: 48px;
  height: 48px;
  border: 1px solid #CCC;
  border-radius: 50%;
  background: #fff;
  background-size: cover;
  top: auto;
  bottom: 0;
  transform: translateY(0%);
  margin-top: 0;
  transition: all .3s;
}
.top-wrk-swiper .swiper-button-next {
right: 0;
}
.top-wrk-swiper .swiper-button-prev {
  right: 70px;
left: auto;
}
.top-wrk-swiper .swiper-button-prev:after,
.top-wrk-swiper .swiper-button-next:after {
 display: none;
}
.top-wrk-swiper .swiper-button-prev::before,
.top-wrk-swiper .swiper-button-next::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transition: all .3s;
}
.top-wrk-swiper .swiper-button-prev::before {
    transform: translate(-50% , -50%) rotate(225deg);
}
.top-wrk-swiper .swiper-button-next::before {
    transform: translate(-50% , -50%) rotate(45deg);
}
.top-wrk-swiper .swiper-button-prev:hover,
.top-wrk-swiper .swiper-button-next:hover {background: #009844;border: 1px solid #009844;}
.top-wrk-swiper .swiper-button-prev:hover::before,
.top-wrk-swiper .swiper-button-next:hover::before{border-top: 2px solid #fff;border-right: 2px solid #fff;}

.top-news {padding: 120px 0 120px;}
.top-news-hed {position: relative;max-width: 1140px;margin: 0 auto 70px;box-sizing: border-box;padding: 0 20px;}
.top-news-tit {font-size: 28px;font-family: "gotham", sans-serif;font-weight: 700;font-style: normal;color: #000;position: relative;padding-left: 20px;text-align: left;letter-spacing: 0.1em;}
.top-news-tit::before {content: "";display: block;position: absolute;left: 0;top: 13px;height: 4px;width: 10px;background: #000;}
.top-news-btn-arr {display: inline-block;height: 19px;width: 19px;border-radius: 50%;background: #009844;position: relative;line-height: 1;vertical-align: sub;margin-left: 20px;}
.top-news-btn-arr::before {content: "";display: block;position: absolute;top: 50%;left: 6px;width: 6px;height: 1px;background: #fff;transform: translateY(-50%);}
.top-news-btn-arr::after {content: "";display: block;position: absolute;top: 50%;left: 6px;transform:translateY(-50%) rotate(45deg);width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;}
.top-news-fot {display: table;position: absolute;right: 0;top: 0;font-weight: bold;}
.top-news-list-wrap {max-width: 1140px;margin: auto;box-sizing: border-box;padding: 0 20px;}
.top-news-list-wrap .thumbnail {aspect-ratio: 260 / 184;width: 260px;}
.top-news-list-wrap a:hover {opacity: 1;}
.top-news-list-wrap a:hover .thumbnail img {transform: translate(-50%, -50%) scale(1.05);}
.top-news-list-wrap .content {width: calc(100% - 260px);box-sizing: border-box;padding: 0 50px;}
.top-news-list-wrap .content h3 {font-size: 18px;line-height: 1.5;}
.top-news-list-wrap .content h5 {display: none;}
.top-news-list-wrap .cmn-new-list {display: block;}
.top-news-list-wrap .cmn-new-list li {width: 100%;border-bottom: 1px solid #DDDDDD;}
.top-news-list-wrap .cmn-new-list li:first-child {border-top: 1px solid #DDDDDD;}
.top-news-list-wrap .cmn-new-list li a {flex-direction: unset;justify-content: flex-start;box-sizing: border-box;padding: 40px 0;}
.top-news-list-wrap .meta {display: flex;justify-content: flex-start;color: #969696;font-size: 14px;margin-bottom: 30px;}
.top-news-list-wrap .meta .category {margin-left: 20px;}
.rec-fix-btn-wrap {position: fixed;right: 40px;bottom: 40px;z-index: 100;opacity: 1;transition: opacity .3s;}
.rec-fix-btn-wrap--abs{position:absolute;opacity: 1;}
.rec-fix-btn {display: flex;align-items: center;justify-content: center;width: 118px;height: 118px;position: relative;}
.rec-fix-btn-txt {display: block;z-index: 1;font-weight: bold;text-align: center;font-size: 15px;line-height: 1.3;color: #FFF;}
.rec-fix-btn-bg {z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/wp/wp-content/themes/schneid/asset/img/common/rec-btn-item.png)no-repeat center;background-size: cover;animation: fix-btn-anim 10s infinite linear;}
@keyframes fix-btn-anim {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}
@media (max-width:800px){
    .top-mai {padding-top: 14%;}
    .top-main-tit {padding: 0 20px;margin: 0 auto 10%;}
    .top-main-tit-jp-pc{display:none;}
    .top-main-tit-jp-sp{display:block;}
    .top-main-tit-jp {font-size: clamp(22px, 7.2vw, 64px);margin-bottom:10px;}
    .top-main-tit-en-pc{display:none;}
    .top-main-tit-en-sp{display:block;}
    .top-main-tit-en {font-size: clamp(12px, 3.6vw, 16px);line-height: 1.7;margin-top: 6%;}
    .top-main-scroll {right:30px;display: none;}
    .top-mai-img::after {animation-name: top-mai-img-ani;animation-duration: 0.8s;animation-delay:2s;animation-timing-function: ease;animation-fill-mode: forwards;}
    .movie {width: 100vw;height: 100vw;position: relative;z-index: 0;overflow: hidden;}
    .movie video {display: block;width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;}    
    .top-service {padding: 20% 0 15%;}
    .top-ser-inn {margin: auto;padding: 0 20px;}
    .top-ser-tit {font-size: 28px;padding-left: 15px;}
    .top-ser-tit::before {left: 0;top: 14px;height: 3px;width: 8px;}
    .top-ser-con {display: block;margin: 10% 0 10%;}
    .top-ser-con-txt {width: 100%;}
    .top-ser-con-txt-tit {font-size: 22px;line-height: 1.8;}
    .top-ser-con-txt-sub {font-size: 14px;line-height: 2;text-align: left;margin: 30px 0 25px;}
    .top-ser-con-btn-wrap {display: table}
    .top-ser-con-img {width: 80%;margin: 10% auto 0;}
    .top-ser-con-img img {display: block;width: 100%;height: auto;}
    .top-ser-sli-list-wrap {height: 53px;}
    .top-ser-sli-list li {padding: 0 10px;}
    .top-ser-sli-list li a {padding: 15px 20px;}
    .top-ser-sli-list li a b {font-size: 14px;}
    .top-ser-sli-list li a small {margin-left: 15px;}
    .top-works {padding: 15% 0 15%;}
    .top-wrk-hed {margin: 0 auto 50px;padding: 2px 20px;}
    .top-wrk-tit {font-size: 28px;padding-left: 15px;}
    .top-wrk-tit::before {content: "";display: block;position: absolute;left: 0;top: 14px;height: 3px;width: 8px;background: #000;}
    .top-wrk-btn-arr {display: inline-block;height: 19px;width: 19px;margin-left: 20px;}
    .top-wrk-swiper {margin: 0 20px 0 20px;}
    .top-wrk-fot {display: table;position: absolute;right: 20px;top: 0px;}
    .top-wrk-swiper .meta {margin-top: 10px;line-height: 1.6;font-size: 11px;}
    .top-wrk-swiper .content h3 {font-size: 15px;padding: 10px 0 10px;margin: 0;line-height: 1.6;}
    .swiper-horizontal > .swiper-scrollbar {width: 100%;margin: 30px 0px 0;}
    .top-wrk-swiper .swiper-button-prev,
    .top-wrk-swiper .swiper-button-next {display: none;}    
    .top-news {padding: 15% 0 15%;}
    .top-news-inn {padding: 0 20px;}
    .top-news-hed {margin: 0 auto 50px;padding: 2px 20px;}
    .top-news-tit {font-size: 28px;padding-left: 15px;}
    .top-news-tit::before {content: "";display: block;position: absolute;left: 0;top: 14px;height: 3px;width: 8px;background: #000;}
    .top-news-fot {display: table;position: absolute;right: 20px;top: 0px;}
    .top-news-list-wrap {max-width: 1140px;margin: auto;box-sizing: border-box;padding: 0 20px;}
    .top-news-list-wrap .thumbnail {width: 100%;}
    .top-news-list-wrap .content {width: 100%;padding: 5% 0 0;}
    .top-news-list-wrap .content h3 {font-size: 18px;margin-top: 5px;}
    .top-news-list-wrap .cmn-new-list {display: block;}
    .top-news-list-wrap .cmn-new-list li {width: 100%;}
    .top-news-list-wrap .cmn-new-list li a {padding: 30px 0;}
    .top-news-list-wrap .meta {font-size: 14px;margin-bottom: 5px;}
    .top-news-list-wrap .meta .category {margin-left: 15px;}
    
    .top-recruit-btn {padding-top: calc(8% + 60px);}
    .rec-fix-btn-wrap {position: relative;right: 6%;bottom: 0;z-index: 100;width: 24%;margin-left: auto;}
.rec-fix-btn-wrap--abs{position: relative;opacity: 1;}
.rec-fix-btn {display: block;width: 100%;height: auto;position: relative;padding-top: 100%;}
.rec-fix-btn-txt {font-size: clamp(10px, 2.8vw, 18px);line-height: 1.3;position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}
.rec-fix-btn-bg {z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/wp/wp-content/themes/schneid/asset/img/common/rec-btn-item.png)no-repeat center;background-size: cover;animation: fix-btn-anim 10s infinite linear;}
    
}

/*-- イントロアニメーション　--*/

.opening {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    position: fixed;
    background-color: #FFFFFF;
    transition: all 0.5s ease-in-out;
}
.opening--out {
    opacity: 0;
}
.opening-logo {
    opacity: 0;
    transition: opacity 0.5s;
}
.opening-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    height: 26px;
    width: auto;
    transition: top 0.5s;
}
.opening-logo--slidein img {
    top:100px;
}
.opening-logo--visible.opening-logo img {
    top: 0;
}
.opening-logo--slideup img {
    top:-100px;
}
.opening-logo--visible {
    opacity: 1;
}
/** |06. Topics | >> ********************************************************************************* >> START **/
.cmn-hed-nav-cat {display: flex;justify-content: flex-end;gap: 20px 40px;flex-wrap: wrap;}
.new-inn{max-width:1200px;margin:auto;padding:0 20px;box-sizing:border-box;}
.new-idx-list{display:flex;flex-wrap:wrap;gap:60px 50px;}
.new-idx-list li{width: calc(25% - 50px * 3 / 4);}
.new-idx-list li a{display:flex;height:100%;flex-direction:column;}
.new-idx-list li a:hover {opacity: 1;}
.new-idx-list h3{text-align:left;font-size:16px;line-height:1.6;margin:20px 0;font-weight: bold;}
.new-idx-list h4{color:#969696;font-size:12px;text-align:left;margin:auto 0 0;}

.new-idx-list li .content {text-align: left;color: #000;font-size: 14px;font-weight: 600;line-height: 1.6;min-height: 45px;}
.new-idx-list li .meta {text-align: left;color: #888;font-size: 11px;}
.new-idx-list li .meta .tag {line-height: 2;font-weight: normal;font-size: 12px;color: #333333;}
.new-wrk-inn .new-idx-list li.cmn-ani-up:nth-child(1n) {animation-delay:200ms;}
.new-wrk-inn .new-idx-list li.cmn-ani-up:nth-child(4n - 2) {animation-delay:300ms;}
.new-wrk-inn .new-idx-list li.cmn-ani-up:nth-child(4n - 1) {animation-delay:400ms;}
.new-wrk-inn .new-idx-list li.cmn-ani-up:nth-child(4n) {animation-delay:500ms;}

.cmn-hed-add {display: block;width: 100%;transform: translateY(50px);}
.cmn-hed-nav-tag {display: flex;justify-content: flex-start;flex-wrap: wrap;gap:12px;}
.cmn-hed-nav-tag li {position: relative;padding: 0 20px 0 55px;line-height: 40px;background: #009844;border-radius:20px;display: block;color: #fff;}
.cmn-hed-nav-tag li::before {content: "#";display: inline-block;color: #fff;}
.cmn-hed-nav-tag-arr {position: absolute;left: 15px;top: 50%;display: block;width: 20px;height: 20px;background: #fff;border-radius: 50%;transform: translateY(-50%)}
.cmn-hed-nav-tag-arr::before {content: "";display: block;position: absolute;top: calc(50% - 1px);left: 0;right: 0;margin: auto;width: 10px;height: 2px;background: #009844;transform: rotate(45deg);}
.cmn-hed-nav-tag-arr::after {content: "";display: block;position: absolute;top: calc(50% - 1px);left: 0;right: 0;margin: auto;width: 10px;height: 2px;background: #009844;transform: rotate(-45deg);}

#works-filter li input {opacity: 0;visibility: hidden;position: relative;transform: translateY(-3px);}
#works-filter li label {padding-left: 12px;position: relative;}
#works-filter li input + label::before {content: "";display: block;position: absolute;left: 0;top: 0;width: 16px;height: 16px;background: #DDD;border-radius: 3px;visibility: visible;margin-left: -15px;}
#works-filter li input:checked + label::before {background:#009844;}
#works-filter li input:checked + label::after {content: "";display: block;position: absolute;top: 50%;left: 5px;width: 3px;height: 5px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;visibility: visible;margin-left: -15px;transform: translateY(-55%) rotate(45deg) scale(1, 1.2);}

.cmn-fot-nav-tag {display: flex;justify-content: center;gap: 15px 12px;flex-wrap: wrap;max-width: 1160px;}
.cmn-fot-nav-tag li {position: relative;}
.cmn-fot-nav-tag li input {position: absolute;width: 100%;height: 100%;opacity: 0;display: block;}
.cmn-fot-nav-tag li input:checked + label {color: #fff;background: #009844;}
.cmn-fot-nav-tag label {position: relative;padding: 4px 20px;line-height: 28px;background: #F7F7F7;border-radius: 20px;display: block;}
.cmn-fot-nav-tag label::before {content: "#";display: inline-block;color: #000;}
.cmn-fot-nav-tag li input:checked + label::before {color: #fff;}

.thumbnail {width:100%;position: relative;aspect-ratio: 240 / 340;}
.new-idx-list li a .thumbnail {overflow: hidden;z-index: 0;}
.thumbnail img{transform: translate(-50%, -50%);top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;position:absolute;transition:0.3s ease-in-out;}
.new-idx-list li a:hover .thumbnail img {transform: translate(-50%, -50%) scale(1.05);}
.new-idx-pag{margin:100px 0;}
.new-idx-pag-inn{display:flex;justify-content:center;}
.new-idx-pag .page-numbers{display:inline-block;width:30px;text-align:center;font-size:13px;font-weight:bold;line-height:30px;height:30px;background:#F2F2F2;color:#000000;border-radius:3px;margin:0 4px;}
.new-idx-pag .page-numbers.prev{font-size:0;position:relative;}
.new-idx-pag .page-numbers.prev::before {content:"";display:block;position:absolute;top:50%;left:50%;width:5px;height:5px;border-bottom:2px solid #000;border-left:2px solid #000;transform:translate(-50% ,-50%) rotate(45deg);}
.new-idx-pag .page-numbers.next{font-size:0;position:relative;}
.new-idx-pag .page-numbers.next::before {content:"";display:block;position:absolute;top:50%;left:50%;width:5px;height:5px;border-top:2px solid #000;border-right:2px solid #000;transform:translate(-50% ,-50%) rotate(45deg);}
.new-idx-pag .page-numbers.current{background:#222222;color:#FFF;}
.news-tit-sin {font-size:24px;text-align:left;line-height:1.6;font-weight: bold;}
.news-date-sin {text-align:left;color: #969696;font-size: 14px;margin:20px 0 40px;}
.news-mai-img {width:100%;}
.news-mai-img img{display:block;width:100%;height:auto;}
.news-btn {display:block;width:240px;position:relative;text-align:center;line-height:54px;border:1px solid #707070;border-radius:30px;font-size:14px;font-weight:bold;margin:100px auto;}
.news-btn .news-btn-arr {display:inline-block;position:relative;margin-right:40px;transform:translateY(-5px);}
.news-btn .news-btn-arr::after {content:"";display:block;position:absolute;left:0;top:50%;width:5px;height:5px;border-bottom:1px solid #000;border-left:1px solid #000;transform:translate(0 ,-50%) rotate(45deg);}
.news-btn .news-btn-arr::before {content:"";display:block;position:absolute;left:0;top:50%;width:10px;height:1px;background:#000;transform:translate(0 ,-50%);}

/* works 詳細　*/

.cmn-pan-inn {margin: auto;max-width: 1220px;box-sizing: border-box;padding: 180px 20px 120px;}
.cmn-pan-inn ul {text-align: left;display: flex;align-items: center;justify-content: flex-start;box-sizing: border-box;gap: 10px;}
.cmn-pan-inn ul li {position: relative;font-weight: bold;}
.cmn-pan-inn ul li + li::before{content: ">";display: inline-block;margin-right: 10px;font-weight: bold;transform: translateY(-2px);}

.work-single-inn {max-width: 1220px;box-sizing: border-box;margin: auto;padding: 180px 20px 170px;display: flex;justify-content: space-between;align-items: flex-start;}
.work-image {width: 38.14%;box-sizing: border-box;}
.work-image img {height: auto;width: 100%;margin: auto;max-width: 450px;}
.work-text {width: 54.3%;text-align: left;}
.work-single-txt {line-height: 2;}

.top-wrk-blk-tit {font-family: "gotham", sans-serif;font-weight: 700;font-style: normal;font-size: 14px;font-weight: 700;color: #009844;position: relative;padding-left: 20px;text-align: left;margin-bottom: 50px;letter-spacing: 0.1em;}
.top-wrk-blk-tit::before {content: "";display: block;position: absolute;left: 0;top: 5px;height: 3px;width: 10px;background: #009844;}

.work-hed {font-size: 22px;font-weight: bold;line-height: 1.4;}
.work-meta {display: flex;justify-content: space-between;width: 100%;border-bottom: 1px solid #DDD;padding: 20px 0;margin-bottom: 40px;}
.work-release {text-align: left;}
.work-category {text-align: right;}
.work-cnt {font-size: 14px;line-height: 2.2;}
.work-tags {display: flex;justify-content: flex-start;flex-wrap: wrap;gap:15px 12px;margin-top: 50px;}
.work-tags a {position: relative;padding: 4px 20px;line-height: 28px;background: #F7F7F7;border-radius: 20px;display: block;}
.work-tags a::before {content: "#";display: inline-block;}
.work-credit {border-top: 1px solid #DDD;padding-top: 60px;margin-top: 60px;}
.work-link {border-top: 1px solid #DDD;padding-top: 60px;margin-top: 60px;}

.work-rel-sec{box-sizing: border-box;padding: 0 20px;}
.work-rel-inn{max-width: 1180px;box-sizing: border-box;margin: auto;padding: 60px 0 60px;border-top: 1px solid #DDD;}

.work-fot-sec {padding: 120px 0 0;}
.work-fot-inn {display: flex;justify-content: center;}
.work-fot-inn a {display: block;width: auto;font-size: 20px;font-weight: bold;padding: 0 0 10px;position: relative;line-height: 1;}
.work-fot-inn a::after {
content: "";
width: 100%;
left: auto;
right: 0;
display: block;
height: 2px;
background: #000;
position: absolute;
bottom: 0;
animation-name: work-fot-anim;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes work-fot-anim {
    0% {
        width: 100%;
        left: auto;
        right: 0;
    }

    15% {
        width: 0;
        left: auto;
        right: 0;
    }

    30% {
        width: 0;
        left: 0;
        right: auto;
    }

    45% {
        width: 100%;
        left: 0;
        right: auto;
    }
}

@media (max-width:800px){
    .top-news {padding: 15% 0 15%;}
    .new-inn{padding:0 20px;}
    .new-idx-list{display:block;}
    .new-idx-list li{width:100%;}
    .new-idx-list li + li {margin-top:0%;}
    .new-wrk-inn .new-idx-list li + li {margin-top:0;}
    .new-idx-list li a{display:block;height:auto;}
    .new-idx-list h3{font-size:14px;margin:5px 0 0;}
    .new-wrk-inn .new-idx-list li.cmn-ani-up:nth-child(odd) {animation-delay:200ms;}
    .new-wrk-inn .new-idx-list li.cmn-ani-up:nth-child(even) {animation-delay:300ms;}
    .new-wrk-inn .new-idx-list h3{font-size: 13px;padding: 10px 0 10px;font-weight: bold;margin-top: 0;}
    .work-rel-inn .new-idx-list h3{font-size: 13px;padding: 10px 0 10px;font-weight: bold;margin-top: 0;}
    .work-rel-inn .new-idx-list li .meta {line-height: 2;font-weight: normal;font-size: 12px;color: #333333;}
    .new-wrk-inn .new-idx-list .thumbnail {width: 100%;margin: auto;}
    .new-wrk-inn .new-idx-list{display:flex;flex-wrap: wrap;column-gap: 30px;row-gap: 40px;}
    .new-wrk-inn .new-idx-list li{width: calc(50% - 30px / 2 );}
    .cmn-hed-add {transform: translateY(0)}
    
    .new-idx-list h4{font-size:12px;}
    .new-idx-pag{margin:60px 0;}
    .cmn-hed-nav {margin: 7% 0 0;}
    .cmn-hed-nav-cat {margin: 10% auto 10%;padding: 10% 0 10%;justify-content: flex-start;gap: 20px 15px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
    .cmn-hed-nav-cat li {width: calc(33.33% - 30px / 3);}
    .new-wrk-inn {box-sizing: border-box;padding: 0 20px;}
    
    
    /* works 詳細　*/
    .cmn-pan-inn {padding: calc(15% + 60px) 20px 15%;}
    .cmn-pan-inn ul {flex-wrap: wrap;}
    
    .work-single-inn {display: block;padding: calc(8% + 70px) 20px 15%;}
    .work-image {width: 86%;margin: auto;}
    .work-image img {width: 100%;}
    .work-text {width: 100%;margin-top: 12%;}
    .work-meta {margin-bottom: 10%;}
    .work-tags {margin-top: 15%;flex-wrap: wrap;gap: 12px 12px;}
    .work-link {padding-top: 15%;margin-top: 15%;}
    .work-credit {padding-top: 15%;margin-top: 15%;}
    .top-wrk-blk-tit {margin-bottom: 10%;}
    
    .news-tit-sin {font-size:20px;}
    .news-date-sin {font-size:13px;margin:0 0 40px;}

    .work-single-txt.work-single-link-txt {line-height: 1.6;}
    .work-single-txt.work-single-link-txt br {display: none;}
    .work-single-txt.work-single-link-txt a {display: block;margin-bottom: 15px;}
    
    .cmn-fot-nav-tag {box-sizing: border-box;padding: 0 20px;}
    
    .work-rel-inn .new-idx-list {display:flex;flex-wrap: wrap;column-gap: 30px;row-gap: 40px;}
    .work-rel-inn .new-idx-list li{width: calc(50% - 30px / 2 );}
    
    .work-fot-sec {padding: 10% 0 15%;}
}

/** |07. Article | >> ********************************************************************************* >> START **/
.new-pan {width: 100%;position: absolute;bottom: 0;left: 0;background: #F5F5F5;border-top: 1px solid #DDDDDD;box-sizing: border-box;padding: 14px 40px;}
.new-pan-inn {padding-bottom: 0px;}
.new-pan-inn ul {display: flex;justify-content: flex-start;flex-wrap: wrap;gap: 10px;text-align: left;}
.new-pan-inn ul li {position: relative;}
.new-pan-inn ul li a {font-family:"Poppins", sans-serif;font-weight: 400;font-style: normal;}
.new-pan-inn ul li + li::before{content: ">";display: inline-block;margin-right: 10px;font-weight: bold;transform: translateY(-2px);}
.art-inn {max-width:940px;margin:auto;padding:180px 20px 0;text-align:left;font-size:15px;line-height:2;box-sizing: border-box;}
.art-inn img {display:block;width:auto;height:auto;margin:60px 0 40px;max-width: 100%;}
.art-sns{border:1px #ddd solid;background: #f8f8f8;padding:20px 40px;display: flex;margin:100px auto 0;align-items: center;}
.art-sns h3{font-size: 14px;font-weight: bold;}
.art-sns-list{margin:0 0 0 auto;display: flex;gap:20px;}
.art-sns img{width:30px;margin:0;padding:0;}
.news-list-wrap {max-width: 1140px;margin: auto;box-sizing: border-box;padding: 0 20px;}
.news-list-wrap .thumbnail {aspect-ratio: 260 / 184;width: 260px;}
.news-list-wrap .content {width: calc(100% - 260px);box-sizing: border-box;padding: 0 50px;}
.news-list-wrap .content h3 {font-size: 18px;line-height: 1.5;}
.news-list-wrap .content h5 {display: none;}
.news-list-wrap .new-idx-list {display: block;}
.news-list-wrap .new-idx-list li {width: 100%;border-bottom: 1px solid #DDDDDD;}
.news-list-wrap .new-idx-list li:first-child {border-top: 1px solid #DDDDDD;}
.news-list-wrap .new-idx-list li a {flex-direction: unset;justify-content: flex-start;box-sizing: border-box;padding: 40px 0;}
.news-list-wrap .meta {display: flex;justify-content: flex-start;color: #969696;font-size: 14px;margin-bottom: 30px;}
.news-list-wrap .meta .date {}
.news-list-wrap .meta .category {margin-left: 20px;}
.news-page-idex .new-idx-list li .meta {display: flex;justify-content: flex-start;color: #969696;font-size: 14px;margin-bottom: 30px;font-weight: 500;}
.news-page-idex .new-idx-list li .meta .category {margin-left: 20px;}
.news-page-idex .news-list-wrap .content h3 {font-size: 18px;line-height: 1.5;}
@media (max-width:800px){
    .new-pan {padding: 14px 20px;}
    .new-pan-inn {padding-bottom: 0;}
    .new-pan-inn ul li {font-size: 12px;}
    
    .art-inn {padding:120px 20px 0;}
    .art-inn img {margin:30px 0 20px;}
    .art-sns{padding:20px 25px;}
    .art-sns-list{gap:20px;}
    .art-sns img{width:25px;margin:0;padding:0;}
    
    .news-list-wrap .thumbnail {width: 100%;}
    .news-list-wrap .content {width: 100%;padding: 5% 0 0;}
    .news-list-wrap {max-width: 1140px;margin: auto;box-sizing: border-box;padding: 0 20px;}
    .news-list-wrap .thumbnail {width: 100%;}
    .news-list-wrap .content {width: 100%;padding: 5% 0 0;}
    .news-list-wrap .content h3 {font-size: 18px;}
    .news-list-wrap .cmn-new-list {display: block;}
    .news-list-wrap .cmn-new-list li {width: 100%;}
    .news-list-wrap .cmn-new-list li a {padding: 30px 0;}
    .news-list-wrap .meta {font-size: 14px;margin-bottom: 5px;}
    .news-list-wrap .meta .date {}
    .news-list-wrap .meta .category {margin-left: 15px;}
    .news-page-idex .new-idx-list li .meta {margin-bottom: 5px;}
}

/** |08. Contact | >> ********************************************************************************* >> START **/
.forminator-ui.forminator-custom-form[data-design=default] .forminator-description span {display: none;}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col.form-txtarea,.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col.form-up {padding-bottom: 100px;}
.forminator-edit-module {display: none!important;}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio.forminator-radio-inline {margin-right: 40px!important;}

.con-inn{max-width: 800px;margin: auto;padding: 0 20px 180px;box-sizing: border-box;text-align: left;}
.forminator-label{font-size:15px !important;padding:0 0 10px;}
.forminator-required{font-size:0;border: 1px #f03 solid;border-radius: 2px;display: inline-block;line-height: 1;padding:1px 3px 2px;}
.forminator-required::after{content:"必須";color:#f03;font-size:11px;}
.forminator-input{background: #f0f0f0;border:1px #ddd solid;}
.forminator-textarea{background: #f0f0f0;border:1px #ddd solid;}
.forminator-button-submit{max-width: 300px !important;width:100% !important;margin: auto !important;background: #000;color: #fff;text-align: center !important;border-radius: 5px !important;padding: 15px !important;font-weight: bold !important;display: block !important;}
.forminator-button-upload{border:1px #ddd solid !important;background:#fff;padding:11px 30px 10px !important;max-width:220px !important;}
.forminator-button-upload::before{content:"";display:inline-block;width:20px;height:20px;background:url(/wp/wp-content/themes/schneid/asset/img/contact/ico-file.png) no-repeat center;background-size:20px 20px;margin:0 10px 0 0;vertical-align: middle;}
.con-inn input[type="email"],
.con-inn input[type="text"]{padding-top:15px !important;padding-bottom:15px !important;}
.con-inn #captcha-1{margin-top:60px;}
.forminator-button-submit{max-width: 400px !important;padding-top: 25px !important;padding-bottom: 25px !important;font-size: 15px;background: #009844;font-size: 18px!important;line-height: 1.2!important;}
.con-comp-tit h3{font-size: 22px;font-weight: bold;text-align: center;padding: 0 0 60px;}
.con-comp-tit p{font-size: 15px;text-align: center;padding: 0 0 60px;line-height: 2;}
.con-comp-btn a{max-width: 280px;width: 100%;padding: 15px 20px 15px 20px;border: 1px #707070 solid;position: relative;box-sizing: border-box;text-align: center;border-radius: 50px;display: block;background: #fff;margin: auto;font-size: 14px;font-weight: bold;}
.con-comp-btn-arr{position: relative;margin-right: 20px;}
.con-comp-btn-arr::before {content: " ";display: block;position: absolute;top: calc(50% - 1px);left: 0px;width: 10px;height: 1px;background: #000;}
.con-comp-btn-arr::after {content: " ";display: block;position: absolute;top: calc(50% - 4px);left: 0px;width: 6px;height: 6px;border-bottom: 1px solid #000;border-left: 1px solid #000;transform: rotate(45deg);}
@media (max-width:800px){
    .con-inn{padding: 0 20px 60px;}
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-file-upload{display:block !important;}
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-radio.forminator-radio-inline {margin-right: 30px!important;width: 100%;}
    .con-inn #captcha-1{margin-top:40px;}
    .con-comp-tit h3{padding: 15% 0 30px;}
}

/** |09. Notfound | >> ********************************************************************************* >> START **/
#not-found{position:relative;min-height:100vh;}
#not-found .not-found-title{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#not-found .not-found-title-en{padding:0 0 10px;display:block;font-size:40px;font-weight:bold;line-height:1;}
#not-found .not-found-title-jp{display:block;font-size:14px;font-weight:bold;line-height:1;}
@media(max-width:800px){
    #not-found{min-height:100vh;}
	#not-found .not-found-title-en{padding:0 0 5px;font-size:20px;}
	#not-found .not-found-title-jp{font-size:10px;}
}

/** |10. service | >> ********************************************************************************* >> START **/

.ser-hed-nav-list {display: flex;justify-content: flex-end;}
.ser-hed-nav-list li {display: table;}
.ser-hed-nav-list li + li{margin-left: 30px;}
.ser-hed-nav-list li a {display:block;padding-left: 15px;position: relative;}
.ser-hed-nav-list li a::before {content: "";display: block;position: absolute;top: 5px;left: 0;width: 6px;height: 6px;transform: rotate(45deg);border-bottom: 1px solid #000;border-right: 1px solid #000;}

.ser-con-inn{margin: auto;max-width: 1200px;padding: 130px 20px 150px;}
.ser-box {display: flex;position: relative;justify-content: space-between;}
.ser-box.ser-box-rev {flex-direction: row-reverse;}
.ser-box-img {width: 50%;display: flex;align-items: flex-end;}
.ser-box-img.ser-box-img-mb50-pc {margin-bottom: 50px;}
.ser-box-img.ser-box-img-mb80-pc {margin-bottom: 80px;}
.ser-box-img img {display: block;width: 100%;height: auto;}
.ser-box-txt {width: 45%;}
.ser-box .ser-box-icon-wrap {position: absolute;top: 0;left: 0;text-align: left;}
.ser-box.ser-box-rev .ser-box-icon-wrap {position: absolute;top: 0;left: auto;right: 0;}
.ser-box-icon {display: flex;flex-wrap: wrap;flex-direction: row-reverse;gap: 10px;}
.ser-box.ser-box-rev .ser-box-icon {flex-direction: unset;}
.ser-box-icon b {display: block;font-size: 40px;font-weight: bold;writing-mode: vertical-rl;text-orientation: upright;line-height: 1;letter-spacing: 0.1em}
.ser-box-icon small {display: block;font-size: 14px;font-family: "Poppins", sans-serif;font-weight: 400;writing-mode: vertical-rl;line-height: 1;}

.ser-box-tit {text-align: left;font-size: 28px;font-weight: bold;color: #333;}
.ser-box.ser-box-rev .ser-box-tit {white-space: nowrap;}
.ser-box-tit-block {display: block;}
.ser-box-tit-ribon {display: inline-block;position: relative;overflow: hidden;line-height: 1;vertical-align: top;white-space: nowrap;padding: 10px;margin-bottom: 10px;}
.ser-box-tit-ribon::before {content: " ";display: block;position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: #FFFF00;}
.view .ser-box-tit-ribon::before {animation-name: tit-ribon-anime;animation-duration: 3s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
.view.cmn-ani-del300 .ser-box-tit-ribon::before {animation-delay:300ms;}
@keyframes tit-ribon-anime{0%{width:0;}15%{width:0;}42%{width:100%;}100%{width:100%;}}
.ser-box-tit-ribon-txt {position: relative;}

.ser-box-txt-sub {text-align: left;font-size: 15px;line-height: 1.8;margin: 20px 0 50px;}

.ser-box-list-wrap {position: relative;background: #F7F7F7;padding: 70px 30px 30px 70px;margin-bottom: 20px;}
.ser-box-list-tit {position: absolute;top: 0;left: 0;background: #000;color: #fff;font-size: 14px;font-weight: bold;line-height: 2.2;padding: 0 20px;}
.ser-box-list {text-align: left;}
.ser-box-list li{list-style: disc;}
.ser-box-list li + li {margin-top: 5px;}

.ser-box .ser-box-btn-wrap {display: flex;justify-content: flex-end;}
.ser-box.ser-box-rev .ser-box-btn-wrap {display: flex;justify-content: flex-start;}
.ser-box-btn {font-size: 14px;font-weight: bold;}
.ser-cmn-btn {display: flex;align-items: center;font-size: 14px;font-weight: bold;line-height: 19px;}
.ser-cmn-btn-txt {position: relative;padding: 3px 0;}
.ser-cmn-btn-txt::after {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 2px;background-color: #000;transition: width 0.3s;}
.ser-cmn-btn:hover .ser-cmn-btn-txt::after {left: 0;width: 100%;}
.ser-cmn-btn-item {display: inline-block;height: 35px;width: 35px;border-radius: 50%;border: 1px solid #009844;background: #009844;position: relative;overflow: hidden;z-index: 0;line-height: 1;margin-left: 20px;transition: background-color .3s;}
.ser-cmn-btn:hover .ser-cmn-btn-item {background: #fff;}
.ser-cmn-btn-item-inn {width: 100%;position: absolute;top: 50%;left: 0;transform: translate(-64% , -50%);display: flex;justify-content: space-between;transition: transform .3s;}
.ser-cmn-btn:hover .ser-cmn-btn-item-inn {transform: translate(36% , -50%);}
.ser-cmn-btn-item-arr-hov {position: relative;}
.ser-cmn-btn-item-arr-hov::before {content: "";display: block;position: absolute;top: 50%;left: 0px;width: 8px;height: 1px;background: #009844;transform: translateY(-50%);}
.ser-cmn-btn-item-arr-hov::after {content: "";display: block;position: absolute;top: 50%;left: 2px;transform:translateY(-50%) rotate(45deg);width: 5px;height: 5px;border-top: 1px solid #009844;border-right: 1px solid #009844;}
.ser-cmn-btn-item-arr {position: relative;}
.ser-cmn-btn-item-arr::before {content: "";display: block;position: absolute;top: 50%;left: 0px;width: 8px;height: 1px;background: #fff;transform: translateY(-50%);}
.ser-cmn-btn-item-arr::after {content: "";display: block;position: absolute;top: 50%;left: 2px;transform:translateY(-50%) rotate(45deg);width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;}

@media (max-width:800px){
.service-contents {margin-top: -15%;}
.ser-hed-nav-list {margin: 10% auto 10%;padding: 10% 0 10%;justify-content: flex-start;flex-wrap: wrap;gap:20px 15px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.ser-hed-nav-list li {width: calc(33.33% - 30px / 3)}
.ser-hed-nav-list li + li{margin-left: 0;}

.ser-con-inn{margin: auto;padding: calc(5% + 60px) 20px 5%;}
#movie .ser-con-inn {padding-bottom: 15%;}
.ser-box {display: block;padding-top: 90px;}
.ser-box.ser-box-rev {flex-direction: row-reverse;}
.ser-box-img {width: 100%;}
.ser-box-img.ser-box-img-mb50-pc {margin-bottom: 0px;}
.ser-box-img.ser-box-img-mb80-pc {margin-bottom: 0px;}
.ser-box-img img {display: block;width: 100%;height: auto;}
.ser-box-txt {width: 100%;}
.ser-box .ser-box-icon-wrap {position: absolute;top: 0;left: 0;width: 100%;height: 50px;border-radius: 0;}
.ser-box.ser-box-rev .ser-box-icon-wrap {position: absolute;top: 0;left: auto;right: 0;}
.ser-box-icon {font-size: 16px;font-weight: bold;line-height: 1.4;}

.ser-box-txt {margin-top: 10%;}
.ser-box-tit {font-size: 18px;}
.ser-box.ser-box-rev .ser-box-tit {white-space: normal;}
.ser-box-txt-sub {text-align: left;font-size: 15px;line-height: 1.8;margin: 20px 0 50px;}
.ser-box-list-wrap {padding: 60px 20px 30px 40px;}
.ser-box-list li {font-size: 13px;}

.ser-box .ser-box-icon-wrap {position: absolute;top: 0;left: 0;text-align: left;}
.ser-box.ser-box-rev .ser-box-icon-wrap {position: absolute;top: 0;left: auto;right: 0;}
.ser-box-icon {display: block;}
.ser-box.ser-box-rev .ser-box-icon {flex-direction: unset;}
.ser-box-icon b {display: block;font-size: 30px;writing-mode: unset;text-orientation: unset;}
.ser-box-icon small {display: block;font-size: 12px;writing-mode:  unset;margin-top: 10px;}
.ser-box.ser-box-rev .ser-box-btn-wrap {justify-content: flex-end;}
}

/** |11. Recruit  | >> ********************************************************************************* >> START **/

.rec-sec {}
.rec-inn {max-width: 1040px;margin: auto;box-sizing: border-box;padding: 0 20px;}

.rec-intro-txt {font-size: 16px;text-align: left;}

.rec-box {display: block;padding: 100px 0 100px;justify-content: space-between;}
.rec-img-box {width: 83%;display: flex;justify-content: space-between;margin: 80px auto 0;}
.rec-img-box img{width: calc(50% - 30px / 2);height: auto;}
.rec-txt-box {width: 100%;box-sizing: border-box;}

.rec-tbl {text-align: left;display: flex;border-bottom: 1px solid #DDDDDD;padding: 40px 0}
.rec-tbl:first-child {border-top:1px solid #DDDDDD;}
.rec-tbl:nth-child(even) {background: #FCFCFC;}
.rec-tbl dt{font-size: 16px;font-weight: bold;position: relative;line-height: 1.8;width: 30%;box-sizing: border-box;padding: 0 30px;}
.rec-tbl dd{font-size: 14px;margin-top: 0;padding-left: 40px;line-height: 1.8;width: 70%;box-sizing: border-box;padding: 0 30px 0 0;}

.rec-btn-wrap {max-width: 400px;margin: auto;padding: 50px 0 100px;}
.rec-btn {background: #009844;display: block;width:100%;color: #fff;text-align: center;border-radius: 5px;padding: 25px 15px;box-sizing: border-box;font-size: 18px;}

@media (max-width:800px){
    .rec-intro-txt {font-size: 16px;padding-top: 15%;}
    
    .rec-box {display: block;padding: 15% 0 15%;}
    .rec-img-box {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 15%;}
    .rec-img-box img {width: 80%;}
    .rec-img-box img + img {margin-top: 20px;}
    .rec-txt-box {width: 100%;padding-left: 0px;display: block;}
    
    .rec-tbl {display: block;}
    .rec-tbl dt {width: 100%;padding: 0 20px 5px;}
    .rec-tbl dd {padding: 0 20px;width: 100%;margin-top: 0;}
    
    .rec-btn-wrap {max-width: 400px;margin: auto;padding: 10% 0 15%;width: 100%;}
}

/*Entry*/

.forminator-ui#forminator-module-67.forminator-design--default select.forminator-select2 + .forminator-select .selection 
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0!important;
}
.forminator-ui#forminator-module-67.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {font-size: 14px!important;}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options {max-height: 300px!important;}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options .select2-results__option {line-height: 20px!important;font-size: 14px!important;text-align: left!important;}

body.page-id-72 {background: #F5F5F5;}
.page-entry-bg {box-sizing: border-box;padding: 200px 20px 0;max-width: 1040px;margin: auto;}
.page-entry-contents-bg {
    background: #fff;
    margin: auto;
    box-sizing: border-box;
    padding: 90px 12% 60px;
}
.page-entry-contents-bg .cmn-hed {
    padding: 0 0 120px;
    max-width: 100%;
    box-sizing: border-box;
}
.ent-hed {
    max-width: 670px;
    margin: auto;
}
.ent-hed .ent-hed-tit {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
.ent-hed .ent-hed-txt {
    font-size: 14px;
    line-height: 2.2;
    text-align: left;
}
.form-up .forminator-field {
    display: flex;
    flex-flow: column;
}
.page-entry-contents-bg .con-inn {
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.form-up .forminator-label {order: 1;}
.form-up .forminator-file-upload {order: 2;}
.form-up .forminator-description {order: 3;margin-top: 10px!important;}
.form-half .forminator-field {width: 40%!important;}
.form-wid-60 .forminator-field {width: 60%!important;}

@media (max-width:800px){
    .page-entry-bg {padding: calc(15% + 60px) 10px 0;}
    .page-entry-contents-bg {padding: 15% 5% 15%;}
    .page-entry-contents-bg .cmn-hed {padding: 0 0 15%;}
    .form-wid-sp60 .forminator-field {width: 60%!important;}
    .form-wid-sp100 .forminator-field {width: 100%!important;}
}

/** |12. Company | >> ********************************************************************************* >> START **/

.com-mai-inn {
    max-width: 1000px;    
    margin: auto;
    padding: 0;
    box-sizing: border-box;
}
.com-mai-img-wrap {
position: relative;}
.com-mai-img-wrap::after {content: " ";display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #fff;animation-name: com-mai-img-ani;animation-duration: 0.8s;animation-delay: 0.8s;animation-timing-function: ease;animation-fill-mode: forwards;}
@keyframes com-mai-img-ani {
0% {width: 100%;}
100% {width: 0;}
}
.com-mai-img img {
    display: block;
    width: 100%;
    height: auto;
}
.com-con-inn {
    max-width: 1040px;
    margin: auto;
    padding: 100px 20px 50px;
    box-sizing: border-box;
}
.com-con-sec:last-child .com-con-inn {
    padding-bottom: 150px;
}

.com-sec-tit {position: relative;line-height: 1;font-size: 16px;font-weight: bold;padding-left: 60px;margin-bottom: 50px;text-align: left;}
.com-sec-tit::before {content: "";display: block;position: absolute;left: 0;top: 8px;width: 40px;height: 1px;background: #707070;}

.com-con-box-tit {text-align: left;font-size: 36px;line-height: 1.8;font-weight: bold;}
.com-con-top-box-txt {font-size: 16px;text-align: left;line-height: 2;margin-top: 20px;}
.com-con-box-txt {font-size: 16px;line-height: 2;text-align: left;}
.com-con-box-txt + .com-con-box-txt {margin-top: 60px;}
.com-con-box-txt.com-con-box-txt-right {text-align: right;}


.com-con-tbl {
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    text-align: left;
    padding: 50px 25px;
}
.com-con-tbl:first-child {
    border-top: 1px solid #DDDDDD;
}
.com-con-tbl dt {
    width: 220px;
}
.com-con-tbl dd {
    width: calc(100% - 220px);
}
.com-con-tbl dd a {text-decoration: underline;}
@media (max-width:800px){

    .com-con-inn {
        max-width: 940px;
        margin: auto;
        padding: 15% 20px 10%;
        box-sizing: border-box;
    }
    .com-con-sec:last-child .com-con-inn {
        padding-bottom: 20%;
    }

    .com-sec-tit {line-height: 1;font-size: 16px;padding-left: 45px;margin-bottom: 50px;text-align: left;}
    .com-sec-tit::before {content: "";display: block;position: absolute;left: 0;top: 8px;width: 30px;height: 1px;background: #707070;}

    .com-con-box-tit {font-size: 24px;}
    .com-con-top-box-txt {font-size: 16px;text-align: left;line-height: 1.6;}
    .com-con-box-txt {font-size: 16px;line-height: 1.6;text-align: left;}
    .com-con-box-txt + .com-con-box-txt {margin-top: 40px;}
    .com-con-tbl {
        display: block;
        padding: 30px 20px;
    }
    .com-con-tbl dt {
        width: 100%;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .com-con-tbl dd {
        width: 100%;
    }
    
}

