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

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

address {
  font-style: normal;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*	preload
---------------------------------*/
body:after {
  content: url(../images/common/nav_1_on.png) url(../images/common/nav_2_on.png) url(../images/common/nav_3_on.png) url(../images/common/nav_4_on.png) url(../images/common/nav_1_on.png);
  display: none;
}

/*	common
---------------------------------*/
body {
  color: #202020;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-size: 14px;
  word-wrap: break-word;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
}
@media all and (-ms-high-contrast: none) {
  body {
    font-weight: 500;
  }
}
@media screen and (max-width: 1060px) {
  body {
    width: 1060px;
  }
}
@media screen and (max-width: 750px) {
  body {
    width: 100%;
    font-size: 3.4vw;
  }
}

@media (max-width: 750px) {
  .anc {
    margin-top: -18.54vw;
    padding-top: 18.54vw;
  }
}

a {
  color: #202020;
  text-decoration: none;
}

a:active, a:focus {
  outline: none;
}

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

.image {
  display: inline;
}
@media (max-width: 750px) {
  .image {
    display: none;
  }
}

.image_s {
  display: none;
}
@media (max-width: 750px) {
  .image_s {
    display: inline;
  }
}

h1, h2, h3, h4, h5, h6 {
  line-height: 100%;
}

p {
  text-align: justify;
}

.block_p {
  display: block;
}
@media screen and (max-width: 750px) {
  .block_p {
    display: none;
  }
}

.block_s {
  display: none;
}
@media screen and (max-width: 750px) {
  .block_s {
    display: block;
  }
}

.inline_p {
  display: inline;
}
@media screen and (max-width: 750px) {
  .inline_p {
    display: none;
  }
}

.inline_s {
  display: none;
}
@media screen and (max-width: 750px) {
  .inline_s {
    display: inline;
  }
}

/*	device
---------------------------------*/
p {
  background-image: url(image);
}

h1, h2, h3, h4, h5, h6, th, td {
  background-image: url(image);
}

input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

/*	header
---------------------------------*/
.nav_drawer {
  display: none;
}
@media (max-width: 750px) {
  .nav_drawer {
    display: block;
  }
  .nav_drawer .inner {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1002;
    padding: 0 0 3vw;
    transition: background 0.3s;
  }
  .nav_drawer .logo {
    display: block;
    width: 47.4vw;
    margin: 4vw 0 0 5vw;
  }
}
.nav_drawer.fixed .inner {
  background: white;
}
.nav_drawer .drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: none;
  display: none;
  top: 0;
  left: 0;
}
.nav_drawer .drawer_button {
  display: block;
  border: none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  padding: 0;
  width: 9vw;
  height: 9vw;
  position: fixed;
  top: 4vw;
  right: 4vw;
  z-index: 1003;
  outline: none;
  background-image: url(../images/common/toggle.png);
}
.nav_drawer .drawer_button.active {
  background-image: url(../images/common/toggle_close.png);
}

/*+++ Default Navigation CSS +++*/
.nav_drawer .drawer_nav_wrapper {
  width: 100vw;
  height: 100%;
  transition: all 0.5s;
  transform: translate(100vw);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: white;
  box-sizing: border-box;
  padding: 20vw 0 0;
}
.nav_drawer .drawer_nav_wrapper.open {
  transform: translate(0);
}
.nav_drawer .drawer_nav_wrapper .access_s {
  background: #213251;
  padding: 10vw 0 10vw;
  text-align: center;
}
.nav_drawer .drawer_nav_wrapper .access_s .title {
  display: block;
  color: #fce061;
  text-align: center;
  font-size: 4vw;
  line-height: 1.5;
  font-weight: bold;
}
.nav_drawer .drawer_nav_wrapper .access_s .tel_s {
  color: #fce061;
  font-size: 6.4vw;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  line-height: 1.8;
}

.nav_global {
  display: flex;
  display: -ms-flex;
  justify-content: center;
  background: #132446;
  padding: 50px 0 50px;
}
@media (max-width: 750px) {
  .nav_global {
    display: block;
    padding: 4vw 0 4vw;
  }
}
.nav_global li {
  margin: 0 20px 0;
}
@media (max-width: 750px) {
  .nav_global li {
    margin: 0;
  }
}
.nav_global li a {
  font-weight: bold;
  color: #5da0ed;
  transition: opacity 0.3s;
}
@media (max-width: 750px) {
  .nav_global li a {
    display: block;
    padding: 4vw;
    font-size: 4vw;
    text-align: center;
  }
}
.nav_global li a:hover {
  opacity: 0.7;
}
@media (max-width: 750px) {
  .nav_global li a:hover {
    opacity: 1;
  }
}

/*	nav
---------------------------------*/
/*	footer
---------------------------------*/
/*	pages
---------------------------------*/
.google-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 90px 0 120px;
  background-image: url("../images/page/logo_2.png");
  background-size: 570px;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (max-width: 750px) {
  .google-slide {
    padding: 10vw 0 20vw;
    background-size: 40vw;
  }
}
.google-slide .to_consult {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.google-slide .to_consult .ttl {
  text-align: center;
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  .google-slide .to_consult .ttl {
    margin: 0 0 5vw;
  }
}
.google-slide .to_consult .ttl img {
  width: 500px;
}
@media (max-width: 750px) {
  .google-slide .to_consult .ttl img {
    width: 82.4vw;
  }
}
.google-slide .to_consult a {
  display: block;
  width: 590px;
  transition: opacity 0.3s;
}
@media (max-width: 750px) {
  .google-slide .to_consult a {
    width: 86vw;
  }
}
.google-slide .to_consult a:hover {
  opacity: 0.6;
}
@media (max-width: 750px) {
  .google-slide .to_consult a:hover {
    opacity: 1;
  }
}
.google-slide .content {
  width: 980px;
  margin: 0 0 90px;
}
@media (max-width: 750px) {
  .google-slide .content {
    width: 88vw;
    margin: 0 0 10vw;
  }
}
.google-slide .content .ttl_google-slide {
  text-align: center;
  margin: 0 0 50px;
}
@media (max-width: 750px) {
  .google-slide .content .ttl_google-slide {
    margin: 0 0 7vw;
  }
}
.google-slide .content .ttl_google-slide .in_text {
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 750px) {
  .google-slide .content .ttl_google-slide .in_text {
    font-size: 5.8vw;
  }
}
.google-slide .content .ttl_google-slide .in_text .emphasis {
  color: #1b4795;
}
.google-slide .content .ttl_google-slide .in_text::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 38px;
  border-left: 1px solid #1b4795;
  border-top: 1px solid #1b4795;
  border-bottom: 1px solid #1b4795;
  margin: 0 15px 0 0;
  position: relative;
  top: 9px;
}
@media (max-width: 750px) {
  .google-slide .content .ttl_google-slide .in_text::before {
    margin: 0 2vw 0 0;
    height: 7vw;
    top: 1vw;
  }
}
.google-slide .content .ttl_google-slide .in_text::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 38px;
  border-right: 1px solid #1b4795;
  border-top: 1px solid #1b4795;
  border-bottom: 1px solid #1b4795;
  margin: 0 0 0 15px;
  position: relative;
  top: 9px;
}
@media (max-width: 750px) {
  .google-slide .content .ttl_google-slide .in_text::after {
    margin: 0 0 0 2vw;
    height: 7vw;
    top: 1vw;
  }
}
.google-slide .content iframe {
  width: 980px;
  height: 1420px;
}
@media (max-width: 750px) {
  .google-slide .content iframe {
    width: 88vw;
    height: 127vw;
  }
}

#top_plus {
  display: flex;
  justify-content: center;
  margin: 0 0 90px;
  background-image: url("../images/page/plus_merit_logo.png");
  background-size: 669px;
  background-repeat: no-repeat;
  background-position: right -90px bottom 60px;
}
@media (max-width: 750px) {
  #top_plus {
    margin: 0 0 15vw;
    background-size: 62vw;
    background-position: right -12vw bottom 25vw;
  }
}
#top_plus .content {
  width: 980px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 750px) {
  #top_plus .content {
    width: 88vw;
  }
}
#top_plus .content .ttl {
  width: 900px;
}
@media (max-width: 750px) {
  #top_plus .content .ttl {
    width: 100%;
    margin: 0 0 3vw;
  }
}
#top_plus .content .primary-sec {
  width: 980px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 50px;
}
@media (max-width: 750px) {
  #top_plus .content .primary-sec {
    width: 100%;
    margin: 0 0 7vw;
    display: block;
    justify-content: initial;
    align-items: initial;
  }
}
#top_plus .content .primary-sec .in_cont {
  width: 456px;
}
@media (max-width: 750px) {
  #top_plus .content .primary-sec .in_cont {
    width: 100%;
  }
}
#top_plus .content .primary-sec .in_cont .ttl_sub {
  margin: 0 0 20px;
}
@media (max-width: 750px) {
  #top_plus .content .primary-sec .in_cont .ttl_sub {
    margin: 0 0 5vw;
    text-align: center;
  }
  #top_plus .content .primary-sec .in_cont .ttl_sub img {
    width: 66vw;
  }
}
#top_plus .content .primary-sec .in_cont .text {
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 750px) {
  #top_plus .content .primary-sec .in_cont .text {
    font-size: 3.6vw;
    margin: 0 0 5vw;
  }
}
#top_plus .content .primary-sec .fig {
  width: 448px;
}
@media (max-width: 750px) {
  #top_plus .content .primary-sec .fig {
    margin: 0 0 0 14vw;
    width: 74vw;
  }
}
#top_plus .content .chart {
  margin: 0 0 90px;
}
@media (max-width: 750px) {
  #top_plus .content .chart {
    margin: 0 0 15vw;
  }
}
#top_plus .content .plus-merit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#top_plus .content .plus-merit .ttl_merit {
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  #top_plus .content .plus-merit .ttl_merit {
    margin: 0 0 10vw;
  }
}
#top_plus .content .plus-merit .merit-list {
  width: 900px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  #top_plus .content .plus-merit .merit-list {
    width: 100%;
    display: block;
    justify-content: initial;
    margin: 0 0 10vw;
  }
}
#top_plus .content .plus-merit .merit-list li {
  width: 278px;
}
@media (max-width: 750px) {
  #top_plus .content .plus-merit .merit-list li {
    width: 100%;
    margin: 0 0 3vw;
  }
  #top_plus .content .plus-merit .merit-list li:last-of-type {
    margin: 0;
  }
}
#top_plus .content .plus-merit .note {
  display: flex;
  line-height: 1.5;
  font-size: 16px;
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  #top_plus .content .plus-merit .note {
    display: block;
    font-size: 3.6vw;
    margin: 0 0 10vw;
  }
}
#top_plus .content .plus-merit .note .asterisk {
  color: #FF4167;
  font-weight: bold;
}
@media (max-width: 750px) {
  #top_plus .content .plus-merit .note .asterisk {
    display: inline;
  }
}
#top_plus .content .plus-merit .note .in_text {
  width: calc(100% - 1em);
}
@media (max-width: 750px) {
  #top_plus .content .plus-merit .note .in_text {
    width: auto;
    display: inline;
  }
}
#top_plus .content .btn_contact_on_merit {
  display: block;
  width: 608px;
  transition: opacity 0.3s;
}
@media (max-width: 750px) {
  #top_plus .content .btn_contact_on_merit {
    width: 88vw;
  }
}
#top_plus .content .btn_contact_on_merit:hover {
  opacity: 0.6;
}
@media (max-width: 750px) {
  #top_plus .content .btn_contact_on_merit:hover {
    opacity: 1;
  }
}

.wrap_plus {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 60px 0 0;
}
@media (max-width: 750px) {
  .wrap_plus {
    padding: 5vw 0 10vw;
  }
}
.wrap_plus .btn_plus {
  display: block;
  width: 1040px;
  margin: auto;
  transition: opacity 0.3s;
}
@media (max-width: 750px) {
  .wrap_plus .btn_plus {
    width: 88vw;
  }
}
.wrap_plus .btn_plus:hover {
  opacity: 0.6;
}
@media (max-width: 750px) {
  .wrap_plus .btn_plus:hover {
    opacity: 1;
  }
}

.ats {
  background: #fce061;
  border-radius: 20px;
  color: #3488e8;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 30px;
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  .ats {
    line-height: 1.5;
    font-size: 4.4vw;
    padding: 7vw 3vw 6vw;
    margin: 0 0 10vw;
  }
}

header {
  position: absolute;
  width: 100%;
  display: flex;
  display: -ms-flex;
  box-sizing: border-box;
  padding: 20px;
}
@media (max-width: 750px) {
  header {
    display: none;
  }
}
header .logo {
  display: block;
}
header .logo img {
  width: 220px;
  height: 40px;
}
header ul {
  display: flex;
  display: -ms-flex;
  margin: 18px 0 0 30px;
}
header ul li {
  margin: 0 20px;
}
header ul li a {
  display: block;
  transition: opacity 0.3s;
  color: #000;
  font-weight: bold;
}
header ul li a:hover {
  opacity: 0.7;
}

.firstview {
  background-color: #dce5ed;
  background-image: url(../images/page/main_bg.png);
  background-size: 540px;
  background-repeat: no-repeat;
  background-position: left bottom;
  box-sizing: border-box;
  padding: 120px 0 90px;
}
@media (max-width: 750px) {
  .firstview {
    height: auto;
    background-color: #eaf3fb;
    background-image: none;
    box-sizing: border-box;
    padding: 26vw 0 7vw;
  }
}
.firstview .inner {
  width: 1055px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 750px) {
  .firstview .inner {
    width: 88vw;
    padding: 0 0 10vw;
  }
}
.firstview .inner .tagline {
  text-align: center;
}
@media (max-width: 750px) {
  .firstview .inner .tagline {
    margin: 0 0 5vw;
  }
}
.firstview .inner .btn {
  display: block;
  width: 405px;
  position: absolute;
  left: 100px;
  bottom: 130px;
  transition: all 0.3s;
}
@media (max-width: 750px) {
  .firstview .inner .btn {
    width: 100%;
    position: static;
    left: initial;
    bottom: initial;
  }
}
.firstview .inner .btn:hover {
  opacity: 0.7;
}
@media (max-width: 750px) {
  .firstview .inner .btn:hover {
    opacity: 1;
  }
}
.firstview .inner .cap {
  width: 982px;
  margin: 50px auto 0;
}
@media (max-width: 750px) {
  .firstview .inner .cap {
    width: 88vw;
    margin: 5vw auto 0;
  }
}

.panel_contact {
  background: linear-gradient(90deg, #3ec8e7, #405ac8);
  position: relative;
}
.panel_contact::after {
  content: "";
  display: block;
  width: 420px;
  height: 110px;
  background-image: url(../images/common/contact_panel_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 750px) {
  .panel_contact::after {
    display: none;
  }
}
.panel_contact .covid-19 {
  width: 710px;
  position: absolute;
  margin: auto;
  top: -140px;
  left: 0;
  right: 0;
}
@media (max-width: 750px) {
  .panel_contact .covid-19 {
    width: 84vw;
    top: -32vw;
  }
}
.panel_contact .inner {
  width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 0 60px;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .panel_contact .inner {
    width: 88vw;
    display: block;
    justify-content: initial;
    padding: 10vw 0 10vw;
  }
}
.panel_contact .inner .data {
  width: 510px;
}
@media (max-width: 750px) {
  .panel_contact .inner .data {
    width: 100%;
  }
}
.panel_contact .inner .data .lead {
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
@media (max-width: 750px) {
  .panel_contact .inner .data .lead {
    font-size: 4.4vw;
  }
}
.panel_contact .inner .data .btn {
  display: block;
  transition: opacity 0.3s;
}
.panel_contact .inner .data .btn:hover {
  opacity: 0.7;
}
@media (max-width: 750px) {
  .panel_contact .inner .data .btn:hover {
    opacity: 1;
  }
}
.panel_contact .inner figure {
  width: 450px;
}
@media (max-width: 750px) {
  .panel_contact .inner figure {
    width: 100vw;
    position: relative;
    left: -6vw;
  }
}

#about_sec {
  position: relative;
}
#about_sec .kazari {
  display: block;
  width: 235px;
  position: absolute;
  top: 100px;
  left: 30px;
}
@media (max-width: 750px) {
  #about_sec .kazari {
    display: none;
  }
}
#about_sec .ttl_wide {
  padding: 60px 0 60px;
  text-align: center;
  background: #3480DA;
}
@media (max-width: 750px) {
  #about_sec .ttl_wide {
    padding: 5vw 0 5vw;
  }
}
#about_sec .ttl_wide img {
  width: 635px;
}
@media (max-width: 750px) {
  #about_sec .ttl_wide img {
    width: 88vw;
  }
}
#about_sec .bg {
  background-color: #eaf3fb;
  background-image: url(../images/page/logo_bg.png), url(../images/page/logo_bg.png), url(../images/page/logo_bg.png);
  background-size: 700px;
  background-repeat: no-repeat;
  background-position: right -210px top 1360px, left -220px top 3970px, right -210px bottom -400px;
}
@media (max-width: 750px) {
  #about_sec .bg {
    background-color: #eaf3fb;
    background-image: url(../images/page/logo_bg.png), url(../images/page/logo_bg.png);
    background-size: 60vw;
    background-position: right -10vw top 470vw, left -16vw top 1310vw;
  }
}
#about_sec .bg .inner {
  width: 980px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #about_sec .bg .inner {
    width: 88vw;
  }
}
#about_sec .ttl_baloon .label {
  display: block;
  width: 130px;
  margin: 0 auto 30px;
}
@media (max-width: 750px) {
  #about_sec .ttl_baloon .label {
    width: 24vw;
    margin: 0 auto 2vw;
  }
}
#about_sec .ttl_baloon .text {
  display: block;
  color: #3488e8;
  font-size: 35px;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 50px;
}
@media (max-width: 750px) {
  #about_sec .ttl_baloon .text {
    font-size: 6vw;
    margin: 0 0 3vw;
  }
}
#about_sec .ttl_baloon .text .emphasis {
  color: #ed575c;
  font-size: 42px;
}
@media (max-width: 750px) {
  #about_sec .ttl_baloon .text .emphasis {
    font-size: 7vw;
  }
}
#about_sec .primary {
  padding: 90px 0 60px;
}
@media (max-width: 750px) {
  #about_sec .primary {
    padding: 10vw 0 10vw;
  }
}
#about_sec .primary .lead {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  margin: 0;
}
@media (max-width: 750px) {
  #about_sec .primary .lead {
    font-size: 3.6vw;
    text-align: left;
    margin: 0;
  }
}
#about_sec .primary .spacer_1 {
  height: 90px;
}
@media (max-width: 750px) {
  #about_sec .primary .spacer_1 {
    height: 10vw;
  }
}
#about_sec .site {
  background: white;
  border-radius: 20px;
  padding: 60px 30px;
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  #about_sec .site {
    border-radius: 4vw;
    padding: 6vw;
    margin: 0 0 10vw;
  }
}
#about_sec .site .ttl_sub {
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  #about_sec .site .ttl_sub {
    margin: 0 0 3vw;
  }
}
#about_sec .site .ttl_sub .label {
  display: block;
  color: #ff4167;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #about_sec .site .ttl_sub .label {
    font-size: 3.4vw;
  }
}
#about_sec .site .ttl_sub .text {
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #about_sec .site .ttl_sub .text {
    font-size: 4vw;
  }
}
#about_sec .site hr {
  margin: 60px 0 60px;
}
@media (max-width: 750px) {
  #about_sec .site hr {
    margin: 10vw 0 10vw;
  }
}
#about_sec .site .box {
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #about_sec .site .box {
    display: block;
    justify-content: initial;
  }
}
#about_sec .site .box figure {
  width: 265px;
}
@media (max-width: 750px) {
  #about_sec .site .box figure {
    width: 80%;
    margin: 0 auto 5vw;
  }
  #about_sec .site .box figure:last-of-type {
    margin: 0 auto;
  }
}
#about_sec .secondary {
  padding: 0 0 90px;
}
@media (max-width: 750px) {
  #about_sec .secondary {
    padding: 0 0 10vw;
  }
}
#about_sec .secondary .box {
  background: white;
  border-radius: 20px;
  margin: 0 0 60px;
  position: relative;
  padding: 60px 60px 60px;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #about_sec .secondary .box {
    border-radius: 4vw;
    margin: 0 0 10vw;
    padding: 10vw 6vw;
    display: block;
    justify-content: initial;
  }
}
#about_sec .secondary .box.n1 .data, #about_sec .secondary .box.n3 .data {
  width: 670px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n1 .data, #about_sec .secondary .box.n3 .data {
    width: 100%;
  }
}
#about_sec .secondary .box.n2 .wrap, #about_sec .secondary .box.n4 .wrap {
  width: 670px;
  position: relative;
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n2 .wrap, #about_sec .secondary .box.n4 .wrap {
    width: 100%;
  }
}
#about_sec .secondary .box.n2 .wrap .data, #about_sec .secondary .box.n4 .wrap .data {
  width: 310px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n2 .wrap .data, #about_sec .secondary .box.n4 .wrap .data {
    width: 100%;
    margin: 0 0 5vw;
  }
}
#about_sec .secondary .box.n2 .wrap figure, #about_sec .secondary .box.n4 .wrap figure {
  width: 310px;
  position: absolute;
  top: -80px;
  right: 0;
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n2 .wrap figure, #about_sec .secondary .box.n4 .wrap figure {
    width: 100%;
    position: static;
    top: initial;
    right: initial;
  }
}
#about_sec .secondary .box.n1 figure {
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n1 figure {
    margin: 0 0 5vw;
  }
}
#about_sec .secondary .box.n2 .ttl {
  margin: 5px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n2 .ttl {
    margin: 0 0 3vw;
  }
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n2 .text {
    text-align: center;
  }
}
#about_sec .secondary .box.n3 figure {
  margin: 30px 0 0;
}
@media (max-width: 750px) {
  #about_sec .secondary .box.n3 figure {
    margin: 5vw 0 0;
  }
}
#about_sec .secondary .box.n4::after {
  display: none;
}
#about_sec .secondary .box::after {
  content: "";
  display: block;
  background-image: url(../images/page/why_arrow.png);
  width: 250px;
  height: 60px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -30px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box::after {
    width: 30vw;
    height: 8vw;
    bottom: -6vw;
  }
}
#about_sec .secondary .box .ttl {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box .ttl {
    font-size: 5vw;
    text-align: center;
    margin: 0 0 4vw;
  }
}
#about_sec .secondary .box .text {
  line-height: 1.8;
  font-size: 16px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box .text {
    font-size: 3.6vw;
  }
}
#about_sec .secondary .box .ttl_r {
  width: 140px;
  border-right: 1px solid #ccc;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 300;
}
@media (max-width: 750px) {
  #about_sec .secondary .box .ttl_r {
    width: 100%;
    border-right: none;
    font-size: 6vw;
    text-align: center;
    margin: 0 0 3vw;
  }
}
#about_sec .secondary .box .ttl_r .red {
  font-weight: 700;
  color: #ed575c;
  font-size: 46px;
}
@media (max-width: 750px) {
  #about_sec .secondary .box .ttl_r .red {
    font-size: 10vw;
  }
}
#about_sec .tertiary .inner {
  background: white;
  border-radius: 20px;
}
@media (max-width: 750px) {
  #about_sec .tertiary .inner {
    border-radius: 4vw;
    margin: 10vw 0 0;
  }
}
#about_sec .tertiary .wrap {
  padding: 60px 90px 60px;
  margin: 0 0 90px;
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap {
    padding: 10vw 6vw 10vw;
    margin: 0 0 10vw;
  }
}
#about_sec .tertiary .wrap .ttl {
  margin: 0 0 30px;
  text-align: center;
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap .ttl {
    margin: 0 0 3vw;
  }
}
#about_sec .tertiary .wrap .ttl img {
  width: 355px;
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap .ttl img {
    width: 88vw;
  }
}
#about_sec .tertiary .wrap .lead {
  font-size: 16px;
  text-align: center;
  line-height: 2;
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap .lead {
    font-size: 3.6vw;
    text-align: left;
    margin: 0 0 5vw;
  }
}
#about_sec .tertiary .wrap .box {
  border: 1px solid #b3b3b3;
  padding: 60px 60px 60px;
  margin: 40px 0 40px;
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap .box {
    padding: 6vw 3vw 6vw;
    margin: 10vw 0vw 10vw;
  }
}
#about_sec .tertiary .wrap .box .inner_box {
  display: flex;
  display: -ms-flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap .box .inner_box {
    display: block;
    justify-content: initial;
    flex-wrap: initial;
  }
}
#about_sec .tertiary .wrap .box .ttl_label {
  width: 200px;
  height: 45px;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  background: #3488e8;
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto 60px;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
}
@media all and (-ms-high-contrast: none) {
  #about_sec .tertiary .wrap .box .ttl_label {
    padding: 6px 0 0;
  }
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap .box .ttl_label {
    width: 40vw;
    height: 12vw;
    font-size: 4.4vw;
    margin: 0 auto 5vw;
    border-radius: 0 0 2vw 2vw;
  }
}
#about_sec .tertiary .wrap .box .fig {
  width: 620px;
}
@media (max-width: 750px) {
  #about_sec .tertiary .wrap .box .fig {
    padding: 0 6vw;
    width: 88%;
  }
}
#about_sec .wrap_other {
  padding: 0 0 200px;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  #about_sec .wrap_other {
    display: block;
    justify-content: initial;
    flex-wrap: initial;
    padding: 10vw 0 50vw;
  }
}
#about_sec .wrap_other .box {
  width: 464px;
  box-sizing: border-box;
  padding: 30px 30px 20px;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  background: white;
  margin: 0 0 50px;
  border-radius: 20px;
}
@media (max-width: 750px) {
  #about_sec .wrap_other .box {
    width: 100%;
    padding: 0 6vw 6vw;
    display: block;
    justify-content: initial;
    margin: 0 0 14vw;
    border-radius: 4vw;
  }
  #about_sec .wrap_other .box:last-of-type {
    margin: 0;
  }
}
#about_sec .wrap_other .box .label {
  width: 68px;
  position: relative;
  top: -45px;
}
@media (max-width: 750px) {
  #about_sec .wrap_other .box .label {
    width: 28vw;
    margin: 0 auto;
    position: relative;
    top: -7.4vw;
  }
}
#about_sec .wrap_other .box .data {
  width: 310px;
}
@media (max-width: 750px) {
  #about_sec .wrap_other .box .data {
    width: 100%;
  }
}
#about_sec .wrap_other .box .data .ttl {
  font-size: 26px;
  font-weight: bold;
  color: #3488e8;
  line-height: 1.5;
  margin: 0 0 10px;
}
@media (max-width: 750px) {
  #about_sec .wrap_other .box .data .ttl {
    font-size: 5vw;
    margin: 0 0 2vw;
  }
}
#about_sec .wrap_other .box .data .text {
  line-height: 1.8;
  font-size: 16px;
}
@media (max-width: 750px) {
  #about_sec .wrap_other .box .data .text {
    font-size: 3.8vw;
  }
}

.ttl_sec {
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  .ttl_sec {
    margin: 0 0 5vw;
  }
}
.ttl_sec .en {
  display: block;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: white;
  line-height: 1;
}
@media (max-width: 750px) {
  .ttl_sec .en {
    font-size: 3.4vw;
  }
}
.ttl_sec .ja {
  display: block;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  color: white;
}
@media (max-width: 750px) {
  .ttl_sec .ja {
    font-size: 6vw;
  }
}
.ttl_sec.blue .en {
  color: #8cbde9;
}
.ttl_sec.blue .ja {
  color: #000;
}

#price_sec {
  padding: 150px 0 150px;
  background-image: url(../images/page/price_kazari.png);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: left calc(50% - 320px) top 180px;
}
@media (max-width: 750px) {
  #price_sec {
    background-size: 36vw;
    background-position: left -2vw top 2vw;
  }
}
@media (max-width: 750px) {
  #price_sec {
    padding: 10vw 0 10vw;
  }
}
#price_sec figure {
  width: 435px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #price_sec figure {
    width: 60vw;
    margin: 0 0 0 20vw;
  }
}

#works_sec {
  padding: 150px 0 200px;
  background: #90cfeb;
}
@media (max-width: 750px) {
  #works_sec {
    padding: 10vw 0 50vw;
  }
}
#works_sec .first {
  width: 980px;
  margin: 0 auto 30px;
}
@media (max-width: 750px) {
  #works_sec .first {
    width: 88vw;
    margin: 0 auto 5vw;
  }
}
#works_sec .items {
  width: 980px;
  margin: 0 auto 60px;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 750px) {
  #works_sec .items {
    width: 88vw;
    margin: 0 auto 14vw;
  }
}
#works_sec .items::after {
  content: "etc...";
  font-size: 18px;
  color: white;
  position: absolute;
  right: -46px;
  bottom: 10px;
}
@media (max-width: 750px) {
  #works_sec .items::after {
    font-size: 3.8vw;
    right: 0;
    bottom: -3vw;
  }
}
#works_sec .items .item {
  display: flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  background: white;
  width: 236px;
  height: 40px;
  color: #3488e8;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
  box-sizing: border-box;
  border-radius: 20px;
}
@media all and (-ms-high-contrast: none) {
  #works_sec .items .item {
    padding: 6px 0 0;
  }
}
@media (max-width: 750px) {
  #works_sec .items .item {
    width: 48%;
    height: 8vw;
    color: #3488e8;
    font-size: 4vw;
    margin: 0 0 3vw;
    border-radius: 4vw;
  }
}
#works_sec .wrap {
  width: 980px;
  margin: 0 auto;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  #works_sec .wrap {
    width: 88vw;
    display: block;
    justify-content: initial;
    flex-wrap: initial;
  }
}
#works_sec .wrap .box {
  width: 464px;
  box-sizing: border-box;
  background: white;
  border-radius: 10px;
  padding: 40px 40px 40px;
  position: relative;
  margin: 0 0 50px;
}
@media (max-width: 750px) {
  #works_sec .wrap .box {
    width: 100%;
    border-radius: 2vw;
    padding: 6vw 6vw 6vw;
    margin: 0 0 10vw;
  }
  #works_sec .wrap .box:last-of-type {
    margin: 0;
  }
}
#works_sec .wrap .box .case {
  width: 138px;
  height: 38px;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  background: #fce061;
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -18px;
  left: 40px;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .case {
    width: 30vw;
    height: 8vw;
    font-size: 4vw;
    top: -4vw;
    left: 6vw;
  }
}
#works_sec .wrap .box .inner_box {
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .inner_box {
    display: block;
    justify-content: initial;
  }
}
#works_sec .wrap .box .inner_box figure {
  width: 125px;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .inner_box figure {
    width: 28vw;
    margin: 0 auto;
  }
}
#works_sec .wrap .box .inner_box .data {
  width: 240px;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .inner_box .data {
    width: 100%;
    margin: -3vw 0 0;
  }
}
#works_sec .wrap .box .inner_box .data .label {
  margin: 0 0 10px;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .inner_box .data .label {
    margin: 0 0 2vw;
    text-align: center;
  }
}
#works_sec .wrap .box .inner_box .data .label .inner_text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 15px;
  padding: 0 24px;
  background: #3fa3dd;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
@media all and (-ms-high-contrast: none) {
  #works_sec .wrap .box .inner_box .data .label .inner_text {
    padding: 6px 24px 0;
  }
}
#works_sec .wrap .box .inner_box .data .job {
  width: 4em;
  background: #e6e6e6;
  padding: 3px 10px;
  font-size: 13px;
  color: #4d4d4d;
  margin: 0 0 10px;
}
@media all and (-ms-high-contrast: none) {
  #works_sec .wrap .box .inner_box .data .job {
    padding: 9px 10px 3px;
  }
}
@media (max-width: 750px) {
  #works_sec .wrap .box .inner_box .data .job {
    padding: 1vw 2vw;
    font-size: 3vw;
    margin: 0 0 2vw;
  }
}
#works_sec .wrap .box .inner_box .data .title {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .inner_box .data .title {
    font-size: 3.4vw;
    margin: 0;
  }
}
#works_sec .wrap .box .inner_box .data .text {
  font-weight: bold;
  line-height: 1.8;
}
#works_sec .wrap .box .lead {
  min-height: 40px;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  color: #3488e8;
  font-weight: bold;
  margin: 20px 0 20px;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .lead {
    min-height: auto;
    font-size: 4.4vw;
    margin: 4vw 0 7vw;
  }
}
#works_sec .wrap .box .body .ttl_body {
  position: relative;
  margin: 0 0 10px;
  height: 18px;
}
#works_sec .wrap .box .body .ttl_body .inner_text {
  display: inline-block;
  padding: 0 10px 0 0;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: bold;
  background: white;
  position: absolute;
  left: 0;
}
#works_sec .wrap .box .body .ttl_body::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 8px;
  left: 0;
}
#works_sec .wrap .box .body .text {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 20px;
}
@media (max-width: 750px) {
  #works_sec .wrap .box .body .text {
    font-size: 3.6vw;
    margin: 0 0 3vw;
  }
}
#works_sec .wrap .box .body.before .ttl_body .inner_text {
  color: #4d4d4d;
}
#works_sec .wrap .box .body.before .ttl_body::before {
  background: #b3b3b3;
}
#works_sec .wrap .box .body.after .ttl_body .inner_text {
  color: #ff4167;
}
#works_sec .wrap .box .body.after .ttl_body::before {
  background: #ff4167;
}
#works_sec .wrap .box .body.after .text {
  color: #ff4167;
  margin: 0;
}

#partner_sec {
  padding: 150px 0 90px;
  background-image: url(../images/page/logo_bg.png);
  background-size: 700px;
  background-repeat: no-repeat;
  background-position: left -200px top 60px;
  /*.wrap {
      width: 980px;
      margin: 0 auto;
      display: flex;
      display: -ms-flex;
      justify-content: space-between;

      @media (max-width: $viewport) {
          width: 88vw;
          display: block;
          justify-content: initial;
      }

      .inner_wrap {
          .ttl {
              color: white;
              font-size: 18px;
              font-weight: bold;
              text-align: center;
              padding: 10px 0 10px;
              background: #7d8bc8;
              margin: 0 0 20px;

              @media all and (-ms-high-contrast: none) {
                  padding: 16px 0 10px;
              }

              @media (max-width: $viewport) {
                  font-size: 4vw;
                  padding: 2vw 0 2vw;
                  margin: 0 0 3vw;
              }
          }

          .box {
              display: flex;
              display: -ms-flex;
              justify-content: space-between;
              flex-wrap: wrap;

              @media (max-width: $viewport) {
                  justify-content: initial;
                  flex-wrap: wrap;
              }

              .item {
                  width: 85px;
                  margin: 0 0 20px;

                  @media (max-width: $viewport) {
                      width: 22%;
                      margin: 0 1.4% 8%;
                  }
              }
          }
      }

      &.n1 {
          margin: 0 auto 60px;

          @media (max-width: $viewport) {
              margin: 0 auto 10vw;
          }

          .inner_wrap {
              width: 100%;
          }
      }

      &.n2 {
          .inner_wrap {
              &.n1 {
                  width: 500px;

                  @media (max-width: $viewport) {
                      width: 100%;
                  }
              }

              &.n2 {
                  width: 420px;

                  @media (max-width: $viewport) {
                      width: 100%;
                  }
              }
          }
      }
  }*/
}
@media (max-width: 750px) {
  #partner_sec {
    padding: 10vw 0 10vw;
    background: none;
  }
}
#partner_sec .lead {
  text-align: center;
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  #partner_sec .lead {
    margin: 0 0 5vw;
  }
}
#partner_sec .lead img {
  width: 605px;
}
@media (max-width: 750px) {
  #partner_sec .lead img {
    width: 88vw;
  }
}
#partner_sec .wrap {
  width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 750px) {
  #partner_sec .wrap {
    width: 88vw;
  }
}
#partner_sec .wrap .fig {
  width: 750px;
}
@media (max-width: 750px) {
  #partner_sec .wrap .fig {
    width: 100%;
  }
}
#partner_sec .wrap .fig.n1 {
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  #partner_sec .wrap .fig.n1 {
    margin: 0 0 10vw;
  }
}
#partner_sec .wrap .ttl {
  width: 100%;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 10px;
  background: #7d8bc8;
  margin: 0 0 20px;
}
@media all and (-ms-high-contrast: none) {
  #partner_sec .wrap .ttl {
    padding: 16px 0 10px;
  }
}
@media (max-width: 750px) {
  #partner_sec .wrap .ttl {
    font-size: 4vw;
    padding: 2vw 0 2vw;
    margin: 0 0 3vw;
  }
}
#partner_sec .wrap .box {
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#partner_sec .wrap .box .item {
  width: 65px;
  margin: 0 0 20px;
}
@media (max-width: 750px) {
  #partner_sec .wrap .box .item {
    width: 30%;
    margin: 0 0 8%;
  }
}
@media (max-width: 750px) {
  #partner_sec .wrap .box .item.spacer {
    display: none;
  }
}
#partner_sec .wrap .box .item.spacer.sp {
  display: none;
}
@media (max-width: 750px) {
  #partner_sec .wrap .box .item.spacer.sp {
    display: block;
  }
}

.btns {
  width: 980px;
  height: 111px;
  background-image: url(../images/page/btn_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0 0 324px;
  margin: 0 auto 260px;
}
@media (max-width: 750px) {
  .btns {
    width: 88vw;
    height: 70vw;
    margin: 0 auto 50vw;
    background-image: url(../images/page/btn_bg_s.png);
    display: block;
    justify-content: initial;
    align-items: initial;
    padding: 30vw 0 0;
  }
}
.btns a {
  display: block;
  height: 50px;
  width: auto;
  margin: 0 10px;
  transition: opacity 0.3s;
}
@media (max-width: 750px) {
  .btns a {
    width: 68vw;
    margin: 0 auto;
  }
  .btns a:first-of-type {
    margin: 0 auto 3vw;
  }
}
.btns a:hover {
  opacity: 0.7;
}
@media (max-width: 750px) {
  .btns a:hover {
    opacity: 1;
  }
}
.btns a img {
  width: auto;
  height: 50px;
}
@media (max-width: 750px) {
  .btns a img {
    width: 100%;
    height: auto;
  }
}

#flow_sec {
  background: url(../images/page/flow_bg.png);
  background-size: 8px;
  padding: 150px 0 150px;
}
@media (max-width: 750px) {
  #flow_sec {
    padding: 10vw 0 10vw;
  }
}
#flow_sec .inner {
  width: 980px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #flow_sec .inner {
    width: 88vw;
  }
}
#flow_sec .inner .ttl_sec {
  margin: 0 0 90px;
}
@media (max-width: 750px) {
  #flow_sec .inner .ttl_sec {
    margin: 0 0 5vw;
  }
}
#area_sec {
  padding: 150px 0 260px;
  position: relative;
}
@media (max-width: 750px) {
  #area_sec {
    padding: 10vw 0 50vw;
  }
}
#area_sec::after {
  content: "";
  display: block;
  width: 700px;
  height: 700px;
  background-image: url(../images/page/logo_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right -200px top;
  position: absolute;
  top: -100px;
  right: 0;
}
@media (max-width: 750px) {
  #area_sec::after {
    width: 60vw;
    height: 60vw;
    background-position: right -20vw top;
    top: -12vw;
  }
}
#area_sec .inner {
  width: 980px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #area_sec .inner {
    width: 76vw;
  }
}
#area_sec .inner .wrap {
  width: 650px;
  margin: 0 auto;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  #area_sec .inner .wrap {
    width: 100%;
  }
}
#area_sec .inner .wrap .item {
  width: 315px;
  margin: 0 0 20px;
  position: relative;
}
#area_sec .inner .wrap .item:nth-of-type(1) .text {
  color: #3488e8;
}
#area_sec .inner .wrap .item:nth-of-type(2) .text {
  color: #7abd21;
}
#area_sec .inner .wrap .item:nth-of-type(3) .text {
  color: #f76b38;
}
#area_sec .inner .wrap .item:nth-of-type(4) .text {
  color: #27a5d1;
}
#area_sec .inner .text {
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 30px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #area_sec .inner .text {
    font-size: 4vw;
    bottom: 8vw;
  }
}
#area_sec .inner .caption {
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 750px) {
  #area_sec .inner .caption {
    font-size: 3vw;
  }
}

#faq_sec {
  padding: 150px 0 230px;
  background: #eaf3fb;
  position: relative;
}
@media (max-width: 750px) {
  #faq_sec {
    padding: 10vw 0 60vw;
  }
}
#faq_sec::after {
  content: "";
  display: block;
  width: 225px;
  height: 225px;
  background-image: url(../images/page/faq_kazari.png);
  background-size: 100%;
  position: absolute;
  top: 10px;
  left: 30px;
}
@media (max-width: 750px) {
  #faq_sec::after {
    width: 36vw;
    height: 36vw;
    top: -10vw;
    left: 3vw;
  }
}
#faq_sec .inner {
  width: 980px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #faq_sec .inner {
    width: 88vw;
  }
}
#faq_sec .inner .wrap .box {
  background: white;
  padding: 20px;
  margin: 0 0 30px;
}
#faq_sec .inner .wrap .box .question {
  display: flex;
  display: -ms-flex;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  padding: 0 0 0 20px;
  position: relative;
}
@media (max-width: 750px) {
  #faq_sec .inner .wrap .box .question {
    font-size: 4vw;
    line-height: 1.5;
    padding: 0 0 0 1vw;
    align-items: flex-start;
  }
}
@media (max-width: 750px) {
  #faq_sec .inner .wrap .box .question .text {
    width: calc(100% - 24vw);
    padding: 1vw 0 0;
  }
}
#faq_sec .inner .wrap .box .question::after {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  background-image: url(../images/page/toggle_plus.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 5px;
}
@media (max-width: 750px) {
  #faq_sec .inner .wrap .box .question::after {
    width: 6vw;
    height: 6vw;
    right: 0vw;
    bottom: 0;
    top: 0;
    margin: auto;
  }
}
#faq_sec .inner .wrap .box .question.active::after {
  background-image: url(../images/page/toggle_minus.png);
}
#faq_sec .inner .wrap .box .question::before {
  font-size: 24px;
  font-weight: bold;
  color: white;
  font-family: "Roboto", sans-serif;
  content: "Q";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #3488e8;
  margin: 0 20px 0 0;
}
@media all and (-ms-high-contrast: none) {
  #faq_sec .inner .wrap .box .question::before {
    padding: 6px 0 0;
  }
}
@media (max-width: 750px) {
  #faq_sec .inner .wrap .box .question::before {
    font-size: 4vw;
    width: 8vw;
    height: 8vw;
    border-radius: 4vw;
    margin: 0 2vw 0 0;
  }
}
#faq_sec .inner .wrap .box .answer {
  display: none;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  padding: 14px 0 0 20px;
  border-top: 1px solid #b3b3b3;
  margin: 14px 0 0;
  overflow: hidden;
}
@media (max-width: 750px) {
  #faq_sec .inner .wrap .box .answer {
    font-size: 4vw;
    line-height: 1.5;
    padding: 3vw 0 0 1vw;
    align-items: flex-start;
  }
}
#faq_sec .inner .wrap .box .answer .text {
  float: right;
  width: calc(100% - 60px);
  padding: 9px 0 0;
}
@media (max-width: 750px) {
  #faq_sec .inner .wrap .box .answer .text {
    width: calc(100% - 10vw);
    padding: 1vw 0 0;
  }
}
#faq_sec .inner .wrap .box .answer::before {
  font-size: 24px;
  font-weight: bold;
  color: white;
  font-family: "Roboto", sans-serif;
  content: "A";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #ff4167;
  margin: 0 20px 0 0;
  float: left;
}
@media all and (-ms-high-contrast: none) {
  #faq_sec .inner .wrap .box .answer::before {
    padding: 6px 0 0;
  }
}
@media (max-width: 750px) {
  #faq_sec .inner .wrap .box .answer::before {
    font-size: 4vw;
    width: 8vw;
    height: 8vw;
    border-radius: 4vw;
    margin: 0 2vw 0 0;
  }
}

#contact_sec {
  background: linear-gradient(90deg, #3ec8e7, #405ac8);
  position: relative;
  padding: 120px 0 90px;
}
@media (max-width: 750px) {
  #contact_sec {
    padding: 10vw 0 10vw;
  }
}
#contact_sec .covid-19 {
  position: absolute;
  top: -190px;
  left: 0;
  right: 0;
  width: 710px;
  margin: auto;
}
@media (max-width: 750px) {
  #contact_sec .covid-19 {
    width: 88vw;
    top: -52vw;
  }
}
#contact_sec .inner {
  width: 980px;
  margin: 0 auto;
  background: white;
  box-sizing: border-box;
  padding: 90px 140px;
}
@media (max-width: 750px) {
  #contact_sec .inner {
    width: 88vw;
    padding: 6vw;
  }
}
#contact_sec .inner .ttl_sec {
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  #contact_sec .inner .ttl_sec {
    margin: 0 0 5vw;
  }
}

footer .primary {
  background-color: #213251;
  background-image: url(../images/common/footer_bg.png);
  background-size: 420px;
  background-repeat: no-repeat;
  background-position: right bottom;
  padding: 90px 0 90px;
}
@media (max-width: 750px) {
  footer .primary {
    background-image: url(../images/common/footer_bg_s.png);
    background-size: 48vw;
    background-position: right center;
    padding: 10vw 0 12vw;
  }
}
footer .inner {
  width: 980px;
  margin: 0 auto;
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 750px) {
  footer .inner {
    width: 88vw;
    display: block;
    justify-content: initial;
  }
}
footer .inner #copyright {
  color: #677187;
  font-size: 13px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 750px) {
  footer .inner #copyright {
    font-size: 3vw;
    position: static;
    left: initial;
    bottom: initial;
  }
}
footer .inner .id {
  width: 300px;
  box-sizing: border-box;
  padding: 0 50px 0 0;
  border-right: 1px solid #5a667d;
}
@media (max-width: 750px) {
  footer .inner .id {
    width: 100%;
    padding: 0 0 10vw;
    border-right: none;
  }
}
footer .inner .id .logo {
  display: block;
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  footer .inner .id .logo {
    margin: 0 0 5vw;
    text-align: center;
  }
}
footer .inner .id .logo img {
  width: 240px;
  height: 45px;
}
@media (max-width: 750px) {
  footer .inner .id .logo img {
    width: 57.6vw;
    height: auto;
  }
}
footer .inner .id ul {
  line-height: 1.8;
  font-size: 13px;
  color: white;
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  footer .inner .id ul {
    font-size: 3vw;
    text-align: center;
    margin: 0 0 5vw;
  }
}
footer .inner .id .access {
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  footer .inner .id .access {
    margin: 0 0 5vw;
  }
}
footer .inner .id .access .title {
  display: block;
  line-height: 1.5;
  color: #fce061;
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 750px) {
  footer .inner .id .access .title {
    font-size: 3.4vw;
    text-align: center;
  }
}
footer .inner .id .access .tel {
  color: #fce061;
  font-weight: bold;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 750px) {
  footer .inner .id .access .tel {
    display: none;
  }
}
footer .inner .id .access .tel_s {
  display: none;
}
@media (max-width: 750px) {
  footer .inner .id .access .tel_s {
    display: block;
    color: #fce061;
    font-weight: bold;
    font-size: 5vw;
    font-family: "Roboto", sans-serif;
    text-align: center;
  }
}
footer .inner .id .official {
  display: block;
  color: #3488e8;
  font-weight: bold;
}
@media (max-width: 750px) {
  footer .inner .id .official {
    text-align: center;
  }
}
footer .inner .id .official::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-image: url(../images/common/icon_external.svg);
  margin: 0 0 0 0.5em;
}
@media (max-width: 750px) {
  footer .inner .id .official::after {
    width: 3vw;
    height: 3vw;
    background-size: 3vw 3vw;
    position: relative;
    top: 0.2vw;
  }
}
footer .inner .info {
  width: 630px;
  color: white;
  line-height: 1.8;
  font-size: 13px;
}
@media (max-width: 750px) {
  footer .inner .info {
    width: 100%;
    font-size: 3vw;
    margin: 0 0 5vw;
  }
}
@media (max-width: 750px) {
  footer .inner .info tr {
    border-top: 1px solid #5a667d;
  }
}
footer .inner .info th {
  text-align: left;
  vertical-align: top;
  width: 4em;
  padding: 0 1em 1em 0;
}
@media (max-width: 750px) {
  footer .inner .info th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 3vw 0 0;
  }
}
@media (max-width: 750px) {
  footer .inner .info td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 1vw 0 3vw;
  }
}
footer .inner .info td .emphasis {
  font-weight: bold;
}

#pagetop {
  width: 80px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  transition: opacity 0.3s;
}
@media (max-width: 750px) {
  #pagetop {
    width: 14vw;
    right: 2vw;
    bottom: 14vw;
  }
}
#pagetop:hover {
  opacity: 0.7;
}
@media (max-width: 750px) {
  #pagetop:hover {
    opacity: 1;
  }
}

.cv {
  display: block;
  width: 53px;
  transition: opacity 0.3s;
  position: fixed;
  right: 0;
  top: 10vh;
}
@media (max-width: 750px) {
  .cv {
    display: none;
  }
}
.cv:hover {
  opacity: 0.7;
}
.cv img {
  width: 53px;
  height: 168px;
  display: block;
}

.cv_s {
  display: none;
}
@media (max-width: 750px) {
  .cv_s {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .cv_s img {
    display: block;
  }
}

@media (max-width: 750px) {
  .mfp_err {
    width: 50vw !important;
  }
}

#mfp_phase_confirm h4 {
  margin: 0 0 30px !important;
  font-size: 18px !important;
}
@media (max-width: 750px) {
  #mfp_phase_confirm h4 {
    width: 76vw;
    margin: 0 0 3vw !important;
    font-size: 4vw !important;
  }
}

.mfp_buttons {
  margin: 60px 0 0;
}
@media (max-width: 750px) {
  .mfp_buttons {
    margin: 10vw 0 0;
  }
}

#mfp_confirm_table th {
  padding: 20px !important;
  font-size: 16px !important;
}
@media (max-width: 750px) {
  #mfp_confirm_table th {
    font-size: 3.4vw !important;
  }
}
#mfp_confirm_table td {
  padding: 20px !important;
  font-size: 16px !important;
}
@media (max-width: 750px) {
  #mfp_confirm_table td {
    font-size: 3.4vw !important;
  }
}
@media (max-width: 750px) {
  #mfp_confirm_table {
    width: 76vw !important;
  }
  #mfp_confirm_table tr {
    background: none !important;
    border-bottom: 1px solid #ccc !important;
  }
  #mfp_confirm_table th {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    padding: 2vw 0 0 !important;
    border: none !important;
  }
  #mfp_confirm_table td {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    padding: 0 0 2vw !important;
    border: none !important;
  }
}

/*	form
---------------------------------*/
.steps_form {
  width: 700px;
  margin: 0 auto 60px;
}
@media (max-width: 750px) {
  .steps_form {
    width: 100%;
    margin: 0 0 5vw 0;
  }
}

#mfp_button_send.mfp_element_button {
  display: block;
  width: 245px;
  height: 41px;
  margin: 0 auto 30px;
  border: none;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.7s;
  background-image: url(../images/common/btn_send.png);
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-color: white;
}
@media (max-width: 750px) {
  #mfp_button_send.mfp_element_button {
    width: 69vw;
    height: 14vw;
    margin: 0 0 3vw 4vw;
  }
}
#mfp_button_send.mfp_element_button:hover {
  opacity: 0.3;
}

button[type=submit].btn_send_narrow {
  display: block;
  width: 245px;
  height: 41px;
  margin: 0 auto 30px;
  border: none;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.7s;
  background-image: url(../images/common/btn_confirm.png);
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-color: white;
}
@media (max-width: 750px) {
  button[type=submit].btn_send_narrow {
    width: 69vw;
    height: 14vw;
    margin: 0 0 3vw 4vw;
  }
}
button[type=submit].btn_send_narrow:hover {
  opacity: 0.3;
}

button.btn_back_narrow,
#mfp_button_cancel {
  display: block;
  width: 245px;
  height: 41px;
  margin: 0 auto 30px;
  border: none;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.7s;
  background-image: url(../images/common/btn_back.png);
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-color: white;
}
@media (max-width: 750px) {
  button.btn_back_narrow,
  #mfp_button_cancel {
    width: 69vw;
    height: 14vw;
    margin: 0 0 3vw 4vw;
  }
}
button.btn_back_narrow:hover,
#mfp_button_cancel:hover {
  opacity: 0.3;
}

.wrap_form {
  width: 700px;
  margin: 0 auto;
  /*button[type="submit"].btn_send_narrow,
  #mfp_button_send {
  	display: block;
  	width: 270px;
  	padding: 10px 20px;
  	margin: 0 auto 30px;
  	border: none;
  	text-align: center;
  	color: white;
  	font-size: 16px;
  	background-color: #d91412;
  	cursor: pointer;
  	opacity: 1;
  	transition: opacity 0.7s;
  	background-image: url(../images/common/bg_btn.png);
  	background-size: 6px;
  	background-repeat: no-repeat;
  	background-position: right 12px center;
  	border-radius: 30px;

  	@media (max-width: $viewport) {
  		width: 40vw;
  		padding: 2vw 5vw;
  		margin: 0 0 3vw 18vw;
  		font-size: 3.4vw;
  		border-radius: 5vw;
  	}

  	&:hover {
  		opacity: .3;
  	}
  }

  button.btn_back_narrow,
  #mfp_button_cancel {
  	display: block;
  	width: 270px;
  	padding: 10px 20px;
  	margin: 0 auto 60px;
  	border: none;
  	text-align: center;
  	color: white;
  	font-size: 16px;
  	background-color: #999;
  	cursor: pointer;
  	opacity: 1;
  	transition: opacity 0.7s;
  	background-image: url(../images/common/bg_btn_back.png);
  	background-size: 6px;
  	background-repeat: no-repeat;
  	background-position: left 12px center;
  	border-radius: 30px;

  	@media (max-width: $viewport) {
  		width: 40vw;
  		padding: 2vw 5vw;
  		margin: 0 0 3vw 18vw;
  		font-size: 3.4vw;
  		border-radius: 5vw;
  	}

  	&:hover {
  		opacity: .3;
  	}
  }*/
}
@media screen and (max-width: 750px) {
  .wrap_form {
    width: 100%;
    margin: 0 auto;
  }
}
.wrap_form .require {
  color: #c1272d;
  font-weight: bold;
  padding-left: 0;
}

.table_entry {
  width: 100%;
  line-height: 1.5;
  margin: 0 0 60px;
}
@media (max-width: 750px) {
  .table_entry {
    margin: 0 0 3vw;
    font-size: 3.4vw !important;
  }
}
.table_entry th {
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  white-space: nowrap;
  width: 12em;
  padding: 0 10px 20px 0;
}
@media (max-width: 750px) {
  .table_entry th {
    padding: 0 1em 1vw 0;
    width: 5em;
  }
}
.table_entry td {
  padding: 0 0 20px;
}
@media (max-width: 750px) {
  .table_entry td {
    padding: 0 0 1vw;
  }
}
@media (max-width: 750px) {
  .table_entry td .mwform-radio-field.horizontal-item {
    display: inline-block;
    margin: 1.5vw 0 1.5vw;
  }
}
@media (max-width: 750px) {
  .table_entry td.radio {
    line-height: 3;
  }
}
.table_entry .mark_zip {
  font-size: 16px;
  padding: 2px 0.5em 0 0;
}
@media (max-width: 750px) {
  .table_entry .mark_zip {
    font-size: 3.4vw;
    padding: 0 0.5em 0 0;
    position: relative;
    top: -1.5vw;
  }
}
.table_entry input[type=text],
.table_entry input[type=email] {
  width: 100%;
  height: 32px;
  font-size: 16px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 0 5px;
}
@media screen and (max-width: 750px) {
  .table_entry input[type=text],
  .table_entry input[type=email] {
    width: 100% !important;
    max-width: 100%;
    border: 1px solid #ccc;
    font-size: 3.4vw;
    height: 9vw;
    margin: 0 0 3vw;
  }
}
.table_entry input[type=text]::placeholder,
.table_entry input[type=email]::placeholder {
  color: #d2d2d2;
}
@media (max-width: 750px) {
  .table_entry input[type=text]::placeholder,
  .table_entry input[type=email]::placeholder {
    font-size: 3vw;
  }
}
.table_entry #zip {
  box-sizing: border-box;
  height: 32px;
  width: 120px;
  font-size: 16px;
  border: 1px solid #ccc !important;
  padding: 0 5px;
}
@media screen and (max-width: 750px) {
  .table_entry #zip {
    box-sizing: border-box;
    width: calc(100% - 3.4vw - 0.5em) !important;
    height: 9vw;
    font-size: 3.4vw;
    padding: 0 5px;
    border: 1px solid #ccc;
    margin: 0 0 3vw;
  }
}
.table_entry #zip::placeholder {
  color: #ccc;
}
@media (max-width: 750px) {
  .table_entry #zip::placeholder {
    font-size: 3vw;
  }
}
.table_entry #form_message {
  font-size: 16px;
  box-sizing: border-box;
  padding: 5px 5px;
  width: 100% !important;
  height: 100px !important;
  border: 1px solid #ccc;
}
@media (max-width: 750px) {
  .table_entry #form_message {
    width: 100% !important;
    max-width: 100%;
    height: 20vw;
    font-size: 3.4vw !important;
    margin: 0;
  }
}
.table_entry #form_message::placeholder {
  color: #ccc;
}
@media (max-width: 750px) {
  .table_entry #form_message::placeholder {
    font-size: 3vw;
  }
}
.table_entry #pref_w {
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .table_entry #pref_w {
    margin: 0 0 1vw;
  }
}
.table_entry #city_w {
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .table_entry #city_w {
    margin: 0 0 1vw;
  }
}
.table_entry #area_w {
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .table_entry #area_w {
    margin: 0 0 1vw;
  }
}

@media (max-width: 750px) {
  .mw_wp_form_confirm .wrap_narrow #table_entry_narrow td .mark_zip {
    position: relative;
    top: 0vw;
  }
}

.entry_contents,
.confirm_attention {
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  .entry_contents,
  .confirm_attention {
    margin: 0 0 3vw;
  }
}
.entry_contents p,
.confirm_attention p {
  line-height: 1.8;
}

.error {
  display: block;
  margin: 10px 0;
}

.form_privacy-policy {
  background: #e6e6e6;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 0 30px;
}
@media (max-width: 750px) {
  .form_privacy-policy {
    width: 76vw;
    padding: 3vw;
    margin: 0 0 5vw;
  }
}
.form_privacy-policy .ttl {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .form_privacy-policy .ttl {
    font-size: 3.6vw;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 2vw;
  }
}
.form_privacy-policy .agree_text {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .form_privacy-policy .agree_text {
    font-size: 3.4vw;
    line-height: 1.5;
  }
}
.form_privacy-policy .inner_box {
  height: 130px;
  background: white;
  overflow-y: scroll;
  border: 1px solid #b1b1b1;
  padding: 20px;
  margin-bottom: 20px;
  line-height: 1.8;
}
@media (max-width: 750px) {
  .form_privacy-policy .inner_box {
    height: 30vw;
    padding: 3vw;
    margin-bottom: 3vw;
  }
}
.form_privacy-policy .inner_box .ttl {
  font-weight: bold;
  margin: 0 0 20px;
}
@media (max-width: 750px) {
  .form_privacy-policy .inner_box .ttl {
    margin: 0 0 2vw;
  }
}
.form_privacy-policy .inner_box p {
  margin: 0 0 20px;
}
@media (max-width: 750px) {
  .form_privacy-policy .inner_box p {
    margin: 0 0 3vw;
    font-size: 3vw;
  }
}
.form_privacy-policy .inner_box ul {
  margin-left: 1em;
  margin: 0 0 20px;
  line-height: 1.8;
  list-style-position: outside;
}
@media (max-width: 750px) {
  .form_privacy-policy .inner_box ul {
    margin: 0 0 3vw 1em;
  }
}
.form_privacy-policy .inner_box ul > li > ul {
  margin: 0 0 0 1em;
}
.form_privacy-policy .inner_box ul > li > ul > li > ul {
  margin: 0 0 0 1em;
}
.form_privacy-policy .inner_box .right_text {
  text-align: right;
}

#entry {
  width: 750px;
  margin: 90px auto 0;
}
@media screen and (max-width: 750px) {
  #entry {
    width: 88vw;
    margin: 10vw auto 0;
  }
}
#entry.form_complete {
  margin: 0 auto;
  padding: 90px 0 0;
}
@media (max-width: 750px) {
  #entry.form_complete {
    padding: 20vw 0 0;
  }
}
#entry .inner figure {
  margin-bottom: 20px;
}
#entry .inner figure > img {
  width: 100%;
  height: auto;
}
#entry .inner .attention {
  line-height: 200%;
  margin-bottom: 20px;
}

.mw_wp_form_confirm .example {
  display: none;
}

.mw_wp_form_confirm .comment {
  display: none;
}

.mw_wp_form_confirm .require {
  display: none;
}

.mw_wp_form_confirm .entry_contents {
  display: none;
}

.display_confirm {
  display: none;
}

.mw_wp_form_confirm .display_confirm {
  display: block;
}

.confirm_attention {
  display: none;
}

.mw_wp_form_confirm .form_privacy-policy {
  display: none;
}

.mw_wp_form_confirm .confirm_attention {
  display: block;
  line-height: 150%;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  .mw_wp_form_confirm .confirm_attention {
    line-height: 150%;
    margin-bottom: 3vw;
  }
}

.require {
  color: #c1272d;
  font-weight: bold;
  padding-left: 10px;
}

input[type=radio] {
  position: relative;
  top: -3px;
}

.mwform-checkbox-field.horizontal-item {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  display: block;
  margin-bottom: 10px;
}

.mwform-radio-field.horizontal-item {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  display: inline;
  margin-bottom: 10px;
  /*@media (max-width: $viewport) {
  	margin-right: 0 !important;
  	margin-left: 0 !important;
  	padding-right: 0 !important;
  	padding-left: 0 !important;
  	display: block;
  	margin-bottom: 1vw;
  }*/
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 30px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 0 5px;
  background-repeat: no-repeat;
  background-position: right center;
  width: 100px;
}
@media all and (-ms-high-contrast: none) {
  select {
    background-image: url(../images/entry/arrow-select.png);
  }
}
@media screen and (max-width: 750px) {
  select {
    width: 20%;
    background-image: none;
  }
}
select#now {
  width: 140px;
}

select::-ms-expand {
  display: none;
}

@-moz-document url-prefix() {
  /* firefoxハック */
  #contact-table select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 0.2em;
    background-image: none;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* chromeハック */
  #contact-table select {
    text-indent: 0.2em;
  }
}
.thanks-text {
  margin-top: 120px;
  margin-bottom: 120px;
  text-align: center;
  line-height: 200%;
}
.thanks-text.insert {
  font-weight: bold;
}

.form-step {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 700px;
  margin: 0 auto 55px;
}
@media screen and (max-width: 750px) {
  .form-step {
    margin-bottom: 10vw;
  }
}
.form-step .step {
  background: #e6e6e6;
  width: 33.3333%;
  padding: 7px 20px 7px 40px;
  font-size: 17px;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .form-step .step {
    font-size: 3vw;
    padding: 6px 0 6px 25px;
  }
}
.form-step .step:before {
  content: "";
  background: url(../images/form/arrow_step.png) no-repeat center center/cover;
  width: 24px;
  height: 65px;
  display: block;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .form-step .step:before {
    width: 4.5vw;
    height: 100%;
  }
}
.form-step .step:first-child {
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  .form-step .step:first-child {
    padding-left: 10px;
    width: 30%;
  }
}
@media screen and (max-width: 750px) {
  .form-step .step:nth-of-type(2) {
    width: 37%;
  }
}
.form-step .step.current {
  background: #808080;
  color: #fff;
}
.form-step .step.current:before {
  content: "";
  background: url(../images/form/arrow_step_current_before.png) no-repeat center center/cover;
  width: 23px;
  height: 65px;
  display: block;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .form-step .step.current:before {
    width: 4.5vw;
    height: 100%;
  }
}
.form-step .step.current + .step:before {
  content: "";
  background: url(../images/form/arrow_step_current.png) no-repeat center center/cover;
  width: 23px;
  height: 65px;
  display: block;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .form-step .step.current + .step:before {
    width: 4.5vw;
    height: 100%;
  }
}
.form-step .step:first-child:before {
  content: none;
}
.form-step .step span {
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  .form-step .step span {
    font-size: 10px;
  }
}

/*# sourceMappingURL=styles.css.map */