@charset "UTF-8";
.u-notoEn {
  font-family: "Noto Sans", sans-serif;
}

.u-pcOnly {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-pcOnly {
    display: none;
  }
}

.u-spOnly {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-spOnly {
    display: block;
  }
}

.c-container {
  padding-left: 34px;
  padding-right: 34px;
}
@media screen and (max-width: 767px) {
  .c-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.nanoeX {
  width: 100%;
  max-width: 976px;
  margin: auto;
}
.nanoeX * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.nanoeX div, .nanoeX dl, .nanoeX dt, .nanoeX dd, .nanoeX ul, .nanoeX ol, .nanoeX li, .nanoeX h1, .nanoeX h2, .nanoeX h3, .nanoeX h4, .nanoeX h5, .nanoeX h6, .nanoeX pre, .nanoeX form, .nanoeX fieldset, .nanoeX input, .nanoeX textarea, .nanoeX p, .nanoeX blockquote, .nanoeX th, .nanoeX td {
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}
.nanoeX .pagesection {
  padding-left: 0;
  padding-right: 0;
}

.head__mv {
  position: relative;
}
.head__img {
  width: 100%;
}
.head__img img {
  width: 100%;
  height: auto;
}
.head__txt {
  position: absolute;
  bottom: 18px;
  right: 14px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.head__txt::before {
  position: absolute;
  top: 0;
  left: -12px;
  content: "※";
}
@media screen and (max-width: 767px) {
  .head__txt {
    display: none;
  }
}

.productSect {
  background-image: url(../img/productSect_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .productSect {
    background-image: url(../img/productSect_bg_sp.png);
  }
}
.productSect__head {
  position: relative;
}
@media screen and (max-width: 767px) {
  .productSect__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.productSect__head .hdg {
  padding-top: 22px;
  text-align: center;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .productSect__head .hdg {
    padding-top: 33px;
    text-align: left;
    font-size: 1.625rem;
  }
}
.productSect__head .img {
  position: absolute;
  top: 137px;
  left: 48px;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  width: 153px;
}
@media screen and (max-width: 767px) {
  .productSect__head .img {
    position: static;
    -webkit-transform: translate(0, -70px);
        -ms-transform: translate(0, -70px);
            transform: translate(0, -70px);
    width: 194px;
    margin-left: -20px;
  }
}
.productSect__head .img img {
  width: 100%;
  height: auto;
}
.productSect__head .logo {
  position: absolute;
  top: 35px;
  right: -34px;
  width: 180px;
}
@media screen and (max-width: 767px) {
  .productSect__head .logo {
    position: static;
    margin-top: 25px;
  }
}
.productSect__head .logo img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .productSect__hdg {
    width: calc(100% - 174px + 15px);
    margin-left: -15px;
  }
}
.productSect__info {
  margin-top: -67px;
  font-size: 0.625rem;
}
.productSect__body {
  padding-bottom: 80px;
  margin-top: 127px;
}
@media screen and (max-width: 767px) {
  .productSect__body {
    padding-bottom: 60px;
    margin-top: 95px;
  }
}
.productSect__body > .hdg {
  text-align: center;
  color: #003388;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .productSect__body > .hdg {
    font-size: 1.5rem;
  }
}
.productSect__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  margin-left: -2.991%;
}
@media screen and (max-width: 767px) {
  .productSect__list {
    display: block;
    margin-top: 35px;
    margin-left: 0;
  }
}
.productSect__item {
  width: 47.008%;
  margin-top: 30px;
  margin-left: 2.991%;
  padding: 25px 20px 32px;
  border-bottom: 3px solid #003388;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .productSect__item {
    width: 100%;
    padding: 35px 15px 26px;
    margin-left: 0;
  }
}
.productSect__item .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.productSect__item .point {
  width: 80px;
}
@media screen and (max-width: 767px) {
  .productSect__item .point {
    width: 60px;
  }
}
.productSect__item .point img {
  width: 100%;
  height: auto;
}
.productSect__item .hdg {
  width: calc(100% - 80px - 100px);
  padding-left: 20px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .productSect__item .hdg {
    width: calc(100% - 60px - 60px);
    padding-left: 15px;
    font-size: 1.375rem;
  }
}
.productSect__item .hdg span {
  display: block;
  font-size: 1rem;
}
.productSect__item .img {
  width: 100px;
}
@media screen and (max-width: 767px) {
  .productSect__item .img {
    width: 60px;
  }
}
.productSect__item .img img {
  width: 100%;
  height: auto;
}
.productSect__item .txt {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .productSect__item .txt {
    margin-top: 20px;
  }
}
.productSect__item .info {
  margin-top: 10px;
  font-size: 0.75rem;
}

.specSect {
  padding: 80px 0;
  background-color: #EAF5FC;
}
@media screen and (max-width: 767px) {
  .specSect {
    padding: 60px 0 55px;
  }
}
.specSect__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .specSect__inner {
    display: block;
  }
}
.specSect__head {
  width: calc(100% - 570px);
  padding-right: 59px;
}
@media screen and (max-width: 767px) {
  .specSect__head {
    width: 100%;
    padding-right: 0;
  }
}
.specSect__head .img {
  width: 220px;
  padding-top: 10px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .specSect__head .img {
    width: 193px;
  }
}
.specSect__head .img img {
  width: 100%;
  height: auto;
}
.specSect__head .info {
  margin-top: -10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .specSect__head .info {
    margin-top: -17px;
  }
}
@media screen and (max-width: 767px) {
  .specSect__pointGr {
    margin-top: -5px;
  }
}
.specSect__point {
  position: relative;
  padding-left: 23px;
  line-height: 1.3;
  margin-top: 44px;
}
@media screen and (max-width: 767px) {
  .specSect__point {
    padding-left: 19px;
  }
}
.specSect__point * {
  line-height: 1.3;
}
.specSect__point::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #1156A4;
}
@media screen and (max-width: 767px) {
  .specSect__point {
    margin-top: 43px;
  }
}
.specSect__point .hdg {
  color: #1156A4;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .specSect__point .hdg {
    font-size: 1.25rem;
  }
}
.specSect__point .hdg span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .specSect__point .hdg span {
    font-size: 0.875rem;
  }
}
.specSect__point .txt {
  margin-top: 9px;
  font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
  .specSect__point .txt {
    margin-top: 6px;
  }
}
.specSect__body {
  width: 570px;
}
@media screen and (max-width: 767px) {
  .specSect__body {
    width: 100%;
    margin-top: 38px;
  }
}
.specSect__body .hdg {
  position: relative;
  padding-left: 23px;
  line-height: 1.3;
  color: #1156A4;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .specSect__body .hdg {
    padding-left: 19px;
  }
}
.specSect__body .hdg * {
  line-height: 1.3;
}
.specSect__body .hdg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #1156A4;
}
.specSect__body .txt {
  margin-top: 9px;
  font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
  .specSect__body .txt {
    margin-top: 10px;
    font-size: 0.625rem;
  }
}
.specSect__table {
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .specSect__table {
    margin-top: 21px;
  }
}
.specSect__table tbody th, .specSect__table tbody td {
  padding: 8px;
  border: 1px solid #777777;
  font-size: 0.875rem;
}
.specSect__table tbody th {
  width: 131px;
  background-color: #DBDBDB;
}
.specSect__table tbody td {
  width: calc(100% - 131px);
  background-color: #fff;
}

.descSect {
  margin-top: 73px;
}
@media screen and (max-width: 767px) {
  .descSect {
    margin-top: 80px;
  }
}
.descSect .hdg {
  text-align: center;
  color: #003388;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .descSect .hdg {
    font-size: 1.5rem;
  }
}
.descSect__imgGr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  .descSect__imgGr {
    display: block;
    margin-top: 35px;
  }
}
.descSect__imgGr .img {
  width: 440px;
}
@media screen and (max-width: 767px) {
  .descSect__imgGr .img {
    width: 100%;
  }
}
.descSect__imgGr .img img {
  width: 100%;
  height: auto;
}
.descSect__imgGr .txtArea {
  width: calc(100% - 440px);
  padding-left: 50px;
}
@media screen and (max-width: 767px) {
  .descSect__imgGr .txtArea {
    width: 100%;
    margin-top: 28px;
    padding-left: 0;
  }
}
.descSect__imgGr .txtArea .info {
  margin-top: 16px;
  font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
  .descSect__imgGr .txtArea .info {
    margin-top: 22px;
    font-size: 0.625rem;
  }
}
.descSect__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5.12%;
}
@media screen and (max-width: 767px) {
  .descSect__list {
    display: block;
    margin-top: 0;
    margin-left: 0;
  }
}
.descSect__item {
  width: 28.213%;
  margin-top: 58px;
  margin-left: 5.12%;
}
@media screen and (max-width: 767px) {
  .descSect__item {
    width: 100%;
    margin-top: 32px;
    margin-left: 0;
  }
}
.descSect__item .txt {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  .descSect__item .txt {
    margin-top: 18px;
  }
}
.descSect__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 218px;
}
@media screen and (max-width: 767px) {
  .descSect__head {
    height: 216px;
  }
}
.descSect__head .hdg {
  color: #222222;
  font-size: 1.5rem;
  line-height: 1.3;
}
.descSect__head .hdg span {
  font-size: 1rem;
}
.descSect__txt {
  margin-top: 27px;
  font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
  .descSect__txt {
    margin-top: 32px;
  }
}

.effectSect {
  padding: 77px 0 80px;
  margin-top: 77px;
  background-image: url(../img/effectSect_bg.png);
}
@media screen and (max-width: 767px) {
  .effectSect {
    padding: 67px 0 60px;
  }
}
.effectSect__hdg {
  position: relative;
  padding-left: 23px;
  line-height: 1.3;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .effectSect__hdg {
    padding-left: 19px;
  }
}
.effectSect__hdg * {
  line-height: 1.3;
}
.effectSect__hdg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .effectSect__hdg {
    margin-bottom: -1px;
    font-size: 1.25rem;
  }
}
.effectSect__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  margin-left: -2.679%;
}
@media screen and (max-width: 767px) {
  .effectSect__list {
    display: block;
    margin-top: 0;
    margin-left: 0;
  }
}
.effectSect__item {
  width: 30.653%;
  margin-top: 20px;
  margin-left: 2.679%;
}
@media screen and (max-width: 767px) {
  .effectSect__item {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }
}
.effectSect__item img {
  width: 100%;
  height: auto;
}

.usedSect {
  margin-top: 77px;
}
@media screen and (max-width: 767px) {
  .usedSect {
    margin-top: 88px;
  }
}
.usedSect__hdg {
  position: relative;
  padding-left: 23px;
  line-height: 1.3;
  color: #1156A4;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .usedSect__hdg {
    padding-left: 19px;
  }
}
.usedSect__hdg * {
  line-height: 1.3;
}
.usedSect__hdg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #1156A4;
}
.usedSect__hdg .hdg {
  font-size: 1.5rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .usedSect__hdg .hdg {
    font-size: 1.25rem;
  }
}
.usedSect__hdg .sub {
  margin-top: 11px;
}
@media screen and (max-width: 767px) {
  .usedSect__hdg .sub {
    font-size: 0.875rem;
  }
}
.usedSect__list {
  margin-top: 41px;
}
@media screen and (max-width: 767px) {
  .usedSect__list {
    margin-top: 0;
  }
}
.usedSect__item {
  padding: 30px;
  border: 1px solid #CCCCCC;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .usedSect__item {
    padding: 20px;
  }
}
.usedSect__inner {
  position: relative;
  padding-left: 139px;
}
@media screen and (max-width: 767px) {
  .usedSect__inner {
    padding-left: 0;
  }
}
.usedSect__inner .balloon {
  position: absolute;
  top: 0;
  left: 0;
  width: 144px;
}
@media screen and (max-width: 767px) {
  .usedSect__inner .balloon {
    width: 110px;
  }
}
.usedSect__inner .balloon img {
  width: 100%;
  height: auto;
}
.usedSect__inner .balloon--2 {
  width: 139px;
}
@media screen and (max-width: 767px) {
  .usedSect__inner .balloon--2 {
    width: 121px;
  }
}
.usedSect__body--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 26px;
}
@media screen and (max-width: 767px) {
  .usedSect__body--2col {
    display: block;
    padding-top: 80px;
  }
}
.usedSect__body--2col .usedSect__imgGr {
  width: calc(100% - 269px);
}
@media screen and (max-width: 767px) {
  .usedSect__body--2col .usedSect__imgGr {
    width: 100%;
  }
}
.usedSect__body--2col .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: -14px;
}
.usedSect__body--2col .item {
  margin-left: 14px;
}
.usedSect__body--2col .img img {
  width: 100%;
  height: auto;
}
.usedSect__body--2col .txt {
  text-align: center;
  font-family: "メイリオ", "Meiryo", "verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: bold;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .usedSect__body--2col .txt {
    font-size: 0.625rem;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.usedSect__body--2col .copy {
  position: relative;
  margin-top: 2px;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .usedSect__body--2col .copy {
    margin-top: 1px;
    font-size: 0.625rem;
  }
}
.usedSect__body--2col .copy::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 160px;
  height: 1px;
  background-color: #222222;
}
@media screen and (max-width: 767px) {
  .usedSect__body--2col .copy::before {
    width: calc(50% - 40px);
  }
}
.usedSect__body--2col .copy:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 160px;
  height: 1px;
  background-color: #222222;
}
@media screen and (max-width: 767px) {
  .usedSect__body--2col .copy:after {
    width: calc(50% - 40px);
  }
}
.usedSect__txt {
  width: 269px;
  padding-top: 7px;
  padding-left: 29px;
}
@media screen and (max-width: 767px) {
  .usedSect__txt {
    width: 100%;
    padding-left: 0;
    margin-top: 22px;
  }
}
.usedSect__listGr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .usedSect__listGr {
    display: block;
  }
}
.usedSect__listGr .img {
  width: 210px;
}
@media screen and (max-width: 767px) {
  .usedSect__listGr .img {
    width: calc(100% - 119px);
    padding-top: 17px;
    margin-left: 119px;
  }
}
.usedSect__listGr .img img {
  width: 100%;
  height: auto;
}
.usedSect__itemGr {
  width: calc(100% - 210px);
  padding-left: 47px;
}
@media screen and (max-width: 767px) {
  .usedSect__itemGr {
    width: 100%;
    padding-left: 0;
    margin-top: 25px;
  }
}
.usedSect__itemGr .copy {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .usedSect__itemGr .copy {
    font-size: 1rem;
  }
}
.usedSect__itemGr .list {
  margin-top: 17px;
}
@media screen and (max-width: 767px) {
  .usedSect__itemGr .list {
    margin-top: 16px;
  }
}
.usedSect__itemGr .list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .usedSect__itemGr .list dl {
    display: block;
  }
}
.usedSect__itemGr .list dt {
  width: 147px;
  padding-right: 19px;
}
@media screen and (max-width: 767px) {
  .usedSect__itemGr .list dt {
    width: 100%;
    padding-right: 0;
    margin-top: 13px;
  }
}
.usedSect__itemGr .list dd {
  width: calc(100% - 147px);
}
@media screen and (max-width: 767px) {
  .usedSect__itemGr .list dd {
    width: 100%;
    margin-top: 5px;
    margin-left: 16px;
  }
}
.usedSect__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #222222;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .usedSect__info {
    display: block;
  }
}
.usedSect__info .hdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 170px;
  height: 108px;
  padding: 20px;
  background-color: #222222;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .usedSect__info .hdg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: auto;
    padding: 6px;
  }
}
.usedSect__info .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 170px + 20px);
  padding: 17px 28px;
  margin-top: -10px;
  margin-left: -20px;
}
@media screen and (max-width: 767px) {
  .usedSect__info .list {
    width: calc(100% + 21px);
    padding: 15px;
    margin-left: -21px;
  }
}
.usedSect__info .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  margin-left: 21px;
}
.usedSect__info .icon {
  width: 30px;
}
.usedSect__info .icon img {
  width: 100%;
  height: auto;
}
.usedSect__info .txt {
  margin-left: 10px;
  color: #003388;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .usedSect__info .txt {
    margin-left: 9px;
  }
}

.btnSect {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .btnSect {
    margin-top: 50px;
  }
}
.btnSect__inner {
  position: relative;
  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: 140px;
  padding: 50px;
  background-image: url(../img/btnSect_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .btnSect__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 26px 46px;
    text-align: center;
    background-image: url(../img/btnSect_bg_sp.png);
  }
}
.btnSect__inner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 34px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.btnSect__inner .logo {
  width: 250px;
}
@media screen and (max-width: 767px) {
  .btnSect__inner .logo {
    width: 188px;
    margin: auto;
  }
}
.btnSect__inner .logo img {
  width: 100%;
  height: auto;
}
.btnSect__inner .txt {
  margin-left: 50px;
  color: #fff;
  font-family: "メイリオ", "Meiryo", "verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .btnSect__inner .txt {
    margin-left: 0;
    font-size: 0.875rem;
  }
}
.btnSect__inner:hover {
  opacity: 0.65;
}

.noteSect {
  margin-top: 100px;
  padding-bottom: 209px;
}
@media screen and (max-width: 767px) {
  .noteSect {
    margin-top: 60px;
    padding-bottom: 75px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.noteSect__info {
  padding: 15px;
  background-color: #E9E9E9;
  font-size: 0.75rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .noteSect__info {
    padding: 10px 10px 4px;
    font-size: 0.625rem;
  }
}
.noteSect__note {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .noteSect__note {
    margin-top: 20px;
  }
}
.noteSect__note .txt {
  font-size: 0.75rem;
  line-height: 1.42;
}
@media screen and (max-width: 767px) {
  .noteSect__note .txt {
    font-size: 0.625rem;
  }
}