@charset "UTF-8";
/* home */

/*====================================
    slider
======================================*/

#slider {
    overflow:visible;
    position:relative;
    width:100%;
    height:550px;
	margin: 0 auto;
}
#sliderInner {
    width:1100px;
    height:550px;
    position: absolute;
	top:0;right:125px;
}
#sliderInner li {
    width:1100px;
    text-align:right;
    position: relative;
    height:550px;
}
#sliderInner li img{
	/*zoomアニメーションとの兼ね合いで無効化
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:1100px;
    height:550px;
	*/
}
/* ページャー */
.bx-wrapper {
    margin:0 auto;
    position:relative;
}
.bx-wrapper .bx-pager {
    position: absolute;
    top:100px;right:-25%; 
    width: 20%;
    height: 550px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 0 60px;
    outline:0;
    text-indent:-9999px;
    background:#fff;
	border: solid 2px #969696;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#ffecb3;
	border: solid 2px #ffecb3;

}

@media screen and (min-width:0px) and (max-width:767px) {

	#slider {
		overflow:visible;
		position:relative;
		width:100%;
		height:100vh;
		margin: 0 auto;
	}
	#sliderInner {
		width:100%;
		height:100vh;
		position: absolute;
		top:0;right:0;
	}
	#sliderInner li {
		text-align:center;
		position: relative;
		width:auto;
		height:100vh;
	}
	#sliderInner li img{
		/*zoomアニメーションとの兼ね合いで無効化
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);*/
		width:auto;
		height:100vh;
		position: absolute;
		top:0;left:-15%;
	}
	/* ページャー */
	.bx-wrapper {
		margin:0 auto;
		position:relative;
	}
	.bx-wrapper .bx-pager {
		display:none;
	}
	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display:none;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		display:none;
	}
}


/*====================================
    top_copy
======================================*/

.top_copy{
	margin-top: 100px;
	background-image: url("../img/home/bg_gray_L.png");
	background-position: center;
	background-size: cover;
	padding: 75px 20px;
}
.top_copy div{
	padding: 0 20px;
}
.top_copy div:nth-of-type(2){
	border-left: solid 1px #fff;
}
.top_copy h2{
	padding-bottom: 50px;
	position: relative;
}
.top_copy h2:after{
	content:"";
	width: 150%;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	bottom:0;left:-50%;
}
.top_copy img{
	display: block;
	margin: 50px 0 0;
}
.top_copy ul{
	padding-left: 20px;
	width: 100%;
}
.top_copy ul li{
	width: 32%;
	color: #fff;
	letter-spacing: 0.5px;
	padding:15px 5px;
	margin: 3px 0.5%;
	border: solid 1px #fff;
	float: left;
}
.top_copy p{
	margin-top: 15px;
	padding-left: 20px;
}

@media screen and (min-width:0px) and (max-width:767px) {

	.top_copy{
		margin-top:0;
		background-image: url("../img/home/bg_gray_L_sp.png");
		background-position: center;
		background-size: cover;
		padding: 75px 5%;
	}
	.top_copy div{
		padding: 0;
	}
	.top_copy div:nth-of-type(2){
		border-left:none;
	}
	.top_copy h2{
		width: 80%;
		margin: 0 auto;
		padding-bottom: 50px;
		position: relative;
	}
	.top_copy h2:after{
		content:"";
		width: 120%;
		height: 1px;
		background-color: #FFF;
		position: absolute;
		bottom:0;left:-10%;
	}
	.top_copy img{
		display: block;
		width: 75%;
		height: auto;
		margin: 50px auto 25px;
	}
	.top_copy ul{
		padding-left: 0;
		width: 100%;
	}
	.top_copy ul li{
		width: 49%;
		color: #fff;
		letter-spacing: 0.5px;
		padding:10px 5px;
		margin: 3px 0.5%;
		border: solid 1px #fff;
		float: left;
	}
	.top_copy p{
		padding-left:0;
	}
}

/*====================================
	jirei
======================================*/

.jirei{
	margin-top: 100px;
}
.jirei article{
	padding:50px 40px;
}
.jirei article .thumb{
	width:600px;
	height:600px;
	overflow: hidden;
	position: relative;
}
.jirei article .thumb img{
	/*縦100％でセンター合わせ*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.jirei article .jirei_text{
	width: 100%;
	height: 200px;
	padding: 75px 30px 10px;
	background-image: url("../img/home/bg_gray_M.png");
	background-position: center;
	background-size: cover;
	position: relative;
}
.jirei article .jirei_text .jirei_cat{
	width: 150px;
	height: 100px;
	background-color: #000;
	padding: 15px;
	position:absolute;
	top: -55px;left:30px;
}
.jirei article .jirei_text .jirei_cat span{
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
.jirei article .jirei_text .jirei_cat span.eng{
	font-size: 14px;
	letter-spacing: 0.1em;
}
.jirei article .jirei_text .jirei_cat span.other{
	width: 90px;
	margin: 15px auto 0;
	text-align: center;
	position: relative;
}
.jirei article .jirei_text .jirei_cat span.other:before,
.jirei article .jirei_text .jirei_cat span.other:after {
    border-top: 1px solid #fff;
    content: "";
    position: absolute;
    top: 50%;
    width:15%;
}
.jirei article .jirei_text .jirei_cat span.other:before {
    right: 100%;
}
.jirei article .jirei_text .jirei_cat span.other:after {
    left: 100%;
}
.jirei article .jirei_text .owner{
	position: absolute;
	width: auto;
	bottom: 10px;right:270px;
	text-align: right;
}
.jirei article .jirei_text .owner:before{
	position: absolute;
	top:12px;left:-110px;
	content: "";
	width: 90px;
	height: 1px;
	background-color: #fff;
}
.jirei article .jirei_text .link_btn_white{
	position: absolute;
	bottom:10px;right: 10px;
}

@media screen and (min-width:0px) and (max-width:767px) {
	.jirei{
		margin-top:0;
	}
	.jirei article{
		padding:15px 0 0;
	}
	.jirei article .thumb{
		width:100%;
		height:0;
		padding-bottom: 100%;
		position: relative;
		overflow: hidden;
	}
	.jirei article .thumb img{
		/*縦100％でセンター合わせ*/
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: auto;
		height: 100%;
	}
	.jirei article .jirei_text{
		width: 100%;
		height: 200px;
		padding: 50px 5% 20px;
		background-image: url("../img/home/bg_gray_M.png");
		background-position: center;
		background-size: cover;
		position: relative;
	}
	.jirei article .jirei_text .jirei_cat{
		width: 150px;
		height: 100px;
		background-color: #000;
		padding: 15px;
		position:absolute;
		top: -65px;left:5%;
	}
	.jirei article .jirei_text .jirei_cat span{
		display: block;
		color: #fff;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
	}
	.jirei article .jirei_text .jirei_cat span.eng{
		font-size: 14px;
		letter-spacing: 0.1em;
	}
	.jirei article .jirei_text .jirei_cat span.other{
		width: 90px;
		margin: 15px auto 0;
		text-align: center;
		position: relative;
	}
	.jirei article .jirei_text .jirei_cat span.other:before,
	.jirei article .jirei_text .jirei_cat span.other:after {
		border-top: 1px solid #fff;
		content: "";
		position: absolute;
		top: 50%;
		width:15%;
	}
	.jirei article .jirei_text .jirei_cat span.other:before {
		right: 100%;
	}
	.jirei article .jirei_text .jirei_cat span.other:after {
		left: 100%;
	}
	.jirei article .jirei_text .title_dot_white:before{
		position: absolute;
		top:7px;left:0;
	}
	.jirei article .jirei_text .owner{
		position: absolute;
		bottom: 75px;right:5%;
		text-align: right;
	}
	.jirei article .jirei_text .owner:before{
		position: absolute;
		top:12px;left:-110px;
		content: "";
		width: 90px;
		height: 1px;
		background-color: #fff;
	}
	.jirei article .jirei_text .link_btn_white{
		position: absolute;
		bottom:20px;right:50%;
		margin-right:-115px;
	}
}

/*====================================
	news_contents    
======================================*/

.news_contents{
	margin: 100px auto 0;
}
.news_box article a{
	display: block;
	width: 100%;
	padding: 25px;
	background-color: #f8f8f8;
	transition: .3s;
	border-bottom: solid 1px #fff;
	position: relative;
}
.news_box article a:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #333;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.news_box article a:hover{
	background-color:#f5efcf;
}
.news_box article a:hover:after{
	width: 100%;
}
.news_box article .news_date{
	display: inline-block;
	width: 140px;
	color: #be8c8d;
}
.news_box article h3{
	display: inline-block;
}
.type_kansei{
	width: 200px;
	height: 40px;
	padding-left: 15px;
	background-color: #f1c410;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background-image: url("../img/home/icon_kaisei.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 7px left 15px;
	position: absolute;
	top:15px;right:10px;
}
.type_kansei_end{
	width: 200px;
	height: 40px;
	padding-left: 15px;
	background-color: #E4E4E4;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background-image: url("../img/home/icon_kaisei.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 7px left 15px;
	position: absolute;
	top:15px;right:10px;
}
.type_report{
	width: 200px;
	height: 40px;
	padding-left: 15px;
	background-color:#F0E7B5;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background-image: url("../img/home/icon_report.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 7px left 15px;
	position: absolute;
	top:15px;right:10px;
}
.news_contents .link_btn_white{
	margin: 50px 0 0 870px;
}

@media screen and (min-width:0px) and (max-width:767px) {

	.news_contents{
		margin: 50px auto 0;
	}
	.news_box article a{
		display: block;
		width: 100%;
		padding: 20px;
		background-color: #f8f8f8;
		transition: .3s;
		border-bottom: solid 1px #fff;
		position: relative;
	}
	.news_box article a:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 1px;
		background-color: #333;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.news_box article a:hover{
		background-color:#f5efcf;
	}
	.news_box article a:hover:after{
		width: 100%;
	}
	.news_box article .news_date{
		display: block;
		width: 140px;
		color: #be8c8d;
	}
	.news_box article h3{
		display: block;
		padding-right: 50px;
	}
	.type_kansei{
		width: 40px;
		height: 40px;
		text-indent: -99999px;
		background-color: #f1c410;
		border-radius:50%;
		background-image: url("../img/home/icon_kaisei.png");
		background-repeat: no-repeat;
		background-position: top 7px left 7px;
		position: absolute;
		top:20px;right:10px;
	}
	.type_kansei_end{
		width: 40px;
		height: 40px;
		padding-left: 15px;
		text-indent: -99999px;
		background-color: #E4E4E4;
		border-radius:50%;
		background-image: url("../img/home/icon_kaisei.png");
		background-repeat: no-repeat;
		background-position: top 7px left 7px;
		position: absolute;
		top:20px;right:10px;
	}
	.type_report{
		width: 40px;
		height: 40px;
		text-indent: -99999px;
		background-color:#F0E7B5;
		border-radius: 50%;
		background-image: url("../img/home/icon_report.png");
		background-repeat: no-repeat;
		background-position: top 7px left 7px;
		position: absolute;
		top:20px;right:10px;
	}
	.news_contents .link_btn_white{
		width: 230px;
		margin:15px auto 0;
		float: none;
	}
}

/*====================================
	report_area   
======================================*/

.report_area{
	margin: 100px auto 0;
}
.report_box{
	background-image: url("../img/home/bg_report.png");
	background-size: cover;
	padding: 50px;
}
.report a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
}
.report a:hover{
	background-color:#f5efcf;
}
.thumb_report{
	width: 200px;
	height: 280px;
	float: left;
	overflow: hidden;
	position: relative;
}
.thumb_report img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.report_text{
	width: 400px;
	padding:10px 30px;
	float: left;
}
.report_date{
	display: block;
	width: 140px;
	color: #be8c8d;
}
.report_text h3{
	font-size: 18px;
	height: 80px;
	border-bottom: solid 1px #000;
	margin-bottom: 25px;
}
.report_box .link_btn_white{
	padding-top: 35px;
}
.report_box .link_btn_white a{
	margin: 0 auto;
}


@media screen and (min-width:0px) and (max-width:767px) {

	.report_area{
		margin: 50px auto 0;
	}
	.report_box{
		background-image: url("../img/home/bg_report_sp.png");
		background-size: cover;
		padding: 10px 10px 30px;
	}
	.report{
		margin-bottom: 5px;
	}
	.report a{
		display: block;
		width: 100%;
		height: 100%;
		padding: 10px;
	}
	.report a:hover{
		background-color:#f5efcf;
	}
	.thumb_report{
		width: 35%;
		height: 0;
		padding-bottom: 49%;
		float: left;
		overflow: hidden;
		position: relative;
	}
	.thumb_report img{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
	.report_text{
		width: 65%;
		padding:5px 10px 0;
		float: left;
	}
	.report_date{
		display: block;
		width: 140px;
		color: #be8c8d;
		margin-bottom: 10px;
	}
	.report_text h3{
		font-size: 12px;
		height: auto;
		padding-bottom: 10px;
		border-bottom: solid 1px #000;
		margin-bottom:15px;
	}
	.report_text p{
		font-size: 10px;
	}
	.report_box .link_btn_white{
		padding-top: 15px;
	}
	.report_box .link_btn_white a{
		margin: 0 auto;
	}
}



/*====================================
	we_are_attract
======================================*/

.we_are_attract{
	padding: 300px 0 0;
	background-image: url("../img/home/bg_we_are_attract.png");
	background-position:left -200px;/*topの位置はbase.jsのparallaxで指定*/
}
.we_are_attract h2{
	width: 560px;
	margin: 0 auto;
}
.we_are_attract h2 span{
	display: block;
	width: 560px;
	text-align: center;
	margin-top: 50px;
}
.attract_link_area{
	margin-top: 50px;
}
.attract_link a{
	display: block;
	width: 33.3%;
	height: 25.3%;
	overflow: hidden;
	border: solid 1px #fff;
	position: relative;
	float: left;
}
.attract_link_name{
	width: 270px;
	height: 90px;
	background-color: rgba(0,0,0,0.70);
	color: #fff;
	padding: 55px 0 0 20px;
	position: absolute;
	bottom: 15px;left: 15px;
	z-index: 2;
}
.attract_link_name.bg_gray{
	background-color:#565656;
}
.attract_link_image{
	background-color: #fff;
}
.attract_link_image img#at{
	display: block;
	width: 71px;
	height: 109px;
	position: absolute;
	top:30%;right:5%;
	opacity: 1;
}
.attract_link_image img{
	transition: 1s;
	opacity: 0.7;
}
.attract_link_image.no_opacity img{
	opacity: 1;
}
.attract_link a:hover > .attract_link_image img{
	opacity: 1;
    transform:scale(1.025);
}
.we_are_attract aside{
	padding:275px 0 50px;
	margin-top: -200px;
	background-image: url("../img/home/bg_we_area_attract_gray.png");
}
.we_are_attract aside ul li{
	margin: 0 0 50px;
}
.we_are_attract aside ul li p.title_dot_white{
	width: 85%;
	padding-bottom: 10px;
	border-bottom: solid 1px #000;
	margin-bottom: 15px;
}
.we_are_attract aside ul li p a{
	text-decoration: underline;
}
	
@media screen and (min-width:0px) and (max-width:767px) {

	.we_are_attract{
		margin: 50px auto 0;
		padding: 0;
		background-image: none;
	}
	.we_are_attract h2{
		width: 100%;
		margin: 0 auto;
	}
	.we_are_attract h2 img{
		width: 140%;
		margin-left: -20%;
	}
	.we_are_attract h2 span{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 25px;
	}
	.attract_link_area{
		margin-top: 25px;
		padding:35px 5%;
		background-image: url("../img/home/bg_we_area_attract_gray_sp.png");
	}
	.attract_link a{
		display: block;
		width: 50%;
		height: 0;
		padding-bottom: 38%;
		overflow: hidden;
		border: solid 1px #fff;
		position: relative;
		float: left;
	}
	.attract_link_name{
		width: 96%;
		height: 40px;
		background-color: rgba(0,0,0,0.70);
		color: #fff;
		padding: 15px 0 0 10px;
		position: absolute;
		bottom: 5px;left: 2%;
		z-index: 2;
	}
	.attract_link_name.gray{
		background-color:#565656;
	}
	.attract_link_image{
		background-color: #fff;
	}
	.attract_link_image img#at{
		display: block;
		width: 30px;
		height: 50px;
		position: absolute;
		top:10%;right:5%;
		opacity: 1;
	}
	.attract_link_image img{
		width: 100%;
		height: auto;
		transition: 1s;
		opacity: 0.7;
	}
	.attract_link_image.no_opacity img{
		opacity: 1;
	}
	.attract_link a:hover > .attract_link_image img{
		opacity: 1;
		transform:scale(1.025);
	}
	.we_are_attract aside{
		padding:0 5% 25px;
		margin-top: 0;
		background-image: url("../img/home/bg_we_area_attract_gray_sp.png");
	}
	.we_are_attract aside ul li{
		margin: 0 0 25px;
	}
	.we_are_attract aside ul li:nth-of-type(3),	.we_are_attract aside ul li:nth-of-type(4){
		display: none;
	}
	.we_are_attract aside ul li p.title_dot_white{
		width: 100%;
		padding-bottom: 10px;
		border-bottom: solid 1px #000;
		margin-bottom: 15px;
		top:0;
	}
	.we_are_attract aside ul li p.title_dot_white:before{
		top:5px;
	}
	.we_are_attract aside ul li p a{
		text-decoration: underline;
	}
}