@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body {
*font-size:small;*font:x-small;
	background-color:#FFFFFF;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	line-height: 1.231;
	color: #333333;
}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

html {
	width: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ",Meiryo,"","ＭＳ Pゴシック",sans-serif;
	width: 100%;
	text-align:center;
	margin: 0px;
	padding:0px;
	line-height: 1.5em;
	-webkit-text-size-adjust: none;
	background-color:#B00019;
}
#wrap{
	min-width:1066px;
	text-align:left;
	position:relative;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	overflow: hidden;
}
.sp{
	display: none !important;
}
@media only screen and (max-width:768px) {
#wrap{
	min-width:auto;
	padding-top: 120px;
}
.pc{
	display: none !important;
}
.sp{
	display: block !important;
}
img{
	max-width: 100%;
	height: auto;
}
}
h1,h2,h3,h4,p,ul,li,a,img,table,th,td,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}
h2,h3,h4{
	font-size:100%;
}
li{
	list-style-type: none;
}
a:link,a:visited{
	cursor: pointer;
	color:#333;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}
img{
	vertical-align: bottom;
	border: 0;
}
#header{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC;
	overflow:hidden;
}
#header #logo{
	margin-left:10px;
	float:left;
	width:154px;
}
#header #lead{
	margin-left:5px;
	float:left;
	text-align:right;
	font-weight:bold;
	font-size:108%;
	margin-top: 20px;
}
#header .bntArea{
	margin-right:10px;
	float: right;
	position: relative;
	height: 54px;
	width: 212px;
	background-image:url(../img/btn-hed.jpg);
	background-position: 10px 12px;
	background-repeat: no-repeat;
	border: #ccc solid 1px;
	border-radius: 4px;
}
#header .bntArea a.entry{
	display: inline-block;
	position:absolute;
	right: 10px;
	top: 7px;
}
#header .bntArea a.login{
	display: inline-block;
	position:absolute;
	right: 10px;
	top: 7px;
}
#header #bnrRiskFee{
	margin-right:10px;
	float:right;
}
#header #menuBtn{
	display: none;
}
@media only screen and (max-width:768px) {
#header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1001;
	background: #fff;
	padding: 10px 0 65px 0;
	height: 44px;
}
#header #logo{
	margin-left:10px;
	width:90px;
}
#header #logo img{
	width:100%;
	height: auto;
}
#header #lead{
	float:left;
	text-align:left;
	font-size:12px;
	margin: 3px 0 0 10px;
	line-height: 1.3;
}
#header .headBox{
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #ccc;
}
#header .headBox .inner{
	overflow: hidden;
	width: 375px;
	margin: 0 auto;
	padding: 10px;
	height: 65px;
	box-sizing: border-box;
}
#header .bntArea{
    width: 272px;
    background-position: left;
	background-size: 17%;
    border: none;
    padding-top: 7px;
    padding-left: 76px;
    top: -53px;
}
#header .bntArea a.entry,
#header .bntArea a.login{
	display: inline-block;
	position:relative;
	top: 0;
	width: 48%;
}
#header .bntArea a.login img{
	width: 100%;
}
#header .bntArea a.login{
	margin-right: 4%;
	width: 134px;
}
#header #bnrRiskFee{
	position: relative;
	width: 150px;
	margin-right:0;
	z-index: 3
}
#header #menuBtn{
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 6
}
#header #menuBtn span{
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-top: 30px;
}
#header #menuBtn span::before,
#header #menuBtn::before,
#header #menuBtn::after{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 22px;
  height: 2px;
  margin: auto;
  background: #707070;
}
#header #menuBtn::before{
  transform: translate(0, -8px);
  content:"";
}
#header #menuBtn::after{
  transform: translate(0, 8px);
  content:"";
}
#header #menuBtn span::before{
  transition: opacity 150ms 50ms;
  content:"";
}
#header #menuBtn::before,
#header #menuBtn::after{
  transition: transform 200ms;
}
#header #menuBtn.active span::before{
  opacity: 0;
  transition: opacity 150ms;
}
#header #menuBtn.active::before{
  transform: rotate(45deg);
}
#header #menuBtn.active::after{
  transform: rotate(-45deg);
}
#header #menuBtn.active::before,
#header #menuBtn.active::after{
	width: 24px;
}
}
@media only screen and (max-width:374px) {
#header .headBox .inner{
	width: 320px;
}
#header .box .inner{
	width: 320px;
	height: 65px;
}
#header .bntArea{
    width: 169px;
    background-position: left;
    border: none;
    padding-top: 25px;
    padding-left: 24px;
    top: -61px;
    padding-right: 99px;
    background-size: 18%;
}
#header .bntArea a.entry,
#header .bntArea a.login{
	right: -37px;
	width: 120px;
}
#header .bntArea a.login img{
	width: 70%;
}

}


#gNavi{
	width:100%;
	height:70px;
	background-image:url(../img/gNaviBg.jpg);
	background-repeat:repeat-x;
	position:relative;
	z-index:101;
}
#mainNavi{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#mainNavi li.gNaviLi{
	display:block;
	float:left;
	border-right:solid 1px #CCC;
	width:130px;
	height:70px;
}
#mainNavi li .gNaviLink{
	display:block;
	width:130px;
	height:70px;
	overflow:hidden;
	text-indent:-999999px;
	background-repeat:no-repeat;
	background-image:url(../img/gNavi.png);
}
#mainNavi li#gNavi01{
	border-left:solid 1px #CCC;
	width:61px;
}
#mainNavi li#gNavi01 .gNaviLink{
	width:61px;
}
#mainNavi li#gNavi02 .gNaviLink{
	background-position:-62px 0px;
}
#mainNavi li#gNavi03 .gNaviLink{
	background-position:-193px 0px;
}
#mainNavi li#gNavi04 .gNaviLink{
	background-position:-324px 0px;
}
#mainNavi li#gNavi05 .gNaviLink{
	background-position:-455px 0px;
}
#mainNavi li#gNavi06 .gNaviLink{
	background-position:-586px 0px;
}
#mainNavi li#gNavi07 .gNaviLink{
	background-position:-717px 0px;
}
#mainNavi li#gNavi08 .gNaviLink{
	background-position:-848px 0px;
}
#mainNavi li.gNaviLi:hover,
#about #gNavi02,
#offices #gNavi03,
#greetings #gNavi04,
#service #gNavi05,
#recruit_new #gNavi06,
#recruit_car #gNavi06,
#recruit #gNavi06,
#policies #gNavi07,
#information #gNavi08{
	background-image:url(../img/gNavi_on.jpg);
}
#mainNavi li#gNavi01 .gNaviLink:hover,#mainNavi li#gNavi01 .active{
	background-position:0px -70px;
}
#mainNavi li#gNavi02 .gNaviLink:hover,#mainNavi li#gNavi02 .active,#about #mainNavi li#gNavi02 .gNaviLink{
	background-position:-62px -70px;
}
#mainNavi li#gNavi03 .gNaviLink:hover,#mainNavi li#gNavi03 .active,#offices #mainNavi li#gNavi03 .gNaviLink{
	background-position:-193px -70px;
}
#mainNavi li#gNavi04 .gNaviLink:hover,#mainNavi li#gNavi04 .active,#greetings #mainNavi li#gNavi04 .gNaviLink{
	background-position:-324px -70px;
}
#mainNavi li#gNavi05 .gNaviLink:hover,#mainNavi li#gNavi05 .active,#service #mainNavi li#gNavi05 .gNaviLink{
	background-position:-455px -70px;
}
#mainNavi li#gNavi06 .gNaviLink:hover,#mainNavi li#gNavi06 .active,
#recruit_new #mainNavi li#gNavi06 .gNaviLink,#recruit_car #mainNavi li#gNavi06 .gNaviLink,#recruit #mainNavi li#gNavi06 .gNaviLink{
	background-position:-586px -70px;
}
#mainNavi li#gNavi07 .gNaviLink:hover,#mainNavi li#gNavi07 .active,#policies #mainNavi li#gNavi07 .gNaviLink{
	background-position:-717px -70px;
}
#mainNavi li#gNavi08 .gNaviLink:hover,#mainNavi li#gNavi08 .active,#information #mainNavi li#gNavi08 .gNaviLink{
	background-position:-848px -70px;
}
@media only screen and (max-width:768px) {
#gNavi{
	position: fixed;
	top: 120px;
	left: 0;
	z-index: 1001;
	background-image:none;
	display: none;
	background: #fff;
	overflow: hidden;
	overflow-y: auto;
	height: calc(100% - 120px);
}
#mainNavi{
	width:auto;
}
#mainNavi li#gNavi01{
	border-left:none;
	width:auto;
}
#mainNavi li.gNaviLi{
	display:block;
	float:none;
	width:100%;
	height:auto;
	border-right:none;
	border-bottom: 1px solid #cccc;
}
#mainNavi li .gNaviLink{
	position: relative;
	width:auto;
	height:auto;
	overflow:hidden;
	text-indent:inherit;
	background-image:none;
	padding: 14px 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
#mainNavi li .gNaviLink.active{
	background: #B00019;
	color: #fff;
}
#mainNavi li#gNavi01 .gNaviLink{
	width:auto;
}
#mainNavi li.gNaviLi:hover,
#about #gNavi02,
#offices #gNavi03,
#greetings #gNavi04,
#service #gNavi05,
#recruit_new #gNavi06,
#recruit_car #gNavi06,
#recruit #gNavi06,
#policies #gNavi07,
#information #gNavi08{
	background-image: none;
}
#mainNavi li .gNaviLink::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	transform: rotate(135deg) translateY(-50%);
	margin-top: -11px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #B00019;
	border-right: 2px solid #B00019;
}
#mainNavi li .gNaviLink.active::before{
	border-color: #fff;
	transform: rotate(-45deg) translateY(-50%);
	margin-top: 0;
	right: 18px;
}
#mainNavi li.subNone .gNaviLink::before{
	display: none;
}
}

.subNavi{
	display:none;
	width:100%;
	position:absolute;
	top:70px;
	left:0px;
	background-image:url(../img/gNavi_on.jpg);
	padding-top:35px;
	padding-bottom:15px;
}
.subNavi ul{
	width:868px;
	padding-left:112px;
	margin-left:auto;
	margin-right:auto;
	letter-spacing: -.40em;
}
#gNavi06 .subNavi ul,
#gNavi07 .subNavi ul{
	padding-left:0;
	width:980px;
}
#gNavi06 .subNavi ul li{
	margin-right:20px;
}
.subNavi li{
	letter-spacing: normal;
	display : inline-block;
    *display : inline;
    *zoom : 1;
	margin-right:60px;
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
}
.subNavi li a{
	color:#FFF;
	display:block;
	padding-right:34px;
	min-height:20px;
	padding-top:4px;
	background-image:url(../img/sNaviArrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
}
.subNavi li a:hover{
	background-image:url(../img/sNaviArrow_on.png);
	color:#DDA9A9;
}
@media only screen and (max-width:768px) {
.subNavi{
	position: relative;
	top:0;
	background-image: none;
	padding: 15px 0;
	box-sizing: border-box;
}
.subNavi ul{
	width:auto;
	padding-left:0;
	letter-spacing: 0;
}
#gNavi06 .subNavi ul,
#gNavi07 .subNavi ul{
	width:auto;
}
#gNavi06 .subNavi ul li{
	margin-right:0;
}
.subNavi li{
	display : block;
	margin-right:0;
	font-size:15px;
	margin-bottom:0;
}
.subNavi li a{
	padding-right:0;
	min-height:0;
	padding: 10px 20px;
	color: #333;
	font-size: 14px;
}
.subNavi li a:hover{
	background-image: none;
	color:#DDA9A9;
}
}

#pageTop{
	position:fixed;
	right:0px;
	bottom:110px;
	width:44px;
	height:116px;
	cursor:pointer;
	background-image:url(../img/topBtn.png);
	background-repeat:no-repeat;
}
#pageTop:hover{
	background-position:0px -116px;
}
@media only screen and (max-width:768px) {
#pageTop{
	bottom:40px;
	width:50px;
	height:50px;
	background-image:none;
	background-color: #000;
}
#pageTop::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 50%;
	transform: rotate(-45deg) translateY(-50%);
	margin: 0 -10px 0 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
}

#footer{
	width:100%;
	padding-top:15px;
}
#footerDetail{
	overflow:hidden;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
}
#fInfo{
	width:30%;
	float:left;
}
#fInfo h2{
	font-size:153.9%;
	line-height:1.2em;
}
#fInfo p#name{
	font-size:77%;
	line-height:1.2em;
	margin-bottom:3px;
}
#fInfo p#num{
	font-size:85%;
	line-height:1.2em;
	font-weight:bold;
}
#fNavi{
	width:70%;
	text-align:right;
	float:right;
	letter-spacing: -.40em;
}
#fNavi li{
	letter-spacing: normal;
	display : inline-block;
    *display : inline;
    *zoom : 1;
}
#fNavi li a{
	text-decoration:none;
}
#fNavi li a:hover{
	text-decoration:underline;
}
#footer p#copy{
	font-size:77%;
	color:#FFF;
	line-height:1.2em;
	font-weight:bold;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	background-color:#B00019;
}
@media only screen and (max-width:768px) {
#footer{
	padding-top:40px;
}
#footerDetail{
	width:auto;
	padding: 0 10px 15px;
}
#fInfo{
	width:auto;
	float:none;
}
#fInfo h2{
	font-size:18px;
}
#fInfo p#name{
	font-size:10px;
}
#fInfo p#num{
	font-size:11px;
}
#fNavi{
	width:auto;
	float:none;
	letter-spacing: 0;
	margin-top: 10px;
	text-align: left;
}
#fNavi li{
	font-size: 12px;
	margin-top: 5px;
	display: block;
}
#fNavi li::after{
	content: "｜";
}
#fNavi li:last-child::after{
	display: none;
}
#fNavi li a{
	text-decoration:none;
}
#fNavi li a:hover{
	text-decoration:underline;
}
#footer p#copy{
	height: 40px;
	box-sizing: border-box;
	font-size:10px;
	padding: 14px 10px;
}
}

/* container */
#container{
	padding-bottom:75px;
	min-height:400px;
}
@media only screen and (max-width:768px) {
#container{
	padding-bottom:75px;
	padding: 0 15px;
}
}

/* breadcrumb */
#breadcrumb{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
	margin-bottom:20px;	
	letter-spacing: -.40em;
	text-align:left;
}
#breadcrumb li{
	letter-spacing: normal;
	display : inline-block;
    *display : inline;
    *zoom : 1;
	margin-right:7px;
	font-weight:bold;
	vertical-align:middle;
}
#breadcrumb li.arrow{
	width:7px;
	height:10px;
	text-indent:-999999px;
	background-image:url(../img/breadcrumb_arrow.gif);
	background-repeat:no-repeat;
}
@media only screen and (max-width:768px) {
#breadcrumb{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	margin-bottom:15px;	
}
#breadcrumb li{
	font-size: 13px;
}
}

/* main */
div#main,
h1#main{
	display:block;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
div#main strong,
h1#main strong{
	display: none;
}
#ditaile{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#ditaile #contents{
	width:730px;
	margin-left:250px;
	min-height:500px;
}
@media only screen and (max-width:768px) {
div#main,
h1#main{
	overflow: hidden;
	position: relative;
	width:auto;
	max-width: 600px;
	height: 130px;
	margin-bottom:30px;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
}
div#main strong,
h1#main strong{
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	z-index: 3;
	color: #fff;
	line-height: 1.2;
	font-size: 18px;
	transform: translateY(-45%);
	letter-spacing: .3em;
}
#about #main strong,
#greetings #main strong{
	color: #333;
}
div#main strong span,
h1#main strong span{
	display: block;
	font-size: 10px;
	margin-top: 5px;
	letter-spacing: 0;
}
div#main::after,
h1#main::after{
	content: "";
	position: absolute;
	right: 80px;
	top: 0;
	z-index: 1;
	width: 600px;
	height: 100%;
}
#about h1#main img,
#offices h1#main img,
#greetings h1#main img,
#service h1#main img,
#recruit h1#main img,
#policies h1#main img{
display: none;
}
#about #main::after{
	background: #eaf1fd;
  right: 0;
}
#offices #main::after{
	background: #f9bb41;
  right: 0;
}
#greetings #main::after{
	background: #F1F1E8;
  right: 0;
}
#service #main::after{
	background: #4b889b;
  right: 0;
}
#recruit #main::after{
	background: #b5cb9d;
  right: 0;
}
#policies #main::after{
	background: #92c2e6;
  right: 0;
}
div#main img,
h1#main img{
	position: absolute;
	right: -80px;
	top: 0;
	z-index: 1;
	height: 100%;
	width: auto;
	max-width: none;
}
#ditaile{
	width:auto;
}
#ditaile #contents{
	width:auto;
	margin-left:0;
	min-height:auto;
}
}

#side{
	width:230px;
	position:absolute;
	top:10px;
}
#side h3{
	display:block;
	font-size:123.1%;
	line-height:1.2em;
}
#side h3 a{
	display:block;
	color:#FFF;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:14px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	text-decoration:none;
}
#side h3 a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
#about #side h3 a{
	background-color:#eaf1fd;
	color:#333;
}
#offices #side h3 a{
	background-color:#f2b122;
}
#policies #side h3 a{
	background-color:#92C2E6;
}
#greetings #side h3 a{
	background-color:#F1F1E8;
  color: #333;
}
#information #side h3 a{
	background-color:#666666;
}
#recruit_new #side h3 a{
	background-color:#B5CB9E;
}
#recruit_car #side h3 a{
	background-color:#B5CB9E;
}
#recruit #side h3 a{
	background-color:#B5CB9E;
}
#service #side h3 a{
	background-color:#4B889B;
}
#movie #side h3 a{
	background-color:#AB0019;
}
#privacy #side h3 a{
	background-color:#666;
}
#antisocial #side h3 a{
	background-color:#666;
}
#side ul{
	width:230px;
}
#side li{
	display:block;
	width:230px;
	height:auto;
	border-bottom:solid 2px #666;
	line-height:1.2em;
	font-weight:bold;
	font-size:123.1%;
}
#side li a{
	display:block;
	padding-left:25px;
	padding-top:15px;
	padding-bottom:14px;
	min-height:21px;
	text-decoration:none;
	color:#333;
	background-image:url(../img/side_arrow.png);
	background-repeat:no-repeat;
	background-position:13px center;
}
#side li a:hover,
#side li a.active{
	background-color:#F0F0F0;
}
@media only screen and (max-width:768px) {
#side{
	top: 0;
	width:auto;
	position:relative;
	margin-top: 40px !important;
}
#side ul{
	width:auto;
}
#side li{
	width:auto;
}
}

/* style */
.mt10{
	margin-top:10px !important;
}
.mb0{
	margin-bottom:0px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mr0{
	margin-right:0px !important;
}