@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
h2 {
  font-size: 1.8rem;
  font-weight: lighter;
  margin-bottom: 5%; }
  @media (min-width: 769px) {
    h2 {
      font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.3698630137 ); } }
  @media (min-width: 1280px) {
    h2 {
      font-size: 2.5rem; } }
  @media screen and (max-width: 769px) {
    h2 {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1200px) {
    h2 {
      margin-bottom: 60px; } }

/*メインイメージ*/
#under_mainimg {
  background: url("/img/about/mainimg.png") center/cover no-repeat; }

/*ラッピングの方法*/
#way h2 {
  font-size: 2rem;
  margin-bottom: 6.5104166667%;
  font-weight: normal; }
  @media (min-width: 769px) {
    #way h2 {
      font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.1600928074 ); } }
  @media (min-width: 1200px) {
    #way h2 {
      font-size: 2.5rem; } }
  @media screen and (max-width: 769px) {
    #way h2 {
      margin-bottom: 25px; } }
  @media screen and (min-width: 768px) {
    #way h2 {
      margin-bottom: 50px; } }
#way .sheet_wrap {
  margin-bottom: 10.4166666667%; }
  @media screen and (max-width: 769px) {
    #way .sheet_wrap {
      margin-bottom: 40px; } }
  @media screen and (min-width: 768px) {
    #way .sheet_wrap {
      margin-bottom: 80px; } }
  #way .sheet_wrap .img_box {
    width: 60%;
    margin: 0 auto 10px; }
  #way .sheet_wrap .sheet_txt h3 {
    font-size: 1.8rem;
    margin-bottom: 2.6041666667%;
    text-align: left; }
    @media (min-width: 769px) {
      #way .sheet_wrap .sheet_txt h3 {
        font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
    @media (min-width: 1200px) {
      #way .sheet_wrap .sheet_txt h3 {
        font-size: 2rem; } }
    @media screen and (max-width: 769px) {
      #way .sheet_wrap .sheet_txt h3 {
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) {
      #way .sheet_wrap .sheet_txt h3 {
        margin-bottom: 20px; } }
  #way .sheet_wrap .sheet_txt p {
    font-size: 1.3rem;
    text-align: justify; }
    @media (min-width: 769px) {
      #way .sheet_wrap .sheet_txt p {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
    @media (min-width: 1200px) {
      #way .sheet_wrap .sheet_txt p {
        font-size: 1.4rem; } }
#way .sumple_btn {
  max-width: 600px;
  margin: auto; }
#way .process_wrap {
  margin-bottom: 10.4166666667%; }
  @media screen and (max-width: 769px) {
    #way .process_wrap {
      margin-bottom: 40px; } }
  @media screen and (min-width: 768px) {
    #way .process_wrap {
      margin-bottom: 80px; } }
  #way .process_wrap .process {
    background: #fff;
    padding: 20px;
    position: relative;
    margin-bottom: 50px; }
    #way .process_wrap .process .img_wrap {
      margin-bottom: 5.2083333333%;
      text-align: center;
      margin: auto; }
      @media screen and (max-width: 769px) {
        #way .process_wrap .process .img_wrap {
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) {
        #way .process_wrap .process .img_wrap {
          margin-bottom: 40px; } }
    #way .process_wrap .process .process_txt_wrap .process_title {
      font-size: 1.5rem; }
      @media (min-width: 769px) {
        #way .process_wrap .process .process_txt_wrap .process_title {
          font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #way .process_wrap .process .process_txt_wrap .process_title {
          font-size: 1.6rem; } }
      #way .process_wrap .process .process_txt_wrap .process_title span {
        font-size: 2rem;
        color: #ED6D0F;
        padding-right: 10px; }
        @media (min-width: 769px) {
          #way .process_wrap .process .process_txt_wrap .process_title span {
            font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.1600928074 ); } }
        @media (min-width: 1200px) {
          #way .process_wrap .process .process_txt_wrap .process_title span {
            font-size: 2.5rem; } }
    #way .process_wrap .process .process_txt_wrap .process_txt {
      font-size: 1.3rem;
      text-align: justify; }
      @media (min-width: 769px) {
        #way .process_wrap .process .process_txt_wrap .process_txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #way .process_wrap .process .process_txt_wrap .process_txt {
          font-size: 1.4rem; } }
    #way .process_wrap .process:before {
      position: absolute;
      font-family: 'icomoon';
      content: "\e905";
      display: inline-block;
      color: #DCDDDD;
      font-size: 3rem;
      top: 96.5%;
      left: 50%;
      transform: translate(-50%, 0); }
    #way .process_wrap .process:last-child:before {
      display: none; }
#way .process_point h5 {
  font-size: 1.6rem;
  margin-bottom: 1.953125%; }
  @media (min-width: 769px) {
    #way .process_point h5 {
      font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
  @media (min-width: 1200px) {
    #way .process_point h5 {
      font-size: 1.8rem; } }
  @media screen and (max-width: 769px) {
    #way .process_point h5 {
      margin-bottom: 7.5px; } }
  @media screen and (min-width: 768px) {
    #way .process_point h5 {
      margin-bottom: 15px; } }
#way .process_point p {
  font-size: 1.3rem;
  text-align: justify; }
  @media (min-width: 769px) {
    #way .process_point p {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
  @media (min-width: 1200px) {
    #way .process_point p {
      font-size: 1.4rem; } }
#way .process_point.mb {
  margin-bottom: 4.5572916667%; }
  @media screen and (max-width: 769px) {
    #way .process_point.mb {
      margin-bottom: 17.5px; } }
  @media screen and (min-width: 768px) {
    #way .process_point.mb {
      margin-bottom: 35px; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*ラッピングの方法*/
  #way .sheet_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #way .sheet_wrap .img_box {
      flex: 0 1 30%;
      width: 30%;
      max-width: 30%;
      width: 100%;
      margin: 0;
      max-width: 175px; }
    #way .sheet_wrap .sheet_txt {
      flex: 0 1 70%;
      width: 70%;
      max-width: 70%; }
  #way .process_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #way .process_wrap .process {
      flex: 0 1 26%;
      width: 26%;
      max-width: 26%;
      margin-bottom: 0;
      padding: 40px 20px; }
      #way .process_wrap .process .img_wrap {
        width: 90%; }
      #way .process_wrap .process .process_txt_wrap {
        width: 90%;
        margin: auto; }
      #way .process_wrap .process:before {
        content: "\e903";
        font-size: 5rem;
        top: 50%;
        left: 98%;
        transform: translate(0, -50%); } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 1100px) {
  /*ラッピングの方法*/
  #way .process_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #way .process_wrap .process {
      flex: 0 1 28%;
      width: 28%;
      max-width: 28%; }
      #way .process_wrap .process .img_wrap {
        width: 85%; }
      #way .process_wrap .process .process_txt_wrap {
        width: 85%; } }
/*------------------------------
		1280px以上
------------------------------*/

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