@media all and (min-width: 641px) {


    /* HEADER */
    body#home #header {
        background-color: transparent;
    }


    /* NAV */
    body#home #nav {
        margin: -50px 0 50px;
        background-color: transparent;
    }

    body#home #nav #pc-nav>li {
        margin-right: 20px;
    }

    body#home #nav #pc-nav>li>a:before {
        width: 106px;
        height: 100px;
    }

    body#home #nav #pc-nav>li.doc>a>span {
        letter-spacing: -1.0pt;
    }


    /* MAINV */
    body#home #md-site {
        background: url(../images/common/h-bg.png) no-repeat center top -12.5px;
    }

    body#home #mainv {
        position: relative;
    }

    body#home #mainv .float-box {
        position: absolute;
        width: 1060px;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 4;
    }

    body#home #mainv .float-box .btn-box {
        position: absolute;
        width: 150px;
        height: 150px;
        padding-left: 100px;
        top: -20px;
        right: 0;
        background-position: left 10px, right bottom;
        background-repeat: no-repeat;
        background-size: 77px 55px, 77px 49px;
        background-image: url(../images/home/h-cloud-l.png), url(../images/home/h-cloud-r.png);
    }

    body#home #mainv .float-box .btn-box a:hover {
        text-decoration: none;
        filter: alpha(opacity=60);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)";
        /* IE 8,9 */
        -moz-opacity: 0.6;
        /* FF , Netscape */
        -khtml-opacity: 0.6;
        /* Safari 1.x */
        opacity: 0.6;
        zoom: 1;
        /*IE*/
    }

    body#home #mainv .float-box .btn-booking {
        position: absolute;
        width: 158px;
        height: 157px;
        padding-left: 100px;
        top: 280px;
        right: 0px;
    }

    body#home #mainv .float-box .btn-booking a:hover {
        text-decoration: none;
        filter: alpha(opacity=60);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)";
        /* IE 8,9 */
        -moz-opacity: 0.6;
        /* FF , Netscape */
        -khtml-opacity: 0.6;
        /* Safari 1.x */
        opacity: 0.6;
        zoom: 1;
        /*IE*/
    }

    body#home #mainv .float-box .balloon-box-l {
        position: absolute;
        /* top: 100px;
        left: 0; */
        top: 0px;
        left: 150px;
    }

    body#home #mainv .float-box .float-box-r {
        position: absolute;
        top: 340px;
        right: 135px;
    }

    body#home #mainv .image-box {
        height: 500px;
        position: relative;
        overflow: hidden;
    }

    body#home #mainv .image-box .bx-viewport {
        position: absolute !important;
        overflow: visible !important;
        max-width: 1060px;
        right: 0;
        left: 0;
        margin: auto;
    }

    body#home #mainv .image-box .image-list {
        position: absolute !important;
        top: -100px;
        right: 0;
        left: 0;
        max-width: 1060px !important;
        height: 700px;
        margin: auto !important;
        z-index: 2;
    }

    body#home #mainv .image-box .image-list>li {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto !important;
        height: 500px;
        margin: auto -14% !important;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    }

    body#home #mainv .image-box .image-list>li.image01 {
        background-image: url(../images/home/mainv/image/image01.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image02 {
        background-image: url(../images/home/mainv/image/image02.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image03 {
        background-image: url(../images/home/mainv/image/image03.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image04 {
        background-image: url(../images/home/mainv/image/image04.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image05 {
        background-image: url(../images/home/mainv/image/image05.jpg?ver=20240604);
    }

    body#home #mainv .catch-bd {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: bottom;
        background-repeat: repeat-x;
        background-image: url(../images/home/mainv/catch/catch-bd.png);
        z-index: 3;
    }

    body#home #mainv .catch-box {
        position: relative;
        height: 260px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 30px 0;
        background-image: url(../images/home/mainv/catch/catch-bg.png);
        background-position: bottom;
        background-repeat: repeat-x;
        background-color: #E0ECEE;
        text-align: center;
        z-index: 4;
    }

    body#home #mainv .catch-box .catch-list .titles {
        margin-bottom: 25px;
    }

    body#home #mainv .catch-box .catch-list .text {
        line-height: 2.13;
    }

    body#home #c-wrapper {
        padding-bottom: 0;
    }


    /* CONTENT */
    body#home #home-news {
        background: url(../images/common/line-dot.png) repeat-x bottom;
        padding: 0 0 50px;
    }

    body#home #home-news .news-box {
        width: 628px;
        float: left;
    }

    body#home #home-news .news-box #as-info {
        /*
        max-height: 235px;
        overflow: auto;
        */
    }

    body#home #home-news .banner-box {
        width: 243px;
        float: right;
    }

    body#home #home-blog {
        margin: 0;
    }

    body#home #home-blog .titles {
        width: 485px;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        background-image: url(../images/home/blog-title-l.png), url(../images/home/blog-title-r.png);
        background-size: 104px 46px, 106px 46px;
        background-repeat: no-repeat;
        background-position: left bottom, right bottom;
    }

    body#home #home-blog .blog-list {
        margin-bottom: 20px;
    }

    body#home #home-blog .linker {
        margin-bottom: 20px;
    }

    body#home #home-blog .blog-list>li {
        width: 240px;
    }

    body#home #home-blog .blog-list>li .title {
        margin-bottom: 5px;
        font-weight: bold;
    }

    body#home #home-blog .blog-list>li .title a {
        color: #00166a;
        font-size: 106.666667%;
    }

    body#home #home-blog .blog-list>li:nth-child(odd) {
        background: #EAF2F4;
        border-bottom: 4px solid #F15A24;
    }

    body#home #home-blog .blog-list>li:nth-child(even) {
        background: #ffffff;
        border-bottom: 4px solid #00176B;
    }

    body#home #home-blog .blog-list>li .image {
        margin: 0 0 10px 0;
    }

    body#home #home-blog .blog-list>li .image a {
        display: block;
        position: relative;
        height: 0;
        padding-top: 66.66666%;
        overflow: hidden;
    }

    body#home #home-blog .blog-list>li .image a:hover {
        text-decoration: none;
        filter: alpha(opacity=60);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)";
        /* IE 8,9 */
        -moz-opacity: 0.6;
        /* FF , Netscape */
        -khtml-opacity: 0.6;
        /* Safari 1.x */
        opacity: 0.6;
        zoom: 1;
        /*IE*/
    }

    body#home #home-blog .blog-list>li .image img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    body#home #home-blog .blog-list>li .text {
        padding: 0 10px 10px;
    }

    body#home #home-blog .blog-list>li .text p {
        margin: 0;
    }

    body#home #home-blog .blog-list>li .text .property .times {
        display: block;
        margin-bottom: 5px;
    }

    body#home #home-blog .blog-list>li .text .property .cat {
        display: block;
    }

    body#home #home-blog .blog-list>li .text .property .cat a {
        display: inline-block;
        padding: 0 6px;
        color: #e7812d;
        font-size: 85.7142%;
        font-weight: bold;
        text-decoration: none;
        border: 1px solid #e7812d;
    }

    body#home #home-blog .blog-list>li .text .property .cat a:hover {
        background-color: #FCECE0;
    }

    body#home .banner-box ul>li {
        margin-bottom: 20px;
    }

    body#home .banner-box ul>li a {
        display: table;
        min-width: 243px;
        min-height: 64px;
        height: 64px;
        box-sizing: border-box;
        border-radius: 5px;
        color: #ffffff;
        font-size: 133.333%;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.5;
    }

    body#home .banner-box ul>li.booking a {
        padding-left: 15px;
        background-image: url(../images/home/banner-booking.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #99CC27;
        font-size: 120%;
    }

    body#home .banner-box ul>li.booking a:hover {
        background-color: #ABDC89;
    }

    body#home .banner-box ul>li.outline a {
        padding-left: 120px;
        background-image: url(../images/home/banner-outline.png);
        background-size: 93px 64px;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: #E3617C;
    }

    body#home .banner-box ul>li.outline a:hover {
        background-color: #eea0b0;
    }

    body#home .banner-box ul>li.tour a {
        padding-left: 15px;
        background-image: url(../images/home/banner-tour.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #e8822e;
        font-size: 120%;
    }

    body#home .banner-box ul>li.tour a:hover {
        background-color: #eda162;
    }

    /* 250813 */
    body#home .banner-box ul>li.recruit a {
        padding-left: 15px;
        background-image: url(../images/home/banner-recruit.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #99CC27;
    }

    body#home .banner-box ul>li.recruit a:hover {
        background-color: #ABDC89;
    }



    /* 220826 */
    body#home .banner-box ul>li.bus a {
        padding-left: 15px;
        background-image: url(../images/home/banner-bus.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #f9c900;
    }

    body#home .banner-box ul>li.bus a:hover {
        background-color: #fbdf66;
    }

    body#home .banner-box ul>li.three-years-old a {
        padding-left: 105px;
        background-image: url(../images/home/banner-3-years-old.png);
        background-size: 86px 64px;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: #3373A9;
    }

    body#home .banner-box ul>li.three-years-old a:hover {
        background-color: #6696bf;
    }

    body#home .banner-box ul>li a span {
        display: table-cell;
        vertical-align: middle;
    }

    body#home .banner-box ul>li .titles,
    body#home .banner-box ul>li .text {
        display: block;
    }

    body#home #home-subnav {
        margin-bottom: 0;
        padding-bottom: 100px;
    }

    body#home #home-subnav .container-inner>.titles {
        margin-bottom: 70px;
    }

    body#home #home-subnav .subnav-box {
        position: relative;
    }

    body#home #home-subnav .subnav-box .inner {
        background: #ffffff;
        width: 942px;
        height: 390px;
    }

    body#home #home-subnav .subnav-box .subnav {
        position: absolute;
        top: -30px;
        text-align: center;
    }

    body#home #home-subnav .subnav-box .subnav>li {
        width: 240px;
        display: inline-block;
        margin: 0 40px 0 0;
        box-sizing: border-box;
        text-align: center;
    }

    body#home #home-subnav .subnav-box .subnav>li:nth-child(3n) {
        margin: 0;
    }

    body#home #home-subnav .subnav-box .subnav>li a {
        display: block;
        text-decoration: none;
        color: #192E7A;
    }

    body#home #home-subnav .subnav-box .subnav>li a:hover {
        text-decoration: none;
        filter: alpha(opacity=60);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)";
        /* IE 8,9 */
        -moz-opacity: 0.6;
        /* FF , Netscape */
        -khtml-opacity: 0.6;
        /* Safari 1.x */
        opacity: 0.6;
        zoom: 1;
        /*IE*/
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .bg-box {
        margin-bottom: 10px;
        padding: 10px;
        background: #BFD3E4;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box {
        padding: 10px 10% 0;
        background: #ffffff;
        border-radius: 10px;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box p {
        margin: 0;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto {
        text-align: left;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto>span {
        display: inline-block;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto .image {
        margin-right: 10px;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto .text {
        line-height: 1.5;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .tips {
        font-size: 113.333%;
        font-weight: bold;
    }

    body#home #footer #footer-gmap {
        background-color: #FCECE0;
    }


}

@media only screen and (max-width: 640px) {


    /* HEADER */
    body#home #header {
        background-color: rgba(255, 255, 255, 0.82);
    }


    /* MAINV */
    body#home #mainv {
        position: relative;
        margin-top: 10px;
    }

    body#home #mainv .float-box {
        height: 0;
        padding-top: 54.6875%;
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 4;
    }

    .btn-box {
        margin: 40px auto 10px;
        top: 0;
        right: 0;
        text-align: center;
    }

    .btn-box>p {
        display: inline-block;
        padding: 0 60px 0 127px;
        text-align: center;
        background-position: left 30px top 10px, right 30px bottom;
        background-repeat: no-repeat;
        background-size: 77px 55px, 77px 49px;
        background-image: url(../images/home/h-cloud-l.png), url(../images/home/h-cloud-r.png);
    }

    .btn-box a:hover,
    .btn-box a:active {
        text-decoration: none;
        filter: alpha(opacity=60);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)";
        /* IE 8,9 */
        -moz-opacity: 0.6;
        /* FF , Netscape */
        -khtml-opacity: 0.6;
        /* Safari 1.x */
        opacity: 0.6;
        zoom: 1;
        /*IE*/
    }

    body#home #mainv .float-box .balloon-box-l {
        position: absolute;
        top: -10px;
        left: 20px;
        width: 25%;
    }

    body#home #mainv .float-box .float-box-r {
        position: absolute;
        bottom: 0;
        right: 10px;
        width: 25%;
    }

    body#home #mainv .image-box {
        /*height: 175px;*/
        position: relative;
        height: 0;
        padding-top: 54.6875%;
    }

    body#home #mainv .image-box .bx-wrapper,
    body#home #mainv .image-box .bx-viewport {
        height: 0 !important;
        padding-top: 54.6875% !important;
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        overflow: hidden;
    }

    body#home #mainv .image-box .image-list {
        height: 0 !important;
        padding-top: 54.6875% !important;
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto -28.125% !important;
        z-index: 2;
    }

    body#home #mainv .image-box .image-list>li {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: auto !important;
        height: 0;
        margin: auto -28.125% !important;
        padding-top: 54.6875%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 64% auto;
        z-index: 1;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    }

    body#home #mainv .image-box .image-list>li.image01 {
        background-image: url(../images/home/mainv/image/image01.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image02 {
        background-image: url(../images/home/mainv/image/image02.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image03 {
        background-image: url(../images/home/mainv/image/image03.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image04 {
        background-image: url(../images/home/mainv/image/image04.jpg?ver=20240604);
    }

    body#home #mainv .image-box .image-list>li.image05 {
        background-image: url(../images/home/mainv/image/image05.jpg?ver=20240604);
    }

    body#home #mainv .catch-bd {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: bottom;
        background-repeat: repeat-x;
        background-image: url(../images/home/mainv/catch/catch-bd.png);
        background-size: auto 10px;
        z-index: 3;
    }

    body#home #mainv .catch-box {
        position: relative;
        height: 300px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 30px 15px;
        background-image: url(../images/home/mainv/catch/catch-bg.png);
        background-position: bottom 10px center;
        background-repeat: repeat-x;
        background-size: auto 122px;
        background-color: #E0ECEE;
        text-align: center;
        z-index: 4;
    }

    body#home #mainv .catch-box .catch-list .titles {
        margin-bottom: 15px;
    }

    body#home #mainv .catch-box .catch-list .text {
        line-height: 2.13;
    }

    body#home #c-wrapper {
        padding-bottom: 0;
    }


    /* CONTENT */
    body#home #home-news {
        background: url(../images/common/line-dot.png) repeat-x bottom;
        padding: 0 0 50px;
    }

    body#home #home-news .news-box {
        margin-bottom: 60px;
    }

    body#home .banner-box {
        margin-bottom: 30px;
    }

    body#home .banner-box ul>li {
        width: 243px;
        margin: 0 auto 20px;
    }

    body#home .banner-box ul>li a {
        display: table;
        width: 243px;
        min-height: 64px;
        height: 64px;
        box-sizing: border-box;
        border-radius: 5px;
        color: #ffffff;
        font-size: 133.333%;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.5;
    }

    body#home .banner-box ul>li.booking a {
        padding-left: 15px;
        background-image: url(../images/home/banner-booking.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #99CC27;
        font-size: 120%;
    }

    body#home .banner-box ul>li.booking a:hover {
        background-color: #ABDC89;
    }

    body#home .banner-box ul>li.outline a {
        padding-left: 120px;
        background-image: url(../images/home/banner-outline.png);
        background-size: 93px 64px;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: #E3617C;
    }

    body#home .banner-box ul>li.outline a:hover,
    body#home .banner-box ul>li.outline a:active {
        background-color: #eea0b0;
    }

    body#home .banner-box ul>li.tour a {
        padding-left: 15px;
        background-image: url(../images/home/banner-tour.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #E8822E;
        font-size: 120%;
    }

    body#home .banner-box ul>li.tour a:hover,
    body#home .banner-box ul>li.tour a:active {
        background-color: #eda162;
    }

    body#home .banner-box ul>li.three-years-old a {
        padding-left: 105px;
        background-image: url(../images/home/banner-3-years-old.png);
        background-size: 87px 64px;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: #3373A9;
    }

    body#home .banner-box ul>li.three-years-old a:hover,
    body#home .banner-box ul>li.three-years-old a:active {
        background-color: #6696bf;
    }
    

    body#home .banner-box ul>li.bus a {
        padding-left: 15px;
        background-image: url(../images/home/banner-bus.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #f9c900;
    }

    body#home .banner-box ul>li.bus a:hover,
    body#home .banner-box ul>li.bus a:active {
        background-color: #fbdf66;
    }


        /* 250813 */
    body#home .banner-box ul>li.recruit a {
        padding-left: 15px;
        background-image: url(../images/home/banner-recruit.png);
        background-size: 82px 64px;
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #99CC27;
    }

    body#home .banner-box ul>li.recruit a:hover,
     body#home .banner-box ul>li.recruit a:active {
        background-color: #ABDC89;
    }



    body#home .banner-box ul>li a span {
        display: table-cell;
        vertical-align: middle;
    }

    body#home .banner-box ul>li .titles,
    body#home .banner-box ul>li .text {
        display: block;
    }

    body#home #home-blog {
        margin: 0;
    }

    body#home #home-blog .titles {
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        background-image: url(../images/home/blog-title-l.png), url(../images/home/blog-title-r.png);
        background-size: 76px auto, 76px auto;
        background-repeat: no-repeat;
        background-position: left -20px bottom 0, right -20px bottom 0;
    }

    body#home #home-blog .blog-list {
        margin-bottom: 15px;
    }

    body#home #home-blog .linker {
        margin-bottom: 20px;
    }

    body#home #home-blog #blog-wrapper {
        padding: 0;
        background: #EAF2F4;
    }

    body#home #home-blog .blog-list>li {
        width: 48%;
    }

    body#home #home-blog .blog-list>li .title {
        margin-bottom: 5px;
        font-weight: bold;
    }

    body#home #home-blog .blog-list>li .title a {
        color: #00166a;
        font-size: 106.666667%;
    }

    body#home #home-blog .blog-list>li:nth-child(odd) {
        clear: both;
        float: left;
        border-bottom: 4px solid #F15A24;
    }

    body#home #home-blog .blog-list>li:nth-child(even) {
        float: right;
        border-bottom: 4px solid #00176B;
    }

    body#home #home-blog .blog-list>li .image {
        margin: 0 0 10px 0;
    }

    body#home #home-blog .blog-list>li .image a {
        display: block;
        position: relative;
        height: 0;
        padding-top: 66.66666%;
        overflow: hidden;
    }

    body#home #home-blog .blog-list>li .image a:hover,
    body#home #home-blog .blog-list>li .image a:active {
        text-decoration: none;
        filter: alpha(opacity=60);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)";
        /* IE 8,9 */
        -moz-opacity: 0.6;
        /* FF , Netscape */
        -khtml-opacity: 0.6;
        /* Safari 1.x */
        opacity: 0.6;
        zoom: 1;
        /*IE*/
    }

    body#home #home-blog .blog-list>li .image img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    body#home #home-blog .blog-list>li .text {
        padding: 0 10px 10px;
    }

    body#home #home-blog .blog-list>li .text p {
        margin: 0;
    }

    body#home #home-blog .blog-list>li .text .property .times {
        display: block;
        margin-bottom: 5px;
    }

    body#home #home-blog .blog-list>li .text .property .cat {
        display: block;
    }

    body#home #home-blog .blog-list>li .text .property .cat a {
        display: inline-block;
        padding: 0 6px;
        color: #e7812d;
        font-size: 85.7142%;
        font-weight: bold;
        text-decoration: none;
        border: 1px solid #e7812d;
    }

    body#home #home-blog .blog-list>li .text .property .cat a:hover {
        background-color: #FCECE0;
    }

    body#home #home-subnav {
        margin-bottom: 0;
        padding: 50px 0 50px;
        background: #FCECE0;
    }

    body#home #home-subnav .subnav-box.cloud-box {
        padding: 0;
        background: none;
    }

    body#home #home-subnav .subnav-box.cloud-box.type-w {
        padding: 0;
        background: none;
    }

    body#home #home-subnav .subnav-box .inner {
        padding: 0;
        background: none;
    }

    body#home #home-subnav .subnav-box .subnav {
        text-align: center;
    }

    body#home #home-subnav .subnav-box .subnav>li {
        width: 48%;
        margin-bottom: 20px;
        box-sizing: border-box;
        text-align: center;
    }

    body#home #home-subnav .subnav-box .subnav>li:nth-child(odd) {
        clear: both;
        float: left;
    }

    body#home #home-subnav .subnav-box .subnav>li:nth-child(even) {
        float: right;
    }

    body#home #home-subnav .subnav-box .subnav>li:last-child,
    body#home #home-subnav .subnav-box .subnav>li:nth-last-child(2) {
        margin-bottom: 0;
    }

    body#home #home-subnav .subnav-box .subnav>li a {
        display: block;
        text-decoration: none;
        color: #192E7A;
    }

    body#home #home-subnav .subnav-box .subnav>li a:hover,
    body#home #home-subnav .subnav-box .subnav>li a:active {
        text-decoration: none;
        filter: alpha(opacity=60);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)";
        /* IE 8,9 */
        -moz-opacity: 0.6;
        /* FF , Netscape */
        -khtml-opacity: 0.6;
        /* Safari 1.x */
        opacity: 0.6;
        zoom: 1;
        /*IE*/
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .bg-box {
        margin-bottom: 5px;
        padding: 5px;
        background: #BFD3E4;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box {
        padding: 5px 5% 0;
        background: #ffffff;
        border-radius: 10px;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box p {
        margin: 0;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto {
        text-align: left;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto>span {
        display: inline-block;
        vertical-align: middle;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto .image {
        width: 45%;
        margin-right: 2%;
        line-height: 1.0;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .img-box .howto .text {
        width: 48%;
        font-size: 64.2857%;
        line-height: 1.5;
    }

    body#home #home-subnav .subnav-box .subnav>li.disease .tips {
        font-size: 71.4285%;
        font-weight: bold;
    }

    body#home #footer #footer-gmap {
        background-color: #FCECE0;
    }

}