@charset "utf-8";

::selection {
  background: #89c6ca;
}

/*日本語(ゴシック)*/
@font-face {
  font-family: 'Noto Sans CJK JP Regular';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/NotoSansCJKjp-Regular.woff') format('woff'),
    /* Modern Browsers */ url('fonts/NotoSansCJKjp-Regular.ttf')
      format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'Noto Sans CJK JP Bold';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/NotoSansCJKjp-Bold.woff') format('woff'),
    /* Modern Browsers */ url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype')
      /* Safari, Android, iOS */;
}

/*********** responsive **********/

html {
  font-size: 62.5%;
}
body {
  margin: 0 auto 0;
  background: #fff;
  font-family: 'ヒラギノ角ゴ ProN', 'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック',
    'MS PGothic', sans-serif;
  font-weight: 500;
  font-size: 1.6rem; /* 16px*/
  line-height: 1.5;
  color: #111;
  min-width: 1200px;
}
a,
a:visited {
  text-decoration: none;
  color: #111;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  a:hover {
    color: #7ab7bf;
  }
}
.sp {
  display: none;
}

.mainContent {
  /*min-width: 1200px;*/
}
.mainContent a:hover {
  text-decoration: underline;
}

/****** header ******/
header {
  position: absolute;
  top: 0;
  height: 80px;
  background: #fff;
  z-index: 1030;
  margin: 0 auto 30px;
  width: 100%;
  min-width: 1200px;
}
header h1 {
  font-family: 'Noto Sans CJK JP Regular';
  font-weight: 200;
  float: left;
  font-size: 2rem;
  width: 200px;
  margin: 8px 0 0 10px;
  position: relative;
  z-index: 10001;
}
header h1::after {
  position: absolute;
  top: -120px;
  left: -45px;
  content: '';
  width: 250px;
  height: 250px;
  background: #7ab7bf;
  z-index: -1;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
header h1 a {
  display: block;
  color: #fff !important;
}
@media screen and (min-width: 769px) {
  header h1 a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
}

/* grobalNav */
header nav {
  float: right;
}
header nav ul.grobalNav {
  padding: 25px 35px 0 0;
}
header nav ul.grobalNav li {
  font-family: 'Noto Sans CJK JP Regular';
  font-weight: 200;
  float: left;
  line-height: 1;
  margin-left: 30px;
  position: relative;
}
header nav ul.grobalNav li a {
  display: block;
  padding: 10px 0;
}
header nav ul.grobalNav li a::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -5px;
  height: 2px;
  background: #7ab7bf;
  width: 0;
  transition: 0.4s;
}

@media screen and (min-width: 769px) {
  header nav ul.grobalNav li a:hover::after {
    width: 100%;
  }
}
body.home header nav ul.grobalNav li.gnavHome a,
body.about header nav ul.grobalNav li.gnavAbout a,
body.archives header nav ul.grobalNav li.gnavArchives a,
body.projects header nav ul.grobalNav li.gnavProjects a,
body.efforts header nav ul.grobalNav li.gnavEfforts a,
body.member header nav ul.grobalNav li.gnavMember a {
  color: #7ab7bf;
}
body.home header nav ul.grobalNav li.gnavHome a::after,
body.about header nav ul.grobalNav li.gnavAbout a::after,
body.archives header nav ul.grobalNav li.gnavArchives a::after,
body.projects header nav ul.grobalNav li.gnavProjects a::after,
body.efforts header nav ul.grobalNav li.gnavEfforts a::after,
body.member header nav ul.grobalNav li.gnavMember a::after {
  width: 100%;
}
#toggle {
  display: none;
}

/****** footer ******/
/* copyright */
footer {
  padding: 30px 0;
  min-width: 800px;
  background: #464646;
  color: #fff;
  position: relative;
}
footer a {
  color: #fff !important;
}
footer a:hover {
  color: #7ab7bf !important;
}

.pagetop,
.pagetop:hover {
  right: 30px;
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22arrow-circle-up%22%20class%3D%22svg-inline--fa%20fa-arrow-circle-up%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%2389C6CA%22%20d%3D%22M8%20256C8%20119%20119%208%20256%208s248%20111%20248%20248-111%20248-248%20248S8%20393%208%20256zm143.6%2028.9l72.4-75.5V392c0%2013.3%2010.7%2024%2024%2024h16c13.3%200%2024-10.7%2024-24V209.4l72.4%2075.5c9.3%209.7%2024.8%209.9%2034.3.4l10.9-11c9.4-9.4%209.4-24.6%200-33.9L273%20107.7c-9.4-9.4-24.6-9.4-33.9%200L106.3%20240.4c-9.4%209.4-9.4%2024.6%200%2033.9l10.9%2011c9.6%209.5%2025.1%209.3%2034.4-.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  z-index: 100;
}
.pagetop:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.footerLink ul {
  width: 1200px;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto 25px;
  text-align: center;
  overflow: hidden;
}
.footerLink li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background: #ffffff;
}
.footerLink li + li {
  margin-left: 10px;
}

.footerLink li a {
  display: block;
  background: url(../images/logo_cao.png) no-repeat center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 230px;
  height: 48px;
  padding: 8px 0;
  border: 1px solid #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footerLink li a:hover {
  border: 1px solid #7ab7bf;
}
.footerLink li.soumu a {
  background-image: url(../images/logo_soumu.png);
}
.footerLink li.meti a {
  background-image: url(../images/logo_meti.png);
}
.footerLink li.mlit a {
  background-image: url(../images/logo_mlit.png);
}
.footerLink li.digital a {
  background-image: url(../images/logo_digital.png);
}


/* sitemap */
footer .sitemap {
  overflow: hidden;
  text-align: center;
}
footer .sitemap > ul {
  width: 1200px;
  margin: 0 auto 25px;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  font-size: 1.4rem;
}
footer .sitemap > ul li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

footer .sitemap ul li + li {
  margin-left: 20px;
}
footer .sitemap ul li ul {
  font-size: 1.2rem;
  margin: 5px 0 0 0;
}
footer .sitemap ul ul li + li {
  margin-left: 0;
}

footer .executive_office {
  width: 1200px;
  font-size: 1.2rem;
  margin: 0 auto 25px;
}
footer .executive_office h3 {
  font-size: 1.4rem;
}

footer .copy {
  width: 1200px;
  margin: 40px auto 0;
  font-size: 1rem;
}
footer .copy small {
  display: block;
}

/****** contents ******/
.mainContent h2 {
  font-family: 'Noto Sans CJK JP Regular';
  font-weight: 200;
  font-size: 3.4rem;
  text-align: center;
  padding: 100px 0 50px;
}
.mainContent#head h2 {
  display: none;
}
.mainContent h3 {
  font-family: 'Noto Sans CJK JP Regular';
  font-weight: 200;
  font-size: 2rem;
  background: #9c9c9c;
  color: #ffffff;
  margin: 0 0 15px 0;
  padding: 8px 0 8px 15px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.mainContent h4 {
  font-family: 'Noto Sans CJK JP Bold';
  font-weight: bold;
  font-size: 1.8rem;
  margin: 5px 0 15px 0;
}
.mainContent h5 {
  font-family: 'Noto Sans CJK JP Bold';
  font-weight: bold;
  margin: 0 0 15px 0;
}
.about .mainContent,
.archives .mainContent,
.projects .mainContent,
.efforts .mainContent,
.member .mainContent {
  padding-top: 130px;
}
.mainContent section {
  padding-bottom: 50px;
}
.projects .mainContent section {
  padding-bottom: 0px;
}
.mainContent section p {
  line-height: 2.2;
}
.mainContent section p + p {
  margin-top: 15px;
}

.mainContent section .inner,
.member .mainContent section .inner {
  max-width: 1000px;
  margin: 0 auto;
}
.projects .mainContent section .inner,
.efforts .mainContent section .inner {
  max-width: 1200px;
}

.home .mainContent section {
  max-width: 100%;
}
.mainContent section.result {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  background: #666666;
}
.projects .mainContent div.result,
.efforts .mainContent div.result {
  padding-bottom: 40px;
}

.small {
  font-size: 0.8em;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
table th {
  font-family: 'Noto Sans CJK JP Regular';
  font-weight: 200;
  background: #ffffff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 5px;
}
table thead th {
  background: #7ab7bf;
  color: #ffffff;
  text-align: center;
}
table td {
  background: #ffffff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 5px;
}
/** table column **/
.activity_colgroup_1{
  width:12%;
}
.activity_colgroup_2{
  width:35%;
}
.activity_colgroup_3{
  width:auto;
}

/****** icon ******/

.pdf,
.mainContent a[href$='.pdf'],
.icon_url,
.mainContent a[href$='.html'],
.mainContent a[href$='.htm'],
.mainContent a[href$='.zip'],
.mainContent a.page-link {
  position: relative;
  padding-right: 25px;
}
.pdf::after,
.mainContent a[href$='.pdf']::after {
  content: '';
  position: absolute;
  bottom: 1px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22file-pdf%22%20class%3D%22svg-inline--fa%20fa-file-pdf%20fa-w-12%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm250.2-143.7c-12.2-12-47-8.7-64.4-6.5-17.2-10.5-28.7-25-36.8-46.3%203.9-16.1%2010.1-40.6%205.4-56-4.2-26.2-37.8-23.6-42.6-5.9-4.4%2016.1-.4%2038.5%207%2067.1-10%2023.9-24.9%2056-35.4%2074.4-20%2010.3-47%2026.2-51%2046.2-3.3%2015.8%2026%2055.2%2076.1-31.2%2022.4-7.4%2046.8-16.5%2068.4-20.1%2018.9%2010.2%2041%2017%2055.8%2017%2025.5%200%2028-28.2%2017.5-38.7zm-198.1%2077.8c5.1-13.7%2024.5-29.5%2030.4-35-19%2030.3-30.4%2035.7-30.4%2035zm81.6-190.6c7.4%200%206.7%2032.1%201.8%2040.8-4.4-13.9-4.3-40.8-1.8-40.8zm-24.4%20136.6c9.7-16.9%2018-37%2024.7-54.7%208.3%2015.1%2018.9%2027.2%2030.1%2035.5-20.8%204.3-38.9%2013.1-54.8%2019.2zm131.6-5s-5%206-37.3-7.8c35.1-2.6%2040.9%205.4%2037.3%207.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.pdf:hover::after,
.mainContent a[href$='.pdf']:hover::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22file-pdf%22%20class%3D%22svg-inline--fa%20fa-file-pdf%20fa-w-12%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%237ab7bf%22%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm250.2-143.7c-12.2-12-47-8.7-64.4-6.5-17.2-10.5-28.7-25-36.8-46.3%203.9-16.1%2010.1-40.6%205.4-56-4.2-26.2-37.8-23.6-42.6-5.9-4.4%2016.1-.4%2038.5%207%2067.1-10%2023.9-24.9%2056-35.4%2074.4-20%2010.3-47%2026.2-51%2046.2-3.3%2015.8%2026%2055.2%2076.1-31.2%2022.4-7.4%2046.8-16.5%2068.4-20.1%2018.9%2010.2%2041%2017%2055.8%2017%2025.5%200%2028-28.2%2017.5-38.7zm-198.1%2077.8c5.1-13.7%2024.5-29.5%2030.4-35-19%2030.3-30.4%2035.7-30.4%2035zm81.6-190.6c7.4%200%206.7%2032.1%201.8%2040.8-4.4-13.9-4.3-40.8-1.8-40.8zm-24.4%20136.6c9.7-16.9%2018-37%2024.7-54.7%208.3%2015.1%2018.9%2027.2%2030.1%2035.5-20.8%204.3-38.9%2013.1-54.8%2019.2zm131.6-5s-5%206-37.3-7.8c35.1-2.6%2040.9%205.4%2037.3%207.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.mainContent a[href$='.zip']::after {
  content: '';
  position: absolute;
  bottom: 1px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22file-archive%22%20class%3D%22svg-inline--fa%20fa-file-archive%20fa-w-12%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M128.3%20160v32h32v-32zm64-96h-32v32h32zm-64%2032v32h32V96zm64%2032h-32v32h32zm177.6-30.1L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM256%2051.9l76.1%2076.1H256zM336%20464H48V48h79.7v16h32V48H208v104c0%2013.3%2010.7%2024%2024%2024h104zM194.2%20265.7c-1.1-5.6-6-9.7-11.8-9.7h-22.1v-32h-32v32l-19.7%2097.1C102%20385.6%20126.8%20416%20160%20416c33.1%200%2057.9-30.2%2051.5-62.6zm-33.9%20124.4c-17.9%200-32.4-12.1-32.4-27s14.5-27%2032.4-27%2032.4%2012.1%2032.4%2027-14.5%2027-32.4%2027zm32-198.1h-32v32h32z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.mainContent a[href$='.zip']:hover::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22file-archive%22%20class%3D%22svg-inline--fa%20fa-file-archive%20fa-w-12%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%237ab7bf%22%20d%3D%22M128.3%20160v32h32v-32zm64-96h-32v32h32zm-64%2032v32h32V96zm64%2032h-32v32h32zm177.6-30.1L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM256%2051.9l76.1%2076.1H256zM336%20464H48V48h79.7v16h32V48H208v104c0%2013.3%2010.7%2024%2024%2024h104zM194.2%20265.7c-1.1-5.6-6-9.7-11.8-9.7h-22.1v-32h-32v32l-19.7%2097.1C102%20385.6%20126.8%20416%20160%20416c33.1%200%2057.9-30.2%2051.5-62.6zm-33.9%20124.4c-17.9%200-32.4-12.1-32.4-27s14.5-27%2032.4-27%2032.4%2012.1%2032.4%2027-14.5%2027-32.4%2027zm32-198.1h-32v32h32z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.icon_url::after,
.mainContent a[href$='.html']::after,
.mainContent a[href$='.htm']::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 26px;
  height: 24px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23000000%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%2210.06%22%20y%3D%2215.56%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.97%22%2F%3E%3Crect%20x%3D%2227.04%22%20y%3D%2224.53%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%229%22%2F%3E%3Crect%20x%3D%2218.05%22%20y%3D%2222.52%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2051.5847%2012.5224)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2219.06%22%2F%3E%3Crect%20x%3D%2215.25%22%20y%3D%2210.76%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2033.7634%200.305)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2212.55%22%2F%3E%3Crect%20x%3D%2224.84%22%20y%3D%2211.68%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2021.9812%20-12.6956)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.02%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235%2C19.49%2027.04%2C11.53%2035%2C11.53%20%22%2F%3E%3C%2Fsvg%3E');
}
.icon_url:hover::after,
.mainContent a[href$='.html']:hover::after,
.mainContent a[href$='.htm']:hover::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%237ab7bf%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%2210.06%22%20y%3D%2215.56%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.97%22%2F%3E%3Crect%20x%3D%2227.04%22%20y%3D%2224.53%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%229%22%2F%3E%3Crect%20x%3D%2218.05%22%20y%3D%2222.52%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2051.5847%2012.5224)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2219.06%22%2F%3E%3Crect%20x%3D%2215.25%22%20y%3D%2210.76%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2033.7634%200.305)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2212.55%22%2F%3E%3Crect%20x%3D%2224.84%22%20y%3D%2211.68%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2021.9812%20-12.6956)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.02%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235%2C19.49%2027.04%2C11.53%2035%2C11.53%20%22%2F%3E%3C%2Fsvg%3E');
}
a[href^='mailto'] {
  position: relative;
  padding-left: 22px;
}
.mainContent a[href^='mailto']::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 18px;
  height: 18px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22envelope%22%20class%3D%22svg-inline--fa%20fa-envelope%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M464%2064H48C21.49%2064%200%2085.49%200%20112v288c0%2026.51%2021.49%2048%2048%2048h416c26.51%200%2048-21.49%2048-48V112c0-26.51-21.49-48-48-48zm0%2048v40.805c-22.422%2018.259-58.168%2046.651-134.587%20106.49-16.841%2013.247-50.201%2045.072-73.413%2044.701-23.208.375-56.579-31.459-73.413-44.701C106.18%20199.465%2070.425%20171.067%2048%20152.805V112h416zM48%20400V214.398c22.914%2018.251%2055.409%2043.862%20104.938%2082.646%2021.857%2017.205%2060.134%2055.186%20103.062%2054.955%2042.717.231%2080.509-37.199%20103.053-54.947%2049.528-38.783%2082.032-64.401%20104.947-82.653V400H48z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
footer a[href^='mailto']::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 18px;
  height: 18px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22envelope%22%20class%3D%22svg-inline--fa%20fa-envelope%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M464%2064H48C21.49%2064%200%2085.49%200%20112v288c0%2026.51%2021.49%2048%2048%2048h416c26.51%200%2048-21.49%2048-48V112c0-26.51-21.49-48-48-48zm0%2048v40.805c-22.422%2018.259-58.168%2046.651-134.587%20106.49-16.841%2013.247-50.201%2045.072-73.413%2044.701-23.208.375-56.579-31.459-73.413-44.701C106.18%20199.465%2070.425%20171.067%2048%20152.805V112h416zM48%20400V214.398c22.914%2018.251%2055.409%2043.862%20104.938%2082.646%2021.857%2017.205%2060.134%2055.186%20103.062%2054.955%2042.717.231%2080.509-37.199%20103.053-54.947%2049.528-38.783%2082.032-64.401%20104.947-82.653V400H48z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
a[href^='mailto']:hover::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22envelope%22%20class%3D%22svg-inline--fa%20fa-envelope%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%237ab7bf%22%20d%3D%22M464%2064H48C21.49%2064%200%2085.49%200%20112v288c0%2026.51%2021.49%2048%2048%2048h416c26.51%200%2048-21.49%2048-48V112c0-26.51-21.49-48-48-48zm0%2048v40.805c-22.422%2018.259-58.168%2046.651-134.587%20106.49-16.841%2013.247-50.201%2045.072-73.413%2044.701-23.208.375-56.579-31.459-73.413-44.701C106.18%20199.465%2070.425%20171.067%2048%20152.805V112h416zM48%20400V214.398c22.914%2018.251%2055.409%2043.862%20104.938%2082.646%2021.857%2017.205%2060.134%2055.186%20103.062%2054.955%2042.717.231%2080.509-37.199%20103.053-54.947%2049.528-38.783%2082.032-64.401%20104.947-82.653V400H48z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.btn {
  position: relative;
  padding-left: 25px;
}
.btn::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22angle-right%22%20class%3D%22svg-inline--fa%20fa-angle-right%20fa-w-8%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20512%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M224.3%20273l-136%20136c-9.4%209.4-24.6%209.4-33.9%200l-22.6-22.6c-9.4-9.4-9.4-24.6%200-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6%200-33.9L54.3%20103c9.4-9.4%2024.6-9.4%2033.9%200l136%20136c9.5%209.4%209.5%2024.6.1%2034z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.mainContent a.page-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 3px;
  width: 20px;
  height: 20px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22link%22%20class%3D%22svg-inline--fa%20fa-link%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M326.612%20185.391c59.747%2059.809%2058.927%20155.698.36%20214.59-.11.12-.24.25-.36.37l-67.2%2067.2c-59.27%2059.27-155.699%2059.262-214.96%200-59.27-59.26-59.27-155.7%200-214.96l37.106-37.106c9.84-9.84%2026.786-3.3%2027.294%2010.606.648%2017.722%203.826%2035.527%209.69%2052.721%201.986%205.822.567%2012.262-3.783%2016.612l-13.087%2013.087c-28.026%2028.026-28.905%2073.66-1.155%20101.96%2028.024%2028.579%2074.086%2028.749%20102.325.51l67.2-67.19c28.191-28.191%2028.073-73.757%200-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037%2016.037%200%200%201-6.947-12.606c-.396-10.567%203.348-21.456%2011.698-29.806l21.054-21.055c5.521-5.521%2014.182-6.199%2020.584-1.731a152.482%20152.482%200%200%201%2020.522%2017.197zM467.547%2044.449c-59.261-59.262-155.69-59.27-214.96%200l-67.2%2067.2c-.12.12-.25.25-.36.37-58.566%2058.892-59.387%20154.781.36%20214.59a152.454%20152.454%200%200%200%2020.521%2017.196c6.402%204.468%2015.064%203.789%2020.584-1.731l21.054-21.055c8.35-8.35%2012.094-19.239%2011.698-29.806a16.037%2016.037%200%200%200-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639%200-101.83l67.2-67.19c28.239-28.239%2074.3-28.069%20102.325.51%2027.75%2028.3%2026.872%2073.934-1.155%20101.96l-13.087%2013.087c-4.35%204.35-5.769%2010.79-3.783%2016.612%205.864%2017.194%209.042%2034.999%209.69%2052.721.509%2013.906%2017.454%2020.446%2027.294%2010.606l37.106-37.106c59.271-59.259%2059.271-155.699.001-214.959z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.mainContent a.page-link:hover::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22link%22%20class%3D%22svg-inline--fa%20fa-link%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%237ab7bf%22%20d%3D%22M326.612%20185.391c59.747%2059.809%2058.927%20155.698.36%20214.59-.11.12-.24.25-.36.37l-67.2%2067.2c-59.27%2059.27-155.699%2059.262-214.96%200-59.27-59.26-59.27-155.7%200-214.96l37.106-37.106c9.84-9.84%2026.786-3.3%2027.294%2010.606.648%2017.722%203.826%2035.527%209.69%2052.721%201.986%205.822.567%2012.262-3.783%2016.612l-13.087%2013.087c-28.026%2028.026-28.905%2073.66-1.155%20101.96%2028.024%2028.579%2074.086%2028.749%20102.325.51l67.2-67.19c28.191-28.191%2028.073-73.757%200-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037%2016.037%200%200%201-6.947-12.606c-.396-10.567%203.348-21.456%2011.698-29.806l21.054-21.055c5.521-5.521%2014.182-6.199%2020.584-1.731a152.482%20152.482%200%200%201%2020.522%2017.197zM467.547%2044.449c-59.261-59.262-155.69-59.27-214.96%200l-67.2%2067.2c-.12.12-.25.25-.36.37-58.566%2058.892-59.387%20154.781.36%20214.59a152.454%20152.454%200%200%200%2020.521%2017.196c6.402%204.468%2015.064%203.789%2020.584-1.731l21.054-21.055c8.35-8.35%2012.094-19.239%2011.698-29.806a16.037%2016.037%200%200%200-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639%200-101.83l67.2-67.19c28.239-28.239%2074.3-28.069%20102.325.51%2027.75%2028.3%2026.872%2073.934-1.155%20101.96l-13.087%2013.087c-4.35%204.35-5.769%2010.79-3.783%2016.612%205.864%2017.194%209.042%2034.999%209.69%2052.721.509%2013.906%2017.454%2020.446%2027.294%2010.606l37.106-37.106c59.271-59.259%2059.271-155.699.001-214.959z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
/* top */
.mainSlider {
  position: relative;
  width: 100%;
  height: 600px;
  /*margin-top: 130px;*/
  padding-top: 130px !important;
  margin-bottom: 80px;
  overflow: hidden;
  text-align: center;
}
#slider {
  height: 600px;
}
.swiper-slide {
  cursor: grab;
}
.swiper-slide:active {
  cursor: grabbing;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  content: '';
  position: absolute;
  top: -1px;
  right: 0px;
  width: 20px;
  height: 40px;
  background: transparent;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22angle-right%22%20class%3D%22svg-inline--fa%20fa-angle-right%20fa-w-8%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20512%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M224.3%20273l-136%20136c-9.4%209.4-24.6%209.4-33.9%200l-22.6-22.6c-9.4-9.4-9.4-24.6%200-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6%200-33.9L54.3%20103c9.4-9.4%2024.6-9.4%2033.9%200l136%20136c9.5%209.4%209.5%2024.6.1%2034z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.swiper-button-prev:after {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
#home01,
#home02,
#second,
#fourth {
  background: rgba(243, 243, 243, 0.6);
  padding-bottom: 100px;
}
#second,
#fourth {
  padding-top: 100px;
}
#second + section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.inner {
  margin: 0 auto 50px;
  max-width: 1000px;
}
#home02 div.merit {
  width: 1000px;
  margin: 80px auto 0;
  position: relative;
}
#home02 div.merit h3 {
  font-family: 'Noto Sans CJK JP Bold';
  font-weight: bold;
  position: absolute;
  background: none;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  color: #666;
}
#home02 div.merit p {
  position: absolute;
  font-size: 1.3rem;
  line-height: 1.1;
}
.mainContent section div.merit p + p {
  margin-top: 0;
}
#home02 div.merit .merit01 {
  top: -30px;
  left: 150px;
}
#home02 div.merit .merit01-01 {
  top: 40px;
  left: 100px;
  width: 100px;
}
#home02 div.merit .merit01-02 {
  top: 5px;
  left: 200px;
  width: 150px;
}
#home02 div.merit .merit01-03 {
  top: 130px;
  left: 230px;
}
#home02 div.merit .merit01-04 {
  top: 231px;
  left: 190px;
}
#home02 div.merit .merit02 {
  top: -30px;
  right: 230px;
}
#home02 div.merit .merit02-01 {
  top: 10px;
  right: 100px;
  text-align: right;
}
#home02 div.merit .merit02-02 {
  top: 25px;
  right: 30px;
  width: 160px;
}
#home02 div.merit .merit02-03 {
  top: 180px;
  left: 870px;
  width: 150px;
}
#home02 div.merit .merit02-04 {
  top: 165px;
  left: 500px;
  width: 150px;
}
#home02 div.merit .merit03 {
  top: 280px;
  left: 400px;
}

.mainContent #information ul {
  height: 250px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  margin: 0 0 80px 0;
}
.mainContent #information li {
  border-bottom: 1px solid #7ab7bf;
  padding: 15px 30px;
  overflow: hidden;
}
.mainContent #information li dl dt {
  float: left;
}
.mainContent #information li dl dd {
  margin-left: 230px;
}

.mainContent #information li span.info-cat {
  display: inline-block;
  background-color: #7ab7bf;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  width: 100px;
  padding: 2px 5px;
  margin: 0 10px;
}

/* about */
.mainContent .executive_office {
  margin-top: 50px;
  background: rgba(243, 243, 243, 0.6);
  padding: 15px;
}
.mainContent .executive_office h3 {
  font-family: 'Noto Sans CJK JP Bold';
  font-weight: bold;
  background: none;
  margin: 0 0 5px;
  padding: 0;
  font-size: 1.8rem;
}
.mainContent section .executive_office p {
  line-height: 2;
}

/* archives */

.archives01,
.archives00 {
  margin: 10px 0 50px;
  padding: 30px 40px;
  background: rgba(243, 243, 243, 0.6);
}
.archives00.btm0 {
  margin: 10px 0 0;
}

#second table {
  width: 100%;
}
#second table + p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.archives01-01 {
  width: 700px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
}
div.flame {
  margin-top: 30px;
  background: #ffffff;
  border: 1px solid #7b7b7d;
  padding: 20px 30px 5px;
}
h5 + div.flame {
  margin-top: 0px;
}
.archives01 div.flame p {
  text-align: center;
}
.archives01 div.flame {
  width: calc(50% - 165px);
}
div.flame h5 {
  display: block;
  text-align: center;
  line-height: 1;
  margin: -28px auto 10px;
}
div.flame h5 span {
  padding: 0 20px;
  position: relative;
  z-index: 1;
  font-family: 'Noto Sans CJK JP Bold';
  font-weight: bold;
  font-size: 1.8rem;
}
div.flame h5 span::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  content: '';
  background: #f8f8f8;
  width: 100%;
  height: 2px;
  z-index: -1;
}
.archives01 ul li {
  border: 1px solid #7b7b7d;
  padding: 3px 10px;
  height: 45px;
  margin-bottom: 5px;
}
.archives00 p {
  margin-bottom: 10px;
  line-height: 1.8 !important;
}
.archives01 ul li p {
  line-height: 45px;
}
.archives00 div.flame img.flL + ul {
  margin-bottom: 10px;
}
.archives00 div.two_column {
  display: -webkit-flex;
  display: flex;
  margin-top: 10px;
}
.archives00 div.two_column .flame + .flame {
  margin-left: 30px;
}
.archives00 ul,
ul.square {
  margin-left: 20px;
  line-height: 2;
}
.archives00 ul li {
  margin-bottom: 10px;
}
.archives00 ul li:before,
ul.square li:before {
  content: '● ';
  color: #7ab7bf;
  margin-left: -21px;
}
.archives00 table + p {
  margin-top: 15px;
}

ul.square li li {
  padding-left: 2em;
  text-indent: -2em;
}
ul.square li li:before {
  content: none;
}
.archives00 img + ul {
  margin-left: 200px;
}
.archives00 img.flL {
  width: 170px;
  height: auto;
}

.archives01 .yajirushi {
  margin-top: 15%;
}
.yajirushi {
  margin: 0 50px;
}

.yajirushi p {
  position: relative;
  z-index: 1;
  line-height: 1.8 !important;
}

.yajirushi p::before {
  content: '';
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  height: 5px;
  background: #7b7b7d;
}
.yajirushi p::after {
  content: '';
  position: absolute;
  right: 1px;
  top: 120%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-top: solid 5px #7b7b7d;
  border-right: solid 5px #7b7b7d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mainContent section .houkoku p + p {
  margin-top: 0;
}

/* projects */

.searchBox {
  padding: 15px 0;
  background: rgba(243, 243, 243, 0.6);
}

.efforts .searchBox {
  margin-top: 0px;
}

.projects .searchBox {
  margin-top: 50px;
}
.searchBox form {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.mainContent .searchBox dt {
  float: left;
}
.mainContent .searchBox dd {
  margin-left: 60px;
}
.searchBox ul {
}
.searchBox ul li {
  display: inline-block;
  margin-left: 13px;
}
.efforts .searchBox ul li {
  display: inline-block;
  margin-left: 15px;
}

.projects input,
.efforts input {
  display: none;
}
.projects input + label,
.searchBox li a {
  display: inline-block;
  margin-bottom: 5px;
  text-decoration: none !important;
  position: relative;
  z-index: 1;
  padding-right: 13px;
  border-right: 1px solid #111111;
}
.searchBox li a {
  padding-right: 14px;
}
.searchBox ul li label + input + label {
  margin-left: 13px;
}

.projects label:hover,
.projects input:checked + label,
.efforts label:hover,
.efforts input:checked + label,
.searchBox li a:hover,
.searchBox .selected-label {
  color: #4c59f2 !important;
  font-weight: bold;
}

.projects input + label::after,
.efforts input + label::after,
.searchBox li a::after {
  content: '';
  position: absolute;
  top: -1%;
  left: -5px;
  right: -5px;
  width: calc(100% + 10px);
  height: 100%;
  z-index: -1;
}

.projects .searchBox .btn_all,
.efforts .searchBox .btn_all {
  float: right;
  width: 100px;
  color: #ffffff !important;
  position: relative;
  background: #484848;
}
.projects .searchBox .btn_all input[type='reset'],
.efforts .searchBox .btn_all input[type='reset'] {
  display: block !important;
  font-family: 'Noto Sans CJK JP Regular';
  font-weight: 200;
  font-size: 1.6rem;
  color: #ffffff !important;
  line-height: 16px;
  background: #484848;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 30px 3px 15px;
  cursor: pointer;
}
.projects .searchBox .btn_all::after,
.efforts .searchBox .btn_all::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 5px;
  width: 15px;
  height: 15px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22redo-alt%22%20class%3D%22svg-inline--fa%20fa-redo-alt%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M256.455%208c66.269.119%20126.437%2026.233%20170.859%2068.685l35.715-35.715C478.149%2025.851%20504%2036.559%20504%2057.941V192c0%2013.255-10.745%2024-24%2024H345.941c-21.382%200-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283%2073.977-169.484%20169.442C88.764%20348.009%20162.184%20424%20256%20424c41.127%200%2079.997-14.678%20110.629-41.556%204.743-4.161%2011.906-3.908%2016.368.553l39.662%2039.662c4.872%204.872%204.631%2012.815-.482%2017.433C378.202%20479.813%20319.926%20504%20256%20504%20119.034%20504%208.001%20392.967%208%20256.002%207.999%20119.193%20119.646%207.755%20256.455%208z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.result {
  padding: 15px 0;
  background: rgba(243, 243, 243, 1);
}
.efforts .result .inner.Area {
  display: -webkit-flex;
  display: flex;
}
.efforts .result .inner.Area div {
  -webkit-flex-basis: 33%;
  flex-basis: 33%;
}

.result h5 {
  margin: 15px 0 0 0;
}
.result h5 + ul li {
  margin-left: 1em;
}

ul.list {
  width: calc(1200px + 1%);
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
ul.list li {
  /*4並び*/
  background: #fff;
  width: 24%;
  margin: 0 0.5% 10px 0.5%;
  padding-bottom: 10px;
  animation: fadeIn 0.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
ul.list li img {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

ul.list li a {
  display: block;
  padding: 0 !important;
}
ul.list li a::after {
  content: none !important;
}

ul.list li a:hover {
  text-decoration: none;
  color: #111111;
}

ul.list li:hover {
  background: rgba(225, 225, 225, 0.5);
}
ul.list li img {
  width: 100%;
  height: auto;
}
ul.list li h5,
ul.list li p {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px !important;
  line-height: 1.5;
}

ul.list li.is-hide {
  display: none;
}
.search-box ul li[class^='svc'] {
  display: inline-block;
  position: relative;
  line-height: 30px;
  height: 30px;
  margin: 0 0 5px 15px;
  padding-left: 35px;
  color: #111111;
}
.search-box ul li[class^='svc']::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #46818d url(../images/icon/service01.png) no-repeat left center;
  background-size: 30px 30px;
}

ul.list li span[class^='svc'] {
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: #46818d url(../images/icon/service01.png) no-repeat center center;
  background-size: 30px 30px;
  margin: 0 0 0 5px;
}
.search-box ul li.svc02::after,
ul.list li span.svc02 {
  background-color: #f2a24c;
  background-image: url(../images/icon/service02.png);
}
.search-box ul li.svc03::after,
ul.list li span.svc03 {
  background-color: #ed9f9a;
  background-image: url(../images/icon/service03.png);
}
.search-box ul li.svc04::after,
ul.list li span.svc04 {
  background-color: #5d5554;
  background-image: url(../images/icon/service04.png);
}
.search-box ul li.svc05::after,
ul.list li span.svc05 {
  background-color: #a2778e;
  background-image: url(../images/icon/service05.png);
}
.search-box ul li.svc06::after,
ul.list li span.svc06 {
  background-color: #d7527f;
  background-image: url(../images/icon/service06.png);
}
.search-box ul li.svc07::after,
ul.list li span.svc07 {
  background-color: #968464;
  background-image: url(../images/icon/service07.png);
}
.search-box ul li.svc08::after,
ul.list li span.svc08 {
  background-color: #94cb81;
  background-image: url(../images/icon/service08.png);
}
.search-box ul li.svc09::after,
ul.list li span.svc09 {
  background-color: #73a6c7;
  background-image: url(../images/icon/service09.png);
}
.search-box ul li.svc10::after,
ul.list li span.svc10 {
  background-color: #4b546b;
  background-image: url(../images/icon/service10.png);
}
.search-box ul li.svc11::after,
ul.list li span.svc11 {
  background-color: #ebca4c;
  background-image: url(../images/icon/service11.png);
}
.search-box ul li.svc12::after,
ul.list li span.svc12 {
  background-color: #ebca4c;
  background-image: url(../images/icon/service11.png);
}
.hanrei {
  width: 100%;
  padding: 15px 0;
  background: rgba(243, 243, 243, 1);
  z-index: 1;
}
.hanrei ul {
  width: 1200px;
  margin: 0 auto;
}

.hanrei ul li {
  display: inline-block;
}
.hanrei ul li p {
  display: inline-block;
  line-height: 30px;
}

ul.list li.noproject {
  background: transparent;
  margin: 0;
  padding: 0;
  animation: none;
}

/* efforts */
.links li {
  position: relative;
  display: inline-block;
}
.links li + li {
  margin-left: 15px;
}
.efforts .mainContent dl .second {
  clear: both;
  margin-bottom: 15px;
  padding: 15px;
  overflow: hidden;
}
.efforts .mainContent dt .second {
  float: left;
  font-family: 'Noto Sans CJK JP Bold';
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0;
}

.efforts .mainContent dd .second {
  margin-left: 150px;
}
.efforts h4.openBtn {
  cursor: pointer;
}

.excel-box {
  position: relative;
  top: 36px;
  left: 28%;
  display: inline-block;
  z-index: 3;
  font-size: 16px;
  font-family: 'Noto Sans CJK JP Regular';
}

h4.openBtn {
  position: relative;
  width: 1155px;
  margin: 0 auto 0;
  font-family: 'Noto Sans CJK JP Regular';
  font-weight: 200;
  font-size: 2rem;
  background: rgba(243, 243, 243, 0.6);
  padding: 8px 0 8px 45px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
a.excel {
  color: #0000ee;
  font-weight: normal;
  position: relative;
  padding-right: 25px;
}

a.excel:hover {
  opacity: 0.8;
  text-decoration: underline;
}

a.excel::after {
  content: '';
  position: absolute;
  bottom: 1px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJmaWxlLWV4Y2VsIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZmlsZS1leGNlbCBmYS13LTEyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjxwYXRoIGZpbGw9IiMwMDAwRUUiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6TTMzMi4xIDEyOEgyNTZWNTEuOWw3Ni4xIDc2LjF6TTQ4IDQ2NFY0OGgxNjB2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYyODhINDh6bTIxMi0yNDBoLTI4LjhjLTQuNCAwLTguNCAyLjQtMTAuNSA2LjMtMTggMzMuMS0yMi4yIDQyLjQtMjguNiA1Ny43LTEzLjktMjkuMS02LjktMTcuMy0yOC42LTU3LjctMi4xLTMuOS02LjItNi4zLTEwLjYtNi4zSDEyNGMtOS4zIDAtMTUgMTAtMTAuNCAxOGw0Ni4zIDc4LTQ2LjMgNzhjLTQuNyA4IDEuMSAxOCAxMC40IDE4aDI4LjljNC40IDAgOC40LTIuNCAxMC41LTYuMyAyMS43LTQwIDIzLTQ1IDI4LjYtNTcuNyAxNC45IDMwLjIgNS45IDE1LjkgMjguNiA1Ny43IDIuMSAzLjkgNi4yIDYuMyAxMC42IDYuM0gyNjBjOS4zIDAgMTUtMTAgMTAuNC0xOEwyMjQgMzIwYy43LTEuMSAzMC4zLTUwLjUgNDYuMy03OCA0LjctOC0xLjEtMTgtMTAuMy0xOHoiPjwvcGF0aD48L3N2Zz4=);
  background-repeat: no-repeat;
}

a.excel:hover::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJmaWxlLWV4Y2VsIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZmlsZS1leGNlbCBmYS13LTEyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjxwYXRoIGZpbGw9IiMzMjMyRjAiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6TTMzMi4xIDEyOEgyNTZWNTEuOWw3Ni4xIDc2LjF6TTQ4IDQ2NFY0OGgxNjB2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYyODhINDh6bTIxMi0yNDBoLTI4LjhjLTQuNCAwLTguNCAyLjQtMTAuNSA2LjMtMTggMzMuMS0yMi4yIDQyLjQtMjguNiA1Ny43LTEzLjktMjkuMS02LjktMTcuMy0yOC42LTU3LjctMi4xLTMuOS02LjItNi4zLTEwLjYtNi4zSDEyNGMtOS4zIDAtMTUgMTAtMTAuNCAxOGw0Ni4zIDc4LTQ2LjMgNzhjLTQuNyA4IDEuMSAxOCAxMC40IDE4aDI4LjljNC40IDAgOC40LTIuNCAxMC41LTYuMyAyMS43LTQwIDIzLTQ1IDI4LjYtNTcuNyAxNC45IDMwLjIgNS45IDE1LjkgMjguNiA1Ny43IDIuMSAzLjkgNi4yIDYuMyAxMC42IDYuM0gyNjBjOS4zIDAgMTUtMTAgMTAuNC0xOEwyMjQgMzIwYy43LTEuMSAzMC4zLTUwLjUgNDYuMy03OCA0LjctOC0xLjEtMTgtMTAuMy0xOHoiPjwvcGF0aD48L3N2Zz4=);
}

a.proexcel {
  color: #0000ee;
  font-weight: normal;
  position: relative;
  padding-right: 25px;
}
a.proexcel:hover {
  opacity: 0.8;
  text-decoration: underline;
}
a.proexcel::after {
  content: '';
  position: absolute;
  bottom: 1px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJmaWxlLWV4Y2VsIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZmlsZS1leGNlbCBmYS13LTEyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjxwYXRoIGZpbGw9IiMwMDAwRUUiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6TTMzMi4xIDEyOEgyNTZWNTEuOWw3Ni4xIDc2LjF6TTQ4IDQ2NFY0OGgxNjB2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYyODhINDh6bTIxMi0yNDBoLTI4LjhjLTQuNCAwLTguNCAyLjQtMTAuNSA2LjMtMTggMzMuMS0yMi4yIDQyLjQtMjguNiA1Ny43LTEzLjktMjkuMS02LjktMTcuMy0yOC42LTU3LjctMi4xLTMuOS02LjItNi4zLTEwLjYtNi4zSDEyNGMtOS4zIDAtMTUgMTAtMTAuNCAxOGw0Ni4zIDc4LTQ2LjMgNzhjLTQuNyA4IDEuMSAxOCAxMC40IDE4aDI4LjljNC40IDAgOC40LTIuNCAxMC41LTYuMyAyMS43LTQwIDIzLTQ1IDI4LjYtNTcuNyAxNC45IDMwLjIgNS45IDE1LjkgMjguNiA1Ny43IDIuMSAzLjkgNi4yIDYuMyAxMC42IDYuM0gyNjBjOS4zIDAgMTUtMTAgMTAuNC0xOEwyMjQgMzIwYy43LTEuMSAzMC4zLTUwLjUgNDYuMy03OCA0LjctOC0xLjEtMTgtMTAuMy0xOHoiPjwvcGF0aD48L3N2Zz4=);
  background-repeat: no-repeat;
}
a.proexcel:hover::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJmaWxlLWV4Y2VsIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZmlsZS1leGNlbCBmYS13LTEyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjxwYXRoIGZpbGw9IiMzMjMyRjAiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6TTMzMi4xIDEyOEgyNTZWNTEuOWw3Ni4xIDc2LjF6TTQ4IDQ2NFY0OGgxNjB2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYyODhINDh6bTIxMi0yNDBoLTI4LjhjLTQuNCAwLTguNCAyLjQtMTAuNSA2LjMtMTggMzMuMS0yMi4yIDQyLjQtMjguNiA1Ny43LTEzLjktMjkuMS02LjktMTcuMy0yOC42LTU3LjctMi4xLTMuOS02LjItNi4zLTEwLjYtNi4zSDEyNGMtOS4zIDAtMTUgMTAtMTAuNCAxOGw0Ni4zIDc4LTQ2LjMgNzhjLTQuNyA4IDEuMSAxOCAxMC40IDE4aDI4LjljNC40IDAgOC40LTIuNCAxMC41LTYuMyAyMS43LTQwIDIzLTQ1IDI4LjYtNTcuNyAxNC45IDMwLjIgNS45IDE1LjkgMjguNiA1Ny43IDIuMSAzLjkgNi4yIDYuMyAxMC42IDYuM0gyNjBjOS4zIDAgMTUtMTAgMTAuNC0xOEwyMjQgMzIwYy43LTEuMSAzMC4zLTUwLjUgNDYuMy03OCA0LjctOC0xLjEtMTgtMTAuMy0xOHoiPjwvcGF0aD48L3N2Zz4=);
}

.efforts .mainContent dt {
  float: left;
  font-family: 'Noto Sans CJK JP Bold';
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0;
}
.efforts .mainContent dl {
  clear: both;
  padding: 15px;
  overflow: hidden;
}
.efforts .mainContent dd {
  margin-left: 150px;
}
h4.openBtn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  width: 15px;
  height: 2px;
  transform: rotate(90deg);
  background: #111;
  transition: all 0.3s ease-in-out;
}
h4.openBtn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  width: 15px;
  height: 2px;
  background: #111;
  transition: all 0.2s ease-in-out;
}
h4.openBtn.open {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
h4.openBtn.open::before {
  transform: rotate(180deg);
}
h4.openBtn.open::after {
  opacity: 0;
}

.mainContent .needs p,
.mainContent .seeds p {
  line-height: 1.5;
}

/* member */
.btn-style {
  background-color: #ffffff;
  text-align: center;
}
.btn-style a {
  display: block;
  padding: 16px;
  font-size: 1.8rem;
}
.btn-style a span {
  font-weight: bold;
}
.btn-blue {
  border: solid 1px #7ab7bf;
}
.btn-orange {
  border: solid 1px #f5a550;
}
@media screen and (min-width: 769px) {
  .btn-orange:hover {
    background-color: #f5a550;
  }
  .btn-style:hover a {
    color: #ffffff;
    text-decoration: none;
  }
  .btn-style:hover .btn::before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22angle-right%22%20class%3D%22svg-inline--fa%20fa-angle-right%20fa-w-8%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M224.3%20273l-136%20136c-9.4%209.4-24.6%209.4-33.9%200l-22.6-22.6c-9.4-9.4-9.4-24.6%200-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6%200-33.9L54.3%20103c9.4-9.4%2024.6-9.4%2033.9%200l136%20136c9.5%209.4%209.5%2024.6.1%2034z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
  }
  .btn-blue:hover {
    background-color: #7ab7bf;
  }
}
.btn-block {
  display: flex;
  flex-wrap: wrap;
  /* width: 74%; */
  justify-content: space-between;
  margin: 0 auto;
}
.btn-block .btn-blue {
  width: 65%;
}
.btn-block .btn-orange {
  width: 33%;
}
.btn-style .btn::before {
  top: 50%;
  left: 0;
  bottom: auto;
  transform: translateY(-50%);
}

.member-list li {
  margin-top: 30px;
}
.member-list li p {
  font-weight: bold;
  margin-left: 24px;
  font-size: 1.8rem;
}
.member-list li .btn-block {
  margin-top: 15px;
}
.member-list li p:before {
  content: '● ';
  color: #7ab7bf;
}

.initiative-corp {
  margin-bottom: 30px;
  border-bottom: 1px solid #9c9c9c;
}

.initiative-corp table {
  width: 100%;
  margin-bottom: 60px;
}

.member-breakoutsession table {
  width: 100%;
  margin-top: 30px;
}
.member-breakoutsession table th,
.initiative-corp table th {
  width: 50%;
}
.member-breakoutsession table td,
.initiative-corp table td {
  width: 50%;
}

.mainContent .member-guideline a[href$='.pdf'] {
  margin-left: 24px;
}

.video-list {
  margin-top: 30px;
}

.video-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.video-list li {
  margin-right: 25px;
  margin-left: 25px;
  width: 300px;
  margin-bottom: 32px;
}

.video-list video {
  width: 100%;
}

.mainContent section .video-list p {
  line-height: 1.5;
  margin-top: 8px;
}

.video-content {
  min-height: 200px;
}

.video-ttl {
  font-size: 1.8rem;
}

.video-list ul::before {
  order: 1;
}

.video-list ul::before,
.video-list ul::after {
  content: '';
  display: block;
  width: 300px;
  height: 0;
  margin-left: 25px;
  margin-right: 25px;
}

.area-link-next {
  text-align: right;
}

.link-next {
  font-weight: bold;
}

.member .mainContent a[href$='.html']::after {
  content: none;
}

.bg-gray {
  background-color: rgba(243, 243, 243, 0.6);
}
.mainContent .member-video,
.mainContent .member-bulletinboard,
.mainContent .member-breakoutsession,
.mainContent .member-guideline,
.mainContent .member-contact,
.mainContent .member-initiative {
  padding-top: 100px;
  padding-bottom: 100px;
}
.member-video .btn-style,
.member-breakoutsession .btn-style,
.member-contact .btn-style,
.member-initiative .btn-style {
  margin-top: 30px;
}

.member-guideline .btn-style {
  margin-top: 15px;
}

header nav ul.grobalNav li {
  margin-left: 20px;
  font-size: 1.5rem;
}

.board-inner {
  max-width: 1000px;
  margin: 30px auto;
}

.board-thread {
  background-color: #f3f3f3;
  border: solid 1px #707070;
  padding: 1em;
  margin: 0 auto;
  /* align-items: center;
  display: flex; */
  position: relative;
  margin-bottom: 15px;
}

.flex-center {
  display: flex;
  align-items: center;
}

.board-thread::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  top: 40%;
  right: 2%;
  background: transparent;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22angle-right%22%20class%3D%22svg-inline--fa%20fa-angle-right%20fa-w-8%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20512%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M224.3%20273l-136%20136c-9.4%209.4-24.6%209.4-33.9%200l-22.6-22.6c-9.4-9.4-9.4-24.6%200-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6%200-33.9L54.3%20103c9.4-9.4%2024.6-9.4%2033.9%200l136%20136c9.5%209.4%209.5%2024.6.1%2034z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  transform: translateY(20%) rotate(90deg);
}

.board-thread.active::after {
  transform: translateY(-20%) rotate(-90deg);
}

.board-response {
  background-color: #ffffff;
  color: #7ab7bf;
  padding: 5px;
  font-weight: bold;
  font-size: 1.4rem;
  height: auto;
  margin-left: auto;
  margin-right: 5%;
}

.board-child,
.board-child li {
  margin-top: 24px;
}

.board-info {
  display: flex;
}

.board-info p {
  font-size: 1.4rem;
  margin-right: 15px;
}

.mainContent section .board-info p + p {
  margin-top: 0;
}

.board-category {
  font-weight: bold;
  font-size: 1.4rem;
}

.mainContent section p.board-ttl {
  font-weight: bold;
  margin-top: 8px;
}

.board-text {
  border-top: solid 1px #707070;
  padding-top: 15px;
  margin-bottom: 15px;
}

.board-post {
  margin-bottom: 30px;
  display: none;
}

/*アイコン*/
.human-blue-icon,
.human-orange-icon {
  display: flex;
  position: relative;
}

.human-orange-icon::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  top: 5%;
  left: 4%;
  background: transparent;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3A%23f3f3f3%3B%7D.a%7Bstroke%3A%23707070%3B%7D.c%7Bclip-path%3Aurl%28%23a%29%3B%7D.d%7Bfill%3A%23f5a550%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20transform%3D%22translate%28472%20661%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-487%20-792%29%22%3E%3Ccircle%20class%3D%22b%22%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20transform%3D%22translate%28487%20792%29%22%2F%3E%3Cg%20class%3D%22c%22%20transform%3D%22translate%2815%20131%29%22%3E%3Cellipse%20class%3D%22d%22%20cx%3D%225.9%22%20cy%3D%225.9%22%20rx%3D%225.9%22%20ry%3D%225.9%22%20transform%3D%22translate%28485.9%20669.798%29%22%2F%3E%3Cellipse%20class%3D%22d%22%20cx%3D%2211.8%22%20cy%3D%2211.8%22%20rx%3D%2211.8%22%20ry%3D%2211.8%22%20transform%3D%22translate%28480%20683.867%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 50px;
}

.human-blue-icon::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  top: 8%;
  left: 17%;
  background: transparent;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3A%23f3f3f3%3B%7D.a%7Bstroke%3A%23707070%3B%7D.c%7Bclip-path%3Aurl%28%23a%29%3B%7D.d%7Bfill%3A%237ab7bf%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20transform%3D%22translate%28472%20661%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-614%20-960%29%22%3E%3Ccircle%20class%3D%22b%22%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20transform%3D%22translate%28614%20960%29%22%2F%3E%3Cg%20class%3D%22c%22%20transform%3D%22translate%28142%20299%29%22%3E%3Cellipse%20class%3D%22d%22%20cx%3D%225.9%22%20cy%3D%225.9%22%20rx%3D%225.9%22%20ry%3D%225.9%22%20transform%3D%22translate%28485.9%20669.798%29%22%2F%3E%3Cellipse%20class%3D%22d%22%20cx%3D%2211.8%22%20cy%3D%2211.8%22%20rx%3D%2211.8%22%20ry%3D%2211.8%22%20transform%3D%22translate%28480%20683.867%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 50px;
}

/*枠線つき吹き出し*/
.board-content {
  position: relative;
  padding: 1em;
  margin: 0 auto;
  width: 70%;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.3);
}

.board-content:before,
.board-content:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
}

.board-content:before {
  top: 12px;
  left: -25px;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}

.board-content:after {
  top: 14px;
  left: -20px;
  border-top: 23px solid transparent;
  border-right: 23px solid #ffffff;
  border-bottom: 23px solid transparent;
  z-index: 10;
}

.human-orange-icon .board-content {
  border: 3px solid #ef8f3a;
}

.human-orange-icon .board-content:before {
  border-right: 25px solid #ef8f3a;
}

.human-blue-icon .board-content {
  border: 3px solid #9c9c9c;
  margin-right: 0;
}

.human-blue-icon .board-content:before {
  border-right: 25px solid #9c9c9c;
}

/* ボタン */
.board-content .btn-style {
  display: inline-block;
}

.board-content .btn-style a {
  padding: 5px 20px;
}

.thread-content {
  max-width: 85%;
}

/****** common ******/
.flL {
  float: left;
}
.flR {
  float: right;
}
.clB {
  clear: both;
}
.alC {
  text-align: center;
}
.alR {
  text-align: right;
}
strong,
b {
  font-weight: bold;
}

.smabr {
  display: none;
}

/* margin */
.marB0 {
  margin-bottom: 0 !important;
}
.marB24 {
  margin-bottom: 24px !important;
}
.marB30 {
  margin-bottom: 30px !important;
}
.marR0 {
  margin-right: 0 !important;
}
.marR30 {
  margin-right: 30px !important;
}
.marT0 {
  margin-top: 0 !important;
}
.marT15 {
  margin-top: 15px;
}
.marT30 {
  margin-top: 30px;
}

.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#layer img {
  position: absolute;
}
.satellite img,
.car img,
.logistics img,
.bus img,
.bike img {
  z-index: 100;
}
.satellite img {
  top: 80px;
  right: 0;
  -webkit-animation-name: satellite;
  -webkit-animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: satellite;
  -moz-animation-duration: 40s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  animation-name: satellite;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes satellite {
  0% {
    right: 0;
  }
  100% {
    right: 100%;
  }
}
@-moz-keyframes satellite {
  0% {
    right: 0;
  }
  100% {
    right: 100%;
  }
}
@-ms-keyframes satellite {
  0% {
    right: 0;
  }
  100% {
    right: 100%;
  }
}
.car img {
  bottom: 88px;
  left: 0;
  -webkit-animation-name: car;
  -webkit-animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: car;
  -moz-animation-duration: 50s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  animation-name: car;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes car {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@-moz-keyframes car {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@-ms-keyframes car {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.logistics img {
  bottom: 88px;
  left: 0;
  -webkit-animation-name: logistics;
  -webkit-animation-duration: 45s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: logistics;
  -moz-animation-duration: 45s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  animation-name: logistics;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes logistics {
  0% {
    left: -50px;
  }
  100% {
    left: 105%;
  }
}
@-moz-keyframes logistics {
  0% {
    left: -50px;
  }
  100% {
    left: 105%;
  }
}
@-ms-keyframes logistics {
  0% {
    left: -50px;
  }
  100% {
    left: 105%;
  }
}
.bus img {
  bottom: 88px;
  right: -10%;
  -webkit-animation-name: bus;
  -webkit-animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: bus;
  -moz-animation-duration: 50s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  animation-name: bus;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes bus {
  0% {
    right: -10%;
  }
  100% {
    right: 120%;
  }
}
@-moz-keyframes bus {
  0% {
    right: -10%;
  }
  100% {
    right: 120%;
  }
}
@-ms-keyframes bus {
  0% {
    right: -10%;
  }
  100% {
    right: 120%;
  }
}