:root {--bg01: #ea653d; }


.online_bd04{line-height: 1;}
.online_bd04 .inner{width: 1200px;}
.online_bd04 .con{margin-bottom: 100px;}
.online_bd04 .con .tit{display: flex;padding-bottom: 30px;border-bottom: 2px solid #222;align-items:flex-end;justify-content: space-between;}
.online_bd04 .con .tit p{font-size: 30px;color: #222;font-weight: 500;}
.online_bd04 .con .tit span{font-size: 14px;color: #666;}
.online_bd04 .con .tit span em{color: var(--bg01);}
.online_bd04 .con ul{display: flex;flex-wrap:wrap;padding: 30px;gap:20px 60px;}
.online_bd04 .con ul li{display: flex;width: calc((100% - 60px)/2);align-items:center;}
.online_bd04 .con ul li p{width: 100px;font-size: 16px;color: #222;font-weight: 500;}
.online_bd04 .con ul li p span{position: relative;top: 2px;color: var(--bg01);font-weight: 500;font-size: 18px;}
.online_bd04 .con ul li input[type="text"]{width: calc(100% - 100px);padding: 0 15px;height: 50px;border: 1px solid #ddd;font-size: 16px;color: #222;}
.online_bd04 .con ul li input[type="text"]::placeholder{font-size: 16px;color: #999;}
.online_bd04 .con ul li select{width: calc(100% - 100px);padding: 0 15px;height: 50px;border: 1px solid #ddd;font-size: 16px;color: #222;appearance: none;background:url(/assets/images/sub/online_bd04_ico03.png)right 15px center no-repeat;background-size:18px auto;  }

.online_bd04 .con:nth-child(2) ul{border-bottom: 1px solid #ddd;margin-bottom: 100px;}
.online_bd04 .con:nth-child(2) ul li{width: 100%;}
.online_bd04 .con:nth-child(2) ul li textarea{padding: 30px;width: calc(100% - 100px);height: 200px;border: 1px solid #ddd;font-size: 16px;color: #222;}
.online_bd04 .con:nth-child(2) ul li .i_box{display: flex;width: calc(100% - 100px);justify-content: space-between;}
.online_bd04 .con:nth-child(2) ul li .i_box .box{height: 50px;width: calc(100% - 174px);height: 50px;padding: 0 100px 0 15px;border: 1px solid #ddd;line-height: 50px;font-size: 16px;color: #222;} 
.online_bd04 .con:nth-child(2) ul li .i_box input{display: none;}
.online_bd04 .con:nth-child(2) ul li .i_box label{display: block;width: 154px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #aaa;}
.online_bd04 .con:nth-child(2) ul li .txt span{display: block;font-size: 14px;color: #666;margin-bottom: 10px;}
.online_bd04 .con:nth-child(2) ul li .txt span:last-child{margin-bottom: 0;}
.online_bd04 .con:nth-child(2) ul li .txt span em{font-size: 10px;font-weight: 700;}

.online_bd04 .ag_box{margin-bottom: 100px;}
.online_bd04 .ag_box .tit01{font-size: 20px;color: #222;margin-bottom: 30px;font-weight: 500;}
.online_bd04 .ag_box .tit01 span{color: var(--bg01);}
.online_bd04 .ag_box .txt_box{padding: 25px 30px;background: #f6f6f6;}
.online_bd04 .ag_box .txt_box .txt01{margin-bottom: 25px;}
.online_bd04 .ag_box .txt_box .txt01 p{font-size: 16px;color: #222;margin-bottom: 10px;}
.online_bd04 .ag_box .txt_box .txt01 p:last-child{margin-bottom: 0;}
.online_bd04 .ag_box .txt_box .txt02 p{display: block;font-size: 16px;color: #666;margin-bottom: 10px;}
.online_bd04 .ag_box .txt_box .txt02 p:last-child{margin-bottom: 0;}
.online_bd04 .ag_box .txt_box .txt02 p em{font-size: 10px;font-weight: 700;}
.online_bd04 .ag_box .txt_box .txt02 p a{color: #222;text-decoration: underline;}

.online_bd04 .ag_box .i_box{display: flex;margin-top: 20px;justify-content: flex-end;}
.online_bd04 .ag_box .i_box input{display: none;}
.online_bd04 .ag_box .i_box label{position: relative;padding-left: 30px;font-size: 16px;color: #222;}
.online_bd04 .ag_box .i_box label span{color: var(--bg01);}
.online_bd04 .ag_box .i_box label:after{content:'';position: absolute;left: 0;top: 55%;transform:translateY(-50%);width: 20px;height: 20px;border: 1px solid #ddd;}
.online_bd04 .ag_box .i_box input:checked + label:after{background: var(--bg01);border: 1px solid var(--bg01);}
.online_bd04 .ag_box .i_box label:before{content:'';position: absolute;left: 5px;top: 55%;z-index: 20;transform:translateY(-50%);width: 10px;height: 8px;background:url(/assets/images/sub/online_bd04_ico04.png)center no-repeat;background-size:cover ;  }

.online_bd04 .btn_box a{position: relative;display: block;width: 152px;transition:.3s;height: 53px;border-radius: 8px;border: 1px solid #ddd;text-align: center;line-height: 53px;font-size: 18px;color: #222;margin: 0 auto;}
.online_bd04 .btn_box a:hover{border: 1px solid #222;}
.online_bd04 .btn_box a span{display: block;transition:.3s;}
.online_bd04 .btn_box a:after{content:'';position: absolute;right: 20px;top: 50%;transform:translateY(-50%);background:url(/assets/images/sub/online_bd04_ico01.png)center no-repeat;background-size:cover ;  width: 18px;height: 15px;opacity: 0;transition:.3s;}
.online_bd04 .btn_box a:hover:after{opacity: 1;}
.online_bd04 .btn_box a:hover span{transform:translateX(-20px)}

@media screen and (max-width:1024px){


.online_bd04{line-height: 1;}
.online_bd04 .inner{width: 1200px;}
.online_bd04 .con{margin-bottom: 100px;}
.online_bd04 .con .tit{display: flex;padding-bottom: 30px;border-bottom: 2px solid #222;align-items:flex-end;justify-content: space-between;}
.online_bd04 .con .tit p{font-size: 30px;color: #222;font-weight: 500;}
.online_bd04 .con .tit span{font-size: 14px;color: #666;}
.online_bd04 .con .tit span em{color: var(--bg01);}
.online_bd04 .con ul{display: flex;flex-wrap:wrap;padding: 20px;gap:20px 30px;}
.online_bd04 .con ul li{display: flex;width: calc((100% - 30px)/2);align-items:center;}
.online_bd04 .con ul li p{width: 100px;font-size: 16px;color: #222;font-weight: 500;}
.online_bd04 .con ul li p span{position: relative;top: 2px;color: var(--bg01);font-weight: 500;font-size: 18px;}
.online_bd04 .con ul li input[type="text"]{width: calc(100% - 100px);padding: 0 15px;height: 50px;border: 1px solid #ddd;font-size: 16px;color: #222;}
.online_bd04 .con ul li input[type="text"]::placeholder{font-size: 16px;color: #999;}
.online_bd04 .con ul li select{width: calc(100% - 100px);padding: 0 15px;height: 50px;border: 1px solid #ddd;font-size: 16px;color: #222;appearance: none;background:url(/assets/images/sub/online_bd04_ico03.png)right 15px center no-repeat;background-size:18px auto;  }

.online_bd04 .con:nth-child(2) ul{border-bottom: 1px solid #ddd;margin-bottom: 100px;}
.online_bd04 .con:nth-child(2) ul li{width: 100%;}
.online_bd04 .con:nth-child(2) ul li textarea{padding: 30px;width: calc(100% - 100px);height: 200px;border: 1px solid #ddd;font-size: 16px;color: #222;}
.online_bd04 .con:nth-child(2) ul li .i_box{display: flex;width: calc(100% - 100px);justify-content: space-between;}
.online_bd04 .con:nth-child(2) ul li .i_box .box{height: 50px;width: calc(100% - 174px);height: 50px;padding: 0 100px 0 15px;border: 1px solid #ddd;line-height: 50px;font-size: 16px;color: #222;} 
.online_bd04 .con:nth-child(2) ul li .i_box input{display: none;}
.online_bd04 .con:nth-child(2) ul li .i_box label{display: block;width: 154px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #aaa;}
.online_bd04 .con:nth-child(2) ul li .txt span{display: block;font-size: 14px;color: #666;margin-bottom: 10px;}
.online_bd04 .con:nth-child(2) ul li .txt span:last-child{margin-bottom: 0;}
.online_bd04 .con:nth-child(2) ul li .txt span em{font-size: 10px;font-weight: 700;}

.online_bd04 .ag_box{margin-bottom: 100px;}
.online_bd04 .ag_box .tit01{font-size: 20px;color: #222;margin-bottom: 30px;font-weight: 500;}
.online_bd04 .ag_box .tit01 span{color: var(--bg01);}
.online_bd04 .ag_box .txt_box{padding: 25px 30px;background: #f6f6f6;}
.online_bd04 .ag_box .txt_box .txt01{margin-bottom: 25px;}
.online_bd04 .ag_box .txt_box .txt01 p{font-size: 16px;color: #222;margin-bottom: 10px;}
.online_bd04 .ag_box .txt_box .txt01 p:last-child{margin-bottom: 0;}
.online_bd04 .ag_box .txt_box .txt02 p{display: block;font-size: 16px;color: #666;margin-bottom: 10px;}
.online_bd04 .ag_box .txt_box .txt02 p:last-child{margin-bottom: 0;}
.online_bd04 .ag_box .txt_box .txt02 p em{font-size: 10px;font-weight: 700;}
.online_bd04 .ag_box .txt_box .txt02 p a{color: #222;text-decoration: underline;}

.online_bd04 .ag_box .i_box{display: flex;margin-top: 20px;justify-content: flex-end;}
.online_bd04 .ag_box .i_box input{display: none;}
.online_bd04 .ag_box .i_box label{position: relative;padding-left: 30px;font-size: 16px;color: #222;}
.online_bd04 .ag_box .i_box label em{color: var(--bg01);}
.online_bd04 .ag_box .i_box label:after{content:'';position: absolute;left: 0;top: 55%;transform:translateY(-50%);width: 20px;height: 20px;border: 1px solid #ddd;}
.online_bd04 .ag_box .i_box input:checked + label:after{background: var(--bg01);border: 1px solid var(--bg01);}
.online_bd04 .ag_box .i_box label:before{content:'';position: absolute;left: 5px;top: 55%;z-index: 20;transform:translateY(-50%);width: 10px;height: 8px;background:url(/assets/images/sub/online_bd04_ico04.png)center no-repeat;background-size:cover ;  }

.online_bd04 .btn_box a{position: relative;display: block;width: 152px;transition:.3s;height: 53px;border-radius: 8px;border: 1px solid #ddd;text-align: center;line-height: 53px;font-size: 18px;color: #222;margin: 0 auto;}
.online_bd04 .btn_box a:hover{border: 1px solid #222;}
.online_bd04 .btn_box a span{display: block;transition:.3s;}
.online_bd04 .btn_box a:after{content:'';position: absolute;right: 20px;top: 50%;transform:translateY(-50%);background:url(/assets/images/sub/online_bd04_ico01.png)center no-repeat;background-size:cover ;  width: 18px;height: 15px;opacity: 0;transition:.3s;}
.online_bd04 .btn_box a:hover:after{opacity: 1;}
.online_bd04 .btn_box a:hover span{transform:translateX(-20px)}

}

@media screen and (max-width:767px){

.online_bd04{line-height: 1;}
.online_bd04 .inner{width: 100%;}
.online_bd04 .con{margin-bottom: 50px;}
.online_bd04 .con .tit{display: flex;padding-bottom: 20px;border-bottom: 2px solid #222;align-items:flex-end;justify-content: space-between;margin-bottom: 15px;}
.online_bd04 .con .tit p{font-size: 22px;color: #222;font-weight: 500;}
.online_bd04 .con .tit span{font-size: 12px;color: #666;}
.online_bd04 .con .tit span em{color: var(--bg01);}
.online_bd04 .con ul{display: flex;flex-wrap:wrap;padding: 15px 10px;gap:0px 0px;}
.online_bd04 .con ul li{display: block;width: 100%;align-items:center;margin-top: 30px;}
.online_bd04 .con ul li:nth-child(1){margin-top: 0;}
.online_bd04 .con ul li p{width: auto;font-size: 15px;color: #222;font-weight: 500;margin-bottom: 18px;}
.online_bd04 .con ul li p span{position: relative;top: 2px;color: var(--bg01);font-weight: 500;font-size: 18px;}
.online_bd04 .con ul li input[type="text"]{width: 100%;padding: 0 15px;height: 50px;border: 1px solid #ddd;font-size: 14px;color: #222;}
.online_bd04 .con ul li input[type="text"]::placeholder{font-size: 14px;color: #999;}
.online_bd04 .con ul li select{width: 100%;padding: 0 15px;height: 50px;border: 1px solid #ddd;font-size: 14px;color: #222;appearance: none;background:url(/assets/images/sub/online_bd04_ico03.png)right 15px center no-repeat;background-size:13px auto;  }

.online_bd04 .con:nth-child(2) ul{border-bottom: 1px solid #ddd;margin-bottom: 50px;}
.online_bd04 .con:nth-child(2) ul li{width: 100%;}
.online_bd04 .con:nth-child(2) ul li:last-child{margin-top: 15px;}
.online_bd04 .con:nth-child(2) ul li textarea{padding: 30px;width: 100%;height: 200px;border: 1px solid #ddd;font-size: 14px;color: #222;}
.online_bd04 .con:nth-child(2) ul li .i_box{display: flex;width: 100%;justify-content: space-between;}
.online_bd04 .con:nth-child(2) ul li .i_box .box{height: 50px;width: calc(100% - 100px);height: 50px;padding: 0 100px 0 15px;border: 1px solid #ddd;line-height: 50px;font-size: 14px;color: #222;} 
.online_bd04 .con:nth-child(2) ul li .i_box input{display: none;}
.online_bd04 .con:nth-child(2) ul li .i_box label{display: block;width: 100px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;background: #aaa;}
.online_bd04 .con:nth-child(2) ul li .txt span{position: relative;display: block;font-size: 12px;color: #666;margin-bottom: 5px;line-height: 17px;padding-left: 14px;}
.online_bd04 .con:nth-child(2) ul li .txt span:last-child{margin-bottom: 0;}
.online_bd04 .con:nth-child(2) ul li .txt span em{position: absolute;left: 0;top:0px;font-size: 10px;font-weight: 700;}
.online_bd04 .con:nth-child(2) ul li:last-child p{display: none;}

.online_bd04 .ag_box{margin-bottom: 50px;}
.online_bd04 .ag_box .tit01{font-size: 15px;color: #222;margin-bottom: 20px;font-weight: 500;}
.online_bd04 .ag_box .tit01 span{color: var(--bg01);}
.online_bd04 .ag_box .txt_box{padding: 15px 20px;background: #f6f6f6;}
.online_bd04 .ag_box .txt_box .txt01{margin-bottom: 20px;}
.online_bd04 .ag_box .txt_box .txt01 p{font-size: 13px;color: #222;margin-bottom: 10px;}
.online_bd04 .ag_box .txt_box .txt01 p:last-child{margin-bottom: 0;}
.online_bd04 .ag_box .txt_box .txt02 p{position: relative;display: block;font-size: 13px;color: #666;margin-bottom: 5px;line-height: 19px;padding-left: 14px;}
.online_bd04 .ag_box .txt_box .txt02 p:last-child{margin-bottom: 0;}
.online_bd04 .ag_box .txt_box .txt02 p em{position: absolute;left: 0;top: -1px;font-size: 10px;font-weight: 700;}
.online_bd04 .ag_box .txt_box .txt02 p a{color: #222;text-decoration: underline;}

.online_bd04 .ag_box .i_box{display: flex;margin-top: 20px;justify-content: flex-end;}
.online_bd04 .ag_box .i_box input{display: none;}
.online_bd04 .ag_box .i_box label{position: relative;padding-left: 30px;font-size: 13px;color: #222;}
.online_bd04 .ag_box .i_box label em{color: var(--bg01);}
.online_bd04 .ag_box .i_box label:after{content:'';position: absolute;left: 0;top: 55%;transform:translateY(-50%);width: 20px;height: 20px;border: 1px solid #ddd;}
.online_bd04 .ag_box .i_box input:checked + label:after{background: var(--bg01);border: 1px solid var(--bg01);}
.online_bd04 .ag_box .i_box label:before{content:'';position: absolute;left: 5px;top: 55%;z-index: 20;transform:translateY(-50%);width: 10px;height: 8px;background:url(/assets/images/sub/online_bd04_ico04.png)center no-repeat;background-size:cover ;  }

.online_bd04 .btn_box a{position: relative;display: block;width: 100%;transition:.3s;height: 53px;border-radius: 8px;border: 1px solid #ddd;text-align: left;line-height: 53px;font-size: 15px;color: #222;margin: 0 auto;padding: 0 20px;}
.online_bd04 .btn_box a:hover{border: 1px solid #222;}
.online_bd04 .btn_box a span{display: block;transition:.3s;}
.online_bd04 .btn_box a:after{content:'';position: absolute;right: 20px;top: 50%;transform:translateY(-50%);background:url(/assets/images/sub/online_bd04_ico01.png)center no-repeat;background-size:cover ;  width: 18px;height: 15px;opacity: 1;transition:.3s;}
.online_bd04 .btn_box a:hover:after{opacity: 1;}
.online_bd04 .btn_box a:hover span{transform:translateX(-20px)}

}