@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
main {
	display: block
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
img {
	border-style: none
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	padding: 0.35em 0.75em 0.625em
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
details {
	display: block
}
summary {
	display: list-item
}
template {
	display: none
}
[hidden] {
	display: none
}
body {
	font-size: 16px;
	font-weight: 300;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
a:hover, a:link {
	text-decoration: none
}
a {
	color: #333
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0
}
img {
	max-width: 100%
}
button {
	border: 0
}
table {
	border-collapse: collapse
}
.spbr {
	display: none
}
:root {
	--pintarest-icon: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227px%22%20height%3D%2227px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M13.545%2C0.000%20C6.110%2C0.000%200.102%2C6.019%200.102%2C13.443%20C0.102%2C19.142%203.643%2C24.010%208.644%2C25.968%20C8.522%2C24.906%208.423%2C23.269%208.688%2C22.107%20C8.931%2C21.055%2010.259%2C15.424%2010.259%2C15.424%20C10.259%2C15.424%209.861%2C14.616%209.861%2C13.432%20C9.861%2C11.562%2010.945%2C10.168%2012.295%2C10.168%20C13.446%2C10.168%2013.999%2C11.031%2013.999%2C12.060%20C13.999%2C13.211%2013.269%2C14.937%2012.882%2C16.542%20C12.561%2C17.880%2013.556%2C18.976%2014.873%2C18.976%20C17.263%2C18.976%2019.100%2C16.453%2019.100%2C12.823%20C19.100%2C9.604%2016.787%2C7.358%2013.479%2C7.358%20C9.651%2C7.358%207.405%2C10.224%207.405%2C13.189%20C7.405%2C14.339%207.847%2C15.579%208.400%2C16.254%20C8.511%2C16.387%208.522%2C16.508%208.489%2C16.641%20C8.389%2C17.061%208.157%2C17.980%208.113%2C18.168%20C8.057%2C18.411%207.914%2C18.467%207.659%2C18.345%20C5.999%2C17.548%204.959%2C15.092%204.959%2C13.122%20C4.959%2C8.885%208.035%2C4.990%2013.844%2C4.990%20C18.502%2C4.990%2022.132%2C8.310%2022.132%2C12.757%20C22.132%2C17.394%2019.210%2C21.122%2015.161%2C21.122%20C13.800%2C21.122%2012.516%2C20.414%2012.085%2C19.573%20C12.085%2C19.573%2011.410%2C22.140%2011.244%2C22.771%20C10.945%2C23.944%2010.126%2C25.404%209.573%2C26.300%20C10.835%2C26.688%2012.162%2C26.898%2013.556%2C26.898%20C20.981%2C26.898%2026.1000%2C20.879%2026.1000%2C13.454%20C26.989%2C6.019%2020.970%2C0.000%2013.545%2C0.000%20Z%22%2F%3E%3C%2Fsvg%3E');
	--instagram-icon: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227px%22%20height%3D%2227px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M26.928%2C18.749%20C26.867%2C20.162%2026.644%2C21.129%2026.317%2C21.974%20C25.979%2C22.849%2025.526%2C23.592%2024.789%2C24.332%20C24.052%2C25.073%2023.311%2C25.528%2022.437%2C25.870%20C21.592%2C26.200%2020.627%2C26.426%2019.213%2C26.494%20C17.795%2C26.561%2017.342%2C26.577%2013.732%2C26.584%20C10.123%2C26.591%209.670%2C26.577%208.253%2C26.515%20C6.838%2C26.453%205.871%2C26.230%205.025%2C25.903%20C4.150%2C25.565%203.408%2C25.112%202.668%2C24.374%20C1.928%2C23.637%201.472%2C22.897%201.130%2C22.023%20C0.800%2C21.178%200.574%2C20.213%200.506%2C18.798%20C0.439%2C17.381%200.423%2C16.928%200.416%2C13.318%20C0.409%2C9.709%200.423%2C9.257%200.485%2C7.838%20C0.548%2C6.423%200.770%2C5.456%201.097%2C4.611%20C1.435%2C3.736%201.888%2C2.994%202.626%2C2.253%20C3.363%2C1.513%204.103%2C1.057%204.977%2C0.716%20C5.821%2C0.385%206.787%2C0.159%208.202%2C0.092%20C9.620%2C0.024%2010.072%2C0.009%2013.681%2C0.001%20C17.291%2C-0.005%2017.744%2C0.009%2019.162%2C0.071%20C20.577%2C0.133%2021.543%2C0.356%2022.389%2C0.683%20C23.264%2C1.020%2024.007%2C1.474%2024.746%2C2.211%20C25.486%2C2.949%2025.942%2C3.689%2026.283%2C4.563%20C26.614%2C5.408%2026.840%2C6.373%2026.908%2C7.789%20C26.975%2C9.206%2026.991%2C9.658%2026.998%2C13.268%20C27.005%2C16.877%2026.990%2C17.329%2026.928%2C18.749%20ZM24.604%2C13.272%20C24.597%2C9.723%2024.582%2C9.303%2024.515%2C7.901%20C24.454%2C6.606%2024.236%2C5.902%2024.053%2C5.435%20C23.811%2C4.813%2023.522%2C4.372%2023.056%2C3.908%20C22.590%2C3.443%2022.147%2C3.157%2021.525%2C2.916%20C21.057%2C2.735%2020.353%2C2.520%2019.057%2C2.464%20C17.655%2C2.402%2017.235%2C2.390%2013.686%2C2.397%20C10.137%2C2.404%209.717%2C2.418%208.316%2C2.484%20C7.020%2C2.546%206.317%2C2.763%205.848%2C2.946%20C5.228%2C3.189%204.786%2C3.477%204.322%2C3.943%20C3.858%2C4.410%203.571%2C4.852%203.330%2C5.474%20C3.150%2C5.943%202.934%2C6.648%202.878%2C7.942%20C2.817%2C9.345%202.804%2C9.765%202.811%2C13.313%20C2.817%2C16.863%202.832%2C17.283%202.898%2C18.684%20C2.959%2C19.980%203.178%2C20.683%203.360%2C21.152%20C3.603%2C21.771%203.892%2C22.214%204.358%2C22.678%20C4.824%2C23.142%205.267%2C23.429%205.888%2C23.670%20C6.357%2C23.850%207.061%2C24.066%208.357%2C24.122%20C9.759%2C24.183%2010.179%2C24.196%2013.727%2C24.189%20C17.277%2C24.183%2017.697%2C24.168%2019.099%2C24.102%20C20.393%2C24.040%2021.097%2C23.822%2021.565%2C23.640%20C22.186%2C23.397%2022.627%2C23.107%2023.092%2C22.642%20C23.556%2C22.176%2023.843%2C21.733%2024.084%2C21.113%20C24.264%2C20.643%2024.479%2C19.939%2024.536%2C18.643%20C24.597%2C17.242%2024.610%2C16.821%2024.604%2C13.272%20ZM20.791%2C7.779%20C19.911%2C7.781%2019.195%2C7.068%2019.193%2C6.187%20C19.191%2C5.307%2019.904%2C4.591%2020.785%2C4.589%20C21.666%2C4.588%2022.381%2C5.301%2022.383%2C6.181%20C22.385%2C7.062%2021.672%2C7.777%2020.791%2C7.779%20ZM13.720%2C20.118%20C9.951%2C20.125%206.889%2C17.075%206.882%2C13.306%20C6.874%2C9.537%209.925%2C6.474%2013.693%2C6.467%20C17.463%2C6.460%2020.525%2C9.511%2020.533%2C13.280%20C20.540%2C17.049%2017.489%2C20.110%2013.720%2C20.118%20ZM13.698%2C8.862%20C11.252%2C8.867%209.271%2C10.854%209.276%2C13.301%20C9.281%2C15.748%2011.269%2C17.728%2013.715%2C17.723%20C16.162%2C17.719%2018.142%2C15.731%2018.138%2C13.284%20C18.133%2C10.837%2016.145%2C8.858%2013.698%2C8.862%20Z%22%2F%3E%3C%2Fsvg%3E');
	--email-icon: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226px%22%20height%3D%2216px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M26.000%2C14.372%20L21.880%2C11.017%20L17.802%2C7.733%20L20.165%2C5.847%20L25.994%2C1.224%20L25.992%2C7.684%20L26.000%2C14.372%20ZM14.888%2C8.181%20L13.446%2C9.330%20L11.965%2C8.149%20L7.647%2C4.703%20L1.799%2C0.091%20L13.446%2C0.100%20L25.079%2C0.084%20L19.244%2C4.702%20L14.888%2C8.181%20ZM3.293%2C3.141%20L6.731%2C5.858%20L9.567%2C8.112%20L5.239%2C11.188%20L0.546%2C14.536%20L0.552%2C7.860%20L0.537%2C1.166%20L3.293%2C3.141%20ZM10.767%2C9.071%20L12.523%2C10.480%20L13.447%2C11.212%20L14.367%2C10.476%20L16.085%2C9.104%20L19.205%2C11.523%20L25.049%2C15.993%20L13.408%2C15.990%20L1.768%2C16.000%20L7.608%2C11.524%20L10.767%2C9.071%20Z%22%2F%3E%3C%2Fsvg%3E');
	--map-icon: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%2217px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(233%2C%20233%2C%20233)%22%20d%3D%22M4.1000%2C7.846%20C3.621%2C7.846%202.500%2C6.674%202.500%2C5.230%20C2.500%2C3.788%203.621%2C2.615%204.1000%2C2.615%20C6.383%2C2.615%207.500%2C3.788%207.500%2C5.230%20C7.500%2C6.674%206.383%2C7.846%204.1000%2C7.846%20ZM9.1000%2C5.230%20C9.1000%2C2.340%207.762%2C-0.000%204.1000%2C-0.000%20C2.237%2C-0.000%200.000%2C2.340%200.000%2C5.230%20C0.000%2C6.185%200.250%2C7.075%200.675%2C7.846%20L0.671%2C7.846%20L4.1000%2C16.1000%20L9.333%2C7.846%20L9.325%2C7.846%20C9.754%2C7.075%209.1000%2C6.185%209.1000%2C5.230%20Z%22%2F%3E%3C%2Fsvg%3E');
	--close-icon: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512c141.4%200%20256-114.6%20256-256S397.4%200%20256%200S0%20114.6%200%20256S114.6%20512%20256%20512zM175%20175c9.4-9.4%2024.6-9.4%2033.9%200l47%2047%2047-47c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-47%2047%2047%2047c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-47-47-47%2047c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l47-47-47-47c-9.4-9.4-9.4-24.6%200-33.9z%22%2F%3E%3C%2Fsvg%3E');
	--gototop-icon: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512c141.4%200%20256-114.6%20256-256S397.4%200%20256%200S0%20114.6%200%20256S114.6%20512%20256%20512zM385%20215c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-71-71V392c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V177.9l-71%2071c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9L239%20103c9.4-9.4%2024.6-9.4%2033.9%200L385%20215z%22%2F%3E%3C%2Fsvg%3E');
	--morebot-icon: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23231815%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m32%2C16c0%2C8.84-7.16%2C16-16%2C16S0%2C24.84%2C0%2C16%2C7.16%2C0%2C16%2C0s16%2C7.16%2C16%2C16Zm-18.19-5.92l-1.54.54%2C5.38%2C5.38-5.38%2C5.38%2C1.54.54%2C5.92-5.92-5.92-5.92Z%22%2F%3E%3C%2Fsvg%3E')
}


/*　■■　アイコン　■■　*/
#globalnav .contactbox a.pinterest:before, footer .contactbox li.pinterest a:before, header .snsnav ul .pintarest {
	-webkit-mask-image: var(--pintarest-icon);
	mask-image: var(--pintarest-icon)
}
#globalnav .contactbox a.instagram:before, footer .contactbox li.instagram a:before, header .snsnav ul .instagram {
	-webkit-mask-image: var(--instagram-icon);
	mask-image: var(--instagram-icon)
}
#globalnav .contactbox a.contact i, footer .contactbox li.e-mail a:before, header .snsnav ul .e-mail {
	-webkit-mask-image: var(--email-icon);
	mask-image: var(--email-icon)
}
#globalnav .glovallink li .mapbox:before, footer .companybox .mapbot:before {
	-webkit-mask-image: var(--map-icon);
	mask-image: var(--map-icon)
}

/*　■■　ページ上部ボタン　■■　*/
#gototop a {
	-webkit-mask-image: var(--gototop-icon);
	mask-image: var(--gototop-icon)
}

.morebot:after {
	-webkit-mask-image: var(--morebot-icon);
	mask-image: var(--morebot-icon)
}

/*　■■　ヘッダー　■■　*/
header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 100;
	-webkit-transition: all .4s;
	transition: all .4s
}
header.scrolled {
	background-color: #fff
}
header.scrolled .headlogo img {
	visibility: hidden
}
header.active {
	background-color: transparent!important
}
header .headbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px 0;
	-webkit-transition: all .2s;
	transition: all .2s
}
header .headlogo {
	display: block;
	padding-left: 10px;
	background-image: url(../img/top/rogo2.png);
	background-size: 127px 75px;
	background-repeat: no-repeat;
	background-position: 10px 0;
	-webkit-transition: all .2s;
	transition: all .2s
}
header .headlogo.active {
	visibility: hidden
}
header .snsnav {
	margin-right: 30px;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}
header .snsnav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0 20px
}
header .snsnav ul a {
	width: 37px;
	height: 37px;
	display: block;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	content: '';
	-webkit-transition: all .3s;
	transition: all .3s
}
header .snsnav ul a:hover {
	background-color: #998daf;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
header .snsnav ul .pintarest {
	-webkit-mask-size: 27px auto;
	mask-size: 27px auto
}
header .snsnav ul .instagram {
	-webkit-mask-size: 27px auto;
	mask-size: 27px auto
}
header .snsnav ul .e-mail {
	-webkit-mask-size: 26px auto;
	mask-size: 26px auto
}
header .snsnav.active {
	visibility: hidden
}
header #menunav {
	margin-right: 13px
}
header #menunav .menu-trigger, header #menunav .menu-trigger span {
	display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
header #menunav .menu-trigger {
	position: relative;
	width: 54px;
	height: 54px;
	background: none;
	border: solid 1.4px #fff;
	border-radius: 50%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}
header #menunav .menu-trigger span {
	position: absolute;
	left: 17px;
	width: 16px;
	height: 1px;
	background-color: #fff
}
header #menunav .menu-trigger span:first-of-type {
	top: 19px
}
header #menunav .menu-trigger span:nth-of-type(2) {
	top: 25px
}
header #menunav .menu-trigger span:nth-of-type(3) {
	bottom: 18px
}
header #menunav .menu-trigger:hover {
	border: solid 1.4px #998daf
}
header #menunav .menu-trigger:hover span {
	background-color: #998daf
}
header #menunav .menu-trigger.active {
	border-color: #8d8790;
	background-color: #8d8790
}
header #menunav .menu-trigger.active span {
	background-color: #fff
}
header #menunav .menu-trigger.active span:first-of-type {
	-webkit-transform: translateY(6px) rotate(-315deg);
	transform: translateY(6px) rotate(-315deg)
}
header #menunav .menu-trigger.active span:nth-of-type(2) {
	opacity: 0
}
header #menunav .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-7px) rotate(315deg);
	transform: translateY(-7px) rotate(315deg)
}
header.scrolled .snsnav ul a {
	background-color: #8d8790
}
header.scrolled .snsnav ul a:hover {
	background-color: #998daf
}
header.scrolled #menunav .menu-trigger {
	border: solid 1.8px #8d8790
}
header.scrolled #menunav .menu-trigger span {
	background-color: #8d8790
}
header.scrolled #menunav .menu-trigger:hover {
	border: solid 1.8px #998daf
}
header.scrolled #menunav .menu-trigger:hover span {
	background-color: #998daf
}
header.scrolled #menunav .menu-trigger.active {
	border-color: #8d8790
}
header.scrolled #menunav .menu-trigger.active span {
	background-color: #fff
}
@media screen and (max-width:599px) {
	header .headbox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: none;
		width: 100%
	}
	header .headlogo {
		background-size: 100px 60px
	}
	header .headlogo img {
		width: 100px;
		height: 60px
	}
	header .snsnav {
		margin-right: 13px
	}
	header .snsnav ul {
		gap: 0 10px
	}
	header.scrolled .headlogo {
		background-size: 100px 60px
	}
	header.scrolled .headlogo img {
		width: 100px;
		height: 60px
	}
	header.scrolled .headbox {
		padding: 10px 0 5px
	}
}


#menubot {
	display: block;
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 36px
}
#menubot .botwrap {
	text-align: right;
	max-width: 1140px;
	height: 1px;
	overflow: visible;
	margin: 0 auto
}


/*　■■■■　グローバルナビ　■■■■　*/
#globalnav {
	visibility: hidden;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s
}
#globalnav .navwrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: 100vh;
	margin: 0 auto 0;
	border: solid 1px #ccc
}
#globalnav .navlogo {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	background-image: url(../img/top/menu_img.jpg);
	background-size: cover;
	background-repeat: no-repeat
}
#globalnav .navlogo img {
	width: 127px;
	height: 75px;
	margin: 20px 0 0 45px
}
#globalnav .menubox {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	padding: 120px 0 0 75px
}
#globalnav .glovallink {
	padding: 0 75px 50px 75px;
}
#globalnav .glovallink li {
	display: block
}
#globalnav .glovallink li a:first-child {
	position: relative;
	display: block;
	padding: 12px 0 12px 30px
}
#globalnav .glovallink li a:first-child:before {
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	top: 16px;
	left: 0px;
	border-top: solid 1px #8d8790;
	border-right: solid 1px #8d8790;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s
}
#globalnav .glovallink li a:first-child:hover {
	color: #f00
}
#globalnav .glovallink li a:first-child:hover:before {
	border-top: solid 1px #f00;
	border-right: solid 1px #f00;
	-webkit-transform: translateX(5px) rotate(45deg);
	transform: translateX(5px) rotate(45deg)
}
#globalnav .glovallink li .mapbox {
	position: relative;
	display: block;
	background-color: #8d8790;
	border-radius: 15px;
	width: 104px;
	height: 30px;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	letter-spacing: 3.2px;
	-webkit-transition: all .3s;
	transition: all .3s
}
#globalnav .glovallink li .mapbox:before {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 17px;
	top: 7px;
	left: 12px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 10px 17px;
	mask-size: 10px 17px;
	-webkit-transition: all .3s;
	transition: all .3s
}
#globalnav .glovallink li .mapbox:hover {
	background-color: #998daf;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
#globalnav .glovallink li.multiline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px
}
#globalnav .contactbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 25px;
	gap: 30px;
	Border-top: solid 1px #ddd;
	padding-top: 25px;
}
#globalnav .contactbox a {
	position: relative;
	display: block;
	color: #8d8790;
	line-height: 1;
	padding: 4px 0 0 45px;
	-webkit-transition: all .4s;
	transition: all .4s
}
#globalnav .contactbox a:hover {
	color: #f00
}
#globalnav .contactbox a.contact {
	padding: 7px 30px 0 78px;
	text-align: center
}
#globalnav .contactbox a.contact:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 63px;
	height: 63px;
	border-radius: 50%;
	background-color: #8d8790;
	-webkit-transition: all .4s;
	transition: all .4s
}
#globalnav .contactbox a.contact i {
	position: absolute;
	display: block;
	width: 23px;
	height: 15px;
	background-color: #fff;
	-webkit-mask-size: 23px auto;
	mask-size: 23px auto;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	z-index: 1;
	top: 25px;
	left: 20px
}
#globalnav .contactbox a.contact span {
	font-size: 30px;
}
#globalnav .contactbox a.instagram:before, #globalnav .contactbox a.pinterest:before {
	position: absolute;
	display: block;
	width: 27px;
	height: 27px;
	-webkit-mask-size: 27px auto;
	mask-size: 27px auto;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	background-color: #8d8790;
	-webkit-transition: all .4s;
	transition: all .4s;
	content: '';
	top: 0;
	left: 0
}
#globalnav .contactbox a.contact:hover:before, #globalnav .contactbox a.instagram:hover:before, #globalnav .contactbox a.pinterest:hover:before {
	background-color: #998daf;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
#globalnav.active {
	visibility: visible;
	opacity: 1
}
#globalnav .mar1 {
margin-top: 200px;
}

@media screen and (max-width:768px) {
	#globalnav .navwrap {
		display: block;
		width: initial;
		height: initial;
		margin: 0;
		border: none
	}
	#globalnav .navlogo {
		display: none
	}
	#globalnav .menubox {
		position: relative;
		width: 100%;
		height: 100vh;
		padding: 105px 37px 0 37px
	}
	#globalnav .glovallink {
		padding: 0 10px 30px 0px;
		border-bottom: none
	}
	#globalnav .glovallink li a:first-child {
		padding: 10px 0 10px 30px
	}
	#globalnav .glovallink .mapbox {
		padding-left: 10px;
		font-size: 1rem
	}
	#globalnav .contactbox {
		display: -ms-grid;
		display: grid;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 0;
		-ms-grid-columns: 1fr 30px 1fr;
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-rows: 1fr 30px 1fr;
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 30px;
		grid-row-gap: 30px
	}
	#globalnav .contactbox>:first-child {
		-ms-grid-row: 1;
		-ms-grid-column: 1
	}
	#globalnav .contactbox>:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3
	}
	#globalnav .contactbox>:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1
	}
	#globalnav .contactbox>:nth-child(4) {
		-ms-grid-row: 3;
		-ms-grid-column: 3
	}
	#globalnav .contactbox li.contactarea {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-area: 1/1/2/3
	}
	#globalnav .contactbox li.pinterestarea {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-area: 2/1/3/2
	}
	#globalnav .contactbox li.instagramarea {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-area: 2/2/3/3
	}
	#globalnav .contactbox a.contact {
		margin: 0 auto;
		width: 225px
	}
}


/* ■■　フッター　■■ */
footer {
	display: -ms-grid;
	display: grid;
	margin-top: 30px;
	-ms-grid-columns: 1fr 0px 1.8fr 0px 1fr;
	grid-template-columns: 1fr 1.8fr 1fr;
	/*
	-ms-grid-rows: 1fr 0px auto 0px 1fr;
	grid-template-rows: 1fr auto 1fr;
	*/
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-areas: "footlogo menubox contactbox" "footlogo companybox contactbox" "copyright copyright copyright"
}
footer .footlogo {
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	-ms-grid-column: 1;
	grid-area: footlogo;
	background-color: #fdfdfd
}
footer .footlogo img {
	display: block;
	width: 150px;
	height: auto;
	margin: 80px auto 0
}
footer .menubox {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: menubox;
	background-color: #fafafa;
	padding: 0px 40px 0px;
	font-weight: 300
}
footer .menubox .footlink {
	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;
	border-bottom: solid 0px #8d8790;
	padding-bottom: 30px;
	margin-bottom: 30px
}
footer .menubox .footlink li>a {
	position: relative;
	font-size: 13px;
	display: block;
	padding: 5px 0 5px 20px
}
footer .menubox .footlink li>a:before {
	position: absolute;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	top: 10px;
	left: 0px;
	border-top: solid 1px #8d8790;
	border-right: solid 1px #8d8790;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s
}
footer .menubox .footlink li>a:hover {
	color: #f00
}
footer .menubox .footlink li>a:hover:before {
	border-top: solid 1px #f00;
	border-right: solid 1px #f00;
	-webkit-transform: translateX(5px) rotate(45deg);
	transform: translateX(5px) rotate(45deg)
}

footer .contactbox {
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	-ms-grid-column: 5;
	grid-area: contactbox;
	background-color: #fdfdfd;
	text-align: center;
	padding-top: 40px;
	color: #8d8790
}
footer .contactbox .contact h3 {
	margin: 0 auto 16px;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.1
}
footer .contactbox .contact h3 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding-top: 7px;
}
footer .contactbox .contact p {
	font-size: 14px
}
footer .contactbox .icons {
	display: -ms-grid;
	display: grid;
	width: 260px;
	margin: 0px auto 0;
	-ms-grid-columns: 1fr 40px 1fr;
	grid-template-columns: 1fr 1fr;
	-ms-grid-rows: 89px 25px 1fr;
	grid-template-rows: 89px 1fr;
	grid-template-areas: "e-mail e-mail" "pinterest instagram";
	row-gap: 25px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px
}
footer .contactbox li a {
	display: inline-block;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s
}
footer .contactbox li a:hover {
	color: #f00
}
footer .contactbox li a:hover i {
	background-color: #998daf;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
footer .contactbox li.e-mail {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-area: e-mail;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
footer .contactbox li.e-mail i {
	display: block;
	content: '';
	width: 89px;
	height: 89px;
	background-color: #8d8790;
	border-radius: 50%;
	-webkit-transition: all .3s;
	transition: all .3s
}
footer .contactbox li.e-mail a:before {
	position: absolute;
	display: block;
	content: '';
	width: 32px;
	height: 21px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: top left;
	mask-position: top left;
	-webkit-mask-size: 32px 21px;
	mask-size: 32px 21px;
	top: 35px;
	left: 28px;
	z-index: 1
}
footer .contactbox li.pinterest {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: pinterest
}
footer .contactbox li.instagram {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: instagram
}
footer .contactbox li.instagram a, footer .contactbox li.pinterest a {
	padding-left: 17px
}
footer .contactbox li.instagram a:before, footer .contactbox li.pinterest a:before {
	position: absolute;
	display: block;
	content: '';
	width: 27px;
	height: 27px;
	background-color: #8d8790;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: top left;
	mask-position: top left;
	-webkit-mask-size: 27px 27px;
	mask-size: 27px 27px;
	top: 0;
	left: -27px;
	-webkit-transition: all .3s;
	transition: all .3s
}
footer .contactbox li.instagram a:hover:before, footer .contactbox li.pinterest a:hover:before {
	background-color: #998daf;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
footer .companybox {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: companybox;
	text-align: center;
	background-color: #fafafa;
	padding: 50px 0 70px 0;
}
footer .companybox h2 {
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: 400
}
footer .companybox address {
	font-size: 15px;
	font-style: normal;
	line-height: 1.7
}
footer .companybox .mapbot {
	position: relative;
	display: block;
	background-color: #8d8790;
	border-radius: 21px;
	width: 260px;
	height: 42px;
	padding: 3px 0 3px 10px;
	margin: 20px auto 0 auto;
	border: none;
	font-size: 19px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	letter-spacing: 3.2px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}
/*
footer .companybox .mapbot:before {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 17px;
	top: 7px;
	left: 12px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 10px 17px;
	mask-size: 10px 17px;
	-webkit-transition: all .3s;
	transition: all .3s
}*/

footer .companybox .mapbot:hover {
	background-color: #998daf;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
footer .copyright {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	grid-area: copyright;
	background-color: #8d8790
}
footer .copyright p {
	padding: 37px 0 40px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1.4px;
	font-weight: 300;
	color: #fff
}


@media only screen and (min-width:600px) and (max-width:768px) {
	footer .footlogo {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	footer .footlogo img {
		width: 130px;
		margin: 58px auto 68px
	}
	footer .menubox {
		padding: 40px 35px 30px
	}
	footer .menubox .footlink {
		margin-bottom: 0
	}
	footer .menubox .footlink li>a {
		font-size: 16px;
		padding: 7px 0 7px 20px
	}
	footer .menubox .footlink li>a:before {
		top: 15px
	}
	footer .contactbox {
		margin-top: 0;
		padding: 46px 0 20px 0
	}
	footer .contactbox .icons {
		display: block;
		width: 200px;
		margin: 22px auto 0
	}
	footer .contactbox .icons li>a {
		padding-top: 8px;
		padding-bottom: 7px;
		text-align: left
	}
	footer .contactbox .icons li.instagram a:before, footer .contactbox .icons li.pinterest a:before {
		top: 8px
	}
	footer .companybox {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px
	}
	footer .copyright p {
		padding: 17px 0 40px
	}
}


@media screen and (max-width:599px) {
	footer {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		margin-top: 30px
	}
	footer>:first-child {
		-ms-grid-row: 1;
		-ms-grid-column: 1
	}
	footer .footlogo {
		display: none;
	}

	footer .menubox {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-area: 2/1/3/2;
		background-color: #fff;
		padding: 40px 35px 30px
	}
	footer .menubox .footlink {
		display: block;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0
	}
	footer .menubox .footlink li>a {
		font-size: 16px;
		padding: 7px 0 7px 20px
	}
	footer .menubox .footlink li>a:before {
		top: 13px
	}
	footer .contactbox {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-area: 3/1/4/2;
		margin-top: 0;
		padding: 46px 0 47px 0
	}
	footer .companybox {
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-area: 4/1/5/2;
		padding: 42px 0 45px 0;
		text-align: center;
		padding-bottom: 30px
	}
	footer .copyright {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-area: 5/1/6/2
	}
	footer .copyright p {
		padding: 17px 0 40px
	}
}

#gototop {
	position: fixed;
	display: block;
	bottom: -60px;
	right: 30px;
	z-index: 10;
	-webkit-transition: all .2s;
	transition: all .2s
}
#gototop a {
	display: block;
	width: 45px;
	height: 45px;
	background-color: #68636b;
	content: '';
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: top left;
	mask-position: top left;
	-webkit-mask-size: 45px 45px;
	mask-size: 45px 45px;
	top: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}
#gototop a:hover {
	background-color: #998daf;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
#gototop.active {
	bottom: 30px
}


@media screen and (max-width:599px) {
	#gototop {
		right: 15px
	}

	.spbr {
		display: block
	}
}


article {
	position: relative;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden
}
.inner {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px
}
#home article.inner {
	padding: 20px 10px
}
.morebot {
	position: relative;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	-webkit-transition: all .3s;
	transition: all .3s
}
.morebot:after {
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	content: '';
	background-color: #8d8790;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 32px 32px;
	mask-size: 32px 32px;
	top: -6px;
	right: -43px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.morebot:hover {
	color: #f00
}
.morebot:hover:after {
	background-color: #998daf;
	-webkit-transform: translateX(5px);
	transform: translateX(5px)
}
.tit_circle {
	display: block;
	margin: 0;
	padding: 0px 0 0 0;
	width: 206px;
	height: 237px;
	content: '';
	font-size: 25.5px;
	color: #fff;
	font-weight: 300;
	text-align: center
}
.tit_circle img{
max-width: none;
}

.tit_txtblock {
	text-align: center
}
.tit_txtblock h2, .tit_txtblock h3 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 41.5px;
	line-height: 1;
	font-weight: 300;
	color: #333
}
.tit_txtblock span {
	display: inline-block;
	width: auto;
	margin-top: 10px;
	padding: 5px 1.5em;
	font-size: 17.5px;
	color: #fff;
	line-height: 1;
	background-color: #8d8790;
	border-radius: 15px
}
.breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

/* clearfix */
* html .clearFix {
	zoom: 1;
}
*+html .clearFix {
	zoom: 1;
}
.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}