@charset "UTF-8";
/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							MENU
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 

	----------------------------------------
			Color
	----------------------------------------
		color: #000;
		background: #f2f2f2;
	----------------------------------------
			Font
	----------------------------------------
		font-family: 'Sawarabi Gothic', sans-serif;
		font-size: 62.5%  ==> 1rem = 10px ;
	----------------------------------------
			Structure
	----------------------------------------

	----------------------------------------
			Change Log
	----------------------------------------
		2021/06/27

/* ==========================================================================*/
html, body {
  margin: 0;
  font-size: 1.04167vw;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  line-height: 1.5625vw;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

p {
  margin: 0;
  font-size: 0.83333vw;
}

a {
  color: inherit;
  text-decoration: none;
}

li {
  list-style-type: none;
}

h2 {
  font-size: 2.60417vw;
}

h3 {
  font-size: 1.5625vw;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

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

@media screen and (min-width: 980px) {
  .sp {
    display: none !important;
  }
  button {
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  button:hover {
    -webkit-transform: scale(1.15, 1.15);
            transform: scale(1.15, 1.15);
  }
}

@media screen and (max-width: 979px) {
  body {
    width: 100vw;
  }
  .pc {
    display: none !important;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							Header
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							Top
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
.top {
  background: url("../img/top-bg_x2.png") no-repeat;
  background-size: cover;
  height: 42.55208vw;
  position: relative;
}

.top .menu {
  height: 6.77083vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.top .menu .logo {
  background: url("../img/logo_x2.png") no-repeat;
  background-size: cover;
  height: 2.08333vw;
  width: 7.15vw;
  position: absolute;
  top: 2.07812vw;
  left: 2.60417vw;
}

.top .menu .contact-btn {
  background: #0544D0;
  -webkit-box-shadow: 0 0.15625vw 0.52083vw #00000029;
          box-shadow: 0 0.15625vw 0.52083vw #00000029;
  border-radius: 1.5625vw 0;
  padding: 1.09375vw 3.22917vw 1.14583vw 2.86458vw;
  width: 11.97917vw;
  height: 3.64583vw;
  color: #FFF;
  font-size: 1.04167vw;
  font-weight: bold;
  position: absolute;
  top: 1.5625vw;
  right: 1.5625vw;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.top .menu .contact-btn p {
  word-break: keep-all;
}

.top .menu .contact-btn:hover {
  background: #FFF;
  color: #000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.top .wrapper {
  width: 52.08333vw;
  margin: 0 auto;
}

.top .wrapper h2 {
  margin-top: 6.25vw;
  line-height: 3.48958vw;
}

.top .wrapper h2 span {
  color: #FFF;
}

.top .wrapper p {
  margin-top: 0.98958vw;
  font-size: 1.04167vw;
}

.top .top-img {
  margin-top: 1.92708vw;
  background: url("../img/top-img_x2.png") no-repeat;
  background-size: cover;
  height: 24.89583vw;
}

@media screen and (max-width: 979px) {
  .top {
    height: 156vw;
  }
  .top .menu {
    height: 70px;
  }
  .top .menu .logo {
    height: 30px;
    width: 102.96px;
    position: initial;
    margin-left: 20px;
    margin-top: 30px;
  }
  .top .menu .contact-btn {
    width: 164.29px;
    height: 50px;
    position: initial;
    margin-top: 20px;
    margin-right: 20px;
    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;
  }
  .top .menu .contact-btn p {
    font-size: 16px;
  }
  .top .menu .contact-btn:hover {
    background: #0544D0 0% 0% no-repeat padding-box;
    color: #fff;
  }
  .top .wrapper {
    width: 82.66667vw;
  }
  .top .wrapper h2 {
    margin-top: 27.2vw;
    font-size: 10.66667vw;
    line-height: 15.46667vw;
  }
  .top .wrapper p {
    font-size: 5.33333vw;
    margin-top: 5.33333vw;
    line-height: 7.2vw;
  }
  .top .top-img {
    height: 52.59467vw;
    background-position: center;
    margin-top: 17.6vw;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							WhatWeDo
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
.WhatWeDo {
  height: 103.80208vw;
  position: relative;
}

.WhatWeDo .WhatWeDo-logo {
  margin-top: 3.16927vw;
  margin-left: 5.30729vw;
  background: url("../img/WhatWeDo_x2.png") no-repeat;
  background-size: cover;
  height: 9.36667vw;
  width: 33.49479vw;
}

.WhatWeDo h2 {
  margin-top: 0.53698vw;
}

.WhatWeDo .content-box {
  background: url("../img/what-bg_x2.png") no-repeat;
  background-size: cover;
  margin-top: 3.82292vw;
  margin-left: 16.14583vw;
  margin-right: 13.54167vw;
  height: 48.55208vw;
  position: relative;
}

.WhatWeDo .content-card {
  width: 15.625vw;
  margin: 0 2.60417vw;
}

.WhatWeDo .content-first {
  position: absolute;
  top: 17.58333vw;
}

.WhatWeDo .content-first h3 {
  margin-bottom: 2.39583vw;
}

.WhatWeDo .content-second {
  position: absolute;
  top: 14.35417vw;
  left: 23.85417vw;
}

.WhatWeDo .content-second h3 {
  margin-bottom: 2.96875vw;
}

.WhatWeDo .content-third {
  position: absolute;
  top: 13.15625vw;
  left: 47.29167vw;
}

.WhatWeDo .content-third h3 {
  margin-bottom: 2.96875vw;
}

.WhatWeDo .flex {
  margin-top: 10.54167vw;
  margin-left: 18.75vw;
  margin-right: 21.35417vw;
}

.WhatWeDo .flex .left-box {
  width: 30.20833vw;
  margin-top: 13.02083vw;
}

.WhatWeDo .flex .right-box {
  width: 29.6875vw;
  font-size: 0.83333vw;
}

.WhatWeDo .flex .right-box p {
  margin-bottom: 0.625vw;
  text-align: left;
  font: normal normal medium 16px/21px YuGothic;
  letter-spacing: 0px;
}

.WhatWeDo .what-img {
  background: url("../img/what-img_x2.png") no-repeat;
  background-size: cover;
  width: 38.75vw;
  height: 43.65417vw;
  position: absolute;
  z-index: -1;
  left: -2.70833vw;
  top: 69.59896vw;
}

@media screen and (max-width: 979px) {
  .WhatWeDo {
    height: 800vw;
    margin-top: 10.13333vw;
  }
  .WhatWeDo .WhatWeDo-logo {
    width: 85.74667vw;
    height: 23.97867vw;
    margin: initial;
  }
  .WhatWeDo h2 {
    margin-top: 17.048vw;
    font-size: 6.93333vw;
    line-height: 9.33333vw;
  }
  .WhatWeDo .content-box-sp {
    background: url("../img/what-bg-sp_x2.png") no-repeat;
    background-size: cover;
    height: 90.39467vw;
    margin: initial;
    margin-left: -11.2vw;
  }
  .WhatWeDo .content-box {
    background: none;
    position: relative;
    height: 400vw;
    margin: initial;
  }
  .WhatWeDo .content-box .content-card {
    width: initial;
    margin: initial;
    left: 4.8vw;
  }
  .WhatWeDo .content-box .content-card h3 {
    position: absolute;
    left: 10.13333vw;
    font-size: 6.4vw;
    line-height: 8.53333vw;
  }
  .WhatWeDo .content-box .content-card p {
    position: absolute;
    left: 10.13333vw;
    font-size: 4.26667vw;
    line-height: 5.6vw;
    margin-right: 9.86667vw;
  }
  .WhatWeDo .content-box .content-first {
    background: url("../img/what-bg-first-sp_x2.png") no-repeat;
    background-size: cover;
    height: 131.46667vw;
    width: 93.33333vw;
    top: -3.46667vw;
  }
  .WhatWeDo .content-box .content-first h3 {
    top: 39.01333vw;
  }
  .WhatWeDo .content-box .content-first p {
    top: 53.49333vw;
  }
  .WhatWeDo .content-box .content-second {
    background: url("../img/what-bg-second-sp_x2.png") no-repeat;
    background-size: cover;
    top: 136vw;
    height: 134.13333vw;
    width: 93.6vw;
  }
  .WhatWeDo .content-box .content-second h3 {
    top: 39.71733vw;
  }
  .WhatWeDo .content-box .content-second p {
    top: 66.384vw;
  }
  .WhatWeDo .content-box .content-third {
    background: url("../img/what-bg-third-sp_x2.png") no-repeat;
    background-size: cover;
    top: 276.78133vw;
    width: 93.33333vw;
    height: 118.66667vw;
  }
  .WhatWeDo .content-box .content-third h3 {
    top: 38.336vw;
  }
  .WhatWeDo .content-box .content-third p {
    top: 65.00267vw;
  }
  .WhatWeDo .flex {
    margin: initial;
    margin-top: 65.33333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .WhatWeDo .flex .left-box {
    width: 78.13333vw;
    margin-left: 2.93333vw;
    margin-top: initial;
  }
  .WhatWeDo .flex .left-box h3 {
    font-size: 4.8vw;
    line-height: 8vw;
  }
  .WhatWeDo .flex .right-box {
    line-height: 5.6vw;
    width: 89.33333vw;
    margin-top: 12.53333vw;
    margin-left: 5.33333vw;
  }
  .WhatWeDo .flex .right-box p {
    font-family: "YuGothic";
    font-size: 4.26667vw;
    margin-bottom: 5.33333vw;
  }
  .WhatWeDo .what-img {
    top: 533.33333vw;
    height: 118.27733vw;
    width: 105.552vw;
    margin-left: -5.33333vw;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							example
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
.example {
  background: url("../img/example-bg_x2.png") no-repeat;
  background-size: cover;
  height: 140.79792vw;
  position: relative;
}

.example h2 {
  padding-top: 13.71615vw;
}

.example .flex-column {
  margin-top: 4.84375vw;
  margin-bottom: 5.20833vw;
  position: relative;
}

.example .flex-column .flex {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 2.60417vw auto;
}

.example .flex-column .flex .q_1 {
  background: url("../img/question1_x2.png") no-repeat;
  background-size: cover;
  height: 28.80208vw;
  width: 29.16667vw;
}

.example .flex-column .flex .q_2 {
  background: url("../img/question2_x2.png") no-repeat;
  background-size: cover;
  height: 28.28125vw;
  width: 29.625vw;
}

.example .flex-column .flex .q_3 {
  background: url("../img/question3_x2.png") no-repeat;
  background-size: cover;
  height: 28.28125vw;
  width: 28.67188vw;
}

.example .flex-column .flex .question {
  position: relative;
  margin-right: 2.60417vw;
}

.example .flex-column .flex .question h3 {
  position: absolute;
  top: 3.95833vw;
  left: 11.45833vw;
  font-size: 1.04167vw;
}

.example .flex-column .flex .question p {
  position: absolute;
  top: 10.41667vw;
  left: 5.72917vw;
  margin-right: 2.60417vw;
}

.example .flex-column .flex .answer {
  background: url("../img/answer_x2.png") no-repeat;
  background-size: cover;
  height: 28.28125vw;
  width: 31.25vw;
  position: relative;
}

.example .flex-column .flex .answer h3 {
  font-size: 1.04167vw;
  position: absolute;
  left: 8.90625vw;
  top: 3.95833vw;
}

.example .flex-column .flex .answer p {
  position: absolute;
  top: 10.41667vw;
  left: 2.34375vw;
  margin-right: 7.27604vw;
}

.example .flex-column .contact-btn {
  border: none;
  position: absolute;
  padding: 1.09375vw 4.53125vw 1.14583vw 3.38542vw;
  background: #F1BC47;
  -webkit-box-shadow: 0vw 0.15625vw 0.52083vw #00000029;
          box-shadow: 0vw 0.15625vw 0.52083vw #00000029;
  border-radius: 1.5625vw 0vw;
  color: #FFF;
  font-size: 1.04167vw;
  top: 29.84375vw;
  right: 40.91146vw;
  cursor: pointer;
}

@media screen and (max-width: 979px) {
  .example {
    background: url("../img/example-bg-sp_x2.png") no-repeat;
    background-size: cover;
    height: 731.78933vw;
    width: 100vw;
    overflow: hidden;
  }
  .example h2 {
    padding-top: 47.73333vw;
    margin-bottom: 12.26667vw;
    font-size: 6.93333vw;
    line-height: 9.33333vw;
  }
  .example .flex-column {
    position: initial;
  }
  .example .flex-column .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: initial;
  }
  .example .flex-column .flex .question {
    margin: initial;
    margin-left: 2.66667vw;
    width: 86.66667vw;
  }
  .example .flex-column .flex .question h3 {
    font-size: 5.33333vw;
    line-height: 7.2vw;
    top: 12.26667vw;
    left: 20.8vw;
  }
  .example .flex-column .flex .question p {
    font-size: 4.26667vw;
    line-height: 5.6vw;
    top: 32.8vw;
    left: 16vw;
  }
  .example .flex-column .flex .answer {
    margin-top: 2.66667vw;
    margin-left: 10.66667vw;
    width: 92vw;
  }
  .example .flex-column .flex .answer h3 {
    font-size: 5.33333vw;
    line-height: 7.2vw;
    top: 12.26667vw;
    left: 18.13333vw;
  }
  .example .flex-column .flex .answer p {
    font-size: 4.26667vw;
    line-height: 5.6vw;
    top: 32vw;
    left: 5.06667vw;
    margin-right: 21.6vw;
  }
  .example .flex-column .flex .a_1 {
    background: url("../img/answer1-sp_x2.png") no-repeat;
    background-size: cover;
    height: 92.8vw;
  }
  .example .flex-column .flex .a_2, .example .flex-column .flex .a_3 {
    background: url("../img/answer2-sp_x2.png") no-repeat;
    background-size: cover;
    height: 85.6vw;
  }
  .example .flex-column .flex .q_1 {
    background: url("../img/question1-sp_x2.png") no-repeat;
    background-size: cover;
    height: 79.2vw;
  }
  .example .flex-column .flex .q_2 {
    background: url("../img/question2-sp_x2.png") no-repeat;
    background-size: cover;
    height: 93.6vw;
  }
  .example .flex-column .flex .q_3 {
    background: url("../img/question3-sp_x2.png") no-repeat;
    background-size: cover;
    height: 64.8vw;
  }
  .example .flex-column .contact-btn {
    position: initial;
    width: 74.66667vw;
    height: 18.66667vw;
    margin: 8vw auto 21.33333vw auto;
    font-size: 5.33333vw;
    font-weight: bold;
    line-height: 7.2vw;
    border-radius: 8vw 0vw;
    padding: 5.33333vw;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							process
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
.process {
  height: 135.6875vw;
  position: relative;
}

.process .LetsStart {
  position: absolute;
  background: url("../img/LetsStart_x2.png") no-repeat;
  background-size: cover;
  height: 8.47865vw;
  width: 28.31823vw;
  top: -5.14531vw;
  right: 7.34531vw;
}

.process h2 {
  padding-top: 9.48958vw;
}

.process .content-box {
  background: url("../img/process_x2.png") no-repeat;
  background-size: cover;
  height: 58.54167vw;
  width: 62.5vw;
  margin: 3.26406vw auto 0 auto;
  position: relative;
  z-index: -1;
}

.process .content-box .content-card {
  padding-bottom: 1.04167vw;
}

.process .content-box .content-card .content-right {
  width: 41.66667vw;
  background: rgba(255, 255, 255, 0.95) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0vw 0.15625vw 1.5625vw #00000029;
          box-shadow: 0vw 0.15625vw 1.5625vw #00000029;
  border-radius: 1.5625vw 0vw;
  opacity: 1;
  padding: 2.60417vw;
}

.process .content-box .content-card .content-right h3 {
  font-size: 1.04167vw;
  margin-bottom: 1.19792vw;
}

.process .content-box .content-card .content-left {
  margin-right: 1.5625vw;
  margin-left: 7.73802vw;
}

.process .content-box .content-card .content-left .circle {
  width: 2.60417vw;
  height: 2.60417vw;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.26042vw solid #F1BC47;
  border-radius: 5.20833vw;
}

.process .content-box .content-card01 .border {
  position: absolute;
  top: 2.60417vw;
  left: 8.95833vw;
  border-left: 0.26042vw solid #F1BC47;
  opacity: 1;
  width: 0.05208vw;
  height: 97.86458vw;
  z-index: -1;
}

.process .content-box .content-card01 .content-right {
  height: 12.86458vw;
}

.process .content-box .content-card02 .content-right, .process .content-box .content-card06 .content-right, .process .content-box .content-card08 .content-right {
  height: 8.64583vw;
}

.process .content-box .content-card03 .content-right, .process .content-box .content-card04 .content-right, .process .content-box .content-card05 .content-right, .process .content-box .content-card07 .content-right, .process .content-box .content-card09 .content-right {
  height: 10.05208vw;
}

.process .lang-box {
  position: absolute;
  bottom: 5.20833vw;
  height: 10.98958vw;
  width: 98.95833vw;
}

.process .lang-box .lang-logo {
  height: 10.98958vw;
  width: 98.95833vw;
  background: url("../img/lang-logo_x2.png") no-repeat;
  background-size: contain;
}

@media screen and (max-width: 979px) {
  .process {
    height: 682.13333vw;
    width: 100vw;
  }
  .process .LetsStart {
    width: 72.496vw;
    height: 21.704vw;
    left: 26.93333vw;
    top: -8.53333vw;
  }
  .process h2 {
    padding-top: 30.93333vw;
    font-size: 6.93333vw;
    line-height: 9.33333vw;
  }
  .process .content-box {
    margin: initial;
    width: 100vw;
    height: 99.912vw;
  }
  .process .content-box .content-card {
    margin-top: 5.33333vw;
  }
  .process .content-box .content-card .content-left {
    margin-right: 2.66667vw;
    margin-left: 2.66667vw;
  }
  .process .content-box .content-card .content-left .circle {
    margin-top: 5.33333vw;
    width: 8vw;
    height: 8vw;
    border: 1.33333vw solid #F1BC47;
  }
  .process .content-box .content-card .content-left .border {
    height: 584vw;
    top: 13.33333vw;
    left: 6vw;
    border-left: 1.33333vw solid #F1BC47;
  }
  .process .content-box .content-card .content-right {
    width: 81.33333vw;
    position: relative;
  }
  .process .content-box .content-card .content-right h3 {
    font-size: 5.33333vw;
    line-height: 5.33333vw;
    position: absolute;
    top: 8vw;
    left: 5.33333vw;
  }
  .process .content-box .content-card .content-right p {
    font-size: 4.26667vw;
    line-height: 5.6vw;
    position: absolute;
    top: 21.33333vw;
    left: 5.33333vw;
    margin-right: 5.33333vw;
  }
  .process .content-box .content-card01 .content-right {
    height: 98.4vw;
  }
  .process .content-box .content-card02 .content-right {
    height: 40.8vw;
  }
  .process .content-box .content-card03 .content-right, .process .content-box .content-card07 .content-right {
    height: 55.2vw;
  }
  .process .content-box .content-card04 .content-right {
    height: 69.6vw;
  }
  .process .content-box .content-card05 .content-right, .process .content-box .content-card09 .content-right {
    height: 62.4vw;
  }
  .process .content-box .content-card06 .content-right {
    height: 40.8vw;
  }
  .process .content-box .content-card08 .content-right {
    height: 48vw;
  }
  .process .lang-box .lang-logo {
    height: 13.33333vw;
    background-size: cover;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							contact
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
.contact {
  background: url("../img/contact-bg_x2.png") no-repeat;
  background-size: cover;
  height: 63.95833vw;
}

.contact h2 {
  padding-top: 7.29167vw;
  line-height: 3.33333vw;
  color: #FFF;
}

.contact p {
  margin-top: 1.25vw;
  font-size: 1.04167vw;
  font-weight: bold;
}

.contact form {
  width: 41.66667vw;
  margin: 5.20833vw auto 0 auto;
}

.contact form p {
  font-size: 0.83333vw;
}

.contact form input {
  width: 41.66667vw;
  height: 3.125vw;
  padding: 1.04167vw 1.35417vw;
  font-size: 1.04167vw;
}

.contact form textarea {
  width: 41.66667vw;
  height: 10.41667vw;
  padding: 1.04167vw 1.35417vw;
  font-size: 0.83333vw;
}

.contact form .submit {
  width: 15.625vw;
  height: 3.64583vw;
  margin: 2.60417vw 11.45833vw;
  color: #FFF;
  font-weight: bold;
  font-size: 1.04167vw;
  background: #0544D0 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0vw 0.15625vw 0.52083vw #00000029;
          box-shadow: 0vw 0.15625vw 0.52083vw #00000029;
  border-radius: 1.5625vw 0vw;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.contact form .submit:hover {
  background: #FFF;
  color: #000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media screen and (max-width: 979px) {
  .contact {
    background: url("../img/contact-bg-sp_x2.png") no-repeat;
    background-size: cover;
    height: 320vw;
    padding-left: 5.33333vw;
  }
  .contact h2 {
    padding-top: 30.93333vw;
    padding-bottom: 8vw;
    font-size: 6.93333vw;
    line-height: 9.33333vw;
    width: 89.33333vw;
  }
  .contact p {
    font-size: 4.8vw;
    line-height: 6.4vw;
    width: 89.33333vw;
  }
  .contact form {
    margin: initial;
    margin-top: 19.2vw;
    width: 80vw;
  }
  .contact form p {
    font-size: 4.26667vw;
    line-height: 5.6vw;
    margin-top: 8vw;
  }
  .contact form input {
    width: 89.33333vw;
    height: 16vw;
    font-size: 4.26667vw;
    line-height: 5.6vw;
  }
  .contact form textarea {
    width: 89.33333vw;
    height: 53.33333vw;
  }
  .contact form .submit {
    width: 74.66667vw;
    height: 18.66667vw;
    margin-top: 13.06667vw;
    margin-left: 5.33333vw;
    -webkit-box-shadow: 0vw 0.8vw 2.66667vw #00000029;
            box-shadow: 0vw 0.8vw 2.66667vw #00000029;
    border-radius: 8vw 0vw;
    font-size: 5.33333vw;
    line-height: 7.2vw;
  }
  .contact form .submit:hover {
    background: #0544D0 0% 0% no-repeat padding-box;
    color: #fff;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							footer
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
footer {
  background: url("../img/footer-bg_x2.png") no-repeat;
  background-size: cover;
  height: 17.44792vw;
  margin-top: -4.53125vw;
  color: #FFF;
}

footer .wrapper {
  height: 17.44792vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

footer .wrapper .tel {
  font-size: 1.14583vw;
}

footer .flex-between {
  padding-top: 6.14583vw;
  width: 41.97917vw;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .flex-between .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .flex-between .flex .footer-logo {
  background: url("../img/logo_x2.png") no-repeat;
  background-size: cover;
  height: 2.08333vw;
  width: 7.13542vw;
  margin-right: 1.04167vw;
}

@media screen and (max-width: 979px) {
  footer {
    height: 80vw;
    width: 100vw;
    background-size: contain;
    padding-top: 13.33333vw;
  }
  footer .wrapper {
    background: #111111;
    height: 100vw;
  }
  footer .wrapper .tel {
    font-size: 5.86667vw;
  }
  footer .flex-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 77.6vw;
    margin: 0 auto;
  }
  footer .flex-between .flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12.53333vw;
  }
  footer .flex-between .flex .footer-logo {
    background: url("../img/footer-logo_x2.png") no-repeat;
    background-size: cover;
    width: 36.53333vw;
    height: 10.66667vw;
  }
  footer .flex-between .flex p {
    font-size: 4vw;
    line-height: 5.6vw;
  }
  footer .flex-between p {
    font-size: 4.26667vw;
    line-height: 5.6vw;
    margin-left: 1.33333vw;
  }
  footer .center {
    color: #555555;
    font-size: 3.2vw;
    line-height: 4.26667vw;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							send.php
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
.inner-block {
  margin-top: 5.20833vw;
}

.inner-block h2 {
  padding-top: 3.64583vw;
  padding-bottom: 2.60417vw;
}

.inner-block p {
  font-size: 1.04167vw;
  line-height: 1.82292vw;
}

.inner-block .contact-finish-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 23.95833vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.inner-block .contact-finish-box .back-btn {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0.52083vw;
  width: 15.625vw;
  background-color: #C71B1B;
  color: #FFF;
}

@media screen and (max-width: 979px) {
  .inner-block h2 {
    font-size: 8.53333vw;
    line-height: 8vw;
    padding: 13.33333vw 0;
  }
  .inner-block p {
    font-size: 4.8vw;
    line-height: 9.33333vw;
  }
  .inner-block .contact-finish-box {
    height: 120vw;
  }
  .inner-block .contact-finish-box .back-btn {
    width: 53.33333vw;
  }
}

/*☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ 
==========================================================================
							js-form
==========================================================================
☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★ */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .6s;
  transition: .6s;
}

.popup.is-show {
  opacity: 1;
  visibility: visible;
}

.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  padding: 50px;
  background-color: #F1BC47;
  z-index: 3;
}

.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

.close-btn i {
  font-size: 20px;
  color: #333;
}

.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  cursor: pointer;
}

#modal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(51, 51, 51, 0.8);
  color: white;
  z-index: 100;
  display: none;
}

#modal p {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
}

#form_successMsg {
  display: none;
}

#form_successMsg p {
  font-size: 16px;
}

form#js-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

form#js-form input {
  font-size: 16px;
  padding: 10px;
}

form#js-form p {
  line-height: 2;
  font-size: 16px;
  font-weight: bold;
}

form#js-form button.js-submit {
  font-size: 16px;
  width: 50%;
  margin: 2em auto 0em auto;
  padding: 10px;
  background-color: #0544D0;
  color: #FFF;
  -webkit-box-shadow: 0vw 0.15625vw 0.52083vw #00000029;
          box-shadow: 0vw 0.15625vw 0.52083vw #00000029;
  border-radius: 1.5625vw 0vw;
  border: none;
}
/*# sourceMappingURL=style.css.map */