@charset "utf-8";
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
}
html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  line-height: 1.5;
  font-size: 1.4rem;
  color: #333333;
}
body, main, section, h1, h2, h3, p, ul, li, dl, dd, figure {
  margin: 0;
  padding: 0;
}
.headTitleBox {
  margin-bottom: 0;
}
.contentsWrap {
  width: 100%;
}
.oneContents .contentsWrap #main {
  width: 100%;
}
#main {
  padding: 0;
}
/*==========*/
#footerLink {
  margin-top: 0;
}
/*=====main=====*/
.pcOnly {
  display: none;
}
.main-inner {
  padding-top: 11%;
  background: url("../images/idx_bg01.webp") repeat-y center top;
  background-size: 100%;
}
.contents01 h2 {
  margin: 0 3% 5%;
}
.main-inner .cp {
  padding: 15% 3% 0;
}
.main-inner .cp img {
  border: 4px solid #fff;
  border-radius: 6px;
}
.mov_area {
  margin: 0 5%;
}
.mov_area video {
  width: 100%;
  max-width: 100%;
  border: 6px solid #fff;
  border-radius: 6px;
}
.contents02 {
  margin: 10% 0;
  padding: 11% 0 ;
  background: #fff;
}
.contents02 p {
  margin: 2% 13% 5%;
}
.contents02 .btn {
  margin: 0 7%;
}
.contents03 {
  margin: 15% 3% 10%;
}
.contents03 h2 {
  margin-bottom: 6%;
}
.contents03 p {
  margin-top: 3%;
}
.contents03 p.bold {
  font-size: 2.0rem;
  color: #e60f0f;
}
.contents03 .btn:not(:first-child) {
  margin-top: 12%;
}
.cash {
  margin: 10% 3%;
  padding: 3% 3% 7%;
  background: #fff;
  border-radius: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cash h2 {
  margin-bottom: 3%;
  color: #023894;
  font-weight: bold;
  font-size: 2.4rem;
  border-bottom: 2px solid #023894;
}
.cash ul {
  display: flex;
  gap: 10px 8px;
}
.cash .barcodepay {
  flex-wrap: wrap;
}
.cash .barcodepay li img {
  height: 40px;
}
.cash .credit li img {
  height: 35px;
}
.cash .wrap + .wrap {
  margin-top: 5%;
}
.cash .wrap p {
  margin-bottom: 3%;
  font-weight: bold;
  font-size: 1.6rem;
  color: #023894;
  text-align: center;
}
.contents04 {
  padding: 9% 3% 12%;
  background: #ffeda8;
}
.contents04 h2 {
  margin: 0 18% 5%;
}
.contents04 .anchor {
  display: flex;
  align-items: stretch;
  padding: 0;
  margin-bottom: 10%;
}
.contents04 .anchor li {
  display: flex;
  align-items: stretch;
}
.contents04 .anchor li a{
  position: relative;
  font-size: 1.8rem;
  text-decoration: none;
  color: #f78900;
  background: #fff;
  border: solid 2px #f78900;
  border-radius: 15px;
  padding: 15% 5% 20%;
  text-align: center;
}
.contents04 .anchor li:nth-of-type(n+2) {
  margin-left: 2%;
}
.contents04 .anchor li a::after {
    content: "";
    display: inline-block;
    position: absolute;
    border-top: 11px solid #f78900;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 86%;
    left: calc(50% - 10px);
}
.contents04 .anchor li dt {
  margin: 0 7% 12%;
}
.contents04 .anchor li:nth-of-type(2) a::after {
  border-top: 11px solid #fc6216;
}
.contents04 .anchor li:nth-of-type(2) dd {
  margin-top: 20%;
}
.contents04 .anchor li:nth-of-type(3) a::after {
  border-top: 11px solid #e94609;
}
.contents04 .step section .stepAnchor {
  color: #f78900;
  font-size: 1.6rem;
  background: #fff;
  padding: 5% 3%;
  border: solid 2px #f78900;
  border-radius: 15px;
  text-align: center;
}
.contents04 .step section h3 {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 3%;
}
.contents04 .step section h3 img {
  padding: 0 35% 2%;
}
.contents04 .step section .imWrap {
  display: flex;
  margin: 5% 3% 0;
}
.contents04 .step section .imWrap figure + figure {
  margin-left: 4%;
}
.contents04 .step section:nth-of-type(n+2) .stepAnchor {
  margin-top: 10%;
}
.contents04 .anchor li:nth-of-type(2) a , .contents04 .step section:nth-of-type(2) .stepAnchor {
  color: #fc6216;
  border: solid 2px #fc6216;
}
.contents04 .anchor li:nth-of-type(3) a , .contents04 .step section:nth-of-type(3) .stepAnchor {
  color: #e94609;
  border: solid 2px #e94609;
}
.contents04 .linkWrap {
  margin-top: 10%;
}
.contents04 .linkWrap div + div {
  margin-top: 5%;
}

/*=====limitedContents=====*/
.limitedContents h2{
  background-color: #ffffff;
  padding: 5% 9% 4%;
}
.limitedContents .bgWrap{
  background-image: url("../images/idx_bg02.webp");
  background-size: 21%;
  padding: 12% 4% 7%;
}
.limitedContents .flexBox{
  margin: 0 6%;
  display: flex;
}
.limitedContents .flexBox p{
  width: 72%;
}
.limitedContents .flexBox figure{
  width: 28%;
}
.limitedContents .bottomTx{
  margin: 4% 0 7%;
}
.limitedContents .btn a{
  display: inline-block;
  background-color: #f8b500;
  padding: 5% 6% 4%;
  border-radius: 10px;
}
.limitedContents .att{
  color: #ffffff;
  margin-top: 7%;
}

.main-inner details {
  padding: 5% 3% 12%;
  background: #ffeda8;
}
.main-inner details summary {
  position: relative;
  list-style: none;
  font-size: 2.2rem;
  font-weight: bold;
  color: #221815;
  border-bottom: 4px solid #e94609;
}
.main-inner details summary::-webkit-details-marker {
  display: none;
}
.main-inner  details summary::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 22px;
  height: 15px;
  background: url("../images/idx_ic01.webp");
  background-size: 22px 15px;
  right: 0;
  bottom: calc(50% - 8px);
  
}
.main-inner  details[open] summary::after {
   transform:rotate(180deg); 
}
.main-inner  details div {
  padding: 5% 3% 7%;
  background: #fffae8;
}
.main-inner  details dl:nth-of-type(n+2) {
  margin-top: 5%;
}
.main-inner  details dl dt {
  font-weight: bold;
}
.main-inner  details a:visited {
    color: #398fdf;
    text-decoration: underline;
}
/*=====mediaQuery=====*/
@media screen and (min-width:751px), print {
  .pcOnly {
    display: inline-block;
  }
  .spOnly {
    display: none;
  }
  #main {
    background-image: linear-gradient(-45deg, #f0f0f0 25%, #f6f6f6 25%, #f6f6f6 50%, #f0f0f0 50%, #f0f0f0 75%, #f6f6f6 75%, #f6f6f6);
    background-size: 15px 15px;
  }
  #main h1 {
    text-align: center;
  }
  .main-inner {
    width: 1000px;
    margin: 0 auto ;
    padding: 50px 0 0;
    background: url("../images/idx_bg01_pc.webp") repeat-y center top;
    background-size: auto;
  }
  .contents01 h2 {
    width: 665px;
    margin: 0 auto;
  }
  .contents01  p {
    margin-top: -165px;
  }
  .main-inner .cp {
    margin: 90px auto 0;
    padding: 0;
    width: 800px;
  }
  .mov_area {
    margin: 0 auto;
    width: 630px;
    height: 476px;
  }
  .contents02 {
    margin: 50px 0 60px;
    padding: 25px 0 60px;
    background: #fff;
    text-align: center;
  }
  .contents02 p {
    margin: -43px 0 20px;
  }
  .contents02 .btn {
    width: 500px;
    margin: 0 auto;
  }
  .contents03 {
    margin: 100px 30px 70px;
  }
  .contents03 h2 {
    width: 615px;
    margin: 0 auto 35px;
  }
  .contents03 .flexWrap {
    display: flex;
    justify-content: space-between;
  }
  .contents03 .flexWrap .item {
    padding: 20px;
    width: 460px;
    color: #fff;
    border-radius: 30px;
  }
  .contents03 .flexWrap .appWrap {
    background: #ee7800;
  }
  .contents03 .webWrap {
    background: #e94609;
  }
  .contents03 .item h3,
  .contents03 .item .qr {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .contents03 .item h3 {
    margin-bottom: 20px;
  }
  .contents03 .item p + p {
    margin-top: 15px;
  }
  .contents03 p.bold {
    margin-top: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
  }
  .cash {
    margin: 70px 30px;
    padding: 20px 50px 30px;
  }
  .cash h2 {
    margin-bottom: 15px;
    font-size: 3.6rem;
  }
  .cash ul li:not(:last-child) {
    margin-right: 15px;
  }
  .cash .barcodepay li img {
    height: 55px;
  }
  .cash .credit li img {
    height: 55px;
  }
  .cash .wrap + .wrap {
    margin-top: 15px;
  }
  .cash .wrap p {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
  .contents04 {
    padding: 60px 30px 80px;
  }
  .contents04 h2 {
    width: 420px;
    margin: 0 auto 40px;
  }
  .contents04 .anchor {
    margin-bottom: 60px;
    justify-content: space-between;
  }
  .contents04 .anchor li a{
    width: 300px;
    height: 180px;
    font-size: 2.4rem;
    border: solid 3px #f78900;
    border-radius: 20px;
    padding: 30px 0 30px;
  }
  .contents04 .anchor li:nth-of-type(n+2) {
    margin-left: 0;
  }
  .contents04 .anchor li a::after {
    content: "";
    display: inline-block;
    position: absolute;
    border-top: 18px solid #f78900;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    top: 145px;
    left: calc(50% - 16px);
  }
  .contents04 .anchor li dt {
    width: 135px;
    margin: 0 auto 15px;
  }
  .contents04 .anchor li:nth-of-type(2) a::after {
    border-top: 18px solid #fc6216;
  }
  .contents04 .anchor li:nth-of-type(2) dd {
    margin-top: 0;
  }
  .contents04 .anchor li:nth-of-type(3) a::after {
    border-top: 18px solid #e94609;
  }
  .contents04 .step section .stepAnchor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.2rem;
    padding: 20px 35px;
    border: solid 3px #f78900;
    border-radius: 20px;
    text-align: left;
  }
  .contents04 .step section h3 {
    font-size: 3.5rem;
    margin-bottom: 20px;
  }
  .contents04 .step section h3 img {
    width: 150px;
    padding: 0 0 10px;
  }
  .contents04 .step section .txWrap {
    width: 420px;
    }
  .contents04 .step section .imWrap {
    width: 422px;
    margin: 0;
  }
  .contents04 .step section .imWrap figure + figure {
    margin-left: 20px;
  }
  .contents04 .step section:nth-of-type(n+2) .stepAnchor {
    margin-top: 40px;
}
  .contents04 .anchor li:nth-of-type(2) a , .contents04 .step section:nth-of-type(2) .stepAnchor {
    border: solid 3px #fc6216;
  }
  .contents04 .anchor li:nth-of-type(3) a , .contents04 .step section:nth-of-type(3) .stepAnchor {
    border: solid 3px #e94609;
  }
  .contents04 .linkWrap {
    margin: 60px 45px 0;
  }
  .contents04 .linkWrap div + div {
    margin: 0;
  }
  .contents04 .linkWrap .pcOnly {
    display: flex;
    justify-content: space-between;
    text-align: center;
  }
  .contents04 .linkWrap .pcOnly .qrWrap {
    display: flex;
    margin: 15px 30px 0;
  }
  .contents04 .linkWrap .pcOnly .qrWrap p + p {
    margin-left: 40px;
  }
  .contents04 .linkWrap .pcOnly .qr {
    margin-top: 15px;
  }
  
  /*=====limitedContents=====*/
  .limitedContents h2{
    padding: 30px 0 25px;
    text-align: center;
  }
  .limitedContents h2 img{
    width: 580px;
  }
  .limitedContents .bgWrap{
    background-size: 140px;
    padding: 50px 0 30px;
  }
  .limitedContents .flexBox{
    margin: 0 70px 0 75px;
    justify-content: space-between;
    align-items: center;  
  }
  .limitedContents .bgWrap > p:nth-of-type(-n+2){
    text-align: center;
  }
  .limitedContents .flexBox p{
    width: 675px;
  }
  .limitedContents .flexBox figure{
    width: 170px;
  }
  .limitedContents .bottomTx{
    margin: 30px 0 70px;
  }
  .limitedContents .qrWrap{
    background-color: #f8b500;
    padding: 28px 0 22px 85px;
    position: relative;
    display: block;
  }
  .limitedContents .qrWrap p:nth-of-type(2){
    position: absolute;
    width: 150px;
    top: -30px;
    right: 115px;
  }
  .limitedContents .att{
    color: #ffffff;
    margin: 70px 0 0 30px;
  }
  
  .main-inner details {
    padding: 50px 30px 60px;
  }
  .main-inner details summary {
    font-size: 3.0rem;
    border-bottom: 3px solid #e94609;
  }
  .main-inner  details summary::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 28px;
    height: 19px;
    background: url("../images/idx_ic01.webp");
    background-size: 28px 19px;
    right: 0;
    bottom: calc(50% - 8px);
  }
  .main-inner  details div {
    padding: 30px;
    background: #fffae8;
    font-size: 1.6rem;
  }
  .main-inner  details dl:nth-of-type(n+2) {
    margin-top: 15px;
  }
}