@charset "UTF-8";
#content h3 img, #content h4 img {
  display: block !important; }

@media (max-width: 479px) {
  .pc_only {
    display: none; } }
@media (min-width: 480px) {
  .sp_only {
    display: none; } }
.h4_stiry {
  margin-bottom: 8px; }
  @media (min-width: 480px) {
    .h4_stiry {
      margin-bottom: 12px; }
      .h4_stiry img {
        height: 25px;
        width: auto; } }

.h5_title {
  margin-bottom: 8px; }
  .h5_title img {
    height: 18px;
    width: auto;
    max-width: 100%; }
  @media (min-width: 480px) {
    .h5_title {
      margin-bottom: 12px; }
      .h5_title img {
        height: 21px;
        width: auto; }
      .h5_title.double img {
        height: 47px; } }

.sec_top {
  margin-bottom: 7px; }
  @media (min-width: 480px) {
    .sec_top {
      margin-bottom: 11px; } }

.sec_01 {
  margin: auto auto 30px; }
  @media (min-width: 480px) {
    .sec_01 {
      margin: auto auto 20px; } }
  .sec_01 .wrap01 {
    width: 90%;
    margin: auto auto 20px; }
    @media (min-width: 480px) {
      .sec_01 .wrap01 {
        width: 100%; } }
  .sec_01 .wrap02 {
    width: 90%;
    margin: auto auto 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    	/*h3.h3_01{
    	img{
    		width: 100%;
    	}
    }*/ }
    .sec_01 .wrap02 .tokucyo {
      width: 100%;
      margin-bottom: 10px; }
      .sec_01 .wrap02 .tokucyo .h3_01 {
        width: 100%;
        margin-bottom: .2rem; }
        .sec_01 .wrap02 .tokucyo .h3_01 img {
          width: 100%; }
      .sec_01 .wrap02 .tokucyo .p_01 {
        overflow: hidden; }
        .sec_01 .wrap02 .tokucyo .p_01 .space {
          float: left;
          /* 画像を左下に配置する場合は値をleftにする */
          height: 9em;
          /* 仮の高さ */
          /*outline: 1px solid red;*/ }
        .sec_01 .wrap02 .tokucyo .p_01 .img {
          float: left;
          clear: both;
          width: 150px;
          margin-right: 10px; }
          @media (min-width: 480px) {
            .sec_01 .wrap02 .tokucyo .p_01 .img {
              width: 197px; } }
        .sec_01 .wrap02 .tokucyo .p_01 .clear-after {
          display: none;
          /* 交差を検出するため最初はfloat解除しない */
          clear: both;
          height: 0; }
      .sec_01 .wrap02 .tokucyo .clear {
        clear: both;
        /* 後続要素のレイアウト崩れを防止する */ }
      @media (min-width: 480px) {
        .sec_01 .wrap02 .tokucyo {
          width: 56%;
          margin-bottom: 0; } }
    .sec_01 .wrap02 .seisansya {
      width: 100%;
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between; }
      .sec_01 .wrap02 .seisansya figure {
        width: 115px;
        height: auto;
        margin: 0;
        padding: 0; }
        .sec_01 .wrap02 .seisansya figure img {
          width: 100%; }
      .sec_01 .wrap02 .seisansya .text {
        width: calc(100% - 125px);
        font-size: 9px; }
      @media (min-width: 480px) {
        .sec_01 .wrap02 .seisansya {
          width: 37%;
          flex-direction: reverse;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: flex-start; }
          .sec_01 .wrap02 .seisansya figure {
            width: 100%;
            height: auto;
            margin: 0;
            padding: 20px 0 0 0; }
          .sec_01 .wrap02 .seisansya .text {
            width: 100%;
            font-size: .7rem; } }
  .sec_01 .wrap03 {
    width: 100%;
    margin: auto auto 35px; }
    .sec_01 .wrap03 img {
      width: 100%; }

.sec_02 {
  margin: auto auto 30px; }
  .sec_02 h5 {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: .5rem; }
    @media (min-width: 480px) {
      .sec_02 h5 {
        font-size: 1.5rem; } }
  @media (min-width: 480px) {
    .sec_02 {
      margin: auto auto 112px; } }
  .sec_02 .sec_02_top {
    width: 100%;
    margin-bottom: 30px; }
    .sec_02 .sec_02_top img {
      width: 100%; }
  .sec_02 .wrap01 {
    width: 90%;
    margin: auto auto 30px; }
    .sec_02 .wrap01 p {
      margin-top: 0;
      margin-bottom: 30px; }
    .sec_02 .wrap01 .p_01 {
      margin-bottom: 20px;
      padding: 0; }
      @media (min-width: 480px) {
        .sec_02 .wrap01 .p_01 {
          position: relative; } }
      .sec_02 .wrap01 .p_01 figure {
        width: 90%;
        margin: auto; }
        .sec_02 .wrap01 .p_01 figure img {
          width: 100%; }
        .sec_02 .wrap01 .p_01 figure figcaption {
          text-align: right;
          font-size: 50%; }
        @media (min-width: 480px) {
          .sec_02 .wrap01 .p_01 figure {
            position: absolute;
            right: 0;
            top: 100%;
            width: 230px; } }
    .sec_02 .wrap01 .p_02 {
      overflow: hidden; }
      .sec_02 .wrap01 .p_02 .img {
        float: right;
        clear: both;
        width: 185px;
        margin: .5em 0 0 1em; }
      @media (min-width: 480px) {
        .sec_02 .wrap01 .p_02 .img {
          width: 200px; } }
    .sec_02 .wrap01 .p_03 {
      overflow: hidden; }
      .sec_02 .wrap01 .p_03 .img {
        float: right;
        clear: both;
        width: 140px;
        margin: .5em 0 0 1em; }
      @media (min-width: 480px) {
        .sec_02 .wrap01 .p_03 .img {
          float: left;
          width: 160px;
          margin: .5em 1rem 0 0; } }
    .sec_02 .wrap01 .oraho {
      width: 100%;
      position: relative; }
      .sec_02 .wrap01 .oraho img {
        width: 100%;
        height: auto; }
        .sec_02 .wrap01 .oraho img.photo {
          width: 143px;
          position: absolute;
          bottom: 33%;
          left: -10px; }
      .sec_02 .wrap01 .oraho a {
        display: block;
        position: absolute;
        width: 60%;
        height: 20%;
        right: 0;
        top: 50%; }
      @media (min-width: 480px) {
        .sec_02 .wrap01 .oraho {
          margin-top: 20px; }
          .sec_02 .wrap01 .oraho img.photo {
            width: 153px;
            bottom: -5px;
            left: -30px;
            right: auto; }
          .sec_02 .wrap01 .oraho a {
            width: 20%;
            height: 70%;
            top: 0;
            right: 0; } }

.youtube {
  margin: auto auto 50px;
  text-align: center; }
  .youtube h3 {
    display: inline-block;
    margin: auto auto 9px; }
  .youtube .movie {
    width: 90%;
    margin: auto; }
    .youtube .movie img {
      width: 100%;
      height: auto; }
    .youtube .movie a {
      transition: .3s; }
      .youtube .movie a:hover {
        opacity: .7; }
  @media (min-width: 480px) {
    .youtube {
      margin: auto auto 110px; }
      .youtube h3 {
        margin: auto auto 15px; }
      .youtube .movie {
        width: 430px; } }

.sec_04 {
  margin: auto auto 70px; }
  .sec_04 .h3_02 {
    width: 90%;
    margin: auto auto 10px; }
  .sec_04 .shop_name {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px; }
    .sec_04 .shop_name img {
      height: 20px;
      width: auto; }
    @media (min-width: 480px) {
      .sec_04 .shop_name {
        margin-bottom: 20px; }
        .sec_04 .shop_name img {
          height: auto;
          width: auto; } }
  .sec_04 .sec_04_top {
    margin-bottom: 15px; }
    @media (min-width: 480px) {
      .sec_04 .sec_04_top {
        margin-bottom: 30px; } }
  .sec_04 .wrap {
    width: 90%;
    margin: auto auto 20px; }
    .sec_04 .wrap .sec_04_story {
      margin-bottom: 25px; }
    .sec_04 .wrap .ippin {
      position: relative;
      border-top: 1px solid #ee782b;
      border-bottom: 1px solid #ee782b;
      box-sizing: border-box;
      padding: 8px 10px 8px 70px; }
      .sec_04 .wrap .ippin .title_ippin {
        position: absolute;
        top: -10px;
        left: 0; }
      .sec_04 .wrap .ippin h4 {
        color: #ee782b;
        font-size: 16px;
        margin-bottom: 5px; }
      .sec_04 .wrap .ippin p {
        margin: auto;
        font-size: 11px; }
    @media (min-width: 480px) {
      .sec_04 .wrap {
        margin: auto;
        display: flex;
        justify-content: space-between; }
        .sec_04 .wrap .sec_04_story {
          width: 70%; }
        .sec_04 .wrap .wrap_ippin {
          width: 25%; }
        .sec_04 .wrap .ippin {
          width: 100%;
          border: 1px solid #ee782b;
          padding: 38px 10px 8px; }
          .sec_04 .wrap .ippin .title_ippin {
            top: 0;
            left: 50%;
            transform: translate(-50%, -50%); }
          .sec_04 .wrap .ippin h4 {
            text-align: center;
            font-size: 14px;
            margin-bottom: .8em; }
            .sec_04 .wrap .ippin h4:first-of-type {
              padding-bottom: .8em;
              border-bottom: 1px solid #ee782b; } }
  .sec_04 .wrap2 {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .sec_04 .wrap2 .person {
      width: 100%;
      position: relative; }
      .sec_04 .wrap2 .person figure {
        position: relative;
        z-index: 2;
        margin: 0;
        padding: 0;
        width: 55%;
        height: auto; }
        .sec_04 .wrap2 .person figure img {
          width: 100%; }
      .sec_04 .wrap2 .person .info {
        position: absolute;
        z-index: 0;
        top: 30%;
        right: 0;
        width: 50%; }
        .sec_04 .wrap2 .person .info .name {
          box-sizing: border-box;
          padding-left: 25px; }
        .sec_04 .wrap2 .person .info p {
          border-top: 1px solid black;
          box-sizing: border-box;
          padding: 10px 0 0 25px;
          font-size: 9px; }
    .sec_04 .wrap2 .shop_sp {
      width: 100%;
      display: block;
      margin: 20px auto; }
      .sec_04 .wrap2 .shop_sp .name {
        width: 100%;
        border-bottom: 1px solid black;
        padding: 5px 0;
        margin-top: 10px;
        margin-bottom: 5px; }
      .sec_04 .wrap2 .shop_sp .wrap {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .sec_04 .wrap2 .shop_sp .wrap .shop_img {
          width: 145px; }
      .sec_04 .wrap2 .shop_sp span {
        font-size: .8em; }
      .sec_04 .wrap2 .shop_sp p {
        margin: 0;
        font-size: 10px;
        line-height: 14px; }
      .sec_04 .wrap2 .shop_sp .eigyo {
        margin-top: 5px;
        display: flex;
        align-items: center; }
        .sec_04 .wrap2 .shop_sp .eigyo .title_eigyo {
          padding: 10px 3px;
          background-color: #d3d1d0;
          margin-right: 10px; }
          .sec_04 .wrap2 .shop_sp .eigyo .title_eigyo img {
            width: 40px;
            height: auto; }
    .sec_04 .wrap2 .shop_pc {
      display: none; }
    @media (min-width: 480px) {
      .sec_04 .wrap2 {
        margin: auto auto 40px;
        display: flex;
        justify-content: space-between; }
        .sec_04 .wrap2 .person {
          width: 60%;
          position: relative; }
          .sec_04 .wrap2 .person figure {
            width: 55%;
            height: auto; }
            .sec_04 .wrap2 .person figure img {
              width: 110%;
              position: absolute;
              top: 0px;
              left: -10%; }
          .sec_04 .wrap2 .person .info p {
            font-size: .7rem; }
        .sec_04 .wrap2 .shop_pc {
          width: 35%;
          display: block;
          margin-top: 20px; }
          .sec_04 .wrap2 .shop_pc span {
            font-size: .8em; }
          .sec_04 .wrap2 .shop_pc .shop_img {
            width: 100%;
            height: auto;
            position: static; }
          .sec_04 .wrap2 .shop_pc .name {
            width: 100%;
            border-bottom: 1px solid black;
            padding: 5px 0;
            margin-top: 10px;
            margin-bottom: 5px; }
          .sec_04 .wrap2 .shop_pc p {
            margin: 0;
            font-size: 11px;
            line-height: 16px; }
          .sec_04 .wrap2 .shop_pc .eigyo {
            margin-top: 5px;
            display: flex;
            align-items: center; }
            .sec_04 .wrap2 .shop_pc .eigyo .title_eigyo {
              padding: 10px 3px;
              background-color: #d3d1d0;
              margin-right: 10px; }
              .sec_04 .wrap2 .shop_pc .eigyo .title_eigyo img {
                width: 50px;
                height: auto; }
          .sec_04 .wrap2 .shop_pc .eigyo2 {
            margin-top: 5px; }
            .sec_04 .wrap2 .shop_pc .eigyo2 .title_eigyo {
              padding: 10px 3px;
              background-color: #d3d1d0;
              display: inline-block; }
              .sec_04 .wrap2 .shop_pc .eigyo2 .title_eigyo img {
                width: 50px;
                height: auto; }
        .sec_04 .wrap2 .shop_sp {
          display: none; } }

.kyoryoku {
  width: 90%;
  margin: auto;
  position: relative;
  background-color: #FEEFBF;
  box-sizing: border-box;
  padding: 20px 0 10px;
  text-align: center; }
  .kyoryoku .title_kyoryoku {
    width: 300px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); }
  .kyoryoku div:last-of-type::before {
    display: block;
    content: "";
    width: 60%;
    height: 1px; }
  .kyoryoku h5 {
    line-height: 1.4em;
    margin-top: 1.2em; }
  .kyoryoku p {
    margin: auto;
    font-size: 10px; }
  @media (min-width: 480px) {
    .kyoryoku {
      display: flex;
      padding: 40px 0 10px; }
      .kyoryoku .title_kyoryoku {
        width: 400px; }
      .kyoryoku div {
        width: 50%;
        box-sizing: border-box; }
        .kyoryoku div:last-of-type {
          border-left: 1px solid #f99378; }
          .kyoryoku div:last-of-type::before {
            display: none; }
        .kyoryoku div:nth-of-type(2), .kyoryoku div:last-of-type {
          text-align: left;
          box-sizing: border-box;
          padding: 0 10% 15px; }
          .kyoryoku div:nth-of-type(2) h5, .kyoryoku div:last-of-type h5 {
            margin-top: 0; } }