.sub-header{ position: relative;}
.sub-header .txtWrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-top:160px;}
.sub-header .txtWrap p{text-align:center; font-size:45px; color:#fff; font-weight:bold;}
.sub-header .txtWrap hr{width:150px; height:1px; background:rgba(255, 255, 255, 0.5); margin:17px auto; border:none;}
.sub-header .txtWrap span{display:block; text-align:center; font-size:18px;  color:#fff;}

.sub-con{padding:90px 0; max-width:1920px; margin:0 auto}
.guide { width: 1200px; margin: 0 auto; background-color: #f6f6f6; } 
.guide p { text-align: center; font-size: 24px; padding: 20px 0; vertical-align: middle; font-weight:bold; } 
.guide p img { position: relative; top: -3px; padding-right: 5px; } 


.subTitleA{display:block; margin:0 auto 70px;}
.subTitle{font-size:40px; font-weight:bold; color:#333; text-align:center;}

.s-tit01{font-size:34px; color:#333; text-align:center; font-weight:bold;}
.s-txt01{font-size:18px; color:#333; text-align:center;}
.s-tit01 + .s-txt01{margin-top:25px;}







.subLay .tit { display: block; font-size: 45px; font-weight: bold; padding-bottom: 20px; text-align: center; line-height: 1; } 
.subLay .txt { font-size: 20px; line-height: 1.5; text-align: center; } 
.subLay .txt strong {} 
.subLay .flexWrap{width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:center;}
.subLay .flexWrap > div{width:100%;}
.subLay .subLayCon + .subLayCon{margin-top:100px;}

.subLay .con-01-01 {} 
.subLay .con-01-01 .wrap {} 
.subLay .con-01-01 .tit {text-align: left; } 
.subLay .con-01-01 .txt {text-align: justify; word-break: break-all; } 
.subLay .con-01-01 .flexWrap{}
.subLay .con-01-01 .flexWrap > div{position:relative; display:block;}
.subLay .con-01-01 .flexWrap > div.img{min-height:550px;}
.subLay .con-01-01 .flexWrap > div img{position:absolute; top:0; left:0}

.subLay .con-01-02 { background-color: #f6f6f6; } 
.subLay .con-01-02 .wrap { padding: 100px 0; } 
.subLay .con-01-02 ul {flex-wrap: wrap; justify-content:space-between; margin-top:40px; gap: 20px 40px; flex-direction:column; height:390px;} 
.subLay .con-01-02 ul.w100{height:auto; gap:20px;}
.subLay .con-01-02 ul li {display:flex; align-items:center; height: 80px; width: calc(50% - 20px); line-height: 1.5; border: 1px solid #eaeaea; border-radius: 50px;text-align: left; background-color: #fff; position: relative; } 
.subLay .con-01-02 ul.w100 li{width:100%;}
.subLay .con-01-02 ul li::before { content: ""; width: 75px; height: 100%; background-color: var(--mainColor); background-size: cover;position: absolute; left: 0; border-radius: 50px 0 0 50px; } 
.subLay .con-01-02 ul li .num { font-size: 24px; padding-left: 25px; color: #fff; position: relative; left: 3px; z-index: 1; letter-spacing: -1px !important; font-family:var(--f-mont); } 
.subLay .con-01-02 ul li .text { display: inline-block; font-size: 20px; padding-left: 40px; } 


.subLay .con-01-04 {} 
.subLay .con-01-04 .wrap { padding: 100px 0; } 
.subLay .con-01-04 ul { margin-top: 30px; } 
.subLay .con-01-04 ul li { width: 100%; text-align: center; } 
.subLay .con-01-04 ul li+li { margin-left: 40px; } 
.subLay .con-01-04 ul li span { display: block; font-size: 20px; padding-top: 10px; letter-spacing:-1.5px;} 




.subLay .con-02-04 { background-color: #555; } 
.subLay .con-02-04 .tit { color: #fff; } 
.subLay .con-02-04 .wrap { padding: 100px 0; } 
.subLay .con-02-04 ul { justify-content: flex-start; flex-wrap: wrap; margin-top: 30px; gap: 30px;} 
.subLay .con-02-04 ul li { width:calc(33.33% - 20px); height: 185px; border: 1px solid #fff; text-align: center; box-sizing:border-box; } 
.subLay .con-02-04 ul li .num { display: block; font-size: 30px; font-weight: bold; padding-top: 30px; color: #fff; } 
.subLay .con-02-04 ul li p { font-size: 20px; padding-top: 20px; color: #fff; } 

.subLay .con-02-04_1 { background-color: #f6f6f6; } 
.subLay .con-02-04_1 .tit {color:#333} 
.subLay .con-02-04_1 .wrap { padding: 100px 0; } 
.subLay .con-02-04_1 ul { justify-content: flex-start; margin-top: 100px;} 
.subLay .con-02-04_1 ul li {text-align: center; box-sizing:border-box; width:100%;} 
.subLay .con-02-04_1 ul li .num { display: block; font-size: 30px; font-weight: bold; color: #333; } 
.subLay .con-02-04_1 ul li p { font-size: 20px; padding-top: 20px; color: #333; } 


.subLay .con-03-02 { } 
.subLay .con-03-02 .wrap { padding: 100px 0; } 

.subLay .con-03-02 .dot-box { background-color: #555; position: relative; } 
.subLay .con-03-02 .dot-box .wrap { padding: 160px 0 140px; } 
.subLay .con-03-02 .dot-box .border { display: block; width: 1050px; height: 2px; background-color: #fff; margin: -5px 73px; } 
.subLay .con-03-02 .dot-box ul { position:relative; } 
.subLay .con-03-02 .dot-box ul li { width: 150px; background:url(../image/sub/layout_dot.png) no-repeat center top; padding-top: 30px; text-align: center; } 
.subLay .con-03-02 .dot-box ul li+li { margin-left: 25px; } 
.subLay .con-03-02 .dot-box ul li:nth-child(1) { } 
.subLay .con-03-02 .dot-box ul li:nth-child(2) { } 
.subLay .con-03-02 .dot-box ul li:nth-child(3) { } 
.subLay .con-03-02 .dot-box ul li:nth-child(4) { } 
.subLay .con-03-02 .dot-box ul li:nth-child(5) { } 
.subLay .con-03-02 .dot-box ul li:nth-child(6) { } 
.subLay .con-03-02 .dot-box ul li:last-child { } 
.subLay .con-03-02 .dot-box ul li .title { color: #fff; font-size: 24px; font-weight: bold; padding-bottom: 10px; } 
.subLay .con-03-02 .dot-box ul li p { color: #fff; font-size: 18px; } 


.subLay .con-03-03 { } 
.subLay .con-03-03 .tit{padding-bottom:40px;}
.subLay .con-03-03 .wrap { padding: 100px 0; } 
.subLay .con-03-03 table { border-top: 2px solid var(--mainColor); margin-top: 50px; width:100%; } 
.subLay .con-03-03 table tr { } 
.subLay .con-03-03 table tr td { border: 1px solid #ddd; } 
.subLay .con-03-03 table tr td.subject { width: 300px; height: 130px; font-size: 20px; font-weight: bold; background-color: #f6f6f6; text-align: left; border-left: 0; padding:0 50px; box-sizing:border-box;} 
.subLay .con-03-03 table tr td.text { font-size: 20px; text-align: justify; padding: 0 40px; border-right: 0; width:calc(100% - 300px) } 



.subLay .con-04-01 { } 
.subLay .con-04-01 .wrap {} 
.subLay .con-04-01 .tit {} 
.subLay .con-04-01 .txt {} 
.subLay .con-04-01 img{display:block; margin:50px auto 30px;}


.subLay .con-04-02 { background-color: #f6f6f6; } 
.subLay .con-04-02 .tit { padding-bottom: 60px; } 
.subLay .con-04-02 .wrap { padding: 100px 0; } 
.subLay .con-04-02 .txt { padding-top: 20px; } 
.subLay .con-04-02 ul { justify-content: center; margin-top: 50px; } 
.subLay .con-04-02 ul li {width:100%; box-sizing:border-box; padding:0 25px;} 
.subLay .con-04-02 ul li+li { border-left: 1px solid #ccc; box-sizing: border-box; } 
.subLay .con-04-02 ul li .color { display: block; font-size: 25px; color: var(--mainColor); font-weight: bold; padding-bottom: 15px; line-height: 1; text-align:center;} 
.subLay .con-04-02 ul li p { font-size: 20px; line-height: 1.4; text-align:center;} 



.subLay .con-04-04 {padding:100px 0;} 
.subLay .con-04-04 .tit { padding-bottom: 40px; } 
.subLay .con-04-04 .flex { align-items: center; } 
.subLay .con-04-04 .wrap {} 
.subLay .con-04-04 .list {padding-left: 40px; } 
.subLay .con-04-04 .list .tit { text-align: left; } 
.subLay .con-04-04 .list ul { } 
.subLay .con-04-04 .list ul li { background: url(../image/sub/layout_chk.png) no-repeat left center; } 
.subLay .con-04-04 .list ul li+li { margin-top: 20px; } 
.subLay .con-04-04 .list ul li span { display: block; padding-left: 35px; font-size: 20px; line-height: 1; } 

.subLay .con-04-04-1 {padding:100px 0;} 
.subLay .con-04-04-1 .wrap {} 
.subLay .con-04-04-1 .tit { padding-bottom: 40px; }
.subLay .con-04-04-1 .flex{align-items:flex-start;}
.subLay .con-04-04-1 .flex > img{width:460px; margin-right:40px;}
.subLay .con-04-04-1 .numlist {padding-left: 45px; box-sizing:border-box; flex:1; width:100%;} 
.subLay .con-04-04-1 .numlist h5{position:relative; font-size:25px; line-height:1;}
.subLay .con-04-04-1 .numlist h5 span{position:absolute; left:-40px; top:0; width:30px; height:30px; background:var(--mainColor); color:#fff; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; font-weight:bold; }
.subLay .con-04-04-1 .numlist p{margin:30px 0 20px; font-size:20px;}
.subLay .con-04-04-1 .numlist ul{}
.subLay .con-04-04-1 .numlist ul li{display:flex; align-items:center; width:100%; height:45px; border:1px solid #ccc; border-radius:100vw; box-sizing:Border-box; padding:0 25px;}
.subLay .con-04-04-1 .numlist ul li + li{margin-top:13px;}
.subLay .con-04-04-1 .numlist ul li span{position:relative; padding-left:13px; box-sizing:border-box; display:block; font-size:20px;}
.subLay .con-04-04-1 .numlist ul li span:before{content:"·"; display:block; font-size:20px; position:absolute; top:0; left:0; color:var(--subColor);}


.subLay .con-04-05 { } 
.subLay .con-04-05 .tit { padding-bottom: 60px; } 
.subLay .con-04-05 .wrap { padding: 100px 0; } 
.subLay .con-04-05 ul { flex-wrap: wrap; justify-content: space-between; } 
.subLay .con-04-05 ul li { width: 570px; position: relative; } 
.subLay .con-04-05 ul li .rel { } 
.subLay .con-04-05 ul li .rel .num { display: block; width: 140px; height: 40px; line-height: 40px; background-color: var(--mainColor); border-radius: 50px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: -20px; margin-left: -70px; } 
.subLay .con-04-05 ul li p { font-size: 20px; padding-top: 40px; text-align: center; } 



.subLay .con-05-03 { } 
.subLay .con-05-03 .wrap { padding: 100px 0; } 
.subLay .con-05-03 ul { margin-top: 60px; align-items: center; justify-content: space-between; } 
.subLay .con-05-03 ul li { width: 580px; } 
.subLay .con-05-03 ul li { } 
.subLay .con-05-03 ul li.text1 { padding-left: 40px; } 
.subLay .con-05-03 ul li.text2 { } 
.subLay .con-05-03 ul li span { display: block; font-size: 25px; font-weight: bold; padding-bottom: 15px; text-align:left;} 
.subLay .con-05-03 ul li p { font-size: 20px; text-align: justify; word-break: keep-all; } 



.subLay .con-06-01{margin:120px auto;}
.subLay .con-06-01 .content{display:flex; gap:12px; justify-content:space-between; margin:50px auto 0; width:100%;}
.subLay .con-06-01 .content > div{width:100%; text-align:center;}
.subLay .con-06-01 .content > div p{text-align:center; font-size:20px; padding-top:15px;}

.subLay .con-06-02{margin:120px auto;}
.subLay .con-06-02 .content{display:flex; margin:75px auto 0;}
.subLay .con-06-02 .content > div:nth-child(odd){width:460px;}
.subLay .con-06-02 .content > div:nth-child(even){flex:1}
.subLay .con-06-02 .content > div{text-align:center;}
.subLay .con-06-02 .content > div > div{width:100%; height:200px; display:flex; align-items:center; justify-content:center;}
.subLay .con-06-02 .content > div img{display:block;}
.subLay .con-06-02 .content > div:nth-child(odd) img{width:100%; height:100%;}
.subLay .con-06-02 .content > div p{margin-top:7px; width:100%; height:100px; justify-content:center; align-items:center; text-align:Center; display:flex; font-weight:bold; color:#fff; font-size:30px;}
.subLay .con-06-02 .content > div:nth-child(1) p{background:#023064}
.subLay .con-06-02 .content > div:nth-child(3) p{background:#888}

.subLay .con-06-02 .content > div table{width:100%;}
.subLay .con-06-02 .content > div table tr{}
.subLay .con-06-02 .content > div table tr td, .subLay .con-06-02 .content > div tr th{padding:50px 0; text-align:center; font-weight:bold; font-size:28px; letter-spacing:-1.2px;}
.subLay .con-06-02 .content > div:nth-child(odd) table{border:1px solid #ddd; border-top:none;}
.subLay .con-06-02 .content > div:nth-child(odd) table th{display:none;}
.subLay .con-06-02 .content > div:nth-child(3) table th, .subLay .con-06-02 .content > div:nth-child(3) table td{opacity:0.8}