@media (max-width: 999px) {
    .pc{
        display: none !important;
    }
    
    body {
        padding: 10px;
        background-color: #000a49;
    }
    
    /** HEADER */
    header {
        height: 90px;
        background-color: #ffffff;
        padding: 0;
        margin: 0;
        text-align: left;
        overflow: visible;
    }
    
    header a.logo {
        display: inline-block;
        width: 180px; 
        padding: 12px 10px;
        float: left;
    }
    
    header a.menu {
        display: inline-block;
        width: 90px;
        height: 90px;
        padding: 0;
        margin: 0;
        float: right;
    }
    
    header nav {
        display: none;
        position: absolute;
        top:90px;
        left: 10px;
        z-index: 9999;
        background-color: #1f286f;
        width: calc(100% - 20px);
    }
    
    
    header nav a {
        display: block;
        text-align: center;
        line-height: 90px;
        font-size: 26px;
        font-weight: bold;
        color: #ffffff;
    }
    
    /** /HEADER */
    section#area_main {
        margin: 0;
        padding: 0;
        position: relative;
        background: url(../img/sp/fish.gif) no-repeat left center;
        background-size: 100% auto;
    }
    
    section#area_main div.mask {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/bg.png) repeat;
        opacity: 0.3;
        z-index: 1;
    }
    
    section#area_main img.video_title_sp {
        position: absolute;
        opacity: 0;
        z-index: 1000;
    }
    
    main section#area_topics {
        padding: 10px 0;
    }
    
    main section#area_topics div.container h3 {
        width: 100%;
        background-color: #1f286f;
        font-size: 24px;
        color:#ffffff;
        display: block;
        margin: 0;
        padding: 0;
        line-height: 100px;
        text-align: center;
    }
    
    main section#area_topics div.container div.topics_content {
        margin: 0;
        padding: 0;
        background-color: #475e93; 
    }
    
    main section#area_topics div.container div.topics_content dl {
        padding: 38px 20px;
        margin: 0 0 10px;
        width: calc(100% - 40px);
        overflow: hidden;
    }
    
    main section#area_topics div.container div.topics_content dl:last-child {
        margin: 0 0 0;
    }
    
    main section#area_topics div.container div.topics_content dl dt,
    main section#area_topics div.container div.topics_content dl dd {
        display: inline-block;
        float: left;
        line-height: 24px;
        font-size: 16px;
        color: #ffffff;
        font-weight: normal;
        padding: 0;
        margin: 0;
        text-align: left;
    }
    
    main section#area_topics div.container div.topics_content dl dt {
        width: 80px;
    }
    
    main section#area_topics div.container div.topics_content dl dd {
        width: calc(100% - 80px);
    }
    
    main section h2 {
        display: block;
        margin: 0 10px;
        padding: 0 0 20px;
        color: #1f286f;
        font-weight: normal;
    }
    
    main section h2 img {
        max-width: 96%;
    }
    
    main section#area_aboutus {
        background-color: #ffffff;
        padding: 35px 0;
        text-align: left;
    }
    
    main section#area_aboutus article h3 {
        padding: 0;
        margin: 45px auto 20px;
        font-size: 30px;
        color: #1f286f;
        line-height: 45px;
        height: 45px;
    }
    
    main section#area_aboutus article {
        margin: 0 10px;
    }
    
    main section#area_aboutus article p {
        font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
        font-size: 18px;
        line-height: 40px;
        margin: 0 auto;
    }
    
    main section#area_aboutus article img {
        margin-top: 10px;
        width: 70%;
    }
    
    main section#area_aboutus article p img {
        width: auto;
    }
    
    main section#area_company {
        background-color: #e2e5ed;
        padding: 35px 0;
    }
    
    main section#area_company article {
        margin: 0 10px;
        padding: 0;
    }
    
    main section#area_company article h3 {
        font-size: 28px;
        color: #1f286f;
        height: 70px;
        line-height: 70px;
        font-weight: bold;
        padding: 0 0 0 45px;
        margin: 0;
        text-align: left;
        background: url(../img/icon_title.png) left center no-repeat;
    }
    
    
    main section#area_company article div.table {
        display: table;
        width: 100%;
        border-top: solid 1px #acaec1;
        padding: 0;
        margin: 0;
    }
    
    main section#area_company article dl {
        padding: 0;
        margin: 0;
        text-align: left;
        display: table-row;
    }
    
    main section#area_company article dl dt,
    main section#area_company article dl dd {
        display: table-cell;
        vertical-align: top;
        padding: 15px;
        margin: 0;
        border-bottom: solid 1px #acaec1;
    }
    
    main section#area_company article dl dt {
        color: #ffffff;
        font-weight: bold;
        background-color: #1f286f;
        vertical-align: middle;
        font-size: 18px;
        text-align: center;
    }
    
    main section#area_company article dl dd {
        font-weight: normal;
        background-color: #ffffff;
        font-size: 16px;
    }
    
    main section#area_privacy {
        padding: 30px 10px;
        background: #ffffff;
    }

    main section#area_privacy div.container {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    
    main section#area_privacy div.container article {
        padding: 0 10px;
    }
    
    main section#area_privacy div.container p {
        text-align: left;
    }
    
    main section#area_privacy div.container h2 {
        margin: 0;
    }
    
    main section#area_privacy article h3 {
        font-size: 24px;
        color: #1f286f;
        height: 70px;
        line-height: 70px;
        font-weight: bold;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    
    main section#area_privacy article h3 span {
        border-bottom: solid 2px #1f286f;
        padding-bottom: 5px;
    }
    
    main section#area_privacy article dl {
        padding: 0;
        margin: 0 0 40px;
        text-align: left;
    }
    
    
    main section#area_privacy article dl dt {
        font-size: 18px;
        color: #1f286f;
        padding: 0;
        margin: 0;
        font-weight: bold;
    }
    
    main section#area_privacy article dl dd {
        font-weight: normal;
        padding: 0;
        margin: 0;
    }
    
    /** FOOTER **/
     /** FOOTER **/
    footer {
        padding: 0 0 10px;
        background-color: #ffffff;
    }
    
    footer > img {
        margin: 37px auto  0;
    }
    
    footer p.address {
        padding: 0;
        margin: 10px auto;
    }
    
    footer p.copyright {
        font-size: 10px;
        margin: 0;
        padding: 0;
    }
    
    main section#area_privacy div.container p.comment {
        text-align: center;
    }
    
    span.required {
        color:#c80000;
    }
    
    
    form dl {
        margin: 0 auto 20px !important;
        padding: 0;
    }
    
    form dl dt,
    form dl dd {
        margin: 0 auto;
        padding: 0;
        display: block;
        float: none;
        text-align: left;
    }
    
    form dl dt {
        width: calc(100% - 30px);
        font-size: 16px;
        font-weight: normal;
        line-height: 30px;
    }
    
    form dl dd {
         width: calc(100% - 30px);
    }
    
    form dl dd input[type=text],
    form dl dd input[type=email],
    form dl dd textarea{
        display: block;
        padding: 0 10px;
        font-size: 16px;
        line-height: 28px;
        border: solid 1px #b6b6b6;
        border-radius: 3px;
        width: calc(100% - 22px);
    }
    
    form input[type=submit] {
        display: block;
        padding: 0;
        margin: 0 auto;
        height: 60px;
        line-height: 60px;
        width: 80%;
        max-width: 405px;
        background-color: #1f286f;
        color: #ffffff;
        font-size: 20px;
        cursor: pointer;
    }
}

@media (max-width: 639px) {
    main section#area_company article dl dt {
        width: 100px;
        font-size: 12px;
    }
    
    
    main section#area_company article dl dd {
        font-size: 14px;
    }
}

@media (max-width: 340px) {
    
}