@charset "UTF-8";
/* CSS Document */

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

#footer{margin-top:0;border-top:none}
#totop{z-index: 999;}

#gfy365{position:relative;line-height:1;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","Segoe UI Light","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;background-color: #91bcd0; overflow: hidden;}
#gfy365::before {content: ""; position: fixed; left: 0; bottom: 0; width: 100%; height: 0; padding-top: 43.30566582461205%; background: url(/images/gfy365/bg.png) center bottom / cover no-repeat;}
#gfy365::after {content: ""; position: absolute; left: 0; bottom: 0;}
#gfy365 img {max-width: 100%;}
#gfy365 .container {position: relative;}

/* --------------------------------------------------- */
/* #main-area*/
/* --------------------------------------------------- */
#main-area {position: relative; margin: auto; color: #9b836f; font-weight: 400; line-height: normal; background-color: #f3eee6; z-index: 1;}
#main-area figure {margin: 0;}

/* txt */
#main-area .txt-bold {font-weight: 700;}

/* .c-btn */
#main-area .c-btn a {position: relative; display: block; width: 83.6%; margin: auto; color: #9b836f; font-weight: 700; text-align: center; background-color: #f3eee6;}
#main-area .c-btn a::after {content: ""; position: absolute; top: 50%; background: url(/images/gfy365/arrow01.png) left top / 100% auto no-repeat; transform: translateY(-50%);}
#main-area .c-btn.blue a {color: #fff; background-color: #9bcbd9;}
#main-area .c-btn.blue a::after {background-image: url(/images/gfy365/arrow02.png);}
#main-area .c-btn a:hover {text-decoration: none; opacity: 0.8;}

/* .c-ttl */
#main-area .c-ttl {position: relative; text-align: center;}
#main-area .c-ttl::before {content: ""; position: absolute; top: 0; left: 50%; background: url(/images/gfy365/ttl_deco.png) left top / 100% auto no-repeat; transform: translateX(-50%);}

/* #fixedBnr */
#main-area #fixedBnr {position: absolute; z-index: 10;}
#gfy365.fixed #main-area #fixedBnr {position: fixed;}

/* #mv */
#main-area #mv .ttl img {max-width: none; width: 100%;}

/* #campaign */
#main-area #campaign {text-align: center;}
#main-area #campaign > .container {position: relative;}
#main-area #campaign > .container::after {content: ""; position: absolute; bottom: 0; background: url(/images/gfy365/dot.png) left bottom / auto 100% repeat-x;}
#main-area #campaign h3 {width: 53.3%; color: #fff; font-family: "alternate-gothic-atf", sans-serif; text-align: center; letter-spacing: 0.1em; background-color: #9bcbd9;}
#main-area #campaign .txt {font-weight: 700; line-height: 1.5;}

/* #about */
#main-area #about h3 {width: 61.4%; margin: auto;}
#main-area #about .message .caption {width: 59.7%;}
#main-area #about .message .txt p + p {margin-top: 1em;}
#main-area #about .message .img {width: 83.4%;}

/* #select */
#main-area #select {position: relative; color: #fff; background-color: #9bcbd9;}
#main-area #select::before, #main-area #select::after {content: ""; position: absolute; left: 0; width: 100%; background-size: 100% auto; background-repeat: no-repeat; z-index: -1;}
#main-area #select::before {background-image: url(/images/gfy365/select_top.png);}
#main-area #select::after {background-image: url(/images/gfy365/select_bottom.png);}
#main-area #select h3 {margin-bottom: 1em; text-align: center;}
#main-area #select p {line-height: 1.7;}
#main-area #select p + h3 {margin-top: 2em;}

/* #scene */
#main-area #scene {position: relative;}
#main-area #scene::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; padding-top: 45.52736982643525%; background: url(/images/gfy365/bg_ribbon.png) center bottom / 100% auto no-repeat;}
#main-area #scene .scene_list {width: 83.6%; margin: auto;}
#main-area #scene .scene_list > li {display: flex; justify-content: space-between;}
#main-area #scene .scene_list > li:nth-child(even) {flex-direction: row-reverse;}
#main-area #scene .scene_list > li .img {width: 50%;}
#main-area #scene .scene_list > li .txt {line-height: 1.7;}

/* #netorder */
#main-area #netorder .netorder_block {position: relative;}
#main-area #netorder .netorder_block .baloon {position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-align: center; line-height: 1.2; z-index: 1;}
#main-area #netorder .netorder_block .baloon::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/gfy365/balloon.png) left top / 100% auto no-repeat; z-index: -1;}
#main-area #netorder .netorder_block-app .baloon {font-weight: 700;}
#main-area #netorder .netorder_block-app .baloon::before {transform: scale(-1, 1);}
#main-area #netorder .netorder_block figure {margin: auto;}
#main-area #netorder .netorder_block-web figure {width: 83.6%;}
#main-area #netorder .netorder_block-app figure {width: 41.8%;}
#main-area #netorder .netorder_block figure img {display: block;}
#main-area #netorder .netorder_block .txt {margin-top: 1em; line-height: 1.7;}
#main-area #netorder .netorder_block .download {display: flex; width: 86.4%;}
#main-area #netorder .netorder_block .link {text-align: center;}
#main-area #netorder .netorder_block .link a {color: #9b836f; font-weight: 700; text-decoration: underline;}

/* #shimizu */
#main-area #shimizu h3 {display: flex; justify-content: center; align-items: center;}
#main-area #shimizu h3 img {width: 59.9%;}
#main-area #shimizu .mainimage img {max-width: none; width: 100%;}
#main-area #shimizu .shimizu_block .img {width: 83.6%;}
#main-area #shimizu .shimizu_block .txt {line-height: 1.7;}
#main-area #shimizu .shimizu_list {display: flex; flex-wrap: wrap; width: 83.6%;}
#main-area #shimizu .lead {margin-top: 1em; line-height: 1.7;}
#main-area #shimizu .note {line-height: 1.5; text-align: center;}
#main-area #shimizu .address {text-align: center;}
#main-area #shimizu .address .ttl {font-weight: 700;}
#main-area #shimizu .address .txt {margin-top: 1em; line-height: 1.7;}
#main-area #shimizu .address .txt a {color: #9b836f;}
#main-area #shimizu .address .nonstop {display: inline-block; padding: 0 1em;}

/* #bottom */
#main-area #bottom {position: relative;}
#main-area #bottom::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background: url(/images/gfy365/bg_bottom.png) center bottom / cover no-repeat;}
#main-area #bottom .lead {margin-top: 1em; line-height: 1.7;}
#main-area #bottom .message {width: 83.6%;}

/* --------------------------------------------------- */
/* #footer */
/* --------------------------------------------------- */
#footer {position: relative;}

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

@media screen and (min-width:768px){
  .only_pc{display: block}
  .only_sp{display: none}

  #gfy365 a[href^="tel:"] {pointer-events: none;}
  #gfy365 .container {padding: 0 16px;}

  /* --------------------------------------------------- */
  /* #main-area*/
  /* --------------------------------------------------- */
  #main-area {width: 768px; font-size: 3rem; }

  /* .c-btn */
  #main-area .c-btn a {padding: 30px; font-size: 3.6rem; border-radius: 10px;}
  #main-area .c-btn a::after {right: 40px; width: 50px; height: 50px;}

  /* .c-ttl */
  #main-area .c-ttl {padding-top: 90px; margin-bottom: 40px; font-size: 3.6rem;}
  #main-area .c-ttl::before {width: 84px; height: 50px;}

  /* #fixedBnr */
  #main-area #fixedBnr {top: 40px; left: calc(50% + 280px); width: 100px; transform: translateX(-50%);}

  /* #campaign */
  #main-area #campaign {margin-top: -10px;}
  #main-area #campaign > .container {padding-bottom: 40px;}
  #main-area #campaign > .container::after {left: 12px; width: calc(100% - 24px); height: 6px;}
  #main-area #campaign h3 {margin: 0 auto 20px; padding: 4px; font-size: 3.2rem;}
  #main-area #campaign .txt {font-size: 3.6rem;}

  /* #about */
  #main-area #about {padding: 50px 0 160px;}
  #main-area #about .message {max-width: 600px; margin: auto;padding-top: 120px;}
  #main-area #about .message .caption {margin: 0 auto 60px;}
  #main-area #about .message .img {margin: 90px auto 0;}

  /* #select */
  #main-area #select {padding: 0 0 40px;}
  #main-area #select::before, #main-area #select::after {height: 21%;}
  #main-area #select::before {top: -226px;}
  #main-area #select::after {bottom: -226px;}
  #main-area #select .select_inner {max-width:600px;margin:0 auto;}
  #main-area #select .select_inner h3 {font-size: 3.6rem;}
  #main-area #select .select_inner .c-btn {margin-top: 130px;}

  /* #scene */
  #main-area #scene {padding: 260px 0 45.52736982643525%;}
  #main-area #scene > .container {padding-bottom: 100px;}
  #main-area #scene .scene_list {width: auto; max-width: 600px;}
  #main-area #scene .scene_list > li + li {margin-top: 60px;}
  #main-area #scene .scene_list > li .txt {width: calc(50% - 20px);}

  /* #netorder */
  #main-area #netorder {padding-top: 50px;}
  #main-area #netorder > .container {max-width: 600px; padding: 0; margin: auto;}
  #main-area #netorder .netorder_block {margin-top: 100px;}
  #main-area #netorder .netorder_block .baloon {top: -60px; width: 180px; height: 180px;}
  #main-area #netorder .netorder_block-web .baloon {right: 20px;}
  #main-area #netorder .netorder_block-app .baloon {left: 20px;}
  #main-area #netorder .netorder_block .c-btn {margin-top: 80px;}
  #main-area #netorder .netorder_block .download {gap: 20px; margin: 140px auto 0;}
  #main-area #netorder .netorder_block .link {margin-top: 60px;}
  
  /* #shimizu */
  #main-area #shimizu {padding-top: 220px;}
  #main-area #shimizu > .container {max-width: 600px; margin: auto; padding: 0;}
  #main-area #shimizu h3 {margin-bottom: 40px;}
  #main-area #shimizu h3 span {margin-left: 16px; font-size: 3.6rem;}
  #main-area #shimizu .mainimage {margin-bottom: 60px;}
  #main-area #shimizu .shimizu_block .img {width: 100%; margin: 0 auto 80px;}
  #main-area #shimizu .shimizu_list {gap: 30px; width: 100%; margin: 150px auto 0;}
  #main-area #shimizu .shimizu_list > li {width: calc((100% - 60px) / 3);}
  #main-area #shimizu .c-btn {margin-top: 150px;}
  #main-area #shimizu .note {margin-top: 60px; font-size: 2.6rem;}
  #main-area #shimizu .map {margin-top: 150px;}
  #main-area #shimizu .address {margin-top: 50px;}
  #main-area #shimizu .address .ttl {font-size: 3.6rem;}
  #main-area #shimizu .address .nonstop {margin-top: 80px; border: 2px solid #9b836f; border-radius: 4px;}

  /* #bottom */
  #main-area #bottom {padding: 300px 0 400px;}
  #main-area #bottom::after {height: 0; padding-top: 30%;}
  #main-area #bottom > .container {max-width: 600px; margin: auto; padding: 0;}
  #main-area #bottom .message {margin: 130px auto 0;}

}
@media screen and (max-width:767px){
  .only_pc{display: none}
  .only_sp{display: block}

  #gfy365 .container {padding: 0 8px;}

  /* --------------------------------------------------- */
  /* #main-area*/
  /* --------------------------------------------------- */
  #main-area {width: 100%; font-size: 1.5rem; }

  /* .c-btn */
  #main-area .c-btn a {padding: 15px; font-size: 1.8rem; border-radius: 5px;}
  #main-area .c-btn a::after {right: 20px; width: 25px; height: 25px;}

  /* .c-ttl */
  #main-area .c-ttl {padding-top: 45px; margin-bottom: 20px; font-size: 1.8rem;}
  #main-area .c-ttl::before {width: 42px; height: 25px;}

  /* #fixedBnr */
  #main-area #fixedBnr {top: 20px; right: 20px; width: 13.3%; transform: none;}
  #gfy365.fixed #main-area #fixedBnr {top: 90px;}

  /* campaign */
  #main-area #campaign {margin-top: -5px;}
  #main-area #campaign > .container {padding-bottom: 20px;}
  #main-area #campaign > .container::after {left: 6px; width: calc(100% - 12px); height: 3px;}
  #main-area #campaign h3 {margin: 0 auto 10px; padding: 2px; font-size: 1.6rem;}
  #main-area #campaign .txt {font-size: 1.8rem;}

  /* #about */
  #main-area #about {padding: 25px 0 30%;}
  #main-area #about .message {max-width: 300px; margin: auto; padding-top: 60px;}
  #main-area #about .message .caption {margin: 0 auto 30px;}
  #main-area #about .message .img {width: 100%; margin: 45px auto 0;}
  
  /* #select */
  #main-area #select {padding: 0 0 20px;}
  #main-area #select::before, #main-area #select::after {height: 0; padding-top: 30%;}
  #main-area #select::before {top: 0; margin-top: -30%;}
  #main-area #select::after {bottom: 0; margin-bottom: -30%;}
  #main-area #select .select_inner {max-width:300px;margin:0 auto;}
  #main-area #select .select_inner h3 {font-size: 1.8rem;}
  #main-area #select .select_inner .c-btn {margin-top: 65px;}

  /* #scene */
  #main-area #scene {padding: 130px 0 45.52736982643525%;}
  #main-area #scene > .container {padding-bottom: 50px;}
  #main-area #scene .scene_list {width: auto; max-width: 300px;}
  #main-area #scene .scene_list > li + li {margin-top: 30px;}
  #main-area #scene .scene_list > li .txt {width: calc(50% - 10px);}

  /* #netorder */
  #main-area #netorder {padding-top: 25px;}
  #main-area #netorder > .container {max-width: 300px; padding: 0; margin: auto;}
  #main-area #netorder .netorder_block {margin-top: 50px;}
  #main-area #netorder .netorder_block .baloon {top: -30px; width: 90px; height: 90px;}
  #main-area #netorder .netorder_block-web .baloon {right: 10px;}
  #main-area #netorder .netorder_block-app .baloon {left: 10px;}
  #main-area #netorder .netorder_block .c-btn {margin-top: 40px;}
  #main-area #netorder .netorder_block .download {gap: 10px; margin: 70px auto 0;}
  #main-area #netorder .netorder_block .link {margin-top: 30px;}
  #main-area #netorder .netorder_block .link a {color: #9b836f; text-decoration: underline; font-size: 1.8rem;}
 
  /* #shimizu */
  #main-area #shimizu {padding-top: 110px;}
  #main-area #shimizu h3 {margin-bottom: 20px;}
  #main-area #shimizu h3 span {margin-left: 8px; font-size: 1.8rem;}
  #main-area #shimizu .mainimage {margin-bottom: 30px;}
  #main-area #shimizu > .container {max-width: 300px; margin: auto; padding: 0;}
  #main-area #shimizu .shimizu_block .img {width: 100%; margin-bottom: 50px;}
  #main-area #shimizu .shimizu_list {gap: 15px; width: 100%; margin: 50px auto;}
  #main-area #shimizu .shimizu_list > li {width: calc((100% - 30px) / 3);}
  #main-area #shimizu .c-btn {margin-top: 75px;}
  #main-area #shimizu .note {margin-top: 30px; font-size: 1.3rem;}
  #main-area #shimizu .map {margin-top: 75px;}
  #main-area #shimizu .address {margin-top: 25px;}
  #main-area #shimizu .address .ttl {font-size: 1.8rem;}
  #main-area #shimizu .address .nonstop {margin-top: 40px; border: 1px solid #9b836f; border-radius: 2px;}
 
  /* #bottom */
  #main-area #bottom {padding: 150px 0 200px;}
  #main-area #bottom > .container {max-width: 300px; margin: auto; padding: 0;}
  #main-area #bottom::after {height: 0; padding-top: 30%;}
  #main-area #bottom .message {margin: 65px auto 0;}
}

/* --------------------------------------------------- */
/* animation */
/* --------------------------------------------------- */
.wow.animated{opacity: 0}
.animated.slide-up{-webkit-animation:slideUp ease .75s;animation:slideUp ease .75s}
.animated.smallbig{-webkit-animation:smallbig ease .75s;animation:smallbig ease .75s}
@-webkit-keyframes smallbig{
0%{-webkit-transform:scale(.75);transform:scale(.75);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1}
}
@keyframes smallbig{
0%{-webkit-transform:scale(.75);transform:scale(.75);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1}
}
@-webkit-keyframes slideUp{
0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes slideUp{
0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}