.clearfix,.subpage_wrapper{*zoom:1}.clearfix:after,.subpage_wrapper:after{content:"";display:table;clear:both}#main_visual{background:url(/image/sub/newsletter/mv.jpg) no-repeat center center;background-size:cover}#main_visual h1{font-weight:normal}.subpage_wrapper{padding-bottom:80px}@media only screen and (max-width:768px){.subpage_wrapper{padding-bottom:0px}}#section01{padding:50px 0 0}@media only screen and (max-width:768px){#section01{padding:20px 0}}#section01:after{content:"";display:table;clear:both}#section01 .flex{width:900px;margin:0 auto}@media only screen and (max-width:1040px){#section01 .flex{width:100%}}#section01 figure{display:table;width:100%;margin:0px 0px 50px}@media only screen and (max-width:768px){#section01 figure{padding:10px 0px 0px;background:#3d3d3d;width:100%;margin:0px 0px 10px}}@media only screen and (max-width:768px){#section01 figure a{display:table-cell;width:25%}}#section01 figure a img{display:table-cell;width:324px;height:324px}@media only screen and (max-width:768px){#section01 figure a img{width:100%;height:auto}}#section01 figure figcaption{display:table-cell;text-align:center;width:576px;height:324px;padding:30px;vertical-align:middle;background:#3d3d3d}@media only screen and (max-width:768px){#section01 figure figcaption{text-align:left;width:75%;height:auto;padding:0px 10px 10px}}#section01 figure figcaption time{font-size:14px;font-size:1.4rem}@media only screen and (max-width:768px){#section01 figure figcaption time{font-size:10px;font-size:1rem}}#section01 figure figcaption .category{font-size:16px;font-size:1.6rem;padding-bottom:15px;margin:10px 0 15px;position:relative}@media only screen and (max-width:768px){#section01 figure figcaption .category{font-size:12px;font-size:1.2rem;margin:0px;padding-bottom:6px}}#section01 figure figcaption .category:after{background:#777;width:48px;height:2px;margin:0 auto;position:absolute;bottom:0;left:0;right:0;content:""}@media only screen and (max-width:768px){#section01 figure figcaption .category:after{background:none;width:auto;height:auto;position:static}}#section01 figure figcaption h2{font-size:24px;font-size:2.4rem;margin-bottom:20px;line-height:125%}@media only screen and (max-width:768px){#section01 figure figcaption h2{margin-bottom:6px}}#section01 figure figcaption .excerpt{color:#f5f5f5;text-align:left;line-height:1.6}@media only screen and (max-width:768px){#section01 figure figcaption .excerpt{font-size:14px;font-size:1.4rem}}#section01 figure figcaption .btn_wrap{margin-top:25px}@media only screen and (max-width:768px){#section01 figure figcaption .btn_wrap{margin-top:10px}}@media only screen and (max-width:768px){#section01 figure figcaption .btn_wrap a{width:80%;display:block;margin:0px auto}}.wp-pagenavi{font-size:15px;text-align:center;width:100%;display:inline-block}.wp-pagenavi .pages{font-size:14px;color:#fff;text-align:center;display:block;background:#3d3d3d;width:120px;padding:8px 0px;margin:20px auto}@media only screen and (max-width:768px){.wp-pagenavi .pages{margin:20px auto 8px}}.wp-pagenavi .page{color:#fff;display:inline-block;width:46px;padding:10px;margin-right:3px;text-align:center;border:1px solid #eee;background:#000;-webkit-transition:all 0.5s;transition:all 0.5s}.wp-pagenavi .page:hover{color:#fff;background:#3d3d3d;border:1px solid #999}.wp-pagenavi .current{color:#fff;display:inline-block;width:46px;padding:10px;margin-right:3px;text-align:center;background:#3d3d3d;border:1px solid #999}.wp-pagenavi .extend{display:inline-block;padding:10px 4px;margin-right:3px;text-align:center}.wp-pagenavi .first,.wp-pagenavi .last,.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{color:#fff;display:inline-block;width:30px;padding:10px;margin-right:3px;text-align:center;border:1px solid #999;background:#000;-webkit-transition:all 0.5s;transition:all 0.5s}.wp-pagenavi .first:hover,.wp-pagenavi .last:hover,.wp-pagenavi .nextpostslink:hover,.wp-pagenavi .previouspostslink:hover{color:#fff;background:#3d3d3d;border:1px solid #999}.wp-pagenavi .first i:before,.wp-pagenavi .last i:before,.wp-pagenavi .nextpostslink i:before,.wp-pagenavi .previouspostslink i:before{position:relative;font-size:16px}@media only screen and (max-width:768px){.pagination{margin:0px}}@media only screen and (max-width:768px){.pagination .pages{font-size:12px;padding:6px 0px}}@media only screen and (max-width:768px){.pagination .page{width:38px}}@media only screen and (max-width:768px){.pagination .current{width:38px}}@media only screen and (max-width:768px){.pagination .first,.pagination .last,.pagination .nextpostslink,.pagination .previouspostslink{width:26px}}#section02{padding:50px 0 100px}@media only screen and (max-width:768px){#section02{padding:20px 0}}#section02:after{content:"";display:table;clear:both}#section02 h1{font-size:36px;font-size:3.6rem;font-weight:lighter;line-height:120%;border-bottom:solid 2px #fff;padding-bottom:14px;margin-bottom:20px}@media only screen and (max-width:768px){#section02 h1{font-size:20px;font-size:2rem}}#section02 time{font-size:16px;font-size:1.6rem;width:100%}@media only screen and (max-width:768px){#section02 time{font-size:14px;font-size:1.4rem}}#section02 .textarea{font-size:16px;font-size:1.6rem;line-height:175%;padding-top:20px;width:900px;margin:0px auto 60px}@media only screen and (max-width:768px){#section02 .textarea{width:100%;margin-bottom:20px}}#section02 .textarea img{display:block;margin-bottom:20px}@media only screen and (max-width:768px){#section02 .textarea img{width:100%;height:auto;margin-bottom:14px}}.btn_wrap .btn{width:240px}