/*リセット*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block}
ol,
ul{list-style:none}
blockquote,
q{quotes:none}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],
dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input,
select{vertical-align:middle}
img{vertical-align:top;font-size:0;line-height:0}
button,
input,
select,
textarea{color:#333;outline:none}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}
audio,
canvas,
img,
video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
a:link,
a:visited,
a:active{color:#039;text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 1em}
label,
input[type=submit]{cursor:pointer}*,
*:before,
*:after{box-sizing:border-box}
/*共通*/
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after { height: 0;visibility: hidden; content: ".";display: block; clear: both;}
body{font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#333333;}
.header_top{border-top:4px solid #EA0006;box-shadow: rgba(113,135,164,0.341176) 0px 3px 3px -2px;position:fixed;background:#fff;left:0;top:0;width:100%;height:130px; z-index:200;position: relative;}
.header_logo{position: absolute; left: 50%; margin-left:-99px; }
.header_logo a{display:block}
.header_navi{position: absolute;top:15px; right: 0;}
.header_navi a{color:#1E1E1E; }
.header_navi li{float:right;font-size:14px;margin-left:20px;}
.header_navi .contact{background: url("../img/common/mail_icon.png") no-repeat;background-position: 0px 6px;padding:0 0 0 25px; }
.header_navi .access{background: url("../img/common/access_icon.png") no-repeat;background-position: 0px 2px;padding:0 0 0 20px;}
.header_address{position: absolute;top:45px; right: 0; font-size: 14px; text-align: right; line-height: 1.7;}
.header_address span {background: url("../img/common/tel_red_icon.png") no-repeat;background-position: 0px 0px;padding:0 5px 0 25px; font-size: 22px; font-weight: bold;color: #EA0006;margin: 0 0 -3px 0;}
.gnav{max-width:1020px; min-width:980px;margin:0 auto;position:relative;font-size:130%;line-height:1.8;z-index:300;position: relative;}
.gnav:after{content:"";display:table;clear:both}
.gnav ul{overflow:hidden; display: table;}
.gnav li{display: table-cell; text-align: center; }
.gnav li a{width: 170px; height: 44px;padding-top: 1px;vertical-align: middle; font-size: 13px; font-weight: bold;color: #000;text-decoration: none;display: table-cell;}
.gnav li a:hover{color: #fff; background-color: #F00;}
.gnav li a.active{color: #fff; background-color: #F00;}
.container{max-width:1020px; min-width:980px;margin:0 auto;position:relative;font-size:130%;line-height:1.8}
.container:after{content:"";display:table;clear:both}
.subPageContainer_inner{background:#fff;width:1020px;margin:0 auto;padding:30px 20px}
.subPageContainer_left{float:left;width:680px}
.subPageContainer_right{float:right;width:260px}
.subPageContainer .container{width:auto}
.undercontentsArea{padding:80px 0 45px 0;background:#F7F7F7 ;}
.undercontentsArea .contents{overflow:hidden;width: 59%;margin: 0 0 0 0;float: left;}
.undercontentsArea .contentsDl{overflow:hidden;padding:0 0 35px 0;}
.undercontentsArea .contentsDl .center_img img{width:100%;height:auto}
.undercontentsArea .contentsDl dt{width:20%;margin:0 0 10px;float:left}
.undercontentsArea .contentsDl dd{width:77%;margin:0 0 10px 23%;font-size: 19px; color: #333333;}
.undercontentsArea .contentsDl dd .title{color:#333333; font-size: 19px;font-weight: bold;border-bottom: solid 1px #D2D2D2;padding-bottom: 5px;}
.undercontentsArea .contentsDl dd span{color:#ACACAC; font-size: 13px;font-weight: normal;padding: 0 0 0 10px}
.undercontentsArea .contentsDl dd p{color:#000; font-size: 15px;padding-top: 5px;}
.undercontentsArea .contentsDl dd p a{color:#000; }
.undercontentsArea .facebook{width: 38%;float: right;}
.footer{position:relative; background-color:#D90005;color:#fff;}
.footer_pagetop{position:fixed;right:7%;bottom:120px; z-index:9999;}
.footer_pagetop:hover{opacity:0.8;filter:alpha(opacity=80)}
.footertop{background:url("../img/common/footer.jpg") no-repeat top center; height: 390px;}
.footertop .address{width: 38%;padding: 85px 0 0 4%;float: left;}
.footertop .address .logo{margin: 0 0 5px 0;}
.footertop .address p{font-size: 16px;}
.footertop .address span {font-size: 28px;font-weight: bold;margin: 0 0 5px 0;display: block; background: url("../img/common/tel_w_icon.png") no-repeat;background-position: 0px 13px;padding:0 0 0 35px; }
.footertop #map{width: 62%; height: 390px;}
.footerBtm{padding:40px 0}
.footerBtm_copy{float:left;font-size:12px;width: 320px}
.footerBtm nav{float:right;width: auto; font-size:13px;}
.footerBtm nav li{float:right;margin: 0 0 0 20px;}
.footerBtm nav li a{color:#fff;}
a:hover img.over{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";cursor:pointer}
.pnkz{margin:0 0 30px}.pnkz li{display:inline-block;font-size:140%;background:url("../img/common/icon_pnkz_arrow.png") no-repeat 0 1px;padding:0 0 0 15px;margin:0 10px 5px 0}
.pnkz li:first-child{background:none;padding:0}
.pnkz li a{color:#003399}
.mt30{margin-top: 30px !important;}
.mt50{margin-top: 50px !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}
.mr0{margin-right :0px !important;}
.col img{width: 100%;}
.figure img{width: 100%;}
figure.flImgL img,figure.flImgR img{width: 100%}
/*top*/
.topSection{text-align:center;background:#E8E8E8;color: #fff;}
.topSection .bannerArea{width: 100%;height: 147px;margin: -50px 0 0 0;background: #2E2E2E;text-align: left;position: relative; z-index: 1000}
.topSection .bannerArea .banner_title{width: 43%; height:147px;padding:3%;float: left;}
.bannerArea h2{background: url("../img/index/car_icon.png") no-repeat;background-position: 0px 0px;padding:0 0 0 50px; font-size: 23px;}
.bannerArea h2 span{padding:0 0 0 10px; font-size: 13px; color:#ccc;}
.bannerArea p{ font-size: 14px; color: #ccc}
.topSection .bannerArea .banner_link{width: 57%; height:147px; padding:30px 5.5% 30px 5.5%; background: #EA0006;float: left}
.topSection .bannerArea .banner_link img{width: 100%;}
.topSection .box_column01.col2 .col {margin: 4% 18px 0 0;width: 46%;}
.topSection .box_column01.col2 .col:last-child {float: right;}
.topSection .banner_shadow{background: url("../img/index/shadow.png") no-repeat bottom;max-width:1020px; min-width:980px;height: 9px;margin: 0 0 70px 0}
.topSection02{background:#EA0006 ;padding:70px 0 70px 0; color: #fff; }
.topSection02 h2{text-align: center; font-size: 27px;line-height: 1.3;padding: 0 0 40px 0}
.topSection02 h2 span{ font-size: 16px; font-weight: normal; }
.topSection02 .more{display: block;width: 218px;margin: 0 auto 0 auto; border:1px solid #fff;text-align: center;padding-top: 1px;background: url("../img/common/arrow02.png") no-repeat 175px 12px;font-size: 17px;}
.topSection02 .more a{color: #fff;padding:7px 0 7px 0;display: block}
.box_layout01 figure.flImgL,
.box_layout01 figure.flImgR {
width: 280px;
}
.box_column01 {
margin: -16px 0 0 0;
}
.box_column01 .col {
float: left;
}
.topSection03 .box_column01.col2 .col {
margin: 16px 4% 0 0;
width: 48%;
}
.topSection02 .box_column01.col3 .col {
margin: 16px 3.5% 0 0;
width: 31%;
}
.box_column01.col2 .col:nth-child(2n),
.box_column01.col3 .col:nth-child(3n) {
margin-right: 0;
}
.box_column01.col2 .col:nth-child(2n+1),
.box_column01.col3 .col:nth-child(3n+1) {
clear: both;
}
.box_column01 a {
text-decoration: none;
}
.box_column01 figure {
margin: 0;
}
.topSection02 .box_column01 .inner {
height: 270px;
padding: 16px 0 16px 0;
}
.box_column01 .inner .tit {
margin-bottom: 15px;
font-size: 22px;
font-weight: bold;
line-height: 1.4;
}
.topSection02 .box_column01 .inner p {
font-size: 16px;
margin: 0;
line-height: 1.5;
}
.topSection03{padding:70px 0 70px 0; color: #000; }
.topSection03 .box_column01 .inner {
padding: 16px 0 16px 0;
}
.topSection03 .box_column01 .inner p {
font-size: 17px;
margin: 0;
line-height: 1.5;
}
.topSection03 .box_column01 .tit {
margin-bottom: 25px;
font-size: 27px;
font-weight: bold;
}
.topSection03 .box_column01 span {
font-size: 15px;
color: #D90005;
padding:0 0 0 15px;
}
.ftBox {
overflow: hidden;
float:right;
}
/*スライド*/;
* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}
#container {width: 100%; height: 100%; overflow-x: hidden;}
.slide_all {width: 1120px; margin: 0 auto; height: 550px; position: relative; z-index: 1}
.slide_wrap {width: 3360px; position: absolute; left: 50%; margin-left: -1680px;}
.slide_body {width: 100%;}
.slide {width: 1120px; font-family: 'arial'; background: #000; color: #fff; font-size: 50px; line-height: 550px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #fff; padding:0 5px;}
.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}
.slide{transition:all 1s;opacity:0.3;}
.slide.active{ opacity:1;}
.bx-wrapper .bx-controls-direction a {
outline: 0;
width: 50px;
padding: 0 15px 0 15px;
height: 92px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-prev {
margin-right: 85%;
background: url(../img/index/prev.png) no-repeat ;
}
.bx-wrapper .bx-next {
background: url(../img/index/next.png) no-repeat right;
}
.bx-controls-direction, .bx-pager{
position: absolute;
top: -310px;
left: 1120px;
width: 1120px;
}
/*スライド終わり*/
/*top以外の共通*/
.mainimg {
position: relative;
overflow: hidden;
height: 200px;
}
.mainimg img{
width: 2000px;
height: 200px;
position: absolute;
left: 50%;
margin: 0 0 0 -1000px;
z-index: -9999;
}
.mainimg p {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 1em;
color: #fff;
font-weight: bold;
font-size: 36px;
text-align:center;
line-height:0.9;
}
.mainimg p span{
color: #ccc;
font-weight: normal;
font-size: 16px;
}
.pnkzlSection{
background:#E7E7E7;
padding:10px 0 10px 0;
}
.pnkzlSection li{
float:left;
margin:0 7px 0 0;
color:#666666;
font-size:13px;
}
.pnkzlSection li a{
color:#666666;
}
/*保証内容*/
.warrantySection01{
padding:65px 0 35px 0;
color:#333333;
}
.warrantySection01 .subtitle01{
font-size:26px;
font-weight:bold;
text-align:center;
padding-bottom:30px;
border-bottom:1px solid #D2D2D2;
line-height:1.6;
}
.warrantySection01 .subtitle01 span{
font-size:16px;
font-weight:normal;
}
.warrantySection01 .subtitle02{
font-size:32px;
color:#EA0006;
font-weight:bold;
text-align:center;
padding:55px 0 55px 0;
}
.warrantySection01 .subtitle02 span{
font-size:46px;
}
.warrantySection01 .box_layout01{
padding:0 0 70px 0;
}
.warrantySection01 .box_layout01 figure.flImgL{
width: 48%;
float:left;
}
.warrantySection01 .box_layout01 figure.flImgR {
width: 50%;
float:right;
text-align:right;
}
.warrantySection01 .flBox {
width: 48%;
padding:0 2% 0 0;
float:left;
}
.warrantySection01 .frBox {
width: 50%;
float:right;
}
.warrantySection01 h4 {
font-size:27px;
padding:0 0 20px 70px;
line-height:1.2;
}
.warrantySection01 .number01 {background: url("../img/warranty/1_icon.png") no-repeat 0px 10px;}
.warrantySection01 .number02 {background: url("../img/warranty/2_icon.png") no-repeat 0px 0px;}
.warrantySection01 .number03 {background: url("../img/warranty/3_icon.png") no-repeat 0px 10px;}
.warrantySection01 .number04 {background: url("../img/warranty/4_icon.png") no-repeat 0px 10px;}
.warrantySection01 h4 span {
font-size:18px;
line-height:1.2;
display: inline-block;
}
.warrantySection01 p{
font-size:18px;
line-height:1.6;
margin: 0;
}
.warrantySection01 a{
text-decoration:none;
}
.warrantySection01 .warranty_btn{
width:300px;
margin:25px 0 0 0;
padding:10px 0 10px 0;
background:url(../img/common/arrow02.png) no-repeat 245px 50% #EA0006 ;
font-size:16px;
text-align:center;
color:#fff;
}
/*カーサービス*/
.serviceSection01{
padding:80px 0 0 0;
}
.serviceSection01 .box_column01.col2 .col {
margin: 16px 4% 0 0;
width: 48%;
}
.serviceSection01 .box_column01 .inner {
padding: 16px 0 16px 0;
height:150px;
}
.serviceSection01 .box_column01 .inner p {
font-size: 18px;
margin: 0;
line-height: 1.5;
}
.serviceSection01 .box_column01 .tit {
margin-bottom: 20px;
font-size: 27px;
font-weight: bold;
line-height:1.0;
}
.serviceSection01 .box_column01 span {
font-size: 15px;
color: #D90005;
}
.serviceSection01 .box_column01.col2 .col:nth-child(2n) {
margin-right: 0;
}
.serviceSection01 .box_column01.col2 .col:nth-child(2n+1), .serviceSection01 .box_column01.col3 .col:nth-child(3n+1) {
clear: none;
}
/*アフターフォロー*/
.followSection01 {
padding:70px 0 100px 0;
}
.followSection01 .subtitle01{
font-size:26px;
font-weight:bold;
text-align:center;
line-height:1.7;
padding-bottom:40px;
color:#333333;
}
.followSection01 .point01 {
max-width:1020px;
min-width: 980px;
height:500px;
margin:0 0 30px 0;
position:relative;
background:url(../img/follow/pic01.jpg)
}
.followSection01 .point01 h4{
background:url(../img/follow/1_icon.png) no-repeat;
}
.followSection01 .point01 .caption{
padding:35px;
width:486px;
color:#fff;
background:url(../img/common/back_bk.png);
position:absolute;
right:1px;
top:50px;
}
.followSection01 .point02 {
max-width:1020px;
min-width: 980px;
height:500px;
margin:0 0 30px 0;
position:relative;
background:url(../img/follow/pic02.jpg)
}
.followSection01 .point02 h4{
background:url(../img/follow/2_icon.png) no-repeat;
}
.followSection01 .point02 .caption{
padding:35px;
width:486px;
color:#fff;
background:url(../img/common/back_bk.png);
position:absolute;
left:0;
top:100px;
}
.followSection01 .point03 {
max-width:1020px;
min-width: 980px;
height:500px;
margin:0 0 30px 0;
position:relative;
background:url(../img/follow/pic03.jpg)
}
.followSection01 .point03 h4{
background:url(../img/follow/3_icon.png) no-repeat;
}
.followSection01 .point03 .caption{
padding:35px;
width:486px;
color:#fff;
background:url(../img/common/back_bk.png);
position:absolute;
right:0;
top:130px;
}
.followSection01 .point04 {
max-width:1020px;
min-width: 980px;
height:500px;
margin:0 0 30px 0;
position:relative;
background:url(../img/follow/pic04.jpg)
}
.followSection01 .point04 h4{
background:url(../img/follow/4_icon.png) no-repeat;
}
.followSection01 .point04 .caption{
padding:35px;
width:506px;
color:#fff;
background:url(../img/common/back_bk.png);
position:absolute;
left:0;
top:100px;
}
.caption h4{
font-size:21px;
font-weight:bold;
padding:0 0 20px 65px;
line-height:1.4;
word-spacing:-1px;
}
.caption p{
font-size:18px;
font-weight:normal;
line-height:1.7;
word-spacing:-1px;
margin:0;
}
/*アクセスマップ*/
.accessSection01 {
padding:60px 0 60px 0;
text-align:center;
}
.accessSection01 .subtitle01{
font-size:24px;
font-weight:bold;
line-height:1.7;
padding-bottom:50px;
color:#333333;
}
.accessSection01 .okayama_root_btn{
width:42%;
margin:0 4% 0 4%;
padding:15px 0 15px 0;
color:#fff;
background:url(../img/common/arrow1.png) no-repeat 385px 50% #EA0006;
float:left;
font-size:19px;
line-height:1.2;
}
.accessSection01 .yamaguchi_root_btn{
width:42%;
margin:0 4% 0 4%;
padding:15px 0 15px 0;
color:#fff;
background:url(../img/common/arrow1.png) no-repeat 385px 50% #393939;
float:left;
font-size:19px;
line-height:1.2;
}
.accessSection02 {
padding:55px 0 110px 0;
background:#EA0006;
}
.accessSection02 .subtitle01{
font-size:30px;
font-weight:bold;
padding-bottom:40px;
color:#fff;
text-align:center;
}
.accessSection03 {
padding:55px 0 110px 0;
background:#393939;
}
.accessSection03 .subtitle01{
font-size:30px;
font-weight:bold;
padding-bottom:40px;
color:#fff;
text-align:center;
}
.accessSection02 .root,
.accessSection03 .root{
width:700px;
margin:0 auto 0 auto;
position:relative;
}
.accessSection02 .root img,
.accessSection03 .root img{
display:block;
}
.accessSection02 .root .caption,
.accessSection03 .root .caption{
padding:10px 0 10px 0;
background:#FFF;
}
.accessSection02 .root .caption p,
.accessSection03 .root .caption p{
color:#000;
padding:0 20px 0 95px;
line-height:1.4;
font-size:18px;
}
.accessSection02 .root .caption span,
.accessSection03 .root .caption span{
font-size:16px;
}
.root .caption .number{
width:69px;
height:69px;
position:absolute;
left:12px;
top:340px;
}
.accessSection02 .next,
.accessSection03 .next{
width:700px;
height:65px;
margin:0 auto 0 auto;
background:url(../img/common/arrow03.png) no-repeat 50% 50%;
}
/*中古車販売*/
.usedcar_saleSection01{
padding:65px 0 35px 0;
color:#333333;
}
.usedcar_saleSection01 .subtitle01{
font-size:26px;
font-weight:bold;
text-align:center;
padding-bottom:40px;
border-bottom:1px solid #D2D2D2;
line-height:1.6;
}
.usedcar_saleSection01 .subtitle02{
font-size:32px;
color:#EA0006;
font-weight:bold;
text-align:center;
padding:55px 0 25px 0;
}
.usedcar_saleSection01 p{
font-size:18px;
line-height:1.6;
}
.usedcar_saleSection01 .box_column01.col2 .col {
margin: 55px 0 0 0;
width: 50%;
}
.usedcar_saleSection01 .box_column01 .inner {
padding: 16px 10px 45px 10px;
}
.usedcar_saleSection01 .box_column01 .inner p {
font-size: 18px;
margin: 0;
line-height: 1.5;
}
.usedcar_saleSection01 .box_column01 .tit {
margin-top:5px;
margin-bottom: 15px;
font-size: 26px;
font-weight: bold;
line-height:1.0;
}
.usedcar_saleSection01 .box_column01.col2 .col:nth-child(2n) {
margin-right: 0;
}
.usedcar_saleSection02{
background:#EA0006;
padding:50px 0 50px 0;
margin:0 0 80px 0;
}
.usedcar_saleSection02 .subtitle03{
font-size:22px;
color:#fff;
font-weight:bold;
text-align:center;
margin:0 0 25px 0;
}
.usedcar_saleSection02 .bannerArea{
width:688px;
margin:0 auto 0 auto;
}
.usedcar_saleSection02 .bannerArea .banner{
margin:0 20px 0 20px;
float:left;
}
.usedcar_saleSection03{
background:#F3F3F3;
padding:60px 0 90px 0;
}
.usedcar_saleSection03 .subtitle04{
font-size:32px;
color:#EA0006;
font-weight:bold;
text-align:center;
line-height: 1.4;
padding:0 0 30px 0;
}
.usedcar_saleSection03 .subtitle04 span{
font-size:46px;
}
.usedcar_saleSection03 .subtitle04 div{
font-size:18px;
color:#333333;
}
.usedcar_saleSection03 .box_column01.col3 .col {
padding:20px 0 0 0;
margin: 0 3.5% 0 0;
width: 31%;
}
.usedcar_saleSection03 .box_column01.col3 .col:nth-child(3n) {
margin-right: 0;
}
.usedcar_saleSection03 .box_column01 .inner {
padding: 16px 0 16px 0;
}
.usedcar_saleSection03 .box_column01 .inner .tit {
margin-bottom: 3px;
font-size: 24px;
font-weight: bold;
line-height: 1.4;
}
.usedcar_saleSection03 .box_column01 .inner p {
font-size: 16px;
margin: 0;
line-height: 1.5;
}
.usedcar_saleSection04{
background:#EA0006;
height:345px;
color:#fff;
position:relative;
}
.usedcar_saleSection04 .container{
}
.usedcar_saleSection04 a{
color:#fff;
text-decoration:none;
}
.usedcar_saleSection04 .subtitle05{
font-size:26px;
font-weight:bold;
margin:0 0 25px 0;
padding:70px 0 0 0;
}
.usedcar_saleSection04 p{
font-size:18px;
margin:0 0 35px 0;
}
.usedcar_saleSection04 .contact_btn{
width:480px;
padding:10px 0 10px 0;
background:url(../img/common/arrow04.png) no-repeat 455px 50% ;
border:1px solid #fff;
font-size:22px;
font-weight:bold;
text-align:center;
color:#ff;
}
.usedcar_saleSection04 .contact_img{
position:absolute;
bottom:0px;
right:0px;
}
/*ルパンについて*/
.aboutSection01{
padding:60px 0 60px 0;
}
.aboutSection01 .subtitle01{
font-size:26px;
font-weight:bold;
text-align:center;
line-height:1.6;
padding:0 0 40px 0;
}
.aboutSection01 p{
font-size:18px;
padding:40px 0 0 0;
}
.subtitle01_img{
width: 100%;
}
.aboutSection02{
padding:50px 0 30px 0;
background:url(../img/about/main2.jpg) no-repeat center top;
background-size:cover;
}
.aboutSection02 .subtitle02{
font-size:32px;
font-weight:bold;
text-align:center;
color:#fff;
padding:20px 0 30px 0;
}
.aboutSection02 .subtitle02 span{
font-size:18px;
font-weight:normal;
color:#ccc;
}
.aboutSection02 .container{
background:url(../img/about/icon.png) no-repeat center top;
}
.aboutSection02 .box{
width:445px;
padding:25px 20px 0px 20px;
background:#fff;
position:relative;
}
.aboutSection02 .box h4{
font-size:22px;
padding:0 0 10px 0;
line-height:1.4;
}
.aboutSection02 .box p{
margin:0;
font-size:16px;
line-height:1.6;
}
.aboutSection02 .ownerhistory_left{
width:460px;
padding:20px 0 0 0;
float:left;
}
.aboutSection02 .ownerhistory_left .box{
margin:0 15px 30px 0;
}
.aboutSection02 .ownerhistory_right{
width:460px;
padding:90px 0 0 0;
float:right;
}
.aboutSection02 .ownerhistory_right .box{
margin:0 0 30px 15px;
}
.aboutSection02 .number01 {
height:215px;
}
.aboutSection02 .number01 .arrow{
position:absolute;
right:-15px;
top:93px;
}
.aboutSection02 .number02 {
height:414px;
}
.aboutSection02 .number02 .arrow{
position:absolute;
right:-15px;
top:194px;
}
.aboutSection02 .number03 {
height:389px;
margin-bottom:0px !important;
}
.aboutSection02 .number03 .arrow{
position:absolute;
right:-15px;
top:97px;
}
.aboutSection02 .number03 .img{
position:absolute;
right: -30px;
top: -70px;
}
.aboutSection02 .number04 {
height:399px;
}
.aboutSection02 .number04 .arrow{
position:absolute;
left:-15px;
top:196px;
}
.aboutSection02 .number04 .img{
position:absolute;
right: -115px;
top: -90px;
}
.aboutSection02 .number05 {
height:389px;
}
.aboutSection02 .number05 .arrow{
position:absolute;
left:-15px;
top:115px;
}
.aboutSection02 .continues{
font-size:18px;
text-align:center;
color:#ccc;
padding:30px 0 0 0;
display: block;
clear: both;
}
.aboutSection03{
padding:70px 0 60px 0;
}
.aboutSection03 .subtitle03{
font-size:28px;
font-weight:bold;
padding:20px 0 30px 0;
}
.aboutSection03 .subtitle03 span{
font-size:16px;
padding:0 0 0 15px;
color:#D80005;
}
.aboutSection03 .box_layout01{
padding:0 0 0 0;
}
.aboutSection03 .box_layout01 figure.flImgL{
width: 50%;
float:left;
}
.aboutSection03 .frBox {
width: 47%;
margin:0 0 0 3%;
float:left;
}
.aboutSection03 tr{
margin:0 0 15px 0;
display:block;
}
.aboutSection03 th{
width:100px;
font-size:18px;
text-align:left;
}
.aboutSection03 td{
width:380px;
font-size:18px;
}
/*お問い合わせ*/
.contactSection01{
padding:60px 0 80px 0;
}
.contactSection01 .subtitle01{
text-align:center;
padding:0 0 50px 0;
border-bottom:solid 1px #D2D2D2;
}
.contactSection01 .subtitle02{
font-size:28px;
font-weight:bold;
padding:50px 0 30px 0;
text-align:center;
line-height: 1.4;
display:block;
}
.contactSection01 .subtitle02 span{
font-size:18px;
font-weight:normal;
padding:0 0 0 15px;
}
.contact_container{
width:800px;
margin: 0 auto;
position: relative;
line-height: 1.8;
}
.contactSection01 .box_column01.col3 .col {
padding:30px 0 40px 0;
margin: 0 12px 0 0;
width: 263px;
display:block;
}
.contactSection01 .box_column01.col3 .col:nth-child(3n) {
width: 244px;
margin-right: 0;
}
.contactSection01 table{
border-top:1px dotted #BFBFBF;
clear: both;
}
.contactSection01 table tr{
border-bottom:1px dotted #BFBFBF;
}
.contactSection01 table th{
width:245px;
font-size:18px;
font-weight:normal;
text-align:left;
padding:30px 0 30px 0;
vertical-align:top;
}
.contactSection01 table td{
width:555px;
font-size:18px;
padding:30px 0 30px 0px;
}
.contactSection01 table th img{
vertical-align:top;
margin:5px 0 0 10px;
}
.contactSection01 table td input{
padding: 0px 10px 0px 10px;
background-color: #FCFCFC;
border: 1px solid #BFBFBF;
border-radius: 6px;
width: 100%;
font-size: 15px;
height: 40px;
line-height: 1;
}
.contactSection01 table td textarea{
padding: 10px 10px 10px 10px;
background-color: #FCFCFC;
border: 1px solid #BFBFBF;
border-radius: 6px;
width: 100%;
font-size: 15px;
min-height: 295px;
line-height: 1;
}
.contactSection01 table td select{
padding: 0px 10px 0px 10px;
background-color: #FCFCFC;
border: 1px solid #BFBFBF;
border-radius: 6px;
width: 50%;
font-size: 15px;
height: 40px;
line-height: 1;
-webkit-appearance: none;
-moz-appearance:none;
}
.contactSection01 table td dl{
padding:0 0 30px 0;
}
.contactSection01 table td dl:last-child{
padding:0 0 0 0;
}
.contactSection01 table td .dt_s{
width:30%;
float:left;
}
.contactSection01 table td .dt_ss{
width:20%;
float:left;
}
.contactSection01 table td .dd_s{
width:70%;
float:left;
}
.contactSection01 table td .dd_ss{
width:43%;
float:left;
}
.contactSection01 table dd span{
padding: 0 0 0 10px;
font-size: 11px;
line-height: 1.1;
color: #D90005;
}
.contactSection01 .btn_submit{
text-align: center;
margin: 45px 0 0 0;
}
.contactSection01 .btn_submit input {
width:373px;
height:63px;
color: #fff;
background: #EA0006 url(../img/common/arrow02.png) no-repeat 300px 50%;
border: none;
vertical-align: middle;
font-size: 24px;
}
/*お問い合わせエラー*/
.contactSection01 .err{
font-size: 16px;
font-weight:bold;
margin: 5px 0 0 0;
color: #EA0006;
}
/*お問い合わせ確認*/
.contactSection01 .confirm_area{
width:670px;
margin:45px auto 0 auto;
display:block;
}
.contactSection01 .confirm_area .back{
float:left;
}
.contactSection01 .confirm_area .send{
float:right;
}
.contactSection01 #back{
width:265px;
height:63px;
color: #888888;
background: #E7E7E7 url(../img/common/arrow05.png) no-repeat 30px 50%;
border: none;
vertical-align: middle;
font-size: 20px;
cursor:pointer;
}
.contactSection01 #send{
width:373px;
height:63px;
color: #fff;
background: #EA0006 url(../img/common/arrow02.png) no-repeat 300px 50%;
border: none;
vertical-align: middle;
font-size: 24px;
}
/*お問い合わせ送信*/
.contactSection01 .thanks{
font-size:18px;
text-align:center;
}
.contactSection01 .top_back{
width:320px;
color: #fff;
background: #EA0006 url(../img/common/arrow02.png) no-repeat 280px 50%;
border: none;
font-size: 20px;
display:block;
margin:40px auto 190px auto;
padding:10px 0 10px 0;
text-align:center;
}
.contactSection01 .top_back a{
color:#fff;
text-decoration:none;
}
@media screen and (max-width: 980px) {
.aboutSection02 .number04 .img {
position: absolute;
right: 0;
top: -125px;
}
.bx-controls-direction, .bx-pager{
left: 1050px;
}
.bx-wrapper .bx-prev{
margin-right: 75%;
}
}