@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face { font-family: 'FOT-RodinProN-EB'; src:url(FOT-RodinProN-EB_fix.otf) }

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {	
	color:#000000;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
}

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

@media screen and (max-width: 900px) {
	.tab {
		display: block;
	}
}

@media screen and (max-width: 640px) {
	body {
		font-size:22px;
	}
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
}

a:link {color:#004ca0; text-decoration:underline;}
a:visited {color:#004ca0; text-decoration:underline;}
a:hover {color:#ff0000; text-decoration:underline;}

img {
	border:0;
	vertical-align: bottom;
}

@media all and (-ms-high-contrast: none){
	/* IE - Avoid bug that stretches on onload */
	* {
		transition:none !important;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

#lineup-font-size-sampler { display:none; }

div:after, section:after, article:after, ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

@media screen and (max-width: 1000px) {
	.text-center img {
		width:100%;
		max-width:100%;
		box-sizing:border-box;
	}
}

.first { padding-top:0 !important; margin-top:0 !important; }
.last { padding-bottom:0 !important; margin-bottom:0 !important; }

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

.alart {
	border:2px solid #ff0000;
	padding:10px;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
	margin-bottom:30px;
}

.campaign-assess_banner {
	padding-bottom:50px;
	width:calc(100% + 30px);
}

.campaign-assess_banner .list {
	width:calc(50% - 30px);
	margin-right:30px;
	float:left;
	background-color:#f5f5f5;
	border:1px solid #d6d6d6;
	box-sizing:border-box;
	padding:18px;
}

@media screen and (max-width: 1470px) {
	.campaign-assess_banner {
		width:100%;
		padding-bottom:20px;
	}
	.campaign-assess_banner .list {
		width:100%;
		margin-bottom:30px;
	}
}

.campaign-assess_banner .list.campaign img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.campaign-assess_banner .list.assess_banner img {
	width:100%;
	height:auto;
}

.korin-navi {
	position:relative;
}

.korin-navi:before {
	background-image:url(../image/contents/top/yuukorin.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	content:"";
	width:100%;
	max-width:739px;
	height:215px;
	display:block;
	/*margin-top:-50px;*/
}

.korin-navi-primary {
	width:calc(100% + 15px);
}

.korin-navi-primary .button {
	width:calc(33.333% - 15px);
	margin-right:15px;
	float:left;
	box-sizing:border-box;
	border:5px solid #e5000c;
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:120px;
	background-color:#ffffff;
	position:relative;
}

.korin-navi-primary .button:nth-child(1) { background-image:url(../image/contents/top/korin-navi01.png); }
.korin-navi-primary .button:nth-child(2) { background-image:url(../image/contents/top/korin-navi02.png); }
.korin-navi-primary .button:nth-child(3) { background-image:url(../image/contents/top/korin-navi03.png); }

.korin-navi-primary .button a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	font-size:17px;
	color:#e5000c;
	font-weight:bold;
	text-decoration:none;
	box-sizing:border-box;
	padding-top:80px;
	text-indent:-36px;
}

.korin-navi-primary .button a br { display:none; }

.korin-navi-primary .button a:after {
	background-image:url(../image/contents/top/korin-navi_ar.png);
	width:28px;
	height:28px;
	display:block;
	position:absolute;
	top:80px;
	right:10px;
	content:"";
}

@media screen and (max-width: 1770px) {
	.korin-navi-primary {
		margin-top:-30px;
	}
	.korin-navi-primary .button {
		padding-top:146px;
	}
	.korin-navi-primary .button a {
		text-indent:0;
		padding-left:15px;
		text-align:left;
	}
	.korin-navi-primary .button a br {
		display:block;
	}
	.korin-navi-primary .button a:after {
		top:95px;
	}
}
@media screen and (max-width: 1570px) {
	.korin-navi-primary {
		margin-top:-50px;
	}
}
@media screen and (max-width: 1470px) {
	.korin-navi-primary {
		margin-top:0;
	}
	.korin-navi-primary .button a br { display:none; }
	.korin-navi-primary .button a {
		padding-top:95px;
		font-size:20px;
		text-indent:0;
	}
}

@media screen and (max-width: 1180px) {
	.korin-navi-primary .button a br {
		display:block;
	}
	.korin-navi-primary .button {
		padding-top:170px;
	}
	.korin-navi-primary .button a:after {
		top:110px;
	}
}

@media screen and (max-width: 730px) {
	.korin-navi-primary {
		margin-top:-50px;
	}
	.korin-navi-primary .button a {
		padding-top:95px;
		font-size:18px;
	}
	.korin-navi-primary .button {
		padding-top:160px;
	}
	.korin-navi:before {
		margin-top:-30px;
	}
}


@media screen and (max-width: 800px) {
	.campaign {
		width:100%;
		float:none;
		padding-bottom:30px;
	}
	
	.assess_banner {
		width:100%;
		float:none;
	}
}

.korin-navi-primary .button:hover {
	 border-color:#fff100;
}

.movie-box {
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 800px;
}

.movie-wrap {
	position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  
}

.movie-wrap iframe {
	width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* 画像のぼやけ対策 */
.rendering {
	backface-visibility: hidden;
	filter: blur(0);
	image-rendering: -webkit-optimize-contrast;
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
    display: block;
    margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align: center;
}
.alignright { float: right; margin-left:30px; margin-bottom:25px; max-width:100%; }
.alignleft { float: left; margin-right:30px; margin-bottom:25px; max-width:100%; }

.aligncenter img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1140px) {
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100% !important; text-align:center; width: auto !important; }
	.alignleft { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100% !important; text-align:center; width: auto !important; }
	
	.alignright a, .alignleft a {
		width: 100%;
	}
	
	.alignright img, .alignleft img {
		max-width: 100% !important;
		width: inherit;
	}
	
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:8px 13px 9px 13px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4876C9 !important;
		border-color:#3D6DC3 !important;
		background:#5A8CE7 !important;
		background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:3px 12px 8px 12px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4876C9 !important;
		border-color:#3D6DC3 !important;
		background:#5A8CE7 !important;
		background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	min-width:640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 640px) {
	#primary {
		width:640px !important;
		overflow:hidden !important;
	}
}

article {
	width:100%;
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

@media screen and (max-width: 1100px) {
	article {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	width:100%;
}

#mainvisual .panel {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:44.32%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

#mainvisual .panel:nth-of-type(1) { background-image:url(../image/mainvisual/01.jpg); }
#mainvisual .panel:nth-of-type(2) { background-image:url(../image/mainvisual/02.jpg); }
#mainvisual .panel:nth-of-type(3) { background-image:url(../image/mainvisual/03.jpg); }

.fixed-navi {
	position:fixed;
	top:0;
	right:0;
	z-index:100;
}

@media screen and (max-width: 900px) {
	.fixed-navi {
		display:none !important;
	}
}

.fixed-navi .navi01 {
	background-image:url(../image/mainvisual/fixed-navi01.png);
	width:50px;
	height:197px;
	margin-bottom:15px;
	position:relative;
}

.fixed-navi .navi02 {
	background-image:url(../image/mainvisual/fixed-navi02.png);
	width:50px;
	height:166px;
	position:relative;
	display:none;
}

.fixed-navi .navi01 a, .fixed-navi .navi02 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
}

.fixed-navi .navi01 a:hover, .fixed-navi .navi02 a:hover {
	background-color:rgba(255,255,255,0.2);
}

/*------------------------------------------------------------------------------------------------------------------
　header
-------------------------------------------------------------------------------------------------------------------*/

header {
	display:none;
}

@media screen and (max-width: 900px) {
	header {
		display:block;
	}
	
	header .logo {
	background-image:url(../image/header/logo.png?v=2    );
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:280px;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

	header .logo a {
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		width:190px;
		height:190px;
		display:block;
		overflow:hidden;
		text-indent:100%;
		white-space:nowrap;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　sidebar
-------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	width:280px;
	height:100%;
	box-sizing:border-box;
	background-color:#ffffff;
	position:absolute;
	top:0;
	left:0;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.10);
	z-index:99;
	transition:0.3s;
}

#sidebar .sidebar {
	padding-bottom:30px;
}

#sidebar .logo {
	background-image:url(../image/sidebar/logo.png);
	width:280px;
	height:280px;
	position:relative;
	display:block;
}

@media screen and (max-width: 900px) {
	#sidebar .logo {
		display:none;
	}
}

#sidebar .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

#sidebar nav {
	width:280px;
}

#sidebar nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar nav ul li {
	background-image:url(../image/sidebar/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	height:56px;
	line-height:56px;
	border-bottom:1px dotted #c5c5c5;
	position:relative;
}

#sidebar nav ul li.current {
	height:inherit;
	line-height:normal;
	background-position:top right
}

#sidebar nav ul li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:56px;
	line-height:56px;
	text-decoration:none;
	display:block;
	padding-left:23px;
	box-sizing:border-box;
	font-size:16px;
	z-index:99;
	color:#000000;
	transition:0.3s;
	outline:none;
}

#sidebar nav ul li.current a {
	height:60px;
	position:relative;
	top:inherit;
	height:inherit;
}

#sidebar nav ul li.current ul {
	width:calc(100% - 40px);
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:30px;
}

#sidebar nav ul li.current ul li {
	border-bottom:none;
	background-image:none;
	height:auto;
	line-height:normal;
	padding-bottom:5px;
}

#sidebar nav ul li.current ul li a:before {
	content:">";
	display:inline-block;
	margin-right:10px;
	color:#cccccc;
}

#sidebar nav ul li.current ul li a {
	position:relative;
	top:inherit;
	left:inherit;
	height:auto;
	line-height:normal;
}

#sidebar nav ul li a:hover {
	text-indent:10px;
	color:#e70014;
}

#sidebar-banar-primary {
}

#sidebar-banar-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	width:232px;
	margin-left: 25px;
	padding-top:20px;
}

#sidebar-banar-primary ul li {
	margin-bottom:5px;
}

#sidebar-banar-primary ul li img {
	transition:0.3s;
}

#sidebar-banar-primary ul li img:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.scroll-area {
	width:296px;
	height:550px;
	overflow:hidden;
}

@media screen and (max-width: 900px) {
	.scroll-area {
		height:inherit !important;
		overflow:auto;
	}
}

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

	.menu-trigger {
	  position: fixed;
	  top:51px;
	  right:40px;
	  display: block;
	  width: 40px;
	  height: 30px;
	  z-index: 99999;
	  box-sizing: border-box;
	}
	
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background-color: #333333;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 13px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(13px) rotate(-315deg);
	  transform: translateY(13px) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-13px) rotate(315deg);
	  transform: translateY(-13px) rotate(315deg);
	}
	
	/* サイドオープン時にメインコンテンツを覆う部分 */
.sp-navi-overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 9999;
}
.sp-navi-overlay::after {
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .sp-navi-overlay {
  visibility: visible;
  cursor: pointer;
}
.side-open .sp-navi-overlay::after {
  visibility: visible;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.menu-trigger {
	transition: all .6s ease;
}

.side-menu {
	position:fixed !important;
	top: 0;
	left: 0;
	width: 280px;
	height: 100%;
	text-align: left;
	z-index:1 !important;
}

/* メインコンテンツ */
.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
	overflow: hidden;
	background-color:rgba(255,255,255,1.00);
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .sp-navi-overlay {
  -webkit-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
}

.wrapper-back {
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:0;
	right:0;
	z-index:1;
	background-color:rgba(255,255,255,1.00);
}

.wrapper-back.none {
	display:none;
}

}

/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-color:#004ca0;
	box-sizing:border-box;
	padding:30px;
	min-height:284px;
}

@media screen and (max-width: 800px) {
	#footer {
		padding-bottom:100px;
	}
}

.footer-content {
	position:relative;
}

.footer-content .logo {
	background-image:url(../image/footer/logo.png);
	width:224px;
	height:224px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

@media screen and (max-width: 800px) {
	.footer-content .logo {
		position:relative;
		top:inherit;
		left:inherit;
		margin-left:auto;
		margin-right:auto;
	}
}

.footer-content .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

.footer-content .footer-detail {
	color:#ffffff;
	box-sizing:border-box;
	width:35%;
	padding-right:30px;
	float:left;
	margin-bottom:14px;
	transition:0.3s;
}

@media screen and (max-width: 1500px) {
	.footer-content .footer-detail {
		width: 100%;
		display: block;
		float: none;
	}
}

@media screen and (max-width: 800px) {
	.footer-content .footer-detail {
		padding-left:0;
		width:100%;
		padding-top:30px;
		padding-right:0;
		float:none;
		margin-bottom:30px;
		text-align:center;
	}
}

.lineat {
	width:15%;
	float:left;
	margin-bottom: 30px;
}

.lineat a img {
	width:100%;
	height:auto;
	max-width:185px;
	max-height:105px;
	float:right;
}

@media screen and (max-width: 1420px) {
	.lineat {
		width: 100%;
		float: none;
	}
	.lineat a img {
		float: none;
	}
}

@media screen and (max-width: 800px) {
		.lineat {
			width:100%;
			float:none;
			text-align: center;
		}
		.lineat a img {
			display: inline-block;
		}
}

.footer-content .footer-detail .text-logo {
	background-image:url(../image/footer/logo-text.png);
	background-size:contain;
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	max-width:433px;
	height:0;
	padding-top:8.314%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

@media screen and (max-width: 1500px) {
	.footer-content .footer-detail .text-logo {
		width: 433px;
		height: 36px;
		padding-top: 0;
		background-size: auto;
	}
}

@media screen and (max-width: 1200px) {
	.footer-content .footer-detail .text-logo {
		margin-bottom:20px;
	}
}

@media screen and (max-width: 800px) {
	.footer-content .footer-detail .text-logo {
		width:433px;
		height:36px;
		padding-top:0;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}

.footer-nav {
	width:50%;
	float:left;
	padding-bottom: 10px;
	color:#ffffff;
	box-sizing:border-box;
	transition:0.3s;
}

.footer-nav .list {
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding-right: 20px;
}

@media screen and (max-width: 1500px) {
	.footer-nav {
		width: 100%;
		float: none;
	}
	.footer-nav .list {
		width: 33.333%;
	}
}

.footer-nav .shop-name {
	margin-bottom:15px;
	background-color:#ffffff;
	color:#003e83;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px;
	text-align:center;
}

.footer-nav p {
	padding-bottom:10px !important;
}

@media screen and (max-width: 1630px) {
	.footer-nav {
		width:40%;
		box-sizing:border-box;
		padding-right:30px;
	}
}

@media screen and (max-width: 1500px) {
	.footer-nav {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.footer-nav {
		padding-left:0;
		padding-right: 0;
	}
}

.footer-nav p {
	margin:0;
	padding:0;
	margin-top:-10px;
}

.footer-nav a {
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	padding-bottom:1px;
	line-height:34px;
	margin-right:16px;
}

@media screen and (max-width: 640px) {
	.footer-nav a {
		width:100%;
		text-align:center;
		border-bottom:1px dotted #ffffff;
		padding-bottom:10px;
		margin-bottom:10px;
		display:block;
	}
}

.footer-nav a:hover {
	color:rgba(255,221,80,1.00);
}

.footer-bana {
	width:100%;
	box-sizing:border-box;
	clear:both;
}

.footer-bana ul {
	width:calc(100% + 30px);
	list-style:none;
	margin:0;
	padding:0;
	padding-right:120px;
	box-sizing:border-box;
}

.footer-bana ul li {
	width:calc(50% - 30px);
	max-width:433px;
	margin-right:30px;
	float:left;
}

@media screen and (max-width: 800px) {
	.footer-bana ul {
		width:100%;
		padding-right:0;
	}
	.footer-bana ul li {
		width: 100%;
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-bana ul li img {
		width:100%;
		height:auto;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
}


@media screen and (max-width: 1420px) {
	#footer {
		min-height:430px;
	}
	.footer-bana {
		padding-left:0;
		position: relative;
		top: inherit;
		left: inherit;
	}
}


@media screen and (max-width: 1200px) {
	.footer-content .footer-detail {
		width:100%;
		float:none;
	}
	.footer-content .footer-detail p {
		margin:0;
		padding:0;
	}
}

@media screen and (max-width: 1200px) {
	.footer-nav {
		width:calc(100% + 20px);
		float:none;
		padding-left:0;
		margin-bottom:30px;
	}
	.footer-nav .list {
		width: calc(33.333% - 20px);
		margin-right: 20px;
		padding-right: 0;
	}
}
@media screen and (max-width: 800px) {
	.footer-nav {
		width: 100% !important;
	}
	.footer-nav .list {
		width: 100% !important;
		margin-right: 0 !important;
		float: none !important;
		text-align: center;
	}
}


.footer-bana img {
	width:100%;
	height:auto;
}

.topback a {
	position:absolute;
	bottom:70px;
	right:30px;
	background-image:url(../image/footer/topback.png);
	width:88px;
	height:88px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	transition:0.3s;
}

.topback a:hover {
	bottom:75px;
}

@media screen and (max-width: 800px) {
	.topback a {
		width:100%;
		left:0;
		right:0;
		bottom:40px;
		background-position:center top;
		background-repeat:no-repeat;
		background-size:contain;
		background-color:#ffffff;
		height:50px;
	}
	.topback a:hover {
		bottom:40px;
	}
}

.cc {
	background-color:#ffffff;
	height:40px;
	line-height:40px;
	text-align:center;
}

/*----------------------------------------------------------------------------
   panlist
------------------------------------------------------------------------------*/

#panlist {
	width:100%;
	padding-bottom:30px;
}

#panlist ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

#panlist ul li {
	display:inline-block;
	font-size:16px !important;
	border:none !important;
	margin-right:5px;
	color:#004ca0;
}

#panlist ul li:last-child {
	display:inline-block;
	position:relative;
	border:1px solid #004ca0 !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:3px!important;
	padding-bottom:3px!important;
}

#panlist ul li:nth-child(n+2) {
	margin-left:10px;
}

#panlist ul li a {
	display:inline-block;
	background-color:#004ca0;
	text-decoration:none;
	color:#ffffff;
	font-size:16px !important;
	padding-left:20px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	transition:0.3s;
	position:relative;
}

#panlist ul li a:after {
	content:"";
	position:absolute;
	top:0;
	right:-10px;
	transition:0.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15.5px 0 15.5px 10px;
	border-color: transparent transparent transparent #004ca0;
}

#panlist ul li a:hover {
	background-color:#008ff4;
}

#panlist ul li a:hover:after {
	border-color: transparent transparent transparent #008ff4;
}


/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
	width:100%;
	padding-left:280px;
	box-sizing:border-box;
	transition:0.3s;
}

@media screen and (max-width: 900px) {
	#contents-primary {
		padding-left:0;
	}
}

#contents {
	position:relative;
	padding-top:50px;
	min-height:500px;
}

#contents h2 {
	font-size:48px;
	color:#004a9e;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	font-style:italic;
	font-weight:normal;
	margin-bottom:40px;
	padding-top:20px;
	line-height:45px;
	font-family: "Noto Sans Japanese";
	font-weight:900;
}

#contents h2 span {
	font-size:22px;
	color:#878787;
	display:block;
	font-style:normal;
	font-family: "Noto Sans Japanese";
}

@media screen and (max-width: 640px) {
	#contents h2 {
		font-weight:bold;
	}
	#contents h2 span {
		font-size:22px;
	}
}

.subpage-title-comment {
	padding-bottom:30px;
}

.subpage-title-comment p {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
}

#subpage #contents {
	padding-top:0;
}

#subpage #contents .content {
	padding-bottom:30px;
}

#subpage #contents .content p:last-of-type {
	margin-bottom:0;
	padding-bottom:0;
}

#subpage #contents ul {
	list-style:none;
	margin:0;
	padding:0;
}

#subpage #contents ul li {
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

#subpage #contents h3 {
	background-image:url(../image/contents/vehicle-inspection/h3-back.gif);
	border-left:5px solid #e82222;
	height:76px;
	color:#ffffff;
	font-size:24px;
	line-height:76px;
	margin:0;
	padding:0;
	padding-left:25px;
	box-sizing:border-box;
	margin-bottom:30px;
	font-family: "FOT-RodinProN-EB";
	font-weight:normal;
}

#subpage #contents h4 {
	padding-top:13px;
	padding-bottom:13px;
	color:#004ca0;
	text-indent:15px;
	margin-bottom:30px;
	font-size:26px;
	border-top:3px solid #004ca0;
	border-bottom:2px dotted #004ca0;
	font-weight:bold;
}

#subpage #contents h4 span {
	font-size: 18px;
	color: #333333;
	display: block;
}

#subpage #contents h5 {
	margin:0;
	border:2px solid #004ca0;
	padding:15px;
	color:#004ca0;
	font-size:18px;
	margin-bottom:30px;
	font-weight:bold;
}

#subpage #contents h6 {
	color:#004192;
	font-size:32px;
	font-family: "FOT-RodinProN-EB";
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:38px;
}

/*----------------------------------------------------------------------------
   home
------------------------------------------------------------------------------*/

.information-staffblog {
	padding-bottom:50px;
}

.top-information {
	width:calc(50% - 15px);
	float:left;
	position:relative;
}

.norudake-button-primary {
	width: calc(100% + 20px);
}

.norudake-button-primary .norudake-link {
	float: left;
	width: calc(50% - 20px);
	margin-right: 20px;
	margin-bottom: 20px;
}

.norudake-button-primary .norudake-link-one {
	margin-right: 20px;
}

.norudake-button-primary .norudake-link a {
	width: 100%;
	display: block;
	background-color: #e83416;
	color: #ffffff;
	text-decoration: none;
	background-image: url("../image/contents/top/ar.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
	box-sizing: border-box;
	text-indent: -13px;
	font-weight: bold;
	transition: 0.2s;
}

@media screen and (max-width: 640px) {
	.norudake-button-primary .norudake-link a {
		font-size: 18px !important;
	}
}

.norudake-button-primary .norudake-link-one a {
	display: block;
	background-image: url("../image/contents/top/norudake.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 90px;
	border: 3px solid #e83416;
	box-sizing: border-box;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	transition: 0.2s;
}

@media screen and (max-width: 1650px) and (min-width: 1470px) {
	.norudake-button-primary .norudake-link-one a {
		background-size: 80%;
	}
}
@media screen and (max-width: 1000px) and (min-width: 900px) {
	.norudake-button-primary .norudake-link-one a {
		background-size: 80%;
	}
}

@media screen and (max-width: 720px) {
	.norudake-button-primary .norudake-link-one a {
		background-size: 80%;
	}
}

.norudake-button-primary .norudake-link-one a:after {
	content: "";
	background-image: url("../image/contents/top/ar03.png");
	position: absolute;
	right: 0px;
	width: 31px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: right center;
	transition: 0.2s;
}

.norudake-button-primary .norudake-link-one a:hover {
	opacity: 0.7;
}

.norudake-button-primary .norudake-link-one a:hover:after {
	right: -5px;
}












@media screen and (max-width: 800px) {
	.norudake-button-primary .norudake-link a br {
		display: block;
	}
}

.norudake-button-primary .norudake-link a:hover {
	background-position: right -5px center;
	background-color: #ff6349;
}

.onlinewebbuss a {
	display: block;
	background-image: url("../image/contents/top/onlineweb.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 90px;
	border: 3px solid #003092;
	box-sizing: border-box;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	transition: 0.2s;
}

@media screen and (max-width: 1650px) and (min-width: 1470px) {
	.onlinewebbuss a {
		background-size: 80%;
	}
}
@media screen and (max-width: 1000px) and (min-width: 900px) {
	.onlinewebbuss a {
		background-size: 80%;
	}
}

@media screen and (max-width: 720px) {
	.onlinewebbuss a {
		background-size: 80%;
	}
}

.onlinewebbuss a:after {
	content: "";
	background-image: url("../image/contents/top/ar02.png");
	position: absolute;
	right: 0px;
	width: 31px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: right center;
	transition: 0.2s;
}

.onlinewebbuss a:hover {
	opacity: 0.7;
}

.onlinewebbuss a:hover:after {
	right: -5px;
}

.top-staffblog {
	width:calc(50% - 15px);
	float:right;
	position:relative;
}

@media screen and (max-width: 800px) {
	.top-information {
		width:100%;
		float:none;
		padding-bottom:30px;
	}
	
	.top-staffblog {
		width:100%;
		float:none;
	}
}

.information-staffblog h2 {
	text-align:left !important;
	font-size:36px !important;
	font-weight:bold !important;
}

@media screen and (max-width: 1570px) {
	.information-staffblog h2 {
		margin-bottom:10px !important;
	}
}

.top-staffblog h2 {
	color:#9e6400 !important;
}

.information-staffblog h2 span {
	display:inline-block !important;
	padding-left:15px;
	font-size:18px !important;
}

@media screen and (max-width: 640px) {
	.information-staffblog h2 {
		font-size:42px !important;
	}
	.information-staffblog h2 span {
		display:none !important;
	}
}

.information-staffblog .button {
	width:210px;
	height:42px;
	position:absolute;
	top:15px;
	right:0;
	transition:0.3s;
}

.top-information .button { background-color:#004a9e; }
.top-staffblog .button { background-color:#9e6400; }

.information-staffblog .button:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

@media screen and (max-width: 1570px) {
	.information-staffblog .button {
		position:relative;
		top:inherit;
		right:inherit;
		margin-bottom:30px;
	}
}

.information-staffblog .button a {
	position:absolute;
	width:100%;
	height:42px;
	line-height:42px;
	display:block;
	top:0;
	left:0;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	text-indent:-20px;
	font-size:16px;
}

.information-staffblog .button:after {
	content:"〉";
	color:#ffffff;
	position:absolute;
	top:8px;
	right:0;
}

@media screen and (max-width: 640px) {
	.information-staffblog .button {
		width:210px;
		height:42px;
		position:absolute;
		top:15px;
		right:0;
	}
	.information-staffblog .button a {
		font-size:20px;
	}
	.information-staffblog .button:after {
		top:2px;
	}
}

.information-staffblog ul {
	list-style:none;
	margin:0;
	padding:0;
}

.information-staffblog ul li {
	border-bottom:1px dotted#a1a1a1;
	padding-bottom:15px;
	margin-bottom:15px;
	padding-left:105px;
	position:relative;
}

.information-staffblog ul li span {
	position:absolute;
	top:0;
	left:0;
	width:105px;
	color:#e70010;
}

@media screen and (max-width: 800px) {
	.information-staffblog ul li {
		padding-left:0;
	}
	.information-staffblog ul li span {
		position:relative;
		top:inherit;
		left:inherit;
		display:block;
	}
}

.information-staffblog ul li p {
	margin:0;
	padding:0;
}

.information-staffblog ul li p a {
	color:#000000;
}

.service-navi-primary {
	width:100%;
	position:relative;
	background-image:url(../image/contents/top/service-mv.png);
	background-position:center left;
	background-repeat:no-repeat;
	margin-bottom:50px;
}

.service-navi-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% - 366px);
	height:100%;
	float:right;
	transition:0.3s;
}

@media screen and (max-width: 1400px) {
	.service-navi-primary {
		background-image:none;
	}
	.service-navi-primary ul {
		width:100%;
	}
}

.service-navi-primary ul:after {
	content: "";
    display: block;
    clear: both;
}

.service-navi-primary ul li {
	position:relative;
	float:left;
	width:25%;
	box-sizing:border-box;
	border:1px solid #cfcfcf;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	transition:0.3s;
}

.service-navi-primary ul li img {
	backface-visibility: hidden;
	filter: blur(0);
	image-rendering: -webkit-optimize-contrast;
}

.service-navi-primary ul li a:after {
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0);
	display:block;
	position:absolute;
	top:0;
	left:0;
	transition:0.3s;
	content:"";
}

.service-navi-primary ul li a:hover:after {
	background-color:rgba(255,255,255,0.3);
}

@media screen and (max-width: 1100px) {
	.service-navi-primary ul li {
		width:33.333%;
	}
}
@media screen and (max-width: 640px) {
	.service-navi-primary ul {
		border-top:1px solid #cfcfcf;
	}
	.service-navi-primary ul li {
		width:50%;
	}
}

.service-navi-primary ul li img {
	width:100%;
	height:auto;
	transition:0.3s;
}

.top-company {
	background-image:url(../image/contents/top/company-back.jpg);
	background-position:center top;
	width:100%;
	height:482px;
	box-sizing:border-box;
	padding-top:50px;
	padding-bottom:50px;
}

@media screen and (max-width: 1100px) {
	.top-company {
		background-image:url(../image/contents/top/company-back_resp.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		height:auto;
	}
}

.top-company .company-photo {
	background-image:url(../image/contents/top/company-photo.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:contain;
	width:522px;
	height:361px;
	position:absolute;
	top:23px;
	left:30px;
	transition:0.3s;
}

@media screen and (max-width: 1500px) {
	.top-company .company-photo {
		width:400px;
		height:277px;
	}
}

@media screen and (max-width: 1200px) {
	.top-company .company-photo {
		width:300px;
		height:207px;
	}
}

@media screen and (max-width: 1100px) {
	.top-company .company-photo {
		position:relative;
		width:100%;
		height:0;
		padding-top:69.157%;
		top:inherit;
		left:inherit;
		margin-bottom:30px;
	}
}

.company-detail {
	padding-left:552px;
	box-sizing:border-box;
	margin-top:-23px;
	transition:0.3s;
	text-shadow: 
0 0 25px #edf8ff, 
0 0 20px #edf8ff, 
0 0 0.40px #edf8ff;
}

@media screen and (max-width: 1500px) {
	.company-detail {
		padding-left:432px;
	}
}

@media screen and (max-width: 1200px) {
	.company-detail {
		padding-left:332px;
	}
}

@media screen and (max-width: 1100px) {
	.company-detail {
		padding-left:0;
	}
}

.top-company h2 {
	font-size:48px;
	margin:0;
	padding:0;
	width:100%;
	margin-bottom:10px !important;
	text-align:left !important;
}

.top-company h2 span {
	display:inline-block !important;
	padding-left:15px;
}

.company-detail table {
	margin-bottom:20px;
}

.company-detail th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
}

.company-detail td {
	vertical-align:top;
	text-align:left;
}

.company-detail ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 15px);
	max-width:600px;
}

.company-detail ul li {
	width:calc(50% - 15px);
	margin-right:15px;
	float:left;
	text-align:left;
}

.company-detail ul li img {
	width:100%;
	height:auto;
}


.top-service-list {
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

@media screen and (max-width: 1200px) {
	.top-service-list {
		width:calc(50% - 30px) !important;
	}
}

.top-service-list a p {
	margin:0;
	padding:0;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
	padding-top:15px;
	padding-bottom:15px;
	display:block;
	width:100%;
	color:#ffffff;
	font-weight:bold;
	font-size:22px;
}

.top-service-list a {
	background-color:rgba(255,255,255,0);
	transition:0.3s;
}

.top-service-list a:hover {
	background-color:rgba(255,255,255,0.3);
}

.other-content {
}

.other-content .list-primary {
	width:calc(100% + 30px) !important;
}

.other-content .list-primary .list {
	width:calc(33.333% - 30px) !important;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	background-color:#f9f9f9 !important;
	border:1px dotted #f4f4f4;
	padding:30px;
	box-sizing:border-box;
	text-align:center;
}

@media screen and (max-width: 1200px) {
	.other-content .list-primary .list {
		padding:0;
	}
}

@media screen and (max-width: 700px) {
	.other-content .list-primary {
		width:100% !important;
	}
	.other-content .list-primary .list {
		width:100% !important;
		margin-right:0;
		float:none;
		padding-top:30px;
	}
}

.other-content .list-primary .list img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 700px) {
	.other-content .list-primary .list img {
		width:auto;
		max-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}

.other-content .list-primary .list h3 {
	color:#004ca0;
}

@media screen and (max-width: 1200px) {
	.other-content .list-primary .list h3 {
		padding:20px;
		padding-top:0;
	}
}

.top-sns-primary {
	width: 100%;
	max-width: 1100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.top-sns-primary .list-primary {
	width: calc(100% + 30px);
}

.top-sns-primary .list-primary .list {
	position: relative;
	background-color: #ffffff !important;
	float: left;
	width: calc(25% - 30px);
	margin-right: 30px;
	box-sizing: border-box;
	border: 2px solid #d5d5d5;
	display: block;
	text-align: center;
	min-height: inherit !important;
}

.top-sns-primary .list-primary .list a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.top-sns-primary .list-primary .list img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.top-sns-primary .list-primary .list:hover {
	opacity: 0.7;
}

/*----------------------------------------------------------------------------
   company
------------------------------------------------------------------------------*/

.company .mv {
	background-image:url(../image/contents/company/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.history {
}

.history li {
	position:relative;
	padding-left:170px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

.history li span {
	position:absolute;
	top:0;
	left:0;
	color:#004ca0;
}

.history li p {
	margin:0;
	padding:0;
}

.separate {
	width:100%;
	display:block;
}

.separate .separate-left {
	width:calc(50% - 15px);
	float:left;
	padding-bottom:30px;
}

.separate .separate-right {
	width:calc(50% - 15px);
	float:right;
	padding-bottom:30px;
}


/*----------------------------------------------------------------------------
   restaurant
------------------------------------------------------------------------------*/

.restaurant .message {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 50px;
}
.restaurant .message img {
	margin-bottom: 8px;
}
.restaurant .message p {
	color: #878787;
}

.restaurant .new {
	display: inline-block;
	background-color: #D3181B;
	color: #fff;
	font-weight: bold;
	padding: 0.25em 0.5em;
	margin-right: 1em;
}

/*----------------------------------------------------------------------------
   contact
------------------------------------------------------------------------------*/

.contact .mv {
	background-image:url(../image/contents/contact/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.contact-primary {
	padding-bottom:50px;
	text-align:center;
}

@media screen and (max-width: 1082px) {
	.contact-primary h6 br {
		display:block;
	}
}

.contact-shop-primary {
	width:calc(100% + 30px);
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
}

.contact-shop {
	float:left;
	width:33.333%;
	box-sizing:border-box;
	padding-right:30px;
}
@media screen and (max-width: 1200px) {
	.contact-shop-primary {
		width:100%;
		padding-bottom:50px;
	}
	.contact-shop {
		float:none;
		width:100%;
	}
}

@media screen and (max-width: 700px) {
	.contact-shop-left {
		width:100%;
		padding-right:0;
	}
	.contact-shop-right {
		width:100%;
		padding-left:0;
	}
}

.contact-shop-left br, .contact-shop-right br {
	display:block;
}

.contact-shop-left span br, .contact-shop-right span br {
	display:none;
}

@media screen and (max-width: 640px) {
	.contact-shop-left span br, .contact-shop-right span br {
		display:block;
	}
}

.contact-shop-name {
	margin-top:30px;
	margin-bottom:5px;
	background-color:#003e83;
	color:#ffffff;
	display:inline-block;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

@media screen and (max-width: 640px) {
	.entry-mail.table-content th, .entry-mail.table-content td {
		display:block;
		width:100%;
		box-sizing:border-box;
	}
}

/*----------------------------------------------------------------------------
   staffblog / case_study
------------------------------------------------------------------------------*/

.staffblog {
}

.staffblog .mv {
	background-image:url(../image/contents/contact/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.staffblog.case_study .mv {
	background-image:url(../image/contents/case_study/00.jpg);
}

.staffblog h3 {
	text-indent:0 !important;
	padding-left:15px;
	padding-top:15px !important;
	padding-bottom:15px !important;
	height:inherit !important;
	background-repeat:repeat;
	line-height:26px !important;
}

.staffblog h3 span {
	color:#ffffff;
	font-size:16px;
	display:block;
	padding-right:20px;
}

.staffblog .list {
	padding-bottom:50px;
}


.next-prev-primary {
	position:relative;
	width:100%;
	height:45px;
	padding-bottom:30px;
}

.next-prev-primary .next a {
	background-color:#ebebeb;
	width:200px;
	height:45px;
	line-height:45px;
	position:absolute;
	top:0;
	left:0;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

.next-prev-primary .show-back a {
	background-color:#ebebeb;
	width:200px;
	height:45px;
	line-height:45px;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	text-align:center;
}

.next-prev-primary .prev a {
	background-color:#ebebeb;
	width:200px;
	height:45px;
	line-height:45px;
	position:absolute;
	top:0;
	right:0;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	text-align:right;
}

.next-prev-primary .next a:hover, .next-prev-primary .show-back a:hover, .next-prev-primary .prev a:hover {
	background-color:#004ca0;
	color:#ffffff;
}

.latest {
	width:calc(50% - 15px);
	box-sizing:border-box;
	float:left;
	display:block;
	overflow:hidden;
	margin-bottom:50px;
}

.latest ul {
	list-style:none;
	margin:0;
	padding:0;
}

.latest ul li {
}

.archives {
	width:calc(50% - 15px);
	box-sizing:border-box;
	float:right;
	display:block;
	overflow:hidden;
	margin-bottom:50px;
}

.archives select {
	width:100%;
}

.staff {
	width:100%;
	clear:both;
	display:block;	
}

.staff ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 20px);
}

.staff ul li {
	width:calc(20% - 20px);
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	border-bottom:none !important;
	text-align:center;
	font-weight:bold;
}

@media screen and (max-width: 1200px) { .staff ul li { width:calc(25% - 20px); } }
@media screen and (max-width: 1000px) { .staff ul li { width:calc(33.333% - 20px); } }
@media screen and (max-width: 700px) { .staff ul li { width:calc(50% - 20px); } }

.staff ul li img {
	width:100%;
	height:auto;
}

.category {
	width:calc(50% - 15px);
	clear:both;
	display:block;	
}

.show-primary {
}

.show-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 30px);
}

.show-primary ul li {
	width:calc(33.333% - 30px);
	margin-right:30px;
	margin-bottom:30px !important;
	float:left;
}

@media screen and (max-width: 1000px) { .show-primary ul li { width:calc(50% - 30px); } }
@media screen and (max-width: 900px) { .show-primary ul li { width:calc(33.333% - 30px); } }
@media screen and (max-width: 800px) { .show-primary ul li { width:calc(50% - 30px); } }

.show-primary ul li .thum {
	width:100%;
	height:250px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:15px;
}

.show-primary ul li p {
}

.show-primary ul li p span {
	display:block;
}

/*----------------------------------------------------------------------------
   information
------------------------------------------------------------------------------*/

.information {
}

.information .mv {
	background-image:url(../image/contents/contact/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.information .thum {
	position:relative;
	width:250px;
	height:200px;
	background-position:center top;
	background-repeat:no-repeat;
	margin-left:30px;
	background-size:contain;
	float:right
}

.information .thum a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

.information h3 {
	text-indent:0 !important;
	padding-left:15px;
	padding-top:15px !important;
	padding-bottom:15px !important;
	height:inherit !important;
	background-repeat:repeat;
	line-height:26px !important;
}

.information h3 span {
	color:#ffffff;
	font-size:16px;
	display:block;
	padding-right:20px;
}

.information .list {
	padding-bottom:50px;
}

/*----------------------------------------------------------------------------
   sales-and-purchase
------------------------------------------------------------------------------*/

.sales-and-purchase {
}

.sales-and-purchase .mv {
	background-image:url(../image/contents/sales-purchase/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.sales-and-purchase .img-auto-width img {
	box-sizing:border-box;
	border:2px solid #eeeeee;
}


/*----------------------------------------------------------------------------
   sheet-metal
------------------------------------------------------------------------------*/

.sheet-metal {
}

.sheet-metal .mv {
	background-image:url(../image/contents/sheet-metal/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

/*----------------------------------------------------------------------------
   vehicle-inspection
------------------------------------------------------------------------------

.vehicle-inspection {
}

.vehicle-inspection .mv {
	background-image:url(../image/contents/vehicle-inspection/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.vehicle-inspection-comment {
	background-image:url(../image/contents/vehicle-inspection/bana-back01.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:100%;
	height:272px;
	font-size:30px;
	color:#004a9e;
	box-sizing:border-box;
	padding-left:40px;
	padding-top:65px;
	margin-bottom:50px;
	border:4px solid #004a9e;
	font-weight:bold;
	line-height:40px;
	transition:0.3s;
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

@media screen and (max-width: 1080px) {
	.vehicle-inspection-comment {
		font-size:24px;
		padding-top:68px;
	}
}

.vehicle-inspection-message {
	background-image:url(../image/contents/vehicle-inspection/top-comment.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	height:92px;
	width:1243px;
	max-width:1243px;
	display:block;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}

.vehicle-inspection-message p {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

@media screen and (max-width: 1600px) {
	.vehicle-inspection-message {
		width:100%;
		height:0;
		padding-top:7.4014%;
	}
}

@media screen and (max-width: 1200px) {
	.vehicle-inspection-message {
		background-image:url(../image/contents/vehicle-inspection/top-comment_sp.png);
		max-width:821px;
		padding-top:19.2448%;
	}
}

.vehicle-inspection-point {
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.vehicle-inspection-point img {
	margin-bottom:15px !important;
}

.vehicle-inspection-message2 {
	background-image:url(../image/contents/vehicle-inspection/bana-back02.png);
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	padding:30px;
	box-sizing:border-box;
	padding-right:610px;
	margin-bottom:40px;
	border:4px solid #e4e4e4;
	transition:0.3s;
}

@media screen and (max-width: 1500px) {
	.vehicle-inspection-message2 {
		background-position:top -232px right -200px;
		padding-right:410px;
	}
}

@media screen and (max-width: 1300px) {
	.vehicle-inspection-message2 {
		background-position:top -232px right -300px;
		padding-right:310px;
	}
}

@media screen and (max-width: 1200px) {
	.vehicle-inspection-message2 {
		background-position:top -232px right -400px;
		padding-right:210px;
	}
}

@media screen and (max-width: 1000px) {
	.vehicle-inspection-message2 {
		background-position:top -232px right -400px;
		padding-right:30px;
	}
}

.vehicle-inspection-message2 strong {
	font-size:24px;
	color:#000000;
	line-height:34px;
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.vehicle-inspection-message2 p {
	margin:0;
	padding:0;
	font-size:16px;
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.vehicle-inspection-message2 p:nth-child(2) {
	padding-top:15px;
}

.vehicle-inspection-use {
	padding-bottom:30px;
}

.vehicle-inspection-use ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 10px);
}

.vehicle-inspection-use ul li {
	width:calc(50% - 10px);
	margin-right:10px;
	margin-bottom:10px;
	background-color:#cbe4ff;
	height:50px;
	line-height:59px;
	text-align:center;
	font-weight:bold;
	color:#003e83;
	float:left;
	font-size:18px;
}

@media screen and (max-width: 750px) {
	.vehicle-inspection-use ul {
		width:100%;
	}
	.vehicle-inspection-use ul li {
		width:100%;
		margin-right:0;
	}
}

.vehicle-inspection-price {
}

.vehicle-inspection-price img {
	transition:0.3s;
	width:50%;
}

@media screen and (max-width: 1300px) {
	.vehicle-inspection-price img {
		width:40%;
		height:auto;
	}
}

@media screen and (max-width: 1300px) {
	.vehicle-inspection-price img {
		width:100%;
		margin-left:auto !important;
		margin-right:auto !important;
		margin-bottom:30px;
		float:none !important;
	}
}

@media screen and (max-width: 900px) {
	.vehicle-inspection-price img {
		width:80%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}

.vehicle-inspection-merit {
	background-image:url(../image/contents/vehicle-inspection/merit-back.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:100%;
	height:429px;
	box-sizing:border-box;
	border:4px solid #e4e4e4;
	position:relative;
}

.vehicle-inspection-merit .text {
	background-image:url(../image/contents/vehicle-inspection/merit-text.png);
	background-repeat:no-repeat;
	width:793px;
	height:350px;
	position:absolute;
	top:35px;
	left:560px;
	transition:0.3s;
}

@media screen and (max-width: 1760px) {
	.vehicle-inspection-merit {
		background-image:url(../image/contents/vehicle-inspection/merit-back.png);
		width:100%;
		height:481px;
	}
	.vehicle-inspection-merit .text {
		background-image:url(../image/contents/vehicle-inspection/merit-text_tab.png);
		width:552px;
		height:398px;
	}
}

@media screen and (max-width: 1500px) {
	.vehicle-inspection-merit .text {
		background-size:400px 288px;
	}
	.vehicle-inspection-merit {
		height:364px;
	}
}

@media screen and (max-width: 1350px) {
	.vehicle-inspection-merit {
		background-image:url(../image/contents/vehicle-inspection/merit-back_sp.png);
		background-repeat:no-repeat;
		background-position:center top;
		padding-top:487px;
		width:100%;
		height:auto;
		padding-bottom:40px;
		padding-left:38px;
		padding-right:38px;
	}
	.vehicle-inspection-merit .text {
		position:relative;
		top:inherit;
		left:inherit;
		background-image:url(../image/contents/vehicle-inspection/merit-text.png);
		background-size:contain;
		background-repeat:no-repeat;
		width:100%;
		max-width:793px;
		height:0;
		padding-top:44.1361%;
	}
}

@media screen and (max-width: 1000px) {
	.vehicle-inspection-merit .text {
		background-image:url(../image/contents/vehicle-inspection/merit-text_tab.png);
		max-width:552px;
		height:0;
		padding-top:72.1014%;
	}
}

.vehicle-inspection-service {
	padding-bottom:30px;
}

.vehicle-inspection-service ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 10px);
}

.vehicle-inspection-service ul li {
	width:calc(50% - 10px);
	margin-right:10px;
	margin-bottom:10px;
	background-color:#ffe2e2;
	padding-top:20px;
	padding-bottom:20px !important;
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	color:#353535;
	float:left;
	font-size:18px;
}

.vehicle-inspection-service ul li span {
	display:block;
	font-size:24px;
	font-weight:bold;
	color:#ff2121;
}

@media screen and (max-width: 700px) {
	.vehicle-inspection-service ul {
		width:100%;
		margin-right:0;
	}
	.vehicle-inspection-service ul li {
		width:100%;
		margin-right:0;
	}
}

.vehicle-inspection-service p span {
	color:#FF3033;
	font-size:24px;
	font-weight:bold;
}

.raracard-comment {
	font-size:28px;
	color:#FF1E22;
	font-weight:bold;
}

/*----------------------------------------------------------------------------
   sheet-metal
------------------------------------------------------------------------------*/

.sheet-metal-mv {
	background-image:url(../image/contents/sheet-metal/mv.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	height:338px;
	position:relative;
	margin-bottom:50px;
}

.sheet-metal-mv:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.sheet-metal-comment {
	font-size:42px !important;
	text-align:left !important;
	color:#004a9e;
	font-family: "FOT-RodinProN-EB";
	line-height:50px;
	padding-top:82px !important;
	position:relative;
	z-index:99;
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

@media screen and (max-width: 1380px) {
	.sheet-metal-comment {
		padding-top:73px !important;
	}
}

@media screen and (max-width: 1230px) {
	.sheet-metal-comment {
		font-size:36px !important;
	}
}

@media screen and (max-width: 1100px) {
	.sheet-metal-comment br {
		display:none;
	}
	.sheet-metal-comment {
		padding-right:30px !important;
	}
}
@media screen and (max-width: 1070px) {
	.sheet-metal-comment {
		padding-top:53px !important;
	}
}

.sheet-metal-comment span {
	font-size:24px !important;
	color:#000000;
	display:block;
	padding-bottom:0;
}

@media screen and (max-width: 1070px) {
	.sheet-metal-comment span {
		font-size:20px !important;
	}
}

.sheet-metal-comment span br {
	display:none;
}

@media screen and (max-width: 1380px) {
	.sheet-metal-comment span br {
		display:block;
	}
	.sheet-metal-comment span {
		line-height:32px;
		padding-bottom:10px;
	}
}

.sheet-metal-sadcomment {
}

.sheet-metal-sadcomment ul {
	list-style:none;
	margin:0;
	padding:0;
}

.sheet-metal-sadcomment ul li {
	border:2px solid #004a9e !important;
	padding:10px;
	color:#004a9e;
	text-align:center;
	font-size:22px;
	font-family: "FOT-RodinProN-EB";
	display:block;
	margin-bottom:15px;
}

.sheet-metal-comment-ok {
	font-size:32px;
	font-family: "FOT-RodinProN-EB";
	display:block;
	color:rgba(249,48,52,1.00);
	text-align:center;
}

.sheet-metal-flow {
}

.sheet-metal-flow .flow-list-primary {
	padding-top:30px;
}

.sheet-metal-flow .flow-list-primary .list {
	padding-left:160px;
	position:relative;
	min-height:150px;
}

.sheet-metal-flow .flow-list-primary .list .step-num {
	position:absolute;
	top:-30px;
	left:0;
	width:130px;
	height:130px;
	line-height:130px;
	color:#ffffff;
	background-color:#00479e;
	font-size:28px;
	text-align:center;
	border-radius:50%;
	font-family: "FOT-RodinProN-EB";
	text-shadow: 0 2px 2px #0E35CF;
}

.sheet-metal-flow .flow-list-primary .list:nth-child(1) .step-num { background-color:#79aef0; }
.sheet-metal-flow .flow-list-primary .list:nth-child(2) .step-num { background-color:#5b96de; }
.sheet-metal-flow .flow-list-primary .list:nth-child(3) .step-num { background-color:#3d79c4; }
.sheet-metal-flow .flow-list-primary .list:nth-child(4) .step-num { background-color:#1859a9; }
.sheet-metal-flow .flow-list-primary .list:nth-child(5) .step-num { background-color:#00479e; }

.sheet-metal-flow .flow-list-primary .list p {
	margin:0;
	padding:0;
	padding-top:20px;
	border-top:1px solid #00479e;
	padding-bottom:50px;
}

.sheet-metal-yakusoku {
	background-color:#fff8d7;
	padding:30px;
	padding-bottom:10px;
	margin-bottom:30px;
}

.sheet-metal-yakusoku .title {
	background-image:url(../image/contents/sheet-metal/5yakusoku.png);
	max-width:676px;
	width:100%;
	height:89px;
	background-repeat:no-repeat;
	background-size:contain;
}

.sheet-metal-yakusoku .list {
	position:relative;
	min-height:60px;
	margin-bottom:15px;
}

.sheet-metal-yakusoku .list span.num {
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	line-height:60px;
	background-color:#004a9e;
	color:#ffffff;
	font-family: "FOT-RodinProN-EB";
	text-align:center;
	font-size:30px;
}

.sheet-metal-yakusoku .list p {
	margin:0;
	padding:0;
	padding-left:90px;
	font-size:22px;
	font-weight:bold;
}

.sheet-metal-yakusoku .list p span {
	font-size:16px;
	display:block;
}

/*----------------------------------------------------------------------------
  sales-and-purchase
------------------------------------------------------------------------------*/

.sales-and-purchase-use {
	padding-bottom:30px;
}

.sales-and-purchase-use ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 10px);
}

.sales-and-purchase-use ul li {
	width:calc(50% - 10px);
	margin-right:10px;
	margin-bottom:10px;
	background-color:#cbe4ff;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	font-weight:bold;
	color:#003e83;
	float:left;
	font-size:18px;
	box-sizing:border-box;
}

.sales-and-purchase-use ul li span {
	font-size:13px;
	color:#000000;
}

@media screen and (max-width: 750px) {
	.sales-and-purchase-use ul {
		width:100%;
	}
	.sales-and-purchase-use ul li {
		width:100%;
		margin-right:0;
	}
}

.sap-shopinfo {
}

.sap-shopinfo img {
	float:right;
	width:250px;
	margin-left:30px;
}

.sap-shopinfo .table-content {
	width:calc(100% - 280px);
	float:left;
}

@media screen and (max-width: 1000px) {
	.sap-shopinfo .table-content {
		width:100%;
		float:none;
	}
	.sap-shopinfo img {
		float:none;
		width:100%;
		max-width:640px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
}

.sap-shopinfo .table-content:after {
	content: "";
    display: block;
    clear: both;
}

.sap-comment-ok {
	font-size:32px;
	font-family: "FOT-RodinProN-EB";
	display:block;
	color:rgba(249,48,52,1.00);
	text-align:left;
	clear:both;
	line-height:38px;
}

@media screen and (max-width: 750px) {
	.sap-comment-ok br {
		display:none;
	}
}

.assess_banner02 img {
	width:100%;
	height:auto;
	padding-bottom:15px;
}

/*----------------------------------------------------------------------------
  accident-response
------------------------------------------------------------------------------*/


.accident-response-use ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 10px);
}

.accident-response-use ul li {
	width:calc(50% - 10px);
	margin-right:10px;
	margin-bottom:10px;
	background-color:#cbe4ff;
	height:50px;
	line-height:59px;
	text-align:center;
	font-weight:bold;
	color:#003e83;
	float:left;
	font-size:18px;
}


/*----------------------------------------------------------------------------
   maintenane
------------------------------------------------------------------------------*/

.maintenance {
}

.maintenance .mv {
	background-image:url(../image/contents/vehicle-inspection/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.maintenance .list-primary {
	width:calc(100% + 30px);
}

.maintenance .list-primary .list {
	width:calc(50% - 30px) !important;
	margin-right:30px !important;
	margin-bottom:30px !important;
	background-color:#f7f7f7 !important;
	padding:30px;
	box-sizing:border-box;
}

@media screen and (max-width: 1150px) {
	.maintenance .list-primary {
		width:100% !important;
	}
	.maintenance .list-primary .list {
		width:100% !important;
		margin-right:0 !important;
	}
}

@media screen and (max-width: 800px) {
	.maintenance .list-primary {
		width:100% !important;
	}
	.maintenance .list-primary .list {
		width:100% !important;
		margin-right:0 !important;
	}
}

.maintenance .list-primary .list h5 {
	background-color:#ffffff;
}

.maintenance .list-primary .list p {
	padding-bottom:15px !important;
	float:left;
	width:calc(70% - 30px);
	box-sizing:border-box;
	padding-top:20px;
}

.maintenance .list-primary .list img {
	float:right;
	width:30%;
	box-sizing:border-box;
	margin-top:0;
	padding:0;
	margin-bottom:30px;
}

.maintenance .list-primary .list .in-list {
	background-color:#ffffff;
	padding:20px;
	clear:both;
}

.maintenance .list-primary .list strong {
	display:inline-block;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#222222;
	color:#ffffff;
	margin-bottom:10px;
}

.maintenance .list-primary .list .in-list ul li:last-of-type {
	border:none !important;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

/*----------------------------------------------------------------------------
   coating
------------------------------------------------------------------------------*/

.coating {
}

.coating .mv {
	background-image:url(../image/contents/vehicle-inspection/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.coating-box {
	margin-bottom:30px !important;
	background-color:#f7f7f7 !important;
	padding:30px;
	box-sizing:border-box;
}

.coating-box h4 {
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	margin-bottom:25px !important;
	text-indent:0 !important;
}

.nano-list {
	background-color: #ffffff;
	padding: 30px;
	margin-bottom: 30px;
	border: 1px dotted #cccccc;
	box-sizing: border-box;
}

.nano-detail {
	position: relative;
	background-color: #ffffff;
	padding: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding-left: 250px;
}

@media screen and (max-width: 640px) {
	.nano-detail {
		padding-left: 30px;
		padding-top: 80px;
	}
}

.nano-detail h4 {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 18px !important;
}

@media screen and (max-width: 640px) {
	.nano-detail h4 {
		font-size: 24px !important;
	}
}

.nano-detail div {
	position: relative;
}

.nano-detail span {
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: dotted #cccccc 1px;
}

.table-content.nano table th, .table-content.nano table td {
	padding: 8px;
}

.table-content.nano th br {
	display: none;
}

@media screen and (max-width: 900px) {
	.table-content.nano th br {
		display: block;
	}
}

@media screen and (max-width: 640px) {
	.table-content.nano th, .table-content.nano td {
		font-size: 14px !important;
	}
}

.coating-box ul {
	background-color:#ffffff;
	padding:20px !important;
	list-style:none;
	width:100%;
	padding-right:150px;
	box-sizing:border-box;
	position:relative;
}

.coating-box ul img {
	position:absolute;
	top:30px;
	right:50px;
}

.coating-box ul li {
	padding-bottom:15px !important;
	margin-bottom:15px !important;
	margin-right:150px;
}

.coating-box ul li:last-of-type {
	border:none !important;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

.coating-box ul li strong {
	padding-bottom:5px;
	display:inline-block;
}

.pdf-button a {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	border:2px solid #004ca0;
	border-radius:5px;
	color:#004ca0;
	font-weight:bold;
	display:block;
	margin-top:30px;
	text-decoration:none !important;
	font-size:16px;
	position:relative;
	transition:0.3s;
}

.pdf-button a:before {
	content:"";
	background-image:url(../image/contents/coating/icon_1r_48.png);
	width:48px;
	height:48px;
	display:inline-block;
	position:absolute;
	top:1px;
	margin-left:-58px;
}

.pdf-button.noicon a:before {
	background-image:none !important;
}

.pdf-button a:after {
	content:"〉";
	color:#004ca0;
	position:absolute;
	top:15px;
	right:15px;
	display:block;
	transition:0.3s;
}

.pdf-button a:hover {
	background-color:#004ca0;
	color:#ffffff !important;
}

.pdf-button a:hover:after {
	right:10px;
	color:#ffffff;
}


/*----------------------------------------------------------------------------
	other-service
------------------------------------------------------------------------------*/

.other-service {
}

.other-service .mv {
	background-image:url(../image/contents/vehicle-inspection/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.service-content-primary {
	width:calc(100% + 50px);
}

.service-content-primary .content {
	float:left;
	width:calc(50% - 30px);
	margin-right:30px;
	margin-bottom:30px;
	background-color:#F4F4F4;
	padding:30px;
	box-sizing:border-box;
}

@media screen and (max-width: 1100px) {
	.service-content-primary {
		width:100%;
	}
	.service-content-primary .content {
		width:100%;
		float:none;
	}
}

.other-service .box .pdf-button a {
	border:2px solid #cccccc;
	background-color:#ffffff;
}

.other-service .box .pdf-button a:hover {
	color:#ffffff !important;
	background-color:#004ca0;
	border:2px solid #004ca0;
}

.other-service .box .pdf-button a:after {
	color:#cccccc;
}

.other-service .box .pdf-button a:hover:after {
	color:#ffffff !important;
}

@media screen and (max-width: 1100px) {
	.glassneo-img {
		float:none;
		display:inline-block;
		margin-left:0;
		margin-right:20px !important;
	}
}

.wakunai img {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	display:block;
	margin-top:30px;
	position:relative;
}



/*----------------------------------------------------------------------------
   assessment
------------------------------------------------------------------------------*/

.assessment {
}

.assessment h3 {
	background-image:none !important;
	background-color:#f2001f !important;
	color:#ffffff !important;
	border-color:rgba(255,0,4,1.00) !important;
}

.assessment h4 {
	background-color:#fff000 !important;
	color:#000000 !important;
	border-color:rgba(255,0,4,1.00) !important;
}

.assessment input[type="text"], .assessment input[type="date"], .assessment select, .assessment textarea {
	background-color:#fc7756;
	color:#000000 !important;
}

.assessment .error input[type=text], .assessment .error input[type=date], .assessment .error textarea, .assessment .error select {
	background-color:#fc7756;
	color:#000000 !important;
}

.assessment input::placeholder {
color: #000000 !important; }
.assessment select:placeholder-shown {
color: #000000 !important; }
.assessment textarea:placeholder-shown {
color: #000000 !important; }

.assessment .ic-required {
	background-color:#e50112 !important;
}

.assessment .form-btn {
	background-color:#fff000 !important;
	border:2px solid #FF0004;
	border-radius:5px;
	color:rgba(255,0,4,1.00) !important;
	font-weight:bold;
}

.assessment .form-btn:hover {
	background-color:#FF0004 !important;
	border:2px solid #fff000;
	border-radius:5px;
	color:#fff000 !important;
}

.assessment .mv {
	background-image:url(../image/contents/vehicle-inspection/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.assessment-form {
	width:calc(100% + 30px);
}

.assessment-form .entry-mail {
	width:calc(50% - 30px);
	margin-right:30px;
	float:left;
}

@media screen and (max-width: 1400px) {
	.assessment-form {
		width:100%;
	}
	
	.assessment-form .entry-mail {
		width:100%;
		margin-right:0;
		margin-bottom:30px;
		float:none;
	}
}

.assessment-form .entry-mail th {
	width:20% !important;
	padding:15px !important;
}

@media screen and (max-width: 640px) {
	.assessment-form .entry-mail th {
		width:100% !important;
	}
}

.assessment-mv {
	background-image:url(../image/contents/assessment/mv.jpg);
	background-size:contain;
	width:100%;
	height:0;
	padding-top:27.341%;
	background-position:left top;
	background-repeat:no-repeat;
}

@media screen and (max-width: 1250px) {
	.assessment-mv {
		background-image:url(../image/contents/assessment/mv_tab.jpg);
		padding-top:34.56%;
	}
}

@media screen and (max-width: 640px) {
	.assessment-mv {
		background-image:url(../image/contents/assessment/mv_sp.jpg);
		width:100%;
		padding-top:39.272%;
	}
}

#assessment-header {
	background-image:url(../image/contents/assessment/base.png);
	max-width:1582px;
	width:100%;
	height:365px;
	position:relative;
	margin-bottom:30px;
}

@media screen and (max-width: 900px) {
	#assessment-header {
		background-position:top 0 left -42px;
		margin-bottom:130px;
	}
}

#assessment-header:after {
	background-image:url(../image/contents/assessment/base-comment.png);
	background-repeat:no-repeat;
	max-width:1053px;
	width:100%;
	height:166px;
	content:"";
	position:absolute;
	top:58px;
	left:433px;
	display:block;
	transition:0.3s;
}

@media screen and (max-width: 1890px) {
	#assessment-header:after {
		left:340px;
	}
}
@media screen and (max-width: 1780px) {
	#assessment-header:after {
		background-size:contain;
		box-sizing:border-box;
		width:calc(100% - 370px);
	}
}
@media screen and (max-width: 1530px) {
	#assessment-header:after {
		background-position:top 20px left 0;
	}
}
@media screen and (max-width: 1400px) {
	#assessment-header:after {
		background-image:url(../image/contents/assessment/base-comment_sp.png);
		max-width:440px;
		width:100%;
		height:240px;
		top:20px;
	}
}
@media screen and (max-width: 1160px) {
	#assessment-header:after {
		width:calc(100% - 370px);
	}
}
@media screen and (max-width: 1050px) {
	#assessment-header:after {
		background-position:top 60px left 0;
	}
}
@media screen and (max-width: 1050px) {
	#assessment-header:after {
		background-position:top left;
		top:110px;
		left:290px;
		min-width:260px;
	}
}
@media screen and (max-width: 900px) {
	#assessment-header:after {
		top:35px;
		left:352px;
	}
}
@media screen and (max-width: 900px) {
	#assessment-header:after {
		top:70px;
	}
}
@media screen and (max-width: 900px) {
	#assessment-header:after {
		top:90px;
		left:275px;
	}
}

#assessment-header nav {
	max-width:1000px;
	width:100%;
	height:110px;
	background-color:#ffffff;
	border-radius:10px;
	border:7px solid #e60007;
	position:absolute;
	bottom:-4px;
	left:50%;
	margin-left:-507px;
}

@media screen and (max-width: 1000px) {
	#assessment-header nav {
		height:130px;
	}
}

@media screen and (max-width: 1420px) {
	#assessment-header nav {
		left:30px;
		margin-left:0;
		width:calc(100% - 70px);
	}
}

@media screen and (max-width: 900px) {
	#assessment-header nav {
		bottom:-96px;
		height:150px;
	}
}

#assessment-header nav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
#assessment-header nav ul li {
	border-bottom:none !important;
	width:33.333% !important;
	height:110px !important;
	float:left !important;
	background-position:top 0 left -20px;
	background-repeat:no-repeat;
	border-right:1px solid #cccccc;
	box-sizing:border-box;
	position:relative;
}

@media screen and (max-width: 1000px) {
	#assessment-header nav ul li {
		height:130px !important;
		overflow:hidden;
		z-index:2;
	}
}
@media screen and (max-width: 900px) {
	#assessment-header nav ul li {
		height:150px !important;
	}
}

#assessment-header nav ul li:nth-child(1) { background-image:url(../image/contents/assessment/navi01.png); }
#assessment-header nav ul li:nth-child(2) { background-image:url(../image/contents/assessment/navi02.png); }
#assessment-header nav ul li:nth-child(3) { background-image:url(../image/contents/assessment/navi03.png); border-right:none; }

#assessment-header nav ul li:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

@media screen and (max-width: 1357px) {
	#assessment-header nav ul li {
		background-size:contain;
		background-position:left -25px top 10px;
	}
}
@media screen and (max-width: 1140px) {
	#assessment-header nav ul li {
		background-position:left -25px top 20px;
	}
}
@media screen and (max-width: 1000px) {
	#assessment-header nav ul li {
		background-position:center top 10px;
		background-size:120%;
	}
}
@media screen and (max-width: 1000px) {
	#assessment-header nav ul li {
		background-position:center top 5px;
	}
}

@media screen and (max-width: 900px) {
	#assessment-header nav ul li {
		background-position:center top 20px;
		background-size:140%;
	}
}

#assessment-header nav ul li:after {
	content:"";
	background-image:url(../image/contents/assessment/ar.png);
	width:53px;
	height:110px;
	position:absolute;
	top:0;
	right:0;
	display:block;
}

@media screen and (max-width: 1000px) {
	#assessment-header nav ul li:after {
		top:inherit;
		bottom:-28px;
		left:50%;
		margin-left:-15px;
		z-index:0;
	}
}
@media screen and (max-width: 900px) {
	#assessment-header nav ul li:after {
		bottom:-26px;
	}
}

#assessment-header nav ul li a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}

.date-puldown {
	position:relative;
	padding-left:110px;
	padding-bottom:10px;
}

.date-puldown span {
	position:absolute;
	top:9px;
	left:0;
}

.date-puldown select {
	margin-left:15px;
}

.date-puldown select:first-of-type {
	margin-left:0;
}

.date-puldown input.pc {
	display:inline-block !important;
}

@media screen and (max-width: 640px) {
	.date-puldown input.pc {
		display:none !important;
	}
	.date-puldown input.sp {
		display:inline-block !important;
	}
}

.chk-large {
	width:20px;
	height:20px;
	margin-right:5px;
	display:inline-block;
}

/*----------------------------------------------------------------------------
   just-ride
------------------------------------------------------------------------------*/

.mark-p{
	text-indent: -1em;
	padding-left: 1em;
}

.just-ride .list-primary {
	width:calc(100% + 30px);
}

.just-ride .list-primary .list {
	width:calc(50% - 30px) !important;
	margin-right:30px !important;
	margin-bottom:30px !important;
	background-color:#f7f7f7 !important;
	padding:30px;
	box-sizing:border-box;
}

@media screen and (max-width: 1150px) {
	.just-ride .list-primary {
		width:100% !important;
	}
	.just-ride .list-primary .list {
		width:100% !important;
		margin-right:0 !important;
	}
}

@media screen and (max-width: 800px) {
	.just-ride .list-primary {
		width:100% !important;
	}
	.just-ride .list-primary .list {
		width:100% !important;
		margin-right:0 !important;
	}
}

.just-ride .list-primary .list h5 {
	background-color:#ffffff;
}

.just-ride .list-primary .list p {
	padding-bottom:15px !important;
	padding-top:20px;
}

.just-ride .qa dt{
	border-bottom: 2px dotted #CDCDCD;
	text-indent: -1em;
	padding-left: 1em;
}

.just-ride .qa dt::before{
	content: "Q";
	color: #004ca0;
	padding-right: 6px;
}

/*.just-ride .qa dt span{
	padding-right: 10px;
	display: inline-block;
}*/

.just-ride .qa dd{
		text-indent: -1em;
	padding-left: 1em;
	margin-left: 0;
}

.just-ride .qa dd::before{
	content: "A";
	color: #F16060;
	padding-right: 6px;
}

/*.just-ride .qa dd span{
	padding-right: 10px;
	display: inline-block;
}*/

/*.just-ride .list-primary .list p {
	padding-bottom:15px !important;
	float:left;
	width:calc(70% - 30px);
	box-sizing:border-box;
	padding-top:20px;
}

.just-ride .list-primary .list img {
	float:right;
	width:30%;
	box-sizing:border-box;
	margin-top:0;
	padding:0;
	margin-bottom:30px;
}*/

.just-ride .list-primary .list .in-list {
	background-color:#ffffff;
	padding:20px;
	clear:both;
}

.just-ride .list-primary .list strong {
	display:inline-block;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#222222;
	color:#ffffff;
	margin-bottom:10px;
}

.just-ride .list-primary .list .in-list ul li:last-of-type {
	border:none !important;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}




@media screen and (max-width: 640px) {
	.shop .separate .separate-left {
    width: 100%;
    float: none;
    padding-bottom: 30px;
}
	
.shop .separate .separate-right {
    width: 100%;
    float: none;
    padding-bottom: 90px;
}
}



.just-ride .lease dt{
text-align: center;
font-weight: bold;
border-bottom: 2px dotted #004ca0;
}

.just-ride .lease dd{
	margin-left: 0;

}


@media screen and (min-width: 641px) {
.just-ride .lease{
display: flex;
}

.just-ride .lease dt{
font-size: 24px;
padding-bottom: 10px;
margin-bottom: 20px;
}

.just-ride .lease dl{
padding: 30px;
width: calc(100%/3);
}

.just-ride .lease dl{
border-top: 2px solid #D1D1D1;
border-bottom: 2px solid #D1D1D1;
border-left: 2px solid #D1D1D1;
}

.just-ride .lease dl:last-of-type{
border-right: 2px solid #D1D1D1;
}
}

@media screen and (max-width: 640px) {
.just-ride .lease{
display: flex;
flex-wrap: wrap;
}

.just-ride .lease dt{
font-size: 22px;
padding-bottom: 5px;
margin-bottom: 10px;
}

.just-ride .lease dl{
padding: 30px;
width: 100%;
	border: 2px solid #D1D1D1;
}
	
.just-ride .option .right{
float: none!important;
margin-left: 0px;
width: 100%;
margin-bottom: 15px;
margin-top: 5px;
}
}




.contact-button{
	max-width: 640px;
	width:100%;
	height:60px;
	position:absolute;
	top:15px;
	left:50%;
	transform: translateX(-50%);
	transition:0.3s;
}

/*.contact-button { background-color:#004a9e; }*/
.contact-button { background-color:#9e6400; }

.contact-button:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

@media screen and (min-width: 641px) {
	.contact-button {
		position:relative;
		top:inherit;
		right:inherit;
		margin-bottom:80px;
	}
}

.contact-button a {
	position:absolute;
	width:100%;
	height:60px;
	line-height:60px;
	display:block;
	top:0;
	left:0;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	text-indent:-20px;
	font-size:20px;
}

.contact-button:after {
	content:"〉";
	color:#ffffff;
	position:absolute;
	top:18px;
	right:0;
}

@media screen and (max-width: 640px) {
	.contact-button {
		max-width: 640px;
	width:100%;
		position:relative;
		top:15px;
		right:0;
		margin-bottom:60px;
	}
	.contact-button a {
		font-size:24px;
	}
	.contact-button:after {
		top:11px;
	}
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.bar {
    background-image: url("../image/sidebar/bar.png?v=2");
    width: 100%;
    height: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.top_about {
    margin: 0 50px;
}
.top_about li {
    list-style: none;
    line-height: 2em;
}

.top_contact {
    width: 710px;
    margin: 0 auto;
}

.rentalcar {
    display: block;
}

.rentalcar_sp {
    display: none;
}

.rentalcar td {
    width: 300px;
}

/* トップページ　テキスト枠追加 */

.top_about {
}

.top_about span.red {
	color: #ff0000;
	font-size: 22px;
}

@media screen and (max-width: 640px) {
	.top_about span.red {
		font-size: 36px;
	}
}

.top_about_mv {
	margin-bottom: 50px;
	background-color: #eeeeee;
	padding: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 1450px) {
	.top_about_mv .alignright {
		width: 350px;
	}
}

@media screen and (max-width: 1150px) {
	.top_about_mv .alignright {
		float: none;
		display: block;
		width: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 640px) {
	.top_about_mv {
		padding: 30px;
	}
}

.top_about_mv p {
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.top_about_mv p span {
	font-size: 52px;
}

.top_about_mv a {
	font-size: 36px;
	font-weight: bold;
}

.top_img1 {
    width: 400px;
    float: right;
    margin-left: 30px;
}
.top_img2 {
    width: 90%;
}
.top_img2-center {
	width: 800px;
	padding-left: auto;
	padding-right: auto;
	display: block;
}
.top_about_box {
    clear: both;
}

.top_about_box .content {
	margin-bottom: 50px;
}

.top_about_box .thum {
	width: 500px;
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
}

.top_about_box .thum img {
	max-width: 100%;
	display: block;
}

.top_about_box .thum .pc {
	display: block;
}

.top_about_box .thum .sp {
	display: none;
}

@media screen and (max-width: 1300px) {
	.top_about_box .thum .pc {
		display: none;
	}

	.top_about_box .thum .sp {
		display: block;
	}
	
	.top_about_box .thum {
		float: none;
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
}

.top_about_box ul {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	list-style: disc;
}

.top_about_box ul li {
	list-style: disc;
}

@media screen and (max-width: 1100px) {
	.top_img2 {
			width: 100% !important;
			float: none;
			display: block;
			max-width: 100%;
			margin-left: auto;
			margin-right: auto;
	}
}

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

    .top_contact {
        width: auto;
    }
    .top_img1,　.top_img2 {
        width: 100% !important;
        float: none;
    }

    .rentalcar {
        display: none;
    }
    
    .rentalcar_sp {
        display: block;
    }
    .top_about p {
			font-size: 30px;
    }
    .top_about_box {
        clear: both;
        padding-top: 0;
    }
}