html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
    margin: 0; 
    background:#000;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

/* ====================
	base
	==================== */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

h1, h2, h3, h4, h5, h6, p, ul, ol,
figure {
  margin: 0; }

body {
	font-family:'Yu Gothic','ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #000;
	letter-spacing: 0.05em; }
@media print, screen and (max-width: 767px) { /*for sp*/
    body {
	  font-size: 16px;
	  line-height: 1.5;
	} }

a{color:#000;text-decoration:none;}
a:hover{color:#999;text-decoration:none;}
a:visited{color:#555;text-decoration:none;}


.page-container {
 	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden; }

section {
 	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sect-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
}
@media print, screen and (max-width: 767px) { /*for sp*/
	.sect-container {
		width:100%; padding: 0 20px; }}

@media print, screen and (max-width: 767px) { /*for sp*/
	.sect-container {
		padding: 0 10px; }
}

.sr-only { display: none; }

@media screen and (min-width: 768px) {
    .sp-only { display: none; }
}

@media print, screen and (max-width: 767px) { /*for sp*/
    .pc-only { display: none; }
}

.mincho{ 
    font-family: "A1明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/* ====================
	gmenu
	==================== */
#gmenu{
	z-index: 200;
	width: 100vw;
    height: 60px;
	position: fixed;
	top: 0;	
    
	background:rgba(255,255,255,0.8);
    
    display:flex;
    justify-content: space-between;
}

@media screen and (max-width: 1120px){ 
    #gmenu{
        display:none;
    }
}

#gmenu h1{
    height: 60px;
    margin-left:10px;
}

#gmenu ul{ 
	margin:0; 
    padding: 0  20px;
	list-style:none;
    
    display: flex;
    flex-direction: row;
    justify-content:flex-end;
}

#gmenu a,#gmenu a:hover,#gmenu a:visited{
    color:#000;
	text-decoration:none;
}
#gmenu span{
    font-size:0.8em;
	font-family: 'Cabin', serif;
}

#gmenu li{ 
    height: 60px;
	padding: 3px 8px;
    margin:0 10px;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
    
}


/********* SP nav **********/
#spnav {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 220;
	height: 50px;
	background:rgba(255,255,255,0.8);
}

@media print, screen and (min-width: 1121px) {
    #spnav {
        display: none; 
    }
}

#spnav h1{
	height: 50px;
    margin-left:10px;
}

#nav_toggle{ display: none;}
nav{ display: none;}

@media screen and (max-width: 1120px){
	nav{
		display:none;
		position: absolute;
		width: 100vw;
		height: 100vh;
		top:0; 
        left:0;
		background:rgba(255,255,255,0.8);
		text-align:center;
	}
	nav ul{ margin:80px 0 0 0; padding:0; list-style:none; }
	nav ul li{
		padding: 10px 5px;
        margin: 20px auto 0 auto;
		width: 90%; 
        /*max-width:320px;*/
        
        background: -webkit-linear-gradient(#555, #000);
        background: -o-linear-gradient(#555, #000);
        background: linear-gradient(#555, #000); 
		
		border-radius:5px; 
		color:#fff; 
		font-size:1.3em; 
		text-align: center;
        
        display:flex;
        justify-content: space-between;
        align-items: center
	}
	nav ul a{ 
        color:#fff;
    }
	nav ul a span{ 
		font-size:4.3vw;
    }
    

	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 15px; right:10px;
		z-index: 2020;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #333;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:8px;
	}
	#nav_toggle span:nth-child(3){
		top:16px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span{
		background: #000;
	}
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
	}
	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

}






/* ====================
	HOME
	==================== */
.intro{
	height:800px;
	background: url(../img/img_top_main_L.jpg) center no-repeat;
	background-size: cover;
    position:relative;
}
@media only screen and (max-width: 767px){ /* SP */
	.intro { 
		height:550px;
		background: url(../img/img_top_main_S.jpg) top center no-repeat;
		background-size: cover;
		overflow:visible;
	} }

.intro h2{
    position:absolute;
    bottom:70px;
    right:10%;
	text-align:left;
	color:#fff; 
	font-size:1.35em; 
	line-height:2.2; 
	letter-spacing: 0.1em; 
}
@media only screen and (max-width: 767px){ /* SP */
	.intro h2 { 
		text-align:left; 
		font-size:4.3vw;
		line-height:1.7; 
		margin:0 0 0 10px; 
		padding-top:450px;
		letter-spacing: 0em; 
	} }

/* 社史イメージ　*/
.sec2{
	background: url(../img/img_topsec2.jpg) center no-repeat;
	background-size: cover;
}
.sec2_left{ 
    float:left; 
    width:48%; 
    margin:20px 2% 20px 0;
}
@media print, screen and (max-width: 1120px) {
	.sec2_left{  width:40%; }
}
@media only screen and (max-width: 767px){ /* SP */
	.sec2_left{ float:none; width:80%; margin:10px auto; }
}
.sec2_left img{ width: 100%; height: auto; }

.sec2_right{
	float:right; 
	width:48%; 
	padding-top: 180px;
	color:#fff;
	font-size:1.05em; 
	line-height:1.8; 
}
@media print, screen and (max-width: 1120px) {
	.sec2_right{ 
		width:55%; 
		padding-top: 80px; 
		font-size:1em; 
	}
}
@media only screen and (max-width: 767px){ /* SP */
	.sec2_right{ 
		float:none; 
		width:100%; 
		margin: 20px auto;
	}
}

.btn_contact{ 
	float:right; margin:0; color:#000; text-align:left;
	width:320px; height: 83px; 
	background:#ffff00; border-radius: 20px;
	overflow:hidden;
	position: relative;
}
@media only screen and (max-width: 767px){ /* SP */
		.btn_contact{ float:none; margin:0 auto 0 auto;}
	}
.btn_contact p{ 
	margin:16px 0 0 20px; 
	font-size:1.25em; line-height:1.3; letter-spacing: 0;
}
.btn_contact .arw{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position:absolute;
	top:50%; right: 10px; margin-top:-7px;
}
.bun_container{
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	display:inline-block;
    line-height:1;
}
.bun1 .btxt{ background: url(../img/logo_carsensor.jpg) top no-repeat; }
.bun2 .btxt{ background: url(../img/logo_goo.jpg) top no-repeat; }
.bun3 .btxt{ background: url(../img/logo_yahuoku.jpg) top no-repeat; }
.bun4 .btxt{ background: url(../img/goopit_logo.png) center 40px no-repeat;}
.btxt .arw{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 3px #f15b0f;
    border-right: solid 3px #f15b0f;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position:absolute;
	bottom: 7px; right: 10px; 
}

/*　会社概要*/
.sec6{
	background: url(../img/img_topsec6.jpg) top right no-repeat ,#eeece7;
	color:#333; 
    padding:80px 0 30px 0; 
	line-height:1.8;
}
.sec6 h3{ font-size:1.35em; }
.sec6 .whitebox{ 
	width:740px; padding:35px 30px; margin:40px 20px 40px 0;
	background-color:rgba(255,255,255,0.8);
	font-size:0.95em; line-height:1.5; 
}
	@media print, screen and (max-width: 1120px) {
		.sec6 .whitebox{ 
			width:95%; margin:40px auto; padding:20px; font-size:1em; line-height:1.4;
		}
	}

.sec6 .whitebox img{ float:left; margin:0 15px 5px 0; }
@media only screen and (max-width: 767px){ /* SP */
	.sec6 .whitebox img{ 
		float:none; 
		margin:0 auto 10px auto; }
}
.sec6 .btnarea{ 
	width:300px; 
	position:absolute; bottom:0; right:0; 
}
@media only screen and (max-width: 1120px){ /* SP */
    .sec6 .btnarea{ 
        position:relative; margin:0 auto 0 auto;
    }
}


.btn_company{ 
	margin:10px 0 0 0; color:#000; text-align:left;
	width:300px; height: 63px; 
	background:#f9f6f0; border-radius: 20px; border:#bdae9f 1px solid;
	overflow:hidden;
	position: relative;
}
.btn_company p{ 
	margin:32px 0 0 20px; 
	font-size:1.25em; line-height:0; letter-spacing: 0;
}
.btn_company .arw{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position:absolute;
	top:50%; right: 10px; margin-top:-7px;
}

/* アーカイブ　*/
.sec7{
	height:480px;
	background: url(../img/img_topsec7.jpg) center no-repeat;
	background-size: cover;
}
.sec7 .sect-container{ margin-top:362px;}
.sec7 h3{ 
	float:left; 
	color:#666; 
	font-family: 'Open Sans', sans-serif; 
	font-size:5em; line-height:1.1;
	transform: scale(0.7, 1);
}
.sec7 .btn_contact{ width: 350px; }
@media only screen and (max-width: 767px){ /* SP */
	.sec7{ 
		background-position: right top;
		background-size:contain ;
		height:350px;}
	.sec7 .sect-container{ margin:0; padding: 40px 0 0 0; }
	.sec7 h3{ float:none; width:100%; text-align:center; margin:20px auto; }
}

/*　お客様の声　*/
.sec8{
	background: #E3E3E3;
	padding-bottom: 80px;
}
.sec8 .midashi{ 
	text-align:center; margin:30px 0; line-height:0.5;
}
.sec8 .midashi h3{ 
	color:#494E51; 
	font-family: 'Open Sans', sans-serif; 
	font-size:5em;
    line-height:1;
	transform: scale(0.7, 1);
}
ul.voices {
    width:100%;
    margin:0 0 10px 0; padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.voices li {
	width:32%;
	margin:0 0 5px 0;
	padding:15px;
	border:1px solid #fbfbb3;
	background-color:#fff;
	list-style:none;
}
ul.voices li + li{
	margin:0 0 5px 1%;
}
@media only screen and (max-width: 767px){ /* SP */
	ul.voices li { 
		width:98%;
		margin: 0 auto 5px auto;
	}
}
.shop{ 
	width:100%;
    /* background:#E3E3E3; */
	margin:0 auto;
    padding:20px 0;
	font-size:1.25em; 
	text-align:center; 
	overflow:hidden;
}
.shop_bun{ 
	width:305px; 
    height:190px; 
	float:left; 
    margin:20px 10px 0 5px;
    padding-top:15px;
	background: -webkit-linear-gradient(#fff, #e1e1e1);
	background: -o-linear-gradient(#fff, #e1e1e1);
	background: linear-gradient(#fff, #e1e1e1);
	border-radius: 10px;
	border:#ccc solid 1px;
}
@media only screen and (max-width: 767px){ /* SP */
	.shop_bun{ 
		float:none; 
		margin:10px auto;
	}
}
.sec8 .btxt,
.com3 .btxt{ 
	height:160px; 
    padding-top:135px; 
	color:#000; 
    letter-spacing: 0em; 
    font-size:0.9em;
	position:relative;
	background-size:80% auto;
}



/* 並行輸入と買取のセクションのボタン*/
.sect_btn{
	margin-top:20px;
	width:100%;
	text-align:right;
}
.sect_btn figure{
	display:inline-block;
}
@media only screen and (max-width: 767px){ /* SP */
	.sect_btn{
		text-align:center;
	}
}
@media only screen and (max-width: 390px){
	.sect_btn figure img{
		width:100%; 
		height:auto;
	}
}

/* ====================
	下層ページ共通
	==================== */

#leaf .midashi{ 
	text-align:center; 
	margin:100px auto 0 auto;
	line-height:1.4;
}
@media only screen and (max-width: 767px){ /* SP */
		#leaf .midashi{ 
			margin:150px auto 0 auto;
		}
}
#leaf .leaf_contents .midashi{
	margin:20px auto 40px auto;
	line-height:1.2;
}

#leaf .midashi h3{ 
	color:#d2d5ca; 
	font-family: 'Open Sans', sans-serif; 
	transform: scale(0.7, 1);
    text-align:center;
    line-height:1.2;
	font-size:5em; 
}

@media only screen and (max-width: 767px){ /* SP */
    #leaf .midashi h3{ 
	    font-size:4em; 
    }
}
@media only screen and (max-width: 390px){
    #leaf .midashi h3{ 
        font-size:12vw;
	}
}

#leaf .midashi h4{ 
	color:#fff;
	font-size:0.9;
	font-weight:300;
    
    margin: 5px auto; 
    text-align:center;
    
}
#leaf .midashi h5{ 
    margin: 70px auto; 
    text-align:center;
	color:#fff;
    font-weight:normal;
    line-height:1.8;
    font-size:1.2em;
}
@media only screen and (max-width: 767px){ /* SP */
    #leaf .midashi h5{ 
        line-height:1.6;
        font-size:2.8vw;
    }
}
@media only screen and (max-width: 390px){
    #leaf .midashi h5{ 
        text-align:left;
        font-size:11px;
	}
}

/* フルレスポンシブ対応で画像を可変表示するが、画像幅最大値は個別に指定する。*/
#leaf .sect_main{
	margin: 30px auto 0 auto;
	text-align:center;
}
#leaf .sect_main img{
	width:auto;
	height:auto;
}
@media only screen and (max-width: 1200px){
	#leaf .sect_main img{
		width:100%;
		height:auto;
	}
}


/* ====================
	Company
	==================== */
.com_head{
	background: url(../img/img_com1.jpg) center no-repeat;
	background-size: cover;
	padding-bottom:80px;
	color:#fff;
}


.history{ width: 690px; margin: 65px auto 40px auto; }
@media only screen and (max-width: 767px){ /* SP */
		.history{ width: 100%; }
	}
.history h4{ height: 60px; font-size:1.5em; font-weight:normal; border-bottom: #ffff00 solid 1px; }
.history .enkaku{ margin: 20px auto 0 0; text-align:left; }
.history .enkaku th{ font-weight:normal; width:180px;  vertical-align:top;}
.history_img{ text-align:center; }

.com1{
	background: url(../img/back_stuff.gif);
	padding-bottom: 80px;
	color:#000; 
}
.com1 .sect-container{ text-align:center; }
.com1 h4{ margin: 40px auto 0; font-size:1.5em; font-weight:normal;}
.com1 .txt{ 
	margin: 5px auto 30px;  }
.com1 .stuff{ display:inline-block; margin: 0 auto; text-align: center; }
.com1 .stuff_img{ width:24%; height: auto; float:left; margin:0 0 0 5px; text-align:left; line-height:1.2; padding:0; overflow:hidden; }
.com1 .stuff_img img{ width:auto;  height:auto; }
@media only screen and (max-width: 767px){ /* SP */
		.com1 .stuff_img{ width:280px; height: 350px; }}

.com2{
	background: url(../img/img_com2.jpg) center no-repeat;
	background-size: cover;
	padding-bottom:250px;
	color:#fff;
}

.com3{ padding-bottom:100px; }
.com3.white{ background:#fff;}


/* ====================
	Archives
	==================== */
.arc_head{
	background: url(../img/img_archive.jpg) center no-repeat;
	background-size: cover;
	color:#fff;
    /* 
	padding-bottom:80px;
    height:600px; */
    
	padding-bottom:5d0px;
}

/* added 2024 */
/*　ページ内リンクエリア　*/
.level3{
	border: #ccc 1px solid;
	width:100%;
	padding:5px 0 0 5px;
	margin:10px auto 20px;
}
.level3 ul.level3_menu{
	list-style-type:none;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0;
	
}
.level3 ul.level3_menu li{
	list-style-type:none;
	float:left;
	margin:4px 2em 0 0;
	padding:0;
	min-height:16px;
	
	font-size:12px;
	color:#ccc;
	line-height:0.8;
	vertical-align:middle;
}
.level3 ul.level3_menu li:hover{
	text-decoration:underline;
	color:#fff;
}

@media only screen and (max-width: 767px){ /* SP */
    .level3 ul.level3_menu li{
        
	    font-size:10px;
    }
}


/*ギャラリー全体のコンテナー*/
.archives .wrap {
	width: 100%;
    margin:0 auto 40px auto;
	position:relative;
	overflow:hidden;
}
.archives .arc_ttl {
	width: 100%;
    background:#aaa;
	border-radius:8px;
	color:#000;
	font-size:1.1em;
	margin: 10px auto 5px auto;
	padding: 3px 0;
	text-align:center;
}
.archives .wrap .arc_main {
    float:left;
    width:600px;
    height:auto;
    min-height:420px;
    max-height:800px;
    display:inline-block;
}
@media only screen and (max-width: 1023px){ /* SP */
	.archives .wrap .arc_main {
		float:none;
		width:100%;
	    min-height:180px;
	    max-height:none;
		margin:0 auto 5px auto;
	}
}
.archives .wrap .arc_main img{
	width:100%; 
	height:auto;
    display: block;
    object-fit:contain;
}



.archives .wrap .arc_sam{
	float:right;
	width:370px;
    
    display:flex;
    flex-direction: column;
}
@media only screen and (max-width: 1023px){ /* SP */
	.archives .wrap .arc_sam{
		float:none;
		width:100%;
	}
}

.archives .arc_detail{
    color:#bbb;
    font-size:14px;
    margin:10px 0;
}

.arc_icon{
    margin:-2px 10px 5px 0;
    padding:1px 8px;
    color:#fff;
    border-radius:3px;
    width: fit-content;
    display:inline-block;
}

.iconcol1{ background:#32b16c; }
.iconcol2{ background:#13b5b1; }
.iconcol3{ background:#00b7ee; }
.iconcol4{ background:#448aca; }
.iconcol4{ background:#556fb5; }


.archives .wrap ul {
    display:block;
	list-style:none;
	padding:0;
	margin:0;
}
.archives .wrap li {
    float:left;
	width:80px;
	height:80px;
    margin-right: 10px;
    margin-bottom: 10px;
	overflow:hidden;
	text-align:center;
	
	display: flex;
    align-items: center;
	justify-content: center;
}
.archives .wrap li img {
    cursor:pointer;
	
	width: 120px;
	height: auto;	
}


.goopit{
	background: url(../img/goopit_back.jpg) center no-repeat;
    padding:35px 0;
    text-align:center;
}
.goopit .whitebox{
    background:#fff;
    width:650px;
    margin:0 auto;
    padding:35px;
}
@media only screen and (max-width: 767px){ /* SP */
    .goopit .whitebox{
        width:95%;
        padding:15px;
	}
}

.goopit .whitebox .goopit_img{
    width:100%;
    text-align:center;
}
.goopit .whitebox .goopit_img img{
    width:368px;
    height:auto;
}
@media only screen and (max-width: 767px){ /* SP */
	.goopit .whitebox .goopit_img img{
        /* before 2024 */
        /* width:100%; */
        width:75%;
    }
}
.goopit .whitebox .goopit_txt{
    width:100%;
    margin:8px 0;
    font-size:1.3em;
    letter-spacing: -0.05em;
}
@media only screen and (max-width: 767px){ /* SP */
    .goopit .whitebox .goopit_txt{
        font-size:1em;
    }
}

.archive_head .whitebox{
	z-index: 1001;
	position: absolute;
    top:43px;
    right:0;
    background:#fff;
    width:260px;
    padding:10px;
}
.archive_head .whitebox .goopit_img img{
    width:240px;
    height:auto;
}
.archive_head .whitebox .goopit_txt{
    width:100%;
    font-size:0.8em;
    letter-spacing: -0.05em;
    color:#000;
}


.btn_yellow_center{ 
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
    text-align:left;
    
	background:#ffff00; 
    border:#ccc 1px solid;
    border-radius: 20px;
	overflow:hidden;
	position: relative;
}
.btn_yellow_center p{ 
	margin:15px 18px 15px 18px; 
	font-size:1.4em; line-height:1.4; letter-spacing: 0;
    font-weight:600;
}
@media only screen and (max-width: 767px){ /* SP */
	.btn_yellow_center p{
        font-size:0.9em;
    }
}
.btn_yellow_center .arw{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position:absolute;
	top:50%; right: 10px; margin-top:-7px;
}
.btn_yellow_center a{
    color:#555;
}
.btn_yellow_center a:hover{
    color:#000;
}


.archive_head .btn_yellow_center p{ 
	margin: 10px; 
	font-size:0.8em; 
    line-height:1.4; 
    font-weight:400;
}

/* ====================
	Contact
	==================== */
.contact_head{
	background: url(../img/img_contact.jpg) center no-repeat;
	background-size: cover;
	padding-bottom:80px;
	color:#fff;
}
.contact_head h4{ margin: 5px auto; text-align:center;}

.contact .con1{ 
	background:#fff;
	border-radius: 20px;
    padding:20px;
}

.cont_wrapper{ 
	width:80%;
	margin:20px auto; 
	color:#333;
	text-align:left;
}
@media only screen and (max-width: 767px){ /* SP */
	.cont_wrapper{ 
		width:95%; 
	}
}
.cont_wrapper h3{ 
	width:100%; 
	padding:10px 8px; 
	font-size:1.1em; 
	background:#efefef;
	border:#ddd 2px solid; 
	margin:30px 0 10px 0;
}
.cont_wrapper p{ margin-bottom:5px; }

.cont_wrapper a{
	
	color: #13156d;
	text-decoration:underline;
}


#form-table{
	width:100%;
	margin:20px 20px 20px 0; 
	border-collapse:collapse;
	border-bottom:1px solid #dedede;
	font-size: 0.9em;
}
#form-table tr{ 
	border-top:1px solid #dedede;
}
#form-table th{
	padding:10px 5px;
	line-height: 1.3;
	font-size: 0.9em; 
	width:25%; 
	min-width:60px;text-align:left; white-space: nowrap;
	vertical-align:middle;
}
#form-table td{
	padding:10px 5px; 
	text-align:left; 
	line-height: 1.3; }
#form-table .input_txt{ width:98%; font-size:1.3em; }

@media only screen and (max-width: 767px){ /* SP */
	#form-table th, #form-table td {
		 display: block;
		 text-align: left;
		 width: 100%;
	}
}

.must{ color:#ff0000; font-size: 0.8em;}
.confirm{ margin:20px auto; text-align:center; font-size: 1.1em;}
.confirm input{ padding:8px; }

.warning{
	font-size:0.95em;
}
.warning a{
	color: #13156d;
	text-decoration:underline;
}

/* ====================
	Maintenance
	==================== */
.mente_head{
	background: url(../img/mente_intro_img.jpg) center top no-repeat;
	background-size: cover;
	padding-bottom:50px;
	text-align:center;
    height:600px;
}



/* ====================
	Buy
	==================== */
.buy_head{
	background: url(../img/buy_intro_img.jpg) center top no-repeat;
	background-size: cover;
	padding-bottom:50px;
	text-align:center;
    height:600px;
}

#buy_caption{
	background: url(../img/back_buy.jpg) center top no-repeat;
	background-size: cover;
	padding: 5px 0 50px;
	text-align:center;
}

#buy_intro{
	background: url(../img/back_buy_intro.jpg) center top no-repeat;
	background-size: cover;
	padding: 5px 0 50px;
	text-align:center;
}

.white-box{ 
	width:100%; 
	margin: 20px 0 15px 0; 
	padding:25px 20px 25px 10px;
	background:#fff; 
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	overflow:hidden;
}

.buy_adv{
	width:23%;
	float:left;
	padding-top:160px;
	margin-top:15px;
	margin-left:2%;
	text-align:left;
}
@media only screen and (max-width: 767px){ /* SP */
	.buy_adv{ 
		float:none;
		width:100%;
		margin-top:25px;
	}
}

.adv1{ background: url(../img/buy_intro_icon1.png) center top no-repeat; }
.adv2{ background: url(../img/buy_intro_icon2.png) center top no-repeat; }
.adv3{ background: url(../img/buy_intro_icon3.png) center top no-repeat; }
.adv4{ background: url(../img/buy_intro_icon4.png) center top no-repeat; }


.three_images{
	margin:5px auto 0 auto; 
	text-align:center;
}
.three_images figure{
	float:left;
}
@media print, screen and (max-width: 1200px){ 
	.three_images figure{
		width:32%;
	}
	.three_images figure img{
		width:100%; 
		height:auto;
	}
}
@media only screen and (max-width: 767px){ /* SP */
	.three_images figure{
		float:none;
		width:100%;
	}
}
.three_images figure + figure{
	margin-left:10px;
}


.buy_contact{ 
	background:#fff;
	border:#ffff00 solid 10px;
	text-align:center;
}
.buy_contact .sect-container{
    
	padding: 30px 0 80px 0;
}

.buy_contact h4{ 
	background:#ffff00;
    width:100%;
    height:100px;
	margin: 0; 
	font-size:26px;
    font-weight:normal;
    line-height:1;
    padding:0;
    
    display:flex;
    justify-content: center;
    align-items: center;
}

/* ====================
	Flow
	==================== */

#buy_flow, #import_flow{
	background: url(../img/back_flow.jpg) center top no-repeat;
	background-size: cover;
	padding: 5px 0 80px;
	text-align:center;
}

.flow_area{
	width:100%;
	min-height:130px;
	margin: 0 auto; 
	border-radius: 10px;
	background:#fff;
	padding:25px;
	
	text-align:left;
	font-size:1.1em;
	font-weight:400;
  display: flex;
  align-items: center;
}
.flow_area figure{
	margin-right: 20px;
}
@media only screen and (max-width: 1120px){ 
	.flow_area{
	  	display: block;
		padding:5px 15px 15px 15px;
	}
	.flow_area figure{
		margin-right: 0;
	}
}
@media only screen and (max-width: 420px){
	.flow_area figure img{
		width:95%; height:auto;
	}
}
.flow_area a{
	color: #13156d;
	text-decoration:underline;
}

.flow_arrow{
	width:100%;
	height:30px;
	display:block;
}

.col1 + .flow_arrow{ background: url(../img/arw_col1.png) center top no-repeat; }
.col2 + .flow_arrow{ background: url(../img/arw_col2.png) center top no-repeat; }
.col3 + .flow_arrow{ background: url(../img/arw_col3.png) center top no-repeat; }
.col4 + .flow_arrow{ background: url(../img/arw_col4.png) center top no-repeat; }
.col5 + .flow_arrow{ background: url(../img/arw_col5.png) center top no-repeat; }
.col6 + .flow_arrow{ background: url(../img/arw_col6.png) center top no-repeat; }


#form-table.buy{
	border-top:3px solid #dedede;
	border-bottom:3px solid #dedede;}
#form-table.buy tr{ border-top:none; font-size:1.3em; font-weight:normal; }

@media only screen and (max-width: 420px){
	.buy_contact figure img{
		width:100%; height:auto;
	}
}


/* ====================
	Import
	==================== */
.import_head{
	background: url(../img/import_intro_img.jpg) center bottom no-repeat;
	background-size: cover;
	padding-bottom:50px;
	text-align:center;
    height:600px;
}

.import_intro{
	background: url(../img/back_import_intro.jpg) center top no-repeat;
	background-size: cover;
	padding-bottom:70px;
	text-align:center;
}
.white-box2{ 
	width:100%;
	min-height:120px;
	margin: 10px auto;
	box-shadow: 0px 0px 15px -5px #777777;
	background:#fff; 
	padding: 30px 20px 30px 260px;
	text-align:left;
	font-size:1.2em;
  	position: relative;
}
.white-box2::before {
	content: '';
	position: absolute;
	left: 0;
	top:0;
	width: 240px;
	height:100%;
}
@media only screen and (max-width: 767px){ /* SP */
	.white-box2{ 
		padding: 140px 20px 20px 20px;
		font-size:1.1em;
	}
	.white-box2::before {
		width: 100%;
		height:120px;
	}
}

.white-box2.img1::before { background: url(../img/import_intro_img2-1.jpg) left center no-repeat, #fff; background-size: cover; }
.white-box2.img2::before { background: url(../img/import_intro_img2-2.jpg) left center no-repeat, #fff; background-size: cover; }
.white-box2.img3::before { background: url(../img/import_intro_img2-3.jpg) right top no-repeat, #fff; background-size: cover; }

.white-box2 .box_txt{
	text-align:left;
	padding:30px 20px;
	font-size:1.2em;
}

.mds_caption{
	width:100%;
	margin:20px auto;
	font-size:1.25em; 
	text-align:center; 
	overflow:hidden;
	color:#fff;
}


.import_lead{
	background: url(../img/back_import.jpg) center center no-repeat;
	background-size: cover;
	padding:70px 0;
    
}
.import_lead .sect-container{
    display:flex;
    flex-direction: row;
    justify-content: start;
}
@media only screen and (max-width: 767px){ /* SP */
    .import_lead .sect-container{
        display:flex;
        flex-direction: column;
        justify-content: center;
        margin:0 auto;
    }
}

.import_lead .sect-container figure{
    margin:0 60px 0 0;
}
@media only screen and (max-width: 767px){ /* SP */
    .import_lead .sect-container figure{
        margin:0 auto;
    }
}

.import_lead .sect-container p{
    color:#fff;
    font-size:1.2em;
}
.import_lead ul{
    width:100%;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, calc(33%));
    grid-template-rows: auto;
    list-style: none;
    margin-top:60px;
    margin-left:-40px;
    align-items: start;
}
@media only screen and (max-width: 767px){ /* SP */
    .import_lead ul{
        gap: 10px;
        grid-template-columns: repeat(2, calc(50%));
    }
}

.import_lead li{
    display:block;
    background:#dfdfdf;
	border-radius: 12px;
    text-align:center;
    font-size:1.7vw;
    padding: 6px 0;
}
@media only screen and (max-width: 767px){ /* SP */
    .import_lead li{
        gap: 10px;
            font-size:3vw;
    }
}

.import_contact{ 
	background:#fff;
	border:#DCE8F0 solid 10px;
	text-align:center;
}

.import_contact .sect-container{
	padding: 30px 0 80px 0;
}

.import_contact h4{ 
	background:#DCE8F0;
    width:100%;
    height:100px;
	margin: 0; 
	font-size:26px;
    font-weight:normal;
    line-height:1;
    padding:0;
    
    display:flex;
    justify-content: center;
    align-items: center;
}


/* ====================
	footer
	==================== */
#footer{
	padding: 35px 0 100px 0; 
    margin:0;
	color:#fff;
	overflow:hidden;
	background: url(../img/back_sec5.gif) center repeat-y, #000;
}
.f_left{
	float:left; 
    padding:0;
}
.f_left .address{  
	margin-top:20px; 
	font-size:1.1em; 
	line-height:1.3;
}
@media only screen and (max-width: 1120px){ /* SP */
	.f_left .address{  
		margin-top:20px; 
		font-size:1.3em; 
		line-height:1.8;
	}
}

.f_left ul{ 
	border-left: #ffff00 solid 3px; 
	margin:0 20px 0 50px;
	font-size:0.9em;
    color:#ccc;
}
.f_left li{ 
	list-style:none;
	text-indent:-2em; 
	font-size:1em; 
	line-height:1.9; 
}
@media only screen and (max-width: 1120px){ /* SP */
	.f_left ul{ 
		width:700px; 
		margin:40px 0 40px 0;
	}
	.f_left li{ 
		font-size:1.15em; 
		padding-left:1em; 
	}
}

.f_left a,.f_left a:visited{ color:#f8f8f8;text-decoration:none;}
.f_left a:hover{ color:#ddd;text-decoration:none;}

.f_right{
	float:right; padding:0; 
	text-align:right;
	overflow:hidden;
}
.f_map{ 
	float:right; 
	width:500px;  
	height:200px;
}

	@media print, screen and (max-width: 1120px ) {
		.f_right{ float:left; width:100%;  margin-top:40px; }
		.f_map{ float:none; width:100%;  height:300px;  }
	}
#footer iframe{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}


/* ====================
	page top button
	==================== */
#btn_pagetop{
	color:#fff;
	text-align:center;
	width: 110px;
	height:35px;

	font-size: 1.04em;
	line-height: 1;
	padding: 10px 8px 0 5px;
	letter-spacing: 0.025em;
	background-color: #ffff00;
	border-radius: 20px 0 0 20px;

	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.pageTopNav {
      display: block;
  opacity: 0;
  z-index: 1100;
  cursor: pointer;
  position: fixed;
  right: 120px;
  bottom: 10px;
  width: 120px;
  height: 60px;
  color: #fff;
  font-size: 1.1em;
  line-height: 1;
  padding: 10px 0 12px 10px;
  letter-spacing: 0.025em;
  background-color: #ffff00;
  border-radius: 25px 0 0 25px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.15s linear 0s;
  -moz-transition: background-color 0.15s linear 0s;
  -ms-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s; }
  .pageTopNav.active {
	opacity: 1; }
  .pageTopNav:hover {
	background-color: #ffff00; } 


/* ====================
	layout common
	==================== */

/* .txt{ margin-bottom:30px;} */

.f08{ font-size:0.8em;}
.f09{ font-size:0.9em;}
.f095{ font-size:0.95em;}
.f10{ font-size:1em;}
.f11{ font-size:1.1em;}
.f12{ font-size:1.2em;}
.f14{ font-size:1.4em;}
.f15{ font-size:1.5em;}
.text-right{text-align:right;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.mb20{margin-bottom:20px;}
.mb300{margin-bottom:300px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.f_right{float:right;}
.f_left{float:left;}
.txt_right{ text-align:right;}
.txt_left{ text-align:left;}
.txt_narrow{ transform: scale(0.9, 1); }
.red{ color:#ff0000; }


/* mail.php内のスタイル */
#form-table {
  width: 100%;
  margin: 20px auto;
  border-collapse: collapse;
  border-bottom: 1px solid #dedede;
  text-align: left;
}

#form-table tr {
  border-top: 1px solid #dedede;
}

#form-table th {
  padding: 15px 5px;
  line-height: 1.3;
  min-width: 60px;
  text-align: left;
}

#form-table td {
  padding: 15px 5px;
  font-size: 1.15em;
  line-height: 1.8;
  text-align: left;
}

@media print, screen and (max-width: 767px) { /*for sp*/
  #form-table th, #form-table td {
    display: block;
    width: 100%;
  }
}
#form-table textarea {
  width: 100%;
}

#formWrap {
  width: 100%;
}