@charset "UTF-8";
@media screen and (max-width: 640px) {
  body,
  #contents {
    width: auto; }
  #l {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    text-align: left;
    font-size: 14px;
    color: #4c4948; }
    #l .inner {
      width: 94%;
      margin-left: auto;
      margin-right: auto; }
    #l .atten {
      font-size: 8px;
      text-align: right; }
    #l img {
      max-width: 100%; }
    #l .kochira {
      color: #2c70ae;
      text-align: right;
      font-size: 12px;
      font-weight: bold;
      margin-top: 1em; }
    #l a {
      color: inherit; }
    #l p br {
      display: none; }
  #l .h2 {
    text-align: center;
    margin-bottom: 10%; }
    #l .h2 span {
      display: inline-block;
      border-bottom: 2px solid #0756a0;
      font-size: 20px;
      padding-left: 22%;
      padding-top: 1em;
      padding-bottom: 0.3em;
      background-repeat: no-repeat;
      background-position: left;
      background-size: auto 80%; }
  #l .h3 {
    color: #2c70ae;
    font-size: 18px;
    padding-left: 14%;
    background-repeat: no-repeat;
    background-image: url(../_img/h3_icon.jpg);
    margin-bottom: 1em;
    background-size: auto 1.3em; }
  #l .sec {
    margin-left: auto;
    margin-right: auto;
    width: 94%; }
    #l .sec p {
      line-height: 1.6; }
  #l .mini_sec + .mini_sec {
    margin-top: 10%; }
  #l .nav {
    overflow: hidden;
    margin-bottom: 7%; }
    #l .nav li {
      float: left;
      position: relative;
      overflow: hidden;
      width: 33.3%; }
      #l .nav li a {
        display: block;
        font-size: 0;
        padding: 10% 0;
        margin: 0 -20%; }
      #l .nav li:not(:first-child):before {
        z-index: 1;
        position: absolute;
        content: '';
        top: 20%;
        left: 0;
        bottom: 20%;
        width: 1px;
        background-color: #787675; }
  #l .more {
    margin-top: 8%;
    text-align: center; }
    #l .more a {
      display: inline-block;
      background-color: #5e91c1;
      border-radius: .5em;
      color: #fff;
      padding: 1em;
      overflow: hidden; }
    #l .more .moji {
      display: block;
      vertical-align: middle;
      text-align: left; }
    #l .more .big {
      display: block;
      font-weight: bold;
      font-size: 18px; }
    #l .more .mini {
      display: block;
      font-size: 14px; }
    #l .more .kuwashiku {
      margin-top: .5em;
      display: inline-block;
      vertical-align: middle;
      color: #5e91c1;
      background-color: #fff;
      border-radius: 100px;
      float: right;
      font-size: 12px;
      line-height: 1.2;
      padding: .5em 1em;
      box-sizing: border-box;
      font-weight: bold; }
      #l .more .kuwashiku br {
        display: none; }
  #l .kakudaichu {
    margin-top: 12%;
    margin-bottom: 10%;
    background-color: #5e91c1;
    padding: 6% 0;
    color: #fff; }
    #l .kakudaichu .inner {
      width: 96%; }
    #l .kakudaichu .h2i {
      text-align: center;
      font-size: 20px;
      border-bottom: 1px solid;
      margin-bottom: .7em;
      padding-bottom: .1em; }
    #l .kakudaichu .kakudaichu_list li {
      position: relative;
      padding-left: 1em; }
      #l .kakudaichu .kakudaichu_list li + li {
        margin-top: .7em; }
      #l .kakudaichu .kakudaichu_list li:before {
        /*content: '・';*/
        position: absolute;
        left: 0;
        top: 0; }
    #l .kakudaichu .kakudaichu_list .s1 {
      font-size: 0.9em;
      border: 1px solid;
      display: inline-block;
      padding: 0 0.3em; }
    #l .kakudaichu .kakudaichu_list a {
      font-size: 0.9em;
      border-bottom: 1px solid;
      display: inline-block; }
  #l #sec1 .h2 span {
    background-image: url(../_img/h2_icon1.jpg); }
  #l #sec1 .mini_sec1 .img {
    margin-bottom: 3%; }
  #l #sec1 .mini_sec2 .img {
    margin: 3% 0 6%; }
  #l .jirei_list li + li {
    margin-top: 6%; }
  #l .jirei_list .h4i {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: .4em; }
    #l .jirei_list .h4i:before {
      content: '■ '; }
  #l .jirei_list .waku {
    overflow: hidden; }
    #l .jirei_list .waku .img {
      margin-left: auto;
      margin-right: auto;
      width: 60%;
      margin-bottom: 3%; }
    #l .jirei_list .waku p {
      line-height: 1.6; }
  #l #sec2 {
    padding-bottom: 10%;
    border-bottom: 1px dashed #5b5191; }
    #l #sec2 .h2 span {
      padding-left: 15%;
      background-image: url(../_img/h2_icon2.jpg); }
    #l #sec2 .mini_sec1 .img {
      margin-top: 5%; }
    #l #sec2 .comment_list li {
      padding-bottom: 18%;
      position: relative; }
      #l #sec2 .comment_list li + li {
        margin-top: 5%; }
      #l #sec2 .comment_list li .kage {
        position: absolute;
        bottom: 0;
        margin: 0; }
        #l #sec2 .comment_list li .kage img {
          height: 20vw; }
    #l #sec2 .comment_list .li1 .kage {
      right: 0; }
    #l #sec2 .comment_list .li2 .kage {
      left: 1%; }
    #l #sec2 .comment_list .li3 .kage {
      right: 5%; }
    #l #sec2 .comment_list .li4 .kage {
      left: 5%; }
    #l #sec2 .comment_list p {
      line-height: 1.8;
      border: 2px solid #95b7d6;
      padding: 1.2em 1.3em;
      text-align: justify;
      position: relative; }
      #l #sec2 .comment_list p .mini {
        font-size: .8em; }
      #l #sec2 .comment_list p .right {
        /*display: block;*/
        text-align: right; }
    #l #sec2 .comment_list p:after {
      position: absolute;
      top: calc(100%);
      z-index: 1;
      transform-origin: top;
      -webkit-transform-origin: top;
      transform: scale(0.7);
      -webkit-transform: scale(0.7); }
    #l #sec2 .comment_list .li1 p:after {
      left: 45%; }
    #l #sec2 .comment_list .li2 p:after {
      left: 25%; }
    #l #sec2 .comment_list .li3 p:after {
      left: 60%; }
    #l #sec2 .comment_list .li4 p:after {
      left: 25%; }
    #l #sec2 .comment_list li:nth-child(odd) p:after {
      content: url(../_img/fukidashi_odd.png); }
    #l #sec2 .comment_list li:nth-child(even) p:after {
      content: url(../_img/fukidashi_even.png); }
  #l #sec3 {
    margin-top: 10%;
    padding-bottom: 10%;
    border-bottom: 1px dashed #5b5191; }
    #l #sec3 .h2 span {
      padding-left: 14%;
      background-image: url(../_img/h2_icon3.jpg); }
    #l #sec3 .img {
      margin: 5% 0 0;
      display: inline-block; }
      #l #sec3 .img .atten {
        margin-top: 2em; }
  #l #sec4 {
    padding-top: 10%;
    margin-bottom: 12%; }
    #l #sec4 .h2 span {
      padding-left: 22%;
      background-size: auto 50%;
      background-position: left 70%;
      background-image: url(../_img/h2_icon4.jpg); }
  #l #sec5 {
    margin-bottom: 12%; }
    #l #sec5 .matome_list {
      padding: 1em;
      border: 3px solid;
      border-radius: 7px;
      color: #5e91c1; }
      #l #sec5 .matome_list li {
        box-sizing: border-box; }
        #l #sec5 .matome_list li + li {
          margin-top: .5em; }
        #l #sec5 .matome_list li:before {
          content: '';
          display: inline-block;
          vertical-align: middle;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          width: 15%;
          height: 3em;
          margin-right: 2%; }
        #l #sec5 .matome_list li span {
          width: 80%;
          display: inline-block;
          vertical-align: middle; }
      #l #sec5 .matome_list .li1:before {
        background-image: url(../_img/matome_icon1.jpg); }
      #l #sec5 .matome_list .li2:before {
        background-image: url(../_img/matome_icon2.jpg); }
      #l #sec5 .matome_list .li3:before {
        background-image: url(../_img/matome_icon3.jpg); }
      #l #sec5 .matome_list .li4:before {
        background-image: url(../_img/matome_icon4.jpg); }
    #l #sec5 .more {
      margin-top: 0; }
      #l #sec5 .more:before {
        content: '';
        height: 15vw;
        display: block;
        background-repeat: no-repeat;
        background-position: center 65%;
        background-size: auto 50%;
        background-image: url(../_img/arrow_b.jpg); } }

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