@charset "UTF-8";

/*==========================================

	全体

===========================================*/
body{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	-webkit-font-smoothing: antialiased;
}
.clearfix::after{
	clear: both;
	content: "";
	display: table;
}
.img{
	line-height: 0;
	text-align: center;
}
.img img{
	max-width: 100%;
}
.img-max img{
	width: 100%;
}
.contentInner{
	max-width: 1280px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 30px;
}
.title-common{
	border-bottom: 1px solid #000;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 40px;
	padding-bottom: 30px;
	text-align: center;
}
@media only screen and (min-width: 768px){
	.sp{
		display: none!important;
	}
}
@media only screen and (max-width: 767px){
	.pc{
		display: none!important;
	}
	.contentInner{
		padding: 0 5%;
	}
	.title-common{
		font-size: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
}

/*==========================================

	header

===========================================*/
header{
	width: 100%;
	background-color: #1A1A1A;
	padding: 20px 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
header #btn-close{
	line-height: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	cursor: pointer;
}
@media only screen and (max-width: 767px){
	header{
		padding: 12px 0;
	}
}

/*==========================================

	footer

===========================================*/
footer{
	position: relative;
	z-index: 5;
}
#amt-footer .ft-bot{
	background-color: #000;
	color: #fff;
}
#amt-footer .ft-bot .inner{
	width: 100%;
	box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 55px;
}
#amt-footer .ft-bot .inner .links{
	float: left;
    width: 60%;
}
#amt-footer .ft-bot .inner .links .link{
	display: inline-block;
    margin-right: 20px;
    padding-right: 15px;
    font-size: 12px;
	color: #fff;
	background: url(../img/ft_outerlink.png) no-repeat right center;
}
#amt-footer .ft-bot .inner .copy{
	float: right;
    width: 40%;
    text-align: right;
}
#amt-footer .ft-bot .inner .copy small{
	font-size: 12px;
    font-weight: bold;
    color: #fff;
}
@media only screen and (max-width: 767px){
	#amt-footer .ft-bot .inner{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#amt-footer .ft-bot .inner .links{
		float: none;
		width: 100%;
	}
	#amt-footer .ft-bot .inner .links .link{
		display: block;
		margin-right: 0;
		padding: 15px 20px;
		background: transparent;
		font-size: 12px;
		color: #fff;
		border-top: 1px solid #2d2d2d;
	}
	#amt-footer .ft-bot .inner .copy{
		float: none;
		width: 100%;
		text-align: center;
		padding: 15px 0;
		border-top: 1px solid #2d2d2d;
	}
}

/*==========================================

	container

===========================================*/
#container{
	color: #000;
	background-color: #fff;
	padding-top: 85px;
}
.bgBlue{
	background: url(../img/bg_blue.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
}
.bgBlue::after{
	content: "";
	width: 185px;
	height: 185px;
	background: url(../img/bg_blue_tri.png) no-repeat center center;
	position: absolute;
	right: 0;
	bottom: 0;
}
/*----- main_image -----*/
.main_image{
	padding: 90px 0;
	position: relative;
	z-index: 5;
	background: #81afce; /* Old browsers */
	background: -moz-linear-gradient(top, #738c96 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #738c96 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #738c96 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738c96', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.main_image p img{
	max-width: 100%;
}
.main_image .title h1,
.main_image .title p{
	text-align: center;
	margin: 0 auto;
}
.main_image .title .fade01{
	margin-bottom: 15px;
}
.main_image .title .fade02{
	margin-bottom: 65px;
}
.main_image .title .fade03{
	margin-bottom: 20px;
}
.main_image .fade04{
	transform: translateY(50px);
}
.main_image .fade04.fadein{
	transition: 2s;
	transform: translateY(0);
}
@media only screen and (max-width: 767px){
	#container{
		padding-top: 69px;
	}
	.bgBlue::after{
		width: 92.5px;
		height: 92.5px;
	}
	.main_image{
		padding: 45px 0;
	}
	.main_image .title .fade01{
		width: auto;
		margin-bottom: 15px;
	}
	.main_image .title .fade01 img{
		max-width: 286.5px;
	}
	.main_image .title .fade02{
		max-width: 320px;
		width: auto;
		margin-bottom: 25px;
	}
	.main_image .title .fade02 img{
		max-width: 204px;
	}
	.main_image .title .fade03{
		width: auto;
	}
	.main_image .title .fade03 img{
		max-width: 56.5px;
	}
}

/*----- .cont -----*/
.cont{
	position: relative;
}
.cont .cont_txt,
.cont .cont_img{
	box-sizing: border-box;
}
.cont .cont_img img{
	max-width: 531px;
	width: 100%;
}
.cont .cont_txt dl dt{
	font-size: 28px;
	letter-spacing: 0.05em;
	margin-bottom: 15px;
	font-weight: bold;
}
.cont .cont_txt dl dd{
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 2;
}
.cont .cont_txt dl dd span{
	display: block;
}
.cont .cont_img p{
	line-height: 0;
}
.cont-sub .cont_txt dl dt{
	font-size: 28px;
	line-height: 1.75;
	letter-spacing: 0.05em;
	text-align: center;
}
.cont-center{
	max-width: 770px;
	margin: 0 auto 230px;
}
.cont-center .cont_txt{
	margin-bottom: 30px;
}
/*.cont-center .cont_txt dl dt,*/
.cont-center .cont_txt dl dd{
	text-align: left;
}
.cont-center .cont_txt dl dd span{
	display: block;
	font-size: 14px;
}
.cont-center .cont_img p span{
	display: block;
	text-align: center;
	font-size: 21px;
	margin-bottom: 20px;
}
.cont-center .cont_img p img{
	max-width: 100%;
}
.cont-right,
.cont-left{
	padding-bottom: 150px;
	overflow: hidden;
}
.contHead{
	padding-top: 80px;
}
.contHead .cont_txt dl{
	text-align: center;
}
.contHead .cont_txt dl dt{
	margin-bottom: 35px;
}
.contHead .cont_txt dl dt span{
	display: block;
	font-size: 20px;
	margin-top: 15px;
}
.contHead .img{
	max-width: 900px;
	margin: 0 auto;
}
.cont01{
	padding-bottom: 170px;
}
.cont01 .cont_txt dl dd{
	letter-spacing: 0.09em;
}
.cont04 .cont_img{
	line-height: 0;
}
.cont09.cont-center{
	margin: 0 auto;
	padding-bottom: 140px;
}
.evolution{
	margin-top: 150px;
}
/*----- .botBox -----*/
.botBox{
	background-color: #fff;
}
.botBox .botBox_tit{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding-top: 90px;
}
.botBox .botBox_table{
	padding: 0 0 40px;
	max-width: 590px;
	margin: 0 auto;
}
.botBox .botBox_table table{
	width: 100%;
	border-collapse: collapse;
}
.botBox .botBox_table table th,
.botBox .botBox_table table td{
	color: #000;
	text-align: left;
	font-size: 14px;
	position: relative;
}
.botBox .botBox_table table th{
	border-bottom: 2px solid #000;
	font-weight: bold;
	padding-top: 25px;
}
.botBox .botBox_table table th:first-of-type{
	width: 44%;
}
.botBox .botBox_table table td{
	border-bottom: 1px solid #000;
}
.botBox .botBox_table table td:first-of-type{
	font-weight: bold;
}
.botBox .botBox_table table td small{
	font-size: 10px;
}
.botBox .botBox_table table td sup{
	font-size: 10px;
}
.botBox .botBox_table table .kome td{
	border: none;
}
.botBox .botBox_table table .kome td span{
	font-size: 10px;
}
.botBox .botBox_table .tableBox-04 th{
	padding-top: 0;
}
.botBox .botBox_img{
	max-width: 590px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.botBox .botBox_img p{
	line-height: 0;
	text-align: center;
}
.botBox .botBox_img p img{
	max-width: 100%;
}
.infoBox{
	max-width: 590px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.infoBox dl{
	border: 2px solid #005c9f;
	border-radius: 15px;
	padding: 20px;
	color: #005c9f;
}
.infoBox dl dt{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.infoBox dl dt a{
	color: #005c9f;
}
.infoBox dl dt a:hover{
	text-decoration: none;
}
.infoBox dl dd{
	font-size: 1.4rem;
	color: #000;
}
.itemsBox{
	max-width: 550px;
	margin: 0 auto 5%;
	padding-bottom: 100px;
	border: 2px solid #000;
	border-radius: 15px;
	padding: 20px;
}
.itemsBox .itemsBox_label{
	font-size: 1.6rem;
	font-weight: bold;
	padding: 2% 3%;
	background-color: #999;
	display: inline-block;
	color: #fff;
	border-radius: 15px;
	margin-bottom: 1%;
}
.itemsBox div{
	margin-bottom: 1%;
}
.itemsBox dl{
	width: 49%;
	margin-right: 2%;
	float: left;
	display: block;
}
.itemsBox dl:nth-child(even){
	margin-right: 0;
}
.itemsBox dl dt img{
	width: 100%;
}
.itemsBox dl dd{
	font-size: 1.4rem;
	padding-left: 1.5em;
}
.itemsBox dl dd::before{
	content: '● ';
	color: #444;
	margin-left: -1.5em;
}
.itemsBox .kome{
	font-size: 12px;
	margin-top: 20px;
}
.itemsBox sup{
	font-size: 10px;
}

/* スクロール・フェードイン　エフェクト */
.effect dl dt{
	transition: 0.8s;
}
.effect dl dd{
	transition: 0.8s;
  	transition-delay: 0.8s;
}
.effect .cont_img{
	transition: 0.8s;
  	transition-delay: 1.6s;
}
.effect .cont_img.change-trans01{
	transition-delay: 0.8s;
}
/* スクロール・フェードイン　エフェクト ここまで */

@media only screen and (min-width: 768px){
	.cont-center .cont_img p{
		box-sizing: border-box;
		text-align: center;
	}
	.cont-right .cont_txt,
	.cont-right .cont_img{
		width: 50%;
		float: right;
	}
	.cont-right .cont_txt{
		padding: 20px 0 20px 30px;
	}
	.cont-right .cont_img{
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
		padding-right: 20px;
		text-align: right;
	}
	.cont-left .cont_txt,
	.cont-left .cont_img{
		width: 50%;
		float: left;
	}
	.cont-left .cont_txt dl dt,
	.cont-left .cont_txt dl dd{
		text-align: left;
	}
	.cont-left .cont_txt{
		padding: 20px 30px 20px 0;
	}
	.cont-left .cont_img{
		width: 50%;
		position: absolute;
		right: 0;
		top: 0;
		padding-left: 20px;
		text-align: left;
	}
	.cont-right.cont-sub .cont_img p{
		text-align: right;
	}
	.cont-left.cont-sub .cont_img p{
		text-align: left;
	}
	.cont-sub .cont_img{
		position: relative;
	}
	.cont01 .cont_img{
		padding: 30px 20px 0 0;
	}
	.cont04 .cont_img p,
	.cont06 .cont_img p,
	.cont08 .cont_img p{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
	}
	.cont05 .cont_img p,
	.cont07 .cont_img p{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 20px;
	}
	.botBox .botBox_table table .kome td:last-of-type{
		text-align: left;
	}
	.infoBox dl dt br{
		display: none;
	}
	.itemsBox .kome{
		text-align: right;
	}
}
@media only screen and (max-width: 767px){
	.cont .cont_txt dl dt,
	.cont .cont_txt dl dd{
		text-align: left;
	}
	.cont .cont_txt dl dt{
		font-size: 18px;
	}
	.cont .cont_txt dl dd{
		font-size: 14px;
	}
	.cont .cont_img{
		margin-top: 15px;
		text-align: center;
	}
	.contHead{
		padding-top: 50px;
	}
	.contHead .cont_txt dl dt{
		font-size: 20px;
		text-align: center;
	}
	.contHead .cont_txt dl dt span{
		font-size: 14px;
	}
	.cont-center .cont_img p span{
		font-size: 17px;
		margin-bottom: 10px;
	}
	.cont-center{
		margin-bottom: 100px;
	}
	.cont-right,
	.cont-left{
		padding-bottom: 60px;
	}
	.cont-right .cont_img img,
	.cont-left .cont_img img{
		max-width: 80%;
	}
	.cont-right.cont-sub .cont_img p,
	.cont-left.cont-sub .cont_img p{
		text-align: center;
	}
	.cont-sub .cont_txt dl dt{
		font-size: 16px;
	}
	.cont09.cont-center{
		padding-bottom: 80px;
	}
	.evolution{
		margin-top: 75px;
	}
	.botBox .botBox_tit{
		padding-top: 40px;
		font-size: 16px;
	}
	.botBox .botBox_table{
		padding: 0 0 20px;
	}
	.botBox .botBox_table table tr th,
	.botBox .botBox_table table tr td{
		font-size: 12px;
	}
	.botBox .botBox_table table th{
		padding-top: 15px;
	}
	.botBox .botBox_table table td span{
		font-size: 9px;
	}
	.botBox .botBox_img{
		padding-bottom: 50px;
	}
	.infoBox{
		padding-bottom: 50px;
	}
	.infoBox dl{
		padding: 10px;
	}
	.infoBox dl dt{
		margin-bottom: 10px;
	}
	.infoBox dl dd{
		font-size: 1.2rem;
	}
	/* 181024プレスリリース 付け足し */
	.cont10 .cont_img img{
		width: 50%;
	}
	.itemsBox{
		padding: 10px;
	}
	.itemsBox .itemsBox_label{
		font-size: 1.4rem;
	}
	.itemsBox dl dd{
		font-size: 1.2rem;
	}
}

/*==========================================

	.main_image .pageBtn

===========================================*/
.main_image .pageBtn{
	display: block;
	padding: 90px 2% 0px;
}
.main_image .pageBtn a{
	display: block;
	background-color: #999;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 15px 10px;
}
.main_image .pageBtn a,
.main_image .pageBtn a::before,
.main_image .pageBtn a::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.main_image .pageBtn a:hover{
	background-color: #888;
}
.main_image .pageBtn a.pageLink::after{
	content: '';
	display: block;
	background: url(../img/ico_arrow-down.png) no-repeat center center;
	background-size: 18px;
	margin-top: 5px;
	padding-bottom: 20px;
}
.main_image .pageBtn a.pageBlank::after{
	content: '';
	background: url(../img/ico_eternal-link.png) no-repeat center center;
	background-size: 18px;
	padding-bottom: 18px;
	padding-top: 2px;
	display: block;
}
.main_image .pageBtn a.pageBlank{
	background-color: #777;
}
.main_image .pageBtn a.pageBlank:hover {
	background-color: #666;
}
.main_image .pageBtn .pageBtn_list-2{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.main_image .pageBtn .pageBtn_list-2 a{
	width: 49%;
	background-color: #000;
	box-sizing: border-box;
}
.main_image .pageBtn .pageBtn_list-2 a:hover{
	opacity: 0.7;
}
.main_image .pageBtn .pageBtn_list-3 li{
	float: left;
	width: 32%;
	box-sizing: border-box;
	margin-right: 2%;
	letter-spacing: 0.15em;
	color: #fff;
	background-color: #666;
	font-size: 110%;
}
.main_image .pageBtn .pageBtn_list-3 li:last-child{
	margin-right: 0;
}

@media only screen and (min-width: 768px){
	
}
@media only screen and (max-width: 767px){
	.main_image .pageBtn{
		padding: 6% 4% 0px;
	}
	.main_image .pageBtn li{
		font-size: 94%;
	}
	.main_image .pageBtn li a{
		padding: 7% 1% 4%;
	}
	.main_image .pageBtn li a.pageLink::after,
	.main_image .pageBtn li a.pageBlank::after{
		background-size: 12px;
	}
	.main_image .pageBtn a.pageLink::after{
		margin-top: 2px
	}
}