@charset "utf-8";
/* Common */
a{
    text-decoration: none;
}
.font_12{
    font-size: 1.2rem;
}
.font_18{
    font-size: 1.8rem;
}
.font_25{
    font-size: 2.5rem;
}
.left{
    text-align: left;
}
.bg_{
	background: #eeeeee;
}
.ma_5{
	margin: -5% 0 0 0;
}
.ma_10{
	margin: 10% 0;
}
/* Unique */
.slider img {
    transform-origin: center top;
    transform: scale(1.1);
    transition: 5s ease-out;
    width:100vw;
}
.slider .slick-active img {
    transform: scale(1.0);
}
#mainArea{
    margin: 0 auto;
    font-size: 100%;
    line-height: 2.2rem;
}
#mainImg img{
    margin: 0 auto;
    width: 100vw;
}
h2::after{
    border-top: 1px solid #000000;
    width: 100px;
    margin: 4% auto;
    text-align: center;
    content: "";
    display: block;
}
.mainLead_{
	text-align: center;
	margin: 5% auto;
    font-size: 1.4rem;
    line-height: 1.8;
}
.section_{
    width: 1000px;
    margin: 0 auto;
}
.recImg_{
    display: inline-block;
    width: 59%;
    vertical-align: top;
    text-align: center;
}
.recText_{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    text-align: center;
    padding: 5% 0;
    line-height: 1.5;
}
h3.sectionTtl_ span{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    margin: 0 0 1% 0;
    display: block;
    letter-spacing: 1px;
}
.itemArea_::after{
    border-top: 1px solid #000000;
    width: 30px;
    margin: 5% 0;
    text-align: left;
    content: "";
    display: block;
}
.itemArea_::before{
    border-top: 1px solid #000000;
    width: 30px;
    margin: 5% 0 3%;
    text-align: left;
    content: "";
    display: block;
}
.itemName_{
    /*font-family: 'HelveticaNeue-CondensedBold','Roboto','Noto Sans JP', sans-serif;;*/
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    margin: 0;
}
.staffComment_ ul{
    text-align: left;
}
.staffComment_ ul li{
	text-align: left;
    width: 23%;
    vertical-align: bottom;
    display: inline-block;
}
.staffComment_ ul li:last-child{
	width: 50%;
}
.comment_{
    clear: both;
    text-align: left;
    padding: 6% 0;
    line-height: 1.8;
}
.btnArea_ a {
	color: #eeeeee;
    text-align: center;
    padding: 2% 6%;
    font-size: 1.1rem;
    margin: 5% 0 0 0;
    transition: all .3s;
    display: inline-block;
    text-decoration: none;
    background: #000000;
}
.btnArea_ a:hover {
    color: #ffffff !important;
    background-color: #999999;
}
.comingsoon_ {
	color: #ffffff;
    text-align: center;
    padding: 2% 6%;
    font-size: 1.1rem;
    margin: 5% 0 0 0;
    transition: all .3s;
    display: inline-block;
    text-decoration: none;
    background: #999999;
}