.wrp_substory_intro{width:95%;max-width:1400px;margin:auto}@media only screen and (max-width: 1024px){.wrp_substory_intro{width:91.66667%}}@media only screen and (min-width: 1441px){.wrp_substory_intro{margin-top:145px}}@media only screen and (min-width: 1025px) and (max-width: 1440px){.wrp_substory_intro{margin-top:120px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_intro{margin-top:100px}}@media only screen and (max-width: 767px){.wrp_substory_intro{margin-top:4em}}@media only screen and (min-width: 1025px){.wrp_substory_intro>.txt{margin:50px 0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_intro>.txt{margin:30px 0}}@media only screen and (max-width: 767px){.wrp_substory_intro>.txt{margin:1em 0}}.wrp_substory_list{background:url(../images/common/bg_paper.jpg) repeat top}.mode_yellow .wrp_substory_list{background:yellow}.mode_blue .wrp_substory_list{background:blue}.mode_black .wrp_substory_list{background:#000}@media only screen and (min-width: 1025px){.wrp_substory_list{padding:80px 0 140px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_list{padding:60px 0 100px}}@media only screen and (max-width: 767px){.wrp_substory_list{padding:2em 0 4em}}.wrp_substory_list .con_substory_list{max-width:1400px;width:95%;margin-right:auto;margin-left:auto}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list{width:92%}}.wrp_substory_list .con_substory_list .box_substory_list{display:flex;flex-wrap:wrap}@media only screen and (min-width: 1441px){.wrp_substory_list .con_substory_list .box_substory_list{margin-top:40px}}@media only screen and (min-width: 1025px) and (max-width: 1440px){.wrp_substory_list .con_substory_list .box_substory_list{margin-top:30px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_list .con_substory_list .box_substory_list{margin-top:20px}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list{margin-top:1.5em}}.wrp_substory_list .con_substory_list .box_substory_list .substory_item{background-color:#fff;box-sizing:border-box}@media only screen and (min-width: 1025px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item{width:calc((100% - 6%) / 3)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item{width:calc((100% - 4%) / 2)}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item{width:100%}}.mouse .wrp_substory_list .con_substory_list .box_substory_list .substory_item{transition:opacity 0.3s ease-in}.mouse .wrp_substory_list .con_substory_list .box_substory_list .substory_item:hover,.touch .wrp_substory_list .con_substory_list .box_substory_list .substory_item.touchstart{opacity:0.7}.touch .wrp_substory_list .con_substory_list .box_substory_list .substory_item{-webkit-tap-highlight-color:transparent}.touch .wrp_substory_list .con_substory_list .box_substory_list .substory_item.touchend{transition-delay:200ms}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item{margin-bottom:2em}}@media only screen and (min-width: 1025px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item:not(:nth-child(3n)){margin-right:2%}.wrp_substory_list .con_substory_list .box_substory_list .substory_item:nth-child(n+4){margin-top:40px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item:not(:nth-child(2n)){margin-right:4%}.wrp_substory_list .con_substory_list .box_substory_list .substory_item:nth-child(n+3){margin-top:3em}}.wrp_substory_list .con_substory_list .box_substory_list .substory_item a{width:100%;height:100%;display:block;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.wrp_substory_list .con_substory_list .box_substory_list .substory_item:hover .tmp_btn .pseudo_a{background-color:#801e24;color:#fff}.wrp_substory_list .con_substory_list .box_substory_list .substory_item:hover .tmp_btn .pseudo_a:after{transform:translateX(30%);transition:0.4s all ease-in-out;background:url("../images/common/ic_arrow_w.svg") no-repeat}.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img{display:block;position:relative}.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img img{width:100%}.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{background:#801e24 url(../images/common/bg_red_myou.png) repeat center top;font-family:"crimson Text", "Times New Roman", Times, Garamond, Georgia, serif;color:#fff;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 .5em}@media only screen and (min-width: 768px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{min-width:55px}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{min-width:2.5em}}@media only screen and (min-width: 768px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{height:40px}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{height:2em}}.mode_yellow .wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{background:yellow}.mode_blue .wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{background:blue}.mode_black .wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{background:#000}@media only screen and (min-width: 1025px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{font-size:134%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{font-size:123%}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_img .num{font-size:100%}}.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width: 768px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text{padding:20px 20px 25px}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text{padding:2em 1em}}@media only screen and (min-width: 768px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text{min-height:12.1em}}@media only screen and (min-width: 768px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .place .substory_st{line-height:1.25}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .place .substory_st{line-height:1.3}}@media only screen and (min-width: 1025px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .place .substory_st .jp{font-size:134%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .place .substory_st .jp{font-size:112%}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .place .substory_st .jp{font-size:112%}}@media only screen and (min-width: 768px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .place .txt{margin-top:15px}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .place .txt{margin-top:1.5em}}.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .tmp_btn{margin:auto}@media only screen and (min-width: 768px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .tmp_btn{margin-top:30px}}@media only screen and (max-width: 767px){.wrp_substory_list .con_substory_list .box_substory_list .substory_item .box_text .tmp_btn{margin-top:1em}}