@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*---------------
   共通
---------------*/
@media screen and (max-width: 767px) {
  html {
    font-size: 2vw; }
  body {
    min-width: 100%;
    letter-spacing: .05em; }
  .inner {
    width: 100%;
    min-width: 100%;
    padding: 0 4vw; }
  .white_inner {
    width: 100%;
    margin: 0 auto 6vw;
    padding: 6vw 5vw;
    border-radius: 6vw; }
  img {
    width: 100%;
    height: auto; }
  .pc {
    display: none; }
  .sp {
    display: block; }
  /*---------------
   header
---------------*/
  .summary {
    padding: 2vw 4vw;
    text-align: left;
    line-height: 1.4;
    position: relative;
    z-index: 20; }
  #header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10; }
    #header .inner {
      padding: 4vw;
      margin: 0;
      display: block;
      position: relative;
      z-index: 20;
      background: #231815; }
    #header .h_logo {
      margin-right: auto;
      color: #FFF;
      font-size: 2rem;
      line-height: 1; }
      #header .h_logo .logo {
        display: inline-block;
        margin-right: 2vw;
        width: 38.2%; }
    #header .h_nav {
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 10;
      width: 100%;
      background: rgba(255, 255, 255, 0.75); }
    #header .h_nav_list {
      display: block;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0;
      padding: 3vw; }
      #header .h_nav_list .h_nav_list_item {
        margin: 0; }
        #header .h_nav_list .h_nav_list_item.contact a {
          display: block;
          padding: .25em 2em;
          border: #231815 2px solid;
          font-size: 2.4rem;
          text-align: center; }
          #header .h_nav_list .h_nav_list_item.contact a em {
            font-style: normal;
            font-weight: 700; }
          #header .h_nav_list .h_nav_list_item.contact a:before {
            content: '▼'; }
          #header .h_nav_list .h_nav_list_item.contact a:hover {
            opacity: .6;
            text-decoration: none; }
  .drawer_button {
    display: block;
    background: url("../images/header_menu_open.png") top center no-repeat;
    background-size: contain;
    border: none;
    width: 10.52632vw;
    /*(80/760)*100vw*/
    height: 10.52632vw;
    /*(80/760)*100vw*/
    cursor: pointer;
    position: absolute;
    top: 3vw;
    right: 2vw;
    z-index: 1001;
    outline: none; }
    .drawer_button.active {
      background: url("../images/header_menu_close.png") top center no-repeat;
      background-size: contain; }
  .drawer_menu_wrapper {
    width: 100%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translateY(-48vw);
    -ms-transform: translateY(-48vw);
    transform: translateY(-48vw);
    position: absolute;
    top: 17.10526vw;
    /*(80/760)*100vw*/
    right: 0;
    z-index: 10;
    background: #231815; }
    .drawer_menu_wrapper.open {
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); }
  /*---------------
   main
---------------*/
  main {
    padding: 4vw 0 18vw;
    display: block;
    overflow: hidden; }
  .content_nav .inner {
    margin: 0;
    padding: 0; }
  .content_nav .content_nav_list {
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .content_nav .content_nav_list .content_nav_list_item {
      width: 50%;
      padding-left: 0;
      margin-right: 0; }
      .content_nav .content_nav_list .content_nav_list_item a {
        padding: 3vw;
        color: #FFF;
        font-size: 2rem;
        display: block; }
  /*---------------
   共通
---------------*/
  .lttl {
    margin-bottom: 20px;
    text-align: center; }
    .lttl .jp, .lttl .en {
      display: block;
      font-weight: 700; }
    .lttl .jp {
      color: #FFF100;
      font-size: 3rem;
      letter-spacing: 0em;
      text-indent: -.2em;
      line-height: 1.4; }
    .lttl .en {
      color: #FFF;
      font-size: 4rem; }
  .mttl {
    margin-bottom: 30px;
    color: #1C96D4;
    font-size: 2.4rem;
    font-weight: 700;
    text-indent: -.1em;
    text-align: center; }
  .text_blue {
    color: #1C96D4; }
  .text_orange {
    color: #EA5514; }
  section {
    position: relative; }
    section .anchor {
      position: absolute;
      top: -23vw;
      left: 0; }
  /*---------------
   #about
---------------*/
  #about .white_inner {
    display: block; }
  #about .about_right {
    width: 100%;
    margin-left: 0;
    margin-bottom: 6vw; }
  #about .about_left {
    width: 100%;
    margin-right: 30px;
    font-size: 2rem;
    line-height: 1.65; }
    #about .about_left .about_text {
      margin-bottom: 6vw; }
  #about .about_btn a {
    display: inline-block;
    margin: 0 auto;
    padding: 0 30px;
    width: 80%;
    background: #EA5514;
    border-radius: 15px;
    color: #FFF;
    font-size: 2rem;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .1em;
    text-indent: -.1em;
    text-align: center; }
    #about .about_btn a:before {
      content: '▼'; }
    #about .about_btn a:hover {
      opacity: .6;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
  #about .bear {
    position: absolute;
    bottom: -8vw;
    right: -4vw;
    width: 35%; }
  #first .lttl {
    padding-left: 18%;
    text-align: left; }
  #first .mttl {
    padding-left: 13%;
    text-align: left;
    letter-spacing: -.05em; }
  #first .first_flex_left {
    margin-left: 0; }
  #first .first_text {
    margin-left: 0;
    margin-bottom: 2em;
    line-height: 2.14;
    font-size: 1.8rem; }
  #first .fox {
    margin-top: 6vw;
    position: static; }
  #first .deer {
    position: absolute;
    top: -24vw;
    left: -4vw;
    width: 24%; }
  #first .first_btn {
    margin-left: 0; }
    #first .first_btn a {
      display: block;
      width: 100%;
      padding: .25em 30px;
      background: #F4D823;
      border: #231815 3px solid;
      border-radius: 20px;
      /*color: $c_white;*/
      font-weight: 700;
      line-height: 40px;
      text-align: center; }
      #first .first_btn a:before {
        content: '▼'; }
      #first .first_btn a:hover {
        opacity: .6;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s; }
  #network .mttl {
    letter-spacing: 0; }
  #network .network_text {
    margin-bottom: 2em;
    font-size: 2rem;
    line-height: 2.14;
    text-align: left; }
    #network .network_text br {
      display: none; }
  #network .network_list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  #network .network_list_item {
    width: 49%;
    height: auto;
    margin-bottom: 10px;
    padding: 5vw 2vw;
    background: rgba(28, 150, 212, 0.2);
    border-radius: 4vw; }
    #network .network_list_item.logo {
      background: #FFF;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    #network .network_list_item .network_list_ttl {
      margin-bottom: 1em;
      font-size: 1.8rem;
      text-align: center;
      font-weight: 400;
      line-height: 1.3; }
    #network .network_list_item .network_list_ico {
      margin: 0 auto;
      text-align: center;
      width: 75%; }
    #network .network_list_item .network_more_list {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      #network .network_list_item .network_more_list .network_more_list_item {
        width: 100%;
        font-size: 1.3rem; }
        #network .network_list_item .network_more_list .network_more_list_item span {
          display: inline-block;
          margin-left: -.3em;
          letter-spacing: -.3em; }
        #network .network_list_item .network_more_list .network_more_list_item:before {
          content: '●'; }
  #benefit {
    margin-bottom: 6vw; }
    #benefit .benefit_table {
      width: 100%;
      background: #FFF;
      border-collapse: separate;
      border-radius: 4vw;
      overflow: hidden; }
      #benefit .benefit_table tr:nth-child(odd) {
        background: #EFEFEF; }
      #benefit .benefit_table th, #benefit .benefit_table td {
        padding: 3vw 0;
        font-size: 1.8rem;
        line-height: 1.3;
        text-align: center; }
      #benefit .benefit_table th {
        background: #EA5514;
        color: #FFF; }
      #benefit .benefit_table .zero100 {
        border-left: #1C96D4 1.5vw solid;
        border-right: #1C96D4 1.5vw solid;
        font-size: 2rem; }
      #benefit .benefit_table th.zero100 {
        font-weight: 700; }
  #service {
    margin-bottom: 40px; }
    #service .service_list_item {
      margin-bottom: 15px;
      padding: 3vw 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      flex-direction: column-reverse;
      background: #FFF;
      border: #FFF 2px solid;
      border-radius: 20px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #service .service_list_item .service_list_img {
        width: 100%; }
        #service .service_list_item .service_list_img img {
          width: 100%; }
      #service .service_list_item .service_list_detail {
        padding: 3vw 6vw 6vw;
        position: relative;
        width: 100%; }
      #service .service_list_item .service_list_ttl {
        margin-bottom: .5em;
        color: #1C96D4;
        font-size: 3.4rem;
        font-weight: 700;
        line-height: 1;
        text-align: center; }
        #service .service_list_item .service_list_ttl .service_list_sub_ttl {
          display: block;
          margin: 1em 0;
          font-size: 2rem; }
      #service .service_list_item .service_list_text {
        font-size: 1.6rem;
        margin-bottom: 0; }
        #service .service_list_item .service_list_text br {
          display: none; }
      #service .service_list_item .service_list_btn {
        margin-top: 3vw;
        position: static; }
        #service .service_list_item .service_list_btn a {
          margin: 0 auto;
          display: block;
          width: 100%;
          padding: .15em;
          background: #EA5514;
          border-radius: 6vw;
          color: #FFF;
          font-size: 1.8rem;
          font-weight: 700;
          letter-spacing: .1em;
          text-indent: -.1em;
          text-align: center; }
          #service .service_list_item .service_list_btn a:before {
            content: '▼'; }
          #service .service_list_item .service_list_btn a:hover {
            opacity: .6;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s; }
      #service .service_list_item:last-child {
        margin-bottom: 0; }
      #service .service_list_item:nth-child(even) {
        background: #F4D823; }
        #service .service_list_item:nth-child(even) .service_list_ttl {
          color: #231815; }
  #plan .lttl {
    position: relative; }
    #plan .lttl .monkey {
      position: absolute;
      top: 0;
      right: -3vw;
      width: 20%; }
  #plan .plan_list_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 auto 6vw;
    background: #F4D823;
    border: #FFF 2px solid;
    border-radius: 20px; }
    #plan .plan_list_item .plan_list_left {
      width: 100%;
      padding: 4vw; }
    #plan .plan_list_item .mttl {
      margin-bottom: 20px;
      color: #231815;
      font-weight: 700;
      text-align: center;
      line-height: 1.3; }
      #plan .plan_list_item .mttl_sub {
        display: inline-block;
        font-size: 2rem;
        font-weight: 400; }
    #plan .plan_list_item .plan_sub_list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      #plan .plan_list_item .plan_sub_list_item {
        margin: 1vw 0;
        width: 100%;
        padding: .5em 0;
        background: #FFF;
        font-size: 2rem;
        font-weight: 700;
        text-align: center; }
        #plan .plan_list_item .plan_sub_list_item.second {
          font-size: 2rem; }
    #plan .plan_list_item .plan_list_right {
      width: 100%;
      padding: 4vw 3vw 4vw 4vw;
      border-left: none;
      border-top: #231815 1px dashed; }
    #plan .plan_list_item .sttl {
      margin-bottom: 10px;
      font-size: 2rem;
      font-weight: 400;
      text-align: center; }
    #plan .plan_list_item .plan_price {
      margin-bottom: 10px;
      font-size: 3.3rem;
      color: #EA5514;
      font-weight: 700;
      text-align: center;
      line-height: 1.2; }
      #plan .plan_list_item .plan_price .tax {
        padding: 0 28vw;
        display: block;
        color: #231815;
        font-size: 1.3rem;
        font-weight: 400; }
    #plan .plan_list_item .plan_list_btn a {
      display: inline-block;
      width: 100%;
      padding: .5em 0;
      background: #EA5514;
      border-radius: 15px;
      color: #FFF;
      font-size: 2rem;
      font-weight: 700;
      line-height: 30px;
      text-align: center; }
      #plan .plan_list_item .plan_list_btn a:before {
        content: '▼'; }
      #plan .plan_list_item .plan_list_btn a:hover {
        opacity: .6;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s; }
      #plan .plan_list_item .plan_list_btn a span {
        display: block;
        font-size: 2.6rem; }
    #plan .plan_list_item:nth-child(even) {
      background: #FFF; }
      #plan .plan_list_item:nth-child(even) .plan_sub_list_item {
        background: #F4D823; }
  #step {
    margin-bottom: 40px; }
    #step .inner {
      position: relative;
      padding-bottom: 40px; }
    #step .step_list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    #step .step_list_item {
      margin: 0 0 9vw auto;
      position: relative;
      width: 95%; }
      #step .step_list_item .num {
        position: absolute;
        top: -0;
        left: -6vw;
        width: 16vw;
        height: 16vw;
        background: #F4D823;
        border: #FFF 2px solid;
        border-radius: 30px;
        font-size: 3rem;
        font-weight: 700;
        line-height: 14vw;
        text-align: center; }
      #step .step_list_item .mttl {
        margin-bottom: 0;
        padding-left: 12vw;
        color: #F4D823;
        font-weight: 700;
        text-align: left;
        font-size: 2.6rem; }
      #step .step_list_item .step_inner {
        padding: 3vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: auto;
        background: #FFF;
        border-radius: 20px;
        font-size: 2.3rem;
        text-align: center; }
      #step .step_list_item:after {
        position: absolute;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: auto;
        bottom: -7vw;
        right: 50%;
        content: "";
        width: 5vw;
        height: 6vw;
        background: url("../images/step_arrow.png") top center no-repeat;
        background-size: 100% auto; }
      #step .step_list_item:last-child:after {
        content: none; }
    #step .step_btn {
      margin: -3vw 0 0 auto;
      position: static;
      width: 70%;
      padding: .5em 0;
      background: #F4D823;
      border: #231815 3px solid;
      border-radius: 4vw;
      font-size: 2rem;
      font-weight: 700;
      text-align: center; }
      #step .step_btn:before {
        content: '▼'; }
    #step .sheep {
      position: absolute;
      bottom: 0;
      left: 2vw;
      width: 30%; }
  #faq .lttl {
    position: relative;
    text-align: left; }
    #faq .lttl .koara {
      position: absolute;
      bottom: 0;
      right: -2vw;
      width: 24%; }
  #faq .faq_list {
    width: 100%;
    margin: 0 auto 40px; }
  #faq .faq_list_item {
    margin-bottom: 10px;
    padding: 5vw 6vw;
    background: #FFF;
    border-radius: 20px; }
    #faq .faq_list_item:last-child {
      margin-bottom: 0; }
    #faq .faq_list_item .mttl {
      position: relative;
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: left;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1.0; }
      #faq .faq_list_item .mttl .question {
        display: block;
        margin-right: 3vw;
        font-size: 5.1rem; }
      #faq .faq_list_item .mttl:after {
        position: absolute;
        bottom: -20px;
        left: 47%;
        content: '▼';
        color: #EA5514;
        font-size: 1.8rem; }
    #faq .faq_list_item .answer {
      margin-left: 0;
      font-size: 1.8rem; }
      #faq .faq_list_item .answer br {
        display: none; }
  #contact_tel {
    padding: 40px 0;
    background: #231815; }
    #contact_tel .lttl .blue {
      color: #1C96D4; }
    #contact_tel .lttl .white {
      color: #FFF; }
    #contact_tel .lttl .red {
      color: #EA5514; }
    #contact_tel .tel {
      margin-bottom: 0;
      color: #FFF;
      font-size: 5.4rem;
      font-weight: 700;
      text-align: center; }
    #contact_tel .contact_tel_list {
      text-align: center; }
    #contact_tel .contact_tel_list_item {
      display: inline-block;
      margin-left: 20px;
      color: #FFF;
      font-size: 2rem; }
      #contact_tel .contact_tel_list_item:before {
        content: '■';
        color: #EA5514; }
      #contact_tel .contact_tel_list_item:first-child {
        margin-left: 0; }
    #contact_tel .contact_tel_note {
      margin-bottom: 0;
      color: #FFF;
      font-size: 1.6rem;
      text-align: center; }
  #contact_mail {
    padding: 4vw 0; }
    #contact_mail .lttl .white {
      color: #FFF; }
    #contact_mail .lttl .red {
      color: #EA5514; }
    #contact_mail .contact_mail_text {
      font-size: 1.6rem;
      text-align: left; }
  #contact_mail .white_inner {
    width: 100%;
    margin: 0 auto;
    padding: 6vw 5vw; }
  #contact_mail .formTable {
    width: 100%; }
    #contact_mail .formTable table, #contact_mail .formTable tbody, #contact_mail .formTable tr, #contact_mail .formTable th, #contact_mail .formTable td {
      display: block; }
    #contact_mail .formTable th {
      width: 100%;
      font-size: 2.4rem;
      font-weight: 700;
      text-align: left;
      vertical-align: top; }
      #contact_mail .formTable th:before {
        content: '▼'; }
    #contact_mail .formTable td {
      font-size: 1.8rem;
      padding-bottom: 20px;
      width: 100%; }
      #contact_mail .formTable td label {
        padding: .5em 0;
        display: block; }
      #contact_mail .formTable td input[type="text"], #contact_mail .formTable td input[type="tel"], #contact_mail .formTable td input[type="mail"], #contact_mail .formTable td input[type="url"], #contact_mail .formTable td textarea {
        width: 100%;
        padding: .5em; }
      #contact_mail .formTable td input[type="hidden"] {
        display: none; }
  #contact_mail .contact_mail_btn_list {
    text-align: center; }
  #contact_mail input {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    letter-spacing: .1em;
    text-indent: -.1em; }
  #contact_mail .contact_mail_btn {
    display: block;
    width: 100%;
    height: auto;
    margin: .5em 0;
    background: #EA5514;
    border: none;
    border-radius: 20px;
    font-size: 2rem;
    cursor: pointer; }
    #contact_mail .contact_mail_btn:hover {
      opacity: .6;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
  #contact_mail .contact_mail_thanks_btn {
    margin-top: 6vw;
    text-align: center; }
    #contact_mail .contact_mail_thanks_btn a {
      padding: .25em 2em;
      display: inline-block;
      background: #EA5514;
      border-radius: 20px;
      color: #FFF;
      font-size: 2rem;
      font-weight: 700;
      text-align: center; }
      #contact_mail .contact_mail_thanks_btn a:before {
        content: '▼'; }
      #contact_mail .contact_mail_thanks_btn a:hover {
        opacity: .6;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s; }
  #contact_mail.thanks {
    height: 80vh; } }