#mainArea{
  margin: 0 auto;
  font-size: 100%;
  line-height: 2.4;
  color: #333333;
  letter-spacing: 1px;
}
a{
  text-decoration: none;
  color: #333333;
}
.f-ja{
  font-family: "Harmonia Sans W01", YuGothic, "Yu Gothic", "鬮ｮ荵晢ｽ托ｿｽ�ｽ�ｽ�ｸ鬩幢ｽ｢�ｽ�ｧ�ｽ�ｽ�ｽ�ｴ鬩幢ｽ｢�ｽ�ｧ�ｽ�ｽ�ｽ�ｷ鬩幢ｽ｢隴趣ｽ｢�ｽ�ｿ�ｽ�ｽ驍ｵ�ｺ鬯俶｢ｧ蜑ｲ�ｽ�ｽ�ｽ�ｽ", "鬮ｮ荵晢ｽ托ｿｽ�ｽ�ｽ�ｸ鬩幢ｽ｢�ｽ�ｧ�ｽ�ｽ�ｽ�ｴ鬩幢ｽ｢�ｽ�ｧ�ｽ�ｽ�ｽ�ｷ鬩幢ｽ｢隴趣ｽ｢�ｽ�ｿ�ｽ�ｽ驍ｵ�ｺ�ｽ�ｽ", "鬩幢ｽ｢隴取得�ｿ�ｽ�ｽ荳ｻ�ｸ�ｷ�ｽ�ｹ�ｽ�ｧ�ｽ�ｽ�ｽ�ｮ鬩幢ｽ｢隴趣ｿｽ�ｽ�ｽ�ｽ�ｽ�ｧ髯句ｹ｢�ｽ�ｵ驍ｵ�ｺ�ｽ�ｽ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｭ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｳ �ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｰ鬩幢ｽ｢�ｽ�ｧ�ｽ�ｽ�ｽ�ｴ鬩幢ｽ｢�ｽ�ｧ�ｽ�ｽ�ｽ�ｷ鬩幢ｽ｢隴趣ｽ｢�ｽ�ｿ�ｽ�ｽ驍ｵ�ｺ�ｽ�ｽ", "MS PGothic", sans-serif;
}
.f-en{
  font-family: 'Roboto Condensed', sans-serif;
}
.f-13{
  font-size: 1.3rem;
}
.f-15{
  font-size: 1.5rem;
}
.f-18{
  font-size: 1.8rem;
}
.f-24{
  font-size: 2.4rem;
}
.bold{
  font-weight: 700;
}
.italic{
  font-style: italic;
}
.blc{
  display: block;
}
.right{
  text-align: right;
}
.left{
  text-align: left;
}
figure {
  display: block;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
.flex{
  position: relative;
  margin: 20% 0;
}
.col_i_l_{
  width: 500px;
  display: inline-block;
  vertical-align: middle;
}
.col_r{
  width: 38%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 5%;
}
.col_i_r_{
  width: 852px;
  display: inline-block;
  vertical-align: middle;
}
.col_l{
  width: 36%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0;
  position: absolute;
  top: 50px;
  left: 0;
}
.inner_{
  width: 1100px;
  margin: 0 auto;
  padding: 5% 0 0 0;
}
.leadText_::after{
  content: "";
  width: 50px;
  height: 1px;
  background: #000000;
  display: block;
  text-align: center;
  margin: 25px auto;
}
.button-4 {
  width: 240px;
  height: 58px;
  border: 1px solid #000000;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 15px 0;
}
.button-4 a {
  font-size: 13px;
  color: #000000;
  text-decoration: none;
  line-height: 56px;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
}
.eff-4 {
  width: 240px;
  height: 58px;
  left: -240px;
  background: #000000;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}
.btnArea_ {
  text-align: center;
  width: 240px;
  margin: 0 auto;
}
.button-4:hover .eff-4{
  left:0;
}
.button-4:hover a{
  color:#fff;
}
.itemCap_r_ {
  margin: 20% 7% 10%;
}
.itemCap_l_ {
  margin: 10% 7% 5% 0%;
}
.itemCap_l_,.itemCap_r_ {
  position: relative;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.itemCap_l_::before,
.itemCap_l_::after,
.itemCap_r_::before,
.itemCap_r_::after  {
  position: absolute;
  content: '';
  width: 20px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.itemCap_l_::before,.itemCap_r_::before {
  top: 0;
  left: 0;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
}
.itemCap_l_::after,.itemCap_r_::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}
#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
.img-container{
	overflow: hidden;
	position: relative;
}
.img-container__img{
	opacity: 0;
	position: relative;
	transition:all .5s .3s ease;
	z-index: 0;
}
.img-container:before{
	background: #dd3244;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s 0s ease;
	width: 100%;
	z-index: 1;
}
.img-container2{
	overflow: hidden;
	position: relative;
}
.img-container__img2{
	opacity: 0;
	position: relative;
	transition:all .5s .3s ease;
	z-index: 0;
}
.img-container2:before{
	background: #ffffff;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s 0s ease;
	width: 100%;
	z-index: 1;
}
.img-container3{
	overflow: hidden;
	position: relative;
}
.img-container__img3{
	opacity: 0;
	position: relative;
	transition:all .5s .3s ease;
	z-index: 0;
}
.img-container3:before{
	background: #0d4780;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s 0s ease;
	width: 100%;
	z-index: 1;
}
.img-container4{
	overflow: hidden;
	position: relative;
}
.img-container__img4{
	opacity: 0;
	position: relative;
	transition:all .5s .3s ease;
	z-index: 0;
}
.img-container4:before{
	background: #264132;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s 0s ease;
	width: 100%;
	z-index: 1;
}
.img-container5{
	overflow: hidden;
	position: relative;
}
.img-container5:before{
	background: #000000;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s 0s ease;
	width: 100%;
	z-index: 1;
}
.img-container6{
	overflow: hidden;
	position: relative;
}
.img-container6:before{
	background: #957c6c;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s 0s ease;
	width: 100%;
	z-index: 1;
}
.img-container.active img{
	opacity: 1;
}
.img-container.active:before{
	transform: translateX(100%);
}
.img-container2.active img{
	opacity: 1;
}
.img-container2.active:before{
	transform: translateX(100%);
}
.img-container3.active img{
	opacity: 1;
}
.img-container3.active:before{
	transform: translateX(100%);
}
.img-container4.active img{
	opacity: 1;
}
.img-container4.active:before{
	transform: translateX(100%);
}
.img-container5.active img{
	opacity: 1;
}
.img-container5.active:before{
	transform: translateX(100%);
}
.img-container6.active img{
	opacity: 1;
}
.img-container6.active:before{
	transform: translateX(100%);
}