@charset "UTF-8";
/* ---------------------------
contents
--------------------------- */
img{
	max-width: 100%;
}
.section__top{
	/*background: url(../../imgs/top/img_top_dammy_pc.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/*min-width: 1200px;*/
	width: 100%;
	/*height: 600px;*/
	position: relative;
	overflow: hidden;
}
.section__top .section{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.section__top .section #myVideo{
	position:absolute;
	right: 0;
	bottom: 0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: 100% 100%;
	background-color: #fff;
	background-position: center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
	object-fit: cover;
	overflow:hidden;
	max-width:100%;
}
@media all and (-ms-high-contrast:none){
	.section__top .section #myVideo{
		position:absolute;
		right: 0;
		bottom: 0;
		min-width: 100%;
		min-height: 100%;
		width: auto!important;
		height: auto!important;
		z-index: 1;
		background-size: cover;
		object-hit:contain;
		max-width:none;
		overflow:auto;
	}
}
#contents .inner{
	max-width: 960px;
	margin: 0 auto;
}
.section__top .section .inner:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0,179,249,.43);
	mix-blend-mode: multiply;*/
	z-index: 10;
	top: 0;
	left: 0;
}
/*@media all and (-ms-high-contrast:none){
  .section__top .section .inner:after{
	   filter: brightness(92%) contrast(162%) ;
	  -webkit-filter: brightness(92%) contrast(162%) ;
	  -moz-filter: brightness(92%) contrast(162%) ;
	  -o-filter: brightness(92%) contrast(162%) ;
	  -ms-filter: brightness(92%) contrast(162%) ;
  }
}*/
#particles-js{
	position: absolute;
	width: 600px;
	height: 350px;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	/*margin-top: 150px;*/
	margin-top: -175px;
	z-index: 20;
}
.section__top h2{
	/*padding-top: 265px;
	padding-left: 65px;*/
	text-align: center;
	position: relative;
	z-index: 20;
	transition: all 2s ease-out;
	opacity: 0;
	top: 100px;
}
.section__top h2.active{
	opacity: 1;
	top: 0;
}
.cont_lead_area{
	text-align: center;
	padding: 60px 0;
}
.cont_ttl{
	font-family: 'Nunito', sans-serif;
	font-size: 31px;
	color: #808080;
	width: 255px;
	margin: 0 auto;
	position: relative;
	letter-spacing: 3px;
}
.cont_ttl:after{
	border-bottom: 1px solid #808080;
	position: absolute;
	content: "";
	bottom: 10px;
	left: 0;
	width: 255px;
}
.txt_01{
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
}
.lead{
	font-size: 25px;
	letter-spacing: 3px;
	padding-top: 50px;
	margin-bottom: -35px;
}
.top_table{
	width: 100%;
	font-size: 15px;
	border-spacing :0px 10px;
    border-collapse : separate ;
}
.top_table tr th{
	vertical-align: middle;
	width: 100px;
	text-align: left;
	font-weight: bold;
}
.top_table tr td{
	vertical-align: middle;
	text-align:center;
	width: 120px;
	padding: 5px 0;
}
.top_table tr td:nth-of-type(1){
	font-size: 13px;
}
.top_table tr td.news_txt{
	width: 720px;
	text-align: left;
	padding-left: 20px;
}
.top_table tr td.news_txt a{
	color: #000;
	text-decoration: underline;
}
.top_table tr td.news_txt a:hover{
	text-decoration: none;
}
.top_table tr td.bc_01{
	background: #00b5d6;
	color: rgba(255,255,255,1.00);
}
.top_table tr td.bc_02{
	background: #ffa200;
	color: rgba(255,255,255,1.00);
}
.top_table tr td.bc_03{
	background: #ff597e;
	color: rgba(255,255,255,1.00);
}
.top_table tr th.cl_04{
	border-bottom: 1px solid #fdd000;
}
.top_table tr td.bc_04{
	background: #fdd000;
	color: rgba(255,255,255,1.00);
}
.top_table tr th.cl_05{
	border-bottom: 1px solid #808080;
}
.top_table tr td.bc_05{
	background: #808080;
	color: rgba(255,255,255,1.00);
}
.links_btn{
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	position: relative;
	padding-right: 40px;
}
.links_btn a{
	color: #000;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.links_btn a:after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 34px 0 0;
	border-color: #000 transparent transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.links_btn a{
	color: #333;
}
.links_btn a:hover:after{
	right: -10px;
	border-color: #333 transparent transparent;
}
.links_btn_02{
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	position: relative;
	padding-right: 40px;
}
.links_btn_02 a{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.links_btn_02 a:after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 34px 0 0;
	border-color: #fff transparent transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.links_btn_02 a{
	color: #f5f5f5;
}
.links_btn_02 a:hover:after{
	right: -10px;
	border-color: #f5f5f5 transparent transparent;
}
.links_btn_03{
	text-align:center;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	position: relative;
	display: inline-block;
}
.links_btn_03 a{
	position: relative;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding-right: 40px;
}
.links_btn_03 a:after{
	position: absolute;
	content: "";
	top: -4px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 34px 0 0;
	border-color: #fff transparent transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.links_btn_03 a{
	color: #f5f5f5;
}
.links_btn_03 a:hover:after{
	right: -10px;
	border-color: #f5f5f5 transparent transparent;
}
.links_btn_04{
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	position: relative;
}
.links_btn_04 a{
	color: rgba(0,0,0,1.00);
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
	padding-right: 40px;
}
.links_btn_04 a:after{
	position: absolute;
	content: "";
	top: -4px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 34px 0 0;
	border-color: #000 transparent transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.links_btn_04 a{
	color: #333;
}
.links_btn_04 a:hover:after{
	right: -10px;
	border-color: #333 transparent transparent;
}
.links_btn_01 a:hover,
.links_btn_02 a:hover,
.links_btn_03 a:hover,
.links_btn_04 a:hover{
	/*opacity: 0.6;*/
}
.links_active a:after{
	right: -10px!important;
}
.vision_area{
	/*background: url(../../imgs/top/img_second_banner.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;*/
	width: 100%;
	position: relative;
}
.vision_tri{
	position: absolute;
	margin-top: 30px;
}
.bg-vision-video{
	width: 100%;
	height: 593px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.bg-vision-video #v-video{
	position:absolute;
	right: 0;
	bottom: 0;
	top:0;
	width: 100%;
	/*height: 100%;*/
	z-index: -1;
	background-size: 100% 100%;
	background-color: #fff;
	background-position: center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
	object-fit: cover;
	overflow:hidden;
	max-width:100%;
}
@media all and (-ms-high-contrast:none){
	.bg-vision-video #v-video{
		position:absolute;
		right: 0;
		bottom: 0;
		min-width: 100%;
		/*min-height: 100%;*/
		width: auto!important;
		height: auto!important;
		z-index: -1;
		background-size: cover;
		object-hit:contain;
		max-width:none;
		overflow:auto;
	}
}
.vision_txt_area{
	width: 360px;
	position: relative;
	z-index: 2;
	padding-top: 185px;
	padding-left: 240px;
}
.vision_txt_area h3{
	font-size: 25px;
	color: rgba(255,255,255,1.00);
}
.vision_txt_area h4{
	font-size: 25px;
	padding: 20px 0;
}
.vision_txt_area h5{
	font-size: 16px;
	line-height: 29px;
	padding-bottom: 35px;
}
.section__04{
	margin-top: 90px!important;
}
.service_banner{
	display:table;
	width: 100%;
	/*min-width: 1200px;*/
	margin: 0 auto;
}
.service_banner div{
	vertical-align: middle;
}
.service_banner a {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
}
.service_banner div.img{
	overflow: hidden;
}

.service_banner div.img img{
	width: 100%;
	height: auto;
}
.bc_06{
	background: #66c7ec;
}
.bc_06 .banner_txt_area .service_logo img{
	width: 140px;
}
.bc_06 div.img{
	display: table-cell;
}
@media screen and (max-width: 736px) {
	.bc_06 div.img{
		display: block;
	}
}
.clip_01{
	-o-clip-path: polygon(0% 0%, 90% 0, 90% 40%, 100% 50%, 90% 60%, 90% 100%, 0 100%);
	-moz-clip-path: polygon(0% 0%, 90% 0, 90% 40%, 100% 50%, 90% 60%, 90% 100%, 0 100%);
	-ms-clip-path: polygon(0% 0%, 90% 0, 90% 40%, 100% 50%, 90% 60%, 90% 100%, 0 100%);
	-webkit-clip-path: polygon(0% 0%, 90% 0, 90% 40%, 100% 50%, 90% 60%, 90% 100%, 0 100%);
	clip-path: polygon(0% 0%, 90% 0, 90% 40%, 100% 50%, 90% 60%, 90% 100%, 0 100%);
}
.bc_07{
	background: #ff6f40;
}
.bc_07 div.img.pc{
	display: table-cell;
}
.clip_02{
	-o-clip-path: polygon(10% 60%, 0 50%, 10% 40%, 10% 0, 100% 0, 100% 100%, 10% 100%);
	-moz-clip-path: polygon(10% 60%, 0 50%, 10% 40%, 10% 0, 100% 0, 100% 100%, 10% 100%);
	-ms-clip-path: polygon(10% 60%, 0 50%, 10% 40%, 10% 0, 100% 0, 100% 100%, 10% 100%);
	-webkit-clip-path: polygon(10% 60%, 0 50%, 10% 40%, 10% 0, 100% 0, 100% 100%, 10% 100%);
	clip-path: polygon(10% 60%, 0 50%, 10% 40%, 10% 0, 100% 0, 100% 100%, 10% 100%);
}
.bc_08{
	background: #f0f0f0;
}
.bc_08 .banner_txt_area{
	text-align: left;
	/*padding-left: 5%;*/
}
.bc_08 .banner_txt_area .inline-box{
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -208px;
	margin-top: -139px;
}
/*.bc_08 .clip_03{
	width: 58%;
	display: table-cell;
}*/
@media all and (-ms-high-contrast:none){
	.bc_08 .banner_txt_area .inline-box{
		top: inherit;
	}
}
.bc_08 .banner_txt_area .inline-box{
	margin-left: -42%;
}
.clip_03{
	-o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	-moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.banner_txt_area{
	display: table-cell;
	width: 42%;
	text-align: center;
	position: relative;
	color: rgba(0,0,0,1.00);
}
.inner_area{
	margin-left: -8%;
}
.inner_area_02{
	margin-left: 8%;
}
.banner_txt_area h3{
	font-size: 25px;
	letter-spacing: 2px;
}
.banner_txt_area h4{
	font-size: 16px;
	letter-spacing: 2px;
}
.banner_txt_area .service_logo{
	padding: 15px 0;
}
.banner_txt_area .txt{
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 1px;
	padding-bottom: 15px;
}
@media screen and (max-width: 1160px) {
	.banner_txt_area .txt{
		font-size: 14px;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 1010px) {
	.banner_txt_area .txt{
		font-size: 14px;
		letter-spacing: -0.02em;
	}
}
@media screen and (max-width: 990px) {
	.banner_txt_area .txt{
		font-size: 13px;
		letter-spacing: -0.03em;
	}
}
@media screen and (max-width: 910px) {
	.banner_txt_area .txt{;
		letter-spacing: 0;
	}
	.banner_txt_area .txt br{
		display: none;
	}
	.s06 .bc_08 .banner_txt_area .inline-box{
		margin-top: -94px;
		margin-right: 5%;
	}
}
@media screen and (max-width: 785px) {
	.s06 .bc_08 .banner_txt_area .inline-box{
		margin-top: -124px;
	}
}
.partner_btn{
	max-width: 960px;
	margin: 65px auto 0 auto;
	border: 3px solid #ff6f40;
}
.partner_btn a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.partner_btn .image{
	display: inline-block;
	float: left;
	width: 52.6%;
}
.partner_btn .text{
	/*max-width: 446px;*/
	width: 46.45%;
	float: right;
	padding-top: 35px;
	text-align: center;
}
.partner_btn .text p{
	font-size: 21px;
	color: #000;
	letter-spacing: 1px;
}
.partner_btn .text h3{
	line-height: 1.0;
	color: #ff6f40;
	font-size: 32px;
	letter-spacing: 2px;
	margin-top: 15px;
}
.partner_btn .text .links_btn_partner{
	font-size: 15px;
	line-height: 1.0;
	font-weight: bold;
	color: #000;
	display: inline-block;
	margin-top: 30px;
	padding-right: 40px;
	position: relative;
	letter-spacing: 2px;
}
.partner_btn .text .links_btn_partner:after{
	position: absolute;
	content: "";
	top: -4px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 34px 0 0;
	border-color: #ff6f40 transparent transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
@media screen and (max-width: 875px) {
	.partner_btn .text {
		padding-top: 25px;
	}
	.partner_btn .text p{
		font-size: 18px;
		letter-spacing: 0;
	}
}
.partner_btn a:hover{
	opacity: .8;
}
.partner_btn a:hover .text .links_btn_partner:after{
	right: -10px;
}
.img img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.img img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.6;
}
@media screen and (max-width: 875px) {
	.img img{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.img img:hover{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
}
.section__02,
.section__04,
.section__05,
.section__06{
	width: 100%;
	/*min-width: 1200px;*/
	margin: 0 auto;
	padding-bottom: 35px;
}
.section__03{
	padding-bottom: 35px;
}
.tri_01{
	position: absolute;
	width: 0;
	height: 0;
	left: 150px;
	z-index: 5;
	margin-top: -100px;
	border-style: solid;
	border-width: 240px 0px 0px 229px;
	border-color: transparent transparent transparent rgba(152,200,0,.9);
}
.tri_02{
	position: absolute;
	width: 0;
	height: 0;
	right: 150px;
	margin-top: -150px;
	border-style: solid;
	border-width: 0px 0px 240px 229px;
	border-color: transparent transparent rgba(255,111,64,.9) transparent;
}
#map_canvas{
	width: 100%;
	/*min-width: 1200px;*/
	height:600px;
	margin:0 auto;
}
.map_txt{
	font-size: 15px;
	line-height: 27px;
	padding-top: 35px;
	padding-bottom: 25px;
	text-align: center;
}
.map_link{
	font-size: 15px;
	line-height: 27px;
	width: 300px;
	text-align: center;
	margin: 0 auto;
}
.map_link a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	text-decoration: none;
	padding: 20px 0px;
	border: 1px solid #000;
	position: relative;
	background-color: #fff;
	transition: all .3s ease-out;
}
.map_link a:hover{
	background-color: #000;
	color: #fff;
}
.map_link a:after{
	position: absolute;
	content: "＞";
	top: 20px;
	right: 60px;
	width: 0;
	height: 0;
}
@media screen and (max-width: 840px) {
	/*.clip_01,
	.clip_02{
		clip-path:none;
	}*/
	.inner_area{
		margin-left: 0;
	}
}
/*tablet-ipad2*/
@media screen and (max-width: 1024px) {
	.bc_08 .banner_txt_area .inline-box .txt {
		letter-spacing: -0.02em;
		font-size: 13px;
	}
}
/*tablet-ipad*/
@media screen and (max-width: 768px) {
	img{
		max-width: 100%;
	}
	.section__top,
	.service_banner,
	.section__02,
	.section__04,
	.section__05,
	.section__06,
	#map_canvas{
		min-width: 100%;
	}
	.section__02{
		width: 94%;
		min-width: 94%;
		margin: 0 auto;
	}
	.top_table tr td:nth-of-type(1) {
		letter-spacing: -0.06em;
	}
	#contents .inner{
		width: 100%;
		max-width: 960px;
	}
	.partner_btn{
		width: 94%;
	}
	.section__top .section #myVideo,
	.bg-vision-video,
	.bg-vision-video #v-video{
		display: none;
	}
	.section__top{
		background-image: url(https://corp.earth-car.com/wp-content/themes/corp.earth-car.com/imgs/top/img-top-main_sp.jpg);
	}
	.vision_area{
		background-image: url(https://corp.earth-car.com/wp-content/themes/corp.earth-car.com/imgs/top/img_second_banner_sp.png);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: 0 0;
	}
	.vision_txt_area{
		padding-top: 165px;
		padding-left: 230px;
	}
	.banner_txt_area{
		width: 50%;
	}
	.service_banner{
		padding: 20px 0;
	}
	/*.service_banner div.img{
		padding-top: 50px;
	}*/
	.img img{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.img img:hover{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	.partner_btn .image{
		max-width: 50%;
	}
	.partner_btn .text{
		max-width: 50%;
		padding-top: 10px;
	}
	.partner_btn .text p{
		font-size: 16px;
	}
	.bc_06 .banner_txt_area .inner_area{
		margin-right: 8%;
	}
	.bc_08 .banner_txt_area .inline-box{
		display: inline-block;
		position: inherit;
		left: inherit;
		top: inherit;
		margin-left: 0;
		margin-top: 0;
	}
	.bc_08 .banner_txt_area .inline-box{
		margin-left: 0;
	}
	.bc_08 .banner_txt_area .inline-box .txt {
		font-size: 12px;
	}
	.section__04{
		overflow: hidden;
	}
	.section__05{
		position: relative;
	}
	.section__05 .img{
		width: 95%;
	}
	.s05 .inline-box{
		padding-right: 5%;
	}
	.s06 .img{
		width: 100%;
	}
	.s06 .inline-box{
		margin-right: 5%;
		padding-left: 5%;
	}
	.tri_01{
		left: 0;
		top: 80%;
		margin-top: 0;
		border-width: 120px 0px 0px 114px;
	}
	.tri_02{
		top: 80%;
		right: 0;
		margin-top: 0;
		border-width: 0px 0px 120px 114px;
	}
	.vision_txt_area h3{
		font-size: 21px;
	}
	.section__top h2{
		width: 70%;
		margin: 0 auto;
	}
	.inner_area{
		margin-left: 0;
	}
	.s06 .bc_08 .banner_txt_area .inline-box{
		margin-top: 0;
	}
	.map_txt{
		width: 94%;
		margin: 0 auto;
	}
}
/*smartphone*/
@media screen and (max-width: 767px) {
	.section__top{
		min-width: 100%;
		height: 517px;
	}
	.section__top .section{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	.section__top .section #myVideo{
		display: none;
	}
	#contents .inner{
		width: 90%;
		margin: 0 auto;
	}
	.section__top .section .inner{
		width: 100%!important;
		height: 100%;
		position: relative;
	}
	.section__top .section .inner:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		/*background-color: rgba(0,179,249,.43);
		mix-blend-mode: multiply;*/
		z-index: 10;
		top: 0;
		left: 0;
	}
	.sp-main-tri{
		position: absolute;
		top: 20%;
		width: 100%;
		z-index: 30;
	}
	#particles-js{
		display: none;
	}
	.section__top h2{
		width: 80%;
		position: absolute;
		top: 50%;
		left: 10%;
		margin-top: 0;
	}
	.section__top h2.active{
		opacity: 1;
		margin-top: -30px;
		top: 50%;
	}
	.section__02 .inner{
		text-align: center;
	}
	.cont_lead_area{
		padding: 40px 0 20px 0;
	}
	.cont_ttl{
		font-size: 25px;
		width: 100%;
	}
	.cont_ttl:after{
		width: 100%;
		bottom: 8px;
	}
	.lead{
		font-size: 17px;
		padding-top: 25px;
		margin-bottom: 0;
	}
	.lead span{
		letter-spacing: -0.2em;
	}
	.top_table{
		width: 100%;
		font-size: 14px;
		display: block;
		border-spacing :0px 10px;
		border-collapse : separate ;
		text-align: left;
	}
	.top_table tr th{
		width: 100px;
		font-size: 13px;
		display: block;
		padding-top: 6px;
	}
	.top_table tr td{
		width: auto;
		padding: 3px 0;
		display: block;
	}
	.top_table tr td:nth-of-type(1){
		min-width: 100px;
		padding: 5px 10px;
		display: inline-block;
		margin: 5px 0;
		line-height: 1.0;
		letter-spacing: 0;
	}
	.top_table tr td.news_txt{
		width: 100%;
		padding-left: 0;
	}
	.top_table tr td.news_txt a{
		color: #000;
		text-decoration: underline;
	}
	.top_table tr td.news_txt a:hover{
		text-decoration: none;
	}
	.links_btn{
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 2px;
		position: relative;
		padding-right: 40px;
		display: inline-block;
	}
	.links_btn a{
		-webkit-transition: none;
		transition: none;
	}
	.links_btn a:after{
		-webkit-transition: none;
		transition: none;
	}
	.links_btn a:hover:after{
		right: 0;
		border-color: #000 transparent transparent;
	}
	.links_btn_02{
		font-size: 15px;
		letter-spacing: 2px;
		position: relative;
		padding-right: 40px;
		display: inline-block;
	}
	.links_btn_02 a{
		color: rgba(255,255,255,1.00);
		text-decoration: none;
		-webkit-transition: none;
		transition: none;
	}

	.links_btn_02 a:after{
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 22px 34px 0 0;
		border-color: #fff transparent transparent;
		-webkit-transition: none;
		transition: none;
	}
	.links_btn_02 a{
		color: #f5f5f5;
	}
	.links_btn_02 a:hover:after{
		right: -10px;
		border-color: #f5f5f5 transparent transparent;
	}
	.links_btn_03{
		text-align:center;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 2px;
		position: relative;
		display: inline-block;
	}
	.links_btn_03 a{
		position: relative;
		color: rgba(255,255,255,1.00);
		text-decoration: none;
		-webkit-transition: none;
		transition: none;
		padding-right: 40px;
	}
	.links_btn_03 a:after{
		position: absolute;
		content: "";
		top: -5px;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 22px 34px 0 0;
		border-color: #fff transparent transparent;
		-webkit-transition: none;
		transition: none;
	}
	.links_btn_03 a{
		color: #f5f5f5;
	}
	.links_btn_03 a:hover:after{
		right: -10px;
		border-color: #f5f5f5 transparent transparent;
	}
	.links_btn_04{
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 2px;
		position: relative;
	}
	.links_btn_04 a{
		color: rgba(0,0,0,1.00);
		text-decoration: none;
		-webkit-transition: none;
		transition: none;
		position: relative;
		padding-right: 40px;
	}
	.links_btn_04 a:after{
		position: absolute;
		content: "";
		top: -4px;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 22px 34px 0 0;
		border-color: #000 transparent transparent;
		-webkit-transition: none;
		transition: none;
	}
	.links_btn_04 a{
		color: #333;
	}
	.links_btn_04 a:hover:after{
		right: -10px;
		border-color: #333 transparent transparent;
	}
	.links_active a:after{
		right: -10px!important;
	}
	.vision_area{
		width: 100%;
		position: relative;
		padding: 20px 0;
	}
	.vision_area .inner{
		width: 100%!important;
	}
	.vision_tri{
		margin-top: 30px;
		position: inherit;
	}
	.bg-vision-video{
		display: none;
	}
	.bg-vision-video #v-video{
		display: none;
	}
	.vision_txt_area{
		width: 100%;
		position: absolute;
		top: 50%;
		z-index: 2;
		padding-top: 0;
		padding-left: 0;
		text-align: center;
		display: block;
		margin-top: -130px;
	}
	.vision_txt_area h3{
		font-size: 20px;
		letter-spacing: .2em;
		line-height: 1.3;
		padding-right: 10px;
	}
	.vision_txt_area h4{
		font-size: 18px;
		padding: 15px 0;
	}
	.vision_txt_area h5{
		font-size: 14px;
		line-height: 1.8;
		padding-bottom: 20px;
	}
	.section__04{
		margin-top: 0!important;
	}
	.service_banner{
		display:block;
		width: 100%;
		min-width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.service_banner div.img{
		padding-top: 0;
		display: block;
	}
	.s06 .service_banner div.img.pc{
		display: none;
	}
	.clip_01{
		-webkit-clip-path: polygon(100% 0, 100% 85%, 57% 85%, 50% 100%, 43% 85%, 0 85%, 0 0);
		clip-path: polygon(100% 0, 100% 85%, 57% 85%, 50% 100%, 43% 85%, 0 85%, 0 0);
	}
	.bc_06 div.img{
		display: block;
	}
	.bc_06 .banner_txt_area .inner_area{
		margin-right: 0;
	}
	.bc_07 div.img.pc{
		display: none;
	}
	.bc_07{
		background: #ff6f40;
	}
	.clip_02{
		-webkit-clip-path: polygon(100% 0, 100% 85%, 57% 85%, 50% 100%, 43% 85%, 0 85%, 0 0);
		clip-path: polygon(100% 0, 100% 85%, 57% 85%, 50% 100%, 43% 85%, 0 85%, 0 0);
	}
	.bc_08{
		background: #f0f0f0;
	}
	.bc_08 .banner_txt_area{
		text-align: left;
	}
	.clip_03{
		-o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		-moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		-ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
	.banner_txt_area{
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
		color: rgba(0,0,0,1.00);
	}
	.inner_area,
	.inner_area_02{
		padding: 20px 0 35px 0;
	}
	.inner_area{
		margin-left: 0;
	}
	.inner_area_02{
		margin-left: 0;
	}
	.banner_txt_area h3{
		font-size: 19px;
	}
	.banner_txt_area h4{
		font-size: 14px;
	}
	.banner_txt_area .service_logo{
		padding: 15px 0 20px 0;
		margin: 0 auto;
	}
	.inner_area .service_logo{
		width: 30%;
	}
	.inner_area_02 .service_logo{
		width: 20%;
	}
	.banner_txt_area .txt{
		font-size: 14px;
		line-height: 1.8;
		padding-bottom: 25px;
	}
	.banner_txt_area .txt br{
		display: block;
	}
	.partner_btn{
		max-width: 90%;
		margin: 25px auto 0 auto;
	}
	.partner_btn a{
		text-decoration: none;
		-webkit-transition: none;
		transition: none;
	}
	.partner_btn .image{
		max-width: 100%;
		width: 100%;
		float: none;
	}
	.partner_btn .text{
		max-width: 100%;
		width: 100%;
		float: none;
		padding: 15px 0 20px 0;
		text-align: center;
	}
	.partner_btn .text p{
		font-size: 14px;
	}
	.partner_btn .text h3{
		font-size: 20px;
	}
	.partner_btn .text .links_btn_partner{
		font-size: 14px;
	}
	.partner_btn .text .links_btn_partner:after{
		-webkit-transition: none;
		transition: none;
	}
	.partner_btn a:hover{
		opacity: 1;
	}
	.partner_btn a:hover .text .links_btn_partner:after{
		right: 0;
	}
	.img img{
		-webkit-transition: none;
		transition: none;
	}
	.img img:hover{
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1;
	}
	.section__02,
	.section__04,
	.section__05,
	.section__06{
		width: 100%;
		min-width: 100%;
		margin: 0 auto;
		padding-bottom: 0;
	}
	.section__03{
		padding-bottom: 0;
	}
	.section__05 .banner_txt_area{
		text-align: center;
		padding: 32px 0;
	}
	.section__05 .banner_txt_area h5{
		font-size: 14px;
	}
	.section__05 .img{
		width: 100%;
		position: relative;
		overflow: visible!important;
	}
	.s05 .inline-box{
		padding-right: 0;
	}
	.s06 .inline-box{
		padding-left: 0;
	}
	.tri_01{
		position: inherit;
		left: 0;
		margin-top: -90px;
		border-width: 120px 0px 0px 114px;
	}
	.tri_02{
		position: inherit;
		margin: -90px 0 0 auto;
		border-width: 0px 0px 120px 114px;
	}
	.section__06{
		padding-bottom: 30px;
	}
	#map_canvas{
		width: 100%;
		min-width: 100%;
		height:500px;
		margin:0 auto;
	}
	.map_txt{
		font-size: 15px;
		line-height: 27px;
		padding-top: 35px;
		padding-bottom: 25px;
		text-align: left;
		width: 100%;
	}
	.map_txt span{
		display: none;
	}
	.map_link{
		font-size: 14px;
		line-height: 1.6;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.map_link a{
		padding: 10px 0px;
		transition: none;
	}
	.map_link a:hover{
		background-color: #fff;
		color: #000;
	}
	.map_link a:after{
		top: 25%;
	}
	.s06 .bc_08 .banner_txt_area .inline-box{
		margin-top: 0;
		margin-right: 0;
	}
}
/*smartphone-i05*/
@media screen and (max-width: 320px) {
	.sp-main-tri{
		top: 25%;
	}
	.vision_txt_area{
		margin-top: -114px;
	}
	.vision_txt_area h3{
		font-size: 18px;
	}
	.vision_txt_area h4{
		padding: 10px 0;
	}
	.vision_txt_area h5{
		padding-bottom: 10px;
	}
	.tri_01,
	.tri_02{
		top: 40%;
	}
}
/*landscape*/
@media only screen and (min-width: 568px) and (max-width: 736px) {
	.section__top{
		height: 740px;
	}
}
@media only screen and (min-width: 737px) and (max-width: 768px) {
	.section__top{
		height: 740px;
	}
}