@charset "UTF-8";

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

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

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

#column .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;  }
#column .system-contents .system-date{ font-size: 18px; line-height: 1.6; letter-spacing: 1px; font-weight: 600;  }
#column .system-contents .system-ttl{ font-size: 26px; line-height: 1.6; letter-spacing: 1px; font-weight: 600;margin:0 0 50px 0; }
#column .system-contents .wysiwyg{border:1px solid #21130b;padding:60px 80px 60px 80px;}
#column .system-contents .system-ttl-list{ font-size: 18px !important; line-height: 1.6; letter-spacing: 1px; font-weight: 600;margin:0 0 50px 0; }

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



.clink-card {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin: 1.5em 0;
    overflow: hidden;
}
.clink-card__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: background .2s;
}
.clink-card__link:hover {
    background: #f9f9f9;
}
.clink-card__thumb {
    width:190px;
    min-width:190px;
}
.clink-card__thumb img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
    margin:0 0 0 0;
}
.clink-card__body {
    padding: 12px 30px;
}
.clink-card__label {
    font-size: 15px;
    color: #fff;
    background: #888;
    border-radius: 3px;
    padding: 2px 6px;
    margin-bottom: 6px;
    display: inline-block;
}
.clink-card__title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    line-height: 1.5;
}


/* パスワードフォーム全体を中央揃え */
.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) {
#column .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) {
#column .system-contents{width:min(95%,94.70vw);}
#column .l-main__contents-left .en img{}
#column .system-pic img{width:30.30vw;height:17.05vw;}
}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

#column .l-main__title .l-main__contents-left .en{
  margin:0 0 2vw 0;
}

#column .l-main__title .l-main__contents-left .en img{
width: 50vw;
}

#column .system-contents {
  padding-block: 95.527vw 0;
}

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

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


#column .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;}
#column .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;}
#column .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%;}
#column .system-contents .wysiwyg{border:0.24vw solid #21130b;padding:12.49vw 6.32vw 12.49vw 6.32vw;width:100%;}
#column .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%;}
#column .system-pic-detail{width:100%;margin:0 0 7.25vw 0;}
#column .system-pic-detail img{width:100%;height:auto;}


.clink-card{border:0.2415vw solid #e0e0e0;border-radius:0.483vw;margin:3.623vw 0;overflow:hidden;}
.clink-card__link{text-decoration:none;color:inherit;transition:background 0.2s;}
.clink-card__link:hover{background:#f9f9f9;}
.clink-card__thumb{width:100%;}
.clink-card__thumb img{width:100%;height:24.154vw;object-fit:cover;display:block; margin:0 0 0 0;}
.clink-card__body{padding:2.899vw 7.246vw;}
.clink-card__label{font-size:3.623vw;color:#fff;background:#888;border-radius:0.724vw;padding:0.483vw 1.449vw;margin-bottom:1.449vw;display:inline-block;}
.clink-card__title{font-size:3.864vw;font-weight:bold;margin:0;line-height:1.5;}


.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; }

}