@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&family=Oswald&display=swap");
* {margin:0;padding:0;box-sizing:border-box;}
html {overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;}
body {overflow-x:hidden;font-family: "Noto Sans JP", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
img {max-width:100%;height:auto;}
h1 {font-size:3.1rem;}
h2 {font-size:2.5rem;}
h3 {font-size:1.9rem;}
h4 {font-size:1.7rem;}
h5 {font-size:1.6rem;}
h1, h2, h3 {margin-bottom:2rem;}
ol, ul {margin:0;padding:0;}

a:visited {color:#800080;}
a:hover {color:#FF0000;}

/*===== Document =====*/
article {padding:0;}
.wrapper {margin-left:1rem;margin-right:1rem;}
.content {margin:auto;padding:2rem;}
.text-center {text-align:center;}

/*Column*/
.columns-02, .columns-03, .columns-04 {display:flex;flex-wrap:wrap;gap:2rem;}
.column-02, .column-03, .column-04 {flex-grow:1;padding:1rem 1.5rem;}
.column-02 {width:calc(100% / 2 - 2rem);}
.column-03 {width:calc(100% / 3 - 2rem);}
.column-04 {width:calc(100% / 4 - 2rem);}

/* Option - Push */
.button.push a img{transform:translate(0, 0);transition:.3s;}
.button.push a:hover img{transform:translate(1px, 1px);opacity:0.8;}

/*===== Function =====*/
.p-justify p,
p.p-justify {text-align:justify;}

/*=====↓ Effects =====*/
.fadein {transition:2.0s;}
.fadein.left {animation:fadein-l-anim 2.0s ease 0s 1 normal;}
.fadein.right {animation:fadein-r-anim 2.0s ease 0s 1 normal;}
.fadein.bottom {animation:fadein-b-anim 2.0s ease 0s 1 normal;}

h3 .notice{font-size: 1rem;font-weight: 400;margin-top:1rem;}

/*===== Header =====*/
body {
  background-image:url(../img/frame-letter.svg),url(../img/header-bgcolor.svg);
  background-repeat:repeat-x,repeat-y;
  background-size:200px,100vw;
  background-position:left top,left top;
}
#wrapper{margin-top:40px;padding-left:40px;padding-right:40px;position:relative;
  background:url(../img/body-bgcolor.svg) repeat-y center top;background-size:100%;
}

#wrapper::before,#wrapper::after{content:"";position:absolute;top:0;display:block;width:40px;height:100%;}
#wrapper::before{background:url(../img/frame-letter-v.svg) repeat-y right top;left:0;}
#wrapper::after{background:url(../img/frame-letter-v.svg) repeat-y left top;right:0;transform:rotate(180deg);}

#contents{display:flex;flex-direction:column;}
header {padding-top:1ch;position:relative;text-align:center;background:#62fcfc url(../img/header-bg-pc.webp) no-repeat;background-size:100%;background-position:center top;}
header .header-persons{margin-top:-13dvh;position:relative;z-index:1;}
header h2{margin-top:-28%;position:relative;z-index:2;}
header::after{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background:url(../img/header-bg-text.svg) no-repeat center bottom;background-size:100%;}

main h3{text-align:center;max-width:540px;margin-left:auto;margin-right:auto;}

#misumi-works{position:relative;
  background:url(../img/misumi-works-bg.webp),linear-gradient(180deg, rgba(98, 252, 252, 1) 70%, rgba(158, 225, 247, 1));
  background-size:94dvw;
  background-position:center bottom;
  background-repeat:no-repeat;
}
#misumi-works #misumi-works-base{width:100%;height:auto;vertical-align:bottom;}

/* #button-oil, */
#button-misumigus
{animation:bounce28 2.8s infinite ease-in-out;pointer-events:all;}

/* #button-carlife, */
/* #button-homelife, */
/* #button-pizzahut, */
/* #button-pan, */
#button-kfc
{animation:bounce25 2.5s infinite ease-in-out;pointer-events:all;}

/* #button-misumigus, */
/* #button-culture, */
#button-servicestation
{animation:bounce22 2.2s infinite ease-in-out;pointer-events:all;}

/* #button-electric, */
/* #button-agri, */
#button-culture
{animation:bounce20 2.0s infinite ease-in-out;pointer-events:all;}

.btn-modalopen{cursor:pointer;}

/* WORKS モーダルウインドウ common*/
.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,70%);padding:1rem;overflow-y:auto;opacity:0;visibility:hidden;transition:.3s;box-sizing:border-box;overflow-x:hidden;}
.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%;}
.modal-container p{text-align:initial;}
/*active時*/
.modal-container.active{opacity:1;visibility:visible;z-index:20;}
.modal-body{position:relative;display:inline-block;vertical-align:middle;max-width:100ch;width:100%;}
/*モーダル内コンテンツ*/
.modal-content{background:#fff;position:relative;border-radius:15px;border-width:2px;border-style:solid;}
.modal-content .window-chara{position:absolute;top:-20rem;right:-20rem;}
.modal-content .modal-content-box .window-title{text-align: center;border-top-left-radius:12px;border-top-right-radius:12px;}
.modal-content .modal-content-box .window-catch{display:flex;}
.modal-content .modal-content-box .window-catch p{font-weight:600;}
.modal-content .modal-content-box .window-message{display:flex;gap:1rem;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.modal-content .modal-content-box .window-message .window-message-senpai{display:flex;flex-wrap:wrap;}
.modal-content .modal-content-box .window-message .window-message-senpai img{width:100%;}
.modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-title{font-size: 1.2rem;font-weight: 600;text-align:center;width:100%;}
.modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-title small{font-size:0.7em;}
.modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-text{margin-top:1rem;text-align:justify;font-weight:400;}
.modal-content .modal-content-box .window-message p.window-message-senpai-schedule{border-width:2px;border-radius:2px;border-style:solid;background-color:#FFF;}
  /* フレーム */
#window-servicestation.modal-container .modal-body .modal-content{border-color:#ffd100;}
#window-servicestation.modal-container .modal-body .modal-content .window-title{background-color:#ffd100;}
#window-servicestation.modal-container .modal-body .modal-content .window-message{background-color:#ffffcf;}
#window-servicestation.modal-container .modal-body .modal-content .modal-content-box .window-message p.window-message-senpai-schedule{border-color:#ffd100;}
#window-gas.modal-container .modal-body .modal-content{border-color:#02afb8;}
#window-gas.modal-container .modal-body .modal-content .window-title{background-color:#02afb8;}
#window-gas.modal-container .modal-body .modal-content .window-message{background-color:#d3f1f3;}
#window-gas.modal-container .modal-body .modal-content .modal-content-box .window-message p.window-message-senpai-schedule{border-color:#02afb8;}
#window-kfc.modal-container .modal-body .modal-content{border-color:#f65f00;}
#window-kfc.modal-container .modal-body .modal-content .window-title{background-color:#f65f00;}
#window-kfc.modal-container .modal-body .modal-content .window-message{background-color:#feeade;}
#window-kfc.modal-container .modal-body .modal-content .modal-content-box .window-message p.window-message-senpai-schedule{border-color:#f65f00;}
#window-opsia.modal-container .modal-body .modal-content{border-color:#ff00c4;}
#window-opsia.modal-container .modal-body .modal-content .window-title{background-color:#ff00c4;}
#window-opsia.modal-container .modal-body .modal-content .window-message{background-color:#ffeefb;}
#window-opsia.modal-container .modal-body .modal-content .modal-content-box .window-message p.window-message-senpai-schedule{border-color:#ff00c4;}

/*CLOSE*/
.modal-close{text-align:center;margin:1rem auto;display:block;}
.modal-close img{width:7rem;}

/* SNS common*/
section#sns{margin-top:-1px;padding-top:16%;}
section#sns .sns-block{display:flex;flex-wrap:wrap;padding:1rem;background-color:#FFF;max-width:1280px;margin-left:auto;margin-right:auto;gap:0;margin-bottom:4rem;}
section#sns .sns-block > div a{display:block;width:100%;aspect-ratio:1;overflow:hidden;position:relative;}
section#sns .sns-block > div a img{position: absolute;top: 50%;transform: translateY(-50%);vertical-align:top;}
section#sns .button-box{text-align:center;}
section#sns .button-box a{display:inline-block;background-color:#007951;color:#ffff00;padding:1rem 3rem;margin-left:auto;text-decoration:none;font-weight:600;border-radius:2rem;transition:.3s;filter:drop-shadow(3px 3px 0 #FFF);}
section#sns .button-box a:hover{transform:translate(1px,1px);}
/* バナー */
div.sns{padding-top:3rem;padding-bottom:2rem;}
div.sns h2{text-align:center;}
div.sns div{display:flex;justify-content:center;gap:2rem;box-sizing:content-box;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
div.sns div > *{text-align:center;}
div.sns div img{width:80%;height:auto;}

/* DETA */
section#deta .deta-block{display:flex;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:93ch;}

/* ENTRY */
section#entry{background-color:#bff0b8;padding-bottom:4rem;}
section#entry .entry-button{display:flex;flex-direction:column;gap:2rem;text-align:center;}
section#entry .entry-button p{width:80%;max-width:760px;margin-left:auto;margin-right:auto;}
section#entry .entry-button p a img{border:3px solid #007951;border-radius:6px;transform:translate(0, 0);transition:.3s;}
section#entry .entry-button p a:hover img{transform:translate(1px,1px);opacity:.8;}

@keyframes bounce20 {
   0%, 100% { transform:translateY(0);}
   50% { transform:translateY(15px);}
 }
@keyframes bounce22 {
   0%, 100% { transform:translateY(0);}
   50% { transform:translateY(15px);}
 }
@keyframes bounce25 {
   0%, 100% { transform:translateY(0);}
   50% { transform:translateY(20px);}
 }
@keyframes bounce28 {
   0%, 100% { transform:translateY(0);}
   50% { transform:translateY(25px);}
 }

/*FOOTER*/
footer {position:relative;background-color:#00192C;z-index:10;}
footer .contact{margin-left:auto;margin-right:auto;}
footer .contact a.contact{background:#fff;display:flex;align-items:center;padding:52px 180px 53px 80px;border-radius:20px;box-shadow:0 0 10px rgba(0, 0, 0, 0.15);position:relative;transition:all .3s;color:#000;text-decoration:none;}
footer .contact a.contact:hover{transform:translate(2px,2px);}
footer .contact a.contact h2{font-size:3.125rem;font-family:"Ubuntu", sans-serif;font-weight:700;width:313px;padding:10px 0;margin:0;}
footer .contact a.contact .contact__txt{font-size:0.9375rem;line-height:1.8;font-weight:700;padding:12px 0 12px 80px;border-left:1px solid #707070;flex:1;}
footer .contact a.contact::after{position:absolute;content:"";display:block;top:0;bottom:0;right:80px;margin:auto 0;width:50px;height:50px;background:url(../img/cmn_arr02.svg) no-repeat 0 0 / 100% 100%;}
footer .contact a.contact .contact__heading {font-size:3.125rem;font-family:"Ubuntu", sans-serif;font-weight:700;width:313px;padding:10px 0;}
footer .contact a.contact .contact__txt {font-size:0.9375rem;line-height:1.8;font-weight:700;padding:12px 0 12px 80px;border-left:1px solid #707070;flex:1;}

footer .col2 ul{list-style:none;}
footer .col2 ul a{color:#FFF;text-decoration:none;}
footer .blks-2 {max-width:1300px;padding:50px 50px 23px;margin:0 auto;color:#fff;}
footer .blks-2 .col2 {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .blks-2 .col2__lt {margin-right:30px;}
footer .blks-2 .col2__rt {margin-top:-5px;}
footer .blks-2 .logo {width:180px;margin-bottom:26px;}
footer .blks-2 .logo img {width:100%;}
footer .blks-2 .logo a {transition:opacity .3s;}
footer .blks-2 .logo a:hover {opacity:0.7;}
footer .blks-2 .txt {margin-bottom:45px;}
footer .blks-2 .txt p {font-size:0.9375rem;}
footer .blks-2 .txt .number {font-size:0.8em;margin-top:30px;}
footer .blks-2 .txt p:first-child {font-weight:500;margin-bottom:7px;}
footer .blks-2 .list {display:flex;flex-wrap:wrap;}
footer .blks-2 .list__item:not(:last-child) {margin-right:30px;}
footer .blks-2 .list__item._type-2 {width:470px;}
footer .blks-2 .list__item__ttl {font-size:0.9375rem;font-weight:500;padding-bottom:7px;border-bottom:1px solid #444;margin-bottom:10px;}
footer .blks-2 .list__item__ttl>a {transition:opacity .3s;}
footer .blks-2 .list__item__ttl>a:hover {opacity:0.7;}
footer .blks-2 .list__item__detail {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
footer .blks-2 .list-2 {margin-bottom:25px;}
footer .blks-2 .list-2__item {width:155px;font-size:0.8rem;}
footer .blks-2 .list-2__item:not(:last-child) {margin-bottom:4px;}
footer .blks-2 .list-2__item__list {margin:4px 0 0 20px;}
footer .blks-2 .list-2__item__list__item:not(:last-child) {margin-bottom:4px;}
footer .blks-2 .list-2__item a {transition:opacity .3s;}
footer .blks-2 .list-2__item a:hover {opacity:0.7;}
footer .blks-2 .group-2 {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -12px 0 -15px;}
footer .blks-2 .list-3 {margin:0 15px 25px;}
footer .blks-2 .list-3__item {font-size:0.9375rem;font-weight:500;}
footer .blks-2 .list-3__item:not(:last-child) {margin-bottom:8px;}
footer .blks-2 .list-3__item>a {transition:opacity .3s;}
footer .blks-2 .list-3__item>a:hover {opacity:0.7;}
footer .blks-2 .list-4 {margin:5px 15px 25px;}
footer .blks-2 .list-4__item:not(:last-child) {margin-bottom:15px;}
footer .blks-2 .list-4__item a {border-radius:20px;display:block;background:#fff;color:#00192C;font-size:0.9375rem;font-weight:500;padding:9px 21px;transition:opacity .3s;}
footer .blks-2 .list-4__item a:hover {opacity:0.7;}
footer .blks-2 .list-4__item a span {display:block;position:relative;padding-left:34px;}
footer .blks-2 .list-4__item a span::before {position:absolute;content:"";display:block;top:0;bottom:0;margin:auto 0;}
footer .blks-2 .list-4__item a span._investor::before {width:15px;height:18px;left:5px;background:url("../img/cmn_ico01.svg") no-repeat 0 0/100% 100%;}
footer .blks-2 .list-4__item a span._corporation::before {width:24px;height:16px;left:0;background:url("../img/cmn_ico02.svg") no-repeat 0 0/100% 100%;}
footer .blks-3 {border-top:solid 1px #444;}
footer .blks-3 .copyright {text-align:center;font-size:0.9375rem;font-family:"Ubuntu", sans-serif;padding:15px 0;color:#fff;}
footer .copyright{border-top:1px solid #FFF;text-align: center;font-size: 0.9375rem;font-family: "Ubuntu", sans-serif;padding: 15px 0;color: #fff;}

footer #float{position:fixed;z-index:20;}
footer #float img{vertical-align:bottom;}
footer #float a img{transition:.3s;}
footer #float a:hover img{transform:translate(2px,2px);}
footer#footer::before {content: "";width: 100%;display: block;position: absolute;background-color: #bff0b8;}
footer#footer::before{height: calc(100% / 7.5);}

.copyright {padding:0.3rem 0;text-align:center;position:relative;z-index:5;}
#page-top {position:fixed;bottom:-100%;right:1rem;z-index:10;transition:1s;}


/* ============MEDIA QUERY============= */

@media all and (min-width:980px) {
  .spObj {display:none;}
  footer .contact{max-width:96%;}

  /* SNS */
  section#sns{background:#00a7fe url(../img/sns-instagram-bg-pc.webp) no-repeat center top;background-size:100%;}
  section#sns .sns-block > div{flex-basis:calc(100% / 3);}

  /* モーダルウインドウ  min980*/
  .modal-container{padding-top:3rem;padding-bottom:3rem;}
  .modal-content .modal-content-box p{font-size:0.9rem;}
  .modal-content .modal-content-box .window-catch{padding:1rem 2rem;gap:2rem;}
  .modal-content .modal-content-box .window-catch p{line-height:1.8rem;}
  .modal-content .modal-content-box .window-catch p:first-of-type{flex-basis:40%;padding-top:0.3rem;}
  .modal-content .modal-content-box .window-catch p:last-of-type{flex-basis:60%;font-size:0.9rem;}
  /* .modal-content .modal-content-box .window-catch img{max-width:21rem;} */
  .modal-content .modal-content-box .window-message{padding:1rem 2rem;}
  .modal-content .modal-content-box .window-message .window-message-senpai{flex-basis:calc(65% - 1rem);}
  .modal-content .modal-content-box .window-message .window-message-senpai-schedule{flex-basis:35%;display:flex;align-items:center;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-text{display:block;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-text img{float:left;width:45%;margin-right:0.5rem;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-title small{margin-left:0.5rem;}
      /* キャラ */
  #window-servicestation.modal-container .modal-content .window-chara{top:-2.5rem;right:-2rem;width:14rem;}
  #window-gas.modal-container .modal-content .window-chara{top:-2rem;right:-2.5rem;width:16rem;}
  #window-kfc.modal-container .modal-content .window-chara{top:-2.3rem;right:0.5rem;width:10rem;}
  #window-opsia.modal-container .modal-content .window-chara{top:-3rem;right:0;width:10rem;}

  /* DETA */
  section#deta{padding:10% 0;
  background-image:url(../img/deta-bg-obj.webp), url(../img/deta-bg.svg);
  background-position:center center,center top;
  background-repeat:no-repeat, no-repeat;
  background-size:100%, cover;
  }
  section#deta .deta-block p{flex-basis:50%;}

  /* footer #float{right:0;bottom:-100%;}
  footer #float.UpMove{bottom:10%;transition:0.5s;}
  footer #float.DownMove {bottom:-100%;transition:0.5s;} */
  footer #float{bottom:15%;right:0;}
  footer #float a img{transition:.3s;max-width:130px;}
  footer #float a:hover img{transform:translate(2px,2px);}
}
/* MIN980 */

@media screen and (max-width:980px) {
  .modal-body{max-width:100ch;width:100%;}
  footer .contact a.contact{display: block;}
  footer .contact a.contact .contact__txt {padding-top: 20px;border-top: 1px solid #707070;border-left: none;padding-left: 0;}
  footer .contact a.contact .contact{display:block;}
  footer .contact a.contact .contact__txt{padding-top:20px;border-top:1px solid #707070;border-left:none;padding-left:0;}
}
/* MAX980 */
@media only screen and (min-width:980px) and (max-width:1180px) {
  footer .blks-2 .col2__rt{width:100%;}
  footer .blks-2 .list__item:not(:last-child){flex-basis:30%;}
  footer .blks-2 .list__item._type-2{flex-basis:calc(70% - 30px);}

}

@media only screen and (min-width:641px) and (max-width:979px) {
  .pcObj {display:none;}
  header .header-persons{margin-top:-13%;}
  /* SNS */
  section#sns{background:#00a7fe url(../img/sns-instagram-bg-pc.webp) no-repeat center top;background-size:100%;}
  section#sns .sns-block > div{flex-basis:calc(100% / 3);}

  /* モーダルウインドウ */
  .modal-container{padding-top:3rem;padding-bottom:3rem;}
  .modal-content .modal-content-box p{font-size:0.9rem;}
  .modal-content .modal-content-box .window-catch{padding:1rem 2rem;gap:2rem;}
  .modal-content .modal-content-box .window-catch p{line-height:1.8rem;}

  .modal-content .modal-content-box .window-catch p:first-of-type{flex-basis:calc(40% - 2rem);padding-top:0.3rem;}
  .modal-content .modal-content-box .window-catch p:last-of-type{word-break:keep-all;font-size:0.9rem;}
  #window-servicestation.modal-container .modal-content .modal-content-box .window-catch p:last-of-type{flex-basis:calc(60% - 10rem);}
  #window-gas.modal-container .modal-content .modal-content-box .window-catch p:last-of-type{flex-basis:calc(60% - 10rem);}
  #window-kfc.modal-container .modal-content .modal-content-box .window-catch p:last-of-type{flex-basis:calc(60% - 12rem);}
  #window-opsia.modal-container .modal-content .modal-content-box .window-catch p:last-of-type{flex-basis:calc(60% - 8rem);}


  .modal-content .modal-content-box .window-message{padding:1rem 2rem;}
  .modal-content .modal-content-box .window-message .window-message-senpai{flex-basis:calc(65% - 1rem);}
  .modal-content .modal-content-box .window-message .window-message-senpai-schedule{flex-basis:35%;display:flex;align-items:center;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-text{display:block;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-text img{float:left;width:45%;margin-right:0.5rem;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-title small{margin-left:0.5rem;}
    /* キャラ */
  #window-servicestation.modal-container .modal-content .window-chara{top:-2.5rem;right:-2rem;width:14rem;}
  #window-gas.modal-container .modal-content .window-chara{top:1rem;right:-2.5rem;width:16rem;}
  #window-kfc.modal-container .modal-content .window-chara{top:-2rem;right:0;width:11rem;}
  #window-opsia.modal-container .modal-content .window-chara{top:-3rem;right:0;width:10rem;}

  /* DETA */
  section#deta{padding:10% 0;
  background-image:url(../img/deta-bg-obj.webp), url(../img/deta-bg.svg);
  background-position:center center,center top;
  background-repeat:no-repeat, no-repeat;
  background-size:100%, cover;
  }
  section#deta .deta-block p{flex-basis:50%;}
  /* footer #float{right:0;bottom:-100%;}
  footer #float.UpMove{bottom:10%;transition:0.5s;}
  footer #float.DownMove {bottom:-100%;transition:0.5s;} */
  footer #float{bottom:15%;right:0;}
  footer #float a img{max-width:110px;}
}

@media only screen and (min-width:641px) and (max-width:860px) {
  #window-servicestation.modal-container .modal-content .window-chara{top: 4.5rem;right: -4rem;}
}

@media only screen and (max-width:640px) {
  .pcObj{display:none;}
  body{background-size:100px,100vw;}
  header{background:#62fcfc url(../img/header-bg-sp.webp) no-repeat;background-size:100%;}
  header h2{margin-top:-12dvh;}
  header h2 img{width:110%;margin-left:auto;margin-right:auto;max-width:initial;}
  header .header-persons{margin-top:-14dvh;}
  #wrapper{margin-top:20px;padding-left:0;padding-right:0;}
  #wrapper::before, #wrapper::after{display:none;}
  main article{padding:0;}
  section#misumi-works{background-size:102dvw;padding-top:1.5rem;}

  /* モーダルウインドウ  max640*/
  .modal-container{padding:1rem 0 5rem;}
  .modal-container::before{display:none;}
  .modal-container .modal-body{width:96%;}
  .modal-container .modal-content .modal-content-box p{font-size: 0.9rem;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-text img{margin-bottom:0.5rem;}
  .modal-container .modal-content .modal-content-box .window-catch{padding:1rem;flex-direction:column;gap:1rem;}
  .modal-container .modal-content .modal-content-box .window-catch p{max-width:70%;font-size:0.8rem;word-break:keep-all;}
  .modal-container .modal-content .modal-content-box .window-message{padding:1rem;flex-direction:column;}
  .modal-content .modal-content-box .window-message .window-message-senpai p.window-message-senpai-title small{display:block;}
    /* キャラ */
  #window-servicestation.modal-container .modal-content .window-chara{top:3rem;right:-3rem;width:calc(30% + 4rem);}
  #window-gas.modal-container .modal-content .window-chara{top:4rem;right: -4rem;width: calc(30% + 6rem);}
  #window-kfc.modal-container .modal-content .window-chara{top:1.8rem;right:-1.5rem;width:calc(30% + 2.6rem);}
  #window-opsia.modal-container .modal-content .window-chara{top:2rem;right: -0.5rem;width:calc(30% + 1.5rem);}

  #window-opsia.modal-container .modal-content .modal-content-box .window-catch{gap:0;}


  /* SNS */
  section#sns{background:#00a7fe url(../img/sns-instagram-bg-sp.webp) no-repeat center top;background-size:100%;}
  section#sns .sns-block{padding:0;}
  section#sns .sns-block > div{flex-basis:calc(100% / 2);}
  section#sns .button-box a{padding:1rem 2rem;}
  /* DETA */
  section#deta{padding:10% 0;background-image:url(../img/deta-bg.svg);background-position:center top;background-repeat:no-repeat;background-size:cover;}
  section#deta h3{margin-bottom:0;}
  section#deta .deta-block{flex-direction:column;padding-left:1rem;padding-right:1rem;}
  section#deta .deta-block p{flex-basis:100%;}

  footer {padding:0 0 calc(100% / 3.724);width:100dvw;margin: 0 calc(50% - 50dvw);text-size-adjust:90%;}
  footer .contact{max-width: calc(100% - 20px);margin-left: auto;margin-right: auto;}
  footer .contact a.contact {position: relative;padding:30px 40px;border-radius:10px;}
  footer .contact a.contact::after{top:2rem;bottom:auto;width:30px;height:30px;right:40px;}
  footer .contact a.contact .contact::after {content: none;}
  footer .contact a.contact .contact__heading {font-size: 1.875rem;padding: 0;position: relative;width: auto;margin-bottom: 14px;color: #222;}
  /* footer .contact a.contact .contact__heading::after {position: absolute;content: "";display: block;top: 0;bottom: 0;right: 0;margin: auto 0;width: 30px;height: 30px;background: url("../img/cmn_arr02.svg") no-repeat 0 0/100% 100%;} */
  footer .contact a.contact .contact__txt {padding: 18px 0 0;color: #222;}
  footer .contact a.contact .contact__txt br{display:none;}
  footer .contact a.contact .contact{padding:35px 30px;border-radius:10px;margin-top:-137px;}
  footer .contact a.contact .contact::after {content:none;}
  footer .contact a.contact .contact__heading{font-size:1.875rem;padding:0;position:relative;width:auto;margin-bottom:14px;color:#222;}
  /* footer .contact a.contact .contact__heading::after{position:absolute;content:"";display:block;top:0;bottom:0;right:0;margin:auto 0;width:30px;height:30px;background:url("../img/cmn_arr02.svg") no-repeat 0 0/100% 100%;} */
  footer .contact a.contact .contact__txt{padding:18px 0 0;color:#222;}
  footer .contact a.contact .blks-2{padding:65px 20px 75px;}
  footer .contact a.contact .blks-2 .col2{display:block;}
  footer .contact a.contact .blks-2 .col2__lt{margin:0 0 17px;}
  footer .contact a.contact .blks-2 .col2__rt{margin-top:0;}
  footer .contact a.contact .blks-2 .logo{margin:0 auto 26px;}
  footer .contact a.contact .blks-2 .txt{text-align:center;margin-bottom:0;}
  footer .contact a.contact .blks-2 .txt p:last-child{font-size:0.8125rem;}
  footer .contact a.contact .blks-2 .group{display:none;}
  footer .contact a.contact .blks-2 .group-2{display:block;margin:0 0 15px;}
  footer .contact a.contact .blks-2 .list-3{margin:0;display:none;}
  footer .contact a.contact .blks-2 .list-3._type-2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;}
  footer .contact a.contact .blks-2 .list-3__item{font-size:0.8125rem;margin:7px 15px;}
  footer .contact a.contact .blks-2 .list-3__item:not(:last-child){margin-bottom:8px;}
  footer .contact a.contact .blks-2 .list-4{display:none;}
  footer .contact a.contact .blks-3 .copyright{padding:15px 0;}

  footer .group,
  footer .list-3:first-of-type,
  footer .list-4{display: none;}
  footer .blks-2{padding-left:1rem;padding-right:1rem;}
  footer .blks-2 .col2__lt{margin:0 auto;display:flex;flex-direction:column;justify-content:center;text-align:center;}
  footer .blks-2 .col2__lt p{font-size:0.9375rem;}
  footer .blks-2 .col2__lt .logo{margin:0 auto 2rem;text-align:center;}
  footer .blks-2 .list-3__item:not(:last-child){margin:0;}
  footer .list-3._type-2{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}
  footer .list-3._type-2 a{font-size:0.8125rem;}

  #page-top{right:0;}
  footer #float{bottom:0;left:0;width:102vw;margin-left:-1vw;margin-right:-1vw;}
  footer #float a{display:block;}
  footer #float a:hover img{transform:none;}
  footer #float img{width:100%;}

  .modal-dummy{margin:2rem 1rem;}
}
/* MAX640 */

/* ANIMATION */
@keyframes UpAnime {
  from {opacity:0;transform:translateY(100px);}
  to {opacity:1;transform:translateY(0);}
}

/*　下に下がる動き　*/
@keyframes DownAnime {
  from {opacity:1;transform:translateY(0);}
  to {opacity:1;transform:translateY(100px);}
}

@keyframes fadein-l-anim {
  from {transform:translateX(-100%);opacity:0;}
  to {transform:translateX(0px);opacity:1;}
}

@keyframes scaleUpDown {
  0%,
  100% {transform:scaleY(1);}
  30% {transform:scaleY(1.25);}
  50% {transform:scaleY(1);}
  70% {transform:scaleY(1.25);}
}

@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  .main-light {animation:none;}
}