@charset "utf-8";
/* CSS Document */

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

/* 色々と崩れる為、bootstrap 打ち消し */
.ac1-container-for-html-contents * {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}

/*------------------------------------------------------------------------------------------------------
全面背景
------------------------------------------------------------------------------------------------------*/
#wrapper .wrapperinner {
	width: 100% !important;
	margin: 0 auto;
	padding: 0px !important;
	background: #e7e7e7;
	text-align: left !important;
}


/*------------------------------------------------------------------------------------------------------
colorbox.js　画像周りの青い線を消す
------------------------------------------------------------------------------------------------------*/
*:focus {
  outline: none; /* chrome */
}


/*------------------------------------------------------------------------------------------------------
div,class
------------------------------------------------------------------------------------------------------*/
#su_body {
	font-size: 14px;
	color: #fff;
	line-height: 1.5em;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_su_body.jpg) 0 100% #000 repeat-x;
	text-align: left;
}
#su_page {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_su_page.jpg) 50% 100% no-repeat;
}
#su_wrap {
	border-top: 1px solid #004d94;
	border-bottom: 1px solid #004d94;
	line-height: 32px;
	background-color: #000;
	padding-top: 10px;
}
.wrap_center {
	width: 980px;
	height: 22px;
	margin: 0 auto;
	position: relative;
}
.cont_center {
	width: 980px;
	margin: 0 auto;
}


/*------------------------------------------------------------------------------------------------------
gnav
------------------------------------------------------------------------------------------------------*/
#su_top {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#su_top h2 {
	position: absolute;
	top: 0;
	left: -15px;
	z-index: 50;
}


/*------------------------------------------------------------------------------------------------------
ドロップダウンメニュー
------------------------------------------------------------------------------------------------------*/
#globalNav {
	position: absolute;
	top: 5px;
	left: 172px;
	width: 798px;
	height: 54px;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_gnav.png) 0 0 no-repeat;
	padding: 10px;
}
#globalNav ul li {
	float: left;
	position: relative;
	cursor: pointer;
}
#globalNav ul li ul {
	display: none;
	position: absolute;
	top: 54px;
	left: 0;
}
#globalNav ul li ul li {
	float: none;
	font-size: 14px;
	line-height: 0;
}
#globalNav ul li ul li a {
	display: block;
	width: 160px;
	color: #ffffff;
	padding: 15px 10px;
	background: #06355b;
	line-height: 1.1em;
	border-top: 1px solid #001b31;
	text-decoration: none;
	text-align: left;
	opacity: 0.9;
	filter: alpha(opacity=90);
	cursor: pointer;
}
#globalNav ul li ul li a:hover {
	color: #fff;
	background: #76467f;
}


/*------------------------------------------------------------------------------------------------------
ftnav
------------------------------------------------------------------------------------------------------*/
#ftnav {
	width: 980px;
	margin: 40px auto 0;
	position: relative;
	z-index: 10;
}
#ftnav h3 {
	margin-left: -10px;
}
#ftnav ul li {
	float: left;
	height: 214px;
	margin-right: 5px;
}


/*------------------------------------------------------------------------------------------------------
sns,banner,credit
------------------------------------------------------------------------------------------------------*/
.sns {
	position: absolute;
	top: -5px;
	right: -20px;
}
#su_banner {
	width: 950px;
	margin: 70px auto 0;
	height: 120px;
	padding: 20px 15px;
}
.superBanner {
	display: none;
}
#credit {
	width: 980px;
	margin: 10px auto 0;
	text-align: right;
}

.pr-sns-button {
	display: inline-block;
  font-size: 12px !important;
	line-height: 1;
}
/*------------------------------------------------------------------------------------------------------
common
------------------------------------------------------------------------------------------------------*/
#su_body a {
	display: inline-block;
}
#su_body img {
	vertical-align: bottom;
}
.p_top{
	height: 593px;
}
.c_youtube{
	height: 535px;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_c_youtube.png) 50% 0 no-repeat;
	padding: 65px 0 0 0;
	margin-bottom: 40px;
}
#su_body .p_yt h3{
	margin: 0 0 8px 0;
}

#su_body .p_yt p{
	margin: 0 0 20px 0;
}
.youtube {
	height: 510px;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_youtube.jpg) 50% 0 no-repeat;
	padding-top: 25px;
	margin: 70px 0 45px 0;
}
.youtube_frame {
	margin: 16px 0 0 171px;
}
.area_btm {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/cont_btm.png) 0 100% no-repeat;
	padding-bottom: 27px;
}
.area_btm2 {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/cont_btm.png) 0 100% no-repeat;
	padding-bottom: 25px;
}
.area_mid {
	background-color: #051f34;
	border-left: 1px solid #106da8;
	border-right: 1px solid #106da8;
	padding: 0 25px;
}
.area_btm1 {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/area_btm1.png) 0 100% no-repeat;
	padding-bottom: 34px;
}
.area_mid1 {
	background-color: #051f34;
	border-left: 1px solid #106da8;
	border-right: 1px solid #106da8;
	padding: 0 25px;
}
.area_nav {
	float: left;
	margin: 7px 32px 20px 0;
}
.area_nav2 {
	float: right;
	margin: 7px 0 0 32px;
}
ul.area_nav2 li {
	margin-bottom: 15px;
	height: 254px;
}
.underline {
	padding-bottom: 17px;
	margin-bottom: 24px;
	border-bottom: 1px dotted #0c73c0;
}
.item li {
	float: left;
	margin-right: 36px;
}
#pager {
	width:980px;
	height: 43px;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_pager.gif) 50% 0 no-repeat;
	margin:0 auto 50px auto;
	position: relative;
}
#pager .prev {
	float: left;
}
#pager .next {
	float: right;
}
.meter {
	position: absolute;
	left: -48px;
	top: -38px;
	z-index: -1;
}
.txt_center{
	text-align:center;
}
#p_area_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 14px;
}
#p_area_title span {
	font-size: 14px;
}
.p1_cont1 p,
.p2_cont1 p {
	line-height: 2.2em;
}
.p_cont1 {
	width: 980px;
	margin: 0 auto 35px auto;
	position: relative;
	z-index:10;
}
.p_cont1 h3{
	margin-left: -10px;
	line-height: 0;
}
.p_cont1 p{
	line-height: 2.2em;
	margin-bottom:22px;
}
p.profile_title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}
.p_profile {
    background-color: #003253;
    padding: 10px 15px;
    border-radius: 5px;
	margin-top: 25px;
	font-size: 12px;
}
p.profile_name {
    font-weight: bold;
    font-size: 15px;
}
p.profile_name span {
    font-weight: normal;
    font-size: 12px;
}
#su_body .p_profile p {
	line-height: 1.8em;
	margin-bottom: 0;
}
#su_body .overimg{
	width:380px;
}


/*------------------------------------------------------------------------------------------------------
index
------------------------------------------------------------------------------------------------------*/
#index_visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/index_visual.jpg) 50% 0 no-repeat;
}
.index_top{
	height:642px;
}
.index_top h3 {
	position: absolute;
	top: 108px;
	left: -30px;
}
#area_title {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.5em;
}

/* cont */
.index_cont1 {
	width: 985px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	line-height: 2.2em;
}
.index_cont2 {
	width: 980px;
	margin: 0 auto 50px;
	position: relative;
	z-index: 100;
	line-height: 2.2em;
}
.index_cont1 {
	text-align: center;
	padding-bottom: 5px;
}
.index_cont1 h3 {
	margin-bottom: 38px;
	line-height: 0;
}
.index_cont1 p {
	font-size: 15px;
	line-height: 2.2em;
	margin-bottom: 28px;
}
p.nameTit {
	font-size: 11px;
	line-height: 1.5em;
	margin: 6px 0 2px 5px;
}
p.nameP {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 0 5px;
}
p.nameP span {
	font-size: 12px;
	margin-top: -10px;
	display: block;
}
span.indexBtn {
	display: block;
	width: 182px;
	height: 40px;
	float: left;
	margin: 10px 0 0 -3px;
}
.index_cont2 h3 {
	margin-left: -10px;
	line-height: 0;
}
.index_area_navL {
	float: left;
	margin: 0 32px 0 0;
}
.index_area_navR {
	float: right;
	width: 668px;
}
.ft_area_btm {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/cont_btm.png) 0 100% no-repeat;
	padding-bottom: 27px;
}
.ft_area_mid {
	background-color: #051f34;
	border-left: 1px solid #106da8;
	border-right: 1px solid #106da8;
	padding: 0 22px;
}


/*------------------------------------------------------------------------------------------------------
p1
------------------------------------------------------------------------------------------------------*/
#p1_visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p1_visual.jpg) 50% 0 no-repeat;
}
.p1_top h3 {
	position: absolute;
	top: 152px;
	left: 39px;
}
.p1_top{
	height:642px;
}

/* cont */
.p1_cont1 {
	width: 980px;
	margin: -35px auto 0 auto;
	position: relative;
}
.p1_cont1 h3 {
	margin-left: -10px;
	line-height: 0;
}
.p1_youtube {
	height: 543px;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_youtube.jpg) 50% 0 no-repeat;
	padding-top: 40px;
	margin: 70px 0 35px 0;
}
.p1_youtube h3 {
	margin: 0 0 24px -5px;
}
.p1_youtube p {
	margin: 0 0 34px 30px;
}
.p1_youtube ul {
	width: 460px;
	margin-left: 30px;
	float: left;
}
.p1_youtube ul li {
	margin-bottom: 25px;
	height: 33px;
}


/*------------------------------------------------------------------------------------------------------
visual
------------------------------------------------------------------------------------------------------*/
/* 第1弾 */
#p2_visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p2_visual.jpg) 50% 0 no-repeat;
}
.p2_top h3 {
	position: absolute;
	top: 145px;
	right: 43px;
}
#p3_visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p3_visual.jpg) 50% 0 no-repeat;
}
.p3_top h3 {
	position: absolute;
	top: 152px;
	left: 30px;
}
#p4_visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p4_visual.jpg) 50% 0 no-repeat;
}
.p4_top h3 {
	position: absolute;
	top: 147px;
	left: 30px;
}

/* 第2弾 */
.pg4 #visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p4t_visual.jpg) 50% 0 no-repeat;
}
.pg5 #visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p5_visual.jpg) 50% 0 no-repeat;
}
.pg6 #visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p6_visual.jpg) 50% 0 no-repeat;
}

/* 第3弾 */
.pg7 #visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p7_visual.jpg) 50% 0 no-repeat;
}
.pg8 #visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p8_visual.jpg) 50% 0 no-repeat;
}
.pg9 #visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p9_visual.jpg) 50% 0 no-repeat;
}
.pg10 #visual {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/p10_visual.jpg) 50% 0 no-repeat;
}


/*------------------------------------------------------------------------------------------------------
第1弾　p2,p3,p4
------------------------------------------------------------------------------------------------------*/
#su_p2_page,#su_p3_page,#su_p4_page,#su_p5_page {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_p1_page.jpg) 50% 100% no-repeat;
}
.p2_top,.p3_top,.p4_top,.p5_top{
	height:593px;
}
.p2_cont1,.p3_cont1,.p4_cont1,.p5_cont1 {
	width: 980px;
	margin: 0 auto 35px auto;
	position: relative;
	z-index:10;
}
.p2_cont1 h3,.p3_cont1 h3,.p4_cont1 h3,.p5_cont1 h3 {
	margin-left: -10px;
	line-height: 0;
}
.p2_cont1 p,.p3_cont1 p,.p4_cont1 p,.p5_cont1 p {
	line-height: 2.2em;
	margin-bottom:22px;
}
#p2_area_title,#p3_area_title,#p4_area_title,#p5_area_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 14px;
}
#p2_area_title span,#p3_area_title span,#p4_area_title span,#p5_area_title span {
	font-size: 14px;
}
.p2_youtube,.p3_youtube,.p4_youtube,.p5_youtube {
	height: 535px;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_p1_youtube.png) 50% 0 no-repeat;
	padding:65px 0 0 0;
	margin-bottom: 40px;
}
.p2_youtube h3,.p3_youtube h3,.p4_youtube h3,.p5_youtube h3 {
	margin: 0 0 8px 0;
}
.p2_youtube p,.p3_youtube p,.p4_youtube p,.p5_youtube p {
	margin: 0 0 20px 0;
}
.p2_youtube ul,.p3_youtube ul,.p4_youtube ul,.p5_youtube ul {
	width: 460px;
	margin-left: 30px;
	float: left;
}
.p2_youtube ul li,.p3_youtube ul li,.p4_youtube ul li,.p5_youtube ul li {
	margin-bottom: 25px;
	height: 33px;
}


/*------------------------------------------------------------------------------------------------------
第2弾　p4,p5,p6
------------------------------------------------------------------------------------------------------*/
.pg4 #su_page,.pg5 #su_page,.pg6 #su_page {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_p2_page.jpg) 50% 100% no-repeat;
}


/*------------------------------------------------------------------------------------------------------
第3弾　p7,p8,p9,p10
------------------------------------------------------------------------------------------------------*/
.pg7 #su_page,.pg8 #su_page,.pg9 #su_page,.pg10 #su_page {
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_p3_page.jpg) 50% 100% no-repeat;
}
.p3_youtube{
	height: 535px;
	background: url(https://cdn.autoc-one.jp/static/pr/1785264/images/bg_p2_youtube.png) 50% 0 no-repeat;
	padding: 65px 0 0 0;
	margin-bottom: 40px;
}