@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.wrapper {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5; }

/*************** common ***************/
.img_default, .btn-summary img, .btn-large img, .btn-small img, .inner-block * > img, .share__row.issp img, .header__logo img, .summary__title img, .about__title img, .works__item li img, .contents__title img, .booth__title img, .booth__item__pic img, .booth__presenter__title img, .booth__presenter__list__pic img, .seminar__title img, .seminar__list__image img, .shigototen__title img, .shigototen__keyvisual img, .access__title img, .access__overview img, .recruit__title img, .recruit__btn img, .contact__title img, .last-item__image img, .footer__co-locate img {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto; }

.font-desc--summary {
  color: #fff;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-desc--summary {
      font-size: 22px;
      line-height: 1.8em; } }
  @media (max-width: 768px) {
    .font-desc--summary {
      font-size: 14px;
      line-height: 1.9em; } }

.font-desc--bold {
  color: #000;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-desc--bold {
      font-size: 18px;
      line-height: 2em; } }
  @media (max-width: 768px) {
    .font-desc--bold {
      font-size: 14px;
      line-height: 1.8em; } }

.font-desc--normal {
  color: #000; }
  @media (min-width: 769px) {
    .font-desc--normal {
      font-size: 18px;
      line-height: 2em; } }
  @media (max-width: 768px) {
    .font-desc--normal {
      text-align: left;
      font-size: 14px;
      line-height: 1.8em; } }

.font-desc--recruit-small {
  color: #000;
  text-align: center; }
  @media (min-width: 769px) {
    .font-desc--recruit-small {
      font-size: 14px;
      line-height: 1.8em; } }
  @media (max-width: 768px) {
    .font-desc--recruit-small {
      text-align: left;
      font-size: 14px;
      line-height: 1.8em; } }

.font-booth--title {
  color: #fff;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-booth--title {
      font-size: 40px;
      line-height: 1.25em;
      position: absolute;
      bottom: 0; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .font-booth--title {
      font-size: 31px;
      line-height: 1.25em; } }
  @media (max-width: 768px) {
    .font-booth--title {
      text-align: left;
      font-size: 23px;
      line-height: 1.3em; } }

.font-booth--title--long {
  color: #fff;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-booth--title--long {
      font-size: 30px;
      line-height: 1.3em;
      position: absolute;
      bottom: 0; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .font-booth--title--long {
      font-size: 22px;
      line-height: 1.3em; } }
  @media (max-width: 768px) {
    .font-booth--title--long {
      text-align: left;
      font-size: 18px;
      line-height: 1.3em; } }

.font-booth--boothname {
  color: #fff;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-booth--boothname {
      font-size: 17.5px;
      line-height: 1.5em; } }
  @media (max-width: 768px) {
    .font-booth--boothname {
      font-size: 14px;
      line-height: 1.5em; } }

.font-booth--target {
  color: #fff;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-booth--target {
      font-size: 14px; } }
  @media (max-width: 768px) {
    .font-booth--target {
      font-size: 12px; } }

.font-booth--description {
  color: #000; }
  @media (min-width: 769px) {
    .font-booth--description {
      font-size: 18px;
      line-height: 1.8em; } }
  @media (max-width: 768px) {
    .font-booth--description {
      font-size: 14px;
      line-height: 1.7em; } }

.font-booth--name {
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-booth--name {
      font-size: 19.5px; } }
  @media (max-width: 768px) {
    .font-booth--name {
      font-size: 16px; } }

.font-booth--position {
  color: #000;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-booth--position {
      font-size: 14px;
      line-height: 1.55em; } }
  @media (max-width: 768px) {
    .font-booth--position {
      font-size: 11px;
      line-height: 1.3em; } }

.font-seminar--time {
  color: #01bcf6;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-seminar--time {
      font-size: 32px;
      line-height: 1.25em; } }
  @media (max-width: 768px) {
    .font-seminar--time {
      text-align: left;
      font-size: 21px;
      line-height: 1.4em; } }

.font-seminar--title {
  color: #000;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-seminar--title {
      font-size: 28px;
      line-height: 1.4em; } }
  @media (max-width: 768px) {
    .font-seminar--title {
      text-align: left;
      font-size: 21px;
      line-height: 1.4em; } }

.font-seminar--presenter {
  color: #000;
  font-weight: bold;
  font-size: 18px; }
  @media (min-width: 769px) {
    .font-seminar--presenter {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .font-seminar--presenter {
      font-size: 15px; } }

.font-seminar--description {
  color: #000; }
  @media (min-width: 769px) {
    .font-seminar--description {
      font-size: 16px;
      line-height: 1.75em; } }
  @media (max-width: 768px) {
    .font-seminar--description {
      font-size: 14px;
      line-height: 1.75em; } }

.font-access--place {
  color: #000;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-access--place {
      font-size: 28px;
      line-height: 1.3em; } }
  @media (max-width: 768px) {
    .font-access--place {
      font-size: 18px;
      line-height: 1.4em; } }

.font-access--note {
  color: #000; }
  @media (min-width: 769px) {
    .font-access--note {
      font-size: 18px;
      line-height: 1.8em; } }
  @media (max-width: 768px) {
    .font-access--note {
      font-size: 14px;
      line-height: 1.7em; } }

.font-last--listtitle {
  color: #fff;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-last--listtitle {
      font-size: 18px;
      line-height: 2.4em; } }
  @media (max-width: 768px) {
    .font-last--listtitle {
      font-size: 14px;
      line-height: 2.35em; } }

.font-last--sitename {
  color: #000;
  font-weight: bold; }
  @media (min-width: 769px) {
    .font-last--sitename {
      font-size: 14px;
      line-height: 1.55em; } }
  @media (max-width: 768px) {
    .font-last--sitename {
      font-size: 10px;
      line-height: 1.66em; } }

.font-footer--copyright {
  color: #fff;
  font-weight: bold;
  font-size: 10px; }
  @media (min-width: 769px) {
    .font-footer--copyright {
      line-height: 90px; } }
  @media (max-width: 768px) {
    .font-footer--copyright {
      line-height: 70px; } }

.btn-summary {
  margin: auto;
  max-width: 253px;
  max-height: 65px; }
  @media (max-width: 768px) {
    .btn-summary {
      width: 53%; } }

.btn-large {
  margin: auto;
  max-width: 323px;
  max-height: 83px; }
  @media (max-width: 768px) {
    .btn-large {
      width: 73%; } }

.btn-small {
  margin: auto;
  width: 245px;
  height: 83px; }
  @media (max-width: 768px) {
    .btn-small {
      width: 235px; } }

@media (min-width: 769px) {
  .issp {
    display: none !important; } }

@media (max-width: 768px) {
  .ispc {
    display: none !important; } }

.inner-block {
  margin: auto;
  position: relative;
  margin: auto; }
  @media (min-width: 769px) {
    .inner-block {
      max-width: 1045px; } }

.text-hidden {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  height: 0px; }

.megaphone--before {
  display: block;
  position: absolute;
  vertical-align: middle;
  background: url("../img/megaphone/01.png");
  background-repeat: no-repeat;
  background-size: contain; }
  @media (min-width: 769px) {
    .megaphone--before {
      width: 74px;
      height: 33px;
      top: -2px;
      left: -100px; } }
  @media (max-width: 768px) {
    .megaphone--before {
      width: 20%;
      height: 100%;
      max-width: 74px;
      max-height: 33px;
      margin-left: 0%; } }

.megaphone--after {
  display: block;
  position: absolute;
  width: 74px;
  height: 33px;
  vertical-align: middle;
  top: -2px;
  right: -100px;
  background: url("../img/megaphone/02.png");
  background-repeat: no-repeat;
  background-size: contain; }

a {
  text-decoration: none;
  color: #51a0f9;
  font-weight: bold; }
  a:hover, a:hover p, a:hover img {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    cursor: pointer; }

.js_inview_off {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.js_inview_on {
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all 0.5s 0.2s; }

.js_nav_sp_background {
  background-color: #000;
  display: block;
  height: 100%;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.5s linear 0s;
  width: 100%;
  z-index: 999; }

.js_nav_fixed {
  overflow: hidden;
  height: 100%; }

.share__row.issp {
  margin: auto;
  text-align: justify;
  width: 180px;
  height: 40px; }
  .share__row.issp:after {
    content: "";
    display: inline-block;
    width: 100%; }
  .share__row.issp .share--twitter {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px; }
  .share__row.issp .share--facebook {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px; }
  .share__row.issp .share--hatebu {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px; }

.share__row.ispc .share--facebook {
  margin-top: -4px;
  margin-bottom: 6px; }

/*************** Wrapper ***************/
body {
  width: 100%;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
  margin: auto;
  max-width: 100%; }

.wrapper {
  min-width: 100%;
  position: relative;
  overflow: hidden; }

/*************** header ***************/
.header {
  position: fixed;
  top: 0px;
  z-index: 1999;
  width: 100%;
  background-color: #fff;
  border-bottom: solid 2px #01bcf6; }
  .header .header__inner {
    position: relative;
    height: 99px;
    margin: auto; }
    @media (min-width: 769px) {
      .header .header__inner {
        min-width: 820px;
        max-width: 1045px;
        width: 90%;
        height: 99px; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .header .header__inner {
        min-width: 768px;
        max-width: 900px;
        width: 90%;
        margin: auto; } }
    @media (max-width: 768px) {
      .header .header__inner {
        height: 52px; } }
    @media (max-width: 768px) and (orientation: landscape) {
      .header .header__inner {
        height: 26px; } }

.header__logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto; }
  @media (min-width: 769px) {
    .header__logo {
      width: 338px;
      height: 47px; } }
  @media (max-width: 768px) {
    .header__logo {
      width: 230px;
      height: 32px; } }
  @media (max-width: 768px) and (orientation: landscape) {
    .header__logo {
      width: 115px;
      height: 16px; } }

.nav-toggle {
  position: absolute;
  right: 20px;
  top: 13px;
  width: 25px;
  height: 25px;
  cursor: pointer; }
  @media (min-width: 769px) {
    .nav-toggle {
      display: none; } }
  @media (max-width: 768px) and (orientation: landscape) {
    .nav-toggle {
      right: 12px;
      width: 15px;
      height: 15px; } }

.nav-toggle__inner {
  position: relative; }

.nav-toggle__ele {
  display: block;
  position: absolute;
  border: solid 2px #01bcf6;
  border-radius: 2px;
  transition: 0.6s ease; }
  @media (max-width: 768px) and (orientation: landscape) {
    .nav-toggle__ele {
      border: solid 1px #01bcf6; } }
  .nav-toggle__ele:nth-child(1) {
    width: 25px;
    left: 0;
    top: 4px; }
    @media (max-width: 768px) and (orientation: landscape) {
      .nav-toggle__ele:nth-child(1) {
        width: 15px;
        left: 0;
        top: -4px; } }
  .nav-toggle__ele:nth-child(2) {
    width: 21.25px;
    left: 3.75px;
    top: 12px; }
    @media (max-width: 768px) and (orientation: landscape) {
      .nav-toggle__ele:nth-child(2) {
        width: 13px;
        left: 2px;
        top: 0px; } }
  .nav-toggle__ele:nth-child(3) {
    width: 17.5px;
    left: 7.5px;
    top: 20px; }
    @media (max-width: 768px) and (orientation: landscape) {
      .nav-toggle__ele:nth-child(3) {
        width: 11px;
        left: 4px;
        top: 4px; } }

.js_nav_open .nav-toggle__ele:nth-child(1) {
  width: 25px;
  top: 11px;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  @media (max-width: 768px) and (orientation: landscape) {
    .js_nav_open .nav-toggle__ele:nth-child(1) {
      width: 13px;
      top: 0px; } }

.js_nav_open .nav-toggle__ele:nth-child(2) {
  width: 25px;
  top: 11px;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
  @media (max-width: 768px) and (orientation: landscape) {
    .js_nav_open .nav-toggle__ele:nth-child(2) {
      width: 13px;
      top: 0px; } }

.js_nav_open .nav-toggle__ele:nth-child(3) {
  width: 25px;
  top: 11px;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
  @media (max-width: 768px) and (orientation: landscape) {
    .js_nav_open .nav-toggle__ele:nth-child(3) {
      width: 13px;
      top: 0px; } }

.js_nav_open .header__menu {
  -webkit-transform: translateX(-140%);
          transform: translateX(-140%); }

@media (max-width: 768px) {
  .header__menu {
    position: absolute;
    top: 53px;
    right: -140%;
    background: white;
    width: 100%;
    box-sizing: border-box;
    transition: 0.7s ease;
    text-align: left; } }
  @media (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .header__menu {
      top: 27px;
      letter-spacing: -1em; } }

@media (max-width: 768px) {
  .header__menu__children {
    display: block;
    margin: auto;
    margin: 0;
    padding: 18px 0;
    border-bottom: solid 1px #01bcf6; }
    .header__menu__children a {
      display: block;
      height: 38px;
      text-align: center; }
    .header__menu__children img {
      padding: 0 20px;
      width: 87.5%;
      padding-top: 10px; } }
  @media (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .header__menu__children {
      width: 49.5%;
      display: inline-block;
      padding: 3px 0;
      letter-spacing: normal; }
      .header__menu__children a {
        height: 100%; }
      .header__menu__children img {
        padding: 0; } }

@media (min-width: 769px) {
  .header__menu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 413px;
    margin: auto;
    height: 36px;
    min-width: 600px; } }
  @media (min-width: 769px) and (max-width: 1024px) and (min-width: 768px) {
    .header__menu {
      left: 385px; } }

@media (min-width: 769px) {
    .header__menu img {
      height: 36px; }
  .header__menu__children {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 41px; } }
  @media (min-width: 769px) and (max-width: 1024px) and (min-width: 768px) {
    .header__menu__children {
      margin-right: 25px; } }

@media (min-width: 769px) {
  .header__share {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-top: -20px;
    left: 30px; } }

@media (max-width: 768px) {
  .header__share {
    display: block;
    margin: 0;
    height: 45px;
    padding-top: 20px;
    margin-bottom: 15px; } }

@media (max-width: 768px) and (orientation: landscape) {
  .header__share {
    padding: 10px 0;
    height: 30px;
    padding-top: 10px;
    margin-bottom: 10px; } }

/*************** top ***************/
.top {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; }
  @media (min-width: 769px) {
    .top {
      margin-top: 85px; } }
  @media (max-width: 768px) {
    .top {
      margin-top: 38px; } }
  @media (max-width: 768px) and (orientation: landscape) {
    .top {
      margin-top: 27px; } }
  .top .top__bg {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 187, 249, 0.5); }

.top__keyvisual {
  margin: auto; }
  @media (min-width: 769px) {
    .top__keyvisual {
      padding-top: 58px;
      width: 700px;
      height: 500px; } }
  @media (max-width: 768px) {
    .top__keyvisual {
      padding: 30px 15px 0; } }

.top__date {
  margin: auto; }
  @media (min-width: 769px) {
    .top__date .ispc {
      width: 670px;
      height: 158.5px;
      padding-top: 47px;
      padding-bottom: 65px; } }
  @media (max-width: 768px) {
    .top__date .issp {
      width: 268px;
      height: 95.5px;
      padding-top: 22px;
      padding-bottom: 25px; } }

.top__share {
  margin: auto;
  height: 45px;
  padding-bottom: 25px; }

/*************** summary ***************/
.summary {
  position: relative;
  width: 100%;
  max-height: 100%;
  background-image: url("../img/summary/bg.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center center; }
  @media (min-width: 769px) {
    .summary {
      padding-bottom: 80px; } }
  @media (max-width: 768px) {
    .summary {
      padding-bottom: 40px; } }

.summary__title {
  margin: auto; }
  @media (min-width: 769px) {
    .summary__title .ispc {
      padding-top: 75px;
      width: 729px;
      height: 41px; } }
  @media (max-width: 768px) {
    .summary__title .issp {
      padding-top: 36px;
      width: 210px;
      height: 53px; } }

.summary__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .summary__desc {
      width: 729px;
      margin-top: 53px; } }
  @media (max-width: 768px) {
    .summary__desc {
      padding: 0 15px;
      box-sizing: border-box;
      margin-top: 28px; } }

@media (min-width: 769px) {
  .summary__btn {
    margin-top: 54px; } }

@media (max-width: 768px) {
  .summary__btn {
    margin-top: 28px; } }

.summary__img {
  position: relative;
  margin: auto;
  z-index: 5; }
  @media (min-width: 769px) {
    .summary__img {
      width: 600px; } }
  @media (max-width: 768px) {
    .summary__img {
      width: 93.75%; } }

@media (min-width: 769px) {
  .summary__img__group:nth-of-type(1) {
    position: absolute;
    left: -26.5vw; }
    .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(1) {
      position: absolute;
      top: 53px;
      left: 25px;
      width: 121px;
      height: 121px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; } }
    @media (min-width: 769px) and (max-width: 1024px) and (min-width: 768px) {
      .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(1) {
        left: 15px; } }

@media (min-width: 769px) {
    .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(2) {
      position: absolute;
      top: 244px;
      left: -35px;
      width: 216px;
      height: 216px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; } }
    @media (min-width: 769px) and (max-width: 1024px) and (min-width: 768px) {
      .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(2) {
        left: -85px; } }

@media (min-width: 769px) {
    .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(3) {
      position: absolute;
      top: 500px;
      left: 177px;
      width: 128px;
      height: 128px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; }
  .summary__img__group:nth-of-type(2) {
    position: absolute;
    right: -26.5vw; }
    .summary__img__group:nth-of-type(2) .summary__img__item:nth-of-type(1) {
      position: absolute;
      top: 78px;
      right: -25px;
      width: 143px;
      height: 143px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; }
    .summary__img__group:nth-of-type(2) .summary__img__item:nth-of-type(2) {
      position: absolute;
      top: 274px;
      right: 20px;
      width: 212px;
      height: 211px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; } }
    @media (min-width: 769px) and (max-width: 1024px) and (min-width: 768px) {
      .summary__img__group:nth-of-type(2) .summary__img__item:nth-of-type(2) {
        top: 294px;
        right: -55px; } }

@media (max-width: 768px) {
  .summary__img__group:nth-of-type(1) {
    position: absolute;
    left: -144px; }
    .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(1) {
      display: none; }
    .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(2) {
      position: absolute;
      top: 420px;
      left: 123px;
      width: 53px;
      height: 53px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; }
    .summary__img__group:nth-of-type(1) .summary__img__item:nth-of-type(3) {
      position: absolute;
      top: 12px;
      left: 115px;
      width: 60px;
      height: 60px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; }
  .summary__img__group:nth-of-type(2) {
    position: absolute;
    right: -144px; }
    .summary__img__group:nth-of-type(2) .summary__img__item:nth-of-type(1) {
      position: absolute;
      top: 52px;
      right: 130px;
      width: 46px;
      height: 46px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; }
    .summary__img__group:nth-of-type(2) .summary__img__item:nth-of-type(2) {
      position: absolute;
      top: 400px;
      right: 120px;
      width: 75px;
      height: 75px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; } }

/*************** main ***************/
.main {
  width: 100%;
  position: relative; }

/*************** about ***************/
#about {
  position: relative;
  width: 100%;
  background-color: #f7f7f7; }
  @media (min-width: 769px) {
    #about {
      padding-bottom: 80px; } }
  @media (max-width: 768px) {
    #about {
      padding-bottom: 40px; } }

.about__title {
  margin: auto; }
  @media (min-width: 769px) {
    .about__title {
      width: 264px;
      height: 78px;
      padding-top: 80px; } }
  @media (max-width: 768px) {
    .about__title {
      width: 160px;
      height: 48px;
      padding-top: 40px; } }

.about__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .about__desc {
      min-width: 700px;
      max-width: 800px;
      padding: 44px 0 57px 0; } }
  @media (max-width: 768px) {
    .about__desc {
      padding: 32px 15px 44px 15px;
      box-sizing: border-box; } }

/*************** works ***************/
.works {
  position: relative;
  width: 100%;
  margin: auto; }

.works__item {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  margin: auto; }
  @media (min-width: 769px) {
    .works__item {
      height: 220px; } }
  @media (max-width: 768px) {
    .works__item {
      height: 110px; } }

.works__item ul {
  height: 100%;
  float: left;
  display: inline;
  overflow: hidden; }
  .works__item ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden; }

.works__item li {
  float: left;
  display: inline;
  overflow: hidden; }
  @media (min-width: 769px) {
    .works__item li {
      width: 300px;
      height: 220px; } }
  @media (max-width: 768px) {
    .works__item li {
      width: 150px;
      height: 110px; } }

.works__item__inner {
  top: 0;
  left: 0;
  overflow: hidden;
  position: relative;
  margin: auto; }

/*************** contents ***************/
#contents {
  position: relative;
  width: 100%; }

.contents__title {
  margin: auto; }
  @media (min-width: 769px) {
    .contents__title {
      width: 671px;
      height: 91px;
      padding-top: 80px; } }
  @media (max-width: 768px) {
    .contents__title {
      width: 277px;
      height: 78px;
      padding-top: 40px; } }

.contents__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .contents__desc {
      width: 80%;
      min-width: 700px;
      max-width: 800px;
      padding: 47px 0 80px 0; } }
  @media (max-width: 768px) {
    .contents__desc {
      padding: 31px 15px 40px 15px;
      box-sizing: border-box; } }

/*************** booth ***************/
.booth {
  position: relative;
  width: 100%; }
  @media (min-width: 769px) {
    .booth {
      margin-bottom: 80px; } }
  @media (max-width: 768px) {
    .booth {
      margin-bottom: 40px; } }

.booth__title {
  margin: auto;
  position: relative; }
  @media (min-width: 769px) {
    .booth__title {
      width: 337px;
      height: 28px;
      margin-bottom: 35px; } }
  @media (max-width: 768px) {
    .booth__title {
      margin-bottom: 17px;
      width: 80%; } }
  @media (min-width: 769px) {
    .booth__title img {
      width: 337px; } }
  @media (max-width: 768px) {
    .booth__title img {
      width: 80%;
      margin-right: 0; } }

.booth__group {
  margin: auto;
  position: relative;
  width: 100%;
  margin-top: 60px; }
  @media (min-width: 769px) {
    .booth__group {
      max-width: 1045px; } }

.booth__item {
  position: relative;
  width: 100%;
  margin-bottom: 27px; }

[data-color="red"] {
  background-color: #f15075; }
  [data-color="red"] .booth__item__inner {
    background-image: url("../img/booth/pattern_red.png"); }
  [data-color="red"] .booth__item__btn-open {
    background-image: url("../img/booth/btn_open_red.png"); }
  [data-color="red"] .booth__item__btn-close {
    background-image: url("../img/booth/btn_close_red.png"); }

[data-color="yellow"] {
  background-color: #eed634; }
  [data-color="yellow"] .booth__item__inner {
    background-image: url("../img/booth/pattern_yellow.png"); }
  [data-color="yellow"] .booth__item__btn-open {
    background-image: url("../img/booth/btn_open_yellow.png"); }
  [data-color="yellow"] .booth__item__btn-close {
    background-image: url("../img/booth/btn_close_yellow.png"); }

[data-color="green"] {
  background-color: #22c564; }
  [data-color="green"] .booth__item__inner {
    background-image: url("../img/booth/pattern_green.png"); }
  [data-color="green"] .booth__item__btn-open {
    background-image: url("../img/booth/btn_open_green.png"); }
  [data-color="green"] .booth__item__btn-close {
    background-image: url("../img/booth/btn_close_green.png"); }

[data-color="blue"] {
  background-color: #2179dc; }
  [data-color="blue"] .booth__item__inner {
    background-image: url("../img/booth/pattern_blue.png"); }
  [data-color="blue"] .booth__item__btn-open {
    background-image: url("../img/booth/btn_open_blue.png"); }
  [data-color="blue"] .booth__item__btn-close {
    background-image: url("../img/booth/btn_close_blue.png"); }

.booth__item__inner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background-repeat: repeat-y;
  background-position: top center; }
  @media (min-width: 769px) {
    .booth__item__inner {
      padding: 32px; } }
  @media (max-width: 768px) {
    .booth__item__inner {
      padding: 30px 15px; } }

@media (min-width: 769px) {
  .booth__item__pic {
    position: absolute;
    top: 30px;
    right: 33px; } }

@media (max-width: 768px) {
  .booth__item__pic {
    position: relative;
    width: 100%;
    margin: auto; } }

@media (min-width: 769px) {
  .booth__item__pic img {
    max-height: 250px;
    max-width: 450px; } }

@media (max-width: 1024px) and (min-width: 768px) {
  .booth__item__pic img {
    width: 80%;
    max-height: 200px;
    margin-right: 0; } }

@media (max-width: 768px) {
  .booth__item__pic img {
    width: 100%; } }

.booth__item__title {
  position: relative; }
  @media (min-width: 769px) {
    .booth__item__title {
      width: 55%;
      height: 130px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .booth__item__title {
      width: 50%;
      height: 100px; } }
  @media (max-width: 768px) {
    .booth__item__title {
      width: 100%;
      margin-top: 13px; } }

.booth__item__target {
  position: relative; }
  @media (min-width: 769px) {
    .booth__item__target {
      margin-top: 28px;
      width: 35%; } }
  @media (max-width: 768px) {
    .booth__item__target {
      margin-top: 24px;
      width: 100%; } }

.booth__item__logo {
  display: inline-block;
  content: "";
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle; }
  @media (min-width: 769px) {
    .booth__item__logo {
      margin-top: 12px;
      width: 40px;
      height: 55px; }
      .booth__item__logo img {
        width: 40px;
        height: 40px; } }
  @media (max-width: 768px) {
    .booth__item__logo {
      width: 25px;
      height: 40px;
      top: 13px; }
      .booth__item__logo img {
        width: 25px;
        height: 25px; } }

.booth__item__boothname {
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  @media (min-width: 769px) {
    .booth__item__boothname {
      width: 40%;
      padding-left: 8px;
      margin-top: -4px; } }
  @media (max-width: 768px) {
    .booth__item__boothname {
      margin-top: 12px;
      width: 85%;
      padding-left: 5px; } }

.booth__item__contents {
  position: relative;
  width: 100%;
  background-color: #fff; }
  @media (min-width: 769px) {
    .booth__item__contents {
      margin-top: 31px;
      padding-bottom: 34px; } }
  @media (max-width: 768px) {
    .booth__item__contents {
      margin-top: 18px;
      padding-bottom: 34px; } }

.booth__item__description {
  margin: auto;
  position: relative; }
  @media (min-width: 769px) {
    .booth__item__description {
      padding: 21px 30px 0; } }
  @media (max-width: 768px) {
    .booth__item__description {
      width: 90%;
      padding-top: 20px; } }

.booth__item__btn-open {
  margin: auto;
  position: relative;
  margin-top: 20px;
  width: 169px;
  height: 33px;
  display: block;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }
  .booth__item__btn-open:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.booth__item__btn-close {
  margin: auto;
  position: relative;
  margin-top: 30px;
  width: 169px;
  height: 33px;
  display: block;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }
  .booth__item__btn-close:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.booth__presenter {
  margin: auto;
  position: relative;
  width: 100%;
  max-width: 900px;
  display: block;
  text-align: justify; }
  @media (max-width: 768px) {
    .booth__presenter {
      padding: 0 15px;
      box-sizing: border-box; } }
  .booth__presenter:after {
    content: "";
    display: inline-block;
    width: 100%; }

.booth__presenter__title {
  margin: auto; }
  @media (min-width: 769px) {
    .booth__presenter__title {
      width: 100%;
      max-width: 899px;
      margin-top: 40px;
      margin-bottom: 18px; } }
  @media (max-width: 768px) {
    .booth__presenter__title {
      width: 100%;
      margin-top: 30px;
      margin-bottom: 20px; } }

.booth__presenter__list {
  vertical-align: top;
  position: relative;
  margin: auto;
  width: 100%; }
  @media (min-width: 769px) {
    .booth__presenter__list {
      width: 47%;
      display: inline-block; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .booth__presenter__list {
      width: 60%;
      display: block; } }
  @media (max-width: 768px) {
    .booth__presenter__list {
      width: 100%;
      display: block; } }

.booth__presenter__list__inner {
  position: relative;
  margin: auto;
  max-width: 100%;
  min-height: 64px;
  margin: 22px 0 10px 0; }
  @media (max-width: 768px) {
    .booth__presenter__list__inner {
      margin: auto;
      width: 100%;
      max-width: 250px; } }

.booth__presenter__list__pic {
  margin: auto;
  position: absolute;
  width: 64px;
  height: 64px; }
  .booth__presenter__list__pic img {
    border-radius: 50%; }
  @media (max-width: 768px) {
    .booth__presenter__list__pic {
      margin: auto;
      width: 52px;
      height: 52px; } }

.booth__presenter__list__name {
  margin: auto;
  position: absolute;
  width: 120px;
  height: 29px; }
  @media (min-width: 769px) {
    .booth__presenter__list__name {
      top: 18px;
      left: 90px; } }
  @media (max-width: 768px) {
    .booth__presenter__list__name {
      top: 14px;
      left: 65px; } }
  .booth__presenter__list__name p:after {
    content: "";
    display: inline-block;
    width: 6.5px;
    height: 16px;
    position: relative;
    left: 7px;
    background: url("../img/booth/presenter_name_arrow.png") no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top; }
    @media (min-width: 769px) {
      .booth__presenter__list__name p:after {
        top: 7px; } }
    @media (max-width: 768px) {
      .booth__presenter__list__name p:after {
        top: 4px; } }
  .booth__presenter__list__name.href_none a {
    color: #555; }
  .booth__presenter__list__name.href_none a:hover, .booth__presenter__list__name.href_none a:hover p {
    pointer-events: none;
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .booth__presenter__list__name.href_none p:after {
    background: url("../img/booth/presenter_name_arrow_gray.png") no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top; }

.booth__presenter__list__position {
  width: 200px;
  height: 38px;
  position: absolute;
  margin: auto; }
  @media (min-width: 769px) {
    .booth__presenter__list__position {
      top: 13px;
      left: 232px; } }
  @media (max-width: 768px) {
    .booth__presenter__list__position {
      bottom: 26px;
      left: 175px; } }

.booth__presenter__list__horizon {
  position: relative;
  width: 100%;
  height: 2px;
  background-image: url("../img/booth/presenter_horizon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center; }
  @media (max-width: 768px) {
    .booth__presenter__list__horizon {
      margin: auto;
      width: 100%;
      max-width: 300px;
      margin-bottom: 10px; } }

.booth__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .booth__desc {
      width: 80%;
      min-width: 750px;
      max-width: 820px;
      margin-top: 29px;
      margin-bottom: 50px; } }
  @media (max-width: 768px) {
    .booth__desc {
      padding: 0 20px;
      margin-top: -18px;
      box-sizing: border-box; } }

@media (min-width: 769px) {
  .booth__btn {
    margin-top: 50px; } }

@media (max-width: 768px) {
  .booth__btn {
    margin-top: 21px; } }

/*************** seminar ***************/
.seminar {
  position: relative;
  width: 100%;
  background-color: #bee9ff;
  margin: auto; }
  @media (max-width: 768px) {
    .seminar {
      padding: 0 15px;
      box-sizing: border-box; } }

.seminar__bg {
  width: 120vw;
  margin-left: -15px;
  background-image: url("../img/seminar/bg.png");
  background-size: cover;
  background-repeat: repeat-x; }
  @media (min-width: 769px) {
    .seminar__bg {
      height: 28px; } }
  @media (max-width: 768px) {
    .seminar__bg {
      height: 24px; } }

.seminar__title {
  margin: auto;
  position: relative; }
  @media (min-width: 769px) {
    .seminar__title {
      width: 367px;
      height: 28px;
      margin-top: 90px;
      margin-bottom: 40px; } }
  @media (max-width: 768px) {
    .seminar__title {
      margin-top: 35px;
      margin-bottom: 35px; } }
  @media (max-width: 768px) {
    .seminar__title img {
      width: 80%;
      margin-right: 0; } }

.seminar__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .seminar__desc {
      width: 85%;
      min-width: 700px;
      max-width: 1800px;
      margin-top: 45px;
      text-align: center; } }
  @media (max-width: 768px) {
    .seminar__desc {
      width: 270px;
      margin-top: 30px; }
      .seminar__desc.font-desc--bold {
        text-align: center; } }

.seminar__group {
  position: relative;
  width: 100%; }
  @media (min-width: 769px) {
    .seminar__group {
      max-width: 1045px;
      margin-bottom: 80px; } }
  @media (max-width: 768px) {
    .seminar__group {
      max-width: 1045px;
      margin-bottom: 40px; } }

.seminar__list {
  background-color: #fff;
  width: 100%; }
  @media (min-width: 769px) {
    .seminar__list {
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .seminar__list {
      margin-bottom: 18px; } }

.seminar__list__inner {
  position: relative;
  margin: auto;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 769px) {
    .seminar__list__inner {
      padding: 35px 53px; } }
  @media (max-width: 768px) {
    .seminar__list__inner {
      padding: 21px; } }

@media (max-width: 768px) {
  .seminar__list__image {
    position: relative;
    width: 100%;
    margin: auto; } }

@media (min-width: 769px) {
  .seminar__list__image {
    width: 40%;
    position: absolute;
    margin: auto;
    top: 45px;
    right: 53px; } }

.seminar__list__image img {
  border-radius: 10px; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .seminar__list__image img {
      max-width: 245px;
      max-height: 180px;
      margin-right: 0; } }
  @media (max-width: 768px) {
    .seminar__list__image img {
      width: 100%; } }

@media (min-width: 769px) {
  .seminar__list:nth-of-type(2) .seminar__list__image {
    top: 65px; } }

.seminar__list__time {
  position: relative;
  margin-left: 5px; }
  @media (min-width: 769px) {
    .seminar__list__time {
      max-width: 455px; } }
  @media (max-width: 768px) {
    .seminar__list__time {
      width: 100%;
      margin-top: 18px; } }
  .seminar__list__time:before {
    content: "";
    display: inline-block;
    width: 31px;
    height: 31px;
    position: relative;
    top: -5px;
    left: -5px;
    background: url("../img/seminar/watch.png") no-repeat;
    background-size: contain;
    vertical-align: middle; }

@media (min-width: 769px) {
  .seminar__list__title {
    max-width: 455px;
    min-height: 78px; } }

@media (max-width: 768px) {
  .seminar__list__title {
    margin-top: 13px;
    width: 100%; } }

@media (min-width: 769px) {
  .seminar__list__presenter {
    max-width: 455px;
    margin-top: 13px; } }

@media (max-width: 768px) {
  .seminar__list__presenter {
    width: 100%;
    margin-top: 23px; } }

@media (min-width: 769px) {
  .seminar__list__description {
    width: 48%;
    max-width: 455px;
    position: relative;
    margin-top: 29px; } }

@media (max-width: 1024px) and (min-width: 768px) {
  .seminar__list__description {
    width: 100%;
    max-width: 100%;
    margin-top: 46px; } }

@media (max-width: 768px) {
  .seminar__list__description {
    width: 100%;
    margin-top: 22px; } }

/*************** shigototen ***************/
.shigototen {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 0 15px;
  box-sizing: border-box; }

.shigototen__title {
  margin: auto;
  position: relative; }
  @media (min-width: 769px) {
    .shigototen__title {
      width: 367px;
      height: 28px;
      margin-top: 80px; } }
  @media (max-width: 768px) {
    .shigototen__title {
      margin-top: 35px;
      margin-bottom: 35px; } }
  @media (max-width: 768px) {
    .shigototen__title img {
      width: 80%;
      margin-right: 0; } }

.shigototen__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .shigototen__desc {
      width: 85%;
      min-width: 700px;
      max-width: 800px;
      margin-top: 45px; } }
  @media (max-width: 768px) {
    .shigototen__desc {
      width: 100%;
      margin-top: 30px; } }

.shigototen__keyvisual {
  margin: auto; }
  @media (min-width: 769px) {
    .shigototen__keyvisual {
      width: 700px;
      margin: auto;
      margin-top: 38px; } }
  @media (max-width: 768px) {
    .shigototen__keyvisual {
      width: 100%;
      margin-top: 33px; } }

@media (min-width: 769px) {
  .shigototen__btn {
    margin-top: 50px;
    margin-bottom: 80px; } }

@media (max-width: 768px) {
  .shigototen__btn {
    margin-top: 30px;
    margin-bottom: 40px; } }

/*************** access ***************/
#access {
  width: 100%;
  position: relative;
  margin: auto;
  background-color: #f7f7f7;
  padding: 0 15px;
  box-sizing: border-box; }

.access__title {
  margin: auto;
  position: relative; }
  @media (min-width: 769px) {
    .access__title {
      width: 292px;
      height: 94px;
      padding-top: 80px;
      margin-bottom: 52px; } }
  @media (max-width: 768px) {
    .access__title {
      width: 160px;
      height: 51.5px;
      padding-top: 40px;
      margin-bottom: 29px; } }

.access__overview {
  margin: auto; }
  @media (min-width: 769px) {
    .access__overview {
      width: 736px;
      height: 73px;
      margin-bottom: 60px; } }
  @media (max-width: 768px) {
    .access__overview {
      width: 95%;
      margin-bottom: 31px; } }

.access__map {
  margin: auto; }
  @media (min-width: 769px) {
    .access__map {
      width: 800px;
      max-width: 95%;
      height: 460px; } }
  @media (max-width: 768px) {
    .access__map {
      width: 95%;
      height: 200px; } }

.access__detail {
  margin: auto; }
  @media (min-width: 769px) {
    .access__detail {
      width: 800px;
      max-width: 95%; } }
  @media (max-width: 768px) {
    .access__detail {
      width: 100%; } }

.access__place {
  margin-top: 26px; }

.access__address {
  margin-top: 3px; }

.access__note {
  margin-top: 16px; }

@media (min-width: 769px) {
  .access__btn {
    margin-top: 62px;
    padding-bottom: 80px; } }

@media (max-width: 768px) {
  .access__btn {
    margin-top: 30px;
    padding-bottom: 40px; } }

/*************** recruit ***************/
.recruit {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 0 15px;
  box-sizing: border-box; }

.recruit__title {
  margin: auto;
  position: relative; }
  @media (min-width: 769px) {
    .recruit__title {
      width: 396px;
      height: 34px;
      padding-top: 80px;
      margin-bottom: 52px; } }
  @media (max-width: 768px) {
    .recruit__title {
      width: 252px;
      height: 21.5px;
      padding-top: 40px;
      margin-bottom: 35px; } }
  @media (min-width: 769px) {
    .recruit__title img {
      width: 396px;
      height: 34px; } }
  @media (max-width: 768px) {
    .recruit__title img {
      width: 252px;
      height: 21.5px; } }

.recruit__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .recruit__desc {
      max-width: 810px;
      min-width: 750px;
      margin-bottom: 22px; } }
  @media (max-width: 768px) {
    .recruit__desc {
      margin-bottom: 19px; } }

.recruit__table {
  width: 100%;
  margin-bottom: 24px; }

@media (max-width: 768px) {
  table, tbody, tr, th, td {
    display: block; } }

table.recruit-table {
  width: 100%;
  max-width: 800px;
  margin: auto;
  border-bottom: 1px solid #e8e8e8; }

@media (min-width: 769px) {
  .recruit-table__tr {
    height: 82px; }
    .recruit-table__tr:nth-of-type(2n+1) {
      background-color: #f7f7f7; }
    .recruit-table__tr:nth-of-type(2n) {
      background-color: #fff; } }

.recruit-table__td {
  vertical-align: middle;
  padding-left: 12px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 24px; }
  @media (min-width: 769px) {
    .recruit-table__td {
      border: 1px solid #e8e8e8; }
      .recruit-table__td:nth-of-type(1) {
        width: 190px;
        font-weight: bold; } }
  @media (max-width: 768px) {
    .recruit-table__td {
      border-top: 1px solid #e8e8e8;
      border-left: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8; }
      .recruit-table__td:nth-of-type(2n+1) {
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-weight: bold;
        background-color: #f7f7f7; }
      .recruit-table__td:nth-of-type(2n) {
        background-color: #fff;
        padding: 16px 11px; } }

.recruit__btn {
  margin: auto; }
  @media (min-width: 769px) {
    .recruit__btn {
      width: 510px;
      height: 83px;
      text-align: justify; }
      .recruit__btn:after {
        content: "";
        display: inline-block;
        width: 100%; } }
  @media (max-width: 768px) {
    .recruit__btn {
      width: 100%; } }

@media (min-width: 769px) {
  .recruit__btn_fresh, .recruit__btn_career {
    display: inline-block; } }

@media (max-width: 768px) {
  .recruit__btn_fresh, .recruit__btn_career {
    margin-bottom: 12px; } }

/*************** contact ***************/
.contact {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 0 15px;
  box-sizing: border-box; }

.contact__title {
  margin: auto;
  margin-bottom: 35px; }
  @media (min-width: 769px) {
    .contact__title {
      width: 214px;
      height: 34px;
      padding-top: 90px; } }
  @media (max-width: 768px) {
    .contact__title {
      width: 139px;
      height: 21.7px;
      padding-top: 50px; } }
  @media (min-width: 769px) {
    .contact__title img {
      width: 214px;
      height: 34px; } }
  @media (max-width: 768px) {
    .contact__title img {
      width: 139px;
      height: 21.7px; } }

.contact__desc {
  margin: auto; }
  @media (min-width: 769px) {
    .contact__desc {
      margin-bottom: 70px; }
      .contact__desc.font-desc--normal {
        text-align: center; } }
  @media (max-width: 768px) {
    .contact__desc {
      margin-bottom: 60px; } }

/*************** last ***************/
.last {
  width: 100%;
  position: relative;
  margin: auto;
  padding: 0 15px;
  box-sizing: border-box; }
  .last .last__inner {
    margin: auto; }
    @media (min-width: 769px) {
      .last .last__inner {
        width: 720px;
        margin-bottom: 75px; } }
    @media (max-width: 768px) {
      .last .last__inner {
        width: 100%;
        margin-bottom: 41px; } }

.last__title {
  background-color: #01bcf6;
  width: 100%;
  border-radius: 8px 8px 0 0; }
  @media (min-width: 769px) {
    .last__title {
      height: 43px; } }
  @media (max-width: 768px) {
    .last__title {
      height: 33px; } }
  .last__title.font-last--listtitle {
    text-align: center;
    margin: auto; }

.last__contents {
  background-color: #f2f2f2;
  width: 100%;
  border-radius: 0 0 8px 8px; }
  @media (min-width: 769px) {
    .last__contents {
      height: 224px; } }
  @media (max-width: 768px) {
    .last__contents {
      height: 173px; } }

.last__contents-inner {
  margin: auto;
  text-align: justify; }
  @media (min-width: 769px) {
    .last__contents-inner {
      width: 400px; } }
  @media (max-width: 768px) {
    .last__contents-inner {
      width: 80%; } }
  .last__contents-inner:after {
    content: "";
    display: inline-block;
    width: 100%; }

.last__contents_item {
  display: inline-block;
  vertical-align: top; }
  @media (min-width: 769px) {
    .last__contents_item {
      margin-top: 25px; } }
  @media (max-width: 768px) {
    .last__contents_item {
      margin-top: 22px; } }

.last-item__image {
  margin: auto;
  padding-bottom: 4px; }
  @media (min-width: 769px) {
    .last-item__image {
      width: 137px;
      height: 137px; } }
  @media (max-width: 768px) {
    .last-item__image {
      width: 100px;
      height: 100px; } }

.font-last--sitename {
  text-align: center; }
  .font-last--sitename:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: -3px;
    left: -5px;
    background: url("../img/last/linkicon.png") no-repeat;
    background-size: contain;
    vertical-align: middle; }

/*************** footer ***************/
.footer {
  width: 100%;
  margin: auto;
  background-color: #f2f2f2; }

.footer__share {
  margin: auto; }
  @media (min-width: 769px) {
    .footer__share {
      text-align: justify;
      width: 350px;
      padding-left: 40px;
      padding-top: 40px; }
      .footer__share:after {
        content: "";
        display: inline-block;
        width: 100%; }
      .footer__share .share__row {
        display: inline;
        height: 22px; }
        .footer__share .share__row * {
          vertical-align: top;
          display: inline-block; } }
  @media (max-width: 768px) {
    .footer__share {
      height: 45px;
      padding-top: 20px;
      margin-bottom: 10px; } }

.footer__co-locate {
  margin: auto; }
  @media (min-width: 769px) {
    .footer__co-locate {
      width: 568px; } }
  @media (max-width: 768px) {
    .footer__co-locate {
      width: 100%;
      padding: 0 17px;
      box-sizing: border-box; } }

.footer__co-locate__title {
  width: 80%;
  margin: auto;
  text-align: center; }

.footer__copyright {
  margin: auto;
  background-color: #4d4d4d; }
  @media (min-width: 769px) {
    .footer__copyright {
      height: 90px;
      margin-top: 40px; } }
  @media (max-width: 768px) {
    .footer__copyright {
      height: 70px;
      margin-top: 20px; } }
  .footer__copyright.font-footer--copyright {
    text-align: center; }

iframe[name="google_conversion_frame"] {
  position: absolute;
  top: 0; }