@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.main_txt {
  font-weight: bold;
  margin-bottom: 15px; }
  .main_txt p {
    font-size: 1.7rem; }
    @media (min-width: 786px) {
      .main_txt p {
        font-size: calc( 1.7rem + ( 1vw - 7.86px ) * 1.2077294686 ); } }
    @media (min-width: 1200px) {
      .main_txt p {
        font-size: 2.2rem; } }

.w1200 {
  max-width: 1200px;
  margin: auto; }

.overview_box {
  border-top: solid 1px #C3C3C3;
  padding: 20px 0;
  width: 90%;
  margin: auto; }
  .overview_box .flex_wrap {
    width: 90%;
    margin: auto; }
    .overview_box .flex_wrap .contents {
      flex: 0 1 30%;
      width: 30%;
      max-width: 30%;
      font-weight: bold; }
    .overview_box .flex_wrap .detail_txt {
      flex: 0 1 67%;
      width: 67%;
      max-width: 67%; }

p {
  font-size: 1.4rem; }

.orange {
  color: #FF9F1D; }

/*メインコンテンツ*/
#top_txt .w1200 {
  text-align: center;
  margin-bottom: 50px; }
  #top_txt .w1200 .title {
    margin-bottom: 30px; }
  #top_txt .w1200 .copy {
    font-size: 1.5rem; }
    @media (min-width: 786px) {
      #top_txt .w1200 .copy {
        font-size: calc( 1.5rem + ( 1vw - 7.86px ) * 4.8309178744 ); } }
    @media (min-width: 1200px) {
      #top_txt .w1200 .copy {
        font-size: 3.5rem; } }

/*支援していてだいている6つの理由*/
#reason {
  background: #FFF5E8;
  padding: 50px 0; }
  #reason .w1200 .main_txt {
    text-align: center; }
  #reason .w1200 .flex_wrap {
    width: 90%;
    margin: auto auto 30px; }
    #reason .w1200 .flex_wrap .reason_box {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%;
      align-items: center; }
      #reason .w1200 .flex_wrap .reason_box .number {
        background: #fff;
        width: 70px;
        height: 70px;
        border-radius: 50px;
        margin: auto;
        text-align: center;
        color: #FF9F1D;
        z-index: 10;
        position: relative;
        top: 10%; }
        #reason .w1200 .flex_wrap .reason_box .number p {
          line-height: 73px;
          font-family: din-2014, condor, Arial, Helvetica, "sans-serif";
          font-weight: bold;
          font-size: 3.5rem; }
    #reason .w1200 .flex_wrap .txt_box {
      background: #fff;
      padding: 50px 20px;
      height: 50%; }
      #reason .w1200 .flex_wrap .txt_box .title {
        font-size: 1.8rem;
        margin-bottom: 25px;
        text-align: center;
        position: relative; }
        @media (min-width: 786px) {
          #reason .w1200 .flex_wrap .txt_box .title {
            font-size: calc( 1.8rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
        @media (min-width: 1200px) {
          #reason .w1200 .flex_wrap .txt_box .title {
            font-size: 2rem; } }
        #reason .w1200 .flex_wrap .txt_box .title:after {
          position: absolute;
          width: 100%;
          left: 50%;
          transform: translateX(-50%);
          content: '';
          width: 15%;
          display: block;
          position: absolute;
          height: 2px;
          margin: 10px auto auto;
          background: #454545; }
      #reason .w1200 .flex_wrap .txt_box p {
        text-align: justify; }

/*代表メッセージ*/
#representative {
  margin-bottom: 90px; }
  #representative .w1200 {
    position: relative; }
    #representative .w1200 .main_txt {
      text-align: center;
      color: #454545;
      margin-bottom: 50px;
      padding-top: 15px; }
    #representative .w1200 .flex_wrap {
      z-index: 100;
      position: relative;
      max-width: 1480px; }
      #representative .w1200 .flex_wrap .face_img {
        flex: 0 1 90%;
        width: 90%;
        max-width: 90%;
        max-width: 510px;
        margin-bottom: 40px;
        margin-left: -5%;
        z-index: 100;
        position: relative; }
        #representative .w1200 .flex_wrap .face_img img {
          width: 90%; }
      #representative .w1200 .flex_wrap .name_box_sp_only {
        flex: 0 1 80%;
        width: 80%;
        max-width: 80%;
        width: 80%;
        margin: auto;
        z-index: 100;
        position: relative;
        margin-bottom: 20px; }
        #representative .w1200 .flex_wrap .name_box_sp_only .job_name {
          margin-bottom: 15px; }
        #representative .w1200 .flex_wrap .name_box_sp_only .name {
          font-size: 1.7rem;
          margin-bottom: 5px;
          font-weight: bold; }
        #representative .w1200 .flex_wrap .name_box_sp_only .name_english {
          color: #FF9F1D;
          margin-bottom: 15px; }
      #representative .w1200 .flex_wrap .name_box_pc_tab_only {
        display: none; }
    #representative .w1200 .txt {
      width: 80%;
      margin: 0 auto 120px;
      text-align: justify;
      z-index: 100;
      position: relative; }
    #representative .w1200 .txt_box {
      flex: 0 1 90%;
      width: 90%;
      max-width: 90%;
      background: #fff;
      border: solid 1px #C3C3C3;
      margin: 0 auto;
      z-index: 100;
      position: relative; }
      #representative .w1200 .txt_box .title_box {
        text-align: center;
        padding: 10px 0;
        width: 100%;
        background: #FFFBF7;
        border-bottom: solid 1px #C3C3C3; }
      #representative .w1200 .txt_box .txt {
        width: 90%;
        margin: auto;
        padding: 10px 0 20px;
        letter-spacing: 0.0em; }
        #representative .w1200 .txt_box .txt .margin {
          margin-bottom: 10px;
          text-indent: -1em;
          padding-left: 1em; }
          #representative .w1200 .txt_box .txt .margin:last-child {
            margin-bottom: 0px; }
    #representative .w1200 .bottom {
      border-bottom: solid 1px #C3C3C3; }
    #representative .w1200 .back {
      background: #FFF5E8;
      width: 95%;
      height: 210vw;
      max-height: 680px;
      padding: 30px 0;
      top: 10%;
      right: 0;
      z-index: 10;
      position: absolute; }

/*概要*/
#overview .w1200 .main_txt {
  text-align: center;
  color: #454545;
  margin-bottom: 50px;
  padding-top: 15px; }
  #overview .w1200 .main_txt p {
    font-size: 1.7rem; }
#overview .w1200 .flex_wrap .left {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%; }
#overview .w1200 .flex_wrap .right {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%; }
  #overview .w1200 .flex_wrap .right .overview_box:last-child {
    border-bottom: solid 1px #C3C3C3; }

/*風景*/
#scenery {
  margin-bottom: 60px; }
  #scenery .w1200 .main_txt {
    text-align: center;
    color: #454545;
    margin-bottom: 50px;
    padding-top: 15px; }
    #scenery .w1200 .main_txt p {
      font-size: 1.7rem; }
  #scenery .w1200 .flex_wrap {
    width: 90%;
    margin: auto; }
    #scenery .w1200 .flex_wrap .scenery_box {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
      #scenery .w1200 .flex_wrap .scenery_box .img_box {
        margin-bottom: 15px; }
      #scenery .w1200 .flex_wrap .scenery_box .txt_box {
        margin-bottom: 30px; }
        #scenery .w1200 .flex_wrap .scenery_box .txt_box .title {
          text-align: center;
          font-weight: bold;
          font-size: 2rem;
          margin-bottom: 15px; }
          @media (min-width: 786px) {
            #scenery .w1200 .flex_wrap .scenery_box .txt_box .title {
              font-size: calc( 2rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
          @media (min-width: 1200px) {
            #scenery .w1200 .flex_wrap .scenery_box .txt_box .title {
              font-size: 2.2rem; } }
        #scenery .w1200 .flex_wrap .scenery_box .txt_box .txt {
          text-align: justify; }

/*googlemap*/
#ggmap .map {
  width: 100%; }
  #ggmap .map iframe {
    display: block; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #titleimg {
    margin-bottom: 120px; }

  #top_txt {
    margin-bottom: 160px; }
    #top_txt .w1200 .title {
      margin-bottom: 80px; }

  /*支援していてだいている6つの理由*/
  #reason .w1200 .flex_wrap {
    width: 95%;
    margin: auto; }
    #reason .w1200 .flex_wrap .reason_box {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%; }
    #reason .w1200 .flex_wrap .txt_box {
      background: #fff;
      padding: 50px 20px; }

  #representative {
    overflow: hidden; }
    #representative .w1200 .back {
      max-height: 520px; }

  /*代表メッセージ*/
  #representative {
    margin-bottom: 90px; }
    #representative .w1200 {
      position: relative; }
      #representative .w1200 .main_txt {
        text-align: center;
        color: #454545;
        margin-bottom: 50px;
        padding-top: 15px; }
      #representative .w1200 .flex_wrap {
        align-items: center; }
        #representative .w1200 .flex_wrap .face_img {
          flex: 0 1 40%;
          width: 40%;
          max-width: 40%;
          margin-bottom: 40px; }
          #representative .w1200 .flex_wrap .face_img img {
            width: 90%; }
        #representative .w1200 .flex_wrap .name_box_pc_tab_only {
          flex: 0 1 40%;
          width: 40%;
          max-width: 40%;
          display: block;
          margin: 20px auto;
          width: 80%;
          z-index: 100;
          position: relative; }
          #representative .w1200 .flex_wrap .name_box_pc_tab_only .name {
            font-size: 1.7rem;
            margin-bottom: 5px;
            font-weight: bold; }
          #representative .w1200 .flex_wrap .name_box_pc_tab_only .name_english {
            color: #FF9F1D;
            margin-bottom: 15px; }
        #representative .w1200 .flex_wrap .name_box_sp_only {
          display: none; }
        #representative .w1200 .flex_wrap .txt {
          width: 90%; }
      #representative .w1200 .txt_box {
        flex: 0 1 95%;
        width: 95%;
        max-width: 95%; }
      #representative .w1200 .back {
        max-height: 480px;
        top: 5%; }

  /*概要*/
  #overview .w1200 .flex_wrap .left {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%; }
    #overview .w1200 .flex_wrap .left .overview_box:last-child {
      border-bottom: solid 1px #C3C3C3; }
  #overview .w1200 .flex_wrap .right {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%; }

  /*風景*/
  #scenery .w1200 .flex_wrap {
    width: 95%;
    justify-content: center; }
    #scenery .w1200 .flex_wrap .scenery_box {
      flex: 0 1 45%;
      width: 45%;
      max-width: 45%;
      margin: 0 10px 20px; }
      #scenery .w1200 .flex_wrap .scenery_box .img_box {
        margin-bottom: 15px; }
      #scenery .w1200 .flex_wrap .scenery_box .txt_box {
        margin-bottom: 30px; }
        #scenery .w1200 .flex_wrap .scenery_box .txt_box .title {
          text-align: center;
          font-weight: bold;
          font-size: 2rem;
          margin-bottom: 15px; } }
        @media screen and (min-width: 769px) and (min-width: 786px) {
          #scenery .w1200 .flex_wrap .scenery_box .txt_box .title {
            font-size: calc( 2rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
        @media screen and (min-width: 769px) and (min-width: 1200px) {
          #scenery .w1200 .flex_wrap .scenery_box .txt_box .title {
            font-size: 2.2rem; } }
@media screen and (min-width: 769px) {
        #scenery .w1200 .flex_wrap .scenery_box .txt_box .txt {
          text-align: justify; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  #top_txt .w1200 .main_txt p {
    font-size: 2.2rem; }

  /*支援していてだいている6つの理由*/
  #reason .w1200 .flex_wrap {
    width: 100%; }
    #reason .w1200 .flex_wrap .reason_box {
      flex: 0 1 30%;
      width: 30%;
      max-width: 30%; }

  /*代表メッセージ*/
  #representative .w1200 {
    max-width: 100%; }
    #representative .w1200 .office_title {
      margin-bottom: 100px; }
    #representative .w1200 .flex_box {
      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;
      width: 90%;
      margin: 0 auto;
      align-items: stretch; }
      #representative .w1200 .flex_box .flex_wrap {
        flex: 0 1 55%;
        width: 55%;
        max-width: 55%; }
        #representative .w1200 .flex_box .flex_wrap .face_img {
          flex: 0 1 55%;
          width: 55%;
          max-width: 55%;
          margin-bottom: 40px; }
          #representative .w1200 .flex_box .flex_wrap .face_img img {
            width: 85%; }
        #representative .w1200 .flex_box .flex_wrap .name_box_pc_tab_only {
          flex: 0 1 40%;
          width: 40%;
          max-width: 40%;
          margin-top: 120px;
          margin-bottom: -200px;
          margin: 0 auto; }
          #representative .w1200 .flex_box .flex_wrap .name_box_pc_tab_only .job_name {
            margin-bottom: 25px; }
          #representative .w1200 .flex_box .flex_wrap .name_box_pc_tab_only .name {
            font-size: 2.5rem; }
          #representative .w1200 .flex_box .flex_wrap .name_box_pc_tab_only .name_english {
            margin-bottom: 25px; }
        #representative .w1200 .flex_box .flex_wrap .txt {
          flex: 0 1 92%;
          width: 92%;
          max-width: 92%;
          width: 100%;
          margin: 0 auto 40px;
          line-height: 2; }
      #representative .w1200 .flex_box .txt_wrap {
        flex: 0 1 45%;
        width: 45%;
        max-width: 45%; }
        #representative .w1200 .flex_box .txt_wrap .txt_box {
          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;
          margin: 0 0 0 10%;
          border: none;
          background: rgba(0, 0, 0, 0); }
          #representative .w1200 .flex_box .txt_wrap .txt_box .title_box {
            flex: 0 1 10%;
            width: 10%;
            max-width: 10%;
            text-align: inherit;
            padding: 10px 0;
            width: 100%;
            background: none;
            border: none; }
          #representative .w1200 .flex_box .txt_wrap .txt_box .txt {
            flex: 0 1 89%;
            width: 89%;
            max-width: 89%;
            width: 90%;
            margin: auto;
            padding: 10px 0 20px; }
          #representative .w1200 .flex_box .txt_wrap .txt_box:last-child {
            border-bottom: solid 1px #FFF5E8; }
    #representative .w1200 .back {
      height: 75vw;
      max-height: 840px;
      top: 12%; }
    #representative .w1200 .width {
      width: auto; }

  /*概要*/
  #overview .w1200 .flex_wrap .left {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%; }
    #overview .w1200 .flex_wrap .left .overview_box {
      width: 100%; }
  #overview .w1200 .flex_wrap .right {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%; }
    #overview .w1200 .flex_wrap .right .overview_box {
      width: 100%; }

  /*風景*/
  #scenery .w1200 .flex_wrap {
    width: 100%; }
    #scenery .w1200 .flex_wrap .scenery_box {
      flex: 0 1 30%;
      width: 30%;
      max-width: 30%; } }
/*------------------------------
		1280px以上
------------------------------*/

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