@charset "utf-8";
/* ---------------------
  - indexSlide
    - indexSlide__logo
      - isView
    - indexSlide__slick
  - maskClip
    - maskClip__item
  - --mask
  - --clip

  - profile
    - profile__info
  - profileInfo
    - profileInfo__name
    - profileInfo__detail
  - profileDetail
  - profileDetail__item
  - profileItem
    - profileItem__title
    - profileItem__body

  - awards
    - awards__item
  - awardsItem
    - awardsItem__date
    - awardsItem__detail
  - awardsDate
    - awardsDate__item

  - news
    - news__item
  - newsDate
    - newsDate__number
    - newsDate__detail
  - newsDetail
    - newsDetail__category
    - newsDetail__text

  - newsArticle
  - newsHeader
    - newsHeader__category
    - newsHeader__title
    - newsHeader__date
  - newsMain
  - newsFooter
    - newsFooter__item
      - --prev
      - --next

  - biography
    - biography__item
  - biographyItem
    - biographyItem__number
    - biographyItem__detail
  - biographyList
    - biographyList__item

  - contact
    - contact__item
  - contactItem
    - contactItem__label
    - contactItem__input
  - contactLabel
    - contactLabel__text
    - contactLabel__rquired

  - inputText
  - inputRadio
    - inputRadio__item
  - inputTextarea
  - inputError

  - message
    - message__title
    - message__body
  - messageText
--------------------- */



/* -----------------------------------
  indexSlide
----------------------------------- */
#indexSlide {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  height: 100lvh;
}
@media screen and (min-width:768.1px) {
  #indexSlide {
    position: relative;
    z-index: -1;
    padding-left: min( 60px, 4.285714285714286vw ) ; /* 60/14.0 */
  }
}
@media screen and (max-width:768px) {
  #indexSlide {
    -webkit-flex-direction: column-reverse;
       -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
         -o-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media screen and (min-width:768.1px) {
  body:has( #indexSlide ) #header__logo {
    display: none;
  }
}

body:has( #indexSlide ) #footer {
  display: none;
}


/*  indexSlide__logo
------------------------ */
#indexSlide__logo {
  opacity: 0;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  transition: transform .25s ease-in-out;
  animation-duration: 3s;
  animation-fill-mode: both;
  filter: blur(100px);
}
@media screen and (min-width:768.1px) {
  #indexSlide__logo {
    -ms-align-self: flex-end;
        align-self: flex-end;
    position: relative;
    z-index: 9;
    width: 39.28571428571429vw; /* 550/14.0 */
    margin-right: -26.42857142857143vw; /* 370/14.0 */
    margin-bottom: 2.142857142857143vw; /* 30/14.0 */
    /*
    -webkit-animation-duration: 3s;
         -o-animation-duration: 3s;
            animation-duration: 3s;
    */
  }
}
@media screen and (max-width:768px) {
  #indexSlide__logo {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
    justify-content: center;
    -ms-align-items: stretch;
        align-items: stretch;
    height: 203px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    /*
    -webkit-animation-duration: 3s;
         -o-animation-duration: 3s;
            animation-duration: 3s;
    */
  }
}


/*  isView  */
#indexSlide__logo.isView {
  opacity: 1;
  animation-name: blur;
}
@keyframes blur {
  0%   { opacity: 0; filter: blur(100px); }
  100% { opacity: 1; filter: blur(0); }
}


@media screen and (max-width:768px) {
  #indexSlide__logo .logo {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    width: min( 80.8%, 303px ); /* 303/3.75 */
    margin-inline: auto;
  }
}

@media screen and (min-width:768.1px) {
  #indexSlide__logo .copyright {
    position: relative;
    top: -3vw; /* 42/14.0 */
    margin-left: 0;
    font-size: .71428571428571431vw; /* 10/14.0 */
  }
}
@media screen and (max-width:768px) {
  #indexSlide__logo .copyright {
    margin-top: .4285714285714286rem; /* 6/14 */
  }
}


/*  indexSlide__slick
------------------------ */
@media screen and (min-width:768.1px) {
  #indexSlide__slick {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    width: calc( 100lvw - 39.28571428571429vw ); /* 550/14.0 */
    margin-top: -1px;
  }
}
@media screen and (max-width:768px) {
  #indexSlide__slick {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    height: calc( 100lvh - 203px );
  }
}



/* -----------------------------------
  maskClip
----------------------------------- */
.maskClip {
  height: 100%;
}

.maskClip .slick-list ,
.maskClip .slick-track {
  height: 100%;
}


/*  maskClip__item
------------------------ */
.maskClip__item {
  height: 100%;
}

.maskClip__item img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}



/* -----------------------------------
  --clip
----------------------------------- */
@media screen and (min-width:768.1px) {
  .maskClip.--clip {
    clip-path: url(#clippingPC);
  }
}
@media screen and (max-width:768px) {
  .maskClip.--clip {
    clip-path: url(#clippingSP);
  }
}



/* -----------------------------------
  --mask
----------------------------------- */
.maskClip.--mask {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-size: cover;
          mask-repeat: no-repeat;
}
@media screen and (min-width:768.1px) {
  .maskClip.--mask {
    -webkit-mask-image: url('../images/index/test_bg-pc.svg?r=20250527');
    -webkit-mask-position: left center;
            mask-image: url('../images/index/test_bg-pc.svg?r=20250527');
            mask-position: left center;
  }
}
@media screen and (max-width:768px) {
  .maskClip.--mask {
    -webkit-mask-image: url('../images/index/test_bg-sp.svg?r=20250527');
    -webkit-mask-position: center bottom;
            mask-image: url('../images/index/test_bg-sp.svg?r=20250527');
            mask-position: center bottom;
  }
}



/* -----------------------------------
  profile
----------------------------------- */
@media screen and (min-width:1000.1px) {
  #profile {
    position: relative;
  }
}
@media screen and (max-width:1000px) {
  #profile {
    margin-inline: -1.5rem;
  }
}

#profile:before {
  display: block;
  aspect-ratio: 2 / 3;
  background-image: url("../images/profile/thumb.jpg");
  background-position: left top;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (min-width:1000.1px) {
  #profile:before {
    width: 76.74418604651163%; /* 660/8.6 */
    min-width: 520px;
    max-width: 660px; /* 660/16 */
  }
}

body:has( #profile ) #sectionWrapper {
  padding-block: 0 11.42857142857143rem;
}

#profile + .section {
  margin-top: 5rem; /* 70/14 */
}


/*  profile__info
------------------------ */
.profile__info {
  inline-size: fit-content;
  z-index: 9;
  padding: 3.75rem; /* 60/16 */
  white-space: nowrap;
}
@media screen and (min-width:1000.1px) {
  .profile__info {
    position: absolute;
    /*right: max( -111px, calc( -21px + ( -111 - -21 ) * ( 100vw - 768.1px ) / ( 1400 - 768.1 ) ) );*/
    right: 0;
    bottom: 9.375rem; /* 150/16 */
  }
}
@media screen and (max-width:1000px) {
  .profile__info {
    position: relative;
    z-index: 9;
    margin-top: max( -230px, -29.94791666666667vw ); /* 230/7.68 */
    margin-left: auto;
  }
}

.profile__info:after {
  display: block;
  opacity: .9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 20px 0 0 20px;
  background-color: var(--color-bg);
  content: " ";
}



/* -----------------------------------
  profileInfo
----------------------------------- */
/*  profileInfo__name
------------------------ */
.profileInfo__name {
  width: 12.15em; /* 243/20 */
  font-size: clamp( 16px, 4.266666666666667vw, 1.25rem ); /* 16/3.75 20/16 */
}

.profileInfo__name:after {
  display: block;
  margin-top: .93751rem; /* 15/16 */
  font-weight: bold;
  font-family: var(--font-trajan);
  letter-spacing: .14em;
  content: "ryoko kuninaka";
}

.profileInfo__name span {
  display: block;
  position: relative;
  aspect-ratio: 243 / 47;
  overflow: hidden;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}

.profileInfo__name span:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../images/profile/name.png");
  background-position: left top;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}


/*  profileInfo__detail
------------------------ */
.profileInfo__detail {
  margin-top: 1.375rem; /* 22/16 */
}



/* -----------------------------------
  profileDetail
----------------------------------- */
/*  profileDetail__item
------------------------ */
.profileDetail__item + .profileDetail__item {
  margin-top: .75rem; /* 12/16 */
}



/* -----------------------------------
  profileItem
----------------------------------- */
.profileItem {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: 1.875rem; /* 30/16 */
}


/*  profileItem__title
------------------------ */
.profileItem__title {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  min-width: 5rem; /* 80/16 */
  text-transform: capitalize;
}


/*  profileItem__body
------------------------ */
.profileItem__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  awards
----------------------------------- */
/*  awards__item
------------------------ */
.awards__item + .awards__item {
  margin-top: 1.5rem; /* 21/14 */
}



/* -----------------------------------
  awardsItem
----------------------------------- */
.awardsItem {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: 2.625rem; /* 42/16 */
}


/*  awardsItem__date
------------------------ */
.awardsItem__date {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  min-width: 6.25rem; /* 100/16 */
  font-family: var(--font-noto-serif);
  white-space: nowrap;
}


/*  awardsItem__detail
------------------------ */
.awardsItem__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  awardsDate
----------------------------------- */
.awardsDate {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
  column-gap: 3px;
  font-size: 1.125rem; /* 18/16 */
}


/*  awardsDate__item
------------------------ */
.awardsDate__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}



/* -----------------------------------
  news
----------------------------------- */
#news {
  list-style: none;
}

.midHeading:has( + #news ) {
  margin-bottom: 0;
}


/*  news__item
------------------------ */
.news__item {
  padding-block: 1.714285714285714rem; /* 24/14 */
  border-bottom: 1px solid var(--color-gy);
}



/* -----------------------------------
  newsDate
----------------------------------- */
.newsDate {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: 2.25rem; /* 36/16 */
}


/*  newsDate__number
------------------------ */
.newsDate__number {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  min-width: 5.428571428571429rem; /* 76/14 */
  font-weight: bold;
  font-family: var(--font-noto-serif);
  white-space: nowrap;
}


/*  newsDate__detail
------------------------ */
.newsDate__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  newsDetail
----------------------------------- */
/*  newsDetail__category
------------------------ */
.newsDetail__category {
  inline-size: fit-content;
  min-width: 5rem; /* 70/14 */
  margin-bottom: .4285714285714286rem; /* 6/14 */
  padding-block: 2px 2.21px;
  border: 1px solid var(--color-bk);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: .875rem; /* 14/16 */
  text-transform: uppercase;
  text-align: center;
}


/*  newsDetail__text
------------------------ */
.newsDetail__text a {
  color: var(--color-bk);
  text-decoration: none;
}

@media ( hover: hover ) and ( pointer: fine ){
  .newsDetail__text a:hover {
    text-decoration: underline;
  }
}



/* -----------------------------------
  newsArticle
----------------------------------- */
#newsArticle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  row-gap: 2.571428571428571rem; /* 36/14 */
}



/* -----------------------------------
  newsHeader
----------------------------------- */
#newsHeader {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  row-gap: .4285714285714286rem; /* 6/14 */
}


/*  newsHeader__category
------------------------ */


/*  newsHeader__title
------------------------ */
#newsHeader__title {
  font-weight: normal;
  font-size: 1.785714285714286rem; /* 25/14 */
  line-height: 1.6;
}


/*  newsHeader__date
------------------------ */
#newsHeader__date {
  text-align: end;
}



/* -----------------------------------
  newsMain
----------------------------------- */
#newsMain {
  overflow: hidden;
  line-height: 2.4;
}

#newsMain :is( h3, h4, h5 ) {
  font-weight: normal;
  line-height: 2;
}

#newsMain h3 {
  font-size: 1.5rem; /* 24/16 */
}

#newsMain h4 {
  font-size: 1.375rem; /* 22/16 */
}

#newsMain h5 {
  font-size: 1.25rem; /* 20/16 */
}

#newsMain a {
  text-decoration: underline;
  color: var(--color-bk);
}

@media ( hover: hover ) and ( pointer: fine ){
  #newsMain a:hover {
    text-decoration: none;
  }
}

#newsMain .alignleft {
  float: left;
  max-width: 100%;
  margin-right: 10px;
}

#newsMain .aligncenter {
  max-width: 100%;
  margin-inline: auto;
}

#newsMain .alignright {
  float: right;
  max-width: 100%;
  margin-left: 10px;
}

#newsMain img {
  width: 100%;
  max-width: 780px;
}

#newsMain :is( ul, ol ) {
  list-style: none;
  line-height: 2;
  counter-reset: count;
}

#newsMain li + li {
  margin-top: .5rem;
}

#newsMain ul > li {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

#newsMain ul > li:before {
  margin-right: .5rem;
  content: "・";
}

#newsMain ol > li:nth-of-type(-n+9) {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

#newsMain ol > li:nth-of-type(n+10) {
  padding-left: 2rem;
  text-indent: -2rem;
}

#newsMain ol > li:before {
  margin-right: .5rem;
  counter-increment: count;
  content: counter(count)".";
}



/* -----------------------------------
  newsFooter
----------------------------------- */
#newsFooter {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -ms-align-items: center;
      align-items: center;
  padding-top: 1.714285714285714rem; /* 24/14 */
  font-weight: bold;
  font-size: 1.142857142857143rem; /* 16/14 */
  font-family: var(--font-trajan);
}

#newsFooter:has( #--prev ):has( #--next ) {
  justify-content: space-between;
}

#newsFooter:has( #--prev:only-child ) {
  justify-content: flex-start;
}

#newsFooter:has( #--next:only-child ) {
  justify-content: flex-end;
}


/*  newsFooter__item
------------------------ */
.newsFooter__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  column-gap: 3px;
  color: var(--color-bk);
  text-decoration: none;
}

.newsFooter__item a:before {
  display: block;
  font-weight: normal;
  font-size: 1.714285714285714rem; /* 24/14 */
  line-height: 1;
  font-family: 'webfont';
  content: "\e902";
}


/*  --prev  */


/*  --next  */
.newsFooter__item#--next a {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.newsFooter__item#--next a:before {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
}



/* -----------------------------------
  biography
----------------------------------- */
#biography {
  padding-block: .7857142857142857rem; /* 11/14 */
}


/*  biography__item
------------------------ */
.biography__item + .biography__item {
  margin-top: 2.5rem; /* 40/16 */
  padding-top: 2.5rem; /* 40/16 */
  border-top: 1px solid var(--color-gy);
}



/* -----------------------------------
  biographyItem
----------------------------------- */
.biographyItem {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: 2.25rem; /* 36/16 */
}


/*  biographyItem__number
------------------------ */
.biographyItem__number {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  /* min-width: 3.428571428571429rem; 48/14 */
  font-size: 1.5rem; /* 24/16 */
  font-family: var(--font-noto-serif);
  white-space: nowrap;
}

.biographyItem__number span {
  font-size: 1.25rem;
}


/*  biographyItem__detail
------------------------ */
.biographyItem__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  biographyList
----------------------------------- */
.biographyList {
  list-style: none;
}

.biographyList__item + .biographyList__item {
  margin-top: 1rem;
}



/* -----------------------------------
  contact
----------------------------------- */
.text + #contact {
  margin-top: 24px;
}

#contact .button {
  justify-content: center;
}

#contact .button__text {
  font-size: .875rem; /* 14/16 */
}


/*  contact__item
------------------------ */
.contact__item + .contact__item {
  margin-top: 1.714285714285714rem; /* 24/14 */
  border-top: 1px solid var(--color-gy);
}

.contact__item + .contact__item:not( :has( .button ) ) {
  padding-top: 1.714285714285714rem; /* 24/14 */
}

@media screen and (min-width:425.1px) {
  .contact__item + .contact__item:has( .inputRadio ) {
    padding-top: 2.571428571428571rem; /* 36/14 */
  }
}

@media screen and (min-width:425.1px) {
  .contact__item:has( .inputRadio ) + .contact__item {
    margin-top: 2.571428571428571rem; /* 36/14 */
  }
}



/* -----------------------------------
  contactItem
----------------------------------- */
.contactItem {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: .8571428571428571rem; /* 12/14 */
}
@media screen and (max-width:425px) {
  .contactItem {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}


/*  contactItem__label
------------------------ */
.contactItem__label {
  min-width: 12.5rem; /* 200/16 */
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  white-space: nowrap;
}


/*  contents
------------------------ */
.contactItem__input {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  contactLabel
----------------------------------- */
.contactLabel {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  column-gap: .8571428571428571rem; /* 12/14 */
}


/*  contactLabel__text
------------------------ */
@media screen and (min-width:425.1px) {
  .contactLabel__text {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}


/*  contactLabel__rquired
------------------------ */
.contactLabel__rquired {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  padding: 3px .375rem; /* 6/16 */
  background-color: var(--color-theme);
  color: var(--color-bg);
  font-size: .875rem; /* 14/16 */
  line-height: 1.2;
}



/* -----------------------------------
  inputText
----------------------------------- */
.inputText :is( [type="text"], [type="email"], [type="tel"] ) {
  display: block;
  width: 100%;
  height: 3.428571428571429rem; /* 48/14 */
  margin: 0;
  padding: .75rem 1.5rem; /* 12/16 24/16 */
  border: 1px solid var(--color-gy);
  border-radius: 6px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



/* -----------------------------------
  inputRadio
----------------------------------- */
.inputRadio {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: .8571428571428571rem 1.285714285714286rem; /* 12/14 18/14 */
}

.inputRadio .wpcf7-list-item {
  display: block;
  margin: 0;
}


/*  inputRadio__item
------------------------ */
.inputRadio__item ,
.inputRadio .wpcf7-list-item label {
  position: relative;
  overflow: hidden;
}

.inputRadio .wpcf7-list-item label {
  display: block;
}

.inputRadio__item label ,
.inputRadio .wpcf7-list-item-label {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  column-gap: .375rem; /* 6/16 */
  position: relative;
}

.inputRadio__item label:before ,
.inputRadio__item label:after ,
.inputRadio .wpcf7-list-item-label:before ,
.inputRadio .wpcf7-list-item-label:after {
  display: block;
  width: .9375rem; /* 15/16 */
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  content: " ";
}

.inputRadio__item label:before ,
.inputRadio .wpcf7-list-item-label:before {
  border: 1px solid var(--color-gy);
  background-color: #fff;
}

.inputRadio__item label:after ,
.inputRadio .wpcf7-list-item-label:after {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY( calc( ( 50% + .5px ) * -1 ) );
      -ms-transform: translateY( calc( ( 50% + .5px ) * -1 ) );
       -o-transform: translateY( calc( ( 50% + .5px ) * -1 ) );
          transform: translateY( calc( ( 50% + .5px ) * -1 ) );
  margin: 1px;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--color-theme);
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.inputRadio__item input ,
.inputRadio .wpcf7-list-item label > input {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-150%);
      -ms-transform: translateX(-150%);
       -o-transform: translateX(-150%);
          transform: translateX(-150%);
}

.inputRadio__item input:checked ~ label:after ,
.inputRadio .wpcf7-list-item label > input:checked ~ .wpcf7-list-item-label:after {
  visibility: visible;
  opacity: 1;
}



/* -----------------------------------
  inputTextarea
----------------------------------- */
.inputTextarea {
  line-height: 1;
}

.inputTextarea textarea {
  display: block;
  width: 100%;
  height: 10.28571428571429rem; /* 144/14 */
  margin: 0;
  padding: .8571428571428571rem 1.714285714285714rem; /* 12/14 24/14 */
  border: 1px solid var(--color-gy);
  border-radius: 6px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  line-height: 1.6;
  outline: none;
  resize: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



/* -----------------------------------
  inputError
----------------------------------- */
.inputError ,
.wpcf7-not-valid-tip {
  margin-top: .375rem; /* 6/16 */
  color: var(--color-err);
  font-size: .875rem; /* 14/16 */
  line-height: 1.3;
}

.inputError:before ,
.wpcf7-not-valid-tip:before {
  content: "※";
}

.wpcf7 form.invalid .wpcf7-response-output {
  margin: 0;
  margin-top: 2rem; /* 32/16 */
  padding: .75rem 1rem; /*  */
  border-color: var(--color-err);
  background-color: var(--color-err);
  color: #fff;
  text-align: center;
}



/* -----------------------------------
  message
----------------------------------- */
@media screen and (min-width:768.1px) {
  body:has( .message ) {
    background-image: url("../images/message/bg.svg");
    background-position: center left;
    -webkit-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}


/*  message__title
------------------------ */
.message__title {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: .3em;
  inline-size: fit-content;
  margin-bottom: 2.571428571428571rem; /* 36/14 */
  padding-bottom: .4285714285714286rem; /* 6/14 */
  border-bottom: 1px solid var(--color-bk);
  font-weight: bold;
  font-size: 2.357142857142857rem; /* 33/14 */
  font-family: var(--font-trajan);
}

.message__title span {
  font-weight: normal;
  font-size: 2.909090909090909em; /* 96/33 */
  line-height: 1;
}


/*  message__body
------------------------ */
.message__body p {
  font-size: 1.142857142857143rem; /* 16/14 */
  line-height: 2.2;
}