@charset "UTF-8";
.reformstory-list-con .reform-listframe .reform-list{background-position:0px 0px;background-size:contain;background-repeat:no-repeat;}
.reformstory-list-con .reform-listframe .reform-list:nth-child(1),
.reformstory-list-con .reform-listframe .reform-list:nth-child(5),
.reformstory-list-con .reform-listframe .reform-list:nth-child(9),
.reformstory-list-con .reform-listframe .reform-list:nth-child(13){background-image:url(../images/index/reformstory-bg01.svg);}
.reformstory-list-con .reform-listframe .reform-list:nth-child(2),
.reformstory-list-con .reform-listframe .reform-list:nth-child(6),
.reformstory-list-con .reform-listframe .reform-list:nth-child(10),
.reformstory-list-con .reform-listframe .reform-list:nth-child(14){background-image:url(../images/index/reformstory-bg02.svg);}
.reformstory-list-con .reform-listframe .reform-list:nth-child(3),
.reformstory-list-con .reform-listframe .reform-list:nth-child(7),
.reformstory-list-con .reform-listframe .reform-list:nth-child(11),
.reformstory-list-con .reform-listframe .reform-list:nth-child(15){background-image:url(../images/index/reformstory-bg03.svg);}
.reformstory-list-con .reform-listframe .reform-list:nth-child(4),
.reformstory-list-con .reform-listframe .reform-list:nth-child(8),
.reformstory-list-con .reform-listframe .reform-list:nth-child(12),
.reformstory-list-con .reform-listframe .reform-list:nth-child(16){background-image:url(../images/index/reformstory-bg04.svg);}


@media screen and (min-width: 768px),print {
.reformstory-list-con{width: 1200px;margin: 0 auto;}
.reformstory-list-con .reform-listframe{padding: 40px 0 40px 0;position:relative;
display:-webkit-box;display:-ms-flexbox;display:flex;
-ms-flex-wrap: wrap;flex-wrap: wrap;
-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
.reformstory-list-con .reform-listframe .reform-list{}
.reformstory-list-con .reform-listframe .reform-list a:hover{text-decoration: none;}
.reformstory-list-con .reform-listframe .reform-listcon .photo img{width: 100%;}
.reformstory-list-con .reform-listframe .reform-list{padding: 5px 0 0px 0;margin: 0 80px 50px 0px;width: 560px;height: 560px;background-position:0px 0px;background-repeat:no-repeat;}
.reformstory-list-con .reform-listframe .reform-list:nth-child(2n){margin: 0 0 50px 0;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon{width: 29vw;position: relative;margin: 2vw auto 0;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .num{color: #221714; font-size: 40px;line-height: 1.6;letter-spacing: 1px;margin: 0 0 -30px 0;position: relative;z-index: 5;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .photo{margin: 0 0 20px 0;text-align: center;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .photo img{width: 100%;height: 400px;} 
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .area-name{color: #3D2810;position: absolute;top: 5px;right:0;font-size: 14px;line-height: 1.6;letter-spacing: 1px;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .ttl{text-decoration: underline;color: #221714;text-align: center;font-size: 16px;line-height: 1.8;letter-spacing: 1px;}
.story-cate-list{width: 1100px;padding: 30px 50px 35px 50px;margin: 0 auto 60px;background-color: #fff;border: 3px solid #EDEBDF;}
.story-cate-list .cate-ttl{font-size: 22px;line-height: 1.6;letter-spacing: 1px;text-align: center;font-weight:bold;padding: 0 0 10px 0;margin: 0 0 15px 0;border-bottom: 2px solid #3D2810;}
.story-cate-list .cate-list-frame{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;justify-content: center;align-items: center;}
.story-cate-list .cate-list-frame li{margin:0 10px 0 0;font-size: 18px;line-height: 1.6;letter-spacing: 1px;border: 1px solid #666;}
.story-cate-list .cate-list-frame li a{display: block;padding: 4px 25px 2px 25px;font-weight: bold;}
.story-detail .system-contents{padding: 30px 40px 40px 40px;margin-bottom: 30px;border: 5px solid #e5e5e5;}
.story-detail .system-contents-inner { background: #fff; padding: 40px 20px;}
.story-detail .system-contents .system-date{ font-size: 16px; margin-bottom: 15px; display: block; }
.story-detail .system-contents .system-category-set { margin-top: 0px; margin-bottom: 0;}
.story-detail .system-contents .system-category{ margin-bottom: 20px; font-size: 14px; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px;}
.story-detail .system-contents .num-bx{position:relative;}
.story-detail .system-contents .system-ttl{font-size: 28px;font-weight: bold;margin-bottom: 25px;padding-bottom: 15px;padding: 0 240px 15px 0;border-bottom: 1px #ccc solid;line-height: 1.4;}
.story-detail .system-contents .system-name{position: absolute;top: 10px;right:0;font-size: 18px;line-height: 1.6;letter-spacing: 1px;}
.story-detail .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
.story-detail .system-contents .system-i-pic img{max-width: 100%;width: auto;height: auto;max-height: 500px;}

}



@media screen and (min-width:768px) and (max-width:1200px) {

}




@media screen and (max-width: 767px) {
.reformstory-list-con{margin: 0 0 8vw 0;}
.reformstory-list-con .reform-listframe{padding: 5vw 0 0 0;margin: 0 0 6vw 3.5vw;width: 96%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
.reformstory-list-con .reform-listframe .reform-list a:hover{text-decoration: none;}
.reformstory-list-con .reform-listframe .reform-listcon .photo img{width: 100%;height: 28vw;}
.reformstory-list-con .reform-listframe .reform-list{padding: 0.3vw 0 0vw 0;margin: 0 2% 3vw 1.5%;width: 46%;height: auto;background-position:0px 0px;background-repeat:no-repeat;background-size: 100%;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon{width: 100%;position: relative;margin: 2vw auto 0;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .num{color: #221714;font-size:3.865vw;line-height: 1.6;letter-spacing: 0.25vw;margin: 0 0 -3vw 0vw;position: relative;z-index: 5;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .photo{/* width: 100%; */margin: 0px auto 7vw auto;text-align: center;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .area-name{color: #3D2810;position: absolute;top: 32.5vw;left: 0;font-size:3.382vw;line-height: 1.6;letter-spacing:0.25vw;}
.reformstory-list-con .reform-listframe .reform-list .reform-listcon .ttl{text-decoration: underline;color: #221714;text-align: left;font-size:3.382vw;line-height: 1.7;letter-spacing: 0.25vw;}

.story-detail .system-contents{background: #fff;padding: 5vw 5vw;margin: 0 auto 10vw;width: 94%;border: 5px solid #e5e5e5;}
.story-detail .system-contents-inner { background: #fff; padding: 5vw 3vw;}
.story-detail .system-contents .system-date{ font-size: 3.2vw; margin-bottom: 5vw; display: block; line-height: 1.4;}
.story-detail .system-contents .system-category{ margin-bottom: 0.2vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 4vw 3vw; width: 100%;}
.story-detail .system-contents .system-category-set { margin-bottom: 5vw; margin-top: 0;}
.story-detail .system-contents .system-ttl{font-size: 5.2vw;font-weight: bold;margin-bottom: 3vw;padding-bottom: 1vw;border-bottom: 0.2vw #ccc solid;line-height: 1.6;}
.story-detail .system-contents .system-i-pic{text-align: center;margin-bottom: 4vw;}
.story-detail .system-contents .system-i-pic img{max-width: 100%;height: auto;width: auto;}
.story-detail .system-contents .system-name{font-size:3.865vw;line-height: 1.6;letter-spacing:0.25vw;margin: 0 0 2vw 0;}


.story-cate-list{width: 90%;padding: 4vw 5vw 4vw 5vw;margin: 0 auto 5vw;background-color: #fff;border: 0.5vw solid #EDEBDF;}
.story-cate-list .cate-ttl{font-size:4.348vw;line-height: 1.6;letter-spacing:0.25vw;text-align: center;font-weight:bold;padding: 0 0 1vw 0;margin: 0 0 4vw 0;border-bottom: 0.5vw solid #3D2810;}
.story-cate-list .cate-list-frame{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
.story-cate-list .cate-list-frame li{margin: 0 4% 2vw 0;font-size: 3.86vw;width: 48%;line-height: 1.6;letter-spacing: 0.25vw;border: 0.3vw solid #666;}
.story-cate-list .cate-list-frame li:nth-child(2n){margin: 0 0% 2vw 0;}
.story-cate-list .cate-list-frame li a{display: block;padding: 1vw 3vw 1vw 3vw;font-weight: bold;margin: 0 0 0vw 0;text-align: center;}

}