@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

td {
  text-align: left;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select, textarea, img {
  vertical-align: middle;
}

ul, dl, ol {
  list-style: none;
}

em {
  font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* ========================================
    ■ 必須設定
======================================== */
/* 関数
----------------------------- */
.kenten, .kenten_half {
  padding: 0.35em 0;
  background-repeat: repeat-x;
  background-size: 1em 0.5em;
  background-position: top left;
  background-image: -webkit-radial-gradient(0.4em 0.4em at center center, #2d2d2d 50%, transparent 50%);
  background-image: radial-gradient(0.4em 0.4em at center center, #2d2d2d 50%, transparent 50%);
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

.kenten_half {
  background-size: 0.65em 0.5em;
}

.is_sp {
  display: block;
}

@media screen and (min-width: 769px) {
  .is_sp {
    display: none;
  }
}

.is_pc {
  display: none;
}

@media screen and (min-width: 769px) {
  .is_pc {
    display: block;
  }
}

img.is_sp,
br.is_sp {
  display: inline-block;
}

@media screen and (min-width: 769px) {
  img.is_sp,
  br.is_sp {
    display: none;
  }
}

img.is_pc,
br.is_pc {
  display: none;
}

@media screen and (min-width: 769px) {
  img.is_pc,
  br.is_pc {
    display: inline-block;
  }
}

/* ========================================
    ■ General
======================================== */
/* 1px = 0.01remに変換（100px = 1rem）*/
html {
  font-size: 13.02083vw;
}

@media screen and (min-width: 769px) {
  html {
    font-size: 6.51042vw;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #2d2d2d;
  line-height: 1.6;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-size: 0.3rem;
}

@media screen and (min-width: 769px) {
  body {
    font-size: 0.23rem;
  }
}

a {
  color: #0033cc;
  text-decoration: underline;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}

a::before, a::after {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

a:hover {
  text-decoration: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

a:hover::before, a:hover::after {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

mark {
  background: none;
  color: inherit;
  font-weight: normal;
  font-style: normal;
}

picture {
  display: block;
}

/* utility class
----------------------------- */
@media screen and (min-width: 769px) {
  .inlineblock-forpc {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .inlineblock-forsp {
    display: inline-block;
  }
}

/* ========================================
    ■ calor
======================================== */
/* ========================================
    ■ header
======================================== */
.header {
  width: 100%;
  max-width: 6.89rem;
  margin: 0 auto;
  padding: 0.16rem 0;
}

@media screen and (min-width: 769px) {
  .header {
    max-width: 12.28rem;
  }
}

.header_logo {
  width: 100%;
  max-width: 3.5rem;
}

.contactheader {
  padding: 0.24rem 0 0.14rem;
}

.contactheader img {
  display: block;
  width: 100%;
  max-width: 2.50rem;
  margin: 0 auto;
}

/* ========================================
    ■ keyv
======================================== */
.keyv {
  height: auto;
  background-image: url(../images/keyv_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: .7rem 0 0;
}

@media screen and (min-width: 769px) {
  .keyv {
    height: 8.54rem;
    background-image: url(../images/keyv_bg_pc.jpg);
    padding: 0.8rem 0 0;
  }
}

.keyv_wrap {
  max-width: 6.96rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .keyv_wrap {
    max-width: 11.38rem;
    margin-right: auto;
    position: relative;
  }
}

.keyv_wrap .main {
  margin: 0 0 .45rem .36rem;
}

@media screen and (min-width: 769px) {
  .keyv_wrap .main {
    max-width: 8.72rem;
    margin: 0 auto;
  }
}

.keyv_wrap .main > picture > img {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .keyv picture {
    position: relative;
    width: 100%;
  }
}

/* ========================================
    ■ cta
======================================== */
.cta_lead {
  font-size: 0.24rem;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 769px) {
  .cta_lead {
    font-size: 0.2rem;
  }
}

.cta_lead::before, .cta_lead::after {
  content: "";
  background-size: 100%;
  width: .18rem;
  height: .26rem;
  background-repeat: no-repeat;
}

@media screen and (min-width: 769px) {
  .cta_lead::before, .cta_lead::after {
    width: 16px;
    height: 24px;
  }
}

.cta_lead::before {
  background-image: url(../images/cta_leftdec.png);
  margin-right: 3px;
}

@media screen and (min-width: 769px) {
  .cta_lead::before {
    margin-right: 14px;
  }
}

.cta_lead::after {
  background-image: url(../images/cta_rightdec.png);
  margin-left: 0;
}

@media screen and (min-width: 769px) {
  .cta_lead::after {
    margin-left: 10px;
  }
}

.cta_aleat {
  letter-spacing: 0.08em;
}

.cta_btn {
  font-size: 0.28rem;
  font-weight: 700;
  text-align: center;
  background-color: #e05836;
  color: white;
  max-width: 6.2rem;
  display: block;
  margin: .1rem auto 0;
  padding: .25rem 0 .25rem;
  border-radius: .475rem;
  letter-spacing: 0.16em;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px rgba(144, 144, 144, 0.84);
          box-shadow: 0 2px 2px rgba(144, 144, 144, 0.84);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.cta_btn:hover {
  -webkit-box-shadow: 0 6px 10px rgba(144, 144, 144, 0.84);
          box-shadow: 0 6px 10px rgba(144, 144, 144, 0.84);
  border-color: transparent;
}

@media screen and (min-width: 769px) {
  .cta_btn {
    max-width: 5.1rem;
    padding: .16rem 0 .2rem;
    font-size: 0.24rem;
    border-radius: .3292rem;
  }
}

.cta_btn .yellow {
  color: #effe39;
}

.cta_btn::after {
  content: "▽";
  margin-left: 0.24rem;
  font-size: 0.23rem;
}

@media screen and (min-width: 769px) {
  .cta_btn::after {
    font-size: 0.18rem;
  }
}

.cta_note {
  font-size: 0.22rem;
  font-weight: 500;
  text-align: center;
  margin-top: 0.16rem;
}

@media screen and (min-width: 769px) {
  .cta_note {
    font-size: 0.2rem;
  }
}

.cta_support {
  width: 100%;
  max-width: 6.2rem;
  margin: 1rem auto 0;
  display: block;
}

@media screen and (min-width: 769px) {
  .cta_support {
    position: absolute;
    max-width: 10.92rem;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.cta_head {
  text-align: center;
  font-size: 0.31rem;
  color: white;
  font-weight: 700;
  letter-spacing: 0.28em;
  position: relative;
}

@media screen and (min-width: 769px) {
  .cta_head {
    max-width: 9.88rem;
    margin: 0 auto;
  }
}

.cta_head::before, .cta_head::after {
  content: "";
  position: absolute;
  color: white;
  line-height: 1;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100px;
  width: 15px;
  top: 0;
}

@media screen and (min-width: 769px) {
  .cta_head::before, .cta_head::after {
    height: 1.48rem;
    width: 0.24rem;
  }
}

.cta_head::before {
  left: 0;
  background-image: url(../images/cta_head_leftdec.png);
}

.cta_head::after {
  right: 0;
  background-image: url(../images/cta_head_rightdec.png);
}

.cta_head .big {
  font-size: 0.56rem;
}

.cta_head .yellow {
  color: #effe39;
}

.cta_head .navy {
  color: #0e3359;
  background-color: #effe39;
  padding-left: 0.08rem;
  margin: 0 0.08rem 0 0.04rem;
}

.cta_flow {
  text-align: center;
  color: white;
  font-size: 0.23rem;
  margin: 0.64rem 0 0.32rem;
  letter-spacing: 0.24em;
  line-height: 1.7;
}

.cta_flow .yellow {
  color: #effe39;
}

.cta-bg {
  background-image: url(../images/cta_bg.jpg);
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .cta-bg {
    background-image: url(../images/cta_bg_pc.jpg);
  }
}

.cta-padding {
  padding: 0.72rem;
}

.width-forpc {
  padding: .25rem 0 .38rem;
  border-radius: .1rem;
  background: rgba(255, 255, 255, 0.8);
}

@media screen and (min-width: 769px) {
  .width-forpc {
    max-width: 7.16rem;
    margin: .45rem auto .3rem;
    padding: .23rem 0 .3rem;
  }
}

.mt-0 {
  margin-top: 0;
}

.bg-blue {
  background-color: #011933;
  padding: 0.24rem 0 0.16rem;
  position: -webkit-sticky;
  position: sticky;
  bottom: -1px;
  opacity: 0;
}

.text-white {
  color: white;
}

.shadow-none {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shadow-none:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ========================================
    ■ sec01
======================================== */
.sec01 {
  padding: 1.1rem 0 0.8rem;
}

@media screen and (min-width: 769px) {
  .sec01 {
    padding: 6rem 0 1.15rem;
  }
}

.sec01_head {
  font-size: 0.36rem;
  text-align: center;
  letter-spacing: 0.16em;
  font-weight: 700;
}

.sec01_head .blue {
  color: #0e58a1;
  font-size: 0.42rem;
}

.sec01_wrap {
  max-width: 6.89rem;
  margin: 0.7rem auto 0;
  background-color: white;
  -webkit-box-shadow: 0 0 12px rgba(144, 144, 144, 0.84);
          box-shadow: 0 0 12px rgba(144, 144, 144, 0.84);
  padding-bottom: 0.55rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap {
    max-width: 12.28rem;
    margin: 0.4rem auto 0;
  }
}

.sec01_wrap .head {
  text-align: center;
  letter-spacing: 0.12em;
  font-size: 0.35rem;
  font-weight: 700;
  background-color: #0e58a1;
  color: white;
  margin: 0 auto;
  padding: 0.16rem 0;
}

.sec01_wrap .head .yellow {
  color: #effe39;
}

.sec01_wrap .flexbox-pc {
  max-width: 6.2rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc {
    padding: 0 .2rem;
    text-align: center;
    max-width: 100%;
  }
}

.sec01_wrap .flexbox-pc .title {
  font-size: 0.28rem;
  text-align: center;
  letter-spacing: 0.16em;
  position: relative;
  border-bottom: dashed 2px #dfe0e1;
  margin-top: 0.4rem;
  font-weight: 500;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .title {
    display: inline-block;
    font-size: 0.24rem;
    padding: 0 .2rem .05rem;
  }
}

.sec01_wrap .flexbox-pc .title strong {
  font-size: 0.3rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .title strong {
    font-size: 0.24rem;
  }
}

.sec01_wrap .flexbox-pc .title .red {
  color: #e05836;
}

.sec01_wrap .flexbox-pc .unit {
  text-align: center;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit {
    width: 100%;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0.75rem 0.95rem;
      grid-template-rows: 0.75rem 0.95rem;
  -ms-grid-columns: 1.4rem 1fr 1fr 1fr;
      grid-template-columns: 1.4rem 1fr 1fr 1fr;
  text-align: center;
  margin-top: 0.24rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid {
    -ms-grid-rows: 0.64rem 0.8rem;
        grid-template-rows: 0.64rem 0.8rem;
    -ms-grid-columns: 2.15rem 1fr 1fr 1fr;
        grid-template-columns: 2.15rem 1fr 1fr 1fr;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .item {
  font-size: 0.25rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  border-bottom: solid 2px #dfe0e1;
  border-left: solid 2px #dfe0e1;
}

.sec01_wrap .flexbox-pc .unit .cssgrid .item.f20 {
  font-size: .2rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .item.f20 {
    font-size: 0.22rem;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .item.f20.linehight-3.add {
  padding: .05rem 0 0;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .item.f20.linehight-3.add {
    padding: 0;
    line-height: 3;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .item.f23 {
  font-size: .23rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .item.f23 {
    font-size: 0.22rem;
  }
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .item {
    font-size: 0.22rem;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .item .small {
  font-size: 0.2rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .item .small {
    font-size: 0.17rem;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .blue {
  color: #0e58a1;
}

.sec01_wrap .flexbox-pc .unit .cssgrid .bg-skyblue {
  background-color: #cce2f6;
  border: none;
}

.sec01_wrap .flexbox-pc .unit .cssgrid .bg-whiteblue {
  background-color: #deeefb;
  border: none;
}

.sec01_wrap .flexbox-pc .unit .cssgrid .border-right {
  border-right: solid 2px #dfe0e1;
}

.sec01_wrap .flexbox-pc .unit .cssgrid .linehight-3 {
  line-height: 3.7;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .linehight-3 {
    line-height: 3;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .p-y-12 {
  padding: 0.12rem;
}

.sec01_wrap .flexbox-pc .unit .cssgrid .linehight-1_4 {
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .p-y-24-sp {
    padding: 0.24rem;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .linehight-3_6 {
  line-height: 3.6;
}

.sec01_wrap .flexbox-pc .unit .cssgrid .linehight-3_6.f20 {
  padding: 0.1rem 0 0;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .linehight-3_6.f20 {
    padding: 0;
  }
}

.sec01_wrap .flexbox-pc .unit .cssgrid .linehight-3_6.f23 {
  padding: 0.05rem 0 0;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-pc .unit .cssgrid .linehight-3_6.f23 {
    padding: 0;
  }
}

.sec01_wrap .flexbox-sp {
  max-width: 6.14rem;
  margin: 0 auto;
  padding: 0.4rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-sp {
    max-width: 11.4rem;
  }
}

.sec01_wrap .flexbox-sp img {
  width: 100%;
  max-width: 3rem;
  height: 3rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .flexbox-sp img {
    max-width: 2.6rem;
    height: 2.6rem;
  }
}

.sec01_wrap .emo {
  text-align: center;
  font-size: 0.23rem;
  letter-spacing: 0.16em;
  font-weight: 500;
  background-color: #f7f7f7;
  padding: 0.24rem 0;
}

.sec01_wrap .emo .dec {
  max-width: 6.14rem;
  margin: 0 auto;
  position: relative;
}

.sec01_wrap .emo .dec::before, .sec01_wrap .emo .dec::after {
  position: absolute;
  color: #e05836;
  top: -12px;
  font-size: 1.16rem;
  font-weight: 200;
  line-height: 1;
}

.sec01_wrap .emo .dec::before {
  content: "[";
  left: 0;
}

.sec01_wrap .emo .dec::after {
  content: "]";
  right: 0;
}

.sec01_wrap .emo .dec .line {
  position: relative;
  padding: 0 0.16rem;
}

.sec01_wrap .emo .dec .line::before, .sec01_wrap .emo .dec .line::after {
  position: absolute;
  content: "";
  background-color: #e05836;
  width: 10px;
  height: 1px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 50%;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .emo .dec .line::before, .sec01_wrap .emo .dec .line::after {
    width: 22px;
  }
}

.sec01_wrap .emo .dec .line::before {
  left: -1px;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .emo .dec .line::before {
    left: -4px;
  }
}

.sec01_wrap .emo .dec .line::after {
  right: -1px;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .emo .dec .line::after {
    right: -4px;
  }
}

.sec01_wrap .emo .dec .big {
  font-size: 0.43rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}

.sec01_wrap .emo .dec .big .small {
  font-size: 0.35rem;
}

.sec01_wrap .wrap {
  max-width: 6.2rem;
  margin: 0rem auto;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .wrap {
    max-width: 11.4rem;
  }
}

.sec01_wrap .wrap .listtitle {
  font-size: 0.25rem;
  margin-top: 0.48rem;
  font-weight: 700;
  letter-spacing: .15em;
}

.sec01_wrap .wrap .listtitle::before {
  content: "■";
  margin-right: 0.12rem;
}

.sec01_wrap .wrap .listtitle.blue2 {
  color: #0e58a1;
}

.sec01_wrap .wrap .listtitle.blue2::before {
  content: none;
}

.sec01_wrap .wrap .list {
  padding: 0.24rem 0;
  line-height: 2.1;
  font-size: 0.25rem;
  margin-top: 0.08rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .wrap .list {
    padding: 0.24rem 0.32rem;
  }
  .sec01_wrap .wrap .list.add_0224 {
    padding: .24rem 0;
  }
}

.sec01_wrap .wrap .list .double-circle::before {
  position: absolute;
  content: "◎";
  color: #e05836;
}

.sec01_wrap .wrap .list .double-circle2::before {
  position: absolute;
  content: "◎";
  color: #8bb8e1;
}

.sec01_wrap .wrap .list .cross::before {
  position: absolute;
  content: "×";
  color: #595959;
}

.sec01_wrap .wrap .list .square::before {
  position: absolute;
  content: "■";
  color: #0e58a1;
}

.sec01_wrap .wrap .list .item {
  max-width: 5.54rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .wrap .list .item {
    margin: 0;
  }
}

.sec01_wrap .wrap .list .item .text {
  max-width: 5.08rem;
  margin-left: auto;
  padding: 0 0 .05rem;
  font-weight: 500;
  white-space: normal;
  letter-spacing: .075em;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .wrap .list .item .text {
    white-space: nowrap;
  }
}

.sec01_wrap .wrap .list .item .text .font-w-400 {
  font-weight: 400;
}

.sec01_wrap .wrap .list .item .line {
  padding: 0 0 .03rem;
  border-bottom: dashed 2px #dfe0e1;
}

.sec01_wrap .wrap .list.add_0224 .item {
  max-width: 100%;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .wrap .list.add_0224 .item {
    max-width: 5.54rem;
  }
}

.sec01_wrap .wrap .list.add_0224 .item .text {
  max-width: 5.7rem;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .wrap .list.add_0224 .item .text {
    max-width: 5.08rem;
  }
}

.sec01_wrap .wrap .desc_add0224 {
  font-size: .25rem;
  font-weight: 500;
  letter-spacing: .075em;
  line-height: 2.05;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

@media screen and (min-width: 769px) {
  .sec01_wrap .wrap .desc_add0224 {
    padding-left: .1rem;
  }
}

.sec01_wrap .wrap .red {
  color: #e05836;
}

.sec01_wrap .wrap .red-bg {
  background-color: #fdf4f2;
}

.sec01_wrap .wrap .blue {
  color: #0e58a1;
}

.sec01_wrap .wrap .blue-bg {
  background-color: #ebf3fa;
}

.sec01_wrap .wrap .black {
  color: #595959;
}

.sec01_wrap .wrap .bkack-bg {
  background-color: #f7f7f7;
}

.sec01_catch {
  max-width: 6.14rem;
  margin: 0.75rem auto 0;
}

@media screen and (min-width: 769px) {
  .sec01_catch {
    max-width: 11.4rem;
  }
}

.sec01_catch .title {
  color: #e05836;
  border: solid 1px #e05836;
  text-align: center;
  font-size: 0.24rem;
  letter-spacing: 0.16em;
  font-weight: 700;
  border-radius: 32px;
  padding: 0.08rem 0;
}

@media screen and (min-width: 769px) {
  .sec01_catch .title {
    max-width: 6.2rem;
    margin: 0 auto;
  }
}

.sec01_catch .about {
  font-size: 0.42rem;
  text-align: center;
  letter-spacing: 0.16em;
  font-weight: 700;
  margin-top: 0.16rem;
}

@media screen and (min-width: 769px) {
  .sec01_catch .about {
    font-size: 0.38rem;
    margin-top: 0.08rem;
  }
}

.sec01_catch .about strong {
  font-size: 0.52rem;
}

@media screen and (min-width: 769px) {
  .sec01_catch .about strong {
    font-size: 0.48rem;
  }
}

.sec01_catch .about .red {
  color: #e05836;
}

/* ========================================
    ■ sec02
======================================== */
.sec02 {
  background-image: url(../images/sec02_bg.jpg);
  background-size: cover;
  padding: 0.85rem 0 0.8rem;
}

@media screen and (min-width: 769px) {
  .sec02 {
    background-image: url(../images/sec02_bg_pc.jpg);
  }
}

.sec02_main {
  max-width: 6.95rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sec02_main {
    max-width: 8.79rem;
  }
}

.sec02_main picture img {
  width: 100%;
}

.sec02_aleat {
  font-size: 0.18rem;
  max-width: 6.89rem;
  margin: 0.96rem auto 0rem;
}

/* ========================================
    ■ sec03
======================================== */
.sec03 {
  padding: 0.32rem 0 0;
}

@media screen and (min-width: 769px) {
  .sec03 {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .sec03_wrap {
    position: relative;
    padding: 0.56rem 0 0.48rem;
  }
  .sec03_wrap.point03 {
    min-height: 5.84rem;
  }
}

.sec03_wrap .head {
  max-width: 6.14rem;
  margin: 0.56rem auto 0;
}

@media screen and (min-width: 769px) {
  .sec03_wrap .head {
    max-width: 14rem;
    margin: 0 0 0 auto;
  }
}

.sec03_wrap .head .title {
  display: inline-block;
  font-size: 0.3rem;
  color: white;
  background-color: #617990;
  padding: 0.04rem 0.16rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.sec03_wrap .head .about {
  font-size: 0.52rem;
  letter-spacing: 0.16em;
  font-weight: 700;
}

@media screen and (min-width: 769px) {
  .sec03_wrap .head .about {
    text-shadow: 0 0 14px white, 0 0 1em white, 0 0 0.2em white, 0 0 0.1em white;
  }
}

.sec03_wrap .head .about .red {
  color: #e05836;
}

.sec03_wrap .image {
  width: 100%;
  margin-top: 0.32rem;
}

@media screen and (min-width: 769px) {
  .sec03_wrap .image {
    position: absolute;
    z-index: -1;
    top: 0;
    margin: 0;
  }
}

@media screen and (min-width: 769px) {
  .sec03_wrap .wrap {
    max-width: 14rem;
    margin: 0 0 0 auto;
  }
}

.sec03_wrap .wrap .body {
  font-size: 0.23rem;
  background-color: #f0f4f4;
  max-width: 6.14rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.1em;
  padding: 0.3rem;
  line-height: 1.7;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

@media screen and (min-width: 769px) {
  .sec03_wrap .wrap .body {
    max-width: 8.14rem;
    margin: 0.2rem auto 0 0;
    font-size: 0.21rem;
    background-color: rgba(97, 121, 144, 0.8);
    color: white;
  }
}

.sec03_wrap .wrap .body .mt-24 {
  margin-top: 0.24rem;
}

.sec03_catch_before, .sec03_catch {
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15em;
}

.sec03_catch_before .head, .sec03_catch .head {
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: .15em;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

.sec03_catch_before .head .red, .sec03_catch .head .red {
  color: #e05836;
  position: relative;
}

.sec03_catch_before .head .red::before, .sec03_catch .head .red::before {
  position: absolute;
  content: "";
  background-color: #e05836;
  width: 4px;
  height: 4px;
  border-radius: 32px;
  top: -2px;
  left: 38%;
}

@media screen and (min-width: 769px) {
  .sec03_catch_before .head .red::before, .sec03_catch .head .red::before {
    width: 8px;
    height: 8px;
  }
}

.sec03_catch_before {
  padding: .7rem 0 0;
}

.sec03_catch_before .head {
  margin: 0 0 .3rem;
}

.sec03_catch_before .price {
  margin: 0 0 .25rem;
  font-size: .42rem;
  font-weight: bold;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 769px) {
  .sec03_catch_before .price {
    font-size: .5rem;
  }
}

.sec03_catch_before .price .num {
  font-size: .68rem;
}

@media screen and (min-width: 769px) {
  .sec03_catch_before .price .num {
    font-size: .8rem;
  }
}

.sec03_catch_before .text {
  font-size: .26rem;
  line-height: 1.8;
}

.sec03_catch {
  font-size: 0.25rem;
  line-height: 1.6;
  padding: 0.8rem 0 1rem;
}

.sec03_catch .head {
  border-bottom: dashed 2px #dfe0e1;
  max-width: 6.6rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sec03_catch .head {
    border-bottom: dashed 4px #dfe0e1;
  }
}

.sec03_catch .about {
  margin: 0.24rem 0 0rem;
}

/* ========================================
    ■ sec04
======================================== */
.sec04 {
  background-image: url(../images/sec04_bg.png);
  background-size: cover;
  padding: 0.72rem 0;
}

@media screen and (min-width: 769px) {
  .sec04 {
    padding: .72rem 0 1.05rem;
  }
}

.sec04_head {
  text-align: center;
  font-size: 0.48rem;
  letter-spacing: 0.16em;
  font-weight: 700;
  margin-bottom: 0.72rem;
}

.sec04_head .dec {
  font-size: 0.28rem;
  position: relative;
}

@media screen and (min-width: 769px) {
  .sec04_head .dec {
    padding: 0 .65rem 0 .8rem;
  }
}

.sec04_head .dec::before, .sec04_head .dec::after {
  content: "";
  position: absolute;
  background-size: contain;
  width: 0.17rem;
  height: 0.28rem;
  background-repeat: no-repeat;
  line-height: 1;
  top: .1rem;
}

.sec04_head .dec::before {
  background-image: url(../images/sec04_head_leftdec.png);
  left: -24px;
}

@media screen and (min-width: 769px) {
  .sec04_head .dec::before {
    left: -0;
  }
}

.sec04_head .dec::after {
  background-image: url(../images/sec04_head_rightdec.png);
  right: -24px;
}

@media screen and (min-width: 769px) {
  .sec04_head .dec::after {
    right: 0;
  }
}

.sec04_body {
  max-width: 6.89rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sec04_body {
    max-width: 12.28rem;
  }
}

.sec04_body .box {
  background-color: white;
  position: relative;
  padding: 0.56rem 0;
  -webkit-box-shadow: 0.03rem 0.03rem 0.32rem rgba(61, 61, 61, 0.15);
          box-shadow: 0.03rem 0.03rem 0.32rem rgba(61, 61, 61, 0.15);
}

@media screen and (min-width: 769px) {
  .sec04_body .box {
    padding: .75rem 0 .56rem;
  }
}

.sec04_body .head {
  font-size: 0.28rem;
  text-align: center;
  color: #0e58a1;
  background-color: #f9fbe4;
  border: solid 2px #0e58a1;
  width: 6.2rem;
  position: absolute;
  border-radius: 48px;
  padding: 0.05rem 0;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  left: 50%;
  top: -16px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

@media screen and (min-width: 769px) {
  .sec04_body .head {
    top: -3%;
  }
}

.sec04_body .title {
  font-size: 0.38rem;
  letter-spacing: 0.24em;
  text-align: center;
  font-weight: 700;
}

.sec04_body .wrap {
  max-width: 6.2rem;
  margin: 0.32rem auto 0;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 11.4rem;
    margin: .4rem auto 0;
  }
}

.sec04_body .wrap .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.4rem;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap .profile {
    display: block;
    width: 3.8rem;
    margin-bottom: 0;
  }
}

.sec04_body .wrap .profile .image {
  width: 100%;
  max-width: 2.26rem;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap .profile .image {
    max-width: 3.8rem;
  }
}

.sec04_body .wrap .profile .image img {
  width: 100%;
}

.sec04_body .wrap .profile .content {
  width: 100%;
  max-width: 3.78rem;
  background-color: #ebf3fa;
  padding: 0.24rem;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap .profile .content {
    margin-top: 0.24rem;
  }
}

.sec04_body .wrap .profile .content .company {
  font-size: 0.25rem;
  font-weight: 700;
}

.sec04_body .wrap .profile .content .company .name {
  font-weight: 700;
  font-size: 0.22rem;
  letter-spacing: .1em;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

.sec04_body .wrap .profile .content .job,
.sec04_body .wrap .profile .content .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 0.32rem;
  margin-top: 0.16rem;
}

.sec04_body .wrap .profile .content .job .title,
.sec04_body .wrap .profile .content .price .title {
  font-weight: 500;
  font-size: 0.22rem;
  background-color: #0e58a1;
  color: white;
  padding: 0rem 0.12rem 0 0.16rem;
  margin-right: 0.24rem;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap .profile .content .job .title,
  .sec04_body .wrap .profile .content .price .title {
    width: 2rem;
  }
}

.sec04_body .wrap .profile .content .job .about,
.sec04_body .wrap .profile .content .price .about {
  line-height: 1.3;
}

.sec04_body .wrap .profile .content .job .about {
  font-size: 0.2rem;
  letter-spacing: .1em;
}

.sec04_body .wrap .profile .content .job .about .add {
  margin-left: -0.5em;
  letter-spacing: -.06em;
}

.sec04_body .wrap .profile .content .price .about {
  font-size: 0.25rem;
}

.sec04_body .wrap .profile .content .price .about .big {
  font-size: 0.32rem;
  letter-spacing: 0.04em;
}

.sec04_body .wrap .about {
  line-height: 1.7;
  text-align: justify;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap .about {
    width: 6.8rem;
    line-height: 2;
    margin-top: -.1rem;
    text-align: left;
  }
}

.sec04_body .wrap .about .first,
.sec04_body .wrap .about .second {
  font-size: 0.23rem;
}

.sec04_body .wrap .about .first .title,
.sec04_body .wrap .about .second .title {
  display: inline-block;
  font-size: 0.26rem;
  color: #0e58a1;
  letter-spacing: 0.16em;
  text-align: left;
  margin-bottom: 0.16rem;
  position: relative;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap .about .first .title,
  .sec04_body .wrap .about .second .title {
    font-size: 0.25rem;
  }
}

.sec04_body .wrap .about .first .title::after,
.sec04_body .wrap .about .second .title::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 16px;
  background-color: #0e58a1;
  top: 50%;
  right: -20px;
}

.sec04_body .wrap .about .first .about,
.sec04_body .wrap .about .second .about {
  letter-spacing: 0.1em;
  font-size: 0.23rem;
}

@media screen and (min-width: 769px) {
  .sec04_body .wrap .about .first .about,
  .sec04_body .wrap .about .second .about {
    font-size: 0.21rem;
  }
}

.sec04_body .wrap .about .second {
  margin-top: 0.4rem;
}

.sec04_body .case2-mt {
  margin-top: 0.8rem;
}

/* ========================================
    ■ sec05
======================================== */
.sec05 {
  padding-bottom: 0.8rem;
}

.sec05_head picture img {
  width: 100%;
}

.sec05 .body {
  max-width: 6.89rem;
  margin: 0 auto;
  font-size: 0.23rem;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

@media screen and (min-width: 769px) {
  .sec05 .body {
    max-width: 12.28rem;
    font-size: 0.21rem;
    margin: -0.24rem auto 0;
  }
}

.sec05 .body strong {
  border-bottom: solid 1px #dfe0e1;
}

.sec05 .body p + p {
  margin-top: 0.24rem;
}

/* ========================================
    ■ footer
======================================== */
.footer {
  text-align: center;
  color: white;
  background-color: #292929;
  padding: 0.16rem 0;
  letter-spacing: 0.08em;
}

.footer .company {
  font-size: 0.23rem;
  color: white;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-bottom: 0.16rem;
}

.footer .copyright {
  font-size: 0.16rem;
  margin-top: 0.16rem;
}

.contact-p {
  padding: 0.08rem;
}

/* ========================================
    ■ contact
======================================== */
.contact_head {
  font-weight: 500;
  font-size: 0.47rem;
  text-align: center;
  color: #617990;
  letter-spacing: 0.16em;
  max-width: 5.4rem;
  margin: 0 auto;
  line-height: 1.4;
}

@media screen and (min-width: 769px) {
  .contact_head {
    margin: 0.4rem auto 0;
  }
}

.contact_head .white {
  color: white;
  background-color: #617990;
  width: 100%;
  padding: 0.08rem 0.48rem;
  font-size: 0.25rem;
  letter-spacing: 0.12em;
}

.contact_catch {
  text-align: center;
  letter-spacing: 0.16em;
  font-size: 0.23rem;
  margin-top: 0.56rem;
}

.contact_catch strong {
  border-bottom: dashed 2px #dfe0e1;
}

.contact_info {
  margin-top: 0.24rem;
  font-size: 0.23rem;
  text-align: center;
  letter-spacing: 0.16em;
}

@media screen and (min-width: 769px) {
  .contact_info {
    font-size: 0.21rem;
  }
}

.contact_form {
  background-color: #f4f3f1;
  max-width: 6.89rem;
  margin: 0.56rem auto 0.48rem;
  padding: 0.56rem 0;
}

@media screen and (min-width: 769px) {
  .contact_form {
    max-width: 12.28rem;
  }
}

.contact_form .wrap {
  max-width: 6.14rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap {
    max-width: 10.28rem;
  }
}

.contact_form .wrap div + div {
  margin-top: 0.32rem;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .unit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.contact_form .wrap .unit .title {
  font-weight: 500;
  font-size: 0.25rem;
  letter-spacing: 0.08em;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .unit .title {
    font-size: 0.21rem;
  }
}

.contact_form .wrap .unit .must::after {
  content: "※";
  font-size: 0.2rem;
  font-weight: 500;
  color: #e05836;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .unit .must::after {
    font-size: 0.18rem;
  }
}

.contact_form .wrap .unit .text {
  width: 100%;
  border: none;
  padding: 0.16rem 0.24rem;
  margin-top: 0.08rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
  font-size: 0.2rem;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .unit .text {
    width: 7rem;
  }
}

.contact_form .wrap .unit .select {
  position: relative;
  background-color: white;
  z-index: 0;
  margin-top: 0.08rem;
}

.contact_form .wrap .unit .select::after {
  position: absolute;
  content: "";
  background-image: url(../images/contact_arrow.png);
  right: 0;
  top: 40%;
  background-size: contain;
  width: 16px;
  height: 10px;
  background-repeat: no-repeat;
  z-index: -1;
  right: 16px;
}

.contact_form .wrap .unit .select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  padding: 0.16rem 0.24rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
  background-color: transparent;
  font-size: 0.2rem;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .unit .select select {
    width: 7rem;
  }
}

.contact_form .wrap .unit .textarea {
  resize: none;
  width: 100%;
  padding: 0.32rem 0.24rem;
  border: none;
  margin-top: 0.08rem;
  font-size: 0.2rem;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .unit .textarea {
    width: 7rem;
  }
}

.contact_form .wrap .checkbox {
  font-size: 0.2rem;
  text-align: center;
  font-weight: 500;
}

.contact_form .wrap .checkbox .privacy {
  text-decoration: none;
  color: #2d2d2d;
}

.contact_form .wrap .checkbox .privacy:hover {
  text-decoration: underline;
}

.contact_form .wrap .checkbox input[type="checkbox"] {
  display: none;
}

.contact_form .wrap .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  max-width: 4.96rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .checkbox input[type="checkbox"] + label {
    max-width: 4.56rem;
  }
}

.contact_form .wrap .checkbox input[type="checkbox"] + label::before {
  border: solid #2d2d2d 1px;
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background-color: white;
  left: -22px;
  top: 0px;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .checkbox input[type="checkbox"] + label::before {
    width: 0.24rem;
    height: 0.24rem;
    top: 0.02rem;
    left: -0.4rem;
  }
}

.contact_form .wrap .checkbox input[type="checkbox"]:checked + label {
  position: relative;
}

.contact_form .wrap .checkbox input[type="checkbox"]:checked + label::after {
  position: absolute;
  content: "";
  background-image: url(../images/contact_check.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  left: -16px;
  top: -2px;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .contact_form .wrap .checkbox input[type="checkbox"]:checked + label::after {
    width: 0.24rem;
    height: 0.24rem;
    left: -40px;
    top: 0px;
  }
}

.contact_form .wrap .btn {
  display: block;
  width: 100%;
  font-size: 0.28rem;
  font-weight: 700;
  text-align: center;
  background-color: #e05836;
  color: white;
  max-width: 6.14rem;
  display: block;
  margin: 0.24rem auto;
  padding: 0.24rem 0;
  border-radius: 72px;
  letter-spacing: 0.16em;
  cursor: pointer;
  border: none;
  -webkit-box-shadow: 0 4px 12px rgba(144, 144, 144, 0.84);
          box-shadow: 0 4px 12px rgba(144, 144, 144, 0.84);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.contact_form .wrap .btn:hover {
  -webkit-box-shadow: 0 7px 6px rgba(144, 144, 144, 0.84);
          box-shadow: 0 7px 6px rgba(144, 144, 144, 0.84);
  border-color: transparent;
}

.contact_form .wrap .btn::after {
  content: "▽";
  margin-left: 0.24rem;
  font-size: 0.23rem;
}

.contact_form .wrap .note {
  font-weight: 500;
  text-align: center;
  font-size: 0.23rem;
  letter-spacing: 0.08em;
}

/* ========================================
    ■ thanks
======================================== */
.thanks {
  padding: 0.48rem 0 0.8rem;
}

.thanks_image {
  display: block;
  width: 100%;
  max-width: 1.36rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}

.thanks_head {
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-top: 0.24rem;
}

.thanks_head strong {
  color: #e05836;
}

.thanks_head .wide {
  letter-spacing: 0.2em;
}

.thanks_about {
  text-align: center;
  font-size: 0.23rem;
  margin: 0.4rem auto;
}

@media screen and (min-width: 769px) {
  .thanks_about {
    margin: 0.24rem 0 0.4rem;
  }
}

.thanks_body {
  max-width: 6.89rem;
  margin: 0 auto;
  background-color: #f7f7f7;
  text-align: center;
  padding: 0.56rem 0;
  letter-spacing: 0.24em;
  font-size: 0.23rem;
}

@media screen and (min-width: 769px) {
  .thanks_body {
    max-width: 12.28rem;
  }
}

.thanks_body .note {
  margin-top: 0.42rem;
}

.thanks_body .note .email {
  background-color: white;
  max-width: 6.14rem;
  margin: 0.32rem auto;
  border: solid 1px #2d2d2d;
  padding: 0.16rem 0;
}

@media screen and (min-width: 769px) {
  .thanks_body .note .email {
    max-width: 9.3rem;
  }
}

.thanks_btn {
  display: block;
  width: 100%;
  font-size: 0.28rem;
  font-weight: 700;
  text-align: center;
  background-color: #e05836;
  color: white;
  max-width: 6.14rem;
  display: block;
  margin: 0.8rem auto 0;
  padding: 0.24rem 0;
  border-radius: 72px;
  letter-spacing: 0.16em;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 6px rgba(144, 144, 144, 0.84);
          box-shadow: 0 4px 6px rgba(144, 144, 144, 0.84);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.thanks_btn:hover {
  -webkit-box-shadow: 0 7px 10px rgba(144, 144, 144, 0.84);
          box-shadow: 0 7px 10px rgba(144, 144, 144, 0.84);
  border-color: transparent;
}

@media screen and (min-width: 769px) {
  .thanks_btn {
    margin: 0.56rem auto 0;
  }
}

.thanks_btn::after {
  content: "▽";
  margin-left: 0.24rem;
  font-size: 0.23rem;
}
/*# sourceMappingURL=style.css.map */