@charset "utf-8";
#section1{position:relative;height:100vh;max-height:400px}
#section1:before{position:absolute;left:0;width:60%;height:100%;background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.9),rgba(255,255,255,0.0));background-image:-o-linear-gradient(left,rgba(255,255,255,0.9),rgba(255,255,255,0.0));background-image:linear-gradient(right,rgba(255,255,255,0.0),rgba(255,255,255,0.9));content:""}
#section2{background-image:-webkit-linear-gradient(left,#86b0f4,#ace1f9);background-image:-o-linear-gradient(left,#86b0f4,#ace1f9);background-image:linear-gradient(right,#86b0f4,#ace1f9)}
#section3{position:relative;background:#f8fafb;padding:60px 0;z-index:2}
article#content_block{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;padding-right:0}
#page_title_block{position:relative}
#page_title{position:absolute;top:190px;left:10px}
h1#page_main_title{position:relative;font-family:'Gilda Display',sans-serif;font-size:38px;font-size:3.8rem;letter-spacing:1px}
h1#page_main_title:before{position:absolute;top:50px;left:0;font-size:15px;font-size:1.5rem;font-weight:300;color:#333;white-space:nowrap;letter-spacing:3px;content:attr(data-title)}
#breadcrumb{overflow:hidden;padding-right:0;padding-left:0}
#breadcrumb ul{position:relative;font-size:13px;font-size:1.3rem;color:#FFF;display:table;table-layout:fixed;list-style:none;margin:0;padding-left:40px;height:50px;line-height:50px}
#breadcrumb ul:before{position:absolute;left:10px;top:16px;width:15px;height:15px;background:url(../images/svg/breadcrumb/home.svg) no-repeat center top / 15px 15px;content:"";z-index:2}
#breadcrumb ul li{position:relative;display:table-cell;vertical-align:middle;text-align:center;padding-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#breadcrumb ul li::before{position:absolute;right:10px;top:20px;background:url(../images/svg/breadcrumb/arrow.svg) no-repeat center center / 8px 8px;width:8px;height:8px;content:""}
#breadcrumb ul li:last-child:before{display:none;content:""}
#breadcrumb ul li a{display:block;color:#FFF}
#breadcrumb ul li a:hover{text-decoration:none}
h2#main_title{font-family:'Gilda Display',sans-serif;font-size:30px;font-size:3rem;font-weight:400;text-align:center;color:#555;margin-bottom:20px;padding-bottom:30px}
h2#main_title:after{position:absolute;bottom:10px;left:0;right:0;font-size:13px;font-size:1.3rem;text-align:center;color:#ACACAC;content:attr(data-title)}
h2#main_title:before{position:absolute;bottom:0;left:0;right:0;width:20px;height:2px;margin:0 auto;background:#555;content:""}
#top_pp_block{margin-top:30px}
.pp_block{margin-bottom:30px}
.pp_block p{font-size:14px;font-size:1.4rem;color:#76726e}
h3.pp_title{position:relative;font-size:17px;font-size:1.7rem;font-weight:500;text-align:left;letter-spacing:1px;color:#86b0f4;margin-top:0;margin-bottom:10px;padding-left:20px}
h3.pp_title:before{position:absolute;top:-2px;left:0;font-size:20px;font-size:2rem;font-weight:500;color:#86b0f4;content:"-"}
ul.pp_list{counter-reset:number 0;padding-left:0}
ul.pp_list li:before{counter-increment:number 1;content:counter(number) ".";margin-right:5px;width:10px;height:10px}
ul,ol{list-style:none;margin:0;padding:0}
ul.pp_list li,ul.pp_list_n li{font-size:14px;font-size:1.4rem;line-height:180%;color:#76726e;margin-bottom:20px}
ul.pp_list_n{list-style:none}
ul.pp_list li ul li ul li,ul.pp_list li ul li ol li{color:#76726e;margin-bottom:10px;margin-left:20px}
.view_more{display:inline-block;position:relative;font-family:'Lato',sans-serif;font-size:14px;font-size:1.4rem;font-weight:300;letter-spacing:1px;text-align:center;text-decoration:none;color:#FFF;background-image:-webkit-linear-gradient(left,#86b0f4,#ace1f9);background-image:-o-linear-gradient(left,#86b0f4,#ace1f9);background-image:linear-gradient(right,#86b0f4,#ace1f9);width:100%;height:60px;line-height:60px;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;overflow:hidden;z-index:0}
.view_more:hover{color:#fff}
.view_more::after{position:absolute;top:24px;right:10px;background:url(../images/svg/icon/link.svg) no-repeat right center / 12px 12px;width:12px;height:12px;content:'';z-index:2}
.view_more::before{position:absolute;top:0;left:0;width:120%;height:100%;background:#ace1f9;transform-origin:left top;transform:skewX(-30deg) scale(0,1);transition:transform .3s;content:'';z-index:-1}
.view_more:hover::before{transform-origin:left top;transform:skewX(-30deg) scale(1,1)}
@media only screen and (min-width: 768px) {
#section1:before{position:absolute;left:0;width:40%;height:100%;background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.9),rgba(255,255,255,0.0));background-image:-o-linear-gradient(left,rgba(255,255,255,0.9),rgba(255,255,255,0.0));background-image:linear-gradient(right,rgba(255,255,255,0.0),rgba(255,255,255,0.9));content:""}
.pp_block{margin-bottom:80px}
.system_title_box{text-align:left}
}