@charset "UTF-8";

@media only screen and (max-width: 1100px) {

/* -----------------------------------------------
base
----------------------------------------------- */
.inner {
min-width: 900px;
}

html,
body {
min-width: 900px;
}

#page {
min-width: 900px;
}

/* -----------------------------------------------
header
----------------------------------------------- */

#topArea::before {
display: none;
}

#topArea::after {
left: 0px;
}

#globalHeader h1 {
left: 0px;
}

#globalHeader nav {
left: 210px;
}

/* -----------------------------------------------
kv
----------------------------------------------- */
#kv h2 {
left: 0px;
}

#kvSlide {
width : -webkit-calc(100% - 210px);
width : calc(100% - 210px);
}

/* -----------------------------------------------
top
----------------------------------------------- */
#news::after {
left: 0px;
}

#news h2 {
width: 145px;
}

.news-list {
margin-left: 210px;
}

/* -----------------------------------------------
subpage
----------------------------------------------- */
.contents-bg {
left: 0px;
width : -webkit-calc(100% - 0px);
width : calc(100% - 0px);
}

#titleArea {
margin-left: 0px;
}

#entry {
margin-left: 210px;
width : -webkit-calc(100% - 210px);
width : calc(100% - 210px);
}

#nextprev {
margin-left: 210px;
}
}

@media only screen and (max-width: 900px) {

#globalHeader nav {
display: none;
}
}

@media only screen and (max-width: 767px) {

.sp,
.brSp {
display: inline-block;
}

.pc,
.brPc {
display: none;
}

body {
background: #fbfaf8 url(../images/sp/all_line.png) center top repeat;
}

/* -----------------------------------------------
textBt
----------------------------------------------- */
.textBt {
padding-top: 30px;
}

/* -----------------------------------------------
base
----------------------------------------------- */
.inner {
min-width: inherit;
}

html,
body {
min-width: inherit;
}

#page {
min-width: inherit;
}

/* -----------------------------------------------
header
----------------------------------------------- */
#topArea::after {
display: none;
}

#globalHeader {
height: 60px;
background: rgba(161,131,81,0.05);
border-bottom: rgba(161,131,81,0.3) solid 1px;
margin-bottom: 1px;
}

#globalHeader h1 {
bottom: inherit;
top: 10px;
left: 15px;
text-align: left;
}

#globalHeader h1 img {
height: 30px;
padding: 5px 0;
width: auto;
}

#spMenuOver {
width: 40px;
height: 40px;
top: 10px;
right: 10px;
}

#spMenu {
width: 40px;
height: 40px;
top: 10px;
right: 10px;
overflow: hidden;
}

#spMenu > span {
display: none;
}

#spMenuOver ul li {
font-size: 18px;
}

/* -----------------------------------------------
kv
----------------------------------------------- */
#kv {
margin-top: 0px;
height: 350px;
}

#top #kvSlide::before {
background: #fbfaf8 url(../images/sp/all_line.png) center top repeat;
}

#kvSlide::after {
background: url(../images/sp/all_line2.png) center top repeat;
}

#kvSlide {
width : -webkit-calc(100% - 0px);
width : calc(100% - 0px);
height: 350px;
}

#kv h2 {
font-size: 14px;
letter-spacing: 3px;
margin-top: -39px
}

#kv h2 span {
padding: 5px 10px 5px 10px;
}

/* -----------------------------------------------
top
----------------------------------------------- */
.topBlock h2 span {
padding: 0 50px 3px 50px;
}

.topBlock h2::after {
height: 8px;
}

#news {
padding: 30px 0 20px 0;
}

#news::after {
display: none;
}

#news h2 {
float: none;
width: auto;
margin-right: 10px;
margin-bottom: 40px;
}

#news h2::before,
#news h2::after {
top: inherit;
bottom: -10px;
}

#news h2 br {
display: none;
}

#contents .news-list {
margin-top: 40px;
padding: 0 0 0 30px;
}

.news-list {
margin-left: 0px;
margin-right: -1px;
}

.news-list li {
width: 50%;
padding-right: 1px;
box-sizing: border-box;
background: none;
}

.news-list li a {
width: 100%;
height: 100%;
}

.news-list li a .image {
width: 100%;
height: auto;
}

.news-list li a .image img {
width: 100%;
}

.news-list li a span.more {
width: 100%;
}

#concept {
padding: 50px 15px;
background: url(../images/concept_bg.png) right bottom no-repeat;
}

#concept h2 {
font-size: 21px;
}

#concept h3::before {
height: 10px;
top: 15px;
}

#concept h3 {
font-size: 18px;
line-height: 1.5;
padding-top: 60px;
padding-bottom: 30px;
}

#concept p {
font-size: 14px;
line-height: 38px;
text-align: left;
}

#concept p br {
display: none;
}

#concept p.textBt {
text-align: center;
}

#works {
background: #FFF url(../images/sp/all_line.png) center top repeat;
flex-direction: column;
}

#works .image {
width: 100%;
height: 200px;
}

#works .image::after {
background: url(../images/sp/all_line2.png) center top repeat;
}

#works .textArea {
width: 100%;
padding: 30px 0;
}

#works h2 {
font-size: 21px;
}

#works .lead {
font-size: 16px;
}

#works .textBt a {
font-size: 14px;
}

#contact {
-webkit-background-size: 24px 94px;
background-size: 24px 94px;
}

#contact .gradient {
padding: 30px 0 110px 0;
}

#contact h2 {
font-size: 21px;
}

#contact h3 {
font-size: 16px;
}

#contact .textBt a {
font-size: 14px;
letter-spacing: 5px;
text-indent: 5px;
}

/* -----------------------------------------------
subpage
----------------------------------------------- */
#subpage #main {
padding-top: 0px;
}

.contents-bg {
top: -40px;
}

#contents::before {
top: 360px;
}

#titleArea {
padding: 30px 0 30px 0;
}

#titleArea p,
#titleArea h1 {
font-size: 18px;
letter-spacing: 10px;
padding-left: 60px;
}

#titleArea p::before,
#titleArea h1::before {
height: 30px;
bottom: 5px;
left: 15px;
}

#entry {
margin-top: 40px;
margin-left: 30px;
width : -webkit-calc(100% - 30px);
width : calc(100% - 30px);
padding: 15px 15px 50px 15px;
}

#entry h1,
#entry h2 {
font-size: 21px;
color: #a4875e;
letter-spacing: 5px;
line-height: 1.5;
margin-top: 14px;
margin-bottom: 15px;
}

#entry p {
font-size: 14px;
line-height: 30px;
margin-bottom: 1em;
}

#entry ul {
font-size: 14px;
line-height: 30px;
}

.mainImage {
padding-top: 15px;
padding-bottom: 30px;
}

#nextprev {
margin-left: 30px;
}

.pagination {
margin-left: 30px;
font-size: 12px;
}

.formTable td,
.formTable th {
display: block;
}
.formTable th {
border-right: none;
}

}