@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*メインイメージ*/
#mainimg {
  background: url("/img/home/mainimg.jpg") center/cover no-repeat;
  margin-bottom: 50px; }
  #mainimg .img_copy {
    max-width: 1280px;
    margin: auto;
    padding: 40px 0; }

/*バナー設置場所*/
#banner a {
  display: block;
  width: 90%;
  margin: auto; }

/*メインコンテンツ*/
#main .title {
  margin-bottom: 40px;
  font-size: 1.8rem;
  font-size: 2rem; }
  @media (min-width: 320px) {
    #main .title {
      font-size: calc( 1.8rem + ( 1vw - 3.2px ) * 3.6363636364 ); } }
  @media (min-width: 375px) {
    #main .title {
      font-size: 2rem; } }
  @media (min-width: 768px) {
    #main .title {
      font-size: calc( 2rem + ( 1vw - 7.68px ) * 1.953125 ); } }
  @media (min-width: 1280px) {
    #main .title {
      font-size: 3rem; } }
#main .main_menu {
  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-bottom: 60px;
  justify-content: center; }
  #main .main_menu .menu_box {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
    margin: 0 1% 4%; }
    #main .main_menu .menu_box a {
      display: block;
      border: 1px solid #d4d4d4;
      border-radius: 20px;
      padding: 20px 0;
      position: relative; }
      #main .main_menu .menu_box a img {
        display: block;
        margin: 0 auto 10px;
        width: 50%;
        max-width: 200px; }
      #main .main_menu .menu_box a h3 {
        font-size: 1.4rem;
        letter-spacing: -0.01em; }
        @media (min-width: 768px) {
          #main .main_menu .menu_box a h3 {
            font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 1.953125 ); } }
        @media (min-width: 1280px) {
          #main .main_menu .menu_box a h3 {
            font-size: 2.4rem; } }
      #main .main_menu .menu_box a:after {
        content: '\f054';
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        right: 10px;
        font-size: 1.2rem; }
        @media (min-width: 768px) {
          #main .main_menu .menu_box a:after {
            font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.390625 ); } }
        @media (min-width: 1280px) {
          #main .main_menu .menu_box a:after {
            font-size: 1.4rem; } }

/*お客様の声*/
#voice {
  background: url("/img/home/back_voice.png") center/cover no-repeat;
  padding: 60px 0 20px;
  margin-bottom: 40px; }
  #voice .voice_wrap {
    margin-bottom: 60px; }
    #voice .voice_wrap li a {
      background: #fff;
      border-radius: 20px;
      padding: 20px;
      display: block;
      position: relative;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
      #voice .voice_wrap li a .img {
        margin-bottom: 10px; }
      #voice .voice_wrap li a .name {
        font-weight: bold;
        margin-bottom: 5px; }
      #voice .voice_wrap li a:after {
        content: '';
        position: absolute;
        width: 35px;
        height: 25px;
        background: url("/img/home/fukidashi_w.png") center/cover no-repeat;
        bottom: -24px;
        left: 0;
        right: 0;
        margin: auto; }
    #voice .voice_wrap .slick-slide {
      padding: 10px;
      margin-bottom: 30px; }
    #voice .voice_wrap .slick-dots li button:before {
      color: #fff;
      opacity: 0.6; }
    #voice .voice_wrap .slick-dots li.slick-active button:before {
      color: #FF9F1D;
      opacity: 1; }

/*コメント*/
#comment .comment__txt {
  position: relative;
  display: inline-block;
  text-align: justify;
  font-size: 1.3rem;
  padding: 0 5px 2px;
  line-height: 2em;
  background-color: #fff;
  background-image: linear-gradient(90deg, rgba(255, 246, 230, 0) 0%, rgba(255, 246, 230, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #333 100%);
  background-size: 8px 100%,100% 2em; }

/*他コンテンツ*/
#link .link_wrap {
  margin-bottom: 60px; }
  #link .link_wrap .link_box a {
    display: block;
    height: 50vw;
    max-height: 300px;
    position: relative;
    overflow: hidden; }
    #link .link_wrap .link_box a:after {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      transition: .2s; }
    #link .link_wrap .link_box a p {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 2.4rem;
      font-weight: bold;
      color: #fff;
      text-align: center;
      z-index: 1; }
    #link .link_wrap .link_box a:hover {
      opacity: 1; }
      #link .link_wrap .link_box a:hover:after {
        opacity: 0; }
  #link .link_wrap .link_box.office {
    margin-bottom: 30px; }
    #link .link_wrap .link_box.office a {
      background: url("/img/home/btn_office.jpg") center/cover no-repeat; }
  #link .link_wrap .link_box.price a {
    background: url("/img/home/btn_price.jpg") center/cover no-repeat; }
#link .conversion {
  margin-bottom: 80px; }
#link .bnr_area .bnr_wrap > div {
  margin-bottom: 30px; }

/*お知らせ*/
#news .title_box .news_box {
  margin: 0 auto 50px; }
  #news .title_box .news_box .detail_box {
    border-bottom: solid 1px #707070;
    position: relative; }
    #news .title_box .news_box .detail_box a {
      cursor: pointer; }
      #news .title_box .news_box .detail_box a .flex_wrap {
        width: 90%;
        margin: 0 auto;
        padding: 15px; }
        #news .title_box .news_box .detail_box a .flex_wrap .time {
          flex: 0 1 25%;
          width: 25%;
          max-width: 25%; }
        #news .title_box .news_box .detail_box a .flex_wrap .title_txt {
          flex: 0 1 70%;
          width: 70%;
          max-width: 70%;
          font-weight: normal;
          text-align: justify;
          margin-bottom: 0px; }
    #news .title_box .news_box .detail_box:hover {
      transition: 0.2s;
      opacity: 0.7; }
    #news .title_box .news_box .detail_box:after {
      content: '\f054';
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      position: absolute;
      transform: translateY(-50%);
      top: 52%;
      width: auto;
      right: 5px;
      font-size: 1.4rem; }
    #news .title_box .news_box .detail_box:first-child {
      border-top: solid 1px #707070; }

/*マップ*/
.gmap iframe {
  width: 100%;
  height: 100vw;
  max-height: 500px;
  display: block; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*メインイメージ*/
  #mainimg {
    margin-bottom: 80px; }

  /*バナー設置場所*/
  #banner a {
    width: 70%; }

  /*メインコンテンツ*/
  #main .title {
    margin-bottom: 80px; }
  #main .main_menu {
    justify-content: space-between; }
    #main .main_menu .border {
      display: inline-block;
      border-left: solid 1px #707070; }
    #main .main_menu .menu_box {
      flex: 0 1 17.5%;
      width: 17.5%;
      max-width: 17.5%;
      margin-bottom: 0;
      /*	&:nth-child(1),&:nth-child(2){
      		a{
      			border-bottom: 1px solid #454545;
      		}
      		
      	}*/
      /*	&:nth-child(odd){
      		a{
      			border-right: 1px solid #454545;
      		}
      		
      	}*/ }
      #main .main_menu .menu_box a {
        padding: 8%;
        border: none;
        border-radius: 0; }
        #main .main_menu .menu_box a:after {
          right: 2%;
          font-size: 1.6rem; }
        #main .main_menu .menu_box a h3 {
          letter-spacing: 0.1em;
          margin-bottom: 20px; }

  /*お客様の声*/
  #voice {
    margin-bottom: 60px; }
    #voice .voice_wrap {
      padding: 0 8%;
      margin: auto;
      max-width: 1280px; }
      #voice .voice_wrap ul {
        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; }
        #voice .voice_wrap ul li {
          flex: 0 1 31%;
          width: 31%;
          max-width: 31%; }

  /*コメント*/
  #comment .comment__txt {
    font-size: 1.5rem; }

  /*他コンテンツ*/
  #link .link_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;
    padding: 0 4%;
    margin: 0 auto 80px;
    max-width: 1280px; }
    #link .link_wrap .link_box {
      flex: 0 1 49%;
      width: 49%;
      max-width: 49%; }
  #link .conversion {
    margin-bottom: 100px; }
  #link .bnr_area .bnr_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; }
    #link .bnr_area .bnr_wrap > div {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%;
      margin-bottom: 0; }

  /*お知らせ*/
  #news .title_box .title {
    margin-bottom: 40px; }
  #news .title_box .news_box .detail_box a {
    padding: 35px; }
    #news .title_box .news_box .detail_box a .flex_wrap .time {
      flex: 0 1 15%;
      width: 15%;
      max-width: 15%; }
    #news .title_box .news_box .detail_box a .flex_wrap .title_txt {
      flex: 0 1 80%;
      width: 80%;
      max-width: 80%; } }
/*------------------------------
		980px以上
------------------------------*/
/*------------------------------
		1280px以上
------------------------------*/
@media screen and (min-width: 1201px) {
  /*お客様の声*/
  #voice .voice_wrap {
    padding: 0; }

  /*他コンテンツ*/
  #link .link_wrap {
    padding: 0; } }

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