/* template */
/* .no_line .mngr.template_wrap{ border: none; width: 100%}
.no_line .mngr.template_wrap .line{ border: none}

.mngr.template_wrap{margin: 0 auto 10px; position: relative; padding: 1rem;}
.mngr.template_wrap .line{ border: 1px dotted #444; min-height: 1rem} */

.template_wrap .del_template{ position: absolute; right: -2px; bottom: -30px; width: 60px; height: 30px; color: #000; background: #6EC9DF; cursor: pointer; display: none}
#archive_contents .template_wrap .del_template{color: #fff;}
/* .template_wrap .del_template:after{ content: "삭제"; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display:flex; align-items: center;; justify-content: center;} */
/* .mngr.template_wrap .del_template{ display: flex;} */

.templete_section{ padding: 50px 15px; margin-top: 0; letter-spacing: -0.5px !important;}
.templete_section img{ height: auto !important;}
.template_wrap{ line-height: +1.8; width: 100%; font-size: 1rem;}
.template_wrap *{ line-height: inherit; font-size:  inherit; color: inherit;}
.template_wrap ul,
.template_wrap li{ list-style: none; padding: 0; margin: 0}
.template_wrap, .template_wrap *{ box-sizing: border-box;}
.template_wrap:after{ content: ""; display: block; clear: both}
.template_wrap .template_tit,
.template_wrap .template_tit p{ text-align: left;}
.template_wrap .template_txt,
.template_wrap .template_txt p{ line-height: +2 !important; text-align: left;}
.template_wrap .template_img_txt{ width: 100%; text-align: center !important; font-size: 0.813rem!important; margin: 3px 0; line-height: +1.5!important;}
.template_wrap .template_img_inn{ width: 100%; max-width: 100%; display: flex; flex-flow: row nowrap;}
.template_wrap .template_img_inn .img{ width: 100%; flex: 1; position: relative; display: inline-flex; align-items: flex-end;}
.template_wrap .template_img_inn .img + .img{ margin-left: 10px}
.template_wrap .template_img_inn .img img{position: static; width: 100% !important; height: 100% !important; object-fit: cover; display: block; transform: none; -webkit-transform: none;}
.template_wrap .template_small{ font-size: 1.063rem; color: #999; font-weight: 400}
.template_wrap .txt_line{ width: 100%; height: 1px; margin: 50px 0 30px; background: #000;}
#archive_contents .template_wrap .txt_line{background: #fff;}
.template_wrap .template_txt_bold{ color: #000; font-weight: bold; margin-bottom: 5px;}
#archive_contents .template_wrap .template_txt_bold{color: #fff;}
.template_wrap .template_sources{ width: 100%; margin-top: 20px;}
.template_wrap .template_sources p{ text-align: right !important; }

.template_wrap .template_img_inn .img.out img{ height: auto !important;}
.template_wrap .template_img_inn .img .newwin_btn{ width: auto; height: 35px; position: absolute; right: 0; bottom: 0; padding: 3px 8px; background: rgba(0,0,0,0.5); color: #000; display: inline-flex; align-items: center;  justify-content: center;}
#archive_contents .template_wrap .template_img_inn .img .newwin_btn{color: #fff;}
.template_wrap .template_img_inn .img .newwin_btn img{ width: 22px !important; height: auto !important; margin-right: 3px;}

.template_wrap .line_wrap .newwin_btn{ display: none !important;}

/* [S] template 01 */
.template_type01{ text-align: center}
.template_type01 > .template_point_txt{ color: #0095E9; margin-bottom: 20px; text-align: center}
.template_type01 > .template_tit{ font-size: 2.125rem; margin-bottom: 30px; font-weight: bold; line-height: +1.3; text-align: center}
.template_type01 > .template_txt p{ text-align: center}
.template_type01 > .template_line{ position: relative; height: 60px; margin-bottom: 30px}
.template_type01 > .template_line:after{ content: ""; width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); border: solid 1px #000; background: #000; z-index: 2}
.template_type01 > .template_line:before{ content: ""; width: 200px; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; background: #000}
#archive_contents .template_type01 > .template_line:after{background: #fff;}
#archive_contents .template_type01 > .template_line:before{background: #fff;}

@media screen and (max-width: 600px){
    .template_type01 > .template_point_txt{ margin-bottom: 0}
    .template_type01 > .template_tit{ margin-bottom: 0}
    .template_type01 > .template_line{ margin-bottom: 10px}
}
/* [E] template 01 */

/* [S] template 02 */
.template_type02 .template_inn{ width: 100%; margin: 30px 0; display: flex}
.template_type02 .img_right.template_inn{ flex-direction:row-reverse;}
.template_type02 .template_img_wrap{ width: 45%}
.template_type02 .template_img_inn{ padding: 0 15px}
.template_type02 .template_txt_wrap{ width: 55%; padding: 15px}
.template_type02 .template_num_wrap{ color: #6FD31C !important; font-size: 2.375rem !important; margin-bottom: 20px; font-weight: bold; line-height: +1.3 !important; text-align: left;}
.template_type02 .template_num_wrap.mb0{ margin-bottom: 0}

@media screen and (max-width: 600px){
    .template_type02 .template_inn{ flex-wrap: wrap}
    .template_type02 .template_img_wrap,
    .template_type02 .template_txt_wrap{ width: 100%}
    .template_type02 .template_num_wrap{ margin-bottom: 15px}
}
/* [E] template 02 */

/* [S] template 03 */
.template_type03 .template_tit_wrap{ max-width: 80%; width: 300px; border: 2px solid #87D97C !important; padding: 30px; color: #5AB03E !important; margin-bottom: 30px; text-align: left !important;}
.template_type03 .template_point_txt{ margin-bottom: 5px; font-weight: bold; color: #5AB03E !important; }
.template_type03 .template_tit,
.template_type03 .template_tit p{ font-size: 2.125rem; font-weight: bold; line-height: +1.5; text-align: left}
.template_type03 .template_txt,
.template_type03 .template_txt p{ text-align: left}
.template_type03 .template_txt_bold,
.template_type03 .template_txt_bold p{ font-weight: bold; margin-bottom: 5px; text-align: left}
/* [E] template 03 */

/* [S] template 04 */
.template_type04 .template_img_wrap{ width: 100%; margin-bottom: 30px}
.template_type04 .template_txt,
.template_type04 .template_txt p{ text-align: left;}
.template_type04 .big{ float: left; font-size: 3.563rem !important; color: #54B800 !important; line-height: 1; margin: 3px 15px 10px 3px}
/* [E] template 04 */

/* [S] template 05 */
.template_type05 .template_img_wrap{ width: 100%; margin-bottom: 30px}
.template_type05 .template_img_inn + .template_img_inn{ margin-top: 10px;}
.template_type05 .template_img_inn img + img{ margin-left: 10px}
.template_type05 .template_txt{ padding: 3px 0 5px 15px; border-left: 6px solid #515151}
@media screen and (max-width: 600px){
    .template_wrap .template_img_inn{ width: 100%; display: block;}
    .template_wrap .template_img_inn .img + .img{ margin-left: 0; margin-top: 10px}
}
/* [E] template 05 */

/* [S] template 06 */
.template_type06 .template_tit{ font-size: 1.5rem; font-weight: bold; margin-bottom: 20px}
.template_type06 .template_small{ margin-left: 5px;}
.template_type06 .template_img_wrap{ width: 100%; margin-bottom: 30px}
.template_type06 .template_img_inn .wrap{ flex: 1}
.template_type06 .template_img_inn .wrap .img{ padding-top: 63%; position: relative}
.template_type06 .template_img_inn .wrap .img img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
/* [E] template 06 */

/* [S] template 07 */
.template_type07 .template_img_wrap{ width: 50%; margin-bottom: 30px; margin-right: 30px; float: left}
.template_type07 .template_tit{ font-size: 1.875rem; font-weight: bold}
.template_type07 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type07 .template_img_wrap{ float: none; width: 100%; margin-right: 0}
}
/* [E] template 07 */

/* [S] template 08 */
.template_type08{ text-align: center}
.template_type08 .template_quotation_wrap{ font-size: 1.250rem; line-height: +2; margin-bottom: 50px; font-style: italic; text-align: center;}
.template_type08 .template_quotation_wrap p{ text-align: center;}
.template_type08 .quotes{ height: 20px}
.template_type08 .quotes:after{ display: inline-block; line-height: 1; font-size: 3.5rem !important; vertical-align: middle; color: #c7c7c7 !important;}
.template_type08 .quotes_s:after{ content: "“";}
.template_type08 .quotes_e:after{ content: "”";}
.template_type08 .quotes_s,
.template_type08 .quotes_e{ margin-bottom: 30px}
/* [E] template 08 */

/* [S] template 09 */
.template_type09 .opacity{ opacity: 0.6; font-weight: 400}
.template_type09 .template_tit_wrap{ margin-bottom: 50px;}
.template_type09 .template_tit{ font-size: 1.875rem; font-weight: bold; margin-bottom: 20px}
.template_type09 .template_tit_wrap .template_txt{ font-weight: 500; font-size: 0.938rem}
.template_type09 .template_txt_tit{ font-weight: 500; font-size: 1rem; margin-bottom: 10px}
.template_type09 .template_txt_wrap{ margin-top: 30px;}
.template_type09 .template_img_wrap .template_img_inn{ border: solid 1px #222}
.template_type09 .template_img_wrap.img_left{ width: 40%; margin: 0 20px 20px 0; float: left}
.template_type09 .template_img_wrap.img_right{ width: 40%; margin: 0 0 20px 20px; float: right}
.template_type09 .template_img_wrap.img_full{ width: 100%; margin: 20px 0 0 0}
.template_type09 .txt_con{ width: 100%}
.template_type09 .txt_con:after{ content: ""; width: 100%; display: block; clear: both;}
.template_type09 .con_tit_wrap{display: flex; margin-bottom: 5px; align-items: flex-start;}
.template_type09 .con_tit{ flex-shrink: 0; display: block; margin-right: 5px; font-weight: 500; max-width: 100%}

@media screen and (max-width: 600px){
    .template_type09 .template_tit_wrap{ margin-bottom: 0;}
    .template_type09 .template_img_wrap.img_left,
    .template_type09 .template_img_wrap.img_right,
    .template_type09 .template_img_wrap.img_full{ width: 100%}
}
/* [E] template 09 */

/* [S] template 10 */
.template_type10 .bd_line{margin: 0 auto 20px; border-top: 1px solid #fff; height: 1px; width: 100%}
.template_type10 .template_tit{ font-size: 1rem !important; font-weight: bold;}
.template_type10 .template_txt{ font-size: 0.875rem !important;}
/* [E] template 10 */

/* [S] template 11 */
.template_type11 .template_tit,
.template_type11 .template_tit p{ font-size: 1rem; font-weight: bold;}
.template_type11 .template_txt,
.template_type11 .template_txt p{ font-size: 1rem;}
/* [E] template 11 */

/* [S] template 12 */
.template_type12 .template_txt{ padding: 3px 0 5px 15px; border-left: 6px solid #515151;}
.template_type12 .template_txt,
.template_type12 .template_txt p{ font-size: 1rem;}
/* [E] template 12 */

/* [S] template 13 */
.template_type13 .inn_box{ border: 1px solid #FF9933; padding: 10px; display: flex; position: relative}
.template_type13 .template_tit{ width: 200px; flex-shrink: 0; margin-right: 15px; font-size: 1rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 75px; height: 1.8em}
.template_type13 .template_txt{ width: 100%; padding: 10px}
.template_type13 .template_txt,
.template_type13 .template_txt p{ font-size: 1rem;}
.template_type13 .template_deco{ position: absolute; left: 10px; bottom: 10px; width: 15px}
.template_type13 .template_deco li{ width: 15px; height: 15px; margin-top: 10px}
.template_type13 .template_deco li:nth-child(1){ background: #FF9933}
.template_type13 .template_deco li:nth-child(2){ background: #FF6600}
.template_type13 .template_deco li:nth-child(3){ background: #C55A11}
@media screen and (max-width: 600px){
    .template_type13 .inn_box{ flex-wrap: wrap}
    .template_type13 .template_tit{ width: 100%; margin-bottom: 25px; margin-right: 0}
    .template_type13 .template_deco{ left: auto; bottom: auto; right: 10px; top: calc(10px + 1.125rem + 20px); width: auto; display: flex}
    .template_type13 .template_deco li{ margin-top: 0; margin-left: 10px}
}
/* [E] template 13 */

/* [S] template 14 */
.template_type14 .template_txt_bold,
.template_type14 .template_txt_bold p{ text-align: center;}
.template_type14 .inn_box{ display: flex; position: relative; width: 100%}
.template_type14 .inn_box .left{ width: 70%; flex-shrink: 0; padding: 10px}
.template_type14 .inn_box .right{ width: 100%; padding: 10px}
.template_type14 .inn_box .template_txt{ padding: 10px; height: 100%}
.template_type14 .template_sources{ padding: 0 10px;}

@media screen and (max-width: 600px){
    .template_type14 .inn_box{ flex-wrap: wrap}
    .template_type14 .inn_box .left{ width: 100%}
}
/* [E] template 14 */

/* [S] template 15 */
.template_type15 .inn_box{ background: #414141; padding: 10px}
.template_type15 .bd_line{margin: 15px auto 20px; border-top: 1px solid #fff; height: 1px; width: 100%; position: relative}
.template_type15 .bd_line:after{ content: ""; width: 20%; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0}
.template_type15 .template_tit,
.template_type15 .template_tit p{ font-size: 1rem; font-weight: bold; color: #fff !important;}
.template_type15 .template_txt,
.template_type15 .template_txt p{ font-size: 1rem; color: #fff}
/* [E] template 15 */

/* [S] template 16 */
.template_type16 .template_tit_wrap{ width: 70%; margin: 0 auto 30px; position: relative; padding: 0 15px; text-align: center}
.template_type16 .template_tit_wrap,
.template_type16 .template_tit_wrap span,
.template_type16 .template_tit_wrap p{ font-size: 1rem; font-weight: bold; text-align: center;}
.template_type16 .template_tit_wrap:before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY( -50%); height: 80%; width: 10px; border: solid 3px #dfdfdf; border-right: none}
.template_type16 .template_tit_wrap:after{content: ""; position: absolute; right: 0; top: 50%; transform: translateY( -50%); height: 80%; width: 10px; border: solid 3px #dfdfdf; border-left: none}
.template_type16 .template_img_wrap{ width: 60%; margin: 0 auto 30px;}
.template_type16 .template_txt{ margin-bottom: 30px; text-align: center}
.template_type16 .template_txt,
.template_type16 .template_txt p{ font-size: 1rem; text-align: center;}
.template_type16 .box_info{ padding: 30px; background: #f8f8f8; border: solid 1px #dfdfdf; display: grid; grid-template-columns: repeat(2,1fr); color: #333;}
.template_type16 .box_info li{ width: 100%; padding: 5px; list-style: none}
.template_type16 .box_info li,
.template_type16 .box_info li p{ font-weight: 500; }
@media screen and (max-width: 600px){
    .template_type16 .template_tit_wrap{ width: 90%;}
    .template_type16 .template_img_wrap{ width: 80%;}
    .template_type16 .box_info{ display: block; padding: 20px}
}
/* [E] template 16 */

/* [S] template 17 */
.template_type17 .template_img_wrap{ width: 50%; margin-bottom: 30px; margin-left: 30px; float: right}
.template_type17 .template_tit > p{ font-size: 1.875rem; font-weight: bold}
.template_type17 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type17 .template_img_wrap{ float: none; width: 100%; margin-left: 0}
}
/* [E] template 17 */


/* [S] template 18 */
.template_type18 .template_img_wrap{ width: 100%}
.template_type18 .template_img_inn{ justify-content: center;}
.template_type18 .template_img_inn .wrap{ flex: 1; display: flex; flex-flow: column nowrap; max-width: 60%}
.template_type18 .template_img_wrap .img{ border: 3px solid transparent !important; border-bottom: none !important; border-top: none !important;}
.template_type18 .template_img_inn .wrap:first-child .img{ border-left: none !important}
.template_type18 .template_img_inn .wrap:last-child .img{ border-right: none !important}
.template_type18 .template_img_txt{ height: 4.5em}
.template_type18 .template_img_inn .wrap .img img{ object-fit: contain}
@media screen and (max-width: 600px){
	.template_type18 .template_img_inn .wrap{ max-width: 100%}
    .template_type18 .template_img_txt{ height: auto; margin-bottom: 10px}
}
/* [E] template 18 */

/* [S] template 19 */
.template_type19 .template_img_wrap{ width: 100%}
.template_type19 .template_img_inn{ justify-content: center;}
.template_type19 .template_img_inn .wrap{ flex: 1; display: flex; flex-flow: column nowrap; max-width: 60%}
.template_type19 .template_img_wrap .img{ border: 3px solid transparent !important; border-bottom: none !important; border-top: none !important;}
.template_type19 .template_img_inn .wrap:first-child .img{ border-left: none !important}
.template_type19 .template_img_inn .wrap:last-child .img{ border-right: none !important}
.template_type19 .template_img_inn .wrap .img img{ object-fit: contain}
@media screen and (max-width: 600px){
	.template_type19 .template_img_inn .wrap{ max-width: 100%}
    .template_type19 .template_img_txt{ height: auto; margin-bottom: 10px}
}
/* [E] template 19 */

/* [S] template 20 */
.template_type20{ padding-top: 0}
.template_type20 .template_img_txt{ text-align: left !important;}
/* [E] template 20 */

/* [S] template 21 */
.template_type21 .template_txt_bold{ font-size: 1.250rem;}
/* [E] template 21 */


/* [S] template 22 */
.template_type22 .template_txt_bold{ font-size: 1.250rem;}
.template_type22 .template_img_wrap{ width: 30%; margin-bottom: 5px; margin-right: 15px; float: left}
.template_type22 .template_tit{ font-size: 1.875rem; font-weight: bold}
.template_type22 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type22 .template_img_wrap{ float: none; width: 100%; margin-left: 0}
}
/* [E] template 22 */

/* [S] template 25 */
.template_type25 .template_txt_bold{ font-size: 1.250rem;}
.template_type25 .template_img_wrap{ width: 48%; margin-bottom: 5px; margin-right: 15px; float: left}
.template_type25 .template_tit{ font-size: 1.875rem; font-weight: bold}
.template_type25 .template_small{ margin-top: 5px; margin-bottom: 10px}
@media screen and (max-width: 600px){
    .template_type25 .template_img_wrap{ float: none; width: 100%; margin-left: 0}
}
/* [E] template 25 */

/* [S] template 23 */
.template_type23 .template_img_wrap{ width: 90%; margin: 0 auto;}
.template_type23 .template_img_wrap .video_wrap{ width: 100%; position: relative}
.template_type23 .template_img_wrap .video_wrap:after{ content: ""; padding-bottom: 56.25%; display: block}
.template_type23 .template_img_wrap .video_wrap img,
.template_type23 .template_img_wrap .video_wrap video,
.template_type23 .template_img_wrap .video_wrap iframe{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important}
@media screen and (max-width: 600px){
    .template_type23 .template_img_wrap{ width: 100%}
}
/* [E] template 23 */

/* [S] template 24 */

/* [E] template 24 */

/* [S] template 26 */
.template_type26 .inn_box{ display: flex;}
.template_type26 .inn_box .template_img_wrap{ width: 100%}
.template_type26 .inn_box .template_img_inn{ display: flex; flex-flow: column nowrap}
.template_type26 .inn_box .template_img_inn .wrap + .wrap{ margin-top: 20px}
.template_type26 .inn_box .template_txt_wrap{ width: 45%; flex-shrink: 0; margin-left: 20px; padding-left: 20px; border: dotted 1px #444; display: flex; align-items: center}
@media screen and (max-width: 600px){
    .template_type26 .inn_box{ flex-wrap: wrap}
    .template_type26 .inn_box .template_txt_wrap{ width: 100%; margin-left: 0; padding: 15px}
}
/* [E] template 26 */

/* [S] template 27 */
.template_type27 .template_tit_wrap{ font-size: 1.875rem; font-weight: bold; margin-bottom: 10px}
.template_type27 .template_txt_wrap{ padding: 0 10px}
.template_type27 .template_txt{ border-left: solid 2px #000; padding: 10px 10px 10px 15px}
#archive_contents .template_type27 .template_txt{border-left: 2px solid #fff;}
.template_type27 .template_txt .wrap{ position: relative}
.template_type27 .template_txt p,
.template_type27 .template_txt p a{ font-size: 1.250rem; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; font-weight: 400!important;}
.template_type27 .template_txt .wrap + .wrap{margin-top: 15px}
.template_type27 .template_txt .wrap:before{ content: ""; display: inline-flex; width: 15px; height: 15px; border-radius: 50%; background: #000; position: absolute; left: -23px; top: 1em; margin-top: -8px}
#archive_contents .template_type27 .template_txt .wrap:before{background: #fff;}
/* [E] template 27 */

/* [S] template 28 */
.template_type28 .template_tit_wrap{ font-size: 1.875rem; font-weight: bold; margin-bottom: 10px}
.template_type28 .template_tit_wrap,
.template_type28 .template_tit{ line-height: +1.3}
.template_type28 .template_txt_wrap{ padding: 0 10px}
.template_type28 .template_txt{ border-left: solid 2px #000; padding: 10px 10px 10px 15px}
#archive_contents .template_type28 .template_txt{border-left: 2px solid #fff;}
.template_type28 .template_txt .wrap{ position: relative}
.template_type28 .template_txt p,
.template_type28 .template_txt p a{ font-size: 1.250rem; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; font-weight: 400!important;}
.template_type28 .template_txt .template_small{ font-size: 0.938rem; text-decoration: none; color: #aaa !important; font-weight: 300!important;}
.template_type28 .template_txt .wrap + .wrap{margin-top: 15px}
.template_type28 .template_txt .wrap:before{ content: ""; display: inline-flex; width: 15px; height: 15px; border-radius: 50%; background: #000; position: absolute; left: -23px; top: 1em; margin-top: -8px}
#archive_contents .template_type28 .template_txt .wrap:before{background: #fff;}
/* [E] template 28 */

/* [S] template 29 */
.template_type29 .inn_box{ display: flex}
.template_type29 .template_tit_wrap{ font-size: 2rem; font-weight: bold; width: 40%; flex-shrink: 0; padding: 15px 30px; display: flex; justify-content: center}
.template_type29 .template_tit_wrap,
.template_type29 .template_tit{ line-height: +1.5}
.template_type29 .template_line:after{ content: ""; width: 1px; height: 80px; background: #000; display: block; margin: 5px 15px}
#archive_contents .template_type29 .template_line:after{background: #fff;}
.template_type29 .template_txt_wrap{ padding: 15px 30px; border-left: solid 1px #000; font-size: 1rem}
#archive_contents .template_type29 .template_txt_wrap{border-left: 1px solid #fff;}
@media screen and (max-width: 600px){
    .template_type29 .inn_box{ flex-wrap: wrap}
    .template_type29 .template_tit_wrap{ width: 100%; padding: 15px 0; display: block; font-size: 2rem}
    .template_type29 .template_tit{ display: flex; align-items: flex-end; justify-content: space-between}
    .template_type29 .template_tit p{ flex-shrink: 0}
    .template_type29 .template_tit .template_line{ width: 100%}
    .template_type29 .template_tit .template_line:after{ width: calc(100% - 30px); height: 1px; margin: 20px 15px}
    .template_type29 .template_txt_wrap{ padding: 15px 0; border-left: none}
}
/* [E] template 29 */

/* [S] template 30 */
.template_type30 .inn_box{ max-width: 80%; margin: 0 auto; padding: 1rem 0;}
.template_type30 .template_tit_wrap{ font-size: 2rem; font-weight: bold; display: flex; justify-content: center; text-align: center}
.template_type30 .template_tit_wrap,
.template_type30 .template_tit{ line-height: +1.5; text-align: center;}
.template_type30 .template_tit .ep{ font-size: 1.5rem; font-weight: 500; text-align: center;}
.template_type30 .template_line:after{ content: ""; width: 1px; height: 60px; background: #000; display: block; margin: 15px auto}
#archive_contents .template_type30 .template_line:after{background: #fff;}
@media screen and (max-width: 600px){
    .template_type30 .inn_box{ flex-wrap: wrap; max-width: 100%}
    .template_type30 .template_tit_wrap{ width: 100%; display: block; font-size: 2rem}
    .template_type30 .template_txt_wrap{ border-left: none}
}
/* [E] template 30 */

/* [S] template 31 */
.template_type31 .inn_box{ display: flex}
.template_type31 .template_tit_wrap{ font-size: 2rem; font-weight: bold; width: 40%; flex-shrink: 0; padding: 15px 30px; display: flex; justify-content: center}
.template_type31 .template_tit_wrap,
.template_type31 .template_tit{ line-height: +1.5}
.template_type31 .template_txt_wrap{ padding: 15px; font-size: 1rem}
.template_type31 .template_line:after{ content: ""; width: 60px; height: 5px; background: #000; display: block; margin: 0 0 10px}
#archive_contents .template_type31 .template_line:after{background: #fff;}
@media screen and (max-width: 600px){
    .template_type31 .inn_box{ flex-wrap: wrap}
    .template_type31 .template_tit_wrap{ width: 100%; padding: 15px 0; display: block; font-size: 2rem}
    .template_type31 .template_txt_wrap{ padding: 15px 0; border-left: none}
}
/* [E] template 31 */

/* [S] template 32 */
.template_type32 > .bd_line{margin: 0 auto 20px; border-top: 1px solid #000; height: 1px; width: 100%}
#archive_contents .template_type32 > .bd_line{border-top: 1px solid #fff;}
.template_type32 > .template_inn{ display: flex}
.template_type32 > .template_inn > .template_tit{ width: 80px}
.template_type32 > .template_inn > .template_tit,
.template_type32 > .template_inn > .template_tit > p{ font-size: 1rem; font-weight: bold; flex-shrink: 0; margin-right: 20px}
.template_type32 > .template_inn > .template_txt,
.template_type32 > .template_inn > .template_txt > p{ font-size: 0.875rem;}
.template_type32 > .template_inn2 > .template_txt .wrap > p{ line-height: 28px}
.template_type32 > .template_inn > .template_txt .wrap{ display: flex; margin-bottom: 5px}
.template_type32 > .template_inn > .template_txt .ctg{ color: #fff; background: #008000; flex-shrink: 0; width: 70px; height: 25px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 0.813rem}
@media screen and (max-width: 600px){
    .template_type32 > .template_inn{ flex-wrap: wrap}
    .template_type32 > .template_inn > .template_tit{ width: 100%; margin-bottom: 10px}
    .template_type32 > .template_inn2 > .template_tit{ width: auto; }
}
/* [E] template 32 */

/* [S] template 33 */
.template_type33 > .template_inn{ width: 100%; padding: 30px; background: #eee}
.template_type33 > .template_inn > .template_tit,
.template_type33 > .template_inn > .template_tit > p{ font-size: 1rem; font-weight: bold; color: #131313; margin-bottom: 5px; display: flex; align-items: center}
.template_type33 > .template_inn > .template_tit:before{ content: ""; width: 35px; height: 1.8rem; display: inline-flex; background: url("../img/editor/ic_item.png") no-repeat center / auto 100%; margin-right: 3px; flex-shrink: 0}
.template_type33 > .template_inn > .template_txt{ padding-left: 15px}
.template_type33 > .template_inn > .template_txt,
.template_type33 > .template_inn > .template_txt > p{ font-size: 0.875rem; color: #131313}
/* [E] template 33 */

/* [S] template 34 */
.template_type34 > .bd_line{margin: 0 auto 20px; border-top: 1px solid #000; height: 1px; width: 100%}
#archive_contents .template_type34 > .bd_line{border-top: 1px solid #fff;}
.template_type34 > .template_tit{ margin-bottom: 5px; display: flex; align-items: center}
.template_type34 > .template_tit .ic{ width: 25px; height: 25px; display: inline-flex; background: url("../img/editor/ic_search_tem.png") no-repeat center / 90% auto; flex-shrink: 0; margin-right: 5px}
.template_type34 > .template_inn{ display: flex}
.template_type34 > .template_inn > .template_tit{ width: 80px}
.template_type34 > .template_inn > .template_tit,
.template_type34 > .template_inn > .template_tit > p{ font-size: 1rem; font-weight: bold; flex-shrink: 0; margin-right: 20px}
.template_type34 > .template_inn > .template_txt,
.template_type34 > .template_inn > .template_txt > p{ font-size: 0.875rem;}
.template_type34 > .template_inn > .template_txt .wrap{ display: flex; margin-bottom: 5px}
.template_type34 > .template_inn > .template_txt .ctg{ color: #fff; background: #4472C4; flex-shrink: 0; width: 70px; height: 25px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px;  font-size: 0.813rem}
@media screen and (max-width: 600px){
    .template_type34 > .template_inn{ flex-wrap: wrap}
    .template_type34 > .template_inn > .template_tit{ width: 100%; margin-bottom: 10px}
}
/* [E] template 34 */