@charset "UTF-8";

@media screen and (min-width:768px){
/* PC */

/* zukan 一覧 -------------------------------------*/
#zukan .system-list{width: 1100px;margin: 40px auto 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#zukan .system-list li{line-height: 1.4;width: 32%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 56px;}
#zukan .system-list li:nth-child(3n){ margin-right: 0}
#zukan .system-list li a{ display: block; color: #1a1a1a; }
#zukan .system-list li a:hover{ text-decoration: none; }
#zukan .system-list li.no-post{ width: 100%; margin-right: 0; text-align: center; font-size: 16px; }
#zukan .system-pic { width: 100%; height: 240px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#zukan .system-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
#zukan .system-pic:hover img { transform: scale(1.05); }
#zukan .system-ttl-01{font-size: 18px;font-weight: bold;line-height: 1.5;border-bottom: 1px solid #eee;padding-bottom: 10px;}

/* zukan 詳細 -------------------------------------*/
#zukan #main-all-bx{ width: 1100px; margin: 40px auto 0; }
#zukan .system-contents{background: #fff;padding: 40px 60px;margin-bottom: 30px;position: relative;border: #eeefef 1px solid;}
#zukan .system-contents .system-ttl{font-size: 28px;font-weight: bold;margin-bottom: 30px;line-height: 1.4;border-bottom: solid 2px #29559A;padding-bottom: 15px;}
#zukan .system-contents .system-i-pic{text-align: center;margin-bottom: 40px;}
#zukan .system-contents .system-i-pic img{ max-width: 100%; max-height: 900px; width: auto; height: auto; }
#zukan .system-contents .wysiwyg{ font-size: 16px; line-height: 1.9; }

}


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

/* zukan 一覧 -------------------------------------*/
#zukan .system-list{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 6vw 3vw 12vw;}
#zukan .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 6.5vw;}
#zukan .system-list li:nth-child(2n){ margin-right: 0}
#zukan .system-list li a{ display: block; color: #1a1a1a; }
#zukan .system-list li a:hover{ text-decoration: none; }
#zukan .system-list li.no-post{ width: 100%; margin-right: 0; text-align: center; font-size: 3.623vw; }
#zukan .system-pic { width: 100%; height: 35vw; overflow: hidden; text-align: center; margin-bottom: 3vw; }
#zukan .system-pic img { width: 100%; height: 100%; object-fit: cover; }
#zukan .system-ttl-01{font-size: 3.865vw;font-weight: bold;line-height: 1.5;border-bottom: 0.24vw solid #eee;padding-bottom: 2.42vw;}

/* zukan 詳細 -------------------------------------*/
#zukan #main-all-bx{ margin: 5vw 3vw 0; }
#zukan .system-contents{background: #fff;padding: 5vw;margin-bottom: 7.25vw;position: relative;border: #eeefef 1px solid;}
#zukan .system-contents .system-ttl{font-size: 4.831vw;font-weight: bold;margin-bottom: 5vw;line-height: 1.4;border-bottom: solid 0.5vw #29559A;padding-bottom: 2.5vw;}
#zukan .system-contents .system-i-pic{text-align: center;margin-bottom: 6vw;}
#zukan .system-contents .system-i-pic img{ max-width: 100%; width: auto; height: auto; }
#zukan .system-contents .wysiwyg{ font-size: 3.623vw; line-height: 1.8; }

}


/* ▽ イレギュラー箇所のみ追記 ▽ */

@media screen and (max-width: 380px) {
/* SP iPhone 6/7/8 */

}
@media screen and (max-width: 321px) {
/* SP iPhone 5/SE */
}