@charset "utf-8";

body {
    margin: 0 0;
    padding: 0 0;
    text-align: center;
}

div.main {
    width: 100%;
    background-image: url(../images/bg.jpg);
    background-size: cover;
}

p.main {
    width: 900px;
    margin: 0 auto;
    padding: 45px 0;
    text-align: left;
}

p.point {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

div.point {
    width: 800px;
    margin: 50px auto 50px auto;
}

div.point1 {
    width: 170px;
    height: 180px;
    float: left;
    margin: 0 30px 0 0;
}

div.point2 {
    width: 170px;
    height: 180px;
    float: left;
    margin: 0 30px 0 0;
}

div.point3 {
    width: 170px;
    height: 180px;
    float: left;
    margin: 0 30px 0 0;
}

div.point4 {
    width: 170px;
    height: 180px;
    float: left;
    margin: 0;
}

div.jiturei {
    width: 100%;
    background: #07326b;
    padding: 50px 0 65px 0;
}

div.jiturei_2 {
    width: 750px;
    margin: 60px auto 35px auto;
}

div.jiturei_3 {
    width: 311px;
    height: 311px;
    float: left;
    margin: 0;
}

div.jiturei_4 {
    width: 311px;
    height: 311px;
    float: right;
    marign: 0;
}

div.hisomukiken {
    width: 800px;
    margin: 0 auto;
}

div.hisomukiken_01 {
    width: 170px;
    float: left;
    margin: 0 40px 0 0;
}

div.hisomukiken_02 {
    width: 170px;
    float: left;
    margin: 0 40px 0 0;
}

div.hisomukiken_03 {
    width: 170px;
    float: left;
    margin: 0 40px 0 0;
}

div.hisomukiken_04 {
    width: 170px;
    float: left;
    margin: 0;
}

div.hisomukiken_05 {
    width: 170px;
    float: left;
    margin: 0 40px 0 0;
}

div.hisomukiken_06 {
    width: 170px;
    float: left;
    margin: 0 40px 0 0;
}

div.hisomukiken_07 {
    width: 170px;
    float: left;
    margin: 0 40px 0 0;
}

div.hisomukiken_08 {
    width: 170px;
    float: left;
    margin: 0;
}

div.fusei {
    width: 100%;
    padding: 90px 0 40px 0;
    background: #07326b;
}

div.juyousei {
    width: 800px;
    margin: 0 auto;
}

div.juyousei_01 {
    width: 362px;
    float: left;
}

div.juyousei_02 {
    width: 400px;
    float: right;
}

div.utm {
    width: 845px;
    margin: 0 auto 50px auto;
}

div.utm_01 {
    width: 430px;
    float: left;
}

div.utm_02 {
    width: 400px;
    float: right;
}

div.jirei {
    width: 100%;
    margin: 0 auto;
    padding: 85px 0 45px;
    background: #07326b;
}

div.artemis {
    width: 100%;
    margin: 0;
    padding: 65px 0 60px 0;
    background: #000;
}

div.text {
    margin: 50px 0 65px 0;
    padding: 0;
}

p.text {
    margin: 0 0 65px 0;
}

p.muryou {
    margin: 0 0 55px 0;
}

p.okigaru {
    margin: 0 0 30px 0;
    font-size: 2em;
    font-weight: bold;
}

p.mail {
    margin: 0 0 70px 0;
}

p.ttl_w {
    color: #fff;
    font-size: 2em;
    font-weight: bold;
}

p.kome {
    width: 900px;
    margin: 0 auto 90px auto;
    text-align: right;
    color: #fff;
    font-size: 0.8em;
}

div.kiken {
    padding: 115px 0 70px 0;
}

p.ttl_b {
    color: #07326b;
    font-size: 2em;
    font-weight: bold;
}

p.konnakoto {
    margin: 0 0 60px 0;
}

p.omakase {
    margin: 40px 0 0 0;
    font-size: 2em;
    font-weight: bold;
}

p.text_w {
    color: #fff;
    text-align: left;
}

div.utmtoha {
    padding: 85px 0;
}

p.text_b {
    text-align: left;
}

p.jirei {
    margin: 30px 0 0 0;
}

p.artemis_text {
    width: 900px;
    margin: 50px auto 0 auto;
    color: #fff;
    text-align: left;
}

p.tsuyomi_ttl {
    margin: 95px 0 0 0;
    font-size: 2em;
    font-weight: bold;
    color: #ffd300;
}

ul.tsuyomi_text {
    width: 850px;
    margin: 45px auto 0 auto;
    padding: 0;
    text-align: left;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
}

p.otoiawase_ttl {
    margin: 125px 0 0 0;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
}

.otoiawase_text {
    margin: 35px 0 0 0;
    color: #fff;
}

p.popup_text {
    width: 500px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

a:hover {
    opacity: 0.5 ;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
  }
  .clearfix{ zoom: 1; }

  @media screen and (max-width: 999px) {
    img {
        width: 100%;
    }

    p {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    
    p.main {
        width: 90%;
        margin: 0 auto;
        padding: 45px 0;
        text-align: left;
    }
    
    p.point {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    
    div.point {
        width: 90%;
        margin: 50px auto 50px auto;
    }
    
    div.point1 {
        width: 170px;
        height: 180px;
        float: left;
        margin: 0 0 30px 0;
    }
    
    div.point2 {
        width: 170px;
        height: 180px;
        float: right;
        margin: 0 0 30px 0;
    }
    
    div.point3 {
        width: 170px;
        height: 180px;
        float: left;
        margin: 0;
    }
    
    div.point4 {
        width: 170px;
        height: 180px;
        float: right;
        margin: 0;
    }
    
    div.jiturei {
        width: 100%;
        background: #07326b;
        padding: 50px 0 65px 0;
    }
    
    div.jiturei_2 {
        width: 90%;
        margin: 60px auto 0 auto;
    }
    
    div.jiturei_3 {
        width: 45%;
        height: 45%;
        float: left;
        margin: 0;
    }
    
    div.jiturei_4 {
        width: 45%;
        height: 45%;
        float: right;
        marign: 0;
    }
    
    div.hisomukiken {
        width: 90%;
        margin: 0 auto;
    }
    
    div.hisomukiken_01 {
        width: 170px;
        float: left;
        margin: 0;
    }
    
    div.hisomukiken_02 {
        width: 170px;
        float: right;
        margin: 0;
    }
    
    div.hisomukiken_03 {
        width: 170px;
        float: left;
        margin: 0;
    }
    
    div.hisomukiken_04 {
        width: 170px;
        float: right;
        margin: 0;
    }
    
    div.hisomukiken_05 {
        width: 170px;
        float: left;
        margin: 0;
    }
    
    div.hisomukiken_06 {
        width: 170px;
        float: right;
        margin: 0;
    }
    
    div.hisomukiken_07 {
        width: 170px;
        float: left;
        margin: 0;
    }
    
    div.hisomukiken_08 {
        width: 170px;
        float: right;
        margin: 0;
    }
    
    div.fusei {
        width: 100%;
        padding: 90px 0 40px 0;
        background: #07326b;
    }
    
    div.juyousei {
        width: 90%;
        margin: 0 auto;
    }
    
    div.juyousei_01 {
        width: 100%;
        float: none;
    }
    
    div.juyousei_02 {
        width: 100%;
        float: none;
    }
    
    div.utm {
        width: 90%;
        margin: 0 auto 50px auto;
    }
    
    div.utm_01 {
        width: 100%;
        float: none;
    }
    
    div.utm_02 {
        width: 100%;
        float: none;
    }
    
    div.jirei {
        width: 100%;
        margin: 0 auto;
        padding: 85px 0 45px;
        background: #07326b;
    }
    
    div.artemis {
        width: 100%;
        margin: 0;
        padding: 65px 0 60px 0;
        background: #000;
    }
    
    div.text {
        margin: 50px 0 65px 0;
        padding: 0;
    }
    
    p.text {
        width: 90%;
        margin: 0 auto 65px auto;
    }
    
    p.muryou {
        margin: 0 auto 55px auto;
    }
    
    p.okigaru {
        margin: 0 auto 30px auto;
        font-size: 2em;
        font-weight: bold;
    }
    
    p.mail {
        margin: 0 auto 70px auto;
    }
    
    p.ttl_w {
        color: #fff;
        font-size: 2em;
        font-weight: bold;
    }
    
    p.kome {
        width: 90%;
        margin: 0 auto 90px auto;
        text-align: right;
        color: #fff;
        font-size: 0.6em;
    }
    
    div.kiken {
        padding: 115px 0 70px 0;
    }
    
    p.ttl_b {
        color: #07326b;
        font-size: 2em;
        font-weight: bold;
    }
    
    p.konnakoto {
        margin: 0 auto 60px auto;
    }
    
    p.omakase {
        margin: 40px auto 0 auto;
        font-size: 2em;
        font-weight: bold;
    }
    
    p.text_w {
        color: #fff;
        text-align: left;
    }
    
    div.utmtoha {
        padding: 85px 0;
    }
    
    p.text_b {
        text-align: left;
    }
    
    p.jirei {
        margin: 30px auto 0 auto;
    }
    
    p.artemis_text {
        width: 90%;
        margin: 50px auto 0 auto;
        color: #fff;
        text-align: left;
    }
    
    p.tsuyomi_ttl {
        margin: 95px 0 0 0;
        font-size: 2em;
        font-weight: bold;
        color: #ffd300;
    }
    
    ul.tsuyomi_text {
        width: 90%;
        margin: 45px auto 0 auto;
        padding: 0;
        text-align: left;
        font-size: 1.8em;
        font-weight: bold;
        color: #fff;
    }
    
    p.otoiawase_ttl {
        margin: 125px 0 0 0;
        font-size: 2em;
        font-weight: bold;
        color: #fff;
    }
    
    .otoiawase_text {
        margin: 35px 0 0 0;
        color: #fff;
    }

    p.popup_image {
        width: 350px;
        margin-right: auto;
        margin-left: auto;
    }
    
    p.popup_text {
        width: 350px;
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }
  }