@charset "utf-8";

html, body {height: 100%;}

body, text {
font-family: 'Noto Serif JP', serif;
word-break: break-all;
-webkit-text-size-adjust: 100%;
letter-spacing: 1px;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
margin: 0;}

a:hover {color: #8b7456;}
a {text-decoration: none;}
a{outline: none;}
:focus {outline: none;}
::-moz-focus-inner {border: 0;}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

img {vertical-align: bottom;}

h1, h2, h3, p {margin: 0; font-size: 100%;}
ul, li {list-style: none; margin: 0; padding: 0;}


/* Top page -------------------------------------------------------- */
.main_logo {max-width: 400px; width: 70%; margin: 0 auto;}

.sns_banner {margin: 0 auto; overflow: hidden; width: 600px;}

.sns_banner li {float: left; width: 42%; margin: 0 4%;}

.sns_banner li img {border-radius: 15px;}

.banner_ttl {margin-bottom: 10px;}

.message {margin: 6% 0;}

footer {background-color: #d9d6d1; padding: 80px 0 60px;}

address {font-style: normal;}

.foot_logo {margin: 0 auto 30px; max-width: 250px; width: 40%;}

.copyright {font-size: 80%; margin-top: 30px;}

/* under 800 -------------------------------------------------------- */
@media (max-width : 800px) {
.message {margin: 10% 0;}
.sns_banner {max-width: 240px;}
.sns_banner li {float: none; width: 100%; margin: 0 0 30px;}
footer {padding: 50px 0;}
}



/* Other -------------------------------------------------------- */
main {display: block;}

.washi_bg {
background-image: url(image/bg-washi.jpg);
background-size: cover;
background-position: center center;}

.section_inner {max-width: 1200px; width: 90%; margin: 0 auto; padding: 100px 0;}

.center, .center2 {text-align: center;}
.bold700 {font-weight: 700;}
.bold900 {font-weight: 900;}


/* under 800 -------------------------------------------------------- */
@media (max-width : 800px) {
body, text {font-size: 14px;}
.section_inner {padding: 60px 0;}
.pc {display: none;}

.center2 {text-align: left;}
}

/* over 800 -------------------------------------------------------- */
@media (min-width : 801px) {
.sp {display: none;}
}