@charset "utf-8";

html {
    font-size: initial;
    -webkit-tap-highlight-color: initial;
    font-family: initial;
    -webkit-text-size-adjust: initial;
    -ms-text-size-adjust: initial;
}

body {
	overflow-x: hidden;
	position: relative;
}
.superBanner {
	display: none;
}

.ac1-container-for-html-contents * {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}

/*------------------------------------------------------------------------------------------------------
xfy縺ｧbase閭梧勹繧堤判髱｢縺�縺｣縺ｱ縺�縺ｫ莨ｸ縺ｰ縺吶ｈ縺�縺ｫ縺吶ｋ
------------------------------------------------------------------------------------------------------*/

#wrapper .wrapperinner {
	width: 100% !important;
	margin: 0 auto;
	padding: 0px !important;
}
/*------------------------------------------------------------------------------------------------------
section color謖�螳�
------------------------------------------------------------------------------------------------------*/


#sections .navy-sec {
	background: #001130;
	color: #fff;
}
#sections .green-sec {
	background-color: #809AA6;
	color: #fff;
}
#sections .white-sec {
	background-color: #fff;
	color: #001130 !important;
}
#sections .white-sec p, #sections .white-sec h2 {
	color: #001130 !important;
}
#sections .footer-sec {
	background-color: #fff;
	color: #001130 !important;
}
#sections .before-sec {
	background-color: #D9E9F5;
	color: #001130 !important;
}
#sections .video-sec {
	/*	background-color: #ACB8C2;
	color:#303336!important;*/
	background: #001130;
	color: #fff;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/video_bg.jpg);
	background-position: center;
	background-size: 100%;
}
/*------------------------------------------------------------------------------------------------------
蜈ｱ騾�
------------------------------------------------------------------------------------------------------*/

.bg a {
	display: block;
}
.panah1 {
	line-height: 26px;
	height: 26px;
	background: #e0e8ea;
}
.panah1 h1 {
	width: 950px;
	margin: 0 auto;
	color: #000;
}
body #sections {
	line-height: 1.4;
}
.container h1 {
	font-size: 2em;/*margin: .67em 0;*/
}
.container h2 {
	font-size: 28px;
	margin: 0 0 20px 0;
}
#sections p {
	margin: 0;
	padding: 0;
	line-height: 36px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #fff;
}
#sections .section {
	padding: 140px 0 140px 0;
	font-size: 19px;
	position: relative;
}
#sections .section_menu {
	padding: 140px 0 140px 0;
	font-size: 19px;
}
.bg, .bg2, .bg3, .bg4 {
	position: absolute;
}
h1.hs, h2.hs {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
h1.fz55, h2.fz55 {
	font-size: 42px;
}
/*------------------------------------------------------------------------------------------------------
back ground
------------------------------------------------------------------------------------------------------*/


.prbg {
	background-color: #001130;
	text-align: left;
}
.prbg2 {
	background-color: #f5f3d9;
	text-align: left;
}
.prbg3 {
	background-color: #000;
	text-align: left;
}
/*------------------------------------------------------------------------------------------------------
繝｡繧､繝ｳ繧､繝｡繝ｼ繧ｸ
------------------------------------------------------------------------------------------------------*/

#first-view_top {
	position: relative;
	height: 600px;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/back01.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
}
#first-view_p1 {
	position: relative;
	height: 600px;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/back02.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
}
#first-view_p2 {
	position: relative;
	height: 600px;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/back03.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.title {
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/title1.png);
	height: 250px;
	width: 860px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 340px;
}
#nav .navbar-right {
	float: right;
	margin: 23px 0px;
	padding: 0;
	border: 0;
	overflow: hidden;
}
#nav .navbar-right a:hover {
	text-decoration: none;
}
#nav .navbar-right .sns {
	margin-left: 32px;
}
#nav .navbar-right .sns img {
	width: 28px;
	height: 28px;
	margin-left: 5px;
}
#nav .navbar-right .sns img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
#nav .dropdown-menu {
	padding: 15px 0 15px 15px;
	position: absolute;
	right: 0px;
	top: 79px;
	background: #fff;
	-webkit-box-shadow: 0 6px 3px -3px #888;
	-moz-box-shadow: 0 6px 3px -3px #888;
	box-shadow: 0 6px 3px -3px #888;
	z-index: 100;
}
#nav .dropdown-menu .sns_area {
	width: 121px;
}
#nav .dropdown-menu .sns_area p {
	float: left;
}
#nav .dropdown-menu .sns_area .face {
	padding-right: 15px;
	margin-bottom: 10px;
}
/*------------------------------------------------------------------------------------------------------
繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ
------------------------------------------------------------------------------------------------------*/

#fixAnchor {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 201;
	width: 33px;
	_display: none;
	opacity: 1 !important;
}
#fixAnchor ul {
	width: 33px;
	position: absolute;
	right: 0;
	top: 0;
}
#fixAnchor img {
	display: block;
}
#fixAnchor a {
	display: block;
}
#fixAnchor li {
	margin: 0 0 1px;
	height: 33px;
	overflow: hidden;
	font-size: 1px;
	-webkit-transform: translate3d(0, 0, 0);
}
/*------------------------------------------------------------------------------------------------------
繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ
------------------------------------------------------------------------------------------------------*/

#nav {
	background-color: white;
}
#nav .container #logo {
	display: block;
	float: left;
	padding: 28px 0;
}
#nav .container ul {
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
 *zoom: 1;
}
#nav .container ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	white-space: nowrap;
	display: inline;
	float: left;
	padding-left: 22px;
	padding-right: 22px;
}
#nav .container ul li:first-child, #nav .container ul li.first {
	padding-left: 0;
}
#nav .container ul li:last-child {
	padding-right: 0;
}
#nav .container ul li.last {
	padding-right: 0;
}
#nav .container ul a {
	letter-spacing: 2px;
	color: #1c1c1c;
	font-weight: bold;
	text-decoration: none;
	padding: 31px 0 !important;
	display: block;
	font-size: 15px;
}
#nav .container ul p {
	letter-spacing: 2px;
	color: #CEAC7A;
	font-weight: bold;
	text-decoration: none;
	padding: 31px 0 !important;
	display: block;
	font-size: 15px;
}
#nav .container ul a:hover {
	color: #CEAC7A;
}
#nav .container ul a.hover {
	color: #CEAC7A;
}
#sections .section .container {
	min-height: 408px;
}
#sections .section_menu .container, #sections .section .container, #nav .container {
	width: 1100px;
	margin: 0 auto;
	position: relative;
 *zoom: 1;
}
#sections .section .container:after, #nav .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
#nav .container #logo {
	display: block;
	float: left;
	padding: 20px 0;
}
#nav .container #logo img {
	height: 39px;
}
/*------------------------------------------------------------------------------------------------------
繝倥ャ繝�繝ｼ荳�
------------------------------------------------------------------------------------------------------*/


#sections .center p {
	font-size: 17px;
	font-weight: bold;
	color: #001130;
}
#sections {
	background-color: #001130;
	color: #001130;
	font-size: 17px;
	font-weight: bold;
}
#sections .container .right {
	width: 640px;
	float: right;
}
#sections .container .bg img {
	width: 408px;
}
#sections .container .right h1 {
	margin-bottom: 30px;
}
#p1_1 .container .right h1 {
	margin-bottom: 30px;
}
#sections .container {
}
#sections {
	background-color: #809AA6;
	color: #001130;
	font-size: 17px;
	font-weight: bold;
}
#sections .container .left {
	width: 640px;
	float: left;
}
#sections .seco .bg {
	right: 0;
}
#sections .container .bg img {
	width: 408px;
}
#sections .container .left h1 {
	margin-bottom: 30px;
}
.container .right h1 {
	margin-bottom: 30px;
}
/*------------------------------------------------------------------------------------------------------
footer menu
------------------------------------------------------------------------------------------------------*/


#fmenu .menu_h {
	text-align: center;
	margin-bottom: 70px;
	font-weight: bold;
	color: #001130;
	font-size: 38px;
}
#fmenu ul li {
	float: left;
}
#fmenu ul li a {
	text-align: left;
	text-indent: -9999px;
	display: block;
	height: 320px;
	width: 320px;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/menubtn.jpg);
	overflow: hidden;
	transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out; /* opera */
	-moz-transition: all 1.2s ease-in-out; /* firefox */
	-webkit-transition: all 1.2s ease-in-out; /* chrome, safari */
	-ms-transition: all 1.2s ease-in-out; /* ie */
}
#fmenu ul li span {
	text-align: left;
	text-indent: -9999px;
	display: block;
	height: 320px;
	width: 320px;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/menubtn_hover.jpg);
	overflow: hidden;
	transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out; /* opera */
	-moz-transition: all 1.2s ease-in-out; /* firefox */
	-webkit-transition: all 1.2s ease-in-out; /* chrome, safari */
	-ms-transition: all 1.2s ease-in-out; /* ie */
}
#fmenu ul li a:hover {
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/menubtn_hover.jpg);
}
#fmenu ul .menu_p1 a, #fmenu ul .menu_p1 span {
	margin: 70px 70px 0px 70px;
	background-position: 640px 0;
}
#fmenu ul .menu_p2 a, #fmenu ul .menu_p2 span {
	background-position: 320px 0;
}
#fmenu p.note {
	margin-top: 40px;
	padding-right: 75px;
	clear: both;
	padding-bottom: 1.5em;
	text-align: right;
	color: #001130;
}
.bg {
	width: 408px;
}
.bg .bg_many {
	float: left;
	margin-bottom: 30px;
}
/*------------------------------------------------------------------------------
------------------------
繝代ち繝ｼ繝ｳ�ｼ�
------------------------------------------------------------------------------------------------------*/


#sections #p1 {
	background: #221107;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/samplebg1.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	/*background-position: 50% 30px;
background-position: calc(50% - -190px) 40px;
	background-size: 877.5px;*/
	background-size: auto 800px;
}
#sections #p1 ul, #sections #p1 h2 {
	color: #fff;
}
#sections #p1 h1 {
	color: #fff;
}
#sections #p1 .container p {
	color: #fff;
	width: 710px;
}
#sections .section .container p {
	margin-bottom: 40px;
}
/*------------------------------------------------------------------------------------------------------
繝偵せ繝医Μ繝ｼ
------------------------------------------------------------------------------------------------------*/

#sections #history .business-container {
	width: 570px;
	float: left;
	text-align: justify;
	margin-left: 45px;
}
#history h1 {
	text-align: center;
	margin-bottom: 40px;
	font-weight: bold;
	color: #001130;
}
#history p.business {
	float: left;
}
#sections #history .business-container .sitename {
	padding: 13px 38px;
	background: #FAC100;
	color: #11282D;
	font-weight: bold;
}
#sections #history .business-container .site-name {
	padding-left: 20px;
}
#sections #history .business-container .site-url {
	font-size: 13px;
	padding-left: 20px;
}
#sections #history .business-container .intro {
	margin-bottom: 1em;
	border-top: 2px solid #FFF;
	margin-top: 25px;
	padding-top: 16px;
}
#sections #history p.note {
	clear: both;
	text-align: center;
	border-top: 3px solid #001130;
	padding-top: 1.5em;
}
#sections #history .note a {
	font-size: 24px;
	font-weight: bold;
	color: #001130;
}
/*------------------------------------------------------------------------------------------------------
繝薙ョ繧ｪ
------------------------------------------------------------------------------------------------------*/

#sections .video-sec .business-container {
	width: 570px;
	float: left;
	text-align: justify;
	margin-left: 45px;
}
.video-sec h2 {
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
	color: #001130;
}
#sections .video-sec .video_in {
	padding: 0 150px;
	margin-bottom: 40px;
}
#sections .video-sec p.note {
	clear: both;
	text-align: justify;
	border-top: 5px solid #001130;
	padding-top: 1.5em;
	color: #001130;
	font-size: 17px;
	font-weight: bold;
}
#sections .video-sec .note a {
	font-size: 24px;
	font-weight: bold;
	color: #001130;
}
#sections #history {
	padding: 70px 0px 40px 0;
}
#sections #fmenu {
	padding: 70px 0px 40px 0;
}
#sections .video-sec {
	padding: 70px 0px 140px 0;
}
#sections .video-sec .down_btn {
}
/*------------------------------------------------------------------------------------------------------
繝代ち繝ｼ繝ｳ�ｼ�
------------------------------------------------------------------------------------------------------*/

#sections #p3 {
	background-color: #f1bd2e;
	color: #000;
	font-size: 17px;
	font-weight: bold;
}
#sections #p3 .hs {
	color: #000;
}
#sections #p3 .container .right {
	width: 670px;
	float: right;
}
#sections #p3 .container .bg {
	background: #fff;
	height: 382px;
	width: 378px;
}
#sections #p3 .container .right h1 {
	margin-bottom: 30px;
}
#sections #p3 .container .right h1 {
	margin-bottom: 30px;
}
#sections #p3 .gas li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#sections #p3 .gas li img {
	width: 260px;
}
#sections #p3 .gas .mn {
	margin-right: 0
}
.banner {
	margin: 0px 75px;
}
.banner img {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: box-shadow 0.5s ease;
	-moz-transition: box-shadow 0.5s ease;
	-o-transition: box-shadow 0.5s ease;
	transition: box-shadow 0.5s ease;
}
.banner img:hover {
	-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.6);
}
.down_btn {
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -30px
}
.down_btn a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
.bg a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
.line {
	width: 100%;
	background: #000000;
}
.lineIn {
	margin: 0 auto;
	width: 1100px;
	height: 280px;
	background-image: url(https://cdn.autoc-one.jp/static/pr/1786072/images/line_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.lineIn .r500 {
	padding-top: 75px;
	width: 510px;
	height: 205px;
	float: left;
	margin: 0 20px;
}
.lineIn .r500 a {
	display: block;
}
.lineIn .r500 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
.lineIn .r500 img {
	float: left;
}
.lineIn .line_r {
	margin-top: 108px;
}
.lineIn .line_r img {
	margin-top: 8px;
}