@charset "UTF-8";
/* line 6, okidatami.scss */
.switch {
  visibility: hidden; }

/*============================
chapter_1
============================*/
/* line 16, okidatami.scss */
#chapter_1 {
  margin-bottom: 7%;
  overflow: hidden; }
  /* line 20, okidatami.scss */
  #chapter_1 p {
    text-align: center;
    margin-bottom: 5%; }
  /* line 26, okidatami.scss */
  #chapter_1 div h2 {
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 60px;
    line-height: .43;
    color: #007837; }
    /* line 154, ../../common/css/_mixin.scss */
    #chapter_1 div h2:after {
      content: "\aokidatami";
      font-size: 15px;
      white-space: pre;
      word-spacing: 1em; }
  @media only screen and (max-width: 499px) {
    /* line 193, ../../common/css/_mixin.scss */
    #chapter_1 p {
      display: none; }
    /* line 197, ../../common/css/_mixin.scss */
    #chapter_1 h2 {
      margin-top: 10%;
      margin-bottom: 10%; }
    /* line 202, ../../common/css/_mixin.scss */
    #chapter_1 h2 + p {
      text-align: center; } }

/*============================
chapter_2
============================*/
/* line 52, okidatami.scss */
#chapter_2 {
  margin-bottom: 3%;
  overflow: hidden; }
  /* line 56, okidatami.scss */
  #chapter_2 p img {
    float: left;
    width: 48.93617%;
    margin-right: 2.12766%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 61, okidatami.scss */
  #chapter_2 ul {
    float: left;
    width: 48.93617%;
    margin-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 66, okidatami.scss */
    #chapter_2 ul li h3:before {
      content: "h";
      font-family: "fontello";
      font-size: 75%;
      vertical-align: 7%;
      margin-right: 1%; }
  @media only screen and (max-width: 499px) {
    /* line 80, okidatami.scss */
    #chapter_2 p img {
      float: left;
      width: 100%;
      margin-right: 2.12766%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    /* line 84, okidatami.scss */
    #chapter_2 ul {
      float: left;
      width: 100%;
      margin-right: 2.12766%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

/*============================
chapter_3
============================*/
/* line 102, okidatami.scss */
#chapter_3 {
  overflow: hidden;
  margin-bottom: 10%; }
  /* line 107, okidatami.scss */
  #chapter_3 h3 {
    position: relative;
    margin-bottom: 3%;
    text-align: center;
    letter-spacing: 4px;
    color: #007837; }
    /* line 125, ../../common/css/_mixin.scss */
    #chapter_3 h3:before {
      content: "";
      display: block;
      border-top: 1px solid #007837;
      width: 100%;
      max-width: 940px;
      height: 1px;
      position: absolute;
      top: 50%;
      z-index: -1; }
    /* line 137, ../../common/css/_mixin.scss */
    #chapter_3 h3 span {
      background: #ffffff;
      padding: 0 5px 0px 15px;
      display: inline-block;
      z-index: 50; }
  /* line 114, okidatami.scss */
  #chapter_3 div ul {
    overflow: hidden;
    margin-bottom: 3%; }
    /* line 54, ../../common/css/_mixin.scss */
    #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(1) {
      float: left;
      width: 48.93617%;
      margin-right: 2.12766%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 3%; }
    /* line 59, ../../common/css/_mixin.scss */
    #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) {
      float: left;
      width: 48.93617%;
      margin-right: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      /* line 64, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li {
        clear: both; }
        /* line 67, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(1) {
          width: 100%;
          margin-bottom: 1%;
          color: #007837; }
          /* line 72, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(1) span {
            font-family: "GenShinGothic-P-Regular";
            color: #FFA299; }
        /* line 78, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(2) {
          width: 100%;
          margin-bottom: 3%;
          padding-left: 1em;
          font-family: "GenShinGothic-P-Regular";
          font-size: 120%;
          line-height: 1.7;
          color: #ffffff;
          background: #007837;
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px; }
        /* line 93, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(4) {
          font-size: 120%; }
          /* line 96, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(4) span {
            font-size: 130%;
            margin-left: 2%; }
    /* line 107, ../../common/css/_mixin.scss */
    #chapter_3 div ul:nth-of-type(odd) .type {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
    /* line 54, ../../common/css/_mixin.scss */
    #chapter_3 div ul:nth-of-type(even) li:nth-of-type(1) {
      float: left;
      width: 48.93617%;
      margin-right: 2.12766%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 3%; }
    /* line 59, ../../common/css/_mixin.scss */
    #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) {
      float: left;
      width: 48.93617%;
      margin-right: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      /* line 64, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li {
        clear: both; }
        /* line 67, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(1) {
          width: 100%;
          margin-bottom: 1%;
          color: #345473; }
          /* line 72, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(1) span {
            font-family: "GenShinGothic-P-Regular";
            color: #FFA299; }
        /* line 78, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(2) {
          width: 100%;
          margin-bottom: 3%;
          padding-left: 1em;
          font-family: "GenShinGothic-P-Regular";
          font-size: 120%;
          line-height: 1.7;
          color: #ffffff;
          background: #345473;
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px; }
        /* line 93, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(4) {
          font-size: 120%; }
          /* line 96, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(4) span {
            font-size: 130%;
            margin-left: 2%; }
    /* line 107, ../../common/css/_mixin.scss */
    #chapter_3 div ul:nth-of-type(even) .type {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
  @media only screen and (max-width: 499px) {
    /* line 140, okidatami.scss */
    #chapter_3 div ul {
      overflow: hidden;
      margin-bottom: 3%; }
      /* line 54, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(1) {
        float: left;
        width: 100%;
        margin-right: 2.12766%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 3%; }
      /* line 59, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) {
        float: left;
        width: 100%;
        margin-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        /* line 64, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li {
          clear: both; }
          /* line 67, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(1) {
            width: 100%;
            margin-bottom: 1%;
            color: #007837; }
            /* line 72, ../../common/css/_mixin.scss */
            #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(1) span {
              font-family: "GenShinGothic-P-Regular";
              color: #FFA299; }
          /* line 78, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(2) {
            width: 100%;
            margin-bottom: 3%;
            padding-left: 1em;
            font-family: "GenShinGothic-P-Regular";
            font-size: 120%;
            line-height: 1.7;
            color: #ffffff;
            background: #007837;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px; }
          /* line 93, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(4) {
            font-size: 120%; }
            /* line 96, ../../common/css/_mixin.scss */
            #chapter_3 div ul:nth-of-type(odd) li:nth-of-type(2) ul li:nth-of-type(4) span {
              font-size: 130%;
              margin-left: 2%; }
      /* line 107, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(odd) .type {
        width: 100%;
        margin: 0 auto;
        text-align: center; }
      /* line 54, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(even) li:nth-of-type(1) {
        float: left;
        width: 100%;
        margin-right: 2.12766%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 3%; }
      /* line 59, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) {
        float: left;
        width: 100%;
        margin-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        /* line 64, ../../common/css/_mixin.scss */
        #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li {
          clear: both; }
          /* line 67, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(1) {
            width: 100%;
            margin-bottom: 1%;
            color: #345473; }
            /* line 72, ../../common/css/_mixin.scss */
            #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(1) span {
              font-family: "GenShinGothic-P-Regular";
              color: #FFA299; }
          /* line 78, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(2) {
            width: 100%;
            margin-bottom: 3%;
            padding-left: 1em;
            font-family: "GenShinGothic-P-Regular";
            font-size: 120%;
            line-height: 1.7;
            color: #ffffff;
            background: #345473;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px; }
          /* line 93, ../../common/css/_mixin.scss */
          #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(4) {
            font-size: 120%; }
            /* line 96, ../../common/css/_mixin.scss */
            #chapter_3 div ul:nth-of-type(even) li:nth-of-type(2) ul li:nth-of-type(4) span {
              font-size: 130%;
              margin-left: 2%; }
      /* line 107, ../../common/css/_mixin.scss */
      #chapter_3 div ul:nth-of-type(even) .type {
        width: 100%;
        margin: 0 auto;
        text-align: center; } }

/*============================
chapter_4
============================*/
/* line 166, okidatami.scss */
#chapter_4 {
  overflow: hidden;
  margin-bottom: 10%;
  border: 1px solid #007837;
  padding: 3%; }
  /* line 179, okidatami.scss */
  #chapter_4 div p {
    float: left;
    width: 48.93617%;
    margin-right: 2.12766%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 182, okidatami.scss */
    #chapter_4 div p span {
      font-size: 150%; }
  /* line 189, okidatami.scss */
  #chapter_4 p img {
    float: left;
    width: 48.93617%;
    margin-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  @media only screen and (max-width: 499px) {
    /* line 198, okidatami.scss */
    #chapter_4 div p {
      float: left;
      width: 100%;
      margin-right: 2.12766%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    /* line 203, okidatami.scss */
    #chapter_4 p img {
      float: left;
      width: 100%;
      margin-right: 2.12766%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }