@charset "UTF-8";
/*
common
*/
html {
  height: 100%; }

body {
  width: 110px;
  width: 100%;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /*font-size: 14px;*/
  line-height: 1;
  font-family: Century Gothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",'ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ ゴシック",'MS PGothic',arial,helvetica,sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #333;
  background: #283e56;
  position: relative; }

main {
  padding-top: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* margin-bottom: 5%; */
  padding-bottom: 1%; }
  @media (max-width: 1100px) {
    main {
      padding-top: 120px; } }
  @media (max-width: 768px) {
    main {
      /*margin-bottom: 10%; */
      padding-bottom: 1%; } }

.main-wrap {
  background: #f4f4f4;
  margin-left: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: relative; }
  @media (max-width: 1100px) {
    .main-wrap {
      margin-left: 0; } }

.main-content.inner {
  width: 90%; }

.inner {
  margin-left: auto;
  margin-right: auto; }

.wf-mplus1p {
  font-family: "Mplus 1p"; }

.ttl-txt {
  font-family: "Mplus 1p"; }

.txt {
  line-height: 1.5; }

.ico-ttl {
  position: absolute;
  line-height: 30px;
  padding: 0 10px; }
  .ico-ttl:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(/assets/img/ttl_top_tile_shade.gif) no-repeat center center;
    position: absolute;
    left: 0;
    top: 30px; }
  .ico-ttl.box-out {
    left: -10px;
    top: -10px; }
  .ico-ttl.box-in {
    left: 5px;
    top: -10px; }
  .ico-ttl.normal {
    background: #ffde25; }
  .ico-ttl.facebook {
    color: #fff;
    background: #1989ac; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

/*
font-size change
*/
html.fzM {
  font-size: 14px; }

html.fzL {
  font-size: 15px; }

/*
site-color change
*/
/*html.gray main.home .main-content div.topics{
	background-color: white;
}*/
html.gray main {
  background-color: #EAEAEA; }

html.black main.home .main-content div.topics .btn,
html.black main.home .main-content div.topics,
html.black main {
  background-color: black; }
  html.black main.home .main-content div.topics .btn .fontcolor,
  html.black main.home .main-content div.topics .fontcolor,
  html.black main .fontcolor {
    color: white !important;
    border-color: white !important; }

/*html.yellow main.home .main-content div.topics{
	background-color: white;
}*/
html.yellow main {
  background-color: yellow; }

/*
header
*/
header {
  width: 25%;
  position: absolute;
  left: 0;
  top: 0; }
  header .inner {
    width: 75%; }
  header .pc-header {
    display: block; }
  header .sp-header {
    display: none; }
  @media (max-width: 1100px) {
    header .pc-header {
      display: none; }
    header .sp-header {
      display: block; } }
  @media (max-width: 768px) {
    header .pc-header {
      display: none; }
    header .sp-header {
      display: block; } }
  @media (max-width: 550px) {
    header .pc-header {
      display: none; }
    header .sp-header {
      display: block; } }
  header .desc {
    display: inline-block;
    font-size: 75%;
    color: #283e56;
    background: #fff;
    padding: 2% 3.5%;
    margin-bottom: 13%; }
  header .site-name {
    display: block;
    text-align: center;
    margin-bottom: 28%; }
    header .site-name a {
      display: block;
      /*padding: 20% 0;*/ }
    header .site-name span {
      display: block; }
    header .site-name .catch {
      margin-bottom: 5%; }
      header .site-name .catch img {
        width: 50%; }
    header .site-name .logo img {
      width: 80%; }
  header .pc-header img {
    width: 100%;
    height: 100%; }
  header .sp-header .site-name {
    background: #fff; }
  header .sp_toggle {
    display: none;
    float: right;
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #1989ac;
    color: #fff;
    cursor: pointer; }
    header .sp_toggle .sp_toggle_inner {
      position: relative;
      width: 25px;
      height: 30px;
      margin: 3px auto 0; }
    header .sp_toggle span {
      position: absolute;
      display: block;
      width: 100%;
      height: 2px;
      background-color: #fff;
      top: 50%;
      left: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    header .sp_toggle .b1 {
      -webkit-transform: translateY(-7px);
      transform: translateY(-7px); }
    header .sp_toggle .b3 {
      -webkit-transform: translateY(7px);
      transform: translateY(7px); }
    header .sp_toggle p {
      text-align: center;
      font-size: 8px;
      margin-bottom: 0;
      line-height: 1; }
    header .sp_toggle .close {
      display: none; }
  header .search-form {
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    margin-bottom: 17%; }
    header .search-form .header-ico-sp {
      display: none;
      background: transparent;
      padding: 0;
      border: 0;
      cursor: pointer; }
    header .search-form .header-ico {
      display: inline-block;
      width: 8%;
      margin-right: 3%;
      background: transparent;
      padding: 0;
      border: 0;
      cursor: pointer; }
      header .search-form .header-ico img {
        width: 100%;
        height: auto; }
    header .search-form .top-main-ico {
      cursor: pointer;
      display: none; }
    header .search-form .search-field {
      width: 80%;
      color: #fff;
      background: #283e56;
      border: none;
      -webkit-appearance: none; }
      header .search-form .search-field::-webkit-input-placeholder {
        color: #939393; }
      header .search-form .search-field:-ms-input-placeholder {
        color: #939393; }
      header .search-form .search-field::-ms-input-placeholder {
        color: #939393; }
      header .search-form .search-field::placeholder {
        color: #939393; }
      header .search-form .search-field:placeholder-shown {
        color: #939393; }
      header .search-form .search-field::-webkit-input-placeholder {
        color: #939393; }
      header .search-form .search-field:-moz-placeholder {
        color: #939393;
        opacity: 1; }
      header .search-form .search-field::-moz-placeholder {
        color: #939393;
        opacity: 1; }
      header .search-form .search-field:-ms-input-placeholder {
        color: #939393; }
      header .search-form .search-field::-ms-input-placeholder {
        color: #939393; }
    header .search-form .search-submit {
      display: none; }
  header .latest {
    margin-bottom: 20%; }
    header .latest .ttl {
      color: #283e56;
      font-size: 107%;
      text-align: center;
      background: #fff;
      padding: 2.5% 0;
      margin-bottom: 5%; }
    header .latest .entry {
      margin-bottom: 10%; }
      header .latest .entry .post {
        margin-bottom: 10%; }
        header .latest .entry .post:last-child {
          margin-bottom: 0; }
      header .latest .entry a {
        display: block; }
      header .latest .entry .photo {
        text-align: center;
        margin-bottom: 5%;
        position: relative; }
        header .latest .entry .photo img {
          width: 90%;
          height: auto;
          margin-bottom: 5%; }
        header .latest .entry .photo .date {
          color: #000;
          background: #fff;
          padding: 2% 3%;
          position: absolute;
          left: 0;
          bottom: 0; }
      header .latest .entry .txt {
        color: #fff;
        font-size: 93%;
        margin-bottom: 5%;
        word-wrap: break-word; }
      header .latest .entry .meta {
        overflow: hidden; }
        header .latest .entry .meta .tag {
          float: left;
          color: #fff;
          -webkit-box-sizing: content-box;
                  box-sizing: content-box;
          margin-right: 5px;
          margin-bottom: 5px; }
          header .latest .entry .meta .tag a {
            display: block;
            font-size: 79%;
            padding: 3px 10px;
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            border: 1px solid #fff; }
    header .latest .btn a {
      display: block;
      color: #fff;
      text-align: center;
      padding: 5% 0;
      border: 1px solid #fff;
      border-radius: 3px;
      position: relative; }
      header .latest .btn a:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 3px;
        border-right-width: 0;
        border-left-width: 5px;
        border-left-color: #283e56;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: 20px; }
      header .latest .btn a:before {
        content: "";
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: 15px; }
  header .change {
    color: #fff;
    margin-bottom: 20%; }
    header .change dl {
      text-align: center;
      letter-spacing: 5px; }
    header .change dt, header .change dd {
      display: inline-block;
      vertical-align: middle; }
    header .change dt {
      margin-right: 10px; }
    header .change dd {
      cursor: pointer; }
    header .change .txt-size {
      margin-bottom: 5%; }
      header .change .txt-size dd {
        width: 35px;
        color: #283e56;
        font-weight: bold;
        line-height: 35px;
        background: #fff;
        border-radius: 50%; }
      header .change .txt-size .small {
        font-size: 14px; }
      header .change .txt-size .medium {
        font-size: 16px; }
      header .change .txt-size .large {
        font-size: 19px; }
      header .change .txt-size .current {
        background: #ffffc8; }
    header .change .site-color dd {
      width: 30px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      border: 5px solid #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      line-height: 20px;
      border-radius: 50%; }
    header .change .site-color .gray {
      background: #f4f4f4; }
    header .change .site-color .black {
      background: #000; }
    header .change .site-color .yellow {
      background: #ffde25; }
    header .change .site-color .current {
      border-color: #fffdaa; }
  header .btn-area {
    margin-bottom: 25%; }
    header .btn-area .btn {
      text-align: center;
      font-size: 107%;
      border-radius: 3px; }
      header .btn-area .btn a {
        display: block;
        padding: 7% 0; }
    header .btn-area .contact {
      font-weight: bold;
      background: #ffde25;
      margin-bottom: 4%; }
    header .btn-area .form {
      color: #fff;
      background: #1989ac; }
  header .sns {
    text-align: center;
    margin-bottom: 20%; }
    header .sns .link {
      display: inline-block;
      margin-right: 13%; }
      header .sns .link:last-child {
        margin-right: 0; }
      header .sns .link a {
        display: block; }
  @media (max-width: 1100px) {
    header .sp-header {
      width: 100%;
      height: 50px;
      background: #283e56;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 5; }
    header .inner {
      width: 100%;
      overflow: hidden; }
    header .desc {
      display: none; }
    header .site-name {
      width: 120px;
      float: left;
      margin: 0; }
      header .site-name a {
        padding: 5px 0; }
      header .site-name .catch {
        margin-bottom: 3px; }
        header .site-name .catch img {
          width: auto;
          height: 7px; }
      header .site-name .logo img {
        width: auto;
        height: 22px; }
    header .sp_toggle {
      display: block; }
    header .search-form {
      width: 100%;
      background: #fff;
      padding: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 0;
      border: none;
      position: fixed;
      top: 50px;
      left: 0;
      z-index: 3; }
      header .search-form .header-ico {
        display: none; }
      header .search-form .header-ico-sp {
        display: block;
        width: 20px;
        float: left;
        margin-right: 10px; }
        header .search-form .header-ico-sp img {
          width: 100%;
          height: auto; }
      header .search-form .search-field {
        width: -o-calc(100% - 30px);
        width: calc(100% - 30px);
        color: inherit;
        background: #fff;
        line-height: 20px; }
    header .latest {
      display: none; }
    header .change {
      display: none; }
    header .btn-area {
      display: none; }
    header .sns {
      display: none; } }

.nav_open .sp_toggle .b1 {
  -webkit-transform: rotate(-45deg) translateY(0px);
  transform: rotate(-45deg) translateY(0px); }
.nav_open .sp_toggle .b2 {
  opacity: 0; }
.nav_open .sp_toggle .b3 {
  -webkit-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px); }
.nav_open .sp_toggle .menu {
  display: none; }
.nav_open .sp_toggle .close {
  display: block; }

/*
nav
*/
nav {
  width: 100%;
  background: rgba(25, 137, 172, 0.8);
  position: absolute;
  left: 0;
  top: 0; }
  nav .inner {
    width: 95%; }
  nav .top {
    overflow: hidden; }
  nav .g-nav {
    float: left;
    letter-spacing: 15px;
    /* @include calc(width, "100% - 200px"); */
    width: 100%; }
    nav .g-nav li {
      display: inline-block;
      color: #fff;
      line-height: 35px; }
      nav .g-nav li .main-menu,
      nav .g-nav li a {
        display: block;
        position: relative; }
      nav .g-nav li:hover .parent .main-menu, nav .g-nav li:hover .parent a {
        color: #ffde25; }
        nav .g-nav li:hover .parent .main-menu:before, nav .g-nav li:hover .parent a:before {
          background: #ffde25; }
    nav .g-nav .parent > .main-menu {
      padding: 12px 0;
      padding-left: 25px; }
      nav .g-nav .parent > .main-menu:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 3px;
        border-left-width: 5px;
        border-left-color: rgba(25, 137, 172, 0.8);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        left: 7px; }
      nav .g-nav .parent > .main-menu:before {
        content: "";
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        left: 0; }
    nav .g-nav .child {
      display: none;
      width: 100%;
      background: rgba(113, 169, 186, 0.8);
      padding: 15px 0;
      overflow: hidden;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 2; }
      nav .g-nav .child ul {
        letter-spacing: 20px; }
      nav .g-nav .child a {
        padding-left: 15px; }
        nav .g-nav .child a:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          border-width: 4px;
          border-right-width: 0;
          border-left-width: 8px;
          border-left-color: #fff;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          left: 0; }
        nav .g-nav .child a:hover {
          color: #ffde25; }
          nav .g-nav .child a:hover:after {
            border-left-color: #ffde25; }
  nav .member {
    float: right;
    padding: 12px 0; }
    nav .member a {
      display: block;
      color: #1989ac;
      font-weight: bold;
      line-height: 35px;
      vertical-align: middle;
      background: #fff;
      padding: 0 20px;
      border-radius: 18px; }
    nav .member .ico {
      vertical-align: middle;
      margin-right: 5px; }
  nav .btn-area {
    display: none; }
  nav .sns {
    display: none; }
  @media (max-width: 1100px) {
    nav {
      width: 350px;
      height: 100vh;
      padding-top: 50px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: rgba(25, 137, 172, 0.8);
      -webkit-transition: All 0.5s;
      transition: All 0.5s;
      overflow: auto;
      position: fixed;
      left: inherit;
      right: -350px;
      z-index: 4; }
      nav .inner {
        width: 100%; }
      nav .g-nav {
        float: none;
        width: 100%;
        border-top: 1px solid #71a9ba;
        margin-bottom: 20px; }
        nav .g-nav li {
          display: block;
          border-bottom: 1px solid #71a9ba;
          padding-left: 2%; }
          nav .g-nav li.open .child {
            display: block !important; }
          nav .g-nav li.open .btn:after {
            content: none; }
          nav .g-nav li:hover .parent a {
            color: inherit; }
        nav .g-nav .parent {
          line-height: 45px;
          overflow: hidden;
          position: relative; }
          nav .g-nav .parent > .main-menu {
            position: absolute;
            top: -1em; }
          nav .g-nav .parent > a {
            width: -o-calc(100% - 45px);
            width: calc(100% - 45px);
            float: left;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            nav .g-nav .parent > a:after {
              content: none; }
            nav .g-nav .parent > a:before {
              content: none; }
          nav .g-nav .parent .btn {
            display: block;
            width: 45px;
            float: right;
            height: 45px;
            position: relative; }
            nav .g-nav .parent .btn:after {
              content: "";
              width: 1px;
              height: 15px;
              background: #9bc1d2;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              left: 0;
              right: 0;
              margin: auto; }
            nav .g-nav .parent .btn:before {
              content: "";
              width: 15px;
              height: 1px;
              background: #9bc1d2;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              left: 0;
              right: 0;
              margin: auto; }
        nav .g-nav .child {
          padding: 0;
          position: inherit; }
          nav .g-nav .child a {
            line-height: 45px;
            padding: 0 10px 0 25px; }
            nav .g-nav .child a:after {
              left: 10px; }
            nav .g-nav .child a:hover {
              color: inherit; }
            nav .g-nav .child a:hover:after {
              border-left-color: #fff; }
      nav .member {
        float: none;
        padding: 0;
        text-align: center;
        margin: 0 10px 20px; }
        nav .member a {
          line-height: 45px;
          border-radius: 3px; }
      nav .btn-area {
        display: block;
        overflow: hidden;
        margin: 0 10px 20px; }
        nav .btn-area .btn {
          /*width: 49%;
          float: left;*/
          text-align: center;
          border-radius: 3px; }
          nav .btn-area .btn a {
            display: block;
            line-height: 45px; }
        nav .btn-area .contact {
          background: #ffde25;
          margin-right: 2%; }
        nav .btn-area .form {
          color: #fff;
          background: #283e56; }
      nav .sns {
        display: block;
        text-align: center;
        margin: 0 10px 20px; }
        nav .sns .link {
          display: inline-block;
          margin-right: 30px; }
          nav .sns .link:last-child {
            margin-right: 0; }
          nav .sns .link a {
            display: block; } }
  @media (max-width: 768px) {
    nav {
      width: 100%;
      height: 0;
      right: 0;
      background: #1989ac; } }

@media (max-width: 1100px) {
  .nav_open nav {
    right: 0; } }
@media (max-width: 768px) {
  .nav_open nav {
    height: 100vh; } }

/*
index
*/
main.home {
  padding-top: 0; }
  @media (max-width: 1100px) {
    main.home {
      padding-top: 90px; } }
  main.home .mainvisual {
    background: url(/assets/img/bg_top_mainvisual.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15% 0 10%; }
    main.home .mainvisual .inner {
      width: 90%;
      max-width: 650px; }
    main.home .mainvisual .txt {
      text-align: center;
      font-weight: bold;
      font-style: italic;
      font-size: 45px;
      color: #000;
      letter-spacing: 10px;
      margin-bottom: 3%; }
    main.home .mainvisual #searchform {
      width: 100%;
      overflow: hidden;
      margin-bottom: 5%;
      position: relative; }
      main.home .mainvisual #searchform .top-main-ico {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        left: 10px; }
      main.home .mainvisual #searchform #search {
        width: -o-calc(100% - 85px);
        width: calc(100% - 85px);
        float: left;
        height: 50px;
        line-height: 50px;
        background: #fff;
        padding-left: 40px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: none;
        border-radius: 5px;
        -webkit-appearance: none; }
        main.home .mainvisual #searchform #search::-webkit-input-placeholder {
          color: #939393; }
        main.home .mainvisual #searchform #search:-ms-input-placeholder {
          color: #939393; }
        main.home .mainvisual #searchform #search::-ms-input-placeholder {
          color: #939393; }
        main.home .mainvisual #searchform #search::placeholder {
          color: #939393; }
        main.home .mainvisual #searchform #search:placeholder-shown {
          color: #939393; }
        main.home .mainvisual #searchform #search::-webkit-input-placeholder {
          color: #939393; }
        main.home .mainvisual #searchform #search:-moz-placeholder {
          color: #939393;
          opacity: 1; }
        main.home .mainvisual #searchform #search::-moz-placeholder {
          color: #939393;
          opacity: 1; }
        main.home .mainvisual #searchform #search:-ms-input-placeholder {
          color: #939393; }
        main.home .mainvisual #searchform #search::-ms-input-placeholder {
          color: #939393; }
      main.home .mainvisual #searchform #searchBtn {
        float: right;
        width: 80px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        background: #283e56;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: none;
        border-radius: 5px;
        -webkit-appearance: none;
        cursor: pointer; }
    main.home .mainvisual .keyword {
      letter-spacing: 10px; }
      main.home .mainvisual .keyword .ttl {
        display: inline-block;
        line-height: 30px;
        background: #ffde25;
        padding-left: 12px;
        padding-right: 7px;
        margin-right: 12px;
        position: relative; }
        main.home .mainvisual .keyword .ttl:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          border-width: 15px;
          border-right-width: 0;
          border-left-width: 12px;
          border-left-color: #ffde25;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          right: -12px; }
      main.home .mainvisual .keyword .words {
        display: inline;
        letter-spacing: 5px; }
      main.home .mainvisual .keyword .tag {
        display: inline-block;
        margin-bottom: 10px; }
        main.home .mainvisual .keyword .tag a {
          display: block;
          color: #808080;
          line-height: 30px;
          padding: 0 10px;
          background: #fff;
          border-radius: 5px; }
    @media (max-width: 768px) {
      main.home .mainvisual {
        padding: 10% 0; }
        main.home .mainvisual .txt {
          font-size: 9vw;
          letter-spacing: 0.25em;
          margin-bottom: 10%; }
        main.home .mainvisual .search-form {
          margin-bottom: 10%; }
        main.home .mainvisual .keyword .ttl {
          margin-bottom: 10px; }
        main.home .mainvisual .keyword .words {
          display: block; } }
  main.home .phase {
    margin-bottom: 5%; }
    main.home .phase .ttl {
      color: #fff;
      text-align: center;
      line-height: 30px;
      background: #1989ac; }
    main.home .phase .step {
      overflow: hidden; }
      main.home .phase .step li {
        width: 25%;
        float: left;
        text-align: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-left: 15px;
        position: relative; }
        main.home .phase .step li:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          border-width: 25px;
          border-right-width: 0;
          border-left-width: 15px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          right: -15px;
          z-index: 1; }
        main.home .phase .step li:last-child:after {
          content: none; }
        main.home .phase .step li:first-child, main.home .phase .step li:last-child {
          padding-left: 0; }
        main.home .phase .step li:nth-of-type(2n+1) {
          background: #fff; }
          main.home .phase .step li:nth-of-type(2n+1):after {
            border-left-color: #fff; }
        main.home .phase .step li:nth-of-type(2n) {
          background: #deeef3; }
          main.home .phase .step li:nth-of-type(2n):after {
            border-left-color: #deeef3; }
        main.home .phase .step li a {
          display: block;
          line-height: 50px; }
        main.home .phase .step li:hover {
          background: #ffffc8; }
          main.home .phase .step li:hover:after {
            border-left-color: #ffffc8; }
      @media (max-width: 1300px) and (min-width: 1100px), (max-width: 1000px) {
        main.home .phase .step li {
          width: 50%; }
        main.home .phase .step li:nth-of-type(4n+1),
        main.home .phase .step li:nth-of-type(4n) {
          background: #fff; }
          main.home .phase .step li:nth-of-type(4n+1):after,
          main.home .phase .step li:nth-of-type(4n):after {
            border-left-color: #fff; }
        main.home .phase .step li:nth-of-type(4n+2),
        main.home .phase .step li:nth-of-type(4n+3) {
          background: #deeef3; }
          main.home .phase .step li:nth-of-type(4n+2):after,
          main.home .phase .step li:nth-of-type(4n+3):after {
            border-left-color: #deeef3; }
        main.home .phase .step li:nth-of-type(2n):after {
          content: none; } }
      @media (max-width: 550px) {
        main.home .phase .step {
          margin-bottom: 10%; }
          main.home .phase .step li {
            width: 100%;
            float: none; }
            main.home .phase .step li:after {
              content: none; }
          main.home .phase .step li:nth-of-type(2n+1) {
            background: #fff; }
          main.home .phase .step li:nth-of-type(2n) {
            background: #deeef3; } }
      main.home .phase .step .txt {
        padding-right: 25px;
        position: relative;
        color: #283e56; }
        main.home .phase .step .txt:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          border-width: 3px;
          border-right-width: 0;
          border-left-width: 5px;
          border-left-color: #fff;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          right: 5px; }
        main.home .phase .step .txt:before {
          content: "";
          width: 17px;
          height: 17px;
          border-radius: 50%;
          background: #1989ac;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          right: 0; }
  main.home .main-content.inner {
    width: 90%; }
  main.home .main-content .box-youtube {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
    padding: 15px 15px 0 0;
    background-color: #fff; }
    @media (max-width: 768px) {
      main.home .main-content .box-youtube {
        display: block; } }
    main.home .main-content .box-youtube div {
      width: 49%; }
      @media (max-width: 768px) {
        main.home .main-content .box-youtube div {
          width: 100%; } }
    main.home .main-content .box-youtube .youtube {
      overflow: hidden;
      position: relative;
      padding-bottom: calc(55.1%/2);
      margin: 0 auto 15px; }
      @media (max-width: 768px) {
        main.home .main-content .box-youtube .youtube {
          padding-bottom: 56.25%; } }
      main.home .main-content .box-youtube .youtube iframe {
        border: none;
        position: absolute;
        top: 48.5%;
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
  main.home .main-content .seminar {
    width: 100%;
    background: url(/assets/img/bg_top_seminar.gif) no-repeat center center;
    background-size: cover;
    margin-bottom: 5%;
    position: relative; }
    main.home .main-content .seminar:after {
      content: "";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden; }
  main.home .main-content .info, main.home .main-content .search {
    width: 48%;
    padding: 3%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  main.home .main-content .info {
    float: left;
    padding-top: 5%; }
    main.home .main-content .info .post {
      padding-bottom: 15px;
      border-bottom: 1px dotted #c6c6c6;
      margin-bottom: 15px; }
      main.home .main-content .info .post:last-child {
        padding-bottom: 0;
        border: none;
        margin-bottom: 0; }
      main.home .main-content .info .post .meta {
        margin-bottom: 3px; }
      main.home .main-content .info .post .tag {
        display: inline-block;
        border: 1px solid #283e56;
        margin-right: 2px;
        margin-bottom: 5px; }
        main.home .main-content .info .post .tag a {
          display: block;
          font-size: 79%;
          color: #283e56;
          padding: 3px 10px; }
      main.home .main-content .info .post .txt {
        color: #333;
        margin-bottom: 10px;
        word-wrap: break-word; }
      main.home .main-content .info .post .date {
        border: 1px solid #283e56;
        overflow: hidden; }
        main.home .main-content .info .post .date > * {
          float: left;
          line-height: 25px; }
        main.home .main-content .info .post .date dt {
          color: #fff;
          font-size: 93%;
          background: #283e56;
          padding: 0 10px;
          margin-right: 15px;
          position: relative; }
          main.home .main-content .info .post .date dt:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent;
            border-width: 12.5px;
            border-right-width: 0;
            border-left-width: 8px;
            border-left-color: #283e56;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            right: -8px; }
  main.home .main-content .arrow {
    display: none; }
  main.home .main-content .search {
    float: right; }
    main.home .main-content .search .ttl {
      text-align: center;
      color: #283e56;
      font-size: 150%;
      margin-bottom: 20px; }
    main.home .main-content .search .tab {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      margin-bottom: 20px; }
      main.home .main-content .search .tab li {
        width: 49%;
        float: left;
        text-align: center;
        color: #fff;
        line-height: 30px;
        background: #bac5c9;
        margin-right: 2%;
        margin-bottom: 2%;
        cursor: pointer; }
        main.home .main-content .search .tab li:nth-child(2n) {
          margin-right: 0; }
        main.home .main-content .search .tab li.on {
          background: #ffde25;
          color: inherit; }
    main.home .main-content .search .tab-content {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px; }
    main.home .main-content .search .content {
      display: none; }
      main.home .main-content .search .content.on {
        display: block; }
      main.home .main-content .search .content ul {
        letter-spacing: 8px; }
      main.home .main-content .search .content .tag {
        display: inline-block;
        color: #283e56;
        background: #fff;
        border: 1px solid #283e56;
        margin-bottom: 10px; }
        main.home .main-content .search .content .tag a {
          display: block;
          padding: 3px 10px; }
    main.home .main-content .search .content.keyword {
      text-align: center; }
    main.home .main-content .search .content.calendar {
      text-align: center; }
      main.home .main-content .search .content.calendar #search-calendar {
        display: inline-block; }
    main.home .main-content .search .keyword {
      margin-bottom: 30px;
      width: 100%;
      overflow: hidden;
      margin-bottom: 5%;
      position: relative; }
      main.home .main-content .search .keyword .top-main-ico {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        left: 10px; }
      main.home .main-content .search .keyword #search-keyword {
        width: -o-calc(100% - 85px);
        width: calc(100% - 85px);
        float: left;
        height: 50px;
        line-height: 50px;
        background: #fff;
        padding-left: 40px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid black;
        border-radius: 5px;
        -webkit-appearance: none; }
    main.home .main-content .search .btn {
      color: #fff;
      text-align: center;
      background: #283e56;
      border: 1px solid #283e56;
      border-radius: 5px; }
      main.home .main-content .search .btn a {
        display: block;
        padding: 15px 0;
        position: relative; }
        main.home .main-content .search .btn a:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          border-width: 3px;
          border-right-width: 0;
          border-left-width: 5px;
          border-left-color: #283e56;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          right: 20px; }
        main.home .main-content .search .btn a:before {
          content: "";
          width: 17px;
          height: 17px;
          border-radius: 50%;
          background: #fff;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          right: 15px; }
  main.home .main-content .grid:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden; }
  main.home .main-content .grid .grid-sizer {
    width: 48%; }
  main.home .main-content .grid .gutter-sizer {
    width: 4%; }
  main.home .main-content .grid .tile {
    width: 48%;
    float: left;
    margin-bottom: 5%;
    position: relative; }
  main.home .main-content .grid .box {
    padding: 3%;
    padding-top: 5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    border: 1px solid #fff; }
  main.home .main-content .grid .topics .tab {
    margin-bottom: 20px; }
    main.home .main-content .grid .topics .tab:after {
      content: "";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden; }
    main.home .main-content .grid .topics .tab li {
      width: 50%;
      float: left;
      text-align: center;
      line-height: 37px;
      background: #f2f2f2;
      position: relative;
      cursor: pointer; }
    main.home .main-content .grid .topics .tab .on {
      background: #ccd1d6;
      position: relative; }
      main.home .main-content .grid .topics .tab .on:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 4px;
        border-bottom-width: 0;
        border-top-width: 6px;
        border-top-color: #ccd1d6;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        margin: auto; }
  main.home .main-content .grid .topics .entry {
    margin-bottom: 20px; }
  main.home .main-content .grid .topics .content {
    display: none; }
    main.home .main-content .grid .topics .content.on {
      display: block; }
    main.home .main-content .grid .topics .content .post {
      padding-bottom: 10px;
      border-bottom: 1px dotted #c6c6c6;
      margin-bottom: 10px; }
      main.home .main-content .grid .topics .content .post:last-child {
        padding-bottom: 0;
        border: none;
        margin-bottom: 0; }
    main.home .main-content .grid .topics .content .date {
      color: #666;
      margin-bottom: 5px; }
    main.home .main-content .grid .topics .content .txt {
      color: #333; }
  main.home .main-content .grid .topics .btn {
    color: #fff;
    text-align: center;
    background: #283e56;
    border: 1px solid #283e56;
    border-radius: 5px; }
    main.home .main-content .grid .topics .btn a {
      display: block;
      padding: 15px 0;
      position: relative; }
      main.home .main-content .grid .topics .btn a:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 3px;
        border-right-width: 0;
        border-left-width: 5px;
        border-left-color: #283e56;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: 20px; }
      main.home .main-content .grid .topics .btn a:before {
        content: "";
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: 15px; }
  main.home .main-content .grid .facebook .timeline {
    width: 100%;
    height: 500px; }
    main.home .main-content .grid .facebook .timeline .fb-page {
      display: block !important;
      width: 100%;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; }
  main.home .main-content .grid .link .photo {
    text-align: right;
    padding-left: 15px; }
    main.home .main-content .grid .link .photo img {
      width: 100%; }
  main.home .main-content .grid .link .txt-area {
    width: 90%;
    padding: 3%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    margin-top: -10px;
    position: relative;
    z-index: 2; }
    main.home .main-content .grid .link .txt-area .txt {
      margin-bottom: 10px; }
      main.home .main-content .grid .link .txt-area .txt:last-child {
        margin-bottom: 0; }
  main.home .main-content .grid .interview .btn {
    color: #283e56;
    text-align: center;
    border: 1px solid #283e56;
    padding: 15px 0;
    border-radius: 5px;
    position: relative; }
    main.home .main-content .grid .interview .btn:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent;
      border-width: 3px;
      border-right-width: 0;
      border-left-width: 5px;
      border-left-color: #fff;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      right: 20px; }
    main.home .main-content .grid .interview .btn:before {
      content: "";
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background: #283e56;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      right: 15px; }
  main.home .main-content .founder-list-ttl {
    text-align: center;
    color: #283e56;
    font-size: 150%;
    margin-bottom: 20px; }
  main.home .main-content .founder-list-content {
    margin-bottom: 50px; }
    main.home .main-content .founder-list-content #founder-list li {
      position: relative;
      overflow: hidden;
      text-align: center; }
    main.home .main-content .founder-list-content #founder-list .founder-info {
      position: absolute;
      top: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #1b88ad;
      background: url(../../../../assets/img/founder-list.png) no-repeat left top;
      -webkit-transition: All 0.5s ease;
      transition: All 0.5s ease; }
      main.home .main-content .founder-list-content #founder-list .founder-info .name-box {
        text-align: center;
        margin-top: 60px; }
      main.home .main-content .founder-list-content #founder-list .founder-info .company-name {
        background-color: #fff;
        color: #1b88ad;
        display: inline-block;
        padding: 5px 10px;
        margin-bottom: 15px;
        opacity: 1; }
      main.home .main-content .founder-list-content #founder-list .founder-info .name-ja {
        color: #fff;
        font-size: 1.7em;
        opacity: 1; }
    main.home .main-content .founder-list-content #founder-list li:hover .founder-info {
      top: 0; }
    main.home .main-content .founder-list-content .to-founder {
      float: right;
      color: #fff;
      text-align: center;
      background: #283e56;
      border: 1px solid #283e56;
      border-radius: 5px; }
      main.home .main-content .founder-list-content .to-founder a {
        display: block;
        padding: 5px 40px 5px 20px;
        position: relative; }
      main.home .main-content .founder-list-content .to-founder a:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 3px;
        border-right-width: 0;
        border-left-width: 5px;
        border-left-color: #283e56;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: 20px; }
      main.home .main-content .founder-list-content .to-founder a:before {
        content: "";
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: 15px; }
  @media (max-width: 768px) {
    main.home .main-content .seminar {
      background: #e9ebed; }
    main.home .main-content .info, main.home .main-content .search {
      width: 100%; }
    main.home .main-content .info {
      float: none;
      background: #fff;
      padding-top: 30px; }
    main.home .main-content .arrow {
      width: 100%;
      display: block; }
      main.home .main-content .arrow img {
        width: 100%; }
    main.home .main-content .search {
      float: none; }
    main.home .main-content .grid .grid-sizer {
      width: 0; }
    main.home .main-content .grid .gutter-sizer {
      width: 0; }
    main.home .main-content .grid .tile {
      width: 100%;
      float: none;
      margin-bottom: 30px; }
    main.home .main-content .grid .box {
      padding-top: 30px; }
    main.home .main-content .grid .facebook .timeline {
      height: 250px; } }

/*
footer
*/
footer {
  background: #1989ac; }
  footer .totop {
    font-weight: bold;
    color: #fff;
    text-align: center;
    letter-spacing: 0.5em;
    line-height: 35px;
    background: #66797f;
    margin-bottom: 50px; }
    footer .totop a {
      display: block; }
    footer .totop span {
      padding-left: 25px;
      position: relative; }
      footer .totop span:after {
        content: "";
        width: 8px;
        height: 8px;
        border: 3px solid #fff;
        border-bottom: none;
        border-right: none;
        position: absolute;
        top: 7px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  footer .inner {
    width: 80%; }
  footer .content .bnr {
    text-align: center;
    margin-bottom: 50px; }
    footer .content .bnr li {
      display: inline-block;
      margin: 0 5px 15px; }
  footer .copyright {
    opacity: 0.4;
    color: #fff;
    text-align: center;
    line-height: 50px; }
  @media (max-width: 768px) {
    footer .inner {
      width: 90%; }
    footer .totop {
      margin-bottom: 5%; }
    footer .content .bnr {
      margin-bottom: 5%; }
      footer .content .bnr img {
        height: 38px;
        width: auto; }
    footer .copyright {
      font-size: 93%; }
      footer .copyright .shortening {
        display: none; } }

/*
下層共通
*/
.breadcrumb {
  background: #fff;
  margin-bottom: 8%; }
  @media (max-width: 1100px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb .inner {
    width: 95%;
    overflow: hidden; }
  .breadcrumb li {
    float: left;
    color: #66797f;
    line-height: 30px; }
    .breadcrumb li .item {
      padding-right: 30px;
      position: relative; }
      .breadcrumb li .item:after {
        content: "";
        width: 7px;
        height: 7px;
        border: 1px solid #66797f;
        border-bottom: none;
        border-left: none;
        position: absolute;
        top: 5px;
        right: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }

main.single .columns-parent,
main.archive .columns-parent,
main.page .columns-parent {
  overflow: hidden; }
  main.single .columns-parent .columns-child-main,
  main.archive .columns-parent .columns-child-main,
  main.page .columns-parent .columns-child-main {
    width: 65%;
    float: left; }
    @media (max-width: 1300px) and (min-width: 1100px), (max-width: 1000px) {
      main.single .columns-parent .columns-child-main,
      main.archive .columns-parent .columns-child-main,
      main.page .columns-parent .columns-child-main {
        width: 100%;
        float: none;
        margin-bottom: 10%; } }
  main.single .columns-parent .columns-child-side,
  main.archive .columns-parent .columns-child-side,
  main.page .columns-parent .columns-child-side {
    width: 30%;
    float: right; }
    @media (max-width: 1300px) and (min-width: 1100px), (max-width: 1000px) {
      main.single .columns-parent .columns-child-side,
      main.archive .columns-parent .columns-child-side,
      main.page .columns-parent .columns-child-side {
        width: 100%;
        float: none; } }
main.single .page-ttl,
main.archive .page-ttl,
main.page .page-ttl {
  text-align: center;
  font-family: "Mplus 1p";
  font-size: 271%;
  color: #283e56;
  line-height: 1.2;
  letter-spacing: 0.2em;
  margin-bottom: 5%; }
  main.single .page-ttl .forSP,
  main.archive .page-ttl .forSP,
  main.page .page-ttl .forSP {
    display: none; }
  @media (max-width: 1300px) and (min-width: 1100px), (max-width: 1000px) {
    main.single .page-ttl,
    main.archive .page-ttl,
    main.page .page-ttl {
      font-size: 207%; } }
  @media (max-width: 768px) {
    main.single .page-ttl,
    main.archive .page-ttl,
    main.page .page-ttl {
      font-size: 150%; }
      main.single .page-ttl .forSP,
      main.archive .page-ttl .forSP,
      main.page .page-ttl .forSP {
        display: block; } }
main.single .section-ttl,
main.archive .section-ttl,
main.page .section-ttl {
  font-size: 143%;
  color: #283e56;
  border: 1px solid #283e56;
  line-height: 1.5;
  padding: 10px;
  margin-bottom: 3%; }
  @media (max-width: 768px) {
    main.single .section-ttl,
    main.archive .section-ttl,
    main.page .section-ttl {
      font-size: 107%; } }
main.single .section-ttl-bar,
main.archive .section-ttl-bar,
main.page .section-ttl-bar {
  font-size: 157%;
  font-weight: bold;
  color: #283e56;
  border-top: 2px solid #283e56;
  border-bottom: 1px solid #283e56;
  line-height: 1.5;
  padding: 10px;
  margin-bottom: 3%; }
  @media (max-width: 768px) {
    main.single .section-ttl-bar,
    main.archive .section-ttl-bar,
    main.page .section-ttl-bar {
      font-size: 107%; } }
main.single .unit-ttl,
main.archive .unit-ttl,
main.page .unit-ttl {
  font-size: 142%;
  background: #fff;
  color: #283e56;
  line-height: 1.5;
  padding: 8px;
  /* margin-bottom: 3%; */
  margin-bottom: 2%; }
  @media (max-width: 1300px) and (min-width: 1100px), (max-width: 1000px) {
    main.single .unit-ttl,
    main.archive .unit-ttl,
    main.page .unit-ttl {
      font-size: 120%; } }
  @media (max-width: 768px) {
    main.single .unit-ttl,
    main.archive .unit-ttl,
    main.page .unit-ttl {
      font-size: 107%; } }
main.single .sidebar-ttl,
main.archive .sidebar-ttl,
main.page .sidebar-ttl {
  background: #fff;
  text-align: center;
  color: #283e56;
  padding: 10px 0;
  margin-bottom: 5%; }
main.single .subheading,
main.archive .subheading,
main.page .subheading {
  font-size: 114%;
  font-weight: bold;
  color: #283e56;
  line-height: 1.5;
  /* margin-bottom: 2%; */
  margin-bottom: 5px; }
  @media (max-width: 768px) {
    main.single .subheading,
    main.archive .subheading,
    main.page .subheading {
      font-size: 107%;
      margin-bottom: 3%; } }
main.single .note,
main.archive .note,
main.page .note {
  color: #666;
  font-size: 80%;
  line-height: 1.5; }
main.single .btn-area,
main.archive .btn-area,
main.page .btn-area {
  text-align: center; }
main.single .btn a,
main.archive .btn a,
main.page .btn a {
  display: inline-block;
  width: 300px;
  text-align: center;
  padding: 12px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  position: relative; }
  main.single .btn a:after,
  main.archive .btn a:after,
  main.page .btn a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 3px;
    border-right-width: 0;
    border-left-width: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 20px; }
  main.single .btn a:before,
  main.archive .btn a:before,
  main.page .btn a:before {
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 15px; }
main.single .btn .ico,
main.archive .btn .ico,
main.page .btn .ico {
  margin-right: 5px; }
@media (max-width: 768px) {
  main.single .btn a,
  main.archive .btn a,
  main.page .btn a {
    display: block;
    width: 100%;
    padding: 15px 32px; } }
main.single .btn-area .btn,
main.archive .btn-area .btn,
main.page .btn-area .btn {
  display: inline-block;
  width: 300px; }
  main.single .btn-area .btn a,
  main.archive .btn-area .btn a,
  main.page .btn-area .btn a {
    display: block;
    width: auto; }
  @media (max-width: 768px) {
    main.single .btn-area .btn,
    main.archive .btn-area .btn,
    main.page .btn-area .btn {
      display: block;
      width: 100%; } }
main.single .section li > p,
main.archive .section li > p,
main.page .section li > p {
  display: inline;
  margin-left: 0.1em; }
main.single .link-txt,
main.archive .link-txt,
main.page .link-txt {
  color: #1989ac; }
main.single .txt,
main.archive .txt,
main.page .txt {
  line-height: 1.7; }
@media (max-width: 768px) {
  main.single .forPC,
  main.archive .forPC,
  main.page .forPC {
    display: none; } }
main.single .forTB,
main.archive .forTB,
main.page .forTB {
  display: none; }
  @media (max-width: 1300px) and (min-width: 1100px), (max-width: 1000px) {
    main.single .forTB,
    main.archive .forTB,
    main.page .forTB {
      display: inherit; } }
main.single .forSP,
main.archive .forSP,
main.page .forSP {
  display: none; }
  @media (max-width: 768px) {
    main.single .forSP,
    main.archive .forSP,
    main.page .forSP {
      display: inherit; } }
main.single strong,
main.archive strong,
main.page strong {
  color: #283e56;
  font-weight: bold; }
main.single #search-tab,
main.archive #search-tab,
main.page #search-tab {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
main.single .search-keyword-seminar,
main.archive .search-keyword-seminar,
main.page .search-keyword-seminar {
  width: 100% !important; }
main.single .link-page ul,
main.archive .link-page ul,
main.page .link-page ul {
  width: 100%; }
  main.single .link-page ul li,
  main.archive .link-page ul li,
  main.page .link-page ul li {
    margin-bottom: 30px; }
main.single .link-page .list01 li,
main.archive .link-page .list01 li,
main.page .link-page .list01 li {
  width: 33%; }
main.single .link-page .list02 li,
main.archive .link-page .list02 li,
main.page .link-page .list02 li {
  width: 50%; }
main.single .link-page .data-list li,
main.archive .link-page .data-list li,
main.page .link-page .data-list li {
  float: left; }
  @media (max-width: 768px) {
    main.single .link-page .data-list li,
    main.archive .link-page .data-list li,
    main.page .link-page .data-list li {
      width: 100%; } }
main.single .link-page .link-list,
main.archive .link-page .link-list,
main.page .link-page .link-list {
  clear: both; }
main.single .link-page h2,
main.archive .link-page h2,
main.page .link-page h2 {
  clear: both; }
main.single .gsc-search-box button,
main.archive .gsc-search-box button,
main.page .gsc-search-box button {
  cursor: pointer; }

/* ニュースの詳細ページ */
main.single-news_support .main-content {
    color: #283e56;
}
main.single-news_support .page-ttl {
    text-align: center;
    font-family: "Mplus 1p";
    font-size: 271%;
    color: #283e56;
    letter-spacing: 0.2em;
    margin-bottom: 5%;
}
main.single-news_support .columns-parent:after {
    content: "";
    display: block;
    clear: both;
}
main.single-news_support .columns-child-main {
    width: 67%;
    padding: 3%;
    box-sizing: border-box;
    float: left;
    padding: 20px;
    margin-right: 2%;
    margin-bottom: 15px;
    overflow: hidden;
}
main.single-news_support .columns-child-side {
    width: 30%;
    float: right;
    overflow: hidden;
}
@media (max-width: 1100px) {
    main.single-news_support .columns-child-main {
      width: 100%;
      float: none;
    }
    main.single-news_support .columns-child-side {
      width: 100%;
      float: none;
    } 
}
main.single-news_support .columns-child-main .photo{
    margin-bottom: 1.33vw;
}
main.single-news_support .columns-child-main .photo,
main.single-news_support .columns-child-main .photo img {
    width: 100%;
    height: auto;
}
main.single-news_support .columns-child-main .title,
main.single-news_support .columns-child-main .content{
    word-break: break-all;
}
main.single-news_support .columns-child-main .title{
    font-size: 2em;
    margin-bottom: 0.5em;
    margin: 1.5em 0;
}
main.single-news_support .columns-child-main .date{
    font-size: 1.2em;
    margin-bottom: 0.5em;
    overflow: hidden;
    margin-bottom: 0;
    float: left;
    text-align: center;
    padding: 0.3em 0;
    margin-right: 1em;
}
main.single-news_support .columns-child-main .type {
    display: inline-block;
    color: #333;
    border: 1px solid #283e56;
    padding: 0.3em 1em;
    margin-bottom: 10px;
    float: left;
}
main.single-news_support .columns-child-main .content{
    clear: both;
    font-size: 1.3em;
    line-height: 2.0em;
    margin-bottom: 1.0em;
}
main.single-news_support .columns-child-main .eventdate{
    font-size: 1.2em;
    margin-bottom: 0.5em;
    text-align: center;
    line-height: 2em;
    background-color: #c8cfd2;
}
main.single-news_support .columns-child-main .event_form{
    font-size: 1.2em;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #283e56;
    margin-bottom: 0.5em;
    text-align: center;
    line-height: 2em;
}
main.single-news_support .columns-child-main .meta {
    overflow: hidden;
}
main.single-news_support .columns-child-main .meta .tag {
    float: left;
    color: #283e56;
    box-sizing: content-box;
    margin-right: 5px;
    margin-bottom: 5px;
}
main.single-news_support .columns-child-main .meta .tag a {
    display: block;
    font-size: 79%;
    padding: 3px 10px;
    box-sizing: content-box;
    border: 1px solid #283e56;
}
main.single-news_support .no_display {
    display: none !important;
}
main.single-news_support .columns-child-main .url {
    margin-bottom: 1em;
}

main.single-news_support .columns-child-side h2{
    background-color: white;
    text-align: center;
    line-height: 2em;
    margin-bottom: 1em;
    color: #283e56;
}
main.single-news_support .columns-child-side li:after{
    content: "";
    display: block;
    clear: both;
}
main.single-news_support .columns-child-side li{
    margin-bottom: 20px;
}
main.single-news_support .columns-child-side li .photo,
main.single-news_support .columns-child-side li .photo img{
    width: 7.6vw;
    height: 5.3vw;
}
main.single-news_support .columns-child-side li .photo{
    margin-right: 20px;
    float: left;
}
main.single-news_support .columns-child-side .meta {
    overflow: hidden;
}
main.single-news_support .columns-child-side .meta .tag {
    float: left;
    color: #283e56;
    box-sizing: content-box;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.9em;
}
main.single-news_support .columns-child-side .meta .tag span,
main.single-news_support .columns-child-side .meta .tag a {
    display: block;
    font-size: 79%;
    padding: 3px 10px;
    box-sizing: content-box;
    border: 2px solid #283e56;
}

main.single-news_support .columns-child-side li .txt{
    word-wrap: break-word;
}
main.single-news_support .columns-child-side li a{
}
main.single-news_support .columns-child-side li .txt-area{
    width: 10.6vw;
    float: right;
}
main.single-news_support .columns-child-side .btn{
    border: 1px solid #283e56;
    border-radius: 2px;
    text-align: center;
    line-height: 2em;
    margin-bottom: 1em;
    color: #283e56;
    position: relative;
}
/* 「一覧に戻る」ボタンの右矢印の丸 */
main.single-news_support .columns-child-side .btn:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.6em);
    right: 0.55em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background-color: #283e56;
}
/* 「一覧に戻る」ボタンの右矢印の三角形 */
main.single-news_support .columns-child-side .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.26em);
    right: 0.85em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent white;
}

/* イベントレポートの詳細ページ */
main.single-reports .page-ttl {
    text-align: center;
    font-family: "Mplus 1p";
    font-size: 271%;
    color: #283e56;
    letter-spacing: 0.2em;
    margin-bottom: 5%;
}
main.single-reports .columns-parent:after {
    content: "";
    display: block;
    clear: both;
}
main.single-reports .columns-child-main {
    width: 67%;
    float: left;
    position: relative;
}
main.single-reports .columns-child-side {
    width: 30%;
    float: right;
}
@media (max-width: 1100px) {
    main.single-reports .columns-child-main {
      width: 100%;
      float: none;
    }
    main.single-reports .columns-child-side {
      width: 100%;
      float: none;
    }
}
main.single-reports .columns-child-main .head-area{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 62.6%;  /* height=width*62.6% */
}
main.single-reports .columns-child-main .head-area > .aspect_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
    top: 0;
    left: 0;
    overflow: hidden;
}
main.single-reports .columns-child-main .head-area .mainvisual .aspect_wrapper {
    padding-top: 55.2%;
    display: block;
    position: relative;
    /*margin-left: auto;*/
    /*width: 97%;*/
}
main.single-reports .columns-child-main .head-area .mainvisual .aspect_wrapper img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
main.single-reports .columns-child-main .head-area .txt-area{
      font-size: 1.0vw;
    }
@media (max-width: 1100px) {
    main.single-reports .columns-child-main .head-area .txt-area{
      font-size: 1.9vw;
    }
}

main.single-reports .columns-child-main .profile h2{
    background-color: white;
    text-align: center;
    line-height: 2em;
    margin-bottom: 1em;
    color: #283e56;
}
main.single-reports .columns-child-main .event-head{
    margin-bottom: 20px;
    background-color: white;
    padding: 10px;
}
main.single-reports .columns-child-main .event-head .photo{
    display: inline-block;
    width: 30%;
    height: auto;
    margin-right: 3%;
    vertical-align: top;
    
}
main.single-reports .columns-child-main .event-head .photo img{
    display: block;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
main.single-reports .columns-child-main .event-head a{
    color: #1989ac;
}
main.single-reports .columns-child-main .event-head a:visited{
    color: #99009b;
}
main.single-reports .columns-child-main .event-head .txt-area{
    display: inline-block;
    /*width: 65%;*/
    vertical-align: top;
}
main.single-reports .columns-child-main .event-head .txt-area .event-title{
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 140%;
    font-weight: bold;
}
main.single-reports .columns-child-main .event-head .txt-area .event-date,
main.single-reports .columns-child-main .event-head .txt-area .event-schedule,
main.single-reports .columns-child-main .event-head .txt-area .lecturer-name,
main.single-reports .columns-child-main .event-head .txt-area .event-date
{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

main.single-reports .columns-child-main .event-head .txt-area .event-schedule,
main.single-reports .columns-child-main .event-head .txt-area .lecturer-profile
{
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.5em;
    word-wrap: break-word;
}
main.single-reports .columns-child-main .event-head .txt-area .title
{
    font-weight: bold;
    color: #283E56;
}
main.single-reports .columns-child-main .report-content h2 {
    border: 1px solid #283e56;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.5em;
    font-size: 1.3em;
}
main.single-reports .columns-child-main .report-content .text {
    margin-bottom: 2em;
}
main.single-reports .columns-child-main .report-content img {
    width: 100%;
    height: auto;
}
main.single-reports .columns-child-main .report-content .video.aspect_wrapper {
    width: 100%;
    height: 0;
    padding-top: 0;
    padding-bottom: 55.2%;
    position: relative;
    margin-top: 30px;
}
main.single-reports .columns-child-main .report-content .video.aspect_wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

main.single-reports .columns-child-main .report-content .photo {
    margin-bottom: 2em;
    margin: 0 auto;
    width: 70%;
}

main.single-reports .columns-child-main .report-content .overview,
main.single-reports .columns-child-main .report-content .event-content,
main.single-reports .columns-child-main .report-content .faq,
main.single-reports .columns-child-main .report-content .impressions,
main.single-reports .columns-child-main .event-introduction
{
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.5em;
    word-wrap: break-word;
}
main.single-reports .columns-child-main .report-content .title,
main.single-reports .columns-child-main .event-introduction .title{
    font-size: 120%;
    border-bottom: 1px solid #283E56;
    margin-bottom: 10px;
    font-weight: bold;
    color: #283E56;
}
main.single-reports .columns-child-main .report-content .title{
    margin-top: 1em;
}
main.single-reports .columns-child-main .report-content .article {
    margin-top: 50px;
}
main.single-reports .columns-child-main .report-content .article .title {
}
main.single-reports .columns-child-main .report-content .article .subtitle {
    font-size: 1.1em;
    font-weight: bold;
    color: #283E56;
    margin-top: 1em;
    margin-bottom: 10px;
}
main.single-reports .columns-child-main .report-content .article .txt {
    margin-bottom: 20px;
}
main.single-reports .columns-child-main .report-content .article .photo {
}
main.single-reports .columns-child-main .report-content .article .photo .image {
}
main.single-reports .columns-child-main .report-content .article .photo .image img {
}
main.single-reports .columns-child-main .report-content .text-block{
    margin-bottom: 5px;
}
main.single-reports .columns-child-main .event-introduction {
    margin-bottom: 20px;
}




main.single-reports .columns-child-side h2{
    background-color: white;
    text-align: center;
    line-height: 1em;
    margin-bottom: 1em;
    color: #283e56;
}
main.single-reports .columns-child-side li:after{
    content: "";
    display: block;
    clear: both;
}
main.single-reports .columns-child-side li{
    margin-bottom: 20px;
}
main.single-reports .columns-child-side li .photo{
    margin-right: 6%;
    display: inline-block;
    width: 38%;
    height: auto;
    vertical-align: top;
}
main.single-reports .columns-child-side li .photo img{
    width: 100%;
    height: auto;
}
main.single-reports .columns-child-side li a{
}
main.single-reports .columns-child-side li .txt-area{
    display: inline-block;
    width: 54%;
    vertical-align: middle;
}
main.single-reports .columns-child-side li .txt-area .name-ja{
    margin-top: 1em;
    margin-bottom: 0.5em;
}
    main.single-reports .columns-child-side .btn{
    border: 1px solid #283e56;
    border-radius: 2px;
    text-align: center;
    line-height: 1em;
    margin-bottom: 1em;
    color: #283e56;
    position: relative;
}
/* 「一覧に戻る」ボタンの右矢印の丸 */
main.single-reports .columns-child-side .btn:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.6em);
    right: 0.55em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background-color: #283e56;
}
/* 「一覧に戻る」ボタンの右矢印の三角形 */
main.single-reports .columns-child-side .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.26em);
    right: 0.85em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent white;
}
/* イベントレポートの表示形式「発表会」のサイドバー */
main.single-reports .main-content.view-presentation .columns-child-side .txt-area p {
    margin-bottom: 0.5em;
    font-size: 0.8rem;
    line-height: 1.2em;
}
main.single-reports .main-content.view-presentation .columns-child-side .event-title{
    font-weight: bold;
}
main.single-reports .main-content.view-presentation .columns-child-side .txt-area .event-date .head, 
main.single-reports .main-content.view-presentation .columns-child-side .txt-area .event-location .head {
    font-weight: bold;
    font-size: 1.05em;
}
@media screen and (min-width: 568px) and (max-width: 1000px) {
main.single-reports .main-content.view-presentation .columns-child-side .txt-area p {
    font-size: inherit;
}
}/*media screen and (min-width: 568px) and (max-width: 1000px) */

/* セミナーの詳細ページ */
main.single-seminar .main-content {
    color: #283e56;
}
main.single-seminar .main-content .end_message{
	height: 1.5em;
	font-size: 3em;
	line-height: 1em;
	text-align: center;
	margin-bottom: 0.5em;
}
main.single-seminar .main-content .end_message p{
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 0.5em;
	display: inline-block;
	border: 3px solid red;
	color: red;
	padding-right: 1em;
	padding-left: 1em;
	font-weight: bold;
}
main.single-seminar .page-ttl {
    text-align: center;
    font-family: "Mplus 1p";
    font-size: 271%;
    color: #283e56;
    letter-spacing: 0.2em;
    margin-bottom: 5%;
}
main.single-seminar .columns-parent:after {
    content: "";
    display: block;
    clear: both;
}
main.single-seminar .columns-child-main {
    width: 67%;
    padding: 3%;
    box-sizing: border-box;
    float: left;
    padding: 20px;
    margin-right: 2%;
    margin-bottom: 15px;
    overflow: hidden;
}
main.single-seminar .columns-child-side {
    width: 30%;
    float: right;
    overflow: hidden;
}
@media (max-width: 1100px) {
    main.single-seminar .columns-child-main {
      width: 100%;
      float: none;
    }
    main.single-seminar .columns-child-side {
      width: 100%;
      float: none;
    } 
}
main.single-seminar .columns-child-main .photo{
    margin-bottom: 1.33vw;
}
main.single-seminar .columns-child-main .photo{
    width: 100%;
    height: auto;
}

main.single-seminar .columns-child-main .photo img {
    width: 100%;
    height: auto;
}
main.single-seminar .columns-child-main .title,
main.single-seminar .columns-child-main .content{
    word-break: break-all;
}
main.single-seminar .columns-child-main .title{
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
main.single-seminar .columns-child-main .date{
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
main.single-seminar .columns-child-main .content{
    font-size: 1.0em;
    line-height: 1.6em;
    margin-bottom: 1.0em;
    color: #333;
}

html.black main.single-seminar .columns-child-main .content{
    color: white;
}
main.single-seminar .columns-child-main .content p {
    margin-bottom: 1.0em;
}
main.single-seminar .columns-child-main .content a {
    color: #1989ac;
    text-decoration: underline;
}
main.single-seminar .columns-child-main .content a:visited {
    color: #609;
}

main.single-seminar .columns-child-main .eventdate{
    font-size: 1.2em;
    margin-bottom: 0.5em;
    text-align: center;
    line-height: 2em;
    background-color: #c8cfd2;
}
main.single-seminar .columns-child-main .event_form{
    font-size: 1.2em;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #283e56;
    margin-bottom: 0.5em;
    text-align: center;
    line-height: 2em;
}
main.single-seminar .columns-child-main .meta {
    overflow: hidden;
}
main.single-seminar .columns-child-main .meta .tag {
    float: left;
    color: #283e56;
    box-sizing: content-box;
    margin-right: 5px;
    margin-bottom: 5px;
}
main.single-seminar .columns-child-main .meta .tag a {
    display: block;
    font-size: 79%;
    padding: 3px 10px;
    box-sizing: content-box;
    border: 1px solid #283e56;
}
main.single-seminar .no_display {
    display: none !important;
}
main.single-seminar .columns-child-main .url {
    margin-bottom: 1em;
}

main.single-seminar .columns-child-side h2{
    background-color: white;
    text-align: center;
    line-height: 1em;
    margin-bottom: 1em;
    color: #283e56;
}
main.single-seminar .columns-child-side li:after{
    content: "";
    display: block;
    clear: both;
}
main.single-seminar .columns-child-side li{
    margin-bottom: 20px;
}
main.single-seminar .columns-child-side li .photo{
    width: 38.3%;
    height: 0;
    padding-bottom: 26.6%;
    overflow: hidden;
}
main.single-seminar .columns-child-side li .photo img{
    width: 100%;
    height: auto;
}
main.single-seminar .columns-child-side li .photo{
    margin-right: 6.6%;
    float: left;
}
main.single-seminar .columns-child-side .meta {
    overflow: hidden;
}
main.single-seminar .columns-child-side .meta .tag {
    float: left;
    color: #283e56;
    box-sizing: content-box;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.9em;
}
main.single-seminar .columns-child-side .meta .tag span,
main.single-seminar .columns-child-side .meta .tag a {
    display: block;
    font-size: 79%;
    padding: 3px 10px;
    box-sizing: content-box;
    border: 1px solid #283e56;
}

main.single-seminar .columns-child-side li .txt{
    word-wrap: break-word;
}
main.single-seminar .columns-child-side li a{
}
main.single-seminar .columns-child-side li .txt-area{
    width: 55%;
    float: right;
}
main.single-seminar .columns-child-side .btn{
    border: 1px solid #283e56;
    border-radius: 2px;
    text-align: center;
    line-height: 1em;
    margin-bottom: 1em;
    color: #283e56;
    position: relative;
}
/* 「一覧に戻る」ボタンの右矢印の丸 */
main.single-seminar .columns-child-side .btn:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.6em);
    right: 0.55em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background-color: #283e56;
}
/* 「一覧に戻る」ボタンの右矢印の三角形 */
main.single-seminar .columns-child-side .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.26em);
    right: 0.85em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent white;
}


/* フォーム部分 */
main.single-seminar .columns-child-main .event_form {
    box-sizing: border-box;
    padding: 1em;
}
main.single-seminar .columns-child-main .event_form .section > p {
    margin-top: 1em;
}
main.single-seminar .columns-child-main .event_form .item-title{
    font-weight: bold;
}
main.single-seminar .columns-child-main .event_form .require{
    color: red;
}
main.single-seminar .columns-child-main .event_form form .section {
    padding: 1em;
    text-align: left;
}
main.single-seminar .columns-child-main .event_form form .wpcf7-radio label{
    display: inline-block;
    width: 5em;
}
main.single-seminar .columns-child-main .event_form form .btn{
    text-align: center;
}
main.single-seminar .columns-child-main .event_form form .btn input{
    display: inline-block;
    width: 200px;
    background: url(/assets/img/btn-image.svg) no-repeat no-repeat right center;
    padding 0.5em;
    margin: 1em;
    line-height: 2.5em;
    border: 1px solid #283e56;
    border-radius: 5px;
    color: #283e56;
}
/* 送信完了画面でフォームを非表示にする */
main.single-seminar .columns-child-main .event_form form.sent .section {
    display: none;
}
main.single-seminar .columns-child-main .event_form form.sent .btn {
    display: none;
}
/* 確認画面で入力欄が黄色になるのを防ぐ */
main.single-seminar .columns-child-main .event_form form input.wpcf7c-conf:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #999999 inset;
}
/* 背景色が黒の時、確認画面でラジオボタンが見えにくくなるのを防ぐ */
html.black main.single-seminar .columns-child-main .event_form form input[type=radio]:disabled {
    visibility: hidden;
}
html.black main.single-seminar .columns-child-main .event_form form input[type=radio]:disabled:checked {
    visibility: visible;
}
/* 背景色が黒の時、確認画面でラジオボタンが見えにくくなるのを防ぐ */
html.black main.single-seminar .columns-child-main .event_form form input[type=radio]:disabled ~ span {
    color: #999;
}
html.black main.single-seminar .columns-child-main .event_form form input[type=radio]:disabled:checked ~ span {
    color: white;
}
@media (max-width: 768px) {
  main.single-seminar .columns-child-main .event_form form .btn input{
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 550px) {
  main.single-seminar .columns-child-main .event_form form .btn input{
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
html.black main.single-seminar .columns-child-main .event_form form .btn input{
    border: 1px solid white;
    color: white;
}

@media (min-width: 1101px) {
  main.single-seminar .columns-child-main .event_form .label:after,
  main.single-seminar .columns-child-main .event_form label:after{
    content: "";
    display: block;
    clear: both;
  }
  main.single-seminar .columns-child-main .event_form .item-label{
    display: block;
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding-right: 1em;
  }
  main.single-seminar .columns-child-main .event_form .section > p br{
    display: none;
  }
  main.single-seminar .columns-child-main .event_form .wpcf7-form-control-wrap {
    display: block;
    width: 74%;
    float: left;
  }
}

main.single-seminar .columns-child-main .event_form .section textarea,
main.single-seminar .columns-child-main .event_form .section input {
    max-width: 100%;
    width: 100%;
    padding: 0.3em;
}
main.single-seminar .columns-child-main .event_form .section input[type=radio] {
    width: 2em;
}

/* トップページ、セミナー検索ページ内のカレンダー検索用イベントカレンダー */
#calendar {
  width: 17em;
  padding: .2em .2em 0;
  border: 1px solid #dddddd;
  background: #eeeeee url(/assets/js/jquery-ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  display: inline-block;
  /* カレンダー 何もない日 */
  /* カレンダー イベントのある日付 */
  /* カレンダー 現在の選択日付 */ }
  #calendar .calendar-header {
    position: relative;
    padding: .2em 0;
    border-bottom-right-radius: 4px;
    border: 1px solid #e78f08;
    background: #f6a828 url(/assets/js/jquery-ui/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold; }
    #calendar .calendar-header a {
      /* color: #ffffff; */ }
    #calendar .calendar-header .ui-icon {
      /* background-image: url(/assets/js/jquery-ui/images/ui-icons_222222_256x240.png); */
      background-image: url(/assets/js/jquery-ui/images/ui-icons_ffffff_256x240.png); }
    #calendar .calendar-header .ui-icon-circle-triangle-w {
      background-position: -80px -192px; }
    #calendar .calendar-header .ui-icon-circle-triangle-e {
      background-position: -48px -192px; }
    #calendar .calendar-header .ui-corner-all:hover {
      border: 1px solid #fbcb09;
      background: #fdf5ce url(/assets/js/jquery-ui/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
      font-weight: bold;
      color: #c77405; }
    #calendar .calendar-header .ui-datepicker-prev {
      left: 2px; }
    #calendar .calendar-header .ui-datepicker-next {
      right: 2px; }
    #calendar .calendar-header .ui-datepicker-prev,
    #calendar .calendar-header .ui-datepicker-next {
      position: absolute;
      top: 2px;
      width: 1.8em;
      height: 1.8em; }
    #calendar .calendar-header .ui-datepicker-title {
      margin: 0 2.3em;
      line-height: 1.8em;
      text-align: center; }
    #calendar .calendar-header .ui-datepicker-prev span,
    #calendar .calendar-header .ui-datepicker-next span {
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px; }
  #calendar table {
    width: 100%;
    font-size: .9em;
    border-collapse: separate;
    border-spacing: 1px;
    margin: 0 0 .4em;
    border-color: grey; }
    #calendar table th {
      padding: .7em .3em;
      text-align: center;
      font-weight: bold;
      border: 0; }
    #calendar table td span,
    #calendar table td a {
      display: block;
      padding: .2em;
      text-align: right;
      text-decoration: none; }
  #calendar .day span,
  #calendar .day a {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(/assets/js/jquery-ui/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #7a8589; }
  #calendar .event-day span,
  #calendar .event-day a {
    border: 1px solid #fbd850;
    background: #ffffff url(/assets/js/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00; }
  #calendar .current-day span,
  #calendar .current-day a {
    border: 1px solid #198bac;
    background: #ffffff url(/assets/js/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #198bac; }

/* カレンダー の検索日付の表示領域 */
.search-date-area {
  margin-top: 1em;
  display: none; }

#search-date {
  display: inline-block;
  width: 10em;
  padding: 0.3em;
  border: 2px inset #eee;
  font-weight: normal;
  color: #333; }


/*
創業者紹介
*/
html.black main.founder .list .company-name {
    background: #222;
}

html.black main.founder .list .name {
    background: #222;
}