@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

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

.font-size--x-small, .ui-btn.mini, .ui-hint, .ui-ef-checked {
  font-size: 11px;
  font-size: 1.1rem;
}

.font-size--small, .ui-btn.small, .ui-alert.small p, .ui-callout.small p, .ui-unit, .ui-ef-error, table.table.small th,
table.table.small td {
  font-size: 12px;
  font-size: 1.2rem;
}

.font-size--normal {
  font-size: 14px;
  font-size: 1.4rem;
}

.font-size--medium {
  font-size: 15.5px;
  font-size: 1.55rem;
}

.font-size--large, .ui-btn.full, .ui-btn.large, .ui-alert h1,
.ui-alert h2,
.ui-alert h3,
.ui-alert h4,
.ui-alert h5,
.ui-alert h6, .ui-callout h1,
.ui-callout h2,
.ui-callout h3,
.ui-callout h4,
.ui-callout h5,
.ui-callout h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

.font-size--x-large {
  font-size: 18px;
  font-size: 1.8rem;
}

.font-size--xx-large {
  font-size: 20px;
  font-size: 2rem;
}

.font-size--xxx-large {
  font-size: 28px;
  font-size: 2.8rem;
}

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#FontAwesome") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP-Light-subset;
  src: url("/common/fonts/NotoSansJP-Light-subset.eot");
  src: url("/common/fonts/NotoSansJP-Light-subset.eot?#iefix") format("embedded-opentype"), url("/common/fonts/NotoSansJP-Light-subset.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP-Thin-subset;
  src: url("/common/fonts/NotoSansJP-Thin-subset.eot");
  src: url("/common/fonts/NotoSansJP-Thin-subset.eot?#iefix") format("embedded-opentype"), url("/common/fonts/NotoSansJP-Thin-subset.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP-Regular-subset;
  src: url("/common/fonts/NotoSansJP-Regular-subset.eot");
  src: url("/common/fonts/NotoSansJP-Regular-subset.eot?#iefix") format("embedded-opentype"), url("/common/fonts/NotoSansJP-Regular-subset.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP-Medium-subset;
  src: url("/common/fonts/NotoSansJP-Medium-subset.eot");
  src: url("/common/fonts/NotoSansJP-Medium-subset.eot?#iefix") format("embedded-opentype"), url("/common/fonts/NotoSansJP-Medium-subset.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP-Bold-subset;
  src: url("/common/fonts/NotoSansJP-Bold-subset.eot");
  src: url("/common/fonts/NotoSansJP-Bold-subset.eot?#iefix") format("embedded-opentype"), url("/common/fonts/NotoSansJP-Bold-subset.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP-Black-subset;
  src: url("/common/fonts/NotoSansJP-Regular-subset.eot");
  src: url("/common/fonts/NotoSansJP-Regular-subset.eot?#iefix") format("embedded-opentype"), url("/common/fonts/NotoSansJP-Regular-subset.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.ui-btn {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(#fafafa, #eeeeee);
  background-image: -webkit-linear-gradient(#fafafa, #eeeeee);
  background-image: linear-gradient(#fafafa, #eeeeee);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  padding: 0.8rem 10px;
  vertical-align: middle;
  line-height: 100%;
  background-color: #dadae9;
  cursor: pointer;
  color: #bbbbbb;
  position: relative;
  border: 1px solid #cacadf;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
}
.ui-btn:link, .ui-btn:active, .ui-btn:visited, .ui-btn:hover {
  text-decoration: none !important;
  background-color: #eaeaf2;
  color: #525252 !important;
}
.ui-btn:hover {
  -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
  border-bottom-color: #babad6;
}
.ui-btn:active {
  background-image: none;
}
.ui-btn.primary, .ui-btn.cv, .ui-btn.success, .ui-btn.warning, .ui-btn.danger, .ui-btn.facebook {
  color: #FFF;
}
.ui-btn.primary:link, .ui-btn.primary:active, .ui-btn.primary:visited, .ui-btn.primary:hover, .ui-btn.cv:link, .ui-btn.cv:active, .ui-btn.cv:visited, .ui-btn.cv:hover, .ui-btn.success:link, .ui-btn.success:active, .ui-btn.success:visited, .ui-btn.success:hover, .ui-btn.warning:link, .ui-btn.warning:active, .ui-btn.warning:visited, .ui-btn.warning:hover, .ui-btn.danger:link, .ui-btn.danger:active, .ui-btn.danger:visited, .ui-btn.danger:hover, .ui-btn.facebook:link, .ui-btn.facebook:active, .ui-btn.facebook:visited, .ui-btn.facebook:hover {
  text-decoration: none;
  color: #FFF !important;
}
.ui-btn.primary {
  background-color: #003894;
  border: 1px solid #003080;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2VhMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzg5NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #003ea3), color-stop(100%, #003894));
  background-image: -moz-linear-gradient(#003ea3, #003894);
  background-image: -webkit-linear-gradient(#003ea3, #003894);
  background-image: linear-gradient(#003ea3, #003894);
}
.ui-btn.primary:hover {
  background-color: #0042ae;
  border: 1px solid #003080;
}
.ui-btn.facebook {
  background-color: #3B589E;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNWVhOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNiNTg5ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f5ea9), color-stop(100%, #3b589e));
  background-image: -moz-linear-gradient(#3f5ea9, #3b589e);
  background-image: -webkit-linear-gradient(#3f5ea9, #3b589e);
  background-image: linear-gradient(#3f5ea9, #3b589e);
  border: 1px solid #2d4379;
}
.ui-btn.facebook:hover {
  border: 1px solid #35508f;
}
.ui-btn.facebook::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: "FontAwesome" !important;
}
.ui-btn.facebook:before {
  border-right: 1px solid #748dcb;
  padding-right: 14px;
  margin-right: 16px;
}
.ui-btn.cv {
  background-color: #f08300;
  border: 1px solid #dc7800;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwODMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff8b00), color-stop(100%, #f08300));
  background-image: -moz-linear-gradient(#ff8b00, #f08300);
  background-image: -webkit-linear-gradient(#ff8b00, #f08300);
  background-image: linear-gradient(#ff8b00, #f08300);
}
.ui-btn.cv:hover {
  background-color: #ff900b;
  border: 1px solid #dc7800;
}
.ui-btn.success {
  background-color: #37b48c;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiYzA5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3YjQ4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3bc095), color-stop(100%, #37b48c));
  background-image: -moz-linear-gradient(#3bc095, #37b48c);
  background-image: -webkit-linear-gradient(#3bc095, #37b48c);
  background-image: linear-gradient(#3bc095, #37b48c);
  border: 1px solid #32a480;
}
.ui-btn.success:hover {
  background-color: #40c59a;
  border: 1px solid #32a480;
}
.ui-btn.warning {
  background-color: #E3B10B;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYmMwYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzYjEwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2bc0c), color-stop(100%, #e3b10b));
  background-image: -moz-linear-gradient(#f2bc0c, #e3b10b);
  background-image: -webkit-linear-gradient(#f2bc0c, #e3b10b);
  background-image: linear-gradient(#f2bc0c, #e3b10b);
  border: 1px solid #d0a20a;
}
.ui-btn.warning:hover {
  background-color: #f4c014;
  border: 1px solid #d0a20a;
}
.ui-btn.danger {
  background-color: #D6000F;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1MDAxMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2MDAwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e50010), color-stop(100%, #d6000f));
  background-image: -moz-linear-gradient(#e50010, #d6000f);
  background-image: -webkit-linear-gradient(#e50010, #d6000f);
  background-image: linear-gradient(#e50010, #d6000f);
  border: 1px solid #c2000e;
}
.ui-btn.danger:hover {
  background-color: #f00011;
  border: 1px solid #c2000e;
}
.ui-btn.full {
  padding: 12px 0px;
  line-height: 100%;
  width: 100%;
}
.ui-btn.large {
  padding: 8px 16px;
  line-height: 100%;
}
.ui-btn.small {
  padding: 4px 10px;
  line-height: 100%;
}
.ui-btn.mini {
  padding: 3px 6px;
  line-height: 100%;
}

.ui-btn-group {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  min-height: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0;
  position: relative;
}
.ui-btn-group:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .ui-btn-group {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}
.ui-btn-group .ui-btn {
  margin: 0;
  margin-left: -1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset;
  float: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 1;
}
.ui-btn-group .ui-btn:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0;
}
.ui-btn-group .ui-btn:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ui-btn-group .ui-btn:hover {
  z-index: 2;
}
.ui-btn-group .ui-btn:active {
  background-image: none;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px;
  text-shadow: none;
  z-index: 4;
}
.ui-btn-group .ui-btn.active {
  color: #FFF;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.2)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  background: #003894;
  border: 1px solid #002e7b;
  z-index: 3;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset;
}
.ui-btn-group .ui-btn.active:link, .ui-btn-group .ui-btn.active:active, .ui-btn-group .ui-btn.active:visited, .ui-btn-group .ui-btn.active:hover {
  text-decoration: none;
  color: #FFF;
}
.ui-btn-group .ui-btn.active:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0.05)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px;
}
.ui-btn-group .ui-btn.active:active {
  background-image: none;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px;
}

.ui-btn--close {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.ui-btn--close::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 85%;
  font-family: "FontAwesome" !important;
}
.ui-btn--close:link {
  text-decoration: none;
}
.ui-btn--close span {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

html {
  font-size: 62.5%;
}

body {
  color: #383838;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 6px solid #003670;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
    background-size: 128px;
    font-family: Lato, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #f9fbfe;
  }
}

a:link {
  color: #003670;
}
a:visited {
  color: #003670;
}
a:hover {
  color: #003670;
}
a:active {
  color: #003670;
}

address {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}

code {
  border: 1px solid #d9d9d9;
  background: #f2f2f2;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 2px;
  margin: 0 2px;
  color: #D6000F;
  font-size: 85%;
  white-space: nowrap;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace, meiryo;
  vertical-align: baseline;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 32px 0;
}

pre {
  display: block;
  padding: 8px;
  line-height: 146%;
  color: #999999;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #fcfcfc;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  tab-size: 4;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.ui-icon.i-info::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-warning::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-error::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-success::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-popup::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-car::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-tag::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-tags::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-bullhorn::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-calculator::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: inherit;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-stuff {
  background-image: url("../img/ico/ico-girl.png");
}
.ui-icon.i-check::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-marker::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-error-2::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-ng::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-ban::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-print::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-search::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-phone::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-down::after {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-up::after {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-home::after {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: "FontAwesome" !important;
}
.ui-icon.i-range::before {
  content: "～";
  font-size: 14px;
}
.ui-icon.i-14, .ui-icon.i-16, .ui-icon.i-24, .ui-icon.i-32 {
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.ui-icon.i-14 {
  width: 14px;
  height: 14px;
}
.ui-icon.i-14::before {
  font-size: 14px;
}
.ui-icon.i-16 {
  width: 16px;
  height: 16px;
}
.ui-icon.i-16::before {
  font-size: 16px;
}
.ui-icon.i-24 {
  width: 24px;
  height: 24px;
}
.ui-icon.i-24::before {
  font-size: 24px;
}
.ui-icon.i-32 {
  width: 32px;
  height: 32px;
}
.ui-icon.i-32::before {
  font-size: 32px;
}

@media only screen and (min-width: 768px) {
  .wrapper::before {
    content: '';
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    width: 100%;
    height: 250px;
    background-size: 100% 250px;
    z-index: -1;
    background-color: #efe9e3;
  }
}

@media only screen and (min-width: 768px) {
  .header {
    position: fixed;
    top: 0;
    left: 50%;
    width: 220px;
    margin: 0 12px;
    margin-left: -476px;
    z-index: 1;
    height: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .container {
    width: 976px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .breadcrumbs {
    width: 976px;
    margin: 24px auto;
  }
}

@media only screen and (min-width: 768px) {
  .footer {
    width: 976px;
    margin: 0 auto;
  }
}

.header {
  background-color: #f2f4f5;
  padding: 14px 0;
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) {
  .header {
    background-color: inherit;
    background-color: white;
  }
}
.header .header__logo {
  text-align: center;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  .header .header__logo {
    margin: 48px 0;
  }
}
.header .header__logo img {
  width: 50%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .header .header__logo img {
    width: 80%;
    height: auto;
  }
}

.footer {
  background-color: #f2f4f5;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 8px;
}
@media only screen and (min-width: 768px) {
  .footer {
    background-color: inherit;
    padding-top: 12px;
  }
  .footer .inner {
    margin-left: 256px;
    margin-right: 24px;
  }
}
.footer .address {
  padding-top: 8px;
  margin: 0 8px;
}
@media only screen and (min-width: 768px) {
  .footer .address {
    padding-top: 12px;
    margin: 0;
  }
}
.footer .email {
  margin: 0 8px;
  margin-top: 8px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .footer .email {
    margin: 0;
    margin-top: 12px;
    margin-bottom: 24px;
  }
}
.footer .address, .footer .email {
  min-height: 1;
  line-height: 146%;
}
.footer .address:after, .footer .email:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .footer .address, * html .footer .email {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}
.footer .address dt, .footer .email dt {
  width: 30%;
  float: left;
}
.footer .address dd, .footer .email dd {
  margin-left: 30%;
}
@media only screen and (min-width: 768px) {
  .footer .address, .footer .email {
    text-align: right;
  }
  .footer .address dt,
  .footer .address dd, .footer .email dt,
  .footer .email dd {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: inherit;
  }
  .footer .address dt, .footer .email dt {
    margin-right: 1.5em;
    float: none;
  }
  .footer .address dt:nth-of-type(n+2):before, .footer .email dt:nth-of-type(n+2):before {
    margin-left: auto;
  }
  .footer .address dd, .footer .email dd {
    margin-right: 4px;
  }
  .footer .address dd:last-child, .footer .email dd:last-child {
    margin-right: 0;
  }
}
.footer .copyright {
  font-size: 10px;
  font-size: 1rem;
  background-color: #d5dcdf;
  padding: 16px 8px;
}
@media only screen and (min-width: 768px) {
  .footer .copyright {
    padding: 24px 0;
    background-color: inherit;
    text-align: right;
    border-top: 1px solid #d9d9d9;
  }
}

@media only screen and (min-width: 768px) {
  .main {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    margin-left: 256px;
    margin-right: 24px;
    margin-top: 24px;
    background-color: white;
  }
}

.m-cnt__header {
  background-color: #335e8d;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 120px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .m-cnt__header {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
  }
}

.m-cnt__title {
  font-size: 20px;
  font-size: 2rem;
  color: white;
  font-weight: bold;
  text-align: center;
}
.m-cnt__title i {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 8px;
  vertical-align: middle;
  margin-bottom: 3px;
}
.m-cnt__title i img {
  max-height: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .m-cnt__title {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: inherit;
  }
}

.m-cnt__body {
  margin: 32px 10px;
}
.m-cnt__body p {
  margin: 12px 0;
  line-height: 146%;
  text-indent: 1em;
}
@media only screen and (min-width: 768px) {
  .m-cnt__body {
    margin: 32px;
  }
}

.ui-more {
  text-align: center;
}
.ui-more__act {
  border: 1px solid #003670;
  padding: 12px 0;
  width: 80%;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.ui-top {
  text-align: center;
  border-top: 1px solid #f2f2f2;
}
.ui-top__act {
  padding: 12px 0;
  text-decoration: none;
  display: block;
}
.ui-top__act::after {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0px;
  margin-left: 8px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
@media only screen and (min-width: 768px) {
  .ui-top .ui-top__act:hover {
    background: #f8feff;
  }
}

.ui-label, .ui-ef-description-list dt {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #999999;
  font-size: 71.428571428%;
  color: #FFF;
  font-weight: 600;
  padding: 4px;
  vertical-align: middle;
  line-height: 100%;
  text-align: center;
  box-sizing: border-box;
}
.ui-label.info, .ui-ef-description-list dt.info {
  background: #003894;
}
.ui-label.important, .ui-ef-description-list dt.important {
  background: #D6000F;
}
.ui-label.success, .ui-ef-description-list dt.success {
  background: #37b48c;
}
.ui-label.warning, .ui-ef-description-list dt.warning {
  background: #E3B10B;
}
.ui-label.smoke, .ui-ef-description-list dt.smoke {
  padding: 3px;
  border: 1px solid #003894;
  color: #003894;
  text-shadow: none;
  background: #b3d0ff;
}
.ui-label.no-smoke, .ui-ef-description-list dt.no-smoke {
  padding: 3px;
  border: 1px solid #D6000F;
  color: #D6000F;
  text-shadow: none;
  background: #ffe5e7;
}
.ui-label.required, .ui-ef-description-list dt.required {
  background: #ff3d4b;
  margin-left: 12px;
}
.ui-label.optional, .ui-ef-description-list dt.optional {
  margin-left: 12px;
  background: #005ffa;
}

.ui-badge {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2);
  background: #999999;
  font-size: 85%;
  color: #FFF;
  font-weight: 600;
  padding: 3px 5px;
  vertical-align: middle;
  line-height: 100%;
  text-align: center;
}
.ui-badge.info {
  background: #003894;
}
.ui-badge.important {
  background: #D6000F;
}
.ui-badge.success {
  background: #37b48c;
}
.ui-badge.warning {
  background: #E3B10B;
}
.ui-badge.smoke {
  padding: 3px;
  border: 1px solid #003894;
  color: #003894;
  text-shadow: none;
  background: #b3d0ff;
}
.ui-badge.no-smoke {
  padding: 3px;
  border: 1px solid #D6000F;
  color: #D6000F;
  text-shadow: none;
  background: #ffe5e7;
}
.ui-badge.required {
  background: #ff3d4b;
  margin-left: 12px;
}
.ui-badge.optional {
  margin-left: 12px;
  background: #005ffa;
}

.ui-alert-list li {
  margin: 4px 0;
  position: relative;
  margin-left: 24px;
  line-height: 20px;
}
.ui-alert-list .warning:before,
.ui-alert-list .error:before,
.ui-alert-list .success:before,
.ui-alert-list .info:before {
  position: absolute;
  top: 0px;
  left: -24px;
}
.ui-alert-list .warning {
  color: #E3B10B;
}
.ui-alert-list .warning::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
.ui-alert-list .error {
  color: #D6000F;
}
.ui-alert-list .error::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
.ui-alert-list .success {
  color: #37b48c;
}
.ui-alert-list .success::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}
.ui-alert-list .info {
  color: #003894;
}
.ui-alert-list .info::before {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: "FontAwesome" !important;
}

.ui-alert {
  line-height: 146%;
  margin: 16px auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 0 1 rgba(255, 255, 255, 0.03);
  padding: 16px;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
}
.ui-alert.warning {
  background: #fef7e0;
  border: 1px solid #fcf0c8;
  color: #E3B10B;
}
.ui-alert.warning h1,
.ui-alert.warning h2,
.ui-alert.warning h3,
.ui-alert.warning h4,
.ui-alert.warning h5,
.ui-alert.warning h6 {
  color: #E3B10B;
}
.ui-alert.error {
  background: #ffd6d9;
  border: 1px solid #ffbdc1;
  color: #D6000F;
}
.ui-alert.error h1,
.ui-alert.error h2,
.ui-alert.error h3,
.ui-alert.error h4,
.ui-alert.error h5,
.ui-alert.error h6 {
  color: #D6000F;
}
.ui-alert.success {
  background: #f0faf7;
  border: 1px solid #dcf4ed;
  color: #37b48c;
}
.ui-alert.success h1,
.ui-alert.success h2,
.ui-alert.success h3,
.ui-alert.success h4,
.ui-alert.success h5,
.ui-alert.success h6 {
  color: #37b48c;
}
.ui-alert.info {
  background: #94bcff;
  border: 1px solid #7badff;
  color: #003894;
}
.ui-alert.info h1,
.ui-alert.info h2,
.ui-alert.info h3,
.ui-alert.info h4,
.ui-alert.info h5,
.ui-alert.info h6 {
  color: #003894;
}
.ui-alert:first-child {
  margin-top: 0;
}
.ui-alert:last-child {
  margin-bottom: 0;
}
.ui-alert h1,
.ui-alert h2,
.ui-alert h3,
.ui-alert h4,
.ui-alert h5,
.ui-alert h6 {
  font-weight: bold;
  margin: 0 0 8px !important;
}
.ui-alert p,
.ui-alert ul,
.ui-alert li {
  padding: 0;
  margin: 0 !important;
  margin-bottom: 8px;
}
.ui-alert p:last-child,
.ui-alert ul:last-child,
.ui-alert li:last-child {
  margin-bottom: 0;
}
.ui-alert dl dt {
  font-weight: bold;
  margin-bottom: 4px;
}
.ui-alert.small {
  padding: 10px;
}

.ui-callout {
  line-height: 146%;
  margin: 16px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 0 1 rgba(255, 255, 255, 0.03);
  padding: 16px;
  background: #FFF;
  border: 1px solid #d9d9d9;
  border-left: 5px solid #999999;
  clear: both;
}
.ui-callout.warning {
  border-left-color: #E3B10B;
}
.ui-callout.warning h1,
.ui-callout.warning h2,
.ui-callout.warning h3,
.ui-callout.warning h4,
.ui-callout.warning h5,
.ui-callout.warning h6 {
  color: #E3B10B;
}
.ui-callout.important {
  border-left-color: #D6000F;
}
.ui-callout.important h1,
.ui-callout.important h2,
.ui-callout.important h3,
.ui-callout.important h4,
.ui-callout.important h5,
.ui-callout.important h6 {
  color: #D6000F;
}
.ui-callout.success {
  border-left-color: #37b48c;
}
.ui-callout.success h1,
.ui-callout.success h2,
.ui-callout.success h3,
.ui-callout.success h4,
.ui-callout.success h5,
.ui-callout.success h6 {
  color: #37b48c;
}
.ui-callout.info {
  border-left-color: #003894;
}
.ui-callout.info h1,
.ui-callout.info h2,
.ui-callout.info h3,
.ui-callout.info h4,
.ui-callout.info h5,
.ui-callout.info h6 {
  color: #003894;
}
.ui-callout:first-child {
  margin-top: 0;
}
.ui-callout:last-child {
  margin-bottom: 0;
}
.ui-callout h1,
.ui-callout h2,
.ui-callout h3,
.ui-callout h4,
.ui-callout h5,
.ui-callout h6 {
  font-weight: bold;
  margin: 0 0 8px !important;
}
.ui-callout p,
.ui-callout ul {
  padding: 0;
  margin-bottom: 8px;
}
.ui-callout p:first-child,
.ui-callout ul:first-child {
  margin-top: 0;
}
.ui-callout p:last-child,
.ui-callout ul:last-child {
  margin-bottom: 0;
}
.ui-callout dl dt {
  font-weight: bold;
  margin-bottom: 4px;
}

.hide-txt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.ui-list {
  margin: 12px 0;
}
.ui-list li {
  margin: 8px 0;
  padding-left: 1.46em;
  position: relative;
  line-height: 1.46em;
}
.ui-list li::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  left: 0.45em;
  top: 0.35em;
  background-color: #383838;
}

.ui-list-ordered {
  counter-reset: li;
  list-style-position: outside;
  padding-left: 2em;
  margin: 0.5em 0;
  line-height: 146%;
}
.ui-list-ordered > li {
  list-style-type: decimal;
  margin-top: 0.5em;
}
.ui-list-ordered ol {
  margin: 0.5em 0;
  margin-left: 2em;
}
.ui-list-ordered ol > li {
  list-style-type: lower-alpha;
}
.ui-list-ordered ul {
  margin: 0.5em 0;
  margin-left: 2em;
}
.ui-list-ordered ul > li {
  list-style-type: disc;
}

.cf {
  min-height: 1;
}
.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .cf {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}
.text-nowrap {
  white-space: nowrap;
}

.ui-hint {
  color: #999999;
}

.ui-unit {
  color: #999999;
}

.ui-quote {
  line-height: 146%;
  margin: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 0 1 rgba(255, 255, 255, 0.03);
  padding: 8px;
  padding-left: 12px;
  background: #FFF;
  border: 1px solid #d9d9d9;
  border-left: 5px solid #a6a6a6;
  clear: both;
}

.ui-textlink--new-window::after {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 100%;
  font-family: "FontAwesome" !important;
}
.ui-textlink--new-window:after {
  padding-left: 4px;
}
.ui-textlink--new-window:hover:after {
  text-decoration: none;
}

.ui-headline-message {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #003894;
  padding: 5px 8px;
  font-size: 13px;
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #002e7b;
  position: relative;
  margin-left: 8px;
  vertical-align: middle;
  font-weight: 515;
}
.ui-headline-message:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8px 5px 0;
  border-color: transparent #002e7b transparent transparent;
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -5px;
  z-index: 1;
}
.ui-headline-message:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent #003894 transparent transparent;
  position: absolute;
  top: 50%;
  left: -6px;
  margin-top: -4px;
  z-index: 2;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

.w660 {
  width: 660px;
  box-sizing: border-box;
}

.mgn-t8 {
  margin-top: 8px;
}

.mgn-r8 {
  margin-right: 8px;
}

.mgn-b8 {
  margin-bottom: 8px;
}

.mgn-l8 {
  margin-left: 8px;
}

.mgn-t4 {
  margin-top: 4px;
}

.mgn-r4 {
  margin-right: 4px;
}

.mgn-b4 {
  margin-bottom: 4px;
}

.mgn-l4 {
  margin-left: 4px;
}

.color-darkgray {
  color: #383838;
}
.color-gray {
  color: #bbbbbb;
}
.color-lightgray {
  color: #acaeb1;
}
.color-green {
  color: #37b48c !important;
}
.color-orange {
  color: #f08300 !important;
}
.color-yellow {
  color: #E3B10B !important;
}
.color-blue {
  color: #003894 !important;
}
.color-red {
  color: #D6000F !important;
}

.color01 {
  background: #fafafc;
}

.color02 {
  background: #eaeaf2;
}

.color03 {
  background: #dadae9;
}

.color04 {
  background: #cacadf;
}

.color05 {
  background: #babad6;
}

.color06 {
  background: #aaaacc;
}

.color07 {
  background: #9a9ac3;
}

.color08 {
  background: #8a8ab9;
}

.color09 {
  background: #7b7bb0;
}

.color10 {
  background: #6b6ba6;
}

.ui-helper-preview.wrap {
  background-color: #ffd6d9;
  border-bottom: 1px solid #ffbdc1;
  border-bottom: none;
  font-size: 12px;
  font-size: 1.2rem;
}
.ui-helper-preview.wrap .ui-helper-preview {
  width: 980px;
  margin: 0 auto;
  padding: 8px 0;
}
.ui-helper-preview.wrap .ui-helper-preview {
  width: auto;
  margin: 0;
  padding: 0;
}
.ui-helper-preview.wrap .ui-helper-preview__title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  display: block;
  background-color: #D6000F;
  font-weight: bold;
  color: #FFF;
  padding: 4px;
}
.ui-helper-preview.wrap .ui-helper-preview__info {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 8px;
  display: block;
  padding: 4px;
}
.ui-helper-preview.wrap .ui-helper-preview__info a {
  color: #D6000F;
  font-weight: bold;
}
.ui-helper-preview.wrap .ui-helper-preview__info a:link, .ui-helper-preview.wrap .ui-helper-preview__info a:visited {
  color: #D6000F;
}
.ui-helper-preview.wrap .ui-helper-preview__info a:hover, .ui-helper-preview.wrap .ui-helper-preview__info a:active, .ui-helper-preview.wrap .ui-helper-preview__info a:focus {
  color: #ff3d4b;
}

.ef-paging-navigation {
  margin-bottom: 16px;
}

input.ui-input {
  vertical-align: middle;
  box-sizing: border-box;
}

textarea.ui-textarea {
  box-sizing: border-box;
}

label.ui-label {
  margin-left: 4px;
}

input.ui-input[type="text"],
input.ui-input[type="tel"],
input.ui-input[type="email"],
input.ui-input[type="password"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  background-color: #fff;
  padding: 4px;
  border-radius: 5px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
}

input.ui-input[type="radio"] {
  margin: 0;
}

textarea.ui-textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  background-color: #fff;
  padding: 4px;
  border-radius: 5px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  line-height: 146%;
}

input.ui-input.yet,
textarea.ui-textarea.yet {
  background-color: #fefbef;
  border: 1px solid #E3B10B;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 0 inset;
}
input.ui-input.done,
textarea.ui-textarea.done {
  border: 1px solid #37b48c;
}
input.ui-input.error,
textarea.ui-textarea.error {
  border: 1px solid #D6000F;
}

select.ui-select.yet {
  background-color: #fefbef;
  border: 1px solid #E3B10B;
}
select.ui-select.done {
  border: 1px solid #37b48c;
}
select.ui-select.error {
  border: 1px solid #D6000F;
}

.ui-ef-checked.ok {
  color: #37b48c;
}
.ui-ef-checked.ng {
  color: #D6000F;
}
.ui-ef-checked .ui-icon {
  margin-right: 4px;
}

dl.ui-ef-address {
  min-height: 1;
  margin-bottom: -6px;
}
dl.ui-ef-address:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html dl.ui-ef-address {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}
dl.ui-ef-address dt {
  float: left;
  clear: left;
  width: 5em;
  padding: 5px 0;
  margin-bottom: 6px;
}
dl.ui-ef-address dt label {
  margin: 0;
  color: #999999;
}
dl.ui-ef-address dd {
  margin-left: 5em;
  margin-bottom: 6px;
}

.ui-ef-error {
  margin-top: 8px;
  font-weight: 600;
  color: #D6000F;
}

.ui-ef-description-list dd {
  display: inline;
}

.ui-select {
  box-sizing: border-box;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px;
  background-color: #fff;
  padding: 4px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 5px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
}
.ui-select::after {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 0;
  margin-left: 0;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  font-family: "FontAwesome" !important;
}

table.table {
  max-width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #d9d9d9;
  border-spacing: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
table.table th {
  white-space: nowrap;
}
table.table > thead tr > th,
table.table > thead tr > td, table.table > tbody tr > th,
table.table > tbody tr > td, table.table > tfoot tr > th,
table.table > tfoot tr > td {
  border-top: 1px solid #d9d9d9;
  padding: 8px 6px;
  vertical-align: top;
  line-height: 146%;
}
table.table > thead tr > th {
  background: #f2f2f2;
  padding: 8px 6px;
  font-weight: bold;
}
table.table > thead tr > td {
  background: #fcfcfc;
}
table.table > tbody tr > th {
  font-weight: bold;
}
table.table.striped > thead > tr:nth-child(even) > th, table.table.striped > thead > tr:nth-child(even) > td, table.table.striped > tbody > tr:nth-child(even) > th, table.table.striped > tbody > tr:nth-child(even) > td, table.table.striped > tfoot > tr:nth-child(even) > th, table.table.striped > tfoot > tr:nth-child(even) > td {
  background: #fcfcfc;
}
table.table.bordered {
  border-collapse: separate;
  border-right: 1px solid #d9d9d9;
}
table.table.bordered > thead tr > td, table.table.bordered > thead tr > th, table.table.bordered > tbody tr > td, table.table.bordered > tbody tr > th, table.table.bordered > tfoot tr > td, table.table.bordered > tfoot tr > th {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
table.table.th-nowrap th {
  white-space: nowrap;
}
table.table.w100 {
  width: 100%;
}
table.table strong {
  color: #f08300;
}
table.table p {
  margin-bottom: 4px;
}
table.table p:last-child {
  margin-bottom: 0;
}

.breadcrumbs ul {
  padding: 8px 16px;
  background-color: #dadae9;
}
@media only screen and (min-width: 768px) {
  .breadcrumbs ul {
    margin-left: 256px;
    margin-right: 24px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #ddd8d3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
}
.breadcrumbs ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.breadcrumbs ul li::after {
  content: "";
  speak: none;
  text-transform: uppercase;
  margin-right: 8px;
  margin-left: 8px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: "FontAwesome" !important;
}
.breadcrumbs ul li a {
  text-decoration: none;
}
.breadcrumbs ul li::after {
  vertical-align: middle;
}
.breadcrumbs ul li:last-child::after {
  display: none;
}

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 99;
  width: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f8f8f8;
  color: #333;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
  position: relative;
  height: 100%;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr .sidr-inner::before {
  content: '';
  display: block;
  height: 100%;
  width: 20px;
  right: 0;
  top: 0;
  position: absolute;
  box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1) inset;
}
.sidr.right {
  left: auto;
  right: -220px;
}
.sidr.left {
  left: -220px;
  right: auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
  background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
  background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
  background-image: linear-gradient(#ffffff, #dfdfdf);
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #333;
  line-height: 24px;
  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
}
.sidr p {
  margin: 0 0 12px;
}
.sidr p a {
  color: rgba(51, 51, 51, 0.9);
}
.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid white;
}
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-top: 1px solid white;
  border-bottom: 1px solid #dfdfdf;
}
.sidr ul li.active, .sidr ul li.sidr-class-active {
  border-top: 0;
  line-height: 49px;
  background: #eeeeee;
}
.sidr ul li.active > a,
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
}
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #333;
}
.sidr ul li ul {
  border-bottom: 0;
  margin: 0;
}
.sidr ul li ul li {
  line-height: 40px;
}
.sidr ul li ul li:last-child {
  border-bottom: 0;
}
.sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  border-top: 0;
  line-height: 41px;
}
.sidr ul li ul li.active > a,
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1) inset;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
  color: rgba(51, 51, 51, 0.8);
  padding-left: 30px;
}
.sidr form {
  margin: 0 15px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 2px;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(51, 51, 51, 0.6);
  display: block;
  clear: both;
}
.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none;
}
.sidr input[type=button],
.sidr input[type=submit] {
  color: #f8f8f8;
  background: #333;
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
  background: rgba(51, 51, 51, 0.9);
}

.gnav-btn {
  padding: 4px;
  background-color: #d5dcdf;
  position: absolute;
  display: block;
  top: 16px;
  left: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  .gnav-btn {
    display: none;
  }
}
.gnav-btn .gnav-btn__label {
  display: block;
  background-color: transparent;
  font-size: 7px;
  font-size: 0.7rem;
  color: #657983;
  margin-top: 4px;
  text-align: center;
  font-weight: bold;
}

.gnav-btn__trigger {
  position: relative;
  width: 40px;
  height: 34px;
}
.gnav-btn__trigger,
.gnav-btn__trigger span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  box-sizing: border-box;
}
.gnav-btn__trigger span {
  position: absolute;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #7f929c;
}
.gnav-btn__trigger span:nth-of-type(1) {
  top: 3px;
}
.gnav-btn__trigger span:nth-of-type(2) {
  top: 15px;
}
.gnav-btn__trigger span:nth-of-type(3) {
  bottom: 3px;
}
.sidr-open .gnav-btn__trigger span:nth-of-type(1) {
  transform: translateY(11px) rotate(-45deg);
}
.sidr-open .gnav-btn__trigger span:nth-of-type(2) {
  opacity: 0;
}
.sidr-open .gnav-btn__trigger span:nth-of-type(3) {
  transform: translateY(-12px) rotate(45deg);
}

#gnav {
  display: none;
}

@media only screen and (min-width: 768px) {
  #gnav {
    display: block;
    background: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  #gnav li {
    border-bottom: 1px solid #f2f2f2;
  }
  #gnav li:first-child {
    border-top: 1px solid #f2f2f2;
  }
  #gnav li ul li {
    background: #f8f8f8;
  }
  #gnav li ul li a {
    padding-left: 36px;
  }
  #gnav li ul li:first-child {
    border-top: 1px solid #f2f2f2;
  }
  #gnav li ul li:last-child {
    border-bottom: none;
  }
  #gnav li a {
    padding: 16px 24px;
    padding-right: 24px;
    text-decoration: none;
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    display: block;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #003894;
  }
  #gnav li a::after {
    content: "";
    speak: none;
    text-transform: uppercase;
    margin-right: 0;
    margin-left: 0;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    font-family: "FontAwesome" !important;
  }
  #gnav li a::after {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -7px;
    color: #d9d9d9;
  }
  #gnav li a:hover {
    background: #f8feff;
  }
  #gnav li a:hover::after {
    right: 14px;
    color: #afc8db;
  }
  #gnav li:first-child a:hover {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
  }
  #gnav li:last-of-type a:hover {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

.p-top {
  position: relative;
}
.p-top::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  .p-top::before {
    display: none;
    margin-top: 48px;
  }
}
.p-top__header {
  padding: 0;
  background-image: url("../img/fn048-01.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 200px;
}
@media only screen and (min-width: 768px) {
  .p-top__header {
    height: 320px;
    background-size: 100% auto;
  }
}
.p-top__title {
  width: 90%;
}
@media only screen and (min-width: 768px) {
  .p-top__title {
    width: 360px;
  }
}
.p-top__title svg {
  box-sizing: border-box;
  border: 1px solid white;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: auto;
  padding: 32px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .p-top__title svg path {
    fill: white;
  }
}

.p-top .intro__header {
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .intro__header {
    margin: 32px 0;
  }
}
.p-top .intro__title {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
}
@media only screen and (min-width: 768px) {
  .p-top .intro__title {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-top .intro__title::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-top .intro__body {
  line-height: 146%;
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .intro__body {
    margin: 32px 0;
  }
}
.p-top .intro__footer {
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .intro__footer {
    margin: 32px 0;
  }
}
.p-top .notice__header {
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .notice__header {
    margin: 32px 0;
  }
}
.p-top .notice__title {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
}
@media only screen and (min-width: 768px) {
  .p-top .notice__title {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-top .notice__title::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-top .notice__body {
  line-height: 146%;
  margin: 32px 10px;
}
.p-top .notice__body h4 {
  border-top: 1px solid #f2f2f2;
  padding-top: 12px;
}
.p-top .notice__body h4:first-of-type {
  border-top: none;
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .p-top .notice__body {
    box-sizing: border-box;
    margin: 32px 0px;
    height: 200px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #eaeaf2;
    padding: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .p-top .notice__body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .p-top .notice__body::-webkit-scrollbar-thumb {
    background: #cacadf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .p-top .notice__body::-webkit-scrollbar-track {
    background: #eaeaf2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .p-top .notice__body body {
    scrollbar-face-color: #cacadf;
    scrollbar-track-color: #eaeaf2;
  }
}
.p-top .notice__footer {
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .notice__footer {
    margin: 32px 0;
  }
}
.p-top .meeting__header {
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .meeting__header {
    margin: 32px 0;
  }
}
.p-top .meeting__title {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
}
@media only screen and (min-width: 768px) {
  .p-top .meeting__title {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-top .meeting__title::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-top .meeting__body {
  line-height: 146%;
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .meeting__body {
    margin: 32px 0;
  }
}
.p-top .meeting__detail {
  min-height: 1;
}
.p-top .meeting__detail:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .p-top .meeting__detail {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}
.p-top .meeting__detail dt {
  font-size: 11px;
  font-size: 1.1rem;
  box-sizing: border-box;
  padding: 2px 8px;
  width: 5.5em;
  text-align: center;
  float: left;
  background-color: #eaeaf2;
  color: gray;
  clear: left;
  text-align-last: justify;
}
.p-top .meeting__detail dd {
  margin-left: 6em;
  margin-bottom: 8px;
  padding: 2px 0;
}
.p-top .meeting__detail dd:last-of-type {
  margin-bottom: 0;
}
.p-top .meeting__footer {
  margin: 32px 10px;
}
@media only screen and (min-width: 768px) {
  .p-top .meeting__footer {
    margin: 32px 0;
  }
}

.p-contact__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-contact__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-contact__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-contact__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-contact__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-contact__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-contact__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-donate__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-donate__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-donate__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-donate__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-donate__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-donate__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-donate__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-join__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-join__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-join__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-join__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-join__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-meeting__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-meeting__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-meeting__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-meeting__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-meeting__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-mission__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-mission__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-mission__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-mission__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-mission__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-mission__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-mission__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-order__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-order__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-order__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-order__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-order__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-order__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-order__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-organization__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-organization__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-organization__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-organization__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-organization__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-organization__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-organization__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-overview__header {
  -webkit-justify-content: inherit;
  justify-content: inherit;
  background-image: url(/common/img/dog.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 100%;
  height: 150px;
  position: relative;
}
.p-overview__header::before {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .p-overview__header {
    height: 240px;
  }
}
.p-overview__title {
  margin-left: 32px;
  z-index: 2;
}
.p-overview__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-overview__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-overview__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-overview__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-overview__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-overview__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-overview__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.banner {
  margin: 24px 0;
  max-width: 100%;
  border-top: 1px solid #f2f2f2;
}
.banner__list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
}
.banner__list li {
  margin-top: 10px;
  width: 48%;
}
.banner__list li img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .banner__list li {
    width: 304px;
    margin-top: 16px;
  }
}

.p-project__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-project__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-project__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-project__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-project__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-project__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-project__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-research__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-research__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-research__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-research__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-research__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}

.p-survey__body h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  position: relative;
  width: auto;
  display: inline-block;
  color: #525252;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .p-survey__body h2 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-survey__body h2::after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #525252;
  left: 0;
  bottom: 0;
  position: absolute;
}
.p-survey__body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  .p-survey__body h3 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}
.p-survey__body h4 {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: bold;
  line-height: 146%;
  color: #525252;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  .p-survey__body h4 {
    font-family: "NotoSansJP-Medium-subset", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: inherit;
  }
}