@charset "UTF-8";
/* CSS Document */
section .bar-wrap {
    background-image: url(../images/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 27rem;
    position: relative;
}
.bar-wrap .mian-wrap {
    position: absolute;
    bottom: 1.1rem;
    font-size:0px;

}
.mian-wrap .bar-text {
    color:#000000;
    background-color: #fff;
    width:25rem;
    font-size:0.79rem;
    background:rgba(255, 255, 255, 0.7)!important;
    filter:Alpha(opacity=70);
    display:inline-block;
    padding:1.5rem;
}
h2 {
    font-size: 1.7rem;
    padding: 0 0 0.5rem 0;
    font-weight: 680;
;
}
 h3.h3css{
    font-weight:bold;
}
.mian-wrap .bar-ewm {
    display:inline-block;
    vertical-align: bottom;
    max-width: 5.5rem;
    max-height: 5.5rem;
}
.content-wrap {
    background-color:#669ecd;
    color: #000000;
    margin:2rem 0;
}
.cont-wrap {
    margin:0 auto;
}
.cont-wrap .cont-text {

    width:21rem;
    /*font-size:0.9rem;*/
    float:left;
    background-color:#fff;
    height:11rem;
    padding: 2.5rem 3rem 2rem;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position:relative;
}
.cont-wrap .cont-iimg {
    display:inline-block;
    width:11rem;
    height:11rem;
}
.cont-wrap .cont-text-1 {
    float:right;
    /*font-size:0.9rem;*/
    background-color:#fff;
    width:22rem;
    padding:1.5rem 2rem 2rem 2rem;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position:relative;
}
.cont-wrap .cont-iimg-1 {
    display:inline-block;
    width:11rem;
    height:11rem;
}
.content-wrap .lines {
    /*border-bottom:dashed 0.3rem #fff;*/
    background-image: url(../images/icon-4.png);
    max-width:1000px;
    margin:3.5rem auto;
    height:6px;
}
.cont-text .cont-date {
    position: absolute;
    top: 10.9rem;
    font-size: 2.5rem;
    color: #fff;
    left: 8.5rem;
}
.cont-text .cont-icon_pc {
    position: absolute;
    bottom: -4.4rem;
    left: 5.2rem;
}

.cont-text .cont-icon_mobile {
    position: absolute;
    left:-3.3rem;top:-6.3rem
}

.cont-text-1 .cont-icon-1_mobile{
    position: absolute;
    left:-3.3rem;top:-6.3rem
}

.cont-text-1 .cont-date-1 {
    position: absolute;
    top: -3.5rem;
    font-size: 2.5rem;
    color: #fff;
    left: 7rem;
    position: absolute;
}
.cont-text-1 .cont-icon-1_pc {
    top: -4.4rem;
    left: 15rem;
    position: absolute;
}
.for-wrap {
    background-color:#669ecd;
    padding:3.5rem 0;
    margin-top: -0.4rem;
}
.for-wrap .for-main {
    max-width:38rem;
    margin:0 auto;
}
.for-main .for-img-1 {
    height: 10rem;

    text-align: center;
}
.for-img-2 .for-logo{
    padding:0 1.5rem 1rem;
    width:21rem;
    display:inline-block;
}
.for-img-2 .for-logo-1{
    padding:0 1.5rem 1rem;
    width:11rem;
    display: inline-block;
}
.for-main .for-img-3 {
    color: #FFF;
    font-size:4.3rem;
    text-align:center;
    padding: 0 1.5rem;
}
.for-main .for-img-2 {
    position:relative;
}
.for-img-2 .for-line {
    position: absolute;
    height: 3rem;
    border-left: solid 0.15rem #fff;
    display: inline-block;
}
.public_div{
    max-width:50.7rem;
    margin:0 auto;
}

.pcycle{
    float: right;
    display:inline-block;
}

.pcycle_left{
    float:left;
}

.main-wrap {
    background-image:url(../images/bj-1.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 2rem;
}

.main-wrap .main-text{
    text-align:center;
}

.main-wrap .main-wc{
    margin: 0 auto;
    margin-top:2rem;
}

.main-wrap .main-text {
    font-size:3.5rem;
    padding-top:2rem;
    color: #000000;
}
.main-wrap .main-left {
    background-image: url(../images/icon-2.png);
    background-repeat: no-repeat;
    height: 20rem;
    width: 21rem;
    margin-right:10rem;
    display: inline-block;
    position:relative;
    background-size: cover;
    text-align: center;
}
.main-wrap .main-right {
    background-image: url(../images/icon-3.png);
    background-repeat: no-repeat;
    height: 15.2rem;
    width: 15rem;
    display: inline-block;
    position:relative;
    background-size: cover;
    margin-top: 2rem;
}
.main-wrap .pie-1{
    background-image: url(../images/icon-3-1.png);
}

.main-wrap .pie-2{
    background-image: url(../images/icon-3-2.png);
}

.main-wrap .pie-3{
    background-image: url(../images/icon-3-3.png);
}

.main-left .left-text-1 {
    color: #fff;
    font-size: 0.7rem;
    left: 2.1rem;
    position: absolute;
    top: 2.8rem;
}
.main-left .left-text-2 {
    color: #fff;
    font-size: 0.7rem;
    left: 12.5rem;
    position: absolute;
    top: 2.8rem;
}
.main-left .left-text-3 {
    color: #fff;
    font-size: 0.7rem;
    left: 1.5rem;
    position: absolute;
    top: 11rem;
}
.left-text-3 .ie02 {

    padding: 0px 0px 2.2rem;

}
.main-left .left-text-4 {
    color: #fff;
    font-size: 0.7rem;
    left: 11.3rem;
    position: absolute;
    top: 11rem;
}
.left-text-4 p {
    width:8.6rem;
}
h3 {
    font-size:1.1rem;
    padding: 0 0 1rem;
}
.main-right .right-text-1 {
    color: #fff;
    font-size: 0.9rem;
    left: 1.1rem;
    position: absolute;
    top: 3.5rem;
    width: 6rem;
}
.main-right .right-text-2 {
    color: #fff;
    font-size: 0.9rem;
    left: 8.5rem;
    position: absolute;
    top: 3.5rem;
    width: 6rem;
}
.main-right .right-text-3 {
    color: #fff;
    font-size: 0.9rem;
    left: 1.5rem;
    position: absolute;
    top: 10.8rem;
    width: 6rem;
}
.main-right .right-text-4 {
    color: #fff;
    font-size: 0.9rem;
    left: 9.3rem;
    position: absolute;
    top: 10.8rem;
    width: 6rem;
}
.main-right .right-text-5 {
    color: #555;
    font-size: 0.7rem;
    left: -7rem;
    position: absolute;
    text-align: left;
    top: -2.8rem;
    width: 6.5rem;
    padding-bottom:5px;
    border-bottom: 1px solid #8181BA;
}
.right-text-5 li {list-style-type:disc;}
.main-right .right-text-6 {
    font-size:0.7rem;
    width:7rem;
    position:absolute;
    text-align:left;
    color:#555;
    top:-0.3rem;
    right:-7rem;
    padding-bottom:5px;
    border-bottom: 1px solid #8181BA;
}
.main-right .right-text-7 {
    font-size:0.7rem;
    width:7rem;
    position:absolute;
    text-align:left;
    color:#555;
    left:-7rem;
    bottom:0.6rem;
    padding-bottom:5px;
    border-bottom: 1px solid #8181BA;
}
.main-right .right-text-8 {
    font-size:0.7rem;
    width:6.2rem;
    position:absolute;
    text-align:left;
    color:#555;
    right:-7rem;
    bottom:0.6rem;
    padding-bottom:5px;
    border-bottom: 1px solid #8181BA;
}

.public_cover{
    position:absolute;
    height:7.6rem;
    width:7.5rem;
    top:0;
    left:0;
}

.public_cover_1{
    position:absolute;
    height:7.6rem;
    width:7.5rem;
    top:0;
    left:7.5rem;
}

.public_cover_2{
    position:absolute;
    height:7.6rem;
    width:7.5rem;
    top:7.6rem;
}

.pa_cover{
    height:7.6rem;
    width:7.5rem;
    display: block;
}

@media screen and (min-width: 680px){
    .lines{
        display:block
    }

    .mobile-lines{
        display:none;
    }

    .cont-icon_mobile{
        display:none;
    }
    .cont-icon-1_mobile{
        display:none;
    }
    #cont-wrap_mobile{
        display: none;
    }

}

@media screen and (max-width: 680px){
    .lines{
        display:none
    }

    .mobile-lines{
        display:block;
        position: absolute;
        width:6px;
        height:100%;
        background-image: url(../images/icon-5.png);
        top:0px;
        left:0px;
    }

    .content-wrap .public_div{
        padding-left:2rem;
        position: relative;
    }
    .cont-icon_pc{
        display:none;
    }

    .cont-icon-1_pc{
        display: none;
    }

    .cont-text,.cont-text-1{
        margin-top:8rem;
    }

    #cont-wrap_pc{
        display: none;
    }

}

@media screen and (max-width: 608px){
    .main-wc .main-left{
        display: block;
        margin: 0 auto;
    }
    .main-wc .main-right{
        display: block;
        margin: 0 auto;
        margin-top:5rem;
    }
}

.ie01 {padding:0 0 2rem;}