@charset "UTF-8";
/* CSS Document */

/* contents02 */

.contents02 .box-link img {
    height: 180px;
    width: auto;
}


/* layout01 */

.layout01 {
    text-align: center;
}

.box-logo img {
    height: 220px;
    width: auto;
}

.box-guide {
    padding: 40px 0px;
    display: flex;
  justify-content: space-between;
flex-wrap: wrap;
}

.box-guide .lay01 {
   text-align: left;
    padding: 20px 0px;
    padding-right: 70px;
    border-right-style : solid;
border-color : rgba(128, 128, 128, 0.5);
border-width : 1px;
}

.box-guide h4, .box-guide h5, .box-guide h5 a {
	font-family: "Noto Serif JP", serif;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-weight: 400;
}

.box-guide h4 {
	font-size: 20px;
	color: #c69c6d;
}

.box-guide h5, .box-guide h5 a {
	font-size: 48px;
	color: #53b7b0;
	letter-spacing: 0.05em;
}

.box-guide h5 {
	padding: 10px 0px 30px;
}

.box-guide h5::before {
	content: "TEL.";
	font-size: 28px;
	display: inline-block;
	padding-right: 10px;
}

.box-guide h6 img {
	height: 40px;
	width: auto;
}


.layout01 .footer-menu {
    background-color: #f6f3f0;
    width: 100%;
	padding: 35px 0px;
    border-radius: 25px;
    display: none;
}

.layout01 .footer-menu ul {
	padding-top: 0px;
}

.layout01 .footer-menu ul li a {
	background-image: url("../top/images/frame-link.svg");
}

.layout01 .footer-menu ul li a:hover {
	background-image: url("../top/images/frame-link3.svg");
}

.layout01 .box-link {
	padding-top: 40px;
}

.layout01 .box-link .link01 a {
	width: 90%;
}

.box-map {
    text-align: center;
}

.contents01 iframe {
    width: 100%;
	height: 450px;
}

.box-map h6 {
    font-family: "Josefin Sans", sans-serif;
    font-size: 60px;
color: #c69c6d;
line-height: 0.9;
letter-spacing: 0.1em;
font-weight: 300;
}

.box-map p {
    padding: 20px 0px 40px;
}

.box-map .box-text p {
    padding-top: 30px;
   padding-bottom: 0px;
    text-align: left;
    display: inline-block;
}


/* layout02 */

.layout02 {
	text-align: center;
    width: 1000px;
}

.layout02 h4 {
	font-family: "Noto Serif JP", serif;
    font-size: 36px;
	line-height: 1.2;
	letter-spacing: 0.25em;
	font-weight: 400;
    color: #a67c52;
    margin-bottom: 40px;
}

.layout02 h6 {
    font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-weight: 400;
    padding-top: 20px;
    text-align: center;
}

.layout02 ul, .layout02 > div {
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
    gap:30px 0px
}

.layout02 ul li, .layout02 > div > div {
	width: 32%;
}

/* layout03 */

.layout03 {
	padding: 40px 20px 0px;
    margin-top: 40px;
    border-top-style : solid;
border-top-color : rgba(0, 0, 0, 0.5);
border-width : 1px;
    display: flex;
  justify-content: space-between;
    gap:30px;
}

.layout03 h6 {
	background-color: #e5d2bc;
    display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
    border-radius: 15px;
    font-family: "Noto Serif JP", serif;
    font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-weight: 400;
    color: #603813;
    padding: 15px 30px;
    min-width: 360px;
}


.sp-view {
	display: none;
}