@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#topics .system-contents {
  padding: 300px 0 0;
  margin: 360px auto 100px auto;
  width: min(95%, 1250px);
}

#topics .l-main__contents-left .en img {
}

#topics .system-pic img {
  width: 400px;
  height: 225px;
}

#topics .system-contents .system-category{font-size: 18px; line-height: 1.6; letter-spacing: 1px; font-weight: 600; background-color:#d8780c; display:inline-block; padding: 10px 30px 7px 30px; color: #fff; margin:0 0 20px 0;  }
#topics .system-contents .system-date{ font-size: 18px; line-height: 1.6; letter-spacing: 1px; font-weight: 600;  }
#topics .system-contents .system-ttl{ font-size: 26px; line-height: 1.6; letter-spacing: 1px; font-weight: 600;margin:0 0 50px 0; }
#topics .system-contents .wysiwyg{border:1px solid #21130b;padding:60px 80px 60px 80px;}
#topics .system-contents .system-ttl-list{ font-size: 18px !important; line-height: 1.6; letter-spacing: 1px; font-weight: 600;margin:0 0 50px 0; }

#topics .system-pic-detail{ width: auto; margin:0 0 30px 0;}
#topics .system-pic-detail img{ width: 100%; height: auto;}

.topics-pw-form{border:1px solid #21130b;padding:50px 80px 50px 80px; text-align: center;}
.topics-pw-form .topics-pw-field{ text-align: center;}
.topics-pw-form p{ font-size:20px; line-height: 1.6; letter-spacing: 1px; margin:0 0 15px 0; font-weight: 500; }

/* パスワードフォーム全体を中央揃え */
.post-password-form {
  text-align: center;
}

/* ラベルをブロック要素にして縦積み */
.post-password-form label {
  display: block;
  margin-bottom: 12px;
}

/* パスワード入力欄を大きくセンター配置 */
.post-password-form input[type="password"] {
  display: block;
  width: 80%;
  max-width: 500px;
  margin: 8px auto 16px;
  padding: 14px 16px;
  font-size: 18px;
  border: 2px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
}

/* 確定ボタンも同じ幅でセンター */
.post-password-form input[type="submit"] {
  display: block;
  width: 80%;
  max-width: 500px;
  margin: 0 auto;
  padding: 16px;
  border-radius: 30px;
  background-color: #e8862a;
  color: white;
  border: none;
  font-size: 18px;
  cursor: pointer;
}


}




/* ========================================
@media screen and (min-width:768px) and ( max-width:1500px) {
========================== */
@media screen and (min-width:768px) and ( max-width:1500px) {
#topics .system-contents { 
  padding: 10vw 0 0;
  margin: 24vw auto 10vw auto;
}
}


/* ========================================
@media screen and (min-width:768px) and (max-width:1320px) {
========================== */
@media screen and (min-width:768px) and (max-width:1320px) {
#topics .system-contents{width:min(95%,94.70vw);}
#topics .l-main__contents-left .en img{}
#topics .system-pic img{width:30.30vw;height:17.05vw;}
}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#topics .system-contents {
  padding-block: 110.527vw 0;
}
#topics .system-contents.single-frame{
  margin:-15vw auto 0 auto;
}


#topics .system-pic img {
  width: 100%;
   height: 25.8vw;
}

#topics .l-main__title .l-main__contents {
  padding-block: 16.908vw 19.217vw;
}


#topics .system-contents .system-category{font-size:3.2vw;line-height:1.6;letter-spacing:0.1vw;font-weight:600;background-color:#d8780c;display:inline-block;padding:1.41vw 3.25vw 0.69vw 3.25vw;color:#fff;margin:0 0 2.83vw 0;width:auto;}
#topics .system-contents .system-date{font-size:3.4vw;line-height:1.6;letter-spacing:0.1vw;font-weight:600;width:100%;margin:0 0 2vw 0;}
#topics .system-contents .system-ttl{font-size:4vw;line-height:1.6;letter-spacing:0.1vw;font-weight:600;margin:0 0 5vw 0;width:100%;}
#topics .system-contents .wysiwyg{border:0.24vw solid #21130b;padding:2.49vw 6.32vw 5.49vw 6.32vw;width:100%;}
#topics .system-contents .system-ttl-list{font-size:3.35vw !important;line-height:1.6;letter-spacing:0.1vw;font-weight:600;margin:0 0 4vw 0;width:100%;}
#topics .system-pic-detail{width:100%;margin:0 0 7.25vw 0;}
#topics .system-pic-detail img{width:100%;height:auto;}

.topics-pw-form{border:0.5vw solid #21130b;padding:5vw 5vw 5vw 5vw; text-align: center; margin:0 0 10vw 0;}
.topics-pw-form .topics-pw-field{ text-align: center;}
.topics-pw-form p{ font-size:3.2vw; line-height: 1.6; letter-spacing: 1px; margin:0 0 2vw 0; }

.post-password-form{text-align:center;}
.post-password-form label{display:block;margin-bottom:2.90vw;}
.post-password-form input[type="password"]{display:block;width:100%;margin:1.93vw auto 3.86vw;padding:3.38vw 3.86vw;font-size:4.35vw;border:0.48vw solid #ccc;border-radius:1.93vw;box-sizing:border-box;}
.post-password-form input[type="submit"]{display:block;width:100%;margin:0 auto;padding:3.86vw;border-radius:7.25vw;background-color:#e8862a;color:white;border:none;font-size:4.35vw;cursor:pointer;}
.post-password-form p{ font-size: 3.8vw; line-height: 1.6; letter-spacing: 1px; }


}