@charset "UTF-8";
/*
---------------------------------------
    toppage
---------------------------------------
*/




#wrapper {
    width: 100%;
    min-width: 1450px;
    color: #322825;
    background: url(../img/top_bg.jpg) top center no-repeat; 
}
@media screen and (max-width: 960px) {
    #wrapper {
        min-width: auto;
        background: url(../img/top_bg_sp.jpg) top center no-repeat; 
        background-size:contain; 
    }
}


#wrapper .kv_area > .inner {
    width: 1450px;
    margin: 0 auto;
    position: relative; 
}
@media screen and (max-width: 960px) {
    #wrapper .kv_area > .inner {
        width: 100%;
        background: none;
        height: auto; 
    }
}

#wrapper .main_contents {
}
@media screen and (max-width: 960px) {
    #wrapper .main_contents {
        padding:  0 3vw 6vw 3vw;
        background-size:cover;
    }
}
#wrapper .main_contents > .inner {
    width: 1450px;
    margin: 0 auto;
    height: 3050px;
    position: relative; 
}
@media screen and (max-width: 960px) {
    #wrapper .main_contents > .inner {
        width: 100%;
        height: auto; 
        padding-top: 20px;
    }
}




/* wowユニット
------------------------------------ */

#wrapper .main_contents .unit {
    display: block;
    position: absolute;
    width: 950px; /* 1450 - 250 - 250 */
    font-size: 2rem;
    z-index: 99;
    font-family: "Kosugi Maru", sans-serif;
}
#wrapper .main_contents .unit .wow {
    position: relative;
    width: 100%;
}
#wrapper .main_contents .unit .ttl {
    text-align: left;
}
#wrapper .main_contents .unit img {
    display: inline-block;
    margin-bottom: 10px;
}
#wrapper .main_contents .unit a:hover {
    text-decoration: underline;
}


/*　▼ユニットごと　*/

#wrapper .unit.news { top:50px; left: 250px;}
#wrapper .unit.news .txt { padding: 0; }
#wrapper .unit.news .txt ul li {
    min-height: 60px;
    padding: 10px 0 0 60px;
    font-size: 2.5rem;
    background: url(../img/ico_hint.png) no-repeat;
    background-size:50px; 
}

#wrapper .unit.insta { top:770px; left: 250px;text-align: center;}
#wrapper .unit.insta .frame{
    width: 500px;
    display: inline-block;
    border: solid #fff 5px;
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);
    background: #fff;
}


#wrapper .unit.form { top:2000px; left: 250px;text-align: center;}
#wrapper .unit.form .form-wrapper{
    width: 860px;
    margin:  0 auto;
    padding: 1em;
    background: #fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;    
}
#wrapper .unit.form .form-wrapper p {
    padding: 0.5em;
    text-align: left;
}
#wrapper .unit.form .form-wrapper ul {
    padding: 0.5em;
}
#wrapper .unit.form .form-wrapper ul li {
    padding: 0 0 0.5em 1em;
    text-align: left;
}
#wrapper .unit.form .form-wrapper .t-wrapper {
    padding: 1em;
}
#wrapper .unit.form th {
    width: 30%;
    padding: 0.5em;
    text-align: right;
    vertical-align: middle;
}
#wrapper .unit.form td {
    padding: 0.5em;
    text-align: left;
}
#wrapper .unit.form td input {   
    padding: 0.2em;
}
#wrapper .unit.form td input[type=submit] {   
    padding: 0.5em 1em;
    line-height: 170%;
}
#wrapper .unit.form td textarea {   
    height: 3em;
    padding: 0.2em;
}




@media screen and (max-width: 960px) {
    #wrapper .main_contents .unit {
        position: relative;
        width: 100%;
        margin:  0 auto 3vw;
        text-align: center;
        top:0;
        left: 0;
        filter: alpha(opacity=95);
        -moz-opacity:0.95;
        opacity:0.95; 
        background: #fff;

    }
    #wrapper .main_contents .unit img{
        width: 100%;
    }

    #wrapper .main_contents .unit a,
    #wrapper .main_contents .unit span,
    #wrapper .main_contents .unit address{
        margin:  0 3px 13px;
    }
    #wrapper .main_contents .unit .ill,
    #wrapper .main_contents .unit .ttl,
    #wrapper .main_contents .unit .text {
        position: relative;
        top:auto;
        left: auto;
        right: auto;
    }
    #wrapper .unit .ttl { padding: 1em 1.5em;}

    #wrapper .unit.news { width: 100%; top:auto; left: auto; }
    #wrapper .unit.news .txt { position: relative; top:auto; left: auto; margin-bottom: 15vw;}
    #wrapper .unit.news .txt ul li {
        width: 100%;
        min-height:auto;
        padding: 2vw 2vw 2vw 12vw;
        font-size: 3.7vw;
        background-size:10%; 
        text-align: left;
    }

    #wrapper .unit.insta .frame{
        width: 100%;
        box-shadow: none;
    }
    #wrapper .unit.form {}
    #wrapper .unit.form .form-wrapper{
        width: 98%;
        margin:  0 auto;
        padding: 0;
        font-size: 3.7vw;
    }
    #wrapper .unit.form .form-wrapper p {
    }
    #wrapper .unit.form .form-wrapper ul {
    }
    #wrapper .unit.form .form-wrapper ul li {
    }
    #wrapper .unit.form .form-wrapper .t-wrapper {
        padding: 0;
    }
    #wrapper .unit.form th {
        display: block;
        width: 100%;
        text-align: left;
        padding-bottom: 0;
        font-size: 3.7vw;
    }
    #wrapper .unit.form td {
        display: block;
        width: 100%;
        padding-top: 0;
        font-size: 3.7vw;
    }
    #wrapper .unit.form td input[type=text],
    textarea {
        width: 100%;
    }

}