@charset "UTF-8";

/*メンテナンス表示用(終わったら削除)
header , footer , section.contact , ul.fContactBTN{display:none!important;}
html{background-color:#e8edf0;}
body{height:100vh !important;background:none!important;}
section{display:none;}
section.topNEWS{display:block!important;}
section.topNEWS > div{display:none;}
section.topNEWS:before{content:"現在メンテナンス作業のためサービスを停止しています。ユーザーの皆様にはご不便をおかけしますが、メンテナンス終了まで今しばらくお待ちください。";width:700px;height:fit-content;margin:0 auto;position:absolute;top:250px;right:0;left:0;padding:30px;background:#fff;border:2px solid #ddd;}*/


/*右下に出している作業用リンク集*/
nav#制作用{width:260px;border:1px solid #ccc;border-right:0;position:fixed;top:auto;bottom:20px;right:0;font-size:10px;background:rgba(255,255,255,0.7);padding:10px;z-index:5;}
nav#制作用 h4{text-align:center;color:#690;font-size:14px;}
nav#制作用 ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
nav#制作用 ul li{width:calc(100% / 2 - 10px);font-weight:normal;}
nav#制作用 ul li a:hover,
nav#制作用 ul li a.current{color:#c00;text-decoration:underline;}

#メモ欄用{width:260px;position:fixed;top:200px;right:0;padding:10px;border:1px solid #ccc;border-right:0;background-color:rgba(255,255,255,0.7);z-index:5;}
#メモ欄用 h5{text-align:center;color:#690;font-size:14px;}
#メモ欄用 p{color:#999;font-size:12px;margin-bottom:12px;line-height:1.5;}
#メモ欄用 ul{height:10em;overflow-y:auto;}
#メモ欄用 li{color:#333;font-size:10px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
#メモ欄用 li a{color:#333;}
#メモ欄用 li a:hover{color:#c00;text-decoration:underline;}
#メモ欄用 li a i{color:#ccc;}

html.admin_bar{margin-top:0!important;box-sizing:border-box;}
html.admin_bar body{margin-top:32px!important;}


.grecaptcha-badge{opacity:0;}
.spOnly{display:none!important;}
i{font-style:normal;}
a{text-decoration:none;transition:0.3s ease-in-out;}
a:hover{opacity:0.85;filter:alpha(opacity=85);}
i,u,em{text-decoration:none;font-style:normal;font-weight:400;}
q{font-family:"Poppins", sans-serif;font-weight:500;}/*ゴシック体*/
em{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;}
i{font-family:"Oswald", sans-serif;font-weight:300;}


img{border-style:none;}a img{border-style:none; }
html{max-width:100%;min-height:100%;-webkit-text-size-adjust:100%;font-size:16px;} 
body{font-family:"Noto Sans JP",sans-serif;font-weight:500;position:relative;overflow-x:hidden;-webkit-text-size-adjust:100%;width:100%;line-height:2.0;background:#fff;}
main{width:100%;box-sizing:border-box;margin:0 auto;}
time{display:block;line-height:15px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";color:#ba2;font-weight:bold;}
a.link{display:table;margin:50px auto;min-width:210px;box-sizing:border-box;background:#000 url(../layout/linkBCKG.gif) no-repeat left -340px center;font-size:20px;color:#fff!important;text-align:center;padding:1.5em 2em 1.5em 2em;font-weight:bold;text-decoration:none!important;position:relative;line-height:1.5;font-size:16px;font-family:"Noto Sans JP",sans-serif;font-weight:600;transition:0.15s ease-in-out;}
a.link:hover{background-position:0 center;color:#000!important;opacity:1;}
a.link.store span{background:url(../layout/icon-store.png) no-repeat left center;padding:3px 0 3px 35px;}
a.link.store:hover span{background-image:url(../layout/icon-store02.png);background-position:left center;}

a.link02{display:block;position:relative;color:#fff;background:#f80;padding:6px 30px;font-size:18px;font-weight:bold;width:fit-content;padding-right:80px;transition:0.15s ease-in-out;border-radius:7px;}
a.link02 span{display:block;position:relative;}
a.link02 span i{font-family:"Oswald", sans-serif;font-weight:nomal;}
a.link02:before{content:'';display:block;position:absolute;top:-50px;bottom:-50px;right:30px;margin:auto 0;height:18px;width:18px;background:url(../layout/arrow-white.svg) no-repeat center right / auto;z-index:0;transition:0.15s ease-in-out;}
a.link02:hover{color:#eee;opacity:1;}
a.link02:hover:before{right:20px;}


.slick-dots li button{display:block;text-indent:-999px;overflow:hidden;opacity:.85!important;}
.slick-dots li button:before{width:15px;height:15px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:#fff;border-radius:50%;}
.slick-dots li.slick-active button:before{background:#333;width:15px;height:15px;}

a.more{display:table;color:#7CA5D2;padding:20px 100px 20px 0;/*background:url(../layout/moreBTN.gif) no-repeat right bottom 20px*/;font-size:20px;vertical-align:bottom;line-height:0.7;font-weight:600;position:relative;}
a.more:after{content:'';display:block;width:85px;height:1px;background-color:#999;position:absolute;bottom:20px;left:60px;opacity:0;animation:fade 0.6s ease-in-out 0s 1 forwards;}
a.more:before{content:'';display:block;width:8px;height:1px;background-color:#999;position:absolute;bottom:21px;left:145px;opacity:0;animation:fade 0.6s ease-in-out 0s 1 forwards;rotate:-135deg;transform-origin:left bottom;}
a.more:hover{color:#09c;background-image:none;}
a.more:hover:after{width:0;opacity:1;animation:more01 0.6s ease-in-out 0s 1 forwards;}
a.more:hover:before{width:0;opacity:1;animation:more02 0.2s ease-in-out 0.6s 1 forwards;}
@keyframes fade{0%{opacity:0;background-color:#fff;}100%{opacity:1;background-color:#999;}}
@keyframes more01{0%{width:0;background-color:#0ff;}100%{width:85px;background-color:#09c;}}
@keyframes more02{0%{width:0;background-color:#09c;}100%{width:8px;background-color:#09c;}}


/*★animation共通*/
@keyframes fadeIN{100%{opacity:1;}}
@keyframes slideUP{100%{opacity:1;translate:0 0;}}
@keyframes leftIN{100%{opacity:1;translate:0 0;}}
@keyframes rightIN{100%{opacity:1;translate:0 0;}}

header{opacity:0.01;animation:fadeIN 0.8s ease-in-out 0.5s 1 forwards;}
header div#copy h2{opacity:0.01;animation:fadeIN 0.8s ease-in-out 2.0s 1 forwards;}
header div#copy p{opacity:0.01;animation:fadeIN 0.8s ease-in-out 3.0s 1 forwards;}
#slideTHUM{opacity:0.01;animation:fadeIN 1.3s ease-in-out 4.0s 1 forwards;}
section.section{opacity:0.01;}
section.section.fade{animation:fadeIN 0.6s ease-in-out 0.15s 1 forwards;}

section.front02 span.pic01,
section.front02 span.pic02{opacity:0.01;translate:0 150px;}
section.front02.fade span.pic02{animation:slideUP 0.8s ease-in-out 1.0s 1 forwards;}
section.front02.fade span.pic01{animation:slideUP 0.8s ease-in-out 2.0s 1 forwards;}

section.front03 ul li,
section.front03 ul li:after{opacity:0.01;}
section.front03.fade ul li:nth-of-type(1){animation:fadeIN 0.6s ease-in-out 0.3s 1 forwards;}
section.front03.fade ul li:nth-of-type(2){animation:fadeIN 0.6s ease-in-out 0.6s 1 forwards;}
section.front03.fade ul li:nth-of-type(3){animation:fadeIN 0.6s ease-in-out 0.9s 1 forwards;}
section.front03.fade ul li:nth-of-type(1):after{animation:fadeIN 0.6s ease-in-out 0.8s 1 forwards;}
section.front03.fade ul li:nth-of-type(2):after{animation:fadeIN 0.6s ease-in-out 1.1s 1 forwards;}
section.front03.fade ul li:nth-of-type(3):after{animation:fadeIN 0.6s ease-in-out 1.4s 1 forwards;}

section.front04 > div{opacity:0.01;}
section.front04 > div.fade span.pic,
section.front04 > div.fade span.thumIMG{opacity:0;translate:0 150px;}

section.front04 > div.fade:nth-of-type(1),
section.front04 > div.fade:nth-of-type(2),
section.front04 > div.fade:nth-of-type(3),
section.front04 > div.fade:nth-of-type(4){animation:fadeIN 0.6s ease-in-out 0.25s 1 forwards;}
section.front04 > div.fade span.pic{animation:slideUP 0.6s ease-in-out 0.5s 1 forwards;}
section.front04 > div.fade span.thumIMG{animation:slideUP 0.8s ease-in-out 1.0s 1 forwards;}

section.front05 div.inner .fadeBOX{opacity:0.01;translate:90vw 0;}
section.front05 div.inner .animeBOX{opacity:0.01;}
section.front05 div.inner h2.title.fade{animation:rightIN 0.6s ease-in-out 0.5s 1 forwards;}
section.front05 div.inner h2.title + p.fade{animation:rightIN 0.6s ease-in-out 0.8s 1 forwards;}
section.front05 div.inner span.thumIMG.fade{animation:rightIN 0.6s ease-in-out 1.0s 1 forwards;}
section.front05 div.inner h3.fade{animation:rightIN 0.6s ease-in-out 0.3s 1 forwards;}
section.front05 div.inner p.fade{animation:rightIN 0.6s ease-in-out 0.7s 1 forwards;}
section.front05 div.inner a.link02.fade{animation:fadeIN 0.6s ease-in-out 1.0s 1 forwards;}

section.front05 div.inner .fadeBOX{opacity:0.01;translate:90vw 0;}

.fContactBTN li{opacity:0;}
.fContactBTN.fade li:nth-of-type(1){animation:fadeIN 0.6s ease-in-out 0.25s 1 forwards;}
.fContactBTN.fade li:nth-of-type(2){animation:fadeIN 0.6s ease-in-out 0.5s 1 forwards;}

.foot01,
.foot02{opacity:0.01;}
.foot01.fade,
.foot02.fade{animation:fadeIN 0.6s ease-in-out 0.3s 1 forwards;}

/* header */
header{position:relative;z-index:4;/*background:linear-gradient(-25deg,#fff,#b8c2c8);*/box-sizing:border-box;}
header .frontBCKG{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;clip-path:polygon(0 0, 100% 0, 100% 70%, 0 100%);z-index:0;}
header .frontBCKG:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;box-sizing:border-box;background:url(../top/coverIMG/coverIMG01.webp) no-repeat center top -100px / cover;z-index:1;}
@media screen and (orientation: portrait) {
header .frontBCKG:before{animation:zoomIN 20s ease-in-out 0s 1 forwards;transform:scale(1);}
@keyframes zoomIN{100%{transform:scale(1.2);}}
}
@media screen and (orientation: landscape) {
header .frontBCKG:before{animation:zoomIN 20s ease-in-out 0s 1 forwards;transform:scale(1);background-position:center center;}
@keyframes zoomIN{100%{transform:scale(1.2);}}
}
header > *{z-index:1;}
header .frontBCKG{z-index:0;}
header #gNavi{position:absolute;right:50px;top:20px;margin:auto 0;font-size:17px;height:fit-content;}
header #gNavi ul{display:flex;justify-content:right;}
header #gNavi ul > li{padding:20px;line-height:1;position:relative;}
header #gNavi ul > li > a{color:#333;font-size:17px;font-family:"Noto Sans JP","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:700;}
header #gNavi ul > li > a:hover{color:#f80;opacity:1;}
header #gNavi ul > li.gN06{margin-left:30px;margin-right:0;padding-left:0;padding-right:0;}
header #gNavi ul > li.gN06 > a{padding:10px 30px 12px 30px;background:linear-gradient(to left,#ffbf00,#f80);border-radius:7px;}
header #gNavi ul > li.gN06 > a:hover{color:#fff;opacity:1;}
header #gNavi ul > li.sub > ol{position:absolute;left:-200px;right:-200px;top:55px;background:linear-gradient(to left,#ffbf00,#fd840b);padding:5px 20px 40px 20px;border-radius:12px;margin:0 auto;width:fit-content;display:none;}
header #gNavi ul > li.sub > ol > li a{color:#333;font-size:15px;font-family:"Noto Sans JP","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:400;padding:15px;display:block;border-top:1px dotted rgba(255,255,255,0.5);}
header #gNavi ul > li.sub > ol > li:nth-of-type(1) a{border-top:0;}
header #gNavi ul > li.sub > ol > li a:hover{color:#fff;opacity:1.0;}


header h1{width:400px;height:68px;position:absolute;top:30px;left:50px;margin:auto 0;}
header h1 a{display:block;width:100%;height:100%;background:url(../top/logo01.svg) no-repeat left top / 100% auto;color:#333;box-sizing:border-box;font-size:13px;padding:38px 0 0 75px;}
header div#copy{width:1000px;height:100vh;display:flex;flex-wrap:wrap;justify-content:right;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
header div#copy > div{width:100%;height:22em;color:#000;box-sizing:border-box;position:relative;translate:0 -100px;}
header div#copy h2{font-size:50px;line-height:1.5;margin-bottom:20px;text-align:left;color:#fff;position:absolute;top:0;left:0;}
header div#copy p.en{rotate:-20deg;display:block;width:fit-content;height:2em;font-size:50px;line-height:1;position:absolute;left:0;right:0;top:0;bottom:0;font-style:italic;font-family:"Oswald",sans-serif;font-weight:normal;z-index:2;margin:auto auto;transform-origin:center bottom;display:none!important;}
header div#copy p.en strong{display:inline-block;font-weight:100;translate:0.65em 0;font-size:100px;}
header div#copy p{font-size:22px;line-height:2;font-weight:normal;position:absolute;color:#fff;left:0;bottom:0;}


/*共有*/
section.contact{position:relative;background-color:#f9f9f9;}
section.contact div.con-wrap{padding:100px 0 100px 0;background:url(../layout/fContactBCKG.webp) no-repeat right top / cover;}
section.contact div.inner{width:1100px;margin:0 auto;color:#666;}
section.contact div.inner h2.title{text-align:left;margin-left:0;}
section.contact div.inner h2.title:before{display:none;}
section.contact div.inner h3{margin-top:30px;font-size:25px;}
section.contact div.inner p{font-size:18px;margin-top:0px;}

ul.fContactBTN{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
ul.fContactBTN li{width:50%;height:auto;box-sizing:border-box;padding:50px 50px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
ul.fContactBTN li div{width:fit-content;height:fit-content;color:#333;}
ul.fContactBTN li h2 span{display:block;font-size:25px;}
ul.fContactBTN li p{font-size:18px;color:#fff;line-height:2;text-align:center;margin-top:20px;}
ul.fContactBTN li a{display:table;font-size:70px;font-family:"Oswald",sans-serif;font-weight:normal;line-height:1;color:#333;position:relative;z-index:1;width:fit-content;padding-right:60px;}
ul.fContactBTN li.mail h2{width:fit-content;margin-left:auto;margin-right:auto;}
ul.fContactBTN li.mail{background:#f80;width:100%;}/*■■電話番号■■*/
ul.fContactBTN li.tel{background:#f90;display:none;}/*■■電話番号■■*/
ul.fContactBTN li.mail a{padding-left:70px;background:url(../layout/iconMAIL.svg) no-repeat left top 25px / 54px auto;}
ul.fContactBTN li.tel a{padding-left:65px;background:url(../layout/iconTEL.svg) no-repeat left top 25px / 45px auto;}
ul.fContactBTN li a:before{content:'';display:block;position:absolute;top:-50px;bottom:-50px;right:0;margin:auto 0;width:30px;height:30px;background:url(../layout/arrow-gray02.svg) no-repeat center;z-index:-1;transition:0.15s ease-in-out;}
ul.fContactBTN li a:hover{color:#fff;opacity:1;}
ul.fContactBTN li a:hover:before{right:-15px;}


/*▼ハンバーガーボタン*/
div#humBTN{width:90px;height:45px;position:absolute;top:25px;right:40px;z-index:4;cursor:pointer;background-color:#000;border-radius:23px;display:none;transition:0.1s ease-out;}
div#humBTN:hover{opacity:0.8;}
div#humBTN div{width:35px;height:100%;position:relative;margin:0 auto;}
div#humBTN span{display:block;width:0;height:3px;position:absolute;left:0;right:0;background-color:#fff;transition:0.1s ease-out;}
div#humBTN span:nth-of-type(1){width:35px;top:11px;transition-delay:0.3s;}
div#humBTN span:nth-of-type(2){width:25px;top:20px;left:0;transition-delay:0.15s;}
div#humBTN span:nth-of-type(3){width:15px;top:30px;left:0;transition-delay:0s;}
div#humBTN:hover span:nth-of-type(1){width:100%;}
div#humBTN:hover span:nth-of-type(2){width:100%;}
div#humBTN:hover span:nth-of-type(3){width:100%;}

div#humBTN.open{background-color:#fff;position:fixed;}
div#humBTN.open div{width:25px;}

#humBTN.open span{background:#000;}
#humBTN.open span:nth-of-type(1){transition-delay:0s;width:25px;animation:rotate01 0.15s ease-out 0.3s forwards;}
#humBTN.open span:nth-of-type(2){transition-delay:0.15s;width:25px;left:0;animation:rotate02 0.15s ease-out 0.3s forwards;}
#humBTN.open span:nth-of-type(3){transition-delay:0.3s;width:25px;left:0;animation:rotate03 0.15s ease-out 0.3s forwards;}
@keyframes rotate01{100%{rotate:45deg;top:20px;margin-left:auto;}}
@keyframes rotate02{100%{opacity:0;}}
@keyframes rotate03{100%{rotate:-45deg;top:20px;margin-right:auto;}}

/*▼ハンバーガーメニュー*/
#humBOX{box-sizing:border-box;background:url(../layout/logoSTAR.svg) no-repeat center center / cover #3e3a39;width:95%;position:fixed;right:-95%;top:0;z-index:3;padding:60px 100px 60px 100px;transition:0.2s ease-in-out;min-height:100vh;}
#humBOX.open{right:0;overflow-y:auto;height:100%;}
#humBOX *{color:#fff;}
#humBOX .humContainer{display:flex;justify-content:space-between;}
#humBOX .humContainer > div.humInfo{width:500px;}
#humBOX .humContainer > nav.humNavi{}
#humBOX .humContainer .humInfo a.logo{display:block;width:300px;height:240px;margin-bottom:30px;color:#fff;font-size:11px;padding:222px 0 0 60px;background:url(../layout/logo-foot.svg) no-repeat left top / 100% auto;box-sizing:border-box;}
#humBOX .humContainer .humInfo h3{text-align:left;font-size:20px;color:#fff;margin-bottom:10px;}
#humBOX .humContainer .humInfo h4{margin-top:30px;font-size:18px;line-height:1;}
#humBOX .humContainer .humInfo h5{font-size:15px;font-weight:normal;}
#humBOX .humContainer .humInfo p{margin-top:5px;font-size:15px;font-weight:normal;line-height:1.75;}
#humBOX .humContainer .humNavi li a i{display:block;font-family:"Roboto Condensed", sans-serif;font-size:14px;color:#f80;}
#humBOX .humContainer .humNavi li > a:hover{color:#ffbf00;}
#humBOX .humContainer .humNavi li > a:hover i{color:#fff;}
#humBOX .humContainer .humNavi01{display:flex;justify-content:space-between;}
#humBOX .humContainer .humNavi01 l{display:flex;justify-content:space-between;}
#humBOX .humContainer .humNavi01 > ul{width:calc(100% / 2 - 40px);}
#humBOX .humContainer .humNavi01 > ul > li{margin-bottom:15px;}
#humBOX .humContainer .humNavi01 > ul > li > a{color:#fff;font-size:17px;display:block;line-height:1.5;}
#humBOX .humContainer .humNavi01 ol{margin:15px 0 30px 0;}
#humBOX .humContainer .humNavi01 ol li{font-weight:300;}
#humBOX .humContainer .humNavi01 span.thumIMG{display:block;width:150px;height:auto;margin:10px auto;aspect-ratio:1.6 / 1;background:#ccc url() no-repeat center / cover;margin-left:0;}
#humBOX .humContainer .humNavi01 li a b{width:fit-content;color:#fff;font-size:15px;padding-right:25px;background:url(../layout/arrow-orange.svg) no-repeat right center / 15px auto;}
#humBOX .humContainer .humNavi01 li.humstaff a{pointer-events:none;color:#aaa;}/*■■スタッフ紹介■■*/

#humBOX .humContainer .humNavi02{display:flex;justify-content:space-between;}
#humBOX .humContainer ul.humNavi02{margin-top:20px;}
#humBOX .humContainer ul.humNavi02 li:first-child a{pointer-events:none;color:#aaa;}/*■■スタッフ紹介■■*/
#humBOX .humContainer ul.humNavi02 li:first-child a span.soon{color:#aaa;}/*■■スタッフ紹介■■*/
#humBOX .humContainer ul.humNavi02 li a i{line-height:1;}
#humBOX .humContainer ul.humNavi02 li a span.soon{font-size:12px;line-height:1;margin-top:0;display:block;}
#humBOX .humContainer ul.humNavi02 > li{width: calc(100% / 2);box-sizing: border-box;padding-left: 120px;min-height:60px;position: relative;}
#humBOX .humContainer ul.humNavi02 > li span.thumIMG{display:block;width:110px;height:60px;background:#ccc url() no-repeat center / cover;position: absolute;top: 0;bottom: 0;left: 0;}
#humBOX .humContainer ul.humNavi03{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;border-top:1px solid #666;border-bottom:1px solid #666;}
#humBOX .humContainer ul.humNavi03 > li{width:calc(100% / 2);}
#humBOX .humContainer ul.humNavi03 > li > a{display:flex;flex-wrap:wrap;align-items:center;height:100%;width:100%;box-sizing:border-box;color:#fff;font-size:15px;font-weight:bold;}
#humBOX .humContainer ul.humNavi03 li a[title="お問い合わせ"]{background:linear-gradient(to right,#f80,#fc3);padding-left:40px;line-height:1.4;font-size:17px;color:#3e3a39;}
#humBOX .humContainer ul.humNavi03 li a[title="お問い合わせ"] span{display:inline-block;padding-left:30px;background:url(../layout/icon-fukidashi.svg) no-repeat left top 4px / 20px auto;color:#3e3a39;}
#humBOX .humContainer ul.humNavi03 li a[title="お問い合わせ"] i{display:block;font-family:"Roboto Condensed", sans-serif;font-size:14px;font-weight:bold;color:#3e3a39;}
#humBOX .humContainer ul.humNavi03 .sub-links{padding:10px 0 10px 20px;}
#humBOX .humContainer ul.humNavi03 .sub-links a{display:inline-block;padding-right:20px;line-height:1;background:url(../layout/icon-blank02.svg) no-repeat right center / 15px auto;margin:0 auto;margin-right:30px;font-weight:300;}
#humBOX span.humlogo{display:block;width:160px;height:87px;margin:60px auto 0 auto;background:url(../layout/logo.webp) no-repeat center;}
#humSkin{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:3;}
#humBOX .hum_top.bottom{display:none;}
#humBOX .humContainer .humNaviSP{display:none;}



#slideTHUM{position:absolute;right:calc((1100px / 2) - 200px);bottom:50px;width:400px;}
#slideTHUM div{width:100%;}
#slideTHUM div p.num{position:absolute;right:0;top:0;bottom:0;margin:auto 0;}
#slideTHUM div p.num a span{display:block;width:calc(5em + 10px);padding-right:15px;height:1em;line-height:1;vertical-align:middle;background:url(../layout/arrow-white.svg) no-repeat right center / 30px auto;position:absolute;right:36px;top:0;bottom:0;margin:auto;font-size:18px;color:#333;font-weight:bold;}
/*#slideTHUM div p.num a.housemaker-link span{width:calc(10em + 10px);}*/
#slideTHUM div p.num a.insurance-link span{color:#fff;}
#slideTHUM div p.num i{display:block;font-family:"Oswald", sans-serif;width:1em;font-size:20px;font-weight:100;line-height:1;position:relative;font-weight:500;}
#slideTHUM div p.num:after,
#slideTHUM div p.num:before{display:none;}
#slideTHUM div p.num i:nth-of-type(2){position:absolute;right:0;bottom:0;}
#slideTHUM div p.num b{display:block;margin-left:25px;font-size:20px;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;}
#slideTHUM .thumIMG{margin:10px 0;}
#slideTHUM .thumIMG article{display:block;width:100%;height:160px;position:relative;}
#slideTHUM .thumIMG article > a{display:block;width:100%;height:100%;background:#fff url() no-repeat left center / cover;border-radius:150px;}
#slideTHUM .thumIMG article.bl > p.num a span{background-image:url(../layout/arrow-gray02.svg);color:#251e1c;}
#slideTHUM .thumIMG article.wt > p.num a span{background-image:url(../layout/arrow-white.svg);color:#fff;}

#slideTHUM .row_btns{display:flex;flex-wrap:wrap;justify-content:center;margin-top:19px;}
#slideTHUM .row_btns button{text-indent:-999px;overflow:hidden;width:32px;height:24px;background:url(../top/button-start.png) no-repeat center;border:0;margin:0 10px;cursor:pointer;transition:0.15s ease-in-out;}
#slideTHUM .row_btns button.slick_pause{background-image:url(../top/button-stop.png);}
#slideTHUM .row_btns button.slick_start:hover{background-image:url(../top/button-start02.png);opacity:0.8;}
#slideTHUM .row_btns button.slick_pause:hover{background-image:url(../top/button-stop02.png);opacity:0.8;}
#slideTHUM .row_btns button.slick_start.active{background-image:url(../top/button-start03.png);}
#slideTHUM .row_btns button.slick_pause.active{background-image:url(../top/button-stop03.png);}
#slideTHUM .slick-prev,#slideTHUM .slick-next{top:auto;bottom:-50px;width:100px;box-sizing:border-box;}
#slideTHUM .slick-prev{background:url(../top/slick-back.svg) no-repeat left center / auto 8px;padding-left:20px;left:5px;}
#slideTHUM .slick-next{background:url(../top/slick-next.svg) no-repeat right center / auto 8px;padding-right:20px;right:5px;}
#slideTHUM .slick-prev:before,#slideTHUM .slick-next:before{color:#000;font-family:"Oswald", sans-serif;font-weight:bold;font-size:17px;transition:0.3s ease-in-out;}
#slideTHUM .slick-prev:before{content:'Prev';}
#slideTHUM .slick-next:before{content:'Next';}
#slideTHUM .slick-prev:hover:before,#slideTHUM .slick-next:hover:before{color:#f80;}

section.section h2.title{text-align:center;line-height:1;font-size:65px;color:#333;font-weight:300;width:fit-content;margin:0 auto;position:relative;z-index:1;}
/*
section.section h2.title b{display:block;font-size:16px;}
*/
section.section h2.title b{display:block;font-size:36px;}
section.section h2.title i{display:none;}

section.section h2.title.title-l{text-align:left;margin:0;}
section.section h2.title.title-l b{margin-left:0;}

section.topNEWS{width:1200px;margin:0 auto 100px auto;padding:0 0 50px 0;position:relative;}
div.list-archive ul{margin:50px auto;width:1200px;}
div.list-archive ul li{border-bottom:2px solid #B7C1C7;padding:30px 15px;box-sizing:border-box;background:url(../layout/arrow-orange.svg) no-repeat right 0 center / 20px auto;}
div.list-archive ul li:first-child{border-top:2px solid #B7C1C7;}
div.list-archive ul li a{color:#333;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-right:15px;}
div.list-archive ul li b.title{width:calc(100% - 400px);font-size:17px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 50px);}
div.list-archive ul li a time{position:relative;display:flex;flex-direction:row;font-size:15px;line-height:1.3;font-family:"Oswald", sans-serif;font-weight:normal;color:#000;width:250px;justify-content:space-between;}
div.list-archive ul li a time b{position:absolute;top:20px;font-size:23px;display:block;font-family:"Oswald", sans-serif;font-weight:bold;color:#333;}
div.list-archive ul li a time span{font-size:12px;color:#fff;width:150px;text-align:center;border-radius:6px;font-weight:normal;line-height:1;background-color:#f80;display:block;padding:17px 10px;box-sizing:border-box;margin-right:20px;}
div.list-archive ul li a span.textBOX{width:calc(100% - 250px);}
div.list-archive ul li a span.textBOX b.title{display:block;font-weight:700;font-size:18px;line-height:1.65;}
div.list-archive ul li a span.textBOX b.title em{display:inline-block;margin-right:30px;font-size:13px;padding-left:20px;background:url(../top/star02.svg) no-repeat left center / 15px auto;font-family:"Noto Sans JP","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold}
div.list-archive ul li a span.txt{display:none;}
div.list-archive a.link02{position:absolute;bottom:0px;right:0;}

div.list-archive ul li a:hover{background-position:right 0px center;}
/*
div.list-archive ul li.news-construction a b.title em,
div.list-archive ul li.news-house-maker a b.title em{background-image:url(../top/star02.svg)!important;}
div.list-archive ul li.construction a time span{background-color:#fd840b;}
div.list-archive ul li.construction a b.title em{background-image:url(../top/star02.svg)!important;}
div.list-archive ul li.house-maker a time span{background-color:#ED8480;}
div.list-archive ul li.house-maker a b.title em{background-image:url(../top/starPK.svg)!important;}
div.list-archive ul li.insurance a time span{background-color:#21AE8E;}
div.list-archive ul li.insurance a b.title em{background-image:url(../top/starGREEN.svg)!important;}
div.list-archive ul li.food a time span{background-color:#18B5C1;}
div.list-archive ul li.food a b.title em{background-image:url(../top/starBL.svg)!important;}
*/

div.list-archive.news-headline ul li a time{display:block;}
div.list-archive.news-headline ul li a time b{display:block;position:relative;top:auto;}
div.list-archive.news-headline ul li a time span{display:block;position:absolute;top:0;bottom:0;margin:auto 0;left:70px;width:12em;padding:12px 5px;margin-right:0;height:fit-content;}

a.link{display:block;width:110px;height:110px;color:#fff;background:linear-gradient(45deg, #ffbf00, #fd840b);border-radius:50%;z-index:1;}

div.front00,
div.front01{min-height:100vh;margin-bottom:100px;position:relative;}
div.front00{margin-bottom:0;}
div.front01{padding:50px 0;margin:100px auto 0 auto;width:1200px;position:relative;}
div.front01 h2{font-size:60px;font-weight:bold;writing-mode:vertical-rl;line-height:1.75;z-index:2;}
div.front01 p{margin:200px 0 150px 500px;font-size:25px;font-weight:bold;line-height:3.5;position:relative;z-index:2;}
div.front01 ul.pic{}
div.front01 ul.pic li{position:absolute;width:500px;height:500px;mask:url(../top/star01.svg) no-repeat center center / 90% auto;z-index:1;}
div.front01 ul.pic li span.mask{display:block;width:100%;height:100%;position:relative;background:#fff url() no-repeat center / cover;}
div.front01 ul.pic li.pic01{top:0;right:0;scale:1.35;}
div.front01 ul.pic li.pic02{top:400px;left:0px;scale:1.2;rotate:-10deg;}
div.front01 ul.pic li.pic03{bottom:50px;right:0px;rotate:-10deg;}
div.front01 ul.pic li.pic02 span.mask{rotate:-5deg;}
div.front01 ul.pic li.pic03 span.mask{rotate:-5deg;}
div.front01 a.link02{margin:150px 0;margin-left:400px;}

section.front02{padding-bottom:100px;position:relative;z-index:3;}
section.front02 div.inner{width:1000px;margin:0 auto;position:relative;}
section.front02 h2{color:#000;font-size:90px;position:relative;width:fit-content;}
section.front02 h2 b{font-size:30px;vertical-align:middle;margin-left:50px;}
section.front02 p{font-size:18px;color:#333;font-weight:500;margin-top:50px;}
section.front02 span.pic01,
section.front02 span.pic02{display:block;position:absolute;background:url() no-repeat center / cover;}
section.front02 span.pic01{width:360px;height:480px;background-image:url(../top/pic03.webp);right:0;top:0;border-radius:15px;}
/*
section.front02 span.pic02{width:190px;height:250px;background-image:url(../top/pic02.webp);right:-100px;top:0;border-radius:10px;}
*/
section.front02 span.pic02{display:none;}

section.front03{background:url(../top/top03BCKG.webp) no-repeat left top / cover;overflow:hidden;}
section.front03 h2.title:before{background-image:url(../top/starWH.svg);}

section.front03 div.inner{width:1200px;margin:0 auto;padding:200px 0 100px 0;position:relative;}
section.front03 div.inner > h3{text-align:center;font-size:25px;margin:30px 0 50px 0;color:#333;}
section.front03 div.inner > p{width:950px;font-size:18px;color:#333;font-weight:500;margin:0 auto;}
section.front03 ul{margin-top:80px;margin-bottom:80px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
section.front03 ul li{position:relative;color:#3e3a39;background:#fff;border-radius:9px;font-size:18px;width:calc(100% / 3 - 20px);padding:280px 20px 20px 20px;box-sizing:border-box;}
section.front03 ul li:after{content:'';display:block;width:calc(100% - 40px);height:240px;background:url() no-repeat bottom center / contain;position:absolute;top:20px;left:20px;z-index:1;border-radius:7px;}
section.front03 ul li > *{position:relative;z-index:2;}
section.front03 ul li h4{font-size:36px;margin-bottom:15px;font-weight:400;text-align:center;line-height:1;}
section.front03 ul li p{font-size:16px;font-weight:400;}
section.front03 ul li.top03-1:after{background-image:url(../top/top03-1-1.webp);}
section.front03 ul li.top03-2:after{background-image:url(../top/top03-1-2.webp);}
section.front03 ul li.top03-3:after{background-image:url(../top/top03-1-3.webp);}

section.front03 a.link02{position:absolute;right:0;}

section.front04{padding:200px 0;overflow:hidden;}
section.front04 h2.title:before{background-image:url(../top/starGR.svg);}
section.front04 h3{text-align:center;font-size:25px;margin:30px 0 50px 0;color:#333;}
section.front04 a.link02{position:absolute;right:50px;bottom:50px;}
section.front04 a.link02 span{font-size:14px;}
section.front04 > div{width:1200px;margin:0 auto 80px auto;position:relative;z-index:1;background:#f6f6f6;border-radius:15px;}
section.front04 > div > div{width:50%;min-height:450px;position:relative;box-sizing:border-box;padding:50px 50px 110px;z-index:1;border-radius:30px;}
section.front04 > div > *{z-index:1;}
section.front04 > div > span.pic{display:block;border-radius:12px;position:absolute;right:60px;top:0;bottom:0;margin:auto 0;z-index:-1;width:calc(50% - 120px);height:70%;background:url() no-repeat right center / cover;}
/*
section.front04 > div > div span.thumIMG{display:block;border-radius:10px;position:absolute;right:-300px;bottom:30px;z-index:-1;width:300px;height:220px;background:url() no-repeat center / cover;}
*/
section.front04 > div > div span.thumIMG{display:none;}

section.front04 > div > div h3{margin-bottom:20px;text-align:left;}
section.front04 > div > div h3 span{font-size:24px;display:block;color:#f80;}
section.front04 > div > div h3 b{font-size:60px;line-height:1.3;}
section.front04 > div > div p{font-size:18px;height:fit-content;position:relative;}
/*
section.front04 > div.front04-1 > div h3 span{color:#fd840b;}
section.front04 > div.front04-2 > div h3 span{color:#ee1b24;}
section.front04 > div.front04-3 > div h3 span{color:#47ae53;}
section.front04 > div.front04-4 > div h3 span{color:#1dcdc3;}
section.front04 > div.front04-1 > div a.link02{background-color:#fd840b;}
section.front04 > div.front04-2 > div a.link02{background-color:#ee1b24;}
section.front04 > div.front04-3 > div a.link02{background-color:#47ae53;}
section.front04 > div.front04-4 > div a.link02{background-color:#1dcdc3;}
*/

@media screen and (max-width:1680px){

}


section.front05{position:relative;padding:50px 0 50px 0;background:#3e3a39;}
section.front05 div.inner{width:1200px;margin:0 auto;}
section.front05 div.inner div.title{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;position:relative;margin-bottom:580px;}
section.front05 div.inner div.title span.thumIMG{display:block;position:absolute;top:155px;left:0;width:calc(100vw - (50vw - (1200px / 2)));height:460px;background:url() no-repeat left center / cover;border-top-left-radius:15px;border-bottom-left-radius:15px;}
section.front05 div.inner div.title h2.title{text-align:left;margin-left:100px;margin-right:50px;color:#fff;}
section.front05 h2.title:before{background-image:url(../top/starBK.svg);opacity:0.2;}

section.front05 div.inner div.title h2.title b{padding-left:0;font-size:80px;font-weight:200;}
section.front05 div.inner div.title p{width:fit-content;text-align:left;font-size:25px;font-weight:600;line-height:2.0;color:#fff;}
section.front05 div.inner div.recruit01-1{padding-left:100px;position:relative;width:fit-content;}
section.front05 div.inner div.recruit01-1 h3{font-size:25px;font-weight:600;margin-bottom:15px;color:#fff;}
section.front05 div.inner div.recruit01-1 p{font-size:18px;font-weight:500;line-height:2.0;color:#fff;}
section.front05 div.inner div.recruit01-1 a.link02{position:absolute;bottom:50px;right:-300px;}
section.front05 div.inner div.recruit01-1 a.link02 span{font-size:23px;color:#fff;}

section.partner{position:relative;padding:200px 0 200px 0;background:#f9f9f9;}
section.partner div.inner{width:1400px;margin:0 auto;}
section.partner div.inner h2.title:before{background-image:url(../top/starWH.svg);}
section.partner div.inner > p{text-align:center;font-size:25px;margin:20px auto 50px auto;}
section.partner div.inner ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;}
section.partner div.inner ul li{width:calc(100% / 4 - 30px);}
section.partner div.inner ul li span.thumIMG{display:block;height:140px;background:#fff url() no-repeat center;margin-bottom:30px;}
section.partner div.inner ul li h3{font-size:30px;color:#444;}
section.partner div.inner ul li h4{font-size:16px;text-align:center;width:fit-content;color:#444;background:#fff;border:2px solid #666;margin:15px 0;line-height:1;padding:10px 30px 13px 30px;border-radius:30px;box-sizing:border-box;}
section.partner div.inner ul li p{font-size:18px;color:#333;line-height:2.0;}





.num{position:absolute;right:30px;top:-90px;width:100px;height:100px;}
.num.left{left:30px;right:auto;}
.num:before{content:'';display:block;width:130px;height:130px;position:absolute;left:-40px;top:-40px;background:url(../top/star01.svg) no-repeat center / contain;text-align:center;z-index:0;}
.num i{display:block;font-family:"Oswald", sans-serif;width:1em;font-size:40px;font-weight:400;line-height:1;position:relative;}
.num i:nth-of-type(1){position:absolute;left:5px;top:5px;}
.num i:nth-of-type(2){position:absolute;right:5px;bottom:5px;}
.num:after{content:'';display:block;width:120%;height:1px;background:#000;position:absolute;left:-50%;right:-50%;top:-50%;bottom:-50%;margin:auto;rotate:-45deg;transform-origin:center center;}
.num em{display:block;font-size:13px;line-height:1;position:absolute;left:-50%;top:-30%;color:#ffbf00;font-family:"Oswald", sans-serif;}



#fWrapper{position:relative;width:100%;height:100%;}
#fWrapper:before{content:'';display:block;position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:100%;height:844px;background:url(../top/frontBCKG_mt.webp) no-repeat center top 400px;z-index:1;}

#fWrapper > section{width:1200px;height:670px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:3;}
#fWrapper > section h1{width:180px;margin:0 auto 30px auto;background:url(../top/logo.webp) no-repeat center top / 100% auto;padding-top:185px;text-align:center;font-size:20px;font-weight:600;opacity:0;animation:fadeIN 1.5s ease-in-out 3.0s 1 forwards;}

#fWrapper > section h1 + p{text-align:center;font-size:35px;line-height:1.5;font-weight:600;height:120px;position:relative;}
#fWrapper > section h1 + p span{height:0;position:absolute;display:block;width:100%;overflow:hidden;opacity:0;}
#fWrapper > section h1 + p span:nth-of-type(1){top:0;animation:frontCOPY 0.6s ease-in-out 1.0s 1 forwards;}
#fWrapper > section h1 + p span:nth-of-type(2){top:60px;animation:frontCOPY 0.6s ease-in-out 2.0s 1 forwards;}
#fWrapper > section nav.frontNAV{margin-top:120px;}
#fWrapper > section nav.frontNAV ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
#fWrapper > section nav.frontNAV ul li{width:170px;height:170px;margin:0 40px;scale:0;transform-origin:center bottom;}
#fWrapper > section nav.frontNAV ul li.nav01{animation:fNAV 0.4s ease-in-out 3.0s 1 forwards;}
#fWrapper > section nav.frontNAV ul li.nav02{animation:fNAV 0.4s ease-in-out 3.3s 1 forwards;}
#fWrapper > section nav.frontNAV ul li.nav03{animation:fNAV 0.4s ease-in-out 3.6s 1 forwards;}
#fWrapper > section nav.frontNAV ul li.nav04{animation:fNAV 0.4s ease-in-out 3.9s 1 forwards;}
@keyframes fNAV{0%{scale:0;}90%{scale:1.1;}100%{scale:1.0;}}
#fWrapper > section nav.frontNAV ul li a{display:block;height:100%;border-radius:50%;background:#00a0e9;position:relative;box-shadow:3px 3px 15px rgba(0,0,0,0.3);}
#fWrapper > section nav.frontNAV ul li.nav01 a{background:#00a0e9;color:#fff;}
#fWrapper > section nav.frontNAV ul li.nav02 a{background-color:#fff33f;color:#000;}
#fWrapper > section nav.frontNAV ul li.nav03 a{background-color:#ffc032;color:#000;}
#fWrapper > section nav.frontNAV ul li.nav04 a{background-color:#677375;color:#fff;}
#fWrapper > section nav.frontNAV ul li a b{display:block;width:100%;position:absolute;bottom:15px;text-align:center;line-height:1.5;font-size:14px;font-weight:600;}
#fWrapper > section nav.frontNAV ul li a:hover{opacity:1;}
#fWrapper > section nav.frontNAV ul li a:hover b{opacity:0.6;}
#fWrapper > section nav.frontNAV ul li a:before{content:'';display:block;width:197px;height:195px;background:url() no-repeat center;position:absolute;bottom:55px;left:-30px;right:-30px;margin:0 auto;/*scale:0;transform-origin:center bottom;*/}
#fWrapper > section nav.frontNAV ul li.nav01 a:before{background-image:url(../top/navIMG01.webp);/*animation:fNAV02 0.6s ease-in-out 3.0s 1 forwards;*/}
#fWrapper > section nav.frontNAV ul li.nav02 a:before{background-image:url(../top/navIMG02.webp);/*animation:fNAV02 0.6s ease-in-out 3.3s 1 forwards;*/}
#fWrapper > section nav.frontNAV ul li.nav03 a:before{background-image:url(../top/navIMG03.webp);/*animation:fNAV02 0.6s ease-in-out 3.6s 1 forwards;*/}
#fWrapper > section nav.frontNAV ul li.nav04 a:before{background-image:url(../top/navIMG04.webp);/*animation:fNAV02 0.6s ease-in-out 3.6s 1 forwards;*/}
#fWrapper > section nav.frontNAV ul li a:hover{scale:1.05;}
#fWrapper > section nav.frontNAV ul li a:hover:before{animation:bounds 2s ease-in-out 0s infinite;}

@keyframes fadeIN{0%{opacity:0;}100%{opacity:1.0;}}
@keyframes fNAV02{0%{scale:0;}90%{scale:1.1;}100%{scale:1.0;}}
@keyframes frontCOPY{0%{height:0;opacity:0;}100%{height:60px;opacity:1.0;}}
@keyframes bounds{0%,20%,24%,28%,32%,100%{bottom:55px;}22%,26%,30%{bottom:60px;}}

#gNAVI{position:absolute;right:130px;top:25px;z-index:3;}
#gNAVI ul{display:flex;flex-wrap:wrap;justify-content:right;}
#gNAVI ul li{margin:0 30px;}
#gNAVI ul li a{display:block;padding:52px 12px 0 12px;background:url() no-repeat center top;text-align:center;font-size:11px;line-height:1.3;color:#000;scale:0;transform-origin:center bottom;}
#gNAVI ul li a i{display:block;font-weight:900;font-size:15px;}
NAVI ul li a:hover{background-size:68px 52px;}



@keyframes kumoRIGHT{0%{translate:0 0;}100%{translate:50% 0;}}
@keyframes kumoLEFT{0%{translate:0 0;}100%{translate:-50% 0;}}




#coverIMG{width:100%;height:100vh;background:url(../top/coverIMG_BCKG.webp) no-repeat center / cover;}
#coverIMG .slide{height:100%;box-sizing:border-box;}
#coverIMG .panel{height:100%;display:flex;flex-wrap:wrap;align-items:center;margin:0 auto;position:relative;box-sizing:border-box;overflow-y:visible;overflow-x:clip;}
#coverIMG .panel.pl01{background:url(../top/coverIMG01.webp) no-repeat center top / cover;}
#coverIMG .panel.pl02{background:url(../top/coverIMG02.webp) no-repeat center top / cover;}

#coverIMG .panel > div{color:#fff;position:absolute;top:0;bottom:0;left:0;right:0;width:1200px;margin:auto;height:440px;}
#coverIMG .panel > div h2{font-size:100px;line-height:0.95;font-weight:100;font-style: normal;}
#coverIMG .panel > div h3{font-size:30px;line-height:1.3;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin:25px 0 10px 0;}
#coverIMG .panel > div p{width:720px;font-size:13px;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height:2.25;}
#coverIMG .panel.pl02 > div{color:#000;width:50%;left:50%;right:auto;margin:auto 0;}
#coverIMG .panel.pl02 > div > *{text-align:left;}
#coverIMG .panel.pl02 > div > h2{color:#f6f;mix-blend-mode:multiply;}



main.top{width:1500px;margin:0 auto;line-height:2.0;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;position:relative;z-index:2;}
main.top section{padding:100px 0;height:750px;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;}
main.top section#top01{padding-top:0;margin-top:-100px;position:relative;padding-left:700px;}
main.top section h2{font-size:50px;font-family:"Noto Sans JP",sans-serif;font-weight:900;line-height:1.3;margin-bottom:30px;color:#ADB0A9;}
main.top section h2:before{content:'#';margin-right:5px;}
main.top section p{font-size:15px;letter-spacing:0.1em;color:#000;line-height:2.0;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;}
main.top section div.img{width:630px;height:750px;position:absolute;left:0;top:0;margin:auto 0;background:url(../top/top01.webp) no-repeat center;}

section#top03{padding:0;height:500px;display:flex;flex-wrap:wrap;align-items:center;background:url(../top/top03.webp) no-repeat right center;background-attachment:fixed;}
section#top03 div{width:1500px;margin:0 auto;padding-left:40%;box-sizing:border-box;}
section#top03 div div{padding:50px;background-color:rgba(255,255,255,0.5);display:table;}
section#top03 h2{font-size:50px;font-family:"Noto Sans JP",sans-serif;font-weight:900;line-height:1.3;margin-bottom:30px;color:#fc0;mix-blend-mode:multiply;}
section#top03 h2:before{content:'#';margin-right:5px;}
section#top03 p{font-size:15px;letter-spacing:0.1em;color:#000;line-height:2.0;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;}

section.fBanner{width:1140px;margin:100px auto;position:relative;}
section.fBanner a.img{display:block;box-shadow:0 0 5px rgba(0,0,0,0.3);height:486px;box-sizing:border-box;transition:0.3s ease-in-out;position:relative;}
section.fBanner a.img:hover{opacity:1;}
section.fBanner a.img:after{content:'';display:block;width:100%;height:100%;border:2px solid rgba(255,255,255,0.3);position:absolute;top:0;left:0;box-sizing:border-box;transition:0.3s ease-in-out;}
section.fBanner a.img:hover:after{border-width:10px;}
section.fBanner time{display:block;width:250px;height:250px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:left;font-size:20px;background:#333 url(../layout/banner/dateBCKG.webp) no-repeat center;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);position:absolute;right:30px;top:450px;}
section.fBanner time span{display:block;line-height:1.1;}
section.fBanner time span *{display:block;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.6);}
section.fBanner time span b{font-family:arial,sans;font-weight:100;font-style:normal;}
section.fBanner time span b:before{content:'#';margin-right:5px;}
section.fBanner time span i{font-family:oswald,sans-serif;font-weight:600;font-style:normal;font-size:45px;}
section.fBanner h3{font-size:20px;color:#636;margin:30px 0 15px 0;line-height:1.5;font-weight:bold;}
section.fBanner p{padding-right:320px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal;}

footer{background:#fff;padding:100px 0 50px 0;}
footer .fContainer{width:1200px;margin:0 auto;}
footer .fContainer .foot01{display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .fContainer .foot01 ul{width:540px;margin-right:100px;}
footer .fContainer .foot01 ul li{margin-bottom:15px;width:100%;position:relative;}
footer .fContainer .foot01 ul li *{display:block;}
footer .fContainer .foot01 ul li i{color:#fd840b;font-size:20px;font-family:"Oswald", sans-serif;}
footer .fContainer .foot01 ul li a span.thumIMG{width:100%;height:auto;aspect-ratio:8 / 1.8;display:block;background:#ccc url() no-repeat center / cover;border-radius:12px;margin-bottom:5px;}
footer .fContainer .foot01 ul li.f01 a{pointer-events:none;}/*■■スタッフ紹介■■*/
footer .fContainer .foot01 ul li.f01 a span.thumIMG{background-position:top -50px center;}
footer .fContainer .foot01 ul li a b{width:fit-content;font-size:23px;padding-right:25px;background:url(../layout/arrow-orange.svg) no-repeat right center / 15px auto;color: #333;}
footer .fContainer .foot01 ul li span.blank{width:fit-content;font-size:16px;text-align:center;color:#333;font-family:"Oswald", sans-serif;font-weight:400;position:absolute;right:10px;bottom:8px;}
footer .fContainer .foot01 ul li span.blank:after{content:'';display:block;width:100%;height:2px;background-color:#999;position:absolute;bottom:3px;}
footer .fContainer .foot01 a.logo{display:block;width:500px;height:320px;font-size:11px;padding:292px 0 0 80px;background:url(../layout/logo-foot_BLK.svg) no-repeat left top / 80% auto;box-sizing:border-box;color: #333;}
footer .fContainer .foot02{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between;margin-top:100px;}
footer .fContainer .foot02 > *{width:calc(100% / 2 - 30px);}
footer .fContainer .foot02 .fNavi ul{display:flex;flex-wrap:wrap;}
footer .fContainer .foot02 .fNavi ul.fNavi01 > li{width:calc(100% / 3);margin-bottom:30px;}
footer .fContainer .foot02 .fNavi ul.fNavi01 > li > a{color:#333;font-size:18px;display:block;line-height:1.5;padding-left:20px;background:url(../layout/starBLK.svg) no-repeat left top 7px / 15px auto;}
footer .fContainer .foot02 .fNavi ul.fNavi01 li a i{display:block;font-family:"Oswald", sans-serif;font-size:13px;color:#f80;margin-top:4px;}
footer .fContainer .foot02 .fNavi ul.fNavi01 > li > a:hover{color:#f80;}
footer .fContainer .foot02 .fNavi ul.fNavi01 > li > a:hover i{color:#000;}
footer .fContainer .foot02 .fNavi ul.fNavi01 li a[title=home]{font-family:"Oswald", sans-serif;}
footer .fContainer .foot02 .fNavi ul.fNavi01 li ol{margin-top:15px;}
footer .fContainer .foot02 .fNavi ul.fNavi01 li ol li{margin-top:10px;margin-bottom:0;line-height:1.5;}
footer .fContainer .foot02 .fNavi ul.fNavi01 li ol li a{color:#333;}
footer .fContainer .foot02 .fNavi ul.fNavi01 li ol li a:hover{color:#ffbf00;}
footer .fContainer .foot02 .fNavi ul.fNavi02{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;border-top:1px solid #3e3a39;border-bottom:1px solid #3e3a39;}
footer .fContainer .foot02 .fNavi ul.fNavi02 > li:nth-of-type(1){width:calc(100% / 2 - 30px);}
footer .fContainer .foot02 .fNavi ul.fNavi02 > li:nth-of-type(2){width:calc(100% / 2 + 30px);}
footer .fContainer .foot02 .fNavi ul.fNavi02 > li > a{display:flex;flex-wrap:wrap;align-items:center;height:100%;width:100%;box-sizing:border-box;color:#3e3a39;font-size:15px;font-weight:bold;}
footer .fContainer .foot02 .fNavi ul.fNavi02 li a[title="お問い合わせ"]{background:url(../layout/arrow-gray02.svg) no-repeat right 30px center / 20px auto , linear-gradient(to right,#f80,#fc3);padding-left:40px;line-height:1.4;font-size:17px;color:#3e3a39;}
footer .fContainer .foot02 .fNavi ul.fNavi02 li a[title="お問い合わせ"] span{display:inline-block;padding-left:30px;background:url(../layout/icon-fukidashi.svg) no-repeat left top 4px / 20px auto;font-size:18px;color:#3e3a39;}
footer .fContainer .foot02 .fNavi ul.fNavi02 li a[title="お問い合わせ"] i{display:block;font-family:"Oswald", sans-serif;font-size:13px;font-weight:normal;color:#3e3a39;margin-top:5px;}
footer .fContainer .foot02 .fNavi ul.fNavi02 .sub-links *{color:#3e3a39;}
footer .fContainer .foot02 .fNavi ul.fNavi02 .sub-links{padding:15px 0 15px 40px;}
footer .fContainer .foot02 .fNavi ul.fNavi02 .sub-links a{display:inline-block;line-height:1;margin:8px auto;margin-right:30px;font-size:15px;}
footer .fContainer .foot02 .fNavi ul.fNavi02 + address{display:block;color:#3e3a39;font-size:10px;text-align:right;margin-top:15px;}

footer .fContainer .foot02 .fNavi ul.fNavi01 > li.fNavi01-3 > a{filter:grayscale(1.0);opacity:0.15;pointer-events:none;}/*■■スタッフ紹介■■*/


footer .fContainer .foot02 .fInfo{color:#333;}
footer .fContainer .foot02 .fInfo h3{text-align:left;font-size:23px;margin-bottom:30px;font-weight:900;}
footer .fContainer .foot02 .fInfo h4{margin-top:25px;font-size:19px;line-height:1.4;}
footer .fContainer .foot02 .fInfo h4 i{display:block;font-size:17px;font-weight:normal;}
footer .fContainer .foot02 .fInfo p{margin-top:7px;font-size:16px;font-weight:normal;line-height:1.5;}
address.sp{display:none;}



@media screen and (max-width:1450px){
#slideTHUM{right:40px;}
header div#copy{width:calc(100% - 80px);}
header div#copy > div{margin-left:10%;}
}

@media screen and (max-width:1300px){
section.section.topNEWS{width:calc(100% - 80px);}
div.list-archive ul{width:100%;}
div.list-archive ul li span.cate{width:120px;text-align:center;}
section.front02 div.inner{width:calc(100% - 80px);}
section.front02 span.pic01{width:377px;height:500px;right:50px;bottom:-300px;}
section.front02 span.pic02{right:-10px;bottom:110px;}
section.front03 div.inner{width:calc(100% - 80px);}
section.front03 ul li{padding-top:270px;}
section.front03 ul li:after{height:auto;aspect-ratio:17 / 12;}

section.front04 > div{width:calc(100vw - 80px);}
section.front04 > div > div{padding-right:0!important;}

section.front04 > div span.pic{background-position:center center;}
section.front04 > div.front04-1 span.pic{background-position:left center;}
section.partner div.inner{width:calc(100% - 80px);}
section.front04 a.link02{right:0;}

}

@media screen and (max-width:1200px){
header .frontBCKG{/*  height:auto;aspect-ratio:1250 / 703;top:0;margin:0 auto;  */}
#humBOX .humContainer ul.humNavi02{margin-top:50px;}
header div#copy > div{margin-left:5%;}

section.front05 div.inner{width:100%;}
section.front05:before{background:url(../top/recruitBCKG.svg) no-repeat right -700px top/ auto 100%;}
section.front05 div.inner div.recruit01-1{padding:0 40px;width:calc(100% - 80px);}
section.front05 div.inner div.title span.thumIMG{left:40px;width:calc(100vw - 40px);background:url() no-repeat center center / cover;}
section.front05 div.inner div.recruit01-1 a.link02{right:40px;}

section.partner div.inner ul li{width:calc(100% / 2 - 30px);margin-bottom:60px;}
section.partner div.inner ul li:nth-of-type(3+n){margin-bottom:0;}
section.partner div.inner ul li span.thumIMG{height:310px;}
footer .fContainer .foot02 .fNavi ul.fNavi02 li a[title="お問い合わせ"]{background:linear-gradient(to right,#f80,#fc3);}

}
@media screen and (max-width:1050px){
header .frontBCKG{clip-path:polygon(0 0, 100% 0, 100% 65%, 0 90%);}
header .frontBCKG:before{background-position:center top;}
section.topNEWS{margin-top:-50px;}

section.front03 ul li{padding-top:20px;}
section.front03 ul li h4{margin-bottom:270px;}
section.front03 ul li:after{top:75px;}

}

@media (orientation:landscape) and (max-height:700px){
header div#copy h2{top:100px;}
}

@media screen and (max-width:1000px){
header div#copy h2{font-size:45px;top:-50px;}
header div#copy p.en strong{display:block;line-height:0.8;}
header div#copy p.en{left:0;right:auto;top:-3em;}
header div#copy p{bottom:0;}

section.front02 span.pic01{width:290px;height:384px;right:15px;bottom:-260px;}
section.front02 span.pic02{width:180px;height:234px;right:-15px;bottom:70px;}
section.front04 > div > div h3 span{font-size:20px;}
section.front04 > div > div h3 b{font-size:40px;}
section.front05 div.inner div.title h2.title b{font-size:60px;}
section.front05 div.inner div.title p{font-size:18px;}
section.front05 div.inner div.recruit01-1 p{font-size:14px;}
}
@media screen and (max-width:920px){
section.front05 div.inner div.recruit01-1 a.link02{right:0;display:block;position:relative;bottom:-20px;margin:0 0 0 auto;}
}
@media screen and (max-width:850px){
section.front03 ul{justify-content:space-between;}
section.front03 ul li{width:100%;margin-bottom:40px;}
section.front03 ul li:after{height:240px;width:320px;right:0;left:0;margin:0 auto;background-size:cover;}
section.front03 ul li h4{margin-bottom:280px;}

}
@media screen and (max-width:782px){
html.admin_bar body{margin-top:46px!important;}
html.admin_bar #humBOX{top:46px;}
html.admin_bar #humBTN{top:calc(32px + 46px);}
}
@media screen and (max-width:768px){
div.front00{min-height:80vh;}
header div#copy{width:100%;padding:0 40px;box-sizing:border-box;translate:0 0;}
header div#copy h2{font-size:45px;top:0;}
header div#copy p.en{left:15px;top:-3em;font-size:45px;}
header div#copy p.en strong{font-size:110px;translate:0.35em 0;}
header div#copy p{font-size:16px;}
header div#copy > div{translate:0 -120px;}
header .frontBCKG{}
header .frontBCKG:before{background-image:url(../top/coverIMG/coverIMG01TAB.webp);background-position:center top;background-size:100% auto;}

section.section.topNEWS{width:calc(100% - 40px);}
div.list-archive.news-headline ul li{padding:0;}
div.list-archive.news-headline ul li a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 15px 35px 15px;}
div.list-archive.news-headline ul li a time{width:20%;justify-content:none;display:block;}
div.list-archive.news-headline ul li a time span{font-size:10px;margin:0;margin-top:7px;display:block;position:relative;top:auto;bottom:auto;left:auto;right:auto;padding:10px 20px;width:fit-content;}
div.list-archive.news-headline ul li a span.textBOX{width:80%;}
div.list-archive.news-headline ul li a span.textBOX b.title{margin-top:0;}
div.list-archive.news-headline ul li a span.textBOX b.title em{display:block;margin-bottom:7px;}

section.front02 div.inner{width:calc(100% - 40px);}
section.front02{padding-bottom:250px;}
section.front02 h2:before{width:180px;height:180px;left:-40px;top:-10px;}
section.section h2.title:before{width:180px;height:180px;left:-110px;top:-85px;}
section.front02 h2 i{font-size:25px;}
section.front02 p{font-size:16px;}
section.front02 span.pic01{right:65px;top:auto;bottom:-410px;}
section.front02 span.pic02{width:124px;height:162px;top:auto;bottom:-210px;}

section.section h2.title{font-size:50px;}
section.front03 div.inner > h3{font-size:20px;}
section.front03 div.inner > p{font-size:16px;width:100%;}

section.front03 div.inner{width:calc(100% - 40px);}
section.front03 ul{padding:0;margin-bottom:30px;}
section.front03 ul li{margin-bottom:20px;}
section.front03 ul li:before{width:450px;height:411px;left:-30px;}
section.front03 a.link02{bottom:50px;}


section.front04{padding:120px 0 0;}
section.front04 > div{width:calc(100% - 60px);margin:0 auto 70px auto;padding:40px 30px;border-radius:10px;box-sizing:border-box;}
section.front04 > div > div{width:100%;min-height:auto;padding:0!important;}
section.front04 > div > span.pic{border-radius:10px;background-position:center top;position:relative;left:auto;top:auto;bottom:auto;right:auto;width:400px;height:auto;aspect-ratio:1.5 / 1.0;margin:0 auto 15px auto;}
section.front04 > div.front04-1 span.pic{background-position:left top;}
section.front04 > div > div h3{margin:0 0 10px;}
section.front04 > div > div h3 b{font-size:30px;}
section.front04 > div > div h3 span{font-size:18px;}
section.front04 > div > div p{font-size:15px;}
section.front04 a.link02{right:20px;bottom:-330px;}
section.front04 a.link02 span{font-size:20px;}
section.front04 a.link02{position:relative;margin:30px auto 0 auto;right:auto;bottom:auto;}
section.front04 a.link02 span{font-size:14px;}

section.front05 div.inner{width:calc(100% - 40px);}
section.front05 div.inner div.title h2.title{margin:20px auto;}
section.front05 div.inner div.title p{font-size:20px;}
section.front05 div.inner div.title span.thumIMG{height:260px;top:250px;left:20px;}
section.front05 div.inner div.title{margin-bottom:360px;flex-direction:column;}
section.front05 div.inner div.recruit01-1 h3{font-size:20px;}
section.front05 div.inner div.recruit01-1 p{font-size:16px;}
section.front05 div.inner div.recruit01-1 a.link02 span{font-size:16px;}

section.partner{padding:100px 0 100px 0;}
section.partner div.inner > p{font-size:20px;}
section.partner div.inner{width:calc(100% - 40px);}
section.partner div.inner ul li{width:calc(100% / 2 - 10px);}
section.partner div.inner ul li h3{font-size:20px;}
section.partner div.inner ul li h4{font-size:12px;padding:5px 10px 8px 10px;border:1px solid #666;}
section.partner div.inner ul li p{font-size:15px;}
section.partner div.inner ul li span.thumIMG{height:110px;background-size:cover;}

}

@media screen and (max-width:700px){
header div#copy > div{height:fit-content;text-shadow:0 0 5px rgba(0,0,0,0.3);translate:0 0;}
header div#copy h2,header div#copy p{position:relative;top:auto;left:auto;}
header .frontBCKG:before{background-position:center top;}
}
@media screen and (max-width:600px){
#wpadminbar{position:fixed;}
html #wpadminbar{top:-46px;}
	@media screen and (orientation: portrait) {
	header .frontBCKG:before{background-position:center top;}
	}

header .frontBCKG:before{background-image:url(../top/coverIMG/coverIMG01SP.webp);}
section.front03 ul li:after{height:240px;width:calc(100% - 40px);margin:0 auto;background-size:cover;}

section.front04 > div{width:calc(100% - 20px);}
section.front04 > div > span.pic{width:260px;}
section.front04 > div > a.link02{font-size:16px;}

}
@media screen and (max-width:500px){
header .frontBCKG{clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%);}
header div#copy > div{translate:0 20px;}
header div#copy h2{font-size:35px;margin-bottom:10px;}
section.topNEWS{margin-top:50px;}

section.front02 p{font-size:14px;}
section.section h2.title b{font-size:26px;}
section.front03 ul li h4 {font-size:24px;}
section.front03 ul li p {font-size:14px;}
section.front03 div.inner > p{font-size:14px;}
section.front04 h3{font-size:14px;margin:30px 10px 50px;}
section.front04 > div > div h3 span{font-size:17px;}
section.front04 > div > div h3 b{font-size:24px;}
section.front05 div.inner div.title h2.title b{font-size:40px;}
section.front05 div.inner div.title p{font-size:17px;}
section.front05 div.inner div.title span.thumIMG{top:190px;}
section.partner div.inner > p{font-size:16px;}
section.front05 div.inner div.recruit01-1 p{font-size:14px;}
section.front05 div.inner div.recruit01-1 h3{font-size:16px;}
footer .fContainer .foot01 ul li a b{font-size:20px;}
ul.fContactBTN li h2 span{font-size:20px;}
footer .fContainer .foot02 .fInfo p{font-size:14px;}

}
@media screen and (max-width:400px){
#coverIMG .panel{height:400px;}
#coverIMG .panel h2{font-size:16px;}

main.top section#top01 h2{font-size:25px;}
main.top section#top01 p{font-size:15px;}
main.top section#top06 div.top06-1 div.catalog a b{font-size:14px;line-height:1.5;}
main.top section#top06 div.top06-1 div.catalog a em{font-size:10px;}
header div#copy{padding:0 20px;}
/*header .frontBCKG{height:calc(100% - 200px);top:-200px;}*/
header .frontBCKG{height:100%;top:0;}
header .frontBCKG:before{background-position:center top;}
section.topNEWS{margin-top:80px;}

}



/*他ページと共有*/
@media screen and (max-width:1450px){
header #gNavi ul > li:nth-child(-n+6){display:none;}
div#humBTN{display:block;}
header #gNavi ul > li.gN06{translate:-90px -2px;}
header #gNavi ul > li.gN06 > a{height:45px;box-sizing:border-box;padding-top:9px;padding-bottom:11px;}
header #gNavi ol.subNAV{translate:20px 0;}
}
@media screen and (max-width:1300px){
#humBOX .humContainer .humInfo a.logo{min-width:300px;}
#humBOX .humContainer > div.humInfo{width:fit-content;margin-right:50px;}
#humBOX .humContainer .humInfo h3{font-size:15px;margin-top:50px;}
#humBOX .humContainer .humInfo h4{margin-bottom:7px;}
#humBOX .humContainer .humInfo p{font-size:13px;}
footer .fContainer{width:calc(100% - 80px);}
footer .fContainer .foot01 ul{width:50%;margin-right:100px;}
footer .fContainer .foot01 a.logo{width:calc(100% / 2 - 100px);}
}

@media screen and (max-width:1250px){
#humBOX .humContainer .humInfo{display:none;}
#humBOX .humContainer > nav.humNavi{width:100%;}

}

@media screen and (max-width:1200px){
section.contact div.con-wrap{padding:100px 80px;background-position:center;}
section.contact div.inner{width:100%;}
ul.fContactBTN li{padding:50px 30px;}
ul.fContactBTN li.tel a{padding-left:55px;font-size:63px;}
ul.fContactBTN li p{font-size:17px;}
}


@media screen and (max-width:1000px){
header h1{width:300px;height:48px;}
header h1 a{font-size:12px;}
#slideTHUM{width:400px;}
#slideTHUM .thumIMG article{height:150px;}

ul.fContactBTN{flex-direction:column;}
ul.fContactBTN li{width:100%;}
ul.fContactBTN li p{margin-top:15px;}

footer{padding-bottom:20px;}

footer .fContainer .foot01{display:block;}
footer .fContainer .foot02{display:block;}
footer .fContainer .foot01 ul{width:100%;margin-right:0;}
footer .fContainer .foot01 a.logo{width:450px;height:350px;margin:0 auto;padding:328px 0 0 95px;background-size:100% auto;}
footer .fContainer .foot02{flex-direction:column-reverse;}
footer .fContainer .foot02 > *{width:100%;}
footer .fContainer .foot02 .fNavi{margin-bottom:50px;}
footer .fContainer .foot02 .fInfo{margin-bottom:0;}
address.pc{display:none!important;}
address.sp{display:block!important;text-align:center;font-size:13px;font-weight:400;margin-top:80px;}

}
@media screen and (max-width:900px){
footer .fContainer .foot01 ul{width:100%;margin-right:0;}

}

@media screen and (max-width:768px){
#メモ欄用,#制作用{display:none;}

header h1{width:33%;height:auto;aspect-ratio:6 / 1;left:20px;}
header h1 a{font-size:10px;padding:10% 0 0 18%;word-break: keep-all;}

a.link02{font-size:16px;padding-right:60px;}
#divisionTITLE h3:not(.title):before{width:100vw;left:-40px;height:auto;aspect-ratio:1 / 1;background-size:120% auto;}


header #gNavi{top:37px;right:0;}
header #gNavi ul{display:block;text-align:right;}
header #gNavi ul > li.gN06{translate:-90px 0;padding:0;width:120px;display:inline-block;vertical-align:top;}
header #gNavi ul > li.gN06 > a{padding:6px 10px 8px 10px;font-size:12px;text-align:center;}
div#humBTN{top:32px;right:20px;height:32px;width:50px;}
div#humBTN div{width:25px;}
div#humBTN span:nth-of-type(1){width:20px;top:8px;}
div#humBTN span:nth-of-type(2){width:15px;top:15px;}
div#humBTN span:nth-of-type(3){width:10px;top:22px;}
@keyframes rotate01{100%{rotate:45deg;top:15px;}}
@keyframes rotate02{100%{opacity:0;}}
@keyframes rotate03{100%{rotate:-45deg;top:15px;}}
div#humBTN.open span:nth-of-type(1){width:25px;}
div#humBTN.open span:nth-of-type(2){width:25px;}
div#humBTN.open span:nth-of-type(3){width:25px;left:0;}

#slideTHUM{right:20px;bottom:-20px;}
#slideTHUM .thumIMG article{height:150px;}
#slideTHUM div p.num a{width:80px;height:80px;}
#slideTHUM div p.num a span{right:25px;}
#slideTHUM .thumIMG article.wt > p.num a span{text-shadow:0 0 5px rgba(0,0,0,0.5);}
ul.fContactBTN li{padding:50px 20px;}
ul.fContactBTN li.mail a{font-size:55px;padding-left:60px;padding-right:70px;background-size:42px auto;}
ul.fContactBTN li.tel a{padding-left:45px;padding-right:55px;font-size:48px;background-position:left top 11px;background-size:40px auto;}

#humBOX{padding:30px 50px;background-image:url(../layout/logoSTAR.svg);background-size:contain;}

#humBOX .humContainer .humNavi01 , #humBOX .humContainer .humNavi02{display:none;}
#humBOX .humContainer .humNaviSP{display:block;}
#humBOX .humContainer .humNaviSP a.logo{font-size:13px;display:block;width:300px;height:auto;aspect-ratio:6 / 1;background:url(../layout/logo-wideWT.svg) no-repeat left top / 100% auto;color:#fff;box-sizing:border-box;padding:17px 0 0 32px;}
#humBOX .humContainer .humNaviSP > ul{margin-top:30px;}
#humBOX .humContainer .humNaviSP > ul > li{border-bottom:1px solid #666;position:relative;background:url(../layout/arrow-orange.svg) no-repeat center right 5px / 20px auto;}
#humBOX .humContainer .humNaviSP > ul > li:first-child{border-top:1px solid #666;}
#humBOX .humContainer .humNaviSP > ul > li.about_li , #humBOX .humContainer .humNaviSP > ul > li.business_li{background:none;}
#humBOX .humContainer .humNaviSP > ul > li > a{display:block;padding:15px 0;}
#humBOX .humContainer .humNaviSP > ul > li > span.btn{display:block;width:30px;height:30px;background-color:#f80;border-radius:15px;position:absolute;top:15px;bottom:0;right:0;}
#humBOX .humContainer .humNaviSP > ul > li > span.btn span{display:block;width:15px;height:3px;background-color:#fff;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
#humBOX .humContainer .humNaviSP > ul > li > span.btn span:last-child{transform:rotate(90deg);}
#humBOX .humContainer .humNaviSP > ul > li > span.btn.active span:last-child{transform:rotate(0);transition:0.3s ease-in-out;}
#humBOX .humContainer .humNaviSP > ul > li ol{display:none;margin-bottom:20px;}
#humBOX .humContainer .humNaviSP > ul > li ol li{width:calc(50% - 15px);margin-right:24px;display:inline-block;background:url(../layout/arrow-orange.svg) no-repeat bottom 7px right 5px / 15px auto;font-size:14px;}
#humBOX .humContainer .humNaviSP > ul > li ol li:nth-of-type(2n){margin-right:0;}
#humBOX .humContainer .humNavi li a i{display:inline-block;margin-left:15px;}
#humBOX .humContainer .humNavi li a span.soon{font-size:14px;margin-left:40px;border-bottom:1px solid #fff;padding:0 5px;}
#humBOX .humContainer .humNaviSP > ul > li.business_li ol li{margin-top:20px;vertical-align:top;}
#humBOX .humContainer .humNaviSP > ul > li.business_li ol li:nth-of-type(n + 2){}
#humBOX .humContainer .humNaviSP > ul > li.business_li ol li span.thumIMG{display:block;width:100%;height:110px;border-radius:10px;background:url() no-repeat center center / cover;margin-bottom:10px;}
#humBOX .humContainer .humNaviSP > ul > li.business_li ol li span.hum_sub{font-size:10px;display:block;line-height:1;}
#humBOX .humContainer ul.humNavi03{flex-direction:column;border:none;}
#humBOX .humContainer ul.humNavi03 > li{width:calc(100% - 40px);padding:0 20px;display:block;}
#humBOX .humContainer ul.humNavi03 li a[title="お問い合わせ"]{padding:20px 40px;}
#humBOX .humContainer ul.humNavi03 li a[title="お問い合わせ"] span{width:100%;background:url(../layout/icon-fukidashi.svg) no-repeat left top 4px / 20px auto, url(../layout/arrow-gray02.svg) no-repeat right center / 20px auto;}
#humBOX .humContainer ul.humNavi03 .sub-links a{display:block;width:fit-content;margin:15px 0 0 0;}
#humBOX .humContainer ul.humNavi03 .sub-links a:before{content:'— ';}
footer{padding-bottom:25px;}
footer .fContainer{width:calc(100% - 40px);}
footer .fContainer .foot02 .fInfo h3{font-size:20px;}
footer .fContainer .foot02 .fInfo p{font-size:16px;}
footer .fContainer .foot02 .fNavi ul.fNavi01 , footer .fContainer .foot02 .fNavi ul.fNavi02{display:none;}
footer .fContainer .foot02 .fNavi ul.fNavi02 + address{text-align:center;}

section.contact div.inner > h2{text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}

}

@media screen and (max-width:600px){
footer{padding-bottom:20px;}
section.contact div.con-wrap{padding:70px 30px;}
ul.fContactBTN li{height:250px;padding-top:0;padding-bottom:0;}
ul.fContactBTN li p{line-height:1.75;font-size:14px;}
footer .fContainer .foot02 .fInfo h3{display:none;}
}
@media screen and (max-width:550px){
section.partner div.inner ul{display:block;}
section.partner div.inner ul li{width:100%;}
section.partner div.inner ul li span.thumIMG{width:300px;height:auto;aspect-ratio:1.5 / 1;box-sizing:border-box;border:5px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);margin-left:auto;margin-right:auto;}
#humBOX .humContainer .humNaviSP > ol > li{width:calc(100% / 2);
}
@media screen and (max-width:500px){
#humBOX .humContainer .humNaviSP a.logo{width:calc(100% - 50px);}
#humBOX div.visitor ul li{width:calc(100% / 2 - 20px);margin-left:10px;margin-right:10px;}
#humBOX div.visitor ul li a.tel b{font-size:23px;background-size:20px auto;padding-left:25px;}
#slideTHUM{width:80%;}
#slideTHUM .thumIMG article{height:120px;}
section.contact div.con-wrap{padding:40px 20px 40px 25px;}
section.contact div.inner h3{margin-top:10px;font-size:22px;}
div.list-archive.news-headline ul.list-news li a{display:block;padding:15px 15px 20px 15px;}
div.list-archive.news-headline ul.list-news li a span.textBOX{width:100%;}
div.list-archive.news-headline ul.list-news li a span.textBOX b.title em{display:block;font-weight:500;}
div.list-archive.news-headline ul.list-news li a span.textBOX b.title{display:block;width:100%;margin-top:10px;font-weight:normal;line-height:1;font-size:14px;}
div.list-archive.news-headline ul.list-news li a time{width:100%;margin-right:0;margin-bottom:12px;text-align:left;display:flex;justify-content:left;align-items:center;}
div.list-archive.news-headline ul.list-news li a time span{display:inline-block;padding:7px 10px;width:fit-content;margin-top:0;}
div.list-archive.news-headline ul.list-news li a time b{display:inline-block;margin:0 10px;font-size:20px;}
div.list-archive.news-headline ul.list-news li a span.txt{}
footer .fContainer .foot01 a.logo{padding-top:66%;padding-left:20%;width:90%;height:auto;aspect-ratio:1.25 / 1;translate:0 0;margin-top:50px;}
footer .fContainer .foot02{margin-top:30px;}
footer .fContainer .foot02 .fInfo h3{display:none;}
footer .fContainer .foot01 ul li a span.thumIMG{aspect-ratio:5 / 1.8;background-position:center top -20px;}

}
@media screen and (max-width:450px){
header h1{width:220px;}
header #gNavi ul > li.gN06{display:none;}
#slideTHUM{bottom:-20px;right:0;left:0;margin:0 auto;}


#humBOX ul.hNAV{margin-bottom:30px;}
#humBOX ul.hNAV li a{font-size:12px;}
#humBOX ul.hNAV li a q{display:none;}
#humBOX h3.title a{font-size:15px;}
#humBOX div.visitor ul li h5{font-size:15px;}
#humBOX .humContainer .humNavi li a span.soon{margin-left:15px;font-size:12px;}
#humBOX .humContainer ul.humNavi03 li a[title="お問い合わせ"]{padding:15px 20px;}
#humBOX .humContainer ul.humNavi03 .sub-links{padding-left:0;font-size:13px;}
section.contact div.inner h3{font-size:18px;}
section.contact div.inner p{font-size:16px;}
ul.fContactBTN li.mail a{font-size:45px;background-position-y:12px;}
ul.fContactBTN li.tel a{font-size:42px;background-position-y:9px;}
ul.fContactBTN li p{font-size:14px;line-height:1.5;}
}
@media screen and (max-width:400px){
#humBOX{padding-left:30px;padding-right:30px;}
#humBOX div.visitor{margin-top:10px;}
#humBOX div.visitor ul li{width:calc(100% / 2 - 15px);margin-left:0;margin-right:0;}
#humBOX div.visitor ul li a.tel i{font-size:10px;}
#humBOX div.visitor ul li a.tel b{font-size:21px;background-size:18px auto;}
#humBOX div.visitor h4{bottom:2px;}

#humBOX div.visitor{display:none;}

section#guide ul li a b{font-size:18px;}
section#news ul.more li a{width:100px;}
section.front05 div.inner div.title{margin-bottom:320px;}
section.front05 div.inner div.recruit01-1{padding:0;width:100%;}
section.front05 div.inner div.title span.thumIMG{left:0;width:100%;border-radius:10px;}
ul.list-staff li span.thumIMG{width:100%;}
ul.fContactBTN li.tel a{font-size:40px;}
section.contact div.inner h3{font-size:19px;}
section.contact div.inner p{font-size:14px;}
footer .fContainer .foot01 ul li span.blank{font-size:15px;}
footer .fContainer .foot01 ul li span.blank:after{display:none;}
section.front03 ul li{width:100%!important;} 
address.sp{font-size:10px;}
/*div.front00{margin-bottom:-150px;}*/
div.front00{margin-bottom:-50px;}
ul.fContactBTN li.tel a{font-size:38px;background-position:left center;}

}
@media screen and (max-width:360px){
#coverIMG .panel{height:360px;}

#coverIMG a.more{scale:0.6;}
#coverIMG .panel.pl01 p.title{margin-top:15px;}
#coverIMG .panel.pl01 p.title i{font-size:40px;}
section#news ul.more li a{width:80px;}
footer .fContainer .foot02 .fInfo p{font-size:14px;}
section.contact div.inner h3{font-size:16px;}
ul.fContactBTN li h2 span{font-size:21px;}
ul.fContactBTN li.tel a{font-size:33px;background-position: center left;}
section.front05 div.inner div.title p{font-size:17px;}
section.partner div.inner ul li span.thumIMG{width:260px;margin-bottom:10px;}
}