@charset "utf-8";
/* CSS Document */
img{
  max-width: 100%;
  height: auto;
}
a{
  color: initial;
  text-decoration: unset;
}


/* 共通 */
.acms-admin-box{
  position:relative;
  z-index:1;
}
.ams_spbr{display: inline-block;}
.bold{font-weight: bold;}
.ams_txt{
  font-size: clamp(0.875rem, 0.7372rem + 0.5128vw, 1rem);/*14-16 430-820*/
  line-height: 1.6;
}

header{
  position: relative;
  z-index: 1;
}


.tss_body{
  position: relative;
  isolation: isolate;
  padding-top: 10px;
  background-color: #DB1D2B;
}
.tss_body::before,
.tss_body::after{
  content: '';
  display: block;
  position: fixed;
  z-index: -1;
  width: 33.33%;
  aspect-ratio: 1/1;
  background: url("../img/deco_bg.webp") no-repeat center center / contain;
}
.tss_body::before{
  top: 0;
  left: 0;
}
.tss_body::after{
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}


.ams_wrap{
  container-type: inline-size;
  max-width: 1300px;
  margin-inline: auto;
  padding-top: 10px;
  background-color: #FFF;
  border: 10px solid #CF0010;
}


.ams_mainWrap{
  position: relative;
  isolation: isolate;
  margin-inline: 10px;
}
.ams_mainWrap::before,
.ams_mainWrap::after{
  content: '';
  position: absolute;
  z-index: -1;
  max-width: 380px;
  width: 30.15%;
  aspect-ratio: 1/1;
  background-color: #E60012;
}
.ams_mainWrap::before{
  top: 0;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.ams_mainWrap::after{
  bottom: 0;
  right: 0;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.ams_mainWrap > div{
  position: relative;
  max-width: 1200px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}
.ams_mainWrap > div::before,
.ams_mainWrap > div::after{
  content: '';
  position: absolute;
  width: 76%;
  border: 1px solid #E60012;
}
.ams_mainWrap > div::before{
  top: 0;
  left: 0;
}
.ams_mainWrap > div::after{
  bottom: 0;
  right: 0;
}
.ams_personBlock{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.ams_mainImg{
  padding-top: clamp(2rem, 0.964rem + 3.86vw, 4rem);/*32-64 430-1260*/
  padding-bottom: clamp(1rem, 0.223rem + 2.89vw, 2.5rem);/*16-40 430-1260*/
}
.ams_topTag{max-width: clamp(5.625rem, 2.599rem + 7.02vw, 8.125rem);/*90-130 690-1260*/}
.ams_topTagSpBr{display: none;}


/* ams_txt01 */
.ams_txt01{
  margin-top: clamp(1rem, -0.103rem + 4.1vw, 2rem);/*16-32 430-820*/
  padding-inline: 16px;
  font-size: clamp(0.875rem, 0.4615rem + 1.5385vw, 1.25rem);/*14-20 430-820*/
  color: #E60012;
  line-height: 1.6;
  text-align: center;
}
/* ams_txt02 */
.ams_txt02{
  margin-top: clamp(0.5rem, -0.603rem + 4.1vw, 1.5rem);/*8-24 430-820*/
  padding-inline: 16px;
  font-size: clamp(0.875rem, 0.5994rem + 1.0256vw, 1.125rem);/*14-18 430-820*/
  line-height: 1.6;
  text-align: center;
}
.ams_txt01 .ams_bcbr,
.ams_txt02 .ams_bcbr{display: block;}


/* ams_flxImg */
.ams_flxImg{
  margin-top: clamp(0.75rem, -0.628rem + 5.13vw, 2rem);/*12-32 430-820*/
  padding-inline: 8px;
  text-align: center;
}


/* ams_detailsSec */
.ams_detailsSec{
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 32px;
  padding-inline: 16px;
}
.ams_detailsTtl{
  font-size: clamp(1rem, 0.0353rem + 3.5897vw, 1.875rem);/*16-30 430-820*/
  color: #E60012;
  text-align: center;
}
.ams_detailsDl{
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 8px;
  padding: 32px clamp(0.625rem, 0.212rem + 1.54vw, 1rem) 40px;/*10-16 430-820*/
  border: 1px solid #D4D4D4;
  border-radius: 8px;
}
.ams_detailsDl > *{
  max-width: 880px;
  margin-inline: auto;
  display: flex;
}
.ams_detailsDl > *:not(:first-of-type){
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #BFBFBF;
}
.ams_detailsDl dt{
  flex: 0 0 clamp(2.625rem, -2.75rem + 20vw, 7.5rem);/*42-120 430-820*/
  font-size: clamp(0.75rem, 0.1987rem + 2.0513vw, 1.25rem);/*12-20 430-820*/
  color: #E60012;
  line-height: 1.2;
}
.ams_detailsMdl{font-size: clamp(0.875rem, 0.4615rem + 1.5385vw, 1.25rem);/*14-20 430-820*/}
.ams_detailsDl dd p:not(:first-of-type){margin-top: 8px;}
.ams_detailsDl a{
  display: inline-block;
  font-size: clamp(0.75rem, 0.4744rem + 1.0256vw, 1rem);/*12-16 430-820*/
  margin-inline-start: auto;
  text-decoration: underline;
  text-decoration-color: initial;
  transition: text-decoration-color .3s;
}


/* ams_koushiSec */
.ams_koushiSec{
  max-width: 860px;
  margin-inline: auto;
  margin-top: clamp(1rem, -3.969rem + 18.49vw, 7.125rem);/*16-114 430-960*/
  padding-inline: 16px;
}
.ams_koushiSec>*{
  max-width: 808px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 16px;
  padding: 24px 16px 40px;
  border-radius: 20px;
  border: 1px solid #C9C9B8;
}
.ams_koushiBlock{flex: 1 1 63.95%;}
.ams_koushiTag{
  max-width: 182px;
  width: 100%;
  max-height: 36px;
  margin-bottom: 20px;
  padding-block: 8px;
  color: #FFF;
  text-align: center;
  background-color: #DB1D2B;
}
.ams_koushiTxt02{margin-top: 16px;}


/* ams_noteSec */
.ams_noteSec{
  max-width: 1100px;
  margin-inline: auto;
  margin-top: clamp(1.5rem, -1.34rem + 10.57vw, 5rem);/*24-80 430-960*/
  padding: clamp(1.5rem, 0.689rem + 3.02vw, 2.5rem) 16px;/*24-40 430-960*/
  background-color: #E9E9E9;
  border-radius: 20px;
}
.ams_noteSec > *{
  max-width: 1000px;
  margin-inline: auto;
}
.ams_dotlistCont{
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, -0.077rem + 3.08vw, 1.5rem);/*12-24 430-820*/
  margin-top: 12px;
}
.ams_noteTtl{
  font-size: 0.875rem;
}
.ams_dotlist {
  display: flex;
  align-items: flex-start;
  font-size: clamp(0.875rem, 0.7372rem + 0.5128vw, 1rem);/*14-16 430-820*/
  line-height: 1.7;
}
.ams_dotlist::before {
  content: "";
  flex-shrink: 0;
  width: 7px;
  aspect-ratio: 1 / 1;
  margin-top: calc((1.7em - 7px) / 2);
  margin-right: 8px;
  vertical-align: middle;
  background: #DB1D2B;
  border-radius: 50%;
}


/* ams_formSec */
.ams_formSec{
  margin-top: clamp(2.5rem, 1.397rem + 4.1vw, 3.5rem);/*40-56 430-820*/
  padding-inline: 16px;
}
.amsFormBtn{
  display: block;
  max-width: 400px;
  width: 74.13%;
  margin-inline: auto;
  height: clamp(2.5rem, 1.625rem + 5.13vw, 3.75rem);/*40-60 430-820*/
  font-size: clamp(1rem, 0.3109rem + 2.5641vw, 1.625rem);/*16-26 430-820*/
  color: #FDF775;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #DB1D2B;
  border: 2px solid #FFF;
  border-radius: 9999px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.16);
  transition: opacity .3s, transform .3s;
}
.ams_entrybtn{
  position:fixed;
  right:0.875em;
  top:50dvh;
  writing-mode: vertical-rl;
}

.ams_entrybtn a{
  color: #e60012;
  padding: 1em 0.5em;
  background-color: #ffffff;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #e60012;
  border-radius: 20px 0 0 20px;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16);
}


/* ams_sponcerSec */
.ams_sponcerSec{
  margin-top: clamp(2.5rem, 1.397rem + 4.1vw, 3.5rem);/*40-56 430-820*/
  padding-block: 32px;
  background-color: #F5F5F5;
}
.ams_sponcerDl{
  max-width: 510px;
  margin-inline: auto;
  padding-inline: 16px;
  font-size: clamp(0.75rem, 0.3365rem + 1.5385vw, 1rem);/*12-16 430-690*/
}
.ams_sponcerDl > *{display: flex; gap: 8px 0;}
.ams_sponcerDl > *:not(:first-of-type){margin-top: 20px;}
.ams_sponcerDl dt{flex: 0 0 120px;}
.ams_sponcerDl a{
  display: block;
  margin-top: 8px;
  text-decoration: underline;
  text-decoration-color: initial;
  transition: text-decoration-color .3s;
}



@media (hover: hover) and (pointer: fine) {
  .ams_detailsDl a:hover,
  .ams_sponcerDl a:hover{text-decoration-color: transparent;}
  .amsFormBtn:hover{
    opacity: 0.6;
    transform: translateY(4px);
  }
}


@media screen and (max-width: 820px) {
  .ams_txt01,
  .ams_txt02{text-align: left;}
  .ams_txt01 .ams_bcbr,
  .ams_txt02 .ams_bcbr{display: inline-block;}
  /* ams_detailsSec */
  /* ams_koushiSec */
  /* ams_noteSec */
  .ams_detailsSec,
  .ams_koushiSec{padding-inline: 0;}
  .ams_detailsDl,
  .ams_koushiSec>*,
  .ams_noteSec{border-radius: 0;}
}


@media screen and (max-width: 800px) {
  .tss_body{padding-bottom: calc(17.5vw + 120px);}
}


@media screen and (max-width: 690px){
  .tss_body{padding-inline: 18px;}
  .tss_body::before,
  .tss_body::after{width: 100%;}
  .ams_wrap{border-width: 1px;}
  .ams_mainWrap::before, .ams_mainWrap::after{width: 17.06%;}
  .ams_mainWrap > div{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 24px;
  }
  .ams_mainImg{
    grid-column: 1/-1;
    grid-row: 1/2;
    width: 82.66%;
    margin-inline: auto;
  }
  .ams_personBlock:nth-of-type(1){grid-column: 1/2;}
  .ams_personBlock:nth-of-type(2){grid-column: 2/-1;}
  .ams_topTag{display: none;}
  .ams_topTagSpBr{
    display: block;
    position: absolute;
    top: 12%;
    right: 0;
    width: clamp(5.75rem, -2.313rem + 30vw, 10.625rem);/*92-170 430-690*/
  }
  /* ams_koushiSec */
  .ams_koushiSec>*{flex-direction: column;}
  .ams_koushiBlock{display: contents;}
  .ams_koushiImg{order: 1;}
  .ams_koushiTag{margin-bottom: 14px;}
  .ams_koushiTxt01{order: 2; margin-top: 14px;}
  .ams_koushiTxt02{order: 3; margin-top: 14px;}
  .ams_koushiTxt01{text-align: center;}
  /* ams_sponcerSec */
  .ams_sponcerDl > *{flex-direction: column;}
  .ams_sponcerDl dt{flex: unset;}
}