@charset "UTF-8";

/*////////////////////////////////////////////////////////////////////////////////// Init */

body {
	font-family: HiraKakuProN-W3,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-feature-settings: "pkna" 1;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

body { font-size:13px; line-height:1.6em; background-color:#ffffff;  }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

ul {}
li { list-style:none; }

header,footer,hgroup,section,article,aside,figure,figcaption,summary,time,nav { display:block; margin:0; padding:0; }

* { -moz-box-sizing: border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/*////////////////////////////////////////////////////////////////////////////////// */
body { font-size: 15px; line-height: 1.6em; color: #38241d; background: #fcf7e8; }
@media (min-width:500px) { body { font-size: 15.5px; line-height:1.6em; } }
@media (min-width:600px) { body { font-size: 16px; line-height:1.6em; } }
@media (min-width:700px) { body { font-size: 16.5px; line-height:1.6em; } }
@media (min-width:800px) { body { font-size: 17px; line-height:1.6em; } }
@media (min-width:900px) { body { font-size: 17.5px; line-height:1.6em; } }

.phone body,
.tablet body,
.smart body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.smart a:hover,
.smart a:active {
    outline: none;
}

.clear:after { content:""; display:block; clear:both; }

h1, h2, h3, h4, h5,
.serif {
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sans-serif {
	font-family: HiraKakuProN-W3,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

.ind { margin-left: 1em; text-indent: -1em; line-height: 1.2em; }
/*////////////////////////////////////////////////////////////////////////////////// */

a { color: #846928; }

.frame { max-width: 1200px; margin: 0 auto; padding: 0 4%;
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;
}
.frame .frame { padding: 0; }

.title { display: block; padding: 5vh 0; font-size: 1.8em; line-height: 1.2em; letter-spacing: 0.1em; text-align: center; }
.title a { color: #38241d; text-decoration: none; }
.title span { display: inline-block; margin: 0 0.1em; line-height: 1em; vertical-align: middle; }
.title span:first-child::after { content: ''; display: inline-block; width: 1em; height: 1em; margin: 0 0.2em 0 0.4em; vertical-align: middle; background: url(../img/in.png) center center no-repeat; background-size: contain; }
.title span img { display: inline-block; width: 2.7em; vertical-align: middle; }
@media (min-width:22em) {
	.title { font-size: 2.2em; }
}
@media (min-width:30em) {
	.title { font-size: 2.8em; }
}

.breadcrumb { margin: 2em 0; text-align: center; }
.breadcrumb li { display: inline-block; padding-right: 0.5em; line-height: 1.2em; }
.breadcrumb li:first-child { padding-left: 0.5em; }
.breadcrumb li > * { color: #553c32; }
.breadcrumb li+li { margin-left: 1em; text-indent: -1em; }
.breadcrumb li+li::before { content: '〉'; }


.sns { padding: 5vh 0; text-align: center; }
.sns li { display: inline-block; }
.sns img { display: inline-block; width: 42px; margin: 0 0.5em; }

.sns-share { margin: 5vh 0; text-align: center; }
.sns-share::before { content: 'このページをシェアする！'; display: block; margin-bottom: 0.5em; font-weight: bold; color: #a88c48; }
.sns-share li { display: inline-block; }
.sns-share a { display: block; }
.sns-share img { display: block; width: 42px; }

.btn-b { display: inline-block; padding: 0.8em 1em; line-height: 1em; border-radius: 0.2em; color: #fff; background: #a88c48; text-decoration: none;
	-moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.btn-b:hover { background: #907534; }

.btn-g { display: inline-block; padding: 0.8em 1em; line-height: 1em; border-radius: 0.2em; color: #fff; background: #167474; text-decoration: none; }
.btn-g:hover { background: #0a5555; }

.bbtn-b { display: inline-block; padding: 0.6em 1em; line-height: 1em; border-radius: 0.2em; color: #846928; background: #fcf7e8; border: solid 2px #a88c48; text-decoration: none;
	-moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.bbtn-b:hover { background: rgba(185, 160, 100, 0.2); }

.want { position: relative; max-width: 30em; margin: 2em auto; padding: 1em 2em; background: rgba(255,255,255,0.3); border-radius: 0.3em; border: solid 1px #cbb277; text-align: center; }
/*
.want::before { content: ''; display: block; position: absolute; top: -2.5em; right: -2.5em; width: 4em; height: 4em; background: #a88c48; transform: rotate(45deg); }
.want::after { content: ''; display: block; position: absolute; bottom: -2.5em; left: -2.5em; width: 4em; height: 4em; background: #a88c48; transform: rotate(45deg); }
.want::before { content: ''; display: block; position: absolute; top: 4px; right: 4px; width: 30px; height: 30px; background: url(../img/want.png) left bottom no-repeat; background-size: 200%; }
.want::after { content: ''; display: block; position: absolute; bottom: 4px; left: 4px; width: 30px; height: 30px; background: url(../img/want.png) right top no-repeat; background-size: 200%; }
*/
.want::before { content: ''; display: block; position: absolute; top: -2px; right: -2px; width: 30px; height: 30px; border-top: solid 3px #a88c48; border-right: solid 3px #a88c48; border-radius: 0 0.3em 0 0; }
.want::after { content: ''; display: block; position: absolute; bottom: -2px; left: -2px; width: 30px; height: 30px; border-left: solid 3px #a88c48; border-bottom: solid 3px #a88c48; border-radius: 0 0 0 0.3em; }
.want h3 { color: #a88c48; white-space: nowrap; font-weight: bold; }
.want h3::before { content: '〜'; }
.want h3::after { content: '〜'; }
.want p { margin-top: 1em; line-height: 1.4em; }
.want p span { display: inline-block; }


.contact-form h3 { margin-bottom: 1em; font-size: 1.6em; line-height: 1.2em; }
.contact-form h3::before { content: ''; display: inline-block; width: 0.25em; height: 0.8em; margin-right: 0.4em; background: #a88c48; }
.contact-form .tyu li::before { content: '※'; }
.contact-form .input { margin: 1em 0 0.5em 0; }
.contact-form .input > * { display: block; margin: 0.5em 0; }
.contact-form .input > * > span { display: block; margin-top: 0.5em; font-size: 1.1em; }
.contact-form .input > * > span::before { content: ''; display: inline-block; width: 0.25em; height: 0.8em; margin-right: 0.4em; background: #a88c48; }
.contact-form .input > * > label { position: relative; }
.contact-form .input > * > label span { display: inline-block; padding: 0.7em 1em; line-height: 1em; border-radius: 0.2em; border: solid 1px #a88c48; background: #fff; cursor: pointer;
	-ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;
}
.contact-form .input > * > label input { display: none; }
.contact-form .input > * > label input:checked+span { color: #fff; background: #a88c48; }
.contact-form .input > * > label input[type="checkbox"]+span { padding: 0.7em 1.5em 0.7em 2.5em; }
.contact-form input[type="checkbox"]+span::before { content: ''; display: block; position: absolute; top: 50%; left: 0.7em; width: 1.2em; height: 1.2em; margin-top: -0.6em; background: #fff; border: 1px solid #a88c48; }
.contact-form input[type="checkbox"]+span::after { content: ''; display: block; position: absolute; top: 50%; left: 1.05em; width: 0.4em; height: 0.8em; margin-top: -0.6em; opacity: 0; transform: rotate(45deg); border-right: 3px solid #a88c48; border-bottom: 3px solid #a88c48; }
.contact-form input[type="checkbox"]:checked+span::after { opacity: 1; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form select,
.contact-form textarea { width: 100%; padding: 0.5em; font-size: 1.2em; border: solid 1px #a88c48; border-radius: 0.2em; -webkit-appearance: none; }
.contact-form textarea { height: 5em; }
.contact-form .policy { margin: 0.5em 0; padding: 0.5em 1em; font-size: 0.9em; line-height: 1.3em; border-radius: 0.2em; background: #efe6ce; }
.contact-form .error { margin-top: 0.5em; padding: 0.5em 1em; color: #d32c0e; background: rgba(255,255,255,0.3); border-radius: 0.2em; border: solid 1px #d32c0e; }
.contact-form .result { margin-bottom: 1em; }
.contact-form .result .error { display: none; }
.contact-form .result .complete { display: none; width: 100%; padding: 1em; background: rgba(255,255,255,0.3); border-radius: 0.2em; border: solid 1px #18c411; }
.contact-form .result .complete p:first-child { margin-bottom: 0.5em; color: #0ba505; font-size: 1.2em; }
.contact-form .result .complete p.ind { font-size: 0.9em; }
.contact-form .result .complete p span { display: inline-block; }
.contact-form button { display: block; font-size: 1.1em; width: 9em; margin: 0 auto; border: none; text-align: center; cursor: pointer; }
.contact-form button:disabled { background: #999; }
@media (min-width:50em) {
	.contact-form .input {
		display:-webkit-box; display:-ms-flexbox; display:flex;
		-ms-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	}
	.contact-form .input > * { width: 100%; }
	.contact-form .input > .hw { width: 49%; }
}


.blar-wrap {}
.blar-item img { display: block; width: 100%; }


header.global { position: relative; }
header.global .frame { position: relative; padding: 0; }

.page h1 { margin: 0 0 2em 0; font-size: 2em; text-align: center; }

footer.global { padding: 5vh 0; text-align: center; 
	background: #a88c48;
	background: -moz-linear-gradient(top, #ece1c4 0%, #fcf7e8 100%);
	background: -webkit-linear-gradient(top, #ece1c4 0%,#fcf7e8 100%);
	background: linear-gradient(to bottom, #ece1c4 0%,#fcf7e8 100%);
}
footer.global nav {}
footer.global nav dt { padding: 0 0 1em 0; font-size: 1.5em; }
/*footer.global nav dd+dd::before { content: ''; display: block; width: 1em; height: 5px; margin: 0 auto; border-radius: 2px; background: rgba(168, 140, 72, 0.38); }*/
footer.global nav dd a { display: inline-block; padding: 0.3em 1em; color: #38241d; text-decoration: none; }
footer.global .sns { padding: 2em 0; }
footer.global .sns dl { display: none; }

footer.global #btn-shop { position: relative; display: block; width: 16em; margin: 2em auto 0 auto; padding: 0.8em 1.5em; background: #fff; }
footer.global #btn-shop::before { content: ''; display: block; z-index: 1; position: absolute; top: 0.5em; left: -0.5em; right: 0.5em; bottom: -0.5em; background: #ece1c4; }
footer.global #btn-shop::after { content: ''; display: block; z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; }
footer.global #btn-shop img { display: block; position:relative; z-index: 3; width: 100%; }


/*////////////////////////////////////////////////////////////////////////////////// */

#html-404 h1 { padding: 15vh 4% 25vh 4%; font-size: 1.4em; line-height: 1.4em; text-align: center; background: url(../img/404.png) left bottom no-repeat; background-size: 6em; }
#html-404 h1 span { display: inline-block; text-shadow: 0 0 4px #fcf7e8; }

/*////////////////////////////////////////////////////////////////////////////////// */


#top-img { position: relative; z-index: 1; max-height: 700px; min-height: 500px; background: rgba(185, 160, 100, 0.4); overflow: hidden; }
#top-img::before { content: ''; display: block; padding-top: 60%; }
#top-img img { display: block; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; height: 100%; max-width: 1200px; transform: translateX(-50%);  margin: auto; }

#top-img+.sns dl { display: none; }

#top section { margin: 15vh auto; }
#top h2,
#top .contact-form h3 { margin-bottom: 1em; font-size: 2em; line-height: 1.6em; letter-spacing: 0.05em; text-align: center; font-weight: normal;  }
#top .contact-form h3::before { display: none; }
#top h2 a { display: inline-block; position: relative; color: #240d0d; text-decoration: none; }
#top h3 { font-weight: bold; }
#top section > [class*="btn-"] { display: block; font-size: 1.1em; width: 9em; margin: 0 auto; text-align: center; }

#top #top-concept { margin: 0; padding: 5vh 0; color: #fff; background: #a88c48; text-align: center; }
#top-concept h2 { margin: 0; line-height: 1.4em; }
#top-concept h2 span { display: inline-block; }
#top-concept p { margin: 1em auto; font-size: 1.2em; }
#top-concept p span { display: inline-block; }
#top-concept video { display: block; width: 100%; max-width: 600px; margin: 0 auto; }

#top #top-vr { position: relative; margin: 0; color: #fff; background: #020 url(../img/top-vr-bg.jpg?20201024) center center no-repeat; background-size: cover; }
#top-vr > * { display: block; padding: 5vh 0; color: #fff; text-shadow: 0 0 4px #000; background: rgba(0,20,0,0.4) url(../img/noise.png) left top repeat; text-decoration: none; text-align: center; }
#top-vr h2 img { width: 5em; }
#top-vr span { display: inline-block; }
#top-vr p { font-size: 1.2em; }
#top-vr p span:first-child { margin-left: 0.8em; }

#top-vr-view { position: relative; max-width: 1200px; max-height: 90vh; margin: 2em auto 0 auto; overflow: hidden;
	-ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;
}
#top-vr-view::before { content: ''; display: block; padding-top: 60%; }
#top-vr-view iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }


.post-list {
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.post-list li { width: 100%; margin-bottom: 4%; overflow: hidden; border-radius: 0.2em; }
.post-list li[class^='sp'] { display: none; }
.post-list li[class^='sp']::before { content: ''; display: block; padding-top: 100%; border-radius: 0.2em; background: #efe6ce; }
.post-list li a { display: block; position: relative; text-decoration: none; color: #240d0d; overflow: hidden; }
.post-list li a .eye { background:#efe6ce url(../img/news.png) center center no-repeat; background-size: cover; border-radius: 0.2em; }
.post-list li a .eye::before { content: ''; display: block; padding-top: 100%; }
.post-list li a dl { padding: 0.3em 0 0.5em 0; }
.post-list li a dt { font-size: 0.9em; color: #a88c48; }
.post-list li a dd { line-height: 1.2em; }
.post-list li a p { text-align: center; }

@media (min-width:360px) {
	.post-list li { width: 48%; }
}
@media (min-width:800px) {
	.post-list li { width: 31%; }
}

@media (min-width:360px) {
	#top-news li.sp1,
	#top-news li:nth-child(2).sp3 { display: block; }
}
@media (min-width:800px) {
	#top-news li:nth-child(3).sp2,
	#top-news li:nth-child(3).sp3{ display: block; }
	#top-news li:nth-child(4) { display: none !important; }
}

#top-event .center { margin-bottom: 1em; text-align: center; }
#top-event li:first-child a::after { content: '次回'; display: block; position: absolute; top: -0.75em; left: -3em; padding: 1.7em 3em 0.6em 3em; line-height: 1em; color: #fff; background: #167474; border-bottom: solid 1px #fff; transform: rotate(-45deg); white-space: nowrap; font-weight: bold; letter-spacing: 0.1em;
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#top-event .eye { border-radius: 0.2em 0.2em 0 0; }
#top-event dl { padding-top: 0; }
#top-event dt { margin-bottom: 0.3em; padding: 0.3em 0.5em 0.2em 0.5em; font-size: 1.1em; line-height: 1.2em; color: #38241d; background: #efe6ce; border-radius: 0 0 0.2em 0.2em; text-align: right; }
#top-event dt span { display: inline-block; }
#top-event dt span.date+span.date::before { content: '〜'; margin: 0 0.3em; }
#top #top-event > .btn-g { width: 11em; }

@media (min-width:360px) {
	#top-event .post-list li:first-child { width: 100%; }
	#top-event .post-list li:first-child a .eye::before { padding-top: 50%; }
	#top-event li.sp1 { display: block; }
}
@media (min-width:800px) {
	#top-event .post-list li:first-child { width: 31%; }
	#top-event .post-list li:first-child a .eye::before { padding-top: 100%; }
	#top-event li.sp2 { display: block; }
}

/*#top-works .post-list .eye { background-size: contain; }*/

#top-shop { position: relative; display: block; padding: 5vh 0; background-color: #fff; box-shadow: 0 5px 20px rgba(185, 160, 100, 0.4); text-decoration: none; }
#top-shop span { display: block; font-size: 1.2em; margin-top: 1.5em; line-height: 1.4em; letter-spacing: 0.1em; text-align: center; color: #444; }
#top-shop img { display: block; width: 100%; max-width: 20em; margin: 0 auto; }

.prof::after { content: ''; display: block; clear: both; }
.prof .ph { position: relative; width: 12em; margin: 0.5em auto 1em auto; }
.prof .ph::after { content: ''; display: block; position: absolute; z-index: 1; top: 0.5em; right: 0.5em; bottom: -0.5em; left: -0.5em; background: rgba(185, 160, 100, 0.4); }
.prof .ph img { position: relative; z-index: 2; display: block; width: 100%; }
.prof .ph+div { text-align: center; }
.prof dl { display: inline-block; width: 12em; margin: 0.5em 0; text-align: left; }
.prof dt { line-height: 1em; }
.prof dd { font-size: 1.7em; line-height: 1.5em; letter-spacing: 0.1em; }
.prof p { margin: 1em auto; max-width: 29em; text-align:justify; text-justify:inter-ideograph; }
.prof .bbtn-b { margin: 0 auto; }

@media (min-width:50em) {
	.prof { text-align: center; }
	.prof .ph,
	.prof .ph+div { display: inline-block; text-align: left; vertical-align: top; }
	.prof .ph { margin-right: 1em; }
}

#top-prof { padding: 5vh 0; background: rgba(185, 160, 100, 0.4); }


/*////////////////////////////////////////////////////////////////////////////////// */

article.post { margin: 0 0 5vh 0; padding: 1em 0; border-top: dotted 1px #a88c48; 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
article.post .blar-item { width: 100%; }
article.post time { color: #a88c48; }
article.post .event-period { font-size: 1.2em; color: #a88c48; font-weight: bold; }
article.post.close .event-period { color: #999; }
article.post.close .event-period::after { content: '：終了しました'; display: inline-block; }
article.post .event-period span { display: inline-block; }
article.post .event-period span.date+span.date::before { content: '〜'; margin: 0 0.3em; }
article.post h2 { margin-bottom: 1em; font-size: 2em; line-height: 1.2em; }
article.post h2 a { display: block; color: #38241d; text-decoration: none; }
article.post .body { margin: 1em 0; }

article.post .html {}
article.post .html .shopify,
article.post .html .youtube,
article.post .html .googlemap,
article.post .html .matterport { position: relative; margin: 1em 0; overflow: auto; overflow-x: hidden; overflow-y: auto; }
article.post .html .youtube:before,
article.post .html .googlemap:before,
article.post .html .matterport:before { content: ''; display: block; padding: 56.25% 0 0 0; }
article.post .html .youtube > *,
article.post .html .googlemap > *,
article.post .html .matterport > * { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

article.post .files a {}
article.post .files a::before { content: '〉'; }

@media (min-width:360px) {
	article.post .blar-item { width: 50%; }
	article.post .blar-item[data-colspan="2"] { width: 100%; }
	article.post .blar-item[data-colspan="3"] { width: 100%; }
}
@media (min-width:800px) {
	article.post .blar-item { width: 32%; }
	article.post .blar-item[data-colspan="2"] { width: 66%; }
	article.post .blar-item[data-colspan="3"] { width: 100%; }
}

.pager { padding: 1em 0; text-align: center; }
.pager li { display: inline-block; margin: 0 5px 5px 0; }
.pager li > * { display: inline-block; font-size: 1.2em; width: 2em; height: 2em; line-height: 2em; border-radius: 0.1em; background: rgba(185, 160, 100, 0.4); text-align: center; }
.pager li > a { text-decoration: none; }
.pager li > span { color: #fff; background: #a88c48; cursor: default; }

.pager .pager-next > a,
.pager .pager-prev > a,
.pager .pager-back > a { width: auto; padding: 0 1em; color: #fff; background: #a88c48; }
.pager .pager-next > a[href="#"],
.pager .pager-prev > a[href="#"] { opacity: 0.4; pointer-events: none; }
.pager .pager-next > a:hover,
.pager .pager-prev > a:hover,
.pager .pager-back > a:hover { background: #907534; }

p.pager-back { margin: 1em 0; clear: both; text-align: center; }

/*////////////////////////////////////////////////////////////////////////////////// */

#wks .post-list .eye { background-size: contain; }
#wks .post-list li[class^='sp']::before { background: transparent; }
@media (min-width:800px) {
	#wks .post-list li.sp1 { display: block; }
}

article.works { position: relative; display: block; margin: 0 0 5vh 0; padding: 5vh 0; color: #38241d; background: rgba(185, 160, 100, 0.5); }
article.works:first-child { border: none; }
article.works .btn-g { display: block; width: 5em; margin: 0 auto; text-align: center; }
article.works h2 { margin-bottom: 0.5em; font-size: 2em; line-height: 1.2em; text-align: center; }
article.works .imgs { padding: 1em 4%; }
article.works .imgs img { display: block; width: 100%; max-width: 800px; margin: 0 auto; }
article.works .body { max-width: 800px; margin: 1em auto; padding: 0 4%; }

#wks .contact-form { margin: 10vh auto; }

/*////////////////////////////////////////////////////////////////////////////////// */

#prof section { margin: 10vh auto; }
#prof section#prof-info { margin-top: 0; padding: 5vh 0; background: rgba(185, 160, 100, 0.4); }

#prof h2 { margin-bottom: 1em; font-size: 1.6em; line-height: 1.2em; }
#prof h2::before { content: ''; display: inline-block; width: 0.25em; height: 0.8em; margin-right: 0.4em; background: #a88c48; }

#prof .sns { padding: 0; }
#prof .sns li { display: block; margin: 1em 0; text-align: left; }
#prof .sns li > a { display: inline-block; color: #38241d; }
#prof .sns li > a > * { vertical-align: middle; }
#prof .sns img { margin-left: 0; }
#prof .sns dl,
#prof .sns dl > * { display: inline-block; }
#prof .sns dl dt { min-width: 5em; margin-right: 1em; }

#prof .list dl {}
#prof .list dl > * {}
#prof .list dt { clear: left; float: left; }
#prof .list dd { margin-left: 4.5em; }

/*////////////////////////////////////////////////////////////////////////////////// */


#policy h2 { margin: 2em 0 1em 0; font-size: 1.6em; line-height: 1.2em; }
#policy h2::before { content: ''; display: inline-block; width: 0.25em; height: 0.8em; margin-right: 0.4em; background: #a88c48; }
#policy h3 { margin-top: 1.5em; font-weight: bold; }
#policy h3::before { content: '■'; color: #a88c48; }

#policy p { margin: 1em 0; }
#policy ul,
#policy ol { margin: 1em 0; }

#policy li { margin-left: 1em; text-indent: -1em; }


#privacy section.contact-form { margin: 10vh auto; }