@charset "UTF-8";
/*============================================
responsive
============================================*/
/*============================================
view
============================================*/
#view {
  height: 300px;
  padding: 0 5%;
  position: relative; }
  #view .ttl {
    display: table;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #view .photo {
    position: absolute;
    right: 0;
    top: 0;
    height: 300px;
    width: 61%; }
    #view .photo img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
  #view .pankuzu {
    position: absolute;
    bottom: 0; }
    #view .pankuzu .pankuzu__list {
      display: flex;
      font-size: 1rem;
      color: #fff; }
      #view .pankuzu .pankuzu__list li {
        position: relative; }
        #view .pankuzu .pankuzu__list li a {
          color: #fff !important; }
        #view .pankuzu .pankuzu__list li:nth-child(n + 2) {
          padding-left: 40px; }
          #view .pankuzu .pankuzu__list li:nth-child(n + 2)::before {
            content: "＞";
            display: inline-block;
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%); }

/*============================================
headline
============================================*/
#headline {
  padding: 120px 0 0 0; }
  @media screen and (max-width: 897px) {
    #headline {
      padding: 40px 0 0 0; } }
  #headline .headline__box {
    max-width: 840px;
    margin: 0 auto;
    font-size: 1.7rem; }
    @media screen and (max-width: 897px) {
      #headline .headline__box {
        font-size: 1.55rem;
        padding: 0 20px; } }

/*============================================
mens
============================================*/
#mens {
  padding: 100px 0 120px 0; }
  @media screen and (max-width: 897px) {
    #mens {
      padding: 40px 0; } }
  #mens .mens__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #EFEFEF;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #mens .mens__headline {
        padding: 0 20px 30px 20px;
        font-size: 3.0rem; } }
    #mens .mens__headline span {
      font-size: 2.5rem;
      color: #BDB8B3;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #mens .mens__headline span {
          font-size: 1.6rem; } }
  #mens .mens__gallery {
    padding: 0 0 60px 0; }
    @media screen and (max-width: 897px) {
      #mens .mens__gallery {
        padding: 0 0 30px 0; } }
    #mens .mens__gallery .inbox {
      margin: 0 10px; }
  #mens .mens__box {
    max-width: 1140px;
    margin: 0 auto; }
    #mens .mens__box .mens__box__item {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 897px) {
        #mens .mens__box .mens__box__item {
          display: block;
          padding: 0 20px; } }
      #mens .mens__box .mens__box__item .img {
        width: 48%; }
        @media screen and (max-width: 897px) {
          #mens .mens__box .mens__box__item .img {
            width: 100%;
            margin-bottom: 20px; } }
      #mens .mens__box .mens__box__item .txt {
        width: 48%; }
        @media screen and (max-width: 897px) {
          #mens .mens__box .mens__box__item .txt {
            width: 100%; } }
      #mens .mens__box .mens__box__item:last-of-type {
        flex-flow: row-reverse;
        padding: 60px 0 0 0; }
        @media screen and (max-width: 897px) {
          #mens .mens__box .mens__box__item:last-of-type {
            display: block;
            padding: 20px; } }
      #mens .mens__box .mens__box__item p {
        padding: 0 0 15px 0; }
        #mens .mens__box .mens__box__item p:last-of-type {
          padding: 0; }

/*============================================
vintage
============================================*/
#vintage {
  padding: 100px 0 120px 0;
  border-top: 1px solid #fff; }
  @media screen and (max-width: 897px) {
    #vintage {
      padding: 40px 0; } }
  #vintage .vintage__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #EFEFEF;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #vintage .vintage__headline {
        padding: 0 20px 30px 20px;
        font-size: 3.0rem; } }
    #vintage .vintage__headline span {
      font-size: 2.5rem;
      color: #BDB8B3;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #vintage .vintage__headline span {
          font-size: 1.6rem; } }
  #vintage .vintage__gallery {
    padding: 0 0 60px 0; }
    @media screen and (max-width: 897px) {
      #vintage .vintage__gallery {
        padding: 0 0 30px 0; } }
    #vintage .vintage__gallery .inbox {
      margin: 0 10px; }
  #vintage .vintage__copy {
    max-width: 840px;
    margin: 0 auto; }
    @media screen and (max-width: 897px) {
      #vintage .vintage__copy {
        padding: 0 20px; } }

/*============================================
cafe
============================================*/
#cafe {
  padding: 100px 0 120px 0;
  background: #EFEFEF; }
  @media screen and (max-width: 897px) {
    #cafe {
      padding: 40px 0; } }
  #cafe .cafe__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #1B2C3C;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #cafe .cafe__headline {
        padding: 0 20px 30px 20px;
        font-size: 3.0rem; } }
    #cafe .cafe__headline span {
      font-size: 2.5rem;
      color: #2A4157;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #cafe .cafe__headline span {
          font-size: 1.6rem; } }
  #cafe .cafe__gallery {
    padding: 0 0 60px 0; }
    @media screen and (max-width: 897px) {
      #cafe .cafe__gallery {
        padding: 0 0 30px 0; } }
    #cafe .cafe__gallery .inbox {
      margin: 0 10px; }
  #cafe .cafe__copy {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    color: #1B2C3C; }
    @media screen and (max-width: 897px) {
      #cafe .cafe__copy {
        padding: 0 20px 30px; } }
  #cafe .cafe__box {
    color: #1B2C3C;
    background: #fff;
    border: 1px solid #8E7B5B;
    max-width: 1020px;
    margin: 0 auto;
    padding: 60px; }
    @media screen and (max-width: 897px) {
      #cafe .cafe__box {
        margin: 0 20px;
        padding: 20px 10px 0 10px; } }
    #cafe .cafe__box .cafe__headline__inbox {
      padding: 0 0 30px 0;
      font-family: angie-sans, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 5.0rem;
      color: #1B2C3C;
      text-align: center;
      line-height: 1.4; }
      @media screen and (max-width: 897px) {
        #cafe .cafe__box .cafe__headline__inbox {
          padding: 0 0 20px 0;
          font-size: 3.0rem; } }
    #cafe .cafe__box .menu__box {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 897px) {
        #cafe .cafe__box .menu__box {
          display: block;
          padding: 0 10px; } }
      #cafe .cafe__box .menu__box .drink {
        width: 48%; }
        @media screen and (max-width: 897px) {
          #cafe .cafe__box .menu__box .drink {
            width: 100%;
            margin-bottom: 20px; } }
      #cafe .cafe__box .menu__box .food {
        width: 48%; }
        @media screen and (max-width: 897px) {
          #cafe .cafe__box .menu__box .food {
            width: 100%;
            margin-bottom: 20px; } }
      #cafe .cafe__box .menu__box h4 {
        background: #1B2C3C;
        color: #fff;
        padding: 5px 15px;
        text-align: center;
        font-family: angie-sans, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.5rem; }
      #cafe .cafe__box .menu__box .head-border {
        display: flex;
        align-items: center;
        font-family: angie-sans, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.5rem;
        padding: 15px 0 0 0; }
      #cafe .cafe__box .menu__box .head-border:before, #cafe .cafe__box .menu__box .head-border:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #1B2C3C; }
      #cafe .cafe__box .menu__box .head-border:before {
        margin-right: 1rem; }
      #cafe .cafe__box .menu__box .head-border:after {
        margin-left: 1rem; }
      #cafe .cafe__box .menu__box dl div {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: 1px dotted #ccc;
        padding: 10px; }
        #cafe .cafe__box .menu__box dl div:nth-child(odd) {
          background: #f4f4f4; }
    #cafe .cafe__box .txt {
      margin-top: 30px; }
      @media screen and (max-width: 897px) {
        #cafe .cafe__box .txt {
          line-height: 1.4;
          margin: 10px; } }

/*============================================
first
============================================*/
#first {
  padding: 100px 0 120px 0; }
  @media screen and (max-width: 897px) {
    #first {
      padding: 40px 0; } }
  #first .first__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #EFEFEF;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #first .first__headline {
        padding: 0 20px 30px 20px;
        font-size: 3.0rem; } }
    #first .first__headline span {
      font-size: 2.5rem;
      color: #BDB8B3;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #first .first__headline span {
          font-size: 1.6rem; } }
  #first .first__box {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      #first .first__box {
        padding: 0; } }
    #first .first__box:last-of-type {
      padding: 0; }
      @media screen and (max-width: 897px) {
        #first .first__box:last-of-type {
          padding-top: 30px; } }
    #first .first__box .first__main {
      position: relative;
      padding: 0 0 60px 0; }
      #first .first__box .first__main .txt {
        background-color: #152431;
        padding: 4px 5%;
        position: absolute;
        /*絶対配置*/
        color: white;
        /*文字は白に*/
        bottom: 8%;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
        font-size: 2.2rem; }
        @media screen and (max-width: 897px) {
          #first .first__box .first__main .txt {
            bottom: 3%;
            font-size: 1.8rem;
            white-space: nowrap;
            background-color: none;
            padding: 0; } }
    #first .first__box .first__gallery .first__gallery__list {
      padding: 0 0 50px 0;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 897px) {
        #first .first__box .first__gallery .first__gallery__list {
          padding: 0 0 30px 0;
          margin: 0 20px; } }
      @media screen and (max-width: 897px) {
        #first .first__box .first__gallery .first__gallery__list {
          flex-wrap: wrap; } }
      #first .first__box .first__gallery .first__gallery__list .first__gallery__list__item {
        width: 30%; }
        @media screen and (max-width: 897px) {
          #first .first__box .first__gallery .first__gallery__list .first__gallery__list__item {
            width: 48.5%; } }
        #first .first__box .first__gallery .first__gallery__list .first__gallery__list__item:first-of-type {
          width: 30%; }
          @media screen and (max-width: 897px) {
            #first .first__box .first__gallery .first__gallery__list .first__gallery__list__item:first-of-type {
              width: 100%;
              margin-bottom: 15px; } }
    #first .first__box .first__gallery p {
      max-width: 840px;
      margin: 0 auto; }
      @media screen and (max-width: 897px) {
        #first .first__box .first__gallery p {
          padding: 0 20px; } }

/*============================================
second
============================================*/
#second {
  padding: 100px 0 120px 0;
  background: #EFEFEF; }
  @media screen and (max-width: 897px) {
    #second {
      padding: 40px 0; } }
  #second .second__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #1B2C3C;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #second .second__headline {
        padding: 0 20px 30px 20px;
        font-size: 3.0rem; } }
    #second .second__headline span {
      font-size: 2.5rem;
      color: #1B2C3C;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #second .second__headline span {
          font-size: 1.6rem; } }
  #second .second__box {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      #second .second__box {
        padding: 40px 0; } }
    #second .second__box:last-of-type {
      padding: 0; }
    #second .second__box .second__main {
      position: relative;
      padding: 0 0 60px 0; }
      #second .second__box .second__main .txt {
        background-color: #EFEFEF;
        padding: 4px 5%;
        position: absolute;
        /*絶対配置*/
        color: #1B2C3C;
        /*文字は紺に*/
        bottom: 8%;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
        font-size: 2.2rem; }
        @media screen and (max-width: 897px) {
          #second .second__box .second__main .txt {
            color: #1B2C3C;
            bottom: 3%;
            font-size: 1.8rem;
            white-space: nowrap;
            background-color: none;
            padding: 0; } }
    #second .second__box .second__gallery .second__gallery__list {
      padding: 0 0 50px 0;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 897px) {
        #second .second__box .second__gallery .second__gallery__list {
          padding: 0 0 30px 0;
          margin: 0 20px; } }
      @media screen and (max-width: 897px) {
        #second .second__box .second__gallery .second__gallery__list {
          flex-wrap: wrap; } }
      #second .second__box .second__gallery .second__gallery__list .second__gallery__list__item {
        width: 30%; }
        @media screen and (max-width: 897px) {
          #second .second__box .second__gallery .second__gallery__list .second__gallery__list__item {
            width: 48.5%; } }
        #second .second__box .second__gallery .second__gallery__list .second__gallery__list__item:first-of-type {
          width: 30%; }
          @media screen and (max-width: 897px) {
            #second .second__box .second__gallery .second__gallery__list .second__gallery__list__item:first-of-type {
              width: 100%;
              margin-bottom: 15px; } }
    #second .second__box .second__gallery p {
      max-width: 840px;
      margin: 0 auto;
      color: #1B2C3C; }
      @media screen and (max-width: 897px) {
        #second .second__box .second__gallery p {
          padding: 0 20px; } }

/*============================================
shop
============================================*/
#shop {
  padding: 100px 0 120px 0; }
  @media screen and (max-width: 897px) {
    #shop {
      padding: 40px 0; } }
  #shop .shop__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #EFEFEF;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #shop .shop__headline {
        padding: 0 20px 30px 20px;
        font-size: 3.0rem; } }
    #shop .shop__headline span {
      font-size: 2.5rem;
      color: #BDB8B3;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #shop .shop__headline span {
          font-size: 1.6rem; } }
  #shop .shop__box {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      #shop .shop__box {
        padding: 0 20px; } }
    #shop .shop__box:last-of-type {
      padding: 0; }
      @media screen and (max-width: 897px) {
        #shop .shop__box:last-of-type {
          padding: 0 20px; } }
    #shop .shop__box dl {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      @media screen and (max-width: 897px) {
        #shop .shop__box dl {
          display: block; } }
    #shop .shop__box dt {
      width: 25%;
      margin: 0;
      padding: 20px 0;
      border-bottom: #707070 1px dotted; }
      @media screen and (max-width: 897px) {
        #shop .shop__box dt {
          width: 100%;
          padding: 10px 0 0 0;
          border-bottom: none;
          font-weight: 600; } }
    #shop .shop__box dd {
      width: 75%;
      margin: 0;
      padding: 20px 0;
      border-bottom: #707070 1px dotted; }
      @media screen and (max-width: 897px) {
        #shop .shop__box dd {
          width: 100%;
          padding: 0 0 10px 0; } }

/*============================================
access
============================================
*/
#access {
  padding: 100px 0 120px 0;
  background: #EFEFEF; }
  @media screen and (max-width: 897px) {
    #access {
      padding: 40px 0; } }
  #access .access__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #1B2C3C;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #access .access__headline {
        padding: 0 20px 30px 20px;
        font-size: 3.0rem; } }
    #access .access__headline span {
      font-size: 2.5rem;
      color: #1B2C3C;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #access .access__headline span {
          font-size: 1.6rem; } }
  #access .access__box {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 90px 0;
    /* Google Mapを囲う要素 */ }
    @media screen and (max-width: 897px) {
      #access .access__box {
        padding: 0 20px; } }
    #access .access__box:last-of-type {
      padding: 0; }
      @media screen and (max-width: 897px) {
        #access .access__box:last-of-type {
          padding: 0 20px; } }
    #access .access__box p {
      max-width: 840px;
      margin: 0 auto;
      color: #1B2C3C;
      text-align: center;
      padding-bottom: 30px; }
    #access .access__box .map .gmap {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative; }
    #access .access__box .map .gmap iframe {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; }

/*============================================
policy
============================================*/
#policy {
  padding: 100px 0 120px 0; }
  @media screen and (max-width: 897px) {
    #policy {
      padding: 40px 0; } }
  #policy .policy__box {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      #policy .policy__box {
        padding: 0 20px; } }
    #policy .policy__box:last-of-type {
      padding: 0; }
      @media screen and (max-width: 897px) {
        #policy .policy__box:last-of-type {
          padding: 0 20px; } }
    #policy .policy__box h2 {
      font-size: 1.8rem;
      font-weight: 700;
      padding-bottom: 20px; }
      @media screen and (max-width: 897px) {
        #policy .policy__box h2 {
          font-size: 1.6rem;
          padding-bottom: 5px; } }
    #policy .policy__box p {
      max-width: 840px;
      margin: 0 auto;
      color: #EFEFEF;
      padding-bottom: 30px; }
      #policy .policy__box p:last-of-type {
        padding: 0 0 15px 0; }
    #policy .policy__box .caution {
      border: 1px solid #fff;
      padding: 15px; }

/*============================================
contact
============================================*/
#contact {
  padding: 0; }
  @media screen and (max-width: 897px) {
    #contact {
      padding: 0; } }
  #contact .contact__headline {
    padding: 0 0 60px 0;
    font-family: angie-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.0rem;
    color: #EFEFEF;
    text-align: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      #contact .contact__headline {
        font-size: 3.0rem; } }
    #contact .contact__headline span {
      font-size: 2.5rem;
      color: #BDB8B3;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 500;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 897px) {
        #contact .contact__headline span {
          font-size: 1.6rem; } }
  #contact .form__box {
    max-width: 1140px;
    margin: 0 auto; }

.form__box dl {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px dashed #666666; }
  .form__box dl dt {
    border-top: 1px dashed #666666;
    float: left;
    width: 32%;
    padding: 3% 0;
    font-weight: 700; }
  .form__box dl dd {
    float: left;
    border-top: 1px dashed #666666;
    padding: 3% 0;
    width: 68%; }
  .form__box dl dt:first-child {
    border-top: none; }
    .form__box dl dt:first-child + dd {
      border-top: none; }
.form__box textarea {
  width: 95%; }
  .form__box textarea.content {
    margin: 0; }
.form__box .haveto {
  font-size: 14px;
  padding: 3px 8px;
  background: #752B49;
  color: #fff;
  border-radius: 2px;
  margin-right: 10px;
  position: relative;
  bottom: 1px; }
.form__box .any {
  font-size: 14px;
  padding: 3px 8px;
  background: #666;
  color: #fff;
  margin-right: 10px;
  position: relative;
  bottom: 1px; }
.form__box .contact-btn {
  text-align: center;
  margin-bottom: 60px; }
  .form__box .contact-btn p {
    margin: 0 0 15px 0;
    text-align: center; }
    .form__box .contact-btn p.left-txt {
      padding: 0 30px 10px 30px;
      text-align: left !important;
      font-size: 1.6rem;
      font-weight: bold;
      text-indent: -2rem;
      padding-left: 2rem; }
    .form__box .contact-btn p.upfile-txt {
      font-size: 1.6rem;
      text-align: left;
      padding: 30px 0 0 60px; }
  .form__box .contact-btn .check {
    padding: 0 60px; }
    .form__box .contact-btn .check p:first-of-type {
      margin: 0 0 -10px 0; }
.form__box input[type="button"].button-confirm, .form__box input[type="submit"], .form__box input[type="button"].wpcf7c-btn-back {
  background: #8E7B5B;
  height: 60px;
  width: 250px;
  display: inline;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  border: 0;
  margin: 5px 10px;
  border-radius: 5px;
  font-size: 1.6rem; }
.form__box input#confirm:disabled {
  background: #ccc;
  color: #666;
  cursor: not-allowed; }
.form__box input[type="button"].button-rewrite {
  background: #666666;
  height: 60px;
  font-size: 20px;
  letter-spacing: 0.1em;
  width: 300px;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  border: 0;
  border-radius: 5px; }
.form__box h3 {
  width: 90%;
  padding: 15px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #ccc;
  background: #e7e7e7; }

@media screen and (min-width: 599px) and (max-width: 1024px) {
  .form__box dl {
    width: 100%;
    padding: 3% 0;
    box-sizing: border-box; } }
@media only screen and (max-width: 599px) {
  .form__box dl {
    width: 100%;
    padding: 0;
    box-sizing: border-box; } }
@media only screen and (max-width: 599px) {
  .form__box dl dt {
    width: auto;
    float: none;
    border-top: 1px dashed #666666;
    font-weight: bold;
    width: 100%;
    padding: 5% 0 1% 0;
    float: none; } }
@media only screen and (max-width: 599px) {
  .form__box dl dd {
    border-top: none;
    padding: 3% 0 5% 0;
    margin-left: 0;
    width: auto;
    float: none; } }
/*陟｢�ｽ�ｽ蛹ｻ�ｽ郢晢ｿｽ縺倡ｹｧ�､郢晢ｽｳ*/
/*闔会ｽｻ隲｢荳奇ｿｽ郢晢ｿｽ縺倡ｹｧ�､郢晢ｽｳ*/
@media only screen and (max-width: 599px) {
  .form__box .contact-btn .check {
    padding: 0 0 0 30px; } }
@media only screen and (max-width: 599px) {
  .form__box input[type="text"], .form__box input[type="email"] {
    width: 90%; } }
form input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }
form input#confirm, form input#submit, form input#back {
  font-size: 1.3em;
  line-height: 3;
  width: 230px;
  border: none;
  border-radius: 10px;
  background-color: 000;
  color: #FFFFFF;
  margin: 5px 10px; }

/*============================================
news
============================================
*/
#news {
  padding: 100px 0 120px 0; }
  @media screen and (max-width: 897px) {
    #news {
      padding: 40px 0; } }
  #news .news__box {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    #news .news__box .contents {
      width: 70%; }
      #news .news__box .contents__ttl {
        padding: 0 0 30px 0; }
      #news .news__box .contents .pic-thum {
        text-align: center; }
      #news .news__box .contents__txt p:not(:first-of-type) {
        padding: 15px 0 0 0; }
    #news .news__box .side {
      width: 25%; }
      #news .news__box .side .sTtl {
        color: #fff;
        border-bottom: 1px solid #f4f4f4;
        display: block;
        padding: 15px 0;
        margin: 0 0 15px 0; }

.blog__list__item {
  display: flex;
  justify-content: space-between; }
  .blog__list__item .img {
    width: 47.5%; }
  .blog__list__item .txt {
    width: 47.5%; }
    .blog__list__item .txt span {
      font-size: 1.5rem; }
    .blog__list__item .txt h2 {
      font-size: 2.0rem; }
    .blog__list__item .txt p {
      line-height: 1.5; }
  .blog__list__item:not(:last-of-type) {
    margin: 0 0 60px 0; }
  .blog__list__item .comLink {
    margin: 20px auto 0 auto !important;
    text-align: left !important; }
  .blog__list__item .btnlinestretches4 {
    border-color: #636C74;
    color: #fff; }

.news__box .comLink {
  margin: 40px auto 0 auto;
  text-align: center; }
.news__box .btnlinestretches4 {
  border-color: #636C74;
  color: #fff; }
.news__box .btnlinestretches4::before, .news__box .btnlinestretches4::after {
  left: 150px; }
.news__box .contents__ttl h1 {
  font-size: 2.0rem; }