@charset "utf-8";
/* font */
@font-face { font-family: 'Noto Serif Japanese'; font-style: normal; font-weight: 700; src: url('../font/NotoSerifJP-Bold.eot'); /* IE9以上用 */ src: url('../font/NotoSerifJP-Bold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */ url('../font/NotoSerifJP-Bold.woff') format('woff'), /* モダンブラウザ用 */ url('../font/NotoSerifJP-Bold.woff.ttf') format('truetype'); }

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; vertical-align: top; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal; font-size: 16px; font-family: 'Work Sans', 'Noto Sans Japanese', YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.05em; margin: 0px; box-sizing: border-box; background-color: #FFF; color: #000; padding: 0em; line-height: 2.2em; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #333333; color: #FFF; }
::-moz-selection { background: #333333; }

/* link */
a:link, a:visited, a:active { color: #000; text-decoration: none; border-bottom: none !important; }
a:hover { border-bottom: none !important; color: #e63700; text-decoration: none; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
a:hover img { border-bottom: none !important; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

/* clear */
.top_clear { clear: both; margin-bottom: 4em; }
.clear { clear: both; }
.clear_sp { display: none; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.fas { margin-left: 0.75em; font-size: 0.85em !important; vertical-align: baseline; }
.pcbr { display: block; }
.spbr { display: none; }
.fade { overflow: hidden; }
.sp_logo { display: none; }
.sp_logo2 { display: none; }
.drawer { display: none; }
.title { font-size: 1.25em; font-weight: 500; }
.caption { font-size: 0.85em; line-height: 2em; }
.link_archive { margin-left:1em; font-size:0.85em; }

/* button */
.button { text-align: center !important; border: 1px solid #000; width: 100%; padding-top: 0.6em; padding-bottom: 0.6em; margin-top: 1.3em; margin-bottom: 1.3em; }
.button:hover { cursor: pointer; color: #FFF; background-color: #333; padding-top: 0.6em; padding-bottom: 0.6em; border: 1px solid #000; }

/* button */
.button2 { border-bottom: 1px dashed #000; display:inline; padding-bottom:0.2em; }
.button2:hover { border-bottom: 1px dashed #e63700; display:inline; padding-bottom:0.2em; }
.button3 { border-bottom: 1px dashed #000; display:inline; padding-bottom:0.2em; margin-right:1em; }
.button3:hover { border-bottom: 1px dashed #e63700; display:inline; padding-bottom:0.2em; }

/* map */
iframe { width: 100%; height: 23.5em; }

/* wrapper */
#wrapper { min-width: 1200px; min-height: 60vh; position: relative; width: 100%; margin-right: auto; margin-left: auto; }

/* side */
#side { width: 18.5%; float: right; padding-top: 3%; position: fixed; right: 0px; top: 0px; height: 100vh; min-height: 20vh; background-color: #FFF; z-index: 2; overflow:auto; }
#side h1 { width: 63%; margin-right: auto; margin-left: auto; margin-bottom: 2em; }
#side nav { text-align: left; padding-left: 20%; letter-spacing: 0.1em; }
#side nav #nav_main { font-size: 1.1em; line-height: 2.1em; }
#side nav #nav_main li span { display: inline-block; height: 1.2em; width: 1.2em; margin-left: 0.25em;line-height: 1em;}
#side nav #nav_main li span #lock {width: 100%;height: 100%; fill: currentColor; vertical-align:bottom; }
#side nav #nav_sub { font-size: 0.8em; line-height: 2.1em; margin-top: 1em; }
#side nav p { font-size: 0.7em; line-height: 1.75em; letter-spacing: 0.05em; margin-top: 1.5em; }
#side nav li a:hover, .about_1 #side #nav_main li:nth-child(1) a, .about_2 #side #nav_main li:nth-child(1) a, .hoiku_1 #side #nav_main li:nth-child(2) a, .hoiku_2 #side #nav_main li:nth-child(2) a, .hoiku_3 #side #nav_main li:nth-child(2) a, .hoiku_4 #side #nav_main li:nth-child(2) a, .nyuen_1 #side #nav_main li:nth-child(3) a, .nyuen_2 #side #nav_main li:nth-child(3) a, .album_1 #side #nav_main li:nth-child(5) a, .album_2 #side #nav_main li:nth-child(5) a, .album_3 #side #nav_main li:nth-child(5) a, .zousan #side #nav_main li:nth-child(4) a { color: #e63700; }

/* contents */
#contents { width: 81.5%; float: left; }

/* top_main */
#top_main { margin-bottom: 5em; }
#top_main .fade { height: 95vh; overflow: hidden; position: relative; }
#top_main .fade li img { object-fit: cover; width:100%; height:100%; }

/* top */
#top { width: 88%; margin-left: auto; margin-right: auto; }
#top_news { width: 47%; float: left; }
#top_news h2 { display: inline-block; width: auto; margin-right: 5%; font-size: 1.4em; letter-spacing: 0.15em; vertical-align: top; background-size: 82%; background-image: url(../images/icon_02.svg); background-repeat: no-repeat; background-position: center top; padding-top: 1.7em; height: auto; }
#top_news ul { display: inline-block; width: 86%; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: left; }
#top_news ul li { font-size: 0.85em; line-height: 4em; border-bottom: 1px solid #000; }
#top_news ul li span { margin-right: 1em; }
#top_news ul li:last-child { border-bottom: none; }
#top_zousan { width: 50%; float: right; }
#top_zousan h2 { display: inline-block; width: auto; margin-right: 5%; font-size: 1.4em; letter-spacing: 0.15em; vertical-align: top; background-size: 70%; background-image: url(../images/icon_03.svg); background-repeat: no-repeat; background-position: center top; padding-top: 1.5em; height: auto; }
#top_zousan ul { display: inline-block; width: 86%; text-align: left; }
#top_zousan ul li { width: 47%; float: left; display: inline-block; position: relative; overflow:hidden; }
#top_zousan ul li:nth-child(2) { float: right; }
#top_zousan ul li dt { font-size: 0.85em; line-height: 1em; background-color: #FFF; padding-left: 0.6em; padding-top: 0.6em; position: absolute; right: -1px; bottom: -1px; white-space: nowrap; }
#top_zousan ul li dd { font-size: 0.85em; line-height: 1em; position: absolute; top: -1px; left: 0px; white-space: nowrap; }
#top_zousan ul li dd .class { width: auto; color: #FFF; background-color: #e63700; padding-right: 0.5em; padding-top: 0.5em; padding-left: 0.5em; padding-bottom: 0.6em; }
#top_zousan ul li dd .date { float: none; width: auto; background-color: #FFF; padding-right: 0.5em; padding-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.6em; }
#top_banner { width: 20%; float: left; }
#top_banner li { display: block; width: 100%; margin-bottom: 7%; border: 1.2px solid #000 !important; }
#top_map { width: 77%; float: right; }

/* 下層共通 */
#layer_main { height: 35%; overflow: hidden; position: relative; margin-bottom: 5em; }
#layer_nav { width: 92%; text-align: left; margin-left: auto; margin-top: 3.5em; margin-bottom: 3em; }
#layer_nav h2 { display: inline-block; font-size: 1.8em; vertical-align: middle; margin-right: 1.2em; letter-spacing: 0.1em; }
#layer_nav ul { display: inline-block; vertical-align: middle; }
#layer_nav ul li { display: inline-block; }
#layer_nav ul li a { border: 1px solid #000 !important; border-radius: 22px; padding: 0.6em 1em 0.6em 1em; margin-right: 0.3em; }
#layer_nav ul li a:hover, .about_1 #layer_nav ul li:nth-child(1) a, .about_2 #layer_nav ul li:nth-child(2) a, .hoiku_1 #layer_nav ul li:nth-child(1) a, .hoiku_2 #layer_nav ul li:nth-child(2) a, .hoiku_3 #layer_nav ul li:nth-child(3) a, .hoiku_4 #layer_nav ul li:nth-child(4) a, .nyuen_1 #layer_nav ul li:nth-child(1) a, .nyuen_2 #layer_nav ul li:nth-child(2) a, .nyuen_3 #layer_nav ul li:nth-child(3) a, .album_1 #layer_nav ul li:nth-child(1) a, .album_2 #layer_nav ul li:nth-child(2) a, .album_3 #layer_nav ul li:nth-child(2) a { color: #e63700; border: 1px solid #e63700 !important; border-radius: 22px; padding: 0.6em 1em 0.6em 1em; margin-right: 0.3em; }
#layer { width: 84%; text-align: justify; margin-left: auto; margin-right: auto; }
#layer .block { margin-bottom: 6em; overflow: hidden; clear: both; }
#layer .block h3 { float: left; font-size: 1.7em; letter-spacing: 0.15em; }
#layer .block p { float: right; width: 90%; }
#layer .block ul { float: right; width: 90%; }

/* 園のこと */
#layer #gaiyo li { display: inline-block; margin-right: 4%; vertical-align: top; width: 55%; }
#layer #gaiyo li:nth-child(2) { width: 40%; margin-right: 0; }
#layer #gaiyo li dt { display: inline-block; width: 6em; margin-right: 2em; vertical-align: top; }
#layer #gaiyo li dd { display: inline-block; vertical-align: top; }
#layer #ayumi li { display: inline-block; vertical-align: top; width: 63%; }
#layer #ayumi li:nth-child(2) { width: 36%; }
#layer #ayumi li dt { display: inline-block; width: 5em; margin-right: 1em; vertical-align: top; }
#layer #ayumi li dd { display: inline-block; vertical-align: top; }
#layer #ayumi .photo { border: 1px solid #000; padding: 1em; }
#layer #ayumi .photo li { width: 100% !important; margin-bottom: 1em; }
#layer #ayumi .photo li:nth-child(2) { width: 100% !important; margin-bottom: 0; }
#layer #ensya li { display: inline-block; width: 47.5%; margin-right: 4%; vertical-align: top; }
#layer #ensya li:nth-child(2) { width: 47.5%; margin-right: 0; }
#layer #ensya li dt { position: relative; }
#layer #ensya li dt span { position: absolute; top: 0; left: 0; width: auto; background-color: #FFF; padding-right: 0.5em; padding-bottom: 0.3em; }
#layer #ensya li dd { margin-top: 1em; }
#layer #access { padding-top: 6em; margin-top: -6em; }
#layer #access ul { margin-bottom: 3em; }
#layer #access ul:nth-child(3) { margin-bottom: 0; }
#layer #access li { display: inline-block; width: 34%; margin-right: 4%; }
#layer #access li:nth-child(2) { width: 60%; margin-right: 0; }
#layer #mokuhyo li:first-child { width: 74%; display: inline-block; margin-right: 3%; }
#layer #mokuhyo li:nth-child(2) { width: 22%; display: inline-block; }
#layer #mokuhyo .box { border: 1px solid #000; padding: 2em; }
#layer #mokuhyo .box dl { margin-bottom: 2em; }
#layer #mokuhyo .box dl:last-child { margin-bottom: 0; }
#layer #mokuhyo .box dl dt { font-size: 1.3em; letter-spacing: 0.1em; margin-right: 0.5em; display: inline-block; }
#layer #mokuhyo .box dl dt span { font-size: 1.3em; margin-right: 0.5em; display: inline-block; }
#layer #mokuhyo .box dl dd { display: inline-block; }

/* 教育保育 */
#layer #rinen h4 { font-size: 1.3em; margin-bottom: 1em; letter-spacing: 0.1em; }
#layer #rinen p { float: none; width: 100%; }
#layer #rinen #rinen1 { margin-bottom: 6em; }
#layer #rinen #rinen1 li:first-child { width: 50%; float: left; }
#layer #rinen #rinen1 li:nth-child(2) { width: 43%; float: right; }
#layer #rinen #rinen2 li:first-child { width: 50%; float: right; }
#layer #rinen #rinen2 li:nth-child(2) { width: 45%; float: left; }
#layer #youtien { margin-bottom: 10em; }
#layer .schedule { margin-bottom: 6em; }
#layer .timeline li { overflow: hidden; margin: 0; position: relative; }
#layer .timeline-date { width: 10%; font-size: 1.8em; text-align: right; margin-right: 5%; float: left; line-height: 1em; }
#layer .timeline-date:after { content: ''; width: 0.6em; height: 0.6em; background: #000; position: absolute; left: 14%; border-radius: 100%; }
#layer .timeline-content { width: 85%; float: left; padding-bottom: 4em; border-left: 1px #000 solid; }
#layer .timeline li:last-child .timeline-content { border-left: none; }
#layer .timeline-content li:first-child { width: 40%; display: inline-block; margin-right: 4%; }
#layer .timeline-content li:nth-child(2) { width: 55%; display: inline-block; margin-right: 0; }
#layer .timeline-content li dt { font-size: 1.2em; margin-bottom: 1em; }
#layer .timeline li:last-child .timeline-content { padding-bottom: 0; }
#layer .timeline-content li dt span { display: block; margin-top: 0.5em; font-size: 0.75em; }
#layer .timeline-content ul:nth-child(2) { margin-top: 2em; }
#layer #hoikuen .timeline li:last-child .timeline-content { padding-bottom: 0; }
#layer #hoikuen .timeline li:last-child .timeline-date:after { bottom: auto; }
#layer #year .year_1 { overflow: hidden; clear: both; margin-bottom: 5em; }
#layer #year .year_1 .event_photo { float: left; width: 64%; }
#layer #year .year_1 .event_contents { float: right; width: 30%; padding-top: 1em; }
#layer #year .year_2 { overflow: hidden; clear: both; margin-bottom: 5em; }
#layer #year .year_2 .event_photo { float: right; width: 64%; }
#layer #year .year_2 .event_contents { float: left; width: 30%; padding-top: 1em; }
#layer #year .event_contents .event_month { font-weight: bold; font-size: 5em; margin-bottom: 0.5em; float: none; color: #e63700; }
#layer #year .event_contents .event_month span { margin-left: 1em; font-size: 0.3em; vertical-align: middle; }
#layer #year .event_contents .event_name { margin-bottom: 1em; }
#layer #year .event_contents .event_name p { font-size: 1.2em; margin-bottom: 0.5em; margin-left: 0; width: auto; float: none; }
#layer #year .event_contents ul { float: none; width: 100%; }
#layer #year .event_contents li { font-size: 0.6em; line-height: 1em; margin-bottom: 0.5em; width: 5em; padding: 0.6em 0.4em 0.6em 0.4em; border: 1px solid #ccc !important; color: #ccc; border-radius: 22px; display: inline-block; text-align: center; }
#layer #year .event_contents .on { border: 1px solid #000 !important; color: #000; }
#layer #lunch li { width: 47.5%; margin-right: 4%; display: inline-block; }
#layer #lunch li:nth-child(2) { margin-right: 0; }
#layer #lunch li dt { margin-bottom: 1em; }
#layer #lunch li dd { margin-bottom: 0.5em; }
#layer #bus li { width: 47.5%; margin-right: 4%; display: inline-block; }
#layer #bus li p { width: 100%; float: none; margin-bottom: 2em; }
#layer #bus li .box { border: 1px solid #000; padding: 1em; text-align: center; }
#layer #bus li:nth-child(2) { margin-right: 0; }

/* 入園 */
#layer #bosyu div { width: 90%; float: right; margin-bottom: 2em; }
#layer #bosyu p { width: 100%; float: none; margin-bottom: 1em; }
#layer #bosyu ul { width: 100%; float: none; }
#layer #bosyu li { width: 47.5%; margin-right: 4%; display: inline-block; }
#layer #bosyu li p { width: 100%; float: none; margin-bottom: 2em; overflow: hidden; clear: both; }
#layer #bosyu li .box { border: 1px solid #000; padding: 1em; text-align: center; }
#layer #bosyu li:nth-child(2) { margin-right: 0; }
#layer #price div { width: 90%; float: right; margin-bottom: 2em; }
#layer #price p { width: 100%; float: none; margin-bottom: 1em; }
#layer #price ul { width: 100%; float: none; }
#layer #price table { border: 1px solid #000; border-collapse: collapse; text-align: center; width: 100%; margin-bottom: 2em; }
#layer #price td, th { border: 1px solid #000; border-collapse: collapse; padding: 1em; }
#layer #price table td:first-child { width: 15% !important; }
#layer #question { margin-top: 5em; }
#layer #question div { width: 90%; float: right; margin-bottom: 2em; }
#layer #question dt { margin-bottom: 1em; border-left: 4px solid #e63700; padding-left: 0.7em; font-size: 1.4em; }
#layer #question dd { margin-bottom: 3em; }
#layer #sien { margin-top: 5em; }
#layer #sien div { width: 90%; float: right; margin-bottom: 2em; }
#layer #sien p { width: 100%; float: none; margin-bottom: 1em; }
#layer #sien .title { border-left: 4px solid #e63700; padding-left: 0.7em; font-size: 1.4em; }

/* アルバム */
#album { width: 84%; text-align: justify; margin-left: auto; margin-right: auto; }
#album .list { margin-bottom: 4em; overflow: hidden; }
#album .list .title { margin-bottom: 0.75em; }
#album .list .title .class { width: auto; color: #FFF; background-color: #e63700; padding-right: 0.4em; padding-top: 0.3em; padding-left: 0.4em; padding-bottom: 0.3em; font-size: 0.75em; margin-left: 0.5em; }
#album .list li { display: inline-block; width: 47.5%; margin-right: 2%; margin-bottom: 2%; }
#album .list li:nth-child(2n) { margin-right: 0; }
#album .other { overflow: hidden; }
#album .other .title { margin-bottom: 1em; }
#album .other ul li { width: 31.5%; display: inline-block; position: relative; margin-right: 2%; margin-bottom: 4%; }
#album .other ul li:nth-child(3n) { margin-right: 0; }
#album .other ul li dt { font-size: 0.8em; line-height: 1em; background-color: #FFF; padding-left: 0.6em; padding-top: 0.6em; position: absolute; right: -1px; bottom: -1px; white-space: nowrap; }
#album .other ul li dd { font-size: 0.8em; line-height: 1em; position: absolute; top: -1px; left: 0px; white-space: nowrap; }
#album .other ul li dd .class { margin-right: 0; width: auto; color: #FFF; background-color: #e63700; padding-right: 0.5em; padding-top: 0.5em; padding-left: 0.5em; padding-bottom: 0.6em; }
#album .other ul li dd .date { margin-right: 0; float: none; width: auto; background-color: #FFF; padding-right: 0.5em; padding-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.6em; margin-left:-0.4em; }

/* ドキュメンテーション */
#potfolio { width: 84%; text-align: justify; margin-left: auto; margin-right: auto; }
#potfolio .class_select { margin-bottom: 6em; overflow: hidden; }
#potfolio .class_select #youtien { width: 50%; float: left; border-right: 1px solid #000; padding-right: 5%; }
#potfolio .class_select #hoikuen { width: 50%; float: right; padding-left: 5%; }
#potfolio .class_select .title { margin-bottom: 1.5em; }
#potfolio .class_select li a { display: block; border: 1px solid #000 !important; border-radius: 30px; padding: 0.6em 1em 0.6em 1em; margin-bottom: 1.5em; text-align: center; }
#potfolio .class_select li:last-child a { margin-bottom: 0 !important; }
#potfolio .class_select li a:hover { border: 1px solid #e63700 !important; color: #e63700 !important; border-radius: 30px; padding: 0.6em 1em 0.6em 1em; text-align: center; }
#potfolio .portfolio_entry { width: 80%; margin-right: auto; margin-left: auto; margin-top: 5em; margin-bottom: 5em; }
#potfolio .portfolio_entry p { margin-bottom: 1.5em; }
#potfolio .portfolio_entry li { margin-bottom: 3.5em; border-bottom: 1px solid #000; padding-bottom: 3.5em; }
#potfolio .portfolio_entry li:last-child { border-bottom: none; }
#potfolio .class_archive { margin-bottom:4em; display:flex; flex-wrap: wrap; }
#potfolio .class_archive li { line-height: 1em; margin:0 1em 1.5em 0; }

/* ぞうさんだより */
#zousan { width: 84%; text-align: justify; margin-left: auto; margin-right: auto; margin-top: 5em; }
#zousan .entrybody { min-height: 50vh; width: 80%; margin-right: auto; margin-left: auto; margin-bottom: 8em; text-align: justify; }
#zousan .entrybody .date { display: block; font-size: 1.2em; font-weight: normal; margin-bottom: 1em; clear: both; text-align: left; }
#zousan .entrybody .class { width: auto; color: #FFF; background-color: #e63700; padding-right: 0.4em; padding-top: 0.3em; padding-left: 0.4em; padding-bottom: 0.3em; font-size: 0.75em; margin-left: 0.5em; }
#zousan .entrybody a:link { border-bottom: 1px dashed #000 !important; padding-bottom: 0.3em; }
#zousan .entrybody h1 { font-size: 1.8em; font-weight: 500; margin-bottom: 1em; clear: both; text-align: left; line-height: 2em; }
#zousan .entrybody h2 { font-size: 1.6em; font-weight: 500; margin-bottom: 1em; clear: both; text-align: left; line-height: 2em; }
#zousan .entrybody h3 { font-size: 1.4em; font-weight: 500; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; line-height: 2em; }
#zousan .entrybody h4 { font-size: 1.2em; font-weight: 500; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; line-height: 2em; }
#zousan .entrybody h5 { font-size: 1em; font-weight: 500; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; line-height: 2em; }
#zousan .entrybody h6 { font-size: 0.8em; line-height: 2em; font-weight: 500; margin-bottom: 1.2em; clear: both; margin-top: 2em; text-align: left; }
#zousan .entrybody p { margin-bottom: 1.5em; }
#zousan .entrybody sup { font-size: 1em; font-weight: bold; margin-bottom: 2em; clear: both; text-align: left; }
#zousan .entrybody table { width: 100%; margin-bottom: 2em; margin-top: 2em; text-align: left; }
#zousan .entrybody blockquote { padding: 5%; margin-top: 2em; margin-bottom: 2em; border: 1px solid #333333; font-style: italic; }
#zousan .entrybody th { font-size: 1em; line-height: 1.5em; font-weight: bold; padding: 10px; text-align: left; }
#zousan .entrybody td { font-size: 1em; line-height: 1.5em; padding: 10px; text-align: left; }
#zousan .entrybody ul { margin-bottom: 2em; overflow: hidden; text-align: left; }
#zousan .entrybody li { font-size: 1em; line-height: 1.5em; margin-top: 1em; padding-left: 1em; border-left-width: 3px; border-left-style: solid; border-left-color: #333333; text-align: left; }
#zousan .entrybody dt { font-size: 1em; line-height: 1.5em; display: block; margin-bottom: 20px; text-align: left; }
#zousan .entrybody dd { font-size: 1em; line-height: 1.5em; display: block; margin-bottom: 20px; text-align: left; }
#zousan .entrybody img { margin-top: 0.5em; margin-bottom: 0.5em; }
#zousan .other { overflow: hidden; }
#zousan .other .title { margin-bottom: 1em; }
#zousan .other ul li { width: 31.5%; display: inline-block; position: relative; margin-right: 2%; margin-bottom: 4%; }
#zousan .other ul li:nth-child(3n) { margin-right: 0; }
#zousan .other ul li dt { font-size: 0.8em; line-height: 1em; background-color: #FFF; padding-left: 0.6em; padding-top: 0.6em; position: absolute; right: -1px; bottom: -1px; white-space: nowrap; }
#zousan .other ul li dd { font-size: 0.8em; line-height: 1em; position: absolute; top: -1px; left: 0px; white-space: nowrap; }
#zousan .other ul li dd .class { margin-right: 0; width: auto; color: #FFF; background-color: #e63700; padding-right: 0.5em; padding-top: 0.5em; padding-left: 0.5em; padding-bottom: 0.6em; }
#zousan .other ul li dd .date { margin-right: 0; float: none; width: auto; background-color: #FFF; padding-right: 0.5em; padding-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.6em; margin-left:-0.4em; }
#zousan .other_link { overflow: hidden; margin-bottom: 6em; width:90%; margin-left:auto; margin-right:auto; }
#zousan .other_link li { float: left; font-size: 0.9em; margin-bottom: 1em; }
#zousan .other_link li:last-child { float: right; }
#zousan .entrybody2 { min-height: 50vh; width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 8em; text-align: justify; }
#zousan .entrybody2 img { margin-top: 0.5em; margin-bottom: 0.5em; }

/* recruit */
#layer #recruit_massage h4 { font-size: 1.4em; line-height: 2em; letter-spacing: 0.15em; color: #e63700; margin:0 0 2em 10%; }
#layer #recruit_massage .lead { border-left:solid 1px #e63700; padding:0 0 0 5%; margin:0 0 0 15%; }
#layer #recruit_massage .lead p { float: none; margin:0 0 1.6em 0; }
#layer #recruit_voice .voice_ex { width:90%; float:right; overflow: hidden; padding:0 0 8em 0; }
#layer #recruit_voice .voice_ex .thumb { float:left; width:43%; }
#layer #recruit_voice .voice_ex .txt { position: relative; float:right; width:50%; border-bottom: solid 1px #e63700; padding:0 0 2em 0; }
#layer #recruit_voice .voice_ex .txt .title { font-size: 1.3em; font-weight: normal; line-height: 1.7em; letter-spacing: 0.15em; color: #e63700; margin:0 0 0.75em 0; }
#layer #recruit_voice .voice_ex .txt .ex { font-size: 0.9em; line-height: 2em; margin:0 0 1em 0; }
#layer #recruit_voice .voice_ex .txt .profile { font-size: 0.85em; line-height: 1.6em; color: #e63700; }
#layer #recruit_voice .voice_ex .txt::after { position: absolute; bottom:-11px; right:20%; z-index: 99; transform: rotate(-45deg); content:""; background-color: #fff; border-left:solid 1px #e63700; border-bottom:solid 1px #e63700; width:20px; height:20px; }
#layer #recruit_voice .voice_ex:nth-child(odd) .thumb { float:right; }
#layer #recruit_voice .voice_ex:nth-child(odd) .txt { float:left; }
#layer #recruit_voice .voice_ex:last-child { padding:0 0 2em 0; }
#layer #recruit_bosyu .bosyu_ex { width:90%; float:right; border:solid 1px #e63700; margin:0 0 5em 0; padding:3em 4em; }
#layer #recruit_bosyu .bosyu_ex dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin:0 0 3em 0; }
#layer #recruit_bosyu .bosyu_ex dt { color: #e63700; border-bottom:solid 1px #e63700; width:30%; padding:0.75em 0; }
#layer #recruit_bosyu .bosyu_ex dd { border-bottom:solid 1px #e63700; width:70%; padding:0.75em 0; }
#layer #recruit_bosyu .bosyu_ex .bosyu_bn a { font-size: 1.2em; display:block; border:solid 1px #e63700 !important; background-color:#e63700; padding:0.75em; text-align:center; color:#fff; width:100%; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; margin:0 0 1em 0; }
#layer #recruit_bosyu .bosyu_ex .bosyu_bn a:hover { background-color: #fff; color:#e63700; }

/* contact */
#layer #attention { width: 45%; float: left; }
#layer #attention p { margin-bottom: 2em; }
#layer #form { width: 47%; float: right; }
#layer #form .data { text-align: left; }
#layer #form .data dt { margin-bottom: 0.25em; }
#layer #form .data dd { margin-bottom: 1em; }
#layer #form .data input { width: 100%; line-height: 2.2em; border: 1px solid #000; padding: 1%; font-size: 1em; }
#layer #form .data select { width: 100%; height: 40px; line-height: 2.2em; border: 1px solid #000; padding: 6px; font-size: 1em; background-color: #fff; }
#layer #form .data textarea { width: 100%; line-height: 2.2em; border: 1px solid #000; padding: 1%; font-size: 1em; }
#layer #form .data .submit { text-align: center; cursor: pointer; }
#layer #form .data .submit input { width: 100%; background-color: #000; border-style: none; font-size: 100%; padding: 15px 25px; color: #FFF; }
#layer #form .data .policy1 { margin-bottom:0.8em }
#layer #form .data .policy2 { padding-bottom:0.8em }
#layer #form .data .policy2 input { width: auto; }

/* パスワード */
.post-password-form { padding:6% 10% 6% 10%; width: 84%; background-color: #eaeaea; border-radius: 20px; text-align: ceter; margin-left: auto; margin-right: auto; margin-top: 3.5em; margin-bottom: 3em; }
.post-password-form .pass_icon { width: 23%; margin-left: auto; margin-right: auto; margin-bottom: 3em; }
.post-password-form .pass_text { text-align: center; cursor: pointer; display: block; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 1em; margin-top: 3em; }
.post-password-form .pass_text input { width: 100%; background-color: #fff; border: 1px solid #000; font-size: 1em; padding: 15px 25px; color: #000; }
.post-password-form .submit { text-align: center; cursor: pointer; display: inline-block; width: 100%; margin-left: auto; margin-right: auto; }
.post-password-form .submit input { width: 100%; background-color: #000; border-style: none; font-size: 1em; padding: 15px 25px; color: #FFF; }

/* footer */
#footer { width: 96%; margin-top: 3em; margin-bottom: 4em; margin-left: 4%; text-align: left; }
#footer li { display: inline-block; margin-left: 2em; font-size: 0.8em; line-height: 1.65em; text-align: left; vertical-align: top; }
#footer #ft_logo { width: 32%; min-width: 300px; margin-left: 0; }
#footer .sp_footer_nav { display:none; }

/* page-navi */
.wp-pagenavi { font-size:1em; }
.wp-pagenavi .nextpostslink { display:none; }
.wp-pagenavi .previouspostslink { display:none; }
.wp-pagenavi .pages { display:none; }
.wp-pagenavi .current { color:#e63700; border: 1px solid #e63700; border-radius: 20px; padding: 0.25em 0.6em 0.25em 0.6em; margin-right: 0.75em; }
.wp-pagenavi .larger { margin-right: 0.75em !important; }
.wp-pagenavi .smaller { margin-right: 0.75em !important; }

/* media screen */
@media screen and (min-width: 600px) and (max-width: 1200px) {
body { font-size: 13px; }
#side { width: 18.5%; float: right; padding-top: 3.75%; position: absolute; right: 0px; top: 0px; height: 100vh; min-height: 54em; background-color: #FFF; z-index: 2 }
}
@media screen and (min-width: 1201px) and (max-width: 1450px) {
body { font-size: 14px; }
}
@media screen and (min-width: 1451px) and (max-width: 1550px) {
body { font-size: 15px; }
}