#tch-contents-wrap-id img{border: 0; margin: 0; padding: 0}
#tch-contents-wrap-id dl,#tch-contents-wrap-id dt,#tch-contents-wrap-id dd{margin: 0; padding: 0; list-style: none}
#tch-contents-wrap-id ul,#tch-contents-wrap-id ol,#tch-contents-wrap-id li{margin: 0; padding: 0}
#tch-contents-wrap-id a{text-decoration: none; color: rgb(255, 255, 255)}
#tch-contents-wrap-id a:hover,#tch-contents-wrap-id .a:active{color: rgb(255, 255, 255); text-decoration: underline; font-weight: bold}
#tch-contents-wrap-id p{margin: 0; padding: 0; border: 0}
#tch-contents-wrap-id #wrap{width: 100%; margin: 0 auto}
#tch-contents-wrap-id h4.titDepth01{color: rgb(0, 0, 0); font-size: 2.8rem; background: url(h4_icon.png) no-repeat left 0.8rem; padding: 0 0 0 3.4rem; clear: both; margin: 5rem 0 1rem 0}
#tch-contents-wrap-id h4.titDepth02{color: rgb(0, 0, 0); font-size: 2.8rem; text-align: center; margin: 3rem 0}
#tch-contents-wrap-id h5{background: url(h5_icon.png) 0.5rem 0.6rem no-repeat; font-size: 2.4rem; padding: 0 0 0.5rem 2.6rem; margin: 2rem 0 1rem 0; color: rgb(53, 32, 204)}
#tch-contents-wrap-id h6{background: url(h6_icon.png) 0.5rem 1rem no-repeat; font-size: 2.2rem; padding: 0 0 0.5rem 2.6rem; margin: 0.5rem 0 0 0; color: rgb(0, 0, 0)}
#tch-contents-wrap-id table{width: 100%; border-collapse: collapse; margin: 0 0 4rem 0; border-top: 0.3rem solid rgb(3, 70, 148)}
#tch-contents-wrap-id caption{position: relative; top: -9999em; left: -9999em; font-size: 0; height: 0; line-height: 0; width: 0}
#tch-contents-wrap-id td{border: 0.1rem solid rgb(210, 210, 210); text-align: center; padding: 1rem}
#tch-contents-wrap-id th{font-weight: bold; background-color: rgb(248, 250, 252); border-left: 0.1rem solid rgb(210, 210, 210); border-right: 0.1rem solid rgb(210, 210, 210); border-bottom: 0.1rem solid rgb(3, 70, 148); color: rgb(0, 0, 0); padding: 1.5rem 0; font-size: 1.9rem}
#tch-contents-wrap-id .titletop{text-align: left; font-size: 3.4rem; font-weight: bold; color: rgb(4, 64, 152)}
#tch-contents-wrap-id .titletext{text-align: left; font-size: 1.8rem; width: 52%}
#tch-contents-wrap-id .titlebox_bg{background: url(03.png) no-repeat bottom right; background-color: rgb(250, 250, 250); border-radius: 1.5rem; padding: 8rem 0 8rem 8rem; margin: 0 0 5rem 0}
#tch-contents-wrap-id .text_box{padding: 1rem; margin: 0 0 3rem 0; font-size: 1.8rem}
#tch-contents-wrap-id .text_box ul{padding: 0; margin: 0 0 1rem 1rem}
#tch-contents-wrap-id .text_box ul li{display: list-item; list-style: "•"; margin: 0.5rem 0 0.5rem 0.3rem; padding: 0 0 0 0.5rem}
#tch-contents-wrap-id .text_box dl{padding: 0; margin: 0 0 2rem 0.5rem}
#tch-contents-wrap-id .text_box dt{font-size: 2.2rem; color: rgb(0, 0, 0); margin: 0 0 1.6rem 0; padding: 0 0 0 1.4rem; font-weight: bold; background: url(dt_icon.png) 0 0.7rem no-repeat}
#tch-contents-wrap-id .text_box dd{display: list-item; list-style: "•"; margin: 0 0 1.6rem 0.7rem; padding: 0 0 0 0.5rem}
#tch-contents-wrap-id .text_box dd.none{list-style: none}
#tch-contents-wrap-id .con_txt01{font-size: 3rem; font-weight: bold; color: rgb(0, 0, 0); margin: 3rem auto 1rem auto; border-radius: 2.5rem; background-color: rgb(57, 35, 197); width: 70%; color: rgb(255, 255, 255); padding: 3rem; text-align: center; clear: both}
#tch-contents-wrap-id .bg_box{border: 1px solid rgb(212, 205, 255); border-radius: 1.5rem; padding: 1rem; margin: 0 0 4rem 0; text-align: left; color: rgb(57, 35, 197); background-color: rgb(246, 245, 255)}
#tch-contents-wrap-id .bg_box ul{padding: 0; margin: 0 0 1rem 0.5rem}
#tch-contents-wrap-id .bg_box ul li{display: list-item; list-style: "•"; margin: 0 0 0.5rem 1rem; padding: 0 0 0 0.5rem}
#tch-contents-wrap-id .bg_box dl{padding: 0; margin: 0 0 1rem 1rem}
#tch-contents-wrap-id .bg_box dt{font-size: 2.1rem; color: rgb(0, 0, 0); margin: 0 0 1rem 0; padding: 0 0 0 1.4rem; font-weight: bold; text-align: center}
#tch-contents-wrap-id .bg_box dd{margin: 0 0 0.5rem 1.8rem; padding: 0; text-align: center}
#tch-contents-wrap-id .bg_box dd.none{list-style: none}
#tch-contents-wrap-id .grey_box{border: 0.1rem solid rgb(204, 204, 204); border-radius: 1.5rem; padding: 2rem; margin: 1rem 0 4rem 0; color: rgb(0, 0, 0); background-color: rgb(249, 249, 249); font-size: 1.8rem}
#tch-contents-wrap-id .grey_box ol{padding: 0; margin: 0 0 0 0.5rem}
#tch-contents-wrap-id .grey_box ol li{font-size: 1.8rem; display: list-item; list-style: decimal-leading-zero; margin: 0 0 0.5rem 1.7rem; padding: 0 0 0 0.3rem}
#tch-contents-wrap-id .grey_box ul{padding: 0; margin: 0 0 0 0.5rem}
#tch-contents-wrap-id .grey_box ul li{font-size: 1.8rem; display: list-item; list-style: "•"; margin: 0 0 0.5rem 1rem; padding: 0 0 0 0.5rem}
#tch-contents-wrap-id .grey_box dl{padding: 0; margin: 0}
#tch-contents-wrap-id .grey_box dt{font-size: 1.9rem; color: rgb(0, 0, 0); margin: 0 0 1.4rem 1.9rem; padding: 0; font-weight: bold; display: list-item; list-style: square; background: none}
#tch-contents-wrap-id .grey_box dd{display: list-item; list-style: "•"; margin: 0 0 0 0.7rem; padding: 0 0 0 0.5rem; font-size: 1.6rem}
#tch-contents-wrap-id .grey_box dd.none{list-style: none}
#tch-contents-wrap-id .btn_default a{font-size: 1.6rem; background: rgb(70, 53, 200); border-radius: 0.5rem; padding: 1rem; color: rgb(255, 255, 255); display: inline-block; margin: 1rem auto; text-align: center}
#tch-contents-wrap-id .btn_default a:hover{background: rgb(53, 32, 204); transition: all 0.2s ease-in; color: rgb(255, 255, 255)}
#tch-contents-wrap-id .btn_default a:after{background: url(btn_go.png) no-repeat right 0; width: 1.3rem; height: 1.3rem; display: inline-block; padding-left: 1rem; content: ""; vertical-align: middle}
#tch-contents-wrap-id .btn_down a{font-size: 1.6rem; background: rgb(255, 255, 255); border: 0.1rem solid rgb(102, 102, 102); border-radius: 0.5rem; padding: 1rem; color: rgb(51, 51, 51); display: inline-block; margin: 1rem auto; text-align: center}
#tch-contents-wrap-id .btn_down a:hover{text-decoration: underline; transition: all 0.2s ease-in}
#tch-contents-wrap-id .btn_down a:after{background: url(btn_down.png) no-repeat right 0; width: 1.3rem; height: 1.3rem; display: inline-block; padding: 0 0.5rem; content: ""; vertical-align: middle}
#tch-contents-wrap-id .btn_down img{vertical-align: middle}
#tch-contents-wrap-id .btn_open a{font-size: 1.6rem; background: rgb(51, 51, 51); border: 0.1rem solid rgb(80, 80, 80); border-radius: 0.5rem; padding: 1rem; color: rgb(255, 255, 255); display: inline-block; margin: 1rem; text-align: center}
#tch-contents-wrap-id .btn_open a:hover{text-decoration: underline; transition: all 0.2s ease-in}
#tch-contents-wrap-id .btn_open a:after{background: url(btn_open.png) no-repeat right 0; width: 1.3rem; height: 1.3rem; display: inline-block; padding-left: 1rem; content: ""; vertical-align: middle}
#tch-contents-wrap-id .btn_open img{vertical-align: middle}
#tch-contents-wrap-id .btn_open2 a{font-size: 1.6rem; background: rgb(255, 255, 255); border: 0.1rem solid rgb(102, 102, 102); border-radius: 0.5rem; padding: 0.5rem 1rem; color: rgb(51, 51, 51); display: inline-block; margin: 0 1rem; text-align: center}
#tch-contents-wrap-id .btn_open2 a:hover{text-decoration: underline; transition: all 0.2s ease-in; background-color: rgb(243, 243, 243)}
#tch-contents-wrap-id .btn_open2 a:after{background: url(btn_open2.png) no-repeat right 0; width: 1.3rem; height: 1.3rem; display: inline-block; padding-left: 1rem; content: ""; vertical-align: middle}
#tch-contents-wrap-id .btn_open2 img{vertical-align: middle}
#tch-contents-wrap-id .btn_list a{background: rgb(255, 255, 255); border: 0.1rem solid rgb(102, 102, 102); border-radius: 0.5rem; padding: 1rem; color: rgb(51, 51, 51); display: inline-block; margin: 1rem auto; text-align: center}
#tch-contents-wrap-id .btn_list a:hover{text-decoration: underline; transition: all 0.2s ease-in}
#tch-contents-wrap-id .btn_list a:before{background: url(btn_list.png) no-repeat left 0; width: 1.3rem; height: 1.3rem; display: inline-block; padding-left: 1rem; content: ""; vertical-align: middle}
#tch-contents-wrap-id .btn_list img{vertical-align: middle}
#tch-contents-wrap-id .text_blue{color: rgb(17, 72, 175)}
#tch-contents-wrap-id .text_red{color: rgb(230, 0, 18)}
#tch-contents-wrap-id .left{text-align: left}
#tch-contents-wrap-id .center{text-align: center}
#tch-contents-wrap-id .right{text-align: right}
@media screen and (max-width: 320px){
#tch-contents-wrap-id table{letter-spacing: -0.05rem}
#tch-contents-wrap-id th{font-size: 1.7rem}
#tch-contents-wrap-id td{font-size: 1.6rem}
#tch-contents-wrap-id h4.titDepth01{color: rgb(0, 0, 0); font-size: 2.4rem; background: url(h4_icon.png) no-repeat left 0.8rem; padding: 0 0 0 3.4rem; clear: both; margin: 0 0 3rem 0}
#tch-contents-wrap-id h5{background: url(h5_icon.png) 0.5rem 0.4rem no-repeat; font-size: 2rem; padding: 0 0 0.5rem 2.2rem; margin: 0; color: rgb(0, 0, 0)}
#tch-contents-wrap-id h6{background: url(h6_icon.png) 0.5rem 0.8rem no-repeat; font-size: 1.8rem; padding: 0 0 0.5rem 2.6rem; margin: 0.5rem 0 0 0; color: rgb(0, 43, 113)}
#tch-contents-wrap-id .tabcontents ul li{width: calc(50% - 2rem); margin: 0 0 0.5rem 0}
#tch-contents-wrap-id .tabcontents ul li:nth-child(even){margin: 0 0 0.5rem 2rem}
#tch-contents-wrap-id .text_box{font-size: 1.6rem}
#tch-contents-wrap-id .text_box ul li{font-size: 1.6rem}
#tch-contents-wrap-id .text_box dt{font-size: 2rem; background: url(dt_icon.png) 0 0.6rem no-repeat}
#tch-contents-wrap-id .text_box dd{font-size: 1.6rem}
#tch-contents-wrap-id .titletop{text-align: left; font-size: 2.4rem; font-weight: bold; color: rgb(4, 64, 152)}
#tch-contents-wrap-id .titletext{text-align: left; font-size: 1.6rem; width: 100%}
#tch-contents-wrap-id .titlebox_bg{background: url(03.png) center bottom no-repeat; background-color: rgb(250, 250, 250); border-radius: 1.5rem; padding: 2rem 2rem 26rem 2rem; margin: 0 0 4rem 0}
#tch-contents-wrap-id .con_txt01{font-size: 3rem; font-weight: bold; color: rgb(0, 0, 0); margin: 3rem auto 1rem auto; border-radius: 2.5rem; background-color: rgb(57, 35, 197); width: 70%; color: rgb(255, 255, 255); padding: 3rem; text-align: center; clear: both}
}
@media screen and (min-width: 321px) and (max-width: 768px){
#tch-contents-wrap-id .tabcontents ul li{width: calc(50% - 1rem); margin: 0 0 0.5rem 0}
#tch-contents-wrap-id .tabcontents ul li:nth-child(even){margin: 0 0 0.5rem 1rem}
#tch-contents-wrap-id .titletop{text-align: left; font-size: 2.4rem; font-weight: bold; color: rgb(4, 64, 152)}
#tch-contents-wrap-id .titletext{text-align: left; font-size: 1.6rem; width: 100%}
#tch-contents-wrap-id .titlebox_bg{background: url(03.png) center bottom no-repeat; background-color: rgb(250, 250, 250); border-radius: 1.5rem; padding: 2rem 2rem 26rem 2rem; margin: 0 0 4rem 0}
#tch-contents-wrap-id .con_txt01{font-size: 3rem; font-weight: bold; color: rgb(0, 0, 0); margin: 5rem auto 1rem auto; border-radius: 2.5rem; background-color: rgb(57, 35, 197); width: 70%; color: rgb(255, 255, 255); padding: 3rem; text-align: center; clear: both}
}
@media screen and (min-width: 769px) and (max-width: 1023px){
#tch-contents-wrap-id .tabcontents ul li{width: calc(50% - 1rem); margin: 0 0 0.5rem 0}
#tch-contents-wrap-id .tabcontents ul li:nth-child(even){margin: 0 0 0.5rem 1rem}
}
