@charset "UTF-8";
/*$color-sub01: mix($color-main01, $color-main02, 3%);
$color-sub02: mix($color-main02, #eee, 35%);*/
/*
@mixin left-top-shadow {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

@mixin top-shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

@mixin bottom-shadow {
	box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
}

@mixin hoge($color: #fff, $fSize: 16px) {
	color: $color;
	font-size: $fSize;
}
	//.text {
		//@include hoge(black, 20px);
	//}

@mixin sp-width {
	width: $sp-width;
	margin: auto;
}

@mixin pc-width {
	width: $pc-width;
	margin: auto;
}
*/
/*--------------------------------------------
		common PC
---------------------------------------------*/
.pc-txt-wrap {
  display: inline-block;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

/*-------------- .inner ----------------*/
.inner {
  padding: 0 10vw;
}

/*-------------- .accent-txt ----------------*/
.accent-txt {
  margin: 0.2em 0;
}

.accent-txt__word {
  display: inline-block;
  line-height: 1;
}

.accent-txt__word:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #e73e0c;
  position: relative;
  top: -0.2em;
}

/*-------------- .contents ----------------*/
.contents {
  margin-bottom: 60px;
}

.contents--inner {
  margin-right: 20vw;
  margin-left: 20vw;
}

/*-------------- .subpage-article ----------------*/
.subpage-article__header {
  margin-bottom: 80px;
}

.subpage-article__ttl {
  padding: 6em 0 5em;
}

.subpage-article__ttl__english {
  font-size: 6rem;
}

/*-------------- .ttl-style ----------------*/
.ttl--center {
  font-size: 50px;
  font-size: 5rem;
  margin-top: 100px;
}

.ttl--center__small {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: -0.3em;
}

.ttl--label {
  font-size: 1.1vw;
  background-position: 0 0;
  background-size: 100% auto;
  margin-bottom: 3em;
}

.ttl--label__decoration {
  min-width: 13.9vw;
  left: 5vw;
}

.ttl--border {
  font-size: 2rem;
  margin-top: 100px;
  margin-bottom: 3em;
}

.ttl--border--small {
  font-size: 1.8rem;
}

/*-------------- .btn ----------------*/
.btn:hover {
  opacity: 0.7;
}

.btn--style01 {
  font-size: 1.3rem;
  margin: 0.8em 0;
}

.btn--style02 {
  font-size: 1.4rem;
}

.btn-set {
  margin-top: 60px;
}

.btn-set--left {
  text-align: left;
}

.btn-set:before {
  width: auto;
  display: inline-block;
  background: url("/common/img/bg_andmore.png") no-repeat right bottom;
  padding-right: 20px;
  margin: 9px 15px 0 0;
}

.btn-set__item {
  padding: 0.8em 2em;
}

.single-btn__item {
  font-size: 1.8rem;
}

/*-------------- .side-vertical-nav ----------------*/
.side-vertical-nav {
  height: 100vh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 1.1rem;
  letter-spacing: 0;
  position: fixed;
  left: 2vw;
  top: 0;
  z-index: 5000;
  mix-blend-mode: difference;
}

.side-vertical-nav > ul {
  overflow: hidden;
}

.side-vertical-nav__item {
  float: left;
  margin-bottom: 1.5em;
}

.side-vertical-nav__item a {
  color: #343434;
}

.side-vertical-nav__item a:hover {
  color: #dec082;
}

.side-vertical-nav__item:last-child {
  margin-bottom: 0;
}