@charset "utf-8";
  #english .footer_bnr_area,
#english #about_list,
#english #ggmap,
#english .footer_map,
#en_contact .footer_bnr_area {
display: none;
}
article {
overflow: hidden;
}
img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.yugothic {
font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
}
.tbl {
display: table;
width: 100%;
}
.tbl .tbl_c {
display: table-cell;
}
.enquiry_btn {
margin-bottom: 56px;
text-align: center;
font-size: 24px;
}
.enquiry_btn a {
display: inline-block;
padding: 2em 4em;
color: #c44047;
text-decoration: none;
letter-spacing: 2px;
border: 1px solid #c44047;
transition: all .3s;
}
.enquiry_btn a:hover {
color: #fff;
background-color: #c44047;
}
.enquiry_btn .fa {
padding-left: 2em;
}
.english_area {
padding-top: 80px;
margin: 0 auto;
max-width: 960px;
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
box-sizing: border-box;
}
.english_copy {
margin-bottom: 100px;
font-size: 36px;
letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
.english_area {
padding: 40px 2.5% 0;
}
.english_copy {
margin-bottom: 40px;
font-size: 26px;
line-height: 1.4;
}
}
@media screen and (max-width: 480px) {
.enquiry_btn {
font-size: 20px;
}
.enquiry_btn a {
display: block;
padding: 1em 0;
}
} .intro {
margin-bottom: 130px;
}
.intro .image {
width: 63%;
}
.intro .desc {
padding-left: 5%;
width: 30%;
font-size: 16px;
vertical-align: bottom;
}
.intro .desc p {
line-height: 1.6;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.intro.tbl {
margin: 0 auto 50px;
max-width: 600px
}
.intro.tbl,
.intro.tbl .tbl_c {
display: block;
}
.intro.tbl .tbl_c {
padding: 0;
width: 100%;
}
.intro .image {
margin-bottom: 30px;
}
} .type .heading {
margin-bottom: 77px;
text-align: center;
}
.type_ttl {
margin-bottom: 37px;
font-size: 48px;
color: #b4a04e;
letter-spacing: 4px;
}
.ttl_sub {
font-size: 16px;
letter-spacing: 1px;
}
.type_block {
margin-bottom: 100px;
}
.type_box {
width: 33.333%;
text-align: center;
}
.type_box .image {
padding: 0 14%;
margin-bottom: 15px;
}
.type_box .desc .ttl {
margin-bottom: 35px;
font-size: 16px;
}
.type_box .desc .ttl .head {
display: inline-block;
padding-right: .6em;
}
.type_box .desc .ttl .kind {
display: block;
padding-bottom: .2em;
}
.type_box .desc .ttl .num {
font-size: 36px;
}
.type_box .desc .detail {
color: #9f8e45;
font-size: 16px;
}
.type_box .desc .detail p {
line-height: 1.4;
}
@media screen and (max-width: 767px) {
.type_block {
margin-bottom: 80px;
}
.type_box .image {
padding: 0 10%;
margin-bottom: 15px;
}
.type .heading {
margin-bottom: 50px;
}
.type_ttl {
margin-bottom: 15px;
font-size: 34px;
}
.ttl_sub {
font-size: 14px;
}
.type_box .desc .ttl {
margin-bottom: 20px;
font-size: 13px;
}
.type_box .desc .ttl .num { font-size: 26px;}
.type_box .desc .detail { font-size: 14px;}
}
@media screen and (max-width: 480px) {
.type_block {
margin-bottom: 40px;
}
.type_block.tbl,
.type_block.tbl .tbl_c {
display: block;
width: 100%;
}
.type_box:not(:last-child) {
margin-bottom: 30px;
}
.type_box .inside {
display: table;
width: 100%;
}
.type_box .inside .image {
display: table-cell;
padding: 0;
width: 36%;
}
.type_box .inside .desc {
display: table-cell;
padding-left: 6%;
vertical-align: middle;
width: 64%;
text-align: left;
}
.type_box .desc .ttl {
margin-bottom: 10px;
font-size: 16px;
}
.type_box .desc .ttl .head {
display: block;
padding-right: 0;
margin-bottom: .6em;
}
.type_box .desc .ttl .kind {
display: inline-block;
padding-bottom: 0;
padding-right: .4em;
}
} .works_area {
margin-bottom: 90px;
}
.works {
padding: 0 2%;
}
.works:not(:last-child) {
margin-bottom: 100px;
}
.works .inside {
position: relative;
overflow: hidden;
}
.works .heading {
position: absolute;
top: 0;
transform: rotate(90deg);
}
.works.ttl_left .heading {
left: 4%;
transform-origin: 0 0;
}
.works.ttl_right .heading {
right: 3%;
transform-origin: 8em 8em;
}
.works_ttl {
position: relative;
}
.works_ttl::after {
position: absolute;
content: "";
width: 180%;
height: 2.8em;
bottom: 0;
background-color: #b4a04e;
}
.works_ttl .kind {
font-size: 18px;
letter-spacing: 1px;
}
.works_ttl .txt {
padding-right: .4em;
font-size: 24px;
letter-spacing: 2px;
}
.works.ttl_left .main { padding-left: 10%;}
.works.ttl_right .main { padding-right: 10%;}
.works .images li {
float: left;
margin-right: 4%;
width: 48%;
}
.works .images li:nth-child(-n + 2) {
margin-bottom: 2rem;
}
.works .images li:nth-child(2n) {
margin-right: 0;
}
.mh_bnr {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.works_ttl .kind { font-size: 14px;}
.works_ttl .txt { font-size: 20px;}
.works.ttl_right .heading {
right: 6%;
}
}
@media screen and (max-width: 480px) {
.works_area {
margin-bottom: 50px;
}
.works .heading {
position: static;
margin-bottom: 15px;
transform: none;
}
.works_ttl::after {
left: 0;
width: 100%;
height: 1em;
z-index: -1;
}
.works_ttl .txt {
display: inline-block;
font-size: 16px;
background-color: #fff;
}
.works.ttl_left .main,
.works.ttl_right .main {
padding: 0;
}
.works_ttl .kind {
display: block;
padding-bottom: .4em;
font-size: 13px;
background-color: #fff;
}
.works .images li:nth-child(-n+2) {
margin-bottom: 1rem;
}
.works:not(:last-child) {
margin-bottom: 50px;
}
} .access {
padding: 0 2%;
margin-bottom: 70px;
}
.access .map {
width: 47%;
}
.access .gmap {
position: relative;
padding-bottom: calc(100% - 30px);
margin-bottom: 30px;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.access .gmap iframe,
.access .gmap object,
.access .gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.access .address {
padding-top: 4.6em;
padding-left: 3%;
width: 50%;
font-size: 18px;
vertical-align: top;
text-align: center;
}
.access .address p {
margin-bottom: 1.4em;
line-height: 2;
}
.access .address .dial .class { font-size: 21px;}
.access .address .dial .num { font-size: 28px;
}
.access .address .dial .num img { height: 28px; }
.map_btn {
font-size: 16px;
text-align: center;
}
.map_btn a {
display: inline-block;
padding: 1em 4em;
color: #fff;
text-decoration: none;
transition: all .3s;
background-color: #000;
}
.map_btn a:hover {
background-color: #699443;
}
.map_btn .fa { padding-right: 1em;}
@media screen and (max-width: 767px) {
.access .inside.tbl,
.access .inside.tbl .tbl_c {
display: block;
}
.access .map { width: 100%;}
.access .address { width: 100%;}
}
@media screen and (max-width: 480px) {
.access .address {
padding-top: 2em;
font-size: 16px;
}
.access .address .dial .class { font-size: 18px;}
.access .address .dial .num { font-size: 21px;
}
.access .address .dial .num img { height: 21px; }
}