/* terms
 * ========================================================================== */
 
 .wig-terms-intro{
  margin: auto;
  padding: 0 0 3em;
  width: 90%;
  max-width: 88rem;
}

 .terms-title{
  position: relative;
  margin: 1em 0;
  padding: 0;
  display: block;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}

.terms-sub-title{
  position: relative;
  margin: 2em 0 1em;
  padding: 0 0 0.5em 0;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
  border-bottom: dotted 1px #333;
}

.terms-sub-title-02{
  position: relative;
  margin: 2em 0 1em;
  padding: 0 0 1em 0;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  border-bottom: solid 1px #333;
}

.info-bg{
  margin: 1em auto;
  padding: 1.5em;
  width: 100%;
  display: block;
  background-color: #f1f1f1;
}

.wig-terms-intro .info-dl{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1em auto;
  font-size: 1.6rem;
  line-height: 1.6;
}

.wig-terms-intro .info-dl dt{
  padding: 1.2em;
  width: 25%;
  border-bottom: solid 1px #333;
}

.wig-terms-intro .info-dl dd{
  padding: 1.2em;
  width: 75%;
  border-bottom: solid 1px #333;
}

.wig-terms-intro .card-area img{
  display: block;
  max-width: 38rem;
  margin: 0.7rem;
}



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

.wig-terms-intro .info-dl{
  display: block;
  width: 100%;
}

.wig-terms-intro .info-dl dt {
  width: 100%;
  padding: 0.7em;
  font-weight: 500;
  border-bottom: dotted 1px #ccc;
  background-color: #f1f1f1;
}
  
.wig-terms-intro .info-dl dd{
  width: 100%;
  border-bottom: none;
}

  
}/* End max 640 */



.aspect-3-2 { aspect-ratio: 3 / 2;}




/* terms-accordion */

.terms-accordion-title{
  position: relative;
  margin: 1em 0 0em;
  padding: 0 0 1em 0;
  display: block;
  color: #00aeef;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.6;
  text-align: left;
}

.terms-accordion-title-02{
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.6;
  border-bottom: 0.1rem solid #999;
}


.accordion {
  padding: 0rem 0rem 0rem 2rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.accordion.open {}

.terms-accordion-trigger {
  position: relative;
  cursor: pointer;
  padding: 1rem 1rem 1rem 4rem ;
}

.terms-accordion-trigger:hover {
  opacity: 0.7;
}

.terms-accordion-trigger::before,
.terms-accordion-trigger::after {
  position: absolute;
  top: 48%;
  left: 1rem;
  width: 1.8rem;
  height: 0.2rem;
  background-color: #00aeef;
  transition: all 0.4s ease;
  content: "";
  z-index: 10;
}

.terms-accordion-trigger::before { transform: translateY(-50%) rotate(90deg);top: 50%;}
.terms-accordion-trigger.active::before { transform: rotate(180deg);}
.terms-accordion-trigger.active::after { opacity: 0;}



/* 3DSecure */

.mt-1{ margin-top: 1em;}
.mt-2{ margin-top: 2em;}
.mt-4{ margin-top: 4em;}
.mb-1{ margin-bottom: 1em;}
.padding-2{ padding: 2em;}

.wig-terms-intro .photo.landscape img{
  max-width: 48rem;
  margin: auto;
  display: block;
}

.terms .contents-section.secure .section-sub-title-01{
  position: relative;
  padding: 0.8rem 0;
  border-bottom: 0.1rem solid #999;
  letter-spacing: 0.05em;
  font-size: 2.3rem;
  color: #333;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
}

.terms .image-box{
  position: relative;
  margin: auto;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.terms img.secure_image{ border: 0.1rem solid #999;}

.terms .image-box.image-size-m{ max-width: 40rem;}
.terms .image-box.image-size-l{ max-width: 60rem;}

.terms .image-box img{
 max-width: unset;
 margin: unset;
}

.terms section .inner-block.border-blue { border: 1px solid #00aeef;}

.notice-txt-r{
  color: rgb(255, 51, 0);
}

.aspect-3-2 { aspect-ratio: 3 / 2;}
.aspect-10-1 { aspect-ratio: 10 / 1;}

.list-ol{
 list-style: auto;
 padding: inherit;
}


/* LINK ARROW */
.arrow{ position: relative; display: inline-block;}

.arrow-m{ padding-left: 1.6rem;}

.arrow-m::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-top: 0.2rem solid #00aeef;
  border-right: 0.2rem solid #00aeef;
  transform: rotate(45deg);
  content: "";
}