@charset "utf-8";

.linkZone{position:relative; margin-bottom:10px;}
.linkZone a{position:absolute; width:24.2%; height:4.5%; display:block; font-size:0; background:rgba(0,0,0,0);}
.linkZone a.link1{top:52%; left:14%;}
.linkZone a.link2{top:52%; left:61.8%;}
.linkZone a.link3{top:86.6%; left:14%;}
.linkZone a.link4{top:86.6%; left:61.8%;}
.conWrap{font-size:0;}
.conWrap .listCon{text-align:center;}
.conWrap .listCon .num{font-weight: 400; color:#fff; background:#112f8b; font-size:5vw; width:40px; height:40px; line-height:40px; margin:0 auto;margin-bottom:20px; display:block;}
.conWrap .listCon .txt01{font-size:6vw; font-weight: 400; color:#112f8b;  letter-spacing:-1px;}
.conWrap .listCon .txt01 span{border-bottom:2px solid #112f8b; line-height:110%; display:inline-block; margin-bottom:5px;}
.conWrap .listCon .txt01 span.bold{font-weight: 600;}
.conWrap .listCon .txt02{font-size:4vw; font-weight: 400; line-height:120%; margin-top:20px; color:#112f8b;  letter-spacing: 0;}
.conWrap .listCon .txt02 span{font-weight: 600; line-height:110%;}
.conWrap .thumbCon{margin:0 7%; margin-top:20px;}
.section01{position:relative;}
.section01 .txt01{font-size:1.875rem; line-height:110%; font-weight: 400;  color:#fff;  position:absolute; bottom:15%; width:50%; left: 7%;}
.section01 .txt01 span{border-bottom:2px solid #fff; line-height:110%; display:inline-block; margin-bottom:5px;}
.section01 .txt01 span.bold{font-weight: 600;}
.section01 .txt02{font-size:4vw;  font-weight: 400; color:#fff; position:absolute; bottom:7%; left:7%;}
.section01 .txt02 span{font-weight: 700;}
.section01 .txt02 span.eng{font-weight: 500; font-size:5vw;}
.section01 .txt03{font-size:2vw; font-weight: 400; color:#e9e7e7; position:absolute; width:100%; text-align:center; bottom:2%;}
.section02 {padding:30px 0; background:#112f8b; text-align:center;}
.section02 .txt01{font-size:5vw;  font-weight: 400; color:#fff; line-height:130%;}
.section02 .txt01 span{font-weight: 700; line-height:110%;}
.section02 .txt02{font-size:4vw;  font-weight: 400; color:#fff; margin:17px 0; line-height:110%;}
.section02 .txt02 span{font-weight: 600; line-height:110%;}
.section02 .img01{width:14%; margin:0 auto;}
.section03 {padding:30px 0; background:#f2f2f2; text-align:center;}
.video{width:86%; margin:0 auto; background:#112f8b;}
.video div{position:relative;}
.video iframe{position:absolute; width:98%; height:98%; top:1%; left:1%;}
.video p{font-size:14px; color:#fff; font-weight: 400; text-align:center; line-height:30px; }
.video p i{width:16px; height:16px; line-height:16px; vertical-align:middle; font-size:12px; margin-top:-4px; background:#fff; border-radius:16px; color:#112f8b;}
.section04 {padding:30px 0; background:#dfe7ff; text-align:center;}
.section04 .conWrap .listCon .txt01 span.bold{margin:0; border:0;}
.section04 .descCon{margin:0 7%; margin-top:20px; background:#112f8b;}
.section04 .descCon .txt01{padding:10px 0; font-size:4vw; color:#00feff; font-weight: 500;  letter-spacing: 0;}
.section04 .descCon .caution {padding:5% 10%;}
.section04 .descCon .caution .icon{width:15.625%; margin:0 auto 10px;}
.section04 .descCon .caution ul{text-align:left;}
.section04 .descCon .caution .listwrap ul li{padding-left:30px; font-size:14px; background:url("/m/img/body/hipup/705_section03_q.jpg") no-repeat 0 50%; background-size:25px;  font-weight: 400; color:#fff; margin-bottom:10px; line-height:120%; min-height:25px; line-height:20px;  letter-spacing: 0;}
.section04 .descCon .caution .listwrap ul li span{font-weight: 700; line-height:130%;}
.section04 .descCon .caution .listwrap ul li:last-child{margin:0; background:url("/m/img/body/hipup/705_section03_a.jpg") no-repeat 0 0;  background-size:25px;}
.section05 {padding:30px 0; background:#f2f2f2; text-align:center;}
.section05 .conWrap .listCon .txt01 span.bold{margin:0; border:0;}
.section06 {padding:30px 0 0; background:#dfe7ff; text-align:center;}
.section06 .conWrap .listCon .txt01 span.bold{margin:0; border:0; }
.section06 img{margin-top:20px;}
.section07 {padding:30px 0 0; background:#f2f2f2; text-align:center;}
.section07 .conWrap .listCon .txt01 span.bold{margin:0; border:0;}
.section07 img{margin-top:20px;}
.section07 .conWrap .listCon .txt02 span.red{color:#f43461;}
.section08{position:relative;}
.section08 .txt01{font-size:7vw; line-height:120%; font-weight: 400;  color:#fff;  position:absolute; bottom:12%; width:50%; left: 7%;}
.section08 .txt01 span{border-bottom:2px solid #fff; line-height:120%; display:inline-block; margin-bottom:5px;}
.section08 .txt01 span.bold{font-weight: 600;}
@media (min-width: 640px){
	.section01 .txt01{font-size:40px;}
	.section01 .txt02, .section02 .txt02, .conWrap .listCon .txt02, .section04 .descCon .txt01{font-size:18px;}
	.section01 .txt02 span.eng, .section02 .txt01{font-size:18px;}
	.conWrap .listCon .num{font-size:21px;}
	.section01 .txt03{font-size:12px;}
	.conWrap .listCon .txt01, .section08 .txt01{font-size:32px;}
	.video p{font-size:14px;}
}