@charset "UTF-8";
.main,
.area-link_hd,
.lesson-link a {
  font-size: 16px;
  line-height: 1.75;
}

.g-container {
  overflow: visible;
}

.school .g-link {
  font-size: 16px;
}

.school .g-p-s .g-link {
  font-size: 12px;
}

.school .g-link:link,
.school .g-link:visited,
.school .g-link:active {
  color: #09c;
}

.school .g-link:before {
  top: -2px !important;
}

.school .g-dlist > dt,
.school .g-dlist > dd {
  font-size: 16px;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

@media only screen and (max-width: 768px) {
  .row {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .sp-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -15px;
  }
}

.col-1 {
  width: calc(1% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-1 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-1 {
    width: calc(1% / 0.12);
    padding: 0 15px;
  }
}

.col-2 {
  width: calc(2% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-2 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-2 {
    width: calc(2% / 0.12);
    padding: 0 15px;
  }
}

.col-3 {
  width: calc(3% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-3 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-3 {
    width: calc(3% / 0.12);
    padding: 0 15px;
  }
}

.col-4 {
  width: calc(4% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-4 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-4 {
    width: calc(4% / 0.12);
    padding: 0 15px;
  }
}

.col-5 {
  width: calc(5% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-5 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-5 {
    width: calc(5% / 0.12);
    padding: 0 15px;
  }
}

.col-6 {
  width: calc(6% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-6 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-6 {
    width: calc(6% / 0.12);
    padding: 0 15px;
  }
}

.col-7 {
  width: calc(7% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-7 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-7 {
    width: calc(7% / 0.12);
    padding: 0 15px;
  }
}

.col-8 {
  width: calc(8% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-8 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-8 {
    width: calc(8% / 0.12);
    padding: 0 15px;
  }
}

.col-9 {
  width: calc(9% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-9 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-9 {
    width: calc(9% / 0.12);
    padding: 0 15px;
  }
}

.col-10 {
  width: calc(10% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-10 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-10 {
    width: calc(10% / 0.12);
    padding: 0 15px;
  }
}

.col-11 {
  width: calc(11% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-11 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-11 {
    width: calc(11% / 0.12);
    padding: 0 15px;
  }
}

.col-12 {
  width: calc(12% / 0.12);
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .col-12 {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-sp-12 {
    width: calc(12% / 0.12);
    padding: 0 15px;
  }
}

.g-hnav_lv1_hd.g-hnav_lv1_hd-cur a:before {
  background-position: -20px -60px;
}

.h1 {
  font-size: 30px;
  font-weight: bold;
}

.h1_icon {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0;
  padding: 2px 10px;
  background: #eef2f5;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.h1_icon::before {
  content: '';
  display: block;
}

@media only screen and (max-width: 768px) {
  .h1 {
    line-height: 1.35;
  }
}

.h3 {
  font-size: 17px;
}

.pichonkun-ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
  margin: 30px 0 25px;
  padding-left: 55px;
  background: url("/-/media/Project/Daikin/daikin_co_jp/school/images/icon_pichonkun png") no-repeat 0 50%/40px auto;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.36;
}

.section_inner {
  position: relative;
  margin-bottom: 17px;
  padding: 30px 30px 0;
  background: #f3f1ee;
  box-shadow: 3px 3px 3px 0px #dadada;
  overflow: hidden;
}

.section_inner:after {
  content: '';
  display: block;
  position: absolute;
  top: 40px;
  left: 28px;
  right: 28px;
  bottom: 40px;
  z-index: 0;
  background: url("/-/media/Project/Daikin/daikin_co_jp/school/images/bg_section png") repeat 0 0/3px 30px;
  opacity: .5;
}

.section_main {
  position: relative;
  z-index: 1;
}

.section.-lesson {
  margin-bottom: 17px;
}

.section.-lesson .section_item {
  margin-bottom: 20px;
  padding-bottom: 40px;
}

.section.-lesson .section_item:last-child {
  margin-bottom: 40px;
  padding-bottom: 0;
  background: none;
}

.section.-lesson .section_inner {
  margin-bottom: 0;
  padding-bottom: 30px;
}

.h1 + .section.-lesson {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .section_inner {
    padding: 20px 15px 0;
  }
  .section_inner:after {
    top: 20px;
    left: 15px;
    right: 15px;
    bottom: 20px;
  }
  .section.-lesson .section_inner {
    padding-top: 30px;
  }
  .section.-lesson .section_inner:after {
    top: 30px;
    bottom: 30px;
  }
}

.area-link_item {
  margin-bottom: 8px;
}

.area-link_img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .area-link_item {
    margin-bottom: 18px;
  }
  .area-link_item:last-child {
    margin-bottom: 0;
  }
  .area-link_img img {
    margin-bottom: 13px;
  }
}

.lesson-img {
  position: relative;
  margin: 0;
}

.lesson-img img {
  width: 100%;
  vertical-align: middle;
}

.lesson-img_num {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: #33ccff;
  border-radius: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .section_item .lesson-img {
    margin-bottom: 25px;
  }
  .lesson-img_num {
    top: -10px;
    left: -10px;
    width: 25px;
    height: 25px;
    font-size: 14px;
  }
}

.lesson-img + .lesson-link {
  margin-top: 17px;
}

.lesson-link.-right {
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .lesson-link {
    margin-bottom: 0;
  }
  .lesson-link.-right {
    text-align: left;
  }
}

.lesson-qa {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .lesson-qa {
    margin-bottom: 30px;
  }
}

.qa-text {
  position: relative;
}

.pichonkun-comment {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pichonkun-comment-wrap {
  position: relative;
  padding-bottom: 110px;
}

.pichonkun-comment-wrap.-qa .pichonkun-comment,
.example-area .pichonkun-comment-wrap .pichonkun-comment {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.pichonkun-comment-wrap.-qa .pichonkun-comment_text,
.example-area .pichonkun-comment-wrap .pichonkun-comment_text {
  width: 60%;
}

.pichonkun-comment-wrap.-qa .pichonkun-comment_img,
.example-area .pichonkun-comment-wrap .pichonkun-comment_img {
  width: 40%;
  margin-top: 40px;
  padding-left: 45px;
}

.pichonkun-comment-wrap.-qa .pichonkun-comment_img::before, .pichonkun-comment-wrap.-qa .pichonkun-comment_img::after,
.example-area .pichonkun-comment-wrap .pichonkun-comment_img::before,
.example-area .pichonkun-comment-wrap .pichonkun-comment_img::after {
  top: 0;
}

.example-area .pichonkun-comment-wrap {
  padding-bottom: 0;
}

.example-area .pichonkun-comment-wrap .pichonkun-comment_text {
  width: 57%;
  font-size: 14px;
}

.example-area .pichonkun-comment-wrap .pichonkun-comment_img {
  width: 36%;
  margin-top: 17px;
}

.example-area .pichonkun-comment-wrap .pichonkun-comment_img::before, .example-area .pichonkun-comment-wrap .pichonkun-comment_img::after {
  top: 23px;
}

.example-area .pichonkun-comment {
  position: static;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pichonkun-comment_text {
  display: table;
  width: 73.6%;
  height: 76px;
  margin: 0;
  padding: 5px 20px 5px 30px;
  background: #fff;
  border: 4px solid #09c;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #6c6f71;
}

.pichonkun-comment_text > span {
  display: table-cell;
  vertical-align: middle;
}

.pichonkun-comment_img {
  position: relative;
  width: 26.4%;
  margin: 0;
  padding-left: 43px;
}

.pichonkun-comment_img img {
  max-width: 100%;
  vertical-align: middle;
}

.pichonkun-comment_img::before, .pichonkun-comment_img::after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  background: #fff;
  border: 4px solid #09c;
  border-radius: 100%;
  box-sizing: border-box;
}

.pichonkun-comment_img::before {
  left: 5px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.pichonkun-comment_img::after {
  left: 25px;
  width: 16px;
  height: 16px;
  margin-top: 8px;
}

@media only screen and (max-width: 768px) {
  .pichonkun-comment-wrap {
    padding-bottom: 130px;
  }
  .pichonkun-comment-wrap.-qa .pichonkun-comment {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20%;
  }
  .pichonkun-comment-wrap.-qa .pichonkun-comment_img {
    margin-top: 0;
    padding-left: 45px;
  }
  .pichonkun-comment-wrap.-qa .pichonkun-comment_img::before, .pichonkun-comment-wrap.-qa .pichonkun-comment_img::after {
    top: 50%;
  }
  .pichonkun-comment-wrap.-qa .pichonkun-comment_text {
    padding-left: 25px;
  }
  .example-area .pichonkun-comment-wrap .pichonkun-comment {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .example-area .pichonkun-comment-wrap .pichonkun-comment_text {
    width: 50%;
    min-height: 58px;
    border-width: 2px;
    font-size: 11px;
  }
  .example-area .pichonkun-comment-wrap .pichonkun-comment_img {
    width: 34%;
    margin-top: 0;
    padding-left: 34px;
  }
  .example-area .pichonkun-comment-wrap .pichonkun-comment_img::before, .example-area .pichonkun-comment-wrap .pichonkun-comment_img::after {
    top: 50%;
    border-width: 2px;
  }
  .example-area .pichonkun-comment-wrap .pichonkun-comment_img::before {
    left: 4px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
  .example-area .pichonkun-comment-wrap .pichonkun-comment_img::after {
    left: 20px;
    width: 12px;
    height: 12px;
    margin-top: 6px;
  }
  .pichonkun-comment_text {
    width: 70%;
    padding: 5px 10px;
  }
  .pichonkun-comment_img {
    width: 30%;
  }
}

.make-list_item {
  margin-bottom: 30px;
}

.make-list_item:last-child {
  margin-bottom: 0;
}

.make-list_step {
  position: relative;
  margin-bottom: 30px;
  padding: 5px 0 0 60px;
}

.make-list_step > span {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: #33ccff;
  border-radius: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.make-list_point {
  position: relative;
  padding: 5px 0 0 60px;
  font-weight: bold;
  color: #f08300;
}

.make-list_point > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
}

.make-list_point > span img {
  width: 100%;
}

.make-list_ttl {
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .make-list_item {
    margin-bottom: 35px;
  }
  .make-list_step {
    margin-bottom: 20px;
    padding: 0;
  }
  .make-list_step > span {
    position: static;
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .make-list_step br {
    display: none;
  }
  .make-list_point {
    padding: 0;
  }
  .make-list_point > span {
    position: static;
    width: 43px;
  }
  .make-list_point br {
    display: none;
  }
}

.make-another-way {
  padding-top: 16px;
}

.make-another-way_ttl {
  color: #c00000;
  font-weight: bold;
}

.report-sample-comment {
  font-size: 14px;
}

.prepare-list + .prepare-list {
  margin-top: 17px;
}

.prepare-list_item {
  margin-left: 1.3em;
  text-indent: -1.3em;
}

.prepare-list_item::before {
  content: '・ ';
}

.prepare-list.-note .prepare-list_item {
  position: relative;
  margin-left: 0;
  padding-left: 2em;
  text-indent: 0;
  counter-increment: number 1;
}

.prepare-list.-note .prepare-list_item::before {
  content: "※" counter(number);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.example-list {
  margin-bottom: 35px;
}

.example-list_term, .example-list_desc {
  padding-left: 35px;
}

.example-list_term {
  margin-bottom: 5px;
  background: url("/-/media/Project/Daikin/daikin_co_jp/school/images/icon_pencil png") no-repeat 0 0/25px auto;
  font-size: 17px;
  font-weight: bold;
}

.example-list_desc {
  margin-bottom: 15px;
}

.example-area {
  position: relative;
  margin: 0 30px;
  padding: 20px 105px;
  background: #faf9e6;
  border: 4px solid #f08300;
  border-radius: 15px;
}

.example-area::before, .example-area::after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
}

.example-area::before {
  left: -30px;
  width: 107px;
  height: 79px;
  margin-top: -40px;
  background: url("/-/media/Project/Daikin/daikin_co_jp/school/images/icon_sunflower png") no-repeat 0 0/100% auto;
}

.example-area::after {
  right: -30px;
  width: 116px;
  height: 71px;
  margin-top: -35px;
  background: url("/-/media/Project/Daikin/daikin_co_jp/school/images/icon_strawhat png") no-repeat 0 0/100% auto;
}

.example-area > .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.example-area_text {
  margin-bottom: 0;
  font-weight: bold;
  color: #f08300;
}

@media only screen and (max-width: 768px) {
  .example-area {
    margin: 0 15px;
    padding: 20px 20px 20px 30px;
    border-width: 2px;
    border-radius: 7px;
  }
  .example-area::before {
    top: -16px;
    left: -15px;
    width: 53px;
    height: 40px;
    margin-top: 0;
  }
  .example-area::after {
    top: -12px;
    right: -15px;
    width: 58px;
    height: 36px;
    margin-top: 0;
  }
  .example-area_text {
    font-size: 12px;
  }
}

.pc-block {
  display: block;
}

@media only screen and (max-width: 768px) {
  .pc-block {
    display: none;
  }
}

.sp-block {
  display: none;
}

@media only screen and (max-width: 768px) {
  .sp-block {
    display: block;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-0 {
    margin-top: 0px !important;
  }
  .pc-mb-0 {
    margin-bottom: 0px !important;
  }
  .pc-ml-0 {
    margin-left: 0px !important;
  }
  .pc-mr-0 {
    margin-right: 0px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-0 {
    margin-top: 0px !important;
  }
  .sp-mb-0 {
    margin-bottom: 0px !important;
  }
  .sp-ml-0 {
    margin-left: 0px !important;
  }
  .sp-mr-0 {
    margin-right: 0px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-5 {
    margin-top: 5px !important;
  }
  .pc-mb-5 {
    margin-bottom: 5px !important;
  }
  .pc-ml-5 {
    margin-left: 5px !important;
  }
  .pc-mr-5 {
    margin-right: 5px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-5 {
    margin-top: 5px !important;
  }
  .sp-mb-5 {
    margin-bottom: 5px !important;
  }
  .sp-ml-5 {
    margin-left: 5px !important;
  }
  .sp-mr-5 {
    margin-right: 5px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-10 {
    margin-top: 10px !important;
  }
  .pc-mb-10 {
    margin-bottom: 10px !important;
  }
  .pc-ml-10 {
    margin-left: 10px !important;
  }
  .pc-mr-10 {
    margin-right: 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-10 {
    margin-top: 10px !important;
  }
  .sp-mb-10 {
    margin-bottom: 10px !important;
  }
  .sp-ml-10 {
    margin-left: 10px !important;
  }
  .sp-mr-10 {
    margin-right: 10px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-15 {
    margin-top: 15px !important;
  }
  .pc-mb-15 {
    margin-bottom: 15px !important;
  }
  .pc-ml-15 {
    margin-left: 15px !important;
  }
  .pc-mr-15 {
    margin-right: 15px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-15 {
    margin-top: 15px !important;
  }
  .sp-mb-15 {
    margin-bottom: 15px !important;
  }
  .sp-ml-15 {
    margin-left: 15px !important;
  }
  .sp-mr-15 {
    margin-right: 15px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-20 {
    margin-top: 20px !important;
  }
  .pc-mb-20 {
    margin-bottom: 20px !important;
  }
  .pc-ml-20 {
    margin-left: 20px !important;
  }
  .pc-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-20 {
    margin-top: 20px !important;
  }
  .sp-mb-20 {
    margin-bottom: 20px !important;
  }
  .sp-ml-20 {
    margin-left: 20px !important;
  }
  .sp-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-25 {
    margin-top: 25px !important;
  }
  .pc-mb-25 {
    margin-bottom: 25px !important;
  }
  .pc-ml-25 {
    margin-left: 25px !important;
  }
  .pc-mr-25 {
    margin-right: 25px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-25 {
    margin-top: 25px !important;
  }
  .sp-mb-25 {
    margin-bottom: 25px !important;
  }
  .sp-ml-25 {
    margin-left: 25px !important;
  }
  .sp-mr-25 {
    margin-right: 25px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-30 {
    margin-top: 30px !important;
  }
  .pc-mb-30 {
    margin-bottom: 30px !important;
  }
  .pc-ml-30 {
    margin-left: 30px !important;
  }
  .pc-mr-30 {
    margin-right: 30px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-30 {
    margin-top: 30px !important;
  }
  .sp-mb-30 {
    margin-bottom: 30px !important;
  }
  .sp-ml-30 {
    margin-left: 30px !important;
  }
  .sp-mr-30 {
    margin-right: 30px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-35 {
    margin-top: 35px !important;
  }
  .pc-mb-35 {
    margin-bottom: 35px !important;
  }
  .pc-ml-35 {
    margin-left: 35px !important;
  }
  .pc-mr-35 {
    margin-right: 35px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-35 {
    margin-top: 35px !important;
  }
  .sp-mb-35 {
    margin-bottom: 35px !important;
  }
  .sp-ml-35 {
    margin-left: 35px !important;
  }
  .sp-mr-35 {
    margin-right: 35px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-40 {
    margin-top: 40px !important;
  }
  .pc-mb-40 {
    margin-bottom: 40px !important;
  }
  .pc-ml-40 {
    margin-left: 40px !important;
  }
  .pc-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-40 {
    margin-top: 40px !important;
  }
  .sp-mb-40 {
    margin-bottom: 40px !important;
  }
  .sp-ml-40 {
    margin-left: 40px !important;
  }
  .sp-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-45 {
    margin-top: 45px !important;
  }
  .pc-mb-45 {
    margin-bottom: 45px !important;
  }
  .pc-ml-45 {
    margin-left: 45px !important;
  }
  .pc-mr-45 {
    margin-right: 45px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-45 {
    margin-top: 45px !important;
  }
  .sp-mb-45 {
    margin-bottom: 45px !important;
  }
  .sp-ml-45 {
    margin-left: 45px !important;
  }
  .sp-mr-45 {
    margin-right: 45px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-50 {
    margin-top: 50px !important;
  }
  .pc-mb-50 {
    margin-bottom: 50px !important;
  }
  .pc-ml-50 {
    margin-left: 50px !important;
  }
  .pc-mr-50 {
    margin-right: 50px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-50 {
    margin-top: 50px !important;
  }
  .sp-mb-50 {
    margin-bottom: 50px !important;
  }
  .sp-ml-50 {
    margin-left: 50px !important;
  }
  .sp-mr-50 {
    margin-right: 50px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-55 {
    margin-top: 55px !important;
  }
  .pc-mb-55 {
    margin-bottom: 55px !important;
  }
  .pc-ml-55 {
    margin-left: 55px !important;
  }
  .pc-mr-55 {
    margin-right: 55px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-55 {
    margin-top: 55px !important;
  }
  .sp-mb-55 {
    margin-bottom: 55px !important;
  }
  .sp-ml-55 {
    margin-left: 55px !important;
  }
  .sp-mr-55 {
    margin-right: 55px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-60 {
    margin-top: 60px !important;
  }
  .pc-mb-60 {
    margin-bottom: 60px !important;
  }
  .pc-ml-60 {
    margin-left: 60px !important;
  }
  .pc-mr-60 {
    margin-right: 60px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-60 {
    margin-top: 60px !important;
  }
  .sp-mb-60 {
    margin-bottom: 60px !important;
  }
  .sp-ml-60 {
    margin-left: 60px !important;
  }
  .sp-mr-60 {
    margin-right: 60px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-65 {
    margin-top: 65px !important;
  }
  .pc-mb-65 {
    margin-bottom: 65px !important;
  }
  .pc-ml-65 {
    margin-left: 65px !important;
  }
  .pc-mr-65 {
    margin-right: 65px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-65 {
    margin-top: 65px !important;
  }
  .sp-mb-65 {
    margin-bottom: 65px !important;
  }
  .sp-ml-65 {
    margin-left: 65px !important;
  }
  .sp-mr-65 {
    margin-right: 65px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-70 {
    margin-top: 70px !important;
  }
  .pc-mb-70 {
    margin-bottom: 70px !important;
  }
  .pc-ml-70 {
    margin-left: 70px !important;
  }
  .pc-mr-70 {
    margin-right: 70px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-70 {
    margin-top: 70px !important;
  }
  .sp-mb-70 {
    margin-bottom: 70px !important;
  }
  .sp-ml-70 {
    margin-left: 70px !important;
  }
  .sp-mr-70 {
    margin-right: 70px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-75 {
    margin-top: 75px !important;
  }
  .pc-mb-75 {
    margin-bottom: 75px !important;
  }
  .pc-ml-75 {
    margin-left: 75px !important;
  }
  .pc-mr-75 {
    margin-right: 75px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-75 {
    margin-top: 75px !important;
  }
  .sp-mb-75 {
    margin-bottom: 75px !important;
  }
  .sp-ml-75 {
    margin-left: 75px !important;
  }
  .sp-mr-75 {
    margin-right: 75px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-80 {
    margin-top: 80px !important;
  }
  .pc-mb-80 {
    margin-bottom: 80px !important;
  }
  .pc-ml-80 {
    margin-left: 80px !important;
  }
  .pc-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-80 {
    margin-top: 80px !important;
  }
  .sp-mb-80 {
    margin-bottom: 80px !important;
  }
  .sp-ml-80 {
    margin-left: 80px !important;
  }
  .sp-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-85 {
    margin-top: 85px !important;
  }
  .pc-mb-85 {
    margin-bottom: 85px !important;
  }
  .pc-ml-85 {
    margin-left: 85px !important;
  }
  .pc-mr-85 {
    margin-right: 85px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-85 {
    margin-top: 85px !important;
  }
  .sp-mb-85 {
    margin-bottom: 85px !important;
  }
  .sp-ml-85 {
    margin-left: 85px !important;
  }
  .sp-mr-85 {
    margin-right: 85px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-90 {
    margin-top: 90px !important;
  }
  .pc-mb-90 {
    margin-bottom: 90px !important;
  }
  .pc-ml-90 {
    margin-left: 90px !important;
  }
  .pc-mr-90 {
    margin-right: 90px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-90 {
    margin-top: 90px !important;
  }
  .sp-mb-90 {
    margin-bottom: 90px !important;
  }
  .sp-ml-90 {
    margin-left: 90px !important;
  }
  .sp-mr-90 {
    margin-right: 90px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-95 {
    margin-top: 95px !important;
  }
  .pc-mb-95 {
    margin-bottom: 95px !important;
  }
  .pc-ml-95 {
    margin-left: 95px !important;
  }
  .pc-mr-95 {
    margin-right: 95px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-95 {
    margin-top: 95px !important;
  }
  .sp-mb-95 {
    margin-bottom: 95px !important;
  }
  .sp-ml-95 {
    margin-left: 95px !important;
  }
  .sp-mr-95 {
    margin-right: 95px !important;
  }
}

@media only screen and (min-width: 769px) {
  .pc-mt-100 {
    margin-top: 100px !important;
  }
  .pc-mb-100 {
    margin-bottom: 100px !important;
  }
  .pc-ml-100 {
    margin-left: 100px !important;
  }
  .pc-mr-100 {
    margin-right: 100px !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp-mt-100 {
    margin-top: 100px !important;
  }
  .sp-mb-100 {
    margin-bottom: 100px !important;
  }
  .sp-ml-100 {
    margin-left: 100px !important;
  }
  .sp-mr-100 {
    margin-right: 100px !important;
  }
}

.accordion-button {
  background-color: #737373;
  border-radius: 8px;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  width: 200px;
  padding: 10px;
  margin: 0 auto;
}

.accordion-button:after {
  border-top: 10px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  display: block;
  margin-left: 10px;
  position: relative;
  top: 5px;
  bottom: 0;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.g-acc_item-on .accordion-button:after {
  top: 14px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.g-qlist_body.accordion-button {
  margin: 0 auto 35px;
}

/*
 footer nav class05 調整
*/
.g-fnav_class05 {
  margin-top: 30px;
}

@media only screen and (max-width: 959px) {
  .g-fnav_class05 {
    margin-top: 0;
  }
}