@charset "utf-8";

body {}
.c-tension {color: #112f8b;}

.subCon > div > div {width: auto; position: relative; left: auto; margin-left: auto; text-align: center; z-index: 1;}
.subCon{width:100%; min-width:1200px; position:relative;}
.subCon > div {position:relative;}

.centerImage {max-width:1920px!important; position:relative; left:50%; margin-left:-960px!important; line-height:0; font-size:0;}

.linkZone{position:relative;}
.linkZone a{position:absolute; top:618px; width:155px; height:50px; font-size:0; display:block; background:rgba(0,0,0,0); }
.linkZone a.link1{left:50%; margin-left:-530px;}
.linkZone a.link2{left:50%; margin-left:-229px;}
.linkZone a.link3{right:50%; margin-right:-229px;}
.linkZone a.link4{right:50%; margin-right:-530px;}

.conWrap{font-size:0;}
.conWrap div{display:inline-block; vertical-align:middle;}
.conWrap .listCon{text-align:left; margin-left:100px;}
.conWrap .listCon.alignL{margin-left:0;}
.conWrap .listCon .num{ font-weight: 300; color:#fff; background:#112f8b; font-size:32px; width:60px; height:60px; line-height:60px; text-align:center; margin-bottom:30px;}
.conWrap .listCon .txt01{font-size:48px;  font-weight: 300; color:#112f8b; text-align:left; letter-spacing:-2px;}
.conWrap .listCon .txt01 span{border-bottom:2px solid #112f8b; line-height:120%; display:inline-block; margin-bottom:10px;}
.conWrap .listCon .txt01 span.bold{ font-weight: 600;}
.conWrap .listCon .txt02{font-size:22px;  font-weight: 300; line-height:120%; margin-top:30px; color:#112f8b; text-align:left;  letter-spacing:-1px;}
.conWrap .listCon .txt02 span{ font-weight: 600;}

.section01 .wrapper{position:absolute; width:1200px; top:0; left:50%; height:100%; margin-left:-600px;}
.section01 .txt01{font-size:102px;  font-weight: 300; color:#fff; width:500px; text-align:left; position:absolute; left:0; top:175px; }
.section01 .txt01 span{border-bottom:2px solid #fff; line-height:120%; display:inline-block; margin-bottom:10px;}
.section01 .txt01 span.bold{ font-weight: 600;}
.section01 .txt02{font-size:34px;  font-weight: 300; color:#fff;  text-align:left; position:absolute; top:600px; left:0;}
.section01 .txt02 span{ font-weight: 600;}
.section01 .txt02 span.eng{ font-weight: 500; font-size:56px;}
.section01 .txt03{font-size:16px;  font-weight: 400; color:#fff; position:absolute; bottom:40px; left:0; text-align:left; opacity:0.5; line-height:120%;}
.section01 .txt03 span{ font-weight: 900;}

.section02{background:#112f8b; padding:30px 0; height:200px;}
.section02 .txt01{font-size:48px;  font-weight: 300; color:#fff;}
.section02 .txt01 span{ font-weight: 600;}
.section02 .txt02{font-size:30px; margin:20px 0; line-height:120%;  font-weight: 300; color:#fff;}
.section02 .txt02 span{ font-weight: 600;}

.section03{padding:30px 0; background:#f2f2f2; }
.section03 .wrapper{position:relative; width:1200px; top:0; left:50%; margin-left:-600px; text-align:left;}
.section03 .video{border:2px solid #112f8b;}
.section03 .video p{background:#112f8b; top:10px; font-size:18px; color:#fff;  font-weight: 400; height:40px; line-height:40px; text-align:center;}
.section03 .video p i{width:20px; height:20px; line-height:20px; background:#fff; color:#112f8b; font-size:16px; border-radius:20px;}
.section03 .conWrap .listCon .num{margin-bottom:5px;}
.section03 .conWrap .listCon .txt02{margin-top: 0;}
.section03 .img01{margin-top: 0;}
.section03 .img01 img{margin-left:-85px;}

.section04{padding:30px 0; background:#dfe7ff; height:1250px;}
.section04 .wrapper{position:relative; width:1200px; top:0; left:50%; height:150%; margin-left:-600px; text-align:left;}
.section04 .conWrap{padding-bottom:30px;}
.section04 .conWrap .listCon .txt01 span.bold{margin:0; border:0;}
.section04 .conWrap .thumbCon{margin-left:-20px;}
.section04 .descCon{background:#193487; text-align:center;}
.section04 .descCon .txt01{font-weight: 500; font-size:26px; color:#00feff; height:70px; line-height:70px;}
.section04 .descCon .caution{text-align:left; padding:60px 100px;}
.section04 .descCon .caution div{display:inline-block; vertical-align:middle;}
.section04 .descCon .caution .listwrap ul{margin-left:100px;}
.section04 .descCon .caution .listwrap ul li{padding-left:60px; font-size:22px; background:url("/img/body/hipup/section03_q.jpg") no-repeat 0 0;  font-weight: 300; color:#fff; margin-bottom:10px; line-height:150%; min-height:40px; line-height:40px;}
.section04 .descCon .caution .listwrap ul li:last-child{margin:0; background:url("/img/body/hipup/section03_a.jpg") no-repeat 0 0;}
.section04 .descCon .caution .listwrap ul li span{ font-weight: 600;}

.section05{padding:30px 0; background:#f2f2f2; height:400px;}
.section05 .wrapper{position:relative; width:1200px; top:0%; left:50%; height:45%; margin-left:-600px; text-align:left;}
.section05 .conWrap .listCon .txt01 span.bold{margin:0; border:0;}
.section06{background:#dfe7ff; height:750px;}
.section06 .wrapper{position:relative; width:1200px; top:0; left:50%; height:84.5%; margin-left:-600px; text-align:left;}
.section06 .conWrap .listCon{margin-right:100px;}
.section06 .conWrap .listCon .txt01 span.bold{margin:0; border:0;}

.section07{background:#f2f2f2; height:670px}
.section07 .wrapper{position:relative; width:1200px; top:0; left:50%; height:75.4%; margin-left:-600px; text-align:left;}
.section07 .conWrap .listCon{margin-left:50px;}
.section07 .conWrap .listCon .txt01 span.bold{margin:0; border:0;}
.section07 .conWrap .listCon .txt02 span.red{color:#f43461;}

.section08 .wrapper{position:absolute; width:1200px; top:0; left:50%; height:50%; margin-left:-600px;}
.section08 .txt01{font-size:80px;  font-weight: 300; margin-left:120px; color:#fff; max-width:360px; text-align:left; position:absolute; left:0; top:250px; }
.section08 .txt01 span{border-bottom:2px solid #fff; line-height:120%; display:inline-block; margin-bottom:10px;}
.section08 .txt01 span.bold{ font-weight: 600;}
.hipup .section01, .hipup .section08 {background:#6786f2;}
.hipup .linkZone {background:#112f8b}