@charset "utf-8";

/* ===================================================================
CSS information

file name  :  equipment.css
style info :  スタイル指定
=================================================================== */

p,
h3,
h4,
h5,
figcaption {
    color: #262626;
}

h4,
h5 {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal;
}

section.pt230 {
    padding-top: 230px;
}

#main img.fixImg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.img {
    margin: 0 0 0;
}

.point {
    background: url(../../../img/elements/point_bg.jpg) 0 0 repeat;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 1px 10px #777;
    color: #333;
    margin-bottom: 30px;
}

.point::before {
    content: '';
    display: block;
    width: 27px;
    height: 27px;
    background: url(../../../img/elements/point_flame.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.point::after {
    content: '';
    display: block;
    width: 27px;
    height: 27px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    background: url(../../../img/elements/point_flame.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.point .point-inner {
    position: relative;
    overflow: hidden;
}

.point .point-inner::before {
    content: '';
    display: block;
    width: 27px;
    height: 27px;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    background: url(../../../img/elements/point_flame.png) no-repeat;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
}

.point .point-inner::after {
    content: '';
    display: block;
    width: 27px;
    height: 27px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    background: url(../../../img/elements/point_flame.png) no-repeat;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;
}


/*----------#conts----------*/

#conts {
    margin-bottom: 100px;
    overflow: hidden;
}

.btn-block {
    margin: 0 auto 60px;
    width: 730px;
}

.btn-block .btn {
    border: solid 1px #7ebceb;
    width: 330px;
}

.btn-block .btn a {
    display: block;
    padding: 20px 0;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    transition: all 0.3s;
}

.btn-block .btn a:hover {
    color: #FFF;
    background: #7ebceb;
}

.btn-block .btn-visit {
    background: #7ebceb;
    color: #FFF;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    padding: 20px 0;
}

.caption2 {
    font-size: 10px !important;
    padding-top: 8px;
}

.cont1 {
    margin: 0 auto 110px;
    width: 820px;
}

.cont1 h3 {
    margin-bottom: 35px;
}

.cont1 .point {
    width: 820px;
}

.cont1 .point-inner h4 {
    font-size: 21px;
    padding-top: 45px;
    margin-bottom: 25px;
}

.cont1 .point-inner > div {
    margin: 0 auto;
    width: 710px;
}

.cont1 .point-inner .text-block {
    width: 390px;
}

.cont1 .point-inner .text-block p {
    font-size: 14px;
    padding: 20px 0;
    line-height: 180%;
    text-align: left;
}

.cont1 .point-inner .image-block {
    padding-bottom: 40px;
}

.cont1-sec {
    margin-bottom: 25px;
}

.cont1-sec .text-block {
    padding: 25px 0;
    text-align: left;
    width: 500px;
}

.cont1-sec .text-block h4 {
    border-bottom: solid 1px #c5c5c5;
    font-size: 21px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.cont1-sec .text-block p {
    font-size: 14px;
    line-height: 180%;
}

.cont2 {
    margin-bottom: 100px;
}

.cont2 h3 {
    margin-bottom: 35px;
}

.cont2 .point {
    margin: 0 auto;
    width: 980px;
}

.cont2 .point-inner h4 {
    padding-top: 40px;
    margin-bottom: 25px;
}

.cont2 .point-inner .intro {
    font-size: 14px;
    line-height: 180%;
    margin: 0 auto 35px;
    width: 500px;
}

.cont2 .point-inner > div {
    margin: 0 auto;
    width: 790px;
}

.cont2 .point-inner .image01 {
    margin-bottom: 30px;
}

.cont2 .point-inner .text-block {
    text-align: left;
    width: 550px;
}

.cont2 .point-inner .text-block h5 {
    font-size: 18px;
    margin-bottom: 15px;
}

.cont2 .point-inner .text-block p {
    font-size: 12px;
    line-height: 180%;
}

.cont2 .point-inner .image-block {
    padding-bottom: 100px;
}

.cont3 {
    margin-bottom: 80px;
}

.cont3 h3 {
    margin-bottom: 40px;
}

.cont3-list {
    margin: 0 auto;
    width: 820px;
}

.cont3-list li {
    margin-right: 75px;
    margin-bottom: 50px;
    width: 220px;
    height: 312px;
}

.cont3-list li:nth-of-type(3n) {
    margin-right: 0;
}

.cont3-list li figure {}

.cont3-list li figure figcaption {
    border-bottom: solid 1px #c5c5c5;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: left;
}

.cont3-list li figure p {
    font-size: 12px;
    line-height: 180%;
    text-align: left;
}

.cont4-main {
    margin: 0 auto 85px;
    max-width: 980px;
    position: relative;
    padding-top: 50px;
}

.cont4-main h3 {
    position: absolute;
    top: 0;
    right: 0;
    border-top: solid 1px #6a6a6a;
    border-bottom: solid 1px #6a6a6a;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 23px;
    font-weight: normal;
    line-height: 180%;
    letter-spacing: 0.3em;
    padding: 20px 35px;
    text-align: left;
}

.cont4-main .illust {
    position: absolute;
    top: 15px;
    right: 0;
}

.cont5 {
    margin: 0 auto 120px;
    width: 980px;
}

.cont5 h3 {
    margin-bottom: 60px;
}

.cont5-block1 {
    margin-bottom: 30px;
}

.cont5-block1 .point {
    width: 350px;
}

.cont5-block1 .point p {
    font-size: 14px;
    padding: 0 40px 50px;
    line-height: 180%;
    text-align: left;
}

.cont5-block2 {
    margin-bottom: 90px;
}

.cont5-block2 .point {
    width: 480px;
}

.cont5-block2 .text-block {
    display: table;
    padding: 0 40px 50px;
}

.cont5-block2 .point p {
    display: table-cell;
    font-size: 14px;
    line-height: 180%;
    text-align: left;
}

.cont5-block2 .point p:first-child {
    width: 300px;
}

.cont5-block2 .point p:last-child {
    padding-left: 20px;
    width: 97px;
    vertical-align: middle;
}

.cont5-block1 .point h4,
.cont5-block2 .point h4 {
    font-size: 19px;
    padding: 45px 40px 20px;
    text-align: left;
}

.cont5-list-block .left-block {
    width: 740px;
}

.cont5-list-block .left-block li {
    margin-right: 50px;
    margin-bottom: 60px;
    width: 316px;
}

.cont5-list-block .left-block .text-block {
    text-align: left;
    width: 176px;
}

.cont5-list-block .left-block .text-block h5,
.cont5-list-block .right-block .text-block h5 {
    border-bottom: solid 1px #c5c5c5;
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.cont5-list-block .left-block .text-block p,
.cont5-list-block .right-block .text-block p {
    font-size: 12px;
    line-height: 150%;
}

.cont5-list-block .right-block {
    text-align: left;
    width: 210px;
}

.cont5-list-block .right-block .text-block h5 {
    padding-top: 5px;
}

.cont6 h3 {
    margin-bottom: 40px;
}

.cont6-list {
    margin: 0 auto;
    width: 820px;
}

.cont6-list li {
    margin-right: 74px;
    width: 220px;
}

.cont6-list li:last-child {
    margin-right: 0;
}

.cont6-list li figcaption {
    border-bottom: solid 1px #c5c5c5;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: left;
}

.cont6-list li p {
    font-size: 12px;
    line-height: 180%;
    text-align: left;
}


/*----------#MediaQuery----------*/

@media screen and (max-width: 768px) {
    .btn-block {
        width: 95%;
    }
    .btn-block .btn {
        width: 48%;
    }
    .cont1 {
        margin: 0 auto;
        width: 95%;
    }
    .cont1 .point {
        margin: 0 auto 30px;
        width: 100%;
    }
    .cont1 .point-inner .text-block {
        width: 50%;
    }
    .cont1-sec .image-block {
        width: 40%;
    }
    .cont1-sec .image-block img {
        width: 100%;
    }
    .cont1-sec .text-block {
        padding: 10px 0;
        width: 58%;
    }
    .cont2 h3 {
        margin: 0 auto 30px;
        width: 80%;
    }
    .cont2 .point {
        width: 95%;
    }
    .cont2 .point-inner > div {
        width: 85%;
    }
    .cont2 .point-inner .image01 {
        width: 34%;
    }
    .cont2 .point-inner .image02 {
        width: 60%;
    }
    .cont2 .point-inner .text-block {
        width: 70%;
    }
    .cont2 .point-inner .image-block {
        padding: 30px 0 160px;
        width: 28%;
    }
    .cont3 {
        margin-bottom: 0;
    }
    .cont3-list {
        width: 95%;
    }
    .cont3-list li {
        margin-right: 4%;
        width: 30%;
    }
    .cont4-main h3 {
        position: relative;
        top: 0;
        left: 0;
        line-height: 150%;
        letter-spacing: 0.1em;
        padding: 20px 45px;
        width: 95%;
        font-size: 20px;
    }
    .cont4-main .illust {
        top: 0;
        right: 5%;
    }
    .cont5 {
        width: 95%;
    }
    .cont5-block1 .point {
        width: 33%;
    }
    .cont5-block1 .image-block {
        width: 63%;
    }
    .cont5-block1 .point h4,
    .cont5-block2 .point h4 {
        padding: 35px 25px 20px;
    }
    .cont5-block1 .point p {
        padding: 0px 25px 30px;
    }
    .cont5-block2 {
        margin-bottom: 50px;
    }
    .cont5-block2 .point {
        width: 40%;
    }
    .cont5-block2 .image-block {
        padding: 60px 0px;
        width: 58%;
    }
    .cont5-block2 .text-block {
        display: block;
        padding: 0 25px 35px;
    }
    .cont5-block2 .point p {
        display: block;
    }
    .cont5-block2 .point p:first-child {
        width: 100%;
    }
    .cont5-block2 .point p:last-child {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .cont5-list-block .left-block {
        width: 70%;
    }
    .cont5-list-block .left-block li {
        margin-right: 2%;
        width: 46%;
    }
    .cont5-list .image-block {
        float: none;
        height: 160px;
    }
    .cont5-list-block .left-block .text-block {
        float: none;
        width: 100%;
    }
    .cont5-list-block .right-block {
        width: 30%;
    }
    .cont6-list {
        width: 95%;
    }
    .cont6-list li {
        margin-right: 3%;
        width: 30%;
    }
}

@media screen and (max-width: 667px) {
    .cont1 .point-inner > div {
        width: 85%;
    }
    .cont1 .point-inner .text-block {
        width: 45%;
    }
    .cont1 .point-inner .image-block {
        width: 50%;
    }
    .cont1 .point-inner .text-block p {
        padding: 0;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 400px) {
    .cont1 h3 {
        width: 80%;
        margin: 0 auto 50px;
    }
    .cont1 .point-inner .text-block {
        float: none;
        width: 100%;
    }
    .cont1 .point-inner .image-block {
        float: none;
        width: 100%;
        text-align: center;
    }
    .cont1 .point-inner .text-block p {
        padding-bottom: 30px;
    }
    .cont1-sec .image-block {
        float: none;
        width: 100%;
    }
    .cont1-sec .text-block {
        width: 100%;
    }
    .cont2 h3 {
        width: 98%;
    }
    .cont2 .point-inner .intro {
        width: 90%;
    }
    .cont2 .point-inner .image01,
    .cont2 .point-inner .image02 {
        float: none;
        width: 100%;
    }
    .cont2 .point-inner .image02 {
        margin-bottom: 30px;
    }
    .cont2 .point-inner .text-block {
        float: none;
        width: 100%;
    }
    .cont2 .point-inner .image-block {
        width: 100%;
        float: none;
        text-align: center;
    }
    .cont3 {
        margin-bottom: 0;
    }
    .cont3 h3 {
        width: 80%;
        margin: 0 auto 50px;
    }
    .cont3-list li {
        width: 45%;
        height: 240px;
    }
    .cont3-list li:nth-of-type(3n) {
        margin-right: 4%;
    }
    .cont4-main h3 {
        width: 100%;
        padding: 5%;
        font-size: 18px;
    }
    .cont4-main .illust {
        display: none;
    }
    .bg-image {
        padding-top: 35px;
    }
    .cont5 {
        margin: 0 auto 50px;
    }
    .cont5 h3 {
        margin-bottom: 30px;
    }
    .cont5-block1 .point {
        width: 100%;
    }
    .cont5-block1 .image-block {
        width: 100%;
    }
    .cont5-block2 .point {
        width: 100%;
    }
    .cont5-block2 .image-block {
        width: 100%;
        padding: 0;
    }
    .cont5-list-block .left-block {
        width: 100%;
    }
    .cont5-list-block .right-block {
        width: 50%;
        float: none;
    }
    .cont5-list-block .left-block .text-block h5 {
        height: 42px;
    }
    .cont6 h3 {
        width: 70%;
        margin: 0 auto 30px;
    }
    .cont6-list li {
        margin-right: 0;
        width: 45%;
        height: 260px;
    }
    .cont6-list li:nth-of-type(odd) {
        margin-right: 5%;
    }
}