/*-----------------------------------------------------------------------
 * theme.css
-----------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------
 * variables.css
--------------------------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------
 # Color
-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
 # Path
-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
 # Variables
-----------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------
 * mixins.css
--------------------------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------
 # Font
-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
 # ribbon
-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
 * common.css
-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
 # PC / SP
-----------------------------------------------------------------------*/
.pc, .pc-tb {
  display: block;
}

.pc-inline-block, .pc-tb-inline-block {
  display: inline-block;
}

.tb, .tb-inline-block,
.tb-sp, .tb-sp-inline-block,
.sp, .sp-inline-block,
.xxs, .xxs-inline-block {
  display: none;
}

@media (max-width: 999px) {
  .pc, .pc-inline-block,
  .tb, .tb-inline-block {
    display: none;
  }

  .tb, .tb-sp {
    display: block;
  }

  .tb-inline-block, .tb-sp-inline-block {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .pc-tb, .pc-tb-inline-block,
  .tb, .tb-inline-block {
    display: none;
  }

  .sp {
    display: block;
  }

  .sp-inline-block {
    display: inline-block;
  }
}
@media (max-width: 360px) {
  .xxs {
    display: block;
  }

  .xxs-inline-block {
    display: inline-block;
  }
}
/* ------------------------
	base
------------------------ */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.article-container {
  max-width: 1440px;
  margin: 0 auto;
}

/* ------------------------
	text
------------------------ */
.en-main-title {
  font-family: gill-sans-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  position: relative;
  font-size: 1.8rem;
  text-transform: uppercase;
}
.en-main-title::before, .en-main-title::after {
  content: '';
  display: inline-block;
  width: 1.4em;
  height: 1px;
  background: #000;
  margin: 0 0.2rem;
  vertical-align: 0.3em;
  -webkit-transform: rotate(105deg);
  -moz-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  -o-transform: rotate(105deg);
}

.main-btn {
  text-align: center;
  vertical-align: middle;
}
.main-btn a {
  display: inline-block;
  padding: 0.5rem 1rem;
  min-width: 170px;
  border: 1px solid #000;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.main-btn a:hover {
  border-color: #d00030;
  color: #fff;
  background: #000;
  opacity: 1;
}

/* ------------------------
	
------------------------ */