@charset "UTF-8";
/*メディアクエリ*/
.zen_maru {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
}

html, body, input, textarea, select {
  font-size: 20px;
  color: #232323;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
}

html, body {
  overflow-x: hidden;
}

body {
  margin: 0;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

p {
  margin: 0;
}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
}

a,
li a,
p a {
  color: inherit;
  text-decoration: none;
}
a:hover img,
li a:hover img,
p a:hover img {
  opacity: 0.8;
  transition: all 0.3s;
}

sup {
  font-size: 0.5em;
  vertical-align: top;
}

/********************************
	flexbox 基本class
	wrapやjustify-contentの指定は個別のcss classで追記する
********************************/
*.flexbox {
  display: flex;
}

/********************************
 ベース設定
********************************/
#container {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
@media screen and (min-width: 1200px) {
  #container {
    width: 100%;
    max-width: 2000px;
    min-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
  #container .sp_only {
    display: none !important;
  }
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #container {
    width: 100%;
    max-width: 100%;
    min-width: unset;
    overflow: hidden;
  }
  #container .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  #container {
    width: 100%;
    max-width: 100%;
    min-width: unset;
    overflow: hidden;
  }
  #container .pc_only {
    display: none !important;
  }
}
#container .inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #container .inner {
    width: 99%;
  }
}
@media screen and (max-width: 750px) {
  #container .inner {
    width: 100%;
  }
}

/**-------------------------------------------------------------------------------
  メインコンテンツ
---------------------------------------------------------------------------------**/
.header {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  z-index: 999;
  transition: all 1s;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .header {
    height: 5vw;
  }
}
@media screen and (max-width: 750px) {
  .header {
    width: 100%;
    height: 13.3333333333vw;
  }
}
.header .header_area {
  position: relative;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  z-index: 100;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .header .header_area {
    height: 5vw;
  }
}
@media screen and (max-width: 750px) {
  .header .header_area {
    width: 100%;
    height: 13.3333333333vw;
  }
}
.header .hd1 {
  width: 240px;
  padding-left: 48px;
  flex-basis: 240px;
  flex-shrink: 0;
  z-index: 100;
}
.header .hd1 .logo {
  display: block;
  width: 159px;
  height: 30px;
  background: url(../images/header_logo.png) center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .header .hd1 {
    width: 20vw;
    padding-left: 4vw;
    flex-basis: 20vw;
  }
  .header .hd1 .logo {
    width: 13.25vw;
    height: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  .header .hd1 {
    width: 100%;
    flex-basis: unset;
    padding-left: 2.6666666667vw;
  }
  .header .hd1 .logo {
    width: 37.3333333333vw;
    height: 7.3333333333vw;
    background-image: url(../images/header_logo_sp.png);
  }
}
@media screen and (max-width: 750px) {
  .header .menu_trigger {
    position: absolute;
    display: inline-block;
    width: 7.2vw;
    height: 5.3333333333vw;
    top: 4vw;
    right: 2.9333333333vw;
    vertical-align: middle;
    cursor: pointer;
    z-index: 1000;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .header .menu_trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.5333333333vw;
    background-color: #ffffff;
    transition: all 0.5s;
  }
  .header .menu_trigger span:nth-of-type(1) {
    top: 0;
  }
  .header .menu_trigger span:nth-of-type(2) {
    top: 2.4vw;
  }
  .header .menu_trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .header .menu_trigger.open span:nth-of-type(1) {
    -webkit-transform: translateY(2.4vw) rotate(-45deg);
            transform: translateY(2.4vw) rotate(-45deg);
    background-color: #333333;
  }
  .header .menu_trigger.open span:nth-of-type(2) {
    opacity: 0;
  }
  .header .menu_trigger.open span:nth-of-type(3) {
    -webkit-transform: translateY(-2.4vw) rotate(45deg);
            transform: translateY(-2.4vw) rotate(45deg);
    background-color: #333333;
  }
}
.header #drawer_menu_wrap {
  width: 100%;
  height: auto;
  position: fixed;
  padding-bottom: 40vw;
  top: -200vw;
  left: 0;
  max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ffffff;
  transition: 0.5s ease-in-out;
  z-index: 200;
}
.header #drawer_menu_wrap.open {
  -webkit-transform: translateY(200vw);
          transform: translateY(200vw);
}
.header #drawer_menu_wrap .drawer_header {
  width: 100%;
  height: 13.3333333333vw;
  border-bottom: 2px #e6e6e6 solid;
  align-items: center;
  padding-left: 2.6666666667vw;
}
.header #drawer_menu_wrap .drawer_header .drawer_header_logo {
  width: 37.3333333333vw;
}
.header #drawer_menu_wrap .drawer_menu_list {
  width: 94.6666666667vw;
  margin: 0 auto;
}
.header #drawer_menu_wrap .drawer_menu_list li {
  width: 100%;
  height: 14.6666666667vw;
  border-bottom: 2px #b3b3b3 solid;
}
.header #drawer_menu_wrap .drawer_menu_list li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 14.6666666667vw;
  font-size: 4.2666666667vw;
  padding-left: 7.2vw;
}
.header #drawer_menu_wrap .drawer_menu_list li .drawer_menu_arrow {
  width: 9.6vw;
}
.header .hd2 {
  padding-bottom: 8px;
}
.header .hd2 .hd_list {
  display: inline-flex;
  -webkit-column-gap: 22px;
     -moz-column-gap: 22px;
          column-gap: 22px;
}
.header .hd2 .hd_list li {
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .header .hd2 {
    padding-bottom: 0.6666666667vw;
  }
  .header .hd2 .hd_list li {
    -webkit-column-gap: 1.8333333333vw;
       -moz-column-gap: 1.8333333333vw;
            column-gap: 1.8333333333vw;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 751px) and (max-width: 959px) {
  .header .hd2 {
    width: calc(100% - 12.5vw);
  }
  .header .hd2 .hd_list {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    justify-content: space-between;
    width: 100%;
  }
  .header .hd2 .hd_list li {
    font-size: 1.25vw;
    font-size: clamp(10px, 1.637px + 1.114vw, 15px);
  }
}
.header.scroll {
  background-color: #ffffff;
  transition: all 1s;
}
.header.scroll .hd1 .logo {
  background-image: url(../images/header_logo2.png);
}
@media screen and (max-width: 750px) {
  .header.scroll .hd1 .logo {
    background-image: url(../images/header_logo2_sp.png);
  }
}
@media screen and (max-width: 750px) {
  .header.scroll .menu_trigger span {
    background-color: #333333;
  }
}
.header.scroll .hd2 .hd_list li {
  color: #1a1a1a;
}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.5s;
}
.overlay.open {
  position: fixed;
  width: 100%;
  height: 100vh;
  opacity: 1;
  overflow: hidden;
}

/**-----------------------------
  FV
-----------------------------**/
#fv {
  height: 1000px;
  position: relative;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv {
    height: 83.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #fv {
    height: 213.3333333333vw;
  }
}
#fv .fv_movie_wrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #fv .fv_movie_wrap {
    height: 160vw;
    width: auto;
  }
}
#fv .fv_movie_wrap video {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1500px) {
  #fv .fv_movie_wrap video {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_movie_wrap video {
    position: relative;
    width: 150%;
    height: 100%;
    top: 0;
    left: -13.3333333333vw;
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
  }
}
#fv .fv_over_area {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 1000px;
  padding-top: 720px;
  background: url(../images/fv_bg.png) center bottom no-repeat;
  background-size: 2000px 372px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_over_area {
    background-size: 166.6666666667vw 31vw;
    height: 83.3333333333vw;
    padding-top: 60vw;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_over_area {
    background: url(../images/fv_bg_sp.png) center bottom no-repeat;
    background-size: 100vw 90.6666666667vw;
    height: 213.3333333333vw;
    padding-top: 144vw;
  }
}
#fv .fv_balloon {
  background: url(../images/fv_balloon_bg.png) 0/contain no-repeat;
  height: 48px;
  margin-left: 17px;
  width: 275px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_balloon {
    height: 4vw;
    margin-left: 1.4166666667vw;
    width: 22.9166666667vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_balloon {
    height: 8.5333333333vw;
    margin-left: 6.6666666667vw;
    width: 48.8vw;
  }
}
#fv .fv_balloon .fv_balloon_text {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4846153846;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_balloon .fv_balloon_text {
    font-size: 2.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_balloon .fv_balloon_text {
    font-size: 4.5333333333vw;
    line-height: 1.5580294118;
  }
}
#fv .fv_textwrap {
  margin: 18px 0 0 22px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_textwrap {
    margin: 1.5vw 0 0 1.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_textwrap {
    margin: 2.4vw auto;
  }
}
#fv .fv_textwrap .fv_title {
  width: 632px;
  margin-top: 18px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_textwrap .fv_title {
    width: 52.6666666667vw;
    margin-top: 1.5vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_textwrap .fv_title {
    width: 85.4666666667vw;
    margin: 0 auto;
  }
}
#fv .fv_textwrap .fv_text1 {
  margin-top: 26px;
  font-size: 25px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.1em;
}
#fv .fv_textwrap .fv_text1 span {
  background: linear-gradient(transparent 80%, #f3b4d3 80%);
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_textwrap .fv_text1 {
    margin-top: 2.1666666667vw;
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_textwrap .fv_text1 {
    margin-top: 5.6vw;
    margin-bottom: 7.3333333333vw;
    font-size: 4.5333333333vw;
    font-weight: 700;
    text-align: center;
  }
}
#fv .fv_textwrap .textwrap2 {
  margin-top: 26px;
  align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_textwrap .textwrap2 {
    margin-top: 2.1666666667vw;
    -webkit-column-gap: 0.8333333333vw;
       -moz-column-gap: 0.8333333333vw;
            column-gap: 0.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_textwrap .textwrap2 {
    justify-content: center;
    -webkit-column-gap: 2.1333333333vw;
       -moz-column-gap: 2.1333333333vw;
            column-gap: 2.1333333333vw;
    row-gap: 2.6666666667vw;
    flex-wrap: wrap;
  }
}
#fv .fv_textwrap .textwrap2 .line {
  width: 152px;
  height: 1px;
  background-color: #000000;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_textwrap .textwrap2 .line {
    width: 12.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_textwrap .textwrap2 .line {
    width: 10.2666666667vw;
  }
}
#fv .fv_textwrap .textwrap2 .fv_text2 {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0.04em;
}
#fv .fv_textwrap .textwrap2 .fv_text2 span {
  font-size: 16px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_textwrap .textwrap2 .fv_text2 {
    font-size: 1.6666666667vw;
  }
  #fv .fv_textwrap .textwrap2 .fv_text2 span {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_textwrap .textwrap2 .fv_text2 {
    font-size: 4.5333333333vw;
  }
  #fv .fv_textwrap .textwrap2 .fv_text2 span {
    font-size: 3.2vw;
  }
}
#fv .fv_textwrap .textwrap2 .fv_logo {
  width: 197px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #fv .fv_textwrap .textwrap2 .fv_logo {
    width: 16.4166666667vw;
  }
}
@media screen and (max-width: 750px) {
  #fv .fv_textwrap .fv_text2_wrap {
    margin-left: 7.2vw;
    margin-top: 2.6666666667vw;
    align-items: center;
  }
  #fv .fv_textwrap .fv_text2_wrap .fv_text2 {
    font-size: 3.2vw;
    font-weight: 700;
    color: #333333;
    letter-spacing: 0.04em;
  }
  #fv .fv_textwrap .fv_text2_wrap .fv_logo {
    width: 34.9333333333vw;
    margin-left: 2.1333333333vw;
  }
}

/**-----------------------------
  sec01:そんな悩みありませんか？
-----------------------------**/
#sec01 {
  background: url(../images/sec01_bg.jpg) center top no-repeat;
  background-size: 2000px 637px;
  height: 637px;
  padding-top: 124px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec01 {
    background-size: 166.6666666667vw 53.0833333333vw;
    height: 53.0833333333vw;
    padding-top: 10.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec01 {
    background: url(../images/sec01_bg_sp.jpg) center top no-repeat;
    background-size: 100vw 172.8vw;
    height: 172.8vw;
    padding-top: 23.2vw;
  }
}
#sec01 .sec02_caption_upper {
  margin: 0 auto;
  width: 415px;
  height: 57px;
  background: url(../images/sec01_caption_upper_bg.png) center bottom no-repeat;
  background-size: 415px 25px;
  padding-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.08em;
  text-align: center;
}
#sec01 .sec02_caption_upper span {
  font-size: 26px;
  color: #83589a;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec01 .sec02_caption_upper {
    width: 34.5833333333vw;
    height: 4.75vw;
    background-size: 34.5833333333vw 2.0833333333vw;
    padding-bottom: 2.5vw;
    font-size: 1.6666666667vw;
  }
  #sec01 .sec02_caption_upper span {
    font-size: 2.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec01 .sec02_caption_upper {
    width: 70.6666666667vw;
    height: 9.8666666667vw;
    background: url(../images/sec01_caption_upper_bg_sp.png) center bottom no-repeat;
    background-size: 70.6666666667vw 4.2666666667vw;
    padding-bottom: 4.9333333333vw;
    font-size: 3.4666666667vw;
  }
  #sec01 .sec02_caption_upper span {
    font-size: 4.5333333333vw;
  }
}
#sec01 .caption {
  margin-top: 6px;
  font-size: 40px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec01 .caption {
    margin-top: 0.5vw;
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec01 .caption {
    margin-top: 0.6666666667vw;
    font-size: 8.8vw;
    line-height: 12.1333333333vw;
  }
}
#sec01 .sec01_box {
  margin: 28px auto 0;
  width: 810px;
  height: 312px;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-filter: drop-shadow(3px 8px 8px rgba(0, 35, 61, 0.3));
          filter: drop-shadow(3px 8px 8px rgba(0, 35, 61, 0.3));
  padding: 65px 0 0 62px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec01 .sec01_box {
    margin: 2.3333333333vw auto 0;
    width: 67.5vw;
    height: 26vw;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-filter: drop-shadow(3px 8px 8px rgba(0, 35, 61, 0.3));
            filter: drop-shadow(3px 8px 8px rgba(0, 35, 61, 0.3));
    padding: 5.4166666667vw 0 0 5.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec01 .sec01_box {
    margin: 4.8vw auto 0;
    width: 90.6666666667vw;
    height: 92vw;
    padding: 8.2666666667vw 0 0 6.1333333333vw;
  }
}
#sec01 .sec01_box_list li {
  position: relative;
  padding-left: 40px;
  font-size: 19px;
  color: #353535;
  letter-spacing: 0.04em;
  line-height: 26px;
  margin-bottom: 26px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec01 .sec01_box_list li {
    padding-left: 3.3333333333vw;
    font-size: 1.5833333333vw;
    line-height: 2.1666666667vw;
    margin-bottom: 2.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec01 .sec01_box_list li {
    padding-left: 5.0666666667vw;
    font-size: 4vw;
    line-height: 7.2vw;
    margin-bottom: 5.3333333333vw;
  }
}
#sec01 .sec01_box_list li::before {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(../images/sec01_check_icon.png) left top no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec01 .sec01_box_list li::before {
    width: 2.1666666667vw;
    height: 2.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec01 .sec01_box_list li::before {
    left: 0;
    top: 1.8666666667vw;
    width: 4vw;
    height: 4vw;
  }
}
#sec01 .sec01_box_list li span {
  background-color: #83589a;
  font-weight: 700;
  color: #ffffff;
  padding: 0 2px 2px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec01 .sec01_box_list li span {
    padding: 0 0.1666666667vw 0.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec01 .sec01_box_list li span {
    padding: 0 0.1333333333vw 0.1333333333vw;
  }
}

/**-----------------------------------------------------------------
  sec02:音楽教育の新しいスタンダード！
        自動運転の高度な解析技術を楽器練習に応用したMUSICLE
-----------------------------------------------------------------**/
#sec02 {
  background: url(../images/sec02_bg.jpg) center top no-repeat;
  background-size: 2000px 1403px;
  height: 1403px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 {
    background-size: 166.6666666667vw 116.9166666667vw;
    height: 116.9166666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 {
    background: url(../images/sec02_bg_sp.jpg) center top no-repeat;
    background-size: 100vw 348.5333333333vw;
    height: 348.5333333333vw;
  }
}
#sec02 .sec02_text1 {
  padding-top: 8px;
  font-size: 26px;
  font-weight: 500;
  color: #9592a4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_text1 {
    padding-top: 0.6666666667vw;
    font-size: 2.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_text1 {
    padding-top: 2.1333333333vw;
    font-size: 4.5333333333vw;
  }
}
#sec02 .sec02_text2 {
  margin-top: 108px;
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_text2 {
    margin-top: 9vw;
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_text2 {
    margin-top: 11.7333333333vw;
    font-size: 4.5333333333vw;
  }
}
#sec02 .caption1 {
  width: 527px;
  height: 47px;
  margin: 20px auto 0;
  background-color: #ffffff;
  font-size: 35px;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 45px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .caption1 {
    width: 43.9166666667vw;
    height: 3.9166666667vw;
    margin: 1.6666666667vw auto 0;
    font-size: 2.9166666667vw;
    line-height: 3.75vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .caption1 {
    width: 86.6666666667vw;
    height: 7.2vw;
    margin: 3.4666666667vw auto 0;
    font-size: 5.8666666667vw;
    line-height: 6.6666666667vw;
  }
}
#sec02 .caption2 {
  width: 650px;
  height: 47px;
  margin: 20px auto 0;
  background-color: #ffffff;
  font-size: 35px;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .caption2 {
    width: 54.1666666667vw;
    height: 4vw;
    margin: 1.6666666667vw auto 0;
    font-size: 2.9166666667vw;
    line-height: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .caption2 {
    width: 76vw;
    height: 9.0666666667vw;
    margin: 4.2666666667vw auto 0;
    font-size: 6.5333333333vw;
    line-height: 8.6666666667vw;
  }
  #sec02 .caption2.sp2 {
    width: 45.3333333333vw;
    height: 9.0666666667vw;
    margin: 2.4vw auto 0;
  }
}
#sec02 .caption2 .strong {
  font-size: 42px;
  color: #e04491;
  padding-top: 0.25em;
  background-position: top left -1px;
  background-repeat: repeat-x;
  background-size: 1.06em 0.5em;
  background-image: radial-gradient(0.08em 0.08em at center center, #ffffff, #ffffff 100%, transparent, transparent);
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .caption2 .strong {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .caption2 .strong {
    font-size: 7.4666666667vw;
  }
}
#sec02 .caption2 .zen_maru {
  font-size: 45px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .caption2 .zen_maru {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .caption2 .zen_maru {
    font-size: 8vw;
  }
}
#sec02 .sec02_honda_logo {
  margin: 18px 0 0 646px;
  width: 258px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_honda_logo {
    margin: 1.5vw 0 0 53.8333333333vw;
    width: 21.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_honda_logo {
    margin: 3.2vw auto 0;
    width: 36.8vw;
  }
}
#sec02 .sec02_img2 {
  position: relative;
  margin: 54px auto 0;
  width: 1100px;
  height: 480px;
  -webkit-filter: drop-shadow(4px 11px 11px rgba(0, 35, 61, 0.3));
          filter: drop-shadow(4px 11px 11px rgba(0, 35, 61, 0.3));
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_img2 {
    margin: 4.5vw auto 0;
    width: 91.6666666667vw;
    height: 40vw;
    -webkit-filter: drop-shadow(0.3333333333vw 0.9166666667vw 0.9166666667vw rgba(0, 35, 61, 0.3));
            filter: drop-shadow(0.3333333333vw 0.9166666667vw 0.9166666667vw rgba(0, 35, 61, 0.3));
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_img2 {
    margin: 9.0666666667vw auto 0;
    width: 85.3333333333vw;
    height: 136vw;
  }
}
#sec02 .sec02_balloon_wrap {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 52px;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_balloon_wrap {
    bottom: 4.3333333333vw;
    padding: 0 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_balloon_wrap {
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    bottom: unset;
    top: 0;
    padding: 0;
  }
}
#sec02 .sec02_balloon_wrap .balloon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 11px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_balloon_wrap .balloon {
    padding-top: 0.9166666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_balloon_wrap .balloon {
    padding-top: unset;
  }
}
#sec02 .sec02_balloon_wrap .balloon.balloon1, #sec02 .sec02_balloon_wrap .balloon.balloon3 {
  width: 240px;
  height: 71px;
  background: url(../images/sec02_balloon1.png) center top no-repeat;
  background-size: contain;
  font-size: 18px;
  line-height: 24px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_balloon_wrap .balloon.balloon1, #sec02 .sec02_balloon_wrap .balloon.balloon3 {
    width: 20vw;
    height: 5.9166666667vw;
    font-size: 1.5vw;
    line-height: 2vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_balloon_wrap .balloon.balloon1, #sec02 .sec02_balloon_wrap .balloon.balloon3 {
    width: 27.4666666667vw;
    height: 19.2vw;
    font-size: 2.9333333333vw;
    line-height: 3.8666666667vw;
    background: url(../images/sec02_balloon1_sp.png) center top no-repeat;
    background-size: contain;
    position: absolute;
    padding-right: 1.8666666667vw;
    top: 15.4666666667vw;
    left: 9.6vw;
  }
}
#sec02 .sec02_balloon_wrap .balloon.balloon2 {
  bottom: -3px;
  width: 360px;
  height: 47px;
  background: url(../images/sec02_balloon2.png) center top no-repeat;
  background-size: contain;
  font-size: 20px;
  line-height: 28px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_balloon_wrap .balloon.balloon2 {
    bottom: -0.25vw;
    width: 30vw;
    height: 3.9166666667vw;
    font-size: 1.6666666667vw;
    line-height: 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_balloon_wrap .balloon.balloon2 {
    width: 27.4666666667vw;
    height: 19.2vw;
    font-size: 3.2vw;
    line-height: 4.4vw;
    background: url(../images/sec02_balloon2_sp.png) center top no-repeat;
    background-size: contain;
    position: absolute;
    padding-right: 1.8666666667vw;
    top: 58.2666666667vw;
    left: 4.5333333333vw;
    bottom: unset;
  }
}
#sec02 .sec02_balloon_wrap .balloon.balloon3 {
  background: url(../images/sec02_balloon3.png) center top no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_balloon_wrap .balloon.balloon3 {
    background: url(../images/sec02_balloon3_sp.png) center top no-repeat;
    background-size: contain;
    position: absolute;
    top: unset;
    left: 13.8666666667vw;
    bottom: 10.9333333333vw;
  }
}
#sec02 .sec02_textwrap {
  margin: 55px auto 0;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_textwrap {
    margin: 4.5833333333vw auto 0;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_textwrap {
    margin: 9.7333333333vw auto 0;
  }
}
#sec02 .sec02_textwrap .sec02_text3 {
  font-size: 18px;
  line-height: 40px;
  color: #232323;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_textwrap .sec02_text3 {
    font-size: 1.5vw;
    line-height: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_textwrap .sec02_text3 {
    font-size: 3.7333333333vw;
    line-height: 7.2vw;
  }
}
#sec02 .sec02_textwrap .sec02_text4 {
  font-size: 27px;
  font-weight: 700;
  line-height: 52px;
  color: #232323;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_textwrap .sec02_text4 {
    font-size: 2.25vw;
    line-height: 4.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_textwrap .sec02_text4 {
    font-size: 4.9333333333vw;
    line-height: 8.8vw;
  }
}
#sec02 .sec02_textwrap .sec02_text4 span.color_pink {
  color: #e04491;
}
#sec02 .sec02_textwrap .sec02_text4 span.color_blue {
  color: #2d88dc;
}
#sec02 .sec02_award_banner {
  margin: 12px auto 0;
  width: 760px;
  -webkit-filter: drop-shadow(4px 10px 10px rgba(0, 35, 61, 0.3));
          filter: drop-shadow(4px 10px 10px rgba(0, 35, 61, 0.3));
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec02 .sec02_award_banner {
    margin: 1vw auto 0;
    width: 63.3333333333vw;
    -webkit-filter: drop-shadow(0.3333333333vw 0.8333333333vw 0.8333333333vw rgba(0, 35, 61, 0.3));
            filter: drop-shadow(0.3333333333vw 0.8333333333vw 0.8333333333vw rgba(0, 35, 61, 0.3));
  }
}
@media screen and (max-width: 750px) {
  #sec02 .sec02_award_banner {
    margin: 7.3333333333vw auto 0;
    width: 80vw;
  }
}

/**-----------------------------------------------------------------
  sec03:COMMENT その効果を実感しています！
-----------------------------------------------------------------**/
#sec03 {
  background: url(../images/sec03_bg.jpg) center top no-repeat;
  background-size: 2000px 1410px;
  height: 1410px;
  padding-top: 254px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 {
    background-size: 166.6666666667vw 117.5vw;
    height: 117.5vw;
    padding-top: 21.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 {
    background: url(../images/sec03_bg_sp.jpg) center top no-repeat;
    background-size: 100vw 362.6666666667vw;
    height: 362.6666666667vw;
    padding-top: 30.6666666667vw;
  }
}
#sec03 .sec03_comment {
  width: 134px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_comment {
    width: 11.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_comment {
    width: 22.5333333333vw;
  }
}
#sec03 .sec03_balloon1 {
  margin: 20px auto 0;
  width: 593px;
  height: 77px;
  padding-bottom: 19px;
  background: url(../images/sec03_balloon1.png) center top no-repeat;
  background-size: contain;
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 58px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_balloon1 {
    margin: 1.6666666667vw auto 0;
    width: 49.4166666667vw;
    height: 6.4166666667vw;
    padding-bottom: 1.5833333333vw;
    font-size: 2.3333333333vw;
    line-height: 4.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_balloon1 {
    margin: 2.6666666667vw auto 0;
    width: 79.0666666667vw;
    height: 10.2666666667vw;
    padding-bottom: 2.5333333333vw;
    font-size: 3.7333333333vw;
    line-height: 7.7333333333vw;
  }
}
#sec03 .sec03_caption {
  margin-top: 10px;
  font-size: 46px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_caption {
    margin-top: 0.8333333333vw;
    font-size: 3.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_caption {
    margin-top: 1.8666666667vw;
    font-size: 9.0666666667vw;
    line-height: 14.2666666667vw;
  }
}
#sec03 .sec03_caption span.color_pink {
  color: #e04491;
}
#sec03 .sec03_caption span.f56 {
  font-size: 56px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_caption span.f56 {
    font-size: 4.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_caption span.f56 {
    font-size: 10.4vw;
  }
}
#sec03 .sec03_panel {
  position: relative;
  margin: 82px auto 0;
  width: 1100px;
  height: 577px;
  background: url(../images/sec03_panel1.png) center top no-repeat;
  background-size: contain;
  padding-top: 58px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel {
    margin: 6.8333333333vw auto 0;
    width: 91.6666666667vw;
    height: 48.0833333333vw;
    padding-top: 4.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel {
    margin: 4.2666666667vw auto 0;
    width: 96vw;
    height: 194.6666666667vw;
    background: url(../images/sec03_panel1_sp.png) center top no-repeat;
    background-size: contain;
    padding-top: 7.7333333333vw;
  }
}
#sec03 .sec03_panel .sec03_balloon2 {
  position: absolute;
  width: 320px;
  height: 110px;
  top: 20px;
  left: 40px;
  background: url(../images/sec03_balloon2.png) center top no-repeat;
  background-size: contain;
  padding-bottom: 24px;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel .sec03_balloon2 {
    width: 26.6666666667vw;
    height: 9.1666666667vw;
    top: 1.6666666667vw;
    left: 3.3333333333vw;
    padding-bottom: 2vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel .sec03_balloon2 {
    width: 57.0666666667vw;
    height: 18.5333333333vw;
    top: 52.4vw;
    left: 2.1333333333vw;
    background: url(../images/sec03_balloon2_sp.png) center top no-repeat;
    background-size: contain;
    padding-bottom: 3.0666666667vw;
  }
}
#sec03 .sec03_panel .sec03_balloon2 .sec03_balloon2_text {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 28px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel .sec03_balloon2 .sec03_balloon2_text {
    font-size: 1.5vw;
    line-height: 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel .sec03_balloon2 .sec03_balloon2_text {
    font-size: 3.4666666667vw;
    line-height: 4.8vw;
  }
}
#sec03 .sec03_panel .sec03_panel_text1 {
  margin-left: 442px;
  font-size: 18px;
  color: #ffffff;
  line-height: 42px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel .sec03_panel_text1 {
    margin-left: 36.8333333333vw;
    font-size: 1.5vw;
    line-height: 3.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel .sec03_panel_text1 {
    margin-left: 8.8vw;
    font-size: 3.7333333333vw;
    color: #ffffff;
    line-height: 6.4vw;
  }
}
#sec03 .sec03_panel .sec03_panel_text1 span {
  font-size: 25px;
  font-weight: 700;
  background: linear-gradient(transparent 20%, #e04491 20%, #e04491 95%, transparent 95%);
  padding: 0 2px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel .sec03_panel_text1 span {
    font-size: 2.0833333333vw;
    padding: 0 0.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel .sec03_panel_text1 span {
    font-size: 4.6666666667vw;
    padding: 3px 2px 1px;
  }
}
#sec03 .sec03_panel .sec03_panel_name {
  margin: 80px 0 0 447px;
  font-size: 28px;
  font-weight: 500;
  color: #e04491;
  letter-spacing: 0.04em;
}
#sec03 .sec03_panel .sec03_panel_name span {
  font-size: 22px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel .sec03_panel_name {
    margin: 6.6666666667vw 0 0 37.25vw;
    font-size: 2.3333333333vw;
  }
  #sec03 .sec03_panel .sec03_panel_name span {
    font-size: 1.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel .sec03_panel_name {
    margin: 37.0666666667vw 0 0 48vw;
    font-size: 4.8vw;
  }
  #sec03 .sec03_panel .sec03_panel_name span {
    font-size: 4.2666666667vw;
  }
}
#sec03 .sec03_panel .sec03_panel_text2 {
  margin: 26px 0 0 447px;
  font-size: 16px;
  font-weight: 700;
  color: #615c77;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel .sec03_panel_text2 {
    margin: 2.1666666667vw 0 0 37.25vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel .sec03_panel_text2 {
    margin: 4.2666666667vw 0 0 48vw;
    font-size: 3.4666666667vw;
    line-height: 5.6vw;
  }
}
#sec03 .sec03_panel .sec03_panel_text3 {
  margin: 20px 0 0 447px;
  font-size: 13px;
  color: #615c77;
  line-height: 26px;
}
#sec03 .sec03_panel .sec03_panel_text3 span {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_panel .sec03_panel_text3 {
    margin: 1.6666666667vw 0 0 37.25vw;
    font-size: 1.0833333333vw;
    line-height: 2.1666666667vw;
  }
  #sec03 .sec03_panel .sec03_panel_text3 span {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_panel .sec03_panel_text3 {
    margin: 8.9333333333vw 0 0 12vw;
    font-size: 3.2vw;
    color: #615c77;
    line-height: 5.8666666667vw;
  }
  #sec03 .sec03_panel .sec03_panel_text3 span {
    font-size: 3.7333333333vw;
  }
}
#sec03 .sec03_message_from_parents {
  width: 730px;
  margin: 43px auto 0;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_message_from_parents {
    width: 60.8333333333vw;
    margin: 3.5833333333vw auto 0;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_message_from_parents {
    width: 81.3333333333vw;
    margin: 10.6666666667vw auto 0;
  }
}
#sec03 .sec03_message_from_parents .sec03_message_caption {
  width: 100%;
  height: 76px;
  align-items: flex-end;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption {
    width: 100%;
    height: 6.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption {
    width: 81.3333333333vw;
    height: 16.6666666667vw;
  }
}
#sec03 .sec03_message_from_parents .sec03_message_caption .sec03_person_icon {
  width: 80px;
  margin-right: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .sec03_person_icon {
    width: 6.6666666667vw;
    margin-right: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .sec03_person_icon {
    width: 17.3333333333vw;
    margin-right: 0;
  }
}
#sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox {
  margin-bottom: 10px;
  border-bottom: 1px #615c77 solid;
  padding-bottom: 12px;
  align-items: flex-end;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox {
    margin-bottom: 0.8333333333vw;
    padding-bottom: 1vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox {
    display: block;
    margin-bottom: 3.0666666667vw;
    border-bottom: 2px #615c77 solid;
    padding-bottom: 2.6666666667vw;
  }
}
#sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox .caption_text_en {
  font-size: 27px;
  font-weight: 700;
  color: #615c77;
  margin-right: 30px;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox .caption_text_en {
    font-size: 2.25vw;
    margin-right: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox .caption_text_en {
    font-size: 3.4666666667vw;
    margin-right: 0;
    padding-left: 4vw;
  }
}
#sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox .caption_text {
  font-size: 17px;
  font-weight: 500;
  color: #615c77;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox .caption_text {
    font-size: 1.4166666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_message_from_parents .sec03_message_caption .caption_textbox .caption_text {
    font-size: 4vw;
    letter-spacing: 0.14em;
    padding-top: 3.4666666667vw;
    padding-left: 4vw;
  }
}
#sec03 .sec03_message_from_parents .sec03_message {
  margin: 6px 0 0 6px;
  width: 730px;
  font-size: 18px;
  color: #615c77;
  line-height: 38px;
}
#sec03 .sec03_message_from_parents .sec03_message span {
  font-size: 20px;
  font-weight: 700;
  color: #e04491;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec03 .sec03_message_from_parents .sec03_message {
    margin: 0.5vw 0 0 6px;
    width: 60.8333333333vw;
    font-size: 1.5vw;
    line-height: 3.1666666667vw;
  }
  #sec03 .sec03_message_from_parents .sec03_message span {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec03_message_from_parents .sec03_message {
    margin: 2.4vw auto 0;
    width: 82.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
  }
  #sec03 .sec03_message_from_parents .sec03_message span {
    font-size: 4vw;
  }
}

/**-----------------------------
  sec04:MUSICLEが選ばれる3つの理由
-----------------------------**/
#sec04 {
  background: url(../images/sec04_bg.jpg) center top no-repeat;
  background-size: 2000px 2430px;
  height: 2430px;
  padding-top: 153px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 {
    background-size: 166.6666666667vw 202.5vw;
    height: 202.5vw;
    padding-top: 12.75vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 {
    background: url(../images/sec04_bg_sp.jpg) center top no-repeat;
    background-size: 100vw 549.3333333333vw;
    height: 549.3333333333vw;
    padding-top: 18.2666666667vw;
  }
}
#sec04 .sec04_balloon1 {
  margin: 0 auto;
  width: 900px;
  height: 109px;
  background: url(../images/sec04_balloon1.png) center top no-repeat;
  background-size: contain;
  padding-bottom: 19px;
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  line-height: 90px;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_balloon1 {
    width: 75vw;
    height: 9.0833333333vw;
    padding-bottom: 1.5833333333vw;
    font-size: 3.1666666667vw;
    line-height: 7.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_balloon1 {
    width: 92vw;
    height: 13.3333333333vw;
    background: url(../images/sec04_balloon1_sp.png) center top no-repeat;
    background-size: contain;
    padding-bottom: 2.1333333333vw;
    font-size: 4.2666666667vw;
    line-height: 11.2vw;
    letter-spacing: 0.06em;
  }
}
#sec04 .sec04_title {
  margin: 8px auto 0;
  width: 728px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_title {
    margin: 0.6666666667vw auto 0;
    width: 60.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_title {
    margin: 5.0666666667vw auto 0;
    width: 71.4666666667vw;
  }
}
#sec04 .sec04_point_box {
  position: relative;
}
#sec04 .sec04_point_box.point01_box {
  margin: 108px 0 0 584px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box.point01_box {
    margin: 9vw 0 0 48.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box.point01_box {
    margin: 6.9333333333vw 0 0 0;
  }
}
#sec04 .sec04_point_box.point02_box {
  margin: 134px 0 0 58px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box.point02_box {
    margin: 11.1666666667vw 0 0 4.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box.point02_box {
    margin: 14.4vw 0 0 0;
  }
}
#sec04 .sec04_point_box.point03_box {
  margin: 163px 0 0 590px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box.point03_box {
    margin: 13.5833333333vw 0 0 49.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box.point03_box {
    margin: 12.5333333333vw 0 0 0;
  }
}
#sec04 .sec04_point_box .point01_icon {
  position: absolute;
  width: 140px;
  top: -32px;
  left: -164px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point01_icon {
    width: 11.6666666667vw;
    top: -2.6666666667vw;
    left: -13.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point01_icon {
    position: relative;
    margin-bottom: 4.9333333333vw;
    width: 95.2vw;
    top: unset;
    left: unset;
  }
}
#sec04 .sec04_point_box .point02_icon {
  position: absolute;
  width: 140px;
  top: -36px;
  left: 562px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point02_icon {
    width: 11.6666666667vw;
    top: -3vw;
    left: 46.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point02_icon {
    position: relative;
    width: 95.2vw;
    margin-left: 4.8vw;
    margin-bottom: 6.6666666667vw;
    top: unset;
    left: unset;
  }
}
#sec04 .sec04_point_box .point03_icon {
  position: absolute;
  width: 140px;
  top: -36px;
  left: -158px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point03_icon {
    width: 11.6666666667vw;
    top: -3vw;
    left: -13.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point03_icon {
    position: relative;
    margin-bottom: 6vw;
    width: 95.2vw;
    top: unset;
    left: unset;
  }
}
#sec04 .sec04_point_box .point_caption {
  position: relative;
}
#sec04 .sec04_point_box .point_caption.point01_1 {
  width: 478px;
  height: 43px;
  margin-bottom: 15px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point01_1 {
    width: 39.8333333333vw;
    height: 3.5833333333vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point01_1 {
    width: 74.6666666667vw;
    height: 6.4vw;
    margin-left: 5.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption.point01_2 {
  width: 460px;
  height: 56px;
  margin-bottom: 15px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point01_2 {
    width: 38.3333333333vw;
    height: 4.6666666667vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point01_2 {
    width: 69.3333333333vw;
    height: 8vw;
    margin-left: 5.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption.point01_3 {
  width: 610px;
  height: 56px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point01_3 {
    width: 50.4166666667vw;
    height: 4.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point01_3 {
    width: 90.6666666667vw;
    height: 8vw;
    margin-left: 5.2vw;
    margin-bottom: 5.3333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption.point02_1 {
  width: 470px;
  height: 62px;
  margin-bottom: 15px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point02_1 {
    width: 39.1666666667vw;
    height: 5.1666666667vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point02_1 {
    width: 62.6666666667vw;
    height: 8vw;
    margin-left: 5.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption.point02_2 {
  width: 304px;
  height: 43px;
  margin-bottom: 15px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point02_2 {
    width: 25.3333333333vw;
    height: 3.5833333333vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point02_2 {
    width: 48vw;
    height: 6.4vw;
    margin-left: 5.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption.point02_3 {
  width: 538px;
  height: 43px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point02_3 {
    width: 44.8333333333vw;
    height: 3.5833333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point02_3 {
    width: 84vw;
    height: 6.4vw;
    margin-left: 5.2vw;
    margin-bottom: 5.0666666667vw;
  }
}
#sec04 .sec04_point_box .point_caption.point03_1 {
  width: 440px;
  height: 43px;
  margin-bottom: 15px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point03_1 {
    width: 36.6666666667vw;
    height: 3.5833333333vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point03_1 {
    width: 69.3333333333vw;
    height: 6.4vw;
    margin-left: 5.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption.point03_2 {
  width: 538px;
  height: 62px;
  margin-bottom: 15px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point03_2 {
    width: 44.8333333333vw;
    height: 5.1666666667vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point03_2 {
    width: 69.3333333333vw;
    height: 8vw;
    margin-left: 5.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption.point03_3 {
  width: 454px;
  height: 62px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption.point03_3 {
    width: 37.8333333333vw;
    height: 5.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption.point03_3 {
    width: 58.6666666667vw;
    height: 8vw;
    margin-left: 5.2vw;
    margin-bottom: 5.6vw;
  }
}
#sec04 .sec04_point_box .point_caption .point_caption_content {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding-left: 10px;
  font-size: 24px;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption .point_caption_content {
    padding-left: 0.8333333333vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption .point_caption_content {
    padding-left: 1.6vw;
    font-size: 3.7333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption .point_caption_content.bigger {
  font-size: 36px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption .point_caption_content.bigger {
    font-size: 3vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption .point_caption_content.bigger {
    padding-left: 1.6vw;
    font-size: 5.3333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption .point_caption_content.bigger2 {
  font-size: 42px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption .point_caption_content.bigger2 {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption .point_caption_content.bigger2 {
    padding-left: 1.6vw;
    font-size: 5.3333333333vw;
  }
}
#sec04 .sec04_point_box .point_caption::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 5px;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f988d3 0%, #aa8cfe 50%, #73c3f3 100%);
  -webkit-filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.15));
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_caption::before {
    top: 0.4166666667vw;
    left: 0.4166666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_caption::before {
    top: 0.6666666667vw;
    left: 0.6666666667vw;
  }
}
#sec04 .sec04_point_box .point_text {
  margin-top: 44px;
  width: 584px;
  padding-left: 0.5em;
  font-size: 18px;
  color: #232323;
  line-height: 38px;
}
#sec04 .sec04_point_box .point_text span {
  color: #e04491;
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec04 .sec04_point_box .point_text {
    margin-top: 3.6666666667vw;
    width: 48.6666666667vw;
    font-size: 1.5vw;
    line-height: 3.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec04 .sec04_point_box .point_text {
    margin-top: 0;
    width: 88vw;
    padding-left: 0;
    margin-left: 6.6666666667vw;
    font-size: 3.7333333333vw;
    color: #232323;
    line-height: 7.4666666667vw;
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
  }
}

/**-----------------------------
  sec05:嬉しい声が届いています。
-----------------------------**/
#sec05 {
  background: url(../images/sec05_bg.jpg) center top no-repeat;
  background-size: 2000px 280px;
  height: 914px;
  padding-top: 42px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 {
    background: url(../images/sec05_bg.jpg) center top no-repeat;
    background-size: 166.6666666667vw 23.3333333333vw;
    height: 76.1666666667vw;
    padding-top: 3.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 {
    background: url(../images/sec05_bg_sp.jpg) center top no-repeat;
    background-size: 100% 32vw;
    height: 197.3333333333vw;
    padding-top: 12.6666666667vw;
  }
}
#sec05 .sec05_balloon1 {
  margin: 0 auto;
  width: 440px;
  height: 94px;
  background: url(../images/sec05_balloon1.png) center top no-repeat;
  background-size: contain;
  padding-bottom: 14px;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 80px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_balloon1 {
    width: 36.6666666667vw;
    height: 7.8333333333vw;
    padding-bottom: 1.1666666667vw;
    font-size: 2.5vw;
    line-height: 6.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_balloon1 {
    width: 58.6666666667vw;
    height: 12.5333333333vw;
    padding-bottom: 1.8666666667vw;
    font-size: 4vw;
    line-height: 10.6666666667vw;
  }
}
#sec05 .sec05_balloon1 span {
  color: #e04491;
}
#sec05 .sec05_caption {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 54px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_caption {
    margin-top: 1.6666666667vw;
    margin-bottom: 2.5vw;
    font-size: 4.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_caption {
    margin-top: 2.6666666667vw;
    margin-bottom: 7.2vw;
    font-size: 7.2vw;
  }
}
#sec05 .sec05_voice_list {
  margin-top: 42px;
  padding-bottom: 25px;
  position: relative;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list {
    margin-top: 3.5vw;
    padding-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list {
    margin-top: 3.2vw;
    padding-bottom: 3.3333333333vw;
  }
}
#sec05 .sec05_voice_list .splide__track {
  cursor: -webkit-grab;
  cursor: grab;
}
#sec05 .sec05_voice_list .splide__track:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#sec05 .sec05_voice_list li.voice_list {
  position: relative;
  width: 480px !important;
  margin: 42px 60px 50px 0;
  background: url(../images/sec05_voice_list_bg.png) center top/100% auto no-repeat #fff;
  border-radius: 20px;
  -webkit-filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list {
    width: 40vw !important;
    margin: 3.5vw 5vw 4.1666666667vw 0;
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list {
    width: 64vw !important;
    margin: 3.2vw 8vw 6.6666666667vw 0;
    background-image: url(../images/sec05_voice_list_bg_sp.png);
    border-radius: 2.6666666667vw;
  }
}
#sec05 .sec05_voice_list li.voice_list .voice_photo {
  display: block;
  position: absolute;
  width: 138px;
  height: 138px;
  border-radius: 50%;
  top: -42px;
  left: 27px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list .voice_photo {
    width: 11.5vw;
    height: 11.5vw;
    top: -3.5vw;
    left: 2.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list .voice_photo {
    width: 20vw;
    height: 20vw;
    top: -3.2vw;
    left: 2.6666666667vw;
  }
}
#sec05 .sec05_voice_list li.voice_list .caption_area {
  position: relative;
  height: 100px;
  padding-left: 182px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list .caption_area {
    height: 8.3333333333vw;
    padding-left: 15.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list .caption_area {
    height: 14.6666666667vw;
    padding-left: 25.3333333333vw;
  }
}
#sec05 .sec05_voice_list li.voice_list .caption_area .name {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #5a456a;
  line-height: 29px;
}
#sec05 .sec05_voice_list li.voice_list .caption_area .name .f20 {
  font-size: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list .caption_area .name {
    font-size: 2.1666666667vw;
    line-height: 2.4166666667vw;
  }
  #sec05 .sec05_voice_list li.voice_list .caption_area .name .f20 {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list .caption_area .name {
    font-size: 4.5333333333vw;
    line-height: 5.4666666667vw;
  }
  #sec05 .sec05_voice_list li.voice_list .caption_area .name .f20 {
    font-size: 3.2vw;
  }
}
#sec05 .sec05_voice_list li.voice_list .contents_area {
  padding: 18px 40px 50px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area {
    padding: 1.5vw 3.3333333333vw 4.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area {
    padding: 2.4vw 4.5333333333vw 8vw;
  }
}
#sec05 .sec05_voice_list li.voice_list .contents_area .title_box {
  min-height: 98px;
  margin-bottom: 15px;
  padding-bottom: 18px;
  background: url(../images/sec05_voice_list_hr.png) center bottom/100% auto no-repeat;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area .title_box {
    min-height: 8.1666666667vw;
    margin-bottom: 1.25vw;
    padding-bottom: 1.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area .title_box {
    min-height: 24vw;
    margin-bottom: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
    background-image: url(../images/sec05_voice_list_hr_sp.png);
  }
}
#sec05 .sec05_voice_list li.voice_list .contents_area .title {
  font-size: 23px;
  font-weight: 700;
  line-height: 40px;
  color: #f988d3;
  background: -webkit-linear-gradient(0deg, #f988d3, #9069fe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area .title {
    font-size: 1.9166666667vw;
    line-height: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area .title {
    font-size: 4.5333333333vw;
    line-height: 6.6666666667vw;
  }
}
#sec05 .sec05_voice_list li.voice_list .contents_area .text {
  font-size: 18px;
  color: #232323;
  line-height: 38px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area .text {
    font-size: 1.5vw;
    line-height: 3.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .sec05_voice_list li.voice_list .contents_area .text {
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
  }
}
#sec05 .splide__pagination {
  bottom: 0;
}
#sec05 .splide__pagination__page {
  background: #fff;
  border: #969696 1px solid;
  opacity: 1;
  width: 20px;
  height: 20px;
  margin: 0 15px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec05 .splide__pagination__page {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    margin: 0 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec05 .splide__pagination__page {
    width: 3vw;
    height: 3vw;
    margin: 0 1.5vw;
  }
}
#sec05 .splide__pagination__page.is-active {
  background-color: #deb9fc;
  -webkit-transform: none;
          transform: none;
}

/**-----------------------------
  sec06:多くの楽器教室へ対応可能！
-----------------------------**/
#sec06 {
  background: url(../images/sec06_bg.jpg) center top no-repeat;
  background-size: 2000px 856px;
  height: 856px;
  padding-top: 176px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec06 {
    background: url(../images/sec06_bg.jpg) center top no-repeat;
    background-size: 166.6666666667vw 71.3333333333vw;
    height: 71.3333333333vw;
    padding-top: 14.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec06 {
    background: url(../images/sec06_bg_sp.jpg) center top no-repeat;
    background-size: 100vw 184vw;
    height: 184vw;
    padding-top: 26.9333333333vw;
  }
}
#sec06 .sec06_text1 {
  width: 548px;
  height: 30px;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  color: #452f5e;
  letter-spacing: 0.06em;
  text-align: center;
  background: url(../images/sec06_text1_bg.png) center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec06 .sec06_text1 {
    width: 45.6666666667vw;
    height: 2.5vw;
    font-size: 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec06 .sec06_text1 {
    width: 73.0666666667vw;
    height: 4vw;
    font-size: 3.7333333333vw;
  }
}
#sec06 .sec06_title {
  margin: 28px auto 0;
  font-size: 58px;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.06em;
  text-align: center;
}
#sec06 .sec06_title span {
  color: #e04491;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec06 .sec06_title {
    margin: 2.3333333333vw auto 0;
    font-size: 4.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec06 .sec06_title {
    margin: 2.6666666667vw auto 0;
    font-size: 9.3333333333vw;
    line-height: 12.1333333333vw;
  }
}
#sec06 .sec06_text2 {
  margin-top: 34px;
  font-size: 18px;
  color: #232323;
  text-align: center;
  line-height: 38px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec06 .sec06_text2 {
    margin-top: 2.8333333333vw;
    font-size: 1.5vw;
    line-height: 3.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec06 .sec06_text2 {
    margin-top: 6.1333333333vw;
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
  }
}
#sec06 .sec06_list {
  margin: 42px auto 0;
  justify-content: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec06 .sec06_list {
    margin: 3.5vw auto 0;
    -webkit-column-gap: 1.6666666667vw;
       -moz-column-gap: 1.6666666667vw;
            column-gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec06 .sec06_list {
    margin: 8.2666666667vw auto 0;
    -webkit-column-gap: 2.6666666667vw;
       -moz-column-gap: 2.6666666667vw;
            column-gap: 2.6666666667vw;
    row-gap: 2.9333333333vw;
    flex-wrap: wrap;
  }
}
#sec06 .sec06_list li {
  position: relative;
  width: 260px;
  height: 195px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec06 .sec06_list li {
    width: 21.6666666667vw;
    height: 16.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec06 .sec06_list li {
    width: 41.0666666667vw;
    height: 31.8666666667vw;
  }
}
#sec06 .sec06_list li .caption {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 26px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec06 .sec06_list li .caption {
    height: 2.1666666667vw;
    width: 100%;
    font-size: 1.3333333333vw;
    line-height: 2.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec06 .sec06_list li .caption {
    height: 5.0666666667vw;
    width: 100%;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
  }
}

/**----------------------------------------
  sec07:Price システム利用料と収益プラン
----------------------------------------**/
#sec07 {
  background: url(../images/sec07_bg.jpg) center top no-repeat;
  background-size: 2000px 923px;
  height: 923px;
  padding-top: 4px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 {
    background: url(../images/sec07_bg.jpg) center top no-repeat;
    background-size: 166.6666666667vw 76.9166666667vw;
    height: 76.9166666667vw;
    padding-top: 0.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 {
    background: url(../images/sec07_bg_sp.jpg) center top no-repeat;
    background-size: 100% 195.7333333333vw;
    height: 195.7333333333vw;
    padding-top: 14.6666666667vw;
  }
}
#sec07 .sec07_price {
  width: 73px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_price {
    width: 6.0833333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_price {
    width: 12.2666666667vw;
  }
}
#sec07 .sec07_title {
  margin-top: 22px;
  font-size: 58px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_title {
    margin-top: 1.8333333333vw;
    font-size: 4.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_title {
    margin-top: 1.3333333333vw;
    font-size: 8.8vw;
    line-height: 12.4vw;
  }
}
#sec07 .sec07_list {
  margin: 66px auto 0;
  width: 858px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list {
    margin: 5.5vw auto 0;
    width: 71.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list {
    margin: 6.6666666667vw auto 0;
    width: 90.4vw;
  }
}
#sec07 .sec07_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 858px;
  height: 110px;
  margin-bottom: 10px;
  background: url(../images/sec07_list.png) center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li {
    width: 71.5vw;
    height: 9.1666666667vw;
    margin-bottom: 0.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li {
    width: 90.4vw;
    height: 20vw;
    margin-bottom: 1.3333333333vw;
    background: url(../images/sec07_list_sp.png) center top no-repeat;
    background-size: contain;
  }
}
#sec07 .sec07_list li .caption_area {
  width: 360px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .caption_area {
    width: 30vw;
    height: 9.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .caption_area {
    width: 30.6666666667vw;
    height: 20vw;
  }
}
#sec07 .sec07_list li .caption_area .caption_text {
  font-size: 24px;
  font-weight: 500;
  color: #4f4a68;
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .caption_area .caption_text {
    font-size: 2vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .caption_area .caption_text {
    font-size: 3.7333333333vw;
  }
}
#sec07 .sec07_list li .price_area {
  width: 498px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .price_area {
    width: 41.5vw;
    height: 9.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .price_area {
    width: 59.7333333333vw;
    height: 20vw;
  }
}
#sec07 .sec07_list li .price_area .price_wrap .price {
  font-size: 46px;
  font-weight: 700;
  color: #e04491;
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .price_area .price_wrap .price {
    font-size: 3.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .price_area .price_wrap .price {
    font-size: 7.7333333333vw;
  }
}
#sec07 .sec07_list li .price_area .price_wrap .price span.f26b {
  font-size: 26px;
  font-weight: 900;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f26b {
    font-size: 2.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f26b {
    font-size: 5.0666666667vw;
  }
}
#sec07 .sec07_list li .price_area .price_wrap .price span.f18 {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f18 {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f18 {
    font-size: 3.4666666667vw;
  }
}
#sec07 .sec07_list li .price_area .price_wrap .price span.f28 {
  font-size: 28px;
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f28 {
    font-size: 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f28 {
    font-size: 5.3333333333vw;
  }
}
#sec07 .sec07_list li .price_area .price_wrap .price span.f30 {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f30 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .price_area .price_wrap .price span.f30 {
    font-size: 5.6vw;
  }
}
#sec07 .sec07_list li .price_area .price_wrap .note {
  margin-top: 8px;
  font-size: 14px;
  color: #4f4f4f;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li .price_area .price_wrap .note {
    margin-top: 0.6666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li .price_area .price_wrap .note {
    margin-top: 0.8vw;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
  }
}
#sec07 .sec07_list li.caption_list {
  height: 130px;
  background: url(../images/sec07_list_caption.png) center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li.caption_list {
    height: 10.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li.caption_list {
    height: 24.2666666667vw;
    background: url(../images/sec07_list_caption_sp.png) center top no-repeat;
    background-size: contain;
  }
}
#sec07 .sec07_list li.caption_list .caption_area {
  width: 360px;
  height: 130px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li.caption_list .caption_area {
    width: 30vw;
    height: 10.8333333333vw;
    padding-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li.caption_list .caption_area {
    width: 30.6666666667vw;
    height: 24.2666666667vw;
    padding-top: 4.2666666667vw;
  }
}
#sec07 .sec07_list li.caption_list .price_area {
  display: block;
  height: 130px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li.caption_list .price_area {
    height: 10.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li.caption_list .price_area {
    height: 24.2666666667vw;
  }
}
#sec07 .sec07_list li.caption_list .price_area .price_caption {
  width: 280px;
  height: 40px;
  margin-left: 100px;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li.caption_list .price_area .price_caption {
    width: 23.3333333333vw;
    height: 3.3333333333vw;
    margin-left: 8.3333333333vw;
    font-size: 1.8333333333vw;
    line-height: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li.caption_list .price_area .price_caption {
    width: 37.3333333333vw;
    height: 6.9333333333vw;
    margin-left: 10.9333333333vw;
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
  }
}
#sec07 .sec07_list li.caption_list .price_area .price_wrap {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li.caption_list .price_area .price_wrap {
    height: 7.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li.caption_list .price_area .price_wrap {
    height: 17.3333333333vw;
  }
}
#sec07 .sec07_list li.caption_list .price_area .price_wrap .price {
  font-size: 56px;
  font-weight: 700;
  color: #e04491;
  text-align: center;
  letter-spacing: 0.04em;
}
#sec07 .sec07_list li.caption_list .price_area .price_wrap .price span.f28b {
  font-size: 28px;
  font-weight: 900;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_list li.caption_list .price_area .price_wrap .price {
    font-size: 4.6666666667vw;
  }
  #sec07 .sec07_list li.caption_list .price_area .price_wrap .price span.f28b {
    font-size: 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_list li.caption_list .price_area .price_wrap .price {
    font-size: 9.0666666667vw;
  }
  #sec07 .sec07_list li.caption_list .price_area .price_wrap .price span.f28b {
    font-size: 5.3333333333vw;
  }
}
#sec07 .sec07_text {
  margin-top: 42px;
  font-size: 20px;
  color: #232323;
  line-height: 40px;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_text {
    margin-top: 3.5vw;
    font-size: 1.6666666667vw;
    line-height: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_text {
    margin-top: 8.2666666667vw;
    font-size: 4vw;
    line-height: 8vw;
  }
}
#sec07 .sec07_text .f24 {
  font-size: 24px;
  font-weight: 700;
  color: #232323;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_text .f24 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_text .f24 {
    font-size: 4.5333333333vw;
  }
}
#sec07 .sec07_text .f28pink {
  font-size: 28px;
  font-weight: 700;
  color: #e04491;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec07 .sec07_text .f28pink {
    font-size: 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec07 .sec07_text .f28pink {
    font-size: 5.0666666667vw;
  }
}

/**-----------------------------
  sec08:QA よくあるご質問
-----------------------------**/
#sec08 {
  background-color: #fdf4f9;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../images/sec08_bg.jpg);
  background-size: 2000px auto;
  min-height: 1027px;
  padding-top: 136px;
  padding-bottom: 110px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 {
    background-size: 166.6666666667vw auto;
    min-height: 85.5833333333vw;
    padding-top: 11.3333333333vw;
    padding-bottom: 9.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 {
    background-image: url(../images/sec08_bg_sp.jpg);
    background-size: 100% auto;
    min-height: 193.3333333333vw;
    padding-top: 17.0666666667vw;
    padding-bottom: 14.6666666667vw;
  }
}
#sec08 .sec08_title {
  margin: 0 0 38px 130px;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #e04491;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_title {
    margin: 0 0 3.1666666667vw 10.8333333333vw;
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_title {
    margin: 0 0 6.6666666667vw 4vw;
    font-size: 6.6666666667vw;
  }
}
#sec08 .sec08_qa_list {
  width: 1020px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list {
    width: 85vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list {
    width: 92vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper {
  margin-bottom: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper {
    margin-bottom: 5.3333333333vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper .qbox {
  display: flex;
  position: relative;
  padding: 17px 44px 17px 70px;
  border-radius: 20px;
  background: #d81787;
  background: linear-gradient(to right, #E0459F 0%, #CC55B9 35%, #A960C5 70%, #57A0E3 100%);
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox {
    padding: 1.4166666667vw 3.6666666667vw 1.4166666667vw 5.8333333333vw;
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox {
    padding: 3.4666666667vw 4.5333333333vw 3.2vw 4.2666666667vw;
    border-radius: 2.6666666667vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper .qbox .q_icon {
  width: 80px;
  padding-top: 5px;
}
#sec08 .sec08_qa_list li.qa_wrapper .qbox .q_icon > img {
  width: 44px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_icon {
    width: 6.6666666667vw;
    padding-top: 0.4166666667vw;
  }
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_icon > img {
    width: 3.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_icon {
    width: 10.1333333333vw;
    padding-top: 1.0666666667vw;
  }
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_icon > img {
    width: 5.8666666667vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper .qbox .q_text {
  flex-grow: 2;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #ffffff;
  line-height: 38px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_text {
    font-size: 2.3333333333vw;
    line-height: 3.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_text {
    font-size: 4.5333333333vw;
    line-height: 6.1333333333vw;
    width: 66.6666666667vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper .qbox .q_arrow {
  position: absolute;
  width: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 44px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_arrow {
    width: 2.1666666667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 3.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper .qbox .q_arrow {
    width: 3.4666666667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 4.5333333333vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper .qbox.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#sec08 .sec08_qa_list li.qa_wrapper .qbox.active .q_arrow {
  position: absolute;
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
#sec08 .sec08_qa_list li.qa_wrapper .a_box {
  display: flex;
  width: 1020px;
  background-color: #ffffff;
  padding: 24px 0 42px 70px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper .a_box {
    width: 85vw;
    padding: 2vw 0 3.4166666667vw 5.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper .a_box {
    width: 92vw;
    padding: 4vw 7.3333333333vw 4vw 14.4vw;
    border-bottom-left-radius: 2.6666666667vw;
    border-bottom-right-radius: 2.6666666667vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper .a_box .a_icon {
  width: 80px;
  padding-top: 5px;
}
#sec08 .sec08_qa_list li.qa_wrapper .a_box .a_icon > img {
  width: 44px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_icon {
    width: 6.6666666667vw;
    padding-top: 0.4166666667vw;
  }
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_icon > img {
    width: 3.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_icon {
    width: 10.6666666667vw;
    padding-top: 0.6666666667vw;
  }
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_icon > img {
    width: 5.8666666667vw;
  }
}
#sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text {
  width: 790px;
  font-size: 17px;
  color: #393939;
  line-height: 34px;
}
#sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text .note {
  font-size: 14px;
}
#sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text a {
  text-decoration: underline;
  transition: all 0.3s;
}
#sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text a:hover {
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text {
    width: 65.8333333333vw;
    font-size: 1.4166666667vw;
    line-height: 2.8333333333vw;
  }
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text .note {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text {
    width: 70.1333333333vw;
    font-size: 3.4666666667vw;
    color: #393939;
    line-height: 6.2666666667vw;
  }
  #sec08 .sec08_qa_list li.qa_wrapper .a_box .a_text .note {
    font-size: 2.9333333333vw;
  }
}
#sec08 .qa_list_btn {
  margin: 65px auto 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 34px;
  border: 1px #b3b3b3 solid;
  font-size: 18px;
  font-weight: 500;
  color: #393939;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .qa_list_btn {
    margin: 5.4166666667vw auto 0;
    width: 29.1666666667vw;
    height: 5vw;
    border-radius: 2.8333333333vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .qa_list_btn {
    margin: 10.6666666667vw auto 0;
    width: 60vw;
    height: 11.7333333333vw;
    background-color: #ffffff;
    border-radius: 5.8666666667vw;
    border: 2px #b3b3b3 solid;
    font-size: 3.4666666667vw;
  }
}
#sec08 .qa_list_btn::after {
  position: absolute;
  display: block;
  content: "";
  background: url(../images/sec08_qa_list_btn_arrow.svg) center top no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 21px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec08 .qa_list_btn::after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    right: 1.75vw;
  }
}
@media screen and (max-width: 750px) {
  #sec08 .qa_list_btn::after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    right: 3.6vw;
  }
}

/**-----------------------------
  sec09_form:申し込みフォーム
-----------------------------**/
#sec09_form {
  background-color: #ffffff;
  padding: 130px 0 138px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form {
    padding: 10.8333333333vw 0 11.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form {
    padding: 17.3333333333vw 0 15.4666666667vw;
  }
}
#sec09_form .sec09_application_form {
  width: 269px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .sec09_application_form {
    width: 22.4166666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .sec09_application_form {
    width: 42.2666666667vw;
  }
}
#sec09_form .sec06_title {
  margin: 5px auto 0;
  padding-top: 10px;
  width: 562px;
  height: 68px;
  background: url(../images/sec09_title_bg.png) center top no-repeat;
  background-size: contain;
  font-size: 52px;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .sec06_title {
    margin: 0.4166666667vw auto 0;
    padding-top: 0.8333333333vw;
    width: 46.8333333333vw;
    height: 5.6666666667vw;
    font-size: 4.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .sec06_title {
    margin: 1.6vw auto 0;
    padding-top: 1.3333333333vw;
    width: 84.2666666667vw;
    height: 10.5333333333vw;
    background: url(../images/sec09_title_bg_sp.png) center top no-repeat;
    background-size: contain;
    font-size: 8.2666666667vw;
  }
}
#sec09_form .form_area {
  width: 1100px;
  margin: 80px auto 0;
  padding: 90px 80px 80px;
  background: url(../images/sec09_form_bg.png) center top repeat-y;
  border-radius: 45px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .form_area {
    width: 91.6666666667vw;
    margin: 6.6666666667vw auto 0;
    padding: 7.5vw 6.6666666667vw 6.6666666667vw;
    background-size: 111.6666666667vw auto;
    border-radius: 3.75vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .form_area {
    width: 94.6666666667vw;
    margin: 13.0666666667vw auto 0;
    padding: 10.6666666667vw 5.3333333333vw 12vw;
    background-image: url(../images/sec09_form_bg_sp.png);
    background-size: 100% auto;
    border-radius: 4.2666666667vw;
  }
}
#sec09_form .contact_form li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form li {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form li {
    display: block;
    margin-bottom: 7.7333333333vw;
  }
}
#sec09_form .contact_form li .form_head {
  display: inline-flex;
  width: 310px;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  color: #232323;
  line-height: 24px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form li .form_head {
    width: 25.8333333333vw;
    font-size: 1.6666666667vw;
    line-height: 2vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form li .form_head {
    width: 100%;
    text-align: left;
    font-size: 4.2666666667vw;
    line-height: 1;
    margin-bottom: 3.0666666667vw;
  }
}
#sec09_form .contact_form li .form_head span.req,
#sec09_form .contact_form li .form_head span.optional {
  display: inline-block;
  margin-right: 14px;
  width: 44px;
  height: 24px;
  background-color: #e04491;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  letter-spacing: 0.04em;
  border-radius: 4px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form li .form_head span.req,
  #sec09_form .contact_form li .form_head span.optional {
    margin-right: 1.1666666667vw;
    width: 3.6666666667vw;
    height: 2vw;
    font-size: 1.1666666667vw;
    line-height: 2vw;
    border-radius: 0.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form li .form_head span.req,
  #sec09_form .contact_form li .form_head span.optional {
    margin-right: 2.6666666667vw;
    width: 9.6vw;
    height: 5.3333333333vw;
    font-size: 3.2vw;
    text-align: center;
    line-height: 5.3333333333vw;
    border-radius: 0.5333333333vw;
  }
}
#sec09_form .contact_form li .form_head span.optional {
  background-color: #999999;
}
#sec09_form .contact_form li .form_head.inquiry {
  align-self: flex-start;
  margin-top: 18px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form li .form_head.inquiry {
    margin-top: 1.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form li .form_head.inquiry {
    margin-top: 0;
  }
}
#sec09_form .contact_form li .form_head span.f16 {
  font-size: 16px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form li .form_head span.f16 {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form li .form_head span.f16 {
    font-size: 3.2vw;
  }
}
#sec09_form .contact_form li .form_data input, #sec09_form .contact_form li .form_data select, #sec09_form .contact_form li .form_data textarea {
  outline: none;
  border: 0;
  background-color: #ffffff;
  border-radius: 4px;
  width: 610px;
  height: 60px;
  font-size: 20px;
  padding: 1em;
}
#sec09_form .contact_form li .form_data input::-webkit-input-placeholder, #sec09_form .contact_form li .form_data select::-webkit-input-placeholder, #sec09_form .contact_form li .form_data textarea::-webkit-input-placeholder {
  color: #cccccc;
}
#sec09_form .contact_form li .form_data input:-ms-input-placeholder, #sec09_form .contact_form li .form_data select:-ms-input-placeholder, #sec09_form .contact_form li .form_data textarea:-ms-input-placeholder {
  color: #cccccc;
}
#sec09_form .contact_form li .form_data input::-ms-input-placeholder, #sec09_form .contact_form li .form_data select::-ms-input-placeholder, #sec09_form .contact_form li .form_data textarea::-ms-input-placeholder {
  color: #cccccc;
}
#sec09_form .contact_form li .form_data input::placeholder, #sec09_form .contact_form li .form_data select::placeholder, #sec09_form .contact_form li .form_data textarea::placeholder {
  color: #cccccc;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form li .form_data input, #sec09_form .contact_form li .form_data select, #sec09_form .contact_form li .form_data textarea {
    border-radius: 0.3333333333vw;
    width: 50.8333333333vw;
    height: 5vw;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form li .form_data input, #sec09_form .contact_form li .form_data select, #sec09_form .contact_form li .form_data textarea {
    width: 84vw;
    height: 10.6666666667vw;
    font-size: 4vw;
  }
}
#sec09_form .contact_form li .form_data textarea {
  resize: vertical;
  height: 180px;
  max-width: 100%;
  min-height: 180px;
  padding: 0.5em;
  line-height: 1.7;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form li .form_data textarea {
    height: 15vw;
    min-height: 15vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form li .form_data textarea {
    height: 37.3333333333vw;
    min-height: 37.3333333333vw;
  }
}
#sec09_form .form_policy {
  margin: 64px auto 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #232323;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .form_policy {
    margin: 5.3333333333vw auto 5vw;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .form_policy {
    margin: 9.3333333333vw auto 9.8666666667vw;
    font-size: 3.4666666667vw;
  }
}
#sec09_form .form_policy a {
  text-decoration: underline;
}
#sec09_form .form_policy input[type=checkbox] {
  cursor: pointer;
  width: 22px;
  height: 22px;
  accent-color: #999999;
  /*小さ過ぎるのでそのままで
  @include mq_tb() {
    width: tbVw(22);
    height: tbVw(22);
  }*/
}
@media screen and (max-width: 750px) {
  #sec09_form .form_policy input[type=checkbox] {
    width: 4vw;
    height: 4vw;
  }
}
#sec09_form .contact_form_btn_wrap {
  position: relative;
  margin: 0 auto;
  width: 460px;
  height: 80px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form_btn_wrap {
    margin: 0 auto;
    width: 38.3333333333vw;
    height: 6.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form_btn_wrap {
    margin: 0 auto;
    width: 76.6666666667vw;
    height: 13.3333333333vw;
  }
}
#sec09_form .contact_form_btn_wrap::after {
  position: absolute;
  display: block;
  content: "";
  background: url(../images/form_btn_arrow.svg) center top no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form_btn_wrap::after {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    top: calc(50% - 0.8333333333vw);
    right: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form_btn_wrap::after {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    top: calc(50% - 1.6vw);
    right: 5.0666666667vw;
  }
}
#sec09_form .contact_form_btn_wrap .wpcf7-spinner {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#sec09_form .contact_form_btn {
  position: relative;
  display: block;
  outline: none;
  border: none;
  margin: 0 auto;
  padding: 0;
  width: 460px;
  height: 80px;
  border-radius: 40px;
  background: #d81787;
  background: linear-gradient(to right, #d81787 0%, #bf2aa7 50%, #9338b6 100%);
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.08em;
  line-height: 75px;
  transition: all 0.4s ease;
  cursor: pointer;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form .contact_form_btn {
    margin: 0 auto;
    width: 38.3333333333vw;
    height: 6.6666666667vw;
    border-radius: 3.3333333333vw;
    font-size: 1.8333333333vw;
    line-height: 6.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form .contact_form_btn {
    width: 76.6666666667vw;
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
    font-size: 4vw;
    line-height: 13.0666666667vw;
  }
}
#sec09_form .contact_form_btn:hover {
  opacity: 0.8;
}
#sec09_form .contact_form_btn:disabled, #sec09_form .contact_form_btn[disabled] {
  cursor: not-allowed;
  opacity: 0.4 !important;
}

/**---------------------------------------
  sec09_form _confirm:送信確認画面
  sec09_form _thanks:送信完了画面
  --------------------------------------------**/
#sec09_form._confirm .contact_confirm,
#sec09_form._thanks .contact_confirm {
  width: 1100px;
  margin: 80px auto 0;
  padding: 90px 80px 125px;
  background: url(../images/sec09_form_bg.png) center top repeat-y;
  border-radius: 45px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_confirm,
  #sec09_form._thanks .contact_confirm {
    width: 91.6666666667vw;
    min-height: 100.25vw;
    margin: 6.6666666667vw auto 0;
    padding: 7.5vw 6.6666666667vw 10.4166666667vw;
    background-size: 111.6666666667vw auto;
    border-radius: 3.75vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_confirm,
  #sec09_form._thanks .contact_confirm {
    width: 94.6666666667vw;
    margin: 13.0666666667vw auto 0;
    padding: 10.6666666667vw 5.3333333333vw 13.3333333333vw;
    background-image: url(../images/sec09_form_bg_sp.png);
    background-size: 100% auto;
    border-radius: 4.2666666667vw;
  }
}
#sec09_form._confirm .contact_confirm .comfirm_text,
#sec09_form._thanks .contact_confirm .comfirm_text {
  font-size: 20px;
  color: #1a1a1a;
  letter-spacing: 0.04em;
  margin-bottom: 70px;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_confirm .comfirm_text,
  #sec09_form._thanks .contact_confirm .comfirm_text {
    font-size: 1.6666666667vw;
    margin-bottom: 5.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_confirm .comfirm_text,
  #sec09_form._thanks .contact_confirm .comfirm_text {
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
    margin-bottom: 10.1333333333vw;
  }
}
#sec09_form._confirm .contact_confirm .form_data,
#sec09_form._thanks .contact_confirm .form_data {
  width: 630px;
  height: 60px;
  border-bottom: 2px #cccccc solid;
  padding: 0 0 16px 36px;
  font-size: 20px;
  color: #232323;
  letter-spacing: 0.04em;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_confirm .form_data,
  #sec09_form._thanks .contact_confirm .form_data {
    width: 52.5vw;
    height: 5vw;
    border-bottom: 2px #cccccc solid;
    padding: 0 0 1.3333333333vw 3vw;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_confirm .form_data,
  #sec09_form._thanks .contact_confirm .form_data {
    width: 100%;
    height: 10.6666666667vw;
    border-bottom: 0.5333333333vw #cccccc solid;
    padding: 0 0 2.9333333333vw 2.9333333333vw;
    font-size: 4vw;
    color: #232323;
  }
}
#sec09_form._confirm .contact_confirm .form_data.inquiry,
#sec09_form._thanks .contact_confirm .form_data.inquiry {
  height: auto;
  line-height: 36px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_confirm .form_data.inquiry,
  #sec09_form._thanks .contact_confirm .form_data.inquiry {
    line-height: 3vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_confirm .form_data.inquiry,
  #sec09_form._thanks .contact_confirm .form_data.inquiry {
    line-height: 6vw;
  }
}
#sec09_form._confirm .contact_thanks,
#sec09_form._thanks .contact_thanks {
  width: 1272px;
  margin: 80px auto 0;
  padding: 90px 20px 110px;
  background: url(../images/sec09_form_bg.png) center top repeat-y;
  border-radius: 45px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_thanks,
  #sec09_form._thanks .contact_thanks {
    width: 106vw;
    margin: 6.6666666667vw auto 0;
    padding: 7.5vw 1.6666666667vw 9.1666666667vw;
    background-size: 111.6666666667vw auto;
    border-radius: 3.75vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_thanks,
  #sec09_form._thanks .contact_thanks {
    width: 94.6666666667vw;
    margin: 13.0666666667vw auto 0;
    padding: 9.3333333333vw 4vw 13.3333333333vw;
    background-image: url(../images/sec09_form_sp.png);
    background-size: 100% auto;
    border-radius: 4.2666666667vw;
  }
}
#sec09_form._confirm .contact_thanks .thanks_text,
#sec09_form._thanks .contact_thanks .thanks_text {
  font-size: 20px;
  line-height: 38px;
  color: #232323;
  margin-bottom: 70px;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_thanks .thanks_text,
  #sec09_form._thanks .contact_thanks .thanks_text {
    font-size: 1.6666666667vw;
    line-height: 3.1666666667vw;
    margin-bottom: 5.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_thanks .thanks_text,
  #sec09_form._thanks .contact_thanks .thanks_text {
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
    letter-spacing: 0.04em;
    margin-bottom: 13.3333333333vw;
  }
}
#sec09_form._confirm .form_policy,
#sec09_form._thanks .form_policy {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-bottom: 60px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .form_policy,
  #sec09_form._thanks .form_policy {
    -webkit-column-gap: 0.8333333333vw;
       -moz-column-gap: 0.8333333333vw;
            column-gap: 0.8333333333vw;
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .form_policy,
  #sec09_form._thanks .form_policy {
    -webkit-column-gap: 2.4vw;
       -moz-column-gap: 2.4vw;
            column-gap: 2.4vw;
    margin-bottom: 10.4vw;
  }
}
#sec09_form._confirm .form_policy .policy_check,
#sec09_form._thanks .form_policy .policy_check {
  width: 22px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .form_policy .policy_check,
  #sec09_form._thanks .form_policy .policy_check {
    width: 1.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .form_policy .policy_check,
  #sec09_form._thanks .form_policy .policy_check {
    width: 3.2vw;
  }
}
#sec09_form._confirm .form_policy .form_policy_text,
#sec09_form._thanks .form_policy .form_policy_text {
  font-size: 20px;
  color: #232323;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .form_policy .form_policy_text,
  #sec09_form._thanks .form_policy .form_policy_text {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .form_policy .form_policy_text,
  #sec09_form._thanks .form_policy .form_policy_text {
    font-size: 3.4666666667vw;
  }
}
#sec09_form._confirm .contact_form_btn_area,
#sec09_form._thanks .contact_form_btn_area {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_form_btn_area,
  #sec09_form._thanks .contact_form_btn_area {
    -webkit-column-gap: 3.3333333333vw;
       -moz-column-gap: 3.3333333333vw;
            column-gap: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_form_btn_area,
  #sec09_form._thanks .contact_form_btn_area {
    flex-direction: column;
    row-gap: 5.3333333333vw;
  }
}
#sec09_form._confirm .contact_form_btn_wrap._back::after,
#sec09_form._thanks .contact_form_btn_wrap._back::after {
  position: absolute;
  display: block;
  content: "";
  background: url(../images/form_btn_arrow.svg) center top no-repeat;
  background-size: contain;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_form_btn_wrap._back::after,
  #sec09_form._thanks .contact_form_btn_wrap._back::after {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    top: calc(50% - 0.8333333333vw);
    left: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_form_btn_wrap._back::after,
  #sec09_form._thanks .contact_form_btn_wrap._back::after {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    top: calc(50% - 1.6vw);
    left: 5.0666666667vw;
  }
}
#sec09_form._confirm .contact_form_btn._back,
#sec09_form._confirm .contact_form_btn._gotohome,
#sec09_form._thanks .contact_form_btn._back,
#sec09_form._thanks .contact_form_btn._gotohome {
  display: block;
  outline: none;
  border: none;
  margin: 0 auto;
  width: 460px;
  height: 80px;
  border-radius: 40px;
  background: #525252;
  background: linear-gradient(to right, #8f8f8f 0%, #525252 100%);
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.08em;
  line-height: 75px;
  cursor: pointer;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  #sec09_form._confirm .contact_form_btn._back,
  #sec09_form._confirm .contact_form_btn._gotohome,
  #sec09_form._thanks .contact_form_btn._back,
  #sec09_form._thanks .contact_form_btn._gotohome {
    margin: 0 auto;
    width: 38.3333333333vw;
    height: 6.6666666667vw;
    border-radius: 3.3333333333vw;
    font-size: 1.8333333333vw;
    line-height: 6.25vw;
  }
}
@media screen and (max-width: 750px) {
  #sec09_form._confirm .contact_form_btn._back,
  #sec09_form._confirm .contact_form_btn._gotohome,
  #sec09_form._thanks .contact_form_btn._back,
  #sec09_form._thanks .contact_form_btn._gotohome {
    width: 76.6666666667vw;
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
    font-size: 4vw;
    line-height: 13.0666666667vw;
  }
}
#sec09_form._confirm .contact_form_btn._back:hover,
#sec09_form._confirm .contact_form_btn._gotohome:hover,
#sec09_form._thanks .contact_form_btn._back:hover,
#sec09_form._thanks .contact_form_btn._gotohome:hover {
  opacity: 0.8;
}
#sec09_form._confirm .contact_form_btn._back,
#sec09_form._thanks .contact_form_btn._back {
  position: absolute;
  top: 0;
  left: 0;
}
#sec09_form._confirm .contact_form_btn._gotohome,
#sec09_form._thanks .contact_form_btn._gotohome {
  position: relative;
}

/**-----------------------------
  footer
-----------------------------**/
.footer_area {
  background-color: rgba(251, 225, 239, 0.5);
  margin-bottom: 118px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area {
    margin-bottom: 9.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area {
    margin-bottom: 25.3333333333vw;
  }
}
.footer_area .inner.footer_wrap {
  height: 220px;
  display: flex;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap {
    height: 18.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap {
    display: block;
    height: 72vw;
  }
}
.footer_area .inner.footer_wrap .left_area,
.footer_area .inner.footer_wrap .right_area {
  width: 50%;
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .left_area,
  .footer_area .inner.footer_wrap .right_area {
    width: 100%;
  }
}
.footer_area .inner.footer_wrap .left_area {
  padding: 37px 0 0 30px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap .left_area {
    padding: 3.0833333333vw 0 0 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .left_area {
    padding: 8.9333333333vw 5.6vw 0;
  }
}
.footer_area .inner.footer_wrap .left_area .footer_logo {
  width: 297px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap .left_area .footer_logo {
    width: 24.75vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .left_area .footer_logo {
    width: 45.3333333333vw;
  }
}
.footer_area .inner.footer_wrap .left_area .footer_left_text {
  margin-top: 16px;
  font-size: 13px;
  color: #1a1a1a;
  line-height: 24px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap .left_area .footer_left_text {
    margin-top: 1.3333333333vw;
    font-size: 1.25vw;
    line-height: 2vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .left_area .footer_left_text {
    margin-top: 2.6666666667vw;
    font-size: 2.9333333333vw;
    line-height: 5.6vw;
    letter-spacing: 0;
  }
}
.footer_area .inner.footer_wrap .right_area {
  padding: 87px 0 37px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap .right_area {
    padding: 7.25vw 0 3.0833333333vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .right_area {
    padding: 5.6vw 0 0;
  }
}
.footer_area .inner.footer_wrap .right_area .footer_sns_area {
  margin-right: 32px;
  margin-bottom: 46px;
  display: flex;
  justify-content: end;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap .right_area .footer_sns_area {
    margin-right: 2.6666666667vw;
    margin-bottom: 3.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .right_area .footer_sns_area {
    margin: 0 0 5.3333333333vw 0;
    display: flex;
    justify-content: center;
  }
}
.footer_area .inner.footer_wrap .right_area .footer_sns_area .insta {
  display: block;
  width: 28px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap .right_area .footer_sns_area .insta {
    width: 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .right_area .footer_sns_area .insta {
    width: 7.2vw;
  }
}
.footer_area .inner.footer_wrap .right_area .footer_menulink {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .right_area .footer_menulink {
    justify-content: center;
  }
}
.footer_area .inner.footer_wrap .right_area .footer_menulink li {
  padding: 0 24px;
  border-right: 1px #b3b3b3 solid;
  font-size: 14px;
  color: #1a1a1a;
  letter-spacing: 0.04em;
  line-height: 24px;
}
.footer_area .inner.footer_wrap .right_area .footer_menulink li:last-of-type {
  border-right: none;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .inner.footer_wrap .right_area .footer_menulink li {
    padding: 0 2vw;
    font-size: 1.25vw;
    line-height: 2vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .inner.footer_wrap .right_area .footer_menulink li {
    padding: 0 1em;
    border-right: 1px #b3b3b3 solid;
    font-size: 3.2vw;
    color: #1a1a1a;
    letter-spacing: 0.04em;
    line-height: 4.8vw;
  }
}
.footer_area .footer_copyright_area {
  height: 40px;
  background-color: #4d4d4d;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .footer_copyright_area {
    height: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .footer_copyright_area {
    height: 10.6666666667vw;
  }
}
.footer_area .footer_copyright_area .copyright_text {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.04em;
  line-height: 40px;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .footer_area .footer_copyright_area .copyright_text {
    font-size: 1.1666666667vw;
    line-height: 3.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .footer_area .footer_copyright_area .copyright_text {
    font-size: 2.6666666667vw;
    line-height: 10.6666666667vw;
  }
}

/**-------------------------------------------------------
  floating
-------------------------------------------------------**/
/* フローティングエリア */
.floating_area_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 118px;
  background-color: rgba(255, 255, 255, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s;
  z-index: 100;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .floating_area_wrap {
    width: 100%;
    height: 9.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .floating_area_wrap {
    width: 100%;
    height: 25.3333333333vw;
  }
}
.floating_area_wrap.visible {
  visibility: visible;
  opacity: 1;
}

.floating_area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 118px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .floating_area {
    width: 100%;
    height: 9.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .floating_area {
    width: 100%;
    height: 25.3333333333vw;
  }
}
.floating_area .floating_area_text_wrap {
  width: 790px;
  height: 22px;
  margin-bottom: 9px;
  background: url(../images/floating_area_text_bg.png) center bottom no-repeat;
  background-size: contain;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .floating_area .floating_area_text_wrap {
    width: 65.8333333333vw;
    height: 1.8333333333vw;
    margin-bottom: 0.75vw;
  }
}
@media screen and (max-width: 750px) {
  .floating_area .floating_area_text_wrap {
    width: 93.3333333333vw;
    height: 8.6666666667vw;
    margin-bottom: 1.3333333333vw;
    background: url(../images/floating_area_text_bg_sp.png) center bottom no-repeat;
    background-size: 93.3333333333vw 3.4666666667vw;
  }
}
.floating_area .floating_area_text_wrap .floating_area_text {
  font-size: 18px;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.08em;
  text-align: center;
}
.floating_area .floating_area_text_wrap .floating_area_text span {
  color: #e04491;
  font-size: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .floating_area .floating_area_text_wrap .floating_area_text {
    font-size: 1.5vw;
  }
  .floating_area .floating_area_text_wrap .floating_area_text span {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .floating_area .floating_area_text_wrap .floating_area_text {
    font-size: 3.2vw;
    line-height: 4vw;
  }
  .floating_area .floating_area_text_wrap .floating_area_text span {
    font-size: 3.4666666667vw;
  }
}
.floating_area .floating_area_btn_wrap {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .floating_area .floating_area_btn_wrap {
    -webkit-column-gap: 0.8333333333vw;
       -moz-column-gap: 0.8333333333vw;
            column-gap: 0.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .floating_area .floating_area_btn_wrap {
    -webkit-column-gap: 1.6vw;
       -moz-column-gap: 1.6vw;
            column-gap: 1.6vw;
  }
}
.floating_area .floating_area_btn_wrap .floating_area_btn {
  position: relative;
  display: block;
  width: 380px;
  height: 60px;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .floating_area .floating_area_btn_wrap .floating_area_btn {
    width: 31.6666666667vw;
    height: 5vw;
  }
}
@media screen and (max-width: 750px) {
  .floating_area .floating_area_btn_wrap .floating_area_btn {
    width: 47.6vw;
    height: 12vw;
  }
}
.floating_area .floating_area_btn_wrap .floating_area_btn .btn_text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .floating_area .floating_area_btn_wrap .floating_area_btn .btn_text {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .floating_area .floating_area_btn_wrap .floating_area_btn .btn_text {
    font-size: 4vw;
  }
}
.floating_area .floating_area_btn_wrap .floating_area_btn.btn_line .btn_text {
  padding-left: 1.5em;
}/*# sourceMappingURL=style.css.map */