@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, 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;
  vertical-align: baseline;
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, p, li, span, b, a {
  transform: rotate(0.01deg);
}

body {
  padding: 0;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", "Noto Sans Japanese", sans-serif;
  font-feature-settings: "palt";
  color: #353535;
  font-size: 16px;
  line-height: 1.5em;
  text-align: center;
}
@media screen and (max-width: 760px) {
  body {
    font-size: 4vw;
    line-height: 1.6em;
  }
}

.sp {
  display: none;
}

.pc {
  display: block;
}

@media screen and (max-width: 760px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
p {
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  p {
    margin-bottom: 4vw;
  }
}

.sup {
  font-size: 80%;
}

sup {
  font-size: 50%;
  vertical-align: text-top;
}

.read {
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .read {
    width: 94%;
    margin: 0 auto 7vw auto;
  }
}

b {
  color: #ff4b00;
  font-weight: bold;
}

li {
  list-style: none;
}

a img {
  transition-duration: 0.5s;
}

a img:hover {
  transform: scale(1.05, 1.05);
  transition-duration: 0.5s;
}

@media screen and (max-width: 760px) {
  img {
    width: 100%;
  }
}

@media screen and (min-width: 761px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.wrap {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 760px) {
  .wrap {
    width: 100%;
  }
}

section {
  padding: 60px 0;
}
@media screen and (max-width: 760px) {
  section {
    width: 100%;
    margin: 0 auto;
    padding: 9vw 3%;
  }
}
section.bg {
  background-color: #f8f8f8;
}
section.read {
  padding: 0;
}
@media screen and (max-width: 760px) {
  section.read {
    padding: 0 0 7vw 0;
  }
}
section.read p {
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 760px) {
  section.read p {
    margin: 0 auto;
    width: 90%;
  }
}

.bg {
  background-color: #e0dfe2;
}

h2 {
  font-size: 40px;
  margin-bottom: 40px;
  line-height: 1.2em;
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  h2 {
    font-size: 5.5vw;
    margin-bottom: 4vw;
  }
}
h2.s {
  font-size: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 760px) {
  h2.s {
    font-size: 4.5vw;
    margin-bottom: 3vw;
  }
}

h3 {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
  h3 {
    font-size: 4vw;
    margin-bottom: 3vw;
  }
}
h3 span {
  font-size: 70%;
}

.cta {
  margin-top: 44px;
  display: block;
}
@media screen and (max-width: 760px) {
  .cta {
    margin: 7vw auto 0 auto;
    width: 65%;
  }
}

.kv {
  width: 100%;
  padding: 0;
  background: url(../images/kv_bg.jpg) no-repeat top center;
  background-size: cover;
  max-height: 690px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 760px) {
  .kv {
    background: url(../images/kv_bg_sp.jpg) no-repeat top center;
    background-size: cover;
    max-height: 200vw;
    display: block;
  }
}
.kv .box {
  width: 800px;
  padding: 8% 3% 50px 0;
  font-size: 28px;
}
@media screen and (max-width: 760px) {
  .kv .box {
    padding: 50vw 0 0 0;
    margin: 0 auto;
    width: 100%;
    font-size: 3.5vw;
  }
  .kv .box a {
    display: inline-block;
    width: 60%;
    margin-bottom: 8vw;
  }
}
.kv .box h2 {
  font-size: 2.5vw;
  margin-top: 20px;
  line-height: 1.4em;
}
@media screen and (max-width: 760px) {
  .kv .box h2 {
    font-size: 6vw;
    margin: 2vw 0 4vw 3vw;
  }
}

.dekiru .box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
}
.dekiru .box li {
  margin: 0 16px;
}
@media screen and (max-width: 760px) {
  .dekiru .box li {
    margin: 0 2% 3% 2%;
    width: 44%;
  }
  .dekiru .box li:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 760px) {
  .point ul {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 760px) {
  .point ul li figure {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 760px) {
  .point ul li .strong_textBox {
    float: none;
  }
}
@media screen and (max-width: 760px) {
  .point ul li.col2 {
    margin: 0 0 3vw 0;
  }
  .point ul li.col2:nth-child(2n) {
    margin: 0 0 3vw 0;
  }
}

.merit {
  padding: 0 0 60px 0;
  background: url(../images/bg_img01b.jpg) no-repeat bottom center;
  background-size: cover;
}
@media screen and (max-width: 760px) {
  .merit {
    padding: 0 0 9vw 0;
  }
}
@media screen and (max-width: 760px) {
  .merit {
    background: url(../images/bg_img01b_sp.jpg) no-repeat bottom center;
    background-size: contain;
  }
}
.merit .box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 760px) {
  .merit .box {
    width: 80%;
    margin: 0 auto;
  }
}
.merit .box li {
  width: 242px;
}
@media screen and (max-width: 760px) {
  .merit .box li {
    width: 100%;
  }
  .merit .box li img {
    width: 50%;
  }
}
@media screen and (max-width: 760px) {
  .merit .box li:last-child h3 {
    margin: 2vw 0 2vw 0;
  }
}
.merit .box li p {
  text-align: left;
}
.merit .box h3 {
  font-size: 26px;
  margin: 20px 0 10px 0;
  line-height: 1.2;
  min-height: 70px;
}
@media screen and (max-width: 760px) {
  .merit .box h3 {
    margin: 2vw 0 2vw 0;
    font-size: 5vw;
    min-height: auto;
  }
}
.merit p.sup {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 760px) {
  .merit p.sup {
    width: 80%;
    line-height: 1.4em;
  }
}

.reason .box {
  background-color: #f8f8f8;
  margin-bottom: 30px;
  padding: 40px 30px 30px 30px;
  text-align: left;
}
@media screen and (max-width: 760px) {
  .reason .box {
    width: 94%;
    padding: 7vw 6vw 6vw 6vw;
    margin: 0 auto 5vw auto;
  }
}
.reason .box h3 {
  font-size: 26px;
  margin-bottom: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 760px) {
  .reason .box h3 {
    position: relative;
    font-size: 4.5vw;
    text-indent: 0;
    padding: 0 0 0 13vw;
    margin-bottom: 3vw;
  }
}
.reason .box h3:before {
  font-size: 50px;
  color: #e0dfe2;
  margin-right: 20px;
  display: inline-block;
}
@media screen and (max-width: 760px) {
  .reason .box h3:before {
    position: absolute;
    left: 0;
    font-size: 8vw;
    margin-right: 0;
    vertical-align: text-bottom;
  }
}
.reason .box:nth-of-type(1) h3:before {
  content: "01";
}
.reason .box:nth-of-type(2) h3:before {
  content: "02";
}
.reason .box:nth-of-type(3) h3:before {
  content: "03";
}
.reason p {
  margin: 0;
  padding: 0 0 0 90px;
}
@media screen and (max-width: 760px) {
  .reason p {
    padding: 0;
  }
}

.flow {
  background: url(../images/bg_img02b.jpg) no-repeat bottom right;
  background-size: cover;
}
@media screen and (max-width: 760px) {
  .flow {
    background: url(../images/bg_img02b_sp.jpg) no-repeat bottom right;
    background-size: contain;
  }
}
.flow .box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 760px) {
  .flow .box {
    display: block;
    width: 86%;
    margin: 0 auto 6vw auto;
    text-align: center;
  }
  .flow .box img {
    width: 50%;
    margin-right: 5vw;
  }
  .flow .box .sp {
    display: inline-block;
  }
}
.flow .box .tx {
  width: 78%;
  padding: 20px 0 0 0;
}
@media screen and (max-width: 760px) {
  .flow .box .tx {
    width: 100%;
    padding: 5vw 0 0 0;
    text-align: left;
    padding: 2vw 0 0 0;
  }
}
.flow .box:last-of-type {
  margin-bottom: 0;
}
.flow .box:last-of-type .tx p {
  margin-bottom: 0;
}
.flow i {
  display: inline-block;
  padding: 5px 15px;
  border: 2px solid #ff4b00;
  margin-top: 15px;
  border-radius: 20px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 760px) {
  .flow h3 {
    font-size: 4.5vw;
    margin-bottom: 2vw;
    text-align: center;
  }
}

.plan {
  background-color: #fff;
}
.plan .wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 120px;
}
.plan .wrap::before {
  content: "";
  width: 20%;
  height: 1px;
  background-color: #978872;
  position: absolute;
  transform: rotate(-20deg);
  right: 49.4%;
  top: -60px;
}
.plan .wrap::after {
  content: "";
  width: 20%;
  height: 1px;
  background-color: #978872;
  position: absolute;
  transform: rotate(20deg);
  left: 49.4%;
  top: -60px;
}
@media screen and (max-width: 760px) {
  .plan .wrap {
    display: block;
    margin-top: 0;
  }
  .plan .wrap::before, .plan .wrap::after {
    content: none;
  }
}
.plan h3 {
  line-height: 1.2;
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .plan h3 {
    font-size: 5vw;
    margin-bottom: 5vw;
  }
}
.plan .plan01, .plan .plan02 {
  width: 50%;
}
@media screen and (max-width: 760px) {
  .plan .plan01, .plan .plan02 {
    width: 100%;
  }
}
@media screen and (max-width: 760px) {
  .plan .plan02 {
    margin-top: 9vw;
  }
}
.plan .plan_ico {
  width: 180px;
  height: auto;
  margin: 0 auto 18px;
}
@media screen and (max-width: 760px) {
  .plan .plan_ico {
    width: 120px;
    margin: 0 auto 2vw;
  }
}
.plan .plan_ico img {
  width: 100%;
  height: auto;
}
.plan .plan_ex {
  background: url(../images/plan_arrow.png) no-repeat center/contain;
  height: 360px;
  width: 100%;
}
@media screen and (max-width: 760px) {
  .plan .plan_ex {
    height: 78vw;
  }
}
.plan .plan_ex h4 {
  padding: 46px 0 36px;
  color: #978872;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (max-width: 760px) {
  .plan .plan_ex h4 {
    font-size: 4.8vw;
    padding: 10vw 0 2vw;
  }
}
.plan .plan_ex h4:before {
  content: "";
  background: url(../images/plan_underline.png) no-repeat center/contain;
  position: absolute;
  top: 72px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100px;
  height: 20px;
}
@media screen and (max-width: 760px) {
  .plan .plan_ex h4:before {
    top: 16vw;
  }
}
.plan .plan_ex ul {
  width: 60%;
  margin: 0 auto;
  padding-left: 2em;
}
@media screen and (max-width: 760px) {
  .plan .plan_ex ul {
    width: 80%;
    margin-top: 3.8vw;
  }
}
.plan .plan_ex li {
  text-align: left;
  position: relative;
}
@media screen and (max-width: 760px) {
  .plan .plan_ex li {
    font-size: 3.8vw;
    line-height: 1.5;
  }
}
.plan .plan_ex li::before {
  position: absolute;
  content: "・";
  color: #353535;
  font-size: 26px;
  left: -0.6em;
}
@media screen and (max-width: 760px) {
  .plan .plan_ex li::before {
    top: -0.4em;
  }
}
.plan .plan_sol li {
  text-align: left;
  background-color: #f8f8f8;
  width: 80%;
  margin: 18px auto 0;
  min-height: 88px;
  padding: 1.5em 3em 1.5em 6em;
  border-radius: 88px;
  position: relative;
}
@media screen and (max-width: 760px) {
  .plan .plan_sol li {
    width: 100%;
    line-height: 1.4;
    font-size: 3.8vw;
    padding: 1.4em 3em 1.4em 5em;
    min-height: auto;
  }
}
.plan .plan_sol li:before {
  content: "";
  background: url(../images/plan_sol_icon.svg) no-repeat center/contain;
  width: 44px;
  height: 44px;
  position: absolute;
  left: 40px;
}
@media screen and (max-width: 760px) {
  .plan .plan_sol li:before {
    left: 5vw;
    width: 2.6em;
    height: 2.6em;
  }
}
.plan .plan_sol li.line01 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 760px) {
  .plan .plan_sol li.line01 {
    padding: 1.6em 3em 1.6em 5em;
  }
}
.plan .plan_sol li.line03 {
  padding: 0.8em 3em 0.8em 6em;
}
@media screen and (max-width: 760px) {
  .plan .plan_sol li.line03 {
    padding: 1.4em 3em 1.4em 5em;
  }
}
.plan .plan_sol li.line03:before {
  top: 50%;
  transform: translate(0, -50%);
}

@media screen and (max-width: 760px) {
  .ex h3 {
    margin-bottom: 0;
  }
}
.ex .col2 {
  height: 581px;
}
@media screen and (max-width: 760px) {
  .ex .col2 {
    height: auto;
  }
  .ex .col2:nth-child(2n) {
    margin: 0 0 3vw 0;
  }
}

.voice figure {
  margin-bottom: 50px;
}
@media screen and (max-width: 760px) {
  .voice figure {
    margin-bottom: 5vw;
  }
}
.voice figure img {
  width: 100%;
}
@media screen and (max-width: 760px) {
  .voice figure img.sp {
    width: 80%;
    display: inline;
  }
}
.voice .box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 760px) {
  .voice .box {
    display: block;
    width: 84%;
    margin: 0 auto;
  }
}
.voice .box .bx {
  width: 47%;
  padding: 20px 30px;
  background-color: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  text-align: left;
}
@media screen and (max-width: 760px) {
  .voice .box .bx {
    width: 100%;
    padding: 2vw 4vw;
    margin-bottom: 3vw;
  }
}
.voice .box .bx h3 {
  position: relative;
  padding: 20px 0 0 54px;
  min-height: 70px;
}
@media screen and (max-width: 760px) {
  .voice .box .bx h3 {
    padding: 4vw 0 0 11vw;
    min-height: auto;
    font-size: 4.5vw;
    margin-bottom: 2vw;
  }
}
.voice .box .bx h3:before {
  content: "";
  left: 0;
  top: 10px;
  display: block;
  position: absolute;
  background: url(../images/mark_fukidashi.png) no-repeat;
  background-size: contain;
  width: 48px;
  height: 46px;
  display: inline-block;
}
@media screen and (max-width: 760px) {
  .voice .box .bx h3:before {
    width: 8.276vw;
    height: 7.931vw;
  }
}

.faq dl {
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 760px) {
  .faq dl {
    width: 84%;
    margin: 0 auto 3vw auto;
  }
}
.faq dl:last-child {
  margin-bottom: 0;
}
.faq dl:last-child dd {
  padding-bottom: 0;
}
.faq dt {
  border: 1px solid #000000;
  padding: 25px 30px;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  .faq dt {
    padding: 3vw 4vw;
    font-size: 4vw;
  }
}
.faq dd {
  padding: 25px 30px 30px 30px;
}
@media screen and (max-width: 760px) {
  .faq dd {
    padding: 3vw 4vw 4vw 4vw;
  }
}

.btn_form {
  padding: 0;
  width: 300px;
  height: 90px;
  font-size: 170%;
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  .btn_form {
    width: 80%;
    height: 15vw;
    font-size: 130%;
  }
}
.btn_form:hover {
  background-image: none;
  background-color: #b6b008;
}

.btn_big_f {
  padding: 15px 50px 0;
}
.btn_big_f:hover {
  background-image: none;
  background-color: #b6b008;
}

@media screen and (max-width: 760px) {
  .formTitle {
    padding-top: 3vw;
  }
}

@media screen and (max-width: 760px) {
  .bgSection_1 {
    background: url(../images/office_01.jpg) center no-repeat;
    background-size: auto;
    background-size: cover;
  }
}/*# sourceMappingURL=plus.css.map */