.ad1 img{ width:100%;}    
.ad1 video{ width:100%;margin-top:-2rem;}


.ad1  video::-webkit-media-controls {
    display: none !important;
  }
 .ad1  video::-webkit-media-controls-enclosure {
    display: none !important;
  }
 .ad1  video::-webkit-media-controls-panel {
    display: none !important;
  }


.tit {
    color: #03487d;
    display: block;
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: bold;
}

.mo_1 {
    padding: 5rem 0 4.5rem 0;
}

.mo_1 .tit {
    text-align: left;
    margin-bottom: 2rem;
}
.mo_1 span.hens {
    background: #2f6895;
    width: 7rem;
    float: right;
    height: 0.4rem;
    margin-top: 3rem;
}

.mo_1 .desc p {
    color: #5f5d5d;
    font-size: 1rem;
    line-height: 2rem;
    padding-bottom: 2rem;
}


.mo_1 .mowen {
    position: relative;
    margin-top: 1rem;
}

.mo_1 .mowen img {
    width: 100%;
}

.mo_1 .mowen .ps {
    position: absolute;
}

.mo_1 .mowen .w1 {
    position: absolute;
    top: 44%;
    left: 43%;
    width: 14%;
}
.mo_1 .mowen .w2 {
    top: 41%;
    left: 31.2%;
    width: 12%;
    text-align: center;
}
.mo_1 .mowen .w3 {
    right: 31%;
    top: 41%;
    width: 12%;
    text-align: center;
}
.mo_1 .mowen .w4 {
    position: absolute;
    top: 51%;
    left: 23%;
}
.mo_1 .mowen .w5 {
    top: 8%;
    left: 34.6%;
    width: 35.6%;
}
.mo_1 .mowen .w6 {
    top: 81%;
    left: 32%;
    width: 44%;
}
.mo_1 .mowen .w7 {
    top: 39%;
    display: block;
    left: 10%;
    width: 12%;
}
.mo_1 .mowen .w8 {
    position: absolute;
    top: 51%;
    right: 21%;
}
.mo_1 .mowen .w9 {}
.mo_1 .mowen .w10 {
    position: absolute;
    top: 31%;
    right: 46%;
}
.mo_1 .mowen .w9 {
    top: 47%;
    right: 5%;
    display: block;
    width: 16%;
    font-size: 1rem;
    text-align: right;
}
.mo_1 .mowen .w1{ text-align:center;}

.mo_1 .mowen .w1 img {
    width: 88%;
}

.mo_1 .mowen .w1 span {
    display: block;
    height: 1rem;
    text-align: center;
    margin-top: -0.5rem;
    line-height: 1rem;
    color: #00447b;
    font-weight: bold;
}

.mo_1 .mowen .w2 img {
    width: 40%;
    margin: 0 auto;
}

 .mo_1 .mowen span{   color: #5f5d5d;}


.mo_1 .mowen .w2 span {
    text-align: center;
    display: block;
    height: 1rem;
    line-height: 1rem;
}

.mo_1 .mowen .w3 img {
        width: 40%;
    margin: 0 auto;
}

.mo_1 .mowen .w3 span {
       text-align: center;
       display: block;
       height: 1rem;
       line-height: 1rem;
       font-size: 1rem;
}

.mo_1 .mowen .w4 span {}

.mo_1 .mowen .w4 span {
    display: block;
    height: 1rem;
    text-align: center;
    line-height: 0rem;
    color: #00447b;
    font-weight: bold;
    font-size: 1.8rem;
 
}

.mo_1 .mowen .w5 p {
    line-height: 1rem;
    display: block;
}

.mo_1 .mowen .w5 p b{
    color: #5f5d5d;
    font-size: 1rem;
    line-height: 1.7rem;
    display: inline-block;
    width: 50%;
    font-weight: normal;
}

.mo_1 .mowen .w6 p {
    line-height: 1rem;
    display: block;
}

.mo_1 .mowen .w6 p b{
    color: #5f5d5d;
    font-size: 1rem;
    line-height: 1.7rem;
    display: inline-block;
    width: 50%;
    font-weight: normal;
}

.mo_1 .mowen .w7 span {
    color: #5f5d5d;
    font-size: 1rem;
    line-height: 1.7rem;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    margin-bottom: 1rem;
}

.mo_1 .mowen .w8 span {
    display: block;
    height: 1rem;
    text-align: center;
    line-height: 0rem;
    color: #00447b;
    font-weight: bold;
    font-size: 1.8rem;

}


.mo_1 .mowen .w9 span {
    display: block;
        line-height: 1.6rem;
            color: #5f5d5d;
}


.mo_1 .mowen .w10 span {
    display: block;
    height: 1rem;
    text-align: center;
    line-height: 0rem;
    color: #00447b;
    font-weight: bold;
    font-size: 1.8rem;

}


.mo_1 .mowen .w11 p {}

.mo_1 .mowen .w9 p b{
    color: #5f5d5d;
    font-size: 1rem;
    line-height: 1.7rem;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}

.mo_1 .mowen .w12 span {
    display: block;
    height: 1rem;
    text-align: center;
    line-height: 0rem;
    color: #00447b;
    font-weight: bold;
    font-size: 1.8rem;
}


.mo_1 .mowen .w12 {
    position: absolute;
    top: 72%;
    right: 48%;
}


    .mo_2 {
    background: #eff4f6;
    padding: 5rem 0;
}

.mo_2 dl {}

.mo_2 dl dt {
    float: right;
    width: 53%;
}

.mo_2 dl dt img {
    width: 100%;
}

.mo_2 dl dd {
    float: left;
    width: 40%;
}

.mo_2 dl dd span {
    display: block;
    height: 1rem;
    text-align: left;
    line-height: 0rem;
    color: #004781;
    font-weight: normal;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    margin-top: 6rem;
}

.mo_2 dl dd p {
    color: #5f5d5d;
    font-size: 1rem;
    line-height: 2.2rem;
    padding-bottom: 1rem;
}

.mo_2 dl:nth-child(2) dt {
    float: left;
}

.mo_2 dl:nth-child(2) dd {
    float: right;
}

.mo_2 dl:nth-child(2) {
    margin-top: 5rem;
}


    .mo_3 {}

.mo_3 dl {
    position: relative;
    padding: 5rem 0;
}

.mo_3 dt {
    line-height: 0px;
}

.mo_3 dt img {
    width: 100%;
}

.mo_3 dd span {
    color: #fff;
    display: block;
    font-size: 2rem;
    line-height: 3.5rem;
    font-weight: bold;
    text-align: left;
    padding-bottom: 1.7rem;
}

.mo_3 dl dd {
    position: absolute;
    bottom: 12rem;
    width: 80%;
    display: block;
    left: 10%;
    height: 14rem;
}

.mo_3 dl dd p {
    color: #fff;
    font-size: 1rem;
    line-height: 2.2rem;
    padding-bottom: 1rem;
}



.mo_3 .tit {
    text-align: left;
    display: block;
    margin-bottom: 3.2rem;
}

.mo_3 .kehus {
    margin-bottom: 5rem;
}

.mo_3 .kehus li {
    float: left;
    width: 47%;
    text-align: center;
    color: #004781;
    font-size: 1.2rem;
    height: 4rem;
    line-height: 4rem;
    position: relative;
    margin-bottom: 2.66rem;

}

.mo_3 .kehus li:nth-child(2n) {
    float: right;
}

.mo_3 .kehus li:after {
    content: "";
    background: url(../images/ec111ab6019c48c1abdfc866da8dca97_12.png) no-repeat;
    display: block;
    position: absolute;
    right: 4px;
    width: 2rem;
    height: 100%;
    top: 0px;
    background-size: 100%;
}

.mo_3 .kehus li:before {
    content: "";
    background: url(../images/ec111ab6019c48c1abdfc866da8dca97_14.png) no-repeat;
    display: block;
    position: absolute;
    left: 4px;
    width: 2rem;
    height: 100%;
    top: 0px;
    background-size: 100%;
}
    


    .mo_3 {}

.mo_3 dl {
    position: relative;
    padding: 4.8rem 0;
}

.mo_3 dt {
    line-height: 0px;
}

.mo_3 dt img {
    width: 100%;
}

.mo_3 dd span {
    color: #fff;
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: bold;
    text-align: left;
    padding-bottom: 1.7rem;
}

.mo_3 dl dd {
    position: absolute;
    bottom: 8rem;
    width: 80%;
    display: block;
    left: 10%;
    height: 17rem;
}

.mo_3 dl dd p {
    color: #fff;
    font-size: 1rem;
    line-height: 2rem;
    padding-bottom: 1rem;
}



.mo_3 .tit {
    text-align: left;
    display: block;
    margin-bottom: 3.2rem;
}

.mo_3 .kehus {
    margin-bottom: 5rem;
}

.mo_3 .kehus li {
    float: left;
    width: 37%;
    padding: 0 4%;
    text-align: center;
    color: #004781;
    font-size: 1.2rem;
    height: 4rem;
    line-height: 1.66rem;
    position: relative;
    margin-bottom: 2.66rem;
}

.mo_3 .kehus li:nth-child(2n) {
    float: right;
}

.mo_3 .kehus li:after {
    content: "";
    background: url(../images/ec111ab6019c48c1abdfc866da8dca97_12.png) no-repeat;
    display: block;
    position: absolute;
    right: 4px;
    width: 2rem;
    height: 100%;
    top: 0px;
    background-size: 100%;
}

.mo_3 .kehus li:before {
    content: "";
    background: url(../images/ec111ab6019c48c1abdfc866da8dca97_14.png) no-repeat;
    display: block;
    position: absolute;
    left: 4px;
    width: 2rem;
    height: 100%;
    top: 0px;
    background-size: 100%;
}
    



    
@media (max-width:768px){

.contents, .content {
    padding: 0 4%;
    width: auto;
}

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 18px;}}


.top_bgy {
    height: 15rem;
}

.top_bg {
    height: auto;
}

.mo_2 dl dt {
    width: 100%;
}

.mo_2 dl dd {
    width: 100%;
}

.mo_2 dl dd span {
    margin-top: 3rem;
}

.mo_2 dl:nth-child(2) {
    margin-top: 2rem;
}

.mo_1 .mowen img {
    width: 180%;
    margin-left: -40%;
}

.mo_1 .mowen .w5 {
    width: 68%;
    left: 21%;
}
    .mo_1 .mowen .w5 p b{font-size:0.8rem;}

.mo_1 .mowen {
    padding: 1rem 0;
}

.mo_1 .mowen .w6 {
    width: 73%;
    left: 21%;
}

.mo_1 .mowen .w12 {
    right: 45%;
}

.mo_1 .mowen .w10 {
    right: 42%;
    top: 28%;
}

.mo_1 .mowen .w7 {
    left: 2%;
    width: 25%;
    top: 54%;
}

.mo_1 .mowen .w7 span {
    margin: 0px;
    font-size: 0.8rem;
    line-height: 1.4rem;
}

.mo_1 .mowen .w9 {
    right: -1%;
    top: 51%;
    width: 23%;
}

.mo_1 .mowen .w4 {
    left: 3%;
    top: 48%;
}

.mo_1 .mowen .w4 span {
    font-size: 1.3rem;
}

.mo_1 .mowen .w6 p b {
    font-size: 0.8rem;
}

.mo_1 .mowen .w8 {
    right: 2%;
    top: 46%;
}

.mo_1 .mowen .w9 span {
    font-size: 0.8rem;
}

.mo_1 .mowen .w2 {
    left: 19%;
    width: 17%;
}

.mo_1 .mowen .w2 span {
    font-size: 0.8rem;
    padding-top: 0.2rem;
    line-height: 1rem;
}

.mo_1 .mowen .w3 {
    right: 19%;
    width: 17%;
}

.mo_1 .mowen .w3 span {
    font-size: 0.8rem;
    padding-top: 0.5rem;
}

.mo_1 {
    padding-bottom: 0px;
}

.mo_2 {
    background: none;
}

.mo_3 dl dd p {
    font-size: 0.8rem;
    line-height: 1.2rem;
    padding-top: 3rem;
}

.mo_3 dd span {color: #03487d;display: block;text-align: center;font-size: 2rem;line-height: 3rem;margin-bottom: 0rem;padding-bottom: 0px;}

.mo_3 dl dd {
    width: 90%;
    left: 5%;
    bottom: 5rem;
}

.mo_3 .kehus li {
    font-size: 0.8rem;
}

.mo_3 .kehus li {
    width: 37%;
    padding: 0% 6%;
    line-height: 1.2rem;
}

.mo_1 .mowen .w1 {
    width: 27%;
    left: 37%;
}

.mo_1 .mowen .w1 span {
    font-size: 0.8rem;
    display: block;
}
    

.mo_1 .mowen .w1 img {
    margin: 0px;
}

.mo_3 dl {
    padding: 3rem 0;
}
}