@charset "UTF-8";

.m0a {
 margin: 0 auto;
 text-align: center;
}

#purchase {
  margin: 100px auto;
  width: 100%; }


#purchase section {
  padding: 80px 0;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #555;
  margin: 80px auto; }

#purchase section.padding0 {
  padding: 0; }

#purchase section p {
  line-height: 1.5;
  font-weight: 400; 
font-size: 16px !important;
}

#purchase section.greenBg {
  background: #F8F9F3; }

#purchase section .innerArea {
  width: 92%;
  margin: 0 auto;
  max-width: 970px; }

#purchase section p.catchP {
  font-size: 18px!important; 
 margin-bottom: 1.5em;
}

#purchase section p.greenCol {
  color: #499B2F; }

.marketList {
 margin: 40px 0 0 ;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }


.marketList li {
  width: 26%;
  border: #F2F2F2 solid 4px;
  padding: 26px 22px;
  text-align: center; 
}
  .marketList li h3 {
    font-family: "游明朝",
YuMincho,
"ヒラギノ明朝 ProN W3",
"Hiragino Mincho ProN",
"HG明朝E",
"ＭＳ Ｐ明朝",
"ＭＳ 明朝",
serif;
  color: #B39700;
  font-size: 20px !important;
  font-weight: 600;
  margin-bottom: 0.5em; 
   letter-spacing: 0.1em;
}

  .marketList li p {
    text-align: left;
    margin-bottom: 0;
    line-height: 1.4; 
   font-weight: 500;
   font-size: 15px !important;
}

#purchase section h2.head01 {
  position: relative;
  font-size: 30px !important;
  font-weight: 600;
  color: #499B2F;
  font-family: "游明朝",
YuMincho,
"ヒラギノ明朝 ProN W3",
"Hiragino Mincho ProN",
"HG明朝E",
"ＭＳ Ｐ明朝",
"ＭＳ 明朝",
serif;
  text-align: center;
  margin: 0 0 0.3em 0;
  padding: 72px 0 0;
  letter-spacing: 0.1em; }

#purchase section h2.head01:before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  background-size: contain;
  vertical-align: middle; }

#purchase section h2.head01.about:before {
  width: 68px;
  /*画像の幅*/
  height: 71px;
  /*画像の高さ*/
  background: url(../../../../images/en/ic-about.svg) no-repeat; 
}

#purchase section h2.head01.history:before {
  width: 77px;
  /*画像の幅*/
  height: 70px;
  /*画像の高さ*/
  background: url(../../../../images/en/ic-history.svg) no-repeat; 
}

#purchase section h2.head01.market:before {
  width: 73px;
  /*画像の幅*/
  height: 74px;
  /*画像の高さ*/
  background: url(../../../../images/en/ic-market.svg) no-repeat; 
}

#purchase section h2.head01.support:before {
  width: 77px;
  /*画像の幅*/
  height: 70px;
  /*画像の高さ*/
  background: url(../../../../images/en/ic-support.svg) no-repeat; 
}


#purchase section h2.head01.buyingGuide:before {
  width: 68px;
  /*画像の幅*/
  height: 68px;
  /*画像の高さ*/
  background: url(../../../../images/en/ic-buying.svg) no-repeat; 
}

#mv {
  background: url(../../../../images/en/mv-01.jpg) no-repeat;
  background-position: center top;
  min-height: 660px;
  position: relative;
  z-index: -1; 
  margin-top: -46px;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1800px) {
  #mv {
    background-size: 100% auto; } }

#mv div.mvInr {
  position: absolute;
  width: 100%;
  top: 45%;
  left: 50%;
  -webkit-transform: translateY(-45%) translateX(-50%);
  -ms-transform: translateY(-45%) translateX(-50%);
  transform: translateY(-45%) translateX(-50%);
  text-align: center; }

#mv div.mvInr h3 {
  font-size: 86px !important;
  font-weight: 400;
  line-height: 0.95;
  margin-bottom: 0.5em;
 line-height: 1;
  font-family: "游明朝",
YuMincho,
"ヒラギノ明朝 ProN W3",
"Hiragino Mincho ProN",
"HG明朝E",
"ＭＳ Ｐ明朝",
"ＭＳ 明朝",
serif;
  color: #fff;
  text-shadow: 1px 1px 7px #3A6264; }

#mv div.mvInr h2 {
font-family: "游明朝",
YuMincho,
"ヒラギノ明朝 ProN W3",
"Hiragino Mincho ProN",
"HG明朝E",
"ＭＳ Ｐ明朝",
"ＭＳ 明朝",
serif;
 font-size: 43px !important;
 display: block;
 letter-spacing: 0.1em;
 margin: 0 auto -0.4em;
 text-shadow: 1px 1px 7px #3A6264;
}


#mv div.mvInr p {
letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 26px !important;
  line-height: 1.0;
  margin-bottom: 0;
  color: #fff;
  text-shadow: 1px 1px 5px #3A6264;
}



/* Table */
table.bscTbl01 {
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  width: 100%;
  margin: 0; }

table.bscTbl01 th,
table.bscTbl01 td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  line-height: 1.7;
  padding: 17px 15px 14px;
  text-align: left;
  font-weight: 400; }


table.bscTbl01 th {
 width: 22%;
 font-weight: 600; 
}

table.bscTbl01.thS {
margin-top: 30px;
}
table.bscTbl01.thS th {
width: 13%;
}





.accordionMenu {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto; }

.accordionMenu input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.accordionMenu label {
  position: relative;
  display: block;
  padding: 0.7em 3em 0.8em 1.3em;
  cursor: pointer;
  margin: 60px 0 0;
  background: #fff;
  border-bottom: 8px solid #cdd4c7;
  -webkit-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out; }

.accordionMenu input[type=checkbox] + label:hover {
  background: #FFFCF1; }

.accordionMenu label::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  font-size: 100px !important;
  position: absolute;
  top: -85px;
  left: 46.5%;
  color: #CDD4C7;
  text-rendering: auto;
  line-height: 1; }

.accordionMenu.firstCp {
  margin-top: -40px; }

.accordionMenu.firstCp label::before {
  content: none; }

.accordionMenu label span {
  font-weight: 600;
  font-family: "游明朝",
YuMincho,
"ヒラギノ明朝 ProN W3",
"Hiragino Mincho ProN",
"HG明朝E",
"ＭＳ Ｐ明朝",
"ＭＳ 明朝",
serif; }

.accordionMenu label span.stepTlsub {
  color: #B9C1B3;
  font-size: 15px !important;
  font-style: italic;
  display: block; }

.accordionMenu label span.stepTlsub em {
  font-size: 20px !important;
  font-style: italic; }

.accordionMenu label span.stepTlMain {
  color: #B39700;
 letter-spacing: 0.1em;
  line-height: 1;
  font-size: 20px !important;
}

.accordionMenu .accordionMenu-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s;
  -o-transition: max-height 0.35s;
  transition: max-height 0.35s;
  background: #fff; }

.accordionMenu .accordionMenu-content p {
  margin: 1em; }

/* :checked */
.accordionMenu input:checked ~ .accordionMenu-content {
  max-height: 20em; }

/* Icon */
.accordionMenu label::after {
  line-height: 3;
  position: absolute;
  top: 1.8em;
  right: 1em;
  display: block;
  width: 5em;
  height: 3em;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  text-align: center; }

.accordionMenu input[type=checkbox] + label::after {
  content: 'View More';
  font-size: 14px !important;
  color: #B39700;
  font-weight: 600;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.accordionMenu input[type=checkbox]:checked + label::after {
  content: 'Close';
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms; }




.linkList li {
margin: 0 0 0 1em;
 list-style-type: disc;
 text-align: left;
}

.linkList li a {
 color: #499B2F;
 font-weight: 400;
}

.linkList li a:hover {
 color:#B39700;
}


.btnOne {
margin: 60px auto;
 text-align: center;
}

a.btn01 {
    background-color: #fff;
    display: inline-block;
    font-size: 26px !important;
    vertical-align: middle;
    border: #CEBD61 solid 4px;
    color: #CEBD61;
    margin: 0;
    text-align: center;
    width: 92%;
    max-width: 600px;
    min-width: 260px;
    height: 80px;
    cursor: pointer;
    font-weight: bold;
    line-height: 80px;
    position: relative;
}

a.btn01 i {
 margin: 0 0.5em 0 0;;
}

a.btn01:hover {
  background-color: #CEBD61;
  color: #fff;
 text-decoration: none;
}





























@media only screen and (max-width: 768px) {
 
 
 
 #mv {

  margin-top:0;
}

 #mv div.mvInr {

  top: 50%;
 
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
   }
 

#mv div.mvInr h3 {
  font-size: 35px !important;
 line-height: 1;
 }

#mv div.mvInr h2 {

 font-size: 21px !important;

}


#mv div.mvInr p {

  font-size: 13px !important;

}

 
 
 
 
.accordionMenu label {
 padding: 0.4em 3em 0.5em 1.3em;
}
 
 
 
 
 
 
 
 
 
 
 
 
#purchase { margin: 40px auto;}
#purchase section { margin: 40px auto; padding: 40px 0;}
#mv div.mvInr h2 {font-size: 4.0rem; } 
#mv div.mvInr p {font-size: 1.8rem;} 

.marketList {
 margin: 20px 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;

 }
 
.marketList li {width: 100%; margin-bottom: 15px;}
.marketList li:last-child {margin-bottom: 0;}

table.bscTbl01 th, table.bscTbl01 td {display: block; font-size: 1.3rem;}
table.bscTbl01 th, table.bscTbl01 td{width: 100%; font-size: 1.3rem; }
 
table.bscTbl01 th, table.bscTbl01 td{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  line-height: 1.7;
  padding: 10px 8px 7px;
 }
 
 

#purchase section h2.head01 { font-size: 25px !important;}
#purchase section p.catchP {font-size: 14px !important; font-weight: 500;}
 
table.bscTbl01.thS {margin-top: 15px;}
 
.accordionMenu input[type=checkbox] + label::after {
 font-size: 11px !important;
}
 
 .accordionMenu label span.stepTlsub {
 
  font-size: 12px !important;
}

.accordionMenu label span.stepTlsub em {
  font-size: 16px !important;
 
 }

.accordionMenu label span.stepTlMain {

  font-size: 18px !important; }

 
.accordionMenu label::before {left: 42.5%; }

 .linkList li  {
  font-size: 14px !important;}

table.bscTbl01.thS {
margin-top: 15px;
}
table.bscTbl01.thS th {
width: 100%;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
a#plink01, a#plink02, a#plink03, a#plink04 {
margin-top:-110px;
padding-top:110px;
display: inline-block;
 }
 
 
 }
/*▲SP menu▲*/