@charset "UTF-8";
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */
:root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

audio:not([controls]) { display: none; }

details { display: block; }

input[type="number"] { width: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

summary { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; font: 16px / 1.5 sans-serif; text-rendering: optimizeLegibility; }

html { background-color: #FFFFFF; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: vertical; }

::-moz-selection { background-color: #B3D4FC; text-shadow: none; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

/*
#styleguide
基本スタイル

```
<p>特に何も指定しないときの状態</p>
```
*/
body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: auto; font-size: 14px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #3d0706; background-color: #f7f7ee; }

.clr { zoom: 1; }

.clr:before, .clr:after { content: " "; display: table; }

.clr:after { clear: both; }

.container { width: 1140px; margin-left: auto; margin-right: auto; }

.icon { display: inline-block; background-repeat: no-repeat; }

.icon.icon-web-navigation-line-craft-1-109681 { background-image: url("../images/icon.png"); background-position: 0px 0px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-2-109682 { background-image: url("../images/icon.png"); background-position: -512px 0px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-3-109688 { background-image: url("../images/icon.png"); background-position: 0px -512px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-4-109689 { background-image: url("../images/icon.png"); background-position: -512px -512px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-5-109690 { background-image: url("../images/icon.png"); background-position: -1024px 0px; background-size: 1536px 1024px; width: 512px; height: 512px; }

* { box-sizing: border-box; }

* ul { list-style: none; }

.wrapper { position: relative; width: 100%; min-width: 1140px; height: 100%; min-height: 100%; }

.toppage-bg { height: 100vh; min-height: 100vh; }

.header { width: 100%; height: 60px; background: #3d0706; }

.header .sitename { float: left; margin-top: 18px; }

.header .global-menu { float: right; }

.header .global-menu ul li { position: relative; float: left; padding: 0 20px; line-height: 60px; }

.header .global-menu ul li:not(:first-child):before { position: absolute; top: 35%; left: -30px; display: inline-block; content: ""; background: url(../images/menu-icon.png) left center; width: 22px; height: 20px; }

.header .global-menu ul li:not(:first-child) { margin-left: 40px; }

.header .global-menu ul li a { position: relative; display: block; color: #f7f7ee; }

.header .global-menu ul li a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #f7f7ee; z-index: 999; transition: all ease-in .15s; }

.header .global-menu ul li a:hover:after { width: 100%; }

.homemenu { text-align: center; }

.homemenu div { display: flex; justify-content: space-between; margin-top: 40px; }

.homemenu li { position: relative; width: 30%; padding: 20px; background: url(../images/home-menu-bg.png) left bottom no-repeat; background-color: rgba(185, 152, 119, 0.5); }

.homemenu li img { display: block; min-width: 100%; max-width: 100%; height: auto; margin: 0 auto 15px; }

.homemenu li h3 { font-size: 1.286em; margin-bottom: 10px; }

.homemenu li p { font-size: 1.286em; margin-bottom: 10px; }

.homemenu li a { color: #f7f7ee; display: block; font-size: 1.286em; font-weight: bold; width: 50%; height: 40px; line-height: 40px; background: #3d0706; margin-left: auto; margin-right: auto; }

.page { padding: 40px; margin-top: 30px; margin-bottom: 60px; background: url(../images/home-menu-bg.png) left bottom no-repeat; background-color: rgba(185, 152, 119, 0.5); }

.page h2.page-title { position: relative; font-size: 1.714em; text-align: center; margin: 0 auto 30px auto; }

.page h2.page-title:after { content: ""; display: block; width: 15%; height: 3px; background: #b7933d; margin-left: auto; margin-right: auto; }

.page .description { text-align: center; font-size: 1.286em; font-weight: bold; padding: 0 80px; }

.page .sapling { margin-top: 40px; }

.page .sapling .left { float: left; width: 270px; text-align: center; margin-right: 30px; }

.page .sapling .left img { display: block; max-width: 100%; height: auto; margin-bottom: 10px; }

.page .sapling .left h3 { font-size: 1.286em; margin-bottom: 10px; }

.page .sapling .left p { font-size: 1.286em; margin-bottom: 10px; }

.page .sapling .left a { color: #f7f7ee; display: block; font-size: 1.286em; font-weight: bold; width: 50%; height: 40px; line-height: 40px; background: #3d0706; margin-left: auto; margin-right: auto; }

.page .sapling .right { float: left; width: 760px; }

.page .sapling .right h4 { font-size: 1.286em; margin-bottom: 10px; }

.page .sapling .right p { margin-bottom: 12px; }

.page .sapling .right p:last-child { margin-bottom: 0; }

.page .sapling .right .thumb { margin-top: 20px; }

.page .sapling .right .thumb li { float: left; margin-right: 20px; }

.page .sapling .right .thumb li img { display: block; max-width: 100%; height: auto; }

.page .pheva { margin-top: 40px; }

.page .pheva .thumb { width: 100%; text-align: center; }

.page .pheva .thumb li { display: inline-block; margin: 0 20px; }

.page .pheva .thumb li ol { display: none; }

.page .pheva .left { float: left; width: 38%; padding: 20px 0 0 105px; }

.page .pheva .left ol { float: left; padding-left: 20px; }

.page .pheva .left ol:not(:last-child) { margin-bottom: 2px; }

.page .pheva .right { float: left; width: 62%; margin-top: 20px; }

.page .pheva .right p { margin-bottom: 12px; }

.page .pheva .right p strong { font-size: 1.286em; margin-bottom: 10px; }

.page .pheva .right p:last-child { margin-bottom: 0; }

.page .pheva .right .btn { float: left; width: 100%; }

.page .pheva .right .btn p { float: left; font-size: 1.286em; padding-top: 8px; }

.page .pheva .right .btn a { color: #f7f7ee; display: inline-block; font-size: 1.286em; font-weight: bold; width: 20%; height: 40px; line-height: 40px; background: #3d0706; text-align: center; margin-left: 20px; }

.page .contact form dl { width: 60%; margin: 0 auto 20px; }

.page .contact form dl dt { display: block; width: 100%; padding-bottom: 5px; font-weight: bold; }

.page .contact form dl dt span { color: red; padding-left: 10px; }

.page .contact form dl dd { display: block; width: 100%; vertical-align: middle; }

.page .contact form dl dd input { width: 100%; height: 32px; line-height: 32px; background: #fff; }

.page .contact form dl dd textarea { width: 100%; background: #fff; }

.page .contact form .submit { color: #f7f7ee; display: block; font-size: 1.286em; font-weight: bold; width: 20%; height: 40px; line-height: 40px; background: #3d0706; text-align: center; margin-left: 20px; margin-left: auto; margin-right: auto; }

.footer { padding: 20px 0; }

.footer p { display: block; text-align: center; color: #3d0706; }

@media (max-width: 760px) { .container { width: 100%; }
  .wrapper { min-width: auto; }
  .toppage-bg { height: auto; }
  .header { height: auto; }
  .header .sitename { float: none; }
  .header .sitename img { display: block; margin-left: auto; margin-right: auto; }
  .header .global-menu { float: none; }
  .header .global-menu ul { margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .header .global-menu ul li { width: 50%; margin: 0 !important; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .homemenu { position: inherit; top: inherit; left: inherit; margin-right: 0; transform: none; }
  .homemenu div { display: block; justify-content: inherit; padding-left: 20px; padding-right: 20px; }
  .homemenu div li { width: 100%; }
  .homemenu div li:not(:last-child) { margin-bottom: 20px; }
  .footer { position: inherit; left: inherit; bottom: inherit; padding-top: 40px; padding-bottom: 20px; }
  .page { padding: 20px; }
  .page .description { padding: 0; }
  .page .sapling .left { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
  .page .sapling .left img { margin-left: auto; margin-right: auto; }
  .page .sapling .right { float: none; width: 100%; text-align: center; }
  .page .sapling .right .thumb { text-align: center; }
  .page .sapling .right .thumb li { float: none; display: inline-block; margin: 0 3px; }
  .page .pheva .thumb li { margin: 0 0 10px 0; }
  .page .pheva .left { float: none; width: 100%; padding: 0; }
  .page .pheva .left ol { float: none; }
  .page .pheva .right { float: none; width: 100%; }
  .page .pheva .right .btn { float: none; }
  .page .pheva .right .btn p { float: none; text-align: center; }
  .page .pheva .right .btn a { display: block; margin-left: auto; margin-right: auto; }
  .page .contact form dl { width: 100%; } }
/*# sourceMappingURL=maps/style.css.map */