#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.6rem; 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(0, 0, 0)}
#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 .title_bg_blue{background-color: rgb(0, 102, 204); font-size: 2.4rem; color: rgb(255, 255, 255); text-align: center; padding: 3rem; font-weight: bold; border-radius: 1.5rem; margin: 0 auto}
#tch-contents-wrap-id .title_box1{background-color: rgb(0, 174, 255); font-size: 2.4rem; color: rgb(255, 255, 255); text-align: center; padding: 2rem; font-weight: bold; border-radius: 1.5rem; margin: 0 0 4rem 0}
#tch-contents-wrap-id .title_bg_grey{background-color: rgb(241, 241, 241); font-size: 2.6rem; color: rgb(19, 64, 154); text-align: center; padding: 3rem; font-weight: bold; border-radius: 1.5rem; margin: 0 auto; background: url(bg_img.png) center top no-repeat; background-color: rgb(241, 241, 241)}
#tch-contents-wrap-id .title_bg_grey ul{width: 45%; margin: 0 auto}
#tch-contents-wrap-id .title_bg_grey ul li{color: rgb(51, 51, 51); font-size: 2rem; text-align: left}
#tch-contents-wrap-id .title_box_blue{padding: 0; margin: 0 0 4rem 0}
#tch-contents-wrap-id .title_box_blue ul{padding: 0; display: flex; justify-content: center; gap: 1rem; list-style: none; margin: 0 0 2rem 0}
#tch-contents-wrap-id .title_box_blue ul li{width: 23%; margin: 0 auto; padding: 3rem 1rem; background-color: rgb(244, 244, 244); font-size: 2rem; border-radius: 1.5rem; box-sizing: border-box; text-align: center; list-style: none}
#tch-contents-wrap-id .title_box_blue{display: flex; justify-content: space-between; gap: 1rem}
#tch-contents-wrap-id .title_box_blue dl{padding: 0; margin: 0; width: 48%; display: flex; flex-direction: column; flex: 1}
#tch-contents-wrap-id .title_box_blue dt{background-color: rgb(236, 249, 255); font-weight: bold; font-size: 2.2rem; color: rgb(0, 174, 255); border-radius: 1.5rem; text-align: center; padding: 1rem 0; margin: 0 0 1rem 0}
#tch-contents-wrap-id .title_box_blue dl dd{margin: 0; padding: 2rem 1rem; background-color: rgb(249, 249, 249); font-size: 1.9rem; border-radius: 1.5rem; text-align: left; flex: 1; display: flex; align-items: center; justify-content: center}
#tch-contents-wrap-id .title_box_puple{display: flex; justify-content: space-between; gap: 1rem}
#tch-contents-wrap-id .title_box_puple dl{padding: 0; margin: 0; width: 98%; display: flex; flex-direction: column; flex: 1}
#tch-contents-wrap-id .title_box_puple dt{background-color: rgb(236, 249, 255); font-weight: bold; font-size: 2.2rem; color: rgb(0, 174, 255); border-radius: 1.5rem; text-align: center; padding: 1rem 0; margin: 0 0 1rem 0}
#tch-contents-wrap-id .title_box_puple dl dd{margin: 0; padding: 2rem 1rem; background-color: rgb(249, 249, 249); font-size: 1.9rem; border-radius: 1.5rem; text-align: center; flex: 1; display: flex; align-items: center; justify-content: center}
#tch-contents-wrap-id .title_box2{padding: 0; margin: 0 0 3rem 0}
#tch-contents-wrap-id .title_box2 ul{padding: 0; display: flex; justify-content: center; gap: 1rem; list-style: none}
#tch-contents-wrap-id .title_box2 ul li{width: 32%; margin: 0 auto; padding: 3rem 1rem; background-color: rgb(249, 249, 249); font-size: 2rem; border-radius: 1.5rem; box-sizing: border-box; text-align: center; list-style: none}
#tch-contents-wrap-id .title_box3{padding: 0; margin: 0 0 3rem 0}
#tch-contents-wrap-id .title_box3 ul{padding: 0; display: flex; justify-content: center; gap: 1rem; list-style: none}
#tch-contents-wrap-id .title_box3 ul li{width: 32%; margin: 0 auto; padding: 3rem 1rem; background-color: rgb(249, 249, 249); font-size: 2rem; border-radius: 1.5rem; box-sizing: border-box; text-align: left; list-style: none}
#tch-contents-wrap-id .title_box4{padding: 0; margin: 0 0 4rem 0}
#tch-contents-wrap-id .title_box4 ul{padding: 0; display: flex; justify-content: center; gap: 1rem; list-style: none; margin: 0 0 2rem 0}
#tch-contents-wrap-id .title_box4 ul li{width: 98%; margin: 0 auto; padding: 3rem 1rem; background-color: rgb(236, 249, 255); font-size: 2rem; border-radius: 1.5rem; box-sizing: border-box; text-align: center; list-style: none}
#tch-contents-wrap-id p{text-align: center; width: 100%; margin: 3rem 0}
#tch-contents-wrap-id p:after{content: "⇑"; font-size: 250%; color: rgb(184, 184, 184)}
#tch-contents-wrap-id table{width: 100%; border-collapse: collapse; margin: 0 0 4rem 0; border-top: 0.3rem solid rgb(0, 174, 255)}
#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(249, 254, 255); border-left: 0.1rem solid rgb(11, 169, 243); border-right: 0.1rem solid rgb(11, 169, 243); border-bottom: 0.1rem solid rgb(11, 169, 243); color: rgb(0, 151, 222); padding: 1rem 0}
#tch-contents-wrap-id .text_box{padding: 0.5rem; 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 ol{padding: 0; margin: 0 0 2rem 0}
#tch-contents-wrap-id .text_box ol li{font-size: 1.8rem; display: list-item; list-style: decimal-leading-zero; margin: 0 0 1rem 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: 2rem 0 1rem 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: 1rem 0 1rem 0.7rem; padding: 0 0 0 0.5rem}
#tch-contents-wrap-id .text_box dd.none{list-style: none}
#tch-contents-wrap-id .bg_box{border: 1px solid rgb(178, 231, 255); border-radius: 1.5rem; padding: 1rem; margin: 0 0 4rem 0; text-align: left; background-color: rgb(246, 252, 255)}
#tch-contents-wrap-id .bg_box ul{padding: 0; margin: 0 0 1rem 0.5rem}
#tch-contents-wrap-id .bg_box ul li{font-size: 1.8rem; display: list-item; list-style: "•"; margin: 0 0 0.5rem 1.3rem; 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, 157, 230); margin: 0 0 1rem 0; padding: 0 0 0 1.4rem; font-weight: bold; background: url(dt_icon.png) 0 0.7rem no-repeat}
#tch-contents-wrap-id .bg_box dd{display: list-item; list-style: disc; margin: 0 0 0.5rem 1.8rem; padding: 0}
#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 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: decimal-leading-zero; 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(1, 164, 240); 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(0, 137, 208); 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 auto; 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_list 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_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}
}
@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}
}
@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}
}
