@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  color: #111;
  font-family: "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
  font-size: 14px;
}
ul li {
	list-style: none;
}
body, html {
  height: 100%;
  margin: 0 auto;
}
body {
	line-height: 1.6em;
}
html {
  scroll-behavior: smooth;
}
img {
  width: 100%;
  vertical-align: top;
}
a:hover {
	opacity: 0.6;
}
iframe {
	vertical-align: top;
	margin-bottom: 40px;
}
header {
	text-align: center;
	
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}

.text_center {
	text-align: center;
}

.margin_bottom_l {
	margin-bottom: 60px;
}
.padding_bottom_l {
	padding-bottom: 60px;
}
.padding_vertical_l {
	padding-top: 60px;
	padding-bottom: 60px;
}
.padding_vertical_s {
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}
.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.bg_beige {
	background-color: #dbd0c6;
}
.menu h2 {
	margin-bottom: 3%;
	font-size: 24px;
	color: #736357;
}
.menu p {
	font-size: 11px;
	margin-bottom: 3%;
}
.menu ul li {
	margin-bottom: 10px;
}
.access h1 {
	margin-bottom: 30px;
	font-size: 24px;
	color: #bc6664;
}
.access ul li {
	margin-bottom: 30px;
}
.access ul li:last-child {
	margin-bottom: 0;
}
.access h2 {
	margin-bottom: 30px;
	font-size: 24px;
	color: #bc6664;
}

.inner_960 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 960px;
}
.inner_768 {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	max-width: 768px;
}
.inner_640 {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	max-width: 640px;
}
.top_img{
	position: relative;
    padding-top: 56%;
    overflow: hidden;
}
.top_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    vertical-align: top;
}
.logo {
	width: 70%;
	max-width: 270px;
	position: relative;
	top: -80px;
}
.trim {
    position: relative;
    padding-top: 60%;
    overflow: hidden;
}
.trim img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    max-width: 110%;
    vertical-align: top;
}
.h1_img{
	width: 24%;
	max-width: 100px;
	margin-bottom: 60px;
}
.four_columns {
    margin-bottom: 60px;
}
.four_columns ul {
    font-size: 0;
}
.four_columns ul li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    font-size: 14px;
}
.trim {
    position: relative;
    padding-top: 60%;
    overflow: hidden;
}
.trim img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    max-width: 110%;
    vertical-align: top;
}
@media screen and (max-width: 768px) {
	.four_columns ul li {
        width: 50%;
    }
	.trim {
    	padding-top: 100%;
 	}
	.trim img {
	    width: 180%;
	    max-width: 180%;
	}
	.top_img{
    padding-top: 100%;
	}
	.top_img img {
	    width: 180%;
	    max-width: 180%;
	}
}
@media(min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
        text-decoration: none;
    }
}
footer {
	padding:30px 0;
}
footer img {
	max-width: 204px;
}