@charset "utf-8";

/* common
-----------------------------------------------*/
.main_contents{
	width:min(134rem,1340px);
	margin:0 auto;
	font-size:min(1.6rem,16px);
	line-height:1.8;
}
.main_contents section{
	padding:6em 0;
}
.main_contents .inner{
	width:min(115.2rem,1152px);
	margin:0 auto;
}
.main_contents h2{
	line-height: 1.3;
	letter-spacing: 0.04em;
	margin:0;
	font-size:min(3.6rem,36px);
}
.main_contents h2 sup{
	font-size:0.4em;
	top:-1.3em;
}
@media screen and (max-width: 768px) {
	.main_contents{
		width:100%;
		font-size:1.5rem;
	}
	.main_contents section{
		padding:5rem 0;
	}
	.main_contents .inner{
		width:32.4rem;
	}
	.main_contents h2{
		font-size:2.2rem;
		text-align: center;
		font-weight:500;
	}
}
/*flex*/
.main_contents .flex_content{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.main_contents .flex_content.reverse{
	flex-direction: row-reverse;
}
.main_contents .flex_content > div{
	width:50%;
}
.main_contents .flex_content .text{
	padding:0 3em 0 4em;
}
@media screen and (max-width: 768px) {
	.main_contents .flex_content{
		flex-direction:column;
	}
	.main_contents .flex_content.reverse{
		flex-direction: column;
	}
	.main_contents .flex_content > div{
		width:100%;
	}
	.main_contents .flex_content .text{
		padding:0 4%;
		margin-top:3rem;
	}
	.main_contents .flex_content .image{
		padding:0 4%;
	}
}
/*inquiry_item*/
.main_contents .inquiry_item {
	width:min(47rem,470px);
	padding:2em 4em;
	text-align: center;
	border-radius: 1em;
	border:1px solid;
	background-color: #fff;
 }
.main_contents .inquiry_item h4{
	font-size:1.5em;
	margin-bottom: .5em;
	line-height: 1.3
}
.main_contents .inquiry_item p{
	
}
.main_contents .inquiry_item .btn{
	background-color: #000;
	color:#fff;
	display:block;
	margin-top: 1em;
	padding:0.75em;
	transition: 0.3s;
}
.main_contents .inquiry_item .btn.store{
	margin-top: 3.35em;
}
.main_contents .inquiry_item .btn::after{
	content:"";
	display:inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	margin-bottom:0.2em
}
.main_contents .inquiry_item .btn.mail::after{
	width:1.1em;
	height:1.1em;
	background-image: url("../images/ico_mail.svg") ;
	margin-left: 0.65em;
}
.main_contents .inquiry_item .btn.store::after{
	margin-left: 0.75em;
	width: 1em;
	height: 1em;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 10" style="height: auto;"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" d="M.65 5H11m0 0L6.565 9M11 5 6.565 1"></path></svg>');
}
@media screen and (min-width: 769px) {
	.main_contents .inquiry_item .btn:hover{
		background-color: #5D5D5D;
	}
}
@media screen and (max-width: 768px) {
	.main_contents .inquiry_item {
		width:auto;
		padding:2rem 2rem;
	}
	.main_contents .inquiry_item h4{
		font-size:2rem;
	}
	.main_contents .inquiry_item p{
		font-size:1.4rem
	}
	.main_contents .inquiry_item .btn.store{
		margin-top: 1em;
	}
}
/*link_btn*/
.main_contents .link_btn{
	display: inline-flex;
	align-items: center;
	border: 1px solid;
	padding: 0.75em 2em;
	border-radius: 2.5em;
	transition: 0.4s;
	background-color: #fff;
	transition: 0.3s;
	width:min(48rem,480px);
	justify-content: center;
}
.main_contents .link_btn::after{
	content:"";
	display:inline-block;
	margin-left:0.75em;
	width:1em;
	height:1em;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 10" style="height: auto;"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.65 5H11m0 0L6.565 9M11 5 6.565 1"></path></svg>');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	transition:0.4s;
}

@media screen and (min-width: 769px) {
	.main_contents .link_btn:hover{
		background-color: #d6d4d4;
	}
}
@media screen and (max-width: 768px) {
	.main_contents .link_btn{
		padding: 0.5em 2em;
		border-radius: 2.5em;
		line-height: 1.4;
		width:100%;
		min-height: 5rem;
	}
}
/*margin*/
.main_contents .mt-1em {margin-top:1em !important}
.main_contents .mt-2em {margin-top:2em !important}
.main_contents .mt-3em {margin-top:3em !important}
.main_contents .mt-4em {margin-top:4em !important}
.main_contents .mt-5em {margin-top:5em !important}
.main_contents .mt-6em {margin-top:6em !important}
.main_contents .mt-7em {margin-top:7em !important}
.main_contents .mt-8em {margin-top:8em !important}

@media screen and (max-width: 768px) {
	.main_contents .mt-1em {margin-top:1rem !important}
	.main_contents .mt-2rem {margin-top:2rem !important}
	.main_contents .mt-3rem {margin-top:3rem !important}
	.main_contents .mt-4rem {margin-top:4rem !important}
	.main_contents .mt-5rem {margin-top:5rem !important}
	.main_contents .mt-6rem {margin-top:6rem !important}
	.main_contents .mt-7rem {margin-top:7rem !important}
	.main_contents .mt-8rem {margin-top:8rem !important}
}
/* 注釈*/
.main_contents .notes.num li,
.main_contents .notes.nonum li {
	font-size: 0.875em;
	color:#444;
	margin-top:0.5em;
	line-height: 1.5;
	text-align:left;
}
.main_contents .notes.num li{
	text-indent:-1.8em;
	padding-left:1.8em;
}
.main_contents .notes.nonum li {
	text-indent:-1.2em;
	padding-left:1.2em;
}

/* Main Visual
-----------------------------------------------*/
.main_contents #mv{
	/*width:min(134rem,1134px);
	margin:0 auto ;*/
}

@media screen and (max-width: 768px) {
	.main_contents #mv{
		margin-top:0;
		width:100%;
	}
}

/* #inquiry
-----------------------------------------------*/
.main_contents #inquiry {
	display:flex;
	justify-content: center;
	gap:5em
}

@media screen and (max-width: 768px) {
	.main_contents #inquiry {
		flex-direction: column;
		gap:2rem;
		padding:3rem;
	}
}

/* #performance
-----------------------------------------------*/
.main_contents #performance {
	background-color: #F1F1F3;
}
@media screen and (max-width: 768px) {
	.main_contents #performance {
		margin-top: 0;
	}
}
/* #battery
-----------------------------------------------*/
.main_contents #battery .flex_content {
	width:80%;
	margin:0 auto;
}
.main_contents #battery .image {
	width:40%;
}
.main_contents #battery .text {
	width:60%;
	padding:0;
}
@media screen and (max-width: 768px) {
	.main_contents #battery .flex_content {
		width:auto;
	}
	.main_contents #battery .image {
		width:85%;
	}
	.main_contents #battery .text {
		width:auto;
		padding: 0 5%;
	}
}
/* #display
-----------------------------------------------*/
.main_contents #display {
	background-color: #F1F1F3;
}

/* #call
-----------------------------------------------*/
.main_contents #call {
	background-color: #F1F1F3;
	
}

/* #business
-----------------------------------------------*/
.main_contents #business{
	background-color: #edf3f7;
	margin-top:8em;
}
.main_contents #business h2{
	text-align: center;
}
.main_contents #business h3{
	text-align: center;
	font-size:min(3.4rem,34px);
}

.main_contents #business .inner > div{
	margin-top:4em
}

.main_contents #business .linc_biz_emm p,
.main_contents #business .service_pack p{
	margin-top:3em;
}
.main_contents #business .service_list{
	margin-top:2.5em;
	display:flex;
	gap:3em;
}
.main_contents #business .service_list li{
	/*border:1px solid #aaa;*/
	padding:1em;
	background-color: #fff;
}
.main_contents #business .link{
	text-align: center;
	margin-top:2em;
}

.main_contents #business #business_inquiry .business_inquiry{
	margin-top:2em;
	display:flex;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.main_contents #business{
		margin-top:8rem;
	}
	.main_contents #business .inner > div{
		margin-top:4rem
	}
	.main_contents #business h3{
		font-size:2.2rem;
		line-height: 1.4
	}
	.main_contents #business .linc_biz_emm p,
	.main_contents #business .service_pack p{
		margin-top:2rem;
	}
	.main_contents #business .service_list{
		margin-top:3rem;
		flex-direction: column;
		gap:2rem;
	}
	.main_contents #business .service_list li{
		padding:1rem;
	}
	.main_contents #business .link{
		margin-top:2rem;
	}
	.main_contents #business #business_inquiry{
		padding: 0 1.2rem;
	}
}
/* #support
-----------------------------------------------*/
.main_contents #support{
	text-align: center;
}
@media screen and (max-width: 768px) {
	.main_contents #support{
		text-align: center;
	}
}