/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*===================================================================
  COMMON
===================================================================*/
.main-contents {
  line-height: 1.8;
}
.main-contents .btn a {
  display: inline-block;
  border: #7C8799 1px solid;
  color: #7C8799;
  padding: 0.65em 2.5em;
}

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

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

#contents {
  width: 100%;
  overflow-x: visible;
}

@media only screen and (max-width: 1200px) {
  #footer #deepFoot {
    padding-top: 30px;
  }
}
#contents .headSection .leftArea {
  max-width: 663px;
  width: 100%;
}

#contents .headSection .rightArea {
  max-width: 282px;
  width: 100%;
}
#contents .headSection .rightArea ul {
  display: flex;
  align-items: flex-end;
}
#contents .headSection .rightArea ul li:last-child {
  margin-left: 10px;
}

.list_howto.link_howto_icon dd img {
  margin: -3px 10px 0 0 !important;
}

@media only screen and (max-width: 767px) {
  #contents.responsive img {
    max-width: none;
    display: inline;
    margin: inherit;
  }
}
/*===================================================================
	INDEX
===================================================================*/
@media screen and (max-width: 768px) {
  #contents .headSection .purchase02 {
    margin: 5px 0 0;
  }
}
#contents .mainSection.top {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #contents .mainSection.top {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
#contents .mainSection .mainVisual img {
  width: 100%;
}
#contents .mainSection .mainVisual p {
  text-align: right;
  padding: 0 1em;
}
#contents .index_sec {
  margin: 0 auto;
}
#contents .index_sec p {
  font-size: 16px;
  line-height: 1.8;
}
#contents .index_sec div, #contents .index_sec p, #contents .index_sec ul, #contents .index_sec li, #contents .index_sec a {
  box-sizing: border-box;
}
#contents .index_sec01 {
  padding: 0 0 70px;
  max-width: 960px;
  margin: 0 auto;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li {
  position: relative;
  width: 31%;
  background-color: #F2F2F2;
}
@media screen and (max-width: 768px) {
  #contents .index_sec01 .index_sec01_body .index_sec01_list .list li {
    width: 100%;
    margin: 20px auto 20px;
    max-width: 300px;
  }
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li .cnt {
  padding: 10px;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li .cnt .img img {
  width: 100%;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li .cnt .img img:hover {
  opacity: 0.7;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li .cnt .txt {
  padding: 15px 0 35px;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li .btn-area {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #333333;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li .btn-area a {
  display: block;
  height: 28px;
  padding: 8px 0 0;
}
#contents .index_sec01 .index_sec01_body .index_sec01_list .list li .btn-area a:hover {
  opacity: 0.7;
}
#contents .index_sec02 {
  width: 100%;
  background-color: #F8F8F8;
  padding: 70px 0;
}
#contents .index_sec02 .index_sec02_body {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body {
    padding: 0 2vw;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_tit {
  padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_tit {
    padding: 0 2vw 25px;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_tit h2 {
  font-size: 32px;
  position: relative;
  text-align: center;
  padding: 0 0 30px;
  margin: 0 0 50px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_tit h2::after {
  position: absolute;
  content: "";
  background-color: #000;
  width: 50px;
  height: 4px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 40px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li {
    width: 48%;
    display: block;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li h4 {
  background-color: #333333;
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin: 0 0 20px;
  padding: 12px 5px;
  width: 100%;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt {
  width: 48%;
  background-color: #F2F2F2;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt {
    width: 100%;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .img img {
  width: 100%;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .img img:hover {
  opacity: 0.7;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt {
  padding: 15px;
  height: 230px;
}
@media screen and (max-width: 840px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt {
    height: 230px;
  }
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt {
    height: 280px;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt.last {
  height: 260px;
}
@media screen and (max-width: 840px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt.last {
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt.last {
    height: 280px;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt h5 {
  font-size: 17px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt p {
  font-size: 12px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt .category {
  display: inline-block;
  margin-top: 3px;
  padding: 2px 5px;
  background: #3790c2;
  color: #fff;
  font-size: 12px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt .category_green {
  display: inline-block;
  margin-top: 3px;
  padding: 2px 5px;
  background: #2a998d;
  color: #fff;
  font-size: 12px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt .category_orange {
  display: inline-block;
  margin-top: 3px;
  padding: 2px 5px;
  background: #da8d46;
  color: #fff;
  font-size: 12px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt .open1 {
  height: 58px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: 1px #000 solid;
  border-bottom: none;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li .cnt .txt .open2 {
  height: 58px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border: 1px #000 solid;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li.last_list {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li.last_list {
    width: 100%;
    display: flex;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li.last_list .cnt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_lineup .list li.last_list .cnt {
    width: 48%;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .btn-area-open {
  width: 100%;
  background-color: #333333;
  color: #fff;
  margin: 20px 0 60px;
  border-radius: 50px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .btn-area-open:hover {
  opacity: 0.7;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .btn-area-open div {
  padding: 12px 10px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .btn-area-close {
  width: 100%;
  background-color: #333333;
  color: #fff;
  margin: 20px 0 60px;
  border-radius: 50px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .btn-area-close:hover {
  opacity: 0.7;
}
#contents .index_sec02 .index_sec02_body .index_sec02_lineup .btn-area-close div {
  padding: 12px 10px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
#contents .index_sec02 .index_sec02_body .index_sec02_bnr {
  padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
  #contents .index_sec02 .index_sec02_body .index_sec02_bnr {
    padding: 0 2vw 25px;
  }
}
#contents .index_sec02 .index_sec02_body .index_sec02_bnr h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 40px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_bnr .bnr {
  padding: 30px 0 0;
}
#contents .index_sec02 .index_sec02_body .index_sec02_bnr img {
  width: 100%;
}
#contents .index_sec02 .index_sec02_body .index_sec02_bnr img:hover {
  opacity: 0.7;
}
#contents .index_sec02 .index_sec02_body .index_sec02_hen {
  padding: 0 0 60px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_hen h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 40px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_hen h3 span {
  font-size: 18px;
  display: block;
  padding: 0 0 10px;
}
#contents .index_sec02 .index_sec02_body .index_sec02_hen .btn {
  margin: 0 auto;
}
#contents .index_sec03 {
  padding: 70px 0;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #contents .index_sec03 {
    padding: 70px 2vw;
  }
}
#contents .index_sec03 .index_sec03_body .index_sec03_tit {
  padding: 0 0 50px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_tit h2 {
  font-size: 32px;
  position: relative;
  text-align: center;
  padding: 0 0 30px;
  margin: 0 0 50px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_tit h2::after {
  position: absolute;
  content: "";
  background-color: #000;
  width: 50px;
  height: 4px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#contents .index_sec03 .index_sec03_body .index_sec03_gray {
  background-color: #F8F8F8;
  font-size: 18px;
  margin: 0 0 40px;
  padding: 40px 30px 40px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_gray h2 {
  font-size: 22px;
  padding: 0 0 30px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_gray h3 {
  padding: 0 0 5px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_gray p {
  padding: 0 0 30px 3em;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box1 {
  padding: 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box1 .txt {
  width: 55%;
}
@media screen and (max-width: 768px) {
  #contents .index_sec03 .index_sec03_body .index_sec03_box1 .txt {
    width: 100%;
    padding: 0 0 0;
  }
}
#contents .index_sec03 .index_sec03_body .index_sec03_box1 .txt p {
  padding: 0 0 30px 0;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box1 .btn {
  width: 80%;
  max-width: none;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #contents .index_sec03 .index_sec03_body .index_sec03_box1 .btn {
    width: 100%;
  }
}
#contents .index_sec03 .index_sec03_body .index_sec03_box2 {
  border: #CCCCCC 1px solid;
  margin: 0 0 10px;
  padding: 30px 20px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box2 h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 20px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box2 .img {
  padding: 0 0 30px;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box2 .img img {
  width: 100%;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box2 .img span {
  display: block;
  text-align: right;
  padding: 10px 0 0;
}
#contents .index_sec03 .index_sec03_body .index_sec03_box2 .btn {
  margin: 0 auto;
}
#contents .index_sec04 {
  width: 100%;
  background-color: #F8F8F8;
  padding: 70px 0;
}
#contents .index_sec04 .index_sec04_body {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
#contents .index_sec04 .index_sec04_body .index_sec04_tit {
  padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
  #contents .index_sec04 .index_sec04_body .index_sec04_tit {
    padding: 0 2vw 25px;
  }
}
#contents .index_sec04 .index_sec04_body .index_sec04_tit h2 {
  font-size: 32px;
  position: relative;
  text-align: center;
  padding: 0 0 30px;
  margin: 0 0 50px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_tit h2::after {
  position: absolute;
  content: "";
  background-color: #000;
  width: 50px;
  height: 4px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#contents .index_sec04 .index_sec04_body .index_sec04_box1 {
  padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
  #contents .index_sec04 .index_sec04_body .index_sec04_box1 {
    padding: 0 2vw 25px;
  }
}
#contents .index_sec04 .index_sec04_body .index_sec04_box1 h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 40px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box1 h3 span {
  font-size: 18px;
  display: block;
  padding: 0 0 10px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box1 .cnt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box1 .cnt .img {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #contents .index_sec04 .index_sec04_body .index_sec04_box1 .cnt .img {
    width: 100%;
    padding: 0 0 20px;
  }
}
#contents .index_sec04 .index_sec04_body .index_sec04_box1 .cnt .img img {
  width: 100%;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box1 .cnt .txt {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #contents .index_sec04 .index_sec04_body .index_sec04_box1 .cnt .txt {
    width: 100%;
  }
}
#contents .index_sec04 .index_sec04_body .index_sec04_box2 {
  padding: 0 0 50px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box2 h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 40px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box2 h3 span {
  font-size: 18px;
  display: block;
  padding: 0 0 10px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box2 .cnt {
  background-color: #fff;
  padding: 30px 30px 10px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box2 .cnt h4 {
  font-size: 18px;
  padding: 0 0 20px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box2 .cnt h4 strong {
  color: #F7931E;
}
#contents .index_sec04 .index_sec04_body .index_sec04_box2 .img {
  padding: 30px 0 0;
  text-align: center;
}
#contents .index_sec04 .index_sec04_body .index_sec04_bnr {
  padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
  #contents .index_sec04 .index_sec04_body .index_sec04_bnr {
    padding: 0 2vw 25px;
  }
}
#contents .index_sec04 .index_sec04_body .index_sec04_bnr h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 40px;
}
#contents .index_sec04 .index_sec04_body .index_sec04_bnr .bnr {
  padding: 30px 0 0;
}
#contents .index_sec04 .index_sec04_body .index_sec04_bnr .bnr img {
  width: 100%;
}
#contents .index_sec04 .index_sec04_body .index_sec04_bnr .bnr img:hover {
  opacity: 0.7;
}
#contents .index_sec04 .index_sec04_body .btmcopy {
  padding: 30px 2vw 0;
}
#contents .index_sec05 {
  padding: 70px 0;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #contents .index_sec05 {
    padding: 35px 0;
  }
}
#contents .index_sec05 .index_sec05_body .index_sec05_tit h2 {
  font-size: 32px;
  position: relative;
  text-align: center;
  padding: 0 0 30px;
  margin: 0 0 50px;
}
#contents .index_sec05 .index_sec05_body .index_sec05_tit h2::after {
  position: absolute;
  content: "";
  background-color: #000;
  width: 50px;
  height: 4px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list li {
  width: 48.5%;
  background-color: #F2F2F2;
}
@media screen and (max-width: 768px) {
  #contents .index_sec05 .index_sec05_body .index_sec05_list .list li {
    width: 100%;
    margin: 0 0 20px;
  }
 #contents .index_sec05_body {
  padding: 2em 2vw 0;
  }
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list li .img img {
  width: 100%;
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list li .cnt {
  padding: 20px 20px 30px;
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list li .cnt h3 {
  font-size: 20px;
  padding: 0 0 10px;
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list li .cnt p {
  font-size: 14px;
  padding: 0 0 10px;
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list li .cnt .tag {
  border: #333333 1px solid;
  display: inline-block;
  margin: 0 0 20px;
  padding: 5px 10px;
}
#contents .index_sec05 .index_sec05_body .index_sec05_list .list li .cnt .btn {
  margin: 0 auto;
}
#contents .index_sec05 .index_sec05_body .index_sec05_link {
  padding: 30px 0 0;
  text-align: right;
}
#contents .index_sec_suppport {
  padding: 2em 0 0;
}
@media screen and (max-width: 768px) {
  #contents .index_sec_suppport {
    padding: 2em 2vw 0;
  }
}
#contents .index_sec_suppport h3 {
  font-size: 24px;
  text-align: center;
  padding: 0 0 40px;
}
#contents .index_sec_suppport .cnt {
  background-color: #fff;
  border: #E2E2E2 1px solid;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .index_sec_suppport .cnt .img {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #contents .index_sec_suppport .cnt .img {
    width: 100%;
    padding: 0 0 20px;
  }
}
#contents .index_sec_suppport .cnt .img img {
  width: 100%;
}
#contents .index_sec_suppport .cnt .txt {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #contents .index_sec_suppport .cnt .txt {
    width: 100%;
  }
}
#contents .index_sec_suppport .btn {
  text-align: right;
  margin: 20px 0 0 auto;
}
#contents .btn {
  max-width: 328px;
}
#contents .btn a {
  display: block;
  color: #fff;
  background-color: #094BAB;
  border-radius: 50px;
  text-align: center;
  padding: 1em;
  background-image: url(../images/index/ico_arrow_r.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center right 1.5em;
}
#contents .btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.purchase.tbl {
  max-width: 960px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.purchase.tbl .tbl-cell {
  width: 32.5%;
  padding: 0 !important;
  display: block;
}
@media screen and (max-width: 768px) {
  .purchase.tbl .tbl-cell {
    width: 100%;
  }
}
.purchase.tbl .tbl-cell:nth-of-type(3) {
  padding-left: 12px;
}
@media screen and (max-width: 768px) {
  .purchase.tbl .tbl-cell.btn-support_style {
    margin-top: 1em;
  }
}
.purchase.tbl .tbl-cell.btn-support_style a {
  font-size: 18px !important;
}
@media screen and (max-width: 768px) {
  .purchase.tbl .tbl-cell.btn-support_style a {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 768px) {
  .purchase.tbl .tbl-cell.btn-support {
    margin: 20px 0 0;
  }
}
.purchase.tbl .tbl-cell.btn-support a {
  background-color: #e7e7e7;
  position: static;
  display: block;
  min-height: 120px;
  color: #000;
  text-align: center;
  font-size: 22px;
  padding: 24px 0 0;
  box-sizing: border-box;
}
.purchase.tbl .tbl-cell.btn-support a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.purchase .ico-box .ico-space {
  padding: 25px 12px 13px 80px;
}

.purchase .btn-tel .ico-box {
  background-position: left 20px center;
}

/*===================================================================
  NAVI
===================================================================*/
#contents .headSection.navi {
  margin: 0 0 20px;
}
#contents .headSection.navi .rightArea {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  #contents .headSection.navi .rightArea {
    text-align: center;
    width: 100%;
    padding: 10px 0 0;
  }
}
#contents .headSection.navi .rightArea .taC {
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  #contents .mainSection.navi {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
#contents .mainSection.navi img {
  width: 100%;
}
#contents .detailSection.navi {
  min-width: auto;
  padding: 0 2vw;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #contents .l_side {
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #contents .l_side .hl_type01 {
    text-align: center;
  }
}
#contents .l_side .txt_lead {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}
#contents .l_side .txt_lead span {
  font-size: 21px;
  font-weight: bold;
}
#contents .l_side .btn_reset {
  color: #646464;
  border: #DDDDDD 1px solid;
  padding: 0.75em;
  text-align: center;
  border-radius: 5px;
}
#contents .l_side .hl_num.select-1 {
  background-color: #094BAB;
  text-align: center;
  font-size: 20px;
  color: #fff;
  padding: 0;
}
#contents .l_side .tit_type.select-2 {
  font-size: 18px;
  font-weight: bold;
  border-left: #333333 4px solid;
  margin-bottom: 20px;
  padding: 0 0 0 8px;
}
#contents .l_side .tit_type.select-3 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: #CCCCCC 1px dotted;
  margin-bottom: 20px;
  padding: 0 0 8px 0;
}
#contents .l_side .select-box {
  margin: 0 0 20px;
  padding: 0 0 0 1.23em;
}
#contents .l_main.lineNone {
  border-left: none;
}
#contents .l_main.lineNone .navi_sec02_bnr {
  padding: 40px 0 0;
}
#contents .l_main.lineNone .navi_sec02_bnr p {
  text-align: center;
  padding: 0 0 10px;
  font-weight: bold;
}
#contents .l_main.lineNone .navi_sec02_bnr .navi_sec02_bnr_p {
  font-size: 26px;
  color: #005AB4;
}
#contents .l_main.lineNone .navi_sec02_bnr img {
  width: 100%;
}

/*===================================================================
  GUIDE
===================================================================*/
#contents .headSection.guide {
  margin: 0 0 20px;
}
#contents .headSection.guide .rightArea {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  #contents .headSection.guide .rightArea {
    text-align: center;
    width: 100%;
    padding: 10px 0 0;
  }
}
#contents .headSection.guide .rightArea .taC {
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  #contents .mainSection.guide {
    padding: 0 0 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
#contents .mainSection.guide img {
  width: 100%;
}
#contents .detailSection.guide {
  min-width: auto;
  padding: 0 2vw;
  box-sizing: border-box;
}
#contents .l_main.guide {
  width: 100%;
  float: none;
  padding: 0 0 30px 0;
}
#contents .l_main.guide p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 30px;
}
#contents .l_main.guide div, #contents .l_main.guide p, #contents .l_main.guide ul, #contents .l_main.guide li, #contents .l_main.guide a {
  box-sizing: border-box;
}
#contents .l_main.guide h2 {
  font-size: 22px;
  border-bottom: #333 4px solid;
  margin: 0 0 30px;
  padding: 0 0 5px 12px;
  font-weight: bold;
}
#contents .l_main.guide h3 {
  font-size: 20px;
  border-left: #333 8px solid;
  margin: 0 0 30px;
  padding: 0 0 0 12px;
  font-weight: bold;
}
#contents .l_main.guide h4 {
  font-size: 18px;
  margin: 0 0 20px;
  font-weight: bold;
}
#contents .l_main.guide table {
  border-top: #fff 1px solid;
  border-left: #fff 1px solid;
  width: 100%;
  margin: 0 0 30px;
}
#contents .l_main.guide table th {
  background-color: #333333;
  color: #fff;
  text-align: center;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
  padding: 1em 0.5em;
}
#contents .l_main.guide table td {
  background-color: #F2F2F2;
  text-align: center;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
  padding: 1em 0.5em;
}
#contents .l_main.guide .btn {
  max-width: none;
  margin: 0 auto 30px;
  max-width: 800px;
}
#contents .l_main.guide .btn a {
  font-size: 16px;
}
#contents .l_main.guide .cnt01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 30px;
}
#contents .l_main.guide .cnt01 .img {
  width: 37.8125%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .cnt01 .img {
    width: 100%;
    margin: 0 0 20px;
  }
}
#contents .l_main.guide .cnt01 .txt {
  width: 58.0208333333%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .cnt01 .txt {
    width: 100%;
  }
}
#contents .l_main.guide .cnt02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 10px;
}
#contents .l_main.guide .cnt02 .column {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .cnt02 .column {
    width: 100%;
    margin: 0 0 20px;
  }
}
#contents .l_main.guide .cnt02 .column h3 {
  font-size: 18px;
  border-left: none;
  margin: 0 0 10px;
  padding: 0;
}
#contents .l_main.guide .cnt02 .column p {
  margin: 0 0 20px;
}
#contents .l_main.guide .cnt02 .column .img {
  margin: 0 0 20px;
}
#contents .l_main.guide .cnt03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: #F69D34 1px solid;
  margin: 0 0 40px;
  padding: 25px 2.5%;
}
#contents .l_main.guide .cnt03 .img {
  width: 12.7083333333%;
}
#contents .l_main.guide .cnt03 .txt {
  width: 83.3333333333%;
}
#contents .l_main.guide .cnt03 .txt p {
  margin: 10px 0 0;
  font-size: 14px;
}
#contents .l_main.guide .cnt04 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 10px;
}
#contents .l_main.guide .cnt04 .column {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .cnt04 .column {
    width: 100%;
    margin: 0 0 20px;
  }
}
#contents .l_main.guide .cnt04 .column h5 {
  font-size: 22px;
  background-color: #333333;
  color: #fff;
  text-align: center;
  margin: 0 0 10px;
  padding: 0.5em;
}
#contents .l_main.guide .cnt04 .column p {
  font-size: 14px;
}
#contents .l_main.guide .cnt04 .column .column-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .l_main.guide .cnt04 .column .column-box .column-box-item {
  width: 47.5%;
}
#contents .l_main.guide .cnt04 .column .column-box .column-box-item h6 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
#contents .l_main.guide .cnt04 .column .column-box .column-box-item .img {
  margin: 0 0 15px;
}
#contents .l_main.guide .cnt04 .column .column-box .column-box-item .img img {
  width: 100%;
}
#contents .l_main.guide .cnt05 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 30px;
}
#contents .l_main.guide .cnt05 .img {
  width: 39.5833333333%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .cnt05 .img {
    width: 100%;
    margin: 0 0 20px;
  }
}
#contents .l_main.guide .cnt05 .img img {
  width: 100%;
}
#contents .l_main.guide .cnt05 .txt {
  width: 56.25%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .cnt05 .txt {
    width: 100%;
  }
}
#contents .l_main.guide .guide_sec01 {
  padding: 0;
}
#contents .l_main.guide .guide_sec01 img {
  max-width: 100%;
}
#contents .l_main.guide .guide_mokuji {
  background-color: #F8F8F8;
  border-top: #CCCCCC 4px double;
  border-bottom: #CCCCCC 4px double;
  max-width: 480px;
  margin: 0 0 30px;
  padding: 20px 40px;
}
#contents .l_main.guide .guide_mokuji p {
  text-align: center;
  font-weight: bold;
}
#contents .l_main.guide .guide_mokuji ol li {
  margin: 0 0 15px;
}
#contents .l_main.guide .guide_mokuji ol li ul {
  margin: 15px 0 0;
}
#contents .l_main.guide .guide_sec02 {
  padding: 40px 0 0;
}
#contents .l_main.guide .guide_sec02 img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .guide_sec02 .table_box {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .guide_sec02 table {
    width: 700px !important;
  }
}
#contents .l_main.guide .guide_sec02 table.table-left th {
  padding: 1em 1.5em;
  width: 8em;
  text-align: left;
}
#contents .l_main.guide .guide_sec02 table.table-left td {
  text-align: left;
  padding: 1em 1.5em;
}
#contents .l_main.guide .guide_sec03 {
  padding: 40px 0 0;
}
#contents .l_main.guide .guide_sec03 .gray_box {
  border: #CCCCCC 1px solid;
  margin: 0 0 40px;
  padding: 40px 40px 20px;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .guide_sec03 .gray_box {
    padding: 30px 20px;
  }
}
#contents .l_main.guide .guide_sec03 .gray_box .box1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 30px;
}
#contents .l_main.guide .guide_sec03 .gray_box .box1 .img {
  width: 35.6818181818%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .guide_sec03 .gray_box .box1 .img {
    width: 100%;
    margin: 0 0 20px;
  }
}
#contents .l_main.guide .guide_sec03 .gray_box .box1 .img img {
  width: 100%;
}
#contents .l_main.guide .guide_sec03 .gray_box .box1 .img span {
  display: block;
  text-align: center;
  padding: 5px 0 0;
}
#contents .l_main.guide .guide_sec03 .gray_box .box1 .txt {
  width: 58.5227272727%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .guide_sec03 .gray_box .box1 .txt {
    width: 100%;
  }
}
#contents .l_main.guide .guide_sec03 .gray_box .box1 .txt ul {
  margin: 0 0 0 1.5em;
}
#contents .l_main.guide .guide_sec03 .gray_box .box1 .txt ul li {
  font-size: 16px;
  list-style-type: disc;
  margin: 0 0 10px;
}
#contents .l_main.guide .guide_sec03 .gray_box .box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #F8F8F8;
  margin: 0 0 40px;
  padding: 25px 2.5%;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .guide_sec03 .gray_box .box2 {
    padding: 20px;
  }
}
#contents .l_main.guide .guide_sec03 .gray_box .box2 .img {
  width: 12.7083333333%;
}
#contents .l_main.guide .guide_sec03 .gray_box .box2 .img img {
  width: 100%;
}
#contents .l_main.guide .guide_sec03 .gray_box .box2 .txt {
  width: 83.3333333333%;
}
#contents .l_main.guide .guide_sec03 .gray_box .box2 .txt p {
  margin: 10px 0 0;
  font-size: 14px;
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 .column {
  width: 47.5%;
  background-color: #F2F2F2;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  #contents .l_main.guide .guide_sec03 .gray_box .box3 .column {
    width: 100%;
  }
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 .column .img {
  background-color: #fff;
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 .column .img img {
  width: 100%;
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 .column .txt {
  padding: 15px;
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 .column .txt h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 .column .txt h5 span {
  color: #E60F20;
}
#contents .l_main.guide .guide_sec03 .gray_box .box3 .column .txt p {
  margin: 0;
  font-size: 14px;
}
#contents .l_main.guide .guide_sec04 .bnr {
  margin: 0 0 40px;
}
#contents .l_main.guide .guide_sec04 .bnr img {
  max-width: 100% !important;
}/*# sourceMappingURL=index2.css.map */