@charset "UTF-8";


/******************
アニメーション
******************/
/*トップ見出し1*/
.animeBox1 .target h2 {
	overflow: hidden;
}
.animeBox1 .target h2 span {
	opacity: 0;
}
.animeBox1 .is-animate h2 span:nth-child(1) {
  -webkit-animation: BottomUp 1s ease 0.1s forwards;
          animation: BottomUp 1s ease 0.1s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(2) {
  -webkit-animation: BottomUp 1s ease 0.15s forwards;
          animation: BottomUp 1s ease 0.15s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(3) {
  -webkit-animation: BottomUp 1s ease 0.2s forwards;
          animation: BottomUp 1s ease 0.2s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(4) {
  -webkit-animation: BottomUp 1s ease 0.25s forwards;
          animation: BottomUp 1s ease 0.25s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(5) {
  -webkit-animation: BottomUp 1s ease 0.3s forwards;
          animation: BottomUp 1s ease 0.3s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(6) {
  -webkit-animation: BottomUp 1s ease 0.35s forwards;
          animation: BottomUp 1s ease 0.35s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(7) {
  -webkit-animation: BottomUp 1s ease 0.4s forwards;
          animation: BottomUp 1s ease 0.4s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(8) {
  -webkit-animation: BottomUp 1s ease 0.45s forwards;
          animation: BottomUp 1s ease 0.45s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(9) {
  -webkit-animation: BottomUp 1s ease 0.5s forwards;
          animation: BottomUp 1s ease 0.5s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(10) {
  -webkit-animation: BottomUp 1s ease 0.55s forwards;
          animation: BottomUp 1s ease 0.55s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(11) {
  -webkit-animation: BottomUp 1s ease 0.6s forwards;
          animation: BottomUp 1s ease 0.6s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(12) {
  -webkit-animation: BottomUp 1s ease 0.65s forwards;
          animation: BottomUp 1s ease 0.65s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(13) {
  -webkit-animation: BottomUp 1s ease 0.7s forwards;
          animation: BottomUp 1s ease 0.7s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(14) {
  -webkit-animation: BottomUp 1s ease 0.75s forwards;
          animation: BottomUp 1s ease 0.75s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(15) {
  -webkit-animation: BottomUp 1s ease 0.8s forwards;
          animation: BottomUp 1s ease 0.8s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(16) {
  -webkit-animation: BottomUp 1s ease 0.85s forwards;
          animation: BottomUp 1s ease 0.85s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(17) {
  -webkit-animation: BottomUp 1s ease 0.9s forwards;
          animation: BottomUp 1s ease 0.9s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(18) {
  -webkit-animation: BottomUp 1s ease 0.95s forwards;
          animation: BottomUp 1s ease 0.95s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(19) {
  -webkit-animation: BottomUp 1s ease 1.0s forwards;
          animation: BottomUp 1s ease 1.0s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(20) {
  -webkit-animation: BottomUp 1s ease 1.05s forwards;
          animation: BottomUp 1s ease 1.05s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(21) {
  -webkit-animation: BottomUp 1s ease 1.1s forwards;
          animation: BottomUp 1s ease 1.1s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(22) {
  -webkit-animation: BottomUp 1s ease 1.15s forwards;
          animation: BottomUp 1s ease 1.15s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(23) {
  -webkit-animation: BottomUp 1s ease 1.2s forwards;
          animation: BottomUp 1s ease 1.2s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(24) {
  -webkit-animation: BottomUp 1s ease 1.25s forwards;
          animation: BottomUp 1s ease 1.25s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(25) {
  -webkit-animation: BottomUp 1s ease 1.3s forwards;
          animation: BottomUp 1s ease 1.3s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(26) {
  -webkit-animation: BottomUp 1s ease 1.35s forwards;
          animation: BottomUp 1s ease 1.35s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(27) {
  -webkit-animation: BottomUp 1s ease 1.4s forwards;
          animation: BottomUp 1s ease 1.4s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(28) {
  -webkit-animation: BottomUp 1s ease 1.45s forwards;
          animation: BottomUp 1s ease 1.45s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(29) {
  -webkit-animation: BottomUp 1s ease 1.5s forwards;
          animation: BottomUp 1s ease 1.5s forwards;
}
.animeBox1 .is-animate h2 span:nth-child(30) {
  -webkit-animation: BottomUp 1s ease 1.55s forwards;
          animation: BottomUp 1s ease 1.55s forwards;
}
@-webkit-keyframes BottomUp {
  100% {
    opacity: 1;
  }
}

@keyframes BottomUp {
  100% {
    opacity: 1;
  }
}


/*トップ見出し2*/
.animeBox2 .target h2 {
	overflow: hidden;
}
.animeBox2 .target h2 span {
	opacity: 0;
}
.animeBox2 .is-animate h2 span:nth-child(1) {
  -webkit-animation: BottomUpText 1s ease 0.1s forwards;
          animation: BottomUpText 1s ease 0.1s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(2) {
  -webkit-animation: BottomUpText 1s ease 0.2s forwards;
          animation: BottomUpText 1s ease 0.2s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(3) {
  -webkit-animation: BottomUpText 1s ease 0.3s forwards;
          animation: BottomUpText 1s ease 0.3s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(4) {
  -webkit-animation: BottomUpText 1s ease 0.4s forwards;
          animation: BottomUpText 1s ease 0.4s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(5) {
  -webkit-animation: BottomUpText 1s ease 0.5s forwards;
          animation: BottomUpText 1s ease 0.5s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(6) {
  -webkit-animation: BottomUpText 1s ease 0.6s forwards;
          animation: BottomUpText 1s ease 0.6s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(7) {
  -webkit-animation: BottomUpText 1s ease 0.7s forwards;
          animation: BottomUpText 1s ease 0.7s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(8) {
  -webkit-animation: BottomUpText 1s ease 0.8s forwards;
          animation: BottomUpText 1s ease 0.8s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(9) {
  -webkit-animation: BottomUpText 1s ease 0.9s forwards;
          animation: BottomUpText 1s ease 0.9s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(10) {
  -webkit-animation: BottomUpText 1s ease 1.0s forwards;
          animation: BottomUpText 1s ease 1.0s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(11) {
  -webkit-animation: BottomUpText 1s ease 1.1s forwards;
          animation: BottomUpText 1s ease 1.1s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(12) {
  -webkit-animation: BottomUpText 1s ease 1.2s forwards;
          animation: BottomUpText 1s ease 1.2s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(13) {
  -webkit-animation: BottomUpText 1s ease 1.3s forwards;
          animation: BottomUpText 1s ease 1.3s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(14) {
  -webkit-animation: BottomUpText 1s ease 1.4s forwards;
          animation: BottomUpText 1s ease 1.4s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(15) {
  -webkit-animation: BottomUpText 1s ease 1.5s forwards;
          animation: BottomUpText 1s ease 1.5s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(16) {
  -webkit-animation: BottomUpText 1s ease 1.6s forwards;
          animation: BottomUpText 1s ease 1.6s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(17) {
  -webkit-animation: BottomUpText 1s ease 1.7s forwards;
          animation: BottomUpText 1s ease 1.7s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(18) {
  -webkit-animation: BottomUpText 1s ease 1.8s forwards;
          animation: BottomUpText 1s ease 1.8s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(19) {
  -webkit-animation: BottomUpText 1s ease 1.9s forwards;
          animation: BottomUpText 1s ease 1.9s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(20) {
  -webkit-animation: BottomUpText 1s ease 2.0s forwards;
          animation: BottomUpText 1s ease 2.0s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(21) {
  -webkit-animation: BottomUpText 1s ease 2.1s forwards;
          animation: BottomUpText 1s ease 2.1s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(22) {
  -webkit-animation: BottomUpText 1s ease 2.2s forwards;
          animation: BottomUpText 1s ease 2.2s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(23) {
  -webkit-animation: BottomUpText 1s ease 2.3s forwards;
          animation: BottomUpText 1s ease 2.3s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(24) {
  -webkit-animation: BottomUpText 1s ease 2.4s forwards;
          animation: BottomUpText 1s ease 2.4s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(25) {
  -webkit-animation: BottomUpText 1s ease 2.5s forwards;
          animation: BottomUpText 1s ease 2.5s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(26) {
  -webkit-animation: BottomUpText 1s ease 2.6s forwards;
          animation: BottomUpText 1s ease 2.6s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(27) {
  -webkit-animation: BottomUpText 1s ease 2.7s forwards;
          animation: BottomUpText 1s ease 2.7s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(28) {
  -webkit-animation: BottomUpText 1s ease 2.8s forwards;
          animation: BottomUpText 1s ease 2.8s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(29) {
  -webkit-animation: BottomUpText 1s ease 2.9s forwards;
          animation: BottomUpText 1s ease 2.9s forwards;
}
.animeBox2 .is-animate h2 span:nth-child(30) {
  -webkit-animation: BottomUpText 1s ease 3.0s forwards;
          animation: BottomUpText 1s ease 3.0s forwards;
}
@-webkit-keyframes BottomUpText {
  100% {
    opacity: 1;
  }
}

@keyframes BottomUpText {
  100% {
    opacity: 1;
  }
}

.animeBox2 .target p {
	overflow: hidden;
	display: inline-flex;
}
.animeBox2 .target p span {
	transform: translateY(105%);
	-webkit-transform: translateY(105%);
	-ms-transform: translateY(105%);
	opacity: 0;
}
.animeBox2 .is-animate p span {
  -webkit-animation: BottomUpTextMin 1s ease 0.0s forwards;
          animation: BottomUpTextMin 1s ease 0.0s forwards;
}
@-webkit-keyframes BottomUpTextMin {
	100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes BottomUpTextMin {
	100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		opacity: 1;
	}
}

/*トップ見出し3*/
.animeBox3 .target h3 {
	overflow: hidden;
	display: inline-flex;
}
.animeBox3 .target h3 span {
	opacity: 0;
}
.animeBox3 .target h3 span {
	transform: translateY(105%);
	-webkit-transform: translateY(105%);
	-ms-transform: translateY(105%);
	opacity: 0;
}
.animeBox3 .is-animate h3 span {
  -webkit-animation: BottomUpTextMin 1s ease 0.0s forwards;
          animation: BottomUpTextMin 1s ease 0.0s forwards;
}
@-webkit-keyframes BottomUpTextMin {
	100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes BottomUpTextMin {
	100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		opacity: 1;
	}
}

/*トップ見出し4*/
.animeBox4 .target h3 {
	width: 0;
	white-space: nowrap;
	overflow: hidden;
}
.animeBox4 .is-animate h3 {
	animation: flowing-anim .6s cubic-bezier(1, 0.14, 0.5, 0.84) forwards;
}
@keyframes flowing-anim {
 0%{
     width: 0%;
   }
100%{
     width: 100%;
   }
}


.animeBox4 .target h3 {
	overflow: hidden;
}
.animeBox4 .target h3 span {
	opacity: 0;
}
.animeBox4 .is-animate h3 span:nth-child(1) {
  -webkit-animation: BottomUp 1s ease 0.1s forwards;
          animation: BottomUp 1s ease 0.1s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(2) {
  -webkit-animation: BottomUp 1s ease 0.15s forwards;
          animation: BottomUp 1s ease 0.15s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(3) {
  -webkit-animation: BottomUp 1s ease 0.2s forwards;
          animation: BottomUp 1s ease 0.2s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(4) {
  -webkit-animation: BottomUp 1s ease 0.25s forwards;
          animation: BottomUp 1s ease 0.25s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(5) {
  -webkit-animation: BottomUp 1s ease 0.3s forwards;
          animation: BottomUp 1s ease 0.3s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(6) {
  -webkit-animation: BottomUp 1s ease 0.35s forwards;
          animation: BottomUp 1s ease 0.35s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(7) {
  -webkit-animation: BottomUp 1s ease 0.4s forwards;
          animation: BottomUp 1s ease 0.4s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(8) {
  -webkit-animation: BottomUp 1s ease 0.45s forwards;
          animation: BottomUp 1s ease 0.45s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(9) {
  -webkit-animation: BottomUp 1s ease 0.5s forwards;
          animation: BottomUp 1s ease 0.5s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(10) {
  -webkit-animation: BottomUp 1s ease 0.55s forwards;
          animation: BottomUp 1s ease 0.55s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(11) {
  -webkit-animation: BottomUp 1s ease 0.6s forwards;
          animation: BottomUp 1s ease 0.6s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(12) {
  -webkit-animation: BottomUp 1s ease 0.65s forwards;
          animation: BottomUp 1s ease 0.65s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(13) {
  -webkit-animation: BottomUp 1s ease 0.7s forwards;
          animation: BottomUp 1s ease 0.7s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(14) {
  -webkit-animation: BottomUp 1s ease 0.75s forwards;
          animation: BottomUp 1s ease 0.75s forwards;
}
.animeBox4 .is-animate h3 span:nth-child(15) {
  -webkit-animation: BottomUp 1s ease 0.8s forwards;
          animation: BottomUp 1s ease 0.8s forwards;
}
@-webkit-keyframes BottomUp {
  100% {
    opacity: 1;
  }
}

@keyframes BottomUp {
  100% {
    opacity: 1;
  }
}




/******************
スライド画像[共通]
******************/

#topSlide{
	position:relative;
	display:none;
}


#mainUpper{
	clear:both;
}

#mainMiddleWrap{
	clear:both;
}

/******************
3列並び[共通]
******************/

#top3ColWrap{
	width:100%;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:20px;
	clear:both;
}

.top3ColBox{
	width:-webkit-calc(33.33% - 1px);
	width:calc(33.33% - 1px);
	float:left;
	border-right:1px solid #ffffff;
	overflow: hidden;
	background-color:#e2e2e2;
	background-color: rgba(21,21,21,0.7); 
	padding-bottom:10px;
}

.top3ColBox img{
	width:100%;
	transition-duration: 0.3s;
}

.top3ColBox img:hover {
	transform: scale(1.1);
}


.top3ColBox a:hover{
	color:#cccccc;
}


.top3ColBox a{
	overflow:hidden;
	display:block;
	color:white;
}

.top3ColImg{
	
}

.top3ColTitle{
	text-align:center;
	font-size:1.8vw;
	font-weight:bolder;
	padding:3% 2% 2%;
}

.top3ColDetail{
	font-size:1.5vw;
	padding:0 2% 2%;
}

/******************
3列並び[PC大]
******************/

@media screen and (min-width: 1400px) {

.top3ColTitle{
	font-size:170%;
}

.top3ColDetail{
	font-size:140%;
}

}

/******************
3列並び[タブレット]
******************/

@media screen and (min-width: 769px) and (max-width: 1060px) {

.top3ColTitle{
	font-size:2.1vw;
}

.top3ColDetail{
	font-size:1.8vw;
}

}

/******************
3列並び[スマートフォン]
******************/

@media screen and (max-width: 768px) {

#top3ColWrap{
	width:100%;
}

.top3ColBox{
	float:none;
	width:100%;
	padding:30px 5% 10px;
	border-right:none;
	margin-bottom:20px;
}

.top3ColTitle{
	font-size:3.5vw;
}

.top3ColDetail{
	font-size:2.9vw;
}

}


@media screen and (max-width: 560px) {

.top3ColTitle{
	font-size:4.6vw;
}

.top3ColDetail{
	font-size:3.9vw;
}

}


/******************
2列並び[共通]
******************/

#top2ColWrap{
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
	clear:both;
}

.top2ColBox{
	width:-webkit-calc(50% - 1px);
	width:calc(50% - 1px);
	float:left;
	border-right:1px solid #ffffff;
	overflow: hidden;
	background-color:#e2e2e2;
	padding-bottom:10px;
}

.top2ColBox a{
	overflow:hidden;
	display:block;
}

.top2ColBox img{
	width:100%;
	transition-duration: 0.3s;
}

.top2ColBox img:hover {
	transform: scale(1.1);
}

.top2ColImg{

}

.top2ColTitle{
	text-align:center;
	font-size:1.8vw;
	font-weight:bolder;
	padding:3% 2% 2%;
}

.top2ColDetail{
	font-size:1.5vw;
	padding:0 2% 2%;
}

/******************
２列並び[PC大]
******************/

@media screen and (min-width: 1400px) {

.top2ColTitle{
	font-size:170%;
}

.top2ColDetail{
	font-size:140%;
}

}

/******************
2列並び[タブレット]
******************/

@media screen and (min-width: 769px) and (max-width: 1060px) {

.top2ColTitle{
	font-size:2.1vw;
}

.top2ColDetail{
	font-size:1.8vw;
}
}

/******************
2列並び[スマートフォン]
******************/

@media screen and (max-width: 768px) {

#top2ColWrap{
	width:100%;
}

.top2ColBox{
	float:none;
	width:90%;
	padding:30px 5% 10px;
	border-right:none;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

.top2ColTitle{
	font-size:3.5vw;
}

.top2ColDetail{
	font-size:2.9vw;
}

}

@media screen and (max-width: 560px) {

.top2ColTitle{
	font-size:4.6vw;
}

.top2ColDetail{
	font-size:3.9vw;
}

}

/******************
トップページコンテンツ(下部)[タブレット]
******************/

/******************
トップページコンテンツ(下部)[スマートフォン]
******************/

@media screen and (max-width: 768px) {

#mainLowerBox{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	margin-top:0;
}

#mainLowerLeft{
	width:100%;
	float:none;
}

.infotitle{
	width:94%;
}

#mainLowerRight{
	width:100%;
	float:none;
	margin-top:40px;
}

.topSupportBox a{
	padding-top:2%;
	padding-bottom:4%;
	line-height:1.8em;
}

span.topSupportTitle{
	font-size:160%;
}

span.topSupportTxt{
	font-size:134%;
}

span.topSupportTxt span{
	display:block;
}

}