@charset "utf-8";

#sub-header{ width:100%; min-width:1200px; margin:0 auto; background:url(../../images/sub/sub-visual01.png) no-repeat 50% 0; height:200px; background-size:cover; position:relative;}
#sub-header.sub-visual1{background-image:url(../../images/sub/sub-visual01.png);}
#sub-header.sub-visual2{background-image:url(../../images/sub/sub-visual02.png);}
#sub-header.sub-visual3{background-image:url(../../images/sub/sub-visual03.png);}
#sub-header.sub-visual4{background-image:url(../../images/sub/sub-visual04.png);}
#sub-header.sub-visual5{background-image:url(../../images/sub/sub-visual05.png);}
#sub-header.sub-visual6{background-image:url(../../images/sub/sub-visual06.png);}
#sub-header .sv-tit{ width:1200px; margin:0 auto;   text-align:center;  vertical-align:middle; padding-top:55px; color:#fff; transition: all .5s; -webkit-transition: all .5s; }
#sub-header .sv-tit h2{font-size:3.5rem; font-weight:500; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
#sub-header .sv-tit p{ font-weight:400; text-shadow: 0 2px 4px rgba(0,0,0,0.5); margin-top:10px; }
#sub-header .sv-tit .m_txt{display:none;}
#sub-header .sv-tit .sub-nav{font-size:1.6rem; color:#fff;}
#sub-header .sv-tit .sub-nav i{color:#fff; vertical-align:baseline; padding:0 8px;}
#sub-header .sv-tit .sub-nav a{color:#fff;}
#sub-header .sv-tit .sub-nav .snav-02 a{color:#fff;}

#sub{width:100%; border-bottom:1px solid #bebebe; box-shadow:1px 1px 3px rgba(74,74,74,0.15); }
#sub ul{width:1200px; margin: 0 auto; text-align:center; }
#sub li{position:relative; display:inline-block; margin:0 10px;}
#sub li a{display:inline-block; font-size:1.9rem; color:#a5a5a5; padding:18px 30px 14px 30px; font-weight:400;}
#sub li:hover a{color:#333;}
#sub .current{border-bottom:4px solid #2173ca; }
#sub .current a{ font-weight:500; color:#333;}
#sub .current i{display:block;}

#sub-title{padding:50px 0 0px 0; width:1200px; margin:0 auto; text-align:center; /*border-bottom:1px solid #eaeaea;*/}
#sub-title h3{font-size:3rem; color:#333; font-weight:500;}
#sub-title h3:after{content:""; display:block; width:40px; height:3px;  background-color:#0d5caf; margin:20px auto;}
#sub-area{position:relative; max-width:1200px; margin:50px auto 70px; font-size:1.8rem;}

.cont_tit{position:relative; display:block;  font-size: 2.3rem; color: #0d5caf; margin-bottom:20px; /*padding-top:10px;*/ font-weight:500; }
/*.cont_tit:before{content:""; display:block; width:30px; height:3px; background:#0d5caf; position:absolute; top:0; left:0;}*/

.LR_wrap{position:relative;}
.LR_wrap .left_box{position:absolute; top:0; left:0;}
.LR_wrap .right_box{margin-left:280px;}

.g_line{margin-top: 6rem; padding-top: 6rem; border-top: 1px dashed #bebebe;}

.dot_list li{position:relative; padding-left:1.7rem;}
.dot_list li span{position:absolute; top:0px; left:0;}

table{border-top: 2px solid #333;}
table th, table td{border-left:1px solid #dee0e2; border-bottom:1px solid #dee0e2 ; font-size:1.8rem; text-align:center;  padding:10px;}
table .bl_no{border-left-width:0 !important;}
table th{background:#f9f9f9; font-weight:500;}

input{border:1px #e0e0e0 solid; height:30px; line-height:28px; font-size:1.5rem; width:100%; box-sizing:border-box; padding:5px;}
.com_text {border: 1px #e0e0e0 solid; width: 100%; padding: 5px; font-size: 1.5rem; box-sizing:border-box;}

#sub0101 .dl_wrap{font-size:0;}
#sub0101 dl{display:inline-block; width:calc((100% - 40px)/2); margin-left:40px; margin-top:30px; vertical-align:top;}
#sub0101 dl:nth-child(1), #sub0101 dl:nth-child(2){margin-top:0;}
#sub0101 dl:nth-child(2n+1){margin-left:0;}
#sub0101 dt{background:#f7f7f7; padding:10px 20px; font-weight:500; font-size:1.8rem;}
#sub0101 dd{font-size:1.6rem; margin:10px 20px;}

#sub0101 .cw03{margin-top:50px;}
#sub0101 .cw03 ul{display:flex; align-items: center;}
#sub0101 .cw03 li{ width:calc((100% - 40px)/2); text-align:center;}
#sub0101 .cw03 li:nth-child(2){margin-left:40px;}
#sub0101 .cw03 li img{width:300px; max-width:100%;}
#sub0101 .cw03 li.item02 img{width:210px; }
#sub0101 .cw03 li .txt_box{margin-top:30px; font-weight:500;}

#sub0101 .cw04{margin-top:50px;}
#sub0101 .download_section{text-align:center; padding:40px 20px; background:#f7f7f7; border-radius:8px;}
#sub0101 .download_title{font-size:2.3rem; color:#0d5caf; font-weight:500; margin-bottom:30px;}
#sub0101 .download_btn_wrap{margin:0 auto; display:flex; flex-direction:column; gap:25px; max-width:800px;}
#sub0101 .download_item{background:#fff; padding:25px; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.1); transition:all 0.3s ease;}
#sub0101 .download_item:hover{box-shadow:0 3px 8px rgba(0,0,0,0.15);}
#sub0101 .download_btn{display:inline-block; background:#0d5caf; color:#fff; padding:20px 40px; font-size:1.8rem; font-weight:500; border-radius:5px; text-decoration:none; transition:all 0.3s ease; box-shadow:0 2px 5px rgba(0,0,0,0.15);}
#sub0101 .download_btn:hover{background:#094a8f; box-shadow:0 4px 8px rgba(0,0,0,0.2); transform:translateY(-2px);}
#sub0101 .download_btn .btn_icon{display:inline-block; font-size:2.4rem; margin-right:10px; vertical-align:middle;}
#sub0101 .download_btn .btn_text{display:inline-block; vertical-align:middle;}
#sub0101 .download_hash{margin-top:15px; font-size:1.3rem; color:#666; font-family:'Courier New', monospace; word-break:break-all; line-height:1.6; padding:10px 15px; background:#f9f9f9; border-radius:4px;}
#sub0101 .download_note{margin-top:20px; font-size:1.5rem; color:#666;}

#sub0101 .cw05{margin-top:50px;}
#sub0101 .mobile_app_section{text-align:center; padding:40px 20px; background:#fff; border:1px solid #e0e0e0; border-radius:8px;}
#sub0101 .mobile_app_title{font-size:2.3rem; color:#0d5caf; font-weight:500; margin-bottom:15px;}
#sub0101 .mobile_app_desc{font-size:1.6rem; color:#666; margin-bottom:30px;}
#sub0101 .app_store_wrap{display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap;}
#sub0101 .app_store_btn{display:inline-block; transition:all 0.3s ease;}
#sub0101 .app_store_btn:hover{transform:translateY(-3px); opacity:0.9;}
#sub0101 .app_store_btn img{height:50px; width:auto;}

#sub0201 .cw01 td{text-align:left; padding:10px 20px; font-size:1.6rem;}

#sub0201 .cw02 dl.first{border-top:2px solid #333;}
#sub0201 .cw02 dl{display:flex;  width:100%;  box-sizing:border-box; border-bottom:1px solid #dee0e2;}
#sub0201 .cw02 dt{background:#f9f9f9; font-weight:500; font-size:1.8rem; padding:15px; width:20%; box-sizing:border-box;}
#sub0201 .cw02 dd{padding:7px 15px 15px; width:80%; box-sizing:border-box;}
#sub0201 .cw02 dd li{display:inline-block; font-size:1.6rem; line-height:1em; margin-top:5px; margin-right:20px; vertical-align:middle;}

#sub0301 .cw01{position:relative;  box-sizing:border-box; text-align:center; padding:6rem; background:#f5f5f5; border:1px solid #e0e0e0; max-width:1000px; margin:0 auto; }
#sub0301 .cw01 > div{display:inline-block; vertical-align:middle; position:relative;}
#sub0301 .cw01 .img_box img{display:inline-block; width:250px; max-width:100%; position:relative; z-index:1;}
#sub0301 .cw01 .img_box:after{content:""; display:block; width:100%; height:100%; background:#efede5; position:absolute; bottom:-10px; right:-10px; border:1px solid #e1e0db;}
#sub0301 .cw01 .txt_box{margin-left:8rem;}
#sub0301 .cw01 .txt_box .wrap{padding:10px 15px; text-align:right;}
#sub0301 .cw01 .txt_box .title{font-size:2.3rem; font-weight:500;  }
#sub0301 .cw01 .txt_box .btn{margin-top:1.5rem;}
#sub0301 .cw01 .txt_box .btn a{display:inline-block; background:#0d5caf; color:#fff; padding:0 20px; height:45px; line-height:45px; font-size:1.7rem;font-weight:500;s vertical-align:middle;}
#sub0301 .cw01 .txt_box .btn a i{display:inline-block; margin-left:10px; font-size:1.8rem;}

#sub0401 .cw01 em{color:#2173ca; font-weight:500;}
#sub0401 .img_box{margin-top:6rem; text-align:center;}
#sub0401 .img_box img{display:inline-block; max-width:100%;}

#sub0501 th{font-size:1.7rem; text-align:left; padding:15px;}
#sub0501 .cw01 .btn_box{text-align:center; margin-top:4rem;}
#sub0501 .cw01 .btn_box button{display: inline-block; background: #0d5caf; color: #fff; padding: 0 20px; height: 45px; line-height: 45px; font-size: 1.6rem; vertical-align: middle; font-weight:500;}
#sub0501 .cw02 dl{margin-top:4rem;}
#sub0501 .cw02 dl dt{font-weight:500; color:#0d5caf;}
#sub0501 .cw02 dl dd{font-size:1.6rem; margin-top:0.7rem;}
#sub0501 .cw02 dl dd .link span{text-decoration:underline;}
#sub0501 .cw02 dl dd .link i{font-size:1.4rem;}

#sub0601{font-size:1.6rem;}
#sub0601 dl{margin-top:5rem;}
#sub0601 dt{font-size:1.8rem; font-weight:500; color:#0d5caf; margin-bottom:5px;}


@media (max-width:1200px) {
#sub{box-sizing:border-box;}
#sub ul{width:100%;}
#sub-header{min-width:100%;}
#sub-header .sv-tit{width:100%;}
#sub-title{width:100%;}
#sub-area{width:100%; padding:0px 20px; box-sizing:border-box;}

#sub0301 .cw01 .img_box img{width:200px;}
}


@media (max-width:1024px) {
#sub-header{min-width:100%; top:0px; height:200px;}
#sub-header .sv-tit{width:100%; padding-top:51px; }
#sub{padding-top:0px;}

.LR_wrap .left_box{position:static; top:auto; left:auto;}
.LR_wrap .right_box{margin-left:0;}

#sub0301 .cw01{padding:6rem 3rem;}
#sub0301 .cw01 .txt_box{margin-left:6rem;}
#sub0301 .cw01 .txt_box .title{font-size:2.1rem;}
}


@media (max-width:768px) {
#sub-header{display:none;}

#sub{width:100%; padding-top:0px; padding-left:0;}
#sub ul{width:100%;padding:0 15px; box-sizing:border-box;}
#sub li{width:49.4%; margin:0; vertical-align:top;}
#sub .current{border-bottom:3px solid #2173ca;  }
#sub li a{padding:10px 0px 10px 0px; font-size:14px; height:20px; line-height:20px; width:100%; color:#a5a5a5;}
#sub .current a{padding-bottom:7px;}

#sub-title{width:100%; padding-top:25px; }
#sub-title h3{font-size:20px; }
#sub-title h3:after{margin:10px auto 0 auto;}
#sub-title .sub-nav{display:none;}

#sub-area{width:100%; padding:0px 15px; margin:40px auto; box-sizing:border-box; }

.cont_tit br{display:none;}

.g_line{margin-top:40px; padding-top:40px;}

table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}

#sub0101 dl{display:block; margin-left:0; width:100%;}
#sub0101 .cw03 li{width:calc((100% - 20px)/2);}
#sub0101 .cw03 li:nth-child(2){margin-left:20px;}
#sub0101 .download_section{padding:30px 15px;}
#sub0101 .download_title{font-size:1.8rem; margin-bottom:20px;}
#sub0101 .download_btn_wrap{gap:20px;}
#sub0101 .download_item{padding:20px 15px;}
#sub0101 .download_btn{padding:15px 25px; font-size:1.5rem;}
#sub0101 .download_btn .btn_icon{font-size:2rem;}
#sub0101 .download_hash{font-size:1.1rem; margin-top:12px; padding:8px 10px;}
#sub0101 .download_note{font-size:1.3rem; margin-top:15px;}
#sub0101 .mobile_app_section{padding:30px 15px;}
#sub0101 .mobile_app_title{font-size:1.8rem; margin-bottom:12px;}
#sub0101 .mobile_app_desc{font-size:1.4rem; margin-bottom:25px;}
#sub0101 .app_store_wrap{gap:15px;}
#sub0101 .app_store_btn img{height:45px;}

#sub0201 .cw01 th{font-size:1.6rem;}
#sub0201 .cw01 th, #sub0201 .cw01 td{padding:5px 7px;}

#sub0201 .cw02 dl{flex-direction: column;}
#sub0201 .cw02 dt, #sub0201 .cw02 dd{width:100%;}
#sub0201 .cw02 dt{padding:10px;}
#sub0201 .cw02 dd{padding:0px 10px 10px;}

#sub0301 .cw01{padding:4rem 3rem 3rem; border-bottom-width:3px;}
#sub0301 .cw01 .img_box img{width:150px;}
#sub0301 .cw01 .txt_box{display:block; margin-left:0; margin-top:20px; margin-bottom:0; }
#sub0301 .cw01 .txt_box .wrap{text-align:center;}
#sub0301 .cw01 .txt_box .btn a{height:40px; line-height:40px;}

#sub0401 .right_box br{display:none;}
#sub0401 .img_box{margin-top:3rem;}

#sub0501 th{padding:10px;}

#sub0601 dl{margin-top:3rem;}
}