@charset "UTF-8";
/*
Theme Name:
Theme URI:
Description:  
Author:popmix
Author URI:
Template:popmix
Version:1.0.0
----------------------------------------------------------------
CONTACT CONTENTS:
----------------------------------------------------------------
# Foundation
# Layout
# Component
# Project
# Utility
--------------------------------------------------------------*/

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
*    IE on Windows Phone and in iOS.
*/
html {
 line-height: 1.15;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}

/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
 margin: 0;
}

/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
 display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
 display: block;
}

/**
* Add the correct margin in IE 8.
*/
figure {
 margin: 1em 40px;
}

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
 box-sizing: content-box;
 height: 0;
 overflow: visible;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
 font-family: monospace, monospace;
 font-size: 1em;
}

/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
 background-color: transparent;
 -webkit-text-decoration-skip: objects;
}

/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
 border-bottom: none;
 text-decoration: underline;
 text-decoration: underline dotted;
}

/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
 font-weight: inherit;
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
 font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
 font-family: monospace, monospace;
 font-size: 1em;
}

/**
* Add the correct font style in Android 4.3-.
*/
dfn {
 font-style: italic;
}

/**
* Add the correct background and color in IE 9-.
*/
mark {
 background-color: #ff0;
 color: #000;
}

/**
* Add the correct font size in all browsers.
*/
small {
 font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sub {
 bottom: -0.25em;
}

sup {
 top: -0.5em;
}

/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
 display: inline-block;
}

/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
 display: none;
 height: 0;
}

/**
* Remove the border on images inside links in IE 10-.
*/
img {
 border-style: none;
}

/**
* Hide the overflow in IE.
*/
svg:not(:root) {
 overflow: hidden;
}

/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
 font-family: sans-serif;
 font-size: 100%;
 line-height: 1.15;
 margin: 0;
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
 overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
 text-transform: none;
}

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
 -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/
fieldset {
 padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal;
}

/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
 display: inline-block;
 vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
 overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
 height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
 -webkit-appearance: textfield;
 outline-offset: -2px;
}

/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}

/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
 display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
 display: list-item;
}

/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
 display: inline-block;
}

/**
* Add the correct display in IE.
*/
template {
 display: none;
}

/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
 display: none;
}

/*--------------------------------------------------------------
# bace
--------------------------------------------------------------*/
:root {
 font-size: 16px;
}

html, body {
 height: 100%;
 background: #fff;
}

html {
 font-size: 62.5%;
 font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

body {
 overflow-y: auto;
 overflow-x: hidden;
 font-size: 16px;
 font-size: 1rem;
 line-height: 160%;
 color: #39393d;
 -webkit-text-size-adjust: none;
}

body.thema-color01 {
 color: #ffffff;
 background-color: #000000;
}

body.thema-color02 {
 color: #000000;
 background-color: #ffff00;
}

body.thema-color03 {
 color: #ffff00;
 background-color: #000088;
}

body.font-size01,
body.font-size01 h1,
body.font-size01 h2,
body.font-size01 h3 {
 font-size: 32px;
 font-size: 2rem;
 line-height: 1.4;
}

body.font-size02,
body.font-size02 h1,
body.font-size02 h2,
body.font-size02 h3 {
 font-size: 48px;
 font-size: 3rem;
 line-height: 1.4;
}

body.font-size01 h1,
body.font-size02 h1 {
 margin-bottom: 0.25em;
}

*, *:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

/*--------------------------------------------------------------
# Title
--------------------------------------------------------------*/
h1 {
 margin: 0 0 1em;
 font-size: 36px;
 font-size: 2.25rem;
 line-height: 1.4;
}

@media (max-width: 599px) {
 h1 {
  font-size: 24px;
  font-size: 1.5rem;
 }
}

h2 {
 margin: 0 0 1em;
 font-size: 18px;
 font-size: 1.125rem;
}

@media (max-width: 599px) {
 h2 {
  font-size: 16px;
  font-size: 1rem;
 }
}

h3, h4, h5, h6 {
 margin: 0 0 0.5em;
 font-size: 16px;
 font-size: 1rem;
}

/*--------------------------------------------------------------
# Img
--------------------------------------------------------------*/
img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
}

img.ie {
 display: none;
}

/*--------------------------------------------------------------
# List, text
--------------------------------------------------------------*/
p, ul, ol, dl, dt, dd, figcaption {
 margin: 0;
 padding: 0;
 word-break: break-all;
}

ul {
 list-style: none;
}

i {
 font-style: normal;
}

hr {
 border-top: 1px dotted #909090;
 border-bottom: none;
}

body.thema-color01 hr {
 border-top-color: #ffffff;
}

body.thema-color02 hr {
 border-top-color: #000000;
}

body.thema-color03 hr {
 border-top-color: #ffff00;
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
input,
button,
textarea,
select {
 margin: 0;
 padding: 0;
 background: none;
 border: none;
 border-radius: 0;
 outline: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 -webkit-touch-callout: none;
 -webkit-user-select: auto;
 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "MyYuGothicM", YuGothic, sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
a:focus {
 outline: 4px solid #9bcfda;
}

button[type="button"]:focus {
 outline: 4px solid #9bcfda;
 outline-offset: -4px;
}

select {
 outline: none;
 -moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: '';
 background: none transparent;
 vertical-align: middle;
 font-size: inherit;
 color: #39393d;
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 width: auto;
 /* ! 100% prohibited ! */
}

select option {
 background-color: #fff;
 color: inherit;
}

select option:hover {
 color: #fff;
 background: #64ad13;
}

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

select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #828c9a;
}

input::-ms-clear {
 visibility: hidden;
}

@keyframes onAutoFillStart {
 from {}

 to {}
}

@-webkit-keyframes onAutoFillStart {
 from {}

 to {}
}

input:-webkit-autofill {
 animation-name: onAutoFillStart;
 transition: background-color 50000s ease-in-out 0s;
 -webkit-text-fill-color: #39393d !important;
 -webkit-box-shadow: 0 0 0px 1000px #f9fbfd inset !important;
}

body.thema-color01 input:-webkit-autofill {
 -webkit-text-fill-color: #ffffff !important;
 -webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;
}

body.thema-color02 input:-webkit-autofill {
 -webkit-text-fill-color: #000000 !important;
 -webkit-box-shadow: 0 0 0px 1000px #ffff00 inset !important;
}

body.thema-color03 input:-webkit-autofill {
 -webkit-text-fill-color: #ffff00 !important;
 -webkit-box-shadow: 0 0 0px 1000px #000088 inset !important;
}

blockquote,
figure {
 margin: 0;
}

input::-ms-clear {
 visibility: hidden;
}

label {
 position: relative;
 display: inline-block;
 vertical-align: middle;
}

label[for] {
 cursor: pointer;
}

::placeholder {
 color: #80979e;
}

::-webkit-input-placeholder {
 color: #80979e;
 opacity: 1;
}

:-moz-placeholder {
 color: #80979e;
}

::-moz-placeholder {
 color: #80979e;
 opacity: 1;
}

:-ms-input-placeholder {
 color: #80979e;
}

:placeholder-shown {
 color: #80979e;
}

input,
label,
select,
textarea,
button {
 cursor: pointer;
 color: inherit;
}

input[type="text"],
input[type="datetime-local"],
input[type="password"],
textarea {
 width: auto;
 min-height: 40px;
 background: #fff;
}

body.thema-color01 input[type="text"],
body.thema-color01 input[type="datetime-local"],
body.thema-color01 input[type="password"],
body.thema-color01 textarea {
 background: #000000;
}

body.thema-color02 input[type="text"],
body.thema-color02 input[type="datetime-local"],
body.thema-color02 input[type="password"],
body.thema-color02 textarea {
 background: #ffff00;
}

body.thema-color03 input[type="text"],
body.thema-color03 input[type="datetime-local"],
body.thema-color03 input[type="password"],
body.thema-color03 textarea {
 background: #000088;
}

textarea {
 width: 100%;
 margin-bottom: 0.3em;
}

@media screen\0 {

 textarea,
 label.select {
  margin-bottom: 0.5em;
 }
}

/*--------------------------------------------------------------
# Link
--------------------------------------------------------------*/
a {
 color: #075e83;
 text-decoration: underline;
}

body.thema-color01 a {
 color: #fff;
}

body.thema-color02 a {
 color: #000;
}

body.thema-color03 a {
 color: #ffff00;
}

body.thema-color01 :focus {
 outline: 4px solid #fff;
}

body.thema-color02 :focus {
 outline: 4px solid #000;
}

body.thema-color03 :focus {
 outline: 4px solid #ffff00;
}

:focus {
 outline: 4px solid #9bcfda;
}

/*--------------------------------------------------------------
# Table
--------------------------------------------------------------*/
table {
 border-collapse: collapse;
 border-spacing: 0;
}

table th {
 font-weight: normal;
}

/*--------------------------------------------------------------
# scroll
--------------------------------------------------------------*/
.scroll {
 overflow-y: scroll;
}

.scroll::-webkit-scrollbar {
 height: 5px;
}

.scroll::-webkit-scrollbar-track {
 background: #818181;
}

.scroll::-webkit-scrollbar-thumb {
 background: #d3d3d3;
}

/*--------------------------------------------------------------
# global navigation skip link
--------------------------------------------------------------*/
#skiplink {
 position: absolute;
 top: 0;
 left: 0;
 width: 0;
 height: 0;
 overflow: hidden;
}

/*--------------------------------------------------------------
Layout | header
--------------------------------------------------------------*/
.l-header__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -moz-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 max-width: 1080px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 20px;
 padding-bottom: 20px;
}

.l-header__logo {
 margin: 0;
}

.l-header__logo a {
 display: block;
 line-height: 1;
}

.l-header__logo a img {
 max-width: 498px;
}

.l-header__gnav__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 margin: 0;
 border-top: 1px solid #AAD8E1;
 border-bottom: 1px solid #AAD8E1;
}

.l-header__gnav__inner li {
 border-left: 1px solid #AAD8E1;
 font-weight: bold;
 text-align: center;
 min-width: 220px;
 min-height: 100%;
}

.l-header__gnav__inner li:last-of-type {
 border-right: 1px solid #AAD8E1;
}

.l-header__gnav__inner a {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 padding: 15px;
 min-height: 100%;
 line-height: 1.4;
 text-decoration: none;
}

.l-header__gnav__inner a:hover {
 color: #39393d;
 background: #AAD8E1;
}

.l-header__gnav__inner .active {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 color: #39393d;
 background: #d3e9ee;
}

body.thema-color01 .l-header__gnav__inner {
 border-color: #ffffff;
}

body.thema-color01 .l-header__gnav__inner li {
 border-color: #ffffff;
}

body.thema-color01 .l-header__gnav__inner a:hover {
 background: #333333;
 color: #ffffff;
}

body.thema-color01 .l-header__gnav__inner .active {
 color: #ffffff;
 background: #333333;
}

body.thema-color02 .l-header__gnav__inner {
 border-color: #000000;
}

body.thema-color02 .l-header__gnav__inner li {
 border-color: #000000;
}

body.thema-color02 .l-header__gnav__inner a:hover {
 background: #fffccc;
 color: #000000;
}

body.thema-color02 .l-header__gnav__inner .active {
 color: #000000;
 background: #fffccc;
}

body.thema-color03 .l-header__gnav__inner {
 border-color: #ffff00;
}

body.thema-color03 .l-header__gnav__inner li {
 border-color: #ffff00;
}

body.thema-color03 .l-header__gnav__inner a:hover {
 background: #0000ff;
 color: #ffff00;
}

body.thema-color03 .l-header__gnav__inner .active {
 color: #ffff00;
 background: #0000ff;
}

.l-header__anav {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -moz-box-pack: end;
 -ms-flex-pack: end;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 -webkit-box-align: end;
 -moz-box-align: end;
 -ms-flex-align: end;
 -webkit-align-items: flex-end;
 align-items: flex-end;
 margin: 0;
}

.l-header__anav>li {
 margin: 0 0 0 40px;
 text-align: center;
 color: #075e83;
}

.l-header__anav>li span {
 display: block;
}

.l-header__anav__icon {
 width: 1.5em;
}

.l-header__anav a {
 text-decoration: none;
 font-weight: bold;
 width: 5em;
 display: block;
}

.l-header__anav a:hover {
 text-decoration: none;
}

body.thema-color01 .l-header__anav>li {
 color: #fff;
}

body.thema-color02 .l-header__anav>li {
 color: #000;
}

body.thema-color03 .l-header__anav>li {
 color: #ffff00;
}

.l-header__style-change {
 color: #39393d;
}

.l-header__style-change h2 {
 padding-bottom: 5px;
 font-size: 18px;
 font-size: 1.125rem;
 border-bottom: 4px solid #bce8a5;
}

.l-header__style-change p {
 margin-bottom: 1em;
}

.l-header__style-change a {
 color: #39393d;
 text-decoration: none;
 display: block;
}

.l-header__style-change a:hover {
 text-decoration: none;
}

.l-header__style-change__list-img {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
}

.l-header__style-change__list-img li h3 {
 background-color: #dedede;
 padding: 0.2em 0.5em;
 margin: 0;
}

body.thema-color01 .l-header__style-change {
 color: #ffffff;
}

body.thema-color01 .l-header__style-change h2 {
 border-bottom-color: #ffffff;
}

body.thema-color02 .l-header__style-change {
 color: #000000;
}

body.thema-color02 .l-header__style-change h2 {
 border-bottom-color: #000000;
}

body.thema-color03 .l-header__style-change {
 color: #ffff00;
}

body.thema-color03 .l-header__style-change h2 {
 border-bottom-color: #ffff00;
}

.l-header__font-change__list-img__inner img {
 border-radius: 0 0 10px 10px;
}

.l-header__font-change__list-img__inner :hover {
 cursor: pointer;
}

body.thema-color01 .l-header__font-change__list-img__inner {
 border-color: #333333;
 background: #333333;
}

body.thema-color01 .l-header__style-change__list-img h3 {
 background-color: #333333;
 color: #ffffff;
}

body.thema-color01 .l-header__font-change__list-img__inner {
 background: #333333;
 color: #ffffff;
}

body.thema-color02 .l-header__font-change__list-img__inner {
 border-color: #fffccc;
 background: #fffccc;
}

body.thema-color02 .l-header__style-change__list-img h3 {
 background-color: #fffccc;
 color: #000000;
}

body.thema-color03 .l-header__font-change__list-img__inner {
 border-color: #0000ff;
 background: #0000ff;
}

body.thema-color03 .l-header__style-change__list-img h3 {
 background-color: #0000ff;
 color: #ffff00;
}

.l-header__font-change__list-img__inner {
 width: 33.33333%;
 width: -webkit-calc(94% / 3);
 width: calc(94% / 3);
 max-width: 380px;
 margin: 0 1%;
 border: 4px solid #dedede;
 border-radius: 10px;
}

.l-header__color-change__list-img__inner {
 width: -webkit-calc(96% / 2);
 width: calc(96% / 2);
 max-width: 380px;
 margin: 0 1% 10px;
 border: 4px solid #dedede;
 border-radius: 10px;
}

.l-header__color-change__list-img__inner h3 {
 background-color: #dedede;
}

.l-header__color-change__list-img__inner img {
 border-radius: 0 0 10px 10px;
}

.l-header__color-change__list-img__inner :hover {
 cursor: pointer;
}

@media only screen and (max-width: 599px) {
 .l-header__style-change__list-img {
  flex-direction: column;
 }

 .l-header__color-change__list-img__inner,
 .l-header__font-change__list-img__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 0 10px;
 }
}

body.thema-color01 .l-header__color-change__list-img__inner {
 border-color: #333333;
 background: #333333;
 color: #ffffff;
}

body.thema-color02 .l-header__color-change__list-img__inner {
 border-color: #fffccc;
 color: #000000;
}

body.thema-color03 .l-header__color-change__list-img__inner {
 border-color: #0000ff;
 background: #0000ff;
 color: #ffff00;
}

@media only screen and (max-width: 1079px) {
 .l-header__inner {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 0;
 }

 .l-header__inner a img {
  max-width: 298px;
 }

 .l-header__gnav__inner {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
 }

 .l-header__gnav__inner li {
  width: 33.33333%;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  min-width: auto;
 }

 .l-header__gnav__inner li:last-of-type {
  border-right: none;
 }

 .l-header__gnav__inner a {
  min-width: 0;
 }

 .l-header__logo {
  order: 2;
  max-width: 300px;
 }

 .l-header__anav {
  order: 1;
  width: 100%;
  margin-bottom: 0.5em;
 }

 .l-header__anav>li {
  margin: 0 0 0 10px;
  padding: 3px 1em;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 0 0 10px 10px;
 }

 .l-header__anav>li label span {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: middle;
 }

 .l-header__anav>li label img {
  width: 1em;
 }

 .l-header__anav>li label br {
  display: none;
 }

 body.thema-color01 .l-header__anav>li {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
 }

 body.thema-color02 .l-header__anav>li {
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
 }

 body.thema-color03 .l-header__anav>li {
  border-bottom: 1px solid #ffff00;
  border-left: 1px solid #ffff00;
  border-right: 1px solid #ffff00;
 }

 .l-header__color-change__list-img__inner {
  width: 100%;
 }
}

@media (max-width: 599px) {
 .l-header__anav>li:first-of-type {
  display: none;
 }
}

/*--------------------------------------------------------------
Layout | main
--------------------------------------------------------------*/
#main {
 width: 100%;
}

.l-main__container__bg01 {
 position: relative;
 background-color: #fde2a7;
}

.l-main__container__bg02 {
 position: relative;
 background-color: #EED7D6;
}

.l-main__container__bg03 {
 position: relative;
 background-color: #f1e6d2;
}

.l-main__container__bg04 {
 position: relative;
 background-color: #d8f6ff;
}

.l-main__container__bg05 {
 position: relative;
 background-color: #e9cdcd;
}

body.thema-color01 .l-main__container__bg01 {
 background-color: #333;
}

body.thema-color01 .l-main__container__bg02 {
 background-color: #333;
}

body.thema-color01 .l-main__container__bg03 {
 background-color: #000;
}

body.thema-color01 .l-main__container__bg04 {
 background-color: #333;
}

body.thema-color01 .l-main__container__bg05 {
 background-color: #333;
}

body.thema-color02 .l-main__container__bg01 {
 background-color: #fffccc;
}

body.thema-color02 .l-main__container__bg01 {
 background-color: #fffccc;
}

body.thema-color02 .l-main__container__bg02 {
 background-color: #fffccc;
}

body.thema-color02 .l-main__container__bg02 {
 background-color: #fffccc;
}

body.thema-color02 .l-main__container__bg03 {
 background-color: #ffff00;
}

body.thema-color02 .l-main__container__bg03 {
 background-color: #ffff00;
}

body.thema-color02 .l-main__container__bg04 {
 background-color: #fffccc;
}

body.thema-color02 .l-main__container__bg04 {
 background-color: #fffccc;
}

body.thema-color02 .l-main__container__bg05 {
 background-color: #fffccc;
}

body.thema-color02 .l-main__container__bg05 {
 background-color: #fffccc;
}

body.thema-color03 .l-main__container__bg01 {
 background-color: #0000ff;
}

body.thema-color03 .l-main__container__bg02 {
 background-color: #0000ff;
}

body.thema-color03 .l-main__container__bg03 {
 background-color: #000088;
}

body.thema-color03 .l-main__container__bg04 {
 background-color: #0000ff;
}

body.thema-color03 .l-main__container__bg05 {
 background-color: #0000ff;
}

.l-main-svgbg {
 padding-top: 30px;
}

.l-main-svgbg__item01 {
 position: absolute;
 bottom: -50px;
 height: 50px;
 left: 0;
 width: 100%;
 z-index: 1;
}

body.thema-color01 .l-main__container__bg01 .l-main-svgbg__item01 path {
 fill: #333;
}

body.thema-color02 .l-main__container__bg01 .l-main-svgbg__item01 path {
 fill: #fffccc;
}

body.thema-color03 .l-main__container__bg01 .l-main-svgbg__item01 path {
 fill: #0000ff;
}

body.thema-color01 .l-main__container__bg03 .l-main-svgbg__item01 path {
 fill: #000;
}

body.thema-color02 .l-main__container__bg03 .l-main-svgbg__item01 path {
 fill: #ffff00;
}

body.thema-color03 .l-main__container__bg03 .l-main-svgbg__item01 path {
 fill: #000088;
}

.l-main__container__inner {
 max-width: 1080px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 20px;
 padding-bottom: 5px;
}

.setMultipleColumn {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 justify-content: center;
}

.l-flex {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.l-justify-left {
 -webkit-box-pack: start;
 -moz-box-pack: start;
 -ms-flex-pack: start;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
}

.l-justify-right {
 -webkit-box-pack: end;
 -moz-box-pack: end;
 -ms-flex-pack: end;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
}

.l-justify-center {
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
}

.l-justify-space-between {
 -webkit-box-pack: justify;
 -moz-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}

.l-align-items-start {
 -webkit-box-align: start;
 -moz-box-align: start;
 -ms-flex-align: start;
 -webkit-align-items: flex-start;
 align-items: flex-start;
}

.l-align-items-end {
 -webkit-box-align: end;
 -moz-box-align: end;
 -ms-flex-align: end;
 -webkit-align-items: flex-end;
 align-items: flex-end;
}

.l-align-items-center {
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}

.l-breadcrumbs {
 background: #fff;
}

body.thema-color01 .l-breadcrumbs {
 background: #000000;
}

body.thema-color02 .l-breadcrumbs {
 background: #ffff00;
}

body.thema-color03 .l-breadcrumbs {
 background: #000088;
}

.l-breadcrumbs__inner {
 max-width: 1080px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 10px;
 padding-left: 15px;
 padding-right: 15px;
 margin: 0 auto;
 padding-top: 12px;
 padding-bottom: 12px;
}

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

.l-breadcrumbs__item {
 display: inline;
}

.l-breadcrumbs__item:first-of-type {
 position: relative;
 padding-left: 1.5em;
}

.l-breadcrumbs__item:first-of-type:before {
 content: "";
 display: block;
 position: absolute;
 top: -3px;
 top: -0.25em;
 left: 0;
 width: 1em;
 height: 1em;
 min-width: 22px;
 min-height: 22px;
 background-image: url("../image/common/ico_home01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top;
}

.l-breadcrumbs__item:nth-child(n+2):before {
 content: ">";
 padding-left: 5px;
 padding-right: 5px;
}

/*--------------------------------------------------------------
Layout | footer
--------------------------------------------------------------*/
.l-footer__nav {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 margin: 0;
 padding: 18px 0;
 background: #ECEBF4;
}

body.thema-color01 .l-footer__nav {
 background: #333333;
}

body.thema-color02 .l-footer__nav {
 background: #fffccc;
}

body.thema-color03 .l-footer__nav {
 background: #0000ff;
}

.l-footer__nav__info {
 margin: 0 17px;
}

.l-footer__nav__info a {
 display: block;
 position: relative;
 padding-left: 1.75em;
}

.l-footer__nav__info a::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 1em;
 height: 1em;
 min-width: 22px;
 min-height: 22px;
 background-image: url("../image/common/ico_info01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top;
}

.l-footer__nav__data {
 margin: 0 17px;
}

.l-footer__nav__data a {
 display: block;
 position: relative;
 padding-left: 1.75em;
}

.l-footer__nav__data a::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 1em;
 height: 1em;
 min-width: 22px;
 min-height: 22px;
 background-image: url("../image/common/ico_data01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top;
}

.l-footer__nav__sitemap {
 margin: 0 17px;
}

.l-footer__nav__sitemap a {
 display: block;
 position: relative;
 padding-left: 1.75em;
}

.l-footer__nav__sitemap a::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 1em;
 height: 1em;
 min-width: 22px;
 min-height: 22px;
 background-image: url("../image/common/ico_sitemap01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top;
}

#pageTop {
 display: none;
 position: fixed;
 right: 12px;
 bottom: 18px;
 margin: 0;
 padding: 0;
 /*IE*/
 line-height: 39px;
 text-align: center;
 color: #00a0e9;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: normal;
 z-index: 888;
 border-radius: 5px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 transition: all 0.4s;
 transform: translateY(50px);
 -webkit-transform: translateY(50px);
}

body.font-size01 #pageTop {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size01 #pageTop a {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 #pageTop {
 font-size: 48px;
 font-size: 3rem;
}

body.font-size02 #pageTop a {
 font-size: 48px;
 font-size: 3rem;
}

#pageTop a {
 display: block;
 position: relative;
 width: 100%;
 padding: 22px 5px 8px;
 text-decoration: none;
 color: #3b475a;
 font-size: 12px;
 font-size: 0.75rem;
 line-height: 1.2;
 border-radius: 10px;
 background: #bcd8c1;
}

#pageTop a::after {
 position: absolute;
 margin: auto;
 content: "";
 left: 0;
 right: 0;
 top: 10px;
 width: 12px;
 height: 12px;
 border-top: 4px solid #3b475a;
 border-right: 4px solid #3b475a;
 vertical-align: middle;
 -webkit-transform: rotate(314deg);
 transform: rotate(314deg);
}

#pageTop:hover {
 cursor: pointer;
}

#pageTop.show {
 transform: scale(1);
 -webkit-transform: scale(1);
}

body.thema-color01 #pageTop a {
 color: #ffffff;
 background: rgba(0, 0, 0, 0.9);
}

body.thema-color01 #pageTop a::after {
 border-color: #ffffff;
}

body.thema-color02 #pageTop a {
 color: #000000;
 background: rgba(255, 255, 0, 0.9);
}

body.thema-color02 #pageTop a::after {
 border-color: #000000;
}

body.thema-color03 #pageTop a {
 color: #ffff00;
 background: rgba(0, 0, 136, 0.9);
}

body.thema-color03 #pageTop a::after {
 border-color: #ffff00;
}

.l-footer__copy {
 margin: 0;
 padding: 12px 1em;
 text-align: center;
 background: #AAD8E1;
}

.l-footer__copy small {
 font-size: 14px;
 font-size: 0.875rem;
}

body.thema-color01 .l-footer__copy {
 background: #333333;
}

body.thema-color02 .l-footer__copy {
 background: #fffccc;
}

body.thema-color03 .l-footer__copy {
 background: #0000ff;
}

body.font-size01 .c-btn__pageback {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size01 .l-footer__copy small {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .l-footer__copy small {
 font-size: 48px;
 font-size: 3rem;
}

@media (max-width: 599px) {
 .l-footer__nav {
  display: block;
 }

 .l-footer__nav li {
  margin-bottom: .5em;
 }
}

/*--------------------------------------------------------------
component | action
--------------------------------------------------------------*/
#wMain .action,
#wHeader .action {
 visibility: hidden;
}

/* ------------------------------
360viewer
------------------------------ */
.viewer360 {
 margin: 0 auto;
 width: 100%;
 height: 488px;
 position: relative;
 z-index: 1;
}

.viewer360 .viewer_screen {
 width: 100%;
 height: 488px;
 position: relative;
}

@media only screen and (max-width: 768px) {
 .viewer360 {
  margin: 20px auto;
  width: 280px;
  height: 280px;
  position: relative;
 }

 .viewer360 .viewer_screen {
  width: 280px;
  height: 280px;
 }
}

/*--------------------------------------------------------------
component | title
--------------------------------------------------------------*/
.c-title__headline01, .c-title__headline02, .c-title__headline05, body.thema-color01 .c-title__headline05, body.thema-color02 .c-title__headline05, body.thema-color03 .c-title__headline05 {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 width: 100%;
 min-height: 60px;
 margin-top: 10px;
 padding: 5px 30px;
 font-size: 22px;
 font-size: 1.375rem;
 border-radius: 10px;
 background: #fbb63d;
}

body.thema-color01 .c-title__headline01, body.thema-color01 .c-title__headline02, body.thema-color01 .c-title__headline05 {
 background-color: #000000;
}

body.thema-color02 .c-title__headline01, body.thema-color02 .c-title__headline02, body.thema-color02 .c-title__headline05 {
 background-color: #ffff00;
}

body.thema-color03 .c-title__headline01, body.thema-color03 .c-title__headline02, body.thema-color03 .c-title__headline05 {
 background-color: #000088;
}

.c-title__headline02, .c-title__headline05, body.thema-color01 .c-title__headline05, body.thema-color02 .c-title__headline05, body.thema-color03 .c-title__headline05 {
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 margin-bottom: 0;
 border-radius: 20px 20px 0 0;
 text-align: center;
}

.c-search__advanced .c-title__headline02, .c-search__advanced .c-title__headline05, .c-search__advanced body.thema-color01 .c-title__headline05, body.thema-color01 .c-search__advanced .c-title__headline05, .c-search__advanced body.thema-color02 .c-title__headline05, body.thema-color02 .c-search__advanced .c-title__headline05, .c-search__advanced body.thema-color03 .c-title__headline05, body.thema-color03 .c-search__advanced .c-title__headline05 {
 min-height: 0;
 padding: 5px 30px;
}

.c-title__headline03 {
 margin-bottom: 1.25em;
 padding-top: 1em;
 padding-bottom: 0.5em;
 font-weight: bold;
 font-size: 18px;
 font-size: 1.125rem;
 text-align: center;
 letter-spacing: 5px;
 border-bottom: 6px solid #fbb63d;
}

.c-title__headline03::first-letter {
 font-size: 22px;
 font-size: 1.375rem;
}

body.thema-color01 .c-title__headline03 {
 border-color: #ffffff;
}

body.thema-color02 .c-title__headline03 {
 border-color: #333333;
}

body.thema-color03 .c-title__headline03 {
 border-color: #fffccc;
}

body.font-size01 .c-title__headline03 {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size01 .c-title__headline03::first-letter {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-title__headline03 {
 font-size: 48px;
 font-size: 3rem;
}

body.font-size02 .c-title__headline03::first-letter {
 font-size: 48px;
 font-size: 3rem;
}

.c-title__headline04 {
 margin-bottom: 1.25em;
 padding-top: 0.5em;
 font-weight: bold;
 font-size: 22px;
 font-size: 1.375rem;
 text-align: center;
}

.c-title__headline05 {
 color: #fff;
 background-color: #4a607d;
}

body.thema-color01 .c-title__headline05 {
 color: #ffffff;
 border-top: 4px solid #ffffff;
 border-left: 4px solid #ffffff;
 border-right: 4px solid #ffffff;
 border-bottom: 1px dotted #ffffff;
 background-color: #000000;
}

body.thema-color02 .c-title__headline05 {
 color: #000000;
 border-top: 4px solid #000000;
 border-left: 4px solid #000000;
 border-right: 4px solid #000000;
 border-bottom: 1px dotted #000000;
 background-color: #ffff00;
}

body.thema-color03 .c-title__headline05 {
 color: #ffff00;
 border-top: 4px solid #ffff00;
 border-left: 4px solid #ffff00;
 border-right: 4px solid #ffff00;
 border-bottom: 1px dotted #ffff00;
 background-color: #000088;
}

body.font-size01 .c-title__headline05 {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-title__headline05 {
 font-size: 48px;
 font-size: 3rem;
}

.c-title__headline06 {
 width: 100%;
 margin-top: 10px;
 margin-bottom: 0;
 padding: 5px 30px;
 background: #fbb63d;
 border-radius: 20px 20px 0 0;
}

@media (max-width: 599px) {
 .c-title__headline06 {
  padding-left: 20px;
  padding-right: 20px;
 }
}

body.thema-color01 .c-title__headline06 {
 background: #000000;
}

body.thema-color02 .c-title__headline06 {
 background: #ffff00;
}

body.thema-color03 .c-title__headline06 {
 background: #000088;
}

.c-title__headline__btn {
 -webkit-box-pack: justify;
 -moz-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 padding-right: 5px;
}

/*--------------------------------------------------------------
component | sentence
--------------------------------------------------------------*/
.c-sentence__overview {
 margin-bottom: 2em;
}

/*--------------------------------------------------------------
component | list
--------------------------------------------------------------*/
.c-list-normal {
 margin-bottom: 30px;
}

.c-list-normal li {
 margin-left: 30px;
 margin-bottom: 0.25em;
 list-style-type: disc;
}

.c-list-none {
 margin-bottom: 30px;
}

.c-list-none li {
 margin-left: 30px;
 margin-bottom: 0.25em;
 list-style-type: none;
}

.c-list__table__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: start;
 -moz-box-pack: start;
 -ms-flex-pack: start;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.c-list__table__title,
.c-list__table__item {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: start;
 -moz-box-pack: start;
 -ms-flex-pack: start;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.c-list__number {
 list-style: none;
 counter-reset: circle 0;
}

.c-list__number>li {
 position: relative;
 line-height: 1.6;
 margin: 0 0 1em;
 padding-left: 2em;
}

.c-list__number ol {
 margin: 0.5em 0;
}

.c-list__number>li:after {
 content: counter(circle) ".";
 counter-increment: circle 1;
 display: block;
 position: absolute;
 top: 5px;
 left: 0.5em;
 line-height: 1;
}

.c-list__txtNote li {
 padding-left: 1em;
 text-indent: -1em;
}

.c-list__info {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 20px auto 6px;
 border-radius: 20px 20px 20px 20px;
 background: #fff;
}

.c-list__info__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
}

.c-list__info__title {
 min-width: 7em;
 padding-top: 2.5em;
 padding-right: 2em;
 letter-spacing: 5px;
 word-break: keep-all;
 background: #fbb63d;
 border-radius: 20px 0 0 20px;
 margin: 0;
 padding-left: 1em;
}

.c-list__info__date-list {
 width: 100%;
 margin: auto 0;
}

.c-list__info__date-list__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 padding: 1em;
}

.c-list__info__date-list__inner dt {
 width: 9em;
}

.c-list__info__date-list__inner dd {
 width: calc(100% - 9em);
}

.c-list__info__date-list__inner+.c-list__info__date-list__inner {
 border-top: 2px dotted #ccc;
}

body.font-size01 .c-list__info,
body.font-size02 .c-list__info {
 display: block;
}

body.font-size01 .c-list__info__inner,
body.font-size02 .c-list__info__inner {
 display: block;
}

body.font-size01 .c-list__info__title,
body.font-size02 .c-list__info__title {
 min-width: 100%;
 padding: 0.5em;
 border-radius: 20px 20px 0 0;
 display: block;
}

body.font-size01 .c-list__info__date-list,
body.font-size02 .c-list__info__date-list {
 margin: auto 0;
}

body.font-size02 .c-list__info__date-list__inner {
 display: block;
}

body.font-size02 .c-list__info__date-list__inner dt, body.font-size02 .c-list__info__date-list__inner dd {
 width: 100%;
}

body.thema-color01 .c-list__info {
 background: #000000;
}

body.thema-color01 .c-list__info__title {
 background: #000000;
 border: 4px solid #ffffff;
}

body.thema-color01 .c-list__info__date-list {
 border-color: #ffffff;
}

body.thema-color01 .c-list__info__date-list__inner {
 border-color: #ffffff;
}

body.thema-color02 .c-list__info {
 border-color: #000000;
 background: #ffff00;
}

body.thema-color02 .c-list__info__title {
 background: #ffff00;
 border: 4px solid #000000;
}

body.thema-color02 .c-list__info__date-list {
 border-color: #000000;
}

body.thema-color02 .c-list__info__date-list__inner {
 border-color: #000000;
}

body.thema-color03 .c-list__info {
 background: #000088;
}

body.thema-color03 .c-list__info__title {
 background: #000088;
 border: 4px solid #ffff00;
}

body.thema-color03 .c-list__info__date-list {
 border-color: #ffff00;
}

body.thema-color03 .c-list__info__date-list__inner {
 border-color: #ffff00;
}

.c-list__dl {
 padding: 1em 0;
}

.c-list__dl li {
 margin-bottom: 1em;
}

/* # sp */
@media (max-width: 599px) {
 .c-list__info {
  display: block;
 }

 .c-list__info__inner {
  display: block;
 }

 .c-list__info__title {
  min-width: 100%;
  padding: 0.5em 1em;
  border-radius: 20px 20px 0 0;
 }

 .c-list__info__date-list__inner {
  display: block;
 }

 .c-list__info__date-list__inner dt {
  width: 100%;
 }

 .c-list__info__date-list__inner dd {
  width: 100%;
 }
}

/*--------------------------------------------------------------
component | input
--------------------------------------------------------------*/
label.select {
 margin-right: 0.25em;
 margin-bottom: 0.1em;
 padding: 0;
 border-radius: 50px;
 background: #fff;
}

label.select select {
 position: relative;
 min-width: 15px;
 padding: 0.5em 2em 0.5em 1em;
 color: #075e83;
 z-index: 1;
}

label.select::before {
 position: absolute;
 content: '';
 top: 0;
 bottom: 0;
 right: 10px;
 width: 0;
 height: 0;
 margin: auto 0;
 border-style: solid;
 border-width: 8.7px 5px 0 5px;
 border-color: #075e83 transparent transparent transparent;

}

label.select+input[type="text"] {
 margin-left: 1em;
}

label.select+span {
 margin-left: 0.5em;
 margin-right: 0.5em;
}

.listCheck .selecting,
input[type="checkbox"].simpleCheck+label,
.listCheck li input[type="checkbox"]+label {
 position: relative;
 display: inline-block;
 padding: 0 3px 0 1.8em;
 cursor: pointer;
 word-break: keep-all;
}

input[type="checkbox"]:disabled.simpleCheck,
.listCheck li input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled.simpleCheck+label,
.listCheck li input[type="checkbox"]:disabled+label {
 cursor: default;
}

input[type="radio"].simpleRadio,
input[type="checkbox"].simpleCheck,
.listRadio li input[type="radio"],
.listCheck li input[type="checkbox"] {
 display: none;
}

input[type="radio"].simpleRadio+label::before,
.listRadio li input[type="radio"]+label::before {
 content: '';
 width: 20px;
 height: 20px;
 margin: auto 0;
 padding: 5px;
 border: 2px solid #d9dbc8;
 background: #fff;
 transition: all 0.7s;
}

.listRadio li input[type="radio"]+label::before {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
}

.listCheck .selecting::before,
input[type="checkbox"].simpleCheck+label::before,
.listCheck li input[type="checkbox"]+label::before {
 position: absolute;
 content: '';
 top: 5px;
 left: 0;
 width: 20px;
 height: 20px;
 margin-bottom: 4px;
 padding: 5px;
 border: 2px solid #cad6dc;
 background: #f9fbfd;
 transition: all 0.7s;
}

.listCheck .selecting::after,
input[type="checkbox"].simpleCheck:checked+label::after,
.listCheck li input[type="checkbox"]:checked+label::after {
 position: absolute;
 content: '';
 top: 3px;
 top: 0.2em;
 left: 4px;
 width: 20px;
 height: 10px;
 border-left: 3px solid #41c650;
 border-bottom: 3px solid #41c650;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

.listRadio li input[type="radio"]+label::before {
 border-radius: 100%;
}

input[type="radio"].simpleRadio:checked+label::before,
.listRadio li input[type="radio"]:checked+label::before {
 width: 20px;
 height: 20px;
 border: 4px solid #fff;
 box-shadow: 0 -1px 1px rgba(212, 196, 177, 0.8), 0 2px 1px rgba(212, 196, 177, 0.8);
 background: #F90;
}

input[type="radio"].simpleRadio+label,
input[type="checkbox"].simpleCheck+label::before {
 top: 0;
 bottom: 0;
 margin: auto;
}

input[type="radio"].simpleRadio+label::before {
 display: block;
}

.listSelect,
.listCheck,
.listRadio {
 margin: 0;
}

.listSelect li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 0.25em;
}

dl.inputForm dd .listSelect li:last-of-type {
 margin-bottom: 0;
}

.listSelect+p {
 padding-top: 0.5em;
}

.listRadio,
.listCheck {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}

input+.listRadio,
.listSelect+.listRadio,
input+.listCheck,
.listSelect+.listCheck {
 padding-top: 0.5em;
}

.inputForm .listRadio>li,
.inputForm .listCheck>li {
 padding: 0.25em 1em 0.25em 0;
}

.listRadio>li:last-of-type li,
.listCheck>li:last-of-type li {
 margin-bottom: 0;
 padding-bottom: 0;
}

.listCheck li,
.listRadio li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
}

.listCheck li input[type="text"],
.listRadio li input[type="text"] {
 margin-left: 0.5em;
}

.listRadio input[type="radio"]+label::before {
 top: 5px;
 top: 0.3em;
 bottom: auto;
}

input[type="radio"].simpleRadio+label,
input[type="checkbox"].simpleCheck+label,
.listRadio label,
.listCheck label {
 line-height: 1.5;
}

.listRadio label {
 padding: 1px 3px 0 1.8em;
}

.listCheck input[type="checkbox"]+label::before {
 top: 5px;
 top: 0.3em;
}

.icoRequired,
.icoInputtype {
 display: inline-block;
 margin-top: 0;
 margin-left: 0.5em;
 padding: 2px 0.5em 2px 0.45em;
 font-size: 14px;
 font-size: 1.4rem;
 color: #fff;
 line-height: 1.1;
 vertical-align: middle;
}

.icoRequired {
 background: #f31717;
}

.icoInputtype {
 background: #39393d;
}

.inputForm dt .icoRequired,
.inputForm dt .icoInputtype {
 margin-top: -3px;
}

.c-input__key-search[type="text"] {
 width: calc(100% - 235px);
 min-height: 40px;
 margin-right: 1em;
 padding: 0 1em;
 border-radius: 20px;
 background-color: #fff;
 color: #39393d;
}

body.thema-color01 .c-input__key-search[type="text"] {
 color: #ffffff;
 background: #000000;
 border: 2px solid #ffffff;
}

body.thema-color02 .c-input__key-search[type="text"] {
 color: #000000;
 background: #ffff00;
 border: 2px solid #000000;
}

body.thema-color03 .c-input__key-search[type="text"] {
 color: #ffff00;
 background: #000088;
 border: 2px solid #ffff00;
}

.c-input__btn__key-search {
 min-width: 90px;
 min-height: 40px;
 margin-left: 5px;
 color: #fff;
 border-radius: 20px;
 background: #4B5A6D;
}

body.thema-color01 .c-input__btn__key-search {
 background: #000000;
 border: 4px solid #ffffff;
 color: #ffffff;
}

body.thema-color02 .c-input__btn__key-search {
 background: #ffff00;
 border: 4px solid #000000;
 color: #000000;
}

body.thema-color03 .c-input__btn__key-search {
 background: #000088;
 border: 4px solid #ffff00;
 color: #ffff00;
}

body.font-size01 .c-input__btn__key-search,
body.font-size02 .c-input__btn__key-search {
 width: 5em;
 margin: 0.5em auto 0;
}

.c-label__key-search {
 width: 14em;
 background-image: url("../image/common/ico_loupe01.png");
 background-repeat: no-repeat;
 background-size: 30px auto;
 background-position: 30px center;
}

body.font-size01 .c-label__key-search,
body.font-size02 .c-label__key-search {
 width: 7em;
}

body.font-size01 .c-input__key-search[type="text"],
body.font-size02 .c-input__key-search[type="text"] {
 width: calc(100% - 8em);
}

@media screen\0 {

 input[type="text"],
 input[type="password"],
 textarea {
  padding: 0.45em 0.5em 0.1em;
 }

 input[type="datetime-local"] {
  padding: 0.4em 0.5em 0.15em;
 }

 input[type="submit"],
 input[type="button"] {
  padding-top: 0.6em;
  padding-bottom: 0.3em;
 }

 input[type="checkbox"].simpleCheck+label,
 .listCheck li input[type="checkbox"]+label {
  padding: 0.35em 3px 0 1.8em;
 }

 .listRadio label {
  padding: 0.35em 10px 0 1.8em;
 }
}

@media (max-width: 599px) {
 .c-label__key-search {
  width: 100%;
 }

 .c-input__key-search[type="text"] {
  width: 100%;
  margin-right: 0;
 }

 .c-input__btn__key-search {
  width: 10em;
  margin: 0.5em auto 0;
 }
}

/*--------------------------------------------------------------
component | btn
--------------------------------------------------------------*/
.c-btn {
 display: block;
 -webkit-transition: background-color .6s;
 transition: background-color .6s;
}

.c-btn:hover {
 cursor: pointer;
}

.c-btn__style01,
.c-btn__style05 {
 padding: 15px 50px;
 font-size: 18px;
 font-size: 1.125rem;
 color: #fff;
 text-decoration: none;
 border-radius: 25px;
 background-color: #C12F2C;
}

body.thema-color01 .c-btn__style01,
body.thema-color01 .c-btn__style05 {
 color: #000000;
 background-color: #ffff00;
}

body.thema-color02 .c-btn__style01,
body.thema-color02 .c-btn__style05 {
 color: #000000;
 background-color: #ffff00;
}

body.thema-color03 .c-btn__style01,
body.thema-color03 .c-btn__style05 {
 color: #000000;
 background-color: #ffff00;
}

body.font-size02 .c-btn__style01,
body.font-size02 .c-btn__style05 {
 white-space: normal;
 max-width: 960px;
}

.c-btn__style02 {
 padding: 15px 50px;
 font-size: 18px;
 font-size: 1.125rem;
 color: #146BA6;
 text-decoration: none;
 border: 2px solid #146BA6;
 border-radius: 25px;
}

.c-btn__style02:hover {
 background: #d1deea;
}

body.font-size01 .c-btn__style01,
body.font-size01 .c-btn__style02,
body.font-size01 .c-btn__style05 {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-btn__style01,
body.font-size02 .c-btn__style02,
body.font-size02 .c-btn__style05 {
 font-size: 48px;
 font-size: 3rem;
}

body.thema-color01 .c-btn__style02 {
 color: #ffffff;
 border-color: #ffffff;
}

body.thema-color01 .c-btn__style02:hover {
 background: #333333;
}

body.thema-color02 .c-btn__style02 {
 color: #000000;
 border-color: #000000;
}

body.thema-color02 .c-btn__style02:hover {
 background: #fffccc;
}

body.thema-color03 .c-btn__style02 {
 color: #ffff00;
 border-color: #ffff00;
}

body.thema-color03 .c-btn__style02:hover {
 background: #0000ff;
}

.c-btn__style03, .c-btn__style03__02 {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 position: relative;
 height: 100%;
 padding: 7px 10px 7px 50px;
 color: #146BA6;
 text-decoration: none;
 border: 1px solid #146BA6;
 border-radius: 10px;
}

.c-btn__style03 img, .c-btn__style03__02 img {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 10px;
 width: 30px;
 margin: auto 5px auto 0;
}

body.thema-color01 .c-btn__style03, body.thema-color01 .c-btn__style03__02 {
 border-color: #ffffff;
}

body.thema-color02 .c-btn__style03, body.thema-color02 .c-btn__style03__02 {
 color: #000000;
 border-color: #000000;
}

body.thema-color03 .c-btn__style03, body.thema-color03 .c-btn__style03__02 {
 color: #ffff00;
 border-color: #ffffff;
}

.c-btn__style03__02 {
 display: block;
 padding: 5px 10px;
 text-align: center;
}

.c-btn__style04, .c-btn__style04__ico__big {
 padding: 5px 0.5em;
 border: 1px solid #424242;
 box-shadow: 0px 0px 0px 4px #d5d5d5;
 border-radius: 10px;
}

.c-btn__style04__ico__big {
 margin-bottom: 5px;
}

.c-btn__style03.active, .active.c-btn__style03__02,
.c-btn__style04.active,
.active.c-btn__style04__ico__big,
.c-btn__style04__ico__big.active {
 background-color: #004A7A;
}

.c-btn__style03.active, .active.c-btn__style03__02,
.c-btn__style04.active,
.active.c-btn__style04__ico__big {
 color: #fff;
}

body.thema-color01 .c-btn__style03.active, body.thema-color01 .active.c-btn__style03__02,
body.thema-color01 .c-btn__style04.active,
body.thema-color01 .active.c-btn__style04__ico__big,
body.thema-color01 .c-btn__style04__ico__big.active {
 color: #000000;
 border-color: #ffffff;
 background-color: #ffffff;
}

body.thema-color01 .c-btn__style04, body.thema-color01 .c-btn__style04__ico__big {
 border-color: #ffffff;
 box-shadow: 0px 0px 0px 1px #ffffff;
}

body.thema-color02 .c-btn__style03.active, body.thema-color02 .active.c-btn__style03__02,
body.thema-color02 .c-btn__style04.active,
body.thema-color02 .active.c-btn__style04__ico__big,
body.thema-color02 .c-btn__style04__ico__big.active {
 color: #ffff00;
 border-color: #000000;
 background-color: #000000;
}

body.thema-color02 .c-btn__style04, body.thema-color02 .c-btn__style04__ico__big {
 border: 1px solid #000000;
 box-shadow: 0px 0px 0px 4px #000000;
}

body.thema-color03 .c-btn__style03.active, body.thema-color03 .active.c-btn__style03__02,
body.thema-color03 .c-btn__style04.active,
body.thema-color03 .active.c-btn__style04__ico__big,
body.thema-color03 .c-btn__style04__ico__big.active {
 color: #0000ff;
 border-color: #ffff00;
 background-color: #ffff00;
}

body.thema-color03 .c-btn__style04, body.thema-color03 .c-btn__style04__ico__big {
 border: 1px solid #ffff00;
 box-shadow: 0px 0px 0px 4px #ffff00;
}

.c-btn__search {
 margin-top: 1em;
 padding: 15px 50px 15px 90px;
 font-weight: bold;
 background-image: url("../image/common/ico_loupe01.png");
 background-repeat: no-repeat;
 background-size: 30px auto;
 background-position: 30px center;
}

body.thema-color01 .c-btn__search {
 color: #ffffff;
 background-color: #000000;
 border: 4px solid #fff;
}

body.thema-color02 .c-btn__search {
 color: #000000;
 background-color: #ffff00;
 border: 4px solid #000;
}

body.thema-color03 .c-btn__search {
 color: #ffff00;
 background-color: #000088;
 border: 4px solid #ffff00;
}

.c-btn__pageback {
 display: inline-block;
 margin-bottom: 10px;
 padding: 2px 3em 2px 60px;
 border-radius: 40px;
 text-decoration: none;
 color: #39393d;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: bold;
 border: 3px solid #004A7A;
 background-image: url(../image/common/ico_arrow01_back.png);
 background-repeat: no-repeat;
 background-size: 20px auto;
 background-color: #fff3d9;
 background-position: 16px center;
}

.c-btn__pageback:hover {
 color: #fff;
 background-color: #004A7A;
}

body.thema-color01 .c-btn__pageback {
 color: #ffffff;
 border: 3px solid #000000;
 background-color: #000000;
 text-decoration: underline;
}

body.thema-color02 .c-btn__pageback {
 color: #000000;
 border: 3px solid #ffff00;
 background-color: #ffff00;
 text-decoration: underline;
}

body.thema-color03 .c-btn__pageback {
 color: #ffff00;
 border: 3px solid #000088;
 background-color: #000088;
 text-decoration: underline;
}

body.font-size01 .c-btn__pageback {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-btn__pageback {
 font-size: 48px;
 font-size: 3rem;
}

.c-btn__info {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -moz-box-pack: end;
 -ms-flex-pack: end;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 position: relative;
 margin: 0.5em 0 1em auto;
}

.c-btn__info a {
 position: relative;
 padding-left: 18px;
}

.c-btn__info a::before {
 display: block;
 position: absolute;
 top: 5px;
 left: 0;
 content: "";
 width: 0;
 height: 0;
 border: 8px solid transparent;
 border-left-color: #33465B;
}

body.thema-color01 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 8px solid transparent;
 border-left-color: #ffffff;
}

body.thema-color02 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 8px solid transparent;
 border-left-color: #000000;
}

body.thema-color03 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 8px solid transparent;
 border-left-color: #ffff00;
}

body.font-size01 .c-btn__info a::before {
 left: -10px;
 width: 0;
 height: 0;
 border: 16px solid transparent;
 border-left-color: #33465B;
}

body.font-size02 .c-btn__info a::before {
 left: -20px;
 width: 0;
 height: 0;
 border: 24px solid transparent;
 border-left-color: #33465B;
}

body.thema-color01.font-size01 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 16px solid transparent;
 border-left-color: #ffffff;
}

body.thema-color02.font-size01 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 16px solid transparent;
 border-left-color: #000000;
}

body.thema-color03.font-size01 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 16px solid transparent;
 border-left-color: #ffff00;
}

body.thema-color01.font-size02 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 24px solid transparent;
 border-left-color: #ffffff;
}

body.thema-color02.font-size02 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 24px solid transparent;
 border-left-color: #000000;
}

body.thema-color03.font-size02 .c-btn__info a::before {
 width: 0;
 height: 0;
 border: 24px solid transparent;
 border-left-color: #ffff00;
}

@media screen\0 {
 .btnCancel {
  padding-top: 0.8em;
  /*半角英数字と合わせる*/
  padding-bottom: 0.2em;
 }

 .btnReload {
  padding-top: 0.6em;
  padding-bottom: 0.2em;
 }
}

@media only screen and (min-width: 600px) {
 a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #39393d;
 }
}

@media (max-width: 599px) {
 .c-btn__style03__02 {
  padding: 5px;
 }

 .c-btn__style01.c-btn__search {
  width: 100%;
  white-space: normal;
  padding-right: 20px;
  padding-left: 70px;
  background-position: 20px center;
  text-align: left;
 }

 .c-btn__style05.c-btn__search {
  padding-left: 90px;
  background-position: 30px center;
 }
}

/*--------------------------------------------------------------
component | box
--------------------------------------------------------------*/
.c-box {
 margin-bottom: 20px;
 border-radius: 20px;
 background: #fff;
}

.c-box__bg01 {
 background: #e3d8bb;
}

body.thema-color01 .c-box {
 background-color: #000000;
}

body.thema-color01 .c-box__bg01 {
 background-color: #000000;
}

body.thema-color02 .c-box {
 background-color: #ffff00;
}

body.thema-color02 .c-box__bg01 {
 background-color: #ffffff;
}

body.thema-color03 .c-box {
 background-color: #000088;
}

body.thema-color03 .c-box__bg01 {
 background: #ffffff;
}

.c-box__shape01 {
 border-radius: 0 0 20px 20px;
}

.c-box__shape02 {
 border-radius: 0 0 20px 20px;
 border-left: 1px solid #fbb63d;
 border-right: 1px solid #fbb63d;
 border-bottom: 1px solid #fbb63d;
}

.c-box__shape02 .c-box__inner {
 padding: 20px 30px;
}

body.thema-color01 .c-box__shape02 {
 background: #333333;
 border: none;
 border-radius: 20px;
}

body.thema-color02 .c-box__shape02 {
 background: #fffccc;
 border: none;
 border-radius: 20px;
}

body.thema-color03 .c-box__shape02 {
 background: #0000ff;
 border: none;
 border-radius: 20px;
}

.c-box__inner {
 padding: 30px;
}

.c-box__key-search {
 background-color: #e3d8bb;
}

.c-box__key-search .c-box__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}

.c-box__key-search .c-box__inner .c-label__key-search {
 padding-left: 1.25em;
 background-image: url("../image/common/ico_loupe01.png");
 background-repeat: no-repeat;
 background-size: 1em auto;
 background-position: left center;
}

.c-box__key-search .c-box__inner hr {
 display: none;
}

body.font-size01 .c-box__inner,
body.font-size02 .c-box__inner {
 padding: 15px;
}

body.font-size01 .c-box__key-search .c-box__inner,
body.font-size02 .c-box__key-search .c-box__inner {
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

body.font-size01 .c-box__key-search .c-box__inner hr,
body.font-size02 .c-box__key-search .c-box__inner hr {
 display: block;
 width: 100%;
}

.c-box__size_02 {
 width: 100%;
}

.c-box__size_02 .c-box__inner {
 padding: 10px 30px;
}

body.thema-color01 .c-box__key-search {
 border-left: 4px solid #ffffff;
 border-right: 4px solid #ffffff;
 border-bottom: 4px solid #ffffff;
 background-color: #333333;
}

body.thema-color02 .c-box__key-search {
 border-left: 4px solid #000000;
 border-right: 4px solid #000000;
 border-bottom: 4px solid #000000;
 background-color: #fffccc;
}

body.thema-color03 .c-box__key-search {
 border-left: 4px solid #ffff00;
 border-right: 4px solid #ffff00;
 border-bottom: 4px solid #ffff00;
 background-color: #0000ff;
}

@media (max-width: 599px) {
 .c-box__inner {
  padding: 15px;
 }

 .c-box__key-search .c-box__inner {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }

 .c-box__key-search .c-box__inner hr {
  display: block;
  width: 100%;
 }

 .c-box__size_02 .c-box__inner {
  padding: 10px;
 }
}

/*--------------------------------------------------------------
project | error
--------------------------------------------------------------*/
.listError {
 margin-bottom: 0;
}

.listError li {
 position: relative;
 margin-bottom: 0.5em;
 padding: 0 0 0 25px !important;
 color: #f31717;
}

.listError li span {
 padding-bottom: 0.25em;
 background: linear-gradient(transparent 80%, #fff0b2 80%);
}

.listError li:before {
 position: absolute;
 top: 6px;
 top: 0.5em;
 left: 0;
 display: block;
 content: '\FF01';
 width: 20px;
 height: 20px;
 margin: auto;
 line-height: 20px;
 font-size: 14px;
 font-size: 1.4rem;
 color: #fff;
 text-align: center;
 font-weight: bold;
 font-family: sans-serif;
 border-radius: 100%;
 background: #f31717;
}

.c-error__simple {
 border: 2px solid #ff7838;
 margin-bottom: 2em;
 padding: 30px;
 font-size: 18px;
 font-size: 1.125rem;
 font-weight: bold;
 border-radius: 20px;
 background: #ffd4b5;
}

body.thema-color01 .c-error__simple {
 border-color: #ffffff;
 background: #000000;
}

body.thema-color02 .c-error__simple {
 border-color: #000000;
 background: #ffff00;
}

body.thema-color03 .c-error__simple {
 border-color: #ffff00;
 background: #000088;
}

body.font-size01 .c-error__simple {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-error__simple {
 font-size: 48px;
 font-size: 3rem;
}

/*--------------------------------------------------------------
component | tab
--------------------------------------------------------------*/
.c-tab__item {
 display: none;
 width: 100%;
}

.c-tab__switch {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 0 1px 1px;
}

.c-tab__switch input[type="radio"] {
 display: none;
}

#switch__tab00 {
 display: none;
}

#switch__tab00__label {
 display: none;
}

.c-tab__switch__label {
 order: -1;
 background: #EDEDED;
}

.c-tab__switch input:checked+label {
 background: #fff;
}

.c-tab__switch input[type="radio"]:checked+label+.c-tab__item {
 display: block;
}

body.thema-color01 .c-tab__switch__label {
 background: #000000;
}

body.thema-color01 .c-tab__switch input:checked+label {
 background: #000000;
 border-bottom-color: #000000;
}

body.thema-color02 .c-tab__switch__label {
 background: #ffff00;
}

body.thema-color02 .c-tab__switch input:checked+label {
 background: #ffff00;
 border-bottom-color: #ffff00;
}

body.thema-color03 .c-tab__switch__label {
 background: #0000ff;
}

body.thema-color03 .c-tab__switch input:checked+label {
 background: #000088;
 border-bottom-color: #000088;
}

@media only screen and (max-width: 1079px) {
 #switch__tab00 {
  display: none;
 }

 #switch__tab00~.c-tab__switch>label {
  display: none;
 }

 #switch__tab00:checked~.c-tab__switch>label {
  display: block;
  margin: 0;
  border-radius: 0;
 }

 #switch__tab00:checked~.c-tab__switch>label {
  display: block;
  width: 95%;
  margin: 0 auto;
  padding: 5px;
 }

 #switch__tab00:checked~.c-tab__switch input:checked+label {
  background: #fff;
 }

 body.thema-color01 #switch__tab00:checked~.c-tab__switch input:checked+label {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000;
 }

 body.thema-color02 #switch__tab00:checked~.c-tab__switch input:checked+label {
  background: #000000;
  border-color: #000000;
  color: #ffff00;
 }

 body.thema-color03 #switch__tab00:checked~.c-tab__switch input:checked+label {
  background: #ffff00;
  border-color: #ffff00;
  color: #000088;
 }

 #switch__tab00__label {
  display: block;
  width: 95%;
  margin: 0 auto;
  padding: 7px 40px 7px 5px;
  border-radius: 5px;
  background: #fff;
 }

 #switch__tab00__label::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  margin: auto 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #146BA6 transparent transparent transparent;
  z-index: 1;
 }

 body.thema-color01 #switch__tab00__label {
  background: #000000;
 }

 body.thema-color01 #switch__tab00__label::after {
  border-color: #ffffff transparent transparent transparent;
 }

 body.thema-color02 #switch__tab00__label {
  background: #ffff00;
 }

 body.thema-color02 #switch__tab00__label::after {
  border-color: #000000 transparent transparent transparent;
 }

 body.thema-color03 #switch__tab00__label {
  background: #000088;
 }

 body.thema-color03 #switch__tab00__label::after {
  border-color: #ffff00 transparent transparent transparent;
 }

 #switch__tab00:checked+#switch__tab00__label {
  border-radius: 5px 5px 0 0;
 }

 .c-tab__switch {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
 }
}

/*--------------------------------------------------------------
component | slide
--------------------------------------------------------------*/
.c-slide__switch {
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 min-height: 686px;
}

.c-gallery__item {
 position: absolute;
 top: 0;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 align-items: flex-start;
 width: 100%;
 height: 560px;
}

.c-gallery__item input,
.c-gallery__item label {
 display: none;
}

.switch__gallery+label {
 display: none;
}

input[type="radio"].switch__gallery:checked+label+label,
input[type="radio"].switch__gallery:checked+label+label+.c-gallery__item+input+label {
 display: block;

}

input[type="radio"].switch__gallery:checked+label+.c-gallery__item+input+label {
 display: block;
}

input[type="radio"].switch__gallery:checked+label+.c-gallery__item label,
input[type="radio"].switch__gallery:checked+label+label+.c-gallery__item label {
 display: block;

}

input[type="radio"].switch__gallery:checked+label+label+.c-gallery__item input[type="radio"]:checked+label+.c-slide__item {
 display: block;
}

.c-slide__switch input[type="radio"] {
 display: none;
}

.c-slide__switch .thumbnail {
 position: relative;
 order: 2;
 width: 100%;
 max-width: 180px;
 margin: auto 5px -130px;
 padding-bottom: 100px;
 border-radius: 20px;
 overflow: hidden;
 border: 8px solid #fff;
 background: #ccc;
 z-index: 1;
}

.c-slide__switch .thumbnail img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: auto;
 height: auto;
 max-width: 179%;
 max-height: initial;
}

.c-slide__switch .thumbnail .c-slide__img__360 {
 max-width: 279%;
}

.c-slide__switch input:checked+label {
 border-color: #AAD8E1;
}

/*.c-slide__switch input:checked+label:after {
 display: block;
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: -27px;
 width: 0;
 height: 0;
 margin: 0 auto;
 border-style: solid;
 border-width: 14px 9px 0 9px;
 border-color: #AAD8E1 transparent transparent transparent;
}*/

.c-slide__switch input[type="radio"]:checked+label+.c-slide__item {
 display: block;
}

body.thema-color01 .c-slide__switch .thumbnail {
 border-color: #000000;
}

body.thema-color01 .c-slide__switch input:checked+label {
 border-color: #ffffff;
}

body.thema-color02 .c-slide__switch .thumbnail {
 border-color: #ffff00;
}

body.thema-color02 .c-slide__switch input:checked+label {
 border-color: #000000;
}

body.thema-color03 .c-slide__switch .thumbnail {
 border-color: #000088;
}

body.thema-color03 .c-slide__switch input:checked+label {
 border-color: #ffff00;
}

.c-gallery__next,
.c-gallery__back {
 position: absolute;
 bottom: 0;
 width: 50px;
 margin: auto 0 31px;
 z-index: 2;

}

.c-gallery__next {
 right: 50px;
 order: 3;
 margin-left: 5px;
}

.c-gallery__back {
 display: none;
 left: 50px;
 order: 1;
 margin-right: 5px;
}

.c-slide__item {
 display: none;
 width: 100%;
 /*margin-bottom: 26px;*/
}

.c-slide__item img {
 width: auto;
}

.pnlm-container {
 border-radius: 20px 20px 0 0;
}

@media only screen and (max-width: 1079px) {
 .c-slide__switch {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  min-height: inherit;
 }

 .c-slide__item {
  margin-bottom: 26px;
 }

 .c-slide__switch .thumbnail {
  display: block !important;
  width: calc((100% - 30px) / 3);
  max-width: none;
  margin: 0 5px 5px;
  padding-bottom: 50px;
  border-width: 4px;
  border-radius: 10px;
 }

 .c-gallery__item {
  position: static;
  justify-content: flex-start;
  height: auto;
  display: contents;
 }

 .c-gallery__next,
 .c-gallery__back {
  display: none !important;
 }


}

/*--------------------------------------------------------------
component | accordion
--------------------------------------------------------------*/
.c-acc__area-display {
 display: none;
 width: 100%;
 max-height: 0;
 -webkit-animation: show 1s linear 0s;
 animation: show 1s linear 0s;
 overflow: hidden;
 /*bug*/
}

.c-acc>input {
 display: none;
}

.c-acc input:checked+label .open, .c-acc input:checked+label .c-acc__style01>input:checked+.c-acc__btn .close:after, .c-acc__style01>input:checked+.c-acc__btn .c-acc input:checked+label .close:after, .c-acc input:checked+label .c-acc__style02>input+.c-acc__btn .close, .c-acc__style02>input+.c-acc__btn .c-acc input:checked+label .close, .c-acc input:checked+label .c-acc__style02>input:checked+.c-acc__btn .close:after, .c-acc__style02>input:checked+.c-acc__btn .c-acc input:checked+label .close:after,
.c-acc input+label .close {
 display: none;
}

.c-acc input+label .open, .c-acc input+label .c-acc__style01>input:checked+.c-acc__btn .close:after, .c-acc__style01>input:checked+.c-acc__btn .c-acc input+label .close:after, .c-acc input+label .c-acc__style02>input+.c-acc__btn .close, .c-acc__style02>input+.c-acc__btn .c-acc input+label .close, .c-acc input+label .c-acc__style02>input:checked+.c-acc__btn .close:after, .c-acc__style02>input:checked+.c-acc__btn .c-acc input+label .close:after,
.c-acc input:checked+label .close {
 display: block;
}

.c-acc input:checked~.c-acc__area-display {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-direction: normal;
 -webkit-box-orient: vertical;
 -moz-box-direction: normal;
 -moz-box-orient: vertical;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 max-height: 80000px;
}

@keyframes show {
 from {
  opacity: 0;
  max-height: 0;
 }

 to {
  opacity: 1;
  max-height: 2000px;
 }
}

@-webkit-keyframes show {
 from {
  max-height: 0;
 }

 to {
  max-height: 2000px;
 }
}

.c-acc__btn {
 display: block;
 font-weight: normal;
}

.c-acc__style01 {
 width: 100%;
 border-radius: 10px;
 border: 2px solid #FAB349;
 font-weight: bold;
 overflow: hidden;
}

.c-acc__style01 .c-acc__btn {
 position: relative;
 padding: 10px 50px 10px 1em;
 font-size: 18px;
 font-size: 1.125rem;
 font-weight: bold;
}

.c-acc__style01 .c-acc__btn:hover {
 background-color: #fbf39f;
 border-radius: 10px;
}

.c-acc__style01>input+.c-acc__btn .open:after, .c-acc__style01>input:checked+.c-acc__btn .close:after, .c-acc__style01>input+.c-acc__btn .c-acc__style02>input+.c-acc__btn .close:after, .c-acc__style02>input+.c-acc__btn .c-acc__style01>input+.c-acc__btn .close:after {
 content: "";
 position: absolute;
 top: 12px;
 right: 1em;
 width: 28px;
 height: 20px;
 background-image: url("../image/common/ico_triangle01_b.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: right top;
}

.c-acc__style01>input:checked+.c-acc__btn {
 background-color: #fbf39f;
 border-radius: 10px 10px 0 0;
}

.c-acc__style01>input:checked+.c-acc__btn .close:after {
 transform: rotateX(180deg);
}

.c-acc__style01__area-display {
 padding: 10px;
 border-top: 1px dotted #FAB349;
}

.c-acc__style02 .c-btn__ico {
 position: relative;
 padding: 10px 1em;
 font-size: 18px;
 font-size: 1.125rem;
 font-weight: bold;
}

.c-acc__style02 .c-btn__ico:hover {
 background: #d1deea;
}

.c-acc__style02>input+.c-acc__btn .open, .c-acc__style02>input+.c-acc__btn .c-acc__style01>input:checked+.c-acc__btn .close:after, .c-acc__style01>input:checked+.c-acc__btn .c-acc__style02>input+.c-acc__btn .close:after, .c-acc__style02>input+.c-acc__btn .close, .c-acc__style02>input:checked+.c-acc__btn .close:after {
 position: relative;
 padding-right: 2em;
}

.c-acc__style02>input+.c-acc__btn .open:after, .c-acc__style02>input+.c-acc__btn .c-acc__style01>input:checked+.c-acc__btn .close:after, .c-acc__style01>input:checked+.c-acc__btn .c-acc__style02>input+.c-acc__btn .close:after, .c-acc__style02>input+.c-acc__btn .close:after, .c-acc__style02>input:checked+.c-acc__btn .close:after {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 width: 1.25em;
 height: 1.25em;
 margin: auto 0;
 background-image: url("../image/common/ico_plus01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: right top;
}

.c-acc__style02>input:checked+.c-acc__btn .close:after {
 background-image: url("../image/common/ico_minus01.png");
}

body.font-size01 .c-acc__style01 .c-acc__btn {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-acc__style01 .c-acc__btn {
 font-size: 48px;
 font-size: 3rem;
}

.c-box__size_02 .c-acc__btn {
 padding-top: 5px;
 padding-bottom: 5px;
}

.c-box__size_02 .c-acc>input+.c-acc__btn .open:after, .c-box__size_02 .c-acc>input+.c-acc__btn .c-acc__style01>input:checked+.c-acc__btn .close:after, .c-acc__style01>input:checked+.c-acc__btn .c-box__size_02 .c-acc>input+.c-acc__btn .close:after, .c-box__size_02 .c-acc>input+.c-acc__btn .c-acc__style02>input+.c-acc__btn .close:after, .c-acc__style02>input+.c-acc__btn .c-box__size_02 .c-acc>input+.c-acc__btn .close:after,
.c-box__size_02 .c-acc>input:checked+.c-acc__btn .close:after {
 top: 34%;
}

body.thema-color01 .c-acc {
 color: #fff;
}

body.thema-color01 .c-acc__style01 {
 border-color: #ffffff;
 background-color: #000000;
}

body.thema-color01 .c-acc__style01 .c-acc__btn:hover {
 background-color: #333333;
}

body.thema-color01 .c-acc__style01>input:checked+.c-acc__btn {
 background-color: #333333;
}

body.thema-color02 .c-acc {
 color: #000000;
}

body.thema-color02 .c-acc__style01 {
 border-color: #000000;
 background-color: #ffff00;
}

body.thema-color02 .c-acc__style01 .c-acc__btn:hover {
 background-color: #fffccc;
}

body.thema-color02 .c-acc__style01>input:checked+.c-acc__btn {
 background-color: #fffccc;
}

body.thema-color03 .c-acc {
 color: #ffff00;
}

body.thema-color03 .c-acc__style01 {
 border-color: #ffff00;
 background-color: #000088;
}

body.thema-color03 .c-acc__style01 .c-acc__btn:hover {
 color: #ffffff;
 background-color: #0000ff;
}

body.thema-color03 .c-acc__style01>input:checked+.c-acc__btn {
 background-color: #0000ff;
}

/*--------------------------------------------------------------
component | icon
--------------------------------------------------------------*/

.picto_01 {
 position: relative;
 padding-left: 34px;
}

.picto_01:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_02 {
 position: relative;
 padding-left: 34px;
}

.picto_02:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_03 {
 position: relative;
 padding-left: 34px;
}

.picto_03:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_04 {
 position: relative;
 padding-left: 34px;
}

.picto_04:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_05 {
 position: relative;
 padding-left: 34px;
}

.picto_05:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_06 {
 position: relative;
 padding-left: 34px;
}

.picto_06:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_07 {
 position: relative;
 padding-left: 34px;
}

.picto_07:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_08 {
 position: relative;
 padding-left: 34px;
}

.picto_08:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_09 {
 position: relative;
 padding-left: 34px;
}

.picto_09:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.picto_10 {
 position: relative;
 padding-left: 34px;
}

.picto_10:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 width: 34px;
 height: 34px;
 background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.008px%22%20height%3D%22145.008px%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M135.633%20107.504c-1.642-3.503-5.48-3.633-9-2l-9%204-12.804-34c-1.068-2.658-3.32-4-6.196-4h-34l-1-10h25c3.885%200%207.419-3.134%207.419-7s-3.534-7-7.419-7h-26l-1-9c6.915-.831%2013-7%2013-15s-6.879-15-14.896-15c-8.016%200-15.104%206.716-15.104%2015%200%203.424%201.06%206.475%203%209l4%2047c.292%203.638%202.333%206%206%206h36l14.568%2035.754c.718%201.788%202.432%205.246%205.432%205.246%201.018%200%204-1%204-1l15-7c3.52-1.636%204.642-7.497%203-11%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M55.729%20136.504c-26.041%200-47.096-22.084-47.096-48%200-16.125%208.436-30.309%2022.106-39%203.275-2.08%207.957-2.257%2010.048%201%202.092%203.258%201.264%207.918-2.009%2010-9.604%206.106-16.116%2016.677-16.116%2028%200%2018.196%2014.783%2034%2033.067%2034%2010.054%200%2019.719-5.213%2026.053-13%202.443-3.005%207.078-3.363%2010.099-.928%203.02%202.432%203.368%206.923.924%209.928-9.019%2011.085-22.758%2018-37.076%2018%22%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
}

.c-ico__window img {
 width: 1.5em;
 height: auto;
 margin-left: 6px;
 vertical-align: middle;
}

/*--------------------------------------------------------------
component | pager
--------------------------------------------------------------*/
.c-pager {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 20px;
}

.c-pager p {
 padding: 0.5em 0;
 font-size: 14px;
 font-size: 0.875rem;
}

.c-pager ul {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}

.c-pager ul a {
 display: block;
 background-color: #fff;
}

.c-pager__back a {
 padding-left: 38px;
 padding-right: 1em;
}

.c-pager__next a {
 padding-left: 1em;
 padding-right: 38px;
}

.c-pager__back a::before {
 left: 10px;
}

.c-pager__next a::before {
 right: 10px;
}

body.font-size01 .c-pager p {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-pager p {
 font-size: 48px;
 font-size: 3rem;
}

body.thema-color01 .c-pager ul a {
 color: #ffffff;
 background-color: #000000;
}

body.thema-color02 .c-pager ul a {
 color: #000000;
 background-color: #ffff00;
}

body.thema-color03 .c-pager ul a {
 color: #ffff00;
 background-color: #000088;
}

.c-pager__num__drop .select {
 display: none;
}

@media (max-width: 599px) {
 .pagination li:first-of-type, .pagination li:last-of-type {
  display: none;
 }

 .c-pager__num__drop {
  display: inline-block;
  width: auto;
  height: 100%;
  min-width: 110px;
  margin-left: 0.5em;
  background-color: #fff;
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  color: #39393d;
  text-align: left;
 }

 .c-pager__num__drop .select {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 5px 25px 5px 10px;
 }

 .c-pager__num__drop .select::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  margin: auto 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #146BA6 transparent transparent transparent;
  z-index: 1;
 }

 .c-pager__num__drop .select>i {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #888;
  cursor: pointer;
  transition: all .3s ease-in-out;
  float: right;
  line-height: 20px;
 }

 .c-pager__num__drop :active {
  background-color: #f8f8f8;
 }

 .c-pager__num__drop .pagination {
  display: none;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  max-height: 144px;
  overflow-y: auto;
  z-index: 9;
  padding: 0;
  list-style: none;
 }

 .c-pager__num__drop .pagination li {
  width: 100%;
  transition: all .2s ease-in-out;
  cursor: pointer;
 }

 .c-pager__num__drop .pagination li :hover {
  background-color: #f2f2f2;
 }

 .c-pager__num__drop .pagination li :active {
  background-color: #e2e2e2;
 }

 .c-pager__num__drop .pagination li a, .c-pager__num__drop .pagination li>span {
  display: block;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  pointer-events: none;
 }

 .c-pager__num__drop .pagination li a :hover, .c-pager__num__drop .pagination li>span :hover {
  background: #bdbdbd;
 }

 .c-pager__num__drop.on:hover,
 .c-pager__num__drop.on {
  background-color: #f8f8f8;
 }

 .c-pager__num__drop.on .select>i {
  transform: rotate(-90deg);
 }
}

@media only screen and (min-width: 600px) {
 .c-pager__num {
  position: relative;
  margin: 0 5px;
 }

 .c-pager__num .pagination {
  display: flex !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
 }

 .c-pager__num .pagination li:not(:first-of-type):not(:last-of-type) {
  margin: 0 5px;
 }

 .c-pager__num .pagination li:not(:first-of-type):not(:last-of-type) a, .c-pager__num .pagination li:not(:first-of-type):not(:last-of-type)>span {
  min-height: 35px;
  min-width: 35px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  word-break: keep-all;
 }

 .c-pager__num .pagination li:first-of-type {
  margin: 0 17px;
  padding: 0 10px;
  border-radius: 20px;
  background: #fff;
 }

 .c-pager__num .pagination li:first-of-type a, .c-pager__num .pagination li:first-of-type>span {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 2px;
 }

 .c-pager__num .pagination li:first-of-type a::before, .c-pager__num .pagination li:first-of-type>span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto 0;
  background-image: url("../image/common/ico_arrow01_back.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
 }

 .c-pager__num .pagination li:last-of-type {
  margin: 0 17px;
  padding: 0 10px;
  border-radius: 20px;
  background: #fff;
 }

 .c-pager__num .pagination li:last-of-type a, .c-pager__num .pagination li:last-of-type>span {
  display: block;
  position: relative;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 2px;
 }

 .c-pager__num .pagination li:last-of-type a::before, .c-pager__num .pagination li:last-of-type>span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto 0;
  background-image: url("../image/common/ico_arrow01_next.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
 }

 .c-pager__num .pagination :hover:not(:first-of-type):not(:last-of-type) {
  border-radius: 50%;
  background: #bdbdbd;
 }

 .c-pager__num .active>span {
  display: block;
  color: #39393d;
  text-decoration: none;
  background: #bdbdbd;
 }

 body.thema-color01 .c-pager__num .pagination li:not(:first-of-type):not(:last-of-type):hover {
  border-radius: 50%;
  background: #bdbdbd;
 }

 body.thema-color01 .c-pager__num .pagination li:first-of-type, body.thema-color01 .c-pager__num .pagination li:last-of-type {
  color: #ffffff;
  background: #000000;
 }

 body.thema-color01 .c-pager__num .active>span {
  color: #000000;
  background-color: #ffffff;
 }

 body.thema-color02 .c-pager__num .pagination li:not(:first-of-type):not(:last-of-type):hover {
  border-radius: 50%;
  background: #ffff00;
 }

 body.thema-color02 .c-pager__num .pagination li:first-of-type, body.thema-color02 .c-pager__num .pagination li:last-of-type {
  color: #000000;
  background: #ffff00;
 }

 body.thema-color02 .c-pager__num .active>span {
  color: #ffff00;
  background-color: #000000;
 }
}

body.thema-color03 .c-pager__num .pagination li:not(:first-of-type):not(:last-of-type):hover {
 border-radius: 50%;
 background: #000088;
}

body.thema-color03 .c-pager__num .pagination li:first-of-type, body.thema-color03 .c-pager__num .pagination li:last-of-type {
 color: #ffff00;
 background: #000088;
}

body.thema-color03 .c-pager__num .active>span {
 color: #000088;
 background-color: #ffff00;
}

/*--------------------------------------------------------------
component | map
--------------------------------------------------------------*/
.c-map__search__title {
 padding: 10px 5px;
 border-radius: 20px;
 text-align: center;
 background: #E9DFC7;
}

body.thema-color01 .c-map__search__title {
 background: #333333;
}

body.thema-color02 .c-map__search__title {
 background: #fffccc;
}

body.thema-color03 .c-map__search__title {
 background: #0000ff;
}

.c-map__search__lead-text {
 margin: 0 1% 1em;
 padding-left: 30px;
 background-image: url("../image/common/ico_arrow02_b.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top;
}

.c-map__search__switch {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 1em;
}

.c-map__search__switch li {
 width: 18%;
 margin: 5px 1%;
}

.c-map__search__switch li a {
 padding-left: 38px;
}

.c-map__search__switch li img {
 left: 7px;
 width: 24px;
}

/*画像名揃ってない場合は配列に追加する*/
.c-map__search__genre01 {
 background: url(../image/common/ico_01.png) 0 0 no-repeat;
}

.c-map__search__item {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.c-map__search-map {
 width: 100%;
 margin-bottom: 20px;
}

.c-map__search-map__item {
 height: 340px;
 margin-bottom: 5px;
 border-radius: 20px;
 background: #ccc;
}

.c-map__search-map a {
 color: #31445a;
 text-decoration: none;
}

body.thema-color01 .c-map__search-map a {
 color: #31445a;
 text-decoration: none;
}

body.thema-color02 .c-map__search-map a {
 color: #31445a;
 text-decoration: none;
}

body.thema-color03 .c-map__search-map a {
 color: #31445a;
 text-decoration: none;
}

.c-map__search-number {
 text-align: center;
 font-size: 20px;
 font-size: 1.25rem;
}

body.font-size01 .c-map__search-number {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .c-map__search-number {
 font-size: 48px;
 font-size: 3rem;
}

.c-map__search-map__btn-list-scale {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 20px 10px;
}

.c-map__search-map__btn-list-scale li {
 margin: 2px 0.5em;
}

.c-map__search-map__btn-list-scale input {
 min-width: 80px;
 padding: 5px;
 font-weight: bold;
 border: 2px solid #004A7A;
 border-radius: 10px;
 background: #f0f8ff;
}

.c-map__search-map__btn-list-scale .active {
 color: #fff;
 background: #004A7A;
}

body.thema-color01 .c-map__search-map__btn-list-scale input {
 color: #ffffff;
 border-color: #ffffff;
 background: #000000;
}

body.thema-color01 .c-map__search-map__btn-list-scale .active {
 color: #000000;
 background: #ffffff;
}

body.thema-color02 .c-map__search-map__btn-list-scale input {
 color: #000000;
 border-color: #000000;
 background: #ffff00;
}

body.thema-color02 .c-map__search-map__btn-list-scale .active {
 color: #ffff00;
 background: #000000;
}

body.thema-color03 .c-map__search-map__btn-list-scale input {
 color: #ffff00;
 border-color: #ffff00;
 background: #000088;
}

body.thema-color03 .c-map__search-map__btn-list-scale .active {
 color: #000088;
 background: #ffff00;
}

.c-map__search-list {
 height: 340px;
 padding-left: 30px;
 list-style: none;
 counter-reset: circle 0;
 overflow-y: scroll;
}

.c-map__search-list>li {
 position: relative;
 line-height: 1.6;
 margin: 0 0 1em;
 padding: 0.25em 0.5em 0.25em 2.5em;
}

.c-map__search-list ol {
 margin: 0.5em 0;
}

.c-map__search-list>li:before {
 position: absolute;
 top: 0.25em;
 left: 0;
 width: 2em;
 height: 2em;
 content: "";
 display: block;
 border-radius: 50%;
 line-height: 1;
 background-image: url("../image/common/ico_map_marker01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center;
}

.c-map__search-list>li:after {
 content: counter(circle);
 counter-increment: circle 1;
 display: block;
 position: absolute;
 top: 0.75em;
 left: 4px;
 font-size: 14px;
 font-size: 0.875rem;
 line-height: 1;
 min-width: 23px;
 text-align: center;
}

body.font-size01 .c-map__search-list>li:after {
 font-size: 32px;
 font-size: 2rem;
 min-width: 56px;
}

body.font-size02 .c-map__search-list>li:after {
 font-size: 48px;
 font-size: 3rem;
 min-width: 88px;
}

@media only screen and (max-width: 1079px) {
 .c-map__search__lead-text {
  padding-left: 30px;
  background-size: 30px auto;
  background-position: left top;
 }

 .c-map__search__item {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
 }

 .c-map__search-map {
  margin-left: auto;
  margin-right: auto;
 }
}

@media only screen and (max-width: 1079px) {
 .c-map__search-list {
  padding-left: 0;
 }
}

/*--------------------------------------------------------------
component | search
--------------------------------------------------------------*/
.c-search {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 -webkit-box-direction: normal;
 -webkit-box-orient: vertical;
 -moz-box-direction: normal;
 -moz-box-orient: vertical;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-left: 0;
 padding-right: 0;
}

.c-search__key {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 padding: 5px 30px;
 border-bottom: 1px dotted #ccc;
}

.c-search__key__title {
 padding: 5px 0.5em 5px 0;
 word-break: keep-all;
}

.c-search__key__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -ms-flex: 0 1 auto;
}

.c-search__key__item {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 5px;
 background: #ffecc6;
 -ms-flex: 0 1 auto;
}

.c-search__key__item dt {
 margin-bottom: 0;
 padding-left: 0.25em;
 padding-right: 0.25em;
 -ms-flex: 0 1 auto;
}

.c-search__key__item dd {
 margin-bottom: 0;
 padding-left: 0.25em;
 padding-right: 0.25em;
 -ms-flex: 0 1 auto;
}

.c-search__key__item ul li {
 position: relative;
 padding-left: 0.75em;
 display: inline-block;
}

.c-search__key__item ul li::after {
 position: absolute;
 bottom: 0;
 content: ",";
}

.c-search__key__item ul li:last-child::after {
 display: none;
}

body.thema-color01 .c-search__key {
 border-color: #000000;
}

body.thema-color01 .c-search__key .c-search__key__item {
 background: #333333;
}

body.thema-color02 .c-search__key {
 border-color: #000000;
}

body.thema-color02 .c-search__key .c-search__key__item {
 background: #fffccc;
}

body.thema-color03 .c-search__key {
 border-color: #000000;
}

body.thema-color03 .c-search__key .c-search__key__item {
 background: #0000ff;
}

.c-search__advanced {
 width: 100%;
 padding: 10px 30px;
}

.c-search__advanced .c-acc__style01 {
 width: 100%;
 margin: 10px 0;
}

.c-search__advanced .c-acc__style01+.c-acc__style01 {
 margin: 10px 0;
}

.c-search__btn-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 padding: 20px 10px 0;
}

.c-box__size_02 .c-search__btn-list {
 padding-top: 10px;
}

.c-search__btn-list.col3 .c-search__btn-list__item {
 width: calc((100% - 60px * (3 - 2)) / 3 - 0.1px);
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
}

.c-search__btn-list__item {
 margin-right: -10px;
 margin-left: -10px;
 margin-bottom: -20px;
}

.c-search__btn-list.col4 .c-search__btn-list__item {
 width: calc((100% - 80px * (4 - 3)) / 4 - 0.1px);
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
}

.c-search__btn-list__item {
 margin-right: -10px;
 margin-left: -10px;
 margin-bottom: -20px;
}

.c-search__btn-list.col5 .c-search__btn-list__item {
 width: calc((100% - 100px * (5 - 4)) / 5 - 0.1px);
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
}

.c-search__btn-list__item {
 margin-right: -10px;
 margin-left: -10px;
 margin-bottom: -20px;
}

.c-box__size_02 .c-search__btn-list.col3 .c-search__btn-list__item,
.c-box__size_02 .c-search__btn-list.col4 .c-search__btn-list__item,
.c-box__size_02 .c-search__btn-list.col5 .c-search__btn-list__item {
 margin-bottom: 10px;
}

@media (max-width: 599px) {
 .c-search__advanced {
  padding: 10px;
 }

 .c-search__btn-list.col3 .c-search__btn-list__item {
  width: calc((100% - 10px * (1 - 0)) / 1 - 0.1px);
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
 }

 .c-search__btn-list__item {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -10px;
 }

 .c-search__btn-list.col4 .c-search__btn-list__item {
  width: calc((100% - 10px * (1 - 0)) / 1 - 0.1px);
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
 }

 .c-search__btn-list__item {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -10px;
 }

 .c-search__key {
  padding: 5px 10px;
 }

 .c-search__btn-list.col5 .c-search__btn-list__item {
  width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
 }

 .c-search__btn-list__item {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -10px;
 }
}

/*--------------------------------------------------------------
component | modal
--------------------------------------------------------------*/
.c-modal {
 display: inline;
}

.c-modal input:checked~.c-modal__layer {
 opacity: 1;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 z-index: 999;
}

.c-modal__box {
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 width: 100%;
 height: 100%;
 margin: 0 auto;
}

.c-modal__box label.c-modal__close {
 display: block;
 padding: 10px;
 cursor: pointer;
 vertical-align: middle;
 text-align: center;
 border-top: 1px dotted #ccc;
}

.c-modal__box label.c-modal__close a {
 width: 100%;
 height: 100%;
 display: block;
}

.c-modal__box label.c-modal__close i {
 display: inline-block;
 width: 19px;
 margin-right: 5px;
 line-height: 19px;
 color: #fff;
 font-weight: bold;
 font-size: 14px;
 font-size: 0.875rem;
 text-align: center;
 background: #31445a;
 border-radius: 100%;
}

body.thema-color01 .c-modal__box label.c-modal__close {
 border-top-color: #ffffff;
}

body.thema-color01 .c-modal__box label.c-modal__close i {
 color: #ffffff;
 background: #333333;
}

body.thema-color02 .c-modal__box label.c-modal__close {
 border-top-color: #000000;
}

body.thema-color02 .c-modal__box label.c-modal__close i {
 color: #000000;
 background: #fffccc;
}

body.thema-color03 .c-modal__box label.c-modal__close {
 border-top-color: #ffff00;
}

body.thema-color03 .c-modal__box label.c-modal__close i {
 color: #ffff00;
 background: #0000ff;
}

input[type="checkbox"].c-modal__switch {
 position: absolute;
 z-index: -9999;
 visibility: hidden;
}

input[type="checkbox"].c-modal__switch:checked+label::after,
.c-modal .btnLabel::before {
 display: none;
}

.c-modal__layer {
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 overflow: hidden;
 text-align: left;
 background: rgba(0, 0, 0, 0.64);
 opacity: 0;
 -webkit-transform: scale(0.5);
 -moz-transform: scale(0.5);
 -ms-transform: scale(0.5);
 -o-transform: scale(0.5);
 transform: scale(0.5);
 -webkit-transition: opacity ease-out all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
 -moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
 -ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
 -o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
 transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
 z-index: -1;
}

body.thema-color01 .c-modal__layer {
 background: rgba(255, 255, 255, 0.64);
}

body.thema-color02 .c-modal__layer {
 background: rgba(0, 0, 0, 0.64);
}

body.thema-color03 .c-modal__layer {
 background: rgba(255, 238, 0, 0.64);
}

.c-modal__wrapper {
 width: 90%;
 height: auto;
 max-width: 900px;
 border-radius: 20px;
 background: #fff;
}

.c-modal__wrapper__inner {
 max-height: 80vh;
 overflow-y: auto;
 padding: 30px 30px 5px 30px;
}

body.thema-color01 .c-modal__wrapper {
 background: #000000;
}

body.thema-color02 .c-modal__wrapper {
 background: #ffff00;
}

body.thema-color03 .c-modal__wrapper {
 background: #000088;
}

@media screen\0 {
 .c-modal__box .c-modal__close {
  padding-top: 2px;
 }
}

/*--------------------------------------------------------------
project | top
--------------------------------------------------------------*/
.p-top__mainvisual {
 position: relative;
 padding-top: 20%;
 background-image: url("../image/top/img_top_main.png");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}

.p-top__mainvisual__btn {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -moz-box-pack: end;
 -ms-flex-pack: end;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 position: absolute;
 right: 0;
 left: 0;
 bottom: 20px;
 max-width: 1080px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 10px;
 padding-left: 15px;
 padding-right: 15px;
}

.p-top__mainvisual__btn a {
 display: inline-block;
 padding: 5px 41px 5px 57px;
 text-decoration: none;
 border-radius: 10px;
 border: 3px solid #fbb63d;
 box-shadow: 0px 0px 0px 4px #fff;
 background-image: url("../image/top/ico_vehicle01.png"), url("../image/common/ico_arrow04_r.png");
 background-repeat: no-repeat;
 background-color: #fff;
 background-size: 40px auto, 24px auto;
 background-position: center left 10px, center right 10px;
}

body.thema-color01 .p-top__mainvisual__btn a {
 background-color: #000000;
 border-color: #000000;
}

body.thema-color02 .p-top__mainvisual__btn a {
 background-color: #ffff00;
 border-color: #ffff00;
 box-shadow: 0px 0px 0px 4px #000000;
}

body.thema-color03 .p-top__mainvisual__btn a {
 background-color: #000088;
 border-color: #000088;
 box-shadow: 0px 0px 0px 4px #ffff00;
}

.p-top__search__btn-list.col5 {
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
}

.p-top__search__btn-list.col5 .p-top__search__btn-list__item {
 width: calc((100% - 150px * (5 - 4)) / 5 - 0.1px);
 margin-right: 15px;
 margin-left: 15px;
 margin-bottom: 5px;
 min-width: 108px;
 padding-bottom: 10px;
 text-align: center;
}

.p-top__search__btn-list__item {
 margin-right: -15px;
 margin-left: -15px;
 margin-bottom: -5px;
}

.p-top__search__btn-list.col5 .p-top__search__btn-list__item a {
 display: block;
 color: #39393d;
 text-decoration: none;
}

.p-top__search__btn-list.col5 .p-top__search__btn-list__item img {
 width: 80px;
}

.p-top__search__btn-list__item span {
 white-space: nowrap;
}

body.thema-color01 .p-top__search__btn-list.col5 .p-top__search__btn-list__item a {
 color: #ffffff;
}

body.thema-color02 .p-top__search__btn-list.col5 .p-top__search__btn-list__item a {
 color: #000000;
}

body.thema-color03 .p-top__search__btn-list.col5 .p-top__search__btn-list__item a {
 color: #ffff00;
}

.p-top__search__advanced {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-direction: normal;
 -webkit-box-orient: vertical;
 -moz-box-direction: normal;
 -moz-box-orient: vertical;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
}

.p-top__search__btn-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 padding: 20px 10px 0;
}

.p-top__search__btn-list.col3 .p-top__search__btn-list__item {
 width: calc((100% - 60px * (3 - 2)) / 3 - 0.1px);
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
}

.p-top__search__btn-list_item {
 margin-right: -10px;
 margin-left: -10px;
 margin-bottom: -20px;
}

.p-top__search__btn-list.col7 .p-top__search__btn-list__item {
 width: calc((100% - 140px * (7 - 6)) / 7 - 0.1px);
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
}

.p-top__search__btn-list_item {
 margin-right: -10px;
 margin-left: -10px;
 margin-bottom: -20px;
}

.p-top__search__where.col2 {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.p-top__search__where.col2 .p-top__search__where__item {
 width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 5px;
}

.p-top__search__where__item {
 margin-right: -0px;
 margin-left: -0px;
 margin-bottom: -5px;
}

.p-top__search__where.col2 .p-top__search__btn-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: start;
 -moz-box-pack: start;
 -ms-flex-pack: start;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-content: start;
 -ms-flex-line-pack: start;
 -webkit-align-content: flex-start;
 align-content: flex-start;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 width: 544px;
 margin-left: 26px;
 margin-right: -15px;
}

.p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item {
 width: calc((100% - 120px * (4 - 3)) / 4 - 0.1px);
 margin-right: 15px;
 margin-left: 15px;
 margin-bottom: 22px;
 text-align: center;
}

.p-top__search__btn-list__item {
 margin-right: -15px;
 margin-left: -15px;
 margin-bottom: -22px;
}

.p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item a {
 display: block;
 text-decoration: none;
 color: #39393d;
}

.p-top__search__where.col2 .p-top__search__img-map {
 width: 400px;
 margin: 0 auto;
}

.p-top__search__where.col2 .p-top__search__img-map img {
 border-radius: 20px;
}

body.font-size01 .p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item {
 width: calc((100% - 60px * (3 - 2)) / 3 - 0.1px);
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
}

.p-top__search__btn-list_item {
 margin-right: -10px;
 margin-left: -10px;
 margin-bottom: -20px;
}

body.font-size02 .p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item {
 width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
}

.p-top__search__btn-list_item {
 margin-right: -10px;
 margin-left: -10px;
 margin-bottom: -20px;
}

body.thema-color01 .p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item a {
 color: #ffffff;
}

body.thema-color02 .p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item a {
 color: #000000;
}

body.thema-color03 .p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item a {
 color: #ffff00;
}

.p-top__sightseeing__btn-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 color: #39393d;
}

.p-top__sightseeing__btn-list li {
 width: 100%;
 max-width: 180px;
 margin: 0 14px 5px;
}

.p-top__sightseeing__btn-list li a {
 display: block;
}

.p-top__sightseeing__btn-list__img {
 display: block;
 position: relative;
 width: 100%;
 max-width: 180px;
 height: 0;
 padding-bottom: 135px;
 border-radius: 20px;
 overflow: hidden;
 background: #ccc;
}

.p-top__sightseeing__btn-list__img img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: initial;
}

.p-top__pickup-contents__btn-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.p-top__pickup-contents__btn-list .p-top__pickup-contents__btn-list__item {
 width: calc((100% - 60px * (2 - 1)) / 2 - 0.1px);
 margin-right: 15px;
 margin-left: 15px;
 margin-bottom: 10px;
}

.p-top__pickup-contents__btn-list__item {
 margin-right: -15px;
 margin-left: -15px;
 margin-bottom: -10px;
}

.p-top__pickup-contents__btn-list .p-top__pickup-contents__btn-list__item a {
 color: #39393d;
}

body.thema-color01 .p-top__pickup-contents__btn-list__item a {
 color: #fff;
}

body.thema-color02 .p-top__pickup-contents__btn-list__item a {
 color: #000;
}

body.thema-color03 .p-top__pickup-contents__btn-list__item a {
 color: #ffff00;
}

.p-top__banner__list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
}

.p-top__banner__list li {
 width: 234px;
 margin: 0 5% 10px;
}

/* # tab */
@media (max-width: 1079px) {
 .p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item {
  width: calc((100% - 45px * (3 - 2)) / 3 - 0.1px);
  margin-right: 7.5px;
  margin-left: 7.5px;
  margin-bottom: 22px;
 }

 .p-top__search__btn-list__item {
  margin-right: -7.5px;
  margin-left: -7.5px;
  margin-bottom: -22px;
 }
}

/* # sp */
@media (max-width: 599px) {
 .p-top__mainvisual__btn {
  display: none;
 }

 .p-top__search__where.col2 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }

 .p-top__search__where.col2 .p-top__search__btn-list {
  margin: 0;
 }

 .p-top__search__where.col2 .p-top__search__img-map {
  width: 100%;
 }

 .p-top__banner__list {
  margin-bottom: 10px;
 }

 .p-top__banner__list li {
  margin: 0 2px 10px;
 }

 .p-top__search__btn-list.col5 {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
 }

 .p-top__search__btn-list.col5 .p-top__search__btn-list__item {
  width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  min-width: 108px;
  padding-bottom: 10px;
 }

 .p-top__search__btn-list__item {
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: -5px;
 }

 .p-top__search__btn-list.col5 .p-top__search__btn-list__item img {
  width: 80px;
 }

 .p-top__search__where.col2 .p-top__search__btn-list {
  padding-left: 0;
  padding-right: 0;
 }

 .p-top__search__where.col2 .p-top__search__btn-list .p-top__search__btn-list__item {
  width: calc((100% - 45px * (3 - 2)) / 3 - 0.1px);
  margin-right: 7.5px;
  margin-left: 7.5px;
  margin-bottom: 22px;
 }

 .p-top__search__btn-list__item {
  margin-right: -7.5px;
  margin-left: -7.5px;
  margin-bottom: -22px;
 }

 .p-top__search__btn-list.col3 .p-top__search__btn-list__item {
  width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
 }

 .p-top__search__btn-list_item {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -10px;
 }

 .p-top__sightseeing__btn-list li {
  width: 47%;
  width: -webkit-calc(92% / 2);
  width: calc(92% / 2);
  margin: 0 2% 5px;
 }

 .p-top__sightseeing__btn-list__img {
  padding-bottom: 100px;
 }
}

/*--------------------------------------------------------------
project | result
--------------------------------------------------------------*/
.p-result__display__switch {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 -webkit-box-pack: end;
 -moz-box-pack: end;
 -ms-flex-pack: end;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 margin: 0 0 1em auto;
 padding-left: 10px;
 border-radius: 10px;
 background-color: #E9E9E9;
}

.p-result__display__switch__title {
 font-weight: bold;
}

.p-result__display__switch__inner {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 padding: 5px;
}

.p-result__display__switch__inner li a {
 display: block;
 position: relative;
 padding: 10px 10px 10px 1.25em;
 color: #39393d;
 text-decoration: none;
 background: #fff;
}

.p-result__display__switch__inner li a:hover {
 cursor: pointer;
}

.p-result__display__switch__inner li a::before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 5px;
 width: 1em;
 height: 1em;
 margin: auto 0;
}

.p-result__display__switch__inner li:first-of-type a {
 margin-right: 2px;
 border-radius: 10px 0 0 10px;
}

.p-result__display__switch__inner li:last-of-type a {
 margin-left: 2px;
 border-radius: 0 10px 10px 0;
}

.p-result__display__switch__inner .active a {
 background-color: #9bcfda;
}

.p-result__display__switch__inner .p-result__display__switch__map a::before {
 background-image: url("../image/common/ico_map01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top;
}

.p-result__display__switch__inner .p-result__display__switch__list a::before {
 background-image: url("../image/common/ico_list01.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top;
}

body.thema-color01 .p-result__display__switch {
 background-color: #333333;
}

body.thema-color01 .p-result__display__switch li a {
 background-color: #000000;
 color: #ffffff;
 border: 4px solid #fff;
}

body.thema-color01 .p-result__display__switch .active a {
 color: #000000;
 background-color: #ffffff;
}

body.thema-color02 .p-result__display__switch {
 background-color: #fffccc;
}

body.thema-color02 .p-result__display__switch li a {
 color: #000000;
 background-color: #ffff00;
 border: 4px solid #000;
}

body.thema-color02 .p-result__display__switch .active a {
 color: #ffff00;
 background-color: #000000;
}

body.thema-color03 .p-result__display__switch {
 background-color: #0000ff;
}

body.thema-color03 .p-result__display__switch li a {
 color: #ffff00;
 background-color: #000088;
 border: 4px solid #ffff00;
}

body.thema-color03 .p-result__display__switch .active a {
 color: #0000ff;
 background-color: #ffff00;
}

.p-result__txt__list__data {
 width: 100%;
 padding-left: 20px;
 -ms-flex: 0 1 auto;
}

.p-result__txt__list__data h2 span {
 text-decoration: underline;
}

body.font-size01 .p-result__txt__list__data h2 {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .p-result__txt__list__data h2 {
 font-size: 48px;
 font-size: 3rem;
}

.p-result__tag {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 5px;
}

.p-result__tag li {
 margin: 2px;
 padding: 0 5px;
 background: #e6e6e6;
}

body.thema-color01 .p-result__tag li {
 background-color: #333333;
}

body.thema-color02 .p-result__tag li {
 background-color: #fffccc;
}

body.thema-color03 .p-result__tag li {
 background-color: #0000ff;
}

.p-result__picto {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.p-result__picto li {
 width: 40px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 2px;
 border-radius: 5px;
 border: 1px solid #ccc;
 font-size: 16px;
 font-size: 1rem;
 line-height: 1;
 background: #fff;
}

.p-result__picto li+li {
 margin-left: 10px;
}

.p-result__results-list__item {
 padding: 10px 0;
 border-bottom: 1px solid #ccc;
}

.p-result__results-list__item a {
 display: block;
 text-decoration: none !important;
}

.p-result__results-list__item a p {
 color: #39393d;
}

body.thema-color01 .p-result__results-list__item a p {
 color: #ffffff;
}

body.thema-color02 .p-result__results-list__item {
 border-bottom: 1px solid #000;
}

body.thema-color02 .p-result__results-list__item a p {
 color: #000000;
}

body.thema-color03 .p-result__results-list__item a p {
 color: #ffff00;
}

.p-result__results-list__item+.p-result__results-list__item {
 margin-top: 10px;
}

.p-result__img__list__data {
 width: 188px;
}

.p-result__img__list__data img {
 border-radius: 10px;
}

.p-result__results-list+.c-pager {
 margin-bottom: 10px;
}

.p-result__list__search-list,
.p-result__map__search-list {
 max-width: 580px;
}

.p-result__list__search-map__item,
.p-result__list__search-list {
 height: 580px;
}

.p-result__map__search-map__item,
.p-result__map__search-list {
 height: 300px;
}

.tooltip {
 position: relative;
 cursor: pointer;
}

.description {
 display: none;
 position: absolute;
 padding: 10px;
 font-size: 13px;
 line-height: 1.6em;
 color: #3b475a;
 border-radius: 5px;
 background: #bcd8c1;
 width: 100px;
}

.description:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 border: 15px solid transparent;
 border-top: 15px solid #bcd8c1;
 margin-left: -15px;
}

.tooltip:hover .description {
 display: inline-block;
 top: -75px;
 left: -50px;
}

body.thema-color01 .description {
 color: #333333;
 background: #ffffff;
}

body.thema-color01 .description:before {
 border-top: 15px solid #ffffff;
}

body.thema-color02 .description {
 color: #ffff00;
 background: #333333;
}

body.thema-color02 .description:before {
 border-top: 15px solid #333333;
}

body.thema-color03 .description {
 color: #000088;
 background: #ffff00;
}

body.thema-color03 .description:before {
 border-top: 15px solid #ffff00;
}

/* # sp */
@media (max-width: 599px) {
 .p-result__picto {
  display: none;
 }
}

body.thema-color01 .p-result__pager__num__drop .select {
 background: #000000;
 color: #ffffff;
}

body.thema-color02 .p-result__pager__num__drop .select {
 background: #ffff00;
 color: #333333;
}

body.thema-color03 .p-result__pager__num__drop .select {
 background: #000088;
 color: #ffff00;
}

/*--------------------------------------------------------------
project | details
--------------------------------------------------------------*/
.p-details__inner {
 max-width: 960px;
 margin: 0 auto;
 background: #fff;
}

.p-details__basic-information {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

body.font-size01 .p-details__basic-information,
body.font-size02 .p-details__basic-information {
 display: block;
}

body.font-size01 .p-details__table__info,
body.font-size02 .p-details__table__info {
 margin-left: 0;
}

body.font-size01 .p-details__img__data,
body.font-size02 .p-details__img__data {
 min-width: 100%;
 text-align: center;
}

body.font-size01 .p-details__img__data .p-details__caption__data,
body.font-size02 .p-details__img__data .p-details__caption__data {
 text-align: left;
}

body.font-size01 .p-details__table__title,
body.font-size02 .p-details__table__title {
 padding: 10px;
}

body.font-size01 .p-details__table__item,
body.font-size02 .p-details__table__item {
 padding: 10px;
}

.p-details__table__info {
 width: 100%;
 margin-bottom: 1.75em;
 margin-left: 30px;
 border-radius: 10px;
 overflow: hidden;
}

.p-details__table__inner {
 min-height: 35px;
 border-bottom: 1px solid #C9C9C9;
 border-left: 1px solid #C9C9C9;
 border-right: 1px solid #C9C9C9;
}

.p-details__table__inner:first-child {
 border-top: 1px solid #C9C9C9;
 border-radius: 10px 10px 0 0;
 overflow: hidden;
}

.p-details__table__inner:last-child {
 border-bottom: 1px solid #C9C9C9;
 border-radius: 0 0 10px 10px;
 overflow: hidden;
}

body.thema-color01 .p-details__table__inner {
 border-bottom: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
}

body.thema-color01 .p-details__table__inner:first-child {
 border-top: 1px solid #ffffff;
}

body.thema-color01 .p-details__table__inner:last-child {
 border-bottom: 1px solid #ffffff;
}

body.thema-color02 .p-details__table__inner {
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}

body.thema-color02 .p-details__table__inner:first-child {
 border-top: 1px solid #000000;
}

body.thema-color02 .p-details__table__inner:last-child {
 border-bottom: 1px solid #000000;
}

body.thema-color03 .p-details__table__inner {
 border-bottom: 1px solid #ffff00;
 border-left: 1px solid #ffff00;
 border-right: 1px solid #ffff00;
}

body.thema-color03 .p-details__table__inner:first-child {
 border-top: 1px solid #ffff00;
}

body.thema-color03 .p-details__table__inner:last-child {
 border-bottom: 1px solid #ffff00;
}

.p-details__table__title {
 width: 26%;
 padding: 0 20px;
 border-right: 1px solid #C9C9C9;
 background: #F5F5F5;
}

body.thema-color01 .p-details__table__title {
 border-right-color: #ffffff;
 background: #333333;
}

body.thema-color02 .p-details__table__title {
 border-right-color: #000000;
 background: #fffccc;
}

body.thema-color03 .p-details__table__title {
 border-right-color: #ffff00;
 background: #0000ff;
}

.p-details__table__item {
 padding-left: 10px;
 width: 74%;
}

.p-details__img__data {
 min-width: 400px;
}

.p-details__img__data img {
 max-width: 400px;
 border-radius: 20px;
}

.p-details__caption__data {
 padding: 1em 0;
}

.p-details__tab {
 margin-bottom: 20px;
}

.p-details__tab__head {
 padding: 10px 0 0;
 border-radius: 20px;
 background: #E9DFC7;
}

body.thema-color01 .p-details__tab__head {
 background: #333333;
 border: 2px solid #ffffff;
}

body.thema-color02 .p-details__tab__head {
 background: #fffccc;
 border: 2px solid #000000;
}

body.thema-color03 .p-details__tab__head {
 background: #0000ff;
 border: 2px solid #ffff00;
}

.p-details__tab__title {
 text-align: center;
 margin-bottom: 10px;
}

.p-details__tab__switch .p-details__tab__item {
 padding-top: 25px;
 border-radius: 0 0 20px 20px;
 background: #fff;
}

.p-details__tab__switch:before {
 display: block;
 position: relative;
 content: "";
 width: 100%;
 height: 30px;
 border-radius: 0 0 20px 20px;
 background: #E9DFC7;
 z-index: 1;
}

.p-details__tab__switch__label {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 position: relative;
 width: 142px;
 min-height: 40px;
 margin: 0 4px -30px;
 padding: 5px;
 border-radius: 10px 10px 0 0;
 border-bottom: 4px solid #E9DFC7;
 font-size: 14px;
 font-size: 0.875rem;
 z-index: 2;
}

input:checked+.p-details__tab__switch__label {
 width: 160px;
 padding: 10px 5px 0;
 border-bottom: 4px solid #fff;
 font-weight: bold;
 font-size: 16px;
 font-size: 1rem;
}

body.thema-color01 .p-details__tab__switch .p-details__tab__item {
 background: #000000;
}

body.thema-color01 .p-details__tab__switch:before {
 border-radius: 0;
 background: #333333;
 border-bottom: 2px solid #ffffff;
}

body.thema-color01 .p-details__tab__switch__label {
 border: 2px solid #ffffff;
}

body.thema-color02 .p-details__tab__switch .p-details__tab__item {
 background: #ffff00;
}

body.thema-color02 .p-details__tab__switch:before {
 border-radius: 0;
 background: #fffccc;
 border-bottom: 2px solid #000000;
}

body.thema-color02 .p-details__tab__switch__label {
 border: 2px solid #000000;
}

input:checked+body.thema-color02 .p-details__tab__switch__label {
 border-bottom: 4px solid #000000;
 color: #000000;
}

body.thema-color03 .p-details__tab__switch .p-details__tab__item {
 background: #000088;
}

body.thema-color03 .p-details__tab__switch:before {
 border-radius: 0;
 background: #0000ff;
 border-bottom: 2px solid #ffff00;
}

body.thema-color03 .p-details__tab__switch__label {
 border: 2px solid #ffff00;
}

body.font-size01 .p-details__tab__switch__label {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .p-details__tab__switch__label {
 font-size: 48px;
 font-size: 3rem;
}

.p-details__list__facility {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin-bottom: 1em;
 padding: 0 22px;
}

.p-details__list__facility__set {
 width: 50%;
 margin: 0 0 1em 0;
 padding: 0.25em 22px 0;
 background-position: 10px 0;
}

.p-details__list__facility__set:last-of-type {
 margin-right: 0;
}

.p-details__list__facility__set__title {
 padding: 0.25em 0 10px 0;
}

.p-details__list__facility__set__title>span {
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-direction: normal;
 -webkit-box-orient: vertical;
 -moz-box-direction: normal;
 -moz-box-orient: vertical;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 width: 100%;
 height: 100%;
 padding-bottom: 5px;
 border-bottom: 2px dotted #E9DFC7;
}

.p-details__list__facility__set__title>span span {
 padding: 0.25em 0 0.25em 40px;
}

.p-details__list__facility__set__title img {
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto 0;
 width: 32px;
 height: auto;
}

.p-details__list__facility__set__data__inner {
 margin-bottom: 10px;
 padding-left: 31px;
 padding-right: 10px;
}

.p-details__list__facility__title {
 width: 100%;
 margin: 0 0 1em;
 border-bottom: 4px solid #e9dfc7;
}

body.thema-color01 .p-details__list__facility__set__title>span {
 border-bottom-color: #ffffff;
}

body.thema-color01 .p-details__list__facility__title {
 border-bottom-color: #ffffff;
}

body.thema-color02 .p-details__list__facility__set__title>span {
 border-bottom-color: #000000;
}

body.thema-color02 .p-details__list__facility__title {
 border-bottom-color: #000000;
}

body.thema-color03 .p-details__list__facility__set__title>span {
 border-bottom-color: #ffff00;
}

body.thema-color03 .p-details__list__facility__title {
 border-bottom-color: #ffff00;
}

.p-details__remarks__title {
 display: inline-block;
 min-width: 8em;
 padding: 0 1em;
 text-align: center;
 border-radius: 10px 10px 10px 10px;
 background: #AAD8E1;
}

body.thema-color01 .p-details__remarks__title {
 background: #333333;
}

body.thema-color02 .p-details__remarks__title {
 background: #fffccc;
}

body.thema-color03 .p-details__remarks__title {
 background: #0000ff;
}

body.font-size01 .p-details__remarks__title,
body.font-size02 .p-details__remarks__title {
 min-width: auto;
}

.p-details__remarks {
 padding: 0 46px;
}

.p-details__remarks p {
 margin-bottom: 2em;
}

.p-details__btn__print {
 padding: 1em 1em 1em 50px;
 font-size: 16px;
 font-size: 1rem;
 border-radius: 10px;
 background-color: #fff;
 background-image: url("../image/common/ico_print01.png");
 background-repeat: no-repeat;
 background-size: 30px auto;
 background-position: 10px center;
}

body.thema-color01 .p-details__btn__print {
 background-color: #000000;
 border: 4px solid #ffffff;
}

body.thema-color02 .p-details__btn__print {
 background-color: #ffff00;
 border: 4px solid #000000;
}

body.thema-color03 .p-details__btn__print {
 background-color: #000088;
 border: 4px solid #ffff00;
}

body.font-size01 .p-details__btn__print {
 padding: 0.3em 0.3em 0.3em 50px;
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .p-details__btn__print {
 padding: 0.3em 0.3em 0.3em 50px;
 font-size: 48px;
 font-size: 3rem;
}

.p-details__slide {
 margin-bottom: 30px;
}

.p-details__slide canvas {
 border-radius: 20px 20px 0 0;
}

.p-details__slide__img {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-direction: normal;
 -webkit-box-orient: vertical;
 -moz-box-direction: normal;
 -moz-box-orient: vertical;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 max-width: 868px;
 min-height: 488px;
 margin: 0 auto;
 border-radius: 20px 20px 0 0;
 background: #ccc;
 overflow: hidden;
}

.p-details__slide__img img {
 margin: auto;
}

.p-details__slide__caption {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-direction: normal;
 -webkit-box-orient: vertical;
 -moz-box-direction: normal;
 -moz-box-orient: vertical;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 max-width: 868px;
 min-height: 3em;
 margin: 0 auto;
 padding: 2px 1em;
 border-radius: 0 0 20px 20px;
 font-size: 14px;
 font-size: 0.875rem;
 text-align: left;
 background: #e4e2e0;
}

.p-details__slide__item {
 text-align: center;
}

.p-details__slide__item img {
 max-width: 866px;
}

.p-details__slide__item .viewer360 {
 max-width: 866px;
 margin: 0 auto;
}

@media all and (-ms-high-contrast: none) {
 .p-details__slide__img {
  position: relative;
 }

 .p-details__slide__img__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }
}

body.thema-color01 .p-details__slide__img {
 background: #333333;
}

body.thema-color01 .p-details__slide__caption {
 background: #333333;
 color: #ffffff;
}

body.thema-color02 .p-details__slide__img {
 background: #fffccc;
}

body.thema-color02 .p-details__slide__caption {
 background: #fffccc;
 color: #000000;
}

body.thema-color03 .p-details__slide__img {
 background: #0000ff;
}

body.thema-color03 .p-details__slide__caption {
 background: #0000ff;
 color: #ffff00;
}

body.font-size01 .p-details__slide__caption {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .p-details__slide__caption {
 font-size: 48px;
 font-size: 3rem;
}

@media all and (-ms-high-contrast: none) {
 *::-ms-backdrop, .p-details_slide__img {
  display: block;
 }

 /* IE11 */
}

.p-details__list__search-map {
 max-width: 536px;
}

.p-details__list__search-map__big {
 max-width: 100%;
}

.p-details__search__advanced {
 padding-left: 0;
 padding-right: 0;
}

/* # tab and sp */
@media only screen and (max-width: 1079px) {
 .p-details__basic-information {
  display: block;
 }

 .p-details__table__info {
  margin-left: 0;
 }

 .p-details__img__data {
  min-width: 100%;
  text-align: center;
 }

 .p-details__img__data img {
  max-width: 100%;
 }

 .p-details__img__data .p-details__caption__data {
  text-align: left;
 }

 .p-details__tab__title {
  margin-bottom: 10px;
 }

 .p-details__tab__switch label {
  width: 100%;
  margin: 0;
  padding: 5px;
 }

 .p-details__list__facility {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0.5em;
 }

 .p-details__list__facility__set {
  width: 49%;
  width: -webkit-calc(98% / 2);
  width: calc(98% / 2);
  margin: 0 1% 1em 0;
  padding: 0.25em 10px 0;
  background-position: 10px 0;
 }

 .p-details__list__facility__set:last-of-type {
  margin-right: 0;
 }

 .p-details__list__facility__set__title {
  padding: 0.25em 26px 10px 26px;
 }

 .p-details__list__facility__set__title>span {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
  border-bottom: 2px dotted #E9DFC7;
 }

 .p-details__list__facility__set__title>span span {
  padding: 0.25em 0 0.25em 40px;
 }

 .p-details__list__facility__set__title img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
 }

 .p-details__list__facility__set__title.pc {
  display: none;
 }

 .p-details__list__facility__set__data__inner {
  padding-left: 36px;
  padding-right: 10px;
 }

 .p-details__list__facility__set__data.pc {
  display: none;
 }

 .p-details__list__facility__title {
  width: 100%;
  margin: 0 25px 1em;
  border-bottom: 4px solid #e9dfc7;
 }

 .p-details__slide canvas {
  border-radius: 0;
 }

 .p-details__slide__img {
  min-height: 176px;
  /*iphone8*/
  border-radius: 0;
 }

 .p-details__slide__item img {
  max-width: 100%;
 }

 .p-details__slide__caption {
  border-radius: 0;
 }
}

/* # sp */
@media (max-width: 599px) {
 .p-details__btn__print {
  display: none;
 }

 .p-details__table__title {
  width: 36%;
  padding: 0 10px;
 }

 .p-details__table__item {
  padding-left: 5px;
  width: 64%;
 }

 .p-details__list__facility {
  padding: 0;
 }

 .p-details__list__facility__set {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
 }

 .p-details__list__facility__set__title {
  padding: 0.25em 0 10px 0;
 }

 .p-details__list__facility__set__data__inner {
  padding-left: 0;
 }

 .p-details__remarks {
  padding: 0 10px;
 }
}

/*--------------------------------------------------------------
project | contactform
--------------------------------------------------------------*/
#areaform {
 max-width: 900px;
 margin: 0 auto 2em;
}

#confirmationForm {
 max-width: 745px;
 margin: 0 auto;
}

#confirmationForm dt {
 min-height: 2em;
 margin-bottom: 0.5em;
 padding: 3px 0.5em 3px 0;
 font-size: 2.4rem;
 color: #00a0e9;
}

#confirmationForm dd {
 margin-bottom: 2em;
 padding: 2px 0.5em;
 border-bottom: 2px solid #00a0e9;
}

#confirmationForm+p {
 margin: 0;
 padding: 20px;
 font-size: 2.4rem;
 font-weight: bold;
 text-align: center;
}

#completeForm {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 min-height: calc(100vh - 100px);
}

#completeForm .message {
 margin-bottom: 2em;
 font-size: 2.4rem;
 text-align: center;
}

.inputForm {
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 2em;
 padding-top: 2em;
}

.inputForm dt,
.inputForm dd {
 width: 100%;
 margin: 0;
}

.inputForm>dt,
.inputForm div>dt {
 position: relative;
 padding: 0;
 font-size: 2.4rem;
 color: #00a0e9;
}

.inputForm dt span {
 margin: auto 0 auto 0.5em;
}

.inputForm dt br {
 display: none;
}

.inputForm dt p {
 margin-bottom: 0.5rem;
}

.inputForm dd,
.inputForm>div,
.inputForm>ul {
 margin-bottom: 2em;
 padding: 1.5em 3px 2em;
}

.inputForm>dd,
.inputForm>div {
 border-bottom: 1px dotted #cad6dc;
 box-shadow: 0 1px 0 white;
}

.inputForm dd:last-child {
 border: none;
}

.inputForm dd ul,
.inputForm dd ol {
 margin: 0;
}

.inputForm dd ul+p {
 width: 100%;
 margin-bottom: 0;
}

.inputForm dd dl {
 width: 100%;
 margin-bottom: 0;
 padding: 0;
}

.inputForm dd dl dt {
 width: auto;
}

.inputForm dd dl dd {
 width: auto;
 margin-bottom: 0;
 padding-left: 0;
}

.inputForm dd span {
 padding-right: 0.25em;
 font-weight: bold;
}

.inputForm dd span {
 padding-top: 0.3em;
}

.inputForm dd input+span {
 padding: 0.3em 0.5em 0.3em 0;
}

.inputForm dd .btn span {
 padding: 0;
}

.inputForm dd input[type="text"],
.inputForm dd input[type="password"] {
 margin-bottom: 0.25em;
 margin-right: 0.5em;
}

.inputForm .number input,
.inputForm .tel input,
.inputForm .fax input,
.inputForm .postcode input {
 max-width: 5em;
}

.inputForm .mail input {
 max-width: 20em;
}

.listFlow {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 justify-content: space-around;
 margin-bottom: 4em;
 padding-top: 1em;
}

.listFlow li {
 position: relative;
 width: 100%;
 margin: 0;
 padding: 0 0.5em;
 line-height: 1.4;
 text-align: center;
 background: #fff;
}

.listFlow li:first-of-type {
 padding-left: 0;
}

.listFlow li:before {
 left: 0;
 right: 0;
 bottom: -20px;
 content: "";
 border-top: 1px solid #cad6dc;
 width: 100%;
 height: 1px;
 display: block;
 position: absolute;
 margin: auto;
}

.listFlow li:first-of-type:before {
 right: 0;
 left: auto;
 width: 50%;
}

.listFlow li:last-of-type:before {
 left: 0;
 right: auto;
 width: 50%;
}

.listFlow li:after {
 position: absolute;
 bottom: -25px;
 left: 50%;
 content: "";
 width: 10px;
 height: 10px;
 margin: 0 auto;
 background: #cad6dc;
 border-radius: 10px;
}

.listFlow li:first-of-type:after {
 right: 50%;
 left: auto;
}

.listFlow li:last-of-type:after {
 left: 50%;
 right: auto;
}

.listFlow li.active:after {
 background: #F8DF08;
}

#areaFormInfo {
 margin-top: 5em;
 padding: 2em 0;
 border-top: 1px solid #cad6dc;
 font-size: 1.6rem;
}

#areaFormInfo h2 {
 margin-bottom: 0.5em;
}

#areaFormInfo p,
#areaFormInfo ul {
 padding: 0 1em;
}

@media screen\0 {

 input[type="submit"],
 input[type="button"] {
  padding-bottom: 0.3em;
  line-height: 1.2;
 }

 .inputForm dt,
 .inputForm dd {
  padding-top: 0.7em;
  padding-bottom: 0.3em;
 }

 .inputForm dd .btn,
 .inputForm dd input[type="text"],
 .inputForm dd input[type="password"] {
  margin-bottom: 0.45em;
 }

 .inputForm dd .btn+span,
 .inputForm dd input+span {
  padding: 0.5em 0.5em 0.1em 0;
 }

 .inputForm dt span {
  margin-top: -0.2em;
 }
}

@media screen and (min-width: 800px) {

 .inputForm dd,
 .inputForm>div,
 .inputForm>ul {
  padding: 1.5em 20px 2em;
 }
}

/*--------------------------------------------------------------
project | info
--------------------------------------------------------------*/
.p_info_title__headline01 {
 background: #99cc99;
}

.p-info_article p {
 margin-bottom: 1em;
}

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

.p-info_article p img {
 float: left;
 margin: 0 2em 1em 1em;
 border-radius: 10px;
}

.p-info_article p .size_small {
 font-size: 80%;
}

.p-info_article p .size_large {
 font-size: 120%;
}

.p-info_article p .size_x_large {
 font-size: 150%;
}

.p-info_article p>a>img {
 float: none;
 width: 1.5em;
 height: auto;
 margin: 0 6px;
 vertical-align: middle;
 border-radius: 0;
}

/* # tab and sp */
@media only screen and (max-width: 1079px) {
 .p-info_article p img {
  max-width: 50%;
  margin: 1em;
 }
}

/*--------------------------------------------------------------
project | access
--------------------------------------------------------------*/
.p_access_title__headline01 {
 background: #e8979c;
}

.p-access__basic-information {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.p-access__basic-information .p-access__title {
 padding: 0.5em 1em;
 border-radius: 10px;
 background: #EDEDED;
}

.p-access__basic-information p {
 padding: 0 4px;
}

body.thema-color01 .p-access__basic-information .p-access__title {
 color: #ffffff;
 background: #333333;
}

body.thema-color02 .p-access__basic-information .p-access__title {
 color: #000000;
 background: #fffccc;
}

body.thema-color03 .p-access__basic-information .p-access__title {
 color: #ffff00;
 background: #0000ff;
}

.p-access__list__pic {
 width: 100%;
 margin-left: 30px;
 border-radius: 10px;
 overflow: hidden;
}

.p-access__list__pic ul {
 margin-bottom: 1em;
}

.p-access__list__pic ul li {
 padding: 4px;
 border-bottom: 1px solid #ccc;
}

.p-access__list__pic ul li img {
 max-width: 44px;
 margin-right: 10px;
}

body.thema-color01 .p-access__list__pic li {
 border-bottom-color: #ffffff;
}

body.thema-color02 .p-access__list__pic li {
 border-bottom-color: #000000;
}

body.thema-color03 .p-access__list__pic li {
 border-bottom-color: #ffff00;
}

.p-access__img__data {
 min-width: 500px;
}

.p-access__img__data img {
 border-radius: 20px;
}

.p-access__table-information {
 margin-top: 1em;
}

.p-access__table-information table {
 width: 100%;
}

.p-access__table-information caption {
 padding: 0.5em 1em;
 border-radius: 10px;
 background: #FFE0E1;
 margin-top: 2em;
 margin-bottom: 1em;
 font-weight: bold;
 text-align: left;
 font-size: 18px;
 font-size: 1.125rem;
}

.p-access__table-information thead th {
 text-align: center;
 font-weight: bold;
 background: #D8E9FF;
}

.p-access__table-information tbody th {
 white-space: nowrap;
}

.p-access__table-information th, .p-access__table-information td {
 min-width: 8em;
 padding: 0 1em;
 border: 1px solid #ccc;
 text-align: left;
}

.p-access__table-information td {
 padding: 3px;
}

.p-access__table-information img {
 max-width: 38px;
 margin: 0 3px;
}

.p-access__table-information .tel {
 font-weight: normal;
}

body.thema-color01 .p-access__table-information caption {
 background: #333333;
 color: #ffffff;
}

body.thema-color01 .p-access__table-information thead th {
 background: #333333;
 color: #ffffff;
}

body.thema-color01 .p-access__table-information th, body.thema-color01 .p-access__table-information td {
 border-color: #ffffff;
}

body.thema-color02 .p-access__table-information caption {
 background: #fffccc;
 color: #000000;
}

body.thema-color02 .p-access__table-information thead th {
 background: #fffccc;
 color: #000000;
}

body.thema-color02 .p-access__table-information th, body.thema-color02 .p-access__table-information td {
 border-color: #000000;
}

body.thema-color03 .p-access__table-information caption {
 background: #0000ff;
 color: #ffff00;
}

body.thema-color03 .p-access__table-information thead th {
 background: #0000ff;
 color: #ffff00;
}

body.thema-color03 .p-access__table-information th, body.thema-color03 .p-access__table-information td {
 border-color: #ffff00;
}

body.font-size01 .p-access__table-information table,
body.font-size02 .p-access__table-information table {
 display: block;
 width: auto;
 height: 500px;
 margin-bottom: 1em;
 text-align: left;
 overflow: auto;
}

body.font-size01 .p-access__table-information caption {
 font-size: 32px;
 font-size: 2rem;
 margin-top: 0;
}

body.font-size02 .p-access__table-information caption {
 font-size: 48px;
 font-size: 3rem;
 margin-top: 0;
}

.p-access__index__title {
 padding: 0.5em 1em;
 border-radius: 10px 10px 0 0;
 border-bottom: 4px solid #e8979c;
 background: #ffd8da;
}

body.thema-color01 .p-access__index__title {
 border-bottom-color: #ffffff;
 background: #333333;
}

body.thema-color02 .p-access__index__title {
 border-bottom-color: #000000;
 background: #fffccc;
}

body.thema-color03 .p-access__index__title {
 border-bottom-color: #ffff00;
 background: #0000ff;
}

.p-access__index {
 width: 100%;
 margin-bottom: 1.75em;
 margin-left: 30px;
 padding: 0 4px;
 overflow: hidden;
}

.p-access__index ul {
 margin-bottom: 1em;
}

.p-access__index ul li {
 text-align: center;
 margin: 2em 0;
}

.p-access__index ul li a {
 background: #116495;
 border-radius: 10px;
 color: #fff;
 display: block;
 font-weight: bold;
 padding: 1em;
 text-decoration: none;
}

.p-access__index ul li a:hover {
 background: #0d4363;
}

body.thema-color01 .p-access__index ul li a {
 background: #000000;
 border: 4px solid #ffffff;
 color: #ffffff;
 text-decoration: underline;
}

body.thema-color01 .p-access__index ul li a:hover {
 background: none;
}

body.thema-color02 .p-access__index ul li a {
 background: #ffff00;
 border: 4px solid #000000;
 color: #000000;
 text-decoration: underline;
}

body.thema-color02 .p-access__index ul li a:hover {
 background: none;
}

body.thema-color03 .p-access__index ul li a {
 background: #000088;
 border: 4px solid #ffff00;
 color: #ffff00;
 text-decoration: underline;
}

body.thema-color03 .p-access__index ul li a:hover {
 background: none;
}

.p-access__index__taxi {
 width: 100%;
 margin-bottom: 1.75em;
 overflow: hidden;
}

.p-access__img__index {
 min-width: 400px;
 margin-bottom: 30px;
}

.p-access__img__index img {
 border-radius: 20px;
}

/* # tab and sp */
@media only screen and (max-width: 1079px) {
 .p-access__basic-information {
  display: block;
 }

 .p-access__img__data {
  width: auto;
  min-width: 0;
  margin-bottom: 1em;
  text-align: center;
 }

 .p-access__list__pic {
  margin: 0 0 1em;
 }

 .p-access__table-information table {
  display: block;
  width: auto;
  margin-bottom: 1em;
  text-align: left;
  overflow: auto;
 }

 .p-access__table-information caption {
  margin-top: 0;
 }

 .p-access__index {
  margin: 0 0 1em;
 }

 .p-access__index li {
  margin: 1em 0;
 }

 .p-access__img__index {
  width: auto;
  min-width: 0;
  margin-bottom: 1em;
  text-align: center;
 }
}

/*--------------------------------------------------------------
project | kids
--------------------------------------------------------------*/
.p_kid_title__headline01 {
 background: #4accda;
}

.p-kid_left_information {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 overflow: hidden;
}

.p-kid_left_information p {
 line-height: 170%;
 -ms-flex: 0 1 auto;
}

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

.p-kid_left_information img {
 width: 111px;
 height: 164px;
 margin: 0 2em 1em 0;
}

.p-kid_center_information {
 overflow: hidden;
 text-align: center;
}

.p-kid_center_information p {
 overflow: hidden;
 line-height: 170%;
}

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

.p-kid_center_information p img {
 float: center;
 margin: 1em 0.5em 0em 0.5em;
}

.p-kid__p-question {
 background: #FFFF66;
 margin: 1em 0em 1em 0em;
 padding: 15px 20px 15px 25px;
 border: 1px dotted #909090;
 border-radius: 10px;
}

.p-kid__p-question p::after {
 content: "";
 display: block;
 clear: both;
}

.p-kid__p-answer {
 background: #FFE4E1;
 margin: 1em 0em 1em 0em;
 padding: 15px 20px 15px 25px;
 border: 1px dotted #909090;
 border-radius: 10px;
}

.p-kid__p-answer p::after {
 content: "";
 display: block;
 clear: both;
}

.p-kid__p-answer p span {
 color: #D50000;
 font-weight: bold;
}

body.thema-color01 .p-kid__p-answer,
body.thema-color01 .p-kid__p-question {
 background: #333333;
}

body.thema-color01 .p-kid__p-answer span,
body.thema-color01 .p-kid__p-question span {
 color: #ffffff;
}

body.thema-color02 .p-kid__p-answer,
body.thema-color02 .p-kid__p-question {
 background: #fffccc;
}

body.thema-color02 .p-kid__p-answer span,
body.thema-color02 .p-kid__p-question span {
 color: #000000;
}

body.thema-color03 .p-kid__p-answer,
body.thema-color03 .p-kid__p-question {
 background: #0000ff;
}

body.thema-color03 .p-kid__p-answer span,
body.thema-color03 .p-kid__p-question span {
 color: #ffff00;
}

.p-kid_link_information {
 text-align: center;
}

.p-kid_link_information p {
 line-height: 170%;
 margin: 0 auto;
 display: inline-block;
}

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

.p-kid_link_information p img {
 margin: 1em 0.5em 0em 0.5em;
}

.p-kid_link_information p span {
 display: block;
}

.p-kid_link_information p a {
 display: block;
}

.p-kid_information__hiragana {
 overflow: hidden;
}

.p-kid_information__hiragana__skip {
 position: relative;
 top: 0;
 left: 0;
 width: 0;
 height: 0;
 overflow: hidden;
}

.p-kid_information__hiragana hr {
 margin-bottom: 1em;
 border-width: 2px;
}

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

.p-kid-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -moz-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 width: 100%;
 padding: 20px 10px 0;
}

.p-kid-list:last-child {
 margin-bottom: -30px;
}

.p-kid-list__item {
 width: calc((100% - 40px) / 2);
 margin-bottom: 30px;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.p-kid-list__item a {
 color: #000000;
 background: #4accda;
 display: block;
 position: relative;
 font-weight: bold;
 text-decoration: none;
 padding: 10px;
 border-radius: 10px;
 border: 4px solid #d9d9d9;
 width: 100%;
}

.p-kid-list__item a:hover {
 background: #ffda45;
}

body.thema-color01 .p-kid-list__item a {
 color: #ffffff;
 background: #000000;
 border-color: #ffffff;
}

body.thema-color01 .p-kid-list__item a:hover {
 background: #333333;
}

body.thema-color02 .p-kid-list__item a {
 color: #000000;
 background: #ffff00;
 border-color: #000000;
}

body.thema-color02 .p-kid-list__item a:hover {
 background: #fffccc;
}

body.thema-color03 .p-kid-list__item a {
 color: #ffff00;
 background: #000088;
 border-color: #ffff00;
}

body.thema-color03 .p-kid-list__item a:hover {
 background: #0000ff;
}

body.font-size01 .p-kid-list,
body.font-size02 .p-kid-list {
 display: block;
}

body.font-size01 .p-kid-list__item,
body.font-size02 .p-kid-list__item {
 width: 100%;
}

.p-kid__date {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}

.p-kid__date__img {
 position: relative;
 border-radius: 52px;
 background-color: #ffffff;
 width: 104px;
 height: 104px;
 min-width: 104px;
 min-height: 104px;
}

.p-kid__date__img img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-align: center;
}

.p-kid__date__txt {
 padding-left: 20px;
}

@media (max-width: 599px) {
 .p-kid_left_information {
  display: inline;
 }

 .p-kid_left_information img {
  float: left;
 }

 .p-kid-list {
  display: block;
  padding-left: 0;
 }

 .p-kid-list__item {
  width: 100%;
  margin-bottom: 20px;
 }

 .p-kid__date__img {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
 }

 .p-kid__date__txt {
  padding-left: 10px;
 }

 .p-kid_center_information p img {
  float: center;
  margin: 1em 0 0 0;
 }
}

/*--------------------------------------------------------------
project | other
--------------------------------------------------------------*/
.p_other_title__headline01 {
 background: #9bcfda;
}

.p_other_title__headline02 {
 padding: 0.5em 1em;
 border-radius: 10px 10px 0 0;
 border-bottom: 4px solid #9bcfda;
 background: #d2ecf2;
}

body.thema-color01 .p_other_title__headline02 {
 border-bottom-color: #ffffff;
 background: #333333;
}

body.thema-color02 .p_other_title__headline02 {
 border-bottom-color: #000000;
 background: #fffccc;
}

body.thema-color03 .p_other_title__headline02 {
 border-bottom-color: #ffff00;
 background: #0000ff;
}

.p-list__other__sitemap {
 width: 100%;
}

.p-list__other__sitemap h2 {
 margin: 2em 0 1em;
 font-weight: bold;
 border-bottom: 2px dotted #ccc;
}

.p-list__other__sitemap h2:first-child {
 margin-top: 0;
}

.p-list__other__sitemap li {
 position: relative;
 padding-left: 10px;
 margin-left: 1em;
}

.p-list__other__sitemap li::before {
 content: "";
 position: absolute;
 top: .4em;
 left: 0;
 width: 0;
 height: 0;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent transparent #3b475a;
}

body.thema-color01 .p-list__other__sitemap__title {
 border-bottom-color: #ffffff;
}

body.thema-color01 .p-list__other__sitemap li::before {
 border-left-color: #ffffff;
}

body.thema-color02 .p-list__other__sitemap__title {
 border-bottom-color: #000000;
}

body.thema-color02 .p-list__other__sitemap li::before {
 border-left-color: #000000;
}

body.thema-color03 .p-list__other__sitemap__title {
 border-bottom-color: #ffff00;
}

body.thema-color03 .p-list__other__sitemap li::before {
 border-left-color: #ffff00;
}

body.font-size01 .p-list__other__sitemap h2 {
 margin-right: 20px;
 margin-left: 20px;
}

body.font-size01 .p-list__other__sitemap li {
 padding-left: 20px;
}

body.font-size01 .p-list__other__sitemap li::before {
 border-width: 10px;
}

body.font-size02 .p-list__other__sitemap h2 {
 margin-right: 20px;
 margin-left: 20px;
}

body.font-size02 .p-list__other__sitemap li {
 padding-left: 30px;
}

body.font-size02 .p-list__other__sitemap li::before {
 border-width: 15px;
}

.p-other__inner {
 overflow: hidden;
}

.p-other__inner p {
 overflow: hidden;
 margin-bottom: 1em;
}

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

.p-other__inner p:last-child {
 margin-bottom: 0;
}

.p-other__inner h3 {
 background: #d2ecf2;
 border-radius: 10px;
 padding: .5em 1em;
 margin: 20px 0;
}

.p-other__inner .strong {
 font-weight: bold;
}

.p-other__inner .a_center {
 text-align: center;
}

.p-other__inner hr {
 border-top-width: 2px;
}

body.thema-color01 .p-other__inner h3 {
 background: #333333;
}

body.thema-color02 .p-other__inner h3 {
 background: #fffccc;
}

body.thema-color03 .p-other__inner h3 {
 background: #0000ff;
}

.p-other__pictogram-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -moz-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 width: 100%;
}

.p-other__pictogram-list:last-child {
 margin-bottom: -30px;
}

.p-other__pictogram-list__item {
 width: calc((100% - 80px) / 2);
 margin-bottom: 30px;
}

body.font-size02 .p-other__pictogram-list {
 display: block;
}

body.font-size02 .p-other__pictogram-list__item {
 width: 100%;
}

.p-other__pictogram__date__img {
 width: 60px;
}

.p-other__pictogram__date__txt {
 width: 100%;
 padding-left: 20px;
 -ms-flex: 0 1 auto;
}

.p-other__pictogram__date__txt dt {
 font-weight: bold;
}

.p-other__list-style01 ul {
 margin-bottom: 1em;
}

.p-other__list-style01 li {
 position: relative;
 padding-left: 15px;
 margin-left: 1em;
}

.p-other__list-style01 li:before {
 content: "";
 position: absolute;
 top: .4em;
 left: 0;
 width: 10px;
 height: 10px;
 background-color: #9bcfda;
 border-radius: 50%;
}

body.thema-color01 .p-other__list-style01 li:before {
 background-color: #ffffff;
}

body.thema-color02 .p-other__list-style01 li:before {
 background-color: #000000;
}

body.thema-color03 .p-other__list-style01 li:before {
 background-color: #ffff00;
}

body.font-size01 .p-other__list-style01 li {
 padding-left: 25px;
}

body.font-size01 .p-other__list-style01 li:before {
 top: .5em;
 width: 14px;
 height: 14px;
}

body.font-size02 .p-other__list-style01 li {
 padding-left: 30px;
}

body.font-size02 .p-other__list-style01 li:before {
 top: .5em;
 width: 18px;
 height: 18px;
}

.p-other__guide-list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -moz-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 width: 100%;
}

.p-other__guide-list:last-child {
 margin-bottom: -30px;
}

.p-other__guide-list__item {
 width: calc((100% - 30px) / 2);
 margin-bottom: 30px;
}

.p-other__guide-list__item dt {
 font-weight: bold;
 text-align: center;
}

.p-other__siteinfo {
 margin-bottom: 2em;
}

.p-other__siteinfo:last-child {
 margin-bottom: 0;
}

/* # tab and sp */
@media only screen and (max-width: 1079px) {
 .p-other__pictogram-list {
  display: block;
 }

 .p-other__pictogram-list__item {
  width: 100%;
 }

 .p-other__guide-list {
  display: block;
 }

 .p-other__guide-list__item {
  width: 100%;
 }
}

/*--------------------------------------------------------------
project | print
--------------------------------------------------------------*/
@media print {

 .c-modal,
 .l-header__anav,
 .l-breadcrumbs,
 .l-header__gnav,
 .l-footer,
 .c-btn__pageback,
 .p-details__btn__print,
 .p-details__search__advanced {
  display: none;
 }

 .l-main__container__inner {
  padding: 0;
  background: #fff;
 }

 .c-box__inner {
  padding: 0;
  background: #fff;
 }

 .c-title__headline01, .c-title__headline02, .c-title__headline05, body.thema-color01 .c-title__headline05, body.thema-color02 .c-title__headline05, body.thema-color03 .c-title__headline05 {
  border: 1px solid #fbb63d;
 }

 .p-details__basic-information {
  display: block;
 }

 .p-details__table__info {
  margin-left: 0;
 }

 .c-map__search__item {
  display: block;
 }

 .c-map__search-list {
  height: auto;
  padding-left: 0;
  overflow-y: visible;
 }

 .p-details__list__search-map {
  max-width: 100%;
 }

 .p-details__remarks__title {
  border: 1px solid #AAD8E1;
 }

 .p-details__tab__head {
  border-radius: 20px;
  background: #fff;
 }

 .p-details__tab__title {
  padding: 10px 5px;
  border-radius: 20px;
  text-align: center;
  background: #E9DFC7;
  margin-bottom: 0;
  border: 1px solid #E9DFC7;
 }

 .c-map__search__title {
  border: 1px solid #E9DFC7;
 }

 .c-tab__item {
  display: block;
 }

 .c-tab__switch {
  display: block;
  padding: 0;
 }

 .c-tab__switch__label {
  background: #fff;
 }

 .c-tab__switch input:checked+label {
  background: #fff;
 }

 .p-details__tab__switch .p-details__tab__item {
  padding-top: 1em;
  border-radius: 0;
  background: #fff;
 }

 .p-details__tab__switch:before {
  display: none;
 }

 .p-details__tab__switch__label {
  display: block;
  min-height: auto;
  margin: 0;
  border-radius: 0;
  border-bottom: 4px solid #E9DFC7;
  text-align: left;
  font-weight: bold;
  width: 100%;
 }

 input:checked+.p-details__tab__switch__label {
  width: 100%;
  border-bottom: 4px solid #E9DFC7;
  font-weight: bold;
 }

 .p-details__list__facility {
  background: #fff;
  display: block;
  width: 100%;
  margin-bottom: 1em;
  padding: 0;
 }

 .p-details__list__facility__set {
  background: #fff;
  width: 100%;
  margin: 0 0 1em 0;
  padding: 0 1em;
 }

 .p-details__list__facility__set__data__inner {
  padding: 0;
 }

 .p-details__list__facility__title {
  margin-left: 1em;
  width: calc(100% - 2em);
  background: #fff;
 }

 .c-slide__switch .thumbnail {
  background: #fff;
 }

 .c-slide__switch input:checked+label {
  border: none;
 }

 .c-slide__switch input[type="radio"]:checked+label+.c-slide__item {
  display: none;
 }

 .c-slide__next,
 .c-slide__back {
  display: none;
 }

 .p-details__slide__img,
 .p-details__slide__caption {
  display: none;
 }

 .p-details__table__item a {
  text-decoration: none;
 }

 .p-details__table__item__link-print a[href]::after {
  content: ""attr(href) "";
 }

 .p-details__table__item__link-print span,
 .p-details__table__item__link-print img {
  display: none;
 }

 body.thema-color01,
 body.thema-color02,
 body.thema-color03 {
  color: #000000;
  background: #ffffff;
 }

 body.thema-color01 a,
 body.thema-color02 a,
 body.thema-color03 a {
  color: #000000;
 }

 body.thema-color01 .c-title__headline01, body.thema-color01 .c-title__headline02, body.thema-color01 .c-title__headline05,
 body.thema-color02 .c-title__headline01,
 body.thema-color02 .c-title__headline02, body.thema-color02 .c-title__headline05,
 body.thema-color03 .c-title__headline01,
 body.thema-color03 .c-title__headline02, body.thema-color03 .c-title__headline05 {
  border-color: #000000;
  background: #ffffff;
 }

 body.thema-color01 .p-details__table__inner,
 body.thema-color02 .p-details__table__inner,
 body.thema-color03 .p-details__table__inner {
  border-color: #000000;
  background: #ffffff;
 }

 body.thema-color01 .p-details__table__inner:first-child,
 body.thema-color02 .p-details__table__inner:first-child,
 body.thema-color03 .p-details__table__inner:first-child {
  border-top-color: #000000;
 }

 body.thema-color01 .p-details__table__inner:last-child,
 body.thema-color02 .p-details__table__inner:last-child,
 body.thema-color03 .p-details__table__inner:last-child {
  border-bottom-color: #000000;
 }

 body.thema-color01 .p-details__table__title,
 body.thema-color02 .p-details__table__title,
 body.thema-color03 .p-details__table__title {
  border-right-color: #000000;
  background: #ffffff;
 }

 body.thema-color01 .p-details__tab__head,
 body.thema-color02 .p-details__tab__head,
 body.thema-color03 .p-details__tab__head {
  background: #ffffff;
  border: none;
 }

 body.thema-color01 .p-details__remarks,
 body.thema-color02 .p-details__remarks,
 body.thema-color03 .p-details__remarks {
  background: #ffffff;
 }

 body.thema-color01 .p-details__remarks__title,
 body.thema-color02 .p-details__remarks__title,
 body.thema-color03 .p-details__remarks__title {
  border-color: #000000;
  background: #ffffff;
 }

 body.thema-color01 .p-details__tab__title,
 body.thema-color02 .p-details__tab__title,
 body.thema-color03 .p-details__tab__title {
  border-color: #000000;
  background: #ffffff;
 }

 body.thema-color01 .p-details__list__facility__set__title,
 body.thema-color02 .p-details__list__facility__set__title,
 body.thema-color03 .p-details__list__facility__set__title {
  background: #ffffff;
 }

 body.thema-color01 .p-details__list__facility__set__title>span,
 body.thema-color02 .p-details__list__facility__set__title>span,
 body.thema-color03 .p-details__list__facility__set__title>span {
  border-color: #000000;
 }

 body.thema-color01 .p-details__list__facility__title,
 body.thema-color02 .p-details__list__facility__title,
 body.thema-color03 .p-details__list__facility__title {
  border-color: #000000;
  border-width: 2px;
 }

 body.thema-color01 .c-map__search__title,
 body.thema-color02 .c-map__search__title,
 body.thema-color03 .c-map__search__title {
  border-color: #000000;
  background: #ffffff;
 }

 body.thema-color01 .p-details__tab__switch .p-details__tab__item,
 body.thema-color02 .p-details__tab__switch .p-details__tab__item,
 body.thema-color03 .p-details__tab__switch .p-details__tab__item {
  background: #ffffff;
 }

 body.thema-color01 .p-details__tab__switch:before,
 body.thema-color02 .p-details__tab__switch:before,
 body.thema-color03 .p-details__tab__switch:before {
  background: #ffffff;
  border-bottom-color: #000000;
 }

 body.thema-color01 .p-details__tab__switch__label,
 body.thema-color02 .p-details__tab__switch__label,
 body.thema-color03 .p-details__tab__switch__label {
  border-bottom-color: #000000;
  border-top: none;
  border-right: none;
  border-left: none;
 }

 body.thema-color01 .c-tab__switch__label,
 body.thema-color02 .c-tab__switch__label,
 body.thema-color03 .c-tab__switch__label {
  background: #fff;
 }

 body.thema-color01 .c-tab__switch input:checked+label,
 body.thema-color02 .c-tab__switch input:checked+label,
 body.thema-color03 .c-tab__switch input:checked+label {
  background: #fff;
  border-bottom-color: #000000;
 }

 body.thema-color01 .c-slide__switch .thumbnail,
 body.thema-color02 .c-slide__switch .thumbnail,
 body.thema-color03 .c-slide__switch .thumbnail {
  border: 8px solid #ffffff;
 }

 body.thema-color01 .c-slide__switch input:checked+label,
 body.thema-color02 .c-slide__switch input:checked+label,
 body.thema-color03 .c-slide__switch input:checked+label {
  border: 8px solid #ffffff;
 }

 .c-gallery__switch__label {
  display: none;
 }

 input[type="radio"].switch__gallery:checked+label+.c-gallery__item+input+label {
  display: none;
 }

 .c-gallery__item input,
 .c-gallery__item label {
  display: block;
 }

 .c-slide__switch {
  position: relative;
  min-height: auto;
  height: auto;
  display: block;
 }

 .c-slide__switch img {
  position: relative;
  min-height: auto;
  height: auto;
  display: block;
 }

 .c-gallery__item {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
 }


 .c-slide__switch .thumbnail img {
  position: relative;
  transform: unset;
  transform: translateX(-50%);
  width: 100%;
  height: inherit;
  max-width: 100%;
  max-height: 500px;
  object-fit: cover;
 }

 .c-slide__switch .thumbnail {
  position: relative;
  order: none;
  width: 100%;
  max-width: 100%;
  margin: auto 0;
  padding-bottom: 10px;
  border-radius: 0;
  border: none;
  background: #fff;
  z-index: 0;
  height: auto;
 }

 .c-map__search__title {
  margin-top: 30px;
 }

}

/*--------------------------------------------------------------
Utility
--------------------------------------------------------------*/
.mt0 {
 margin-top: 0px !important;
}

.mr0 {
 margin-right: 0px !important;
}

.mb0 {
 margin-bottom: 0px !important;
}

.ml0 {
 margin-left: 0px !important;
}

.pt0 {
 padding-top: 0px !important;
}

.pr0 {
 padding-right: 0px !important;
}

.pb0 {
 padding-bottom: 0px !important;
}

.pl0 {
 padding-left: 0px !important;
}

.mt5 {
 margin-top: 5px !important;
}

.mr5 {
 margin-right: 5px !important;
}

.mb5 {
 margin-bottom: 5px !important;
}

.ml5 {
 margin-left: 5px !important;
}

.pt5 {
 padding-top: 5px !important;
}

.pr5 {
 padding-right: 5px !important;
}

.pb5 {
 padding-bottom: 5px !important;
}

.pl5 {
 padding-left: 5px !important;
}

.mt10 {
 margin-top: 10px !important;
}

.mr10 {
 margin-right: 10px !important;
}

.mb10 {
 margin-bottom: 10px !important;
}

.ml10 {
 margin-left: 10px !important;
}

.pt10 {
 padding-top: 10px !important;
}

.pr10 {
 padding-right: 10px !important;
}

.pb10 {
 padding-bottom: 10px !important;
}

.pl10 {
 padding-left: 10px !important;
}

.mt15 {
 margin-top: 15px !important;
}

.mr15 {
 margin-right: 15px !important;
}

.mb15 {
 margin-bottom: 15px !important;
}

.ml15 {
 margin-left: 15px !important;
}

.pt15 {
 padding-top: 15px !important;
}

.pr15 {
 padding-right: 15px !important;
}

.pb15 {
 padding-bottom: 15px !important;
}

.pl15 {
 padding-left: 15px !important;
}

.mt20 {
 margin-top: 20px !important;
}

.mr20 {
 margin-right: 20px !important;
}

.mb20 {
 margin-bottom: 20px !important;
}

.ml20 {
 margin-left: 20px !important;
}

.pt20 {
 padding-top: 20px !important;
}

.pr20 {
 padding-right: 20px !important;
}

.pb20 {
 padding-bottom: 20px !important;
}

.pl20 {
 padding-left: 20px !important;
}

.mt25 {
 margin-top: 25px !important;
}

.mr25 {
 margin-right: 25px !important;
}

.mb25 {
 margin-bottom: 25px !important;
}

.ml25 {
 margin-left: 25px !important;
}

.pt25 {
 padding-top: 25px !important;
}

.pr25 {
 padding-right: 25px !important;
}

.pb25 {
 padding-bottom: 25px !important;
}

.pl25 {
 padding-left: 25px !important;
}

.mt30 {
 margin-top: 30px !important;
}

.mr30 {
 margin-right: 30px !important;
}

.mb30 {
 margin-bottom: 30px !important;
}

.ml30 {
 margin-left: 30px !important;
}

.pt30 {
 padding-top: 30px !important;
}

.pr30 {
 padding-right: 30px !important;
}

.pb30 {
 padding-bottom: 30px !important;
}

.pl30 {
 padding-left: 30px !important;
}

.mt35 {
 margin-top: 35px !important;
}

.mr35 {
 margin-right: 35px !important;
}

.mb35 {
 margin-bottom: 35px !important;
}

.ml35 {
 margin-left: 35px !important;
}

.pt35 {
 padding-top: 35px !important;
}

.pr35 {
 padding-right: 35px !important;
}

.pb35 {
 padding-bottom: 35px !important;
}

.pl35 {
 padding-left: 35px !important;
}

.mt40 {
 margin-top: 40px !important;
}

.mr40 {
 margin-right: 40px !important;
}

.mb40 {
 margin-bottom: 40px !important;
}

.ml40 {
 margin-left: 40px !important;
}

.pt40 {
 padding-top: 40px !important;
}

.pr40 {
 padding-right: 40px !important;
}

.pb40 {
 padding-bottom: 40px !important;
}

.pl40 {
 padding-left: 40px !important;
}

.mt45 {
 margin-top: 45px !important;
}

.mr45 {
 margin-right: 45px !important;
}

.mb45 {
 margin-bottom: 45px !important;
}

.ml45 {
 margin-left: 45px !important;
}

.pt45 {
 padding-top: 45px !important;
}

.pr45 {
 padding-right: 45px !important;
}

.pb45 {
 padding-bottom: 45px !important;
}

.pl45 {
 padding-left: 45px !important;
}

.mt50 {
 margin-top: 50px !important;
}

.mr50 {
 margin-right: 50px !important;
}

.mb50 {
 margin-bottom: 50px !important;
}

.ml50 {
 margin-left: 50px !important;
}

.pt50 {
 padding-top: 50px !important;
}

.pr50 {
 padding-right: 50px !important;
}

.pb50 {
 padding-bottom: 50px !important;
}

.pl50 {
 padding-left: 50px !important;
}

.u-mar__x__auto {
 margin-left: auto;
 margin-right: auto;
}

.u-font__bold {
 font-weight: bold;
}

@media screen and (min-width: 800px) {
 .clearBr {
  display: none;
 }
}

.u__modal03__list {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: end;
 -moz-box-pack: end;
 -ms-flex-pack: end;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 width: 100%;
 padding: 0 10px 10px 0;
}

.u__modal03__list img {
 width: 1.5em;
 height: auto;
 margin-right: 6px;
}

.u__modal03__list__skiplink,
#u__modal03__list__explanation {
 position: relative;
 top: 0;
 left: 0;
 width: 0;
 height: 0;
 overflow: hidden;
}

body.thema-color01 .u__modal03__list span {
 color: #ffffff;
 text-decoration-color: #ffffff;
}

body.thema-color02 .u__modal03__list span {
 color: #000000;
 text-decoration-color: #000000;
}

body.thema-color03 .u__modal03__list span {
 color: #ffff00;
 text-decoration-color: #ffff00;
}

/*--------------------------------------------------------------
# clearfix
--------------------------------------------------------------*/
.clearfix::after {
 content: "";
 display: block;
 clear: both;
}

/*--------------------------------------------------------------
# modal
--------------------------------------------------------------*/
.u-modal-empty__wrapper {
 width: auto;
}

/*--------------------------------------------------------------
# accordion
--------------------------------------------------------------*/
.accordion-group {
 width: 100%;
 margin: 20px 0 10px;
}

.c-acc__style01 .accordion-group__accordion-heading {
 pointer-events: none;
 margin: 0;
 width: 100%;
}

.c-acc__style01 .accordion-group__accordion-btn {
 width: 100%;
 pointer-events: auto;
 position: relative;
 padding: 10px 50px 10px 1em;
 font-weight: bold;
 font-size: 18px;
 font-size: 1.125rem;
 text-align: left;
 border-radius: 10px 10px 0 0;
 background-size: 28px 20px;
 background-image: url("../image/common/ico_triangle01_b.png");
 background-position: right 1em top 12px;
 background-repeat: no-repeat;
 background-color: transparent;
}

.c-acc__style01 .accordion-group__accordion-btn:hover {
 background-color: #fbf39f;
}

.c-acc__style01 .accordion-group__accordion-btn_expanded {
 background-image: url("../image/common/ico_triangle02_b.png");
 background-color: #fbf39f;
}

.c-acc__style02 .accordion-group__accordion-heading {
 pointer-events: none;
 margin: 0;
 width: 100%;
 text-align: center;
}

.c-acc__style02 .accordion-group__accordion-btn {
 pointer-events: auto;
 padding: 15px 100px;
 font-size: 18px;
 font-size: 1.125rem;
 color: #146BA6;
 text-decoration: none;
 border: 2px solid #146BA6;
 border-radius: 25px;
 background-size: 1.25em 1.25em;
 background-image: url("../image/common/ico_plus01.png");
 background-position: right 1em top 12px;
 background-repeat: no-repeat;
 background-color: transparent;
}

.c-acc__style02 .accordion-group__accordion-btn:hover {
 background-color: #d1deea;
}

.c-acc__style02 .accordion-group__accordion-btn_expanded {
 background-image: url("../image/common/ico_minus01.png");
}

.c-acc__style02 .c-acc__style01 .accordion-group__accordion-heading {
 text-align: center;
}

.c-acc__style02 .c-acc__style01 .accordion-group__accordion-btn {
 width: 100%;
 position: relative;
 padding: 10px 50px 10px 1em;
 font-weight: bold;
 text-align: left;
 border: none;
 border-radius: 10px 10px 0 0;
 background-image: url("../image/common/ico_triangle01_b.png");
 background-size: 28px 20px;
}

.c-acc__style02 .c-acc__style01 .accordion-group__accordion-btn:hover {
 background-color: #fbf39f;
}

.c-acc__style02 .c-acc__style01 .accordion-group__accordion-btn_expanded {
 background-image: url("../image/common/ico_triangle02_b.png");
 background-color: #fbf39f;
}

/* 文字サイズバリエーション */
body.font-size01 .accordion-group__accordion-btn {
 font-size: 32px;
 font-size: 2rem;
}

body.font-size02 .accordion-group__accordion-btn {
 font-size: 48px;
 font-size: 3rem;
}

/* 色変更バリエーション */
body.thema-color01 .accordion-group__accordion-btn {
 color: #ffffff;
 border-color: #ffffff;
}

body.thema-color01 .accordion-group__accordion-btn:hover {
 background-color: #333333 !important;
}

body.thema-color01 .accordion-group__accordion-btn_expanded {
 background-color: #333333 !important;
}

body.thema-color02 .accordion-group__accordion-btn {
 color: #000000;
 border-color: #000000;
}

body.thema-color02 .accordion-group__accordion-btn:hover {
 background-color: #fffccc !important;
}

body.thema-color02 .accordion-group__accordion-btn_expanded {
 background-color: #fffccc !important;
}

body.thema-color03 .accordion-group__accordion-btn {
 color: #ffff00;
 border-color: #ffff00;
}

body.thema-color03 .accordion-group__accordion-btn:hover {
 background-color: #0000ff !important;
}

body.thema-color03 .accordion-group__accordion-btn_expanded {
 background-color: #0000ff !important;
}