@charset "UTF-8";


#page{position:relative;}
#page.padding{padding:100px 0 150px;}
#page.padding.padding_top_none{padding-top:0 !important;}
#page.padding.padding_bottom_none{padding-bottom:0 !important;}

@media all and (max-width:1400px){
	#page.padding{padding:90px 0 125px;}
}
@media all and (max-width:1200px){
	#page.padding{padding:80px 0 100px;}
}
@media all and (max-width:1000px){
	#page.padding{padding:70px 0;}
}
@media all and (max-width:800px){
	#page.padding{padding:60px 0;}
}
@media all and (max-width:600px){
	#page.padding{padding:50px 0;}
}
@media all and (max-width:400px){
	#page.padding{padding:45px 0;}
}
@media all and (max-width:350px){
	#page.padding{padding:40px 0;}
}


#page .page_header{position:relative;}
#page .page_header.has_visual .inner{position:relative;padding-bottom:185px;}
#page .page_header .page_header_visual{position:absolute;z-index:0;right:0;bottom:0;max-width:630px;width:100%;background-size:100%;background-repeat:no-repeat;background-position:right bottom;}
#page .page_header .page_header_visual:before{content:"";display:block;padding-bottom:70%;}

@media all and (max-width:1400px){
	#page .page_header .page_header_visual{max-width:550px;}
}
@media all and (max-width:1200px){
	#page .page_header .page_header_visual{max-width:500px;}
}
@media all and (max-width:1000px){
	#page .page_header .page_header_visual{max-width:100%;height:170px;background-size:auto 100%;}
}
@media all and (max-width:800px){
	#page .page_header.has_visual .inner{padding-bottom:165px;}
	#page .page_header .page_header_visual{height:150px;}
}
@media all and (max-width:600px){
	#page .page_header.has_visual .inner{padding-bottom:155px;}
	#page .page_header .page_header_visual{height:140px;}
}
@media all and (max-width:400px){
	#page .page_header.has_visual .inner{padding-bottom:135px;}
	#page .page_header .page_header_visual{height:120px;}
}
@media all and (max-width:350px){
	#page .page_header.has_visual .inner{padding-bottom:125px;}
	#page .page_header .page_header_visual{height:110px;}
}


#page .page_content{position:relative;}
#page .page_header + .page_content{margin-top:100px;}
#page .page_header.has_visual + .page_content{margin-top:50px;}

@media all and (max-width:1400px){
	#page .page_header + .page_content{margin-top:90px;}
}
@media all and (max-width:1200px){
	#page .page_header + .page_content{margin-top:80px;}
}
@media all and (max-width:1000px){
	#page .page_header + .page_content{margin-top:70px;}
	#page .page_header.has_visual + .page_content{margin-top:45px;}
}
@media all and (max-width:800px){
	#page .page_header + .page_content{margin-top:60px;}
	#page .page_header.has_visual + .page_content{margin-top:40px;}
}
@media all and (max-width:600px){
	#page .page_header + .page_content{margin-top:50px;}
	#page .page_header.has_visual + .page_content{margin-top:35px;}
}
@media all and (max-width:400px){
	#page .page_header + .page_content{margin-top:45px;}
	#page .page_header.has_visual + .page_content{margin-top:30px;}
}
@media all and (max-width:350px){
	#page .page_header + .page_content{margin-top:40px;}
	#page .page_header.has_visual + .page_content{margin-top:25px;}
}


#page .component_search{position:relative;font-size:20px;}
#page .component_search form{position:relative;margin:0;padding:0;}
#page .component_search form fieldset{position:relative;margin:0;padding:0;border:0;}
#page .component_search form legend{display:none;}
#page .component_search .search{position:relative;max-width:730px;height:70px;border-radius:20px;border:1px solid #c9c9c9;overflow:hidden;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;}
#page .component_search .search .select{position:relative;margin:0;padding:0 20px;border:0;-webkit-appearance:none;font-size:26px;font-weight:500;letter-spacing:-0.08em;color:#000000;line-height:1.2;box-sizing:border-box;flex-grow:1;background-image:url(../img/page/component_search_select_arrow.png);background-size:28px;background-position:right 20px center;background-repeat:no-repeat;}
#page .component_search .search .select::placeholder{color:#c9c9c9;}
#page .component_search .search .input{position:relative;display:block;margin:0;padding:0 20px;border:0;-webkit-appearance:none;font-size:24px;font-weight:500;color:#000000;line-height:1.2;box-sizing:border-box;flex-grow:1;}
#page .component_search .search .input::placeholder{color:#c9c9c9;}
#page .component_search .search .button{position:relative;display:block;margin:0;padding:0;border:0;-webkit-appearance:none;width:250px;font-size:26px;font-weight:600;letter-spacing:-0.04em;color:#ffffff;line-height:1.2;background-color:#014099;box-sizing:border-box;cursor:pointer;transition:background-color ease 250ms;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_search .search .button:before{content:"";display:block;margin-right:20px;width:42px;height:42px;background-size:100%;background-repeat:no-repeat;background-position:center center;background-image:url(../img/page/component_search_button_icon.png);flex-shrink:0;}
#page .component_search .search .button:hover{background-color:#003989;}
#page .component_search.has_filter .search{height:auto;max-width:100%;border:0;column-gap:10px;overflow:visible;}
#page .component_search.has_filter .search .select,
#page .component_search.has_filter .search .input{font-size:22px;border-radius:20px;border:1px solid #c9c9c9;height:70px;}
#page .component_search.has_filter .search .button{font-size:24px;border-radius:20px;}
#page .component_search.has_filter .search .button:before{width:36px;height:36px;}
#page .component_search + *{margin-top:100px;}

@media all and (max-width:1401px){
	#page .component_search .search .select{font-size:1.3em;padding:0.76em;background-size:1em;background-position:right 0.76em center;}
	#page .component_search .search .input{font-size:1em;padding:0 0.76em;}
	#page .component_search .search .button{font-size:1.2em;}
	#page .component_search .search .button:before{width:1.5em;height:1.5em;margin-right:0.7em;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{font-size:1.1em;}
	#page .component_search.has_filter .search .button{font-size:1.2em;}
}
@media all and (max-width:1400px){
	#page .component_search{font-size:19px;}
	#page .component_search .search{height:66px;}
	#page .component_search .search .button{width:225px;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{height:66px;}
	#page .component_search + *{margin-top:90px;}
}
@media all and (max-width:1200px){
	#page .component_search{font-size:18px;}
	#page .component_search .search{height:62px;}
	#page .component_search .search .button{width:200px;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{height:62px;}
	#page .component_search + *{margin-top:80px;}
}
@media all and (max-width:1000px){
	#page .component_search{font-size:17px;}
	#page .component_search .search{height:58px;border-radius:10px;max-width:100%;}
	#page .component_search .search .select{font-size:1.1em;}
	#page .component_search .search .input{font-size:1.1em;width:calc(100% - 160px);}
	#page .component_search .search .button{font-size:1.1em;width:160px;}
	#page .component_search .search .button:before{width:1.2em;height:1.2em;margin-right:0.5em;}
	#page .component_search.has_filter .search{flex-wrap:wrap;row-gap:10px;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{font-size:1.1em;border-radius:10px;height:58px;}
	#page .component_search.has_filter .search .button{width:100%;line-height:2.5;font-size:1.2em;border-radius:10px;}
	#page .component_search.has_filter .search .button:before{width:1.2em;height:1.2em;margin-right:0.5em;}
	#page .component_search + *{margin-top:70px;}
}
@media all and (max-width:800px){
	#page .component_search{font-size:16px;}
	#page .component_search .search{height:54px;}
	#page .component_search .search .input{width:calc(100% - 140px);}
	#page .component_search .search .button{width:140px;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{height:54px;}
	#page .component_search + *{margin-top:60px;}
}
@media all and (max-width:600px){
	#page .component_search{font-size:15px;}
	#page .component_search .search{height:50px;}
	#page .component_search .search .input{width:calc(100% - 120px);}
	#page .component_search .search .button{width:120px;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{height:50px;}
	#page .component_search + *{margin-top:50px;}
}
@media all and (max-width:400px){
	#page .component_search{font-size:14px;}
	#page .component_search .search{height:46px;}
	#page .component_search .search .input{width:calc(100% - 110px);}
	#page .component_search .search .button{width:110px;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{height:50px;}
	#page .component_search + *{margin-top:45px;}
}
@media all and (max-width:350px){
	#page .component_search{font-size:13px;}
	#page .component_search .search{height:42px;}
	#page .component_search .search .input{width:calc(100% - 100px);}
	#page .component_search .search .button{width:100px;}
	#page .component_search.has_filter .search .select,
	#page .component_search.has_filter .search .input{height:42px;}
	#page .component_search + *{margin-top:40px;}
}


#page .component_category{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;column-gap:10px;row-gap:10px;align-items:center;justify-content:center;font-size:20px;}
#page .component_category .item{position:relative;margin:0;padding:5px 35px;border-radius:33px;border:1px solid #c9c9c9;-webkit-appearance:none;height:65px;min-width:160px;font-size:22px;font-weight:700;color:#b2b2b2;line-height:1.4;text-align:center;white-space:nowrap;text-decoration:none;background-color:#ffffff;box-sizing:border-box;transition:background-color ease 250ms,color ease 250ms;cursor:pointer;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex:1;}
#page .component_category .item:hover{border-color:#014099;color:#014099;}
#page .component_category .item.active{border-color:#014099;color:#014099;}
#page .component_category + *{margin-top:50px;}

@media all and (max-width:1401px){
	#page .component_category .item{padding:5px 1.34em;border-radius:1.25em;height:2.5em;min-width:12em;font-size:1.1em;}
}
@media all and (max-width:1400px){
	#page .component_category{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_category{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_category{font-size:17px;}
	#page .component_category + *{margin-top:45px;}
}
@media all and (max-width:800px){
	#page .component_category{font-size:16px;}
	#page .component_category .item{min-width:40%;}
	#page .component_category + *{margin-top:40px;}
	#page .component_category .item.all:first-child{order:10;}
}
@media all and (max-width:600px){
	#page .component_category{font-size:15px;}
	#page .component_category + *{margin-top:35px;}
}
@media all and (max-width:400px){
	#page .component_category{font-size:14px;}
	#page .component_category + *{margin-top:30px;}
}
@media all and (max-width:350px){
	#page .component_category{font-size:13px;}
	#page .component_category + *{margin-top:25px;}
}


#page .component_type{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;column-gap:60px;align-items:center;justify-content:center;font-size:20px;}
#page .component_type .item{position:relative;margin:0;padding:0;border-radius:0;border:0;-webkit-appearance:none;font-size:26px;font-weight:300;color:#000000;line-height:1.4;text-align:center;text-decoration:none;background-color:transparent;box-sizing:border-box;transition:background-color ease 250ms,color ease 250ms;cursor:pointer;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_type .item:nth-child(n+2):before{content:"";display:block;position:absolute;left:-30px;height:1em;width:1px;background-color:#000000;}
#page .component_type .item:hover{color:#000000;}
#page .component_type .item.active{color:#000000;font-weight:800;}
#page .component_type + *{margin-top:50px;}

@media all and (max-width:1401px){
	#page .component_type{column-gap:3em;}
	#page .component_type .item{font-size:1.3em;}
	#page .component_type .item:nth-child(n+2):before{left:-1.15em;}
}
@media all and (max-width:1400px){
	#page .component_type{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_type{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_type{font-size:17px;}
	#page .component_type{column-gap:1.5em;}
	#page .component_type .item{font-size:1.2em;}
	#page .component_type .item:nth-child(n+2):before{left:-0.65em;}
	#page .component_type + *{margin-top:45px;}
}
@media all and (max-width:800px){
	#page .component_type{font-size:16px;}
	#page .component_type + *{margin-top:40px;}
}
@media all and (max-width:600px){
	#page .component_type{font-size:15px;}
	#page .component_type + *{margin-top:35px;}
}
@media all and (max-width:400px){
	#page .component_type{font-size:14px;}
	#page .component_type + *{margin-top:30px;}
}
@media all and (max-width:350px){
	#page .component_type{font-size:13px;}
	#page .component_type + *{margin-top:25px;}
}


#page .component_grid3_list{position:relative;font-size:20px;}
#page .component_grid3_list .list{position:relative;display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:50px;}
#page .component_grid3_list .list .item{position:relative;text-decoration:none;cursor:pointer;}
#page .component_grid3_list .list .item .thumbnail{position:relative;border-radius:20px;background-color:#f5f5f5;background-image:url(../img/page/noimage.png);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .component_grid3_list .list .item .thumbnail:before{content:"";display:block;padding-bottom:62.5%;}
#page .component_grid3_list .list .item .info{position:relative;margin-top:10px;}
#page .component_grid3_list .list .item .info .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:500;color:#000000;line-height:1.4;}
#page .component_grid3_list .nolist{position:relative;padding:50px 0;text-align:center;font-weight:400;color:#000000;line-height:1.4;}

@media all and (max-width:1401px){
	#page .component_grid3_list .list .item .info .title{font-size:1.3em;}
}
@media all and (max-width:1400px){
	#page .component_grid3_list{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_grid3_list{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_grid3_list{font-size:17px;}
	#page .component_grid3_list .list{column-gap:15px;}
	#page .component_grid3_list .list .item .info .title{font-size:1.1em;}
}
@media all and (max-width:800px){
	#page .component_grid3_list{font-size:16px;}
	#page .component_grid3_list .list{grid-template-columns:repeat(2,1fr);}
	#page .component_grid3_list .list .item .thumbnail{border-radius:10px;}
}
@media all and (max-width:600px){
	#page .component_grid3_list{font-size:15px;}
}
@media all and (max-width:400px){
	#page .component_grid3_list{font-size:14px;}
}
@media all and (max-width:350px){
	#page .component_grid3_list{font-size:13px;}
}


#page .component_grid4_list{position:relative;font-size:20px;}
#page .component_grid4_list .list{position:relative;display:grid;grid-template-columns:repeat(4,1fr);column-gap:30px;row-gap:50px;}
#page .component_grid4_list .list .item{position:relative;text-decoration:none;cursor:pointer;}
#page .component_grid4_list .list .item .thumbnail{position:relative;border-radius:20px;border:1px solid #f5f5f5;background-color:#f5f5f5;background-image:url(../img/page/noimage.png);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .component_grid4_list .list .item .thumbnail:before{content:"";display:block;padding-bottom:50%;}
#page .component_grid4_list .list .item .info{position:relative;margin-top:10px;}
#page .component_grid4_list .list .item .info .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:500;color:#000000;line-height:1.4;}
#page .component_grid4_list .nolist{position:relative;padding:50px 0;text-align:center;font-weight:400;color:#000000;line-height:1.4;}

@media all and (max-width:1401px){
	#page .component_grid4_list .list .item .info .title{font-size:1.3em;}
}
@media all and (max-width:1400px){
	#page .component_grid4_list{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_grid4_list{font-size:18px;}
	#page .component_grid4_list .list{grid-template-columns:repeat(3,1fr);}
}
@media all and (max-width:1000px){
	#page .component_grid4_list{font-size:17px;}
	#page .component_grid4_list .list{column-gap:15px;}
	#page .component_grid4_list .list .item .thumbnail:before{padding-bottom:75%;}
	#page .component_grid4_list .list .item .info .title{font-size:1.1em;}
}
@media all and (max-width:800px){
	#page .component_grid4_list{font-size:16px;}
	#page .component_grid4_list .list{grid-template-columns:repeat(2,1fr);}
	#page .component_grid4_list .list .item .thumbnail{border-radius:10px;}
}
@media all and (max-width:600px){
	#page .component_grid4_list{font-size:15px;}
}
@media all and (max-width:400px){
	#page .component_grid4_list{font-size:14px;}
}
@media all and (max-width:350px){
	#page .component_grid4_list{font-size:13px;}
}


#page .component_table_list{position:relative;font-size:20px;}
#page .component_table_list .list{position:relative;}
#page .component_table_list .list table{position:relative;border-collapse:collapse;width:100%;font-size:inherit;font-family:inherit;}
#page .component_table_list .list table thead{position:relative;background-color:#014099;overflow:hidden;}
#page .component_table_list .list table thead tr{position:relative;}
#page .component_table_list .list table thead tr > *{position:relative;padding:20px 40px;height:60px;font-size:24px;font-weight:500;letter-spacing:-0.04em;color:#ffffff;line-height:1.2;box-sizing:border-box;text-align:center;white-space:nowrap;}
#page .component_table_list .list table tbody{position:relative;}
#page .component_table_list .list table tbody tr{position:relative;}
#page .component_table_list .list table tbody tr > *{position:relative;padding:20px 10px;height:100px;font-size:22px;font-weight:500;letter-spacing:-0.04em;color:#000000;line-height:1.4;box-sizing:border-box;text-align:center;border-bottom:1px solid #e9e7e7;}
#page .component_table_list .list table tbody tr > * a{text-decoration:none;}
#page .component_table_list .list table tbody tr:hover{background-color:#e5ecf5;}
#page .component_table_list .list table .cell_number{width:4em;}
#page .component_table_list .list table .cell_category{width:4em;}
#page .component_table_list .list table .cell_organization{width:6em;}
#page .component_table_list .list table .cell_date{width:6em;}
#page .component_table_list .list table .cell_count{width:4em;}
#page .component_table_list .list table .cell_status{width:4em;}
#page .component_table_list .list table .cell_writer{width:4em;}
#page .component_table_list .list table .cell_checkbox{width:1em;}
#page .component_table_list .list table .cell_reply{width:4em;}
#page .component_table_list .list table .cell_mobile{display:none;}
#page .component_table_list .list table tbody .cell_number{font-weight:500;}
#page .component_table_list .list table .category{position:relative;display:block;margin:0;padding:0 15px;height:50px;border-radius:20px;white-space:nowrap;font-weight:500;background-color:rgba(178,178,178,0.2);display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_table_list .list table .title{position:relative;display:block;font-weight:500;text-align:left;}
#page .component_table_list .list table .title:hover{color:#014099;}
#page .component_table_list .list table .date{position:relative;display:block;white-space:nowrap;text-align:left;}
#page .component_table_list .list table .date > *{display:block;text-align:center;}
#page .component_table_list .list table .count{position:relative;display:block;margin:0;padding:0;white-space:nowrap;}
#page .component_table_list .list table .count .current{color:#014099;}
#page .component_table_list .list table .status{position:relative;display:block;height:50px;width:100%;border-radius:25px;border:0;-webkit-appearance:none;padding:0 20px;box-sizing:border-box;font-size:inherit;font-family:inherit;white-space:nowrap;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_table_list .list table .status.active{color:#014099;}
#page .component_table_list .list table .status.disabled{color:#b2b2b2;}
#page .component_table_list .list table .status.cancel{background-color:#000000;color:#ffffff;cursor:pointer;}
#page .component_table_list .list table .status.attendance{background-color:#f39938;color:#ffffff;}
#page .component_table_list .list table .reply_status{position:relative;display:block;margin:0;padding:0 15px;height:50px;border-radius:20px;white-space:nowrap;font-weight:500;background-color:#ec92a2;color:#ffffff;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_table_list .list table .icon_comment{position:relative;display:inline-block;vertical-align:middle;background-color:#ec92a2;margin-top:-0.2em;font-size:18px;font-weight:500;border-radius:5px;padding:5px;color:#ffffff;}
#page .component_table_list .list table .nolist > *{font-weight:400;line-height:1.4;}
#page .component_table_list .list table input[type="checkbox"]{display:none;}
#page .component_table_list .list table input[type="checkbox"] + label{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;padding-left:40px;font-size:24px;font-weight:600;cursor:pointer;}
#page .component_table_list .list table input[type="checkbox"] + label:before,
#page .component_table_list .list table input[type="checkbox"] + label:after{content:"";display:block;width:25px;height:25px;box-sizing:border-box;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#page .component_table_list .list table input[type="checkbox"] + label:before{border:1px solid #000000;border-radius:3px;}
#page .component_table_list .list table input[type="checkbox"] + label:after{opacity:0;background-image:url(../img/page/component_agreement_checkbox_arrow.png);background-size:80%;background-repeat:no-repeat;background-position:center center;}
#page .component_table_list .list table input[type="checkbox"] + label:empty{padding-left:0;}
#page .component_table_list .list table input[type="checkbox"]:checked + label:before{border-color:#014099;}
#page .component_table_list .list table input[type="checkbox"]:checked + label:after{opacity:1;}
#page .component_table_list .list table input[type="radio"]{display:none;}
#page .component_table_list .list table input[type="radio"] + label{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;padding-left:40px;font-size:24px;font-weight:600;cursor:pointer;}
#page .component_table_list .list table input[type="radio"] + label:before,
#page .component_table_list .list table input[type="radio"] + label:after{content:"";display:block;width:25px;height:25px;box-sizing:border-box;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#page .component_table_list .list table input[type="radio"] + label:before{border:1px solid #000000;border-radius:3px;}
#page .component_table_list .list table input[type="radio"] + label:after{opacity:0;background-image:url(../img/page/component_agreement_checkbox_arrow.png);background-size:80%;background-repeat:no-repeat;background-position:center center;}
#page .component_table_list .list table input[type="radio"] + label:empty{padding-left:0;}
#page .component_table_list .list table input[type="radio"]:checked + label:before{border-color:#014099;}
#page .component_table_list .list table input[type="radio"]:checked + label:after{opacity:1;}
#page .component_table_list .buttons{position:relative;font-size:1em;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;column-gap:30px;}
#page .component_table_list .buttons .button{position:relative;display:block;margin:0;padding:0;border:1px solid #c9c9c9;border-radius:20px;-webkit-appearance:none;width:400px;height:80px;font-size:28px;font-weight:600;letter-spacing:-0.04em;color:#b2b2b2;line-height:1.2;background-color:#ffffff;text-decoration:none;box-sizing:border-box;cursor:pointer;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_table_list .buttons .button:hover{background-color:#fafafa;}
#page .component_table_list .buttons .button.type_primary{background-color:#014099;color:#ffffff;border-color:transparent;}
#page .component_table_list .buttons .button.type_primary:hover{background-color:#003989;}
#page .component_table_list * +  .buttons{margin-top:50px;}

@media all and (max-width:1401px){
	#page .component_table_list .list table thead tr > *{font-size:1.2em;padding:0.83em 1.66em;height:2.5em;}
	#page .component_table_list .list table tbody tr > *{font-size:1.1em;padding:0.83em 1.66em;height:4.1em;}
	#page .component_table_list .list table .category{height:2em;border-radius:0.8em;padding:0 0.6em;}
	#page .component_table_list .list table .status{height:2em;border-radius:1em;padding:0 0.83em;}
	#page .component_table_list .list table .reply_status{height:2em;border-radius:0.8em;padding:0 0.6em;}
	#page .component_table_list .list table .icon_comment{font-size:0.8em;padding:0.27em;border-radius:0.27em;}
	#page .component_table_list .buttons .button{font-size:1.4em;}
}
@media all and (max-width:1400px){
	#page .component_table_list{font-size:19px;}
	#page .component_table_list .buttons .button{width:350px;height:75px;}
}
@media all and (max-width:1200px){
	#page .component_table_list{font-size:18px;}
	#page .component_table_list .buttons .button{width:300px;height:65px;}
}
@media all and (max-width:1000px){
	#page .component_table_list{font-size:17px;}
	#page .component_table_list .list table thead{display:none;}
	#page .component_table_list .list table thead tr > *{font-size:1.1em;}
	#page .component_table_list .list table tbody{display:flex;flex-wrap:nowrap;flex-direction:column;row-gap:15px;}
	#page .component_table_list .list table tbody tr{border:1px solid #e9e7e7;border-radius:10px;padding:10px;display:flex;flex-wrap:nowrap;flex-direction:column;row-gap:5px;}
	#page .component_table_list .list table tbody tr:hover{background-color:transparent;}
	#page .component_table_list .list table tbody tr > *{display:block;padding:0;height:auto;border-bottom-width:0;width:100% !important;text-align:left;}
	#page .component_table_list .list table .cell_number{display:none;}
	#page .component_table_list .list table .cell_title{margin-top:10px;}
	#page .component_table_list .list table .cell_status{margin-top:10px;}
	#page .component_table_list .list table .date > *{display:inline;}
	#page .component_table_list * + .buttons{margin-top:45px;}
	#page .component_table_list .buttons .button{border-radius:10px;font-size:1.2em;height:60px;}
}
@media all and (max-width:800px){
	#page .component_table_list{font-size:16px;}
	#page .component_table_list * + .buttons{margin-top:40px;}
	#page .component_table_list .buttons .button{height:55px;}
}
@media all and (max-width:600px){
	#page .component_table_list{font-size:15px;}
	#page .component_table_list * + .buttons{margin-top:35px;}
	#page .component_table_list .buttons .button{height:50px;}
}
@media all and (max-width:400px){
	#page .component_table_list{font-size:14px;}
	#page .component_table_list * + .buttons{margin-top:30px;}
	#page .component_table_list .buttons .button{height:45px;}
}
@media all and (max-width:350px){
	#page .component_table_list{font-size:13px;}
	#page .component_table_list * + .buttons{margin-top:25px;}
	#page .component_table_list .buttons .button{height:40px;}
}


#page .component_faq_list{position:relative;font-size:20px;}
#page .component_faq_list .list{position:relative;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}
#page .component_faq_list .list .item{position:relative;display:block;text-decoration:none;cursor:pointer;}
#page .component_faq_list .list .item .info{position:relative;padding:30px 20px;padding-right:50px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#page .component_faq_list .list .item .info .category{position:relative;display:block;margin:0;padding:0 15px;margin-right:30px;height:50px;border-radius:20px;white-space:nowrap;font-size:24px;font-weight:500;background-color:rgba(178,178,178,0.2);display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;}
#page .component_faq_list .list .item .info .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:500;color:#000000;line-height:1.4;flex-grow:1;}
#page .component_faq_list .list .item .info:before,
#page .component_faq_list .list .item .info:after{content:"";display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:35px;height:5px;background-color:#000000;transition:transform ease 250ms,background-color ease 250ms;}
#page .component_faq_list .list .item .info:after{transform:translateY(-50%) rotate(-90deg);}
#page .component_faq_list .list .item .content{position:relative;margin:0;padding:30px 60px;font-size:26px;font-weight:400;color:#000000;line-height:1.8;display:none;border-top:solid 1px #d4d4d4;}
#page .component_faq_list .list .item .content *{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;}
#page .component_faq_list .list .item.active{background-color:#e5ecf5;}
#page .component_faq_list .list .item.active .info:before,
#page .component_faq_list .list .item.active .info:after{background-color:#014099;}
#page .component_faq_list .list .item.active .info:after{transform:translateY(-50%) rotate(0);}
#page .component_faq_list .list .item + .item{border-top:1px solid #c9c9c9;}
#page .component_faq_list .nolist{position:relative;padding:50px 0;text-align:center;font-weight:400;color:#000000;line-height:1.4;}

@media all and (max-width:1401px){
	#page .component_faq_list .list .item .info .category{font-size:1.2em;margin-right:1.25em;height:2.1em;border-radius:0.83em;padding:0 0.6em;}
	#page .component_faq_list .list .item .info .title{font-size:1.3em;}
	#page .component_faq_list .list .item .info:before,
	#page .component_faq_list .list .item .info:after{width:1.75em;height:0.25em;}
	#page .component_faq_list .list .item .content{padding:1.5em 3em;font-size:1.1.5em}
}
@media all and (max-width:1400px){
	#page .component_faq_list{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_faq_list{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_faq_list{font-size:17px;}
	#page .component_faq_list .list .item .info{padding:15px 10px;padding-right:0;}
	#page .component_faq_list .list .item .info .category{font-size:1.1em;margin-right:10px;}
	#page .component_faq_list .list .item .info .title{font-size:1.1em;}
	#page .component_faq_list .list .item .info:before,
	#page .component_faq_list .list .item .info:after{display:none;}
	#page .component_faq_list .list .item .content{padding:15px 10px;font-size:1.1em;}
}
@media all and (max-width:800px){
	#page .component_faq_list{font-size:16px;}
}
@media all and (max-width:600px){
	#page .component_faq_list{font-size:15px;}
}
@media all and (max-width:400px){
	#page .component_faq_list{font-size:14px;}
}
@media all and (max-width:350px){
	#page .component_faq_list{font-size:13px;}
}


#page .component_class_list{position:relative;font-size:20px;}
#page .component_class_list .list{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;row-gap:35px;}
#page .component_class_list .list .item{position:relative;letter-spacing:-0.04em;border-radius:20px;border:1px solid #b2b2b2;overflow:hidden;}
#page .component_class_list .list .item .top{position:relative;padding:30px;}
#page .component_class_list .list .item .top .info{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;}
#page .component_class_list .list .item .top .info .titles{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;flex-grow:1;margin-right:20px;}
#page .component_class_list .list .item .top .info .titles .category{position:relative;margin:0;padding:0 20px;margin-right:20px;min-width:120px;height:44px;border-radius:22px;font-size:20px;font-weight:500;color:#000000;background-color:rgba(178,178,178,0.2);white-space:nowrap;box-sizing:border-box;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;white-space:nowrap;}
#page .component_class_list .list .item .top .info .titles .title{position:relative;margin:0;padding:0;font-size:30px;font-weight:800;color:#000000;flex-grow:1;}
#page .component_class_list .list .item .top .info .status{position:relative;width:105px;height:105px;border-radius:50%;font-size:26px;font-weight:700;color:#ffffff;background-color:#6b7eb3;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;white-space:nowrap;}
#page .component_class_list .list .item .top .info .status.completed{background-color:#000000;}
#page .component_class_list .list .item .top .rate{position:relative;margin-top:35px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#page .component_class_list .list .item .top .rate .text{position:relative;width:220px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;flex-shrink:0;}
#page .component_class_list .list .item .top .rate .text .title{position:relative;margin:0;padding:0;font-size:20px;font-weight:800;color:#014099;margin-right:20px;}
#page .component_class_list .list .item .top .rate .text .value{position:relative;margin:0;padding:0;font-size:34px;font-weight:800;color:#014099;}
#page .component_class_list .list .item .top .rate .bar{position:relative;height:35px;border-radius:18px;border:1px solid #b2b2b2;box-sizing:border-box;overflow:hidden;flex-grow:1;}
#page .component_class_list .list .item .top .rate .bar .current{position:relative;height:100%;background-image:linear-gradient(90deg, rgba(0,52,146,1) 0%, rgba(77,123,189,1) 100%);width:0;border-radius:18px;}
#page .component_class_list .list .item .bottom{position:relative;height:85px;border-top:2px solid #e9e7e7;display:flex;flex-wrap:nowrap;flex-direction:row;}
#page .component_class_list .list .item .bottom > *{flex:1;}
#page .component_class_list .list .item .bottom .date{position:relative;margin:0;padding:0 30px;font-size:24px;font-weight:500;color:#000000;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#page .component_class_list .list .item .bottom .date .title{font-weight:800;}
#page .component_class_list .list .item .bottom .date .value{font-weight:500;margin-left:10px;}
#page .component_class_list .list .item .bottom .button{position:relative;margin:0;padding:0 20px;border:0;-webkit-appearance:none;font-size:24px;font-weight:700;color:#ffffff;text-decoration:none;cursor:pointer;background-color:#014099;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_class_list .list .item .bottom .button:hover{background-color:#003989;}
#page .component_class_list .list .item .bottom .button:after{content:"";display:block;margin-left:15px;width:36px;height:36px;background-image:url(../img/page/component_class_list_button_icon.png);background-size:100%;background-color:transparent;background-repeat:no-repeat;background-position:center center;flex-shrink:0;}
#page .component_class_list .list .item .bottom .button.completed{background-color:#b2b2b2;color:rgba(255,255,255,0.53);cursor:default;}
#page .component_class_list .list .item .bottom .button.completed:after{opacity:0.53;}
#page .component_class_list .nolist{position:relative;padding:50px 0;text-align:center;font-weight:400;color:#000000;line-height:1.4;}

@media all and (max-width:1401px){
	#page .component_class_list .list .item .top .info .titles .category{font-size:1em;border-radius:1.1em;height:2.2em;min-width:6em;margin-right:1em;padding:0 1em;}
	#page .component_class_list .list .item .top .info .titles .title{font-size:1.5em;}
	#page .component_class_list .list .item .top .info .status{font-size:1.3em;width:4em;height:4em;}
	#page .component_class_list .list .item .top .rate{margin-top:1.75em;}
	#page .component_class_list .list .item .top .rate .text{width:11em;}
	#page .component_class_list .list .item .top .rate .text .title{font-size:1em;margin-right:1em;}
	#page .component_class_list .list .item .top .rate .text .value{font-size:1.7em;}
	#page .component_class_list .list .item .top .rate .bar{height:1.75em;border-radius:0.875em;}
	#page .component_class_list .list .item .top .rate .bar .current{border-radius:0.875em;}
	#page .component_class_list .list .item .bottom .date{font-size:1.2em;}
	#page .component_class_list .list .item .bottom .button{font-size:1.2em;}
	#page .component_class_list .list .item .bottom .button:after{width:1.5em;height:1.5em;margin-left:0.6em;}
}
@media all and (max-width:1400px){
	#page .component_class_list{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_class_list{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_class_list{font-size:17px;}
	#page .component_class_list .list .item{border-radius:10px;}
	#page .component_class_list .list .item .top{padding:10px;}
	#page .component_class_list .list .item .top .info .titles .title{font-size:1.3em;}
	#page .component_class_list .list .item .top .info .status{font-size:1.1em;}
	#page .component_class_list .list .item .bottom{height:auto;display:block;}
	#page .component_class_list .list .item .bottom .date{padding:10px;font-size:1.1em;}
	#page .component_class_list .list .item .bottom .button{padding:0 10px;font-size:1.1em;height:3em;}
}
@media all and (max-width:800px){
	#page .component_class_list{font-size:16px;}
}
@media all and (max-width:600px){
	#page .component_class_list{font-size:15px;}
	#page .component_class_list .list .item .bottom{flex-direction:column;}
	#page .component_class_list .list .item .bottom > *{flex:0;}
}
@media all and (max-width:400px){
	#page .component_class_list{font-size:14px;}
}
@media all and (max-width:350px){
	#page .component_class_list{font-size:13px;}
}


#page .component_pagination{position:relative;font-size:20px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_pagination .button{position:relative;display:block;margin:0;padding:0;border:1px solid #c9c9c9;border-radius:20px;-webkit-appearance:none;width:400px;height:85px;font-size:28px;font-weight:800;color:#b2b2b2;line-height:1.2;background-color:#ffffff;text-decoration:none;box-sizing:border-box;cursor:pointer;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_pagination .button:hover{background-color:#fafafa;}
#page .component_pagination .pagination{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;column-gap:20px;}
#page .component_pagination .pagination .direction{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:21px;background-size:100%;background-color:transparent;background-repeat:no-repeat;background-position:center center;flex-shrink:0;cursor:pointer;text-decoration:none;}
#page .component_pagination .pagination .direction:before{content:"";display:block;padding-bottom:148%;}
#page .component_pagination .pagination .direction.type_prev{background-image:url(../img/page/component_pagination_direction_prev.png);}
#page .component_pagination .pagination .direction.type_next{background-image:url(../img/page/component_pagination_direction_next.png);}
#page .component_pagination .pagination .count{position:relative;font-size:26px;font-weight:500;line-height:1.2;color:#c9c9c9;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;column-gap:15px;text-decoration:none;}
#page .component_pagination .pagination .count a{text-decoration:none;}
#page .component_pagination .pagination .count .current{color:#b2b2b2;}
#page * + .component_pagination{margin-top:100px;}

@media all and (max-width:1401px){
	#page .component_pagination .button{font-size:1.4em;}
	#page .component_pagination .pagination .count{font-size:1.3em;}
}
@media all and (max-width:1400px){
	#page .component_pagination{font-size:19px;}
	#page .component_pagination .button{width:350px;height:75px;}
	#page * + .component_pagination{margin-top:90px;}
}
@media all and (max-width:1200px){
	#page .component_pagination{font-size:18px;}
	#page .component_pagination .button{width:300px;height:65px;}
	#page * + .component_pagination{margin-top:80px;}
}
@media all and (max-width:1000px){
	#page .component_pagination{font-size:17px;}
	#page .component_pagination .button{display:none;font-size:1.2em;}
	#page .component_pagination .pagination{position:relative;right:auto;top:auto;transform:translateY(0);}
	#page * + .component_pagination{margin-top:70px;}
}
@media all and (max-width:800px){
	#page .component_pagination{font-size:16px;}
	#page * + .component_pagination{margin-top:60px;}
}
@media all and (max-width:600px){
	#page .component_pagination{font-size:15px;}
	#page .component_pagination .pagination{justify-content:space-between;flex-grow:1;}
	#page * + .component_pagination{margin-top:50px;}
}
@media all and (max-width:400px){
	#page .component_pagination{font-size:14px;}
	#page * + .component_pagination{margin-top:45px;}
}
@media all and (max-width:350px){
	#page .component_pagination{font-size:13px;}
	#page * + .component_pagination{margin-top:40px;}
}


#page .component_view{position:relative;font-size:20px;}
#page .component_view > table{position:relative;border-collapse:collapse;width:100%;font-size:inherit;font-family:inherit;}
#page .component_view > table > thead{position:relative;}
#page .component_view > table > thead > tr{position:relative;}
#page .component_view > table > thead > tr > *{position:relative;padding:20px 0;height:80px;box-sizing:border-box;text-align:left;}
#page .component_view > table > thead > tr > * > .title{position:relative;display:block;margin:0;padding:0;font-size:28px;font-weight:600;letter-spacing:-0.04em;color:#014099;line-height:1.2;word-break:keep-all;}
#page .component_view > table > thead > tr > * > .description{position:relative;display:block;margin:0;padding:0;font-size:24px;font-weight:400;color:#000000;line-height:1.2;margin-top:10px;word-break:keep-all;}
#page .component_view > table > thead > tr > * > .notice{text-align:right;}
#page .component_view > table > thead > tr > * > .notice em{color:#ca1313;}
#page .component_view > table > tbody{position:relative;border-top:1px solid #e9e7e7;}
#page .component_view > table > tbody > tr{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;}
#page .component_view > table > tbody > tr > *{position:relative;padding:20px 0;min-height:80px;font-size:24px;font-weight:400;letter-spacing:-0.04em;color:#000000;line-height:1.2;box-sizing:border-box;text-align:left;border-bottom:1px solid #e9e7e7;display:flex;align-items:center;}
#page .component_view > table > tbody > tr > th{width:8em;font-weight:600;flex-shrink:0;word-break:keep-all;}
#page .component_view > table > tbody > tr > th em{color:#ca1313;}
#page .component_view > table > tbody > tr > td{flex-grow:1;padding:20px 20px;}
#page .component_view > table > tbody > tr.phone > td{flex-wrap:wrap;}
#page .component_view > table > tbody > tr > * > a{text-decoration:none;}
#page .component_view > table > tbody > tr.w2 > td{width:calc(50% - 8em);}
#page .component_view > table > tbody > tr.w2 > td + th{padding-left:20px;}
#page .component_view > table > tbody > tr.vertical{flex-direction:column;border-bottom:1px solid #e9e7e7;}
#page .component_view > table > tbody > tr.vertical > *{padding:20px 0;border-bottom-width:0;}
#page .component_view > table > tbody > tr.vertical > th{width:100%;}
#page .component_view > table > tbody > tr.vertical > td{width:100%;height:auto;}
#page .component_view > table > tbody > tr.border_bottom_none{border-bottom-width:0;}
#page .component_view > table > tbody > tr > *.padding_large{padding:50px 0;}
#page .component_view > table > tbody > tr > *.padding_bottom_none{padding-bottom:0 !important;}
#page .component_view > table > tbody > tr > * > .title{position:relative;display:block;margin:0;padding:0;font-size:inherit;font-weight:600;text-align:left;color:#014099;}
#page .component_view > table + table{margin-top:50px;}
#page .component_view.type_info > table > thead{background-color:#014099;}
#page .component_view.type_info > table > thead > tr > *{border-color:#b8b3bc;padding:20px 20px;text-align:center;}
#page .component_view.type_info > table > thead > tr > * > .title{color:#ffffff;}
#page .component_view.type_info > table > tbody > tr > *{padding:20px 20px;}
#page .component_view.type_info > table > tbody > tr > th{background-color:#dbe4f1;justify-content:center;}
#page .component_view .input_text,
#page .component_view .input_select,
#page .component_view .input_textarea{position:relative;margin:0;padding:0;padding:0 10px;-webkit-appearance:none;border:1px solid #d4d4d4;width:100%;height:60px;border-radius:10px;box-sizing:border-box;font-size:24px;}
#page .component_view .input_text::-webkit-outer-spin-button, 
#page .component_view .input_text::-webkit-inner-spin-button{-webkit-appearance:none;}
#page .component_view .input_text:placeholder-shown,
#page .component_view .input_textarea:placeholder-shown{background-color:#f9f9f9;}
#page .component_view .input_select{background-image:url(../img/page/component_view_select_arrow.png);background-size:20px;background-position:right 10px center;background-repeat:no-repeat;}
#page .component_view .input_textarea{height:250px;padding:10px;resize:none;}
#page .component_view .input_radio{display:none;}
#page .component_view .input_radio + label{position:relative;display:block;margin:0;padding:0;padding-left:40px;font-size:24px;font-weight:600;cursor:pointer;word-break:keep-all;}
#page .component_view .input_radio + label:before,
#page .component_view .input_radio + label:after{content:"";display:block;width:24px;height:24px;box-sizing:border-box;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#page .component_view .input_radio + label:before{border:1px solid #b2b2b2;border-radius:50%;}
#page .component_view .input_radio + label:after{opacity:0;background-image:url(../img/page/component_agreement_checkbox_arrow.png);background-size:70%;background-repeat:no-repeat;background-position:center center;}
#page .component_view .input_radio:checked + label:before{border-color:#014099;}
#page .component_view .input_radio:checked + label:after{opacity:1;}
#page .component_view .group_option{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;column-gap:10px;flex-grow:1;}
#page .component_view .group_option .item{position:relative;flex:1;}
#page .component_view .group_address{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;column-gap:10px;flex-grow:1;}
#page .component_view .group_address .item{position:relative;flex:1;}
@media all and (max-width:1401px){
	#page .component_view > table > thead > tr > *{padding:1em 0;height:4em;}
	#page .component_view > table > thead > tr > * > .title{font-size:1.4em;}
	#page .component_view > table > thead > tr > * > .description{font-size:1.2em;}
	#page .component_view > table > tbody > tr > *{padding:0.83em 0;min-height:3.3em;font-size:1.2em;}
	#page .component_view > table > tbody > tr > td{flex-grow:1;padding:0.83em;}
	#page .component_view > table > tbody > tr.w2 > td + th{padding-left:0.83em;}
	#page .component_view > table > tbody > tr.vertical > *{padding:0.83em 0;}
	#page .component_view > table > tbody > tr > *.padding_large{padding:2em 0;}
	#page .component_view.type_info > table > thead > tr > *{padding:1em;}
	#page .component_view.type_info > table > tbody > tr > *{padding:0.83em;}
	#page .component_view .input_text,
	#page .component_view .input_select,
	#page .component_view .input_textarea{font-size:1em;height:2.5em;}
	#page .component_view .input_select{background-size:0.83em;}
	#page .component_view .input_radio + label{font-size:1em;}
	#page .component_view .input_textarea{height:11em !important;}
}
@media all and (max-width:1400px){
	#page .component_view{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_view{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_view{font-size:17px;}
	#page .component_view > table > thead > tr > * > .title{font-size:1.2em;}
	#page .component_view > table > thead > tr > * > .description{font-size:1.1em;}
	#page .component_view > table > tbody > tr > *{font-size:1.1em;}
	#page .component_view > table > tbody > tr > th{width:6em;}
	#page .component_view > table > tbody > tr.w2{flex-wrap:wrap;}
	#page .component_view > table > tbody > tr.w2 > td{width:calc(100% - 6em);}
	#page .component_view > table > tbody > tr.w2 > td + th{padding-left:0;}
	#page .component_view .input_text,
	#page .component_view .input_select,
	#page .component_view .input_textarea{border-radius:10px;height:3em;}
	#page .component_view .input_radio + label{padding-left:30px;}
	#page .component_view .join_path .group_option .item:nth-of-type(even){flex:2;}
}
@media all and (max-width:800px){
	#page .component_view{font-size:16px;}
	#page .component_view .join_path .group_option{flex-wrap:wrap;flex-direction:column;}
	#page .component_view .join_path .group_option .item{width:100%;flex:1;margin-top:1em;}
}
@media all and (max-width:600px){
	#page .component_view{font-size:15px;}
	#page .component_view .group_address{flex-direction:column;row-gap:10px;}
}
@media all and (max-width:400px){
	#page .component_view{font-size:14px;}
}
@media all and (max-width:350px){
	#page .component_view{font-size:13px;}
}


#page .component_agreement{position:relative;width:100%;font-size:20px;}
#page .component_agreement .policy{position:relative;margin:0;padding:40px;border-radius:20px;background-color:#e9e7e7;font-size:19px;font-weight:500;color:#000000;line-height:1.7;box-sizing:border-box;}
#page .component_agreement .policy b{font-weight:700;}
#page .component_agreement .policy .detail{position:relative;font-size:16px;margin-top:10px;}
#page .component_agreement .policy .detail table{position:relative;border-collapse:collapse;border:1px solid #c9c9c9;width:100%;box-sizing:border-box;font-family:inherit;font-size:inherit;}
#page .component_agreement .policy .detail table thead{background-color:#f0f0f0;}
#page .component_agreement .policy .detail table thead tr > *{position:relative;padding:10px;border:1px solid #c9c9c9;font-size:1em;font-weight:500;color:#000000;line-height:1.4;text-align:center;}
#page .component_agreement .policy .detail table tbody{background-color:#ffffff;}
#page .component_agreement .policy .detail table tbody tr > *{position:relative;padding:10px;border:1px solid #c9c9c9;font-size:1em;font-weight:500;color:#000000;line-height:1.4;text-align:center;}
#page .component_agreement .policy .detail table tbody tr > th{background-color:#f0f0f0;}
#page .component_agreement .policy .detail .description{position:relative;margin-top:10px;}
#page .component_agreement .agreement{position:relative;margin-top:35px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_agreement .agreement input[type="checkbox"]{display:none;}
#page .component_agreement .agreement input[type="checkbox"] + label{position:relative;display:block;margin:0;padding:0;padding-left:40px;font-size:24px;font-weight:600;cursor:pointer;}
#page .component_agreement .agreement input[type="checkbox"] + label:before,
#page .component_agreement .agreement input[type="checkbox"] + label:after{content:"";display:block;width:25px;height:25px;box-sizing:border-box;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#page .component_agreement .agreement input[type="checkbox"] + label:before{border:1px solid #000000;border-radius:3px;}
#page .component_agreement .agreement input[type="checkbox"] + label:after{opacity:0;background-image:url(../img/page/component_agreement_checkbox_arrow.png);background-size:80%;background-repeat:no-repeat;background-position:center center;}
#page .component_agreement .agreement input[type="checkbox"]:checked + label:before{border-color:#014099;}
#page .component_agreement .agreement input[type="checkbox"]:checked + label:after{opacity:1;}

@media all and (max-width:1401px){
	#page .component_agreement .policy{font-size:0.95em;padding:2.1em;}
	#page .component_agreement .agreement label{font-size:1.2em;}
	#page .component_agreement .agreement input[type="checkbox"] + label{font-size:1.2em;}
}
@media all and (max-width:1400px){
	#page .component_agreement{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_agreement{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_agreement{font-size:17px;}
	#page .component_agreement .policy{border-radius:10px;padding:1em;}
	#page .component_agreement .agreement{margin-top:20px;}
	#page .component_agreement .agreement label{font-size:1.1em;padding-left:35px;}
}
@media all and (max-width:800px){
	#page .component_agreement{font-size:16px;}
	#page .component_agreement .policy .detail{font-size:15px;}
}
@media all and (max-width:600px){
	#page .component_agreement{font-size:15px;}
	#page .component_agreement .policy .detail{font-size:14px;}
}
@media all and (max-width:400px){
	#page .component_agreement{font-size:14px;}
	#page .component_agreement .policy .detail{font-size:13px;}
}
@media all and (max-width:350px){
	#page .component_agreement{font-size:13px;}
	#page .component_agreement .policy .detail{font-size:12px;}
}

#page .component_login{width:680px;padding-top:120px;margin:0 auto;font-size:20px;}
#page .component_login > table > thead > tr > *{text-align:center;}
#page .component_login > table > thead > tr > * > .title{font-size:45px;color:#000;}
#page .component_login + .component_buttons .button{color:#014099;border-color:#014099;}
#page .component_login + .component_buttons .button i{display:inline-block;width:34px;margin-right:10px;}
#page .component_login + .component_buttons .button i img{width:100%;}
@media all and (max-width:1400px){
	#page .component_login{width:34em;max-width:90%;padding-top:90px;font-size:19px;}
	#page .component_login > table > thead > tr > * > .title{font-size:2.25em;}
	#page .component_login + .component_buttons .button i{width:1.3em;margin-right:0.5em;}
}
@media all and (max-width:1200px){
	#page .component_login{padding-top:80px;font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_login{padding-top:70px;font-size:17px;}
}
@media all and (max-width:800px){
	#page .component_login{padding-top:60px;font-size:16px;}
}
@media all and (max-width:600px){
	#page .component_login{padding-top:50px;font-size:15px;}
}
@media all and (max-width:400px){
	#page .component_login{padding-top:45px;font-size:14px;}
}
@media all and (max-width:350px){
	#page .component_login{font-size:13px;}
}


#page .page_tab{font-size:20px;}
#page .page_tab ul{overflow:hidden;display:flex;margin:0 auto 80px;padding:0;border-radius:20px;}
#page .page_tab ul li{margin:0;padding:0;width:50%;text-align:center;list-style:none;background-color:#e9e7e7;}
#page .page_tab ul li:nth-of-type(n+2){border-left:solid 1px #d1d1d1;}
#page .page_tab ul li a{display:block;padding:20px;font-size:26px;font-weight:700;text-decoration:none;word-break:keep-all;}
#page .page_tab ul li.active{background-color:var(--main-blue);}
#page .page_tab ul li.active a{color:#fff;}
@media all and (max-width:1400px){
	#page .page_tab{font-size:19px;}
	#page .page_tab ul{margin:0 auto 4em;border-radius:1em;}
	#page .page_tab ul li a{padding:0.769em;font-size:1.3em;}
}
@media all and (max-width:1200px){
	#page .page_tab{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .page_tab{font-size:17px;}
}
@media all and (max-width:800px){
	#page .page_tab{font-size:16px;}
	#page .page_tab ul{flex-wrap:wrap;}
	#page .page_tab ul li:first-of-type{width:100%;}
	#page .page_tab ul li:nth-of-type(2){border-left:none;}
	#page .page_tab ul li:nth-of-type(n+2){width:calc(50% - 0.5px);border-top:solid 1px #d1d1d1;}
}
@media all and (max-width:600px){
	#page .page_tab{font-size:15px;}
}
@media all and (max-width:400px){
	#page .page_tab{font-size:14px;}
}
@media all and (max-width:350px){
	#page .page_tab{font-size:13px;}
}


#page .component_buttons{position:relative;font-size:20px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;column-gap:30px;}
#page .component_buttons .button{position:relative;display:block;margin:0;padding:0;border:1px solid #c9c9c9;border-radius:20px;-webkit-appearance:none;width:400px;height:80px;font-size:28px;font-weight:600;letter-spacing:-0.04em;color:#b2b2b2;line-height:1.2;background-color:#ffffff;text-decoration:none;box-sizing:border-box;cursor:pointer;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .component_buttons .button:hover{background-color:#fafafa;}
#page .component_buttons .button.type_primary{background-color:#014099;color:#ffffff;border-color:transparent;}
#page .component_buttons .button.type_primary:hover{background-color:#003989;}
#page .component_buttons .left{margin-right:auto;}
#page .component_buttons .right{margin-left:auto;}
#page .component_buttons .left .button,
#page .component_buttons .right .button{min-width:8em;width:auto;padding:0 10px;}
#page * + .component_buttons{margin-top:100px;}

@media all and (max-width:1401px){
	#page .component_buttons .button{font-size:1.4em;}
}
@media all and (max-width:1400px){
	#page .component_buttons{font-size:19px;}
	#page .component_buttons .button{width:350px;height:75px;}
	#page * + .component_buttons{margin-top:90px;}
}
@media all and (max-width:1200px){
	#page .component_buttons{font-size:18px;}
	#page .component_buttons .button{width:300px;height:65px;}
	#page * + .component_buttons{margin-top:80px;}
}
@media all and (max-width:1000px){
	#page .component_buttons{font-size:17px;column-gap:15px;}
	#page .component_buttons .button{border-radius:10px;font-size:1.2em;height:60px;}
	#page * + .component_buttons{margin-top:70px;}
}
@media all and (max-width:800px){
	#page .component_buttons{font-size:16px;}
	#page .component_buttons .button{height:55px;}
	#page * + .component_buttons{margin-top:60px;}
}
@media all and (max-width:600px){
	#page .component_buttons{font-size:15px;}
	#page .component_buttons .button{height:50px;}
	#page * + .component_buttons{margin-top:50px;}
}
@media all and (max-width:400px){
	#page .component_buttons{font-size:14px;}
	#page .component_buttons .button{height:45px;}
	#page * + .component_buttons{margin-top:45px;}
}
@media all and (max-width:350px){
	#page .component_buttons{font-size:13px;}
	#page .component_buttons .button{height:40px;}
	#page * + .component_buttons{margin-top:40px;}
}



#page .component_class{position:relative;font-size:20px;flex-grow:1;}
#page .component_class .viewer{position:relative;border-radius:20px;background-color:#efefef;overflow:hidden;}
#page .component_class .viewer .item{position:relative;display:none;}
#page .component_class .viewer .item:before{content:"";display:block;padding-bottom:56.25%;}
#page .component_class .viewer .item.image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;}
#page .component_class .viewer .item.video video,
#page .component_class .viewer .item.video iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
#page .component_class .viewer .item:nth-child(1){display:block;}
#page .component_class .pagination{position:relative;margin-top:50px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;column-gap:20px;}
#page .component_class .pagination .direction{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:21px;background-size:100%;background-color:transparent;background-repeat:no-repeat;background-position:center center;flex-shrink:0;cursor:pointer;text-decoration:none;}
#page .component_class .pagination .direction:before{content:"";display:block;padding-bottom:148%;}
#page .component_class .pagination .direction.type_prev{background-image:url(../img/page/component_class_pagination_direction_prev.png);}
#page .component_class .pagination .direction.type_next{background-image:url(../img/page/component_class_pagination_direction_next.png);}
#page .component_class .pagination .count{position:relative;font-size:26px;font-weight:500;line-height:1.2;color:#c9c9c9;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;column-gap:15px;text-decoration:none;}
#page .component_class .pagination .count .current{color:#b2b2b2;}

@media all and (max-width:1401px){
	#page .component_class .pagination .count{font-size:1.3em;}
}
@media all and (max-width:1400px){
	#page .component_class{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .component_class{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .component_class{font-size:17px;}
	#page .component_class .viewer{border-radius:10px;}
	#page .component_class .pagination{margin-top:45px;}
}
@media all and (max-width:800px){
	#page .component_class{font-size:16px;}
	#page .component_class .pagination{margin-top:40px;}
}
@media all and (max-width:600px){
	#page .component_class{font-size:15px;}
	#page .component_class .pagination{margin-top:35px;justify-content:space-between;flex-grow:1;}
}
@media all and (max-width:400px){
	#page .component_class{font-size:14px;}
	#page .component_class .pagination{margin-top:30px;}
}
@media all and (max-width:350px){
	#page .component_class{font-size:13px;}
	#page .component_class .pagination{margin-top:25px;}
}