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

/*-------- coceptコンセプト --------*/
.concept-main-bg {
    position: relative;
    background:url("../img/concept/co_main.jpg") no-repeat center;
    background-size:cover;
    width: 100%;
    height: 70vh;
    min-height: 800px;
}
@media screen and (max-width:1200px) {
    .concept-main-bg {
        height: 60vh;
        min-height: 600px;
    }
}
@media screen and (max-width:767px) {
        .concept-main-bg {
            height:30vh;
            min-height: 300px;
    }
}


h3 {
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: 1.5;
}
@media screen and (max-width:540px) {
}


/* concept01 */
#concept01 {
    padding-top: 30px;
    padding-bottom: 40px;
}

@media screen and (min-width:1024px) {
    #concept01 .container-sm {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
        img.dd {
            max-width: 330px;
    }
    #concept01 p {
       line-height: 2.2;
    }
}
@media screen and (max-width:500px) {
    #concept01 {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .dd {
        margin: 0 auto 10px;
        display: block;
    }
    img.dd {
        width: 45%;
    }
}


#concept02 {
    margin-top: 20px;
    margin-bottom: 60px;
}
.concept-sub img {
    margin: 0 auto;
    width: 100%;
}


#concept02 .btn-box {
    max-width: 280px;
    margin-bottom: 20px;
}
#concept02 .btn-box .btn01 a {
    width: 280px;
    height: 60px;
    font-size: 1rem;
}
@media screen and (max-width:500px) {/*スマホのとき*/
#concept02 .btn-box .btn01 a {
        width: 220px;
    	font-size: .9rem;
    	height: 50px;
    }
}


/* menu */
#menu {
    margin: 30px 0 30px 0;
    padding-top: 20px;
    border-top: 1px solid #222;
}

.menu-list {
	padding: 15px 0;
}
.menu-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.menu-list article {
	padding: 0;
	width: 48%;/*1列100%　2列になったら48%*/
	flex: none;
    position: relative;
    margin-bottom: 5px;
}
.menu-list article:not(:nth-last-child(-n+2)) {
	margin-bottom: 5px;
}

.menu-list article a {
    display: block;
}
.menu-list article a h3 {
	margin: 0 0 10px 0;
	font-size: 0.8rem;
    letter-spacing: 0.04em;
    line-height: 1.4;
}
.menu-list article a h3:hover {
    color: #b48376;
}
.menu-list article figure {
    line-height: 1.2;
}

.new-m {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 0.7rem;
  background: #c7161d;
  z-index: 100;
}

/* PC版 */
@media screen and (min-width:1024px) {
    .menu-list article {
        width: 31%;/*4列23%*/
    }
    .menu-list article:not(:nth-last-child(-n+2)) {
        margin-bottom: 0;
    }
    .menu-list article a h3 {
        font-size: 0.9rem;
    	margin: 0 0 20px 0;
    }
}