@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
}
img{
	height: auto;
	max-width: 100%;
	vertical-align: top;
}
a{
	text-decoration: none;
}
ol, ul{
	list-style: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear: both;
}
caption, th, td{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote{
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after{
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
	display: block;
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */

/*------------------------------------------
  サービス別レスポンシブ
------------------------------------------*/
/*youtube*/
.youtubeWrapper{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtubeWrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*------------------------------------------
  cmn
------------------------------------------*/
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background: #242223;
	min-width: 1000px;
}
img{
	vertical-align: top;
}
sup{
	font-size: 60%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
.hoverBtn{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.orange{
	color: #ef8700;
}

@media screen and (max-width: 768px) {
	.hidden-sp{
		display: none !important;
	}
	body{
		min-width: inherit;
	}
}

@media screen and (min-width: 769px) {
	.hidden-pc{
		display: none !important;
	}
}

.sp{
	display: none;
}

/*------------------------------------------
  cmn
------------------------------------------*/
#wrapper{
}
.innerBox{
	max-width: 1000px;
	margin: 0 auto;
}
.bgBlue{
	background: rgb(0,29,54);
	background: -webkit-linear-gradient(left, rgba(0,29,54,1) 0%, rgba(54,140,173,1) 100%);
	background: -o-linear-gradient(left, rgba(0,29,54,1) 0%, rgba(54,140,173,1) 100%);
	background: linear-gradient(to right, rgba(0,29,54,1) 0%, rgba(54,140,173,1) 100%);
}
.ttl_type_01{
	text-align: center;
	>span{
		display: inline-block;
		padding: 10px 20px 13px 20px;
		background: #000;
		font-size: 60px;
		font-weight: 700;
		color: #FFF;
		line-height: 1.1;
	}
}
.sttl_type_01{
	margin-bottom: 30px;
	text-align: center;
	>span{
		position: relative;
		display: inline-block;
		padding: 5px 40px;
		font-size: 28px;
		font-weight: 700;
		color: #FFF;
		&:before,
		&:after{
			content: "";
			position: absolute;
			border-right: 15px solid transparent;
			border-bottom: 15px solid #ef8700;
			border-left: 15px solid transparent; 
		}
		&:before{
			left: 0;
			top: 0;
			transform: rotate(-45deg);
		}
		&:after{
			right: 0;
			bottom: 0;
			transform: rotate(-225deg);
		}
	}
}
@media screen and (max-width: 767px) {
	.ttl_type_01{
		>span{
			font-size: 30px;
		}
	}
	.sttl_type_01{
		margin-bottom: 20px;
		>span{
			font-size: 24px;
			&:before,
			&:after{
				content: "";
				position: absolute;
				border-right: 10px solid transparent;
				border-bottom: 10px solid #ef8700;
				border-left: 10px solid transparent; 
			}
		}
	}
}

/*------------------------------------------
  header
------------------------------------------*/
header{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	.logo{
		max-width: 1000px;
		padding: 20px 20px;
		margin: 0 auto;
		z-index: 2;
	}
}
@media screen and (max-width: 768px) {
	header{
		.logo{
			img{
				max-width: 130px;
			}
		}
	}
}

/*------------------------------------------
  mv
------------------------------------------*/
.mv{
	padding: 50px;
	background: url("../img/mv_bg.jpg") no-repeat center / cover;
	text-align: center;
	position: relative;
	.endBox{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(0,0,0,0.7);
		display: -ms-flex;
		display: flex;
		-ms-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		>div{
			p{
				font-size: 26px;
				font-weight: 700;
				text-align: center;
				color: #FFF;
			}
		}
		@media screen and (max-width: 767px) {
			>div{
				p{
					font-size: 4.3vw;
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.mv{
		padding: 0;
		background: url("../img/mv_bg.jpg") no-repeat center / cover;
		text-align: center;
		.sp{
			display: block;
		}
		.pc{
			display: none;
		}
	}
}
@media screen and (max-width: 500px) {
	
}


/*------------------------------------------
  contents_01
------------------------------------------*/
.contents_01{
	background: #000;
	.boxLR{
		display: -ms-flex;
		display: flex;
		>div{
			-ms-flex: 1;
			flex: 1;
		}
		#mySpriteSpin{
			width: 100% !important;
			height: 100% !important;
		}
	}
}
@media screen and (max-width: 768px) {
	
}


/*------------------------------------------
  contents_02
------------------------------------------*/
.contents_02{
	padding: 50px 20px 100px 20px;
	h2{
		margin-bottom: 100px;
	}
	.stepBox{
		margin-bottom: 50px;
		display: -ms-flex;
		display: flex;
		background: url("../img/arrow_con_02.svg") no-repeat center / 82px 176px , url("../img/arrow_con_02.svg") no-repeat center / 82px 176px;
		background-position: left 32% center , left 69% center;
		li{
			-ms-flex: 1;
			flex: 1;
			padding: 70px 10px 20px 10px;
			position: relative;
			background: rgba(255,255,255,0.9);
			border-radius: 10px;
			box-shadow: 20px 20px 40px rgba(0,0,0,0.3);
			.stepNum{
				position: absolute;
				top: 0;
				right: 50%;
				transform: translate(50%, -50%);
			}
			p{
				line-height: 1.8;
			}
			&:not(:last-child){
				margin-right: 20px;
			}
			&:nth-child(1){
				.txt_01{
					margin-bottom: 15px;
					font-size: 18px;
					text-align: center;
				}
				.txt_02{
					font-size: 14px;
					text-align: center;
				}
			}
			&:nth-child(2){
				.txt_01{
					margin-bottom: 15px;
					font-size: 18px;
					text-align: center;
				}
				.txt_02{
					font-size: 14px;
					text-align: center;
				}
				.txt_03{
					padding: 0 10px;
					font-size: 14px;
				}
			}
			&:nth-child(3){
				.txt_01{
					margin-bottom: 15px;
					font-size: 18px;
					text-align: center;
				}
			}
		}
	}
	.coutionTxtBox{
		ul{
			li{
				text-align: right;
				color: #FFF;
				font-size: 14px;
				span{
				}
			}
		}
	}
}
@media screen and (max-width: 767px) {
	.contents_02{
		padding: 50px 20px 100px 20px;
		h2{
			margin-bottom: 100px;
		}
		.stepBox{
			margin-bottom: 50px;
			display: block;
			background: none;
			li{
				max-width: 500px;
				padding: 60px 10px 20px 10px;
				margin: 0 auto 0 auto;
				position: relative;
				background: rgba(255,255,255,0.9);
				border-radius: 10px;
				box-shadow: 20px 20px 40px rgba(0,0,0,0.3);
				.stepNum{
					position: absolute;
					top: 0;
					right: 50%;
					transform: translate(50%, -50%);
					img{
						max-width: 80px;
					}
				}
				p{
					line-height: 1.8;
				}
				&:not(:last-child){
					margin: 0 auto 70px auto;
				}
				&:nth-child(1){
					.txt_01{
						margin-bottom: 15px;
						font-size: 16px;
						text-align: center;
					}
					.txt_02{
						font-size: 14px;
						text-align: center;
					}
				}
				&:nth-child(2){
					.txt_01{
						margin-bottom: 15px;
						font-size: 16px;
						text-align: center;
					}
					.txt_02{
						font-size: 14px;
						text-align: center;
					}
					.txt_03{
						padding: 0 10px;
						font-size: 14px;
					}
				}
				&:nth-child(3){
					.txt_01{
						margin-bottom: 15px;
						font-size: 16px;
						text-align: center;
					}
				}
			}
		}
		.coutionTxtBox{
			ul{
				li{
					text-align: left;
					font-size: 12px;
					span{
					}
				}
			}
		}
	}
}


/*------------------------------------------
  contents_03
------------------------------------------*/
.contents_03{
	padding: 0 0 100px 0;
	background: rgb(239,135,0);
	background: -webkit-linear-gradient(left, rgba(239,135,0,1) 0%, rgba(239,135,0,1) 50%, rgba(35,34,36,1) 50%, rgba(35,34,36,1) 100%);
	background: -o-linear-gradient(left, rgba(239,135,0,1) 0%, rgba(239,135,0,1) 50%, rgba(35,34,36,1) 50%, rgba(35,34,36,1) 100%);
	background: linear-gradient(to right, rgba(239,135,0,1) 0%, rgba(239,135,0,1) 50%, rgba(35,34,36,1) 50%, rgba(35,34,36,1) 100%);
	h2{
		margin-bottom: 50px;
		transform: translate(0, -50%);
	}
	h3{
		margin-bottom: 35px;
		font-size: 40px;
		font-weight: 700;
		color: #FFF;
	}
	.list{
		margin-bottom: 30px;
		display: -ms-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		li{
			min-width: 320px;
			height: 50px;
			margin: 0 20px 20px 0;
			&:nth-child(3n){
				margin-right: 0;
			}
		}
		&.normal{
			li{
				background: #FFF;
				display: -ms-flex;
				display: flex;
				-ms-align-items: center;
				align-items: center;
				-ms-justify-content: center;
				justify-content: center;
				font-size: 16px;
				font-weight: 700;
				color: #333;
				border-radius: 50px;
				transition: 0.3s;
				/*box-shadow: 5px 5px 20px rgba(0,0,0,0.5);*/
			}
		}
		&.link{
			li{
				a{
					width: 100%;
					height: 100%;
					background: #FFF;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
					-ms-justify-content: center;
					justify-content: center;
					font-size: 16px;
					font-weight: 700;
					color: #333;
					border-radius: 50px;
					transition: 0.3s;
					box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
					position: relative;
					&:before{
						content: "";
						position: absolute;
						border-right: 7px solid transparent;
						border-bottom: 7px solid #ef8700;
						border-left: 7px solid transparent;
						right: 5px;
						top: 50%;
						transform: translate(0, -50%) rotate(90deg);
					}
					&:hover{
						box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
					}
				}
			}
			&.center{
				margin-bottom: 100px;
				-ms-justify-content: center;
				justify-content: center;
			}
		}
	}
	.coutionBox{
		padding: 20px;
		border: 2px solid #FFF;
		background: rgba(0,0,0,0.5);
		&.top{
			margin-bottom: 50px;
			color: #FFF;
			font-size: 20px;
			font-weight: 700;
			li:nth-child(1){
				padding: 10px 0 10px 65px;
				background: url("../img/img_con_03_01.jpg") no-repeat left center / 59px;
			}
			li:nth-child(2){
				span{
					background:linear-gradient(transparent 60%, rgba(255,0,0,0.6) 60%);
				}
			}
		}
		&.bottom{
			padding: 20px 50px 20px 20px;
			background: rgba(0,0,0,0.5);
			.boxLR{
				display: -ms-flex;
				display: flex;
				.boxL{
					min-width: 220px;
					margin-right: 50px;
				}
				.boxR{
					color: #FFF;
					line-height: 2;
					font-size: 14px;
					-ms-flex: 1;
					flex: 1;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.contents_03{
		padding: 0 20px 100px 20px;
		h2{
			margin-bottom: 50px;
			transform: translate(0, -50%);
		}
		h3{
			font-size: 30px;
			text-align: center;
		}
		.list{
			li{
				min-width: 49%;
				margin: 0 2% 2% 0;
				&:nth-child(3n){
					margin-right: 2%;
				}
				&:nth-child(2n){
					margin-right: 0;
				}
			}
		}
		@media screen and (max-width: 600px) {
			.list{
				display: block;
				li{
					height: 40px;
					min-width: inherit;
					margin: 0 0 4% 0;
					&:nth-child(3n){
						margin-right: 0;
					}
					&:nth-child(2n){
						margin-right: 0;
					}
				}
			}
		}
		.coutionBox{
			&.top{
				margin-bottom: 40px;
				font-size: 16px;
			}
			&.bottom{
				padding: 20px;
				.boxLR{
					display: block;
					.boxL{
						min-width: 220px;
						margin: 0 0 20px 0;
						text-align: center;
					}
				}
			}
		}
	}
}


/*------------------------------------------
  contents_04
------------------------------------------*/
.contents_04{
	.bg_contents_04{
		position: relative;
		&:before{
			content: "";
			width: 50%;
			height: 100%;
			display: block;
			background: url("../img/bg_con_03.jpg") no-repeat center top / cover;
			position: absolute;
			left: 0;
			top: 0;
		}
	}
	.innerBox{
		padding: 0 0 10px 0;
		position: relative;
		z-index: 2;
		color: #FFF;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
		h2{
			margin-bottom: 50px;
			transform: translate(0, -50%);
		}
		.box_01{
			margin-bottom: 80px;
			text-align: center;
			.txt_01{
				font-size: 24px;
				font-weight: 700;
			}
		}
		.box_02{
			margin-bottom: 80px;
			.txt_01{
				margin-bottom: 20px;
				font-size: 24px;
				font-weight: 700;
				text-align: center;
				span{
					font-size: 16px;
					font-weight: 400;
				}
			}
			.whiteBox{
				max-width: 600px;
				padding: 30px;
				margin: 0 auto 20px auto;
				border: 1px solid #FFF;
				background: rgba(255,255,255,0.1);
				h4{
					margin-bottom: 20px;
					font-size: 20px;
					text-align: center;
				}
				dl{
					margin-bottom: 10px;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
					&:last-child{
						margin-bottom: 0;
					}
					dt{
						min-width: 110px;
						margin-right: 25px;
						span{
							width: 100%;
							height: 32px;
							display: -ms-flex;
							display: flex;
							-ms-align-items: center;
							align-items: center;
							-ms-justify-content: center;
							justify-content: center;
							font-size: 18px;
							font-weight: 700;
							background: #ef8700;
							text-shadow: none;
						}
					}
					dd{
						-ms-flex: 1;
						flex: 1;
						>span{
							width: 140px;
							display: inline-block;
						}
					}
				}
			}
			.txt_02{
				text-align: center;
				p{
					display: inline-block;
					text-align: left;
					font-size: 14px;
				}
			}
		}
		.box_03{
			margin-bottom: 80px;
			text-align: center;
			a{
				font-weight: 700;
				color: #FFF;
				text-decoration: underline;
				&:hover{
					text-decoration: none;
				}
			}
		}
		.box_04{
			.txt_01{
				margin-bottom: 20px;
				text-align: center;
			}
			.coutionBox{
				max-width: 600px;
				padding: 30px;
				margin: 0 auto;
				border: 1px solid #FFF;
				background: rgba(255,255,255,0.1);
				li{
					position: relative;
					padding-left: 1em;
					font-weight: 700;
					&:before{
						content: "・";
						position: absolute;
						left: 0;
						top: 0;
					}
				}
			}
		}
	}
}

@media screen and (max-width: 767px) {
	.contents_04{
		.sp{
			display: block;
		}
		.bg_contents_04{
			&:before{
				opacity: 0.5;
			}
		}
		.innerBox{
			padding: 0 20px 50px 20px;
			h2{
				margin-bottom: 35px;
			}
			.box_01{
				margin-bottom: 50px;
				.txt_01{
					font-size: 20px;
				}
			}
			.box_02{
				margin-bottom: 50px;
				.txt_01{
					margin-bottom: 20px;
					font-size: 20px;
					span{
						font-size: 16px;
						font-weight: 400;
					}
				}
				.whiteBox{
					max-width: 600px;
					padding: 30px 20px;
					margin: 0 auto 20px auto;
					border: 1px solid #FFF;
					background: rgba(255,255,255,0.1);
					h4{
						margin-bottom: 20px;
						font-size: 20px;
						text-align: center;
					}
					dl{
						margin-bottom: 10px;
						display: -ms-flex;
						display: flex;
						-ms-align-items: center;
						align-items: center;
						&:last-child{
							margin-bottom: 0;
						}
						dt{
							min-width: 110px;
							margin-right: 20px;
							span{
								width: 100%;
								height: 32px;
								display: -ms-flex;
								display: flex;
								-ms-align-items: center;
								align-items: center;
								-ms-justify-content: center;
								justify-content: center;
								font-size: 18px;
								font-weight: 700;
								background: #ef8700;
								text-shadow: none;
							}
						}
						dd{
							-ms-flex: 1;
							flex: 1;
							>span{
								width: 100%;
								display: inline-block;
							}
						}
					}
				}
				.txt_02{
					text-align: center;
					p{
						display: inline-block;
						text-align: left;
						font-size: 14px;
					}
				}
			}
			.box_03{
				margin-bottom: 50px;
				text-align: left;
			}
			.box_04{
				.txt_01{
					margin-bottom: 20px;
					text-align: left;
				}
				.coutionBox{
					max-width: 600px;
					padding: 30px 20px;
					margin: 0 auto;
					border: 1px solid #FFF;
					background: rgba(255,255,255,0.1);
					li{
						position: relative;
						padding-left: 1em;
						font-weight: 700;
						&:before{
							content: "・";
							position: absolute;
							left: 0;
							top: 0;
						}
					}
				}
			}
		}
	}
}


/*------------------------------------------
  contents_05
------------------------------------------*/
.contents_05{
	padding: 80px 20px 100px 20px;
	background: #000;
	color: #FFF;
	h2{
		margin-bottom: 50px;
	}
	a{
		font-weight: 700;
		color: #FFF;
		text-decoration: underline;
		&:hover{
			text-decoration: none;
		}
	}
	.coutionBox{
		margin-bottom: 50px;
		li{
			padding-left: 1em;
			position: relative;
			&:not(:last-child){
				margin-bottom: 5px;
			}
			&:before{
				content: "・";
				position: absolute;
				left: 0;
				top: 0;
			}
		}
	}
}

@media screen and (max-width: 767px) {
	.contents_05{
		padding: 50px 20px 100px 20px;
		h2{
			margin-bottom: 30px;
		}
		a{
			font-weight: 700;
			color: #FFF;
			text-decoration: underline;
			&:hover{
				text-decoration: none;
			}
		}
		.coutionBox{
			margin-bottom: 50px;
			li{
				padding-left: 1em;
				position: relative;
				&:not(:last-child){
					margin-bottom: 5px;
				}
				&:before{
					content: "・";
					position: absolute;
					left: 0;
					top: 0;
				}
			}
		}
	}
}


/*------------------------------------------
  contents_06
------------------------------------------*/
.contents_06{
	color: #FFF;
	font-family: 'Noto Serif JP', serif;
	.topBox{
		position: relative;
		&:before{
			content: "";
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			background: url("../img/img_con_06_01.jpg") no-repeat center top / cover;
			background-attachment: fixed;
			opacity: 0.8;
		}
		.contents{
			padding: 100vh 20px 200px 20px;
			position: relative;
			z-index: 2;
			text-align: center;
			text-shadow: 0 0 10px rgba(0,0,0,1);
			h2{
				margin-bottom: 180px;
				font-size: 100px;
				font-weight: 400;
				position: relative;
				span{
					position: absolute;
					right: 50%;
					bottom: -100px;
					transform: translate(130%, 0);
				}
				@media screen and (max-width: 999px) {
					margin-bottom: 100px;
					span{
						position: inherit;
						right: inherit;
						bottom: inherit;
						transform: none;
						display: block;
						text-align: center;
						img{
							max-width: 230px;
						}
					}
				}
			}
			p{
				font-size: 40px;
				line-height: 1.8;
			}
		}
	}
	.bottomBox{
		.boxLR{
			display: -ms-flex;
			display: flex;
			-ms-align-items: center;
			align-items: center;
			>div{
				-ms-flex: 1;
				flex: 1;
			}
			.boxR{
				.inner{
					padding: 20px 20px 20px 50px;
					max-width: 600px;
					p{
						font-size: 20px;
						line-height: 1.8;
						&:not(:last-child){
							margin-bottom: 1em;
						}
					}
				}
			}
		}
	}
	.lastTxt{
		padding: 50px 0;
		background: #f08700;
		font-family: 'Noto Sans JP', sans-serif;
		text-align: center;
		font-size: 2.5vw;
		font-weight: 700;
	}
}

@media screen and (max-width: 768px) {
	.contents_06{
		.topBox{
			height: 100vh;
			min-height: 660px;
			position: relative;
			display: -ms-flex;
			display: flex;
			-ms-align-items: center;
			align-items: center;
			&:before{
				content: "";
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
				background: url("../img/img_con_06_01.jpg") no-repeat center top / cover;
				background-attachment: inherit;
				opacity: 0.5;
			}
			.contents{
				padding: 0 20px 0 20px;
				position: relative;
				z-index: 2;
				text-align: center;
				text-shadow: 0 0 10px rgba(0,0,0,1);
				h2{
					margin-bottom: 40px;
					font-size: 11vw;
					span{
						img{
							max-width: 45vw;
						}
					}
				}
				p{
					font-size: 16px;
					text-align: left;
				}
			}
		}
		.bottomBox{
			.boxLR{
				display: block;
				.boxR{
					.inner{
						padding: 20px;
						max-width: inherit;
						p{
							font-size: 16px;
							line-height: 1.8;
							&:not(:last-child){
								margin-bottom: 1em;
							}
						}
					}
				}
			}
		}
		.lastTxt{
			.sp{
				display: block;
			}
			padding: 30px 0;
			background: #f08700;
			font-family: 'Noto Sans JP', sans-serif;
			text-align: center;
			font-size: 5.8vw;
			font-weight: 700;
		}
	}
}







/*------------------------------------------
  footer
------------------------------------------*/
footer{
	padding: 50px 5% 50px 5%;
	background: #1b1b1b;
	color: #FFF;
	.innerBox{
		max-width: 1020px;
		margin: 0 auto;
		display: -ms-flex;
		display: flex;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
		small{
			font-size: 12px;
		}
		.logoBox{
			display: -ms-flex;
			display: flex;
			-ms-align-items: center;
			align-items: center;
			a{
				display: block;
				&:not(:first-child){
					margin-left: 20px;
				}
				&:hover{
					opacity: 0.6;
				}
			}
		}
	}
}
@media screen and (max-width: 768px) {
	footer{
		padding: 50px 5% 100px 5%;
		.innerBox{
			max-width: 1020px;
			margin: 0 auto;
			display: -ms-flex;
			display: flex;
			-ms-justify-content: space-between;
			justify-content: space-between;
			-ms-align-items: center;
			align-items: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			small{
				width: 100%;
				display: block;
				text-align: center;
				font-size: 10px;
			}
			.logoBox{
				width: 100%;
				margin: 0 auto 20px auto;
				display: -ms-flex;
				display: flex;
				-ms-align-items: center;
				align-items: center;
				-ms-justify-content: center;
				justify-content: center;
				a{
					display: block;
					&:not(:first-child){
						margin-left: 20px;
					}
					&:hover{
						opacity: 0.6;
					}
				}
			}
		}
	}
}


/*/////////////////////アニメーション/////////////////////*/
.ani{
	transition: .8s;
}
/* 2つ目：opacity*/
.list-mv02{
	opacity: 0;
	transform: translate(0,60px);
	transition: all 0.8s ease;
}
.mv02{
	opacity: 1.0;
	transform: translate(0,0);
}
/* ７つ目：移動＋透明度 */
.list-mv07{
	opacity: 0;
	transform: translate(0,-60px);
	transition: all 0.8s ease;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0);
}

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

/*------------------------------------------
  キャンペーン一覧ボタン
------------------------------------------*/
.campaignList{
	padding: 50px 0;
	.btnCamp{
		width: 100%;
		max-width: 300px;
		height: 60px;
		margin: 0 auto;
		display: -ms-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		-ms-justify-content: center;
		justify-content: center;
		font-size: 18px;
		font-weight: 700;
		color: #FFF;
		border-radius: 10px;
		background: #49AABF;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		transition: 0.3s;
		&:hover{
			background: #77bccb;
			box-shadow: 0 0 0 rgba(0,0,0,0.5);
		}
	}
}