@charset "UTF-8";
/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
html, body {
  overflow-x: hidden; }

html {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 1rem;
  margin: 0; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

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

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a[href^="tel:"] {
  cursor: default; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

code, kbd, pre, samp {
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

select {
  text-transform: none; }

button {
  overflow: visible;
  max-width: 100%; }

input, select, textarea {
  max-width: 100%; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default;
  opacity: .5; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }
input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0; }
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button {
  height: auto; }
input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button {
  height: auto; }
input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-outer-spin-button {
  height: auto; }
input[type="week"]::-webkit-inner-spin-button, input[type="week"]::-webkit-outer-spin-button {
  height: auto; }
input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button {
  height: auto; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }
input[type="search"] {
  -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #d1d1d1;
  margin: 0 0 1.75em;
  min-width: inherit;
  padding: 0.875em; }
fieldset > :last-child {
  margin-bottom: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

optgroup {
  font-weight: bold; }

section {
  height: 100%;
  position: relative; }
section .home-part-inner {
  margin: 0 auto; }
@media only screen and (min-width: 320px) and (max-width: 736px) {
  section .home-part-inner {
    margin: 0 3vw; } }

br.mb-br {
  display: none; }
@media only screen and (min-width: 320px) and (max-width: 736px) {
  br.mb-br {
    display: block; } }

/**
 * 3.0 - Typography
 */
body, button, input, select, textarea {
  color: #000;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  font-size: 1rem; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: 700;
  margin: 0;
  text-rendering: optimizeLegibility; }

p {
  margin: 0 .5rem 1.5rem;
  line-height: 1.8; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  border: 0 solid #1a1a1a;
  border-left-width: 4px;
  color: #686868;
  font-size: 19px;
  font-size: 1.1875rem;
  font-style: italic;
  line-height: 1.4736842105;
  margin: 0 0 1.4736842105em;
  overflow: hidden;
  padding: 0 0 0 1.263157895em;
  quotes: none; }

q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: ""; }

q:before, q:after {
  content: ""; }

blockquote p {
  margin-bottom: 1.4736842105em; }
blockquote cite, blockquote small {
  color: #1a1a1a;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75; }
blockquote cite:before, blockquote small:before {
  content: "\2014\00a0"; }
blockquote em, blockquote i, blockquote cite {
  font-style: normal; }
blockquote strong, blockquote b {
  font-weight: 400; }
blockquote > :last-child {
  margin-bottom: 0; }

address {
  font-style: italic;
  margin: 0 0 1.75em; }

code, kbd, tt, var, samp {
  font-family: Inconsolata, monospace; }

pre {
  font-family: Inconsolata, monospace;
  border: 1px solid #d1d1d1;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

code {
  background-color: #d1d1d1;
  padding: 0.125em 0.25em; }

abbr, acronym {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help; }

mark, ins {
  background: #007acc;
  color: #fff;
  padding: 0.125em 0.25em;
  text-decoration: none; }

big {
  font-size: 125%; }

/**
 * 4.0 - Elements
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; 
see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }
*:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; 
see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body {
  background-color: darkcyan; }

hr {
  background-color: #d1d1d1;
  border: 0;
  height: 1px;
  margin: 0 0 1.75em; }

ul, ol {
  margin: 0 0 1.75em 1.25em;
  padding: 0; }

ul {
  list-style: none; }

ol {
  list-style: decimal;
  margin-left: 1.5em; }

li > ul, li > ol {
  margin-bottom: 0; }

dl {
  margin: 0 0 1.75em; }

dt {
  font-weight: 700; }

dd {
  margin: 0 0 1.75em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: middle; }

del {
  opacity: 0.8; }

table, th, td {
  border: 1px solid #d1d1d1; }

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  /* Prevents HTML tables from becoming too wide */
  width: 100%; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

th {
  border-width: 0 1px 1px 0;
  font-size: .75rem;
  font-weight: 700;
  text-align: center;
  background-color: antiquewhite; }

td {
  border-width: 0 1px 1px 0;
  font-size: .75rem;
  width: auto !important; }

th, td {
  padding: 0.4375em; }
th p, td p {
  margin: 0.5rem 0;
  font-size: 0.75rem; }

/**
 * 5.0 - Forms
 */
input {
  line-height: normal; }

button {
  background: darkgreen !important;
  border: 0;
  border-radius: 6px;
  color: white !important;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  line-height: 1;
  padding: .5rem 3rem;
  font-size: 1.2rem; }
button:hover, button:focus {
  color: white;
  background: lightgreen; }
button a {
  color: white; }
button a:hover {
  color: white; }
button[disabled]:hover, button[disabled]:focus {
  background: lightgreen;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1; }

input[type="button"] {
  background: #1a1a1a;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase; }
input[type="button"][disabled]:hover, input[type="button"][disabled]:focus {
  background: #1a1a1a;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase; }
input[type="reset"] {
  background: #1a1a1a;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase; }
input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus {
  background: #1a1a1a;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase; }
input[type="submit"] {
  background: #00913a;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase; }
input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
  background: #00913a;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase; }

button:hover, button:focus {
  background: #007acc; }

input[type="button"]:hover, input[type="button"]:focus {
  background: #007acc; }
input[type="reset"]:hover, input[type="reset"]:focus {
  background: #007acc; }
input[type="submit"]:hover, input[type="submit"]:focus {
  background: #007acc; }

button:focus {
  outline: thin dotted;
  outline-offset: -4px; }

input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
  outline: thin dotted;
  outline-offset: -4px; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"] {
  background: #e3f1c9;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  color: black;
  padding: 0.625em 0.4375em;
  width: 100%; }

textarea {
  background: #e3f1c9;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  color: black;
  padding: 0.625em 0.4375em;
  width: 100%; }

input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus {
  background-color: #fff;
  border-color: #007acc;
  color: black;
  outline: 0; }

textarea:focus {
  background-color: #fff;
  border-color: #007acc;
  color: #1a1a1a;
  outline: 0; }

.post-password-form {
  margin-bottom: 1.75em; }
.post-password-form label {
  color: black;
  display: block;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.076923077em;
  line-height: 1.6153846154;
  margin-bottom: 1.75em;
  text-transform: uppercase; }
.post-password-form input[type="password"] {
  margin-top: 0.4375em; }
.post-password-form > :last-child {
  margin-bottom: 0; }

.search-form {
  position: relative; }

input[type="search"].search-field {
  border-radius: 2px 0 0 2px;
  width: -webkit-calc(100% - 42px);
  width: calc(100% - 42px); }

.search-submit {
  border-radius: 0 2px 2px 0;
  bottom: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px; }
.search-submit:before {
  content: "\f400";
  font-size: 24px;
  left: 2px;
  line-height: 42px;
  position: relative;
  width: 40px; }

.ml30 {
  margin-left: 30px;
  margin-bottom: 2rem; }

/**
 * 6.1 - Links
 */
a {
  color: #000;
  text-decoration: none; }
a img:not(.no-image-effect) {
  filter: brightness(100%);
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out; }
a:hover, a:focus, a:active {
  color: #000; }
a:hover img:not(.no-image-effect), a:focus img:not(.no-image-effect), a:active img:not(.no-image-effect) {
  filter: brightness(125%); }
a:focus {
  outline: thin dotted; }
a:hover, a:active {
  outline: 0; }

/**
 * 7.0 - Accessibility
 */
/* Text meant only for screen readers */
/* must have higher specificity than alternative color schemes inline styles */
.skip-link {
  display: none; }

/**
 * 8.0 - Alignments
 */
.alignleft {
  float: left;
  /*margin: 0.375em 1.75em 1.75em 0;*/ }

.alignright {
  float: right;
  margin: 0.375em 0 1.75em 1.75em; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto; }

blockquote.alignleft {
  margin: 0.3157894737em 1.4736842105em 1.473684211em 0; }
blockquote.alignright {
  margin: 0.3157894737em 0 1.473684211em 1.4736842105em; }
blockquote.aligncenter {
  margin-bottom: 1.473684211em; }

/**
 * 9.0 - Clearings
 */
.clear:before, .clear:after {
  content: "";
  display: table; }

blockquote:before, blockquote:after {
  content: "";
  display: table; }

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

.entry-summary:before, .entry-summary:after {
  content: "";
  display: table; }

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

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

.site-main > article:before, .site-main > article:after {
  content: "";
  display: table; }

.primary-menu:before, .primary-menu:after {
  content: "";
  display: table; }

.social-links-menu:before, .social-links-menu:after {
  content: "";
  display: table; }

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

.content-bottom-widgets:before, .content-bottom-widgets:after {
  content: "";
  display: table; }

.clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after {
  clear: both; }

/*
 * プログレス表示
 */
.progress {
  background-color: darkgreen;
  color: white;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000; }

.title-logo {
  position: absolute;
  width: 100px;
  top: 33vh;
  left: calc(50vw - 50px);
  z-index: 1100; }
.title-logo img {
  width: 100%;
  height: auto; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .title-logo {
    top: 30vh; } }
@media print, screen and (min-width: 737px) {
  .title-logo {
    width: 150px;
    left: calc(50vw - 75px);
    top: 326px; } }

#topmsg-2 {
  opacity: 0; }

.progress-bar {
  border-top: 20px solid darkgreen;
  position: absolute;
  top: 55vh;
  width: 0%; }

.progress-text {
  font-family: "Menlo", "Consolas", monospace;
  font-size: 10px;
  margin-top: 5px;
  color: white;
  position: absolute;
  text-align: center;
  top: 46vh;
  width: 100%; }
@media print, screen and (min-width: 737px) {
  .progress-text {
    top: 490px; } }

.progress-complete .progress-bar {
  border-top-color: darkgreen; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/**
 * 11.0 - Content
 */
.site-inner {
  margin: 0;
  max-width: 100vw;
  position: relative; }

.site-content {
  word-wrap: break-word; }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

.site-main {
  margin-bottom: 0; }
.site-main > :last-child {
  margin-bottom: 0; }

/**
 * 11.1 - Header
 */
#site-header {
  display: none;
  width: 100%;
  height: 58px;
  margin: 0;
  padding: 0px;
  background-color: white; }
#site-header .header-titles-wrapper {
  display: flex;
  padding: 1rem .5rem .5rem;
  height: 58px;
  justify-content: space-around; }
@media only screen and (min-width: 737px) {
  #site-header .header-titles-wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding-top: .5rem;
    justify-content: space-between; } }
#site-header .header-titles-wrapper .header-titles {
  width: 40%;
  height: auto;
  max-width: 206px;
  max-height: 38px; }
#site-header .header-titles-wrapper .header-titles img {
  width: 100%;
  height: auto; }
#site-header .header-titles-wrapper .website-btn {
  width: 40%;
  max-width: 198px;
  max-height: 36px;
  padding-top: .1rem; }
#site-header .header-titles-wrapper .website-btn img {
  width: 100%;
  height: auto; }

.wide100 {
  width: 100% !important; }
@media print, screen and (min-width: 737px) {
  .wide100 {
    width: 50% !important; } }

.noshow {
  display: none; }

.white {
  color: white !important; }

.black {
  color: black !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-0 {
  margin-top: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-5rem {
  margin-bottom: 5rem !important; }

.mb-4rem {
  margin-bottom: 4rem !important; }

.pb-2rem {
  padding-bottom: 2rem !important; }

.pb-3rem {
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

@media only screen and (min-width: 737px) {
  .width60p {
    max-width: 60% !important;
    margin: 0 auto !important; } }

@media only screen and (min-width: 737px) {
  .width500px {
    max-width: 500px !important;
    margin: 0 auto !important; } }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .mobile {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto; }
  .mobile img {
    width: 100%;
    height: auto; } }
@media only screen and (min-width: 737px) {
  .mobile {
    display: none !important; } }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .pc {
    display: none !important; } }
@media only screen and (min-width: 737px) {
  .pc {
    display: block; } }

.responsive {
  width: calc(100vw*0.52) !important; }

#mpro-part6 {
  padding-top: 5rem;
  padding-bottom: 5rem; }
#mpro-part6 .center {
  text-align: center; }

/**
 * 11.2 - Posts and pages
 */
.newsbar {
  height: 36px;
  background-color: black;
  color: white;
  max-height: 36px; }
.newsbar .message {
  width: calc(100vw * 2);
  padding: .5rem;
  opacity: 0; }

@keyframes ticker {
  0% {
    transform: translate(0, 0);
    visibility: visible; }
  100% {
    transform: translate(-100%, 0); } }
.ticker-wrap {
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.9);
  padding-left: 100%;
  box-sizing: content-box; }

.ticker-wrap .ticker {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: 30s; }

.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 1rem;
  color: white; }

.ticker-wrap:hover .ticker {
  animation-play-state: paused; }

#site-content {
  margin: 0; }

.hide {
  display: none; }

header.entry-header {
  margin: 0;
  overflow: hidden;
  position: relative; }
header.entry-header .head-part {
  width: 100vw;
  margin: 0;
  position: absolute; }
header.entry-header .vimeo {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden; }
header.entry-header .vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
header.entry-header .head-part.top {
  height: calc(100vw * 0.46875);
  background-color: transparent;
  top: 0; }
header.entry-header .head-part.top .catchitem.left {
  width: 100px;
  position: absolute;
  left: calc(50vw - 50px);
  top: 30px;
  z-index: 10; }
@media print, screen and (min-width: 737px) {
  header.entry-header .head-part.top .catchitem.left {
    top: calc(100vw * 0.56 * 0.1);
    width: calc(100vw * 0.1);
    left: calc(50vw - 50vw*0.1*1.1);
    height: calc(100vw * 0.1 * 1.1);
    max-width: 150px;
    max-height: 165px; }
  header.entry-header .head-part.top .catchitem.left img {
    height: 100%; } }
header.entry-header .entry-header-inner {
  height: auto;
  background-color: rgba(0, 0, 0, 0.45);
  padding: 1.5rem 0;
  box-sizing: border-box;
  top: calc(100vw * 0.5);
  z-index: 1002;
  position: absolute;
  width: 100%; }
@media print, screen and (min-width: 737px) {
  header.entry-header .entry-header-inner {
    background-color: rgba(0, 0, 0, 0.25);
    height: calc(100vw * 0.6);
    max-height: 306px;
    top: calc(100vw * 0.56 * 0.35);
    height: calc(100vw * 0.72);
    padding: 2rem 0; } }
header.entry-header .entry-header-inner h1.entry-title {
  font-size: 5rem;
  text-align: center;
  color: white; }
header.entry-header .entry-header-inner h1.entry-title img {
  margin: 0 auto;
  max-height: 300px; }
@media print, screen and (min-width: 737px) {
  header.entry-header .entry-header-inner h1.entry-title img {
    margin-top: 1rem;
    max-height: 200px; } }
header.entry-header .head-part.bottom {
  height: 36px;
  background-color: black;
  color: white;
  max-height: 36px;
  position: absolute;
  z-index: 1020;
  bottom: 0;
  opacity: 0; }
header.entry-header .head-part.bottom .newsbar {
  width: 100%;
  padding: .5rem; }

.mynavi-entry {
  padding: 1rem 0 0;
  text-align: center; }
@media print, screen and (min-width: 737px) {
  .mynavi-entry {
    padding: 1rem 0 0; } }
.mynavi-entry .btn {
  position: relative;
  border: 1px white solid;
  width: 95%;
  height: 55px;
  margin: 0 auto 1rem;
  box-sizing: border-box;
  transition: all 500ms 0s ease; }
@media print, screen and (min-width: 737px) {
  .mynavi-entry .btn {
    width: 404px;
    height: 55px;
    margin: 0 auto 2rem; } }
.mynavi-entry .btn:hover, .mynavi-entry .btn:active {
  background-color: white; }
.mynavi-entry .btn:hover .cls-1, .mynavi-entry .btn:active .cls-1 {
  stroke: #74c362 !important; }
.mynavi-entry .btn:hover svg, .mynavi-entry .btn:active svg {
  right: 3px; }
.mynavi-entry .btn svg {
  display: inline-block;
  position: absolute;
  width: 11px;
  height: 22px;
  right: 10px;
  top: 15px;
  z-index: 40;
  transition: all 500ms 0s ease; }
.mynavi-entry .btn a {
  font-size: 1.2rem;
  padding: .75rem;
  display: block;
  letter-spacing: .35rem;
  color: white;
  transition: all 500ms 0s ease; }
.mynavi-entry .btn a:hover, .mynavi-entry .btn a:active {
  color: #74c362; }
.mynavi-entry .btn img {
  width: 100%;
  height: auto; }
.mynavi-entry .btn .cls-1 {
  stroke: #fff !important; }
.mynavi-entry p.subtitle1 {
  font-size: 1.4rem;
  color: white;
  margin: 0 auto;
  line-height: 1.5;
  border-bottom: 1px white solid; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .mynavi-entry p.subtitle1 {
    font-size: 1rem;
    width: 18rem; } }
@media print, screen and (min-width: 737px) {
  .mynavi-entry p.subtitle1 {
    line-height: 1.5;
    width: 25.2rem; } }
.mynavi-entry p.subtitle2 {
  font-size: 2.4rem;
  color: white;
  margin: 0 auto;
  line-height: 1.5; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .mynavi-entry p.subtitle2 {
    font-size: 1.8rem; } }
@media print, screen and (min-width: 737px) {
  .mynavi-entry p.subtitle2 {
    line-height: 1.5; } }

.mynavi-entry.top .btn {
  width: 55vw;
  height: 44px;
  box-sizing: border-box; }
@media print, screen and (min-width: 737px) {
  .mynavi-entry.top .btn {
    width: 268px;
    height: 55px; } }
.mynavi-entry.top svg {
  display: inline-block;
  position: absolute;
  width: 11px;
  height: 18px;
  right: 10px;
  top: 12px;
  z-index: 40;
  transition: all 500ms 0s ease; }
@media print, screen and (min-width: 737px) {
  .mynavi-entry.top svg {
    width: 11px;
    height: 22px;
    right: 10px;
    top: 15px; } }
.mynavi-entry.top a {
  font-size: .85rem;
  padding: .7rem;
  display: block;
  letter-spacing: .25rem;
  color: white;
  transition: all 500ms 0s ease; }
@media print, screen and (min-width: 737px) {
  .mynavi-entry.top a {
    font-size: 1.2rem;
    padding: .75rem; } }

.anker-link-menu {
  margin: 0; }
@media print, screen and (min-width: 737px) {
  .anker-link-menu {
    background-color: #77b02e;
    margin: 0;
    padding: 0;
    width: 100%; } }
.anker-link-menu ul {
  display: flex;
  list-style: none;
  margin: 0; }
.anker-link-menu ul li {
  width: 25%;
  border-right: 1px #ccc solid;
  background-color: lightslategrey;
  text-align: center;
  padding: .75rem 0;
  position: relative;
  box-sizing: border-box;
  float: left; }
.anker-link-menu ul li img {
  width: 100%;
  height: auto; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .anker-link-menu ul li {
    font-size: .75rem; } }
@media print, screen and (min-width: 737px) {
  .anker-link-menu ul li {
    padding: 1rem 0; } }
.anker-link-menu ul li a {
  color: white;
  text-decoration: none;
  display: block; }
.anker-link-menu ul li:last-child {
  border: none; }
.anker-link-menu ul img.arrow {
  margin: .2rem auto;
  display: block;
  width: 16px; }
@media print, screen and (min-width: 737px) {
  .anker-link-menu ul img.arrow {
    display: inline-block;
    transform: rotate(-90deg);
    position: absolute;
    right: 10px;
    top: 35px; } }

section.section {
  margin: 0;
  width: 100vw; }

.section-inner {
  max-width: 960px;
  margin: 0 auto; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .section-inner {
    margin: 0 auto; } }
.section-inner h2 {
  margin: 0 auto 2rem;
  text-align: center;
  color: #194299;
  font-size: 2.2rem;
  padding-top: 3rem; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .section-inner h2 {
    font-size: 1.8rem; } }
.section-inner h2:after {
  content: "　";
  border-bottom: 2px darkgreen solid;
  display: block;
  width: 40px;
  height: 2px;
  margin: 0px auto 2rem; }
.section-inner .sub-head {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
  color: darkgreen !important; }
.section-inner .head-excerpt {
  width: 75vw;
  margin: .5rem auto 2rem;
  text-align: center; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .section-inner .head-excerpt {
    margin: .5rem auto 2rem;
    width: 96vw;
    text-align: left; } }
@media print, screen and (min-width: 960px) {
  .section-inner .head-excerpt {
    width: 760px; } }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .section-inner .head-excerpt.center {
    text-align: center; } }
.section-inner .head-excerpt.borderbox {
  width: 75vw;
  margin: .5rem auto 2rem;
  text-align: left;
  border: 2px darkgreen dotted;
  border-radius: 6px;
  padding: 1rem; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .section-inner .head-excerpt.borderbox {
    width: 96vw; } }
.section-inner .head-excerpt.borderbox h3 {
  color: white;
  background-color: darkgreen;
  display: inline-block;
  padding: .3rem 1rem;
  margin-bottom: 1rem; }
.section-inner .head-excerpt.borderbox ol {
  margin-bottom: 0; }
@media print, screen and (min-width: 960px) {
  .section-inner .head-excerpt.borderbox {
    width: 760px; } }

footer .section-inner {
  margin-bottom: 1rem; }

section.section.col-e5f6f1 {
  background-color: #77b02e;
  padding-bottom: 5rem; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  section.section.col-e5f6f1 {
    background-color: #77b02e; } }
section.section.col-e5f6f1 .section-inner.col-fafafa {
  background-color: #fafafa; }
section.section.col-e5f6f1 h2 {
  color: darkgreen !important; }
section.section.col-e5f6f1 .sub-head {
  color: darkgreen !important; }
section.section.col-e5f6f1 .mynavi-entry p {
  color: darkgreen !important; }

.column-frame {
  display: flex;
  margin: 0;
  padding-bottom: 0;
  flex-wrap: wrap;
  justify-content: center; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .column-frame {
    padding-bottom: 0; } }
.column-frame .col {
  width: 46%;
  height: auto;
  padding-bottom: 3rem; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .column-frame .col {
    width: 96%; } }
.column-frame .col h3 {
  text-align: center; }
.column-frame .col .mobile.buil {
  width: 50%;
  height: auto; }
.column-frame .col.right {
  padding-right: 5rem; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .column-frame .col.right {
    padding: 0 1rem; } }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .column-frame .col.left {
    padding: 0 1rem;
    margin-bottom: 2rem; } }
@media print, screen and (min-width: 737px) {
  .column-frame .col.left {
    padding-left: 3rem; } }
@media print, screen and (min-width: 960px) {
  .column-frame .col.left {
    padding-left: 5rem;
    padding-right: 3rem;
    padding-top: 1rem; } }
.column-frame .col.left h2 {
  margin: 0 auto 1rem;
  text-align: left;
  color: #194299;
  font-size: 1.2rem;
  padding-top: 0; }
.column-frame .col.left h2::after {
  display: none; }
.column-frame .col.left h3 {
  color: black;
  font-size: 1rem;
  font-weight: 100 !important;
  margin-bottom: .5rem; }
.column-frame .col.left h3 span.number {
  font-size: .75rem;
  display: inline-block;
  margin-right: .2rem;
  display: block; }
.column-frame .col.left .item p {
  font-size: .85rem;
  margin: 0 0 1rem 1rem !important;
  line-height: 1.5; }
@media print, screen and (min-width: 737px) {
  .column-frame .col.left .item p {
    font-size: 1rem;
    margin-bottom: 4rem !important; } }
@media print, screen and (min-width: 737px) {
  .column-frame .col.left.wide100 {
    padding: 3rem 2rem 0 0; } }

section.section.col-e7fadc {
  background-color: #77b02e;
  padding-top: 5rem;
  padding-bottom: 5rem; }
section.section.col-e7fadc .section-inner.col-fffff0 {
  background-color: #fffff0; }
section.section.col-e7fadc h2 {
  color: darkgreen !important; }
section.section.col-e7fadc .mynavi-entry .btn {
  border: 1px #194299 solid; }
section.section.col-e7fadc .mynavi-entry .btn:hover, section.section.col-e7fadc .mynavi-entry .btn:active {
  background-color: #194299; }
section.section.col-e7fadc .mynavi-entry .btn:hover .cls-1, section.section.col-e7fadc .mynavi-entry .btn:active .cls-1 {
  stroke: white !important; }
section.section.col-e7fadc .mynavi-entry p {
  color: #194299 !important; }
section.section.col-e7fadc .mynavi-entry a {
  color: #194299 !important; }
section.section.col-e7fadc .mynavi-entry a:hover, section.section.col-e7fadc .mynavi-entry a:active {
  color: white !important; }
section.section.col-e7fadc .mynavi-entry .cls-1 {
  stroke: #194299 !important; }

.column-frame.noflex {
  display: block; }
.column-frame.noflex .repeatbox {
  margin: 1rem 2rem 3rem; }
.column-frame.noflex .repeatbox h3 {
  color: darkgreen; }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex .repeatbox {
    margin: 1rem auto 3rem;
    max-width: 760px; }
  .column-frame.noflex .repeatbox img {
    display: block;
    margin: 0 auto; } }
.column-frame.noflex .repeatbox p {
  line-height: 1.5;
  margin: .5rem 0 0; }
.column-frame.noflex .repeatbox p a:hover {
  color: darkgreen;
  text-decoration: underline; }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex .repeatbox p {
    max-width: 75vw;
    margin: 0 auto; } }
@media print, screen and (min-width: 960px) {
  .column-frame.noflex .repeatbox p {
    max-width: 760px; } }
.column-frame.noflex .repeatbox p.small {
  font-size: .65rem; }
.column-frame.noflex .repeatbox.wide.orange {
  background-color: #194299;
  margin: 0;
  padding: 2rem 0;
  text-align: center;
  color: white; }
.column-frame.noflex .repeatbox.wide.orange p {
  margin: 0;
  font-size: 1.1rem; }

@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide {
    display: flex;
    max-width: 720px;
    margin: 0 auto; } }
@media print, screen and (min-width: 960px) {
  .column-frame.noflex.full-wide {
    max-width: 760px; } }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide .col.left.wide100.wide40 {
    padding: 1rem 2rem 1rem 0;
    width: 47% !important; } }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide .col.right.wide100.wide60 {
    padding: 1rem 0 1rem 2rem;
    width: 53% !important; } }
.column-frame.noflex.full-wide .col.right.wide100.wide60 .sub-head {
  margin-bottom: .25rem; }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide .col.right.wide100.wide60 .sub-head {
    margin-left: 0;
    margin-top: 0; } }
.column-frame.noflex.full-wide .col.right.wide100.wide60 p {
  margin-top: .25rem; }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide .col.right.wide100.wide60 p {
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide.reverse {
    display: flex;
    flex-direction: row-reverse;
    max-width: 720px;
    margin: 0 auto; } }
@media print, screen and (min-width: 960px) {
  .column-frame.noflex.full-wide.reverse {
    max-width: 760px; } }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide.reverse .col.right.wide100.wide60 {
    padding: 1rem 0 1rem 0;
    width: 53% !important; } }
.column-frame.noflex.full-wide.reverse .col.right.wide100.wide60 .sub-head {
  margin-bottom: .25rem; }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide.reverse .col.right.wide100.wide60 .sub-head {
    margin-left: 0;
    margin-top: 0; } }
.column-frame.noflex.full-wide.reverse .col.right.wide100.wide60 p {
  margin-top: .25rem; }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide.reverse .col.right.wide100.wide60 p {
    margin-right: 0;
    margin-left: 0; } }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide.reverse .col.left.wide100.wide40 {
    padding: 1rem 0 1rem 2rem;
    width: 47% !important; } }
.column-frame.noflex.full-wide.reverse .col.left.wide100.wide40 .sub-head {
  margin-bottom: .25rem; }
@media print, screen and (min-width: 737px) {
  .column-frame.noflex.full-wide.reverse .col.left.wide100.wide40 .sub-head {
    margin-left: 0; } }
.column-frame.noflex.full-wide.reverse .col.left.wide100.wide40 p {
  margin-top: .25rem; }

@media print, screen and (min-width: 737px) {
  .column-frame.noflex.position-base {
    position: relative; } }

.column-frame.flex-wrap2 {
  flex-wrap: wrap; }
.column-frame.flex-wrap2 .repeatbox {
  width: 100%;
  height: auto;
  padding: 1rem 2rem 3rem; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .column-frame.flex-wrap2 .repeatbox {
    padding: 1rem .5rem 0; } }
@media print, screen and (min-width: 737px) {
  .column-frame.flex-wrap2 .repeatbox {
    width: 50%; } }
.column-frame.flex-wrap2 .repeatbox p {
  line-height: 1.5;
  padding: .5rem 0 0;
  font-size: .95rem; }
.column-frame.flex-wrap2 .repeatbox p.small {
  font-size: .95rem; }
.column-frame.flex-wrap2 .repeatbox p.f-big {
  font-size: 1.1rem; }
.column-frame.flex-wrap2 .repeatbox.wide.orange {
  background-color: #194299;
  margin: 0;
  padding: 2rem 0;
  text-align: center;
  color: white; }
@media print, screen and (min-width: 737px) {
  .column-frame.flex-wrap2 .repeatbox.wide.orange {
    width: 100%; } }
.column-frame.flex-wrap2 .repeatbox.wide.orange p {
  margin: 0;
  padding: 0;
  font-size: 1.1rem; }
@media print, screen and (min-width: 737px) {
  .column-frame.flex-wrap2 .repeatbox.wide.orange p {
    max-width: 760px;
    margin: 0 auto; } }
.column-frame.flex-wrap2 .mynavi-entry {
  width: 100%; }

section.section.col-f0fcfc {
  background-color: ivory; }
section.section.col-f0fcfc .section-inner.col-fffff0 {
  background-color: ivory; }
section.section.col-f0fcfc h2 {
  color: darkgreen !important; }
section.section.col-f0fcfc .mynavi-entry .btn {
  border: 1px #194299 solid; }
section.section.col-f0fcfc .mynavi-entry .btn:hover, section.section.col-f0fcfc .mynavi-entry .btn:active {
  background-color: #194299; }
section.section.col-f0fcfc .mynavi-entry .btn:hover .cls-1, section.section.col-f0fcfc .mynavi-entry .btn:active .cls-1 {
  stroke: white !important; }
section.section.col-f0fcfc .mynavi-entry p {
  color: #194299 !important; }
section.section.col-f0fcfc .mynavi-entry .cls-1 {
  stroke: #194299 !important; }
section.section.col-f0fcfc .mynavi-entry a {
  color: #194299 !important; }
section.section.col-f0fcfc .mynavi-entry a:hover, section.section.col-f0fcfc .mynavi-entry a:active {
  color: white !important; }

section.section.col-fffff0 {
  background-color: #fffff0; }
section.section.col-fffff0 .section-inner.col-fffff0 {
  background-color: #fffff0; }
section.section.col-fffff0 h2 {
  color: #194299 !important; }
section.section.col-fffff0 .sub-head {
  color: #194299 !important; }
section.section.col-fffff0 .mynavi-entry .btn {
  border: 1px #194299 solid; }
section.section.col-fffff0 .mynavi-entry .btn:hover, section.section.col-fffff0 .mynavi-entry .btn:active {
  background-color: #194299; }
section.section.col-fffff0 .mynavi-entry .btn:hover .cls-1, section.section.col-fffff0 .mynavi-entry .btn:active .cls-1 {
  stroke: white !important; }
section.section.col-fffff0 .mynavi-entry p {
  color: #194299 !important; }
section.section.col-fffff0 .mynavi-entry .cls-1 {
  stroke: #194299 !important; }
section.section.col-fffff0 .mynavi-entry a {
  color: #194299 !important; }
section.section.col-fffff0 .mynavi-entry a:hover, section.section.col-fffff0 .mynavi-entry a:active {
  color: white !important; }

section.section.col-fff {
  background-color: #fff; }
section.section.col-fff .section-inner.col-fff {
  background-color: #fff; }
section.section.col-fff h2 {
  color: #194299 !important; }
section.section.col-fff .mynavi-entry .btn {
  border: 1px #194299 solid; }
section.section.col-fff .mynavi-entry .btn:hover, section.section.col-fff .mynavi-entry .btn:active {
  background-color: #194299; }
section.section.col-fff .mynavi-entry .btn:hover .cls-1, section.section.col-fff .mynavi-entry .btn:active .cls-1 {
  stroke: white !important; }
section.section.col-fff .mynavi-entry p {
  color: #194299 !important; }
section.section.col-fff .mynavi-entry .cls-1 {
  stroke: #194299 !important; }
section.section.col-fff .mynavi-entry a {
  color: #194299 !important; }
section.section.col-fff .mynavi-entry a:hover, section.section.col-fff .mynavi-entry a:active {
  color: white !important; }

section.section.col-fafafa {
  background-color: white; }
section.section.col-fafafa h2 {
  color: darkgreen !important; }
section.section.col-fafafa .mynavi-entry .btn {
  border: 1px #194299 solid; }
section.section.col-fafafa .mynavi-entry .btn:hover, section.section.col-fafafa .mynavi-entry .btn:active {
  background-color: #194299; }
section.section.col-fafafa .mynavi-entry .btn:hover .cls-1, section.section.col-fafafa .mynavi-entry .btn:active .cls-1 {
  stroke: white !important; }
section.section.col-fafafa .mynavi-entry p {
  color: #194299 !important; }
section.section.col-fafafa .mynavi-entry .cls-1 {
  stroke: #194299 !important; }
section.section.col-fafafa .mynavi-entry a {
  color: #194299 !important; }
section.section.col-fafafa .mynavi-entry a:hover, section.section.col-fafafa .mynavi-entry a:active {
  color: white !important; }
section.section.col-fafafa .section-inner.col-fafafa {
  background-color: white; }
section.section.col-fafafa .item {
  margin: 1rem 1.5rem; }
@media print, screen and (min-width: 960px) {
  section.section.col-fafafa .item {
    max-width: 760px;
    margin: 1rem auto; } }
section.section.col-fafafa .item h3 {
  font-size: 1rem;
  margin: 1rem .5rem .5rem; }
section.section.col-fafafa .item p {
  margin: 0 .5rem .5rem; }
section.section.col-fafafa .item ul {
  list-style: disc;
  margin-left: 1.5rem; }
section.section.col-fafafa .item ul li {
  text-indent: -.5rem; }
section.section.col-fafafa .item ul li .ajust {
  display: inline-block;
  text-indent: -.8rem; }
section.section.col-fafafa .item.fullwide {
  max-width: 100%; }
@media print, screen and (min-width: 960px) {
  section.section.col-fafafa .item.fullwide {
    max-width: 100%;
    margin: 1rem auto; } }

.tab-frame {
  margin-bottom: 2rem;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); }
@media print, screen and (min-width: 737px) {
  .tab-frame:first-child {
    margin-top: 1rem; } }
.tab-frame .tab-head {
  background-color: darkgreen;
  display: flex;
  position: relative;
  cursor: pointer;
  transition: all 500ms 0s ease; }
@media print, screen and (min-width: 737px) {
  .tab-frame .tab-head {
    width: 100%;
    margin: 0 auto; } }
.tab-frame .tab-head .photo {
  width: 45%;
  height: auto;
  padding: 10px; }
.tab-frame .tab-head .profile {
  width: 100%;
  height: auto;
  padding: 1rem 0 2rem 1.5rem;
  color: white;
  text-align: center; }
@media print, screen and (min-width: 737px) {
  .tab-frame .tab-head .profile {
    padding: 1.6rem 0 2.5rem 1.5rem; } }
.tab-frame .tab-head .profile h3 {
  font-size: 1.4rem;
  margin-bottom: .3rem; }
@media print, screen and (min-width: 737px) {
  .tab-frame .tab-head .profile h3 {
    font-size: 1.8rem;
    margin-bottom: .5rem; } }
.tab-frame .tab-head .profile .title {
  font-size: .85rem; }
@media print, screen and (min-width: 737px) {
  .tab-frame .tab-head .profile .title {
    font-size: 1.2rem; } }
.tab-frame .tab-head .profile .tab-arrow {
  position: absolute;
  bottom: 10px;
  left: calc(50vw - 9px);
  transform: rotate(0deg); }
@media print, screen and (min-width: 737px) {
  .tab-frame .tab-head .profile .tab-arrow {
    left: calc(50% - 9px); } }
.tab-frame .tab-head .profile .cls-1 {
  stroke: #fff; }
.tab-frame .tab-head.open {
  background-color: tomato; }
.tab-frame .tab-head.open .profile {
  color: white; }
.tab-frame .tab-head.open .profile .tab-arrow {
  transform: rotate(-180deg);
  bottom: 10px;
  left: calc(50vw - 9px); }
@media print, screen and (min-width: 737px) {
  .tab-frame .tab-head.open .profile .tab-arrow {
    left: calc(50% - 9px); } }
.tab-frame .tab-head.open .profile .cls-1 {
  stroke: white; }
.tab-frame .tab-head.open + .tab-content {
  display: block !important; }
.tab-frame .tab-content {
  display: none;
  padding: 0;
  transition: all 500ms 0s ease; }
@media print, screen and (min-width: 960px) {
  .tab-frame .tab-content {
    padding: 0 0 3rem;
    max-width: 960px;
    margin: 0 auto;
    background-color: white; } }
.tab-frame .tab-content .tab-content-inner {
  background-color: white;
  margin: 0;
  padding: 1rem 0; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .tab-frame .tab-content .tab-content-inner {
    padding: 1rem .5rem 2rem; } }
@media print, screen and (min-width: 960px) {
  .tab-frame .tab-content .tab-content-inner {
    max-width: 760px;
    margin: 0 auto; } }
.tab-frame .tab-content .tab-content-inner table {
  border: none; }
.tab-frame .tab-content .tab-content-inner table th, .tab-frame .tab-content .tab-content-inner table td {
  border: none;
  font-size: 1rem;
  vertical-align: top; }
.tab-frame .tab-content .tab-content-inner table th {
  width: 14%;
  background-color: transparent;
  text-align: right; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .tab-frame .tab-content .tab-content-inner table th {
    width: 27%; } }
.tab-frame .tab-content .tab-content-inner span.box {
  display: inline-block;
  background-color: beige;
  padding: .5rem;
  border: 1px #ccc dotted; }
@media print, screen and (min-width: 960px) {
  .tab-frame .tab-content .main-photo {
    margin-left: -100px;
    margin-right: -100px; } }
.tab-frame .tab-content .sub-head {
  margin: 0rem 1rem .25rem;
  text-align: left;
  color: #194299;
  font-weight: bold; }
.tab-frame .tab-content .sub-head h3 {
  text-align: center;
  margin-bottom: 2rem;
  text-decoration: underline; }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .tab-frame .tab-content .sub-head h3 {
    margin-bottom: .75rem; } }
@media print, screen and (min-width: 320px) and (max-width: 480px) {
  .tab-frame .tab-content .sub-head {
    font-size: 1rem;
    margin: 0rem 0 1rem; } }
@media print, screen and (min-width: 960px) {
  .tab-frame .tab-content .sub-head {
    margin: 0rem 0 .25rem; } }
.tab-frame .tab-content p {
  margin: .25rem 1rem 1rem;
  line-height: 1.5; }
@media print, screen and (min-width: 960px) {
  .tab-frame .tab-content p {
    margin: .25rem 0 1rem; } }
.tab-frame .tab-content .border {
  margin: 1rem;
  box-sizing: border-box; }
.tab-frame .tab-content .border h3 {
  text-align: center;
  margin: 3rem 0 2rem;
  color: #194299; }
.tab-frame .tab-content .border .col.left {
  width: 100%; }
.tab-frame .tab-content .border .col.left .col-inner {
  border: 1px #194299 solid;
  padding: 1rem; }
.tab-frame .tab-content .border .col.left .col-inner h3 {
  text-align: center;
  margin: 0 auto 1rem; }
.tab-frame .tab-content .border .col.left .col-inner .profbox {
  display: flex; }
.tab-frame .tab-content .border .col.left .col-inner .profbox .circle-photo {
  width: 40%; }
.tab-frame .tab-content .border .col.left .col-inner .profbox .title {
  width: 60%;
  color: #194299;
  margin: 2rem 0 0 2rem; }
.tab-frame .tab-content .border .col.left .col-inner .profbox .title .sub-title {
  display: block;
  font-size: .75rem; }
.tab-frame .tab-content .border .col.left .col-inner p {
  margin: 1rem 0; }
.tab-frame .tab-content .border .col.right {
  width: 100%; }
.tab-frame .mynavi-entry {
  padding: 1rem; }
.tab-frame .mynavi-entry p {
  margin: 1rem auto 0; }

.column-frame.full-wide .sub-head {
  margin: 1rem 2rem;
  text-align: left; }
.column-frame.full-wide p {
  margin: 1rem 2rem;
  line-height: 1.5; }

.no-bk {
  margin: 1rem 2rem; }

.whitebox {
  margin: 2rem 2rem 0;
  padding: 1rem;
  background-color: white; }

.nomal-wide {
  margin: 1rem .7rem; }
.nomal-wide ol {
  margin: 0;
  padding: 0; }
.nomal-wide ol li {
  list-style: none;
  padding-left: 2.5rem;
  text-indent: -.6rem;
  line-height: 2; }
.nomal-wide ol li span.number {
  display: inline-block;
  margin-right: .3rem;
  color: #194299; }

/**
 * 11.3 - Post Formats
 */
#main article .entry-frame {
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: 0 auto;
  padding: 0; }
#main article .entry-frame .entry-content {
  width: 100%;
  max-width: 704px;
  float: none;
  margin: 0 auto 2rem; }
#main article .entry-frame .widget-area {
  margin: 3rem 0; }

/**
 * 11.6 - Footer
 */
#site-footer {
  padding: 2rem 0 0;
  text-align: center; }
@media print, screen and (min-width: 737px) {
  #site-footer {
    padding: 1rem 0; }
  #site-footer .pc.footer-titles-wrapper {
    display: flex;
    justify-content: space-between; }
  #site-footer .pc.footer-titles-wrapper .footer-titles {
    width: 120px;
    height: auto;
    margin: 0; }
  #site-footer .pc.footer-titles-wrapper .footer-titles .site-logo.faux-heading {
    width: 100%;
    height: auto;
    margin: 0 0 0 .5rem; }
  #site-footer .pc.footer-titles-wrapper .footer-titles .site-logo.faux-heading img {
    width: 100%;
    height: auto; }
  #site-footer .pc.footer-titles-wrapper .footer-copyright {
    margin: .75rem 0 0;
    color: white; }
  #site-footer .pc.footer-titles-wrapper .website-btn {
    width: 198px;
    height: 34px;
    margin: 0 .5rem 0 0; } }
#site-footer .site-logo {
  width: calc(100vw*0.266667);
  height: auto;
  margin: 0 auto 2rem; }
@media print, screen and (min-width: 737px) {
  #site-footer .site-logo {
    height: auto;
    margin: 3 auto 3rem;
    width: 100px; } }
#site-footer .site-logo img {
  width: 100%;
  height: auto; }
#site-footer .footer-copyright {
  font-size: .6rem;
  color: white; }
@media print, screen and (min-width: 737px) {
  #site-footer .footer-copyright {
    font-size: .6rem; } }

/**
 * 12.0 - Media
 */
.entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img {
  display: block; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object, video {
  margin-bottom: 0;
  max-width: 100%;
  vertical-align: middle; }

p > embed, p > iframe, p > object, p > video {
  margin-bottom: 0; }

.entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a {
  box-shadow: none; }

.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.movie iframe, .movie img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }

/**
 * 13.0 - Multisites
 */
.cleartext {
  display: none; }

/**
 * 14.0 - Media Queries
 */
/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
img.for-pc {
  display: none; }

/*----------------------------------------------------------------------------
 ***   page top icon
----------------------------------------------------------------------------*/
#page-top {
  position: fixed;
  bottom: 5%;
  right: 5%;
  font-size: 38%;
  z-index: 11000;
  transition: bottom .3s ease-in-out;
  -webkit-transition: bottom .3s ease-in-out;
  -moz-transition: bottom .3s ease-in-out; }
@media only screen and (min-width: 320px) and (max-width: 736px) {
  #page-top {
    display: none; } }

#page-top span {
  display: none; }

#page-top a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block; }

#main .entry-content .archive-list {
  border-bottom: 1px #ccc dotted;
  margin-bottom: 1rem; }
#main .entry-content .archive-list.col-xs-12 {
  padding-left: 0; }
#main .entry-content .archive-list a {
  box-shadow: none; }

#main article .entry-content.entrytop-margin {
  margin-top: 2rem; }

#head-info {
  height: auto;
  width: 100px;
  margin: 0;
  float: right;
  margin-top: 2rem; }

.hide-text {
  display: none; }

/**
 * 15.0 - Print
 */
@media print {
  @page {
    margin: 5mm; }
  form, button, input, select, textarea, .navigation, .main-navigation, .social-navigation, .sidebar, .content-bottom-widgets, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link {
    display: none; }

  #home-part3 {
    width: 100%; }

  a[href]:after {
    content: ""; } }

/*# sourceMappingURL=style.css.map */



/* inu 20210428 */

@media print, screen and (max-width: 736px) {
  .top-logo{
    display: none;
  }
}
@media print, screen and (min-width: 737px) {
  .pc-none{
    display: none;
  }
  .top-title{
    text-align: center;
    padding-top: 8px;
  }
  .top-logo{
    width: calc(100vw * 0.08);
    height: calc(100vw * 0.08);
    max-width: 150px;
    max-height: 165px;
    display: inline-block;
    margin-right: 20px;
  }
  .top-title h1.entry-title{
    display: inline-block;
    vertical-align: middle;
  }
  }
h3.header-left{
  color: #fff;
  background-color: darkgreen;
  width: 200px;
  border-radius: 4px;
  padding: .3rem .5rem;
  margin: 1.5rem auto;
}
.intro-movie{
  margin-bottom: 40px; }
@media print, screen and (min-width: 737px) {
  .intro-movie {
    margin: 20px 20px 40px 20px; } }

.entry-column h4{
  color: darkgreen;
  margin-top: 25px; }
.entry-column ul{
  list-style-type: disc; }
.entry-column a{
  text-decoration: underline; }

@media print, screen and (max-width: 736px) {
  .entry-column{
    padding: 0 1%; } }  

.sub-ttl{
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: darkgreen; 
  width: 200px;
  text-align: center;
  border-radius: 4px;
  padding: .3rem .5rem;
  margin: 1.5rem auto;
}
@media print, screen and (min-width: 737px) {
  .sub-ttl{
    font-size: 20px; } }  


    /* inu 20210714 */
.comingsoon{
  color: darkgreen;
  font-weight: 800;
  text-align: center;
}
.entry-list-wrap .entry-list{
  text-align: left;
}
.entry-list-wrap .entry-list a{
  text-decoration: underline;
}
@media print, screen and (min-width: 737px) {
  .entry-list-wrap{
    display: flex;
    justify-content: space-around;
  }
  .entry-list-wrap .entry-list p{
    text-align: center;
  }
  .entry-list-wrap .entry-list a:hover{
    color: darkgreen;
  }
  }

  /* inu 20210928 */
.link-btn{
  text-align: center;
}
.link-btn a{
  display: inline-block;
  background-color: darkgreen;
  color: #fff;
  border-radius: 30px;
  padding: 1rem 2rem;
  margin-bottom: 4rem;
}
@media print, screen and (min-width: 737px) {
    .link-btn a:hover{
    opacity: 0.7;
  }
}
@media print, screen and (max-width: 736px) {
  section.section.col-e7fadc.archive{
    padding-top: 0;
  }
}

  /* inu 20211110 */
.section-inner .top-left .head-excerpt{
  width: 100%;
  text-align: left;
}
.top-right h3.header-left{
  color: #fff;
  background-color: darkgreen;
  width: 100%;
  border-radius: 4px;
  padding: .3rem .5rem;
  margin: 1.5rem auto;
}
.top-movie{
  margin: 2rem 0;
}
.memorialphoto{
  margin: 2rem 0;
}
.memorialphoto h4{
  display: inline-block;
  position: absolute;
  background-color: darkgreen;
  color: #fff;
  border-radius: 4px;
  padding: .3rem .5rem;
}
.memorialphoto .l-photo{
  margin-bottom: 1rem;
}
.memorialphoto .s-photo{
  margin-bottom: 1rem;
}
.presentation h2{
  font-size: 1.6rem;
}
@media print, screen and (min-width: 737px) {
  .top-message{
    display: flex;
  }
  .section-inner .top-message .top-left .head-excerpt{
    width: 100%;
    text-align: left;
  }
  .top-left{
    padding: 2rem 2rem 0 0;
  }
  .top-right{
    padding: 3rem 0 0 0;
  }
  .top-right h3.header-left{
    width: 85%;
  }
  .memorialphoto{
    font-size: 0;
  }
  .memorialphoto .l-photo{
    font-size: 16px;
  }
  .memorialphoto .s-photo{
    font-size: 16px;
    width: 50%;
    display: inline-block;
  }
  .memorialphoto div:nth-child(2){
    padding-right: .5rem;
  }
  .memorialphoto div:last-child{
    padding-left: .5rem;
  }
  .presentation h2{
    font-size: 2rem;
  }
  }