@charset "UTF-8";
.ac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }

/* --------------------------------------------------
	000.margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
  margin: 0;
  padding: 0; }

article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
  display: block; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

/* --------------------------------------------------
	001.HTML, Body, Anchor
-------------------------------------------------- */
html {
  font-size: 62.5%;
  overflow-y: scroll;
  * overflow-x: hidden;
  _overflow: auto; }

html, body {
  width: 100%;
  min-height: 100%; }

body {
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #222222;
  letter-spacing: .1rem;
  font-weight: 400; }

@media only screen and (min-width: 1024px) {
  .sp-visible {
    display: none !important; } }
@media only screen and (max-width: 1023px) {
  .tablet-hidden {
    display: none; } }
@media only screen and (max-width: 1023px) and (max-width: 767px) {
  .sp-visible {
    display: block !important; } }
@media only screen and (max-width: 767px) {
  html {
    font-size: 3.125vw; }

  .sp-hidden {
    display: none !important; }

  select,
  textarea,
  input[type='url'],
  input[type='text'],
  input[type='date'],
  input[type='tel'],
  input[type='email'],
  input[type='submit'] {
    -webkit-appearance: none; } }
span.link,
a {
  color: #000;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
  -webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  cursor: pointer; }

@media only screen and (min-width: 1024px) {
  a:hover, a:focus, a:active {
    color: #0099cc;
    text-decoration: none; } }
/* --------------------------------------------------
	002.Heading, Paragraph
-------------------------------------------------- */
dt, h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 700; }

p {
  line-height: 1.6; }

/* --------------------------------------------------
	003.List
-------------------------------------------------- */
ol, ul, li {
  list-style: none;
  zoom: 1;
  overflow: hidden; }

/* --------------------------------------------------
	004.Table
-------------------------------------------------- */
table {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: 400; }

dl, dt, dd {
  zoom: 1;
  overflow: hidden; }

/* --------------------------------------------------
	005.Form
-------------------------------------------------- */
fieldset {
  border: none; }

input, textarea, select, label {
  font-size: 100%;
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

@media only screen and (max-width: 767px) {
  input, textarea, select {
    font-size: 1.6rem;
    box-sizing: border-box; } }
button {
  font-family: "Barlow", "Noto Sans JP", sans-serif; }

label {
  cursor: pointer; }

textarea {
  overflow: auto; }

legend {
  display: none; }

/* --------------------------------------------------
	006.Other
-------------------------------------------------- */
img {
  max-width: 100%;
  border: none;
  vertical-align: middle; }

object {
  vertical-align: middle;
  outline: none; }

em {
  font-style: italic; }

b,
strong {
  font-weight: 700; }

small {
  font-size: 100%; }

i {
  font-style: normal; }

u {
  text-decoration: none; }

abbr, acronym {
  border: none;
  font-variant: normal; }

address, caption, cite, code, dfn, var {
  font-weight: normal;
  font-style: normal; }

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

sub {
  font-size: 1em;
  vertical-align: text-bottom; }

hr {
  display: none; }

/* --------------------------------------
		101 outline
-------------------------------------- */
#wrap {
  position: relative; }
  @media only screen and (max-width: 1023px) {
    #wrap {
      overflow: hidden; } }

div:focus,
img:focus,
textarea:focus,
a:focus,
button:focus,
input:focus {
  outline: none;
  box-shadow: none; }

/* --------------------------------------
		105 other
-------------------------------------- */
.wysiwyg:after {
  content: "";
  display: block;
  clear: both; }
.wysiwyg p {
  padding-bottom: 1.5em; }
.wysiwyg h1 {
  font-size: 2.0em;
  margin: 1em 0 1.5em; }
.wysiwyg h2 {
  font-size: 1.8em;
  margin: 1em 0 1.5em; }
.wysiwyg h3 {
  font-size: 1.65em;
  margin: 1em 0 1.5em;
  border-bottom: 0.3rem solid rgba(34, 34, 34, 0.2);
  padding: .5em; }
.wysiwyg h4 {
  font-size: 1.55em;
  margin: 1em 0 1.5em;
  border-left: 0.5rem solid rgba(34, 34, 34, 0.2);
  padding-left: 1rem; }
.wysiwyg h5 {
  font-size: 1.4em;
  margin: 1em 0 1.5em;
  border-bottom: 0.1rem dashed rgba(34, 34, 34, 0.2);
  padding: .5em; }
.wysiwyg h6 {
  font-size: 1.3em;
  margin: 1em 0 1.5em;
  background: rgba(34, 34, 34, 0.05);
  color: #666;
  padding: .8em 1.2em; }
@media only screen and (max-width: 767px) {
  .wysiwyg h1 {
    font-size: 1.5em; }
  .wysiwyg h2 {
    font-size: 1.4em; }
  .wysiwyg h3 {
    font-size: 1.3em; }
  .wysiwyg h4 {
    font-size: 1.2em; }
  .wysiwyg h5 {
    font-size: 1.1em; }
  .wysiwyg h6 {
    font-size: 1em; } }
.wysiwyg pre {
  display: block; }
.wysiwyg strong {
  font-weight: bold; }
.wysiwyg em {
  font-style: italic; }
.wysiwyg ul {
  margin-bottom: 2.5rem; }
  .wysiwyg ul li {
    list-style: outside disc;
    margin-left: 3rem;
    overflow: visible;
    zoom: normal;
    padding-bottom: 1rem; }
.wysiwyg ol {
  margin-bottom: 2.5rem; }
  .wysiwyg ol li {
    list-style: outside decimal;
    margin-left: 3rem;
    overflow: visible;
    zoom: normal;
    padding-bottom: 1rem; }
.wysiwyg blockquote {
  display: block;
  margin: 1em 4rem;
  position: relative; }
  .wysiwyg blockquote:before {
    content: "“";
    position: absolute;
    left: -1em;
    font-size: 4rem;
    line-height: 1;
    opacity: 0.5;
    top: 0; }
  .wysiwyg blockquote:after {
    content: "”";
    position: absolute;
    right: -1rem;
    font-size: 4rem;
    line-height: 1;
    opacity: 0.5;
    bottom: 0; }
.wysiwyg a {
  color: #666; }
.wysiwyg del {
  text-decoration: line-through; }
.wysiwyg hr {
  display: block;
  border: none;
  border-top: #9a9a9a 1px solid;
  border-bottom: #eeeeee 1px solid;
  margin-bottom: 1rem; }
.wysiwyg .alignright {
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
  margin-right: .5rem; }
  @media only screen and (max-width: 767px) {
    .wysiwyg .alignright {
      float: none;
      margin-left: auto;
      margin-right: auto; } }
.wysiwyg .alignleft {
  float: left;
  margin-right: 2rem;
  margin-left: .5rem;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 767px) {
    .wysiwyg .alignleft {
      float: none;
      margin-left: auto;
      margin-right: auto; } }
.wysiwyg .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem; }

.form-select {
  line-height: 4.8rem;
  height: 5rem;
  overflow: hidden;
  background: rgba(229, 229, 229, 0.2);
  border-radius: .3rem;
  border: 0.1rem solid #e5e5e5;
  position: relative;
  width: 30rem; }
  @media only screen and (max-width: 767px) {
    .form-select {
      width: 100%; } }
  .form-select:after {
    width: 3em;
    height: 5rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: 'icomoon';
    text-align: center;
    content: "\37";
    color: #0099cc;
    top: 50%;
    margin-top: -.5em;
    right: 0;
    position: absolute; }
  .form-select > select {
    width: 130%;
    line-height: 5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0 3rem 0 1.5rem;
    background: transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box; }
    .form-select > select::-ms-expand {
      display: none; }
    .form-select > select:focus {
      border: none;
      outline: none;
      box-shadow: none; }

#loader {
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 1s;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  opacity: 1; }
  #loader.on {
    opacity: 0;
    z-index: -1; }

body #wrap {
  z-index: -1;
  position: relative; }
  body #wrap.on {
    z-index: 1; }

@keyframes fuwa {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, -1rem); } }
/* --------------------------------------
		102 header
-------------------------------------- */
.header {
  width: 100%;
  background: url("../img/fig_main.jpg") no-repeat 50% 50%;
  background-size: cover;
  position: relative;
  z-index: 1; }
  .header_min_logo {
    width: 9rem;
    text-align: center;
  }
  .header_nav {
    height:10%;
  }
  .header_nav ul{
    padding-top: 2.5rem;
    display: flex;
    justify-content: flex-end;
  }
  .header_nav ul li{
    padding: 0 1.5rem;}
  .header_contact-dl a{
    width: 20rem;
    border: 0.1rem solid #fff;
    border-radius: 4rem;
    text-align: center;
    font-size: 1.5rem;
    display: block;
    color: #fff;
    line-height: 3.8rem;
  }
  .header_contact-tel {
    font-size: 2rem;
    text-align: center;
    color: #fff;
  }
  .header_contact-tel a {
    color: #fff;
    line-height: 1.3;
    display: block;
}
.header_contact-tel span {
  font-size: 1rem;
  display: block;
}
@media only screen and (max-width: 767px) {
  .header{
    height:100% !important;
    padding: 10% 0;
  }
  .header_scrool {
    display: none;
  }
  .header_nav {
   display: none;
  }}
  .header_wrap {
    height: 90%;
    max-width: 110rem;
    margin: 0 auto;
    display: flex;
    padding: 0rem 3rem; }
    @media only screen and (max-width: 767px) {
      .header_wrap {
        padding: 2rem 0;
        display: block; } }
  .header_img {
    margin: auto; }
    .header_img img {
      max-width: 24.2rem; }
      @media only screen and (max-width: 767px) {
        .header_img img {
          max-width: 9rem;
          margin-bottom: 1rem; } }
  .header_logo {
    padding-bottom: 4rem; }
    @media only screen and (max-width: 767px) {
      .header_logo {
        padding-bottom: 2.5rem; } }
    .header_logo img {
      width: 35rem; }
      @media only screen and (max-width: 767px) {
        .header_logo img {
          width: 20rem; } }
  .header_scrool {
    position: absolute;
    width: 100%;
    bottom: 1.5rem;
    left: 0;
    text-align: center;
    font-size: 1rem;
    z-index: 5; }
    .header_scrool a {
      color: #fff;
      display: block; }
    .header_scrool img {
      width: 2.2rem;
      animation-name: fuwa;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      animation-duration: 1.5s; }
      @media only screen and (max-width: 767px) {
        .header_scrool img {
          width: 1.6rem; } }
  .header_catch {
    text-align: left;
    margin: auto 0;
    flex-shrink: 0; }
    @media only screen and (max-width: 767px) {
      .header_catch {
        text-align: center; } }
    .header_catch p {
      font-size: 2.8rem;
      font-weight: 700;
      color: #fff;
      text-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.25);
      margin-bottom: 3rem; }
      .header_catch p > b {
        position: relative;
        left: -1.3rem;
        margin-right: -1.3rem; }
      @media only screen and (max-width: 767px) {
        .header_catch p {
          font-size: 1.5rem;
          text-align: center;
          margin-bottom: 1rem; } }
      .header_catch p span {
        display: inline-block;
        font-size: 3.4rem; }
        @media only screen and (max-width: 767px) {
          .header_catch p span {
            font-size: 1.7rem; } }
    .header_catch a {
      max-width: 42.5rem;
      line-height: 6.5rem;
      border-radius: .5rem;
      text-align: center;
      font-weight: 700;
      display: block;
      color: #fff;
      font-size: 1.8rem;
      background: linear-gradient(90deg, transparent 0%, #e5004f 100%);
      background-color: #a2004e;
      box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.25); }
      @media only screen and (max-width: 767px) {
        .header_catch a {
          width: 90%;
          line-height: 5rem;
          margin: 0 auto;
          font-size: 1.4rem; } }
      .header_catch a i {
        display: inline-block;
        margin: 0 1rem 0 0;
        position: relative; }
        .header_catch a i img {
          width: 3.9rem;
          height: auto; }
          @media only screen and (max-width: 767px) {
            .header_catch a i img {
              width: 2.4rem; } }

/* --------------------------------------
		103 content
-------------------------------------- */
#wrap {
  overflow: hidden; }

.container {
  position: relative;
  z-index: 1; }

.section {
  /*	&_service {
  		max-width: 90rem;
  		margin: 0 auto;
  		position: relative;
  		padding: 5rem 2rem 3rem;
  		z-index: 1;
  		@media only screen and (max-width:767px){
  			padding: 5rem 0 3rem;
  		}
  		&-inner {
  			padding: 5rem 0;
  			@media only screen and (max-width:767px){
  				padding: 0;
  			}
  		}
  		&-header {
  			text-align: left;
  			padding-bottom: 2rem;
  			&_en {
  				@include txt_gra(90deg,$b);
  				font-size: 9rem;
  				line-height: 1;
  				display: block;
  				font-style: italic;
  				font-weight: 700;
  				@media only screen and (max-width:767px){
  					font-size: 4.8rem;
  					text-align: center;
  				}
  			}
  			&_ttl {
  				font-size: 2rem;
  				padding-left: 1rem;
  				@media only screen and (max-width:767px){
  					font-size: 1.4rem;
  					text-align: center;
  				}
  			}
  		}
  	} */ }
  .section_about {
    position: relative;
    padding: 15rem 4rem;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .section_about {
        padding: 4rem 2rem; } }
    .section_about:before {
      content: "";
      width: 26rem;
      height: 100%;
      background: url("../img/bg_1.png") no-repeat 100% 0%;
      background-size: 26rem auto;
      position: absolute;
      right: 0;
      top: 10rem;
      z-index: -1; }
      @media only screen and (max-width: 767px) {
        .section_about:before {
          width: 13rem;
          background-size: 13rem;
          top: 2rem; } }
    .section_about:after {
      content: "";
      width: 15.3rem;
      height: 100rem;
      background: url("../img/bg_2.png") no-repeat 0% 0%;
      background-size: 15.3rem auto;
      position: absolute;
      left: 0;
      bottom: -100vh;
      z-index: -1; }
      @media only screen and (max-width: 767px) {
        .section_about:after {
          background-size: 7rem auto;
          width: 7rem;
          bottom: -150vh; } }
    .section_about-wrap {
      max-width: 110rem;
      margin: 0 auto;
      display: flex; }
      @media only screen and (max-width: 767px) {
        .section_about-wrap {
          flex-direction: column; } }
    .section_about-inner {
      margin: auto 0; }
      .section_about-inner p {
        font-size: 1.6rem;
        line-height: 4rem; }
        @media only screen and (max-width: 767px) {
          .section_about-inner p {
            font-size: 1.4rem;
            line-height: 1.8; }
            .section_about-inner p br {
              display: none; } }
        .section_about-inner p strong {
          font-size: 2rem;
          font-weight: 700;
          font-style: italic;
          display: inline-block;
          position: relative; }
          .section_about-inner p strong:after {
            content: "";
            width: 100%;
            height: .4rem;
            background: #a2004e;
            position: absolute;
            left: 0;
            bottom: 0; }
          @media only screen and (max-width: 767px) {
            .section_about-inner p strong {
              font-size: 1.6rem;
              position: static;
              border-bottom: 0.2rem solid #a2004e;
              display: inline; }
              .section_about-inner p strong:after {
                display: none; } }
    .section_about-header {
      width: 40rem;
      flex-shrink: 0;
      margin: auto 0 auto 10rem;
      text-align: left;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .section_about-header {
          text-align: center;
          width: 100%;
          margin: 0 auto; } }
      .section_about-header_en {
        font-size: 9rem;
        line-height: 1;
        display: block;
        font-style: italic;
        font-weight: 700; }
        .section_about-header_en span {
          color: #333399;
          background: linear-gradient(90deg, #0099cc 0%, #333399 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        @media only screen and (max-width: 767px) {
          .section_about-header_en {
            font-size: 4.8rem; } }
      .section_about-header_ttl {
        font-size: 2rem; }
        @media only screen and (max-width: 767px) {
          .section_about-header_ttl {
            font-size: 1.4rem; } }
  .section_flow {
    margin: 0 auto;
    position: relative;
    padding: 6.9rem 2rem 2.5rem;
    z-index: 1;
    background: #333399;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .section_flow {
        padding: 3rem 0 2rem; } }
    .section_flow:before {
      content: "";
      background: rgba(0, 153, 204, 0.3);
      width: 50%;
      height: 100%;
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0; }
    .section_flow-inner {
      padding: 5rem 0; }
      .section_flow-inner:before {
        content: "USER";
        left: 0;
        font-weight: 300;
        top: 6rem;
        font-style: italic;
        color: rgba(255, 255, 255, 0.25);
        font-size: 8rem;
        position: absolute; }
        @media only screen and (max-width: 767px) {
          .section_flow-inner:before {
            font-size: 3rem;
            top: 9rem; } }
      .section_flow-inner:after {
        content: "AI NeSot";
        right: 0;
        top: 6rem;
        font-weight: 300;
        font-style: italic;
        color: rgba(255, 255, 255, 0.25);
        font-size: 8rem;
        position: absolute; }
        @media only screen and (max-width: 767px) {
          .section_flow-inner:after {
            font-size: 3rem;
            top: 9rem; } }
      .section_flow-inner .set {
        display: flex; }
        .section_flow-inner .set article {
          width: 100%; }
        .section_flow-inner .set.ng {
          flex-direction: row-reverse; }
      .section_flow-inner .only {
        display: flex;
        justify-content: flex-end; }
        @media only screen and (max-width: 767px) {
          .section_flow-inner .only article.alsenot.ok figure:before {
            left: 4.4rem;
            right: auto;
            bottom: -18rem;
            top: auto; }
          .section_flow-inner .only article.alsenot.ok figure:after {
            height: 18rem;
            left: 5rem;
            right: auto;
            bottom: -16.5rem;
            top: auto; } }
      @media only screen and (max-width: 767px) {
        .section_flow-inner .set.ng.restart article.ng {
          padding-top: 1rem; }
          .section_flow-inner .set.ng.restart article.ng figure:before {
            top: -.5rem; }
          .section_flow-inner .set.ng.restart article.ng figure:after {
            top: -1.5rem; }
        .section_flow-inner .set.ng.restart article.user {
          padding-top: 1rem; } }
      .section_flow-inner article {
        width: 50%;
        color: #fff;
        display: flex;
        padding: 0 0 4rem;
        position: relative; }
        .section_flow-inner article.arrow_right figure:after {
          content: "";
          height: .1rem;
          background: #fff;
          width: 4.5rem;
          position: absolute;
          right: -5rem;
          top: 6rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_right figure:after {
              right: -2rem;
              top: 4rem; } }
        .section_flow-inner article.arrow_right figure:before {
          content: "";
          border-width: .6rem .8rem;
          border-style: solid;
          border-color: transparent transparent transparent #fff;
          position: absolute;
          top: 5.4rem;
          right: -6.2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_right figure:before {
              right: -3rem;
              top: 3.4rem; } }
        .section_flow-inner article.arrow_left figure:after {
          content: "";
          height: .1rem;
          background: #fff;
          width: 4.5rem;
          position: absolute;
          left: -5rem;
          top: 6rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_left figure:after {
              left: -2rem;
              top: 4rem; } }
        .section_flow-inner article.arrow_left figure:before {
          content: "";
          border-width: .6rem .8rem;
          border-style: solid;
          border-color: transparent #fff transparent transparent;
          position: absolute;
          top: 5.4rem;
          left: -6.2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_left figure:before {
              left: -3rem;
              top: 3.4rem; } }
        .section_flow-inner article.arrow_left_long:after {
          content: "";
          height: .1rem;
          background: #0099cc;
          width: 14.5rem;
          position: absolute;
          left: -2rem;
          top: 6rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_left_long:after {
              width: 8rem;
              left: -5rem;
              top: 4rem; } }
        .section_flow-inner article.arrow_left_long:before {
          content: "";
          border-width: .6rem .8rem;
          border-style: solid;
          border-color: transparent #0099cc transparent transparent;
          position: absolute;
          top: 5.4rem;
          left: -3.2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_left_long:before {
              left: -6rem;
              top: 3.4rem; } }
        .section_flow-inner article.arrow_right_down figure:after {
          content: "";
          width: .1rem;
          background: #0099cc;
          height: 4rem;
          position: absolute;
          left: 1rem;
          top: -4rem;
          transform: rotate(-45deg); }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_right_down figure:after {
              height: 1.5rem;
              transform: rotate(0);
              right: 8rem;
              left: auto;
              top: .8rem; } }
        .section_flow-inner article.arrow_right_down figure:before {
          content: "";
          border-width: .8rem .6rem;
          border-style: solid;
          border-color: #0099cc transparent transparent;
          position: absolute;
          left: 2.2rem;
          top: -1rem;
          transform: rotate(-45deg); }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_right_down figure:before {
              transform: rotate(0);
              right: 7.4rem;
              top: 1.8rem;
              left: auto; } }
        .section_flow-inner article.arrow_left_down:after {
          content: "";
          width: .1rem;
          background: #fff;
          height: 4rem;
          position: absolute;
          left: 14rem;
          bottom: 0rem;
          transform: rotate(45deg); }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_left_down:after {
              transform: rotate(0);
              right: 8rem;
              height: 2rem;
              bottom: 1rem;
              left: auto; } }
        .section_flow-inner article.arrow_left_down:before {
          content: "";
          border-width: .8rem .6rem;
          border-style: solid;
          border-color: #fff transparent transparent;
          position: absolute;
          left: 11.8rem;
          bottom: -.5rem;
          transform: rotate(45deg); }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_left_down:before {
              transform: rotate(0);
              right: 7.4rem;
              left: auto; } }
        .section_flow-inner article.arrow_bottom figure:after {
          content: "";
          width: .1rem;
          background: #fff;
          height: 2rem;
          position: absolute;
          right: 6rem;
          top: 13rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_bottom figure:after {
              right: 8rem;
              bottom: 1rem;
              top: auto; } }
        .section_flow-inner article.arrow_bottom figure:before {
          content: "";
          border-width: .8rem .6rem;
          border-style: solid;
          border-color: #fff transparent transparent;
          position: absolute;
          right: 5.5rem;
          top: 14.6rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_bottom figure:before {
              right: 7.4rem;
              bottom: 0;
              top: auto; } }
        .section_flow-inner article.arrow_bottom_long figure:after {
          content: "";
          width: .1rem;
          background: #fff100;
          height: 16rem;
          position: absolute;
          right: 6rem;
          top: 18rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_bottom_long figure:after {
              height: 21.3rem;
              left: 5rem;
              right: auto;
              bottom: -22.5rem;
              top: auto; } }
        .section_flow-inner article.arrow_bottom_long figure:before {
          content: "";
          border-width: .8rem .6rem;
          border-style: solid;
          border-color: #fff100 transparent transparent;
          position: absolute;
          right: 5.5rem;
          top: 33.6rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.arrow_bottom_long figure:before {
              left: 4.4rem;
              right: auto;
              bottom: -23.8rem;
              top: auto; } }
        .section_flow-inner article h3 {
          font-size: 2.4rem;
          line-height: 1.4;
          padding-bottom: 1rem; }
          .section_flow-inner article h3 span {
            font-size: 1.6rem;
            display: inline-block;
            line-height: 1.4; }
            .section_flow-inner article h3 span b {
              font-size: 2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article h3 {
              font-size: 1.4rem;
              line-height: 1.2;
              text-align: center;
              padding-bottom: .5rem; }
              .section_flow-inner article h3 span {
                font-size: 1rem; }
                .section_flow-inner article h3 span b {
                  font-size: 1.2rem; } }
        .section_flow-inner article .article_flow-inner {
          padding-top: 1.8rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article .article_flow-inner {
              padding-top: 0; } }
        .section_flow-inner article.ok figure {
          color: #fff100; }
        @media only screen and (max-width: 767px) {
          .section_flow-inner article.ok figcaption {
            position: absolute;
            top: 13.2rem;
            left: 0;
            width: 10rem; } }
        @media only screen and (max-width: 767px) {
          .section_flow-inner article.ng.alsenot {
            left: 3rem;
            padding-top: 3rem; } }
        .section_flow-inner article.ng figure {
          color: #0099cc;
          margin-left: 10rem; }
        .section_flow-inner article.ng figcaption {
          position: absolute;
          top: -5.5rem;
          left: 2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.ng figcaption {
              position: absolute;
              top: -4rem;
              left: auto;
              right: 3rem;
              width: 10rem;
              text-align: center; } }
        .section_flow-inner article p {
          font-size: 1.6rem;
          line-height: 2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article p {
              font-size: 1rem;
              padding: 0 1rem;
              text-align: center;
              line-height: 1.3; }
              .section_flow-inner article p br {
                display: none; } }
        .section_flow-inner article figure {
          width: 12rem;
          flex-shrink: 0;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article figure {
              position: static;
              width: 8rem; } }
          .section_flow-inner article figure figcaption {
            font-size: 1.2rem;
            font-weight: 700;
            line-height: 1.3;
            text-align: center;
            display: block;
            padding-top: .8rem; }
            .section_flow-inner article figure figcaption b {
              font-size: 2.4rem; }
            @media only screen and (max-width: 767px) {
              .section_flow-inner article figure figcaption {
                font-size: .9rem; }
                .section_flow-inner article figure figcaption b {
                  font-size: 1.2rem; } }
          .section_flow-inner article figure img {
            width: 12rem; }
        .section_flow-inner article.user {
          flex-direction: row-reverse;
          text-align: right;
          padding-right: 3rem; }
          .section_flow-inner article.user figure {
            margin-left: 2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.user {
              padding-right: 0;
              flex-direction: column; }
              .section_flow-inner article.user figure {
                margin: 0 auto .5rem; } }
        .section_flow-inner article.alsenot {
          text-align: left;
          padding-left: 3rem; }
          .section_flow-inner article.alsenot figure {
            margin-right: 2rem; }
          @media only screen and (max-width: 767px) {
            .section_flow-inner article.alsenot {
              padding-left: 0;
              flex-direction: column; }
              .section_flow-inner article.alsenot figure {
                margin: 0 auto .5rem; } }
    .section_flow-header_en {
      font-size: 9rem;
      line-height: 1;
      display: block;
      font-style: italic;
      color: #fff;
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .section_flow-header_en {
          font-size: 4.8rem; } }
    .section_flow-header_ttl {
      font-size: 2rem;
      padding-left: 1rem;
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .section_flow-header_ttl {
          font-size: 1.4rem; } }
  .section_functions {
    padding: 8rem 2rem 3rem; }
    @media only screen and (max-width: 767px) {
      .section_functions {
        padding: 3rem 2rem 1rem; } }
    .section_functions-wrap {
      max-width: 110rem;
      margin: 0 auto; }
    .section_functions-inner {
      padding: 5rem 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;}
      @media only screen and (max-width: 767px) {
        .section_functions-inner {
          padding: 2rem 0; } }
    .section_functions-header {
      text-align: left;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .section_functions-header {
          text-align: center;
          padding-bottom: 1rem; } }
      .section_functions-header_en {
        font-size: 9rem;
        line-height: 1;
        display: block;
        font-style: italic;
        font-weight: 700; }
        .section_functions-header_en span {
          color: #333399;
          background: linear-gradient(90deg, #0099cc 0%, #333399 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        @media only screen and (max-width: 767px) {
          .section_functions-header_en {
            font-size: 4.8rem; } }
      .section_functions-header_ttl {
        font-size: 2rem;
        padding-left: 1rem; }
        @media only screen and (max-width: 767px) {
          .section_functions-header_ttl {
            font-size: 1.4rem; } }
  .section_features {
    position: relative;
    padding: 5rem 2rem 3rem;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .section_features {
        padding: 3rem 2rem 1rem; } }
    .section_features-inner {
      padding: 5rem 0;
      max-width: 110rem;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .section_features-inner {
          padding: 2rem 0 0; } }
    .section_features-header {
      text-align: right;
      padding-bottom: 2rem;
      max-width: 110rem;
      margin: 0 auto; }
      .section_features-header_en {
        font-size: 9rem;
        line-height: 1;
        display: block;
        font-style: italic;
        font-weight: 700; }
        .section_features-header_en span {
          color: #333399;
          background: linear-gradient(90deg, #0099cc 0%, #333399 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        @media only screen and (max-width: 767px) {
          .section_features-header_en {
            font-size: 4.8rem;
            text-align: center; } }
      .section_features-header_ttl {
        font-size: 2rem;
        padding-left: 1rem; }
        @media only screen and (max-width: 767px) {
          .section_features-header_ttl {
            font-size: 1.4rem;
            text-align: center; } }
  .section_cost {
    max-width: 110rem;
    margin: 0 auto;
    padding: 5rem 2rem; }
    @media only screen and (max-width: 767px) {
      .section_cost {
        padding: 2rem 2rem 2rem; } }
    .section_cost-inner {
      padding: 5rem 0;
      display: flex;
      justify-content: space-around; }
      @media only screen and (max-width: 767px) {
        .section_cost-inner {
          padding: 2rem 0;
          flex-direction: column; } }
    .section_cost-header {
      text-align: center;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .section_cost-header {
          padding-bottom: 1rem; } }
      .section_cost-header_en {
        font-size: 9rem;
        line-height: 1;
        display: block;
        font-style: italic;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .section_cost-header_en {
            font-size: 4.8rem; } }
        .section_cost-header_en span {
          color: #333399;
          background: linear-gradient(90deg, #0099cc 0%, #333399 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
      .section_cost-header_ttl {
        font-size: 2rem;
        padding-left: 1rem; }
        @media only screen and (max-width: 767px) {
          .section_cost-header_ttl {
            font-size: 1.4rem; } }
    .section_cost-option {
      border: 0.1rem dashed rgba(229, 229, 229, 0.5);
      background: rgba(229, 229, 229, 0.25);
      padding: 4rem 0;
      display: flex;
      border-radius: .5rem; }
      @media only screen and (max-width: 767px) {
        .section_cost-option {
          padding: 1.5rem 0;
          flex-direction: column; } }
      .section_cost-option h4 {
        flex-shrink: 0;
        padding: 0 5rem;
        margin: auto 0;
        font-size: 4.8rem;
        line-height: 1;
        font-style: italic;
        font-weight: 700; }
        .section_cost-option h4 span {
          color: #333399;
          background: linear-gradient(90deg, #0099cc 0%, #333399 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        @media only screen and (max-width: 767px) {
          .section_cost-option h4 {
            text-align: center;
            font-size: 3rem;
            padding-bottom: 1.5rem; } }
      .section_cost-option_inner dl {
        display: flex;
        padding: 1rem 0; }
        @media only screen and (max-width: 767px) {
          .section_cost-option_inner dl {
            padding: 1rem 1.5rem; } }
        .section_cost-option_inner dl dt {
          width: 5rem;
          height: 5rem;
          flex-shrink: 0;
          border-radius: 50%;
          background: #333399;
          margin: auto 0;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .section_cost-option_inner dl dt {
              margin: 0; } }
          .section_cost-option_inner dl dt figure {
            line-height: 4.6rem; }
            .section_cost-option_inner dl dt figure img {
              width: 3.2rem; }
        .section_cost-option_inner dl dd {
          padding-left: 1.5rem;
          text-align: left; }
          .section_cost-option_inner dl dd p {
            font-size: 1.4rem; }
            .section_cost-option_inner dl dd p b {
              font-size: 2rem;
              display: inline-block;
              padding-bottom: .5rem; }
            @media only screen and (max-width: 767px) {
              .section_cost-option_inner dl dd p {
                font-size: 1.2rem;
                line-height: 1.3; }
                .section_cost-option_inner dl dd p b {
                  font-size: 1.5rem; } }
  .section_faq {
    padding: 5rem 4rem;
    position: relative;
    z-index: 1;
    clear: both;
    background: rgba(229, 229, 229, 0.5); }
    @media only screen and (max-width: 767px) {
      .section_faq {
        padding: 3rem 2rem 2.5rem; } }
    .section_faq-wrap {
      max-width: 110rem;
      margin: 0 auto;
      position: relative;
      overflow: hidden; }
    .section_faq-header {
      width: 25%;
      position: absolute;
      left: 0;
      top: 0;
      padding-top: 2rem; }
      @media only screen and (max-width: 767px) {
        .section_faq-header {
          position: static;
          width: 100%;
          text-align: center;
          padding-top: 0;
          padding-bottom: 1rem; } }
      .section_faq-header_en {
        font-size: 9rem;
        line-height: 1;
        display: block;
        font-style: italic;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .section_faq-header_en {
            font-size: 4.8rem; } }
        .section_faq-header_en span {
          color: #333399;
          background: linear-gradient(90deg, #0099cc 0%, #333399 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
      .section_faq-header_ttl {
        font-size: 2rem;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .section_faq-header_ttl {
            font-size: 1.4rem; } }
    .section_faq-inner {
      position: relative;
      padding-left: 25%;
      padding-right: 2%;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .section_faq-inner {
          padding: 0; } }
      .section_faq-inner dl {
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.9);
        margin-top: 4rem;
        overflow: visible; }
        @media only screen and (max-width: 767px) {
          .section_faq-inner dl {
            margin-top: 2rem; } }
        .section_faq-inner dl dt {
          background: #fff;
          padding: 2.5rem 4rem 2.5rem 3rem;
          text-align: left;
          font-weight: 700;
          font-size: 1.8rem;
          position: relative;
          overflow: visible;
          border-radius: 1rem; }
          @media only screen and (max-width: 767px) {
            .section_faq-inner dl dt {
              padding: 2rem 3rem 2rem 1.5rem;
              font-size: 1.4rem;
              line-height: 1.3; } }
          .section_faq-inner dl dt:before {
            content: "Question";
            font-size: 2rem;
            line-height: 1;
            color: #333399;
            font-style: italic;
            position: absolute;
            left: 1.5rem;
            top: -.5em; }
            @media only screen and (max-width: 767px) {
              .section_faq-inner dl dt:before {
                font-size: 1.8rem; } }
          .section_faq-inner dl dt:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -.3rem;
            border-style: solid;
            border-width: .6rem .4rem;
            border-color: #999 transparent transparent;
            right: 2rem; }
        .section_faq-inner dl dd {
          padding: 0 3rem;
          font-size: 1.4rem;
          max-height: 0;
          text-align: left;
          transition: all 0.5s;
          border-top: .1rem solid transparent; }
          .section_faq-inner dl dd small {
            font-size: 1.2rem;
            display: inline-block; }
          @media only screen and (max-width: 767px) {
            .section_faq-inner dl dd {
              font-size: 1.3rem;
              padding: 0 1.5rem; } }
        .section_faq-inner dl.open dt {
          border-radius: 1rem 1rem 0 0; }
          .section_faq-inner dl.open dt:after {
            transform: scale(-1, -1);
            margin-top: -.9rem; }
        .section_faq-inner dl.open dd {
          max-height: 1000rem;
          border-top: 0.1rem solid rgba(229, 229, 229, 0.5);
          padding: 2rem 3rem; }
          @media only screen and (max-width: 767px) {
            .section_faq-inner dl.open dd {
              padding: 1.5rem; } }
  .section_form {
    padding: 4rem 2rem 2rem;
    background: #fff;
    overflow: hidden;
    z-index: 1;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .section_form {
        padding: 2rem 0; } }
    @media only screen and (min-width: 768px) {
      .section_form-inner {
        width: 110rem;
        margin: 0 auto;
        padding: 0 3rem;
        overflow: hidden;
        text-align: center; }}
    @media only screen and (max-width: 767px) {
      .section_form-inner {
        overflow: hidden;
        text-align: center;}
        .section_form-inner iframe {
          width: 100%; }
      }

.article {
  /*	&_service {
  		max-width: 85rem;
  		margin: 0 auto 7rem;
  		display: flex;
  		@media only screen and (max-width:767px){
  			flex-direction: column;
  			margin-bottom: 0;
  			padding: 2rem;
  		}
  		&:nth-of-type(2n) {
  			flex-direction: row-reverse;
  			@media only screen and (max-width:767px){
  				flex-direction: column;
  				background: rgba($bg,0.25);
  			}
  			.article {
  				&_service {
  					&-img {
  						padding: 0 0 0 3rem;
  						@media only screen and (max-width:767px){
  							padding: 0 0 1rem 0;
  						}
  					}
  				}
  			}
  		}
  		&-img {
  			width: 26rem;
  			flex-shrink: 0;
  			margin: auto 0;
  			padding: 0 3rem 0 0;
  			@media only screen and (max-width:767px){
  				width: 18rem;
  				padding: 0 0 1rem 0;
  				margin: 0 auto;
  			}
  		}
  		&-inner {
  			margin: auto 0;
  			&_ttl {
  				font-size: 2.4rem;
  				line-height: 1.5;
  				text-align: left;
  				@media only screen and (max-width:767px){
  					font-size: 1.8rem;
  					text-align: center;
  					padding: 1rem;
  				}
  			}
  			p {
  				font-size: 1.4rem;
  				line-height: 2;
  				@media only screen and (max-width:767px){
  					font-size: 1.3rem;
  					line-height: 1.6;
  				}
  			}
  		}
  	} */ }
  .article_function {
    max-width: 35.3rem;
    padding: 0 2rem 4rem; }
    @media only screen and (max-width: 767px) {
      .article_function {
        padding: 0 0 3rem; }
        .article_function p {
          font-size: 1.3rem; } }
    .article_function-header {
      position: relative;
      margin-bottom: 3rem; }
      @media only screen and (max-width: 767px) {
        .article_function-header {
          margin-bottom: 1.5rem; } }
      .article_function-header_ttl {
        font-size: 2.4rem;
        font-style: italic;
        font-weight: 700;
        background: #F8F8F8;
        line-height: 4rem;
        position: absolute;
        left: 0;
        bottom: -1rem;
        padding-right: 1.5rem; }
        .article_function-header_ttl b {
          font-size: 3rem; }
        @media only screen and (max-width: 767px) {
          .article_function-header_ttl {
            font-size: 1.8rem; }
            .article_function-header_ttl b {
              font-size: 2.4rem; } }
  .article_feature {
    margin: 0 auto 2rem;
    display: flex;
    align-content: center; }
    @media only screen and (max-width: 767px) {
      .article_feature {
        margin: 0 auto 4rem;
        position: relative;
        flex-direction: column; } }
    .article_feature:nth-of-type(2n+1) {
      flex-direction: row-reverse; }
      @media only screen and (max-width: 767px) {
        .article_feature:nth-of-type(2n+1) {
          flex-direction: column; } }
    .article_feature-fig {
      width: 42rem;
      flex-shrink: 0;
      margin: auto 0;
      border-radius: 1rem;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .article_feature-fig {
          width: 100%; } }
    .article_feature-inner {
      margin: auto 3.5rem; }
      @media only screen and (max-width: 767px) {
        .article_feature-inner {
          margin: 0;
          padding-top: 2rem; } }
      .article_feature-inner_num {
        font-size: 7.2rem;
        line-height: 1;
        font-weight: 400;
        padding-bottom: 1rem;
        font-style: italic; }
        .article_feature-inner_num span {
          color: #333399;
          background: linear-gradient(0deg, #a2004e 0%, #333399 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        @media only screen and (max-width: 767px) {
          .article_feature-inner_num {
            position: absolute;
            left: 1.5rem;
            top: -3rem;
            font-size: 5rem; } }
      .article_feature-inner_ttl {
        font-size: 2.4rem;
        line-height: 1.5;
        text-align: left;
        padding-bottom: 2rem; }
        @media only screen and (max-width: 767px) {
          .article_feature-inner_ttl {
            font-size: 1.8rem;
            padding-bottom: 1rem; } }
      .article_feature-inner p {
        font-size: 1.4rem;
        line-height: 2; }
        @media only screen and (max-width: 767px) {
          .article_feature-inner p {
            font-size: 1.3rem;
            line-height: 1.6; } }
  .article_cost {
    max-width: 40rem;
    border: 0.5rem solid #e5e5e5;
    padding: 4rem;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 767px) {
      .article_cost {
        border: 0.3rem solid #e5e5e5;
        padding: 3rem; } }
    @media only screen and (max-width: 767px) {
      .article_cost:nth-of-type(2) {
        margin-top: 1.5rem; } }
    .article_cost:nth-of-type(2) .article_cost-header_en {
      color: #333399; }
    .article_cost-header {
      text-align: center;
      padding-bottom: 2.5rem;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .article_cost-header {
          padding-bottom: 1.5rem; } }
      .article_cost-header:after {
        content: "";
        width: 10rem;
        height: .4rem;
        background: #e5e5e5;
        border-radius: .2rem;
        position: absolute;
        left: 50%;
        margin-left: -5rem;
        bottom: 0; }
        @media only screen and (max-width: 767px) {
          .article_cost-header:after {
            height: .3rem; } }
      .article_cost-header_ttl {
        font-size: 1.2rem;
        line-height: 1;
        color: #666; }
        @media only screen and (max-width: 767px) {
          .article_cost-header_ttl {
            font-size: 1rem; } }
      .article_cost-header_en {
        font-size: 6.4rem;
        line-height: 1;
        position: relative;
        top: -1rem;
        font-style: italic;
        color: #0099cc; }
        @media only screen and (max-width: 767px) {
          .article_cost-header_en {
            font-size: 4.8rem; } }
    .article_cost-inner {
      padding-bottom: 3rem;
      margin-bottom: auto; }
      .article_cost-inner_catch {
        padding: 2.5rem 0 1.5rem;
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .article_cost-inner_catch {
            font-size: 1.8rem; } }
      .article_cost-inner p {
        padding-top: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .article_cost-inner p {
            padding-top: .5rem; } }
        .article_cost-inner p small {
          font-size: 1.2rem;
          display: inline-block;
          line-height: 1.2; }
      .article_cost-inner dl div {
        border-bottom: 0.1rem solid #e5e5e5;
        padding: 1.5rem 0;
        display: flex; }
        @media only screen and (max-width: 767px) {
          .article_cost-inner dl div {
            flex-direction: column; } }
        .article_cost-inner dl div:nth-last-of-type(1) {
          border: none; }
          @media only screen and (max-width: 767px) {
            .article_cost-inner dl div:nth-last-of-type(1) {
              border-bottom: 0.1rem solid #e5e5e5;
              margin-bottom: 2rem; } }
          .article_cost-inner dl div:nth-last-of-type(1) dd b {
            font-size: 2.8rem; }
        .article_cost-inner dl div dt {
          font-size: 1.5rem;
          flex-shrink: 0;
          margin: auto 0;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .article_cost-inner dl div dt {
              font-size: 1.3rem; } }
        .article_cost-inner dl div dd {
          font-weight: 700;
          text-align: left;
          font-size: 1.4rem;
          line-height: 1.2;
          margin: auto 0;
          text-align: left;
          padding-left: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .article_cost-inner dl div dd {
              text-align: center; } }
          .article_cost-inner dl div dd b {
            font-size: 3.6rem;
            display: inline-block; }
    .article_cost-btn {
      margin-top: auto; }
      .article_cost-btn a {
        max-width: 30rem;
        line-height: 5rem;
        border-radius: .5rem;
        margin-left: auto;
        text-align: center;
        font-weight: 700;
        display: block;
        color: #fff;
        font-size: 1.6rem;
        background: linear-gradient(90deg, transparent 0%, #e5004f 100%);
        background-color: #a2004e;
        box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.25); }
        @media only screen and (max-width: 767px) {
          .article_cost-btn a {
            font-size: 1.4rem; } }

/* --------------------------------------
		104 footer
-------------------------------------- */
.div-top_btn a {
  width: 6rem;
  height: 6rem;
  background: rgba(51, 51, 153, 0.95);
  display: block;
  color: #fff;
  line-height: 6rem;
  font-size: 1.6rem;
  letter-spacing: 0;
  text-align: center;
  position: fixed;
  right: 1.5rem;
  bottom: 20%;
  z-index: 1000;
  border-radius: .3rem; }
  @media only screen and (max-width: 1023px) {
    .div-top_btn a {
      width: 4rem;
      height: 4rem;
      line-height: 4rem;
      bottom: 2rem; } }
  @media only screen and (max-width: 1023px) and (max-width: 767px) {
    .div-top_btn a {
      right: .5rem;
      bottom: .5rem; } }

  @media only screen and (min-width: 1024px) {
    .div-top_btn a:hover {
      opacity: 0.8; } }

.footer {
  clear: both;
  position: relative;
  overflow: hidden;
  background: #333399;
  padding: 2.5rem;
  display: flex;
  justify-content: flex-start; }
  @media only screen and (max-width: 767px) {
    .footer {
      flex-direction: column;
      text-align: center;
      padding: 2.5rem 1rem 0; } }
  .footer_about {
    text-align: left;
    vertical-align: bottom;
    width: 100%;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .footer_about {
        flex-direction: column; } }
    .footer_about-logo {
      width: 12rem;
      flex-shrink: 0;
      margin: auto 0; }
      @media only screen and (max-width: 767px) {
        .footer_about-logo {
          margin: 0 auto;
          text-align: center; } }
    .footer_about ul {
      margin: auto 0;
      padding-left: 1.5rem;
      padding-top: 1.3rem; }
      @media only screen and (max-width: 767px) {
        .footer_about ul {
          text-align: center;
          margin: 0;
          padding: 1rem 0; } }
      .footer_about ul li {
        font-size: 1.2rem;
        line-height: 1;
        display: inline-block;
        color: #fff; }
        .footer_about ul li a {
          color: #fff; }
        .footer_about ul li:after {
          content: "｜";
          display: inline-block;
          margin-left: .5rem; }
        .footer_about ul li:nth-last-of-type(1):after {
          display: none; }
  .footer_copy {
    color: #fff;
    font-size: 1.2rem;
    line-height: 4rem;
    text-align: center;
    display: block;
    flex-shrink: 0;
    margin: auto 0; }
    @media only screen and (max-width: 767px) {
      .footer_copy {
        font-size: 1rem; } }
        .div-contact_tel {
          padding: 3rem 0;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: -8rem;
      }
      .div-contact_tel dt {
        font-size: 1.6rem;
        color: #114f95;
        font-weight: 700;
        padding-right: 2rem;
    }
    .div-contact_tel dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    }
    .div-contact_tel dd a {
      font-size: 3.2rem;
      padding-right: 1rem;
      font-family: 'Manrope', sans-serif;
  }
  .div-contact_tel dd span {
    font-size: 1.2rem;
    font-family: 'Manrope', 'Noto Sans JP', sans-serif;
}
.section_tel {
  padding: 0rem 2rem 8rem;
  background: rgba(229, 229, 229, 0.5);
  overflow: hidden;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 767px){
  .section_tel{
    padding: 0rem 2rem 2rem;
  }
  .div-contact_tel {
      padding: 1.5rem 0;
      flex-direction: column;
      text-align: center;
      margin-bottom: -2.5rem;
  }
  .div-contact_tel dt {
    font-size: 1.3rem;
    padding-right: 0rem;
  }
  .div-contact_tel dd {
    flex-direction: column;
  }
  .div-contact_tel dd a {
    font-size: 3.2rem;
    padding-right: 0rem;
    font-family: 'Manrope', sans-serif;
  }
  .div-contact_tel dd span {
    font-size: 1.2rem;
    font-family: 'Manrope', 'Noto Sans JP', sans-serif;
  }
}

.section_case {
  padding: 12rem 0;
  overflow: hidden;
  z-index: 1;
  background-color:#F8F8F8;
  position: relative;}
  @media only screen and (max-width: 767px) {
    .section_case {
      padding: 4rem 0; } }
  @media only screen and (max-width: 1023px) and (max-width: 767px) {
    .section_case:before {
      font-size: 4rem; } }
      .section_case-header {
        text-align: right;
        padding-bottom: 2rem;
        max-width: 110rem;
        margin: 0 auto; }
        .section_case-header_en {
          font-size: 9rem;
          line-height: 1;
          display: block;
          font-style: italic;
          font-weight: 700; }
          .section_case-header_en span {
            color: #333399;
            background: linear-gradient(90deg, #0099cc 0%, #333399 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
          @media only screen and (max-width: 767px) {
            .section_case-header_en {
              font-size: 4.8rem;
              text-align: center; } }
        .section_case-header_ttl {
          font-size: 2rem;
          padding-left: 1rem; }
          @media only screen and (max-width: 767px) {
            .section_case-header_ttl {
              font-size: 1.4rem;
              text-align: center; } }
  .section_case-inner {
    max-width: 126.5rem;
    display: flex;
    margin: 0 auto;
    padding: 5rem 4rem;}
    @media only screen and (max-width: 1023px) {
      .section_case-inner {
        display: block;
        padding: 0 .5rem; }
        .section_case-inner .slick-list {
          padding: 0 !important; }
        .section_case-inner .slick-track {
          width: auto; } }
  @media only screen and (max-width: 1023px) and (max-width: 767px) {
    .section_case-inner {
      padding: 0 2rem; } }

    .section_case-inner .slick-arrow {
      position: absolute;
      font-size: 3.2rem;
      color: #fff;
      line-height: 1;
      top: 50%;
      margin-top: -.5em; }
      .section_case-inner .slick-arrow.prev {
        left: 0; }
        @media only screen and (max-width: 767px) {
          .section_case-inner .slick-arrow.prev {
            left: 0; } }
      .section_case-inner .slick-arrow.next {
        right: 0; }
        @media only screen and (max-width: 767px) {
          .section_case-inner .slick-arrow.next {
            right: 0; } }
      @media only screen and (max-width: 767px) {
        .section_case-inner .slick-arrow {
          font-size: 2rem; } }
    .section_case-inner .article_case {
      width: 37.5rem;
      border-radius: 1.5rem;
      background: #fff;
      padding-bottom: .3rem;
      position: relative;
      display: flex !important;
      flex-direction: column;
      margin: 2rem 1rem; }
      @media only screen and (max-width: 1023px) {
        .section_case-inner .article_case {
          width: 26rem;
          margin: 2rem .5rem;
        } }
  @media only screen and (max-width: 1023px) and (max-width: 767px) {
    .section_case-inner .article_case {
      width: 28rem;
      margin: 2rem 0 0; } }

      .section_case-inner .article_case-type {
        position: absolute;
        top: -1.5rem;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 1023px) {
          .section_case-inner .article_case-type {
            top: -1.2rem;
            letter-spacing: 0; } }
        .section_case-inner .article_case-type div {
          background: #fff;
          line-height: 3rem;
          border-radius: 4rem;
          display: flex;
          padding: 0 2rem;
          margin: 0 auto; }
          @media only screen and (max-width: 1023px) {
            .section_case-inner .article_case-type div {
              line-height: 2.4rem;
              padding: 0 1.5rem; } }
        .section_case-inner .article_case-type dt {
          color: #114f95;
          font-weight: 700;
          flex-shrink: 0;
          font-size: 1.1rem;
          margin-right: .3rem; }
          @media only screen and (max-width: 1023px) {
            .section_case-inner .article_case-type dt {
              font-size: 1rem; } }
        .section_case-inner .article_case-type dd {
          font-size: 1.4rem;
          flex-shrink: 0;
          font-weight: 700; }
          @media only screen and (max-width: 1023px) {
            .section_case-inner .article_case-type dd {
              font-size: 1.2rem; } }
      .section_case-inner .article_case-fig {
        height: 18rem;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-radius: 1.5rem 1.5rem 0 0; }
        .section_case-inner .article_case-fig i {
          width: 4.4rem;
          height: 4.4rem;
          line-height: 4.4rem;
          text-align: center;
          letter-spacing: 0;
          color: #0096b0;
          background: #fff;
          border-radius: 50%;
          position: absolute;
          left: 1.5rem;
          top: 1.5rem;
          font-size: 2.8rem; }
          @media only screen and (max-width: 1023px) {
            .section_case-inner .article_case-fig i {
              width: 3.6rem;
              height: 3.6rem;
              line-height: 3.6rem;
              font-size: 2.4rem;
              left: 1rem;
              top: 1rem; } }
      .section_case-inner .article_case-inner {
        background: rgba(223, 10, 0, 0.3);
        display: flex;
        justify-content: space-between;
        margin: .3rem .3rem 0;
        border-radius: 0 0 1.5rem 1.5rem; }
        @media only screen and (max-width: 1023px) {
          .section_case-inner .article_case-inner {
            flex-direction: column; } }
        .section_case-inner .article_case-inner_ttl {
          flex-shrink: 0;
          width: 4em;
          font-size: 1.6rem;
          color: #df0a00;
          text-align: center;
          font-weight: 700;
          margin: auto; }
          @media only screen and (max-width: 1023px) {
            .section_case-inner .article_case-inner_ttl {
              font-size: 1.4rem;
              padding-top: 1.2rem; } }
        .section_case-inner .article_case-inner ul {
          width: 100%;
          padding-right: .8rem;
          margin: auto 0; }
          @media only screen and (max-width: 1023px) {
            .section_case-inner .article_case-inner ul {
              padding: 0 .8rem; } }
          .section_case-inner .article_case-inner ul li {
            background: #fff;
            line-height: 1.3;
            border-radius: .5rem;
            padding: 1rem 1rem 1rem 2.2em;
            position: relative;
            margin: .8rem 0;
            font-weight: 700; }
            @media only screen and (max-width: 1023px) {
              .section_case-inner .article_case-inner ul li {
                font-size: 1.3rem;
                letter-spacing: 0; } }
            .section_case-inner .article_case-inner ul li i {
              color: #df0a00;
              font-size: 1.8rem;
              position: absolute;
              left: .8rem;
              top: 1rem; }
              @media only screen and (max-width: 1023px) {
                .section_case-inner .article_case-inner ul li i {
                  font-size: 1.5rem; } }
      .section_case-inner .article_case-header {
        text-align: center;
        padding: 1.2rem 0; }
        .section_case-inner .article_case-header_ttl {
          font-size: 1.6rem;
          font-weight: 700; }
          @media only screen and (max-width: 1023px) {
            .section_case-inner .article_case-header_ttl {
              line-height: 1.3; } }
          .section_case-inner .article_case-header_ttl span {
            margin-right: .5rem; }
            @media only screen and (max-width: 1023px) {
              .section_case-inner .article_case-header_ttl span {
                display: block;
                font-size: 1.4rem;
                margin-right: 0; } }
          .section_case-inner .article_case-header_ttl b {
            font-size: 2rem;
            font-weight: 700; }
        .section_case-inner .article_case-header dl {
          display: flex;
          justify-content: center; }
          .section_case-inner .article_case-header dl div {
            display: flex;
            justify-content: center;
            align-items: baseline; }
            .section_case-inner .article_case-header dl div:after {
              content: "/";
              font-size: 1rem;
              margin: 0 .5rem; }
            .section_case-inner .article_case-header dl div:nth-last-of-type(1):after {
              display: none; }
          .section_case-inner .article_case-header dl dt {
            font-size: 1rem;
            color: #114f95;
            font-weight: 700; }
          .section_case-inner .article_case-header dl dd {
            font-size: 1.3rem; }
            @media only screen and (max-width: 1023px) {
              .section_case-inner .article_case-header dl dd {
                font-size: 1.2rem; } }
.inquiry_area{
  margin-top:5rem;
}
.about_botton{
  border: 1px black;
  display: block;
  max-width: 46rem;
  line-height: 6.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 1.8rem;
  background-image: linear-gradient(90deg, transparent 0%, #e5004f 100%);
  background-color: #a2004e;
}
@media only screen and (max-width: 767px) {
  .about_botton {
    line-height: 5rem;
    margin: 0;
    font-size: 1.4rem; } }

.about_botton:hover{
  color: #fff;
}