@charset "UTF-8";

#page{position:relative;}
#page.page_padding{padding:30px 0 40px;}
#page.page_fullsize{position:fixed;left:0;top:0;width:100%;height:100%;}

@media all and (max-width:1000px){
	#page.page_padding{padding:15px 0 30px;}
}


#page .page_inner{position:relative;}


#page .page_header{position:relative;padding-bottom:40px;}
#page .page_header:before{content:"";display:block;position:absolute;z-indeX:1;left:50%;bottom:0;transform:translateX(-50%);width:150vw;height:1px;background-color:#e2e2e2;}
#page .page_header .info{position:relative;z-index:2;box-sizing:border-box;}
#page .page_header .info .title{position:relative;margin:0;padding:0;font-size:40px;font-weight:700;color:#000000;line-height:1.4;word-break:keep-all;}
#page .page_header .info .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:#000000;line-height:1.4;margin-top:10px;word-break:keep-all;}
#page .page_header .info .description b{font-weight:700;}
#page .page_header .tab{position:relative;border-bottom:1px solid #e2e2e2;}
#page .page_header .tab ul{position:relative;bottom:-1px;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;column-gap:10px;}
#page .page_header .tab ul li{position:relative;flex:1;max-width:250px;}
#page .page_header .tab .item{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;margin:0;padding:0 10px;height:50px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #E1E1E1;border-bottom-color:0;font-size:16px;font-weight:500;color:#000000;line-height:1.2;text-align:center;text-decoration:none;background-color:#F8F8F8;box-sizing:border-box;cursor:pointer;}
#page .page_header .tab .item:hover{border-color:#000000;border-bottom-color:#e2e2e2;}
#page .page_header .tab .item.active{border-color:#000000;border-bottom-color:transparent;background-color:#FFFFFF;}
#page .page_header * + .tab{margin-top:40px;}
#page .page_header.padding_bottom_none{padding-bottom:0;}
#page .page_header.type_home{background-color:#e6f0fb;padding-bottom:0;}
#page .page_header.type_home:before{display:none;}
#page .page_header.type_home:after{content:"";display:block;position:absolute;z-index:0;left:50%;bottom:0;transform:translateX(-50%);width:150vw;height:200%;background-color:#e6f0fb;}
#page .page_header.type_home .info .title{font-size:45px;}
#page .page_header.type_home .info .description{line-height:1.5;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#page .page_header.type_home .info .description .icon{position:relative;display:block;flex-shrink:0;width:80px;border-radius:0;background-color:#e6f0fb;background-image:url(../img/layout/icon_user.png);background-size:cover;background-position:center top 5px;background-repeat:no-repeat;}
#page .page_header.type_home .info .description .icon:before{content:"";display:block;padding-bottom:100%;}
#page .page_header.type_home .info .description div{margin-left:15px;}

@media all and (max-width:1000px){
	#page .page_header{padding-bottom:30px;}
	#page .page_header .info .title{font-size:30px;}
	#page .page_header .info .description{font-size:16px;}
	#page .page_header .tab .item{font-size:14px;height:45px;padding:0 5px;}
	#page .page_header * + .tab{margin-top:30px;}
	#page .page_header.type_home .info .title{font-size:30px;}
}


#page .page_content{position:relative;}
#page .page_content .page_section{position:relative;}
#page .page_content .page_section .page_section_title{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;}
#page .page_content .page_section .page_section_title .title{position:relative;flex-grow:1;margin:0;padding:0;margin-right:10px;font-size:22px;font-weight:500;color:#000000;line-height:1.4;}
#page .page_content .page_section .page_section_title .more{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0 10px;width:auto;height:30px;border-radius:5px;text-align:center;font-size:14px;font-weight:500;color:#000000;border:1px solid #e2e2e2;background-color:#ffffff;text-decoration:none;-webkit-appearance:none;cursor:pointer;transition:border-color ease 0.2s,background-color ease 0.2s;box-sizing:border-box;}
#page .page_content .page_section .page_section_title .more:hover{background-color:#e6f0fb;border-color:#0070f0;}
#page .page_content .page_section .page_section_content{position:relative;}
#page .page_content .page_section .page_section_title + .page_section_content{margin-top:20px;}
#page .page_content .page_section + .page_section{margin-top:60px;}
#page .page_header + .page_content{margin-top:40px;}

@media all and (max-width:1000px){
	#page .page_content .page_section .page_section_title .title{font-size:20px;}
	#page .page_content .page_section .page_section_title + .page_section_content{margin-top:15px;}
	#page .page_content .page_section + .page_section{margin-top:40px;}
	#page .page_header + .page_content{margin-top:30px;}
}