@charset "utf-8";
/*
 * =======================================================
 * 
 * [concept]
 * 
 * =======================================================
 */
.sectionVox {}
	.sectionVox h2 {
		position: relative;
		letter-spacing: 0.5em;
		margin-bottom: 40px;
		text-align: center;
		font-weight: bold;
	}
	.sectionVox h2::before {
		content: '';
		background: scroll url(../../images/content/concept/PC_obj01.png) no-repeat left top;
		position: absolute;
		top: -75px;
		left: 45px;
		z-index: 10;
		width: 104px;
		height: 68px;
	}
	.sectionVox .intro {
		margin-bottom: 80px;
		position: relative;
		line-height: 60px;
		background: scroll url(../../images/content/content/PC_text_bg.png) repeat left bottom 1px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.2em;
	}
	.sectionVox .intro::before {
		content: '';
		background: scroll url(../../images/content/concept/PC_obj02.png) no-repeat left top;
		position: absolute;
		right: -115px;
		top: 30px;
		width: 188px;
		height: 212px;
	}
	.sectionVox .text01 {
		background: scroll url(../../images/content/content/PC_bg01.jpg) repeat left top;
		padding: 20px 0;
		text-align: center;
		border-radius: 10px;
		font-weight: bold;
		letter-spacing: 0.3em;
		position: relative;
		line-height: 2;
		margin-bottom: 80px;
	}
	.sectionVox .text01::before {
		content: '';
		background: scroll url(../../images/content/concept/PC_obj03.png) no-repeat left top;
		position: absolute;
		right: -50px;
		top: -80px;
		width: 64px;
		height: 140px;
	}
	.sectionVox .text01::after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 35px 15px 0 15px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		bottom: -35px;
	}
	.sectionVox .conteVox {
		position: relative;
		min-height: 1220px;
	}
	.sectionVox .conteVox::before {
		content: '';
		background: scroll url(../../images/content/concept/PC_obj04.png) no-repeat left top;
		position: absolute;
		left: -80px;
		top: -175px;
		width: 120px;
		height: 144px;
	}
		.sectionVox .conteVox .bg {
			position: absolute;
			left: -45px;
			top: 55px;
		}
		.sectionVox .conteVox .item {
			position: absolute;
			width: 280px;
		}
		.sectionVox .conteVox .item01 {
			left: 0;
			top: 55px;
		}
		.sectionVox .conteVox .item02 {
			right: 0;
			top: 490px;
		}
		.sectionVox .conteVox .item03 {
			left: 0;
			top: 885px;
		}
			.sectionVox .conteVox .item .title {
				display: block;
				margin-bottom: 25px;
			}
			.sectionVox .conteVox .item01 .title {
				position: relative;
			}
				.sectionVox .conteVox .item01 .title .grand {
					width: 280px;
					height: 66px;
					position: absolute;
					top: -65px;
					left: 0;
					background: scroll url(../../images/content/concept/PC_logo01_btn.png) no-repeat left top;
					text-indent: -9999px;
					display: block;
					-webkit-transition: top .1s linear;
					-ms-transition: top .1s linear;
					transition: top .1s linear;
				}
				.sectionVox .conteVox .item01 .title .grand:hover {
					top: -60px;
				}
			.sectionVox .conteVox .item .copy {
				letter-spacing: 0.3em;
				font-weight: bold;
				line-height: 2;
				margin-bottom: 30px;
				text-align: center;
			}
			.sectionVox .conteVox .item01 .copy {
				color: #004CBC;
			}
			.sectionVox .conteVox .item02 .copy {
				color: #0089DC;
			}
			.sectionVox .conteVox .item03 .copy {
				color: #007A9D;
			}
			.sectionVox .conteVox .item .btn {
				display: inline-block;
				width: 275px;
				border-radius: 10px;
				color: #FFFFFF;
				padding: 30px 0;
				text-align: center;
				font-weight: bold;
				text-decoration: none;
				position: relative;
				line-height: 1;
				-webkit-transition: all .1s linear;
				-ms-transition: all .1s linear;
				transition: all .1s linear;
			}
			.sectionVox .conteVox .item .btn:hover {
				box-shadow: none;
				-webkit-transform: translateY(8px);
				-ms-transform: translateY(8px);
				transform: translateY(8px);
			}
			.sectionVox .conteVox .item01 .btn {
				background-color: #0071BC;
				box-shadow: 0px 8px 0 0 rgba(0,76,188,1);
				-webkit-box-shadow: 0px 8px 0 0 rgba(0,76,188,1);
				-moz-box-shadow: 0px 8px 0 0 rgba(0,76,188,1);
			}
			.sectionVox .conteVox .item02 .btn {
				background-color: #29ABE2;
				box-shadow: 0px 8px 0 0 rgba(0,137,220,1);
				-webkit-box-shadow: 0px 8px 0 0 rgba(0,137,220,1);
				-moz-box-shadow: 0px 8px 0 0 rgba(0,137,220,1);
			}
			.sectionVox .conteVox .item03 .btn {
				background-color: #00A99D;
				box-shadow: 0px 8px 0 0 rgba(0,122,157,1);
				-webkit-box-shadow: 0px 8px 0 0 rgba(0,122,157,1);
				-moz-box-shadow: 0px 8px 0 0 rgba(0,122,157,1);
			}
/**
 ****************************************************
 * 
 * screens larger than 768
 * 
 ****************************************************
 */
@media only screen and (min-width: 769px) {
	
}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media screen and (max-width: 768px) and (orientation:portrait) {
	
}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	.sectionVox {}
		.sectionVox h2 {
			letter-spacing: 0.3em;
			margin-bottom: 20px;
		}
		.sectionVox h2::before {
			top: -50px;
			left: 0;
			width: 52px;
			height: 34px;
			background-size: 100%;
		}
		.sectionVox .intro {
			margin-bottom: 40px;
			line-height: 30px;
			letter-spacing: 0.1em;
			font-size: 1.1rem;
			background-size: auto 30px;
		}
		.sectionVox .intro::before {
			right: -35px;
			top: 0;
			width: 94px;
			height: 106px;
			background-size: 100%;
			transform-origin: right top;
			transform: scale(0.6);
		}
		.sectionVox .text01 {
			background-size: 400px;
			padding: 10px 0;
			border-radius: 5px;
			letter-spacing: 0em;
			font-size: 1.2rem;
			margin-bottom: 40px;
		}
		.sectionVox .text01::before {
			right: -30px;
			top: -40px;
			width: 32px;
			height: 70px;
			background-size: 100%;
		}
		.sectionVox .text01::after {
			border-width: 17px 7.5px 0 7.5px;
			margin-left: -7.5px;
			bottom: -17px;
		}
		.sectionVox .conteVox {
			position: relative;
			min-height: 1200px;
		}
		.sectionVox .conteVox::before {
			left: -20px;
			top: -60px;
			width: 60px;
			height: 72px;
			background-size: 100%;
		}
			.sectionVox .conteVox .bg {
				left: 50%;
				top: 0;
				width: 341px;
				margin-left: -165px;
			}
			.sectionVox .conteVox .item {
				width: 140px;
				margin-left: -70px;
			}
			.sectionVox .conteVox .item01 {
				left: 50%;
				top: 180px;
			}
			.sectionVox .conteVox .item02 {
				right: auto;
				left: 50%;
				top: 620px;
			}
			.sectionVox .conteVox .item03 {
				left: 50%;
				top: 1045px;
			}
				.sectionVox .conteVox .item .title {
					margin-bottom: 10px;
					position: relative;
					height: 25px;
				}
				.sectionVox .conteVox .item .title {}
					.sectionVox .conteVox .item .title img {
						height: 25px;
					}
					.sectionVox .conteVox .item01 .title .grand {
						width: 85px;
						height: 85px;
						top: -80px;
						left: 130px;
						background: scroll url(../../images/content/concept/SP_logo01_btn.png) no-repeat left top;
						background-size: 100%;
						transition: none;
					}
					.sectionVox .conteVox .item01 .title .grand:hover {
						top: -80px;
					}
				.sectionVox .conteVox .item .copy {
					letter-spacing: 0.3em;
					margin-bottom: 10px;
					line-height: 1.5;
					font-size: 1.0rem;
				}
				.sectionVox .conteVox .item .btn {
					width: 100%;
					border-radius: 5px;
					padding: 15px 0;
				}
				.sectionVox .conteVox .item01 .btn {
					box-shadow: 0px 4px 0 0 rgba(0,76,188,1);
				}
				.sectionVox .conteVox .item02 .btn {
					box-shadow: 0px 4px 0 0 rgba(0,137,220,1);
				}
				.sectionVox .conteVox .item03 .btn {
					box-shadow: 0px 4px 0 0 rgba(0,122,157,1);
				}
}	/* @media END */