@charset "utf-8";
/* CSS Document */




/****活動用****/
.blackbarnew{
    top:0;
	left:0;
	width:100%;
	height:30px;
    padding:0 10px;
	background-color:#000;
	position: fixed;
	z-index:999;
	overflow: hidden;}

.yeslogo{font-size: 12px; color: #fff; line-height: 30px; letter-spacing: 2px; float: left;}

.yeslogo i{margin-right: 8px; float: left;}

.yeslogo i img{width: 10px; margin-top: 10px;}

.yesgogo{font-size: 12px; color: #fff; line-height: 30px; letter-spacing: 2px; float: right;}

.yesyes{font-size: 15px; color: #fff; font-weight: bold; line-height: 30px; letter-spacing: 1px; margin-right: 4px;}

.topbanner{
    width: 100%;
    margin-top: 30px;
    background-image: url("../img/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color:#D00003;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.topbanner img {
    max-width: 950px;
    margin-bottom: -3px;
}

.bg{
    background-color:#fff0d5;/*#ff9b9b;*/
    /*background-image: url("../img/bg.png");*/
    background-size:800px;
    width: 100%;}
@media screen and (max-width: 980px)
{
.bg {
    background-image: url(../img/bg.png);
    background-size: 800px;
    width: 100%;
}
}
@media screen and (max-width: 736px)
{
.bg {
    background-image: url(../img/bg.png);
    background-size: 800px;
    width: 100%;
}
}

.page{max-width: 950px; margin: 0 auto -3px; text-align: center;padding: 40px 16px 60px;}
@media screen and (max-width: 980px)
{
.topbanner img{width: 100%;}
}

@media screen and (max-width: 736px)
{
.topbanner img{width: 100%;}
.page{padding: 40px 16px 40px;}  
}
@media screen and (max-width: 320px)
{
    .page{padding: 30px 16px 40px;}  
}

.abc{
    width:100%; 
    margin-bottom: 40px;
    position: relative;
    margin-top: 0px;
}


@media screen and (max-width: 736px)
{
    .abc{
    margin-bottom: 40px;    padding:0 15px;
}   
}
@media screen and (max-width: 480px)
{
    .abc{
    margin-bottom: 40px;    padding:0 14px;
}   
}

@media screen and (max-width: 320px)
{
    .abc{padding:0px;
}   
}

.abc ul{ overflow: hidden;}

.abc li{
    width:210px;
    border: 0px solid #24aaa7;
    transition: all .3s;
    float: left;
    border-radius: 8px;
    text-align: center;
    margin-right: 25px;
}
.abc li:nth-child(4){margin-right: 0px;}


@media screen and (max-width: 980px) {
    .abc li{
    margin-right: 10px;
    width: 175px;
}
    
}

.abc li:nth-child(4){ margin-right: 0px;   } 

.abc_icon{/*background-color:#ff6a6a;margin: 10px;border: 1px solid #24aaa7;border-radius: 6px;*/width:210px;    margin: 0 auto;}

.abc_icon_img {
    margin: 0 auto;    
    position: relative;
    overflow: hidden;
    width: 210px;
    color: #fff;
    text-align: left;
    font-size: 16px;
    background-color:#ff3939;
}

.abc_icon_img * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.abc_icon_img img{
    vertical-align: top;
    max-width: 100%;
    backface-visibility: hidden;}

.abc_icon_img figcaption{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    box-shadow: none;
    padding: 45px 20px;
    background-image:url("../img/frame.png");
    background-size: cover;
    text-align: center;
}

@media screen and (max-width: 736px) {
.abc_icon_img figcaption{
display: none;
}
}

@media screen and (max-width: 980px)
{
.abc_icon_img figcaption{display: none;    }
}

.abc_icon_img h2{font-size:20px;color:#FFffff;line-height: 22px;margin-bottom: 8px;/*font-weight: bold;*/}
.abc_icon_img p{font-size:20px;/*background-color:  #FFCE00;border-radius: 4px;*/color:#FFCE00;display: inline-block;font-weight: bold; }

.abc_icon_img p:hover{color:#FFED00; /*transform: scale(2); */}

.abc_icon_img:hover > img,
.abc_icon_img.hover03 > img {
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}

.abc_icon_img:hover figcaption,
.abc_icon_img.hover03 figcaption {
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
}


@media screen and (max-width: 980px) {
.abc_icon{width: 100%;}
.abc_icon_img {width: 175px;;margin: 0 auto;}
.abc_icon_img img{width: 100%;}

}



@media screen and (max-width: 736px) {
.abc_icon{width: 160px;}
.abc_icon_img {width: 160px;padding-top: 0px;}
.abc_icon_img img{width: 100%;}
    

@media screen and (max-width: 375px) {
    .abc_icon_img {width: 140px;padding-top: 0px;}
}

@media screen and (max-width: 320px) {
    .abc_icon_img {width: 120px;padding-top: 0px;}
} 
    
.abc_icon_img:hover > img,
.abc_icon_img.hover03 > img {
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
}

.abc_icon_img:hover figcaption,
.abc_icon_img.hover03 figcaption {
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
}    
    
}



@media screen and (max-width: 980px) {
.abc_icon_img:hover > img,
.abc_icon_img.hover03 > img {
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
}

.abc_icon_img:hover figcaption,
.abc_icon_img.hover03 figcaption {
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
}    
    
}

.abc_icon_p h1{    
    font-size: 22px;
    color:#d40006;
    line-height: 28px;
    padding: 5px 0 0 0;
    text-align: center;
    letter-spacing: 1px;
    text-indent: 1px;
    font-weight: bold;
}

/*.abc_icon_p h1:hover{ color: #ff6a00;}

.abc_icon:hover .abc_icon_p{color: #ff6a00;}*/

.abc_icon_p p {
    font-size: 16px;
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 1;
    color: #d40006;
}

.abc_icon_p a {
    color: #d40006;
}


@media screen and (max-width: 736px) {
    
        .abc li{
    width: 165px;
    margin-bottom: 0px;
    padding:0;}
    
    .abc li:nth-child(1){margin-right: 20px;margin-bottom: 10px;}
    .abc li:nth-child(2){margin-right: 0px;margin-bottom: 10px;}
    .abc li:nth-child(3){margin-right: 20px;}
    .abc li:nth-child(4){margin-right: 0px;}
    
    .abc_icon{margin: 0px;    float: left;}
}

@media screen and (max-width: 375px) {
    
        .abc li{
    width: 140px;
    margin-bottom: 0px;
    padding:0;}
    
        .abc li:nth-child(1){margin-right: 20px;margin-bottom: 10px;}
    .abc li:nth-child(2){margin-right: 0px;margin-bottom: 10px;}
    .abc li:nth-child(3){margin-right: 20px;}
    .abc li:nth-child(4){margin-right: 0px;}
    
}


@media screen and (max-width: 320px) {
    
        .abc li{
    width: 120px;
    margin-bottom: 0px;
    padding:0;}
    
        .abc li:nth-child(1){margin-right: 20px;margin-bottom: 10px;}
    .abc li:nth-child(2){margin-right: 0px;margin-bottom: 10px;}
    .abc li:nth-child(3){margin-right: 20px;}
    .abc li:nth-child(4){margin-right: 0px;}
    
}



/*part01*/

.part01title{
    width: 100%;
    height: 65px;
    line-height: 1.5;
    color: #000000;
   /* background-color: #0fb3b9;*/
    text-align: center;
    margin: 14px 0 25px 0;
   /* border-radius: 10px 10px 0 0;*/
    padding: 5px;

}



@media screen and (max-width: 736px) {
    .part01title{
    width: 100%;
    line-height: 1.5;
    color: #000000;
   /* background-color: #0fb3b9;*/
    text-align: center;
    margin: 14px 0 25px 0;
    border-radius: 10px 10px 0 0;
    padding: 5px;
}
    .part02title{
    width: 100%;
    line-height: 1.5;
    color: #000000;
   /* background-color: #0fb3b9;*/
    text-align: center;
    margin-top: 14px;
    border-radius: 10px 10px 0 0;
    padding: 5px;
}

}


.part01title h1{font-weight: bold;font-size: 28px;line-height: 60px;  display: inline-block;background-image:url("../img/s2.png") ;background-repeat:repeat-x;color: #FFFFFF;}

@media screen and (max-width: 320px) {
    .part01title h1{font-size: 24px;}
}


.part01title h1:before {    
content: "";
    width: 30px;
    height: 84px;
    float: left;
    background-image: url(../img/s1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: -14px 10px 0px -10px;
}
.part01title h1:after {    
content: "";
    width: 30px;
    height: 84px;
    float: right;
    background-image: url(../img/s1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: -14px -10px 0px 10px;
}


.part01title p{font-size:18px;color: #373737;    float: left;}


.part01content{
    width: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
    }

.part01abc{background-color: #FFFFFF;margin-bottom: 40px;box-shadow: 0px 0px 5px rgb(236, 219, 189);overflow: hidden;max-width: 950px;}
.part01abc h3{font-size:22px;font-weight: bold;text-align: left;/*background-color: #00858a;color: #FFFFFF;border-radius: 6px;width: 100%;*/}

.part01img{float: left;margin: 10px 80px;}

.button01{background-color:#FF6769;
    border-radius: 6px;
    position: absolute;
    color:#FFFFFF;
    padding: 5px 20px;
    font-size: 22px;
    right: 0; bottom: 0;
    line-height: 1.5; 
    float: left;}

.button01:hover{background-color:#FF393B;}

.button01 a{color:#FFFFFF;}

@media screen and (max-width: 980px) {
    .part01img{ margin: 10px 15px;}    
}

@media screen and (max-width: 736px){
.part01img{display:none;}   
.part01p {float: left;padding:10px 20px 0 20px;width: 100%;}

}

.part01p {float: left;padding:20px 20px 50px 20px;}
.part01p ul{overflow: hidden;float: left;}
.part01p  h4{font-size: 22px;font-weight: bold;padding: 10px 10px 5px 20px;}

.part01p li{
    margin-bottom: 15px; 
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    position: relative;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    /* padding: 6px 15px 10px; */
}
.part01p li:nth-child(1){
    border-left: 4px solid #ff0000;
}
.part01p li:nth-child(2){
    border-left: 4px solid #FF6700;
}
.part01p li:nth-child(3){
    border-left: 4px solid #FFBE00;
}
.part01p li:nth-child(4){
    border-left: 4px solid #00A665;
}
.part01p li:nth-child(5){
    border-left: 4px solid #004CD3;
}
.part01p li:nth-child(6){
        border-top: 0px solid #aaa;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #aaa;
    background-color: #FF7476;
    border-radius: 6px;
    padding: 10px 20px;
    width: 130px;
    font-size: 22px;
}

.part01p p{font-size: 18px;padding: 0px 10px 10px 20px;}


@media screen and (max-width: 736px){
.part01p p {
    font-size: 15px;
 }

}
/*part02*/
.part02title{
width: 100%;
    height: 65px;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    margin: 14px 0 25px 0;
    padding: 5px;
}

.part02title h1{font-weight: bold;
    font-size: 28px;
    line-height: 60px;
     background-image: url(../img/s2.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    display: inline-block;
}
.part02title h1:before {
    content: "";
    width: 30px;
    height: 84px;
    float: left;
    background-image: url(../img/s1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: -14px 10px 0px -10px;
}
.part02title h1:after {
    content: "";
    width: 30px;
    height: 84px;
    float: right;
    background-image: url(../img/s1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: -14px -10px 0px 10px;
}



.part02abc {margin-bottom: 40px; overflow: hidden;}

.content{width:100%;}
.content ul{overflow: hidden;float: left;width: 100%;}
.content li{/*margin-bottom: 8px;*/overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.content li:nth-child(1){color: #0080c2;width: 70%;font-size: 16px;font-weight: bold;}
.content li:nth-child(2){color: #8C8C8C;width: 30%;font-size: 16px;text-align: right;}
.content li:nth-child(3){color: #ae1f1f;width: 100%;font-size: 16px;}



/*part02 title*/
.part02_tbox{width:449px;background-color: #ffe0a9;   overflow: hidden;/*background-image:url("../img/title.png");background-size: cover;background-repeat:no-repeat;*/}

@media screen and (max-width: 980px) {.part02_tbox{width:100%;}}
@media screen and (max-width: 736px) {.part02_tbox{width:100%;}}

.part02_tbox p{font-size:16px;margin-bottom: 5px;overflow: hidden;float: right;  line-height: 2.2;   margin: 5px 10px 0 0;}

.part02_tbox p a{color:#000000;}

.part02_tbox >h3{
    /*width: 100%;*/
   /* background-color: #00a7bb;*/
    color:#d40006;
    font-size: 20px;
    padding: 8px;
    font-weight: bold;
    float: left;
    line-height: 1.5;
}

.part02_tbox >h3::before{
    content: "";
    width: 30px;
    height: 30px;
    float: left;
    background-image:url("../img/s3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    margin-right: 5px;
}


.part02content{   box-sizing: border-box;float:left;width:449px;text-align: left; border-right: 0px dotted #d8d8d8;border-bottom: 0px dotted #d8d8d8;  
    background-color: #FFFCFC;    overflow: hidden;margin:0 20px 20px 0;}
.part02_pbox {/*padding: 10px;*/}
.part02_pbox >ul{overflow: hidden;float: left;width: 100%;padding: 10px; border-bottom: 1px solid #eeeeee;}
.part02_pbox :hover{background-color: #fff3f8; /*border-bottom: 2px solid #ffc5de;*/}
.part02_pbox li{width: 100%;float: left;font-size: 16px;line-height: 1.5;}

@media screen and (max-width: 736px) {
.part02content{    width: 100%;    border-bottom: 1px solid #eeeeee;padding: 15px 20px;margin-right:0px;}
.part02abc {padding: 0px;}
.content li{margin-bottom: 0px;}
.part02_pbox >ul :nth-child(3){border-bottom: 0px solid #eeeeee;}
}

方格
.part02content{   box-sizing: border-box;float:left;width:449px;text-align: left;  border-right: 0px dotted #d8d8d8;border-bottom: 1px dotted #d8d8d8;  
    background-color: #FFFCFC;    overflow: hidden;margin:0 20px 20px 0;box-shadow: 0px 0px 5px rgb(236, 219, 189);}

.part02content_2{    box-sizing: border-box;float:left;width:449px;text-align: left;   border-bottom: 0px dotted #d8d8d8;  background-color: #FFFCFC;
    overflow: hidden;margin: 0 0 20px 0;box-shadow: 0px 0px 5px rgb(236, 219, 189); }

.part02content_3{    box-sizing: border-box;float:left;width:449px;text-align: left;  border-right: 0px dotted #d8d8d8;   background-color: #FFFCFC;    
    overflow: hidden; margin-right: 20px;box-shadow: 0px 0px 5px rgb(236, 219, 189);}

.part02content_4{    box-sizing: border-box;float:left;width:449px;text-align: left;      background-color: #FFFCFC; overflow: hidden;box-shadow: 0px 0px 5px rgb(236, 219, 189);}

@media screen and (max-width: 980px) {
.part02content{ width:355px;}

.part02content_2{width:355px;}

.part02content_3{width:355px;}

.part02content_4{width:355px;}
    
    
}


@media screen and (max-width: 736px) {
.part02abc li a span{right: 0;}

.part02content {    width: 100%; margin-right:0px;border-right: 0px dotted #d8d8d8;margin: 0px;padding: 0px;margin-bottom: 20px;}   
.part02content_2 {    width: 100%;  margin: 0px;margin-bottom: 20px;}
.part02content_3 {    width: 100%; border-bottom: 0px dotted #d8d8d8; border-right: 0px dotted #d8d8d8;margin: 0px;margin-bottom: 20px;}    
.part02content_4 {    width: 100%;  margin: 0px;}


.content li:nth-child(1) {width: 70%;line-height: 1.5;font-size: 18px;}
.content li:nth-child(2) {width: 30%;line-height: 1.5;}
.content li:nth-child(3) {width: 100%;line-height: 1.5;text-align: left;}
    
}


/*.part02content_4*/

/*part03*/
.part03title{
width: 100%;
    height: 65px;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    margin: 14px 0 25px 0;
    padding: 5px;
    
}

.part03title h1{
    font-weight: bold;
    font-size: 28px;
    line-height: 60px;
    display: inline-block;
    background-image: url(../img/s2.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
}

@media screen and (max-width: 320px) {
    .part03title h1{
         font-size: 24px;}
}
.part03title h1:before {
    content: "";
    width: 30px;
    height: 84px;
    float: left;
    background-image: url(../img/s1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: -14px 10px 0px -10px; 
}

.part03title h1:after {
    content: "";
    width: 30px;
    height: 84px;
    float: right;
    background-image: url(../img/s1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: -14px -10px 0px 10px;
}

.part03abc {background-color:#FFFCFC; overflow: hidden;    margin-bottom: 80px;box-shadow: 0px 0px 5px rgb(236, 219, 189);position: relative;}
@media screen and (max-width: 980px){.part03abc {margin-bottom: 20px;}}
@media screen and (max-width: 736px){.part03abc {margin-bottom: 20px;}}

.part03abc ul{overflow:hidden;}

.part03abc >ul >li{border-bottom: 1px solid #eeeeee;}

.part03_box_l >ul>li  :hover{background-color: #fff3f8; /*border-bottom: 2px solid #ffc5de;*/}
.part03_box_r >ul>li  :hover{background-color: #fff3f8; /*border-bottom: 2px solid #ffc5de;*/}

.part03_box_l{float:left;width:  calc(100% / 2);    box-sizing: border-box;border-right: 1px solid #eeeeee;}
.part03_box_r{float:left;width:  calc(100% / 2);    box-sizing: border-box;}
.part03_box_bottom{text-align: right;padding: 20px;}
.part03_box_bottom p{
    padding: 8px;
    border-radius: 6px;
    display: inline-block;
    background-color: #ff595e;
    text-indent: 4px;
    color: #FFFFFF;
    transition: all .3s;
}


.part03abc :hover.part03_box_bottom p {background-color: #FF363C;}

.go_more:hover{webkit-filter:brightness(1.2);background:linear-gradient(#ffffef,#ffde00);}



@media screen and (max-width: 736px){
.part03_box_l{width:100%; }
.part03_box_r{width:100%; }   
.part03_box_bottom{text-align: center;} 
.part03_box_bottom p{width: 300px;}
}

@media screen and (max-width: 736px){
   .part03_box_bottom p{width: calc(100% - 88px);} 
}

.part03content{text-align: left;width: 100%;padding: 10px;}
.part03content_last{text-align: left;width: 100%;padding: 10px;}

.part03_box_l >ul>li b{    
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-weight: 100;
  background-color: #f90;
    color:#FFFFFF;
    border-radius: 3px;
    float: left;
    margin:12px 0 0 10px;
}

.part03_box_r >ul>li b{    
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-weight: 100;
  background-color: #f90;
    color:#FFFFFF;
    border-radius: 3px;
    float: left;
    margin:12px 0 0 10px;
}


/*.part03_box_l >ul>li b{    
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-weight: 100;
    background-color: #f90;
    color:#DD0006;
    border-radius: 3px;
    float: left;
    margin:12px 0 0 10px;
    background-image:url("../img/money.png");
    background-size: cover;
}

.part03_box_r >ul>li b{    
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-weight: 100;
  background-color: #f90;
    color:#DD0006;
    border-radius: 3px;
    float: left;
    margin:12px 0 0 10px;
    background-image:url("../img/money.png");
    background-size: cover;
}*/

.part03content ul{overflow: hidden;    margin-bottom: 10px;padding-left: 10px;}

.part03content li:nth-child(1){width:100%;line-height: 1.5;float: left;color: #0080c2;font-size: 20px;overflow: hidden;    text-overflow: ellipsis;
    white-space: nowrap;}

.part03content li:nth-child(2){width:100%;line-height: 1.5;float: left;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}

.part03content li:nth-child(3){width:70%;line-height: 1.5;float: left; color: #ae1f1f; overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap;}

.part03content li:nth-child(4){width:30%;line-height: 1.5;float: left;color: #8C8C8C;  overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap;text-align: right;}

/*last*/
.part03content_last ul{overflow: hidden;    margin-bottom: 10px;padding-left: 10px;}

.part03content_last li:nth-child(1){width:100%;line-height: 1.5;float: left;color: #0080c2;font-size: 20px;overflow: hidden;    text-overflow: ellipsis;
    white-space: nowrap;}

.part03content_last li:nth-child(2){width:100%;line-height: 1.5;float: left;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}

.part03content_last li:nth-child(3){width:70%;line-height: 1.5;float: left; color: #ae1f1f; overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap;}

.part03content_last li:nth-child(4){width:30%;line-height: 1.5;float: left;color: #8C8C8C;  overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap;text-align: right;}


@media screen and (max-width: 736px){
    
.part03content {border-bottom: 1px solid #eeeeee;}
.part03content_last{    border-bottom: 0px solid #eeeeee;}

.part03content ul{overflow: hidden;}
    
.part03content li:nth-child(1){width:100%;line-height: 1.5;color:#0080c2;}

.part03content li:nth-child(2){width:100%;line-height: 1.5;}

.part03content li:nth-child(3){width:100%;line-height: 1.5;color: #ae1f1f;}    

.part03content li:nth-child(4){width:100%;line-height: 1.5;color:#8C8C8C;text-align: left;}  

/*last*/

.part03content_last ul{overflow: hidden;}
    
.part03content_last li:nth-child(1){width:100%;line-height: 1.5;color:#0080c2;}

.part03content_last li:nth-child(2){width:100%;line-height: 1.5;}

.part03content_last li:nth-child(3){width:100%;line-height: 1.5;color: #ae1f1f;}    

.part03content_last li:nth-child(4){width:100%;line-height: 1.5;color:#8C8C8C;text-align: left;}  
}


/*@media screen and (max-width: 1280px){
.bbd { display: none;}}*/

.bbd {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url("../img/bg2.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

/*topbox*/

.tab {
  float: left;
  background-color: #f1f1f1;
  width: 20%;
  height: 362px;

}

.tablinks{/*width: 250px;*/ display: block;}

.tab>ul{overflow: hidden;}



.tab li{
    width: 100%;
    line-height: 72px;
    font-size: 20px;
    font-weight: bold;
    background-color: #ff7600;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #ff9437;
}

.tab li :nth-child(5){
    border-bottom: none;
}


.tab li:hover { background-color:#FFB97C;
    color: #d40006;}

.block{margin-left: 5px;}

@media screen and (max-width: 736px){
.block{display: block;margin-left: 0px;}
}


@media screen and (max-width: 736px){
    .tab{float:left;width: 100%;height:66px;}
    .tab >ul>li{width: calc(100% / 3); float: left; border-right: 1px solid #ff9437;border-bottom:none;padding: 8px;}
    .tab li:nth-child(3){border-right:none;}
    .tab li:nth-child(4){display:none;}
    .tab li:nth-child(5){display:none;}
    .tablinks h1{line-height: 25px;}
}





    
.tabcontent {
  float: left;
  width: 80%;
  border-left: none;
  display: none;
}

@media screen and (max-width: 736px){
    .tabcontent{float:left;width: 100%; }}



.tab_right01{width:62%;border-right: 0px #A3A3A3 solid;float: left;overflow: hidden;padding: 24px;min-height: 362px;
    background-image: url("../img/top_bg.png");background-size: cover;background-repeat: no-repeat;text-align: left;position: relative;}

.go_button{border-radius: 6px;background-color: #ff595e;color: #FFFFFF;padding: 5px 10px;;display: inline-block;right: 24px; bottom: 24px; position: absolute;font-size: 22px;}
.go_button:hover{background-color: #FF363C;}



.tab_right01 ul{overflow:hidden;}
.tab_right01 li{text-align: left;}
.tab_right01 li:nth-child(1){margin-bottom: 20px;font-size: 28px; color: #ff4700;font-weight: bold;}
.tab_right01 li:nth-child(2){width: 100%;margin-bottom: -3px;text-align: center;}
.tab_right01 li:nth-child(3){font-size: 24px;margin-top: 20px;  color: #0080c2;    display: inline-block;line-height: 24px;}
.tab_right01 li:nth-child(3) s{margin-right: 8px;font-size: 20px;}
/*.tab_right01 li:nth-child(3)::after {
    content: "";
    width: 28px;
    height: 20px;
    float: right;
    background-image: url("../img/arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    margin-right: 5px;
}*/



@media screen and (max-width: 736px){
    .tab_right01{/*display:none;}*/width:100%;padding: 20px;}
    .tab_right01 li{text-align: center;}
    .tab_right01 li:nth-child(1){margin-bottom: 20px;text-align: center;}
}

.tab_right02{width:38%;min-height: 362px; float: left;overflow: hidden;    padding: 24px 24px 4px 28px;background-color: #fffde2;/*border-left:1px #FFF7CE dashed;*/}
.tab_right02_hot{font-size: 28px;font-weight: bold;color: #ff4700;margin-bottom: 24px;}

@media screen and (max-width: 980px){
.tab_right01{width:60%;}    
.tab_right02{width:40%;}    
}

@media screen and (max-width: 736px){
    .tab_right02{width:100%;min-height:auto;padding:0px;}
    .tab_right02_hot{margin-bottom: 16px;display: none;}
    .tab_right01{/*width:100%;*/display:none;}    
 
}

.tab_right02_p {/*background-color: #FFFCDA;padding: 10px;*/margin-bottom: 28px;}
.tab_right02_p ul{overflow:hidden;}
.tab_right02_p li{text-align: left;}
.tab_right02_p li:nth-child(1){width:100%;margin-bottom: 8px;font-size: 22px;color:/*#ff4700;*/#0063e9; line-height: 32px; font-weight: bold;}
.tab_right02_p li:nth-child(2){font-size: 16px;float: left;    margin-left: 30px;}
.tab_right02_p li:nth-child(3){font-size: 16px;float: left;/*background-color:#FF6063;color: #FFFFFF;display: inline-block; border-radius:5px;padding: 5px 10px;*/}

.tab_right02_p li:nth-child(1)::before {
    content: "";
    width: 30px;
    height: 30px;
    float: left;
    background-image: url("../img/icon_top.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    margin-right: 5px;
}

@media screen and (max-width: 980px){
    .tab_right02_p li:nth-child(2){margin-left: 0px;}
}
@media screen and (max-width: 736px){
    .tab_right02_p {padding: 16px 20px;margin-bottom: 0px;border-bottom: #fff0d5  1px solid;}
 .tab_right02_p li:nth-child(2){margin-left: 30px;}
}

.button02{background-color: #ffeb50; color: #000000;border-radius:4px;padding: 5px 10px;margin-right: 12px;float: left;}
.button03{background-color: #ffeb50; color: #000000;border-radius:4px;padding: 5px 10px;float: left;}



.tab_right02_p li:nth-child(2) :hover{background-color:#0a8cdc;color: #FFFFFF;}
.tab_right02_p li:nth-child(3) :hover{background-color:#0a8cdc;color: #FFFFFF;}