@charset "UTF-8";

:root {
  --blue:#005ead;
  --blue2:#6498c4;
  --blue-soft:#e7eef0;
  --ylw:#ffde59;
  --ylw-soft:#ffeb99;
  
  --fs28: clamp(22px, 2vw, 28px);
  --fs26: clamp(20px, 1.85vw, 26px);
  --fs24: clamp(18px, 1.7vw, 24px);
  --fs22: clamp(16px, 1.55vw, 22px);
  --fs20: clamp(15px, 1.4vw, 20px);
  --fs18: clamp(14px, 1.3vw, 18px);
  --fs16: clamp(12px, 1.15vw, 16px);
  --fs14: clamp(11px, 1vw, 14px);
  --fs12: clamp(10px, 0.85vw, 12px);
  --fs10: clamp(8px, 0.7vw, 10px);
}

/*==================== 共通ラップ/ブロック ====================*/
.clm-inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.content-block { margin-top:80px; }
.content-block.fst { margin-top:0; }
.content-block.lst { margin-bottom:80px; }

@media screen and (max-width:600px){
  .content-block { margin-top:50px; }
}

/*==================== 共通テキスト ====================*/
.sp-only,.min-only { display:none; }

.bold { font-weight: bold; }
.tc { text-align:center; }
.clm-catch {
  font-size:var(--fs24);
  text-align:center;
  margin:10px 0;
}
.clm-lead { font-size:var(--fs18); }
.clm-cap { font-size:var(--fs12); }

@media screen and (max-width:600px){
  .pc { display:none; }
  .sp-only { display:block; }
}
@media screen and (max-width:375px){
  .min-only { display:block; }
}

/*==================== 共通余白 ====================*/
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

/*==================== 共通タブエリア ====================*/
.area-content { margin:80px 0; }
.area-content .ac-tab {
  display:flex;
  width:100%;
  gap:10px;
  border-bottom: solid 1px #333;
  margin:20px 0;
}
.ac-tab button {
  flex-grow:1;
  border:solid 1px #333;
  border-bottom:none;
  background:var(--blue-soft);
  cursor:pointer;
  border-radius:8px 8px 0 0;
  font-size:var(--fs18);
  padding:10px 0;
}

.ac-item { display: none; }
.ac-item.is-active { display: block; }
.ac-tab button.is-active { background:var(--ylw); }
.ac-ttl {
  background:var(--ylw);
  text-align:center;
  width:70%;
  margin:0 auto;
  font-weight: bold;
  padding:10px 0;
  border-radius:999px;
  border: solid 1px #333;
  font-size:var(--fs20);
  position:relative;
  z-index:1;
}
.ac-item-box {
  display:flex;
  flex-wrap:wrap;
  background:var(--ylw-soft);
  padding:50px 20px 20px 20px;
  border:solid 1px #333;
  margin-top:-25px;
  position:relative;
}
.ac-item-img {
  position:absolute;
  width:clamp(145px, 9vw, 170px);;
  top:50%;
  right:20px;
  transform: translateY(-50%);
}
.ac-item-box-tx {
  width:80%;
  font-size:var(--fs20);
}
.ac-item-box-tx span { display:inline-block; padding-left:0.5em; font-size:80%; }
.ac-item-box .clm-cap { width:100%; margin-top:10px; }
@media screen and (max-width:600px){
  .area-content { margin:50px 0; }
  .area-content .ac-tab { border:none; flex-wrap:wrap; justify-content:space-between; }
  .ac-ttl { width:80%; padding:5px 0; }
  .ac-tab button { width:48%; border-bottom:solid 1px #333; border-radius:8px; }
  .ac-item-box-tx { width:63%; }
}
@media screen and (max-width:390px){
  .ac-ttl { width:90%; }
  .ac-item-box-tx { min-height:120px; width:50%; font-size:12px; }
  .ac-item-img { transform: translateY(-60%); }
}