@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*-------ポイント-------*/
#point .point__ttl {
  margin: 0% 0% 10.66% 0%;
  font-size: 2.2rem; }
  @media (min-width: 375px) {
    #point .point__ttl {
      font-size: calc( 2.2rem + ( 1vw - 3.75px ) * 1.4906832298 ); } }
  @media (min-width: 1180px) {
    #point .point__ttl {
      font-size: 3.4rem; } }
#point .point__list {
  margin: 0% 0% 10.66% 0%; }
  #point .point__list li {
    padding: 15px 0;
    margin-bottom: 10px;
    background: #7BA820;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-size: 1.8rem; }
    @media (min-width: 375px) {
      #point .point__list li {
        font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 1.2422360248 ); } }
    @media (min-width: 1180px) {
      #point .point__list li {
        font-size: 2.8rem; } }
    #point .point__list li:last-child {
      margin-bottom: 0; }
#point .point__copy {
  text-align: center;
  font-size: 1.4rem; }
  @media (min-width: 375px) {
    #point .point__copy {
      font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.248447205 ); } }
  @media (min-width: 1180px) {
    #point .point__copy {
      font-size: 1.6rem; } }

/*-------使い方-------*/
#howto {
  background: url("/img/guide/bg_example.png") center/contain repeat-y;
  padding: 13.33% 0% 13.33% 0%; }
  #howto .howto__ttl {
    text-align: center;
    margin: 0% 0% 10.66% 0%; }
    #howto .howto__ttl-inner {
      display: inline-block;
      position: relative;
      width: 100%;
      padding: 15px;
      box-sizing: border-box;
      background: #fff;
      border-radius: 30px; }
      #howto .howto__ttl-inner:after {
        width: 0;
        height: 0;
        display: block;
        border: 15px solid transparent;
        border-top-color: #fff;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -30px;
        margin: auto; }
  #howto .howto__box {
    padding: 10.66% 5.33% 10.66% 5.33%;
    margin: 0% 0% 10.66% 0%;
    background: #fff; }
    #howto .howto__box:last-child {
      margin-bottom: 0; }
    #howto .howto__box .howto__subttl {
      margin: 0% 0% 5.33% 0%;
      text-align: center;
      color: #C9BD9B;
      font-size: 1.8rem; }
      @media (min-width: 375px) {
        #howto .howto__box .howto__subttl {
          font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.9937888199 ); } }
      @media (min-width: 1180px) {
        #howto .howto__box .howto__subttl {
          font-size: 2.6rem; } }
      #howto .howto__box .howto__subttl .howto__subttl-icon {
        margin-bottom: 10px;
        font-size: 3.6rem; }
        @media (min-width: 375px) {
          #howto .howto__box .howto__subttl .howto__subttl-icon {
            font-size: calc( 3.6rem + ( 1vw - 3.75px ) * 0.7453416149 ); } }
        @media (min-width: 1180px) {
          #howto .howto__box .howto__subttl .howto__subttl-icon {
            font-size: 4.2rem; } }
    #howto .howto__box .howto__list li {
      margin: 0% 0% 5.33% 0%; }
      #howto .howto__box .howto__list li:last-child {
        margin-bottom: 0; }
    #howto .howto__box .howto__list-img {
      margin-bottom: 10px; }
    #howto .howto__box .howto__list-txt .howto__list-ttl {
      margin-bottom: 10px;
      font-size: 1.6rem; }
      @media (min-width: 375px) {
        #howto .howto__box .howto__list-txt .howto__list-ttl {
          font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.4968944099 ); } }
      @media (min-width: 1180px) {
        #howto .howto__box .howto__list-txt .howto__list-ttl {
          font-size: 2rem; } }
    #howto .howto__box .howto__list-txt .howto__list-copy {
      font-size: 1.4rem;
      font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; }
      @media (min-width: 375px) {
        #howto .howto__box .howto__list-txt .howto__list-copy {
          font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.248447205 ); } }
      @media (min-width: 1180px) {
        #howto .howto__box .howto__list-txt .howto__list-copy {
          font-size: 1.6rem; } }

#osaka {
  /*-------使い方-------*/ }
  #osaka #howto {
    background: url("/img/guide/bg_example-osaka.png") center/contain repeat-y; }
    #osaka #howto .howto__box .howto__subttl {
      color: #EF9049; }

#hyogo {
  /*-------使い方-------*/ }
  #hyogo #howto {
    background: url("/img/guide/bg_example-hyogo.png") center/contain repeat-y; }
    #hyogo #howto .howto__box .howto__subttl {
      color: #4D5BA8; }

#shiga {
  /*-------使い方-------*/ }
  #shiga #howto {
    background: url("/img/guide/bg_example-shiga.png") center/contain repeat-y; }
    #shiga #howto .howto__box .howto__subttl {
      color: #9BC9C9; }

#aichi {
  /*-------使い方-------*/ }
  #aichi #howto {
    background: url("/img/guide/bg_example-aichi.png") center/contain repeat-y; }
    #aichi #howto .howto__box .howto__subttl {
      color: #B2505E; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #contents {
    padding-top: 100px; }

  /*-------ポイント-------*/
  #point .point__ttl {
    margin-bottom: 50px; }
  #point .point__list {
    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-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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px; }
    #point .point__list li {
      position: relative;
      flex: 0 1 31%;
      width: 31%;
      max-width: 31%;
      max-width: 220px;
      padding: 0;
      margin-right: 4%;
      background: transparent;
      line-height: 1.3; }
      #point .point__list li:last-child {
        margin-right: 0; }
      #point .point__list li p {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      #point .point__list li:after {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%;
        border-radius: 50%;
        background: #7BA820; }

  /*-------使い方-------*/
  #howto {
    padding: 50px 0; }
    #howto .howto__ttl-wrap {
      text-align: center; }
    #howto .howto__ttl {
      margin-bottom: 50px; }
      #howto .howto__ttl-inner {
        width: auto;
        padding: 20px 50px;
        border-radius: 40px; }
    #howto .howto__box {
      padding: 50px; }
      #howto .howto__box .howto__subttl {
        margin-bottom: 40px; }
      #howto .howto__box .howto__list li {
        margin: 0 0 50px; }
      #howto .howto__box .howto__list-img {
        margin-bottom: 0; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  /*-------使い方-------*/
  #howto .howto__box {
    margin-bottom: 30px; }
    #howto .howto__box .howto__list li {
      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-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; }
    #howto .howto__box .howto__list-img {
      flex: 0 1 46%;
      width: 46%;
      max-width: 46%; }
      #howto .howto__box .howto__list-img img {
        object-fit: cover;
        font-family: 'object-fit: cover';
        display: block;
        object-position: 50% 50%;
        height: 100%;
        width: 100%;
        height: 20vw; }
    #howto .howto__box .howto__list-txt {
      flex: 0 1 50%;
      width: 50%;
      max-width: 50%; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) {
  /*-------使い方-------*/
  #howto .howto__box .howto__list-img img {
    height: 100%; } }

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