@charset "UTF-8";

@import url("css/reset.css"); 

html{font-size:62.5%;}
/* サンプル font-size:14px; を指定する場合 */
body{font-size:1.4rem;font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';}

.w10px{width: 10px; }.w20px{width: 20px;}.w30px{width: 30px;}.w40px{width: 40px;}.w50px{width: 50px;}.w60px{width: 60px;}.w70px{width: 70px;}.w80px{width: 80px;}.w90px{width: 90px;}.w100px{width: 100px;}.w110px{width: 110px;}.w120px{width: 120px;}.w130px{width: 130px;}.w140px{width: 140px;}.w150px{width: 150px;}.w160px{width: 160px;}.w170px{width: 170px;}.w180px{width: 180px;}.w190px{width: 190px;}.w200px{width: 200px;}.w210px{width: 210px;}.w220px{width: 220px;}.w230px{width: 230px;}.w240px{width: 240px;}.w250px{width: 250px;}.w260px{width: 260px;}.w270px{width: 270px;}.w280px{width: 280px;}.w290px{width: 290px;}.w300px{width: 300px;}
.tc{text-align: center !important;}.tr{text-align: right !important;}.tl{text-align: left !important;}

.tc{
	text-align: center;
}
.tl{
	text-align: left;
}
.tr{
	text-align: right;
}
.p_title{
	font-weight: bold;
	font-size: 20px;
}
.p_subtitle{
	font-size: 18px;
	font-weight: bold;
}


.txt_sm{
	font-size: 1.2rem;
}

button{
	cursor: pointer;
}
p{
	color: #404040;
	font-size: 1.6rem;
}


.flex{display: flex;}
.inr{
	max-width: 160rem;
	margin: 0 auto;
}
.in_inr{
	max-width: 83rem;
	margin: 0 auto;
}

.pc{
	display: block;
}
.sp{
	display: none;
}




@media screen and (min-width: 1200px) {
	.inr{
		padding: 0 3rem;
	}
	header{
		margin-left: 3rem;
		margin-right: 3rem;
	}
  } 

.mainbnr{background: url(img/topbnr.jpg);background-size: cover;}

header{
    padding: 3rem 3% 2rem;
    border-bottom: solid 1px #000000;
}
header .flex{display: flex;justify-content: space-between;align-items: center;}
header .flex .logo{width: 25rem;}
header .flex .logo img{
	max-width: 15rem;
}
header .flex nav{width: calc(100% - 30rem);
	top: 22px;
	position: inherit;
	}
header .flex nav ul{
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
header .flex nav ul li{font-size: 1.4rem;}
header .flex nav li a{font-size: inherit;display: block;padding: 1rem 2.2rem;color: #000000;}
.mainbnr .bnr{min-height: 56rem;display: flex;align-items: center;padding: 0 3rem;}
.mainbnr h1{font-size: 5.3rem;font-weight: 600;color: #fff;text-shadow: 0px 0px 20px #4f4d4d;line-height: 6rem;letter-spacing: 5px;}


.drawer-hamburger{
	display: none !important;
}
.drawer--right .drawer-nav {
	right: 0;
}

#main{
	padding-top: 5rem;
}

.sec h2{
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
	display: flex;
	align-items: center;
}
.sec h2::before{
	content: "●";
	font-size: 2rem;
	color: #5daca5;
	font-size: 3rem;
	margin-right: 0.4rem;
}


.sec01{
	position: relative;
	padding-bottom: 10rem;
	padding: 5rem 0 10rem;
}
.sec01:before{
    content: "";
    background: url(img/sec01_img01.png);
    height: 43rem;
    width: 56%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 0;
}
.sec01 .inr{
	position: relative;
	z-index: 1;

}
.sec .top_messege_block{
	text-align: right;
}
.sec .top_messege_block .top_messege{font-size: 13rem;font-weight: bold;letter-spacing: 5px;color: #5daca5e3;line-height: 10rem;}
.sec .top_messege_block .top_submessege{font-size: 9rem;font-weight: bold;/* letter-spacing: 5px; */color: #5daca53b;line-height: 10rem;}
.sec .content{}

.sec .content.flex{
	display: flex;justify-content: flex-end;
}

.sec .content > div{

}
.sec .content .txt{
	font-size: 1.8rem;
	letter-spacing: 2px;
	line-height: 3rem;
}
.sec01 .content .btn_block{

}
.sec01 .top_messege_block .content .btn_block a{

}

#main.index .btn_block{margin-top: 2.5rem;}
#main.index .btn_block a{
	color: #6fb5af;
	border: solid 1px #6fb5af;
	padding: 0.8rem 3.2rem;
	background: #fff;
	border-radius: 5px;
	font-size: 1.6rem;
}

.sec .content .service_lists{display: flex;margin-top: 3rem;flex-wrap: wrap;}
.sec .content .service_lists a{
	/* display: flex; */
	/* background: #ccc; */
	margin-right: 1rem;
	width: 37rem;
	/* height: 25rem; */
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	flex-wrap: nowrap;
	margin-bottom: 2rem;
	background: #fff;
	padding: 0.6rem;
	box-shadow: 0px 0px 4px #000;
}
.sec .content .service_lists a > img{display: block;margin-bottom: 0.6rem;}
.sec .content .service_lists a .tit{font-weight: 700;font-size: 1.8rem;padding: 0.6rem 1.3rem;color: #000000;border-top: solid 1px #ccc;padding-top: 1.4rem;}


/*  */
.sec .top_tit{color: #404040;font-size: 4.5rem;font-weight: 800;line-height: 5rem;letter-spacing: 2px;}

.sec02,.sec03{padding: 5rem 0;margin: 7rem 0;}

.sec02{
	background: url(img/sec02_img01.jpg) right bottom 20% no-repeat;
}
.sec02 .content{
	
}



.sec03{
	background: url(img/sec03_img01.jpg) right center no-repeat;
	background-size: contain;
}


.sec_news{
	background:#eff7f6;
	padding: 7rem 0;
}

.sec_news .header{margin-bottom: 3rem;}
.sec_news .header .flex{
	display: flex;
	align-items: baseline;
}
.sec_news .header .top_tit{margin-right: 2rem;}
.sec_news .header h2{

}
.sec_news .header .flex.type02{margin-top: 2rem;justify-content: space-between;}
.sec_news .header .btn_block{

}
.sec_news .header .btn_block a{font-weight: 600;color: inherit;}

.sec_news .content{

}
.sec_news .content ul{border-top: solid 1px #808080;}
.sec_news .content ul li{border-bottom: solid 1px #808080;padding: 1.5rem 0;}
.sec_news .content ul li .meta{display: flex;margin-bottom: 0.6rem;font-size: 1.6rem;}
.sec_news .content ul li .meta .date{margin-right: 3rem;}
.sec_news .content ul li .meta .tag{

}
.sec_news .content ul li .meta .tag.release{color: #5daca5;}
.sec_news .content ul li .tit{font-size: 1.6rem;}
.sec_news .content ul li .tit a{font-weight: 600;color: inherit;}


.sec_contact{
	padding: 5rem 0;
	background-color: #f2f2f2;
	text-align: center;
}


/* subpage */
.mainbnr.subpage{
	background: url(img/sub_topimg01.jpg);background-size: cover;
}
.mainbnr .bnr.subpage {
    min-height: 20rem;
    display: flex;
    align-items: center;
    padding: 0 3rem;
}
.mainbnr .bnr.subpage p{
	color: #fff;
	font-size: 2rem;
}

.pan{padding: 2rem 0;}
.pan ul{display: flex;}
.pan ul li{
    margin-right: 2rem;
}
.pan ul li a{
	
}


#sub{

}
#sub .section{
	padding: 5rem 0;
}
#sub .in_inr,
.pan .in_inr{
	max-width: 90rem;
}

#sub h2{font-size: 3.4rem;font-weight: 600;border-left: solid 18px #5daca5;padding-left: 2rem;margin-bottom: 4rem;}

#sub h3{font-size: 2.7rem;margin-bottom: 2.5rem;font-weight: 600;line-height: 4.8rem;}
#sub .section p{
	font-size: 1.7rem;
	line-height: 3.2rem;
}

.table_block{

}
.table1{border-top: solid 1px #d0cfcf; 
margin-bottom: 1.5rem;}
.table1 th,
.table1 td{
	border-collapse: collapse;
	border-bottom: solid 1px #d0cfcf;
	padding: 2rem 2rem;
	font-size: 1.6rem;
}

.table1 th{background: #e2eaec;text-align: center;width: 20rem;}
.table1 td{

}

.map_block{
	width: 100%;
	margin-bottom: 1.2rem;
}
.map_block iframe{
	width: 100%;
}
#sub .section.sec_about .block{
	margin-bottom: 10rem;
}
#sub .section img{
	display: block;
}
.full{
	width: 100%;
}

.mb-xs{
	margin-bottom: 0.5rem;
}
.mb-s{
	margin-bottom: 1.5rem;
}
.mb-md{
	margin-bottom: 2.5rem;
}
.mb-x{
	margin-bottom: 3.5rem;
}
.mb-xl{
	margin-bottom: 5rem;
}

#sub .section.sec_about .block .flex{
	display: flex;
}
#sub .section.sec_about .block .flex .txt_block{
	width: calc(100% - 40%);
	padding-right: 6rem;
}
#sub .section.sec_about .block .flex .img{
	width: 40%;
}

.bg_blue{
	background: #eff7f6;
}

#sub .section.sec_about.sub_sec02{padding: 10rem 0;}
#sub .section.sec_about.sub_sec02 .flex{display: flex;justify-content: space-between;}
#sub .section.sec_about.sub_sec02 .flex .box{width: 31%;}
#sub .section.sec_about.sub_sec02 .flex .box .img{/* height: 19rem; *//* background: #a7a7a7; */margin-bottom: 1.5rem;}
#sub .section.sec_about.sub_sec02 .flex .box .img img{

}
#sub .section.sec_about.sub_sec02 .flex .box .content{

}
#sub .section.sec_about.sub_sec02 .flex .box .content h4{font-size: 2rem;font-weight: 600;margin-bottom: 1rem;}
#sub .section.sec_about.sub_sec02 .flex .box .content p{
		font-size: 1.4rem;
		line-height: 2.3rem;
}


#sub .section.sec_about.sub_sec03{padding: 10rem 0;}
#sub .section.sec_about.sub_sec03 .messege_content{border: solid 1px #999;padding: 4.5rem;}
#sub .section.sec_about.sub_sec03 .messege_content .tit{font-size: 3rem;margin-bottom: 4rem;position: relative;font-weight: 600;}
#sub .section.sec_about.sub_sec03 .messege_content .tit:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1.5rem;
	width: 9rem;
	height: 0.5rem;
	background: #5daca5;
}
#sub .section.sec_about.sub_sec03 .messege_content .sub_tit{font-size: 2.4rem;font-weight: 600;margin-bottom: 1.2rem;}
#sub .section.sec_about.sub_sec03 .messege_content .txt{
	font-size: 1.5rem;
	line-height: 2.7rem;
}



/* product */

.mainbnr.product{
	/* background: url(img/gmotor_img01.jpg);background-size: cover; */
	background: none;
}

.mainbnr .bnr.product{
	min-height: 56rem;
}
.mainbnr.product .inr.type2{
	max-width: 120rem;
	padding: 0 3%;
	/* min-height: 52rem; */
	border-bottom: solid 1px #000;
}


.mainbnr.product .bnr.product{width: 100%;min-height: auto;padding: 4rem 0;}

.mainbnr.product .bnr.product .flex{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.mainbnr.product .bnr.product .flex .box{width: 68%;}
.mainbnr.product .bnr.product .flex .icon{margin-bottom: 0rem;width: 16rem;}
.mainbnr.product .bnr.product .flex .icon img{

}
.mainbnr.product .bnr.product .flex .box .catch_tit{
	margin-bottom: 1.2rem;
}
.mainbnr.product .bnr.product .flex .box .catch_tit span{display: inline;line-height: 3.9rem;background-color: #fff29a;padding: 0.2rem 0;font-size: 2.2rem;}

.mainbnr.product .bnr.product .flex .box .tit_block{

}
.mainbnr.product .bnr.product .flex .box .tit_block .subtit{font-size: 2.2rem;letter-spacing: 3px;line-height: 4rem;margin-bottom: 1rem;}
.mainbnr.product .bnr.product .flex .box .tit_block .product_name{
	font-size: 5rem;
	line-height: 7.7rem;
	margin-bottom: 3rem;
	font-weight: 600;
	color: #000000;
}
.mainbnr.product .bnr.product .flex .box .tit_block .product_name span{
	font-size: 2.2rem;
	display: inline-block;
	margin-left: 1rem;
	vertical-align: text-top;
}

.mainbnr.product .bnr.product .flex .box .tags{margin-bottom: 2rem;}
.mainbnr.product .bnr.product .flex .box .tags .tag{display: inline-block;background: #5daca5;padding: 0.6rem 3rem;border: solid 1px #fff;color: #fff;}
.mainbnr.product .bnr.product .flex .box .tags.type2{max-width: 44rem;}
.mainbnr.product .bnr.product .flex .box .tags.type2 .tag{display: inline-block;background: #fff;padding: 0.6rem 2rem;color: #5daca5;border: solid 1px #5daca5;border-radius: 4px;margin-bottom: 1.1rem;}
.mainbnr.product .bnr.product .flex .product_img{width: calc(100% - 68%);position: relative;}
.mainbnr.product .bnr.product .flex .product_img .label{display: inline-block;text-align: center;padding: 1rem;width: 14rem;height: 14rem;display: flex;justify-content: center;align-items: center;font-size: 2.5rem;color: #237c19;background: #fff;border: solid 2px #237c19;border-radius: 12rem;line-height: 3.3rem;position: absolute;right: 0;top: -3rem;box-shadow: 0px 2px 4px #595454;font-weight: 700;}
.mainbnr.product .bnr.product .flex .product_img img{
	width: 100%;
	margin-bottom: 3rem;
}

/* product */

#product .in_inr{
	max-width: 90rem;
}
#product .p_sec01{padding: 10rem 0;}

#product .sec h2{font-size: 3.9rem;text-align: center;display: block;margin-bottom: 5rem;color: #404040;}
#product .sec h2:before{
	content: none;
}

#product .sec .img.full img{
	width: 100%;
	background-color: #ffffff;
	margin: 2rem 0 3rem;
}

#product .sec p{

}
#product .p_sec01 .header{
	margin-bottom: 2rem;
}
#product .p_sec01 .p1{
	text-align: center;
	font-size: 3.2rem;
	color: #5daca5;
	font-weight: 600;
	margin-bottom: 1rem;
}
#product .p_sec01 .txt{
	
}
#product .p_sec01 .lists{margin-bottom: 2rem;}
#product .p_sec01 .lists ul{display: flex;justify-content: space-around;}
#product .p_sec01 .lists ul li{

}
#product .p_sec01 .lists ul li img{

}
#product .p_sec01 .lists.circle_txt{

}
#product .p_sec01 .lists.circle_txt li{
	display: flex;
	justify-content: center;
	text-align: center;
	border: solid 3px #5caca5;
	width: 30%;
	height: 16rem;
	border-radius: 10rem;
	align-items: center;
	font-size: 2.7rem;
	font-weight: 600;
	margin: 4rem auto;
	background: #eefffd;
	color: #5caca5;
}
#product .p_sec01 .lists.circle_txt li span span{
	font-size: 7.1rem;
    font-weight: bold;
    color: #c40808;
    display: block;
    line-height: 7rem;

}

#product .p_sec02{background: #eff7f6;padding: 10rem 0;}
#product .p_sec02 .header{text-align: center;}
#product .p_sec02 .header .p1{font-size: 2.4rem;color: #5daca5;font-weight: 600;margin-bottom: 1.2rem;}
#product .p_sec02 .header .p2{font-size: 2.8rem;border-top: solid 1px #5daca5;border-bottom: solid 1px #5daca5;padding: 1rem 0;margin-bottom: 2rem;font-weight: 600;}
#product .p_sec02 .header .p2 span{
	color: #5daca5;
	font-weight: inherit;
}
#product .p_sec02 .header .tit{font-size: 3.9rem;font-weight: 600;margin-bottom: 2rem;}
#product .p_sec02 .header .txt{text-align: left;}

#product .p_sec02  .img{

}
#product .p_sec02  .img img{

}

#product .p_sec02  .border_block{border: solid 1px #000;padding: 1.2rem;font-size: 1.6rem;}

#product .p_sec03{padding: 10rem 0;}
#product .p_sec03 h2.product_name{

}
#product .p_sec03 h2.product_name span{font-size: 1.3rem;display: inline-block;margin-left: 0.3rem;vertical-align: text-top;}

#product .p_sec03 .point_lists{}
#product .p_sec03 .point_lists .flex{display: flex;flex-wrap: wrap;}
#product .p_sec03 .point_lists .flex .point{width: calc(100% / 3);text-align: center;border-right: solid 1px #404040;padding: 1.6rem 2.5rem;margin-bottom: 4rem;}
#product .p_sec03 .point_lists .flex .point:nth-child(3n){
	border: none;
}
#product .p_sec03 .point_lists .flex .point .icon{height: 7rem;display: flex;justify-content: center;align-items: center;}
#product .p_sec03 .point_lists .flex .point .icon img{}
#product .p_sec03 .point_lists .flex .point .content{

}
#product .p_sec03 .point_lists .flex .point .content .tit{font-size: 1.8rem;font-weight: 600;margin-bottom: 1.7rem;}
#product .p_sec03 .point_lists .flex .point .content .txt{
	font-size: 1.4rem;
	line-height: 2.6rem;
	text-align: left;
}


#product .p_sec04 .p1{
	text-align: center;
	font-size: 1.8rem;
	color: #5daca5;
	font-weight: 600;
	margin-bottom: 1rem;
}

#product .header{
	margin-bottom: 4rem;
}

#product .p_sec04{background: #eff7f6;padding: 10rem 0;}

#product .p_sec04 .content{

}
#product .p_sec04 .content.bb{border-bottom: solid 1px #404040;padding-bottom: 7rem;margin-bottom: 7rem;}
#product .p_sec04 .content .p1{

}
#product .p_sec04 .content h2{

}
#product .p_sec04 .content .flex{justify-content: space-between;margin-bottom: 4rem;}

#product .p_sec04 .content .flex .left{width: calc(100% - 37rem);padding-right: 4rem;}
#product .p_sec04 .content .flex .left .tit{

}
#product .p_sec04 .content .flex .left .txt{

}
#product .p_sec04 .content .flex .img{width: 37rem;}
#product .p_sec04 .content .flex .img img{

}
#product .p_sec04 .content  .tit{border-left: solid 9px #5daca5;padding-left: 2rem;font-size: 2.2rem;font-weight: 600;margin-bottom: 2rem;}
#product .p_sec04 .content .txt{font-size: 1.5rem;line-height: 3rem;}
#product .p_sec04 .content .p2{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

#product .p_sec05{
	padding: 10rem 0;
}
#product .p_sec05 .flex{
	justify-content: space-between;
}
#product .p_sec05 .flex > div{
	width: 48%;
}
#product .p_sec05 .table1 th{
	width: 15rem;
	font-size: 1.3rem;
}
#product .p_sec05 .table1 td{
	font-size: 1.3rem;	
}

#sub .sec_news{
	background: none;
}

.sec_news.single{

}
.sec_news.single .header .meta{margin-bottom: 2rem;}
.sec_news.single .header .meta span{
	font-size: 1.8rem;
	margin-right: 2rem;
}

.sec_news.single .content p{
	font-size: 1.6rem;
    line-height: 3.2rem;
    margin-bottom: 2rem;
}



.contact_box1{
	padding: 30px 0;
}
.dial_box1{margin: 2rem 0 0.6rem;}
.icon_tel{
	width: 30px;
	float: left;
	margin-right: 10px;
}

#sub .section .freedial_p{
	font-size: 3.4rem;
	font-weight: bold;
	color: #5daca5;
	margin-bottom: 10px !important;
	padding-left: 40px;
	background: url(images/freedial.png) left top no-repeat;
	background-size: 70px;
}
.freedial_p span{
	color: #036EB8;
	font-weight: bold;
	display: block;
	font-size: 15px;
	line-height: 10px;
}


.form_box{
	padding: 50px 0;
}
.form_content{
	margin: 3rem 0;
}
.form_content .table1{
	margin-bottom: 2rem;
}
.required{
	font-size: 1.1rem;
    display: inline-block;
    padding: 0.1rem 0.5rem;
    background: #c50000;
    color: #fff;
    border-radius: 6px;
    line-height: 1.7rem;
    margin-left: 0.4rem;
}
.blue_btn {
    margin: 0 auto;
    /* border: solid 2px #ccc; */
    border-radius: 5px;
    display: block;
    width: 47%;
    font-weight: bold;
    background-color: #5daca5;
    text-align: center;
    border: none;
    height: 60px;
    line-height: 60px;
    color: #fff;
}


footer{background: #e2eaec;padding: 5rem 0 0}
footer .footer_content1{

}
footer .footer_content1 .flex{justify-content: space-between;}
footer .footer_content1 .flex .left{width: 50%;}
footer .footer_content1 .flex .left .block{}
footer .footer_content1 .logo{width: 20rem;margin-bottom: 2rem;}
footer .footer_content1 .logo img{

}
footer .footer_content1 .flex .left .block p{font-size: 1.4rem;}

footer .footer_content1 .flex .right{width: 50%;}

footer .footer_content1 .flex .right ul{

}
footer .footer_content1 .flex .right ul li{display: block;padding: 1rem;}
footer .footer_content1 .flex .right ul li a{
	color: initial;
	display: block;
	padding: 0 0 0.6rem;
	color: #404040;
}

footer .footer_content1 .flex .right {
	display: flex;
	justify-content: flex-end;
}
footer .footer_content1 .flex .right > ul{
	display: flex;
	align-items: center;
}
.footer_btm{
	text-align: center;
	margin-top: 2rem;
	padding: 1rem 0;
	background: #5daca5;
}
.footer_btm p{
	font-size: 1.2rem;
	color: #fff;
}


.document_download{padding: 6rem 0;background: #f9feff;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;}
.document_download h2{margin-bottom: 2rem !important;!i;!i9;!i;!;}
.document_download p{text-align: center;font-size: 2rem;}
.document_download .btn{text-align: center;margin: 3rem 0 0;display: flex;justify-content: center;}
.document_download .btn a{
	display: inline-block;
	padding: 1.6rem 5rem;
	font-size: 1.7rem;
	border: solid 2px #c30d23;
	background: #fff;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}
.document_download .btn a img{width: 2.2rem;display: block;margin-left: 0.7rem;}



#product .service_page.contact{

}
#product .service_page.contact h2{
	text-align: left;
    margin-bottom: 1rem;
}

#product .service_page.contact .btn_block{margin-top: 1.5rem;display: flex;}
#product .service_page.contact .btn_block a{/* border: solid 1px #000; */padding: 1.6rem 4rem;border-radius: 3px;background: #5eaca5;color: #ffffff;font-size: 1.8rem;}


.breadcrumbs{
	padding: 0.8rem;
    background: #f2f2f2;
}
.breadcrumbs .inr{
	max-width: 120rem;
}



#sub .policy h2 {
	font-size: 2.2rem;
	margin: 3rem 0 1.5rem;
	border: none;
	padding: 0;
}

#sub .policy p{
font-size: 1.7rem;
margin-bottom: 1.6rem;
line-height: 3.2rem;
}

#sub .policy ol{list-style: auto;margin-left: 2.5rem;}
#sub .policy li{
font-size: 1.7rem;
line-height: 3.2rem;
color: #404040;
}

.service.top_messege{
	text-align: center;
	margin: 2rem 0 2rem;
}
.service.top_messege span{
	font-size: 1.7rem;
	display: block;
	background: #ffc3c3;
	padding: 1rem;
	border-radius: 9px;
	border: solid 1px #8d1818;
}


@media screen and (max-width:768px) {

	.pc{
		display: none;
	}
	.sp{
		display: block;
	}

	
.flex{display: flex;}
.inr{
	max-width: 100%;
	margin: 0 auto;
	padding: 0 3%;
}
.in_inr{
	max-width: 83rem;
	margin: 0 auto;
	margin-top: 0vw;
}





@media screen and (min-width: 1200px) {
	.inr{
		padding: 0 3rem;
	}
	header{
		margin-left: 3rem;
		margin-right: 3rem;
	}
  } 

.mainbnr{background-size: cover;}

header{
    padding: 1rem 0 1rem;
    border-bottom: solid 1px #fff;
}
header .flex{display: flex;justify-content: space-between;align-items: center;}
header .flex .logo{width: 12rem;max-width: 12rem;}
header .flex .logo img{
	max-width: 100%;
}
header .flex nav{width: calc(100% - 39rem);background: #1c1c1c;}
header .flex nav ul{
	display: block;
	width: 100%;
	justify-content: flex-end;
}
header .flex nav ul li{font-size: 1.4rem;}
header .flex nav li a{font-size: inherit;display: block;padding: 1rem 2.2rem;color: #fff;border-bottom: solid 1px #505050;}
.mainbnr .bnr{min-height: 63vw;display: flex;align-items: center;padding: 0;/* max-height: 43rem; */}
.mainbnr h1{font-size: 2.2rem;font-weight: 600;color: #fff;text-shadow: 0px 0px 20px #4f4d4d;line-height: 4rem;letter-spacing: 5px;}

.drawer-hamburger {
    display: block !important;
}

.drawer--right .drawer-nav {
	right: -16.25rem;
	width: 16.25rem;
}
header .flex nav{
	position: fixed;
	top: 0;
}


#main{
	padding-top: 5rem;
}

.sec h2{
	font-size: 1.7rem;
	font-weight: bold;
	position: relative;
	display: flex;
	align-items: center;
}
.sec h2::before{
	content: "●";
	font-size: 2rem;
	color: #5daca5;
	font-size: 3rem;
	margin-right: 0.4rem;
}


.sec01{
	position: relative;
	padding-bottom: 10rem;
	padding: 5vw 0 7vw;
}
.sec01:before{
    content: "";
    background: url(img/sec01_img01.png) no-repeat;
    height: 37vw;
    width: 100%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 66px;
    z-index: 0;
    background-size: cover;
}
.sec01 .inr{
	position: relative;
	z-index: 1;

}
.sec01 .top_messege_block{
	text-align: right;
}
.sec01 .top_messege_block .top_messege{font-size: 4rem;font-weight: bold;letter-spacing: 3px;color: #5daca5e3;line-height: 4rem;}
.sec01 .top_messege_block .top_submessege{font-size: 3.5rem;font-weight: bold;/* letter-spacing: 5px; */color: #5daca53b;line-height: 5rem;}
.sec01 .content{display: flex;justify-content: flex-start;width: 100%;}
.sec01 .content > div{

}
.sec .content .txt{
	font-size: 1.5rem;
	letter-spacing: 2px;
	line-height: 2.1rem;
	text-shadow: 0px 0px 4px #fff;
}
.sec01 .content .btn_block{

}
.sec01 .top_messege_block .content .btn_block a{

}

.sec .content .service_lists{margin-top: 1.5rem;}
.sec .content .service_lists a{width: calc(100% / 2);margin: 0;border: solid 1px #ebebeb;box-shadow: none;border-radius: 0;}
.sec .content .service_lists a:last-child{
	margin: 0;
}

/*  */
.sec .top_tit{color: #404040;font-size: 3.4rem;font-weight: 800;line-height: 4.4rem;letter-spacing: 2px;}

.sec02,.sec03{padding: 6vw 0;margin: 5vw 0;}

.sec02{
	background: url(img/sec02_img01.jpg) right top no-repeat;
	background-size: contain;
	padding-top: 24vw;
}
.sec02 .content{
	padding-top: 5vw;
}



.sec03{
	background: url(img/sec03_img01.jpg) right top no-repeat;
	background-size: contain;
	padding-top: 42vw;
}


.sec_news{
	background:#eff7f6;
	padding: 3rem 0%;
}
.sec_news.index{
	padding: 3rem 3%;
}

.sec_news .header{margin-bottom: 2.8rem;}
.sec_news .header .flex{
	display: flex;
	align-items: baseline;
}
.sec_news .header .top_tit{margin-right: 2rem;}
.sec_news .header h2{

}
.sec_news .header .flex.type02{margin-top: 1rem;justify-content: space-between;}
.sec_news .header .btn_block{

}
.sec_news .header .btn_block a{font-weight: 600;color: inherit;}

.sec_news .content{

}
.sec_news .content ul{border-top: solid 1px #808080;}
.sec_news .content ul li{border-bottom: solid 1px #808080;padding: 1.3rem 0;}
.sec_news .content ul li .meta{display: flex;margin-bottom: 0.6rem;font-size: 1.5rem;}
.sec_news .content ul li .meta .date{margin-right: 3rem;}
.sec_news .content ul li .meta .tag{

}
.sec_news .content ul li .meta .tag.release{color: #5daca5;}
.sec_news .content ul li .tit{font-size: 1.6rem;}
.sec_news .content ul li .tit a{font-weight: 600;color: inherit;font-size: 1.5rem;}


.sec_contact{
	padding: 5rem 0;
	background-color: #f2f2f2;
	text-align: center;
}


/* subpage */
.mainbnr.subpage{
	background: url(img/sub_topimg01.jpg);background-size: cover;
}
.mainbnr .bnr.subpage {
    min-height: 11rem;
    display: flex;
    align-items: center;
    padding: 0 3rem;
}
.mainbnr .bnr.subpage p{
	color: #fff;
	font-size: 1.6rem;
}

.pan{padding: 2rem 0;}
.pan ul{display: flex;}
.pan ul li{
    margin-right: 2rem;
    font-size: 1.2rem;
}
.pan ul li a{
	font-size: 1.2rem;
}


#sub{

}
#sub .section{
	padding: 2rem 0;
}
#sub .in_inr,
.pan .in_inr{
	max-width: 100%;
	padding: 0 3%;
}

#sub h2{font-size: 2.6rem;font-weight: 600;border-left: solid 12px #5daca5;padding-left: 1.5rem;margin-bottom: 2.2rem;line-height: 3.4rem;}

#sub h3{font-size: 2.3rem;margin-bottom: 2.5rem;font-weight: 600;line-height: 3.3rem;}
#sub .section p{
	font-size: 1.5rem;
	line-height: 2.7rem;
}

.table_block{

}
.table1{border-top: solid 1px #d0cfcf;}
.table1 th,
.table1 td{
	border-collapse: collapse;
	border-bottom: solid 1px #d0cfcf;
	padding: 1.4rem 1.6rem;
	font-size: 1.4rem;
}

.table1 th{background: #e2eaec;text-align: center;width: 25%;}
.table1 td{

}

.map_block{
	width: 100%;
	margin-bottom: 1.2rem;
}
.map_block iframe{
	width: 100%;
	height: 28rem;
}
#sub .section.sec_about .block{
	margin-bottom: 3rem;
}
#sub .section img{
	display: block;
	width: 100%;
}
.full{
	width: 100%;
}

.mb-xs{
	margin-bottom: 0.5rem;
}
.mb-s{
	margin-bottom: 1.5rem;
}
.mb-md{
	margin-bottom: 2.5rem;
}
.mb-x{
	margin-bottom: 3.5rem;
}
.mb-xl{
	margin-bottom: 5rem;
}

#sub .section.sec_about .block .flex{
	display: block;
}
#sub .section.sec_about .block .flex .txt_block{
	width: 100%;
	padding-right: 0;
}
#sub .section.sec_about .block .flex .img{
	width: 100%;
}

.bg_blue{
	background: #eff7f6;
}

#sub .section.sec_about.sub_sec02{padding: 10rem 0;}
#sub .section.sec_about.sub_sec02 .flex{display: flex;justify-content: space-between;}
#sub .section.sec_about.sub_sec02 .flex .box{width: 31%;}
#sub .section.sec_about.sub_sec02 .flex .box .img{height: 19rem;background: #a7a7a7;margin-bottom: 1.5rem;}
#sub .section.sec_about.sub_sec02 .flex .box .img img{

}
#sub .section.sec_about.sub_sec02 .flex .box .content{

}
#sub .section.sec_about.sub_sec02 .flex .box .content h4{font-size: 2rem;font-weight: 600;margin-bottom: 1rem;}
#sub .section.sec_about.sub_sec02 .flex .box .content p{
		font-size: 1.4rem;
		line-height: 2.3rem;
}


#sub .section.sec_about.sub_sec03{padding: 10rem 0;}
#sub .section.sec_about.sub_sec03 .messege_content{border: solid 1px #999;padding: 4.5rem;}
#sub .section.sec_about.sub_sec03 .messege_content .tit{font-size: 3rem;margin-bottom: 4rem;position: relative;font-weight: 600;}
#sub .section.sec_about.sub_sec03 .messege_content .tit:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1.5rem;
	width: 9rem;
	height: 0.5rem;
	background: #5daca5;
}
#sub .section.sec_about.sub_sec03 .messege_content .sub_tit{font-size: 2.4rem;font-weight: 600;margin-bottom: 1.2rem;}
#sub .section.sec_about.sub_sec03 .messege_content .txt{
	font-size: 1.5rem;
	line-height: 2.7rem;
}



/* product */

.mainbnr.product{
	/* background: url(img/gmotor_img01.jpg); */
	background-size: cover;
	}

.mainbnr .bnr.product{
	min-height: 56rem;
}
.mainbnr.product .inr.type2{
	max-width: 120rem;
}


.mainbnr.product .bnr.product{width: 100%;min-height: auto;padding: 3rem 0;}

.mainbnr.product .bnr.product .flex{display: block;align-items: flex-end;justify-content: space-between;width: 100%;}
.mainbnr.product .bnr.product .flex .box{width: 100%;margin-bottom: 4rem;}
.mainbnr.product .bnr.product .flex .icon{margin-bottom: 0rem;width: 16rem;}
.mainbnr.product .bnr.product .flex .icon img{

}
.mainbnr.product .bnr.product .flex .box .catch_tit{
	margin-bottom: 1.2rem;
}
.mainbnr.product .bnr.product .flex .box .catch_tit span{display: inline;line-height: 2.7rem;/* background-color: #ffff; */padding: 0.2rem 0;font-size: 1.7rem;}

.mainbnr.product .bnr.product .flex .box .tit_block{

}
.mainbnr.product .bnr.product .flex .box .tit_block .subtit{font-size: 1.8rem;letter-spacing: 3px;}
.mainbnr.product .bnr.product .flex .box .tit_block .product_name{font-size: 6.5rem;line-height: 5.8rem;1: 100;margin-bottom: 2.5rem;}
.mainbnr.product .bnr.product .flex .box .tit_block .product_name span{
	font-size: 2.2rem;
	display: inline-block;
	margin-left: 1rem;
	vertical-align: text-top;
}

.mainbnr.product .bnr.product .flex .box .tags{margin-bottom: 1.3rem;}
.mainbnr.product .bnr.product .flex .box .tags .tag{display: inline-block;background: #5daca5;padding: 0.6rem 3rem;border: solid 1px #fff;color: #fff;}
.mainbnr.product .bnr.product .flex .box .tags.type2{max-width: 44rem;}
.mainbnr.product .bnr.product .flex .box .tags.type2 .tag{display: inline-block;background: #fff;padding: 0.3rem 2rem;color: #5daca5;border: solid 1px #5daca5;border-radius: 4px;margin-bottom: 0.7rem;}
.mainbnr.product .bnr.product .flex .product_img{width: 100%;position: relative;margin: 0 auto;}
.mainbnr.product .bnr.product .flex .product_img .label{display: inline-block;text-align: center;padding: 1rem;width: 14rem;height: 14rem;display: flex;justify-content: center;align-items: center;font-size: 1.9rem;color: #237c19;background: #fff;border: solid 2px #237c19;border-radius: 12rem;line-height: 2.7rem;position: absolute;right: 0;top: -3rem;box-shadow: 0px 2px 4px #595454;font-weight: 700;}
.mainbnr.product .bnr.product .flex .product_img img{
	width: 100%;
	margin-bottom: 3rem;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* product */

#product .in_inr{
	max-width: 90rem;
	padding: 0 3%;
}
#product .p_sec01{padding: 6rem 0;}

#product .sec h2{font-size: 2.4rem;text-align: center;display: block;margin-bottom: 2rem;color: #404040;}
#product .sec h2:before{
	content: none;
}
#product .sec p{

}
#product .p_sec01 .header{
	margin-bottom: 2rem;
}
#product .p_sec01 .p1{
	text-align: center;
	font-size: 2.6rem;
	color: #5daca5;
	font-weight: 600;
	margin-bottom: 1rem;
}
#product .p_sec01 .txt{
	
}
#product .p_sec01 .lists{margin-bottom: 2rem;}
#product .p_sec01 .lists ul{display: flex;justify-content: space-around;}
#product .p_sec01 .lists ul li{

}
#product .p_sec01 .lists ul li img{

}

#product .p_sec02{background: #eff7f6;padding: 6rem 0;}
#product .p_sec02 .header{text-align: center;}
#product .p_sec02 .header .p1{font-size: 2.2rem;color: #5daca5;font-weight: 600;margin-bottom: 1.2rem;}
#product .p_sec02 .header .p2{font-size: 2.2rem;border-top: solid 1px #5daca5;border-bottom: solid 1px #5daca5;padding: 1rem 0;margin-bottom: 2rem;font-weight: 600;}
#product .p_sec02 .header .p2 span{
	color: #5daca5;
	font-weight: inherit;
}
#product .p_sec02 .header .tit{font-size: 2.8rem;font-weight: 600;margin-bottom: 2rem;}
#product .p_sec02 .header .txt{text-align: left;}

#product .p_sec02  .img{

}
#product .p_sec02  .img img{

}

#product .p_sec02  .border_block{border: solid 1px #000;padding: 1.2rem;font-size: 1.6rem;}

#product .p_sec03{padding: 6rem 0;}
#product .p_sec03 h2.product_name{

}
#product .p_sec03 h2.product_name span{font-size: 1.3rem;display: inline-block;margin-left: 0.3rem;vertical-align: text-top;}

#product .p_sec03 .point_lists{}
#product .p_sec03 .point_lists .flex{display: block;flex-wrap: wrap;}
#product .p_sec03 .point_lists .flex .point{width: calc(100% / 1);text-align: center;border-right: none;padding: 1.2rem 2.5rem;margin-bottom: 4rem;border-bottom: solid 1px #ccc;}
#product .p_sec03 .point_lists .flex .point:nth-child(3n){border-bottom: solid 1px #ccc;}
#product .p_sec03 .point_lists .flex .point .icon{height: 7rem;display: flex;justify-content: center;align-items: center;}
#product .p_sec03 .point_lists .flex .point .icon img{}
#product .p_sec03 .point_lists .flex .point .content{

}
#product .p_sec03 .point_lists .flex .point .content .tit{font-size: 1.8rem;font-weight: 600;margin-bottom: 1.7rem;}
#product .p_sec03 .point_lists .flex .point .content .txt{
	font-size: 1.4rem;
	line-height: 2.6rem;
	text-align: left;
}


#product .p_sec04 .p1{
	text-align: center;
	font-size: 1.8rem;
	color: #5daca5;
	font-weight: 600;
	margin-bottom: 1rem;
}

#product .header{
	margin-bottom: 4rem;
}

#product .p_sec04{background: #eff7f6;padding: 5rem 0;}

#product .p_sec04 .content{

}
#product .p_sec04 .content.bb{border-bottom: solid 1px #404040;padding-bottom: 7rem;margin-bottom: 7rem;}
#product .p_sec04 .content .p1{

}
#product .p_sec04 .content h2{

}
#product .p_sec04 .content .flex{justify-content: space-between;margin-bottom: 4rem;display: block;}

#product .p_sec04 .content .flex .left{width: 100%;padding-right: 0;margin-bottom: 2rem;}
#product .p_sec04 .content .flex .left .tit{

}
#product .p_sec04 .content .flex .left .txt{

}
#product .p_sec04 .content .flex .img{width: 37rem;margin: 0 auto;text-align: center;}
#product .p_sec04 .content .flex .img img{

}
#product .p_sec04 .content  .tit{border-left: solid 9px #5daca5;padding-left: 2rem;font-size: 2.2rem;font-weight: 600;margin-bottom: 2rem;}
#product .p_sec04 .content .txt{font-size: 1.5rem;line-height: 3rem;}
#product .p_sec04 .content .p2{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

#product .p_sec05{
	padding: 5rem 0;
}
#product .p_sec05 .flex{
	justify-content: space-between;
	display: block;
}
#product .p_sec05 .flex > div{
	width: 100%;
	padding-top: 4rem;
}
#product .p_sec05 .table1 th{
	width: 15rem;
	font-size: 1.3rem;
}
#product .p_sec05 .table1 td{
	font-size: 1.3rem;	
}

#sub .sec_news{
	background: none;
}
#sub .sec_news > .in_inr{
	padding: 0;
}

.sec_news.single{

}
.sec_news.single .header .meta{margin-bottom: 2rem;}
.sec_news.single .header .meta span{
	font-size: 1.8rem;
	margin-right: 2rem;
}

.sec_news.single .content p{
	font-size: 1.6rem;
    line-height: 3.2rem;
    margin-bottom: 2rem;
}



.contact_box1{
	padding: 30px 0;
}
.dial_box1{margin: 2rem 0 0.6rem;}
.icon_tel{
	width: 30px;
	float: left;
	margin-right: 10px;
	max-width: 2.6rem;
}

#sub .section .freedial_p{
	font-size: 3.4rem;
	font-weight: bold;
	color: #5daca5;
	margin-bottom: 10px !important;
	padding-left: 40px;
	background: url(images/freedial.png) left top no-repeat;
	background-size: 70px;
}
.freedial_p span{
	color: #036EB8;
	font-weight: bold;
	display: block;
	font-size: 15px;
	line-height: 10px;
}


.form_box{
	padding: 50px 0;
}
.form_content{
	margin: 3rem 0;
}
.form_content .table1{
	margin-bottom: 2rem;
}
.required{
	font-size: 1.1rem;
    display: inline-block;
    padding: 0.1rem 0.5rem;
    background: #c50000;
    color: #fff;
    border-radius: 6px;
    line-height: 1.7rem;
    margin-left: 0.4rem;
}
.blue_btn {
    margin: 0 auto;
    /* border: solid 2px #ccc; */
    border-radius: 5px;
    display: block;
    width: 47%;
    font-weight: bold;
    background-color: #5daca5;
    text-align: center;
    border: none;
    height: 60px;
    line-height: 60px;
    color: #fff;
}


footer{background: #e2eaec;padding: 5rem 0 0}
footer .footer_content1{

}
footer .footer_content1 .flex{justify-content: space-between;display: block;}
footer .footer_content1 .flex .left{width: 100%;margin-bottom: 4rem;}
footer .footer_content1 .flex .left .block{
    margin-bottom: 1.5rem;
}
footer .footer_content1 .logo{margin-bottom: 2rem;display: flex;justify-content: center;width: 100%;}
footer .footer_content1 .logo img{max-width: 12rem;}
footer .footer_content1 .flex .left .block p{font-size: 1.2rem;}

footer .footer_content1 .flex .right{width: 100%;}

footer .footer_content1 .flex .right ul{

}
footer .footer_content1 .flex .right ul li{font-size: 1.3rem;border-top: solid 1px #d8d8d8;}
footer .footer_content1 .flex .right ul li a{
	color: initial;
	display: block;
	padding: 0;
	color: #404040;
}

footer .footer_content1 .flex .right {
	display: flex;
}
footer .footer_content1 .flex .right > ul{
	width: 100%;
	display: block;
	text-align: center;
}
.footer_btm{
	text-align: center;
	margin-top: 2rem;
	padding: 1rem 0;
	background: #5daca5;
}
.footer_btm p{
	font-size: 1.2rem;
	color: #fff;
}

/* service */
.mainbnr.product .bnr.product .flex .box .tit_block .product_name{
	font-size: 4.4rem;
	line-height: 5rem;
	margin-bottom: 4rem;
}



/* ナビ */

/* プルダウンメニューのスタイル */
.menu-toggle {
	display: none;
	cursor: pointer;
	flex-direction: column;
	gap: 5px;
  }
  
  .menu-toggle span {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #333;
  }
  
  nav.nav-menu {
	display: flex;
  }



.sec .top_messege_block .top_submessege{
    font-size: 5rem;
    line-height: 17vw;
}
.sec .top_messege_block .top_messege{
        font-size: 4.5rem;
        line-height: 11vw;
}

.sec .content .service_lists a .tit{
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2.2rem;
	padding: 1rem;
}
#product .p_sec01 .lists.circle_txt li{
	display: flex;
    justify-content: center;
    text-align: center;
    border: solid 3px #5caca5;
    width: 31%;
    height: 16rem;
    border-radius: 1.1rem;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 4rem auto;
    background: #eefffd;
    color: #5caca5;
}



  
  @media screen and (max-width: 768px) {
	nav.nav-menu {
	  display: none;
	}
  
	.menu-toggle {
	  display: flex;
	}
  
	nav.nav-menu.active {
	  display: block;
	}
  }