@charset "UTF-8";
/* *****************************
 *
 * Import file to Scss or Sass.
 *
 **************************** */
/* ----------------------------------------------------------------
* reset *
----------------------------------------------------------------- */
hrml, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; }

ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

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

object, embed {
  vertical-align: top; }

legend {
  display: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

img, abbr, acronym, fieldset {
  border: 0; }

body {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif; }

a {
  text-decoration: none; }

a:active, a:focus, input:active, input:focus {
  outline: 0; }

section {
  width: 100%; }

.wrap {
  overflow: hidden;
  position: relative; }

/* リセット */
/* Scss Document */
/* ----------------------------------------------------------------
ブレークポイント設定
----------------------------------------------------------------- */
/* mixin */
/* Scss Document */
/* ----------------------------------------------------------------
共通パーツ
----------------------------------------------------------------- */
html {
  font-size: 62.5%; }

.bg-arrow {
  position: relative; }
  .bg-arrow::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    background-size: auto auto;
    background: url(../img/bg-arrow.jpg); }

.bg-cross {
  background: url(../img/bg-cross.jpg);
  z-index: -1;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 480px) {
    .bg-cross {
      /*  480px  */
      /*  480px  */
      background: url(../img/bg-cross_sp.jpg); } }

img {
  display: block;
  width: 100%;
  height: auto; }

.fadein {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.3s; }

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.sidein {
  opacity: 0;
  transform: translate(10px, 0);
  transition: all 1.0s; }

.sidein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.pcClass {
  display: block; }
  @media (max-width: 1280px) {
    .pcClass {
      /*  1280px  */
      /*  1280px  */
      display: block; } }
  @media (max-width: 1024px) {
    .pcClass {
      /*  1024px  */
      /*  1024px  */
      display: none; } }
  @media (max-width: 768px) {
    .pcClass {
      /*  768px  */
      /*  768px  */
      display: none; } }
  @media (max-width: 480px) {
    .pcClass {
      /*  480px  */
      /*  480px  */
      display: none; } }
  @media (max-width: 320px) {
    .pcClass {
      /*  320px  */
      /*  320px  */
      display: none; } }

.spClass {
  display: none; }
  @media (max-width: 1280px) {
    .spClass {
      /*  1280px  */
      /*  1280px  */
      display: none; } }
  @media (max-width: 1024px) {
    .spClass {
      /*  1024px  */
      /*  1024px  */
      display: block; } }
  @media (max-width: 768px) {
    .spClass {
      /*  768px  */
      /*  768px  */
      display: block; } }
  @media (max-width: 480px) {
    .spClass {
      /*  480px  */
      /*  480px  */
      display: block; } }
  @media (max-width: 320px) {
    .spClass {
      /*  320px  */
      /*  320px  */
      display: block; } }

h2 {
  font-size: 4.0rem; }

h3 {
  font-size: 3.2rem; }

h4 {
  font-size: 2.0rem; }

p {
  font-size: 1.4rem;
  line-height: 2; }

a {
  color: #000000; }

::selection {
  background: #4ac6c6;
  color: #15474f; }

/* for Firefox */
::-moz-selection {
  background: #4ac6c6;
  color: #15474f; }

/* 共通パーツCSS */
/* ----------------------------------------------------------------
header PC
----------------------------------------------------------------- */
.header-gn {
  display: block;
  width: 100%;
  z-index: 1000;
  position: fixed;
  transition: 0.15s;
  background-color: #FFFFFF;
  border-bottom: solid 2px #000000; }
  @media (max-width: 768px) {
    .header-gn {
      /*  768px  */
      /*  768px  */
      display: none; } }
  .header-gn__nav {
    max-width: 1300px;
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    transition: 0.15s; }
    .header-gn__nav--logo {
      width: 160px; }
    .header-gn__nav__menu {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .header-gn__nav__menu__wrap {
        transition: all 0.3s;
        text-align: center;
        line-height: 1.5;
        border-right: solid 2px #000000; }
        .header-gn__nav__menu__wrap:last-child {
          border-right: none; }
        .header-gn__nav__menu__wrap--jp {
          font-size: 1.3rem;
          display: block;
          color: #000000; }
        .header-gn__nav__menu__wrap--en {
          font-size: 1.0rem;
          color: #39aec9; }
        .header-gn__nav__menu__wrap a {
          transition: all 0.3s;
          padding: 0 15px;
          display: block; }
          .header-gn__nav__menu__wrap a:hover {
            letter-spacing: 0.15em; }

/* ----------------------------------------------------------------
header SP
----------------------------------------------------------------- */
.header-gn-sp {
  display: none;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 10000;
  position: relative;
  padding: 10px 0 10px 0;
  position: fixed;
  height: 60px;
  box-sizing: border-box;
  border-bottom: solid 2px #000000; }
  @media (max-width: 768px) {
    .header-gn-sp {
      /*  768px  */
      /*  768px  */
      display: block; } }
  .header-gn-sp__inner {
    z-index: 10;
    margin: 0 auto;
    width: 90%;
    align-items: center; }
    .header-gn-sp__inner--logo {
      width: 140px;
      transition: all 0.3s; }

.slide_btn {
  position: absolute;
  background-color: #000000;
  top: 0px;
  right: 0px;
  display: block;
  width: 60px;
  height: 60px;
  z-index: 110; }

.topBar {
  background: #FFFFFF;
  height: 2px;
  width: 50%;
  position: absolute;
  top: 30%;
  left: 25%; }

.middleBar {
  background: #FFFFFF;
  height: 2px;
  width: 50%;
  position: absolute;
  top: 47%;
  left: 25%; }

.bottomBar {
  background: #FFFFFF;
  height: 2px;
  width: 30%;
  position: absolute;
  top: 64%;
  left: 25%; }

.open .bottomBar {
  width: 50%; }

span.menu {
  bottom: 20px;
  font-size: 10px; }

.menu-list {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #39aec9; }
  .menu-list__item {
    background-color: #FFFFFF;
    text-align: center;
    height: 100vh;
    box-sizing: border-box;
    border: solid 24px #39aec9;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .menu-list__item::before {
      content: "";
      border: solid 4px #000;
      width: 100%;
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      box-sizing: border-box; }
    .menu-list__item__link {
      text-align: left;
      margin: 0 25px;
      font-size: 1.8rem;
      border-bottom: solid 2px #000000;
      position: relative; }
      .menu-list__item__link a {
        display: block;
        padding: 25px 10px 25px 10px; }
      @media (max-width: 320px) {
        .menu-list__item__link {
          /*  320px  */
          /*  320px  */
          margin: 0 15px; } }
      .menu-list__item__link--en {
        width: 80px;
        font-size: 1.2rem;
        color: #39aec9;
        display: inline-block; }
      .menu-list__item__link--jp {
        font-size: 1.6rem; }
      .menu-list__item__link::after {
        content: url(../img/btn-icon.svg);
        top: 25px;
        position: absolute;
        right: 10px;
        width: 17px; }

/* ヘッダーCSS */
/* ----------------------------------------------------------------
下層ページ CSS
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
メインビジュアル
----------------------------------------------------------------- */
.keyvisual {
  margin: 80px 0 0 0;
  padding: 60px 0 100px 0; }
  @media (max-width: 768px) {
    .keyvisual {
      /*  768px  */
      /*  768px  */
      margin: 60px 0 0 0; } }
  @media (max-width: 480px) {
    .keyvisual {
      /*  480px  */
      /*  480px  */
      padding: 40px 0 60px 0; } }
  .keyvisual .pc-img {
    display: block; }
    @media (max-width: 768px) {
      .keyvisual .pc-img {
        /*  768px  */
        /*  768px  */
        display: none; } }
  .keyvisual .sp-img {
    display: none; }
    @media (max-width: 768px) {
      .keyvisual .sp-img {
        /*  768px  */
        /*  768px  */
        display: block; } }
  .keyvisual__inner {
    position: relative;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    animation: 0.8s bouncein 0.5s forwards;
    opacity: 0; }
@keyframes bouncein {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  80% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }
/* ----------------------------------------------------------------
イベント概要
----------------------------------------------------------------- */
.event {
  padding: 60px 0 80px 0; }
  .event__inner {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    text-align: center; }
    .event__inner .event-title {
      max-width: 185px;
      width: 100%;
      margin: 0 0 30px 0;
      display: inline-block; }
    .event__inner .event-detail {
      background-color: #FFFFFF;
      border: solid 2px #000000;
      padding: 50px 100px 50px 100px;
      position: relative; }
      @media (max-width: 768px) {
        .event__inner .event-detail {
          /*  768px  */
          /*  768px  */
          padding: 50px 20px 50px 20px; } }
      .event__inner .event-detail::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 20px;
        left: 20px;
        border-radius: 8px;
        z-index: -1;
        background-size: auto auto;
        background-image: repeating-linear-gradient(130deg, transparent, transparent 4px, #c3c3c3 4px, #c3c3c3 6px); }
      .event__inner .event-detail__title {
        font-size: 1.8rem;
        margin: 0 0 40px 0;
        position: relative;
        text-align: center; }
        .event__inner .event-detail__title::after {
          position: absolute;
          border: solid 2px #39aec9;
          background-color: #39aec9;
          bottom: -15px;
          left: calc(50% - 40px);
          width: 75px;
          content: '';
          border-radius: 3px; }
      .event__inner .event-detail__text {
        margin: 0 0 30px 0;
        text-align: left; }
      .event__inner .event-detail__schedule {
        display: flex;
        max-width: 710px;
        width: 100%;
        margin: 0 auto;
        justify-content: space-between; }
        @media (max-width: 768px) {
          .event__inner .event-detail__schedule {
            /*  768px  */
            /*  768px  */
            flex-wrap: wrap;
            justify-content: center; } }
        .event__inner .event-detail__schedule--event {
          width: 300px;
          padding: 5px; }
          @media (max-width: 768px) {
            .event__inner .event-detail__schedule--event {
              /*  768px  */
              /*  768px  */
              width: 100%; } }
      .event__inner .event-detail__entry {
        margin: 40px 0 0 0;
        max-width: 710px;
        width: 90%;
        text-align: center;
        box-sizing: border-box;
        font-size: 1.6rem;
        display: inline-block;
        transition: all .3s;
        background-color: #000000;
        padding: 20px 10px 20px 10px;
        color: #FFFFFF; }
        .event__inner .event-detail__entry a {
          transition: all .3s;
          background-color: #000000;
          padding: 20px 10px 20px 10px;
          color: #FFFFFF;
          display: block; }
          .event__inner .event-detail__entry a:hover {
            background-color: #39aec9; }

/* ----------------------------------------------------------------
参加企業
----------------------------------------------------------------- */
.enteprise {
  padding: 60px 0 60px 0; }
  .enteprise__inner {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    /*タブ切り替え全体のスタイル*/
    /*ラジオボタンを全て消す*/
    /*選択されているタブのコンテンツのみを表示*/
    /*選択されているタブのスタイルを変える*/ }
    .enteprise__inner .enteprise-title {
      max-width: 340px;
      width: 100%;
      margin: 0 0 30px 0;
      display: inline-block; }
    .enteprise__inner .tab-area {
      margin-top: 50px;
      padding-bottom: 40px; }
      .enteprise__inner .tab-area__item {
        width: 200px;
        height: 50px;
        background-color: #d9d9d9;
        line-height: 50px;
        font-size: 1.8rem;
        text-align: center;
        color: #999999;
        display: block;
        float: left;
        font-weight: bold;
        transition: all 0.2s ease;
        cursor: pointer;
        margin: 0 10px 0 0;
        border-radius: 5px 5px 0px 0px; }
        @media (max-width: 480px) {
          .enteprise__inner .tab-area__item {
            /*  480px  */
            /*  480px  */
            width: 120px;
            font-size: 1.4rem; } }
        .enteprise__inner .tab-area__item:last-of-type {
          margin: 0 0 0 0; }
      .enteprise__inner .tab-area .tab_content {
        display: none;
        padding: 60px 80px 60px 80px;
        clear: both;
        overflow: hidden;
        background-color: #FFFFFF;
        border: solid 2px #000000;
        box-shadow: 15px 15px 0px -5px #295570; }
        @media (max-width: 480px) {
          .enteprise__inner .tab-area .tab_content {
            /*  480px  */
            /*  480px  */
            padding: 60px 30px 60px 30px; } }
        .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap {
          display: flex;
          margin: 0 0 50px 0; }
          @media (max-width: 768px) {
            .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap {
              /*  768px  */
              /*  768px  */
              flex-direction: column;
              align-items: center; } }
          .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap:last-of-type {
            margin: 0 0 0 0; }
          .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap--logo {
            width: 25%;
            padding: 0 40px 0 0;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media (max-width: 768px) {
              .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap--logo {
                /*  768px  */
                /*  768px  */
                width: 80%;
                padding: 0 0 20px 0; } }
          .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap--detail {
            width: 75%;
            text-align: left; }
            @media (max-width: 768px) {
              .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap--detail {
                /*  768px  */
                /*  768px  */
                width: 100%; } }
            .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap--detail .enteprise-name {
              font-size: 1.6rem;
              position: relative;
              font-weight: normal;
              margin: 0 0 35px 0;
              font-weight: bold; }
              .enteprise__inner .tab-area .tab_content__inner .enteprise-list__wrap--detail .enteprise-name::after {
                position: absolute;
                border: solid 2px #39aec9;
                background-color: #39aec9;
                bottom: -15px;
                left: 0;
                width: 75px;
                content: '';
                border-radius: 3px; }
    .enteprise__inner input[name="tab-area__item"] {
      display: none; }
    .enteprise__inner #item_01:checked ~ #item_01_content, .enteprise__inner #item_02:checked ~ #item_02_content {
      display: block; }
    .enteprise__inner .tab-area input:checked + .tab-area__item {
      background-color: #000000;
      color: #fff; }

/* ----------------------------------------------------------------
 タイムテーブル
----------------------------------------------------------------- */
.timetable {
  padding: 60px 0 80px 0; }
  .timetable__inner {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    text-align: center; }
    .timetable__inner .timetable-title {
      max-width: 295px;
      width: 100%;
      margin: 0 0 30px 0;
      display: inline-block; }
    .timetable__inner .timetable-detail {
      background-color: #FFFFFF;
      border: solid 2px #000000;
      position: relative;
      display: flex; }
      @media (max-width: 768px) {
        .timetable__inner .timetable-detail {
          /*  768px  */
          /*  768px  */
          flex-direction: column; } }
      .timetable__inner .timetable-detail::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 20px;
        left: 20px;
        border-radius: 8px;
        z-index: -1;
        background-size: auto auto;
        background-image: repeating-linear-gradient(130deg, transparent, transparent 4px, #c3c3c3 4px, #c3c3c3 6px); }
      .timetable__inner .timetable-detail__wrap {
        width: 50%;
        padding: 40px 10px 40px 10px;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          .timetable__inner .timetable-detail__wrap {
            /*  768px  */
            /*  768px  */
            width: 100%; } }
        .timetable__inner .timetable-detail__wrap--date {
          max-width: 310px;
          width: 100%;
          margin: 0 auto;
          margin-bottom: 20px; }
        .timetable__inner .timetable-detail__wrap--title {
          font-size: 2.5rem;
          margin: 0 0 40px 0;
          position: relative;
          text-align: center; }
          .timetable__inner .timetable-detail__wrap--title::after {
            position: absolute;
            border: solid 2px #39aec9;
            background-color: #39aec9;
            bottom: -15px;
            left: calc(50% - 40px);
            width: 75px;
            content: '';
            border-radius: 3px; }
        .timetable__inner .timetable-detail__wrap .time-list {
          padding: 0 40px 0 40px; }
          @media (max-width: 480px) {
            .timetable__inner .timetable-detail__wrap .time-list {
              /*  480px  */
              /*  480px  */
              padding: 0 10px 0 10px; } }
          .timetable__inner .timetable-detail__wrap .time-list__session {
            border: solid 2px #000000;
            border-radius: 5px;
            background-color: #39aec9;
            font-size: 2.0rem;
            padding: 10px 15px 10px 15px;
            text-align: left;
            color: #f6f5e1;
            margin: 0 0 30px 0;
            display: flex;
            flex-wrap: wrap; }
            @media (max-width: 480px) {
              .timetable__inner .timetable-detail__wrap .time-list__session {
                /*  480px  */
                /*  480px  */
                padding: 10px 10px 10px 10px; } }
            .timetable__inner .timetable-detail__wrap .time-list__session:last-child {
              margin: 0; }
            .timetable__inner .timetable-detail__wrap .time-list__session--time {
              width: 20%;
              box-sizing: border-box; }
              @media (max-width: 768px) {
                .timetable__inner .timetable-detail__wrap .time-list__session--time {
                  /*  768px  */
                  /*  768px  */
                  width: 100%; } }
            .timetable__inner .timetable-detail__wrap .time-list__session--text {
              width: 75%; }
              @media (max-width: 768px) {
                .timetable__inner .timetable-detail__wrap .time-list__session--text {
                  /*  768px  */
                  /*  768px  */
                  width: 100%; } }
            .timetable__inner .timetable-detail__wrap .time-list__session--repletion {
              font-size: 1.3rem;
              width: 100%; }
    .timetable__inner .end {
      position: relative; }
      .timetable__inner .end::after {
        position: absolute;
        background-color: #000000c7;
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        color: #FFFFFF; }
      .timetable__inner .end::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        content: '終了しました';
        color: #FFFFFF;
        font-size: 3.0rem;
        z-index: 50;
        font-weight: bold; }
        @media (max-width: 480px) {
          .timetable__inner .end::before {
            /*  480px  */
            /*  480px  */
            font-size: 2.0rem; } }

/* ----------------------------------------------------------------
スピーカー
----------------------------------------------------------------- */
.speaker {
  padding: 60px 0 60px 0; }
  .speaker__inner {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    text-align: center; }
    .speaker__inner .speaker-title {
      max-width: 250px;
      width: 100%;
      margin: 0 0 30px 0;
      display: inline-block;
      position: relative; }
    .speaker__inner .speaker-list {
      display: flex;
      flex-wrap: wrap; }
      .speaker__inner .speaker-list__wrap {
        width: calc(100% / 4);
        box-sizing: border-box;
        padding: 25px;
        transition: all 0.3s;
        text-align: left; }
        @media (max-width: 768px) {
          .speaker__inner .speaker-list__wrap {
            /*  768px  */
            /*  768px  */
            width: calc(100% / 2);
            padding: 15px; } }
        @media (max-width: 480px) {
          .speaker__inner .speaker-list__wrap {
            /*  480px  */
            /*  480px  */
            width: calc(100% / 1); } }
        .speaker__inner .speaker-list__wrap--img {
          position: relative;
          margin: 0 0 40px; }
        .speaker__inner .speaker-list__wrap--name {
          text-align: center;
          background: #FFFFFF;
          border: 1px solid #000000;
          padding: 5px 5px 5px 5px;
          font-size: 1.4rem;
          position: absolute;
          bottom: -20px;
          left: 0px;
          width: 100%;
          line-height: 1.3;
          box-sizing: border-box; }
        .speaker__inner .speaker-list__wrap--company {
          font-size: 1.4rem;
          position: relative;
          font-weight: normal;
          margin: 0 0 35px 0; }
          .speaker__inner .speaker-list__wrap--company::after {
            position: absolute;
            border: solid 2px #f6f5e1;
            background-color: #f6f5e1;
            bottom: -15px;
            left: 0;
            width: 75px;
            content: '';
            border-radius: 3px; }
        .speaker__inner .speaker-list__wrap--text {
          font-size: 1.2rem;
          margin: 0 0 20px 0; }

/* ----------------------------------------------------------------
申し込みフォーム
----------------------------------------------------------------- */
.form {
  padding: 60px 0 60px 0; }
  .form__inner {
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    text-align: center; }
    .form__inner .form-title {
      max-width: 245px;
      width: 100%;
      margin: 0 0 60px 0;
      display: inline-block;
      position: relative; }
    .form__inner .form-entry {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        .form__inner .form-entry {
          /*  768px  */
          /*  768px  */
          flex-direction: column;
          align-items: center; } }
      .form__inner .form-entry__btn {
        max-width: 250px;
        width: 100%;
        margin: 10px;
        text-align: center;
        line-height: 57px;
        font-size: 2.0rem;
        border: solid 2px #000000;
        position: relative;
        display: inline-block;
        border-radius: 6px;
        background: #000000; }
        @media (max-width: 768px) {
          .form__inner .form-entry__btn {
            /*  768px  */
            /*  768px  */
            max-width: 400px; } }
        .form__inner .form-entry__btn a {
          display: block;
          border-radius: 6px;
          background: #FFFFFF;
          transition: all .3s; }
          .form__inner .form-entry__btn a:hover {
            background: #000000;
            color: #FFFFFF; }
        .form__inner .form-entry__btn span {
          display: block;
          border-radius: 6px;
          background: #FFFFFF;
          transition: all .3s;
          font-size: 1.3rem; }
          .form__inner .form-entry__btn span:hover {
            background: #000000;
            color: #FFFFFF; }
        .form__inner .form-entry__btn::after {
          content: url(../img/btn-icon.svg);
          top: 0px;
          position: absolute;
          right: 40px;
          width: 17px; }
        .form__inner .form-entry__btn::before {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          top: 10px;
          left: 10px;
          border-radius: 8px;
          z-index: -1;
          background-size: auto auto;
          background-image: repeating-linear-gradient(130deg, transparent, transparent 4px, #c3c3c3 4px, #c3c3c3 6px); }

/* ----------------------------------------------------------------
お問い合わせ
----------------------------------------------------------------- */
.contact {
  padding: 60px 0 60px 0; }
  .contact__inner {
    max-width: 700px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    text-align: center; }
    .contact__inner .contact-title {
      max-width: 270px;
      width: 100%;
      margin: 0 0 30px 0;
      display: inline-block;
      position: relative; }
    .contact__inner--title {
      margin: 0 0 20px 0; }
    .contact__inner--area {
      width: 100%;
      background-color: #FFFFFF;
      border: solid 2px #000000;
      box-shadow: 15px 15px 0px -5px #295570;
      padding: 25px;
      box-sizing: border-box;
      text-align: center; }
      .contact__inner--area address {
        display: inline-block;
        text-align: left;
        margin: 0 0 20px 0; }
        .contact__inner--area address a {
          border-bottom: dotted 1px #000000; }

/* ----------------------------------------------------------------
コンテンツ
----------------------------------------------------------------- */
/* 下層ページCSS */
/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
footer {
  width: 100%;
  text-align: center;
  background-color: #000000;
  padding: 20px 0 20px 0; }
  footer .present-bnr {
    display: block; }
    @media (max-width: 480px) {
      footer .present-bnr {
        /*  480px  */
        /*  480px  */
        display: none; } }
    footer .present-bnr__inner {
      width: 150px;
      position: fixed;
      right: 50px;
      bottom: 100px;
      z-index: 10;
      transition: all 0.3s; }
      @media (max-width: 768px) {
        footer .present-bnr__inner {
          /*  768px  */
          /*  768px  */
          right: 20px;
          bottom: 85px; } }
  @media (max-width: 480px) {
    footer {
      /*  480px  */
      /*  480px  */
      padding: 20px 0 130px 0; } }
  footer .floating-bnr {
    display: none; }
    @media (max-width: 480px) {
      footer .floating-bnr {
        /*  480px  */
        /*  480px  */
        display: block; } }
    footer .floating-bnr__present {
      border: solid 2px #000000;
      background-color: #FFFFFF;
      width: 100%;
      position: fixed;
      bottom: 50px;
      box-sizing: border-box;
      padding: 20px 15px 20px 15px; }
    footer .floating-bnr__inner {
      position: fixed;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
      transition: all 0.3s;
      display: flex; }
      footer .floating-bnr__inner--left, footer .floating-bnr__inner--right {
        width: 50%;
        border: solid 2px #000000;
        line-height: 50px;
        height: 50px;
        font-size: 1.2rem;
        font-weight: bold; }
        @media (max-width: 320px) {
          footer .floating-bnr__inner--left, footer .floating-bnr__inner--right {
            /*  320px  */
            /*  320px  */
            font-size: 1.0rem; } }
        footer .floating-bnr__inner--left a, footer .floating-bnr__inner--right a {
          display: block;
          position: relative; }
          footer .floating-bnr__inner--left a::after, footer .floating-bnr__inner--right a::after {
            content: url(../img/btn-icon.svg);
            top: 1px;
            position: absolute;
            right: 10px;
            width: 12px; }
      footer .floating-bnr__inner--left a {
        background-color: #FFFFFF;
        color: #000000; }
      footer .floating-bnr__inner--right a {
        background-color: #000000;
        color: #FFFFFF; }
  footer .copy {
    text-align: center; }
    footer .copy__inner {
      text-align: left;
      display: inline-block; }
      footer .copy__inner--text {
        font-size: 1.0rem;
        color: #FFFFFF; }

/* フツターCSS */