@charset "utf-8";

@font-face {
    font-family: 'S-CoreDream';
    src: url('./fonts/S-CoreDream-4Regular.eot');
    src: url('./fonts/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/S-CoreDream-4Regular.woff2') format('woff2'),
        url('./fonts/S-CoreDream-4Regular.woff') format('woff'),
        url('./fonts/S-CoreDream-4Regular.ttf') format('truetype'),
        url('./fonts/S-CoreDream-4Regular.svg#S-CoreDream-4Regular') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('./fonts/S-CoreDream-6Bold.eot');
    src: url('./fonts/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/S-CoreDream-6Bold.woff2') format('woff2'),
        url('./fonts/S-CoreDream-6Bold.woff') format('woff'),
        url('./fonts/S-CoreDream-6Bold.ttf') format('truetype'),
        url('./fonts/S-CoreDream-6Bold.svg#S-CoreDream-6Bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('./fonts/S-CoreDream-7ExtraBold.eot');
    src: url('./fonts/S-CoreDream-7ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('./fonts/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('./fonts/S-CoreDream-7ExtraBold.ttf') format('truetype'),
        url('./fonts/S-CoreDream-7ExtraBold.svg#S-CoreDream-7ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* **** Common Reset **** */
*{word-break:break-all;word-wrap:break-word;}
html, body, div, dl, dt, dd, ul, ol, li, p, h1,h2,h3,h4,h5,a,input,select,textarea {margin: 0px;padding: 0px; font-family: 'S-CoreDream';font-weight: 200; list-style: none; word-break: keep-all;font-size: 17px;line-height: 27px;color:#000000;letter-spacing:-1px;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; border: 0;}
a{text-decoration: none;vertical-align: middle;color: #555555;transition:all 0.1s ease-in-out;}
img{border: 0; vertical-align: middle; margin:0; padding: 0; border: 0;max-width: 100%;}
table {border-collapse: collapse; width: 100%;}
caption{width: 0; height: 0; font-size: 0; overflow: hidden;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}


/**/
.wrap{position:relative;}
.div-logo{height: 75px;z-index: 2;text-align: center;}
.div-logo a.logo{display:inline-block;position: absolute;top: 23px;left: 20px;}
.wrap{width:100%;overflow: hidden;}
.wrap > div{position:relative;}
.pc-i{display:block;}
.mob-i{display:none;}

img.pc-i, img.mob-i {width:100%;}


#fixed-btn{position:fixed;right: 0;top: calc(50% - 220px);z-index: 9999;box-shadow: -4px 3px 29px rgb(0 0 0 / 14%);}

.TwoBox .LBox{float:left;width:50%;}
.TwoBox .RBox{float:left;width:50%;}

/*G1*/
.G1{text-align: center;}
.G1 .tit{font-size: 2.4vw;line-height: 2.4vw;font-weight: bold;display: inline-block;position: relative;margin-top: 9%;margin-bottom: 5%;position:relative;padding: 0 0.6%;}
.G1 .tit:after{content:'';position:absolute;left:0;bottom: -9%;width:100%;height: 58%;background:#f5ce1f;z-index:-1;}
.G1 .Vbox{}
.G1 .Vbox .Bs{display: inline-block;vertical-align: top;padding-top: 13%;margin: 0 6%;position:relative;}
.G1 .Vbox .Bs:after{content:'';position:absolute;right:-50%;top:0;background: url(./images/dot_bg.png) repeat left top;width:1px;height:100%;}
.G1 .Vbox .Bs:last-child:after{background:none;}

.G1 .Vbox .Bs.bg1{background: url(./images/box02_G1.jpg) no-repeat center top;background-size: 79% auto;}
.G1 .Vbox .Bs.bg2{background: url(./images/box02_G2.jpg) no-repeat center top;background-size: 79% auto;}
.G1 .Vbox .Bs.bg3{background: url(./images/box02_G3.jpg) no-repeat center top;background-size: 80% auto;}
.G1 .Vbox .Bs u{position:relative;text-decoration: none;font-size: 1.6vw;line-height: 1.6vw;font-weight: 600;margin-bottom: 7%;margin-top: 4%;display: inline-block;}
.G1 .Vbox .Bs u:after{content:;position:absolute;left:0;bottom:0;}
.G1 .Vbox .Bs p{font-size: 1.2vw;line-height: 1.2vw;font-weight: 200;}
.G1 .Vbox .Bs p span {font-size: 2.1vw;line-height: 2.1vw;font-weight: 600;color:#cc2d0f;}
.G1 .unText{font-size: 0.9vw;line-height: 0.9vw;margin-top: 6%;color:#666666;}
.TwoBox .LBox img {width:100%;}
.TwoBox .RBox img {width:100%;}
/*G1*/

/*G2*/
.G2{text-align: center;}
.G2 .tit{font-size: 2.4vw;line-height: 2.4vw;font-weight: bold;display: inline-block;position: relative;margin-top: 9%;margin-bottom: 5%;position:relative;padding: 0 0.6%;}
.G2 .tit:after{content:'';position:absolute;left:0;bottom: -9%;width:100%;height: 58%;background:#f5ce1f;z-index:-1;}
.G2 .list{text-align: left;margin-left: 8%;margin-bottom: 3%;}
.G2 .list p{display:inline-block;vertical-align: top;color: #0958a7;font-weight: bold;padding-left: 5%;margin-right: 2%;margin-top: 0.5%;background: url(./images/list_bg.jpg) no-repeat left top;background-size: 20% auto;font-size: 1.6vw;line-height: 1.6vw;}
.G2 .list span{display:inline-block;vertical-align: top;font-weight: 600;font-size: 1.1vw;line-height: 1.5vw;}
.G2 .unText{font-size: 0.9vw;line-height: 0.9vw;margin-top: -1%;margin-bottom: 3%;color:#666666;}
/*G2*/

/*G3*/
.G3{text-align: center;}
.G3 .tit{font-size: 2.4vw;line-height: 2.4vw;font-weight: bold;display: inline-block;position: relative;margin-top: 5%;margin-bottom: 1.5%;position:relative;padding: 0 0.6%;}
.G3 .tit:after{content:'';position:absolute;left:0;bottom: -9%;width:100%;height: 58%;background:#f5ce1f;z-index:-1;}
.G3 .unText{font-size: 0.9vw;line-height: 0.9vw;margin-bottom: 2.5%;color:#666666;}
.G3 .Vbox{width: 47%;margin: 0 auto;background: #f7f7f7;padding: 1.5% 0;}
.G3 .Vbox .Bs{display: inline-block;vertical-align: top;padding-top: 13%;margin: 0 6%;position:relative;width: 31%;}
.G3 .Vbox .Bs:after{content:'';position:absolute;right: -27%;top:0;background: url(./images/dot_bg.png) repeat left top;width:1px;height:100%;}
.G3 .Vbox .Bs:last-child:after{background:none;}
.G3 .Vbox .Bs.bg1{background: url(./images/box05_G1.jpg) no-repeat center top;background-size: 50% auto;}
.G3 .Vbox .Bs.bg2{background: url(./images/box05_G2.jpg) no-repeat center top;background-size: 50% auto;}
.G3 .Vbox .Bs.bg3{background: url(./images/box02_G3.jpg) no-repeat center top;background-size: 79% auto;}
.G3 .Vbox .Bs u{position:relative;text-decoration: none;font-size: 1.6vw;line-height: 1.6vw;font-weight: 600;margin-bottom: 3%;margin-top: 5%;display: inline-block;}
.G3 .Vbox .Bs u:after{content:;position:absolute;left:0;bottom:0;}
.G3 .Vbox .Bs p{font-size: 1.2vw;line-height: 1.2vw;font-weight: 200;}
.G3 .Vbox .Bs p span {font-size: 2.1vw;line-height: 2.1vw;font-weight: 600;color:#cc2d0f;}
.G3 .Vbox .Bs i {font-size: 0.8vw;line-height: 0.8vw;margin-top: 3%;color: #666666;display: inline-block;font-style: normal;}
/*G3*/

/*con06*/
.con06{text-align: center;}
.con06 .tit{font-weight: bold;font-size: 2.2vw;line-height: 2.2vw;margin-top: 5%;margin-bottom: 3%;}
.tab-box-cont{display: none;}
.tab-box-out{position: relative;}
.tab-box{width: 58%;margin: 0 auto;margin-bottom: 1%;padding-bottom: 28%;}
.tab-box ul li {float: left;width: 50%;}
.tab-box ul li a{display:inline-block;border: 1px solid #dddddd;border-bottom: 1px solid #222222;width: calc(100% - 2px);color: #888888;background: #ffffff;font-weight: 600;z-index: -1;font-size: 1.2vw;line-height: 1.2vw;padding: 3.2% 0;}
.tab-box ul li a.on{display: inline-block;border: 1px solid #222222;border-bottom: 1px solid #f7f7f7;color: #000000;background: #f7f7f7;z-index: 2;}
.tab-box-cont{width: 52%;margin: 0 auto;text-align: left;border: 1px solid #dddddd;padding: 2.5% 3%;height: 70%;overflow: auto;position: absolute;bottom: 0;left: 0;right: 0;}
.unB-Txt p{margin: 1.4% 0 5.4% 0;display: inline-block;font-size: 1.1vw;line-height: 1.9vw;color: #555555;}
.listN li {display:inline-block;font-size: 1.1vw;line-height: 1.1vw;color: #555555;margin: 1.5% 1.2%;}
/*con06*/



.footer{background: #eeeeee;text-align: center;}
.footer p {font-size: 0.9vw;line-height: 0.9vw;color: #666666;padding: 5.5% 0;display: inline-block;}


/*==========1920===========*/
@media screen and (max-width:1920px) {
	.div-logo{width:100%;}
	.mo-bg{width: 100%;}
}


/*==========1400===========*/
@media screen and (max-width:1400px) {
	.G3 .Vbox{width: 70%;}
	.tab-box{width: 70%;}
	.tab-box-cont{width: 64%;}

}

/*==========1024===========*/
@media screen and (max-width:1024px) {
	.G3 .Vbox{width: 90%;}
	.tab-box{width: 90%;padding-bottom: 32%;}
	.tab-box-cont{width: 84%;}

}



/*==========768===========*/
@media screen and (max-width:768px) {
	.wrap{width: 100%;}
	.div-logo a.logo{top: 23px;left: 20px;}
	.pc-i{display:none;}
	.mob-i{display:block;}

	.TwoBox .LBox{float:none;width:100%;}
	.TwoBox .RBox{float:none;width:100%;}
	.G1 .tit{font-size: 46px;line-height: 50px;margin-top: 70px;margin-bottom: 50px;}
	.G1 .Vbox .Bs{padding-top: 115px;margin: 0 10px;width: 140px;}
	.G1 .Vbox .Bs u{font-size: 28px;line-height: 33px;}
	.G1 .Vbox .Bs p{font-size: 22px;line-height: 33px;}
	.G1 .Vbox .Bs p span{font-size: 33px;line-height: 36px;}
	.G1 .Vbox .Bs.bg1{background-size: 100px auto;}
	.G1 .Vbox .Bs.bg2{background-size: 100px auto;}
	.G1 .Vbox .Bs.bg3{background-size: 100px auto;}
	.G1 .Vbox .Bs:after{right: -17px;}
	.G1 .unText{margin-top: 50px;margin-bottom: 50px;font-size: 15px;line-height: 21px;}
	.G2 .tit{font-size: 46px;line-height: 50px;margin-top: 48px;margin-bottom: 46px;}
	.G2 .unText{margin-top: -19px;margin-bottom: 33px;font-size: 15px;line-height: 21px;}
	.G2 .list{margin-left: 15px;margin-bottom: 20px;}
	.G2 .list p{background: url(./images/list_bg.jpg) no-repeat left top;background-size: 26px auto;font-size: 24px;line-height: 26px;padding-left: 34px;margin-right: 14px;margin-top: 0px;}
	.G2 .list span{font-size: 18px;line-height: 31px;width: calc(100% - 155px);}
	.con04{margin-top: 70px;}
	.G3 .tit{font-size: 39px;line-height: 47px;margin-top: 90px;margin-bottom: 0;}
	.G3 .Vbox{padding: 20px 0;}
	.G3 .Vbox .Bs{padding-top: 95px;margin: 0 10px;width: 42%;}
	.G3 .Vbox .Bs u{font-size: 28px;line-height: 33px;}
	.G3 .Vbox .Bs p{font-size: 22px;line-height: 33px;}
	.G3 .Vbox .Bs p span{font-size: 33px;line-height: 36px;}
	.G3 .Vbox .Bs.bg1{background-size: 100px auto;}
	.G3 .Vbox .Bs.bg2{background-size: 100px auto;}
	.G3 .Vbox .Bs.bg3{background-size: 100px auto;}
	.G3 .Vbox .Bs:after{right: -17px;height: 114%;}
	.G3 .unText{margin-top: 28px;margin-bottom: 45px;font-size: 15px;line-height: 21px;}
	.con06 .tit{font-size: 39px;line-height: 50px;margin-top: 95px;margin-bottom: 45px;}
	.tab-box ul li a{font-size: 23px;line-height: 26px;padding: 18px 0;}
	.tab-box-cont{position: static;padding: 20px 20px;height:300px;overflow:auto;}
	.tab-box{padding-bottom: 15px;}
	.listN li{font-size: 15px;line-height: 21px;margin: 8px 10px;}
	.unB-Txt p{font-size: 21px;line-height: 37px;margin: 45px 20px 80px 20px;}
	.unB-Txt p br{display:none;}
	.footer p{font-size: 17px;line-height: 24px;padding: 100px 0;}
	.G3 .Vbox .Bs i{font-size: 15px;line-height: 20px;margin-top: 5px;}
}


/*==========500===========*/
@media screen and (max-width:500px) {

	.G1 .tit {font-size: 34px;line-height: 39px;}
	.G1 .Vbox .Bs{width:calc(100% - 20px);padding-top: 100px;margin-bottom: 40px;}
	.G1 .Vbox .Bs:after{display:none;}
	.G1 .Vbox .Bs u{margin-bottom: 10px;margin-top: 10px;}
	.G2 .list span{width: 100%;margin-top: 10px;}
	.G2 .list {margin-bottom: 30px;}
	.G2 .tit {font-size: 34px;line-height: 39px;}
	.G3 .tit{font-size: 29px;line-height: 37px;}
	.G3 .Vbox .Bs:after{display:none;}
	.G3 .Vbox .Bs{width:calc(100% - 20px);margin-bottom:40px;}
	.con06 .tit {font-size: 31px;line-height: 43px;}
	.tab-box ul li{float:none;width:100%;}
	.tab-box ul li a{border:1px solid #dddddd;font-size: 20px;line-height: 23px;}
	.tab-box ul li a.on{border:1px solid #000000;}
	.unB-Txt p{font-size: 18px;line-height: 31px;}
	.G1 .Vbox .Bs u{font-size: 25px;line-height: 30px;margin-bottom: 5px;margin-top: 5px;}
	.G1 .Vbox .Bs p span{font-size: 25px;line-height: 30px;}
	.G3 .Vbox .Bs u{font-size: 25px;line-height: 30px;margin-bottom: 5px;margin-top: 5px;}
	.G3 .Vbox .Bs p span{font-size: 25px;line-height: 30px;}
	.G1 .Vbox .Bs:last-child{margin-bottom:0;}
	.G3 .Vbox .Bs:last-child{margin-bottom:0;}
	.G3 .Vbox {padding: 50px 0;}

}


/*==========360===========*/
@media screen and (max-width:360px) {
	.wrap{width: 360px;}
}