@charset "UTF-8";
/*@import "_mixin.scss";*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
.notoSan {
  font-weight: 400 !important;
  font-feature-settings: 'palt' 1;
  font-family: 'Noto Sans JP', sans-serif !important;
  letter-spacing: 0.05em; }

.notoSanB {
  font-weight: 600 !important;
  font-feature-settings: 'palt' 1;
  font-family: 'Noto Sans JP', sans-serif !important;
  letter-spacing: 0.05em; }

/*--#806ec0*/
/*6c4b0d*/
body {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', YuGothic,'游ゴシック',Meiryo, メイリオ, sans-serif;
  font-size: 14px;
  color: #554e62;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-align: center; }

.wrapper {
  text-align: left;
  position: relative;
  clear: both;
  max-width: 768px;
  width: 100%;
  padding: 17% 0 0 0;
  z-index: 2; }
  .wrapper .contArea {
    padding: 0 0 50px;
    width: 100% !important;
    margin: 0; }

.ttl {
  margin-bottom: 10px; }
  .ttl img {
    width: 100%;
    height: auto; }

.breadCrumbs {
  margin: 0px 0 10px 3%;
  display: table; }
  .breadCrumbs li {
    float: left;
    font-size: 14px;
    padding-right: 8px;
    color: #371202; }
    .breadCrumbs li a {
      display: inline-block;
      margin-right: 8px;
      color: #806ec0; }
    .breadCrumbs li em {
      display: inline-block;
      margin-right: 8px; }

/*---------------------------------------*/
.headerSp {
  width: 100%;
  margin: 0 auto;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  z-index: 9999; }
  .headerSp.opn .contArea .menuBox {
    background-image: url(../img/icn_menu_o.png); }
  .headerSp .contArea {
    background-color: #ffffff;
    width: 100% !important;
    max-width: 768px;
    margin: 0;
    padding: 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: -webkit- center;
    align-items: center; }
    .headerSp .contArea .logoArea {
      position: relative;
      width: 44%;
      height: auto;
      margin: 0;
      text-align: center; }
      .headerSp .contArea .logoArea img {
        max-width: 320px; }
    .headerSp .contArea .linkPc {
      width: 39%;
      padding-right: 3px; }
      .headerSp .contArea .linkPc a {
        color: #806ec0;
        font-size: 13px; }
        .headerSp .contArea .linkPc a:before {
          content: "";
          width: 25px;
          height: 18px;
          background-image: url(../img/icn_link_pc_p.png);
          background-position: center center;
          background-size: 25px auto;
          display: inline-block;
          margin-right: 3px;
          vertical-align: middle; }
    .headerSp .contArea .menuBox {
      background-color: #806ec0;
      width: 17%;
      background-image: url(../img/icn_menu_c.png);
      background-size: 100% auto;
      cursor: pointer; }
  .headerSp .gnavWrapSp {
    height: 470px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    display: none;
    z-index: 9998; }
    .headerSp .gnavWrapSp nav {
      background-color: #806ec0;
      margin: 0 auto;
      padding: 20px 3% 20px; }
      .headerSp .gnavWrapSp nav .nav {
        width: 100%;
        position: relative;
        z-index: 55;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: -webkit- space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .headerSp .gnavWrapSp nav .nav > li {
          width: 48%;
          background-color: #6e5bbd;
          border: #ffffff 2px solid;
          border-radius: 8px;
          margin-bottom: 15px;
          -js-display: flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: -webkit- center;
          align-items: center; }
          .headerSp .gnavWrapSp nav .nav > li.pcLink {
            background-image: url(../img/icn_link_pc_w.png);
            background-size: 25px auto;
            background-position: 98% center;
            background-repeat: no-repeat; }
          .headerSp .gnavWrapSp nav .nav > li a {
            display: block;
            width: 100%;
            padding: 10px 2% 10px 25px;
            background-image: url(../img/icn_fw_w.png);
            background-position: 5px center;
            background-size: 15px 15px;
            background-repeat: no-repeat;
            color: #ffffff;
            line-height: 1.3;
            vertical-align: middle; }

/*--Botom Nav-------------------------------------*/
.spgNav {
  position: relative;
  width: 100%;
  clear: both;
  display: block;
  padding: 0; }
  .spgNav .nav {
    border-top: #806ec0 3px solid;
    border-left: #806ec0 1px solid;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: -webkit- flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .spgNav .nav > li {
      border-right: #806ec0 1px solid;
      border-bottom: #806ec0 1px solid;
      width: 50%; }
      .spgNav .nav > li a {
        display: block;
        text-align: center;
        padding: 10px 18px;
        background-image: url(../img/icn_fw_p.png);
        background-repeat: no-repeat;
        background-position: 8px center;
        background-size: 15px 15px;
        color: #806ec0; }

.btnTop {
  position: absolute;
  display: block;
  right: 50%;
  margin-right: -30px;
  width: 60px;
  top: -38px;
  cursor: pointer; }

/*--footer ---------------------------*/
footer {
  width: 100%;
  background-color: #806ec0;
  margin: 0 auto;
  max-width: 768px; }
  footer .contact {
    width: 100%;
    padding: 10px 2% 10px;
    text-align: center; }
  footer .copy {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0;
    color: #806ec0;
    font-size: 12px; }
  footer a {
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }

.txaL {
  text-align: left; }

.txaR {
  text-align: right; }

.txaC {
  text-align: center; }

.flL {
  float: left; }

.flR {
  float: right; }

footer,
.clearfix,
.contArea {
  min-height: 1px; }
  footer:after,
  .clearfix:after,
  .contArea:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
    font-size: 0.1em; }

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden; }

/*--opacity:hover--*/
.ov {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.ov:hover {
  opacity: .8;
  -webkit-opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=80);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=80)";
  /* IE 8 */ }

/*--margin--*/
.mg0 {
  margin: 0px !important; }

.mg5 {
  margin: 5px !important; }

.mg10 {
  margin: 10px !important; }

.mg15 {
  margin: 15px !important; }

.mg20 {
  margin: 20px !important; }

.mg25 {
  margin: 25px !important; }

.mg30 {
  margin: 30px !important; }

.mg35 {
  margin: 35px !important; }

.mg40 {
  margin: 40px !important; }

.mg45 {
  margin: 45px !important; }

.mg50 {
  margin: 50px !important; }

.mg55 {
  margin: 55px !important; }

.mg60 {
  margin: 60px !important; }

.mg65 {
  margin: 65px !important; }

.mg70 {
  margin: 70px !important; }

.mg75 {
  margin: 75px !important; }

.mg80 {
  margin: 80px !important; }

.mg85 {
  margin: 85px !important; }

.mg90 {
  margin: 90px !important; }

.mg95 {
  margin: 95px !important; }

.mg100 {
  margin: 100px !important; }

.mg1p {
  margin: 1% !important; }

.mg2p {
  margin: 2% !important; }

.mg3p {
  margin: 3% !important; }

.mg4p {
  margin: 4% !important; }

.mg5p {
  margin: 5% !important; }

.mg6p {
  margin: 6% !important; }

.mg7p {
  margin: 7% !important; }

.mg8p {
  margin: 8% !important; }

.mg9p {
  margin: 9% !important; }

.mg10p {
  margin: 10% !important; }

/*--marginTop--*/
.mgT0 {
  margin-top: 0px !important; }

.mgT5 {
  margin-top: 5px !important; }

.mgT10 {
  margin-top: 10px !important; }

.mgT15 {
  margin-top: 15px !important; }

.mgT20 {
  margin-top: 20px !important; }

.mgT25 {
  margin-top: 25px !important; }

.mgT30 {
  margin-top: 30px !important; }

.mgT1p {
  margin-top: 1% !important; }

.mgT2p {
  margin-top: 2% !important; }

.mgT3p {
  margin-top: 3% !important; }

.mgT4p {
  margin-top: 4% !important; }

.mgT5p {
  margin-top: 5% !important; }

.mgT6p {
  margin-top: 6% !important; }

.mgT7p {
  margin-top: 7% !important; }

.mgT8p {
  margin-top: 8% !important; }

.mgT9p {
  margin-top: 9% !important; }

.mgT10p {
  margin-top: 10% !important; }

/*--marginRight--*/
.mgR0 {
  margin-right: 0px !important; }

.mgR5 {
  margin-right: 5px !important; }

.mgR10 {
  margin-right: 10px !important; }

.mgR15 {
  margin-right: 15px !important; }

.mgR20 {
  margin-right: 20px !important; }

.mgR25 {
  margin-right: 25px !important; }

.mgR30 {
  margin-right: 30px !important; }

.mgR35 {
  margin-right: 35px !important; }

.mgR40 {
  margin-right: 40px !important; }

.mgR45 {
  margin-right: 45px !important; }

.mgR50 {
  margin-right: 50px !important; }

.mgR1p {
  margin-right: 1% !important; }

.mgR2p {
  margin-right: 2% !important; }

.mgR3p {
  margin-right: 3% !important; }

.mgR4p {
  margin-right: 4% !important; }

.mgR5p {
  margin-right: 5% !important; }

.mgR6p {
  margin-right: 6% !important; }

.mgR7p {
  margin-right: 7% !important; }

.mgR8p {
  margin-right: 8% !important; }

.mgR9p {
  margin-right: 9% !important; }

.mgR10p {
  margin-right: 10% !important; }

/*--marginBottom--*/
.mgB0 {
  margin-bottom: 0px !important; }

.mgB5 {
  margin-bottom: 5px !important; }

.mgB10 {
  margin-bottom: 10px !important; }

.mgB15 {
  margin-bottom: 15px !important; }

.mgB20 {
  margin-bottom: 20px !important; }

.mgB25 {
  margin-bottom: 25px !important; }

.mgB30 {
  margin-bottom: 30px !important; }

.mgB35 {
  margin-bottom: 35px !important; }

.mgB40 {
  margin-bottom: 40px !important; }

.mgB45 {
  margin-bottom: 45px !important; }

.mgB50 {
  margin-bottom: 50px !important; }

.mgB55 {
  margin-bottom: 55px !important; }

.mgB60 {
  margin-bottom: 60px !important; }

.mgB65 {
  margin-bottom: 65px !important; }

.mgB70 {
  margin-bottom: 70px !important; }

.mgB75 {
  margin-bottom: 75px !important; }

.mgB80 {
  margin-bottom: 80px !important; }

.mgB85 {
  margin-bottom: 85px !important; }

.mgB90 {
  margin-bottom: 90px !important; }

.mgB95 {
  margin-bottom: 95px !important; }

.mgB100 {
  margin-bottom: 100px !important; }

.mgB1p {
  margin-bottom: 1% !important; }

.mgB2p {
  margin-bottom: 2% !important; }

.mgB3p {
  margin-bottom: 3% !important; }

.mgB4p {
  margin-bottom: 4% !important; }

.mgB5p {
  margin-bottom: 5% !important; }

.mgB6p {
  margin-bottom: 6% !important; }

.mgB7p {
  margin-bottom: 7% !important; }

.mgB8p {
  margin-bottom: 8% !important; }

.mgB9p {
  margin-bottom: 9% !important; }

.mgB10p {
  margin-bottom: 10% !important; }

/*--marginLeft--*/
.mgL0 {
  margin-left: 0px !important; }

.mgL5 {
  margin-left: 5px !important; }

.mgL10 {
  margin-left: 10px !important; }

.mgL15 {
  margin-left: 15px !important; }

.mgL20 {
  margin-left: 20px !important; }

.mgL25 {
  margin-left: 25px !important; }

.mgL30 {
  margin-left: 30px !important; }

.mgL1p {
  margin-left: 1% !important; }

.mgL2p {
  margin-left: 2% !important; }

.mgL3p {
  margin-left: 3% !important; }

.mgL4p {
  margin-left: 4% !important; }

.mgL5p {
  margin-left: 5% !important; }

.mgL6p {
  margin-left: 6% !important; }

.mgL7p {
  margin-left: 7% !important; }

.mgL8p {
  margin-left: 8% !important; }

.mgL9p {
  margin-left: 9% !important; }

.mgL10p {
  margin-left: 10% !important; }

/*--paddingTop--*/
.pd0 {
  padding: 0px !important; }

.pd5 {
  padding: 5px !important; }

.pd10 {
  padding: 10px !important; }

.pd15 {
  padding: 15px !important; }

.pd20 {
  padding: 20px !important; }

.pd25 {
  padding: 25px !important; }

.pd30 {
  padding: 30px !important; }

/*--paddingTop--*/
.pdT0 {
  padding-top: 0px !important; }

.pdT5 {
  padding-top: 5px !important; }

.pdT10 {
  padding-top: 10px !important; }

.pdT15 {
  padding-top: 15px !important; }

.pdT20 {
  padding-top: 20px !important; }

.pdT25 {
  padding-top: 25px !important; }

.pdT30 {
  padding-top: 30px !important; }

/*--paddingRight--*/
.pdR0 {
  padding-right: 0px !important; }

.pdR5 {
  padding-right: 5px !important; }

.pdR10 {
  padding-right: 10px !important; }

.pdR15 {
  padding-right: 15px !important; }

.pdR20 {
  padding-right: 20px !important; }

.pdR25 {
  padding-right: 25px !important; }

.pdR30 {
  padding-right: 30px !important; }

.pdR1p {
  padding-right: 1% !important; }

.pdR2p {
  padding-right: 2% !important; }

.pdR3p {
  padding-right: 3% !important; }

.pdR4p {
  padding-right: 4% !important; }

.pdR5p {
  padding-right: 5% !important; }

.pdR6p {
  padding-right: 6% !important; }

.pdR7p {
  padding-right: 7% !important; }

.pdR8p {
  padding-right: 8% !important; }

.pdR9p {
  padding-right: 9% !important; }

.pdR10p {
  padding-right: 10% !important; }

/*--paddingBottom--*/
.pdB0 {
  padding-bottom: 0px !important; }

.pdB5 {
  padding-bottom: 5px !important; }

.pdB10 {
  padding-bottom: 10px !important; }

.pdB15 {
  padding-bottom: 15px !important; }

.pdB20 {
  padding-bottom: 20px !important; }

.pdB25 {
  padding-bottom: 25px !important; }

.pdB30 {
  padding-bottom: 30px !important; }

.pdB35 {
  padding-bottom: 35px !important; }

.pdB40 {
  padding-bottom: 40px !important; }

.pdB45 {
  padding-bottom: 45px !important; }

.pdB50 {
  padding-bottom: 50px !important; }

.pdB55 {
  padding-bottom: 55px !important; }

.pdB60 {
  padding-bottom: 60px !important; }

.pdB65 {
  padding-bottom: 65px !important; }

.pdB70 {
  padding-bottom: 70px !important; }

.pdB75 {
  padding-bottom: 75px !important; }

.pdB80 {
  padding-bottom: 80px !important; }

.pdB85 {
  padding-bottom: 85px !important; }

.pdB90 {
  padding-bottom: 90px !important; }

.pdB95 {
  padding-bottom: 95px !important; }

.pdB100 {
  padding-bottom: 100px !important; }

.pdB1p {
  padding-bottom: 1% !important; }

.pdB2p {
  padding-bottom: 2% !important; }

.pdB3p {
  padding-bottom: 3% !important; }

.pdB4p {
  padding-bottom: 4% !important; }

.pdB5p {
  padding-bottom: 5% !important; }

.pdB6p {
  padding-bottom: 6% !important; }

.pdB7p {
  padding-bottom: 7% !important; }

.pdB8p {
  padding-bottom: 8% !important; }

.pdB9p {
  padding-bottom: 9% !important; }

.pdB10p {
  padding-bottom: 10% !important; }

/*--paddingLeft--*/
.pdL0 {
  padding-left: 0px !important; }

.pdL5 {
  padding-left: 5px !important; }

.pdL10 {
  padding-left: 10px !important; }

.pdL15 {
  padding-left: 15px !important; }

.pdL20 {
  padding-left: 20px !important; }

.pdL25 {
  padding-left: 25px !important; }

.pdL30 {
  padding-left: 30px !important; }

.pdL1p {
  padding-left: 1% !important; }

.pdL2p {
  padding-left: 2% !important; }

.pdL3p {
  padding-left: 3% !important; }

.pdL4p {
  padding-left: 4% !important; }

.pdL5p {
  padding-left: 5% !important; }

.pdL6p {
  padding-left: 6% !important; }

.pdL7p {
  padding-left: 7% !important; }

.pdL8p {
  padding-left: 8% !important; }

.pdL9p {
  padding-left: 9% !important; }

.pdL10p {
  padding-left: 10% !important; }

/*--pc > 769px--*/
@media screen and (min-width: 768px) {
  .pc {
    display: block; }

  .pcImg {
    display: inline-block; }

  .sp {
    display: none !important; }

  .spImg {
    display: none !important; } }
/*--sp < 768px--*/
@media screen and (max-width: 768px) {
  img {
    width: 100%;
    height: auto; }

  .sp {
    display: block; }

  .spImg {
    display: inline-block; }

  .pc {
    display: none !important; }

  .pcImg {
    display: none !important; } }