@charset "UTF-8";
/*===============================
	Modules
================================*/
/*===============================
	Fonts
================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
.noto-sans {
  font-family: "Noto Sans JP", sans-serif;
}

.noto-serif {
  font-family: "Noto Serif JP", serif;
}

.f-s {
  font-size: 1.4rem;
}

.f-m {
  font-size: 1.6rem;
}

.f-l {
  font-size: 1.8rem;
}

/*===============================
	Variable
================================*/
/*===============================
	Mixin
================================*/
/*===============================
	Base
================================*/
* {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html,
body {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
  margin: 0;
  color: #151201;
  line-height: 1.7;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "Roboto", Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  background-size: 8px 8px;
}

@media screen and (max-width: 834px) {
  body {
    font-size: 3.11751vw;
  }
}

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #151201;
  text-decoration: none;
  -webkit-transition: all 0.8s cubic-bezier(0.1, 0.7, 0.38, 1);
  transition: all 0.8s cubic-bezier(0.1, 0.7, 0.38, 1);
}

a[href^="tel:"] {
  pointer-events: none;
}

@media screen and (max-width: 834px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

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

h1,
h2,
h3,
h4,
h5,
figure {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

input,
textarea,
select,
button {
  outline: 0;
  border: 0px;
}

button {
  background-color: transparent;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  padding: 15px 20px;
  line-height: 30px;
  width: 100%;
  min-width: 100%;
  background: #fdfdfd;
  border: #ddd solid 1px;
}

input[type="text"]:-moz-placeholder-shown,
input[type="email"]:-moz-placeholder-shown,
input[type="tel"]:-moz-placeholder-shown,
input[type="password"]:-moz-placeholder-shown,
textarea:-moz-placeholder-shown,
select:-moz-placeholder-shown {
  color: #999;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, helvetica, sans-serif;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #999;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, helvetica, sans-serif;
}

input[type="text"]:placeholder-shown,
input[type="email"]:placeholder-shown,
input[type="tel"]:placeholder-shown,
input[type="password"]:placeholder-shown,
textarea:placeholder-shown,
select:placeholder-shown {
  color: #999;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, helvetica, sans-serif;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #999;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, helvetica, sans-serif;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: #999;
  opacity: 1;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, helvetica, sans-serif;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, helvetica, sans-serif;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #999;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, helvetica, sans-serif;
}

p,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

br.sp {
  display: none;
}

@media screen and (max-width: 834px) {
  br.sp {
    display: block;
  }
}

br.pc {
  display: block;
}

@media screen and (max-width: 834px) {
  br.pc {
    display: none;
  }
}

.full_wrap {
  width: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100vw;
}

._pc {
  display: block;
}

@media screen and (max-width: 834px) {
  ._pc {
    display: none;
  }
}

._sp {
  display: none;
}

@media screen and (max-width: 834px) {
  ._sp {
    display: block;
  }
}

.mgT30 {
  margin-top: 30px;
}

@media screen and (max-width: 834px) {
  .mgT30 {
    margin-top: 3.59712vw;
  }
}

.mgB0 {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 834px) {
  .mgB0 {
    margin-bottom: 0 !important;
  }
}

/*===============================
	Modules
================================*/
.sp {
  display: none;
}

@media screen and (max-width: 834px) {
  .sp {
    display: block;
  }
}

.pc {
  display: block;
}

@media screen and (max-width: 834px) {
  .pc {
    display: none;
  }
}

.ttl_01 {
  font-size: 87px;
  font-weight: 900;
  text-align: center;
  line-height: 1.4em;
}

@media screen and (max-width: 1600px) {
  .ttl_01 {
    font-size: 5.4375vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_01 {
    font-size: 5.63549vw;
  }
}

.ttl_01 span {
  font-size: 130px;
  color: #22810f;
}

@media screen and (max-width: 1600px) {
  .ttl_01 span {
    font-size: 8.125vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_01 span {
    font-size: 7.19424vw;
  }
}

.ttl_02 {
  font-size: 87px;
  font-weight: 900;
  text-align: center;
  line-height: 1.4em;
}

@media screen and (max-width: 1600px) {
  .ttl_02 {
    font-size: 5.4375vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_02 {
    font-size: 8.03357vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_02 {
    margin-bottom: 3.59712vw;
  }
}

.ttl_02 span {
  font-size: 130px;
  color: red;
}

@media screen and (max-width: 1600px) {
  .ttl_02 span {
    font-size: 8.125vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_02 span {
    font-size: 9.59233vw;
  }
}

.ttl_03 {
  font-size: 60px;
  font-weight: 900;
  text-align: center;
  line-height: 1.5em;
}

@media screen and (max-width: 1600px) {
  .ttl_03 {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_03 {
    font-size: 4.55635vw;
  }
}

.ttl_03 span {
  font-size: 70px;
  color: #22810f;
}

@media screen and (max-width: 1600px) {
  .ttl_03 span {
    font-size: 4.375vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_03 span {
    font-size: 4.79616vw;
  }
}

.ttl_03 img {
  display: block;
  max-width: 695px;
  margin: 0 auto;
}

@media screen and (max-width: 834px) {
  .ttl_03 img {
    max-width: 47.96163vw;
  }
}

.ttl_04 {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5em;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, transparent),
    color-stop(50%, #fef760)
  );
  background: linear-gradient(transparent 60%, #fef760 50%);
}

@media screen and (max-width: 834px) {
  .ttl_04 {
    font-size: 4.79616vw;
  }
}

.ttl_04.fs35 {
  font-size: 35px;
}

@media screen and (max-width: 834px) {
  .ttl_04.fs35 {
    font-size: 4.79616vw;
  }
}

.ttl_05 {
  font-size: 50px;
  font-weight: 900;
  text-align: center;
  line-height: 2em;
}

@media screen and (max-width: 1600px) {
  .ttl_05 {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_05 {
    font-size: 4.79616vw;
  }
}

.ttl_05 span {
  display: block;
  font-size: 80px;
  color: #22810f;
}

@media screen and (max-width: 1600px) {
  .ttl_05 span {
    font-size: 5vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_05 span {
    font-size: 8.39329vw;
  }
}

.ttl_06 {
  font-size: 80px;
  font-weight: 900;
  text-align: center;
  line-height: 1.5em;
}

@media screen and (max-width: 1600px) {
  .ttl_06 {
    font-size: 5vw;
  }
}

@media screen and (max-width: 834px) {
  .ttl_06 {
    font-size: 8.39329vw;
  }
}

.price-span {
  color: #fff;
}

.bggreen {
  background: #019645;
  font-size: 60px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 30px;
}

.con_05 > .bggreen {
  padding: 100px 50px;
}

@media screen and (max-width: 1600px) {
  .bggreen {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  .bggreen {
    font-size: 5.39568vw;
  }
}

@media screen and (max-width: 834px) {
  .bggreen {
    padding: 2.39808vw;
  }
}

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

@media screen and (max-width: 834px) {
  .txt_img {
    display: block;
  }
}

.txt_img._left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.txt_img .flxL {
  width: 20%;
}

@media screen and (max-width: 834px) {
  .txt_img .flxL {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 3.59712vw;
  }
}

.txt_img .flxL img.radius {
  border-radius: 100%;
}

.txt_img .flxR {
  width: 76%;
}

@media screen and (max-width: 834px) {
  .txt_img .flxR {
    width: 100%;
  }
}

.txt_img .flxR p {
  line-height: 2em;
}

.txt_img .flxR p span {
  color: #ff7800;
}

.txt_img .flxR p.big {
  font-size: 60px;
}

@media screen and (max-width: 1600px) {
  .txt_img .flxR p.big {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  .txt_img .flxR p.big {
    font-size: 8.39329vw;
  }
}

.txt_img .flxR p.red {
  color: red;
}

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

@media screen and (max-width: 834px) {
  .txt_img2 {
    display: block;
  }
}

.txt_img2._left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.txt_img2 .flxL {
  width: 23%;
}

@media screen and (max-width: 834px) {
  .txt_img2 .flxL {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 3.59712vw;
  }
}

.txt_img2 .flxL img.radius {
  border-radius: 100%;
}

.txt_img2 .flxR {
  width: 73%;
}

@media screen and (max-width: 834px) {
  .txt_img2 .flxR {
    width: 100%;
  }
}

.txt_img2 .flxR p {
  line-height: 2em;
}

.txt_img2 .flxR p span {
  color: #ff7800;
}

.txt_img2 .flxR p.big {
  font-size: 60px;
}

@media screen and (max-width: 1600px) {
  .txt_img2 .flxR p.big {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  .txt_img2 .flxR p.big {
    font-size: 8.39329vw;
  }
}

.txt_img2 .flxR p.red {
  color: red;
}

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

@media screen and (max-width: 834px) {
  .txt_img3 {
    display: block;
  }
}

.txt_img3._left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.txt_img3 .flxL {
  width: 40%;
}

@media screen and (max-width: 834px) {
  .txt_img3 .flxL {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3.59712vw;
  }
}

.txt_img3 .flxL img.radius {
  border-radius: 100%;
}

.txt_img3 .flxR {
  width: 56%;
}

@media screen and (max-width: 834px) {
  .txt_img3 .flxR {
    width: 100%;
  }
}

.txt_img3 .flxR p {
  line-height: 2em;
}

.txt_img3 .flxR p span {
  color: #ff7800;
}

.txt_img3 .flxR p.big {
  font-size: 60px;
}

@media screen and (max-width: 1600px) {
  .txt_img3 .flxR p.big {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  .txt_img3 .flxR p.big {
    font-size: 8.39329vw;
  }
}

.txt_img3 .flxR p.red {
  color: red;
}

p {
  font-size: 40px;
  font-weight: 700;
}

@media screen and (max-width: 834px) {
  p {
    font-size: 5.39568vw;
  }
}

p.red {
  color: red;
}

p.fs25 {
  font-size: 25px;
}

@media screen and (max-width: 834px) {
  p.fs25 {
    font-size: 3.59712vw;
  }
}

p.fs30 {
  font-size: 30px;
}

@media screen and (max-width: 834px) {
  p.fs30 {
    font-size: 4.19664vw;
  }
}

p.fs35 {
  font-size: 35px;
}

@media screen and (max-width: 834px) {
  p.fs35 {
    font-size: 4.79616vw;
  }
}

p.fs50 {
  font-size: 50px;
}

@media screen and (max-width: 1600px) {
  p.fs50 {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  p.fs50 {
    font-size: 5.39568vw;
  }
}

p.fs60 {
  font-size: 60px;
}

@media screen and (max-width: 1600px) {
  p.fs60 {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  p.fs60 {
    font-size: 5.15588vw;
  }
}

p span {
  color: #ff7800;
}

.border-box {
  border-radius: 15px;
  text-align: center;
  line-height: 1.7em;
  background: #fff;
  font-size: 50px;
  font-weight: 900;
  border: 5px solid #019645;
  padding: 85px;
}

@media screen and (max-width: 1600px) {
  .border-box {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  .border-box {
    font-size: 5.51559vw;
  }
}

@media screen and (max-width: 834px) {
  .border-box {
    border-radius: 1.79856vw;
    padding: 3.59712vw;
    border: 0.59952vw solid #019645;
  }
}

.border-box span {
  color: red;
  font-size: 80px;
}

@media screen and (max-width: 1600px) {
  .border-box span {
    font-size: 5vw;
  }
}

@media screen and (max-width: 834px) {
  .border-box span {
    font-size: 5.03597vw;
  }
}

.center {
  text-align: center;
}

.mgB100 {
  margin-bottom: 100px;
}

@media screen and (max-width: 834px) {
  .mgB100 {
    margin-bottom: 9.59233vw;
  }
}

.mgB80 {
  margin-bottom: 80px;
}

@media screen and (max-width: 834px) {
  .mgB80 {
    margin-bottom: 7.19424vw;
  }
}

.mgB50 {
  margin-bottom: 50px;
}

@media screen and (max-width: 834px) {
  .mgB50 {
    margin-bottom: 3.59712vw;
  }
}

.mgB30 {
  margin-bottom: 30px;
}

@media screen and (max-width: 834px) {
  .mgB30 {
    margin-bottom: 2.39808vw;
  }
}

.order_box {
  background: #fff;
  padding: 75px;
}

@media screen and (max-width: 834px) {
  .order_box {
    padding: 5.9952vw;
  }
}

.order_box h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 50px;
}

@media screen and (max-width: 834px) {
  .order_box h2 {
    font-size: 3.59712vw;
  }
}

@media screen and (max-width: 834px) {
  .order_box h2 {
    margin-bottom: 3.59712vw;
  }
}

.order_box h2 span {
  display: block;
  font-size: 80px;
}

@media screen and (max-width: 1600px) {
  .order_box h2 span {
    font-size: 5vw;
  }
}

@media screen and (max-width: 834px) {
  .order_box h2 span {
    font-size: 7.19424vw;
  }
}

.order_box img {
  display: block;
  width: 100%;
  margin-bottom: 50px;
}

@media screen and (max-width: 834px) {
  .order_box img {
    margin-bottom: 3.59712vw;
  }
}

.order_box2 {
  background: #fff;
  border-top: double 10px #22810f;
  border-bottom: double 10px #22810f;
  padding: 80px 50px;
}

@media screen and (max-width: 834px) {
  .order_box2 {
    padding: 5.9952vw 0;
  }
}

.order_box2 h2 {
  font-size: 35px;
  font-weight: 900;
}

@media screen and (max-width: 834px) {
  .order_box2 h2 {
    font-size: 3.59712vw;
  }
}

.order_box2 h2 span {
  color: red;
}

.btn {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  line-height: 1;
  text-align: center;
  font-size: 45px;
  font-weight: 900;
  color: #fff;
  border-radius: 15px;
  background: #ff7e00;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff7e00),
    color-stop(50%, #ff6100),
    to(#ff4501)
  );
  background: linear-gradient(90deg, #ff7e00 0%, #ff6100 50%, #ff4501 100%);
  -webkit-box-shadow: 10px 10px 0px 0px #62240c;
  box-shadow: 10px 10px 0px 0px #62240c;
  padding: 35px 130px;
  margin: 0 auto;
  display: block;
  z-index: 0;
}

@media screen and (max-width: 834px) {
  .btn {
    font-size: 3.59712vw;
  }
}

@media screen and (max-width: 834px) {
  .btn {
    border-radius: 1.79856vw;
    -webkit-box-shadow: 1.19904vw 1.19904vw 0px 0px #62240c;
    box-shadow: 1.19904vw 1.19904vw 0px 0px #62240c;
    padding: 2.9976vw 11.99041vw;
  }
}

.btn:after {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ff7800;
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.btn:hover:after {
  opacity: 1;
  width: 100%;
}

.btn:hover svg {
  width: 53px;
  height: 53px;
}

@media screen and (max-width: 834px) {
  .btn:hover svg {
    width: 6.35492vw;
    height: 6.35492vw;
  }
}

.btn svg {
  position: absolute;
  width: 33px;
  height: 33px;
  right: 45px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

@media screen and (max-width: 834px) {
  .btn svg {
    width: 3.95683vw;
    height: 3.95683vw;
    right: 2.39808vw;
  }
}

.link {
  display: block;
  text-align: right;
}

@media screen and (max-width: 834px) {
  .link {
    text-align: left;
  }
}

.link a {
  font-size: 30px;
  text-decoration: underline;
  font-weight: 700;
  color: #ff7800;
  position: relative;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

@media screen and (max-width: 834px) {
  .link a {
    font-size: 3.59712vw;
  }
}

.link a:hover {
  opacity: 0.8;
}

.link02 {
  display: block;
}

@media screen and (max-width: 834px) {
  .link02 {
    text-align: left;
  }
}

.link02 a {
  font-size: 18px;
  text-decoration: underline;
  font-weight: 700;
  color: #6cbcf4;
  position: relative;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

@media screen and (max-width: 834px) {
  .link02 a {
    font-size: 3.59712vw;
  }
}

.link02 a:hover {
  opacity: 0.8;
}

/*===============================
	layout
================================*/
small {
  font-weight: 700;
  display: block;
  background: #9bc061;
  font-size: 13px;
  text-align: center;
  padding: 30px 0;
}

@media screen and (max-width: 834px) {
  small {
    font-size: 2.15827vw;
  }
}

@media screen and (max-width: 834px) {
  small {
    padding: 3.59712vw 0;
  }
}

/*===============================
	page
================================*/
/*===============================
	Variable
================================*/
/*===============================
	Mixin
================================*/
body .container-inner {
  max-width: 1600px;
  width: 92%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 834px) {
  body .container-inner {
    width: 89.92806vw;
  }
}

body .container-inner2 {
  max-width: 1350px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.con_01 {
  margin-top: 150px;
}

@media screen and (max-width: 834px) {
  .con_01 {
    margin-top: 11.99041vw;
  }
}

.con_01 .ttl_01 {
  margin: 0 0 80px;
}

@media screen and (max-width: 834px) {
  .con_01 .ttl_01 {
    margin: 0 0 5.9952vw;
  }
}

.con_01 .wrap {
  margin-left: -3.0303%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 150px;
}

@media screen and (max-width: 834px) {
  .con_01 .wrap {
    margin-bottom: 11.99041vw;
    margin-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.con_01 .wrap .box {
  width: 30.303%;
  margin-left: 3.0303%;
}

@media screen and (max-width: 834px) {
  .con_01 .wrap .box {
    width: 47%;
    margin: 0 auto;
  }
  .con_01 .wrap .box:not(:last-child) {
    margin-bottom: 3.59712vw;
  }
}

.con_01 .wrap .box p {
  text-align: center;
  font-size: 60px;
  font-weight: 900;
}

@media screen and (max-width: 1600px) {
  .con_01 .wrap .box p {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  .con_01 .wrap .box p {
    font-size: 3.59712vw;
  }
}

.con_02 {
  position: relative;
  background: url(../images/con_02_bg.jpg) center top no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 350px 0 150px;
}

@media screen and (max-width: 834px) {
  .con_02 {
    padding: 29.97602vw 0 17.98561vw;
  }
}

.con_02::before {
  content: "";
  position: absolute;
  height: 200px;
  width: 100%;
  -webkit-clip-path: polygon(15% 0, 50% 100%, 85% 0);
  clip-path: polygon(15% 0, 50% 100%, 85% 0);
  background-color: #fff;
  left: 0;
  top: -1px;
}

@media screen and (max-width: 834px) {
  .con_02::before {
    height: 17.98561vw;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}

.con_02 h2 {
  font-size: 50px;
  color: #ff7800;
  text-shadow: 2.5px 4.33px 9.5px rgba(0, 0, 0, 0.15);
  font-weight: 700;
}

@media screen and (max-width: 1600px) {
  .con_02 h2 {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  .con_02 h2 {
    font-size: 4.19664vw;
  }
}

.con_02 p {
  font-size: 50px;
  color: #fff;
  text-shadow: 2.5px 4.33px 9.5px rgba(0, 0, 0, 0.15);
  font-weight: 700;
}

@media screen and (max-width: 1600px) {
  .con_02 p {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  .con_02 p {
    font-size: 4.19664vw;
  }
}

.con_02 p:not(:last-child) {
  margin-bottom: 80px;
}

@media screen and (max-width: 834px) {
  .con_02 p:not(:last-child) {
    margin-bottom: 5.9952vw;
  }
  .con_02 p:not(:last-child) br {
    display: none;
  }
}

.con_02 p span {
  position: relative;
}

@media screen and (max-width: 834px) {
  .con_02 p span {
    display: inline-block;
  }
}

.con_02 p span:before {
  content: "";
  height: 3px;
  width: 97%;
  background: #fff;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 834px) {
  .con_02 p span:before {
    width: 100%;
  }
}

.con_03 {
  margin-top: 150px;
}

@media screen and (max-width: 834px) {
  .con_03 {
    margin-top: 11.99041vw;
  }
}

.con_03 .ttl_03 {
  margin-bottom: 150px;
}

@media screen and (max-width: 834px) {
  .con_03 .ttl_03 {
    margin-bottom: 11.99041vw;
  }
}

.con_03 .wrap_01 {
  background: url(../../assets/images/pt_01.gif) left top;
  max-width: 1600px;
  width: 92%;
  margin: 0 auto;
  position: relative;
  padding: 100px 0;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 {
    width: 89.92806vw;
    padding: 9.59233vw 0;
  }
}

.con_03 .wrap_01 .container-inner2 h3 {
  margin-bottom: 150px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 h3 {
    margin-bottom: 9.59233vw;
  }
}

.con_03 .wrap_01 .container-inner2 h4 {
  font-size: 40px;
  font-weight: 700;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 h4 {
    font-size: 4.55635vw;
  }
}

.con_03 .wrap_01 .container-inner2 .annotation_01 {
  font-size: 30px;
  font-weight: 700;
  color: #4a4a4a;
  border-bottom: 1px solid #040b04;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .annotation_01 {
    font-size: 4.19664vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .annotation_01 {
    padding-bottom: 2.39808vw;
    margin-bottom: 2.39808vw;
  }
  .con_03 .wrap_01 .container-inner2 .annotation_01 br {
    display: none;
  }
}

.con_03 .wrap_01 .container-inner2 .annotation_02 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 50px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .annotation_02 {
    font-size: 2.9976vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .annotation_02 {
    margin-bottom: 3.59712vw;
  }
}

.con_03 .wrap_01 .container-inner2 .img_01 {
  display: block;
  max-width: 1090px;
  width: 100%;
  margin: 0 auto 100px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .img_01 {
    max-width: 100%;
    margin: 0 auto 9.59233vw;
  }
}

.con_03 .wrap_01 .container-inner2 .txt_01 {
  text-align: center;
  font-size: 95px;
  font-weight: 900;
}

@media screen and (max-width: 1600px) {
  .con_03 .wrap_01 .container-inner2 .txt_01 {
    font-size: 5.9375vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .txt_01 {
    font-size: 8.39329vw;
  }
}

.con_03 .wrap_01 .container-inner2 .txt_01 span {
  color: red;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, transparent),
    color-stop(50%, #fef760)
  );
  background: linear-gradient(transparent 60%, #fef760 50%);
}

.con_03 .wrap_01 .container-inner2 .txt_img2 .flxR p {
  font-size: 40px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .txt_img2 .flxR p {
    font-size: 5.39568vw;
  }
}

.con_03 .wrap_01 .container-inner2 .txt_img2 .flxR p.fs35 {
  font-size: 35px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_01 .container-inner2 .txt_img2 .flxR p.fs35 {
    font-size: 4.79616vw;
  }
}

.con_03 .wrap_02 {
  background: url(../../assets/images/point_02_bg.jpg) center top no-repeat
    #025485;
  background-size: contain;
  max-width: 1600px;
  width: 92%;
  margin: 0 auto;
  margin: 0 auto;
  position: relative;
  padding: 100px 0;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 {
    width: 89.92806vw;
    padding: 9.59233vw 0;
  }
}

.con_03 .wrap_02 .box_01 {
  background: #d2e6f1;
  padding: 100px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 .box_01 {
    padding: 5.9952vw;
  }
}

.con_03 .wrap_02 .box_01 .txt_img3 p {
  line-height: 1.5em;
}

.con_03 .wrap_02 .box_01 .txt_01 {
  font-size: 25px;
  font-weight: 500;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 .box_01 .txt_01 {
    font-size: 3.59712vw;
  }
}

.con_03 .wrap_02 .box_01 p {
  font-size: 40px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 .box_01 p {
    font-size: 4.79616vw;
  }
}

.con_03 .wrap_02 .box_01 p.fs50 {
  font-size: 50px;
}

@media screen and (max-width: 1600px) {
  .con_03 .wrap_02 .box_01 p.fs50 {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 .box_01 p.fs50 {
    font-size: 5.9952vw;
  }
}

.con_03 .wrap_02 .box_01 p.fs35 {
  font-size: 35px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 .box_01 p.fs35 {
    font-size: 3.59712vw;
  }
}

.con_03 .wrap_02 .box_01 .fs50 {
  font-size: 50px;
}

@media screen and (max-width: 1600px) {
  .con_03 .wrap_02 .box_01 .fs50 {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 .box_01 .fs50 {
    font-size: 5.9952vw;
  }
}

.con_03 .wrap_02 .box_02 {
  background: #fff;
  padding: 100px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_02 .box_02 {
    padding: 5.9952vw;
  }
}

.con_03 .wrap_03 {
  background: url(../../assets/images/point_03_bg01.jpg) center bottom no-repeat
    #f8ffed;
  background-size: contain;
  max-width: 1600px;
  width: 92%;
  margin: 0 auto;
  margin: 0 auto;
  position: relative;
  padding: 100px 0;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_03 {
    width: 89.92806vw;
    padding: 9.59233vw 0;
  }
}

.con_03 .wrap_03 .box_01 {
  background: #fff;
  padding: 100px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_03 .box_01 {
    padding: 5.9952vw;
  }
}

.con_03 .wrap_03 .box_01 h4 {
  text-align: center;
  font-size: 60px;
  font-weight: 900;
}

@media screen and (max-width: 1600px) {
  .con_03 .wrap_03 .box_01 h4 {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_03 .box_01 h4 {
    font-size: 4.19664vw;
  }
}

.con_03 .wrap_03 .box_01 h4 span {
  line-height: 1.3em;
  font-size: 75px;
  color: red;
  background: #fef760;
  padding: 5px 10px;
  display: inline-block;
}

@media screen and (max-width: 1600px) {
  .con_03 .wrap_03 .box_01 h4 span {
    font-size: 4.6875vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_03 .box_01 h4 span {
    font-size: 4.55635vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_03 .box_01 h4 span {
    padding: 0.59952vw 1.19904vw;
  }
}

.con_03 .wrap_03 .box_01 h4 span:not(:last-child) {
  padding: 5px 20px;
  margin-bottom: 30px;
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_03 .box_01 h4 span:not(:last-child) {
    padding: 0.59952vw 2.39808vw;
    margin-bottom: 1.19904vw;
  }
}

.con_03 .wrap_03 .box_01 .txt_01 span {
  color: red;
}

.con_03 .wrap_03 .box_01 p.fs50 {
  font-size: 50px;
}

@media screen and (max-width: 1600px) {
  .con_03 .wrap_03 .box_01 p.fs50 {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 834px) {
  .con_03 .wrap_03 .box_01 p.fs50 {
    font-size: 4.19664vw;
  }
}

.con_04 .container-inner {
  background: url(../../assets/images/pt_02.gif) left top;
  padding: 100px 50px;
}

@media screen and (max-width: 834px) {
  .con_04 .container-inner {
    padding: 11.99041vw 5.9952vw;
  }
}

/* p.price1.noto-serif.price1-campaign {
  position: relative;
} */
.price1-campaign-span {
  position: relative;
  z-index: 1;
}

img.price-img {
  position: absolute;
  top: 66%;
  right: -13%;
  transform: translate(-50%, -50%);
  width: 17vw;
  z-index: 0;
}

@media screen and (max-width: 834px) {
  img.price-img {
    top: 75%;
    right: -26%;
  }
}