@charset "UTF-8";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	1. Document Setup
/* -------------------------------------------------------------------------- */
:root{
/** 基本行間 */
--base-line-height:2;

/** 本文テキストカラー */
--font-color:#222;

/** 基本カラー */
--color-base-light:#AFDAFD;
--color-base:#3290DA;
--color-base-dark:#0C69A6;

/** カラー */
--color-orange:#FF6600;
--color-light-green:#7B9D2A;

/* input select 高さ */
--input-height:1.6em;
}

html {
color:var(--font-color);
font-size:13px;
font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

body {
min-width:840px;
}

/* -------------------------------------------------------------------------- */
/*	2. Element Base
/* -------------------------------------------------------------------------- */
header,
main,
footer {
display: block;
}

#main-content h1 {
margin-bottom:1rem;

}

#main-content h2 {
margin:2rem 0 1rem;
}

#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
margin:1.5rem 0 0.75rem;
}

#main-content h1 {
position:relative;
padding:.5em .5em .5em 1.75em;
border:#DDDDDD 1px solid;
border-radius:4px;
background-size: 4px 4px;
background-image: linear-gradient( -45deg,transparent, transparent 17%, #DDDDDD 17%, #DDDDDD 50%, transparent 50%, transparent 67%, #DDDDDD 67%, #DDDDDD );
font-size:1.4rem;
font-weight:700;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:.1em;
}

#main-content h1::before {
position:absolute;
top:.5em;
left:0.75em;
height:calc(100% - 1em);
border-left:#EF8201 0.5em solid;
content:'';
}

#main-content h1::after {
position:absolute;
top:.0;
left:0;
width:100%;
height:100%;
z-index:-1;
background-image: linear-gradient( #FFF, #EEE );
content:'';
}

#main-content h2 {
position:relative;
width:100%;
padding:10px 0 10px 1em;
font-size:1.4rem;
font-weight:700;
font-family:'Noto Serif JP',serif;
letter-spacing:.1em;
text-shadow:0 -1px 1px white,1px -1px 1px white,1px 0 1px white,1px 1px 1px white,0 1px 1px white,-1px 1px 1px white,-1px 0 1px white,-1px -1px 1px white;
}

#main-content h2::before {
position:absolute;
top:0;
left:0;
width:46px;
height:40px;
z-index:-1;
content:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2021.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2246px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2046%2040%22%20style%3D%22enable-background%3Anew%200%200%2046%2040%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%239BBD49%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17.5%2C39.8c-1.4%2C0-2.5-0.1-3.2-0.3c-1.1-0.3-1.7-1.3-1.5-2.4c0.3-1.1%2C1.3-1.7%2C2.4-1.5c2.7%2C0.6%2C15.2-0.4%2C22-5.8%0A%09c3-2.4%2C4.4-5.1%2C4.4-8.5C41.7%2C6.6%2C29.8%2C5%2C24.7%2C5C16.9%2C5%2C6%2C9.8%2C6%2C20.4c0%2C3%2C0.9%2C5.4%2C2.6%2C7.1c3.3%2C3.2%2C8.8%2C3.2%2C8.8%2C3.2c1.1%2C0%2C2%2C0.9%2C2%2C2%0A%09s-0.9%2C2-2%2C2c-0.3%2C0-7.2%2C0.1-11.7-4.4C3.3%2C27.9%2C2%2C24.5%2C2%2C20.4C2%2C7%2C15.3%2C1%2C24.7%2C1c13.2%2C0%2C21%2C7.6%2C21%2C20.4c0%2C4.6-2%2C8.5-6%2C11.6%0A%09C33.3%2C38.1%2C23.2%2C39.8%2C17.5%2C39.8z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

#main-content h2::after {
position:absolute;
bottom:4px;
left:0;
width:100%;
height:2px;
z-index:-2;
border-top:#E0E0E0 1px solid;
border-bottom:#B0B0B0 1px solid;
content:'';
}

#main-content h3 {
position:relative;
width:100%;
padding-bottom:.75em;
padding-left:22px;
border-bottom:#CCCCCC 1px dotted;
font-size:1.2rem;
font-weight:500;
font-family:'Noto Sans JP',sans-serif;
}

#main-content h3::before {
position:absolute;
top:0em;
left:0;
width:1.2em;
height:1.2em;
content:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3A%23CCCCCC%3B%7D%0A%09.st2%7Bfill%3A%23578400%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M4%2C15.5c-1.9%2C0-3.5-1.6-3.5-3.5V4c0-1.9%2C1.6-3.5%2C3.5-3.5h8c1.9%2C0%2C3.5%2C1.6%2C3.5%2C3.5v8c0%2C1.9-1.6%2C3.5-3.5%2C3.5H4z%22%0A%09%09%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M12%2C1c1.7%2C0%2C3%2C1.3%2C3%2C3v8c0%2C1.7-1.3%2C3-3%2C3H4c-1.7%2C0-3-1.3-3-3V4c0-1.7%2C1.3-3%2C3-3H12%20M12%2C0H4C1.8%2C0%2C0%2C1.8%2C0%2C4v8%0A%09%09c0%2C2.2%2C1.8%2C4%2C4%2C4h8c2.2%2C0%2C4-1.8%2C4-4V4C16%2C1.8%2C14.2%2C0%2C12%2C0L12%2C0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st2%22%20d%3D%22M12%2C14H4c-1.1%2C0-2-0.9-2-2V4c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C14%2C13.1%2C13.1%2C14%2C12%2C14z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%2210%2C5%2010%2C9.3%205.7%2C5%205%2C5.7%209.3%2C10%205%2C10%205%2C11%2010%2C11%2011%2C11%2011%2C10%2011%2C5%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

#main-content h4 {
padding-left:.5em;
border-left:#9BBD49 5px solid;
font-size:1.1rem;
font-weight:500;
font-family:'Noto Sans JP',sans-serif;
}

#main-content p {
line-height:var(--base-line-height);
margin:0 0 1em 0;
}

#main-content em,
#main-content i,
#main-content q,
#main-content dfn {
font-style:italic;
}

#main-content em em,
#main-content em i,
#main-content i em,
#main-content i i,
#main-contenvt cite em,
#main-content cite i {
font-weight:bold;
}

#main-content big {
font-size:1.2em;
}

#main-content small {
font-size:0.75em;
}

#main-content b,
#main-content strong {
font-weight:bold;
}

#main-content ins {
text-decoration:underline;
}

#main-content sub,
#main-content sup {
font-size:.75em;
line-height:0;
position:relative;
vertical-align:baseline;
}

#main-content sup {
top:-0.5em;
}

#main-content sub {
bottom:-0.25em;
}

#main-content abbr,
#main-content acronym {
cursor:help;
}

#main-content address {
line-height:calc(val(--base-lineheight)*0.75);
margin:0 0 2rem 0;
}

#main-content hr {
margin:1rem 0;
border-style:solid;
border-width:0.1rem 0 0 0;
border-color:#dcd7ca;
}

#main-content a {
color:#5555BB;
text-decoration:none;
}

#main-content a:hover,
#main-content a:focus {
text-decoration:underline;
}

/* Lists ------------------------------------- */

#main-content ul,
#main-content ol {
margin:0 0 1.5rem 0rem;
}

#main-content ul {
list-style:disc;
}

#main-content ul ul {
list-style:circle;
}

#main-content ul ul ul {
list-style:square;
}

#main-content ol {
list-style:decimal;
}

#main-content ol ol {
list-style:lower-alpha;
}

#main-content ol ol ol {
list-style:lower-roman;
}

#main-content li {
margin:0 0 0.5rem 2rem;
line-height:var(--base-line-height);
}

#main-content li > ul,
#main-content li > ol {
margin:1rem 0 0 2rem;
}

#main-content .reset-list-style,
#main-content .reset-list-style ul,
#main-content .reset-list-style ol {
list-style:none;
margin:0;
}

#main-content .reset-list-style li {
margin:0;
}

/* 情報公開用として追加 */
#main-content .arrow-list-style {
list-style:none;
}

#main-content .arrow-list-style li {
margin-left:0;
padding:0 0 0 1.5em;
position:relative;
}

#main-content .arrow-list-style li::before {
position:absolute;
top:0;
left:.3em;
width:.75em;
height:.75em;
content:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013%2013%22%20style%3D%22enable-background%3Anew%200%200%2013%2013%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23578400%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%221.5%2C1.4%206.6%2C6.5%201.5%2C11.6%201.5%2C13%208%2C6.5%201.5%2C0%20%22%2F%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%225%2C1.4%2010.1%2C6.5%205%2C11.6%205%2C13%2011.5%2C6.5%205%2C0%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}


/* オレンジ四角に右矢印 リンクに使用 */
#main-content .box-arrow-orange-list-style {
list-style:none;
}

#main-content .box-arrow-orange-list-style > li {
margin-left:0;
padding:0 0 0 2em;
position:relative;
}

#main-content .box-arrow-orange-list-style > li::before {
position:absolute;
top:.25em;
left:0;
width:1.25em;
height:1.25em;
content:url("data:image/svg+xml,%3Csvg%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e1e1e1%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23f60%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_01--210406a%3C%2Ftitle%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2213%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M12%2C13H3a1%2C1%2C0%2C0%2C1-1-1V3A1%2C1%2C0%2C0%2C1%2C3%2C2h9a1%2C1%2C0%2C0%2C1%2C1%2C1v9A1%2C1%2C0%2C0%2C1%2C12%2C13Z%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2212%206.5%208.5%203%205.67%203%209.17%206.5%203%206.5%203%208.5%209.17%208.5%205.67%2012%208.5%2012%2012%208.5%2012%206.5%22%2F%3E%3C%2Fsvg%3E");
}

/* 青四角に右矢印 リンクに使用 */
#main-content .box-arrow-blue-list-style {
list-style:none;
}

#main-content .box-arrow-blue-style > li {
margin-left:0;
padding:0 0 0 2em;
position:relative;
}

#main-content .box-arrow-blue-style > li::before {
position:absolute;
top:.25em;
left:0;
width:1.25em;
height:1.25em;
content:url("data:image/svg+xml,%3Csvg%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e1e1e1%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%230C69A6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_01--210406a%3C%2Ftitle%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2213%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M12%2C13H3a1%2C1%2C0%2C0%2C1-1-1V3A1%2C1%2C0%2C0%2C1%2C3%2C2h9a1%2C1%2C0%2C0%2C1%2C1%2C1v9A1%2C1%2C0%2C0%2C1%2C12%2C13Z%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2212%206.5%208.5%203%205.67%203%209.17%206.5%203%206.5%203%208.5%209.17%208.5%205.67%2012%208.5%2012%2012%208.5%2012%206.5%22%2F%3E%3C%2Fsvg%3E");
}




#main-content dt,
#main-content dd {
line-height:calc(val(--base-lineheight)*0.75);
}

#main-content dt {
font-weight:bold;
}

#main-content dt + #main-content dd {
margin-top:0.5rem;
}

#main-content dd + #main-content dt {
margin-top:1.5rem;
}

/* Inputs ------------------------------------ */

fieldset {
padding:2rem;
border:0.2rem solid #333;
}

legend { }

label { }

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
line-height:1;
}

input,
textarea {
border-color:#666;
color:#000;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
width:100%;
max-width:100%;
height:var(--input-height);
margin:0;
padding:0.1em 0.2em;
border-width:0.1rem;
border-style:solid;
border-radius:0.1rem;
background:#FFF;
box-shadow:none;
letter-spacing:-0.015em;
}

textarea {
width:100%;
height:12rem;
line-height:calc(val(--base-lineheight)*0.75);
}

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

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

input::-webkit-input-placeholder {
line-height:normal;
}

input:-ms-input-placeholder {
line-height:normal;
}

input::-moz-placeholder {
line-height:revert; /* Reset to the value from the user-agent stylesheet. */
}

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

button,
.button,
.faux-button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
display:inline-block;
opacity:1;
margin:0;
padding:.5em;
border-color:var(--color-base-dark);
border-width:0.1rem;
border-style:solid;
border-radius:0.25rem;
background:linear-gradient(#FFF, #DDD);
color:#252525;
font-size:1rem;
font-weight:bold;
line-height:1.25;
letter-spacing:0.0333em;
text-decoration:none;
text-align:center;
text-transform:uppercase;
cursor:pointer;
transition:opacity 0.15s linear;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
border-color:var(--color-base-dark);
box-shadow:0px 0px 0.3rem 0.1rem var(--color-base-light) inset;
}

button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
text-decoration:none;
opacity:0.7;
}

/* Media ------------------------------------- */

figure {
display:block;
margin:0;
}

iframe {
display:block;
max-width:100%;
}

video {
display:block;
}

svg,
img,
embed,
object {
display:block;
height:auto;
max-width:100%;
}

figcaption,
.wp-caption-text {
color:#6d6d6d;
display:block;
font-size:1.5rem;
font-weight:500;
line-height:1.2;
margin-top:1.5rem;
}

figcaption a,
.wp-caption-text a {
color:inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
margin:auto !important;
}

/* Tables ------------------------------------ */

table {
border:1px solid #dcd7ca;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin:1rem 0;
max-width:100%;
overflow:hidden;
width:100%;
}

.alignleft > table {
margin:0;
}

.alignright > table {
margin:0;
}

th,
td {
border:1px solid #dcd7ca;
line-height:1.5;
margin:0;
overflow:visible;
padding:0.5em;
}

th {
background-color:#EEEEDD;
}

caption {
background:#dcd7ca;
font-weight:600;
padding:0.5em;
text-align:center;
}

thead {
vertical-align:bottom;
white-space:nowrap;
}

th {
font-weight:bold;
}

/* -------------------------------------------------------------------------- */
/*	3. Helper Classes
/* -------------------------------------------------------------------------- */

/* Layout ------------------------------------ */

.cnt, .inner {
overflow:hidden;
position: relative;
}

.page {
width:820px;
margin:0 auto;
overflow:hidden;
}

.cnt .right,
.cnt .left {
display:inline-block;
}

.right {
float:right;
}

.left {
float:left;
}

.no-margin {
margin:0;
}

.no-padding {
padding:0;
}

.screen-height {
min-height:100vh;
}

.admin-bar .screen-height {
min-height:calc(100vh - 32px);
}

/* Full */

.alignfull {
	margin-top: 5rem;
	margin-right: auto;
	margin-bottom: 5rem;
	margin-left: auto;
	max-width: 100vw;
	position: relative;
	width: 100%;
}

[class*="__inner-container"] > .alignfull {
	max-width: 100%;
}

/* Wide */

.alignwide {
	max-width: 120rem;
	position: relative;
	width: calc(100% - 4rem);
}

[class*="__inner-container"] > .alignwide {
	width: 100%;
}

/* Center */

.aligncenter,
.aligncenter img {
	margin-left: auto;
	margin-right: auto;
}

/* Left and right */

.alignleft,
.alignright {
	max-width: 50%;
}

.alignleft {

	/*rtl:ignore*/
	float: left;
	margin: 0.3rem 2rem 2rem 2rem;
}

.alignright {

	/*rtl:ignore*/
	float: right;
	margin: 0.3rem 2rem 2rem 2rem;
}

/* Colors ------------------------------------ */
.red { color:#FF3333; }

.orange { color:var(--color-orange); }

.light-green { color:var(--color-light-green); }

/* Icon -------------------------------------- */
.icon-02 {
position:relative;
padding-left:2em;
}

.icon-02::before {
position:absolute;
top:.25em;
left:0;
width:1.5em;
height:1.5em;
content:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%0A%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FF6600%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M8%2C1.4L14.6%2C8L8%2C14.6L1.4%2C8L8%2C1.4%20M8%2C0L0%2C8l8%2C8l8-8L8%2C0L8%2C0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%227.5%2C10%207%2C5.8%207%2C4%209%2C4%209%2C5.8%208.5%2C10%20%22%2F%3E%0A%3Crect%20x%3D%227.1%22%20y%3D%2210.9%22%20class%3D%22st0%22%20width%3D%221.9%22%20height%3D%221.1%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* Button -------------------------------------- */
.button-blue {
display:inline-block;
padding:.25rem 1rem;
border:#0C69A6 1px solid;
border-radius:4px;
background-image: linear-gradient( #8BE, #297bb1 50%, #0c69a6 50%, #0c69a6);
color:#FFF!important;
font-size:1rem;
font-weight:700;
font-family: 'Noto Sans JP', sans-serif;
text-align:center;
text-shadow: 0 0 10px #633;
text-decoration:none!important;
transition: opacity 200ms 0s ease;
}

.button-blue:hover {
color:#FFF!important;
text-decoration:none!important;
opacity:0.7;
}

.button-orange {
display:inline-block;
padding:.25rem 1rem;
border:#f7790b 1px solid;
border-radius:4px;
background-image: linear-gradient( #fda446, #f29631 50%, #f7790b 50%, #f7790b);
color:#FFF!important;
font-size:1rem;
font-family: 'Noto Sans JP', sans-serif;
text-align:center;
text-shadow: 0 0 10px #633;
text-decoration:none!important;
transition: opacity 200ms 0s ease;
}

.button-green {
display:inline-block;
padding:.25rem 1rem;
border:#4b7000 1px solid;
border-radius:4px;
background-image: linear-gradient( #6f9329, #6a921f 50%, #4b7000 50%, #4b7000);
color:#FFF!important;
font-size:1rem;
font-family: 'Noto Sans JP', sans-serif;
text-align:center;
text-shadow: 0 0 10px #633;
text-decoration:none!important;
transition: opacity 200ms 0s ease;
}

.button-orange:hover,
.button-green:hover {
color:#FFF!important;
text-decoration:none!important;
opacity:0.7;
}

/* File -------------------------------------- */
.no-icon::after {
content:''!important
}

a[href$=".pdf"],
a[href$=".doc"],
a[target="_blank"]:not(a[href$=".pdf"]):not(a[href$=".doc"]) {
vertical-align:middle;

}

a[href$=".pdf"]::after,
a[href$=".doc"]::after,
a[target="_blank"]:not(a[href$=".pdf"]):not(a[href$=".doc"])::after {
display:inline-block;
width:1.3em;
height:1.3em;
margin-left:.25em;
margin-right:.5em;
vertical-align:sub;
}

a[href$=".pdf"]::after {
content:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2017%2017%22%20style%3D%22enable-background%3Anew%200%200%2017%2017%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3A%23E60012%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%2217%2C17%203%2C17%203%2C0%2013%2C0%2017%2C4%20%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M13%2C0H3v17h14V4L13%2C0z%20M16%2C16H4V1h8v4h4V16z%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M13%2C15H1c-0.6%2C0-1-0.4-1-1V8c0-0.6%2C0.4-1%2C1-1h12c0.6%2C0%2C1%2C0.4%2C1%2C1v6C14%2C14.6%2C13.6%2C15%2C13%2C15z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2C8h2.2C3.6%2C8%2C4%2C8.2%2C4.2%2C8.5s0.4%2C0.8%2C0.4%2C1.4c0%2C0.6-0.1%2C1.1-0.4%2C1.4S3.5%2C11.8%2C3%2C11.8H2.3V14H1V8z%20M2.3%2C10.6%0A%09%09h0.3c0.2%2C0%2C0.4-0.1%2C0.5-0.2c0.1-0.1%2C0.2-0.3%2C0.2-0.5c0-0.2%2C0-0.3-0.1-0.5C3.1%2C9.3%2C2.9%2C9.2%2C2.7%2C9.2H2.3V10.6z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M5.2%2C8h1.9c0.4%2C0%2C0.7%2C0.1%2C0.9%2C0.2s0.4%2C0.4%2C0.6%2C0.6c0.2%2C0.3%2C0.3%2C0.6%2C0.3%2C1c0.1%2C0.4%2C0.1%2C0.8%2C0.1%2C1.2%0A%09%09c0%2C0.6-0.1%2C1.1-0.2%2C1.5s-0.2%2C0.6-0.4%2C0.9s-0.4%2C0.4-0.6%2C0.5C7.7%2C13.9%2C7.4%2C14%2C7.2%2C14H5.2V8z%20M6.5%2C9.4v3.3h0.3c0.3%2C0%2C0.5%2C0%2C0.6-0.1%0A%09%09s0.2-0.2%2C0.3-0.5c0.1-0.2%2C0.1-0.6%2C0.1-1c0-0.6-0.1-1.1-0.2-1.3C7.4%2C9.5%2C7.2%2C9.4%2C6.9%2C9.4H6.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M9.8%2C8H13v1.3h-1.9v1h1.6v1.2h-1.6V14H9.8V8z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}

a[href$=".doc"]::after {
content:url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%232b5797%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eword%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M53.47%2C397.36l.19-297.91L279.38%2C60.77V435.93ZM409.08%2C296.8H288.3V273.38H409.08v-15.6H288.3V234.4H409.08V218.8H288.3V195.38H409.08v-15.6H288.3V156.37H409.08v-15.6H288.3l.22-36.83h146.2c7.84-.3%2C9.44%2C1.26%2C9.14%2C9.15V384.95c.11%2C4.71-1.33%2C8.74-9.14%2C7.86H288.52l-.22-41.39H409.08v-15.6H288.3V312.4H409.08ZM0%2C500H500L499.33%2C0H0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M210.37%2C179.12%2C192.5%2C275.23%2C174%2C182.16l-25.05%2C1.45-17.76%2C88.26-15-85.52L94%2C186.6l23%2C123.83%2C23.24%2C1.26%2C19.09-85.59%2C10.18%2C43.39c3%2C14.75%2C6%2C28.86%2C8.7%2C43.91l26.27%2C2.7L235%2C178.19Z%22%2F%3E%3C%2Fsvg%3E");
}

a[target="_blank"]:not(a[href$=".pdf"]):not(a[href$=".doc"])::after {
content:url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2017%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23628026%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_outlink%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2214.2%2014.2%202.8%2014.2%202.8%202.8%205.5%202.8%205.5%200%200%200%200%2017%2017%2017%2017%2011.5%2014.2%2011.5%2014.2%2014.2%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2217%200%208.46%200%2011.34%202.88%207.07%207.15%209.94%2010.01%2014.21%205.74%2017%208.54%2017%200%22%2F%3E%3C%2Fsvg%3E");
}

/* -------------------------------------------------------------------------- */
/*	4.	Site Header
/* -------------------------------------------------------------------------- */

#site-header {
position:relative;
width:100%;
height:80px;
margin-top:8px;
background-size:1px 80px;
background-image:linear-gradient( 0deg, #C5D9EA, #F5FAFD 25%, #F5FAFD );
}

#site-header::before {
position:absolute;
top:-8px;
width:100%;
height:8px;
border-bottom:#8ABFE9 1px solid;
background-size:4px 4px;
background-image:linear-gradient( -45deg, #45A0E7, #45A0E7 17%, #3290DA 17%, #3290DA 50%, #45A0E7 50%, #45A0E7 67%, #3290DA 67%, #3290DA );
content:'';
}

#site-header .page {
padding:0 8px;
}

/* Logo -------------------------------------- */

#logo {
width:370px;
height:40px;
margin:20px 0;
overflow:hidden;
}

/* -------------------------------------------------------------------------- */
/*	5.	Site Main
/* -------------------------------------------------------------------------- */

#site-main {
position:relative;
width:100%;
background:#F8F8F8;
}

#site-main::before {
position:absolute;
top:0;
left:0;
width:100%;
height:320px;
background-size:4px 4px;
background-image:linear-gradient( -45deg, #AFDAFD, #AFDAFD 17%, #84AFD2 17%, #84AFD2 50%, #AFDAFD 50%, #AFDAFD 67%, #84AFD2 67%, #84AFD2 );
content:'';
}

#site-main::after {
position:absolute;
top:320px;
left:0;
width:100%;
height:30px;
background-size:1px 30px;
background-image:linear-gradient( 0deg, #F8F8F8, #CCCCCC );
content:'';
}

#site-main .page {
position:relative;
z-index:1;
min-height:600px;
padding:0 10px;
background:#FFF;
}

#main-side {
float:left;
width:225px;
margin-bottom:3rem;
overflow:hidden;
}

#main-content {
float:none;
width:100%;
margin-bottom:3rem;
}

.cnt > #main-content {
float:right;
width:545px;
overflow:hidden;
}

/* -------------------------------------------------------------------------- */
/*	6.	Menu Modal
/* -------------------------------------------------------------------------- */

/* Global Menu ------------------------------- */

#gnavi {
margin-bottom:2rem;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}

#gnavi ul {
overflow:hidden;
}

#gnavi ul li {
position: relative;
float:left;
width:200px;
height:45px;
overflow:hidden;
border-top:#71A6EC 1px solid;
box-sizing:border-box;
background-size: 4px 4px;
background-image: linear-gradient( -45deg, #AFDAFD, #AFDAFD 17%, #84AFD2 17%, #84AFD2 50%, #AFDAFD 50%, #AFDAFD 67%, #84AFD2 67%, #84AFD2 );
}

#gnavi ul li:first-child {
border-bottom-left-radius:6px;
}

#gnavi ul li:last-child {
border-bottom-right-radius:6px;
}

#gnavi ul li::before {
opacity:0.5;
position: absolute;
top:0;
left:0;
z-index:1;
width:200px;
height:44px;
background-image: linear-gradient( #8BE, #7AD 40%, #58A 40%, #047 );
content:'';
}

#gnavi ul li::after {
opacity:0.2;
position: absolute;
top:8px;
left:0;
z-index:2;
width:200px;
height:28px;
border-right:#000 1px solid;
content:'';
}

#gnavi ul li:last-child::after {
border-right:0;
}

#gnavi ul li a  {
display:block;
position: relative;
z-index:3;
width:199px;
height:44px;
padding:12px 0 19px;
color:#FFF;
text-align:center;
font-size:13px;
font-weight:bold;
letter-spacing:.2em;
text-shadow: 0 0 6px #0B3C6A;
}

#gnavi ul li a::after {
opacity:0.2;
display:block;
position: absolute;
top:35px;
left:5px;
width:190px;
background-color:#FFF;
height:4px;
border-radius:2px;
content:'';
transition: all 200ms 0s ease;
}

#gnavi ul li a:hover::after {
opacity:0.6;
}

/* HeaderIcon Navi --------------------------- */

#header-iconNavi ul {
float:right;
height:30px;
margin:10px 0;
overflow:hidden;
}

#header-iconNavi ul li {
float:left;
margin-right:1rem;
}

#header-iconNavi ul li:last-child {
margin-right:0;
}

#header-iconNavi ul li a {
height:30px;
padding:.5rem 0;
}

/* Header,Footer Navi ------------------------ */

#header-subNavi {
float:right;
overflow:hidden;
}

#header-subNavi {
height:30px;
padding:9px 4px 7px 30px;
background-size: 326px 30px;
background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22layer%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22326px%22%20height%3D%2230px%22%20viewBox%3D%220%200%20326%2030%22%20style%3D%22enable-background%3Anew%200%200%20326%2030%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3B%7D%0A%09.st1%7Bfill%3A%23CEDFED%3B%7D%0A%09.st2%7Bfill%3Aurl(%23SVGID_2_)%3B%7D%0A%09.st3%7Bfill%3A%23D9E2F2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpattern%20%20y%3D%2230%22%20width%3D%2215%22%20height%3D%2250%22%20patternUnits%3D%22userSpaceOnUse%22%20id%3D%22SVGID_1_%22%20viewBox%3D%220.8%20-50%2015%2050%22%20style%3D%22overflow%3Avisible%3B%22%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%220.8%22%20y%3D%22-50%22%20class%3D%22st0%22%20width%3D%2215%22%20height%3D%2250%22%2F%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Crect%20x%3D%220.8%22%20y%3D%22-50%22%20class%3D%22st0%22%20width%3D%2215%22%20height%3D%2250%22%2F%3E%0A%09%09%09%3Crect%20x%3D%2215%22%20y%3D%22-50%22%20class%3D%22st1%22%20width%3D%221.5%22%20height%3D%2250%22%2F%3E%0A%09%09%09%3Crect%20x%3D%2212%22%20y%3D%22-50%22%20class%3D%22st1%22%20width%3D%221.5%22%20height%3D%2250%22%2F%3E%0A%09%09%09%3Crect%20x%3D%229%22%20y%3D%22-50%22%20class%3D%22st1%22%20width%3D%221.5%22%20height%3D%2250%22%2F%3E%0A%09%09%09%3Crect%20x%3D%226%22%20y%3D%22-50%22%20class%3D%22st1%22%20width%3D%221.5%22%20height%3D%2250%22%2F%3E%0A%09%09%09%3Crect%20x%3D%223%22%20y%3D%22-50%22%20class%3D%22st1%22%20width%3D%221.5%22%20height%3D%2250%22%2F%3E%0A%09%09%09%3Crect%20y%3D%22-50%22%20class%3D%22st1%22%20width%3D%221.5%22%20height%3D%2250%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fpattern%3E%0A%3Cpattern%20%20id%3D%22SVGID_2_%22%20xlink%3Ahref%3D%22%23SVGID_1_%22%20patternTransform%3D%22matrix(0.7071%200.7071%200.7071%20-0.7071%20-4663.1992%20-11132.4014)%22%3E%0A%3C%2Fpattern%3E%0A%3Cpath%20class%3D%22st2%22%20d%3D%22M326%2C30H0L28.8%2C1.2C29.6%2C0.4%2C30.6%2C0%2C31.7%2C0H322c2.2%2C0%2C4%2C1.8%2C4%2C4V30z%22%2F%3E%0A%3Cpath%20class%3D%22st3%22%20d%3D%22M2.8%2C30L30.2%2C2.6C30.6%2C2.2%2C31.1%2C2%2C31.7%2C2H322c1.1%2C0%2C2%2C0.9%2C2%2C2v26h2V4c0-2.2-1.8-4-4-4l0%2C0H31.7%0A%09c-1.1%2C0-2.1%2C0.4-2.8%2C1.2L0%2C30H2.8z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
border-right:#D9E2F2 2px solid;
}

#header-subNavi ul li,
#footer-subNavi ul li {
float:left;
margin-right:1em;
}

#header-subNavi ul li:last-child,
#footer-subNavi ul li:last-child {
margin-right:0;
}

#header-subNavi ul li a,
#footer-subNavi ul li a {
display:block;
position: relative;
padding:1px 0 1px 17px;
height:14px;
font-size:12px;
}

#header-subNavi ul li a::before,
#footer-subNavi ul li a::before {
display:block;
position: absolute;
top:0;
left:0;
width:14px;
height:14px;
content:url("../img/icon_01.svg");
}

/* Breadcrumb Navi---------------------------- */

#breadcrumb {
width:100%;
margin-bottom:2rem;
padding:8px;
font-size:.9rem;
background-size: 4px 4px;
background-image: linear-gradient( -45deg, transparent, transparent 17%, #E5E5E5 17%, #E5E5E5 50%, transparent 50%, transparent 67%, #E5E5E5 67%, #E5E5E5 );
}

#breadcrumb ul {
overflow:hidden;
}

#breadcrumb ul li {
float:left;
}

/* Side Navi --------------------------------- */

#snavi .snavi-title {
position:relative;
width:225px;
height:3.5rem;
padding:1.25rem 1rem;
overflow:hidden;
box-sizing:border-box;
border:#DDD 1px solid;
color:#FFF;
font-size:13px;
font-weight:bold;
letter-spacing:.1em;
text-shadow: 0 0 6px #0B3C6A;
}

#snavi .snavi-title::before {
position:absolute;
top:2px;
left:2px;
z-index:-1;
width:219px;
height:calc(3.5rem - 6px);
background-size: 4px 4px;
background-image: linear-gradient( -45deg, #3A89C4, #3A89C4 17%, #0C69A6 17%, #0C69A6 50%, #3A89C4 50%, #3A89C4 67%, #0C69A6 67%, #0C69A6 );
content:'';
}

#snavi nav li {
width:225px;
height:45px;
border-color:#DDD;
border-style:solid;
border-width:0 1px 1px 1px;
}

#snavi nav li a {
display:block;
position: relative;
padding:15px 0 15px 2.5rem;
width:100%;
height:100%;
background:#F9F9F9;
font-size:13px;
transition: background 200ms 0s ease;
}

#snavi nav li a:hover {
background:#D7D7D7;
}

#snavi nav li a::before {
display:block;
position:absolute;
top:14px;
left:1rem;
width:15px;
height:15px;
content:url("../img/icon_01.svg");
}

/* Front Side Bunner --------------------------------- */

#front-bunner > ul > li {
margin-bottom:.5rem;
}

#front-bunner > ul > li:last-child {
margin-bottom:0;
}

#front-bunner a img {
transition: opacity 200ms 0s ease;
}

#front-bunner a:hover img {
opacity:0.5;
}

/* Side Bunner --------------------------------- */
#side-bunner {
margin-top:2rem;
}

#side-bunner > ul >li {
margin-bottom:1rem;
}

#side-bunner > ul >li:last-child {
margin-bottom:0;
}

/* -------------------------------------------------------------------------- */
/*	11. Entry Content
/* -------------------------------------------------------------------------- */

/* お知らせ --------------------------------- */

#main-content #info > ul > li {
margin-bottom:1rem;
padding:1rem;
border:#CCC 1px solid;
border-radius:10px;
box-shadow:0 3px 3px #DDD;
line-height:1;
}

#main-content #info > ul > li:last-child {
margin-bottom:.5em;
}

#main-content  #info h3 {
margin:0 0 0.75rem;
padding-bottom:.5em;
font-size:1.1rem;
}

#main-content  #info .date {
margin-top:1rem;
padding-top:.5rem;
border-top:#AAA 1px dotted;
text-align:right;
}

/* -------------------------------------------------------------------------- */
/*	13. Site Pagination
/* -------------------------------------------------------------------------- */

.pnavi {
text-align:center;
margin:1.5rem 0;
}

.pnavi .page-numbers {
display:inline-block;
margin-right:1em;
padding:1em 1.25em;
color:#333!important;
border-radius:3px;
box-shadow:0 3px 3px #999;
background:#FFF;
transition: opacity 200ms 0s ease;
}

.pnavi .page-numbers:hover {
text-decoration:none!important;
opacity:0.5;
}

.pnavi .current{
padding:1em 1.25em;
background:#69A4DB;
color:#FFF!important;
}

.pnavi .current:hover {
opacity:1;
}

.pnavi .prev,
.pnavi .next {
background:transparent;
box-shadow:none;
color:#5555BB!important;
}

.pnavi .dots{
background:transparent;
box-shadow:none;
}

/* -------------------------------------------------------------------------- */
/*	16.	Site Footer
/* -------------------------------------------------------------------------- */

#site-footer {
position:relative;
width:100%;
height:60px;
padding:2rem;
background-size:1px 80px;
background-image:linear-gradient( 0deg, #FFF, #FFF 50%, #E7E7E7 );
}

#site-footer .page {
padding:0 8px;
}

/* -------------------------------------------------------------------------- */
/*	xx.	mceContentBody
/* -------------------------------------------------------------------------- */

.mceContentBody { 
font-size:13px;
font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
max-width:545px;
min-width:545px;
}