@charset "UTF-8";

/*
 * Media Query
-------------  */
/*
 * scss set
-------------  */
/* color set */
/* font-family */
/*
 * reset stylesf
-------------  */
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');

*,
*:after,
*:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 10px;
}

body {
  font-size: min(1.33vw, 16px);
  line-height: 1.8;
  color: #151515;
  font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

ul,
ol {
  list-style: none;
}

@media screen and (max-width:800px) {

  body {
    font-size: max(3.5vw, 14px);
  }

}

/* ------------------------------ */
#container {
  width: 100%;
  margin: 0;
}

#main_column.colnum1 {
  width: 100%;
  margin: 0;
}

#main_column .sec06 h2 {
  border: 0;
}

#main_column h2 {
  padding: 0;
  margin-bottom: 0;
  border: 0;
  font-size: inherit;
}

@media screen and (min-width:801px) {

  .pc-hide {
    display: none;
  }

}

@media screen and (max-width:800px) {

  .sp-hide {
    display: none;
  }

}

.serif {
  font-family: 'Noto Serif JP', serif;
}

.section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.heading {
  position: relative;
  background: url(../20220915/img/heading_back.png) no-repeat center center;
  background-size: cover;
}

.heading::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 18%;
  background: #fff;
}

.heading-inner {
  position: relative;
  z-index: 2;
  max-width: 1160px;
  margin: 0 auto;
  padding: min(3.75vw, 45px);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.heading-main {
  width: 56%;
}

.heading-main-point {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: 10%;
  margin-top: min(3.75vw, 45px);
}

.heading-main-point li {
  width: 31%;
}

.heading-item {
  width: 40%;
  text-align: center;
}

.heading-item img {
  width: 73%;
}

@media screen and (max-width:800px) {

  .heading-inner {
    flex-direction: column;
    padding: max(5vw, 20px);
  }

  .heading-main {
    width: 100%;
  }

  .heading-main-title {
    width: 90%;
  }

  .heading-main-point img {
    width: 100%;
  }

  .heading-item {
    margin-top: max(5vw, 20px);
    width: 100%;
  }

  .heading-item img {
    width: 40%;
  }

}

.cv {
  position: relative;
  background: url(../20220915/img/cv_back.png) no-repeat center center;
  background-size: cover;
  margin-top: min(5.83vw, 70px);
}

.cv-inner {
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  width: min(83.3vw, 1000px);
  margin: 0 auto;
  transform: translateY(max(-5.83vw, -70px));
  padding: min(4.16vw, 50px);
  display: flex;
  justify-content: space-between;
}

.cv-ph {
  width: 20%;
}

.cv-item {
  width: 70%;
}

.cv-item-price {
  margin-top: min(1.66vw, 20px);
}

.cv-item-btn {
  margin-top: min(2.66vw, 32px);
}

.cv-item-btn a {
  display: inline-block;
  transition: all .3s ease-in-out;
}

.cv-item-btn a:hover {
  opacity: 0.7;
}


@media screen and (max-width:800px) {

  .cv {
    padding: 0 max(5vw, 20px);
    margin-top: max(12.5vw, 50px);
  }

  .cv-inner {
    flex-direction: column;
    width: 100%;
    transform: translateY(max(-12.5vw, -50px));
    padding: max(2.5vw, 30px);
  }

  .cv-ph {
    width: 100%;
    text-align: center;
  }

  .cv-ph img {
    width: 30%;
  }

  .cv-item {
    width: 100%;
    margin-top: max(5vw, 20px);
  }

}

.video {
  width: min(66.6vw, 800px);
  margin: min(5.83vw, 70px) auto 0;
}

.video video {
  width: 100%;
}

@media screen and (max-width:800px) {

  .video {
    width: 90%;
    margin-top: max(12.5vw, 50px);
  }

  .video video {
    width: 100%;
  }

}


.sec01 {
  background: #fff;
  margin-top: min(5.83vw, 70px);
}

.sec01-inner {
  position: relative;
  background: url(../20220915/img/sec01_img_bg.png) no-repeat center center;
  background-size: 1440px 604px;
}

#main_column  .sec01-inner h2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: min(2.08vw, 25px) 0;
  color: #fff;
  font-size: min(2.6vw, 32px);
  letter-spacing: 0.1em;
}

@media screen and (max-width:800px) {

  .sec01 {
    margin-top: max(12.5vw, 50px);
  }

  .sec01-inner {
    background: none;
  }

  #main_column .sec01-inner h2 {
    position: relative;
    padding: max(6.2vw, 25px) 0;
    font-size: max(4.8vw, 18px);
  }

}


.sec02 {
  text-align: center;
  background: url(../20220915/img/sec02_back.png) no-repeat center center;
  background-size: cover;
  padding: min(4.2vw, 50px) 0;
}

.sec02-inner {
  max-width: calc(1000px + min(8.3vw, 100px));
  padding: 0 min(4.2vw, 50px);
}

#main_column .sec02-inner h2 {
  border-bottom: solid 3px #873272;
  padding-bottom: min(0.6vw, 8px);
  letter-spacing: 0.2em;
}

#main_column .sec02-inner h2 .sec02-title {
  padding-bottom: min(1.5vw, 18px);
  display: block;
  border-bottom: solid 1px #873272;
}

.sec02-inner .sec02-title em {
  background: #873272;
  display: block;
  font-size: min(2.6vw, 32px);
  font-style: normal;
  width: min(28vw, 335px);
  margin: 0 auto;
  color: #fff;
}

.sec02-inner .sec02-title em span {
  font-size: min(2vw, 24px);
}

.sec02-inner .sec02-title strong {
  color: #873272;
  font-size: min(3vw, 36px);
  display: block;
  line-height: 1;
  margin-top: min(1.6vw, 20px);
}

.sec02-inner .sec02-title strong span {
  font-size: min(2.33vw, 28px);
  margin-left: min(1.6vw, 20px);
}

.sec02-lead {
  margin-top: min(2.5vw, 30px);
  color: #873272;
  line-height: 2.2;
  font-size: min(1.5vw, 18px);
}

.sec02-point {
  display: flex;
  justify-content: space-between;
  margin: min(2vw, 25px) auto 0;
  width: min(48.3vw, 580px);
}

.sec02-point li {
  width: 31%;
}

.sec02-txt {
  margin: min(2.5vw, 30px) auto 0;
  width: min(48.3vw, 580px);
}

@media screen and (max-width:800px) {

  .sec02 {
    padding: max(12.5vw, 50px) max(1.66vw, 20px);
  }

  .sec02-inner {
    padding: 0;
  }

  .sec02-inner .sec02-title em {
    font-size: max(4.5vw, 18px);
    font-style: normal;
    width: max(52.5vw, 210px);
  }

  .sec02-inner .sec02-title em span {
    font-size: max(4vw, 16px);
  }

  .sec02-inner .sec02-title strong {
    font-size: max(5.5vw, 22px);
    line-height: 1.4;
  }

  .sec02-inner .sec02-title strong span {
    font-size: max(4.5vw, 18px);
  }

  .sec02-lead {
    font-size: max(3.25vw, 13px);
  }

  .sec02-point {
    width: 100%;
  }

  .sec02-txt {
    width: 100%;
  }


}

.sec03 {
  margin-top: min(5vw, 60px);
}

#main_column .sec03 h2 {
  position: relative;
  z-index: 2;
  color: #A7792F;
  font-size: min(2.6vw, 32px);
  text-align: center;
  padding-bottom: min(5vw, 60px);
}

#main_column 03 h2::after {
  position: absolute;
  display: block;
  content: '';
  bottom: -26px;
  left: 50%;
  transform: translateX(-26px);
  width: 0;
  height: 0;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  border-top: 26px solid #fff;

}

.sec03-wrap {
  background: url(../20220915/img/sec03_bg.png) repeat center center #fff;
}

.sec03-list {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: min(4.16vw, 50px) 0;
}

.sec03-list li {
  position: relative;
}

.sec03-list li+li {
  margin-top: min(2.08vw, 25px);
}

.sec03-list li::after {
  position: absolute;
  width: calc(100% - min(3.33vw, 40px));
  height: 100%;
  display: block;
  content: '';
  top: 0;
  left: 0;
  background: url(../20220915/img/sec03_item_bg.png);
}

.sec03-list li .section {
  position: relative;
  z-index: 2;
  padding: min(3.33vw, 40px) min(4.16vw, 50px) min(3.33vw, 40px) min(1.2vw, 10px);
}

.sec03-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec03-list-img {
  width: 40%;
}

.sec03-list-txt {
  position: relative;
  width: 56%;
}

.sec03-list-txt .ba {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
}

.sec03-list-txt h3 {
  position: relative;
  z-index: 2;
  margin-top: min(6.16vw, 70px);
  padding: min(2.08vw, 25px);
  font-size: min(2vw, 24px);
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  line-height: 1;
}

.sec03-list-txt p {
  margin-top: min(1.66vw, 20px);
  ;
}


@media screen and (max-width:800px) {

  #main_column .sec03 h2 {
    font-size: max(6vw, 24px);
    line-height: 1.6;
  }

  .sec03-list {
    padding: max(10vw, 40px) 0;
  }

  .sec03-list li+li {
    margin-top: max(5vw, 20px);
  }

  .sec03-list li .section {
    position: relative;
    z-index: 2;
    padding: max(10vw, 40px) max(7.5vw, 30px) max(10vw, 40px) max(5vw, 20px);
  }

  .sec03-list-item {
    flex-direction: column;
  }

  .sec03-list-img {
    width: 100%;
  }

  .sec03-list-txt {
    width: 100%;
    margin-top: max(5vw, 20px);
  }

  .sec03-list-txt .ba {
    width: max(50vw, 180px);
  }

  .sec03-list-txt h3 {
    font-size: max(5vw, 20px);
    padding: max(5vw, 20px) max(2.5vw, 10px);
    margin-top: max(10vw, 40px);
  }

}

.sec04 {
  padding-bottom: min(3.3vw, 40px);
  background: #FAF8FA;
  margin-bottom: min(11.6vw, 140px);
  margin-top: min(7.5vw, 90px);
}

.sec04-ttl {
  text-align: center;
}

.sec04-ttl span img {
  width: min(40vw, 480px);
}

#main_column .sec04-ttl h2 {
  font-size: min(3vw, 36px);
  color: #873272;
  letter-spacing: 0.2em;
  margin-top: min(2.5vw, 30px);
}

.sec04-ttl p {
  font-size: min(1.5vw, 18px);
  margin-top: min(1.6vw, 20px);
}

.sec04-inner {
  transform: translateY(min(-4.2vw, -50px));
}

.sec04-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: calc(1000px + min(6.6vw, 80px));
  padding: 0 min(3.3vw, 40px);
  margin: min(5vw, 60px) auto 0;
}

.sec04-list li {
  width: 48%;
}

.sec04-list li:nth-child(n + 3) {
  margin-top: min(3.33vw, 40px);
}

.sec04-list li dl {
  border-top: solid 1px #000;
  margin-top: min(1.6vw, 20px);
}

.sec04-list li dt {
  font-size: min(1.5vw, 18px);
  font-weight: 500;
  color: #873272;
  padding-top: min(1.6vw, 20px);
}

.sec04-list li dd {
  padding-top: min(0.8vw, 10px);
  padding-bottom: min(1.6vw, 20px);
  border-bottom: solid 1px #000;
}



@media screen and (max-width:800px) {


  .sec04-inner {
    transform: translateY(min(-5vw, -20px));
  }

  .sec04-ttl span img {
    width: max(62.5vw, 250px);
  }

  .sec04-ttl {
    padding: 0 max(5vw, 20px);
  }

  #main_column .sec04-ttl h2 {
    font-size: max(5vw, 24px);
    color: #873272;
    letter-spacing: 0.2em;
    margin-top: min(2.5vw, 30px);
  }

  .sec04-ttl p {
    font-size: max(4vw, 16px);
    margin-top: min(1.6vw, 20px);
  }

  .sec04-list {
    flex-direction: column;
    padding: 0 max(5vw, 20px);
  }

  .sec04-list li {
    width: 100%;
  }

  .sec04-list li+li {
    margin-top: max(7.5vw, 30px) !important;
  }

  .sec04-list li dl {
    margin-top: max(5vw, 20px);
  }

  .sec04-list li dt {
    font-size: max(4vw, 16px);
    padding-top: max(2.5vw, 20px);
  }

  .sec04-list li dd {
    padding-top: max(2.5vw, 10px);
    padding-bottom: max(5vw, 20px);
    border-bottom: solid 1px #000;
  }


}

.sec05 {
  padding: min(3.33vw, 40px) 0 min(5.83vw, 70px);
  background: url(../20220915/img/sec05_bg.png) no-repeat center center;
  background-size: cover;
}

.sec05-inner {
  max-width: 1040px;
  padding: 0 min(1.6vw, 20px);
}

#main_column .sec05 h2 {
  text-align: center;
  padding: 0 min(1.6vw, 20px);
}

.sec05-main {
  padding: 0 min(1.6vw, 20px);
  padding: min(2.5vw, 30px) min(4.1vw, 50px);
  margin: min(4.1vw, 50px) auto 0;
  background: #fff;
}

.sec05-list {
  max-width: 1000px;
  margin: min(4.1vw, 50px) auto 0;
}

.sec05-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 60px;
}

.sec05-list li {
  width: 48%;
  border: solid 10px #C7D4E8;
  background: #fff;
  padding: min(2.5vw, 30px) min(3.3vw, 40px);
}

.sec05-list li:nth-child(n + 3) {
  margin-top: 40px;
}

.sec05-list-p {
  text-align: center;
}

.sec05-list li h3 {
  font-size: min(2vw, 24px);
  color: #2F5DA7;
  font-weight: 500;
  text-align: center;
  margin-top: min(0.8vw, 10px);
}

.sec05-list-t {
  margin-top: min(1.6vw, 20px);
}



@media screen and (max-width:800px) {

  .sec05 {
    padding: max(10vw, 40px) max(5vw, 20px);
    background: url(../20220915/img/sec05_bg.png) no-repeat center center;
    background-size: cover;
  }

  .sec05-inner {
    padding: 0;
  }

  #main_column .sec05 h2 img {
    width: max(70vw, 280px);
  }

  .sec05-main {
    padding: max(5vw, 20px);
    margin: max(12.5vw, 50px) auto 0;
    background: #fff;
  }

  .sec05-list {
    flex-direction: column;
    margin: max(5vw, 20px) auto 0;
  }

  .sec05-list li {
    width: 100%;
    padding: min(5vw, 20px);
  }

  .sec05-list li+li {
    margin-top: max(5vw, 20px) !important;
  }

  .sec05-list-p {
    text-align: center;
  }

  .sec05-list li h3 {
    font-size: max(5vw, 20px);
  }

}


.sec06 {
  margin-top: min(8.3vw, 100px);
}

#main_column .sec06 h2 {
  text-align: center;
  font-size: min(2.6vw, 32px);
  color: #2F5DA7;
}

.sec06-inner {
  margin-top: min(3.75vw, 45px);
  background: url(../20220915/img/sec06_bg.png) no-repeat top center;
  background-size: 1442px 1005px;
}

.sec06-bl01 {
  text-align: center;
}

.sec06-inner .sec06-bl02 {
  margin-top: min(3.33vw, 40px);
  padding: min(3.75vw, 45px) min(8.3vw, 100px);
  background: #fff;
}

.sec06-bl02-box01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec06-bl02-box01-in {
  width: 60%;
}

.sec06-bl02-box01-in h3 {
  font-size: min(2vw, 24px);
  color: #fff;
  background: #000;
  text-align: center;
  font-weight: 500;
  padding: 0.5em 0;
}

.sec06-bl02-box01-in dl {
  display: flex;
  font-weight: 500;
}

.sec06-bl02-box01-in dt {
  border-bottom: solid 3px #1a1a1a;
  width: 8em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em 0;
}

.sec06-bl02-box01-in dd {
  margin-bottom: 1px;
  border-bottom: solid 1px #1a1a1a;
  flex: 1;
  padding: 1em 2em;
}

.sec06-bl02-box01-in dd ul {
  list-style: disc;
  margin-left: 1.2em;
}

.sec06-bl02-box01-ph {
  width: 28%;
}

.sec06-bl02-box02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: min(6.66vw, 80px);
}

.sec06-bl02-box02-ph {
  width: 18%;
}

.sec06-bl02-box02-in {
  width: 76%;
}

.sec06-bl02-box02-in h3 {
  font-size: min(2vw, 24px);
  color: #873272;
}

.sec06-bl02-box02-in p {
  margin-top: min(2.5vw, 30px);
}

@media screen and (max-width:800px) {

  .sec06 {
    margin-top: max(15vw, 60px);
  }

  #main_column .sec06 h2 {
    font-size: max(6vw, 24px);
  }

  .sec06-inner {
    margin-top: max(5vw, 20px);
    background-size: cover;
  }

  .sec06-bl01 {
    padding: 0 max(5vw, 20px);
  }

  .sec06-inner .sec06-bl02 {
    margin: max(5vw, 20px);
    padding: max(5vw, 20px);
    background: #fff;
  }

  .sec06-bl02-box01 {
    flex-direction: column;
  }

  .sec06-bl02-box01-in {
    width: 100%;
  }

  .sec06-bl02-box01-in h3 {
    font-size: max(4.5vw, 18px);
  }

  .sec06-bl02-box01-in dt {
    width: 7em;
  }

  .sec06-bl02-box01-in dd {
    padding: 1em 0 1em 1em;
  }

  .sec06-bl02-box01-ph {
    margin-top: max(5vw, 20px);
    width: 60%;
  }

  .sec06-bl02-box02 {
    flex-direction: column;
    margin-top: max(1vw, 40px);
  }

  .sec06-bl02-box02-ph {
    width: 30%;
  }

  .sec06-bl02-box02-in {
    width: 100%;
  }

  .sec06-bl02-box02-in h3 {
    font-size: max(4.5vw, 18px);
    margin-top: max(5vw, 20px);
  }

  .sec06-bl02-box02-in p {
    margin-top: max(5vw, 20px);
  }

}

.sec07 {
  position: relative;
  padding-bottom: max(3.33vw, 40px);
}

.sec07::before,
.sec07::after {
  position: absolute;
  display: block;
  content: '';
  height: 93%;
}

.sec07::before {
  width: 14.5%;
  background: url(../20220915/img/sec07_bg.png) no-repeat center center;
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 3;
}

.sec07::after {
  width: 88.7%;
  background: #FAF8FA;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.sec07-ttl {
  position: relative;
  z-index: 4;
  text-align: center;
}

.sec07-ttl span img {
  width: min(33vw, 397px);
}

#main_column .sec07-ttl h2 {
  font-size: min(3vw, 36px);
  color: #873272;
  letter-spacing: 0.2em;
}

.sec07-inner {
  margin-top: min(0.8vw, 10px);
  position: relative;
  z-index: 4;
}

.sec07 p {
  text-align: center;
}


@media screen and (max-width:800px) {

  .sec07 {
    padding-bottom: max(10vw, 40px);
  }

  .sec07::before,
  .sec07::after {
    height: 96.5%;
  }

  .sec07::before {
    width: 10.5%;
  }

  .sec07::after {
    width: 92.7%;
    background: #FAF8FA;
    bottom: 0;
    right: 0;
    z-index: 2;
  }

  .sec07-inner {
    margin-top: max(1vw, 40px);
  }

  .sec07-ttl span img {
    width: max(62.5vw, 250px);
  }

  .sec07-ttl {
    padding: 0 max(5vw, 20px);
  }

  #main_column .sec07-ttl h2 {
    font-size: max(5vw, 24px);
    color: #873272;
    letter-spacing: 0.2em;
  }

  .sec07-ttl p {
    font-size: max(4vw, 16px);
    margin-top: min(1.6vw, 20px);
  }

  .sec07 p {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

}

.sec08 {
  position: relative;
  background-color: #FFFCFA;
}

.sec08-inner {
  background: url(../20220915/img/sec08_bg.png) no-repeat top center;
  background-size: 1440px 1219px;
  padding: min(6.6vw, 80px) 0;
}

#main_column .sec08-inner h2 {
  text-align: center;
}

.sec08-inner-store {
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  margin-top: min(5vw, 60px);
  padding: min(4.1vw, 50px) min(8.3vw, 100px) min(5.8vw, 70px);
}

.sec08-inner-store h3 {
  text-align: center;
  color: #873272;
  font-size: min(2vw, 24px);
  font-weight: 500;
}

.sec08-inner-store h3 span {
  display: block;
}

.sec08-inner-store ul {
  margin-top: min(4.1vw, 50px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sec08-inner-store li {
  text-align: center;
  font-weight: bold;
  width: 23.5%;
}

.sec08-inner-store li:nth-child(n + 5) {
  margin-top: min(3.33vw, 40px);
}

.sec08-inner-store-txt {
  margin-top: 1em;
}

@media screen and (max-width:800px) {

  .sec08-inner {
    background: none;
    padding: max(10vw, 40px) max(5vw, 20px);
  }

  #main_column .sec08-inner h2 {
    text-align: center;
    padding: 0 max(5vw, 20px);
  }

  .sec08-inner-store {
    margin-top: max(7.5vw, 30px);
    padding: max(7.5vw, 30px) max(5vw, 20px) max(7.5vw, 30px);
  }

  .sec08-inner-store h3 {
    font-size: max(5vw, 20px);
  }

  .sec08-inner-store ul {
    margin-top: max(7.5vw, 30px);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .sec08-inner-store li {
    width: 48%;
  }

  .sec08-inner-store li:nth-child(n + 3) {
    margin-top: max(5vw, 20px);
  }

}

.sec09 {
  margin-top: min(6.6vw,80px);
  margin-bottom: min(13.3vw,160px);
}

#main_column .sec09 h2 {
  text-align: center;
}

.qa {
  max-width: 1000px;
  margin: min(6.6vw,80px) auto 0;
}

.qa dt {
  position: relative;
  font-weight: bold;
  font-size: min(1.5vw,18px);
  margin-top: min(2.5vw,30px);
  padding: min(1vw,12px) 0 min(1vw,12px) min(8.75vw,105px);
}

.qa dt::before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: min(7.5vw,90px);
  color: #2F5DA7;
  border-right: solid 1px #023758;
  line-height: 1;
  padding-right: min(1.6vw,20px);
  background: url(../20220915/img/q.png) no-repeat center center;
  background-size: 29px 39px;
}

.qa dd {
  margin-top: min(1.66vw,20px);
  position: relative;
  border-bottom: solid 1px #023758;
  margin-left: min(8.75vw,105px);
  padding: min(0.4vw,5px) 0 min(2.5vw,30px) min(5.8vw,70px);
}

.qa dd::before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: min(5vw,60px);
  color: #2F5DA7;
  line-height: 1;
  padding-right: min(1.6vw,20px);
  background: url(../20220915/img/a.png) no-repeat top center;
  background-size: 24px 36px;
}


@media screen and (max-width:800px) {

  .sec09 {
    margin-top: max(15vw,60px);
    margin-bottom: min(25vw,100px);
  }
  
  #main_column .sec09 h2 {
    text-align: center;
  }
  
  .qa {
    margin: max(10vw,40px) auto 0;
    padding: 0 max(5vw,20px);
  }
  
  .qa dt {
    font-size: max(4vw,16px);
    margin-top: max(5vw,20px);
    padding: max(3vw,12px) 0 max(3vw,12px) max(15vw,60px);
  }
  
  .qa dt::before {
    width: max(12.5vw,50px);
    padding-right: max(5vw,20px);
  }
  
  .qa dd {
    margin-top: max(2.5vw,10px);
    margin-left: max(15vw,60px);
    padding: max(2vw,8px) 0 max(5vw,20px) max(12.5vw,50px);
  }
  
  .qa dd::before {
    width: max(12.5vw,50px);
  }

}

/* ------------------------------ */