/* line 2, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .main {
  padding-bottom: 80px;
}

/* line 4, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .main .row {
  margin-top: 60px;
}

/* line 9, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .container {
  text-align: center;
}

/* line 13, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .toukyuu, body.access_guide .setagaya {
  height: 300px;
}

/* line 17, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .toukyuu p, body.access_guide .setagaya p {
  text-align: left;
}

/* line 23, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .toukyuu img, body.access_guide .setagaya img {
  float: left;
  margin-right: 20px;
  height: 200px;
}

/* line 29, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .menu1, body.access_guide .menu2 {
  color: white;
  border-radius: 30px;
  font-size: larger;
  font-weight: bolder;
}

/* line 36, app/assets/stylesheets/application/access_guide.scss */
body.access_guide span {
  font-size: small;
}

/* line 40, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .menu1 {
  background-color: #00CC99;
}

/* line 44, app/assets/stylesheets/application/access_guide.scss */
body.access_guide .menu2 {
  background-color: #FFCC33;
}

@media (max-width: 576px) {
  /* line 50, app/assets/stylesheets/application/access_guide.scss */
  body.access_guide body.access_guide .main {
    padding-bottom: 40px;
  }
  /* line 52, app/assets/stylesheets/application/access_guide.scss */
  body.access_guide body.access_guide .main .row {
    margin-top: 30px;
  }
  /* line 57, app/assets/stylesheets/application/access_guide.scss */
  body.access_guide .toukyuu, body.access_guide .setagaya {
    width: 90%;
  }
}

@media (max-width: 576px) {
  /* line 64, app/assets/stylesheets/application/access_guide.scss */
  body.access_guide .main {
    padding-bottom: 40px;
  }
  /* line 66, app/assets/stylesheets/application/access_guide.scss */
  body.access_guide .main .row {
    margin-top: 0px;
  }
}
@charset "UTF-8";
/*
Trix 1.3.5
Copyright © 2024 37signals, LLC
http://trix-editor.org/*/
/* line 6, node_modules/trix/dist/trix.css */
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

/* line 13, node_modules/trix/dist/trix.css */
trix-toolbar * {
  box-sizing: border-box;
}

/* line 15, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

/* line 20, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

/* line 27, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-device-width: 768px) {
  /* line 30, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}

/* line 32, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-device-width: 768px) {
  /* line 35, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}

/* line 37, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

/* line 51, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 53, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

/* line 56, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 58, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-device-width: 768px) {
  /* line 61, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}

/* line 64, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-device-width: 768px) {
  /* line 71, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}

/* line 74, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-device-width: 768px) {
  /* line 87, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}

/* line 90, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

/* line 92, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

/* line 94, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%;
}

/* line 98, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 100, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 102, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 104, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 106, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 108, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 110, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 112, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 114, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 116, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 118, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 120, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 122, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 124, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialogs {
  position: relative;
}

/* line 126, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

/* line 138, node_modules/trix/dist/trix.css */
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 150, node_modules/trix/dist/trix.css */
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

/* line 152, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

/* line 156, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

/* line 158, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

/* line 161, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

/* line 163, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

/* line 166, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 172, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

/* line 175, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none;
}

/* line 179, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection {
  background: highlight;
}

/* line 181, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection {
  background: highlight;
}

/* line 184, node_modules/trix/dist/trix.css */
trix-editor .attachment.attachment--file[data-trix-mutable] {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

/* line 187, node_modules/trix/dist/trix.css */
trix-editor .attachment[data-trix-mutable] img {
  box-shadow: 0 0 0 2px highlight;
}

/* line 189, node_modules/trix/dist/trix.css */
trix-editor .attachment {
  position: relative;
}

/* line 191, node_modules/trix/dist/trix.css */
trix-editor .attachment:hover {
  cursor: default;
}

/* line 193, node_modules/trix/dist/trix.css */
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

/* line 195, node_modules/trix/dist/trix.css */
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

/* line 204, node_modules/trix/dist/trix.css */
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

/* line 206, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 221, node_modules/trix/dist/trix.css */
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 228, node_modules/trix/dist/trix.css */
trix-editor .trix-button-group {
  display: inline-flex;
}

/* line 230, node_modules/trix/dist/trix.css */
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

/* line 242, node_modules/trix/dist/trix.css */
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 244, node_modules/trix/dist/trix.css */
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

/* line 246, node_modules/trix/dist/trix.css */
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 248, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

/* line 260, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

/* line 273, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove:hover {
  border-color: #333;
}

/* line 275, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

/* line 277, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata-container {
  position: relative;
}

/* line 279, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

/* line 290, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 297, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

/* line 301, node_modules/trix/dist/trix.css */
.trix-content {
  line-height: 1.5;
}

/* line 303, node_modules/trix/dist/trix.css */
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 307, node_modules/trix/dist/trix.css */
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

/* line 310, node_modules/trix/dist/trix.css */
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

/* line 315, node_modules/trix/dist/trix.css */
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

/* line 321, node_modules/trix/dist/trix.css */
.trix-content li {
  margin-left: 1em;
}

/* line 323, node_modules/trix/dist/trix.css */
.trix-content [dir=rtl] li {
  margin-right: 1em;
}

/* line 325, node_modules/trix/dist/trix.css */
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

/* line 335, node_modules/trix/dist/trix.css */
.trix-content img {
  max-width: 100%;
  height: auto;
}

/* line 338, node_modules/trix/dist/trix.css */
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

/* line 342, node_modules/trix/dist/trix.css */
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

/* line 345, node_modules/trix/dist/trix.css */
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

/* line 347, node_modules/trix/dist/trix.css */
.trix-content .attachment__caption {
  text-align: center;
}

/* line 349, node_modules/trix/dist/trix.css */
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: ' · ';
}

/* line 351, node_modules/trix/dist/trix.css */
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

/* line 354, node_modules/trix/dist/trix.css */
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

/* line 358, node_modules/trix/dist/trix.css */
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

/* line 365, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

/* line 369, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

/* line 373, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/* line 11, app/assets/stylesheets/application/actiontext.scss */
.trix-content {
  text-align: left;
}

/* line 13, app/assets/stylesheets/application/actiontext.scss */
.trix-content a {
  word-break: break-all;
}

/* line 17, app/assets/stylesheets/application/actiontext.scss */
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

/* line 26, app/assets/stylesheets/application/actiontext.scss */
.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/* line 33, app/assets/stylesheets/application/actiontext.scss */
.trix-content blockquote {
  margin: 0 0.3em 0 0.3em;
  padding: 0 0.6em 0 0.6em;
}

/* line 38, app/assets/stylesheets/application/actiontext.scss */
.trix-content action-text-attachment {
  display: block;
  max-width: 100%;
  margin: 1em 0;
}

/* line 43, app/assets/stylesheets/application/actiontext.scss */
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

/* line 48, app/assets/stylesheets/application/actiontext.scss */
.trix-content action-text-attachment img {
  max-width: 100%;
  height: auto;
}

/* line 54, app/assets/stylesheets/application/actiontext.scss */
trix-editor {
  min-height: 30em;
  max-height: 30em;
  overflow-y: auto;
}

/* line 59, app/assets/stylesheets/application/actiontext.scss */
trix-toolbar {
  text-align: center;
}

/* line 61, app/assets/stylesheets/application/actiontext.scss */
trix-toolbar .trix-button-row {
  width: 100%;
}
@charset "UTF-8";
/* line 11, app/assets/stylesheets/application/articles.scss.erb */
div.form_article {
  margin-top: -30px;
}

/* line 14, app/assets/stylesheets/application/articles.scss.erb */
div.form_article * {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 20, app/assets/stylesheets/application/articles.scss.erb */
div.form_article img {
  width: 300px;
  vertical-align: bottom;
}

/* line 24, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .set_item_area {
  position: relative;
  width: 100%;
}

/* line 28, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .radio_none_1 {
  margin: 1px !important;
}

/* line 31, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .set_item_close {
  width: 30px;
  height: 23px;
  position: absolute;
  top: 23px;
  left: -35px;
  z-index: 1;
  opacity: 0.8;
  background-image: url(/assets/icon/delete-2ba8de47b2a70f48866c356917988e8f5ce66327ee2f35329285949bb33858d3.png);
  background-repeat: no-repeat;
  background-size: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* line 47, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .set_item_close:hover {
  opacity: 0.4;
  border-radius: 5px;
}

/* line 52, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .radio_none_2 {
  width: 40px;
  position: absolute;
  left: -42px;
  top: 71px;
  z-index: 1;
}

/* line 60, app/assets/stylesheets/application/articles.scss.erb */
div.form_article input:focus, div.form_article textarea:focus, div.form_article select:focus {
  outline: none;
}

/* line 65, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box {
  width: calc(100% - 30px);
  max-width: 1020px;
  padding: 13px 0 58px;
  background: #fff;
  border-radius: 10px;
}

/* line 72, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .pc_off {
  display: none;
}

/* line 75, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .form-title {
  width: 400px;
  margin: 0 auto 25px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

/* line 82, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .c_txt {
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px;
}

/* line 90, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun {
  width: 730px;
  margin: 30px auto 0;
}

/* line 96, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field {
  margin-bottom: 50px;
}

/* line 98, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .cl {
  clear: both;
}

/* line 101, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .form-control {
  width: 460px;
  padding-left: 15px;
}

/* line 106, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .radio_size {
  margin-bottom: 0.5em;
  height: calc(0.75em + .75rem + 2px);
}

/* line 111, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field label {
  color: #ee780f;
  font-size: 15px;
  font-weight: bold;
  width: 250px;
  display: block;
  float: left;
  padding-top: 15px;
}

/* line 120, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .set_form_valid {
  padding-top: 0;
  height: calc(0.75em + .75rem + 2px);
  padding-top: 2px;
  text-align: right;
  color: black;
}

/* line 127, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .set_form_label {
  margin-top: 0.5em;
}

@media screen and (max-width: 800px) {
  /* line 131, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field label {
    font-size: 1rem;
    width: 100%;
    float: none;
    padding-top: 0px;
  }
}

/* line 139, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field label.req::after {
  content: "必須";
  background: #f3f3f3;
  color: #616161;
  margin-left: 20px;
  padding: 5px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: normal;
}

/* line 149, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .form-in {
  background: #f3f3f3;
  width: 460px;
  min-height: 45px;
  padding: 12px 10px 10px 20px;
  margin-bottom: 25px;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  resize: vertical;
}

/* line 162, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .form-in .box-check {
  height: 30px;
  text-align: center;
  float: none;
}

/* line 166, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .form-in .box-check .shikaku {
  text-align: center;
}

/* line 171, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field div.row {
  border: solid silver 1px;
  border-collapse: separate;
}

/* line 175, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .set_form_row {
  border: none;
}

/* line 178, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field div.project {
  border: solid silver 1px;
  border-collapse: separate;
  height: 60px;
  font-size: 0.7rem;
  letter-spacing: 0.05rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-all;
}

/* line 192, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field div.project input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* line 198, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field div.project input[type="checkbox"]:checked {
  background: #f93 !important;
  opacity: 0.5;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 206, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .set_anser_item {
  border-bottom: none !important;
  border-right: none !important;
  min-height: 0 !important;
}

/* line 211, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .selected {
  background: #f93 !important;
  opacity: 0.5;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

@media screen and (max-width: 800px) {
  /* line 219, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field .form-in {
    width: 100%;
  }
  /* line 222, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field .form-title {
    width: 100%;
  }
  /* line 225, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field .soushin-box {
    width: 100%;
  }
  /* line 228, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field ol {
    margin: 0;
  }
  /* line 231, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field li {
    margin: 8px 0 8px 15px;
  }
  /* line 233, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field li span {
    margin: 0 0 0 -20px;
  }
  /* line 237, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field li.naka:before {
    margin-left: -1.5em;
    width: 1.5em;
  }
}

/* line 242, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field textarea {
  background: #f3f3f3;
  width: 460px;
  min-height: 45px;
  padding: 12px 10px 10px 20px;
  margin-bottom: 25px;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  resize: vertical;
}

/* line 254, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .lead {
  min-height: 120px;
}

/* line 257, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .form_set_q {
  margin: 0;
  margin-top: 15px;
}

@media screen and (max-width: 800px) {
  /* line 263, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field input, div.form_article .form_box .formrun .field textarea {
    width: 100%;
    float: none;
    margin: 12px 0 25px;
  }
  /* line 268, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field .radio_size {
    margin-top: 0;
  }
}

/* line 272, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field select {
  background: #f3f3f3 url(/assets/form/select_ar-ff7807533ce0f105fa39c88239fe94f5d7032978eb11a1a1ae33795c9e297532.png) right center no-repeat;
  background-size: 45px 45px;
  color: #616161;
  display: block;
  position: relative;
  float: left;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 460px;
  height: 45px;
  border: none;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 12px 50px 10px 20px;
}

/* line 290, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field #form_setting_set_deadline_1i {
  width: 25%;
}

/* line 293, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field #form_setting_set_deadline_2i {
  width: 25%;
}

/* line 296, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field #form_setting_set_deadline_3i {
  width: 25%;
}

/* line 299, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field #form_set_donation_set_donation_deadline_1i {
  width: 25%;
}

/* line 302, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field #form_set_donation_set_donation_deadline_2i {
  width: 25%;
}

/* line 305, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field #form_set_donation_set_donation_deadline_3i {
  width: 25%;
}

/* line 308, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .set_label_q {
  margin-bottom: 15px;
}

@media screen and (max-width: 800px) {
  /* line 312, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun .field select {
    width: 100%;
    margin: 12px 0 25px 0;
  }
}

/* line 318, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field textarea {
  min-height: 100px;
}

/* line 321, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .field .form_set_q {
  min-height: 100px;
}

/* line 325, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun trix-editor {
  height: 450px;
  padding: 30px;
}

/* line 330, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .c_txt2 {
  font-size: 13px;
  line-height: 25px;
  margin: 35px 0 30px;
  text-align: center;
  font-weight: bold;
}

/* line 338, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .check_box_bb {
  margin: 0 auto;
  width: 150px;
}

/* line 343, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .check_box_bb label {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  float: left;
  text-align: center;
  padding-top: 0px;
  position: relative;
  display: block;
  margin-right: 30px;
}

/* line 355, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .check_box_bb .check {
  text-align: center;
}

/* line 358, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .check_box_bb .check_box {
  opacity: 1;
  float: left;
  height: 13px;
  width: 13px;
  margin: 0 auto;
}

/* line 366, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .soushin-box {
  width: 400px;
  margin: 0 auto;
  margin-top: 60px;
}

/* line 370, app/assets/stylesheets/application/articles.scss.erb */
div.form_article .form_box .formrun .soushin-box .submit_btn {
  width: 40%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 auto;
  background-size: cover;
  border: none;
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  /* line 386, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .formrun {
    width: 100%;
    margin: 20px auto 0;
  }
  /* line 390, app/assets/stylesheets/application/articles.scss.erb */
  div.form_article .form_box .top_photo {
    width: 100%;
  }
}
@charset "UTF-8";
/* line 5, app/assets/stylesheets/application/categories.scss */
body.categories {
  /* ↓ここから追加入力 */
  /* ↑ここまで */
}

/* line 6, app/assets/stylesheets/application/categories.scss */
body.categories .img-fluid {
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
}

/* line 11, app/assets/stylesheets/application/categories.scss */
body.categories .table {
  width: auto;
}

/* line 15, app/assets/stylesheets/application/categories.scss */
body.categories .info_content {
  background-color: #e9edf5;
  border-radius: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
  opacity: 0.8;
  width: 90%;
  height: 300px;
  margin: 0 auto;
  overflow-x: auto;
}

/* line 26, app/assets/stylesheets/application/categories.scss */
body.categories .pc_off {
  display: none;
}

/* line 29, app/assets/stylesheets/application/categories.scss */
body.categories ul {
  padding: 0;
}

/* line 32, app/assets/stylesheets/application/categories.scss */
body.categories li {
  list-style: none;
}

/* line 36, app/assets/stylesheets/application/categories.scss */
body.categories tr td {
  padding: 0.7rem 0;
  line-height: 1.5rem;
}

/* line 39, app/assets/stylesheets/application/categories.scss */
body.categories tr td a {
  display: block;
  text-decoration: none;
  color: black;
  letter-spacing: 0.05rem;
}

/* line 49, app/assets/stylesheets/application/categories.scss */
body.categories h1,
body.categories h2 {
  color: #424242 !important;
}

/* line 62, app/assets/stylesheets/application/categories.scss */
body.categories .breadcrumb-item > a {
  color: #424242;
  font-size: 13px;
}

/* line 66, app/assets/stylesheets/application/categories.scss */
body.categories .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 69, app/assets/stylesheets/application/categories.scss */
body.categories h2 {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

/* line 73, app/assets/stylesheets/application/categories.scss */
body.categories .new_supporters_heading {
  display: inline-block;
  background: #feae00;
  color: white;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  padding: 6px 20px;
  position: relative;
  top: 18px;
  left: 16px;
}

/* line 84, app/assets/stylesheets/application/categories.scss */
body.categories .new_supporters {
  border-radius: 16px;
  color: #5e5e5e;
}

/* line 88, app/assets/stylesheets/application/categories.scss */
body.categories th {
  color: white;
  background: #00ab8e !important;
}

/* line 92, app/assets/stylesheets/application/categories.scss */
body.categories .list_icon {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

/* line 99, app/assets/stylesheets/application/categories.scss */
body.categories .footer_nav > a {
  color: #3867d6;
}

/* line 102, app/assets/stylesheets/application/categories.scss */
body.categories .fas {
  color: black;
}

/* line 105, app/assets/stylesheets/application/categories.scss */
body.categories .character_image {
  height: 120px;
}

/* line 108, app/assets/stylesheets/application/categories.scss */
body.categories footer {
  font-size: 0.9rem;
}

/* line 111, app/assets/stylesheets/application/categories.scss */
body.categories .footer_title {
  font-size: 1.2rem;
}

/* line 115, app/assets/stylesheets/application/categories.scss */
body.categories .main_title {
  font-size: 2rem;
  font-weight: bold;
}

/* line 119, app/assets/stylesheets/application/categories.scss */
body.categories .title {
  margin-top: 60px;
  font-size: 2rem;
  font-weight: bold;
}

/* line 124, app/assets/stylesheets/application/categories.scss */
body.categories .right_text_box {
  font-size: 1.7rem;
}

/* line 128, app/assets/stylesheets/application/categories.scss */
body.categories p {
  color: #424242;
  font-size: 1.5rem;
  line-height: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 135, app/assets/stylesheets/application/categories.scss */
body.categories .title_image {
  height: 200px;
}

/* line 138, app/assets/stylesheets/application/categories.scss */
body.categories .wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

/* line 142, app/assets/stylesheets/application/categories.scss */
body.categories .info_table {
  font-size: 1rem;
}

/* line 146, app/assets/stylesheets/application/categories.scss */
body.categories .service_box {
  width: 100%;
  margin: 0 auto;
}

/* line 149, app/assets/stylesheets/application/categories.scss */
body.categories .service_box .con_box {
  margin: 0 0 40px;
  border: 2px #a8a8a8 solid;
  width: 100%;
  height: 90px;
}

/* line 155, app/assets/stylesheets/application/categories.scss */
body.categories .service_box .con_box:hover {
  font-weight: bold;
  text-decoration: none;
}

/* line 159, app/assets/stylesheets/application/categories.scss */
body.categories .service_box .con_color1 {
  width: 100%;
  height: 90px;
  display: table-cell;
  vertical-align: middle;
}

/* line 165, app/assets/stylesheets/application/categories.scss */
body.categories .service_box .con_text {
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.8rem;
}

/* line 211, app/assets/stylesheets/application/categories.scss */
body.categories .info-sec {
  margin-top: 100px;
}

/* line 215, app/assets/stylesheets/application/categories.scss */
body.categories td {
  font-size: 1.2rem;
  padding: 1rem;
}

@media screen and (max-width: 800px) {
  /* line 220, app/assets/stylesheets/application/categories.scss */
  body.categories td {
    font-size: 0.8rem;
    color: #424242;
    text-align: left;
    padding: 0.5rem;
  }
}

/* line 227, app/assets/stylesheets/application/categories.scss */
body.categories .info_box_table {
  margin: 0 5% 2%;
}

@media screen and (max-width: 800px) {
  /* line 232, app/assets/stylesheets/application/categories.scss */
  body.categories .info_content {
    background-color: #e9edf5;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    overflow-x: auto;
  }
  /* line 239, app/assets/stylesheets/application/categories.scss */
  body.categories .info_box_table {
    width: 100%;
    margin: 5% auto 5%;
  }
  /* line 243, app/assets/stylesheets/application/categories.scss */
  body.categories .text-nowrap {
    margin: 13px auto 8px;
    padding: 0;
    width: 50%;
    display: inline-block;
  }
  /* line 250, app/assets/stylesheets/application/categories.scss */
  body.categories .info-text {
    font-size: 0.8rem;
    color: #424242;
    text-align: left;
    padding: 0px;
    display: block;
    line-height: 1.2rem;
  }
  /* line 258, app/assets/stylesheets/application/categories.scss */
  body.categories .info-date {
    margin: 15px auto 5px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: bold;
    color: #424242 !important;
    padding: 0px;
    width: 50%;
    display: inline-block;
    line-height: none;
  }
  /* line 271, app/assets/stylesheets/application/categories.scss */
  body.categories tr td a {
    display: inline-block;
  }
  /* line 278, app/assets/stylesheets/application/categories.scss */
  body.categories .list_header {
    width: 90%;
  }
  /* line 280, app/assets/stylesheets/application/categories.scss */
  body.categories .list_header h5.split {
    width: 33%;
  }
  /* line 283, app/assets/stylesheets/application/categories.scss */
  body.categories .list_header h5.split a div {
    font-size: 0.9rem;
  }
  /* line 290, app/assets/stylesheets/application/categories.scss */
  body.categories .list_header .current {
    text-decoration: none;
  }
}

/* line 295, app/assets/stylesheets/application/categories.scss */
body.categories .info-date {
  font-size: 1.1rem;
  font-weight: bold;
  color: #424242 !important;
  width: 160px;
  line-height: 1.5rem;
}

/* line 303, app/assets/stylesheets/application/categories.scss */
body.categories .text-nowrap {
  width: 120px;
  line-height: 1.5rem;
}

/* line 308, app/assets/stylesheets/application/categories.scss */
body.categories .info-text {
  padding: 0.7rem 0;
  padding-left: 10px;
  letter-spacing: 0.05;
  margin-bottom: 5px;
}

/* line 317, app/assets/stylesheets/application/categories.scss */
body.categories .new_radius1 {
  font-size: 0.8rem;
  color: #fff;
  width: 80%;
  border-radius: 15px;
  background-color: #00ab8e;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 326, app/assets/stylesheets/application/categories.scss */
  body.categories .new_radius1 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #00ab8e;
    padding: 5px 30px;
  }
}

/* line 336, app/assets/stylesheets/application/categories.scss */
body.categories .new_radius2 {
  font-size: 0.8rem;
  color: #fff;
  width: 80%;
  border-radius: 15px;
  background-color: rgba(255, 166, 0, 0.863);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 345, app/assets/stylesheets/application/categories.scss */
  body.categories .new_radius2 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: rgba(255, 166, 0, 0.863);
    padding: 5px 20px;
  }
}

/* line 355, app/assets/stylesheets/application/categories.scss */
body.categories .new_radius3 {
  font-size: 0.8rem;
  color: #fff;
  width: 80%;
  border-radius: 15px;
  background-color: #30336b;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 364, app/assets/stylesheets/application/categories.scss */
  body.categories .new_radius3 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #30336b;
    padding: 5px 30px;
  }
}

/* line 374, app/assets/stylesheets/application/categories.scss */
body.categories .new_radius4 {
  font-size: 0.8rem;
  color: #fff;
  border-radius: 15px;
  background-color: #70a1ff;
  padding: 6px 36px;
}

@media screen and (max-width: 800px) {
  /* line 382, app/assets/stylesheets/application/categories.scss */
  body.categories .new_radius4 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #70a1ff;
    padding: 5px 25px;
  }
}

/* line 392, app/assets/stylesheets/application/categories.scss */
body.categories .new_radius5 {
  font-size: 0.8rem;
  color: #fff;
  width: 80px;
  border-radius: 15px;
  background-color: rgba(233, 75, 233, 0.829);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 401, app/assets/stylesheets/application/categories.scss */
  body.categories .new_radius5 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: rgba(233, 75, 233, 0.829);
    padding: 5px 20px;
  }
}

/* line 411, app/assets/stylesheets/application/categories.scss */
body.categories .new_radius6 {
  font-size: 0.8rem;
  color: #fff;
  border-radius: 15px;
  background-color: #0097e6;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 419, app/assets/stylesheets/application/categories.scss */
  body.categories .new_radius6 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #0097e6;
    padding: 5px 8px;
  }
}

/* line 429, app/assets/stylesheets/application/categories.scss */
body.categories .new_radius7 {
  font-size: 0.8rem;
  color: #fff;
  border-radius: 15px;
  background-color: teal;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 437, app/assets/stylesheets/application/categories.scss */
  body.categories .new_radius7 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: teal;
    padding: 5px 8px;
  }
}

/* line 446, app/assets/stylesheets/application/categories.scss */
body.categories .info_box {
  position: relative;
  height: 150px;
}

/* line 450, app/assets/stylesheets/application/categories.scss */
body.categories .info_image {
  height: 50px;
  margin-left: 40%;
  position: absolute;
  bottom: 80%;
}

/* line 456, app/assets/stylesheets/application/categories.scss */
body.categories .info_text {
  width: 260px;
  border: #a8a8a8 solid 2px;
  border-radius: 10px;
  padding: 30px 20px;
  font-size: 1.2rem;
  margin: 10px 20px;
  letter-spacing: 0.1rem;
}

/* line 465, app/assets/stylesheets/application/categories.scss */
body.categories .info_text_f {
  width: 260px;
  border: #a8a8a8 solid 2px;
  border-radius: 10px;
  padding-top: 35px;
  padding-bottom: 25px;
  font-size: 1rem;
  margin: 10px 20px;
  line-height: 20px;
}

/* line 475, app/assets/stylesheets/application/categories.scss */
body.categories .form-inline {
  position: relative;
}

/* line 478, app/assets/stylesheets/application/categories.scss */
body.categories .btn {
  position: absolute;
  right: 4%;
}

@media screen and (max-width: 576px) {
  /* line 5, app/assets/stylesheets/application/categories.scss */
  body.categories {
    /* ↓ここから追加入力 */
    /* ↑ここまで */
  }
  /* line 484, app/assets/stylesheets/application/categories.scss */
  body.categories .pc_off {
    display: block;
  }
  /* line 487, app/assets/stylesheets/application/categories.scss */
  body.categories h1 {
    font-size: 1.2rem !important;
  }
  /* line 490, app/assets/stylesheets/application/categories.scss */
  body.categories .breadcrumb {
    font-size: 0.8rem;
  }
  /* line 494, app/assets/stylesheets/application/categories.scss */
  body.categories .title_image {
    height: 160px;
  }
  /* line 497, app/assets/stylesheets/application/categories.scss */
  body.categories h2 {
    font-size: 1rem;
  }
  /* line 500, app/assets/stylesheets/application/categories.scss */
  body.categories .main_title {
    font-size: 1.2rem;
  }
  /* line 503, app/assets/stylesheets/application/categories.scss */
  body.categories .title {
    font-size: 1.5rem;
  }
  /* line 506, app/assets/stylesheets/application/categories.scss */
  body.categories p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  /* line 511, app/assets/stylesheets/application/categories.scss */
  body.categories .service_box .con_box {
    margin-bottom: 20px;
  }
  /* line 513, app/assets/stylesheets/application/categories.scss */
  body.categories .service_box .con_box .con_color1 {
    margin-left: 0;
  }
  /* line 515, app/assets/stylesheets/application/categories.scss */
  body.categories .service_box .con_box .con_color1 .con_text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 576px) and (max-width: 800px) {
  /* line 524, app/assets/stylesheets/application/categories.scss */
  body.categories .service_box {
    width: 100%;
  }
  /* line 527, app/assets/stylesheets/application/categories.scss */
  body.categories .info-date {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 576px) {
  /* line 531, app/assets/stylesheets/application/categories.scss */
  body.categories .info_text {
    font-size: 1rem;
  }
  /* line 534, app/assets/stylesheets/application/categories.scss */
  body.categories .btn {
    right: 0.1rem;
  }
  /* line 538, app/assets/stylesheets/application/categories.scss */
  body.categories .top-section .container {
    padding: 0;
    width: 90%;
    margin: 0 auto;
  }
  /* line 547, app/assets/stylesheets/application/categories.scss */
  body.categories .top-section tr + tr:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    /*線の上下位置*/
    width: 90%;
    /*線の長さ*/
    height: 1px;
    /*線の太さ*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /*位置調整*/
    background-color: grey;
    /*線の色*/
    border-radius: 2px;
    /*線の丸み*/
  }
  /* line 560, app/assets/stylesheets/application/categories.scss */
  body.categories .top-section td {
    letter-spacing: 0.1rem;
    padding: 0 16px;
  }
  /* line 566, app/assets/stylesheets/application/categories.scss */
  body.categories .top-section *,
body.categories .top-section ::after,
body.categories .top-section ::before {
    box-sizing: content-box;
  }
  /* line 571, app/assets/stylesheets/application/categories.scss */
  body.categories .top-section .text-right {
    margin-top: 19px;
  }
  /* line 574, app/assets/stylesheets/application/categories.scss */
  body.categories .top-section .text-nowrap {
    padding: 0;
  }
}
@charset "UTF-8";
/* faqセクション */
/* line 2, app/assets/stylesheets/application/faq.scss */
.faq {
  padding-bottom: 100px;
  padding-top: 30px;
  background-color: #f5f6f7;
}

/* line 8, app/assets/stylesheets/application/faq.scss */
.faq__item {
  background-color: #fff;
  border-radius: 15px;
  padding: 8px 14px;
  font-size: 21px;
  line-height: 1.5;
  width: 85%;
  margin: 0 auto;
  letter-spacing: 0.8px;
}

/* line 17, app/assets/stylesheets/application/faq.scss */
.faq__item + .faq__item {
  margin-top: 20px;
}

/* line 21, app/assets/stylesheets/application/faq.scss */
.faq__item.-appear .faq__q::after {
  transform: rotate(-180deg);
}

/* line 24, app/assets/stylesheets/application/faq.scss */
.faq__item.-appear .faq__a {
  transition: max-height 0.5s, padding-top 0.5s, padding-bottom 0.5s;
  max-height: 200px;
  padding-top: 22px;
  padding-bottom: 18px;
  padding-left: 14px;
  padding-right: 14px;
}

/* line 35, app/assets/stylesheets/application/faq.scss */
.faq__q {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding: 22px 14px 18px;
  align-items: center;
}

/* line 41, app/assets/stylesheets/application/faq.scss */
.faq__q::before {
  content: "Q. ";
  color: #ff8349;
  font-size: 26px;
  margin: 0 20px;
}

/* line 47, app/assets/stylesheets/application/faq.scss */
.faq__q::after {
  content: "";
  width: 64px;
  height: 24px;
  position: absolute;
  right: 16px;
  background: url(/assets/icon/arrow-pc-aecac08e5984512b58fb2e6a0e82d2e6f9cf20f09686081bbd62e313981c293e.svg) center center no-repeat;
  transition: transform 0.5s;
}

/* line 58, app/assets/stylesheets/application/faq.scss */
.faq__a {
  display: flex;
  align-items: center;
  margin: 0;
  max-height: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s, padding-left 0.2s 1s;
  overflow: hidden;
}

/* line 67, app/assets/stylesheets/application/faq.scss */
.faq__a .faq__a-item {
  color: #6249ff;
  font-size: 26px;
  font-weight: 700;
  margin: 0 20px;
}

/* line 73, app/assets/stylesheets/application/faq.scss */
.faq__a .faq__a-text {
  line-height: 1.5;
  letter-spacing: 0.8px;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  /* line 81, app/assets/stylesheets/application/faq.scss */
  .faq {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  /* line 85, app/assets/stylesheets/application/faq.scss */
  .faq__item {
    width: 95%;
    font-size: 1rem;
    padding: 5px;
  }
  /* line 90, app/assets/stylesheets/application/faq.scss */
  .faq__item.-appear .faq__a {
    transition: max-height 0.5s, padding-top 0.5s, padding-bottom 0.5s;
    max-height: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 100, app/assets/stylesheets/application/faq.scss */
  .faq__q {
    padding: 10px 20px;
  }
  /* line 103, app/assets/stylesheets/application/faq.scss */
  .faq__q::after {
    width: 14px;
    height: 14px;
    right: 5px;
    background: url(/assets/icon/arrow-9d18d53cf935a4fcbd0cbe84a78f433bfb6d5cad648ba904429a64c56c0bcfcc.svg) center center no-repeat;
  }
  /* line 109, app/assets/stylesheets/application/faq.scss */
  .faq__q::before {
    font-size: 18px;
    margin-left: 0;
    margin-right: 0;
    width: 30px;
  }
  /* line 116, app/assets/stylesheets/application/faq.scss */
  .faq__a .faq__a-item {
    font-size: 1rem;
    margin: 0 3px 0 0;
  }
}
@charset "UTF-8";
/* line 2, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya {
  background: url(/assets/form/pattern-386cf867d781b95fe5e87083f31227e747f72b8f95427142f5315228eeeebb1e.gif) left top;
}

/* line 5, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya * {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 11, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya img {
  width: 300px;
  vertical-align: bottom;
}

/* line 15, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya input:focus, div.form_setagaya textarea:focus, div.form_setagaya select:focus {
  outline: none;
}

/* line 20, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box {
  width: calc(100% - 30px);
  max-width: 920px;
  margin: 24px auto;
  padding: 43px 0 58px;
  background: #fff;
  border-radius: 10px;
}

/* line 28, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .pc_off {
  display: none;
}

/* line 31, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .form-title {
  margin: 0 auto 25px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

/* line 39, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .c_txt {
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px;
}

/* line 47, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun {
  width: 730px;
  margin: 30px auto 0;
}

/* line 51, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .cl {
  clear: both;
}

/* line 54, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field label {
  color: #ee780f;
  font-size: 15px;
  font-weight: bold;
  width: 200px;
  display: block;
  float: left;
  padding-top: 12px;
}

/* line 63, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .set_item_area {
  position: relative;
  margin-bottom: 30px;
}

/* line 67, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .radio_size {
  margin-bottom: 0.5em;
  height: calc(0.75em + .75rem + 2px);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  position: absolute;
  z-index: 1;
}

/* line 77, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .sheet_border {
  border-left: solid silver 1px;
  border-top: solid silver 1px;
}

/* line 81, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .sheet_disabled {
  background-color: #f3f3f3;
  opacity: 0.7;
}

/* line 85, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .sheet {
  border-right: solid silver 1px;
  border-bottom: solid silver 1px;
  border-collapse: separate;
  font-weight: bold;
  height: 34px;
  line-height: 1rem;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-all;
}

/* line 102, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .sheet input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* line 108, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .sheet input[type="checkbox"]:checked {
  background: #f93 !important;
  opacity: 0.5;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 116, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .form_set_q {
  margin: 0;
}

/* line 122, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .deleted {
  display: none;
}

/* line 125, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .set_sample {
  min-height: 150px;
}

/* line 128, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .set_small {
  left: 40px;
  width: 180px !important;
}

/* line 132, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .set_form_valid {
  color: black;
  height: 2.9em;
  padding: 8px 2px;
  height: 35px;
  line-height: 1rem;
  border-bottom: 1px silver solid;
  border-right: 1px silver solid;
  font-size: 0.9rem;
  z-index: 99;
}

@media screen and (max-width: 800px) {
  /* line 145, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .set_form_valid {
    font-size: 0.8rem;
  }
  /* line 148, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .sheet {
    font-size: 0.8rem;
  }
}

/* line 152, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field input[type=radio]:checked + .set_form_valid {
  background: #f93 !important;
  opacity: 0.6;
}

/* line 156, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .field_with_errors {
  background: black;
}

/* line 158, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .field_with_errors input[type=radio]:checked + .set_form_valid {
  background: #f93 !important;
  opacity: 0.6;
}

/* line 163, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .show_name {
  min-height: 45px !important;
  height: 45px !important;
}

@media screen and (max-width: 800px) {
  /* line 168, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field label {
    font-size: 1rem;
    width: 100%;
    float: none;
    padding-top: 0px;
  }
  /* line 175, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .radio_size {
    margin-top: 0;
  }
}

/* line 179, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field label.req::after {
  content: "必須";
  background: #f3f3f3;
  color: #CB2323;
  margin-left: 20px;
  padding: 5px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: normal;
}

/* line 189, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field label.free::after {
  content: "任意";
  background: #f3f3f3;
  color: #616161;
  margin-left: 20px;
  padding: 5px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 5px;
}

/* line 200, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .q_sentence {
  font-size: 18px;
  font-weight: bold;
  border-top: silver solid 1px;
  padding-top: 30px;
  letter-spacing: 0.08rem;
  line-height: 1.8rem;
  word-break: break-all;
}

/* line 209, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .form-in {
  background: #f3f3f3;
  width: 530px;
  min-height: 45px;
  padding: 12px 10px 10px 20px;
  margin-bottom: 25px;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  resize: vertical;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  background-color: #fff;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* line 227, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .form-in .box-check {
  height: 30px;
  text-align: center;
  float: none;
}

/* line 231, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .form-in .box-check .shikaku {
  text-align: center;
}

/* line 236, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field div.row {
  border: solid silver 1px;
}

/* line 239, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .set_anser_item {
  border-bottom: none !important;
  border-right: none !important;
}

/* line 243, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .form_border {
  border: solid silver 1px;
}

/* line 246, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field div.project {
  border: solid silver 1px;
  height: 60px;
  font-size: 0.7rem;
  letter-spacing: 0.05rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-all;
}

/* line 262, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field div.project input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* line 268, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field div.project input[type="checkbox"]:checked {
  background: #f93 !important;
  opacity: 0.5;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 276, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .selected {
  background: #f93 !important;
  opacity: 0.5;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

@media screen and (max-width: 800px) {
  /* line 284, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .form-in {
    width: 100%;
  }
  /* line 287, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .form-title {
    width: 100%;
    font-size: 1.2rem;
  }
  /* line 291, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .soushin-box {
    width: 100%;
  }
  /* line 294, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field ol {
    margin: 0;
  }
  /* line 297, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field li {
    margin: 8px 0 8px 15px;
  }
  /* line 299, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field li span {
    margin: 0 0 0 -20px;
  }
  /* line 303, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field li.naka:before {
    margin-left: -1.5em;
    width: 1.5em;
  }
  /* line 307, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .q_sentence {
    font-size: 16px;
    letter-spacing: 0.06rem;
    line-height: 1.5rem;
  }
}

/* line 313, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field textarea {
  background: #f3f3f3;
  width: 530px;
  min-height: 45px;
  padding: 12px 10px 10px 20px;
  margin-bottom: 25px;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  resize: vertical;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* line 330, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field .form-control:disabled, div.form_setagaya .form_box .formrun .field .form-control[readonly] {
  background-color: #f3f3f3;
}

@media screen and (max-width: 800px) {
  /* line 334, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field input, div.form_setagaya .form_box .formrun .field textarea {
    width: 100%;
    float: none;
    margin: 12px 0 25px;
  }
  /* line 339, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field .sp_article_cetegory {
    margin: 0;
  }
}

/* line 343, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field select {
  background: #f3f3f3 url(/assets/form/select_ar-ff7807533ce0f105fa39c88239fe94f5d7032978eb11a1a1ae33795c9e297532.png) right center no-repeat;
  background-size: 45px 45px;
  color: #616161;
  display: block;
  position: relative;
  float: left;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 530px;
  height: 45px;
  border: none;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 12px 50px 10px 20px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media screen and (max-width: 800px) {
  /* line 367, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun .field select {
    width: 100%;
    margin: 12px 0 25px 0;
  }
}

/* line 373, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .field textarea {
  min-height: 100px;
}

/* line 377, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin {
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 300px;
  overflow-y: scroll;
  margin-top: 40px;
  padding: 30px;
  border: 2px solid #b5b5b5;
  border-radius: 5px;
  line-height: 2.2rem;
  letter-spacing: 0.075rem;
}

/* line 388, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin h3 {
  font-size: 18px;
  margin: 0 0 28px;
  font-weight: bold;
  text-align: center;
}

/* line 394, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin p {
  font-size: 13px;
  line-height: 24px;
}

/* line 398, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin li {
  font-size: 0.8rem;
  font-weight: normal;
  margin: 8px 15px 8px 30px;
  text-indent: 0.66rem;
}

/* line 404, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin li span {
  margin: 0 15px 0 -35px;
  font-weight: bold;
  font-size: 0.9rem;
}

/* line 410, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin li.soto:first-child {
  list-style: none;
}

/* line 413, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin li.naka {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
}

/* line 418, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin li.naka:before {
  content: "(" counter(cnt) ")";
  display: inline-block;
  margin-left: -3em;
  /* サイトに合せて調整 */
  width: 3em;
  /* サイトに合せて調整 */
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.9rem;
}

/* line 430, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin li::marker {
  font-weight: bold;
  font-size: 0.9rem;
}

/* line 434, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin ol {
  font-size: 0.9rem;
  margin: 15px 0;
  font-weight: bold;
  padding-inline-start: 0;
}

/* line 440, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin h4 {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}

/* line 445, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .kojin h5 {
  margin: 45px 0 15px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
}

/* line 452, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .c_txt2 {
  font-size: 13px;
  line-height: 25px;
  margin: 35px 0 30px;
  text-align: center;
  font-weight: bold;
}

/* line 460, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .check_box_bb {
  margin: 0 auto;
  width: 150px;
}

/* line 465, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .check_box_bb label {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  float: left;
  text-align: center;
  padding-top: 0px;
  position: relative;
  display: block;
  margin-right: 30px;
}

/* line 477, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .check_box_bb .check {
  text-align: center;
}

/* line 480, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .check_box_bb .check_box {
  opacity: 1;
  float: left;
  height: 13px;
  width: 13px;
  margin: 0 auto;
}

/* line 488, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .soushin-box {
  margin: 0 auto;
  margin-top: 60px;
}

/* line 492, app/assets/stylesheets/application/form_setagaya.scss.erb */
div.form_setagaya .form_box .formrun .soushin-box .submit_btn {
  width: 40%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 auto;
  background-size: cover;
  border: none;
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  /* line 508, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .formrun {
    width: 100%;
    margin: 20px auto 0;
  }
  /* line 512, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box .pc_off {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  /* line 571, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .pc_off {
    display: block;
  }
  /* line 574, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .sp_off {
    display: none;
  }
  /* line 577, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box {
    border-radius: 5px;
    padding: 28px 15px 40px;
  }
  /* line 581, app/assets/stylesheets/application/form_setagaya.scss.erb */
  div.form_setagaya .form_box h2 {
    width: 239px;
  }
}
/* line 2, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .pagination {
  padding-bottom: 75px;
}

/* line 4, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .pagination .page-item.active .page-link {
  background-color: #00ab8e;
  border-color: #00ab8e;
}

/* line 15, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .icon_explain {
  margin-left: 5px;
  margin-bottom: 45px;
  line-height: 1.4rem;
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
}

/* line 21, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .icon_explain img {
  width: 24px;
  height: 24px;
}

/* line 26, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .name {
  font-weight: bold;
}

/* line 30, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index ul {
  padding: 0;
}

/* line 33, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .date-org {
  font-size: 1.1rem;
  list-style: none;
  font-weight: bold;
}

@media screen and (max-width: 802px) {
  /* line 39, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index .date-org {
    font-size: 0.8rem;
  }
}

/* line 43, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .org-new {
  font-size: 1.2rem;
  list-style: none;
}

@media screen and (max-width: 802px) {
  /* line 48, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index .org-new {
    font-size: 0.9rem;
  }
}

/* line 53, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index a {
  color: #424242;
  text-decoration: none;
}

/* line 58, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .breadcrumb {
  background: white;
  font-size: 0.9rem;
  background-color: #e9edf5;
}

/* line 63, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .breadcrumb-item > a {
  color: #424242;
}

/* line 66, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 69, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index h2 {
  color: #424242 !important;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  margin: 72px 0 32px;
}

/* line 75, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .new_supporters_heading {
  display: inline-block;
  background: #feae00;
  color: white;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  padding: 6px 20px;
  position: relative;
  top: 18px;
  left: 16px;
}

/* line 86, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .new_supporters {
  border-radius: 16px;
  color: #5e5e5e;
}

/* line 89, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .new_supporters ul {
  height: 300px;
  overflow: scroll;
}

/* line 94, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .table_wrap {
  width: 90%;
  margin: 0 auto;
}

/* line 98, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .table-responsive {
  margin: 90px auto 5px;
}

/* line 101, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index th {
  color: white;
  background: #00ab8e !important;
}

/* line 105, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .list_icon_1 {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  background: rgba(255, 166, 0, 0.452);
}

/* line 112, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .list_icon_2 {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  background: rgba(230, 170, 91, 0.829);
}

/* line 119, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .list_icon_3 {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  background: rgba(98, 98, 190, 0.26);
}

/* line 126, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .list_icon_4 {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  background: #f0f8ff;
}

/* line 133, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .list_icon_5 {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  background: rgba(221, 160, 221, 0.527);
}

/* line 140, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .list_icon_6 {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  background: rgba(175, 238, 238, 0.562);
}

/* line 147, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index td > a {
  color: #004d80;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 154, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index td > a:hover {
  color: #004d80;
}

/* line 157, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index td > .list_icon:not(:last-child) {
  margin-right: 4px;
}

/* line 160, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .footer_nav > a {
  color: #3867d6;
}

/* line 163, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .fas {
  color: black;
}

/* line 166, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .character_image {
  height: 120px;
}

/* line 169, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index footer {
  font-size: 0.9rem;
}

/* line 172, app/assets/stylesheets/application/general_orgs_index.scss */
body.general_orgs_index .site_logo {
  height: 36px;
  margin-top: 10px;
}

@media screen and (max-width: 576px) {
  /* line 177, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index h2 {
    margin: 48px 0;
  }
  /* line 180, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index .site_logo {
    height: 30px;
  }
  /* line 183, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index .breadcrumb {
    font-size: 0.8rem;
  }
  /* line 186, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index .table-responsive {
    margin: 64px auto 10px;
  }
}

@media screen and (min-width: 992px) {
  /* line 191, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index .wrapper {
    padding: 0 120px;
  }
}

@media screen and (min-width: 1200px) {
  /* line 196, app/assets/stylesheets/application/general_orgs_index.scss */
  body.general_orgs_index .container-md {
    max-width: 960px;
  }
}
/* line 6, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show h2 {
  margin-top: 72px;
}

@media screen and (max-width: 576px) {
  /* line 10, app/assets/stylesheets/application/general_orgs_show.scss */
  body.general_orgs_show h2 {
    margin-top: 36px;
  }
}

/* line 14, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .breadcrumb {
  background: white;
  font-size: 0.9rem;
  background-color: #e9edf5;
}

/* line 19, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .breadcrumb-item > a {
  color: #424242;
}

/* line 22, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 25, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .footer_nav > a {
  color: #3867d6;
}

/* line 28, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .fas {
  color: black;
}

/* line 31, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .character_image {
  height: 120px;
}

/* line 34, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show footer {
  font-size: 0.9rem;
}

/* line 37, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .top_photo {
  width: 60%;
  margin: 64px auto;
}

/* line 41, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show h2 {
  letter-spacing: 0.1rem;
  font-size: 1.5rem;
  border-left: 8px solid #006c65;
  border-bottom: 1px solid #5e5e5e;
}

/* line 47, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show h3 {
  color: #212121;
  font-weight: bold;
  letter-spacing: 0.15rem;
  font-size: 1.1rem;
}

/* line 53, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .target_class {
  font-size: 1rem;
}

/* line 56, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .org_comment {
  font-size: 1rem;
  line-height: 1.4rem;
}

/* line 60, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .category_img_1 {
  width: 42px;
  border-radius: 8px;
  background: rgba(255, 166, 0, 0.452);
}

/* line 66, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .category_img_2 {
  width: 42px;
  border-radius: 8px;
  background: rgba(230, 170, 91, 0.829);
}

/* line 72, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .category_img_3 {
  width: 42px;
  border-radius: 8px;
  background: rgba(98, 98, 190, 0.26);
}

/* line 78, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .category_img_4 {
  width: 42px;
  border-radius: 8px;
  background: #f0f8ff;
}

/* line 84, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .category_img_5 {
  width: 42px;
  border-radius: 8px;
  background: rgba(221, 160, 221, 0.527);
}

/* line 90, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .category_img_6 {
  width: 42px;
  border-radius: 8px;
  background: rgba(175, 238, 238, 0.562);
}

/* line 96, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .info {
  margin: 60px 0;
  font-size: 0.9rem;
  background: #f2f2f2;
}

/* line 101, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .info p {
  margin: 0;
}

/* line 104, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .info a {
  text-decoration: underline;
  color: black;
}

/* line 108, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .info_icon {
  width: 30px;
  height: 30px;
}

/* line 112, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show div.info_icon {
  font-family: serif;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #363636;
}

/* line 119, app/assets/stylesheets/application/general_orgs_show.scss */
body.general_orgs_show .site_logo {
  height: 36px;
  margin-top: 10px;
}

@media screen and (max-width: 576px) {
  /* line 125, app/assets/stylesheets/application/general_orgs_show.scss */
  body.general_orgs_show .site_logo {
    height: 30px;
  }
  /* line 128, app/assets/stylesheets/application/general_orgs_show.scss */
  body.general_orgs_show .info {
    margin: 64px 0;
  }
  /* line 131, app/assets/stylesheets/application/general_orgs_show.scss */
  body.general_orgs_show .breadcrumb {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 768px) {
  /* line 136, app/assets/stylesheets/application/general_orgs_show.scss */
  body.general_orgs_show .top_photo {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  /* line 141, app/assets/stylesheets/application/general_orgs_show.scss */
  body.general_orgs_show .wrapper {
    padding: 0 120px;
  }
}

@media screen and (min-width: 1200px) {
  /* line 146, app/assets/stylesheets/application/general_orgs_show.scss */
  body.general_orgs_show .container {
    max-width: 960px;
  }
}
/* line 4, app/assets/stylesheets/application/management.scss */
body.admin_console {
  background-color: #fcfbfa;
}

/* line 5, app/assets/stylesheets/application/management.scss */
body.admin_console .col_name {
  width: 150px;
}

/* line 8, app/assets/stylesheets/application/management.scss */
body.admin_console .share {
  text-align: center;
}

/* line 11, app/assets/stylesheets/application/management.scss */
body.admin_console .campany {
  width: 20%;
}

/* line 14, app/assets/stylesheets/application/management.scss */
body.admin_console .name {
  width: 15%;
}

/* line 17, app/assets/stylesheets/application/management.scss */
body.admin_console hr {
  width: 85%;
}

/* line 20, app/assets/stylesheets/application/management.scss */
body.admin_console .action {
  width: 15%;
}

/* line 23, app/assets/stylesheets/application/management.scss */
body.admin_console .category {
  width: 360px;
}

/* line 26, app/assets/stylesheets/application/management.scss */
body.admin_console .org_category {
  width: 180px;
}

/* line 29, app/assets/stylesheets/application/management.scss */
body.admin_console .target_name {
  width: 85%;
}

/* line 32, app/assets/stylesheets/application/management.scss */
body.admin_console .content_form {
  width: 33%;
}

/* line 35, app/assets/stylesheets/application/management.scss */
body.admin_console h2 {
  letter-spacing: 0.1rem;
  font-size: 1.5rem;
  border-left: 8px solid #006c65;
  border-bottom: 1px solid #5e5e5e;
}

/* line 41, app/assets/stylesheets/application/management.scss */
body.admin_console h3 {
  color: #212121;
  font-weight: bold;
  letter-spacing: 0.15rem;
  font-size: 1.1rem;
}

/* line 51, app/assets/stylesheets/application/management.scss */
body.admin_console .text-right {
  margin-right: 30px;
}

/* line 54, app/assets/stylesheets/application/management.scss */
body.admin_console .category_img {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}

/* line 59, app/assets/stylesheets/application/management.scss */
body.admin_console .category_img_1 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(255, 166, 0, 0.452);
}

/* line 65, app/assets/stylesheets/application/management.scss */
body.admin_console .category_img_2 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(230, 170, 91, 0.829);
}

/* line 71, app/assets/stylesheets/application/management.scss */
body.admin_console .category_img_3 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(98, 98, 190, 0.26);
}

/* line 77, app/assets/stylesheets/application/management.scss */
body.admin_console .category_img_4 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: #f0f8ff;
}

/* line 83, app/assets/stylesheets/application/management.scss */
body.admin_console .category_img_5 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(221, 160, 221, 0.527);
}

/* line 89, app/assets/stylesheets/application/management.scss */
body.admin_console .category_img_6 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(175, 238, 238, 0.562);
}

/* line 95, app/assets/stylesheets/application/management.scss */
body.admin_console .target_class {
  font-size: 1rem;
}

/* line 98, app/assets/stylesheets/application/management.scss */
body.admin_console .top_photo {
  width: 60%;
  margin: 64px auto;
}

/* line 104, app/assets/stylesheets/application/management.scss */
body.admin_console .console-title {
  font-size: 2.0rem;
  color: #353b48;
}

/* line 110, app/assets/stylesheets/application/management.scss */
body.admin_console .management-table {
  margin-left: 30px;
  width: 95%;
  border-radius: 4px;
}

/* line 115, app/assets/stylesheets/application/management.scss */
body.admin_console .management-table tr:nth-child(2n) {
  background: #ffffff;
}

/* line 119, app/assets/stylesheets/application/management.scss */
body.admin_console .management-table tr:nth-child(2n+1) {
  background: #ffffff;
}

/* line 123, app/assets/stylesheets/application/management.scss */
body.admin_console .management-table tr.caption {
  background: #30336b;
  color: #ffffff;
  height: 40px;
  font-size: 16px;
  text-align: center;
  font-weight: 100;
}

/* line 131, app/assets/stylesheets/application/management.scss */
body.admin_console .management-table tr.content-tr {
  height: 60px;
  font-size: 14px;
  text-align: left;
}

/* line 137, app/assets/stylesheets/application/management.scss */
body.admin_console .management-table .action_icon {
  width: 26px;
}
@charset "UTF-8";
/* line 3, app/assets/stylesheets/application/movies.scss */
main.contents {
  display: block;
  background: url(/assets/form/pattern-386cf867d781b95fe5e87083f31227e747f72b8f95427142f5315228eeeebb1e.gif);
  padding: 80px 20px;
}

/* line 7, app/assets/stylesheets/application/movies.scss */
main.contents .m-container {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}

/* line 14, app/assets/stylesheets/application/movies.scss */
main.contents .m-container article.movie,
main.contents .m-container aside.toc {
  background-color: #fff;
  box-shadow: 0 0 2px grey;
  border-radius: 3px;
}

/* line 20, app/assets/stylesheets/application/movies.scss */
main.contents .m-container article.movie {
  width: 70%;
  padding: 50px;
  margin-left: 5%;
  /* 動画を囲うdiv */
}

/* line 24, app/assets/stylesheets/application/movies.scss */
main.contents .m-container article.movie h2.movie__title {
  font-size: 2em;
  font-weight: bold;
  padding: 0.4em 0.5em;
  /*文字の上下 左右の余白*/
  margin-bottom: 40px;
  color: #494949;
  /*文字色*/
  background: #f4f4f4;
  /*背景色*/
  border-left: solid 5px #ff8349;
  /*左線*/
  border-bottom: solid 3px #d7d7d7;
  /*下線*/
}

/* line 35, app/assets/stylesheets/application/movies.scss */
main.contents .m-container article.movie .movie__content {
  position: relative;
  width: 100%;
  /* 横幅は100%で固定 */
  height: 0;
  /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%;
  /* 高さを指定(16:9) */
  /* YouTube埋め込み用のiframe */
}

/* line 41, app/assets/stylesheets/application/movies.scss */
main.contents .m-container article.movie .movie__content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 49, app/assets/stylesheets/application/movies.scss */
main.contents .m-container article.movie .movie__text {
  font-size: 1.2em;
  line-height: 1.6;
  margin: 30px 0 100px;
}

/* line 55, app/assets/stylesheets/application/movies.scss */
main.contents .m-container aside.toc {
  width: 25%;
  height: fit-content;
  position: sticky;
  top: 15px;
  color: #494949;
}

/* line 61, app/assets/stylesheets/application/movies.scss */
main.contents .m-container aside.toc h3.toc__title {
  text-align: center;
  background-color: #fcd69e;
  font-weight: bold;
  padding: 10px 0px;
  font-size: 1.2em;
}

/* line 68, app/assets/stylesheets/application/movies.scss */
main.contents .m-container aside.toc ol.toc__list {
  padding: 5px 18px 0;
  margin: 4px 5%;
  font-weight: bold;
  list-style: decimal;
}

/* line 73, app/assets/stylesheets/application/movies.scss */
main.contents .m-container aside.toc ol.toc__list li.toc__item {
  padding: 8px 0;
  font-size: 0.85em;
  line-height: 1.5;
}

/* line 77, app/assets/stylesheets/application/movies.scss */
main.contents .m-container aside.toc ol.toc__list li.toc__item a.toc__item-link {
  display: block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/* line 82, app/assets/stylesheets/application/movies.scss */
main.contents .m-container aside.toc ol.toc__list li.toc__item a.toc__item-link:hover {
  background-color: #f4f4f4;
}

@media screen and (max-width: 991px) {
  /* line 93, app/assets/stylesheets/application/movies.scss */
  main.contents {
    padding: 10px 0px;
  }
  /* line 95, app/assets/stylesheets/application/movies.scss */
  main.contents .m-container {
    width: 100%;
    flex-direction: column-reverse;
  }
  /* line 98, app/assets/stylesheets/application/movies.scss */
  main.contents .m-container article.movie {
    width: 100%;
    margin-top: 50px;
    margin-left: 0;
    padding: 10px;
  }
  /* line 104, app/assets/stylesheets/application/movies.scss */
  main.contents .m-container article.movie h2.movie__title {
    font-size: 1.2em;
  }
  /* line 107, app/assets/stylesheets/application/movies.scss */
  main.contents .m-container article.movie .movie__text {
    font-size: 1em;
    line-height: 1.5;
    margin: 20px 0 50px;
  }
  /* line 113, app/assets/stylesheets/application/movies.scss */
  main.contents .m-container aside.toc {
    width: 100%;
    position: unset;
  }
}
@charset "UTF-8";
/* line 5, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index {
  /* ↓ここから追加入力 */
  /* ↑ここまで */
}

/* line 6, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index hr {
  width: 90%;
}

/* line 9, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_header {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
}

/* line 14, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_header h5.split {
  margin: 0;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  margin-left: 20px;
}

/* line 20, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_header h5.split a {
  padding: 15px 0;
  color: #424242;
  display: block;
}

/* line 24, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_header h5.split a div {
  font-size: 1rem;
}

/* line 28, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_header h5.split a:hover {
  text-decoration: none;
}

/* line 32, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_header .current_1 {
  color: red;
  text-decoration-color: #f93;
  text-decoration-thickness: 3px;
  text-underline-offset: 33px;
  text-decoration: none;
}

/* line 39, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_header .current_2 {
  color: #f93;
  font-weight: bold;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .top-section {
  background: url(/assets/form/pattern-386cf867d781b95fe5e87083f31227e747f72b8f95427142f5315228eeeebb1e.gif) left top;
  padding: 5% 0;
}

@media screen and (max-width: 576px) {
  /* line 52, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section {
    margin-top: 0px;
  }
}

/* line 56, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .img-fluid {
  width: 40px;
  height: 40px;
}

/* line 61, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .table {
  width: auto;
}

/* line 65, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info_content {
  background-color: #ffffff;
  width: 100%;
  height: 600px;
  margin: 0 auto;
  overflow-x: auto;
}

/* line 72, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .pc_off {
  display: none;
}

/* line 75, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index ul {
  padding: 0;
}

/* line 78, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index li {
  list-style: none;
}

/* line 82, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index tr td {
  padding: 0.7rem 0;
}

/* line 84, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index tr td a {
  display: block;
  text-decoration: none;
  color: black;
  letter-spacing: 0.05rem;
}

/* line 94, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index h1, body.news_index h2 {
  color: #424242 !important;
}

/* line 106, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .breadcrumb-item > a {
  color: #424242;
  font-size: 13px;
}

/* line 110, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 113, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index h2 {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

/* line 117, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_supporters_heading {
  display: inline-block;
  background: #feae00;
  color: white;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  padding: 6px 20px;
  position: relative;
  top: 18px;
  left: 16px;
}

/* line 128, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_supporters {
  border-radius: 16px;
  color: #5e5e5e;
}

/* line 132, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index th {
  color: white;
  background: #00ab8e !important;
}

/* line 136, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .list_icon {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

/* line 143, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .footer_nav > a {
  color: #3867d6;
}

/* line 146, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .fas {
  color: black;
}

/* line 149, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .character_image {
  height: 120px;
}

/* line 152, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index footer {
  font-size: 0.9rem;
}

/* line 155, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .footer_title {
  font-size: 1.2rem;
}

/* line 159, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .main_title {
  font-size: 2rem;
  font-weight: bold;
}

/* line 163, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .title {
  font-size: 2rem;
  text-decoration-color: #300;
  text-decoration-thickness: 3px;
  text-underline-offset: 30px;
}

/* line 170, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .right_text_box {
  font-size: 1.7rem;
}

/* line 174, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index p {
  color: #424242;
  font-size: 1.5rem;
  line-height: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 181, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .title_image {
  height: 200px;
}

/* line 184, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

/* line 188, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info_table {
  font-size: 1.0rem;
}

/* line 193, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .service_box {
  width: 100%;
  margin: 0 auto;
}

/* line 196, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .service_box .con_box {
  margin: 0 0 40px;
  border: 2px #a8a8a8 solid;
  width: 100%;
  height: 90px;
}

/* line 202, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .service_box .con_box:hover {
  font-weight: bold;
  text-decoration: none;
}

/* line 206, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .service_box .con_color1 {
  width: 100%;
  height: 90px;
  display: table-cell;
  vertical-align: middle;
}

/* line 212, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .service_box .con_text {
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.8rem;
}

/* line 220, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index td {
  font-size: 1.0rem;
  padding: 1.0rem;
}

@media screen and (max-width: 800px) {
  /* line 225, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index td {
    font-size: 0.8rem;
    color: #424242;
    text-align: left;
    padding: 0.5rem;
  }
}

/* line 232, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info_box_table {
  margin: 0 15% 2%;
}

@media screen and (max-width: 800px) {
  /* line 237, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .info_content {
    background-color: #ffffff;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    overflow-x: auto;
  }
  /* line 244, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .info_box_table {
    width: 100%;
    margin: 5% auto 5%;
  }
  /* line 248, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .text-nowrap {
    margin: 13px auto 8px;
    padding: 0;
    width: 50%;
    display: inline-block;
  }
  /* line 255, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .info-text {
    font-size: 0.8rem;
    color: #424242;
    text-align: left;
    padding: 0px;
    display: block;
    line-height: 1.2rem;
  }
  /* line 263, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .info-date {
    margin: 15px auto 5px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: bold;
    color: #424242 !important;
    padding: 0px;
    width: 50%;
    display: inline-block;
    line-height: none;
  }
  /* line 276, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index tr td a {
    display: inline-block;
    line-height: 1.2rem;
  }
  /* line 283, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .list_header {
    width: 90%;
    justify-content: space-between;
  }
  /* line 286, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .list_header h5.split {
    width: 33%;
  }
  /* line 289, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .list_header h5.split a div {
    font-size: 0.9rem;
  }
  /* line 296, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .list_header .current_1 {
    text-decoration: none;
  }
}

/* line 301, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info-date {
  font-size: 1.0rem;
  font-weight: bold;
  color: #424242 !important;
  width: 160px;
  line-height: 1.5rem;
}

/* line 309, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .text-nowrap {
  width: 120px;
  line-height: 1.5rem;
}

/* line 314, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info-text {
  padding: 0.7rem 0;
  padding-left: 10px;
  line-height: 1.5rem;
  letter-spacing: 0.05;
  margin-bottom: 8px;
}

/* line 323, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_radius1 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: #00ab8e;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 332, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .new_radius1 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #00ab8e;
    padding: 5px 30px;
  }
}

/* line 341, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_radius2 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: rgba(255, 166, 0, 0.863);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 350, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .new_radius2 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: rgba(255, 166, 0, 0.863);
    padding: 5px 20px;
  }
}

/* line 360, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_radius3 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: #30336b;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 369, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .new_radius3 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #30336b;
    padding: 5px 30px;
  }
}

/* line 379, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_radius4 {
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 15px;
  background-color: #70a1ff;
  padding: 6px 36px;
}

@media screen and (max-width: 800px) {
  /* line 387, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .new_radius4 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #70a1ff;
    padding: 5px 25px;
  }
}

/* line 397, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_radius5 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80px;
  border-radius: 15px;
  background-color: rgba(233, 75, 233, 0.829);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 406, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .new_radius5 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: rgba(233, 75, 233, 0.829);
    padding: 5px 20px;
  }
}

/* line 416, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_radius6 {
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 15px;
  background-color: #0097e6;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 424, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .new_radius6 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #0097e6;
    padding: 5px 8px;
  }
}

/* line 434, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .new_radius7 {
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 15px;
  background-color: teal;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 442, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .new_radius7 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: teal;
    padding: 5px 8px;
  }
}

/* line 451, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info_box {
  position: relative;
  height: 150px;
}

/* line 455, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info_image {
  height: 50px;
  margin-left: 40%;
  position: absolute;
  bottom: 80%;
}

/* line 461, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info_text {
  width: 260px;
  border: #a8a8a8 solid 2px;
  border-radius: 10px;
  padding: 30px 20px;
  font-size: 1.2rem;
  margin: 10px 20px;
  letter-spacing: 0.1rem;
}

/* line 470, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .info_text_f {
  width: 260px;
  border: #a8a8a8 solid 2px;
  border-radius: 10px;
  padding-top: 35px;
  padding-bottom: 25px;
  font-size: 1.0rem;
  margin: 10px 20px;
  line-height: 20px;
}

/* line 480, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .form-inline {
  position: relative;
}

/* line 483, app/assets/stylesheets/application/news_index.scss.erb */
body.news_index .btn {
  position: absolute;
  right: 4%;
}

@media screen and (max-width: 576px) {
  /* line 5, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index {
    /* ↓ここから追加入力 */
    /* ↑ここまで */
  }
  /* line 489, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .pc_off {
    display: block;
  }
  /* line 492, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index h1 {
    font-size: 1.2rem !important;
  }
  /* line 495, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .breadcrumb {
    font-size: 0.8rem;
  }
  /* line 499, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .title_image {
    height: 160px;
  }
  /* line 502, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index h2 {
    font-size: 1rem;
  }
  /* line 505, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .main_title {
    font-size: 1.2rem;
  }
  /* line 508, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .title {
    font-size: 1.5rem;
  }
  /* line 511, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  /* line 516, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .service_box .con_box {
    margin-bottom: 20px;
  }
  /* line 518, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .service_box .con_box .con_color1 {
    margin-left: 0;
  }
  /* line 520, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .service_box .con_box .con_color1 .con_text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 576px) and (max-width: 800px) {
  /* line 527, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .service_box {
    width: 100%;
  }
  /* line 530, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .info-date {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 576px) {
  /* line 534, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .info_text {
    font-size: 1.0rem;
  }
  /* line 537, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .btn {
    right: 0.1rem;
  }
  /* line 540, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section {
    padding: 15% 0;
  }
  /* line 542, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section .container {
    width: 90%;
  }
  /* line 550, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section tr + tr:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    /*線の上下位置*/
    width: 90%;
    /*線の長さ*/
    height: 1px;
    /*線の太さ*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /*位置調整*/
    background-color: grey;
    /*線の色*/
    border-radius: 2px;
    /*線の丸み*/
  }
  /* line 563, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section td {
    letter-spacing: 0.1rem;
    padding: 0 16px;
  }
  /* line 569, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section *, body.news_index .top-section ::after, body.news_index .top-section ::before {
    box-sizing: content-box;
  }
  /* line 572, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section .text-right {
    margin-top: 19px;
  }
  /* line 575, app/assets/stylesheets/application/news_index.scss.erb */
  body.news_index .top-section .text-nowrap {
    padding: 0;
  }
}
@charset "UTF-8";
/* line 5, app/assets/stylesheets/application/news_show.scss */
body.news_show .top {
  margin: 30px auto;
}

/* line 8, app/assets/stylesheets/application/news_show.scss */
body.news_show .movie {
  margin: 60px 0 60px;
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/application/news_show.scss */
body.news_show .movie iframe {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
  height: 90%;
}

@media screen and (max-width: 800px) {
  /* line 23, app/assets/stylesheets/application/news_show.scss */
  body.news_show .movie {
    margin: 30px 0 30px;
  }
  /* line 25, app/assets/stylesheets/application/news_show.scss */
  body.news_show .movie iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 90%;
  }
}

/* line 35, app/assets/stylesheets/application/news_show.scss */
body.news_show .new_radius1 {
  font-size: 0.8rem;
  color: #fff;
  width: 80%;
  border-radius: 15px;
  background-color: #00ab8e;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 44, app/assets/stylesheets/application/news_show.scss */
  body.news_show .new_radius1 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #00ab8e;
    padding: 5px 30px;
  }
}

/* line 54, app/assets/stylesheets/application/news_show.scss */
body.news_show .new_radius2 {
  font-size: 0.8rem;
  color: #fff;
  width: 80%;
  border-radius: 15px;
  background-color: rgba(255, 166, 0, 0.863);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 63, app/assets/stylesheets/application/news_show.scss */
  body.news_show .new_radius2 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: rgba(255, 166, 0, 0.863);
    padding: 5px 20px;
  }
}

/* line 73, app/assets/stylesheets/application/news_show.scss */
body.news_show .new_radius3 {
  font-size: 0.8rem;
  color: #fff;
  width: 80%;
  border-radius: 15px;
  background-color: #30336b;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 82, app/assets/stylesheets/application/news_show.scss */
  body.news_show .new_radius3 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #30336b;
    padding: 5px 30px;
  }
}

/* line 92, app/assets/stylesheets/application/news_show.scss */
body.news_show .new_radius4 {
  font-size: 0.8rem;
  color: #fff;
  border-radius: 15px;
  background-color: #70a1ff;
  padding: 6px 36px;
}

@media screen and (max-width: 800px) {
  /* line 100, app/assets/stylesheets/application/news_show.scss */
  body.news_show .new_radius4 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #70a1ff;
    padding: 5px 25px;
  }
}

/* line 110, app/assets/stylesheets/application/news_show.scss */
body.news_show .new_radius5 {
  font-size: 0.8rem;
  color: #fff;
  width: 80px;
  border-radius: 15px;
  background-color: rgba(233, 75, 233, 0.829);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 119, app/assets/stylesheets/application/news_show.scss */
  body.news_show .new_radius5 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: rgba(233, 75, 233, 0.829);
    padding: 5px 20px;
  }
}

/* line 129, app/assets/stylesheets/application/news_show.scss */
body.news_show .new_radius6 {
  font-size: 0.8rem;
  color: #fff;
  border-radius: 15px;
  background-color: #0097e6;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 137, app/assets/stylesheets/application/news_show.scss */
  body.news_show .new_radius6 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: #0097e6;
    padding: 5px 8px;
  }
}

/* line 148, app/assets/stylesheets/application/news_show.scss */
body.news_show .new_radius7 {
  font-size: 0.8rem;
  color: #fff;
  border-radius: 15px;
  background-color: teal;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 156, app/assets/stylesheets/application/news_show.scss */
  body.news_show .new_radius7 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #fff;
    border-radius: 10px;
    background-color: teal;
    padding: 5px 8px;
  }
}

/* line 166, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_h3 {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  line-height: 2.5rem;
  text-align: center;
}

/* line 173, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_ul {
  opacity: 0.8;
  background-color: #e9edf5;
  padding-left: 0;
  padding: 15px 5%;
  margin: 15px auto 15px;
  width: 100%;
  height: 200px;
  overflow-x: auto;
}

/* line 182, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_ul a {
  display: block;
  text-decoration: none;
  color: black;
  margin: 3px 0;
  padding: 3px 0;
}

/* line 189, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_ul li {
  letter-spacing: 0.05rem;
  line-height: 1.5rem;
  list-style: none;
  margin: 5px auto;
}

/* line 194, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_ul li span {
  flex: auto;
}

/* line 197, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_ul li .date {
  font-size: 1.1rem;
  width: 150px;
  text-align: left;
  font-weight: bold;
}

/* line 203, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_ul li .category {
  font-size: 0.8rem;
  width: 120px;
  text-align: left;
}

/* line 208, app/assets/stylesheets/application/news_show.scss */
body.news_show .relation_ul li .title {
  font-size: 1.2rem;
  width: 60%;
  text-align: left;
  padding-left: 10px;
}

@media screen and (max-width: 800px) {
  /* line 215, app/assets/stylesheets/application/news_show.scss */
  body.news_show .relation_ul li .date {
    font-size: 0.8rem;
    width: 150px;
  }
  /* line 219, app/assets/stylesheets/application/news_show.scss */
  body.news_show .relation_ul li .category {
    font-size: 0.6rem;
    width: 120px;
  }
  /* line 223, app/assets/stylesheets/application/news_show.scss */
  body.news_show .relation_ul li .title {
    font-size: 0.8rem;
    width: 60%;
    padding: 4px 0 0;
  }
}

@media screen and (max-width: 800px) {
  /* line 232, app/assets/stylesheets/application/news_show.scss */
  body.news_show .relation_h3 {
    font-size: 1.5rem;
  }
  /* line 235, app/assets/stylesheets/application/news_show.scss */
  body.news_show .relation_ul {
    background-color: #e9edf5;
  }
  /* line 238, app/assets/stylesheets/application/news_show.scss */
  body.news_show .previous {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
  /* line 242, app/assets/stylesheets/application/news_show.scss */
  body.news_show .next {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
}

/* line 248, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .col-6 {
  padding: 0;
}

/* line 251, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .previous {
  height: 80px;
  position: relative;
  border-right: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 258, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .previous span {
  margin: 0 5px;
}

/* line 263, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .previous a {
  width: 100%;
  height: 100px;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1rem;
  color: black;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* line 282, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .previous a:hover {
  text-decoration: none;
}

/* line 286, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .next {
  height: 80px;
  position: relative;
  border-left: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* line 293, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .next span {
  margin: 0 5px;
}

/* line 298, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .next a {
  width: 100%;
  height: 100px;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1rem;
  color: black;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* line 317, app/assets/stylesheets/application/news_show.scss */
body.news_show .transition .next a:hover {
  text-decoration: none;
}

/* line 323, app/assets/stylesheets/application/news_show.scss */
body.news_show .nav-link {
  color: black !important;
}

/* line 326, app/assets/stylesheets/application/news_show.scss */
body.news_show .breadcrumb {
  background: white;
  font-size: 0.9rem;
  background-color: #e9edf5;
}

/* line 331, app/assets/stylesheets/application/news_show.scss */
body.news_show .breadcrumb-item > a {
  color: #424242;
}

/* line 334, app/assets/stylesheets/application/news_show.scss */
body.news_show .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 337, app/assets/stylesheets/application/news_show.scss */
body.news_show .footer_nav > a {
  color: #3867d6;
}

/* line 340, app/assets/stylesheets/application/news_show.scss */
body.news_show .fas {
  color: black;
}

/* line 343, app/assets/stylesheets/application/news_show.scss */
body.news_show .character_image {
  height: 120px;
}

/* line 346, app/assets/stylesheets/application/news_show.scss */
body.news_show footer {
  font-size: 0.9rem;
}

/* line 349, app/assets/stylesheets/application/news_show.scss */
body.news_show .top_photo {
  width: 85%;
}

/* line 353, app/assets/stylesheets/application/news_show.scss */
body.news_show h2 {
  letter-spacing: 0.1rem;
  font-size: 1.5rem;
  border-left: 8px solid #006c65;
  border-bottom: 1px solid #5e5e5e;
}

@media screen and (max-width: 768px) {
  /* line 360, app/assets/stylesheets/application/news_show.scss */
  body.news_show h2 {
    letter-spacing: 0.1rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-left: 8px solid #006c65;
    border-bottom: 1px solid #5e5e5e;
  }
}

/* line 368, app/assets/stylesheets/application/news_show.scss */
body.news_show h3 {
  color: #212121;
  font-weight: bold;
  letter-spacing: 0.15rem;
  font-size: 1.1rem;
}

/* line 374, app/assets/stylesheets/application/news_show.scss */
body.news_show .category_img_1 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(255, 166, 0, 0.452);
}

/* line 380, app/assets/stylesheets/application/news_show.scss */
body.news_show .category_img_2 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(230, 170, 91, 0.829);
}

/* line 386, app/assets/stylesheets/application/news_show.scss */
body.news_show .category_img_3 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(98, 98, 190, 0.26);
}

/* line 392, app/assets/stylesheets/application/news_show.scss */
body.news_show .category_img_4 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: #f0f8ff;
}

/* line 398, app/assets/stylesheets/application/news_show.scss */
body.news_show .category_img_5 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(221, 160, 221, 0.527);
}

/* line 404, app/assets/stylesheets/application/news_show.scss */
body.news_show .category_img_6 {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  background: rgba(175, 238, 238, 0.562);
}

/* line 410, app/assets/stylesheets/application/news_show.scss */
body.news_show .info {
  margin: 100px 0;
  font-size: 0.9rem;
  background: #f2f2f2;
}

/* line 415, app/assets/stylesheets/application/news_show.scss */
body.news_show .info p {
  margin: 0;
}

/* line 418, app/assets/stylesheets/application/news_show.scss */
body.news_show .info a {
  text-decoration: underline;
  color: black;
}

/* line 422, app/assets/stylesheets/application/news_show.scss */
body.news_show .info_icon {
  width: 30px;
  height: 30px;
}

/* line 426, app/assets/stylesheets/application/news_show.scss */
body.news_show div.info_icon {
  font-family: serif;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #363636;
}

/* line 433, app/assets/stylesheets/application/news_show.scss */
body.news_show .site_logo {
  height: 36px;
  margin-top: 10px;
}

@media screen and (max-width: 576px) {
  /* line 439, app/assets/stylesheets/application/news_show.scss */
  body.news_show .site_logo {
    height: 30px;
  }
  /* line 442, app/assets/stylesheets/application/news_show.scss */
  body.news_show .info {
    margin: 64px 0;
  }
  /* line 445, app/assets/stylesheets/application/news_show.scss */
  body.news_show .breadcrumb {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 768px) {
  /* line 450, app/assets/stylesheets/application/news_show.scss */
  body.news_show .top_photo {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  /* line 455, app/assets/stylesheets/application/news_show.scss */
  body.news_show .wrapper {
    padding: 0 120px;
  }
}

@media screen and (min-width: 1200px) {
  /* line 460, app/assets/stylesheets/application/news_show.scss */
  body.news_show .container {
    max-width: 960px;
  }
}
@charset "UTF-8";
/* line 4, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article {
  margin-top: -30px;
}

/* line 7, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article * {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 13, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article img {
  width: 300px;
  vertical-align: bottom;
}

/* line 17, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article input:focus, div.form_article textarea:focus, div.form_article select:focus {
  outline: none;
}

/* line 22, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box {
  width: calc(100% - 30px);
  max-width: 1020px;
  padding: 13px 0 58px;
  background: #fff;
  border-radius: 10px;
}

/* line 29, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .pc_off {
  display: none;
}

/* line 32, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .form-title {
  width: 400px;
  margin: 0 auto 25px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

/* line 39, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .c_txt {
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px;
}

/* line 47, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun {
  width: 730px;
  margin: 30px auto 0;
}

/* line 51, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field {
  margin-bottom: 50px;
}

/* line 53, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field .cl {
  clear: both;
}

/* line 56, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field .form-control {
  width: 530px;
  padding-left: 15px;
}

/* line 61, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field label {
  color: #ee780f;
  font-size: 15px;
  font-weight: bold;
  width: 200px;
  display: block;
  float: left;
  padding-top: 15px;
  text-align: left;
}

@media screen and (max-width: 800px) {
  /* line 72, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field label {
    font-size: 1rem;
    width: 100%;
    float: none;
    padding-top: 0px;
  }
}

/* line 80, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field label.req::after {
  content: "必須";
  background: #f3f3f3;
  color: #616161;
  margin-left: 20px;
  padding: 5px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: normal;
}

/* line 90, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field .form-in {
  background: #f3f3f3;
  width: 460px;
  min-height: 45px;
  padding: 12px 10px 10px 20px;
  margin-bottom: 25px;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  resize: vertical;
}

/* line 103, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field .form-in .box-check {
  height: 30px;
  text-align: center;
  float: none;
}

/* line 107, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field .form-in .box-check .shikaku {
  text-align: center;
}

/* line 112, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field div.row {
  border: solid silver 1px;
}

/* line 116, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field div.project {
  border: solid silver 1px;
  height: 60px;
  font-size: 0.7rem;
  letter-spacing: 0.05rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-all;
}

/* line 132, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field div.project input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* line 138, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field div.project input[type="checkbox"]:checked {
  background: #f93 !important;
  opacity: 0.5;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 146, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field .selected {
  background: #f93 !important;
  opacity: 0.5;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

@media screen and (max-width: 800px) {
  /* line 154, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field .form-in {
    width: 100%;
  }
  /* line 157, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field .form-title {
    width: 100%;
  }
  /* line 160, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field .soushin-box {
    width: 100%;
  }
  /* line 163, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field ol {
    margin: 0;
  }
  /* line 166, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field li {
    margin: 8px 0 8px 15px;
  }
  /* line 168, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field li span {
    margin: 0 0 0 -20px;
  }
  /* line 172, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field li.naka:before {
    margin-left: -1.5em;
    width: 1.5em;
  }
}

/* line 177, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field textarea {
  background: #f3f3f3;
  background-color: #fff;
  width: 460px;
  min-height: 45px;
  padding: 12px 10px 10px 20px;
  margin-bottom: 25px;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  resize: vertical;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* line 194, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field .field_with_errors textarea {
  border: red 3px solid;
}

@media screen and (max-width: 800px) {
  /* line 198, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field input, div.form_article .form_box .formrun .field textarea {
    width: 100%;
    float: none;
    margin: 12px 0 25px;
  }
}

/* line 204, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field select {
  background: #f3f3f3 url(/assets/form/select_ar-ff7807533ce0f105fa39c88239fe94f5d7032978eb11a1a1ae33795c9e297532.png) right center no-repeat;
  background-size: 45px 45px;
  background-color: #fff;
  color: #616161;
  display: block;
  position: relative;
  float: left;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 530px;
  height: 45px;
  border: none;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 12px 50px 10px 20px;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media screen and (max-width: 800px) {
  /* line 228, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun .field select {
    width: 100%;
    margin: 12px 0 25px 0;
  }
}

/* line 234, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .field textarea {
  min-height: 100px;
}

/* line 238, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun trix-editor {
  height: 450px;
  padding: 30px;
}

/* line 243, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .c_txt2 {
  font-size: 13px;
  line-height: 25px;
  margin: 35px 0 30px;
  text-align: center;
  font-weight: bold;
}

/* line 251, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .check_box_bb {
  margin: 0 auto;
  width: 150px;
}

/* line 256, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .check_box_bb label {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  float: left;
  text-align: center;
  padding-top: 0px;
  position: relative;
  display: block;
  margin-right: 30px;
}

/* line 268, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .check_box_bb .check {
  text-align: center;
}

/* line 271, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .check_box_bb .check_box {
  opacity: 1;
  float: left;
  height: 13px;
  width: 13px;
  margin: 0 auto;
}

/* line 279, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .soushin-box {
  width: 400px;
  margin: 0 auto;
  margin-top: 60px;
}

/* line 283, app/assets/stylesheets/application/organizations.scss.erb */
div.form_article .form_box .formrun .soushin-box .submit_btn {
  width: 66%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 auto;
  background-size: cover;
  border: none;
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  /* line 299, app/assets/stylesheets/application/organizations.scss.erb */
  div.form_article .form_box .formrun {
    width: 100%;
    margin: 20px auto 0;
  }
}
/* line 6, app/assets/stylesheets/application/pages.scss.erb */
body.inquiry_page {
  background: url(/assets/form/pattern-386cf867d781b95fe5e87083f31227e747f72b8f95427142f5315228eeeebb1e.gif) left top;
}

/* line 8, app/assets/stylesheets/application/pages.scss.erb */
body.inquiry_page * {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 14, app/assets/stylesheets/application/pages.scss.erb */
body.inquiry_page .form_box {
  width: calc(100% - 30px);
  max-width: 920px;
  margin: 24px auto;
  padding: 43px 0 58px;
  background: #fff;
  border-radius: 10px;
}

/* line 21, app/assets/stylesheets/application/pages.scss.erb */
body.inquiry_page .form_box .form-title {
  width: 500px;
  margin: 0 auto 25px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

/* line 28, app/assets/stylesheets/application/pages.scss.erb */
body.inquiry_page .form_box .image-koko {
  width: 50%;
  margin: 0 auto;
}

/* line 31, app/assets/stylesheets/application/pages.scss.erb */
body.inquiry_page .form_box .image-koko .koko_icon {
  width: 100%;
}

/* line 41, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy-policy-breadcrumbs {
  margin-top: 100px;
  margin-bottom: 40px;
  font-size: 14px;
}

@media (max-width: 576px) {
  /* line 47, app/assets/stylesheets/application/pages.scss.erb */
  .line_policy .privacy-policy-wrapper .privacy-policy-breadcrumbs {
    margin-top: 0px;
  }
}

/* line 51, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy {
  margin-bottom: 50px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* line 55, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy p, .line_policy .privacy-policy-wrapper .privacy li {
  font-size: 14px;
}

/* line 59, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .policy .title {
  padding: 10px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  background-color: #E7F1FD;
}

/* line 67, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .policy .document {
  padding: 40px;
}

/* line 69, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .policy .document .campany-info {
  text-align: right;
}

/* line 71, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .policy .document .campany-info p {
  margin-bottom: 0px;
}

/* line 78, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .treatment .title {
  padding: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  background-color: #E7F1FD;
}

/* line 85, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .treatment .document {
  padding: 40px;
}

/* line 87, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .treatment .document .matter {
  margin-bottom: 25px;
}

/* line 90, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .treatment .document .company-info {
  margin-top: 40px;
}

/* line 96, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .no-list-marker {
  list-style: none;
}

/* line 100, app/assets/stylesheets/application/pages.scss.erb */
.line_policy .privacy-policy-wrapper .privacy .case-list-indent {
  padding-left: 10px;
}
/* line 4, app/assets/stylesheets/application/projects.scss.erb */
body.project_show {
  background: url(/assets/form/pattern-386cf867d781b95fe5e87083f31227e747f72b8f95427142f5315228eeeebb1e.gif) left top;
}

/* line 5, app/assets/stylesheets/application/projects.scss.erb */
body.project_show a {
  word-break: break-all;
}

/* line 12, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .info_content {
  background-color: #ffffff;
  width: 90%;
  height: 300px;
  margin: 0 auto;
  overflow-x: auto;
}

/* line 19, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .info_box_table {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 100px;
}

/* line 24, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .info_table {
  font-size: 1.0rem;
}

/* line 27, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .info-date {
  font-size: 1.0rem;
  font-weight: bold;
  color: #424242 !important;
  width: 160px;
  text-align: center;
}

/* line 34, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .text-nowrap {
  width: 150px;
  text-align: center;
}

/* line 38, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .navbar {
  background-color: #ffffff;
}

/* line 41, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .footer-main {
  background-color: #ffffff;
}

/* line 44, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .detail {
  width: 70%;
  margin-top: 80px;
  margin-bottom: 100px;
  padding-bottom: 60px;
  background-color: #ffffff;
  border-radius: 10px;
}

/* line 51, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .detail .projects-title {
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 80px;
  padding-top: 80px;
}

@media screen and (max-width: 800px) {
  /* line 59, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .detail .projects-title {
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold;
    padding-top: 50px;
    margin-bottom: 40px;
  }
}

/* line 67, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .detail .text-projects {
  font-size: 1.5rem;
  line-height: 2.0rem;
  margin-bottom: 50px;
  padding-left: 60px;
  padding-right: 60px;
}

@media screen and (max-width: 800px) {
  /* line 75, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .detail .text-projects {
    font-size: 1.2rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 82, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .detail .image-box {
  width: 50%;
  margin: 70px auto 15px;
}

/* line 85, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .detail .image-box .image-projects {
  width: 100%;
  margin: 0 auto 10px;
}

/* line 89, app/assets/stylesheets/application/projects.scss.erb */
body.project_show .detail .image-box p {
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  /* line 95, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .detail .image-box {
    width: 95%;
  }
}

@media screen and (max-width: 800px) {
  /* line 101, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .detail {
    width: 95%;
  }
  /* line 104, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .info_content {
    background-color: #ffffff;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    overflow-x: auto;
  }
  /* line 111, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .info_box_table {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 100px;
  }
  /* line 116, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .text-nowrap {
    margin: 12px auto 8px;
    padding: 0;
    width: 50%;
  }
  /* line 122, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .info-text {
    font-size: 0.8rem;
    color: #424242;
    text-align: left;
    padding: 0px;
    display: block;
    line-height: 1.2rem;
  }
  /* line 130, app/assets/stylesheets/application/projects.scss.erb */
  body.project_show .info-date {
    margin: 15px auto 5px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: bold;
    color: #424242 !important;
    padding: 0px;
    width: 50%;
  }
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a {
  /* ここから追加入力
  ----------------------------------------------------- */
  /* 質問 */
  /* .cp_qa .cp_actab label:hover {
    color: #00838F;
  } */
  /* 答え */
  /* 質問を開いた時の仕様 */
  /* --アイコン */
  /* .cp_qa .cp_actab input:checked ~ label {
    color: #00838F;
  } */
  /* --答えの高さ */
  /* 質問をクリックした時のアイコンの動き */
  /* .cp_qa .cp_actab input[type=checkbox] + label::after {
    content: 'BC';
  } */
  /* ここまで
  --------------------------------------------------------- */
}

/* line 5, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa *, body.q_and_a .cp_qa *:after, body.q_and_a .cp_qa *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 9, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa {
  /* border-top: 1px solid #1b2538; */
}

/* line 12, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1px;
  /* color: #1b2538; */
  color: #424242;
}

/* line 20, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab input {
  position: absolute;
  opacity: 0;
}

/* line 25, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab label {
  /* font-weight: bold; */
  line-height: 1.6;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding: 1em 2em 1em 1em;
  cursor: pointer;
  /* border-bottom: 1px solid #1b2538; */
}

/* line 39, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab .cp_actab-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  /* color: #ffffff; */
  color: #424242;
  /* background: rgba(0, 131, 143, 0.5); */
}

/* line 48, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab .cp_actab-content p {
  margin: 1em;
}

/* line 57, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab input:checked ~ .cp_actab-content {
  max-height: 40em;
}

/* line 61, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab label::after {
  line-height: 1.6;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 3em;
  margin-top: -12.5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: center;
}

/* line 76, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .cp_qa .cp_actab input[type=checkbox]:checked + label::after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/* line 81, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .QA_Q {
  position: relative;
}

/* line 84, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .QA_A {
  position: relative;
}

/* line 87, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .Q_logo {
  background: #ff8349;
  border-radius: 50%;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.625rem;
  text-align: center;
  position: absolute;
  padding-top: 12px;
  margin-left: 10px;
}

/* line 99, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .A_logo {
  background: #6249ff;
  border-radius: 50%;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.625rem;
  text-align: center;
  position: absolute;
  padding-top: 12px;
}

/* line 110, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .question {
  margin-left: 86px;
  padding-top: 5px;
  line-height: 2rem;
}

/* line 115, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .answer {
  padding-left: 80px;
  padding-top: 5px;
  line-height: 2rem;
}

/* line 120, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .a_1 {
  padding-top: 15px;
}

/* line 123, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .main-title {
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
}

/* line 128, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .main-title-under {
  font-size: 1.3rem;
}

/* line 131, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a p {
  font-size: 1.4rem;
  /* font-family: sans-serif; */
}

/* line 135, app/assets/stylesheets/application/q_and_a.scss */
body.q_and_a .wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 576px) {
  /* line 141, app/assets/stylesheets/application/q_and_a.scss */
  body.q_and_a .main-title {
    font-size: 1.9rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  /* line 146, app/assets/stylesheets/application/q_and_a.scss */
  body.q_and_a .main-title-under {
    font-size: 1.3rem;
    line-height: 1.8rem;
    width: 80%;
    margin: 0 auto;
  }
  /* line 152, app/assets/stylesheets/application/q_and_a.scss */
  body.q_and_a .container {
    padding: 0;
  }
  /* line 155, app/assets/stylesheets/application/q_and_a.scss */
  body.q_and_a .question {
    margin-left: 76px;
    padding-top: 5px;
    line-height: 2rem;
  }
  /* line 160, app/assets/stylesheets/application/q_and_a.scss */
  body.q_and_a .answer {
    padding-left: 70px;
    padding-top: 5px;
    line-height: 2rem;
  }
  /* line 165, app/assets/stylesheets/application/q_and_a.scss */
  body.q_and_a .mb-4 {
    margin-bottom: 0;
  }
  /* line 168, app/assets/stylesheets/application/q_and_a.scss */
  body.q_and_a .mb-5 {
    margin-bottom: 0;
  }
}
/* line 1, app/assets/stylesheets/application/scaffolds.scss */
body .admin_master .admin_top .organizations_index .users_index .article_index {
  background-color: #fcfbfa;
  color: #333;
  margin: 33px;
}

/* line 6, app/assets/stylesheets/application/scaffolds.scss */
body, p, ol, ul, td {
  line-height: 1.4rem;
  letter-spacing: 0.03rem;
}

/* line 12, app/assets/stylesheets/application/scaffolds.scss */
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

/* line 17, app/assets/stylesheets/application/scaffolds.scss */
a {
  color: #3867d6;
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/application/scaffolds.scss */
a:hover {
  color: #2f3542;
}

/* line 29, app/assets/stylesheets/application/scaffolds.scss */
th {
  padding-bottom: 5px;
}

/* line 32, app/assets/stylesheets/application/scaffolds.scss */
td {
  padding: 0 5px 7px;
}

/* line 35, app/assets/stylesheets/application/scaffolds.scss */
div.field,
div.actions {
  margin-bottom: 10px;
}

/* line 39, app/assets/stylesheets/application/scaffolds.scss */
#notice {
  color: green;
}

/* line 42, app/assets/stylesheets/application/scaffolds.scss */
.field_with_errors {
  padding: 2px;
  display: table;
}

/* line 47, app/assets/stylesheets/application/scaffolds.scss */
#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px 7px 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

/* line 54, app/assets/stylesheets/application/scaffolds.scss */
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 0;
  background-color: #c00;
  width: 100%;
  color: #fff;
}

/* line 64, app/assets/stylesheets/application/scaffolds.scss */
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

/* line 68, app/assets/stylesheets/application/scaffolds.scss */
label {
  display: block;
}
@charset "UTF-8";
/* line 4, app/assets/stylesheets/application/soudans.scss.erb */
.itemactive2 {
  background-image: url(/assets/hikikomori/header_back-fc4924d603caaff77b3150756746804e57c89efad40790bfbde976c90d8da48e.png);
  background-size: cover;
  width: 100%;
  height: 800px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 11, app/assets/stylesheets/application/soudans.scss.erb */
.itemactive2 .container {
  height: 80%;
  -webkit-align-items: center;
  /* 縦方向中央揃え（Safari用） */
  align-items: center;
  /* 縦方向中央揃え */
}

/* line 15, app/assets/stylesheets/application/soudans.scss.erb */
.itemactive2 .container .title-top {
  margin-top: 200px;
  font-size: 50px;
  background-color: #fff;
  line-height: 5.2rem;
  text-align: center;
  color: #fff;
  font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Mincho ProN", serif;
  font-weight: 100;
  vertical-align: middle;
}

@media screen and (max-width: 800px) {
  /* line 29, app/assets/stylesheets/application/soudans.scss.erb */
  .itemactive2 {
    background-image: url(/assets/hikikomori/header_back-fc4924d603caaff77b3150756746804e57c89efad40790bfbde976c90d8da48e.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* line 36, app/assets/stylesheets/application/soudans.scss.erb */
  .itemactive2 .container {
    height: 80%;
    -webkit-align-items: center;
    /* 縦方向中央揃え（Safari用） */
    align-items: center;
    /* 縦方向中央揃え */
  }
  /* line 40, app/assets/stylesheets/application/soudans.scss.erb */
  .itemactive2 .container .title-top {
    margin-top: 80px;
    font-size: 25px;
    line-height: 5.2rem;
    text-align: center;
    color: #fff;
    font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Mincho ProN", serif;
    font-weight: 100;
    vertical-align: middle;
  }
}

/* line 56, app/assets/stylesheets/application/soudans.scss.erb */
.wrapper-link {
  width: 80%;
  margin: 0 auto;
}

/* line 62, app/assets/stylesheets/application/soudans.scss.erb */
.row h1 {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .2rem;
  background: linear-gradient(transparent 80%, #FFE194 30%);
}

/* line 70, app/assets/stylesheets/application/soudans.scss.erb */
.section1 {
  margin-bottom: 100px;
}

/* line 74, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-title {
  text-align: left;
  padding-left: 10%;
  font-weight: 600;
  font-size: 1rem;
}

/* line 80, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-box-small {
  background-color: #f5f6f6;
}

/* line 84, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-box-small .worry-word1 {
  height: 30px;
}

/* line 87, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-box-small .worry-word1 li {
  list-style-type: disc;
}

/* line 93, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-box-small .worry-box-under .image-box-worry {
  width: 240px;
}

/* line 95, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-box-small .worry-box-under .image-box-worry .worry-image {
  width: 100%;
}

/* line 101, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-box-small .worry-word2 {
  height: 180px;
}

/* line 104, app/assets/stylesheets/application/soudans.scss.erb */
.section1 .worry-box .worry-box-small .worry-word2 li {
  list-style-type: disc;
}

@media screen and (max-width: 800px) {
  /* line 112, app/assets/stylesheets/application/soudans.scss.erb */
  .section1 {
    margin-bottom: 60px;
  }
}

/* line 118, app/assets/stylesheets/application/soudans.scss.erb */
.section2 {
  margin-bottom: 100px;
}

/* line 120, app/assets/stylesheets/application/soudans.scss.erb */
.section2 .about-hikky {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  /* line 127, app/assets/stylesheets/application/soudans.scss.erb */
  .section2 {
    margin-bottom: 50px;
  }
}

/* line 132, app/assets/stylesheets/application/soudans.scss.erb */
.section3 {
  margin-bottom: 100px;
}

/* line 134, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .about-hikky {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 138, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .about-hikky .con-title {
  text-align: center;
  margin-left: 10px;
  font-size: 22px;
}

/* line 143, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .about-hikky table {
  border-collapse: separate;
  border-spacing: 5px;
  width: 100%;
}

/* line 149, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .about-hikky table th {
  width: 30%;
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
}

/* line 156, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .about-hikky table td {
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
}

/* line 162, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .about-hikky table th {
  background-color: #c79852;
  color: white;
}

/* line 168, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .about-hikky table td {
  background-color: #EEEEEE;
}

/* line 174, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .map img {
  width: 100%;
  max-width: 600px;
}

/* line 179, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box {
  width: 48%;
  margin: 10px;
}

/* line 182, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box {
  border: 1.5px solid #2c3e50;
  border-radius: 5px;
  position: relative;
  margin-top: 1em;
}

/* line 187, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box h3 {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  left: 0;
  top: -0.7em;
  margin-left: 1em;
}

/* line 195, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box span {
  padding: 0.3em;
  background: #2980b9;
  color: #FFF;
  display: inline-block;
  border-radius: 5px;
}

/* line 202, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box .inner {
  padding: 2.5em .8em .8em;
}

/* line 204, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box .inner .con-word {
  line-height: 25px;
}

/* line 206, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box .inner .con-word .link_p {
  color: #2D31FA;
}

/* line 212, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box2 {
  border: 1.5px solid #2c3e50;
  border-radius: 5px;
  position: relative;
  margin-top: 1em;
}

/* line 217, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box2 h3 {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  left: 0;
  top: -0.7em;
  margin-left: 1em;
}

/* line 225, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box2 span {
  padding: 0.3em;
  background: #1abc9c;
  color: #FFF;
  display: inline-block;
  border-radius: 5px;
}

/* line 232, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box2 .inner {
  padding: 2.5em .8em .8em;
}

/* line 234, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box2 .inner .con-word {
  line-height: 25px;
}

/* line 236, app/assets/stylesheets/application/soudans.scss.erb */
.section3 .con-box .box2 .inner .con-word .link_p {
  color: #2D31FA;
}

@media screen and (max-width: 800px) {
  /* line 245, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 {
    margin-bottom: 100px;
  }
  /* line 247, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .about-hikky {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* line 251, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .about-hikky table {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
  }
  /* line 257, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .about-hikky table th {
    width: 30%;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
  }
  /* line 264, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .about-hikky table td {
    border-radius: 5px;
    background-color: #EEEEEE;
    text-align: center;
    padding: 10px 0;
    display: block;
    width: 100%;
  }
  /* line 273, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .about-hikky table th {
    background-color: #c79852;
    color: white;
    display: block;
    width: 100%;
  }
  /* line 281, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .about-hikky .con-title {
    text-align: center;
    font-size: 18px;
  }
  /* line 286, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box {
    width: 100%;
    margin: 10px;
  }
  /* line 290, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box {
    border: 1.5px solid #2c3e50;
    border-radius: 5px;
    position: relative;
    margin-top: 1em;
  }
  /* line 295, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box h3 {
    font-size: 1.2rem;
    position: absolute;
    right: 0;
    left: 0;
    top: -0.7em;
    margin-left: 1em;
  }
  /* line 303, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box span {
    padding: 0.3em;
    background: #2980b9;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
  }
  /* line 310, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box .inner {
    padding: 2.5em .8em .8em;
  }
  /* line 312, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box .inner .link_p {
    color: #2D31FA;
  }
  /* line 317, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box2 {
    border: 1.5px solid #2c3e50;
    border-radius: 5px;
    position: relative;
    margin-top: 1em;
  }
  /* line 322, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box2 h3 {
    font-size: 1.2rem;
    position: absolute;
    right: 0;
    left: 0;
    top: -0.7em;
    margin-left: 1em;
  }
  /* line 330, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box2 span {
    padding: 0.3em;
    background: #1abc9c;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
  }
  /* line 337, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box2 .inner {
    padding: 2.5em .8em .8em;
  }
  /* line 339, app/assets/stylesheets/application/soudans.scss.erb */
  .section3 .con-box .box2 .inner .link_p {
    color: #2D31FA;
  }
}

/* line 347, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori {
  background: url(/assets/form/pattern-386cf867d781b95fe5e87083f31227e747f72b8f95427142f5315228eeeebb1e.gif) left top;
  padding-top: 40px;
  height: 570px;
  width: 100%;
}

/* line 352, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikititle {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .2rem;
  margin-top: 50px;
  margin-bottom: 50px;
}

/* line 358, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikititle .color-back {
  background-color: #ffffff;
  padding-top: 30px;
  padding: 6px;
  border-radius: 6px;
}

/* line 365, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori {
  background-color: #ffffff;
  width: 60%;
  height: 300px;
  margin: 0 auto;
  overflow-x: auto;
}

/* line 371, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori .info_box_table {
  width: 85%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 376, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori .info_box_table .info_table {
  height: 30px;
  font-size: 1.0rem;
}

/* line 379, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori .info_box_table .info_table .info-date {
  font-size: 1.1rem;
  font-weight: bold;
  color: #424242 !important;
  width: 160px;
}

/* line 385, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori .info_box_table .info_table .text-nowrap {
  width: 120px;
  text-align: left;
}

@media screen and (max-width: 800px) {
  /* line 390, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikikomori .info_box_table .info_table .info-date {
    margin: 15px auto 5px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: bold;
    color: #424242 !important;
    padding: 0px;
    width: 50%;
  }
  /* line 399, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikikomori .info_box_table .info_table .text-nowrap {
    margin: 12px auto 8px;
    padding: 0;
    width: 50%;
  }
}

/* line 406, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori .info_box_table .info_table .info-text {
  font-size: 1.2rem;
  padding: 1.0rem 0;
  line-height: 1.5rem;
  padding-left: 10px;
  letter-spacing: 0.05;
  margin-bottom: 5px;
}

@media screen and (max-width: 800px) {
  /* line 416, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikikomori .info_box_table .info_table .info-text {
    font-size: 0.8rem;
    color: #424242;
    text-align: left;
    padding: 0px;
    display: block;
    line-height: 1.2rem;
  }
}

/* line 426, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori .info_box_table .info_table .new_radius1 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: #00ab8e;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 435, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikikomori .info_box_table .info_table .new_radius1 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #00ab8e;
    padding: 5px 30px;
  }
}

/* line 445, app/assets/stylesheets/application/soudans.scss.erb */
.section-info-hikikomori .info_hikikomori .info_box_table .info_table .new_radius2 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: rgba(255, 166, 0, 0.863);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 454, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikikomori .info_box_table .info_table .new_radius2 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: rgba(255, 166, 0, 0.863);
    padding: 5px 20px;
  }
}

@media screen and (max-width: 800px) {
  /* line 467, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikititle {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .2rem;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  /* line 473, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikititle .color-back {
    background-color: #ffffff;
    padding-top: 30px;
    padding: 6px;
    border-radius: 6px;
  }
  /* line 480, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori .info_hikikomori {
    background-color: #ffffff;
    width: 90%;
    height: 300px;
  }
}

@media screen and (max-width: 800px) {
  /* line 489, app/assets/stylesheets/application/soudans.scss.erb */
  .section-info-hikikomori {
    height: 450px;
  }
}

/* line 495, app/assets/stylesheets/application/soudans.scss.erb */
.imgarea {
  margin-bottom: 80px;
}

/* line 498, app/assets/stylesheets/application/soudans.scss.erb */
.imgarea .imgarea_cover img {
  width: 100%;
}

/* line 502, app/assets/stylesheets/application/soudans.scss.erb */
.imgarea .imgarea_cover-sp {
  display: none;
}

@media screen and (max-width: 800px) {
  /* line 506, app/assets/stylesheets/application/soudans.scss.erb */
  .imgarea .imgarea_cover {
    display: none;
  }
  /* line 509, app/assets/stylesheets/application/soudans.scss.erb */
  .imgarea .imgarea_cover-sp {
    display: block;
  }
  /* line 511, app/assets/stylesheets/application/soudans.scss.erb */
  .imgarea .imgarea_cover-sp img {
    width: 100%;
  }
}

/* line 518, app/assets/stylesheets/application/soudans.scss.erb */
.section-nagare {
  margin-top: 100px;
  margin-bottom: 50px;
}

/* line 521, app/assets/stylesheets/application/soudans.scss.erb */
.section-nagare .soudan-title {
  margin-top: 100px;
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .2rem;
}

/* line 528, app/assets/stylesheets/application/soudans.scss.erb */
.section-nagare .soudan-clover {
  width: 100%;
}

/* line 530, app/assets/stylesheets/application/soudans.scss.erb */
.section-nagare .soudan-clover .clover-img {
  width: 100%;
}

/* line 534, app/assets/stylesheets/application/soudans.scss.erb */
.section-nagare .soudan-image-sp {
  display: none;
}

@media screen and (max-width: 800px) {
  /* line 538, app/assets/stylesheets/application/soudans.scss.erb */
  .section-nagare .soudan-clover {
    display: none;
  }
  /* line 541, app/assets/stylesheets/application/soudans.scss.erb */
  .section-nagare .soudan-image-sp {
    margin-top: 50px;
    width: 100%;
  }
}

/* line 546, app/assets/stylesheets/application/soudans.scss.erb */
.section-nagare .soudan-nagare {
  width: 100%;
}

@media screen and (max-width: 800px) {
  /* line 552, app/assets/stylesheets/application/soudans.scss.erb */
  .section-nagare .soudan-title {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .2rem;
  }
}

/* line 561, app/assets/stylesheets/application/soudans.scss.erb */
.section-end {
  margin-top: 200px;
  margin-bottom: 200px;
}

/* line 564, app/assets/stylesheets/application/soudans.scss.erb */
.section-end .info-title {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .2rem;
}

/* line 569, app/assets/stylesheets/application/soudans.scss.erb */
.section-end .info-coment {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

@media screen and (max-width: 800px) {
  /* line 576, app/assets/stylesheets/application/soudans.scss.erb */
  .section-end {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  /* line 579, app/assets/stylesheets/application/soudans.scss.erb */
  .section-end .info-title {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .2rem;
  }
  /* line 585, app/assets/stylesheets/application/soudans.scss.erb */
  .worry-box {
    margin-bottom: 15px;
  }
}

/* line 590, app/assets/stylesheets/application/soudans.scss.erb */
.button_position {
  position: unset !important;
}

/* line 595, app/assets/stylesheets/application/soudans.scss.erb */
.button_off {
  right: auto !important;
  transition: all .3s !important;
  margin-left: auto;
  margin-top: 0 !important;
}

@media screen and (max-width: 540px) {
  /* line 602, app/assets/stylesheets/application/soudans.scss.erb */
  .worry-word2 {
    height: 240px !important;
  }
}

/* line 607, app/assets/stylesheets/application/soudans.scss.erb */
.button_v1 {
  top: calc(100% - 70px);
  left: calc(100% - 180px);
  width: 150px;
  letter-spacing: 0.05em;
  font-weight: bold !important;
  color: #444444 !important;
  background-color: #FFFFBB !important;
  border: solid 2px #FFD700 !important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

/* line 619, app/assets/stylesheets/application/soudans.scss.erb */
.button_v2 {
  top: calc(100% - 70px);
  left: calc(100% - 180px);
  width: 150px;
  letter-spacing: 0.05em;
  font-weight: bold !important;
  color: #444444 !important;
  background-color: #E0FFFF !important;
  border: solid 2px #00AB8E !important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

/* line 633, app/assets/stylesheets/application/soudans.scss.erb */
#exampleModal2 ul {
  color: #668ad8;
  border: dashed 2px #668ad8;
  /*破線 太さ 色*/
  background: #f1f8ff;
  padding: 0.5em 0.5em 0.5em 2em;
}

/* line 638, app/assets/stylesheets/application/soudans.scss.erb */
#exampleModal2 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
}

/* line 641, app/assets/stylesheets/application/soudans.scss.erb */
#exampleModal2 ul li a {
  color: #668ad8;
  font-weight: 900;
}

/* line 644, app/assets/stylesheets/application/soudans.scss.erb */
#exampleModal2 ul li a:hover {
  opacity: 0.8;
}

/* line 652, app/assets/stylesheets/application/soudans.scss.erb */
.button_off:hover {
  opacity: 0.8;
  letter-spacing: 0.08em !important;
  transform: scale(1.05) !important;
}

/* line 658, app/assets/stylesheets/application/soudans.scss.erb */
.kazokukai_name_1 {
  background: #2980b9;
  padding: 0.5em;
  color: white;
  border-radius: 5px;
  line-height: 2.5em;
  margin-left: 1em;
}

/* line 666, app/assets/stylesheets/application/soudans.scss.erb */
.kazokukai_name_2 {
  background: #1abc9c;
  padding: 0.5em;
  color: white;
  border-radius: 5px;
  line-height: 2.5em;
  margin-left: 1em;
}

/* line 675, app/assets/stylesheets/application/soudans.scss.erb */
.kazokukai_content {
  margin: -1.8em 0.5em 1em;
  border: 1px solid #444444;
  border-radius: 5px;
  padding: 2em 1em 1em;
  letter-spacing: 0.1rem;
  line-height: 1.5rem;
  background-color: #FFFFEE;
  color: #222222;
}

/* line 686, app/assets/stylesheets/application/soudans.scss.erb */
.kazokukai_mark {
  color: #FF4F02;
}

/* line 689, app/assets/stylesheets/application/soudans.scss.erb */
.kazokukai_link {
  background-color: white;
  padding: 0.5rem;
  transition: all .3s !important;
}

/* line 694, app/assets/stylesheets/application/soudans.scss.erb */
.kazokukai_link:hover {
  opacity: 0.8;
}

/* line 698, app/assets/stylesheets/application/soudans.scss.erb */
.modal-header .close {
  font-size: 2.2rem;
}
/* line 4, app/assets/stylesheets/application/sub_categories.scss */
.breadcrumb-item > a {
  color: #424242;
  font-size: 13px;
}

/* line 8, app/assets/stylesheets/application/sub_categories.scss */
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 12, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories h1, div.sub_categories h2 {
  color: #424242 !important;
  letter-spacing: 0.1rem;
}

/* line 16, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories .img-fluid {
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
}

/* line 21, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories .pc_off {
  display: none;
}

/* line 24, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories ul {
  padding-inline-start: 0;
  margin: -15px 0 0;
}

/* line 27, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories ul li {
  list-style: none;
  margin: 0 0 20px;
  height: 90px;
}

/* line 31, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories ul li h3 {
  width: 100%;
  border: 2px #a8a8a8 solid;
  height: 90px;
  padding: 15px;
  padding-top: 7%;
  padding-bottom: 3%;
  margin: 15px 0;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-all;
}

/* line 50, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories ul li h3 a {
  color: black;
}

/* line 53, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories ul li h3 a:hover {
  text-decoration: underline;
  text-decoration-color: #3867d6;
  text-decoration-thickness: 2px;
  text-underline-offset: 1px;
}

/* line 60, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories ul li h3:hover {
  font-weight: bold;
}

/* line 66, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories .sub-box {
  margin-bottom: 15%;
}

/* line 70, app/assets/stylesheets/application/sub_categories.scss */
div.sub_categories .title {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 60px;
}

@media screen and (max-width: 800px) {
  /* line 76, app/assets/stylesheets/application/sub_categories.scss */
  div.sub_categories .title {
    font-size: 1.5rem;
  }
  /* line 79, app/assets/stylesheets/application/sub_categories.scss */
  div.sub_categories .pc_off {
    display: block;
  }
}
/* line 2, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .nav-link {
  color: black !important;
}

/* line 5, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .breadcrumb {
  background: white;
  font-size: 0.9rem;
}

/* line 9, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .breadcrumb-item > a {
  color: #0076ba;
}

/* line 12, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 15, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .footer_nav > a {
  color: #3867d6;
}

/* line 18, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .fas {
  color: black;
}

/* line 21, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .character_image {
  height: 120px;
}

/* line 24, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail footer {
  font-size: 0.9rem;
}

/* line 27, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .top_photo {
  width: 60%;
  margin: 64px auto;
}

/* line 31, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail h2 {
  letter-spacing: 0.1rem;
  font-size: 1.5rem;
  border-left: 8px solid #006c65;
  border-bottom: 1px solid #5e5e5e;
}

/* line 37, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail h3 {
  color: #212121;
  font-weight: bold;
  letter-spacing: 0.15rem;
  font-size: 1.1rem;
}

/* line 43, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .category_img {
  width: 42px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

/* line 48, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .info {
  margin: 100px 0;
  font-size: 0.9rem;
  background: #f2f2f2;
}

/* line 53, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .info p {
  margin: 0;
}

/* line 56, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .info a {
  text-decoration: underline;
  color: black;
}

/* line 60, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .info_icon {
  width: 30px;
  height: 30px;
}

/* line 64, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail div.info_icon {
  font-family: serif;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #363636;
}

/* line 71, app/assets/stylesheets/application/supporter_detail.scss */
body.supporter_detail .site_logo {
  height: 36px;
  margin-top: 10px;
}

@media screen and (max-width: 576px) {
  /* line 77, app/assets/stylesheets/application/supporter_detail.scss */
  body.supporter_detail .site_logo {
    height: 30px;
  }
  /* line 80, app/assets/stylesheets/application/supporter_detail.scss */
  body.supporter_detail .info {
    margin: 64px 0;
  }
  /* line 83, app/assets/stylesheets/application/supporter_detail.scss */
  body.supporter_detail .breadcrumb {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 768px) {
  /* line 88, app/assets/stylesheets/application/supporter_detail.scss */
  body.supporter_detail .top_photo {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  /* line 93, app/assets/stylesheets/application/supporter_detail.scss */
  body.supporter_detail .wrapper {
    padding: 0 120px;
  }
}

@media screen and (min-width: 1200px) {
  /* line 98, app/assets/stylesheets/application/supporter_detail.scss */
  body.supporter_detail .container {
    max-width: 960px;
  }
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index {
  font-family: sans-serif;
  /*  <!-- 画像サイズが違う？関係で枠の高さが合わない為、画像サイズで調整 --> */
  /* 丸コピ */
  /* 下向き */
}

/* line 2, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index li.breadcrumb-item {
  margin: 0;
}

/* line 5, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .breadcrumb-item > a {
  font-size: 13px;
  color: #424242;
}

/* line 9, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 14, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index a {
  color: #212529;
  text-decoration: none;
}

/* line 19, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 {
  margin-top: 50px;
  margin-bottom: 60px;
}

/* line 22, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .main_title {
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  /* line 26, app/assets/stylesheets/application/supporter_index.scss */
  body.supporter_index .support_box_1 .main_title {
    font-size: 1.5rem;
    width: 100%;
  }
}

/* line 31, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .detail-support {
  font-size: 1.5rem;
  text-align: center;
  line-height: 2.2rem;
}

@media screen and (max-width: 800px) {
  /* line 37, app/assets/stylesheets/application/supporter_index.scss */
  body.supporter_index .support_box_1 .detail-support {
    font-size: 1.2rem;
    display: none;
  }
}

/* line 42, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .detail-support-sp {
  display: none;
}

@media screen and (max-width: 800px) {
  /* line 46, app/assets/stylesheets/application/supporter_index.scss */
  body.supporter_index .support_box_1 .detail-support-sp {
    font-size: 1.2rem;
    text-align: center;
    display: inherit;
  }
}

/* line 53, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .item1 {
  background-color: rgba(230, 170, 91, 0.829);
}

/* line 57, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .item2 {
  background-color: rgba(98, 98, 190, 0.26);
}

/* line 61, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .item3 {
  background-color: rgba(221, 160, 221, 0.527);
}

/* line 65, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .item4 {
  background-color: #f0f8ff;
}

/* line 69, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .item5 {
  background-color: rgba(255, 166, 0, 0.452);
}

/* line 73, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .item6 {
  background-color: rgba(175, 238, 238, 0.562);
}

/* line 78, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .item {
  padding-left: 0%;
  padding-right: 0%;
  border-radius: 10px;
}

/* line 84, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .main img {
  vertical-align: middle;
}

/* line 89, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .list-head .icon-title {
  display: inline-block;
  margin-top: 20px;
}

/* line 93, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .support_box_1 .list-head img {
  height: 60px;
}

/* line 101, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .detail-support {
  font-size: 1.5rem;
  text-align: center;
  line-height: 2.2rem;
}

@media screen and (max-width: 800px) {
  /* line 107, app/assets/stylesheets/application/supporter_index.scss */
  body.supporter_index .detail-support {
    font-size: 1.0rem;
  }
}

/* line 113, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .list-head, body.supporter_index .list-head2 {
  text-align: center;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #747d8c;
}

/* line 121, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index li {
  font-size: 1.1rem;
  line-height: 2rem;
  margin-left: -10px;
  margin-right: 25px;
  list-style: none;
}

/* line 129, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .comment {
  text-align: center;
}

/* line 133, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .bottom1 img {
  width: 60%;
}

/* line 138, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .bottom2 img {
  width: 57%;
}

/* line 142, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .bottom3 img {
  width: 60%;
}

/* line 146, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .bottom1, body.supporter_index .bottom2, body.supporter_index .bottom3 {
  text-align: center;
}

/* line 149, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .offset-1 {
  width: 70%;
}

/* line 156, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .balloon-bottom {
  position: relative;
  display: inline-block;
  min-width: 330px;
  height: 150px;
  line-height: 34px;
  text-align: center;
  background-color: white;
  border: 3px solid gray;
  z-index: 0;
  border-radius: 60%;
}

/* line 167, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .balloon-bottom p {
  font-size: 110%;
  line-height: 1.7rem;
  font-weight: bold;
}

/* line 173, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .balloon-bottom:before {
  content: "";
  position: absolute;
  bottom: -35px;
  left: 50%;
  margin-left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 20px 0 20px;
  border-color: white transparent transparent transparent;
  z-index: 0;
}

/* line 187, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .balloon-bottom:after {
  border-style: solid;
  border-width: 40px 20px 0 20px;
  border-color: gray transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: -42px;
  left: 50%;
  margin-left: -20px;
  width: 0px;
  height: 0px;
  z-index: -1;
}

/* line 201, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box {
  width: 100%;
  margin-top: 100px;
  height: 400px;
}

/* line 205, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box .button-box-left {
  width: 49%;
  float: left;
}

@media screen and (max-width: 800px) {
  /* line 210, app/assets/stylesheets/application/supporter_index.scss */
  body.supporter_index .button-box .button-box-left {
    width: 100%;
    margin-bottom: -80px;
  }
}

/* line 215, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box .button-box-right {
  width: 49%;
  float: left;
}

/* line 218, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box .button-box-right .clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 800px) {
  /* line 225, app/assets/stylesheets/application/supporter_index.scss */
  body.supporter_index .button-box .button-box-right {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* line 230, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box .clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* line 236, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box .btn-jumbotron {
  display: block;
  width: 80%;
  margin: 70px auto 100px;
  padding: 20px;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 5px;
  background-image: linear-gradient(-60deg, #FF5858 0%, #F09819 100%);
  border-radius: 45px;
}

/* line 247, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box .btn-jumbotron:hover {
  background-color: #fff;
  color: #242424;
  opacity: 0.75;
}

/* line 252, app/assets/stylesheets/application/supporter_index.scss */
body.supporter_index .button-box .btn-jumbotron .right-arrow {
  margin-top: 5px;
}

@media screen and (max-width: 800px) {
  /* line 257, app/assets/stylesheets/application/supporter_index.scss */
  body.supporter_index .button-box .btn-jumbotron {
    font-size: 18px;
    padding: 12px;
  }
}

/* line 264, app/assets/stylesheets/application/supporter_index.scss */
div.form_article .form_box .formrun .field div.row {
  border: none;
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/application/top.scss.erb */
body.top {
  /* ↓ここから追加入力 */
  /* ↑ここまで */
}

/* line 2, app/assets/stylesheets/application/top.scss.erb */
body.top .movie {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

/* line 9, app/assets/stylesheets/application/top.scss.erb */
body.top .movie iframe {
  position: absolute;
  top: 18%;
  left: 20%;
  width: 60%;
  height: 60%;
}

@media screen and (max-width: 800px) {
  /* line 17, app/assets/stylesheets/application/top.scss.erb */
  body.top .movie iframe {
    position: absolute;
    top: 13%;
    left: 10%;
    width: 80%;
    height: 80%;
  }
}

/* line 27, app/assets/stylesheets/application/top.scss.erb */
body.top svg {
  display: inline-block;
  width: auto;
  height: auto;
  overflow: visible;
}

/* line 33, app/assets/stylesheets/application/top.scss.erb */
body.top .foreground {
  fill: #fff;
}

/* line 36, app/assets/stylesheets/application/top.scss.erb */
body.top .background {
  stroke: #000;
  stroke-width: 8;
  stroke-linejoin: round;
}

/* line 41, app/assets/stylesheets/application/top.scss.erb */
body.top .news_list {
  font-size: 1rem;
  padding: 5px 10px;
  margin: auto 5%;
  color: #444444;
  background-color: white;
}

/* line 49, app/assets/stylesheets/application/top.scss.erb */
body.top ul {
  padding: 0;
}

/* line 52, app/assets/stylesheets/application/top.scss.erb */
body.top li {
  list-style: none;
}

/* line 56, app/assets/stylesheets/application/top.scss.erb */
body.top tr td {
  padding: 1rem 0;
}

/* line 58, app/assets/stylesheets/application/top.scss.erb */
body.top tr td a {
  display: block;
  text-decoration: none;
}

/* line 64, app/assets/stylesheets/application/top.scss.erb */
body.top h1, body.top h2 {
  color: #424242 !important;
}

/* line 67, app/assets/stylesheets/application/top.scss.erb */
body.top a {
  color: #424242;
  text-decoration: none;
}

/* line 79, app/assets/stylesheets/application/top.scss.erb */
body.top .breadcrumb {
  background: none;
  font-size: 0.9rem;
}

/* line 83, app/assets/stylesheets/application/top.scss.erb */
body.top .breadcrumb-item > a {
  font-size: 13px;
  color: #0076ba;
}

/* line 87, app/assets/stylesheets/application/top.scss.erb */
body.top .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 90, app/assets/stylesheets/application/top.scss.erb */
body.top h2 {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

/* line 94, app/assets/stylesheets/application/top.scss.erb */
body.top .new_supporters_heading {
  display: inline-block;
  background: #feae00;
  color: white;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  padding: 6px 20px;
  position: relative;
  top: 18px;
  left: 16px;
}

/* line 105, app/assets/stylesheets/application/top.scss.erb */
body.top .new_supporters {
  border-radius: 16px;
  color: #5e5e5e;
}

/* line 109, app/assets/stylesheets/application/top.scss.erb */
body.top th {
  color: white;
  background: #00ab8e !important;
}

/* line 113, app/assets/stylesheets/application/top.scss.erb */
body.top .list_icon {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

/* line 120, app/assets/stylesheets/application/top.scss.erb */
body.top .footer_nav > a {
  color: #3867d613px;
}

/* line 123, app/assets/stylesheets/application/top.scss.erb */
body.top .fas {
  color: black;
}

/* line 126, app/assets/stylesheets/application/top.scss.erb */
body.top .character_image {
  height: 120px;
}

/* line 129, app/assets/stylesheets/application/top.scss.erb */
body.top footer {
  font-size: 0.9rem;
}

/* line 132, app/assets/stylesheets/application/top.scss.erb */
body.top .footer_title {
  font-size: 1.2rem;
}

/* line 136, app/assets/stylesheets/application/top.scss.erb */
body.top .intro-contents {
  background-color: #ffffff;
  border-radius: 8px;
}

/* line 140, app/assets/stylesheets/application/top.scss.erb */
body.top .main_title {
  font-size: 2rem;
  font-weight: bold;
}

/* line 143, app/assets/stylesheets/application/top.scss.erb */
body.top .main_title .color-back {
  background-color: #ffffff;
  padding-top: 30px;
  padding: 6px;
  border-radius: 6px;
}

@media screen and (max-width: 800px) {
  /* line 151, app/assets/stylesheets/application/top.scss.erb */
  body.top .main_title {
    font-size: 1.5rem;
  }
}

/* line 155, app/assets/stylesheets/application/top.scss.erb */
body.top .title {
  font-size: 2rem;
  font-weight: bold;
}

/* line 160, app/assets/stylesheets/application/top.scss.erb */
body.top .right_text_box {
  font-size: 1.7rem;
}

/* line 164, app/assets/stylesheets/application/top.scss.erb */
body.top .text-setagaya {
  color: #424242;
  font-size: 1.5rem;
  line-height: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 6px;
}

/* line 173, app/assets/stylesheets/application/top.scss.erb */
body.top .text-setagaya .link_url {
  color: #5352ed;
}

@media screen and (max-width: 800px) {
  /* line 178, app/assets/stylesheets/application/top.scss.erb */
  body.top .news_list {
    font-size: 0.8rem;
  }
  /* line 181, app/assets/stylesheets/application/top.scss.erb */
  body.top .text-setagaya {
    color: #424242;
    line-height: 1.5rem;
    font-size: 1.0rem;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
  }
  /* line 190, app/assets/stylesheets/application/top.scss.erb */
  body.top .text-setagaya .link_p {
    color: #5352ed;
  }
}

/* line 195, app/assets/stylesheets/application/top.scss.erb */
body.top .title_image {
  height: 230px;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 6px;
}

/* line 201, app/assets/stylesheets/application/top.scss.erb */
body.top .wrapper {
  margin: 0 auto;
}

/* line 207, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box {
  width: 80%;
  margin: 0 auto;
}

/* line 210, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con {
  height: 100px;
  margin-bottom: 25px;
}

@media screen and (max-width: 800px) {
  /* line 215, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con {
    height: 60px;
    margin-bottom: 5px;
  }
}

/* line 220, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_text {
  font-size: 1.4rem;
}

@media screen and (max-width: 800px) {
  /* line 224, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_text {
    font-size: 0.8rem;
  }
}

/* line 229, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_box {
  margin-bottom: 80px;
  height: 200px;
}

@media screen and (max-width: 800px) {
  /* line 234, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_box {
    margin-bottom: 10px;
    height: 100px;
  }
}

/* line 239, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_box:hover {
  font-weight: bold;
  text-decoration: none;
}

/* line 243, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .no-gutters {
  margin: 0;
  padding: 0;
}

/* line 248, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .no-gutters　 > .col,
body.top .service_box .no-gutters　 > [class*="col-"] {
  margin: 0;
  padding: 0;
}

/* line 253, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_color1 {
  border-radius: 10%;
  background: rgba(255, 166, 0, 0.452);
  width: 80%;
  height: 100%;
  margin-left: 10%;
  padding-top: 7%;
  padding-bottom: 3%;
}

@media screen and (max-width: 800px) {
  /* line 263, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_color1 {
    text-align: center;
    width: 95%;
    border-radius: 10%;
    background: rgba(255, 166, 0, 0.452);
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 7%;
    padding-bottom: 3%;
  }
}

/* line 274, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_color2 {
  text-align: center;
  border-radius: 10%;
  background: rgba(230, 170, 91, 0.829);
  width: 80%;
  height: 100%;
  margin-left: 10%;
  padding-top: 7%;
}

@media screen and (max-width: 800px) {
  /* line 284, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_color2 {
    width: 95%;
    border-radius: 10%;
    background: rgba(230, 170, 91, 0.829);
    margin-left: 1%;
    padding-top: 7%;
    padding-bottom: 3%;
  }
}

/* line 293, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_color3 {
  border-radius: 10%;
  background: rgba(98, 98, 190, 0.26);
  width: 80%;
  height: 100%;
  margin-left: 10%;
  padding-top: 7%;
}

@media screen and (max-width: 800px) {
  /* line 302, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_color3 {
    border-radius: 10%;
    background: rgba(98, 98, 190, 0.26);
    margin-left: 1%;
    width: 95%;
    padding-top: 7%;
    padding-bottom: 3%;
  }
}

/* line 311, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_color4 {
  border-radius: 10%;
  background: #f0f8ff;
  width: 80%;
  height: 100%;
  margin-left: 10%;
  padding-top: 7%;
}

@media screen and (max-width: 800px) {
  /* line 320, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_color4 {
    border-radius: 10%;
    background: #f0f8ff;
    margin-left: 1%;
    margin-right: 1%;
    width: 95%;
    padding-top: 7%;
    padding-bottom: 3%;
  }
}

/* line 330, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_color5 {
  border-radius: 10%;
  background: rgba(221, 160, 221, 0.527);
  width: 80%;
  height: 100%;
  margin-left: 10%;
  padding-top: 7%;
}

@media screen and (max-width: 800px) {
  /* line 339, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_color5 {
    border-radius: 10%;
    background: rgba(221, 160, 221, 0.527);
    margin-left: 1%;
    width: 95%;
    padding-top: 7%;
    padding-bottom: 3%;
  }
}

/* line 348, app/assets/stylesheets/application/top.scss.erb */
body.top .service_box .con_color6 {
  border-radius: 10%;
  background: rgba(175, 238, 238, 0.562);
  width: 80%;
  height: 100%;
  margin-left: 10%;
  padding-top: 7%;
}

@media screen and (max-width: 800px) {
  /* line 357, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box .con_color6 {
    border-radius: 10%;
    background: rgba(175, 238, 238, 0.562);
    margin-left: 1%;
    width: 95%;
    padding-top: 7%;
    padding-bottom: 3%;
  }
}

@media screen and (max-width: 800px) {
  /* line 368, app/assets/stylesheets/application/top.scss.erb */
  body.top .service_box {
    width: 100%;
  }
}

/* line 375, app/assets/stylesheets/application/top.scss.erb */
body.top .top-section {
  background: url(/assets/form/pattern-386cf867d781b95fe5e87083f31227e747f72b8f95427142f5315228eeeebb1e.gif) left top;
  padding-top: 40px;
  height: 570px;
}

/* line 380, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content {
  background-color: #ffffff;
  width: 90%;
  height: 300px;
  margin: 0 auto;
  overflow-x: auto;
}

/* line 386, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table {
  width: 85%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 391, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table {
  height: 30px;
  font-size: 1.0rem;
}

/* line 394, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .info-date {
  font-size: 1.1rem;
  font-weight: bold;
  color: #424242 !important;
  width: 160px;
}

/* line 400, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .text-nowrap {
  width: 120px;
  text-align: left;
}

@media screen and (max-width: 800px) {
  /* line 405, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .info-date {
    margin: 15px auto 5px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: bold;
    color: #424242 !important;
    padding: 0px;
    width: 50%;
  }
  /* line 414, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .text-nowrap {
    margin: 12px auto 8px;
    padding: 0;
    width: 50%;
  }
}

/* line 421, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .info-text {
  font-size: 1.2rem;
  padding: 1.0rem 0;
  line-height: 1.5rem;
  padding-left: 10px;
  letter-spacing: 0.05;
  margin-bottom: 5px;
}

@media screen and (max-width: 800px) {
  /* line 431, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .info-text {
    font-size: 0.8rem;
    color: #424242;
    text-align: left;
    padding: 0px;
    display: block;
    line-height: 1.2rem;
  }
}

/* line 441, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .new_radius1 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: #00ab8e;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 450, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .new_radius1 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #00ab8e;
    padding: 5px 30px;
  }
}

/* line 460, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .new_radius2 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: rgba(255, 166, 0, 0.863);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 469, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .new_radius2 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: rgba(255, 166, 0, 0.863);
    padding: 5px 20px;
  }
}

/* line 479, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .new_radius3 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80%;
  border-radius: 15px;
  background-color: #30336b;
  padding: 6px 42px;
}

@media screen and (max-width: 800px) {
  /* line 488, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .new_radius3 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #30336b;
    padding: 5px 30px;
  }
}

/* line 498, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .new_radius4 {
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 15px;
  background-color: #70a1ff;
  padding: 6px 36px;
}

@media screen and (max-width: 800px) {
  /* line 506, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .new_radius4 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #70a1ff;
    padding: 5px 25px;
  }
}

/* line 516, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .new_radius5 {
  font-size: 0.8rem;
  color: #FFF;
  width: 80px;
  border-radius: 15px;
  background-color: rgba(233, 75, 233, 0.829);
  padding: 6px 30px;
}

@media screen and (max-width: 800px) {
  /* line 525, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .new_radius5 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: rgba(233, 75, 233, 0.829);
    padding: 5px 20px;
  }
}

/* line 535, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .new_radius6 {
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 15px;
  background-color: #0097e6;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 543, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .new_radius6 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: #0097e6;
    padding: 5px 8px;
  }
}

/* line 553, app/assets/stylesheets/application/top.scss.erb */
body.top .info_content .info_box_table .info_table .new_radius7 {
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 15px;
  background-color: teal;
  padding: 6px 17px;
}

@media screen and (max-width: 800px) {
  /* line 561, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table .new_radius7 {
    font-size: 0.6rem;
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 10px;
    background-color: teal;
    padding: 5px 8px;
  }
}

@media screen and (max-width: 800px) {
  /* line 572, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table .info_table {
    text-align: left;
    height: 60px;
  }
}

@media screen and (max-width: 800px) {
  /* line 579, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_content .info_box_table {
    width: 90%;
    margin: 5px auto 15px;
  }
}

/* line 586, app/assets/stylesheets/application/top.scss.erb */
body.top .info_box {
  position: relative;
}

/* line 589, app/assets/stylesheets/application/top.scss.erb */
body.top .info_image {
  height: 50px;
  margin-left: 40%;
  position: absolute;
  bottom: 75%;
}

@media screen and (max-width: 800px) {
  /* line 596, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_image {
    bottom: 65%;
  }
}

/* line 600, app/assets/stylesheets/application/top.scss.erb */
body.top .info_text {
  width: 260px;
  height: 90px;
  border: #a8a8a8 solid 2px;
  border-radius: 10px;
  padding: 35px 20px;
  font-size: 1.2rem;
  margin: 10px 20px;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 800px) {
  /* line 611, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_text {
    font-size: 1.0rem;
    height: 90px;
    margin: 30px 20px;
  }
}

/* line 617, app/assets/stylesheets/application/top.scss.erb */
body.top .info_text_f {
  width: 260px;
  height: 90px;
  border: #a8a8a8 solid 2px;
  border-radius: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 1.0rem;
  margin: 10px 20px;
  line-height: 20px;
}

@media screen and (max-width: 800px) {
  /* line 629, app/assets/stylesheets/application/top.scss.erb */
  body.top .info_text_f {
    font-size: 1.0rem;
    height: 90px;
    margin: 30px 20px;
  }
}

/* line 635, app/assets/stylesheets/application/top.scss.erb */
body.top .form-inline {
  position: relative;
}

/* line 638, app/assets/stylesheets/application/top.scss.erb */
body.top .btn {
  position: absolute;
  right: 4%;
}

/* line 642, app/assets/stylesheets/application/top.scss.erb */
body.top .soudan-image-sp {
  display: none;
}

@media screen and (max-width: 800px) {
  /* line 646, app/assets/stylesheets/application/top.scss.erb */
  body.top .soudan-image-sp {
    width: 100%;
    display: inherit;
  }
}

/* line 653, app/assets/stylesheets/application/top.scss.erb */
body.top .suporter-recomend {
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* line 658, app/assets/stylesheets/application/top.scss.erb */
body.top .suporter-recomend .s_koko_icon_l {
  margin-top: 50px;
  width: 49%;
  float: left;
}

/* line 663, app/assets/stylesheets/application/top.scss.erb */
body.top .suporter-recomend .s_koko_icon_sp_l {
  display: none;
}

/* line 666, app/assets/stylesheets/application/top.scss.erb */
body.top .suporter-recomend .s_koko_icon {
  margin-top: 50px;
  width: 49%;
}

/* line 670, app/assets/stylesheets/application/top.scss.erb */
body.top .suporter-recomend .s_koko_icon_sp {
  display: none;
}

@media screen and (max-width: 800px) {
  /* line 676, app/assets/stylesheets/application/top.scss.erb */
  body.top .suporter-recomend {
    margin-top: 50px;
    width: 100%;
    margin: 0 auto;
  }
  /* line 680, app/assets/stylesheets/application/top.scss.erb */
  body.top .suporter-recomend .s_koko_icon_l {
    display: none;
  }
  /* line 683, app/assets/stylesheets/application/top.scss.erb */
  body.top .suporter-recomend .s_koko_icon_sp_l {
    width: 100%;
    margin-top: 70px;
    display: inherit;
  }
  /* line 688, app/assets/stylesheets/application/top.scss.erb */
  body.top .suporter-recomend .s_koko_icon {
    display: none;
  }
  /* line 691, app/assets/stylesheets/application/top.scss.erb */
  body.top .suporter-recomend .s_koko_icon_sp {
    width: 100%;
    display: inherit;
  }
}

@media screen and (max-width: 800px) {
  /* line 699, app/assets/stylesheets/application/top.scss.erb */
  body.top .soudan-image {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  /* line 1, app/assets/stylesheets/application/top.scss.erb */
  body.top {
    /* ↓ここから追加入力 */
    /* ↑ここまで */
  }
  /* line 706, app/assets/stylesheets/application/top.scss.erb */
  body.top h1 {
    font-size: 1.2rem;
  }
  /* line 709, app/assets/stylesheets/application/top.scss.erb */
  body.top .breadcrumb {
    font-size: 0.8rem;
  }
  /* line 713, app/assets/stylesheets/application/top.scss.erb */
  body.top .title_image {
    height: 160px;
  }
  /* line 716, app/assets/stylesheets/application/top.scss.erb */
  body.top h2 {
    font-size: 1rem;
  }
  /* line 719, app/assets/stylesheets/application/top.scss.erb */
  body.top .main_title {
    font-size: 1.5rem;
  }
  /* line 722, app/assets/stylesheets/application/top.scss.erb */
  body.top .title {
    font-size: 1.5rem;
    margin-top: 10px;
  }
  /* line 726, app/assets/stylesheets/application/top.scss.erb */
  body.top p {
    font-size: 1rem;
  }
  /* line 729, app/assets/stylesheets/application/top.scss.erb */
  body.top .con_text {
    font-size: 1.2rem;
  }
  /* line 732, app/assets/stylesheets/application/top.scss.erb */
  body.top .con_box {
    margin-bottom: 20px;
  }
  /* line 738, app/assets/stylesheets/application/top.scss.erb */
  body.top .btn {
    right: 0.1rem;
  }
  /* line 742, app/assets/stylesheets/application/top.scss.erb */
  body.top .top-section .container {
    padding: 0;
  }
  /* line 751, app/assets/stylesheets/application/top.scss.erb */
  body.top .top-section td {
    display: inline-block;
    line-height: 1.5rem;
    letter-spacing: 0.05rem;
  }
  /* line 756, app/assets/stylesheets/application/top.scss.erb */
  body.top .top-section *, body.top .top-section ::after, body.top .top-section ::before {
    box-sizing: content-box;
  }
  /* line 759, app/assets/stylesheets/application/top.scss.erb */
  body.top .top-section .text-right {
    margin-top: 19px;
  }
  /* line 762, app/assets/stylesheets/application/top.scss.erb */
  body.top .top-section .text-nowrap {
    margin-top: 0px;
    padding: 0;
  }
}
@charset "UTF-8";
/* line 5, app/assets/stylesheets/application/users.scss */
.box_check {
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* line 11, app/assets/stylesheets/application/users.scss */
.sidebar,
.off-canvas-sidebar {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  height: 100%;
  bottom: 0;
  width: 260px;
  left: 0;
  z-index: 1030;
  border-right: 1px solid #ddd;
}

/* line 23, app/assets/stylesheets/application/users.scss */
.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper {
  position: relative;
  height: calc(100vh - 75px);
  overflow: auto;
  color: #ffffff;
  width: 260px;
  z-index: 4;
  padding-bottom: 100px;
}

/* line 31, app/assets/stylesheets/application/users.scss */
.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,
.off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
  display: none !important;
}

/* line 34, app/assets/stylesheets/application/users.scss */
.sidebar .sidebar-wrapper .navbar-form,
.off-canvas-sidebar .sidebar-wrapper .navbar-form {
  border: none;
}

/* line 39, app/assets/stylesheets/application/users.scss */
.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize {
  position: absolute;
  right: 20px;
  top: 2px;
  opacity: 1;
}

/* line 45, app/assets/stylesheets/application/users.scss */
.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}

/* line 54, app/assets/stylesheets/application/users.scss */
.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}

/* line 60, app/assets/stylesheets/application/users.scss */
.sidebar .nav,
.off-canvas-sidebar .nav {
  margin-top: 20px;
  display: block;
}

/* line 65, app/assets/stylesheets/application/users.scss */
.sidebar .nav li > a + div .nav li > a,
.off-canvas-sidebar .nav li > a + div .nav li > a {
  margin-top: 7px;
}

/* line 68, app/assets/stylesheets/application/users.scss */
.sidebar .nav li > a,
.off-canvas-sidebar .nav li > a {
  margin: 10px 15px 0;
  display: block;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 18px;
  padding: 10px 8px;
  line-height: 30px;
  opacity: 0.7;
}

/* line 81, app/assets/stylesheets/application/users.scss */
.sidebar .nav li > a:hover,
.off-canvas-sidebar .nav li > a:hover {
  color: #ffffff;
  /* 文字色を白にする */
  text-decoration: none;
  /* リンクに出てくる下線を無効にする*/
}

/* line 86, app/assets/stylesheets/application/users.scss */
.sidebar .nav li .nav > li > a,
.off-canvas-sidebar .nav li .nav > li > a {
  padding: 5px 8px;
}

/* line 90, app/assets/stylesheets/application/users.scss */
.sidebar .nav li:hover,
.off-canvas-sidebar .nav li:hover {
  color: #ffffff;
  /* 文字色を白にする */
  background-color: #95afc0;
  text-decoration: none;
  /* リンクに出てくる下線を無効にする*/
}

/* line 97, app/assets/stylesheets/application/users.scss */
.sidebar .logo,
.off-canvas-sidebar .logo {
  position: relative;
  z-index: 4;
}

/* line 105, app/assets/stylesheets/application/users.scss */
.sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-mini {
  opacity: 1;
  float: left;
  width: 34px;
  text-align: center;
  margin-left: 10px;
  margin-right: 12px;
}

/* line 114, app/assets/stylesheets/application/users.scss */
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-normal {
  display: block;
  opacity: 1;
  padding: 11px 0 8px;
}

/* line 120, app/assets/stylesheets/application/users.scss */
.sidebar .logo:after,
.off-canvas-sidebar .logo:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 1px;
  width: calc(100% - 30px);
}

/* line 129, app/assets/stylesheets/application/users.scss */
.sidebar .logo p,
.off-canvas-sidebar .logo p {
  float: left;
  font-size: 20px;
  margin: 10px 10px;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 137, app/assets/stylesheets/application/users.scss */
.sidebar .logo .simple-text,
.off-canvas-sidebar .logo .simple-text {
  text-transform: uppercase;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  line-height: 30px;
  overflow: hidden;
}

/* line 147, app/assets/stylesheets/application/users.scss */
.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}

/* line 156, app/assets/stylesheets/application/users.scss */
.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}

/* line 163, app/assets/stylesheets/application/users.scss */
#main {
  margin-left: 260px;
}

/* line 170, app/assets/stylesheets/application/users.scss */
.admin_header {
  text-align: right;
}

/* line 174, app/assets/stylesheets/application/users.scss */
.visible-on-sidebar-regular {
  display: inline-block !important;
}

/* line 177, app/assets/stylesheets/application/users.scss */
.visible-on-sidebar-mini {
  display: none !important;
}

/* line 187, app/assets/stylesheets/application/users.scss */
.off-canvas-sidebar .nav > li > a:focus {
  background: rgba(200, 200, 200, 0.2);
}

/* line 193, app/assets/stylesheets/application/users.scss */
.main-panel {
  position: relative;
  float: right;
  background-color: #f4f3ef;
}

/* line 198, app/assets/stylesheets/application/users.scss */
.main-panel > .content {
  padding: 0 30px 30px;
  min-height: calc(100vh - 123px);
  margin-top: 93px;
}

/* line 204, app/assets/stylesheets/application/users.scss */
.main-panel > .navbar {
  margin-bottom: 0;
}

/* line 208, app/assets/stylesheets/application/users.scss */
.main-panel .header {
  margin-bottom: 50px;
}

/* line 214, app/assets/stylesheets/application/users.scss */
.perfect-scrollbar-on .sidebar,
.perfect-scrollbar-on .main-panel {
  height: 100%;
  max-height: 100%;
}

/* line 221, app/assets/stylesheets/application/users.scss */
.panel-header {
  height: 260px;
  padding-top: 80px;
  padding-bottom: 45px;
  background: #141e30;
  /* fallback for old browsers */
  background: -webkit-gradient(linear, left top, right top, from(#0c2646), color-stop(60%, #204065), to(#2a5788));
  background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
  position: relative;
  overflow: hidden;
}

/* line 239, app/assets/stylesheets/application/users.scss */
.panel-header .header .title {
  color: white;
}

/* line 242, app/assets/stylesheets/application/users.scss */
.panel-header .header .category {
  max-width: 600px;
  margin: 0 auto;
  font-size: 13px;
}

/* line 247, app/assets/stylesheets/application/users.scss */
.panel-header .header .category a {
  color: white;
}

/* line 254, app/assets/stylesheets/application/users.scss */
.panel-header-sm {
  height: 135px;
}

/* line 258, app/assets/stylesheets/application/users.scss */
.panel-header-lg {
  height: 380px;
}

/* line 262, app/assets/stylesheets/application/users.scss */
.footer {
  padding: 24px 0;
}

/* line 265, app/assets/stylesheets/application/users.scss */
.footer.footer-default {
  background-color: #f2f2f2;
}

/* line 269, app/assets/stylesheets/application/users.scss */
.footer nav {
  display: inline-block;
  float: left;
  padding-left: 0;
}

/* line 275, app/assets/stylesheets/application/users.scss */
.footer ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

/* line 280, app/assets/stylesheets/application/users.scss */
.footer ul li {
  display: inline-block;
}

/* line 283, app/assets/stylesheets/application/users.scss */
.footer ul li a {
  color: inherit;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 289, app/assets/stylesheets/application/users.scss */
.footer ul li a:hover {
  text-decoration: none;
}

/* line 296, app/assets/stylesheets/application/users.scss */
.footer .copyright {
  line-height: 1.8;
}

/* line 300, app/assets/stylesheets/application/users.scss */
.footer:after {
  display: table;
  clear: both;
  content: " ";
}

/* line 307, app/assets/stylesheets/application/users.scss */
body.admin_handbook {
  padding: 35px;
  color: #000000;
  background-color: #ffffff;
}

/* line 311, app/assets/stylesheets/application/users.scss */
body.admin_handbook h1 {
  font-size: 2rem;
  margin-bottom: 30px;
  letter-spacing: 2px;
  color: #383838;
}

/* line 317, app/assets/stylesheets/application/users.scss */
body.admin_handbook .table-of-contents {
  margin-bottom: 40px;
}

/* line 319, app/assets/stylesheets/application/users.scss */
body.admin_handbook .table-of-contents h2 {
  margin-bottom: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  color: #383838;
}

/* line 325, app/assets/stylesheets/application/users.scss */
body.admin_handbook .table-of-contents ul {
  padding-left: 8px;
  list-style: none;
  letter-spacing: 1px;
}

/* line 329, app/assets/stylesheets/application/users.scss */
body.admin_handbook .table-of-contents ul li {
  line-height: 1.7rem;
}

/* line 331, app/assets/stylesheets/application/users.scss */
body.admin_handbook .table-of-contents ul li a {
  display: block;
}

/* line 337, app/assets/stylesheets/application/users.scss */
body.admin_handbook span.sample100 {
  color: #383838;
  font-weight: bold;
}

/* line 341, app/assets/stylesheets/application/users.scss */
body.admin_handbook span.deco {
  color: #ffffff;
  background-color: #5ebaba;
  padding: 2px;
}

/* line 346, app/assets/stylesheets/application/users.scss */
body.admin_handbook .sentence-head {
  margin-top: 60px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 20px;
  font-size: 28px;
  color: #333333;
  font-weight: bold;
  letter-spacing: 2px;
  border-left: solid 3px #e38206;
  background-color: #f5f5f5;
}

@media all and (max-width: 640px) {
  /* line 357, app/assets/stylesheets/application/users.scss */
  body.admin_handbook .sentence-head {
    margin-top: 60px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 20px;
    font-size: 20px;
    font-weight: bold;
    border-left: solid 3px #e38206;
    background-color: #f5f5f5;
  }
}

/* line 368, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain {
  margin-top: 30px;
}

/* line 370, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision {
  margin-bottom: 35px;
}

/* line 372, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .title {
  margin-top: 50px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #383838;
  letter-spacing: 2px;
}

/* line 379, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .detail {
  padding-bottom: 20px;
  color: #383838;
  letter-spacing: 1px;
}

/* line 383, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .detail .box_detail {
  background-color: #f5f5f5;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 388, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .detail .box_detail p.bold_text {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}

/* line 392, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .detail .box_detail p.bold_text .action_icon {
  width: 20px;
  margin-right: 18px;
}

/* line 398, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .detail .detail-image {
  width: 550px;
  margin-bottom: 20px;
}

/* line 403, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .box_link {
  background-color: #f5f5f5;
  width: 80%;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 3px solid #cdcdcd;
  font-weight: bold;
}

/* line 411, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .box_link p {
  margin-bottom: 0px;
}

/* line 414, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .box_link p.bold_text {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 40px;
}

/* line 421, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision img {
  width: 100%;
}

/* line 424, app/assets/stylesheets/application/users.scss */
body.admin_handbook .explain .provision .thinking-img-block {
  width: 70%;
}
@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* line 26, app/assets/stylesheets/application/application.scss.erb */
i.sp_icon_search {
  width: 30px;
  height: 30px;
  padding: 6px 4px;
}

/* line 36, app/assets/stylesheets/application/application.scss.erb */
.sp_search .form #sbox2 {
  height: 50px;
  width: 80%;
  padding: 0 20px;
  margin: 15px auto;
  border: solid 1px silver;
  outline: 0;
}

/* line 46, app/assets/stylesheets/application/application.scss.erb */
.sp_search .form #sbtn2 {
  height: 50px;
  width: 50px;
  margin-top: 1px;
  padding: 0;
  margin-right: 0;
  background: none;
  color: #666;
  font-size: 20px;
  /*アイコンサイズ*/
  border: solid 1px silver;
  outline: none;
}

/* line 60, app/assets/stylesheets/application/application.scss.erb */
.sp_search .form #sbtn2:hover {
  color: #7fbfff;
}

/* line 68, app/assets/stylesheets/application/application.scss.erb */
.pc_search .form #form2 {
  position: relative;
  margin: 0 3% 0 0;
}

/* line 79, app/assets/stylesheets/application/application.scss.erb */
.pc_search .form #sbox2 {
  height: 40px;
  padding: 0 60px 0 20px;
  position: absolute;
  right: 0;
  top: 0;
  border: solid 1px silver;
  border-radius: 30px;
  outline: 0;
  margin-top: 15px;
}

/* line 91, app/assets/stylesheets/application/application.scss.erb */
.pc_search .form #sbtn2 {
  height: 40px;
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  /*アイコン左右の位置調整*/
  top: 0;
  background: none;
  color: #666;
  font-size: 20px;
  /*アイコンサイズ*/
  border-radius: 30px;
  border: none;
  outline: none;
  margin-top: 15px;
}

/* line 115, app/assets/stylesheets/application/application.scss.erb */
.pc_search .form #sbtn2:hover {
  color: #7fbfff;
}

/* line 122, app/assets/stylesheets/application/application.scss.erb */
img {
  -ms-interpolation-mode: bicubic;
}

/* line 124, app/assets/stylesheets/application/application.scss.erb */
#error_explanation {
  width: 99%;
  border: 4px solid #FF9872;
  border-radius: 10px;
  padding: 7px 0 0;
  margin-bottom: 20px;
  background-color: white;
  letter-spacing: 0.05rem;
  line-height: 1.1rem;
  margin: 0 auto 30px;
}

/* line 134, app/assets/stylesheets/application/application.scss.erb */
#error_explanation h2 {
  text-align: center;
  font-weight: bold;
  padding: 8px 18px;
  font-size: 1.0rem;
  margin: -8px 0 0;
  background-color: #FF9872;
  color: #F7F7F7;
  border: none;
  line-height: 1.8rem;
}

/* line 145, app/assets/stylesheets/application/application.scss.erb */
#error_explanation ul {
  margin: 5px;
}

/* line 147, app/assets/stylesheets/application/application.scss.erb */
#error_explanation ul li {
  list-style: none;
}

/* line 159, app/assets/stylesheets/application/application.scss.erb */
.field_with_errors {
  padding: 10px;
  border-top: solid 4px #FF9872;
  display: contents;
}

/* line 168, app/assets/stylesheets/application/application.scss.erb */
.pagination {
  justify-content: center;
}

/* line 174, app/assets/stylesheets/application/application.scss.erb */
header ul, footer ul {
  padding: 0;
}

/* line 177, app/assets/stylesheets/application/application.scss.erb */
header li, footer li {
  list-style: none;
}

/* line 180, app/assets/stylesheets/application/application.scss.erb */
header .nav-link, footer .nav-link {
  color: #424242 !important;
}

/* line 183, app/assets/stylesheets/application/application.scss.erb */
header .nav-link:hover, footer .nav-link:hover {
  font-weight: bold;
  border: solid 2px #ffcb8a;
  border-radius: 5px;
}

/* line 188, app/assets/stylesheets/application/application.scss.erb */
header .breadcrumb, footer .breadcrumb {
  background: white;
  font-size: 0.9rem;
  background-color: #e9edf5;
}

/* line 193, app/assets/stylesheets/application/application.scss.erb */
header .breadcrumb-item > a, footer .breadcrumb-item > a {
  color: #424242;
}

/* line 196, app/assets/stylesheets/application/application.scss.erb */
header .breadcrumb-item + .breadcrumb-item::before, footer .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* line 199, app/assets/stylesheets/application/application.scss.erb */
header h2, footer h2 {
  color: #424242 !important;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  margin: 72px 0 32px;
}

/* line 205, app/assets/stylesheets/application/application.scss.erb */
header .new_supporters_heading, footer .new_supporters_heading {
  display: inline-block;
  background: #feae00;
  color: white;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  padding: 6px 20px;
  position: relative;
  top: 18px;
  left: 16px;
}

/* line 216, app/assets/stylesheets/application/application.scss.erb */
header .new_supporters, footer .new_supporters {
  border-radius: 16px;
  color: #5e5e5e;
}

/* line 220, app/assets/stylesheets/application/application.scss.erb */
header th, footer th {
  color: white;
  background: #00ab8e !important;
}

/* line 224, app/assets/stylesheets/application/application.scss.erb */
header .list_icon, footer .list_icon {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

/* line 230, app/assets/stylesheets/application/application.scss.erb */
header .footer_right, footer .footer_right {
  margin: 0 0 0 auto;
}

/* line 234, app/assets/stylesheets/application/application.scss.erb */
header .footer_nav > a, footer .footer_nav > a {
  color: #3867d6;
}

/* line 237, app/assets/stylesheets/application/application.scss.erb */
header .fas, footer .fas {
  color: black;
}

/* line 240, app/assets/stylesheets/application/application.scss.erb */
header .jump_top, footer .jump_top {
  display: contents;
}

/* line 243, app/assets/stylesheets/application/application.scss.erb */
header .character_image, footer .character_image {
  height: 120px;
  margin: 0 0 0 auto;
  position: absolute;
  right: 0;
  padding-right: 30px;
}

@media screen and (max-width: 576px) {
  /* line 251, app/assets/stylesheets/application/application.scss.erb */
  header .character_image, footer .character_image {
    padding-right: 15px;
  }
}

/* line 255, app/assets/stylesheets/application/application.scss.erb */
header footer, footer footer {
  font-size: 0.9rem;
}

/* line 258, app/assets/stylesheets/application/application.scss.erb */
header .site_logo, footer .site_logo {
  height: 36px;
  margin-top: 10px;
}

/* line 262, app/assets/stylesheets/application/application.scss.erb */
header .footer_title, footer .footer_title {
  font-size: 1.2rem;
}

@media screen and (max-width: 576px) {
  /* line 266, app/assets/stylesheets/application/application.scss.erb */
  header h2, footer h2 {
    margin: 48px 0;
  }
  /* line 269, app/assets/stylesheets/application/application.scss.erb */
  header .site_logo, footer .site_logo {
    height: 30px;
  }
  /* line 272, app/assets/stylesheets/application/application.scss.erb */
  header .breadcrumb, footer .breadcrumb {
    font-size: 0.8rem;
  }
  /* line 275, app/assets/stylesheets/application/application.scss.erb */
  header .table-responsive, footer .table-responsive {
    margin: 64px 0;
  }
  /* line 278, app/assets/stylesheets/application/application.scss.erb */
  header .d-flex, footer .d-flex {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  /* line 283, app/assets/stylesheets/application/application.scss.erb */
  header .wrapper, footer .wrapper {
    padding: 0 120px;
  }
}

@media screen and (min-width: 1200px) {
  /* line 288, app/assets/stylesheets/application/application.scss.erb */
  header .container-md, footer .container-md {
    max-width: 960px;
  }
}

/* line 293, app/assets/stylesheets/application/application.scss.erb */
footer {
  font-size: 0.9rem;
  line-height: 1.2rem;
}

/* line 297, app/assets/stylesheets/application/application.scss.erb */
.footer_title {
  font-size: 1.2rem;
}

/* line 300, app/assets/stylesheets/application/application.scss.erb */
.footer_nav > a {
  color: #3867d613px;
}

/* line 306, app/assets/stylesheets/application/application.scss.erb */
nav .breadcrumb {
  width: 100%;
  background: #e9edf5;
  opacity: 0.7;
  margin-bottom: 0rem;
}

/* line 314, app/assets/stylesheets/application/application.scss.erb */
.article_category {
  background-image: url(/assets/form/select_ar-ff7807533ce0f105fa39c88239fe94f5d7032978eb11a1a1ae33795c9e297532.png);
}
/*

 */