@charset "UTF-8";
html {
  font-size: 10px;
}
@media (max-width:959px) {
  html {
    font-size: 2.5vw;
  }
}
.sec {
  z-index: 0;
}
.sec > .bg {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}
.sec > .contents {
  position: relative;
  max-width: 100rem;
  width: auto;
  padding: 10rem 1rem;
  margin: 0px auto;
  color: #646464;
}
.sec > .contents .title.std .heading .text {
  margin-bottom: 5rem;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 4rem;
  color: #007cba;
}
section#mv {
  display: block;
  position: relative;
  background-color: #cef3f3;
}
section#mv > .bg::after {
  content: "";
  display: block;
  position: absolute;
  right: 0vmax;
  top: 0px;
  bottom: 0px;
  width: 70vmax;
  height: 100vmax;
  margin: auto;
  background-color: #ffffff;
  opacity: 0.2;
  transform: -webkit- rotateZ(45deg);
  transform: rotateZ(45deg);
}
section#mv > .contents {
  padding: 4rem 1rem;
  max-width: 120rem;
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
}
section#mv > .contents > .title {
  -webkit-box-flex: 2;
  flex-grow: 2;
  flex-shrink: 2;
  flex-basis: 50rem;
  padding: 6rem 0px;
}
section#mv > .contents > .title .heading {
  display: block;
  position: relative;
  max-width: 60rem;
  width: 90%;
  margin: auto;
  padding: 3rem 0px;
  padding-left: 5rem;
}
section#mv > .contents > .title .heading .image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 10rem;
  height: 10rem;
  margin: auto;
  z-index: 1;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
section#mv > .contents > .title .heading .image img {
  display: block;
  width: 5em;
  height: auto;
  margin: auto;
}
section#mv > .contents > .title .heading .text {
  padding: 0.5rem 1rem;
  padding-left: 5rem;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-color: #007cba;
  border-bottom-color: #007cba;
  text-align: center;
  font-size: 2rem;
  font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #007cba;
  word-break: keep-all;
}
section#mv > .contents > .title .images {
  padding: 5rem 0px 8rem;
}
section#mv > .contents > .title .images img {
  display: block;
  height: auto;
  margin: auto;
}
section#mv > .contents > .title .images img.next {
  max-width: 40rem;
  width: 75%;
  margin-bottom: 3rem;
}
section#mv > .contents > .title .images img.gooco {
  max-width: 60rem;
  width: 100%;
}
section#mv > .contents > .title .buttons .item .button {
  display: block;
  position: relative;
  width: fit-content;
  padding: 2rem 3rem;
  padding-right: 6rem;
  margin: auto;
  overflow: hidden;
  background-color: #007cba;
  border-style: solid;
  border-width: 0px;
  border-radius: 1rem;
  text-align: center;
  font-size: 2.4rem;
  color: #ffffff;
  font-weight: 700;
}
section#mv > .contents > .title .buttons .item .button::after {
  content: "＞";
  display: block;
  position: absolute;
  height: 1em;
  width: 1em;
  top: 0px;
  bottom: 0px;
  right: 1rem;
  margin: auto;
  font-size: 3rem;
  line-height: 1em;
}
section#mv > .contents > .feature {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40rem;
  padding: 4rem 0px;
}
section#mv > .contents > .feature .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 2rem;
}
section#mv > .contents > .feature .title .image {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 15rem;
}
section#mv > .contents > .feature .title .image img {
  width: 100%;
  height: auto;
}
section#mv > .contents > .feature .title .text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 18rem;
  font-size: 4rem;
  line-height: 1.5em;
}
section#mv > .contents > .feature .title .text strong {
  font-size: 2.4em;
  font-weight: 700;
  color: #007cba;
}
section#mv > .contents > .feature .items {
  padding: 1rem;
}
section#mv > .contents > .feature .items .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  height: 9rem;
  padding: 1rem 2rem;
  padding-left: 4rem;
  margin-bottom: 1rem;
  overflow: hidden;
  background-color: #ffffff;
  border-style: solid;
  border-width: 2px;
  border-color: #3396c8;
  border-radius: 1rem;
  text-align: center;
  font-size: 2.6rem;
  font-weight: 700;
  color: #007cba;
}
section#mv > .contents > .feature .items .item::after {
  content: "";
  display: block;
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  left: 0rem;
  width: 5rem;
  background-color: #3396c8;
  background-image: url("../images/icon_check.svg");
  background-size: 3rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
section#mv > .contents > .feature .items .item .text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
section#mv > .contents > .feature .items .item .text .pref {
  display: block;
  font-size: 0.6em;
}
section#features {
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 1rem;
}
section#features .contents .title .heading {
  max-width: 90rem;
  width: auto;
  padding-bottom: 2rem;
  margin: 0px auto 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
section#features .contents .title .heading .image {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 30rem;
  padding: 1rem;
}
section#features .contents .title .heading .image img {
  width: 100%;
  height: auto;
}
section#features .contents .title .heading .text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 40rem;
  padding: 1rem 2rem;
  font-size: 2.2rem;
  color: #646464;
  word-break: keep-all;
  font-feature-settings: "palt";
}
@media (max-width:959px) {
  section#features .contents .title .heading {
    text-align: center;
  }
}
section#features .contents .feature {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 30rem;
}
section#features .contents .feature .items {
  max-width: 80rem;
  width: auto;
  margin: 0px auto;
  padding: 4rem 0px;
}
section#features .contents .feature .items .item {
  position: relative;
  padding: 3rem 0px;
  padding-left: 5rem;
}
section#features .contents .feature .items .item .sphere {
  display: block;
  position: absolute;
  top: 0px;
  left: -1rem;
  width: 14rem;
  height: 14rem;
  z-index: 1;
  background-color: #007cba;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}
section#features .contents .feature .items .item .sphere__text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 1rem;
  text-align: center;
  font-size: 2rem;
  line-height: 1.2em;
  font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #ffffff;
  word-break: keep-all;
  font-feature-settings: "palt";
}
section#features .contents .feature .items .item .sphere__text .pref {
  display: block;
  font-size: 0.7em;
  line-height: 1.2em;
}
@media (min-width:960px) {
  section#features .contents .feature .items .item .sphere {
    bottom: 0px;
    margin: auto;
  }
}
section#features .contents .feature .items .item .text {
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 3rem 1rem;
  padding-left: 9rem;
  background-color: #ffffff;
  border-style: solid;
  border-color: #e6f2f8;
  border-width: 0.5rem;
  border-radius: 1rem;
  text-align: left;
  font-size: 2.4rem;
  font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #646464;
}
@media (max-width:959px) {
  section#features .contents .feature .items .item .text {
    font-size: 1.8rem;
  }
}
section#features .contents .column {
  display: block;
  position: relative;
  margin: 1rem;
  padding: 1rem;
  border-style: solid;
  border-width: 0.5rem;
  border-color: #f0f0f0;
  border-radius: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
section#features .contents .column .header {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 15rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
section#features .contents .column .header .title {
  position: relative;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 14rem;
  height: 14rem;
}
section#features .contents .column .header .title .sphere {
  display: block;
  position: absolute;
  top: -4rem;
  left: -4rem;
  width: 16rem;
  height: 16rem;
  z-index: 1;
  background-color: #007cba;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}
section#features .contents .column .header .title .sphere__text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 1rem;
  text-align: center;
  font-size: 2rem;
  line-height: 1.2em;
  font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #ffffff;
  word-break: keep-all;
  font-feature-settings: "palt";
}
section#features .contents .column .header .image {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 14rem;
}
section#features .contents .column .header .image img {
  display: block;
  width: 100%;
  height: auto;
}
section#features .contents .column .merit {
  -webkit-box-flex: 100;
  flex-grow: 100;
  flex-shrink: 100;
  flex-basis: 30rem;
}
section#features .contents .column .merit .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
section#features .contents .column .merit .items .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 30rem;
  position: relative;
  padding: 1rem;
  height: 15rem;
  margin: 0.5rem;
  border-radius: 1rem;
  background-color: #cce5f1;
}
section#features .contents .column .merit .items .item .text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-size: 1.8rem;
  font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #007cba;
  font-feature-settings: "palt";
  word-break: keep-all;
}
section#features .contents .column .merit .caption {
  padding: 1rem 2rem;
  font-size: 1.2rem;
}
section#compare {
  display: block;
  background-color: #fcfcfc;
}
section#compare .contents .spec {
  overflow-x: auto;
  max-width: 80rem;
  width: auto;
  margin: auto;
}
section#compare .contents .spec table {
  border-collapse: collapse;
  border-spacing: 0px;
  min-width: 70rem;
  width: 100%;
}
section#compare .contents .spec table th, section#compare .contents .spec table td {
  padding: 1rem;
  text-align: center;
  font-size: 1.8rem;
  vertical-align: middle;
}
section#compare .contents .spec table th sup, section#compare .contents .spec table td sup {
  font-size: 0.6em;
  vertical-align: top;
}
section#compare .contents .spec table thead tr {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #b2b2b2;
}
section#compare .contents .spec table thead tr td {
  vertical-align: bottom;
}
section#compare .contents .spec table thead tr td img {
  width: 12rem;
  height: auto;
}
section#compare .contents .spec table thead tr td img:last-of-type {
  width: 20rem;
}
section#compare .contents .spec table thead tr td.col3 {
  background-color: #ebf0fa;
  border-radius: 1rem 1rem 0px 0px;
}
section#compare .contents .spec table thead tr td.col4, section#compare .contents .spec table thead tr td.col5, section#compare .contents .spec table thead tr td.col6 {
  width: 8rem;
}
section#compare .contents .spec table tbody {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #b2b2b2;
}
section#compare .contents .spec table tbody tr td.col1, section#compare .contents .spec table tbody tr td.col2 {
  padding: 1rem 2rem;
  font-weight: 700;
}
section#compare .contents .spec table tbody tr td.col2 {
  text-align: left;
  background-color: #eff5fb;
}
section#compare .contents .spec table tbody tr td.col3 {
  background-color: #d6e0f5;
  font-size: 2.4rem;
}
section#compare .contents .spec table tbody tr:nth-child(odd) {
  background-color: #f7f7f7;
}
section#compare .contents .spec table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}
section#compare .contents .spec table tbody tr:nth-child(even) td.col2 {
  background-color: #e6f0f9;
}
section#compare .contents .spec table tbody tr:nth-child(even) td.col3 {
  background-color: #c2d1f0;
}
section#compare .contents .spec table tbody tr.g1 td.col1, section#compare .contents .spec table tbody tr.g3 td.col1 {
  background-color: #deeaf7;
}
section#compare .contents .spec table tbody tr.g2 td.col1 {
  background-color: #d6e5f5;
}
section#compare .contents .caption {
  padding: 1rem;
  margin-left: auto;
  text-align: right;
  font-size: 1.2rem;
}
section#entryform .contents .mailform select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  margin: 1rem;
  padding: 1rem;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
}
section#entryform .contents .mailform .checkboxs {
  padding: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
section#entryform .contents .mailform .checkboxs li {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding: 0.5rem;
}
section#entryform .contents .mailform .checkboxs li label {
  display: block;
  padding: 1rem;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
}
section#entryform .contents .mailform .checkboxs li label input {
  margin-right: 0.5em;
}
section#entryform .contents .caption {
  padding: 0px 2rem 4rem;
  text-align: center;
  font-size: 1.5rem;
  font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  color: #646464;
}
section#entryform .contents .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
section#entryform .contents .buttons .item {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 24rem;
  padding: 1rem;
}
section#entryform .contents .buttons .item .button {
  display: block;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #007cba;
  border-style: none;
  border-radius: 1rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  color: #ffffff;
}
section#entryform .contents .buttons .item .button.negative {
  background-color: #d1d1d1;
}
section#entryform .contents .contact {
  display: block;
  position: relative;
  max-width: 60rem;
  width: 90%;
  margin: 10rem auto;
  padding: 2rem;
  border-style: solid;
  border-width: 0.5rem;
  border-color: #f0f0f0;
  border-radius: 1rem;
  text-align: center;
}
section#entryform .contents .contact .title {
  font-size: 2.4rem;
  color: #007cba;
}
section#entryform .contents .contact .tel {
  padding: 1.5rem 0px;
  font-size: 3rem;
}
section#entryform .contents .contact .email {
  padding: 1rem 0px;
  font-size: 2rem;
}
section#entryform .contents .contact .caption {
  font-size: 1.5rem;
  word-break: keep-all;
}
section#entryform .contents .message {
  padding: 2rem;
  max-width: 60rem;
  width: auto;
  margin: 0px auto;
}
section#entryform .contents .message .title {
  display: block;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 2.4rem;
}
section#entryform .contents .message .text {
  text-align: justify;
  font-size: 1.8rem;
  line-height: 2em;
}
section#entryform .contents .message .text .tel {
  color: #007cba;
}
.privacy_wrap {
  line-height: 1.6;
  display: block;
  max-width: 720px;
  width: auto;
  margin: 40px auto 20px;
  padding: 20px;
  text-align: left;
  font-size: 16px;
  line-height: 1.6em;
}
.privacy_wrap > p > .annotation {
  display: block;
  position: relative;
  padding-left: 1.5em;
  margin-top: 0.5em;
}
.privacy_wrap > p > .annotation::before {
  content: "※";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.privacy_wrap a {
  color: #46c8e6;
  text-decoration: underline;
}
#conf_btn {
  display: block;
  max-width: 300px;
  width: 80%;
  padding: 15px 30px;
  margin: 20px auto 0px;
  border-style: none;
  border-radius: 60px;
  background-image: -webkit-linear-gradient(bottom, #0070c0, #005da0);
  background-image: -moz-linear-gradient(bottom, #0070c0, #005da0);
  background-image: -ms-linear-gradient(bottom, #0070c0, #005da0);
  background-image: -o-linear-gradient(bottom, #0070c0, #005da0);
  background-image: linear-gradient(180deg, #0070c0, #005da0);
  font-size: 20px;
  line-height: 1.2em;
  letter-spacing: 1px;
  color: white;
  font-feature-settings: "palt";
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
@media (max-width:768px) {
  #conf_btn {
    font-size: 5vw;
  }
}
#conf_btn > small {
  font-size: 0.7em;
}
#conf_btn:disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
#conf_btn:hover {
  opacity: 0.8;
  transition: all 0.2s;
}
/*# sourceMappingURL=./style.css.map */