/* #MARGINS #PADDINGS
================================================== */
.m-0 {margin:0 !important;}
.m-10 {margin:2px;}

.mt-min-30 {margin-top:-30px;}
.mt-min-35 {margin-top:-35px;}
.mt-min-180 {margin-top:-180px;}
.mt-min-120{margin-top:-120px;}
.mt-min-210 {margin-top:-210px;}
.mt-min-500 {margin-top:-500px;}
.mt-0 {margin-top:0 !important;}
.mt-5 {	margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-55 {margin-top:55px}
.mt-60 {margin-top:60px !important;}
.mt-70 {margin-top:70px }
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}
.mt-110 {margin-top:110px;}
.mt-150 {margin-top:150px;}
.mt-170 {margin-top:170px;}

.mr-0 {	margin-right:0 !important;}
.mr-5 {margin-right:5px;}
.mr-7 {margin-right:7px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}

.mb-0 {margin-bottom:0 !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-23 {margin-bottom:23px}
.mb-40 {margin-bottom:40px !important;}
.mb-45 {margin-bottom:45px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-35 {margin-bottom:35px !important;}
.mb-50 {margin-bottom:50px }
.mb-60 {margin-bottom:60px !important;}
.mb-70 {margin-bottom:70px !important;}
.mb-75 {margin-bottom:75px;}
.mb-80 {margin-bottom:80px !important;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}
.mb-110 {margin-bottom:110px;}
.mb-140 {margin-bottom:140px;}
.mb-160 {margin-bottom:160px;}
.mb-170 {margin-bottom:170px;}
.mb-180 {margin-bottom:180px;}
.mb-210 {margin-bottom:210px;}

.ml-0 {margin-left:0px !important;}
.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !important;}

.mlr-1 {margin-left: 1px; margin-right: 1px;}
.mlr-10 {margin-left: 10px; margin-right: 10px;}
.mlr-30 {margin-left: 30px; margin-right: 30px;}
.mlr-min-30 {margin-left: -30px !important; margin-right: -30px !important;}

.p-0 {padding:0 !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px;}
.p-25 {padding:25px;}
.p-40 {padding:40px;}

.pt-0 {padding-top:0px;}
.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-36 {padding-top:36px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-55 {padding-top:55px;}
.pt-60 {padding-top:60px;}
.pt-65 {padding-top:65px;}
.pt-70{padding-top:70px;}
.pt-75{padding-top:75px;}
.pt-80{padding-top:80px;}
.pt-95 {padding-top:95px;}
.pt-100 {padding-top:100px;}
.pt-130 {padding-top:130px;}
.pt-140 {padding-top:140px;}
.pt-250 {padding-top:250px;}

.pr-0 {	padding-right:0 !important;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:20px;}
.pr-75{padding-right:75px;}

.pb-0 {	padding-bottom:0px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-20 {padding-bottom:20px}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px;}
.pb-45 {padding-bottom:45px;}
.pb-50 {padding-bottom:50px;}
.pb-55 {padding-bottom:55px;}
.pb-60 {padding-bottom:60px;}
.pb-65 {padding-bottom:65px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-130 {padding-bottom:130px;}
.pb-140 {padding-bottom:140px;}

.pl-0 {padding-left:0 !important;}
.pl-20 {padding-left:20px;}

.plr-0 {padding-left:0 !important;	padding-right:0 !important;}
.plr-1 {padding-left: 1px; padding-right: 1px;}
.plr-5 {padding-left: 5px; padding-right: 5px;}
.plr-10 {padding-left: 10px; padding-right: 10px;}
.plr-15 {padding-left: 15px; padding-right: 15px;}
.plr-20 {padding-left: 20px; padding-right: 20px;}
.plr-30 {padding-left: 30px; padding-right: 30px;}
.plr-40 {padding-left: 40px; padding-right: 40px;}
.plr-50 {padding-left: 50px; padding-right: 50px;}
.pad-login-right {padding-right:0 !important;}

/* #FLOAT
================================================== */

.left{
	float:left; 
}

.right{
	float:right; 
}

/* #ACCORDION
================================================== */

.accordion-head {
   position: relative;
   padding-right: 60px;	
   cursor: pointer;
}

/*下矢印↓*/
.accordion-head:after {
   content: "";
   position: absolute;
   border-right: 3px solid #303c74;
   border-bottom: 3px solid #303c74;
   width: 20px;
   top:5px;
   right: 20px;
   height: 20px;
   transform: rotate(45deg);
}

/*上矢印↑*/
.accordion-head.ac:after {
   content: "";
   position: absolute;
   border-left: 3px solid #303c74;
   border-top: 3px solid #303c74;
   border-right: 0;
   border-bottom: 0;
   width: 20px;
   top:10px;
   right: 20px;
   height: 20px;
   transform: rotate(45deg);
}

.qa-answer{
    display:none;
}

.title-table {
  display: table;
  width: 100%;
}

.title-number {
  display: table-cell;
  width: 1.5em;
  color: #fa7600;
  font-weight: bold;
  padding-right: 0.5em;
  vertical-align: top;
  white-space: nowrap;
}

.title-text {
  display: table-cell;
  vertical-align: top;
  color: #303c74;
  word-break: break-word;
}

.my-divider {
  border: none;
  border-top: 1px solid #747cb9;
  margin: 20px 0;
}

.success {
  background: none !important; 
  color: #fff;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  border: none;
}

.profile-history dt {
  float: left;
  width: 4em;
  font-weight: bold;
}
.profile-history dd {
  margin-left: 4em;
  margin-bottom: 0.5em;
}
.profile-history div {
  overflow: hidden;
}

/*SNS Icon*/
#floating-sns {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  z-index: 9999;
  display: none;
  gap: 16px;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 22px;
}

#floating-sns a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background-color: rgba(36, 35, 46, 0.6);
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  font-size: 20px;
  transition: background 0.3s ease;
}

#floating-sns a:hover {
  background-color: #fa7600;
}

#floating-sns.show {
  opacity: 1;
}

/*video*/
.video-wrapper {
  padding: 0 20px; /* 左右に余白を入れてスワイプ余地を作る */
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto; /* デフォルトのままでOK */
}

.swiper-pagination {
  position: static !important;   /* ← 絶対配置を無効にする */
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  gap: 12px;
  margin-top: 20px;   
}

.swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background-color: #ccc;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  background-color: #fa7600;
}

.swiper-slide {
  touch-action: pan-y;
}