@charset "utf-8";
/* CSS Document */

/**********************
 共通（スマホ基本）
**********************/
#wrapper {
    width: 100%;
    color: #333333;
}
#wrapper img {
    width: 100%;
}
#wrapper a {
    text-decoration: none;
    color: #333333;
    display: block;
}
#wrapper .pc {
    display: none;
}

/* センター寄せ */
#wrapper .catch h2, .item-tit, .item_area, .more, .more2, .pic-under {
    display: block;
}

/* link */
#wrapper .more {
    width: 88%;
    margin: 1% auto 15%;
}
#wrapper .more2 {
    width: 75%;
    margin: 0 auto;
}
#wrapper .more p, .more2 p {
    font-size: 4vw;
    letter-spacing: 2px;
    padding: 3% 0;
    text-align: center;
    background-color: #ffdad6;
}

/**********************
 メイン
**********************/
#wrapper .topveiw {
    margin: -25% 0 5% 0;
}
#wrapper .main {
    margin: 10% 0 3%;
}
#wrapper .catch h2 {
    width: 30%;
    margin: 1% auto 2%;
}
#wrapper .catch2 h2 {
    width: 30%;
}
#wrapper .catch p {
    text-align: center;
    font-size: 3.5vw;
    line-height: 1.8em;
}
#wrapper .tit-icon {
    width: 38%;
    margin-left: -15%;
}
#wrapper .item-tit {
    font-size: 4.2vw;
    text-align: center;
    margin-top: 1%;
}
#wrapper .u-line {
    border-bottom: 2px dotted #ff6f61;
}
#wrapper .pic-under, .pic-end {
    width: 96%;
}
#wrapper .pic-under {
    margin: -2% auto 3%;
}
#wrapper .point-txt {
    font-size: 3.5vw;
    text-align: center;
    margin: 5% 0;
}
#wrapper .point-pic, .point-pic2, .pic-end {
    display: block;
}
#wrapper .point-pic {
    width: 80%;
    margin: 0 auto 4%;
}
#wrapper .point-pic2 {
    width: 82.5%;
    padding-left: 1.1%;
    margin: 0 auto;
}
#wrapper .pic-end {
    margin: 0 auto 3%;
}

/**********************
 PC用 (768px以上)
**********************/
@media (min-width: 768px) {
    #wrapper .sp {
        display: none;
    }
    #wrapper .pc {
        display: block;
    }
    #wrapper .jump_all li a {
        padding: 1.3em 0;
    }
    #wrapper .topveiw {
    margin: -15% 0 5% 0;
    }	
    #wrapper .catch h2 {
        width: 25%;
    }
    #wrapper .catch p {
        font-size: 20px; 
        line-height: 1.6em;
    }
    #wrapper .more p, .more2 p {
        font-size: 20px;
        letter-spacing: 3px;
    }
    #wrapper .tit-icon {
        width: 30%;
        margin-left: -8%;
    }
    #wrapper .item-tit {
        font-size: 24px;
        margin-top: -0.5%;
    }
    #wrapper .pic-under {
        margin: 0 auto 3%;
    }
    #wrapper .point-txt {
        font-size: 24px;
    }
}