@charset "utf-8";
@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;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(/web/site/layouts/ssda/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;}
}






.board img{border:0;}


/*button*/
.board .button_area{position:relative;font-size:20px;}
.board .button_area ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
.board .button_area ul:after{content:"";display:block;clear:both;}
.board .button_area ul li{float:left;}
.board .button_area ul li:nth-child(n+2){margin-left:10px;}
.board .button_area .button{position:relative;display:inline-block;vertical-align:middle;text-decoration:none;line-height:2em;border:0;border-radius:0.25em;box-sizing:border-box;min-width:4em;padding:0 0.5em;text-align:center;color:#000000;font-size:1em;font-weight:500;background-color:transparent;border:1px solid #b2b2b2;white-space:nowrap;transition:background-color ease 250ms;cursor:pointer;}
.board .button_area .button:hover{background-color:#fafafa;}
.board .button_area .button.button_primary{color:#ffffff;background-color:#014099;border-color:#014099;}
.board .button_area .button.button_primary:hover{background-color:#003989;border-color:#003989;}
.board .button_area .button.button_large{line-height:2.5em;min-width:6em;font-size:1.15em;}

@media all and (max-width:1400px){
	.board .button_area{font-size:19px;}
}
@media all and (max-width:1200px){
	.board .button_area{font-size:18px;}
}
@media all and (max-width:1000px){
	.board .button_area{font-size:17px;}
}
@media all and (max-width:800px){
	.board .button_area{font-size:16px;}
}
@media all and (max-width:600px){
	.board .button_area{font-size:15px;}
}
@media all and (max-width:400px){
	.board .button_area{font-size:14px;}
}
@media all and (max-width:350px){
	.board .button_area{font-size:13px;}
}


/*list*/
.board .board_list{position:relative;}
.board .board_list .list_body{position:relative;}
.board .board_list .list_footer{margin-top:50px;}
.board .board_list .list_footer .button_area{text-align:right;}
.board .board_list .list_footer .board_pagination{margin-top:50px;}
.board .board_list .list_footer .board_search{margin-top:50px;}

@media all and (max-width:1400px){
	.board .board_list .list_footer{margin-top:50px;}
}
@media all and (max-width:1200px){
	.board .board_list .list_footer{margin-top:50px;}
}
@media all and (max-width:1000px){
	.board .board_list .list_footer{margin-top:45px;}
}
@media all and (max-width:800px){
	.board .board_list .list_footer{margin-top:40px;}
}
@media all and (max-width:600px){
	.board .board_list .list_footer{margin-top:35px;}
}
@media all and (max-width:400px){
	.board .board_list .list_footer{margin-top:30px;}
}
@media all and (max-width:350px){
	.board .board_list .list_footer{margin-top:25px;}
}


/*write*/
.board .board_write{font-size:20px;}
.board .board_write .required_text{font-size:1em;font-weight:500;color:#000000;line-height:1.4;margin-bottom:1em;}
.board .board_write .required_text b{font-weight:700;}

.board .board_write .write_form{margin-bottom:1em;}
.board .board_write .write_form table{border:0;border-spacing:0;border-collapse:collapse;width:100%;font-size:inherit;font-family:inherit;border-top:2px solid #014099;}
.board .board_write .write_form em{font-style:normal;color:#333333;vertical-align:middle;display:inline-block;}
.board .board_write .write_form tr th,
.board .board_write .write_form tr td{border:0;border-bottom:1px solid #e9e7e7;height:4em;padding:0.5em;font-size:1em;text-align:left;box-sizing:border-box;}
.board .board_write .write_form tr th{color:#000000;white-space:nowrap;width:5em;font-weight:500;}
.board .board_write .write_form tr td{color:#000000;font-weight:500;}
.board .board_write .write_form a{color:inherit;text-decoration:none;}

.board .board_write .write_form input[type="text"],
.board .board_write .write_form input[type="tel"],
.board .board_write .write_form input[type="number"],
.board .board_write .write_form input[type="password"],
.board .board_write .write_form textarea,
.board .board_write .write_form select{height:3em;border:1px solid #e9e7e7;padding:0 0.5em;font-size:inherit;font-weight:400;color:#000000;width:100%;border-radius:0.25em;box-sizing:border-box;-webkit-appearance:none;resize:none;}
.board .board_write .write_form textarea{padding:0.5em;height:9.5em;}
.board .board_write .write_form input[type="text"]:focus,
.board .board_write .write_form input[type="tel"]:focus,
.board .board_write .write_form input[type="number"]:focus,
.board .board_write .write_form input[type="password"]:focus,
.board .board_write .write_form textarea:focus{border-color:#003989;}
.board .board_write .write_form select{max-width:400px;background-image:url(../img/icon_arrow_down.png);background-repeat:no-repeat;background-position:right 0.5em center;background-size:0.5em;padding-right:1.5em;}
.board .board_write .write_form input[type="text"]:disabled{background-color:#f7f7f7;}
.board .board_write .write_form input::-webkit-outer-spin-button,
.board .board_write .write_form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.board .board_write .write_form input[type="checkbox"]{display:none;}
.board .board_write .write_form input[type="checkbox"] + label{position:relative;font-size:1em;font-weight:400;line-height:1.4;padding-left:calc(20px + 0.5em);white-space:nowrap;cursor:pointer;}
.board .board_write .write_form input[type="checkbox"] + label:before,
.board .board_write .write_form input[type="checkbox"] + label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;box-sizing:border-box;}
.board .board_write .write_form input[type="checkbox"] + label:before{border:1px solid #999999;}
.board .board_write .write_form input[type="checkbox"] + label:after{width:8px;height:8px;background-color:#014099;left:6px;top:50%;display:none;}
.board .board_write .write_form input[type="checkbox"]:checked + label{color:#014099;}
.board .board_write .write_form input[type="checkbox"]:checked + label:before{border-color:#014099;}
.board .board_write .write_form input[type="checkbox"]:checked + label:after{display:block;}
.board .board_write .write_form input[type="radio"]{display:none;}
.board .board_write .write_form input[type="radio"] + label{position:relative;font-size:1em;font-weight:400;line-height:1.4;padding-left:calc(20px + 0.5em);white-space:nowrap;cursor:pointer;}
.board .board_write .write_form input[type="radio"] + label:before,
.board .board_write .write_form input[type="radio"] + label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;box-sizing:border-box;}
.board .board_write .write_form input[type="radio"] + label:before{border:1px solid #999999;}
.board .board_write .write_form input[type="radio"] + label:after{width:8px;height:8px;background-color:#014099;left:6px;top:50%;display:none;}
.board .board_write .write_form input[type="radio"]:checked + label{color:#014099;}
.board .board_write .write_form input[type="radio"]:checked + label:before{border-color:#014099;}
.board .board_write .write_form input[type="radio"]:checked + label:after{display:block;}

.board .board_write .write_form .btn{margin:0;margin-left:0;padding:0 !important;width:5em !important;background-image:none;background-color:#000000;color:#ffffff;font-size:inherit;font-weight:500;height:3em !important;line-height:3em !important;-webkit-appearance:none;display:inline-block;text-shadow:none;box-shadow:none;border:0;border-radius:5px;}
.board .board_write .write_form .btn:hover{background-color:#000000;}

.board .board_write .write_form input.tel{width:5em;}
.board .board_write .write_form input.date{width:10em;}
.board .board_write .write_form input.username{width:200px;}
.board .board_write .write_form input.password{width:200px;}
.board .board_write .write_form input.title{width:100%;}

.board .board_write .write_form .option_list{position:relative;}
.board .board_write .write_form .option_list ul{margin:0;padding:0;list-style:none;margin-top:-1em;}
.board .board_write .write_form .option_list ul:after{content:"";display:block;clear:both;}
.board .board_write .write_form .option_list ul li{float:left;margin-right:2em;margin-top:1em;}
.board .board_write .write_form .option_list ul li:last-child{margin-right:0;}

.board .board_write .write_form .krZip{}
.board .board_write .write_form .krZip > div{}
.board .board_write .write_form .krZip > div:after{content:"";display:block;clear:both;}
.board .board_write .write_form .krZip > div > label{float:left;font-size:0.95em;font-weight:500;color:#e9e7e7;width:100%;margin-bottom:0.2em;}
.board .board_write .write_form .krZip > div + div{margin-top:10px;}
.board .board_write .write_form .krZip .krzip-postcode-wrap{max-width:400px;}
.board .board_write .write_form .krZip .krzip-postcode-wrap input[type="text"]{float:left;width:calc(100% - 5em);}
.board .board_write .write_form .krZip .krzip-postcode-wrap input[type="button"]{float:right;margin:0;padding:0 !important;width:5em !important;background-image:none;background-color:#e9e7e7;color:#ffffff;font-size:inherit;font-weight:500;height:3em !important;line-height:3em !important;-webkit-appearance:none;display:block;text-shadow:none;box-shadow:none;border:0;border-radius:0;}
.board .board_write .write_form .krZip .krzip-postcode-wrap input[type="button"]:hover{background-color:#333333;border-color:#333333;}
.board .board_write .write_form .krZip .krzip-address-wrap{}
.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]{float:left;width:calc(50% - 5px);margin-right:10px;}
.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]:nth-child(2n-1){margin-right:0;}
.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]:nth-child(n+4){margin-top:10px;}
.board .board_write .write_form .krZip .krzip-detailAddress-wrap{}
.board .board_write .write_form .krZip .krzip-guide{}

.board .board_write .write_editor{font-size:14px;}

.board .board_write .write_footer{margin-top:2.5em;}
.board .board_write .write_footer .button_area{text-align:right;}

@media all and (max-width:1400px){
	.board .board_write{font-size:19px;}
}
@media all and (max-width:1200px){
	.board .board_write{font-size:18px;}
}
@media all and (max-width:1000px){
	.board .board_write{font-size:17px;}
}
@media all and (max-width:800px){
	.board .board_write{font-size:16px;}
}
@media all and (max-width:600px){
	.board .board_write{font-size:15px;}
}
@media all and (max-width:400px){
	.board .board_write{font-size:14px;}
}
@media all and (max-width:350px){
	.board .board_write{font-size:13px;}
}


/*read*/
.board .board_read{font-size:20px;}
.board .board_read .read_area{position:relative;border-top:2px solid #014099;border-bottom:2px solid #014099;}
.board .board_read .read_header{position:relative;box-sizing:border-box;padding:1.1em 0.5em;}
.board .board_read .read_header .inner{position:relative;margin:0 auto;}
.board .board_read .read_header .inner:after{content:"";display:block;clear:both;}
.board .board_read .read_header .left{float:left;width:calc(100% - 14em);}
.board .board_read .read_header .right{float:right;width:14em;text-align:right;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.board .board_read .read_header .icon_comment{position:relative;display:inline-block;vertical-align:middle;margin-right:0.2em;font-size:1em;font-weight:500;color:#000000;background-color:#e9e7e7;text-align:center;width:5.3em;line-height:1.5;height:1.5em;border-radius:0.75em;white-space:nowrap;}
.board .board_read .read_header .icon_comment.active{background-color:#014099;color:#ffffff;}
.board .board_read .read_header .title{margin:0;padding:0;vertical-align:middle;font-size:1.15em;font-weight:500;color:#000000;line-height:1.4;}
.board .board_read .read_header .date{font-size:1em;font-weight:400;color:#000000;line-height:1.4;}

.board .board_read .read_meta{position:relative;border-bottom:1px solid #e9e7e7;box-sizing:border-box;padding:0.8em 0.5em;padding-top:0;}
.board .board_read .read_meta:after{content:"";display:block;clear:both;}
.board .board_read .read_meta ul{position:relative;margin:0;padding:0;list-style:none;float:right;}
.board .board_read .read_meta ul:after{content:"";display:block;clear:both;}
.board .board_read .read_meta ul li{position:relative;margin-right:1em;float:left;}
.board .board_read .read_meta ul li:last-child{margin-right:0;}
.board .board_read .read_meta ul li.icon_heart{cursor:pointer;}
.board .board_read .read_meta ul li.icon_heart img{width:30px;aspect-ratio:30/30;}

.board .board_read .read_form{position:relative;}
.board .board_read .read_form table{border:0;border-spacing:0;border-collapse:collapse;width:100%;font-size:inherit;font-family:inherit;}
.board .board_read .read_form em{font-style:normal;color:#333333;vertical-align:middle;display:inline-block;}
.board .board_read .read_form tr th,
.board .board_read .read_form tr td{border:0;border-bottom:1px solid #e9e7e7;height:4em;padding:0.5em;font-size:1em;text-align:left;box-sizing:border-box;}
.board .board_read .read_form tr th{color:#000000;white-space:nowrap;width:5em;font-weight:500;}
.board .board_read .read_form tr td{color:#000000;font-weight:500;}
.board .board_read .read_form a{color:inherit;text-decoration:none;}

.board .board_read .read_body{position:relative;padding:100px 0;}
.board .board_read .read_body .content{position:relative;}

.board .board_read .read_body .youtube_video{position:relative;margin-bottom:3em;background-color:#000000;}
.board .board_read .read_body .youtube_video:before{content:"";display:block;padding-bottom:56.25%;}
.board .board_read .read_body .youtube_video iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;}

.board .board_read .read_files{position:relative;border-bottom:1px solid #e9e7e7;}
.board .board_read .read_files .head{position:relative;color:#000000;font-size:1em;font-weight:500;border-bottom:1px solid #e9e7e7;line-height:4em;padding:0 0.5em;box-sizing:border-box;}
.board .board_read .read_files .list{}
.board .board_read .read_files .list ul{margin:0;padding:0;list-style:none;}
.board .board_read .read_files .list ul li{position:relative;font-size:1em;font-weight:400;color:#000000;line-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .board_read .read_files .list ul li:nth-child(n+2){border-top:1px solid #e9e7e7;}
.board .board_read .read_files .list ul li a{position:relative;display:block;padding:0 0.5em;color:inherit;text-decoration:none;}
.board .board_read .read_files .list ul li a:after{content:"";display:block;clear:both;}
.board .board_read .read_files .list ul li a .title{position:relative;float:left;padding-left:1.5em;}
.board .board_read .read_files .list ul li a .title .icon{position:absolute;left:0;top:50%;transform:translateY(-50%);}
.board .board_read .read_files .list ul li a .size{position:relative;float:right;}
.board .board_read .read_files .list ul li a .size div{position:relative;text-overflow:ellipsis;text-align:right;font-size:0.9em;}

.board .board_read .read_footer{margin-top:2.5em;}
.board .board_read .read_footer .button_area{position:relative;text-align:right;}
.board .board_read .read_footer .button_area:after{content:"";display:block;clear:both;}
.board .board_read .read_footer .button_area .left{float:left;}
.board .board_read .read_footer .button_area .right{float:right;}

.board .board_read + .board_list{margin-top:5em;}

@media all and (max-width:1400px){
	.board .board_read{font-size:19px;}
}
@media all and (max-width:1200px){
	.board .board_read{font-size:18px;}
	.board .board_read .read_meta ul li.icon_heart img{width:1.5em;}
}
@media all and (max-width:1000px){
	.board .board_read{font-size:17px;}
	.board .board_read .read_body{padding:80px 0;}
	.board .board_read .read_header .left{float:none;width:auto;}
	.board .board_read .read_header .right{float:none;width:auto;position:relative;right:auto;top:auto;transform:translateY(0);margin-top:0.5em;}
	.board .board_read .read_body .youtube_video{margin-bottom:2em;}
}
@media all and (max-width:800px){
	.board .board_read{font-size:16px;}
	.board .board_read .read_body{padding:60px 0;}
}
@media all and (max-width:600px){
	.board .board_read{font-size:15px;}
	.board .board_read .read_body{padding:40px 0;}
}
@media all and (max-width:400px){
	.board .board_read{font-size:14px;}
	.board .board_read .read_body{padding:30px 0;}
}
@media all and (max-width:350px){
	.board .board_read{font-size:13px;}
	.board .board_read .read_body{padding:25px 0;}
}


/*Feedback*/
.board .feedback{position:relative;font-size:20px;border-top:1px solid #e9e7e7;}
.board .feedback .feedback_header{position:relative;color:#000000;font-size:1em;font-weight:500;border-bottom:1px solid #e9e7e7;line-height:4em;padding:0 0.5em;box-sizing:border-box;}
.board .feedback .feedback_list{position:relative;}
.board .feedback .feedback_list > ul{margin:0;padding:0;list-style:none;}
.board .feedback .feedback_list > ul > li{padding:1em 0.5em;}
.board .feedback .feedback_list > ul > li:after{content:"";display:block;clear:both;}
.board .feedback .feedback_list > ul > li:nth-child(n+2){border-top:1px solid #e9e7e7;}
.board .feedback .feedback_list > ul > li .feedback_meta{float:left;width:6em;}
.board .feedback .feedback_list > ul > li .feedback_meta:after{content:"";display:block;clear:both;}
.board .feedback .feedback_list > ul > li .feedback_meta .profile{position:relative;display:block;width:2.5em;height:2.5em;background-size:100%;border-radius:100%;background-color:#efefef;background-image:url(../img/icon_noprofile.png);background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:0.2em;}
.board .feedback .feedback_list > ul > li .feedback_meta .author{position:relative;margin:0;font-size:1em;color:#000000;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .feedback .feedback_list > ul > li .feedback_meta .time{position:relative;margin:0;font-size:0.9em;color:#000000;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0.2em;}
.board .feedback .feedback_list > ul > li .feedback_meta + .feedback_content{float:right;width:calc(100% - 6em);padding-left:1em;box-sizing:border-box;}
.board .feedback .feedback_list > ul > li .feedback_meta ul{position:relative;margin:0.2em auto 0;padding:0;list-style:none;}
.board .feedback .feedback_list > ul > li .feedback_meta ul li.icon_heart{cursor:pointer;}
.board .feedback .feedback_list > ul > li .feedback_meta ul li.icon_heart img{width:30px;aspect-ratio:30/30;}
.board .feedback .feedback_list > ul > li .feedback_content{position:relative;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_text{}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_text .xe_content{font-size:inherit;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action{margin-top:10px;white-space:nowrap;float:right;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul{margin:0;padding:0;list-style:none;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul:after{content:"";display:block;clear:both;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li{float:left;font-size:0.9em;font-weight:400;color:#000000;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li:nth-child(n+2){margin-left:10px;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li a{color:inherit;text-decoration:none;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li a:hover{color:#003989;}
.board .feedback .feedback_list > ul > li.feedback_indent{background:url(../img/icon_indent.gif);background-repeat:no-repeat;}
.board .feedback .feedback_list > ul > li.feedback_indent1{padding-left:25px !important;background-position:5px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent2{padding-left:45px !important;background-position:25px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent3{padding-left:65px !important;background-position:45px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent4{padding-left:85px !important;background-position:65px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent5{padding-left:105px !important;background-position:85px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent6{padding-left:125px !important;background-position:105px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent7{padding-left:145px !important;background-position:125px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent8{padding-left:165px !important;background-position:145px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent9{padding-left:185px !important;background-position:165px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent10{padding-left:205px !important;background-position:185px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent11{padding-left:225px !important;background-position:205px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent12{padding-left:245px !important;background-position:225px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent1 .feedback_action .remove_last{display:none;}
.board .feedback .feedback_list > ul > li.feedback_indent12 .feedback_action{display:none;}
.board .feedback .feedback_pagination{margin-top:2.5em;}

@media all and (max-width:1400px){
	.board .feedback{font-size:19px;}
}
@media all and (max-width:1200px){
	.board .feedback{font-size:18px;}
	.board .feedback .feedback_list > ul > li .feedback_meta ul li.icon_heart img{width:1.5em;}
}
@media all and (max-width:1000px){
	.board .feedback{font-size:17px;}
}
@media all and (max-width:800px){
	.board .feedback{font-size:16px;}
}
@media all and (max-width:600px){
	.board .feedback{font-size:15px;}
}
@media all and (max-width:400px){
	.board .feedback{font-size:14px;}
}
@media all and (max-width:350px){
	.board .feedback{font-size:13px;}
}


.board .feedback .feedback_write{position:relative;font-size:20px;padding:1em 0.5em;border-bottom:1px solid #e9e7e7;}
.board .feedback .feedback_write input[type="text"],
.board .feedback .feedback_write input[type="tel"],
.board .feedback .feedback_write input[type="number"],
.board .feedback .feedback_write input[type="password"],
.board .feedback .feedback_write textarea,
.board .feedback .feedback_write select{height:3em;border:1px solid #e9e7e7;padding:0 0.5em;font-size:inherit;font-weight:400;color:#000000;width:100%;border-radius:0.25em;box-sizing:border-box;-webkit-appearance:none;resize:none;}
.board .feedback .feedback_write textarea{padding:0.5em;height:9.5em;}
.board .feedback .feedback_write input[type="text"]:focus,
.board .feedback .feedback_write input[type="tel"]:focus,
.board .feedback .feedback_write input[type="number"]:focus,
.board .feedback .feedback_write input[type="password"]:focus,
.board .feedback .feedback_write textarea:focus{border-color:#003989;}
.board .feedback .feedback_write select{max-width:400px;background-image:url(../img/icon_arrow_down.png);background-repeat:no-repeat;background-position:right 0.5em center;background-size:0.5em;padding-right:1.5em;}
.board .feedback .feedback_write input[type="text"]:disabled{background-color:#f7f7f7;}
.board .feedback .feedback_write input::-webkit-outer-spin-button,
.board .feedback .feedback_write input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.board .feedback .feedback_write .xeTextEditor{margin:0;}
.board .feedback .feedback_write .feedback_write_form{margin-top:10px;}
.board .feedback .feedback_write .feedback_write_form ul{margin:0;padding:0;list-style:none;}
.board .feedback .feedback_write .feedback_write_form ul:after{content:"";display:block;clear:both;}
.board .feedback .feedback_write .feedback_write_form ul li{float:left;}
.board .feedback .feedback_write .feedback_write_form ul li{margin-right:10px;}
.board .feedback .feedback_write .feedback_write_form ul li:last-child{margin-right:0;}
.board .feedback .feedback_write .feedback_write_form ul li label{margin-left:5px;font-weight:400;color:#e9e7e7;font-size:14px;}
.board .feedback .feedback_write .button_area{text-align:right;margin-top:10px;}

@media all and (max-width:1400px){
	.board .feedback .feedback_write{font-size:19px;}
}
@media all and (max-width:1200px){
	.board .feedback .feedback_write{font-size:18px;}
}
@media all and (max-width:1000px){
	.board .feedback .feedback_write{font-size:17px;}
}
@media all and (max-width:800px){
	.board .feedback .feedback_write{font-size:16px;}
}
@media all and (max-width:600px){
	.board .feedback .feedback_write{font-size:15px;}
}
@media all and (max-width:400px){
	.board .feedback .feedback_write{font-size:14px;}
}
@media all and (max-width:350px){
	.board .feedback .feedback_write{font-size:13px;}
}


/*context message*/
.board .context_message{font-size:20px;border:1px solid #e9e7e7;margin:100px auto;max-width:500px;}
.board .context_message.inline_box{margin-top:0;margin-bottom:0;border:0;}
.board .context_message form{margin:0;padding:0;}
.board .context_message .title_box{text-align:center;font-size:1.15em;font-weight:500;color:#000000;padding:0 1.5em;line-height:3;height:3em;background-color:#f5f5f5;border-bottom:1px solid #e9e7e7;box-sizing:border-box;}
.board .context_message .input_box{padding:1em;}
.board .context_message .input_box .description{position:relative;font-size:1em;color:#000000;font-weight:400;text-align:center;}
.board .context_message .input_box .writer{position:relative;font-weight:500;margin-top:1em;text-align:center;}
.board .context_message .input_box .secret_input{position:relative;margin:0 auto;margin-top:15px;}
.board .context_message .input_box .secret_input:after{content:"";display:block;clear:both;}
.board .context_message .input_box .secret_input input[type="password"]{width:100%;height:3em;border:1px solid #d3d4e0;font-weight:400;margin:0;padding:0 0.5em;box-sizing:border-box;font-size:1em;-webkit-appearance:none;}
.board .context_message .input_box .secret_input input[type="password"]:focus{border-color:#e9e7e7;}
.board .context_message .input_box .secret_input input[type="text"],
.board .context_message .input_box .secret_input input[type="tel"],
.board .context_message .input_box .secret_input input[type="number"],
.board .context_message .input_box .secret_input input[type="password"],
.board .context_message .input_box .secret_input textarea,
.board .context_message .input_box .secret_input select{height:3em;border:1px solid #e9e7e7;padding:0 0.5em;font-size:inherit;font-weight:400;color:#000000;width:100%;border-radius:0.25em;box-sizing:border-box;-webkit-appearance:none;resize:none;}
.board .context_message .input_box .secret_input textarea{padding:0.5em;height:9.5em;}
.board .context_message .input_box .secret_input input[type="text"]:focus,
.board .context_message .input_box .secret_input input[type="tel"]:focus,
.board .context_message .input_box .secret_input input[type="number"]:focus,
.board .context_message .input_box .secret_input input[type="password"]:focus,
.board .context_message .input_box .secret_input textarea:focus{border-color:#003989;}
.board .context_message .input_box .secret_input select{max-width:400px;background-image:url(../img/icon_arrow_down.png);background-repeat:no-repeat;background-position:right 0.5em center;background-size:0.5em;padding-right:1.5em;}
.board .context_message .input_box .secret_input input[type="text"]:disabled{background-color:#f7f7f7;}
.board .context_message .input_box .secret_input input::-webkit-outer-spin-button,
.board .context_message .input_box .secret_input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.board .context_message .input_box .secret_input .button{position:relative;margin-top:15px;border:1px solid #014099;width:100%;height:3em;border-radius:0.25em;bbox-sizing:border-box;display:block;text-align:center;color:#ffffff;font-size:1em;font-weight:500;text-decoration:none;background-color:#014099;-webkit-appearance:none;cursor:pointer;}
.board .context_message .input_box .secret_input .button:hover{background-color:#003989;border-color:#003989;}
.board .context_message .button_area{padding:0.5em;border-top:1px solid #e9e7e7;text-align:right;}

@media all and (max-width:1400px){
	.board .context_message{font-size:19px;}
}
@media all and (max-width:1200px){
	.board .context_message{font-size:18px;}
}
@media all and (max-width:1000px){
	.board .context_message{font-size:17px;}
}
@media all and (max-width:800px){
	.board .context_message{font-size:16px;}
}
@media all and (max-width:600px){
	.board .context_message{font-size:15px;}
}
@media all and (max-width:400px){
	.board .context_message{font-size:14px;}
}
@media all and (max-width:350px){
	.board .context_message{font-size:13px;}
}