@charset "UTF-8";
/*ALL Settings*/
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500&display=swap");
/*-----------------------------------------------*/
html {
  height: 100%;
  font-family: 'Zen Maru Gothic', sans-serif;
}

body {
  height: 100%;
  margin: 0;
  background-color: #f2f2f2;
  font-feature-settings: "palt";
}

a {
  display: inline-block;
}


.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.container {
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 10px 2px #d6d6d6;
}


.sp-none {
  display: none;
}

.pc-none {
  display: block;
}

.before-none::before {
  content: none !important;
}

.dots {
  background-image: radial-gradient(circle at center, #fff 20%, transparent 20%); 
  background-position: top right 1.1em;
  background-repeat: repeat-x;
  background-size: 1em 0.18em;
  padding-top: .05em;
}
@media screen and (min-width: 767px) {

  .sp-none {
    display: block;
  }
  .pc-none {
    display: none;
  }
}

.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.fadein-left {
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.fadein-right {
  opacity: 0;
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fadein-whi-bg {
  position: relative;
}

.fadein-whi-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .6s;
  transition: .6s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.fadein-yel-bg {
  position: relative;
}

.fadein-yel-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffec80;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .6s;
  transition: .6s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.fadein-org-bg {
  position: relative;
}

.fadein-org-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffc880;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .6s;
  transition: .6s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.fadein-grn-bg {
  position: relative;
}

.fadein-grn-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #cfecbb;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .6s;
  transition: .6s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.scrollin-whi-bg::after {
  width: 0;
}

.mask-slideIn-yel,
.mask-slideIn-org,
.mask-slideIn-grn {
  opacity: 0;
}

.mask-slideIn-yel-Play,
.mask-slideIn-org-Play,
.mask-slideIn-grn-Play {
  -webkit-animation-name: play;
          animation-name: play;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
  position: relative;
  opacity: 1 !important;
}

.mask-slideIn-yel-Play::before,
.mask-slideIn-org-Play::before,
.mask-slideIn-grn-Play::before {
  -webkit-animation-name: maskOut;
          animation-name: maskOut;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mask-slideIn-yel-Play::before {
  background-color: #f8ce3a;
}

.mask-slideIn-org-Play::before {
  background-color: #faa669;
}

.mask-slideIn-grn-Play::before {
  background-color: #9de16e;
}

@-webkit-keyframes fluffy {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -13px);
            transform: translate(0, -13px);
  }
  100% {
    -webkit-transform: translate(0, 0) r;
            transform: translate(0, 0) r;
  }
}

@keyframes fluffy {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -8px);
            transform: translate(0, -8px);
  }
  100% {
    -webkit-transform: translate(0, 0) r;
            transform: translate(0, 0) r;
  }
}

@-webkit-keyframes bound {
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bound {
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.fluffy.show {
  -webkit-animation: fluffy 1.2s 3;
          animation: fluffy 1.2s 3;
}

.bound {
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
          transform: translate(0px, 50px);
}

.bound.zoom {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.bound.show {
  -webkit-animation: bound 1.5s 1 ease-in-out;
          animation: bound 1.5s 1 ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

@-webkit-keyframes play {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes play {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes maskOut {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes maskOut {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px, -50%);
            transform: translateX(20px, -50%);
  }
}

@keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px, -50%);
            transform: translateX(20px, -50%);
  }
}

.wrap {
  width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .wrap {
    width: calc(670/750 * 100vw);
    margin: 0 auto;
  }
  img {
    width: 100%;
  }
}

.shadow {
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
          box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
}

.brn-shadow {
  -webkit-box-shadow: 0px 0px 6px 3px rgba(62, 32, 16, 0.5);
          box-shadow: 0px 0px 6px 3px rgba(62, 32, 16, 0.5);
}

.title-base {
  padding: 60px 20px;
  text-align: center;
}

.title-base span {
  font-size: 40px;
  font-weight: bold;
  font-family: 'Roboto Condensed','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ  W3','Hiragino Kaku Gothic Pro','Yu Gothic','游ゴシック',YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
  color: #003B83;
}

.title-base h3 {
  font-size: 18px;
  font-weight: bold;
  color: #003B83;
}

.title-base p {
  font-size: 14px;
  color: 333;
  line-height: 1.8;
  margin-top: 20px;
}

/*!------------------------*\
    modal
\*!------------------------*/
.modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 2000;
}

.modal_bg {
  width: 100%;
  height: 100vh;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
}

.modal_wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.modal_content {
  width: 96%;
  height: auto;
  margin-top: -12%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.modal_content .close {
  width: 30px;
  height: 30px;
  font-size: 17px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}

.catalog-pop {
  width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.catalog-pop .prev, .catalog-pop .next {
  width: 8%;
  max-width: 50px;
  position: absolute;
  z-index: 1;
}

.catalog-pop .prev {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 2%;
}

.catalog-pop .next {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2%;
}

.catalog-pop img {
  display: block;
  margin: 0 auto;
}

.catalog-pop.slick-loading img {
  display: none;
}

.catalog-pop.dragging img {
  pointer-events: none;
}

.catalog-pop .slick-slide {
  overflow: scroll;
}

@media screen and (min-width: 767px) {
  .modal_content {
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 40px;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .modal_content .close {
    width: 40px;
    height: 40px;
    top: 30px;
    right: 30px;
  }
  .catalog-pop {
    height: 100%;
  }
  .slick-list, .slick-track {
    height: 100% !important;
  }
  .catalog-pop .prev {
    width: 30px;
    height: auto;
    left: 0;
  }
  .catalog-pop .next {
    width: 30px;
    height: auto;
    right: 0;
  }
  .catalog-pop img {
    width: auto;
    height: 100%;
  }
  .catalog-pop .slick-slide {
    overflow: hidden;
  }
}

@media screen and (min-width: 1024px) {
  .modal_content {
    padding: 40px 80px;
  }
  .catalog-pop .prev {
    left: -40px;
  }
  .catalog-pop .next {
    right: -40px;
  }
}

/*!------------------------*\
    slick
\*!------------------------*/

ul.slick-dots {
  bottom: min(calc(45/750 * 100vw), 45px);
}
ul.slick-dots li {
  margin: 0 min(calc(6 / 750* 100vw), 10px);
}
ul.slick-dots li button {
  width: min(calc(16/750 * 100vw), 16px);
  height: min(calc(16/750 * 100vw), 16px);
}
ul.slick-dots li button:before {
  font-size: min(calc(16/750 * 100vw), 16px);
  width: min(calc(16/750 * 100vw), 16px);
  height: min(calc(16/750 * 100vw), 16px);
  -webkit-transition: .3s;
  transition: .3s;
}
ul.slick-dots li.slick-active button {
  width: min(calc(20/750 * 100vw), 20px);
  height: min(calc(20/750 * 100vw), 20px);
}
ul.slick-dots li.slick-active button:before {
  color: #f29200 ;
  font-size: min(calc(22/750 * 100vw), 22px);
  width: min(calc(20/750 * 100vw), 20px);
  height: min(calc(20/750 * 100vw), 20px);
}

.prev.slick-arrow,
.next.slick-arrow{
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  width: min(calc(56/750 * 100vw), 56px);
  height: min(calc(56/750 * 100vw), 56px);
}

.prev.slick-arrow {
  left: 0;
}

.next.slick-arrow {
  right: 0;
}

/*!------------------------*\
    tokuten
\*!------------------------*/

.tokuten {
  text-align: center;
  background: url(../../../img/04/cta_bg01.png) no-repeat center top  / 100%,
  linear-gradient(to bottom, transparent 0%,transparent min(calc(85/750 * 100vw), 85px),#def2fc min(calc(85/750 * 100vw), 85px),#def2fc 100%),#fcf7de;
  padding: min(calc(17/750 * 100vw), 17px) 0 min(calc(22/750 * 100vw), 22px);
  /*margin-top: calc(-86/750 * 100vw );*/
  position: relative;
}
.tokuten.adjust01 {
  background: url(../../../img/04/cta_bg01.png) no-repeat center top  / 100%,
  linear-gradient(to bottom, transparent 0%,transparent min(calc(85/750 * 100vw), 85px),#def2fc min(calc(85/750 * 100vw), 85px),#def2fc 100%),#f7f1e9;
}

.tokuten h2.ttl  {
  width: min(calc(570/750 * 100vw), 570px);
  margin: 0 auto min(calc(56/750 * 100vw), 56px);
}

.tokuten h2.ttl img {
  margin-top: calc(-46/750 * 100vw);
}

.tokuten p {
  margin-bottom: min(calc(40/750 * 100vw), 40px);
}
@media screen and (min-width: 751px) {

  /*.tokuten {
    margin-top: -86px;
  }*/
  
  .tokuten h2.ttl img {
  margin-top: -46px;
}
}

/*!------------------------*\
    cv
\*!------------------------*/

.cv {
  position: relative;
}

.cv .inner {
  padding: min(calc(20/750 * 100vw), 20px) 0;
}

.cv .cv_title  {
  width: min(calc(611/750 * 100vw), 611px);
  margin: 0 auto min(calc(38/750 * 100vw), 38px);
}

.cv .cv_btn {
  text-align: center;
  width: min(calc(680/750 * 100vw), 690px);
  margin: 0 auto min(calc(10/750 * 100vw), 10px);
  transform: translateX(min(calc(10/750 * 100vw), 10px));
}

.cv .cv_btn a {
  -webkit-transition: .3s;
  transition: .3s;
}

.cv .cv_btn a:hover {
  opacity: .8;
}

.cv.cv-01 .inner {
  background: #def2fc;
  padding-bottom: min(calc(60/750 * 100vw), 60px);
}

.cv.cv-02 .inner {
  background: #ffde9e;
  padding-bottom: min(calc(60/750 * 100vw), 60px);
}

.totop {
  position: fixed;
  width: min(calc(158/750 * 100vw), 158px);
  right: calc(25/750 * 100vw);
  bottom: calc(180/750 * 100vw);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.totop.active {
  opacity: 1;
}

.toFlow-btn {
  position: fixed;
  width: min(calc(80/750 * 100vw), 80px);
  height: auto;
  bottom: 45%;
  right: -45%;
  z-index: 100;
  -webkit-transition: .4s;
  transition: .4s;
}

.toFlow-btn.active {
  right: 0;
}

@media screen and (min-width: 751px) {
  .toFlow-btn.active {
    right: calc((100vw - 766px) /2);
  }
}

/*!------------------------*\
    fv
\*!------------------------*/
#fv {
  background: url(../../../img/04/fv_bg.jpg) no-repeat center top  / contain;
  background-size: cover;
  padding: min(calc(30/750 * 100vw), 30px) 0;
  position: relative;
  z-index: 1;
}

.logo {
  width: min(calc(204/750 * 100vw), 204px);
  margin: auto;
}

.fv_title {
  width: min(calc(684/750 * 100vw), 684px);
  margin:  min(calc(50/750 * 100vw), 50px) auto 0;
}

.fv_bottom {
  margin-top: min(calc(360/750 * 100vw), 360px);
  text-align: center;
}

.fv_sub {
  width: min(calc(516/750 * 100vw), 516px);
  margin: 0 auto;
}

.fv_icon {
  width: min(calc(668/750 * 100vw), 668px);
  margin: min(calc(20/750 * 100vw),20px) auto 0;
}

.fv_text {
  width: min(calc(414/750 * 100vw), 414px);
  margin: min(calc(34/750 * 100vw),34px) auto 0;
}

.btn {
  width: min(calc(694/750 * 100vw), 694px);
  margin: 0 auto;
}

.fv_flowbtn {
  width: min(calc(363/750 * 100vw), 363px);
}

/*!------------------------*\
    about
\*!------------------------*/
#about {
  position: relative;
  z-index: 1;
  background-color: #fcf7de;
}

#about .bg {
  width: 100%;
}

#about .about-box {
  position: absolute;
  top: 55.3%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  width: min(calc(750/750 * 100vw), 750px);
}

/*!------------------------*\
    voice
\*!------------------------*/
#voice {
  padding: min(calc(80/750 * 100vw), 80px) 0 min(calc(6/750 * 100vw), 6px);
  background-color: #fcf7de;
}
.voice_title {
  width: min(calc(606/750 * 100vw), 606px);
  margin: 0 auto min(calc(66/750 * 100vw), 66px);
}

/* voice_box */

.voice_box {
  width: min(calc(690/750 * 100vw), 690px);
  background: url(../../../img/04/voice_bgtop.png) no-repeat center top / 100%,
  url(../../../img/04/voice_bgbottom.png) no-repeat center bottom / 100%;
  padding: min(calc(36/750 * 100vw), 36px) 0 min(calc(52/750 * 100vw), 52px);
  margin: 0 auto min(calc(10 / 750* 100vw), 10px);
}

.voice_conts {
  display: flex;
  justify-content: space-between;
  background: url(../../../img/04/voice_bg.png) repeat center top / 100%;
  padding: 0 min(calc(40/750 * 100vw), 40px);
}

.voice_img {
  display: block;
  width: min(calc(150/750 * 100vw), 150px);
}

.voice_text {
  width: min(calc(430/750 * 100vw), 430px);
}

.voice_text h3 {
  color: #f29200;
  font-size: min(calc(32/750 * 100vw), 32px);
  margin-bottom: 0.2em;
}

.voice_text p {
  font-size: min(calc(24/750 * 100vw), 24px);
  line-height: 1.8;
}


/* voice02_box */

.voice02_box {
  width: min(calc(690/750 * 100vw), 690px);
  background: url(../../../img/04/voice_bg02top.png) no-repeat center top / 100%,
  url(../../../img/04/voice_bg02bottom.png) no-repeat center bottom / 100%;
  padding: min(calc(56/750 * 100vw), 56px) 0 min(calc(54/750 * 100vw), 54px);
  margin: 0 auto min(calc(10 / 750* 100vw), 10px);
}

.voice02_conts {
  display: flex;
  justify-content: space-between;
  background: url(../../../img/04/voice_bg02.png) repeat center top / 100%;
  padding: min(calc(18/750 * 100vw), 18px) min(calc(40/750 * 100vw), 40px);
}

.voice02_img {
  display: block;
  width: min(calc(150/750 * 100vw), 150px);
}

.voice02_text {
  width: min(calc(430/750 * 100vw), 430px);
}

.voice02_text h3 {
  color: #6eb92b;
  font-size: min(calc(32/750 * 100vw), 32px);
  margin-bottom: 0.2em;
}

.voice02_text p {
  font-size: min(calc(24/750 * 100vw), 24px);
  line-height: 1.8;
}

/* voice03_box */

.voice03_box {
  width: min(calc(644/750 * 100vw), 644px);
  background: url(../../../img/04/voice_bg03top.png) no-repeat center top / 100%,
  url(../../../img/04/voice_bg03bottom.png) no-repeat center bottom / 100%;
  padding: min(calc(64/750 * 100vw), 64px) 0 min(calc(54/750 * 100vw), 54px);
  margin: min(calc(100 / 750* 100vw), 100px) auto min(calc(10 / 750* 100vw), 10px);
}

.voice03_conts {
  display: flex;
  justify-content: space-between;
  gap: min(calc(18/750 * 100vw), 18px);
  background: url(../../../img/04/voice_bg03.png) repeat center top / 100%;
  padding: min(calc(18/750 * 100vw), 18px) min(calc(40/750 * 100vw), 40px);
}

.voice03_img {
  display: block;
  width: min(calc(150/750 * 100vw), 150px);
}

.voice03_text {
  width: min(calc(430/750 * 100vw), 430px);
}

.voice03_text h3 {
  color: #34aefc;
  font-size: min(calc(32/750 * 100vw), 32px);
  margin-bottom: 0.2em;
}

.voice03_text p {
  font-size: min(calc(24/750 * 100vw), 24px);
  line-height: 1.8;
}

/* voice04_box */

.voice04_box {
  width: min(calc(690/750 * 100vw), 690px);
  background: url(../../../img/04/voice_bg04top.png) no-repeat center top / 100%,
  url(../../../img/04/voice_bg04bottom.png) no-repeat center bottom / 100%;
  padding: min(calc(56/750 * 100vw), 56px) 0 min(calc(54/750 * 100vw), 54px);
  margin: 0 auto min(calc(10 / 750* 100vw), 10px);
}

.voice04_conts {
  display: flex;
  justify-content: space-between;
  background: url(../../../img/04/voice_bg04.png) repeat center top / 100%;
  padding: min(calc(18/750 * 100vw), 18px) min(calc(40/750 * 100vw), 40px) 0;
}

.voice04_img {
  display: block;
  width: min(calc(150/750 * 100vw), 150px);
}

.voice04_text {
  width: min(calc(430/750 * 100vw), 430px);
}

.voice04_text h3 {
  color: #fc7c94;
  font-size: min(calc(32/750 * 100vw), 32px);
  margin-bottom: 0.2em;
}

.voice04_text p {
  font-size: min(calc(24/750 * 100vw), 24px);
  line-height: 1.8;
}

/*!------------------------*\
    service
\*!------------------------*/
.service_start {
  background: url(../../../img/04/service_bg.png) no-repeat center top / 100%, #fff;
  padding: 0 0 min(calc(56/750 * 100vw), 56px);
}

.service_start h2 {
  width: min(calc(580/750 * 100vw), 580px);
  margin: 0 auto;
}

.service_menu {
  position: relative;
}

.service_menu_title {
  width: min(calc(723/750 * 100vw), 723px);
  margin: 0 auto;
}
.service_list {
  counter-reset: service_list;
  position: absolute;
  left: 50%;
  bottom: min(calc(92/750 * 100vw), 92px);
  transform: translateX(-50%);
}

.service_list li a {
  display: block;
  width: min(calc(610/750 * 100vw), 610px);
  background: #fff;
  margin-bottom: min(calc(18/750 * 100vw), 18px);
  padding: min(calc(24/750 * 100vw), 24px) min(calc(22/750 * 100vw), 22px);
  border-radius: min(calc(10/750 * 100vw), 10px);
  font-size:  min(calc(28/750 * 100vw), 28px);
  font-weight: 500;
  position: relative;
}

.service_list li a::before {
  counter-increment: service_list;
  content: counter(service_list)".";
  font-size: 1.3em;
  font-weight: 600;
}

.service_list li a::after {
  content: "";
  display: block;
  width: min(calc(22/750 * 100vw), 22px);
  height: min(calc(11/750 * 100vw), 11px);
  background: url(../../../img/04/arrow01.svg) no-repeat center center / contain;
  position: absolute;
  right: min(calc(20/750 * 100vw), 20px);
  top: 50%;
  transform: translateY(-50%);
}

.service_list li a span {
  display: inline-block;
  background-color: #f29200;
  border-radius: min(calc(6/750 * 100vw), 6px);
  padding: min(calc(3/750 * 100vw), 3px) min(calc(6/750 * 100vw), 6px);
  line-height: 1.1;
  vertical-align: baseline;
  font-size:  min(calc(30/750 * 100vw), 30px);
  color: #fff;
}

.service_box {
  padding: 0 min(calc(40/750 * 100vw), 40px);
}

.service_title {
  background-color: #fff;
  border-radius: min(calc(20/750 * 100vw), 20px);
  padding-bottom: min(calc(60 / 750* 100vw), 60px);
  text-align: center;
}

.service_title picture {
  display: block;
  margin: 0 min(calc(-40/750 * 100vw), -40px) ;
}

.service_title picture img{
  width: min(calc(750 / 750* 100vw), 750px);
  margin-top: min(calc(-52/750 * 100vw),  -52px) ;
}


.service_title h2{
  margin-top: min(calc(20/750 * 100vw), 20px);
  font-size: min(calc(52/750 * 100vw), 52px);
  letter-spacing: 0.1em;
  line-height: 1.55;
}

.service_title p {
  margin-top: min(calc(20 / 750* 100vw), 20px);
  line-height: 1.75;
  font-size: min(calc(28/750 * 100vw), 28px);
  letter-spacing: 0.01em;
}

.service01_subtitle {
  width: min(calc(620 / 750* 100vw), 620px);
  margin: min(calc(30/750 * 100vw), 30px)  auto;
}

.service_menulist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: min(calc(44 / 750* 100vw), 44px);
}

.service_menulist li {
  background: linear-gradient(to bottom, transparent 0%,transparent min(calc(120/750 * 100vw), 120px),#ffffff min(calc(120/750 * 100vw), 120px),#ffffff 100%);
  border-radius: min(calc(20/750 * 100vw), 20px);
  margin-bottom: min(calc(36 / 750* 100vw), 36px);
}

.service_menulist li.service_onetag {
  background: none;
}

.service_menulist li .service_onetagbox {
  width:  min(calc(670/750 * 100vw), 670px);
  display: flex;
  justify-content: space-between;
}

.service_menulist li .service_onetagbox .service_menutext {
  background: linear-gradient(to bottom, transparent 0%,transparent min(calc(120/750 * 100vw), 120px),#ffffff min(calc(120/750 * 100vw), 120px),#ffffff 100%);
  border-radius: 0 0 min(calc(20/750 * 100vw), 20px) min(calc(20/750 * 100vw), 20px);
}

.service_menutag {
  width: min(calc(244 / 750* 100vw), 244px);
  margin: 0 auto min(calc(12/750 * 100vw), 12px);
}

.full .service_menutag {
  width: min(calc(290 / 750* 100vw), 290px);
}
.full .service_menutag img{
  max-width: none;
	width: 100%;
}


.service_menulist li.service_onetag .service_menutag {
  width: min(calc(286 / 750* 100vw), 286px);
}
.service_menutext {
  width: min(calc(320 / 750* 100vw), 320px);
}

.full .service_menutext {
  width: min(calc(670 / 750* 100vw), 670px);
}

.service_menutext .inner {
  padding: min(calc(20/750 * 100vw), 20px) min(calc(20/750 * 100vw), 20px) min(calc(36/750 * 100vw), 36px) ;
}
.service_menutext h4 {
  font-size: min(calc(28/750 * 100vw), 28px);
  letter-spacing: -0.08em;
  line-height: 1.45;
  margin-bottom: min(calc(16/750 * 100vw), 16px);
}


.full .service_menutext h4 {
  font-size: min(calc(30/750 * 100vw), 30px);
  margin-bottom: min(calc(10/750 * 100vw), 10px);
  color: #f29200;
}

.service_menutext p {
  font-size: min(calc(24/750 * 100vw), 24px);
  line-height: 1.6;
}
.service_menutext .service_menu_data {
	margin-top:min(calc(24/750 * 100vw), 24px);
	padding-top:min(calc(24/750 * 100vw), 24px);
border-top:1px solid #616161;
 display: flex;
	
}
.service_menutext .service_menu_data p{
width:50%;
letter-spacing: .01em;
padding:0 2.063% min(calc(14/750 * 100vw), 14px) 0;	
}
.service_menutext .service_menu_data p:nth-of-type(2){
padding:0 0 min(calc(14/750 * 100vw),14px) 2.063%;	
border-left: min(calc(2/750 * 100vw), 2px) dotted #616161;
	
}


/* service_01 */

.service_01 {
  background: url(../../../img/04/service01_bg.png) no-repeat top center / 100%,#ffde9e;
  padding-top: min(calc(286/750 * 100vw), 286px);
}

.service_01 .service_title h2 {
  color: #f29200;
}

.service_01 .service_title h2 span.dots {
  background-image: radial-gradient(circle at center, #f29200 20%, transparent 20%); 
}

.service01_voice {
  padding: min(calc(94/750 * 100vw), 94px) 0 ;
  margin: 0 min(calc(-40/750 * 100vw), -40px);
  background: url(../../../img/04/service01_bg02.png) no-repeat center top / 100%,
  linear-gradient(to bottom, transparent 0%,transparent min(calc(85/750 * 100vw), 85px),#fcf7de min(calc(85/750 * 100vw), 85px),#fcf7de 100%);
}

.service01_voice .service01_voicetitle {
  text-align: center;
  font-size: min(calc(56/750 * 100vw), 56px);
  color: #f29200;
  letter-spacing: 0.1em;
  margin-bottom: min(calc(30 / 750* 100vw), 30px);
}

/* service_02 */

.service_02 {
  background: url(../../../img/04/service02_bg01.png) no-repeat top center / 100%,
  url(../../../img/04/service02_bg02.png) no-repeat bottom center / 100%#f0fcde;
  padding-top: min(calc(340/750 * 100vw), 340px);
  padding-bottom: min(calc(110/750 * 100vw), 110px);
}

.service_02.service_title picture img {
  margin-top: min(calc(-58/750 * 100vw),  -58px) ;
}

.service_02 .service_title h2 {
  color: #6eb92b;
}

.service_02 .service_title h2 span.dots {
  background-image: radial-gradient(circle at center, #6eb92b 20%, transparent 20%); 
}

.service02_subtitle {
  margin: 0 min(calc(-40/750 * 100vw), -40px);
  text-align: center;
}

.service02_subtitle img {
  width: min(calc(750 / 750* 100vw), 750px);
}

.service_02 .service_menutag {
  width: min(calc(285 / 750* 100vw), 285px);
}

/* service_03 */

.service_03 {
  background: url(../../../img/04/service03_bg01.png) no-repeat top center / 100%,
  url(../../../img/04/service03_bg02.png) no-repeat center min(calc(2130/750 * 100vw), 2130px) / 100%#def2fc;
  padding-top: min(calc(355/750 * 100vw), 355px);
  padding-bottom: min(calc(74/750 * 100vw), 74px);
}

.service_03.service_title picture img {
  margin-top: min(calc(-58/750 * 100vw),  -58px) ;
}

.service_03 .service_title h2 {
  color: #34aefc;
  letter-spacing: 0.01em;
}

.service_03 .service_title h2 span.dots {
  background-image: radial-gradient(circle at center, #34aefc 20%, transparent 20%); 
}

.service_titletext {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.service03_icon {
  width: min(calc(172 / 750* 100vw), 172px);
}

.service03_subtitle {
  width: min(calc(616 / 750* 100vw), 616px);
  margin: min(calc(56/750 * 100vw), 56px)  auto min(calc(42/750 * 100vw), 42px);
}

.service03_set {
  margin: 0 min(calc(-40/750 * 100vw), -40px);
  text-align: center;
}

.service03_setimg {
  position: relative;
}

.service03_setimg img{
  width: min(calc(750 / 750* 100vw), 750px);
}

.service03_setimg .service_menutag {
  width: min(calc(274 / 750* 100vw), 274px);
  position: absolute;
}

.service03_setimg.img01 .service_menutag {
  top: min(calc(14 / 750* 100vw), 14px);
  right: min(calc(94 / 750* 100vw), 94px);
}

.service03_setimg.img02 .service_menutag {
  top: min(calc(44 / 750* 100vw), 44px);
  left: min(calc(74 / 750* 100vw), 74px);
}

.service03_subtitle02 {
  width: min(calc(590 / 750* 100vw), 590px);
  margin: min(calc(12/750 * 100vw), 12px)  auto min(calc(68/750 * 100vw), 68px);;
}

.service_03 .js-service03_slick {
  position: relative;
}

.service_03 .js-service03_slick p.slick-slide {
  text-align: center;
  padding: 0 min(calc(10/750 * 100vw), 10px);
  width: min(calc(620 / 750* 100vw), 620px);
}

.service_03 .js-service03_slick .prev.slick-arrow {
  left: min(calc(65/750 * 100vw), 65px);
  top: 53%;
}

.service_03 .js-service03_slick .next.slick-arrow {
  right: min(calc(65/750 * 100vw), 65px);
  top: 53%;
}

.service_03 .js-service03_slick ul.slick-dots {
  bottom: -15%;
}

.service_03 .js-service03_slick ul.slick-dots li button:before {
  color: #fff ;
  opacity: 1;
}

.service_03 .js-service03_slick ul.slick-dots li.slick-active button:before {
  color: #fff256 ;
}

.service03_next {
  width: min(calc(122 / 750* 100vw), 122px);
  margin: min(calc(42/750 * 100vw), 42px)  auto 0;
}

.service03_waribiki {
  width: min(calc(670 / 750* 100vw), 670px);
  margin: min(calc(28/750 * 100vw), 28px)  auto 0;
}

/* service_04 */

.service_04 {
  background: url(../../../img/04/service04_bg01.png) no-repeat top center / 100%,
  url(../../../img/04/service04_bg02.png) no-repeat center bottom / 100%#ffe6ec;
  padding-top: min(calc(358/750 * 100vw), 372px);
  padding-bottom: min(calc(44/750 * 100vw), 44px);
}

.service_04.service_title picture img {
  margin-top: min(calc(-58/750 * 100vw),  -58px) ;
}

.service_04 .service_title h2 {
  color: #fc7c94;
}

.service_04 .service_title h2 span.dots {
  background-image: radial-gradient(circle at center, #fc7c94 20%, transparent 20%); 
}

.service04_subtitle {
  width: min(calc(680 / 750* 100vw), 680px);
  margin: min(calc(42/750 * 100vw), 42px)  auto min(calc(38/750 * 100vw), 38px);
}

.service04_conts li {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: min(calc(62/750 * 100vw), 62px);
}

.service04_conts li img {
  width: min(calc(272 / 750* 100vw), 272px);
}

.service04_conts li .service04_contstext {
  width: min(calc(350 / 750* 100vw), 350px);
}
.service04_conts li .service04_contstext h3{
  background-color: #fc7c94;
  border-radius: 60px;
  padding: min(calc(8/750 * 100vw), 8px);
  margin-bottom: min(calc(14/750 * 100vw), 14px);
  font-size: min(calc(32/750 * 100vw), 32px);
  color: #fff;
  text-align: center;
}

.service04_conts li .service04_contstext p {
  font-size: min(calc(26/750 * 100vw), 26px);
  margin-left: min(calc(12/750 * 100vw), 12px);
  line-height: 1.7;
}

.service04_point {
  position: relative;
  background-color: #fff;
  border-radius: min(calc(20/750 * 100vw), 20px);
  padding: min(calc(46/750 * 100vw), 46px) min(calc(36/750 * 100vw), 36px);
  margin-bottom: min(calc(110 / 750* 100vw), 110px);
}

.service04_point li {
  font-size: min(calc(26/750 * 100vw), 26px);
  line-height: 1.7;
  display: flex;
  align-items: center;
  gap: min(calc(20/750 * 100vw), 20px);
}

.service04_point li:first-of-type {
  background-image : linear-gradient(to right, #fc7c94 min(calc(3/750 * 100vw), 3px), transparent min(calc(2/750 * 100vw), 2px));
  background-size: min(calc(9/750 * 100vw), 9px) min(calc(3/750 * 100vw), 3px);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: min(calc(26/750 * 100vw), 26px);
  margin-bottom: min(calc(20/750 * 100vw), 20px);
  
}
.service04_point li::before {
  content: "";
  display: block;
  width: min(calc(58/750 * 100vw), 58px);
  height: min(calc(58/750 * 100vw), 58px);
  background: url(../../../img/04/service04_icon.png) no-repeat center center / contain;
}

.service04_point li span {
  color: #fc7c94;
  font-weight: 500;
}

.service04_point li .service04_flag {
  width: min(calc(207/750 * 100vw), 207px);
  position: absolute;
  left: min(calc(-6 / 750* 100vw), -6px);
  top: min(calc(-22 / 750* 100vw), -22px);
}

/* service_05 */

.service05 {
  background: url(../../../img/04/service05_bg.png) no-repeat top center / 100%,#ffde9e;
  padding-top: min(calc(322/750 * 100vw), 332px);
  padding-bottom: min(calc(60/750 * 100vw), 60px);
}

.service05 .service_title picture img {
  margin-top: min(calc(-58/750 * 100vw),  -58px) ;
}

.service05 .service_title h2 {
  color: #f29200;
}

.service05 .service_title h2 span.dots {
  background-image: radial-gradient(circle at center, #f29200 20%, transparent 20%); 
}

.service05_subtitle {
  margin: min(calc(42/750 * 100vw), 42px) 0 min(calc(36/750 * 100vw), 36px);
}

.service05 .service_titletext {
  justify-content: space-evenly;
}

.service05_icon {
  width: min(calc(156 / 750* 100vw), 156px);
}

.service05_subtitle img {
  width: min(calc(670 / 750* 100vw), 670px);
}

.service05_order {
  position: relative;
  background: #fff;
  border-radius: min(calc(20 / 750* 100vw), 20px);
  padding: min(calc(46 / 750* 100vw), 46px);
  padding-bottom: min(calc(44 / 750* 100vw), 44px);
  text-align: center;
  font-size: min(calc(28/750 * 100vw), 28px);
  line-height: 1.9;
}

.service05_order p span {
  color: #f29200;
  font-weight: 500; 
}

.service05_shape {
  width: min(calc(127 / 750* 100vw), 127px);
  position: absolute;
  right: min(calc(-20/750 * 100vw), -20px);
  top: min(calc(-30/750 * 100vw), -30px);
}

.service05_img01 {
  width: min(calc(538 / 750* 100vw), 538px);
  margin-bottom: min(calc(20 / 750* 100vw), 20px);
}

.service05_conts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: min(calc(5 / 750* 100vw), 5px) dotted #f29200;
  margin: min(calc(28 / 750* 100vw), 28px) 0 0;
  padding: min(calc(37 / 750* 100vw), 37px) 0 0;
  text-align-last: left;
}
.service05_img02 {
  width: min(calc(193 / 750* 100vw), 193px);
}


/* catalog */

.catalog {
  background: url(../../../img/04/catalog_bg.png) no-repeat top center / 100%, #fffced;
  padding: min(calc(46/750 * 100vw), 46px) 0 min(calc(70/750 * 100vw), 70px);
}

.catalog_title {
  width: min(calc(610 / 750* 100vw), 610px);
  margin: auto;
  padding: min(calc(82/750 * 100vw), 82px)  0 min(calc(24/750 * 100vw), 24px);

}
.catalog ul.js-catalog-slick {
  padding: min(calc(35/750 * 100vw), 82px) 0 min(calc(75/750 * 100vw), 75px);
  margin-bottom: min(calc(45/750 * 100vw), 45px);
}

.catalog ul.js-catalog-slick li {
  text-align: center;
  
}

.catalog ul.js-catalog-slick li.slick-slide {
  width: min(calc(560/750 * 100vw), 560px);
  padding: 0 min(calc(27 / 750* 100vw), 27px);
}

.catalog ul.js-catalog-slick li h4 {
  width: 100%;
  padding: min(calc(18 / 750* 100vw), 18px);
  margin-bottom: min(calc(32 / 750* 100vw), 32px);
  background-color: #f29200;
  border-radius: min(calc(20 / 750* 100vw), 20px);
  font-size: min(calc(30 / 750* 100vw), 30px);
  font-weight: bold;
  color: #fff;
}

.catalog ul.js-catalog-slick ul.slick-dots {
  bottom: min(calc(-5/750 * 100vw), -5px);
}


/*!------------------------*\
    usersvoice
\*!------------------------*/
.usersvoice {
  background: url(../../../img/04/bg_dot.png) repeat center center;
  padding: min(calc(74/750 * 100vw), 74px) 0 min(calc(136/750 * 100vw), 136px);
}

.usersvoice_title {
  width: min(calc(544/750 * 100vw), 544px);
  margin: 0 auto min(calc(20/750 * 100vw), 20px);
}

.usersvoice .js-voice-slick p.slick-slide {
  text-align: center;
  padding: 0 min(calc(10/750 * 100vw), 10px);
  width: min(calc(620 / 750* 100vw), 620px);
}

.usersvoice .js-voice-slick .prev.slick-arrow {
  left: min(calc(28/750 * 100vw), 28px);
  top: 53%;
}

.usersvoice .js-voice-slick .next.slick-arrow {
  right: min(calc(28/750 * 100vw), 28px);
  top: 53%;
}

.usersvoice .js-voice-slick ul.slick-dots {
  bottom: -12%;
}


/*!------------------------*\
    flow
\*!------------------------*/


#flow {
  background: #fff;
  padding: min(calc(75/750 * 100vw), 75px) 0 min(calc(66/750 * 100vw), 66px);
  color: #333;
}

#flow .flow_title {
  font-size: min(calc(40/750 * 100vw), 40px);
  text-align: center;
  margin: 0 0 min(calc(72/750 * 100vw), 72px);
}

#flow .flow_list {
  width: min(calc(670/750 * 100vw), 670px);
  margin: 0 auto;
}

#flow .flow_list li {
  margin-bottom: min(calc(48/750 * 100vw), 48px);
}

#flow .flow_list li:last-child {
  margin-top: min(calc(108/750 * 100vw), 108px);
}

#flow .flow_list li .flow_titlebox {
  border-bottom: min(calc(6/750 * 100vw), 6px) solid #333;
  padding: 0 0 min(calc(16/750 * 100vw), 16px);
  margin: 0 0 min(calc(38/750 * 100vw), 38px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  }

#flow .flow_list li .flow_titlebox .title_sum {
  font-size: min(calc(60/750 * 100vw), 60px);
  font-weight: bold;
  text-align: center;
  line-height: 1;
  border-right: min(calc(2/750 * 100vw), 2px) solid #333;
  padding: 0 min(calc(28/750 * 100vw), 28px);
  margin: 0 min(calc(40/750 * 100vw), 40px) 0 0;
}

#flow .flow_list li .flow_titlebox .title_sum span {
  display: block;
  font-size: min(calc(20/750 * 100vw), 20px);
}

#flow .flow_list li .flow_titlebox .title_sub {
  font-size: min(calc(36/750 * 100vw), 36px);
}

#flow .flow_list li .flow_text {
  font-size: min(calc(30/750 * 100vw), 30px);
  line-height: 1.5;
}

#flow .flow_list li .flow_text span {
  display: block;
  font-size:  min(calc(21/750 * 100vw), 21px);
  margin:  min(calc(27/750 * 100vw), 27px) 0 0;
}

#flow .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#flow .row .flow_text {
  width: 73%;
}

#flow .row .flow_icon {
  text-align: center;
  margin: 0 auto;
}

#flow .row .flow_icon01 {
  width: min(calc(90/750 * 100vw), 90px);
}

#flow .row .flow_icon02 {
  width: min(calc(137/750 * 100vw), 137px);
}

#flow .btn {
  text-align: center;
  margin: 30px 0 0;
}


#flow .btn a:hover {
  opacity: .8;
}


/*!------------------------*\
    faq
\*!------------------------*/

#faq {
padding: min(calc(88/750 * 100vw), 88px) 0 min(calc(90/750 * 100vw), 90px);
background: #f7f1e9;
}

#faq .inner {
  width: min(calc(670/750 * 100vw), 670px);
  margin: 0 auto;
}

#faq .faq_title {
  font-size: min(calc(40/750 * 100vw), 40px);
  text-align: center;
  margin: 0 0 min(calc(44/750 * 100vw), 44px);
}

#faq .accordion {
  width: 100%;
  margin: 0 auto;
  font-size: min(calc(30/750 * 100vw), 30px);
}

#faq .accordion li {
  text-align: left;
  margin-bottom: min(calc(40/750 * 100vw), 40px);
  background-color: #fff;
  border-radius: min(calc(20/750 * 100vw), 20px);
}

#faq .accordion li .aco-open {
  cursor: pointer;
  display: flex;
  padding: min(calc(27/750 * 100vw), 27px) 0 min(calc(30/750 * 100vw), 30px);
  margin: 0  min(calc(40/750 * 100vw), 40px);
  color: #333;
  line-height: 1.75;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#faq .accordion li .aco-open:before {
  content: "Q";
  font-weight: bold;
  color: #947559;
  padding: 0 min(calc(20/750 * 100vw), 20px) 0 0;
}

#faq .accordion li .aco-open .faq_icon {
  padding-left: min(calc(20/750 * 100vw), 20px);
  width: min(calc(35 / 750* 100vw), 35px);
}
#faq .accordion li .aco-open span {
  width: min(calc(6/750 * 100vw), 6px);
  height: min(calc(30/750 * 100vw), 30px);
  background: #cbcbcb;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  top: min(calc(40/750 * 100vw), 40px);
  right: min(calc(11/750 * 100vw), 11px);
}

#faq .accordion li .aco-open span:nth-of-type(1) {
  width: min(calc(30/750 * 100vw), 30px);
  height: min(calc(6/750 * 100vw), 6px);
  background: #cbcbcb;
  position: absolute;
  top: min(calc(52/750 * 100vw), 52px);
  right: 0;
}

#faq .accordion li.open .aco-open span {
  color: #b63b4d;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: min(calc(40/750 * 100vw), 40px);
}

#faq .accordion li.open .aco-open span:nth-of-type(1) {
  display: none;
}

#faq .accordion li.default .answer {
  display: block;
}

#faq .answer {
  display: none;
  padding: min(calc(26/750 * 100vw), 26px) 0 min(calc(28/750 * 100vw), 28px);
  margin: 0 min(calc(40/750 * 100vw), 40px);
  border-top: min(calc(4/750 * 100vw), 4px) dotted #b7ac9b;
  line-height: 1.8;
}

/*!------------------------*\
    footer
\*!------------------------*/

.footer {
  font-family: 'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ  W3','Hiragino Kaku Gothic Pro','Yu Gothic','游ゴシック',YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
  background: #fff;
  color: #333;
  font-size: min(calc(20/750 * 100vw), 20px);
  text-align: center;
  padding: min(calc(80/750 * 100vw), 80px) 0 min(calc(168/750 * 100vw), 144px);
}

.footer .footer_logo {
  width: min(calc(470/750 * 100vw), 470px);
  margin: 0 auto min(calc(20/750 * 100vw), 20px);
}

.footer .footer_link {
  font-size:  min(calc(26/750 * 100vw), 26px) ;
  margin: min(calc(20/750 * 100vw), 20px) 0;
}
.footer .footer_link::before {
  content: "";
  display: inline-block;
  margin-right: min(calc(20/750 * 100vw), 20px);
  width: min(calc(10/750 * 100vw), 10px);
  height: min(calc(20/750 * 100vw), 20px);
  background: url(../../../img/04/footer_icon.svg) no-repeat center center / contain;
}

.footer_copyright{
  background-color: #f29200;
  margin: 16px auto 0;
  padding: min(calc(50/750 * 100vw), 50px) 0;
  font-size: min(calc(16/750 * 100vw), 16px);
  color: #fff;
}


/*!------------------------*\
    page-top
\*!------------------------*/
.entryFixed {
  display: none;
  z-index: 1000;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 0;
  left: 0;
  padding: min(calc(16/750 * 100vw), 16px) 0 0;
}

.entryFixed .org-btn a{
  display: block;
  width:  min(calc(657/750 * 100vw), 657px);
  margin:auto;
}


.entryFixed .org-btn a:hover {
  opacity: .8;
}

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

  .entryFixed .org-btn a a:hover {
    opacity: 1;
  }
}

/*!------------------------*\
    end
\*!------------------------*/
/*# sourceMappingURL=style.css.map */