/*
 * Gridism demonstration page
 * These styles are all just for the Gridism demo page.
 * You don’t need this styleshee in your project.
 */

/* General */
.clearfix {
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}
html{
	font-size:62.5%;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	color: #444;
 	background: #ff;
 	background-repeat: no-repeat;
 	background-position: center top;
 	background-size:contain;
}

/* I use full-width horizontal sections a lot */
body > header,
body > section,
body > footer {
 	display: block;
 	width: 100%;
 	clear: both;
 	float: left;
}

h1, h2, h3 {
 	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-weight: 700;
 	letter-spacing: -.05em;
}

h1 {
 	font-size: 4em;
}

h2 {
 	font-size: 2em;
}

h3 {
 	font-size: 1.4em;
}

a {
 	color: #c00;
  	text-decoration: none;
 	-webkit-transition: all .2s ease-in-out;
 	-moz-transition: all .2s ease-in-out;
 	transition: all .2s ease-in-out;
}
header{
	background-color:#fff;
}
header, section {
}
header, section, footer {
}

section, footer {
  padding: 30px 0;
}

header h1 a {
  color: #333;
  border-bottom: none;
}

header p {
  margin: 2em 0;
}

.lead {
  font-size: 1.5em;
}

p, pre {
  font-size: 1.2em;
  font-size:12px;
  font-size:1.2rem;
  line-height: 1.8em;
}

.button {
  border-radius: 5px;
  background: #efefef;
  background-image: -moz-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -webkit-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -ms-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: linear-gradient(#FCFCFC, #EFEFEF);
  border: 1px solid #DDDDDD;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 8px 16px;
  text-shadow: 0 1px 0 #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
}

.button:hover, .button:focus {
  outline: none;
  border: 1px solid rgba(255,0,0,.5);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(255,0,0,.3);
}

footer p {
  margin: 0;
  font-size: 1em;
}
img{
	max-width:100%;
height: auto;
}

@media (min-width: 960px){
  h1 {
    font-size: 4em;
  }
  h2 {
    font-size: 2em;
	color:#3f75b7;
  }
  h3 {
    font-size: 2em;
  }
  .lead {
    font-size: 1.8em;
  }
}

/* Styles to help demonstrate the grid */

code, pre {
  font-family: "Source Code Pro", Consolas, Menlo, Monaco, monospace;
  background: #F1E3D5;
  color: #333;
  padding: 3px;
  border-radius: 5px;
}

pre {
  padding: 10px;
  text-align: center;
}

.demo p {
  margin: 0;
}

.demo .unit pre {
  margin: 0;
  padding: 20px 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.demo .unit pre:hover {
  background: #fc0;
}

.grid, .unit {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.demo .unit .grid {
  overflow: hidden;
  background: rgba(241,227,213,.5);
}

.demo .unit .grid:first-child {
  border-radius: 5px 5px 0 0;
}

.demo .unit .grid:last-child {
  border-radius: 0 0 5px 5px;
}

.gray{
	background-color:#f3f7f8;
}
.gray2{
	background-color:#e8eff1;
}
.gray3{
	background-color:#dce3e5;
}
.blue{
	background-color:#3f75b7;
}

/********************************************************************************************* 

TEXT

*********************************************************************************************/
.current{
	color: #fff !important;
	background-color: #4072b9;
}
.current i{
	color: #fff !important;
}
.footer-comment{
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.6;
	text-align:right;
}

/********************************************************************************************* 

HEADER

*********************************************************************************************/
.site-id img{
	max-width:100%;
}

/********************************************************************************************* 

PAGETOP

*********************************************************************************************/
.page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
}
.page-top a {
	text-decoration: none;
	color: #fff;
	padding: 0;
	text-align: center;
	opacity:0.7;
}
.page-top a:hover {
	text-decoration: none;
	opacity:1.0;
}

/********************************************************************************************* 

2.  960px 

*********************************************************************************************/  

@media only screen and (min-width: 960px) and (max-width: 1199px) {
section{
	position:relative;
}
.top_banner li {
    width: 208px !important;
}
.top_ad li {
    padding: 20px 20px !important;
}
.toppage .location_list li {
    width: 300px !important;
}
.kv_car{
	max-width:40%;
}
.subnav li{
	font-size:18px !important;
	font-size:1.8em !important;
	font-size:1.8rem !important;
}
.point li{
	width:256px !important;
}

.ul_estimate li {
	width:392px;
}
.charge_1 td{
	padding:3px 3px !important;
}
.ryokin{
	padding:20px !important;
}
.estimate .rsvdata dt {
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
    width: 30% !important;
}
.estimate .rsvdata dd{
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
	width:65% !important;
}
.shop_wrap {
    width: 280px !important;
}
.location section dl{
	min-height: 130px !important;
	width:300px !important;
}
.company .history dd{
	width:490px !important;
}
}

/********************************************************************************************* 

3.  768px 

*********************************************************************************************/ 

@media only screen and (min-width: 768px) and (max-width: 959px) {
#main-menu > li > a {
	font-size:12px !important;
	font-size:1.2em !important;
    font-size: 1.2rem !important;
    line-height: 12px !important;
}
.top_banner li {
    width: 194px !important;
}
.toppage .location_list li {
    width: 46.5% !important;
}
.car-lineup .kv_car{
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	right:-60px !important;
}
.car-lineup .kv_car img{
	max-width:75%;
}
.komikomi .kv_car{
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	right:-80px !important;
}
.komikomi .kv_car img{
	max-width:75%;
}
.refrigerated-van .kv_car{
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	right:-80px !important;
}
.refrigerated-van .kv_car img{
	max-width:75%;
}
.welfare-vehicle .kv_car{
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	right:-120px !important;
}
.welfare-vehicle .kv_car img{
	max-width:75%;
}
.campaign-car .kv_car{
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	right:-60px !important;
}
.campaign-car .kv_car img{
	max-width:75%;
}
.campaign-car .link_contact{
	text-align:right;
}
.campaign-car .link_contact img{
	max-width:50%;
}
.ul_estimate li {
	width:300px;
}
.campaign-car .kv_car{
	max-width:300px !important;
	right:0;
}
.location .grid-12,.okayama .grid-12,.kagawa .grid-12,.ehime .grid-12,.guide .grid-12,.accident .grid-12,.contract .grid-12,.compensation .grid-12,.privacy .grid-12,.company .grid-12{
	width:720px;
}
.location .grid-3,.okayama .grid-3,.kagawa .grid-3,.ehime .grid-3,.guide .grid-3,.accident .grid-3,.contract .grid-3,.compensation .grid-3,.privacy .grid-3,.company .grid-3{
	display:none;
}
.location section dl {
	border-bottom:1px solid #eaeaea;
	padding:10px 0px 10px !important;
 	width: 100% !important;
}
.location section dd.detail {
	bottom:10px !important;
	right:0;
	top:52px;
}
.shop_wrap{
	width:600px !important;
}
.location_blank{
	display:none;
}
.ryokin{
	padding:20px !important;
}
.ryokin img{
	max-width:90%;
}
.contact .grid-9,.estimate .grid-9{
	width:470px;
}
.estimate .list1 {
    margin: 0 40px 20px !important;
    padding: 5px !important;
}

.estimate #sub-nav2 h1{
    margin: 0 20px 20px !important;
	padding:10px 0 !important;
	letter-spacing:normal !important;
}
.estimate #sub-nav2 dl {
    margin: 0 20px 20px !important;
}
.estimate #sub-nav2 input {
    margin: 0 0 4px 0px !important;
}
.estimate #sub-nav2 p {
    margin: 0 20px 5px !important;
}
.estimate .rsvdata th,.estimate .rsvdata td{
	padding:3px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.estimate #sub-nav2 table {
    margin: 0 20px 20px !important;
}
.estimate #sub-nav2 th,.estimate #sub-nav2 td{
	padding:3px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.estimate #sub-nav2 td input{
	margin:0 0px 0 0 !important;
	padding:3px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
	width:90% !important;
}
.estimate .rsvdata dt{
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
	width:34% !important;
}
.estimate .rsvdata dd{
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
	width:58% !important;
}
}
 
 

/********************************************************************************************* 

4.  lt 767px 

*********************************************************************************************/ 

@media only screen and (min-width: 481px) and  (max-width: 767px) {
.toppage .girl{
	position:inherit;
}
.bg_section_cl05{
	background-image:none !important;
}
.shortcut{
	display:none;
}
section h1{
	margin-bottom:10px !important;
	padding-bottom:10px !important;
}
section h1 img{
	max-width:100%;
}
section h2 {
    clear: both;
    font-size: 1.8rem;
    letter-spacing: normal;
    line-height: 1.6;
    margin: 0;
    padding: 10px;
}
section h3{
	margin:0 10px 10px !important;
	padding:0 !important;
	font-size: 15px;
    font-size: 1.5em;
    font-size: 1.5rem;
    line-height: 1.5;
	letter-spacing:normal !important;
}
section p {
    	font-size: 12px;
    font-size: 1.2em;
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0 10px 20px;
    padding: 0;
}
.toppage .location_list li {
    width: 43% !important;
}
.button1 {
	max-width:75% !important;
}
.ryokin img{
	max-width:100%;
}
.ul_estimate{
	margin:0 10px 20px !important;
}
.ul_estimate li{
	margin:0 0px 10px !important;
}
.site-id {
    margin: 0 0 10px;
    padding: 0;
}
.sub_copy {
    margin:0 10px  20px !important;
}
.charge_2 th,.charge_2 td{
	padding:3px !important;
	font-size: 12px !important;
    font-size: 1.2em !important;
    font-size: 1.2rem !important;
}
.estimate .rsvdata dt{
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.estimate .rsvdata dd{
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.company .history dd {
    width: 70% !important;
}
.location .grid-3,.okayama .grid-3,.kagawa .grid-3,.ehime .grid-3,.guide .grid-3,.accident .grid-3,.contract .grid-3,.compensation .grid-3,.privacy .grid-3,.company .grid-3{
	display:none;
}
.location section dd.detail {
	bottom:10px !important;
	right:0;
	top:52px;
}
.guide .dl_faq {
    margin: 0 10px 20px !important;
}
.estimate .list1 {
    margin: 0 20px 20px !important;
 }
 .submit_button1{
	max-width:80%;
}
}

/********************************************************************************************* 

4.  lt 480px 

*********************************************************************************************/ 

@media only screen and (max-width: 480px) {
.author{
	display:none;
}
.girl2{
	display:none;
}
.top-section_01{
	background-position:right -100px !important;
	background-size:auto;
}
.toppage .three-fifths h1 img{
	max-width:100% !important;
}
.toppage .girl{
	position:inherit;
}
.bg_section_cl05{
	background-image:none !important;
}
.site-id{
	margin:auto !important;
	padding:0;
	width:180px !important;
}
#menu-toggle{
	position:absolute;
	top:-60px;
	right:0px;
}
#navigation {
    margin-top: 0px !important;
}
.shortcut{
	display:none;
}
.top_banner li{
	margin:0 0px 5px !important;
	width:44% !important;
}
#faq{
	margin:0 0px 10px !important;
	padding:10px !important;
	font-size: 16px;
    font-size: 1.6em;
    font-size: 1.6rem;
    line-height: 1.5;
	color:#fff;
	background-color:#333;
	letter-spacing:normal !important;
}
section h1{
	margin:0 0 10px !important;
	padding:10px !important;
}

section h2{
	margin:0 10px 10px !important;
	padding:0 !important;
	font-size: 15px;
    font-size: 1.5em;
    font-size: 1.5rem;
    line-height: 1.5;
	letter-spacing:normal !important;
}
section h3{
	margin:0 10px 10px !important;
	padding:0 !important;
	font-size: 15px;
    font-size: 1.5em;
    font-size: 1.5rem;
    line-height: 1.5;
	letter-spacing:normal !important;
}
section p {
    font-size: 12px;
    font-size: 1.2em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 0 10px 20px;
    padding: 0;
}
.post{
	margin:0 5px 10px !important;
}
.toppage .location_list li dt{
	background-color:transparent !important;
	z-index:0;
}
.toppage .location_list li dd {
    margin: -2em 0 0 7.5em !important;
	z-index:100;s
}
.kv_car{
	position:static !important;
	margin:0 auto 20px;
	text-align:center;
}
.kv_car img{
	max-width:50% !important;
}
.type-a,.type-a2{
	clear:both;
	margin:0 5px 20px 5px !important;
}
.charge_2{
	margin:0 0px 1em;
	border-collapse:collapse;
	border-spacing:0;
}
.charge_2 th{
	padding:0.25em !important;
	font-size:10px !important;
	font-size:1.0em !important;
	font-size:1.0rem !important;
	line-height:1.5 !important;
	border:1px solid #eaeaea;
}
.charge_2 td{
	padding:0.25em !important;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.6;
	border:1px solid #eaeaea;
}
.button1 {
	max-width:75% !important;
}
.ryokin img{
	max-width:100%;
}
.company .history td{
	font-size:10px !important;
	font-size:1.0em !important;
	font-size:1.0rem !important;
}
.sp_form {
	padding:10px 0 !important;
}
.address_button{
	font-size:10px !important;
	font-size:1.0em !important;
	font-size:1.0rem !important;
}
.contact form dd{
	margin-bottom:10px !important;
}
.submit_button1{
	max-width:80%;
}
.ul_estimate{
	margin:0 10px 10px !important;
	padding:0;
}
.ul_estimate li{
	margin:0 0px 10px !important;
	padding:0;
}
.estimate .list1 {
    margin: 0 20px 10px !important;
    padding: 5px !important;
}
.estimate #sub-nav2 h1{
    margin: 0 20px 20px !important;
	padding:10px 0 !important;
	letter-spacing:normal !important;
}
.estimate #sub-nav2 dl {
    margin: 0 20px 20px !important;
}
.estimate #sub-nav2 input {
    margin: 0 0 20px 20px !important;
}
.estimate #sub-nav2 p {
    margin: 0 20px 5px !important;
}
.estimate .rsvdata th,.estimate .rsvdata td{
	padding:3px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.estimate #sub-nav2 table {
    margin: 0 20px 20px !important;
}
.estimate #sub-nav2 th,.estimate #sub-nav2 td{
	padding:3px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.estimate #sub-nav2 td input{
	margin:0 0px 0 0 !important;
	padding:3px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
	width:90% !important;
}
.estimate .rsvdata dt{
	margin:0 0 5px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.estimate .rsvdata dd{
	margin:0 0 10px !important;
	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
}
.estimate #sub-nav2 input {
 	font-size:12px !important;
	font-size:1.2em !important;
	font-size:1.2rem !important;
	margin: 0 0 10px 0px !important;
    padding: 3px;
}
.estimate_button{
	text-align:center;
}
.company .tbl_outline th{
	white-space:nowrap;
}
.company .tbl_outline th,.company .tbl_outline td{
	padding:3px !important;
	font-size:10px !important;
	font-size:1.0em !important;
	font-size:1.0rem !important;
	letter-spacing:normal !important;
}
.company .mission{
	margin:0 10px 20px !important;
	padding:0 !important;
}
.company .mission dt span{
    margin: 0 0px 0 !important;
    padding: 10px;
	font-size:10px !important;
	font-size:1.0em !important;
	font-size:1.0rem !important;
}
.company .mission dd{
	margin:0 0px 20px !important;
	padding:3px !important;
	font-size:11px !important;
	font-size:1.1em !important;
	font-size:1.1rem !important;
}
.company .mission dd ul li {
    	font-size:11px !important;
	font-size:1.1em !important;
	font-size:1.1rem !important;
    line-height: 1.6;
    margin: 0 0 5px 15px !important;
    padding: 2px 0 !important;
}
.company .history {
    margin: 0 0px 20px !important;
    padding: 0px !important;
}
.company .history dt{
    margin: 0 0px 5px !important;
    padding: 3px;
	font-size:11px !important;
	font-size:1.1em !important;
	font-size:1.1rem !important;
}
.company .history dd{
    margin: 0 0px 5px !important;
    padding: 6px;
	font-size:11px !important;
	font-size:1.1em !important;
	font-size:1.1rem !important;
	width:62% !important;
}
.company .grid-3{
	display:none;
}
.contact .grid-6 a{
	color:#fff;
}
.contact .list1 {
    margin: 0 10px 20px !important;
    padding: 5px !important;
}
.contact .post{
	padding:10px !important;
}
.contact select{
	font-size:10px !important;
	font-size:1.0em !important;
	font-size:1.0rem !important;
}
.type-b,.type-b2{
	margin:0 10px 10px !important;
	width:264px !important;
}
.location-switch li a {
    padding: 5px 10px !important;
}
.company .history dt,.company .history dd{
	font-size:11px !important;
	font-size:1.1em !important;
	font-size:1.1rem !important;
}
.caution02{
	line-height:2;
	font-size:11px !important;
	font-size:1.1em !important;
	font-size:1.1rem !important;
}
.rsvmail {
    padding: 4px !important;
}
.rsvmail th{
	padding:4px 4px 4px 0 !important;
	font-size:10px !important;
	font-size:1.0em !important;
	font-size:1.0rem !important;
}
.rsvmail td{
	padding:4px 0 4px 0 !important;
}
.rsvmail #email {
	font-size:12px !important;
	font-size:1.2em !important;
    font-size: 1.2rem !important;
    padding: 3px;
    width: 80% !important;
}
.rsvmail #phone {
	font-size:12px !important;
	font-size:1.2em !important;
    font-size: 1.2rem !important;
    padding: 3px;
    width: 80% !important;
}
.estimate .rsvdata {
    padding: 4px !important;
}
.estimate .rsvdata dt{
	margin-bottom:0px !important;
}
.estimate #sub-nav2 dl{
	margin:0 !important;
}
.post {
    margin: 0 0 10px !important;
}
.estimate .list1 {
    margin: 0 0 10px !important;
}
.guide .dl_faq dt span {
	margin: 0 0.5em 0 0 !important;
    padding: 4px !important;
}
}



/********************************************************************************************* 

4.  TEST

*********************************************************************************************/ 
.subnav{
	margin:0;
	padding:0;
	text-align:center;
}
.subnav li{
	margin:0 6px;
	padding:0.5em;
	font-size:24px;
	font-size:2.4em;
	font-size:2.4rem;
	line-height:1;
	color:#fff;
	list-style:none;
}
.subnav li a{
	color:#fff;
}
.subnav .reserve a{
	color:#00b43b;
}
.subnav li a:hover{
	color:#dc0000;
}
.subnav li:first-child{
	border-bottom:1px solid #222;
}
.subnav .reserve{
	border-top:1px solid #3e3e3e;
	border-bottom:1px solid #262626;
}
.subnav .spacer{
	border-top:1px solid #3e3e3e;
}
.subnav .spacer2{
	border-bottom:1px solid #262626;
}
.relative{
	margin-bottom:0;
	padding: 0 !important;
	box-shadow:none;
	background-color:rgba(255,255,255,0.9);
	border-bottom: 1px solid #eee;
}


/********************************************************************************************* 

HEADER

*********************************************************************************************/ 


/********************************************************************************************* 

NAVIGATION

*********************************************************************************************/ 
.animenu {
  font: bold 13px Arial, Helvetica;
}
.animenu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.animenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.animenu li {
  position: relative;
}
.animenu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu li:hover > a {
  color: white;
  text-shadow: none;
  background-color: #4072B9;
}
.animenu input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.animenu label {
  display: none;
  cursor: pointer;
  user-select: none;
}

.animenu > ul {
}
.animenu > ul > li {
  float: left;
  border-right: 1px solid #f6f6f6;
  -webkit-box-shadow: 1px 0 0 #f6f6f6;
  -moz-box-shadow: 1px 0 0 #f6f6f6;
  box-shadow: 1px 0 0 #f6f6f6;
}
.animenu > ul > li > a {
  float: left;
  padding: 1em 3em;
  text-transform: uppercase;
}
.animenu > ul a {
  color: #000;
  text-decoration: none;
}
.animenu > ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background-color: #373737;
  background-image: none;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  -o-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.animenu > ul ul li {
  display: block;
  -webkit-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  -moz-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
}
.animenu > ul ul li:first-child > a {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.animenu > ul ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 4em;
  top: -12px;
  border: 6px solid transparent;
  border-bottom-color: inherit;
}
.animenu > ul ul li:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.animenu > ul ul li:last-child > a {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.animenu > ul ul a {
  padding: 1em;
  width: 175px;
  display: block;
  color: #fff;
  border-color: #373737;
}
.animenu > ul ul a:hover {
  background-color: #4072B9;
  border-color: #4072B9;
}
.menu i{
  margin-right: 0.25em;
  font-size: 15px;
  font-size: 1.5em;
  font-size: 1.5rem;
  color: #4072b9;
}
.menu a:hover i{
  color: #fff;
}
 
@media screen and (max-width: 480px) {
  .animenu > ul, .animenu > ul ul {
    visibility: visible;
    opacity: 1;
    display: none;
  }

  .animenu input[type=checkbox]:checked ~ label,
  .animenu input[type=checkbox] ~ label:hover {
    color: white;
  }
  .animenu label {
    border: 1px solid #4072b9;
    background-color: #4072b9;
    color: #fff;
    text-shadow: 0 1px 0 #4072b9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 1em 3em;
  }
  .animenu label:before {
    position: absolute;
    left: 0.5em;
    top: 0.2em;
    content: "\2261";
    font-size: 2em;
  }
  .animenu > ul {
    position: relative;
    border-color: #111111;
    margin: 0.5em 0 !important;
    padding: 0.25em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #111111;
    background-image: none;
  }
  .animenu > ul:after {
    content: '';
    position: absolute;
    left: 2em;
    top: -12px;
    border: 6px solid transparent;
    border-bottom-color: inherit;
  }
  .animenu > ul li {
    display: block;
  }
  .animenu > ul > li {
    float: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #111111;
    background-image: none;
  }
  .animenu > ul > li > a {
    float: none;
    display: block;
	color:#fff;
    padding: 1em;
  }
  .animenu > ul ul {
    position: static;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #2b2b2b;
    background-image: none;
    margin: 0;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }
  .animenu > ul ul li:first-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .animenu > ul ul li:first-child > a:after {
    content: none;
  }
  .animenu > ul ul li:last-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .animenu > ul ul a {
    padding-left: 2em;
    display: block;
    width: auto;
  }
  .animenu input[type=checkbox]:checked ~ ul {
    display: block;
  }
  .animenu input[type=checkbox]:checked ~ ul ul {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .animenu > ul > li > a {
    padding: 1em 2em;
  }
}

.top_ad{
	margin:0 10px 20px !important;
	padding:10px 0 !important; 
}
.top_ad li{
	float:left ;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	width:84px;
	border:none !important;
}
.sub_copy{
	margin-bottom:20px !important;
}
.kv_car{
	position:static !important;
}
.kv_car img{
	margin:0 10px 10px !important;
	max-width:100% !important;
}
.point{
	margin:0 10px 10px !important;
	padding:0 !important;
}
.point li{
	margin:0 0 10px !important;
	padding:0;
	max-width:100%;
}

.ryokin{
	border:none !important;
	padding:0 !important;
}
.location_blank{
	display:none;
}

}


/********************************************************************************************* 

COMMON

*********************************************************************************************/ 
.ul_estimate{
	margin:0;
	padding:0;
}
.ul_estimate li{
	margin:0;
	padding:0;
	list-style:none;
}
.ul_estimate li a:hover img{
	opacity:0.7;
}
.gray h3,.gray2 h3{
	font-weight:500;
	color:#3f75b7;
	font-family: 'ipaexg';
}
@font-face {
  font-family: 'ipaexg';
  src: url('../fonts/ipaexg.ttf') format('truetype');
}
.bottom{
	vertical-align:bottom;
}


/********************************************************************************************* 

TOPPAGE             

*********************************************************************************************/ 
.introduce{
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
}
.top-section_01{
	padding-bottom:0;
	background-image:url(../../images/bg_section_01.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.girl{
	position:absolute;
	vertical-align:bottom;
	max-width:100%;
	right:40px;
	bottom:0;
}
h1 img{
	max-width:100%;
}
.toppage .two-fifths{
	position:relative;
}
.top_news{
	margin:0 0px 0px;
	padding:10px 10px 10px 80px;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1;
	background-color:#f3f7f8;
	border:6px solid #a9a9a9;
	border-radius:3px;
	background-image:url(images/bg_news.png);
	background-repeat:no-repeat;
	background-position:-20px center;
}
.top_news span{
	margin:0;
	padding:3px;
	margin-right:1em;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	color:#fff;
	background-color:#333;
	letter-spacing:0.25em;
}
.carnavi,.etc,.haisha{
	margin:0;
	padding:20px 0 20px 106px;
	background-repeat:no-repeat;
	background-position:left center;
	border-top:1px solid #dc0000;
	border-bottom:1px solid #dc0000;
}
.point3{
	background-color:#0ab291;
}
.point3 h2{
	margin:0;
	padding: 10px;
	line-height:1;
	border:1px solid #3bc1a7;
}
.point3 p{
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	color: #fff;
}

.carnavi{
	background-image:url(images/bg_pict_carnavi.png);
}
.etc{
	background-image:url(images/bg_pict_etc.png);
}
.haisha{
	background-image:url(images/bg_pict_haisha.png);
}
.carnavi dt,.etc dt,.haisha dt{
	margin:0 0 10px;
	padding:0;
	font-size:16px;
	font-size:16px;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	color:#dc0000;
}
.carnavi dd,.etc dd,.haisha dd{
	margin:0 0 10px;
	padding:0;
	font-size:12px;
	font-size:12px;
	font-size:12px;
	line-height:1.5;
}
.toparea{
	background-color:#f3f7f8;
	border:6px solid #a9a9a9;
	background-image:url(images/bg_toparea.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.toparea dl{
	margin:0;
	padding:0;
}
.toparea dt{
	margin:0 0 5px;
	padding:5px 0 0 0;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.5;
	color:#000;
	border-top:1px solid #fff;
	position:relative;
}
.toparea dt:first-child{
	border-top:none;
}
.toparea dt a{
	margin:0 0 0 20px;
	padding:3px 6px;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.5;
	color:#dc0000;
	border:1px solid #dc0000;
	border-radius:3px;
	position:absolute;
	right:4em;
}
.toparea dt a:hover{
	color:#fff;
	background-color:#dc0000;
}
.toparea dd{
	margin:0 0 0px;
	padding:0 0 5px;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	line-height:1.5;
	border-bottom:1px solid #c8dadf;
}
.toparea dd:last-child{
	border-bottom:none;
}
.toparea dd i{
	margin:0 5px 0 0;
	padding:0;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	line-height:1.5;
}
.author{
	position:absolute;
	top:0;
	right:40px;
}
.subnav{
	position:absolute;
	bottom:0;
	left:20px;
}

/********************************************************************************************* 

CONTACT

*********************************************************************************************/ 
.contact form{
	margin:0 0px 40px;
	padding:20px;
	border:10px solid #f3f7f8;
	border-radius:3px;
}
.contact form dl{
	margin:0 0 40px;
	padding:0;
}
.contact form dt{
	margin:0 0 10px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1;
}
.contact form dt .essential{
	margin:0 0 0 5px;
	padding:0.3em;
	font-size:9px;
	font-size:0.9em;
	font-size:0.9rem;
	color:#fff;
	background-color:#dc0000;
}
.contact form dt .circle{
	margin-right:0.1em;
}
.contact form dd{
	margin:0 0 30px;
	padding:0.75em;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	background-color:#DCE3E5;
	border:1px solid #E8EFF1;
	border-radius:6px;
}
.contact form select{
	margin-bottom:5px;
}
.contact form .textarea1{
	padding:0.5em;
	width:90%;
}
.contact .black{
	padding-top:20px;
	color:#fff;
	text-shadow:1px 1px 1px #000 !important;
}
.contact .black h2{
	margin:0 20px 5px;
	padding:10px;
	color:#ccc;
	background-color:#000;
	border-radius:3px;
}
.contact .black h3{
	margin:0 20px 5px;
	padding:10px;
	border-bottom:1px solid #444;
}
.contact .black p{
	margin:0 20px 0px;
	padding:0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.6;
	color:#fff;
	text-shadow:1px 1px 1px #000 !important;
}
.contact .contact_shop{
	margin:0 20px 10px;
	padding:20px 20px 16px;
	background-color:#2a2a2a;
	border:1px solid #393939;
	border-radius:3px;
	box-shadow:0 0 6px rgba(0,0,0,0.1)inset;
}
.contact .contact_shop dt{
	float:left;
	margin:0 0 4px;
	padding:3px 0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1;
	color:#fff;
	width:100px;
}
.contact .contact_shop dd{
	float:left;
	margin:0 0 4px;
	padding:3px 0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.6;
	color:#ccc;
	width:250px;
}
.contact .contact_shop dd i{
	margin-right:0.5em;
}
.contact .dl_plan-guide{
	margin:0 20px 0;
	padding:20px;
	background-color:#222;
	box-shadow:0 0 6px rgba(0,0,0,0.1)inset;
	border-radius:3px;
}
.contact .dl_plan-guide dt{
	margin:0 0px 0;
	padding:5px 0;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	line-height:1;
	text-shadow:none;
	border-bottom:1px solid #000;
}
.contact .dl_plan-guide dt i{
	margin-right:0.5em;
}
.contact .dl_plan-guide dt a{
	color:#fff;
}
.contact .dl_plan-guide dd{
	margin:0 0 10px;
	padding:5px 0;
	font-size:11px;
	font-size:1.1em;
	font-size:1.1rem;
	line-height:1.5;
	color:#ccc;
	text-shadow:none;
	border-top:1px solid #444;
}
.contact input,.contact textarea{
	padding:5px;
	font-size:15px;
	font-size:1.5em;
	font-size:1.5rem;
	border-radius:3px;
	border:1px solid #fff;
}
.input1{
	width:80% !important;
}
.input2{
	width:70% !important;
}
.input3{
	width:30% !important;
}
.input4{
	width:85% !important;
}
.textarea1{
	width:80% !important;
}
.submit{
	text-align:center;
}
.submit p{
	font-size:16px;
	font-size:1.6em;
	font-size:1.6rem;
}

/********************************************************************************************* 

CAR LINEUP

*********************************************************************************************/
.bg_section_cl01{
	background-image:url(images/bg_car-lineup_kv.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.bg_section_cl02{
	background-image:url(images/bg__komikomi_kv.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.bg_section_cl03{
	background-image:url(images/bg_refrigerated_kv.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.bg_section_cl04{
	background-image:url(images/bg_welfare-vehicle_kv.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.bg_section_cl05{
	background-image:url(images/bg_campaign-car_kv.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
}
.one-third .inner{
	padding:10px;
	border:5px solid #dc0000;
}
.one-third .inner h2{
	margin:-20px 0 10px 0;
	padding:0;
}

.line {
	padding-bottom:20px;
	background-color:#dce3e5 ;
	border-radius:3px;
	position:relative;
	box-shadow:0 3px 6px rgba(200,200,200,0.3); 
}
.lineup_header h3{
	margin:0;
	padding:10px 10px 0;
	font-size:16px;
	font-size:1.6em;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.5;
	color:#fff;
}
.lineup_header h3 span{
	font-weight:normal;
}
.lineup_header p{
	margin:0;
	padding:10px;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.5;
}
.ocean p{
	background-image:url(images/bg_ocean.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.green p{
	background-image:url(images/bg_green.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.yellow p{
	background-image:url(images/bg_yellow.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.ocean{
	background-color:#20aec0;
}
.green{
	background-color:#00b68f;
}
.yellow{
	background-color:#f9ab00;
}

.car_img{
	display:block;
	margin:0;
	padding:10px;
	background-color:#fff;
}
.link_calculation{
	position:absolute;
	right:10px;
	bottom:-19px;
}
.link_calculation a:hover img{
	opacity:0.7;
}
.line dl{
	margin:0;
	padding:10px 0 10px;
	background-color:#e8eff1;
	background-image:url(images/bg_lineup_dl.png);
	background-repeat:repeat-x;
	background-position:left top;
}
.line dt{
	display:none;
}
.line dd{
	margin:0 10px;
	padding:0 0 0 40px;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.5;
	background-image:url(images/bg_lineup_type.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.line dd span{
	font-weight:normal;
}
.charge_1{
	padding:10px;
	background-image:url(images/bg_lineup_tbl.png);
	background-repeat:repeat-x;
	background-position:left top;
}
.charge_1_inner{
	padding-left:40px;
	background-image:url(images/bg_lineup_tbl_title.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.charge_1 table{
	margin:0 10px 2em;
	border-collapse:collapse;
	border-spacing:0;
	width:96%;
}
.charge_1 th{
	padding:3px 3px;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.5;
	background-image:url(images/car-lineup_h3.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	border:1px solid #ccc;
}
.charge_1 th.reset{
	background-color:transparent !important;
	border:none !important;
}
.charge_1 td{
	padding:4px 12px;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.6;
	text-align:right;
	background-color:#e8eff1;
	border:1px solid #ccc;
}
.charge_1 td .save{
	color:#dc0000;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	font-weight:bold;
}
.charge_1 caption{
	padding:0 0 0.25em;
	font-size:10px;
	font-size:1.0em;
	font-size:1.0rem;
	line-height:1.6;
	text-align:right;
}
.two-thirds h1{
	margin:0;
	padding:0;
}
.two-thirds p{
	margin:0;
	padding:0;
	font-weight:bold;
}
.two-thirds img{
	max-width:100%;
}

.outline-inward {
}
.charge_2{
	margin:0 0px 1em;
	border-collapse:collapse;
	border-spacing:0;
}
.charge_2 th{
	padding:0.25em 0.5em;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.6;
	background-color:#F3F7F8;
	border:1px solid #95AFB7;
}
.charge_2 td{
	padding:0.25em 0.5em;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.5;
	color:#dc0000;
	background-color:#fff;
	border:1px solid #95AFB7;
}
.charge_2 caption{
	padding:0 0 0.25em;
	font-size:11px;
	font-size:1.1em;
	font-size:1.1rem;
	line-height:1.6;
	text-align:right;
}
.point{
	margin:0 -17px 17px 40px;
	padding:0;
}
.point li{
	float:left;
	margin:0 17px 0 0 ;
	padding:0;
	width:337px;
}
.list1{
	margin:0 0px 2em;
	padding:1em 0 0 0;
	list-style:none;
}
.list1 li{
	margin:0 0 0 1.5em;
	padding:0.5em 0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.5;
	color:#333;
	border-bottom:1px dotted #eaeaea;
}
.list1 li:last-child{
	border-bottom:none;
}
.list1 li i{
	margin-right:0.5em;
}
.asterisk_n{
	margin:0;
	padding:0;
	list-style:none;
}
.inner-1{
	float:left;
	width:50%;
}
.inner-1 p{
	margin:0 0 1em;
	padding:0;
}

.ul_estimate{
	margin:0 -17px 20px 40px;
	padding:0;
}
.ul_estimate li{
	float:left;
	margin:0 17px 0 0;
	padding:0;
}
.ul_estimate li a{
	display:block;
	max-width:516px;
	max-height:88px;
}
.ul_estimate li a{  
    width: 516px\9;  
    height: 88px\9;  
}  
.ryokin{
	padding:20px;
	border-radius:3px;
}
.bold-red{
	padding:3px;
	line-height:2;
	color:#dc0000;
	background-color:rgba(255,255,255,0.8);
	border-radius:3px;
}

/********************************************************************************************* 

LOCATION

*********************************************************************************************/  
.okayama .one-third h2,.ehime .one-third h2,.kagawa .one-third h2{
	margin:0;
	padding:1em;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	background-color:#fff;
	letter-spacing:2px;
}
.okayama .one-third p,.ehime .one-third p,.kagawa .one-third p{
	margin:0;
	padding:1em;
	background-color:#e8eff1;
	background-image:url(images/bg_lineup_dl.png);
	background-repeat:repeat-x;
	background-position:left top;
}
.okayama .one-third ul,.ehime .one-third ul,.kagawa .one-third ul{
	margin:0;
	padding:1em;
	background-color:#dce3e5;
	background-image:url(images/bg_lineup_tbl.png);
	background-repeat:repeat-x;
	background-position:left top;
}
.okayama .one-third ul li,.ehime .one-third ul li,.kagawa .one-third ul li{
	margin:0 0 0 1em;
	padding:0.25em 0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	list-style:none;
}
.okayama .one-third ul li a,.ehime .one-third ul li a,.kagawa .one-third ul li a{
	padding:0.25em 0.5em;
	border:1px solid #dc0000;
	border-radius:3px;
}
.okayama .one-third ul li a:hover,.ehime .one-third ul li a:hover,.kagawa .one-third ul li a:hover{
	color:#fff;
	background-color:#dc0000;
	border:1px solid #dc0000;
	border-radius:3px;
}
.okayama .one-third ul li i,.ehime .one-third ul li i,.kagawa .one-third ul li i{
	margin:0 0.25em 0 0;
	color:#000;
}
.okayama .one-third ul li a i,.ehime .one-third ul li a i,.kagawa .one-third ul li a i{
	color:#dc0000;
}
.okayama .one-third ul li a:hover i,.ehime .one-third ul li a:hover i,.kagawa .one-third ul li a:hover i{
	color:#fff;
}

.okayama .one-third img,.ehime .one-third img,.kagawa .one-third img{
	margin:0;
	padding:0.25em 0;
	background-color:#fff;
	border-radius:3px;
}

.location dl{
	margin:0 0 40px;
	padding:0;
}
.location dt{
	margin:0 0 10px;
	padding:5px 0;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.5;
	border-top:1px solid #95afb7;
	border-bottom:1px solid #95afb7;
}
.location dd{
	margin:0 0 10px;
	padding:0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.5;
}
.location dd i{
	margin-right:0.25em;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
}
.location span a{
	padding:0.25em 0.5em;
	border:1px solid #dc0000;
	border-radius:3px;
}
.location span a:hover{
	color:#fff;
	background-color:#dc0000;
	border:1px solid #dc0000;
	border-radius:3px;
}
.location-switch{
	margin:0px 0px 0px;
	padding:0 0 0px;
	text-align:right;
	border-bottom:1px solid #fff;
}
.location-switch li{
	display:inline;
	margin:0;
	padding:0;
	font-size:15px;
	font-size:1.5em;
	font-size:1.5rem;
	line-height:1
}
.location-switch li a{
	margin:0;
	padding:5px 20px;
	color:#fff;
	background-color:#333;
}
.location-switch li a:hover{
	color:#fff;
	background-color:#666;
}
.location .post i ,.okayama .shop_wrap i,.ehime .shop_wrap i,.kagawa .shop_wrap i {
    color: #DC0000;
    margin-right: 0.25em;
}

/********************************************************************************************* 

GUIDE

*********************************************************************************************/
.guide dl{
	margin:0;
	padding:0;
}
.guide dt {
	margin:0 0 10px;
    padding: 0.5em 0.5em;
	font-size:16px;
	font-size:1.6em;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1;
	background-color: #E8EFF1;
    border-radius: 3px;
}

.guide dd {
	margin:0 0 40px;
    padding: 4px 8px;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:2;
}
.guide .dl_step dd span{
	margin:0;
	padding:0;
	color:#dc0000;
	font-size:16px;
	font-size:1.6em;
	font-size:1.6rem;
}

.guide .dl_guide{
	margin:0px;
	padding:0px;
}
.guide .dl_guide dt{
	margin:0 0 1em;
	padding:0.5em 1em;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.6;
	background-color:#fff;
	border:1px solid #E8EFF1;
	border-radius:3px;
}
.guide .dl_guide dd{
	margin:0 0 2em;
	padding:0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
}
.guide .dl_guide dd span{
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:3;
	color:#dc0000;
}
.guide .dl_faq{
	margin:0 0px 40px;
	padding:20px;
	background-color:#fff;
	border:10px solid #F3F7F8;
	border-radius:3px;
}
.guide .dl_faq dt{
	margin:0 0 1em;
	padding:0.5em 0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.6;
	color:#333;
	background-color:transparent;
}
.guide .dl_faq dt span{
	margin:0 1em 0 0;
	padding:10px;
	color:#fff;
	background-color:#333;
	border-radius:3px;
}
.guide .dl_faq dd{
	margin:0 0 2em;
	padding:20px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	background-color:#fff;
	border:1px solid #E8EFF1;
	border-radius:3px;
}
.guide .dl_faq dd span{
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:3;
	color:#dc0000;
}
.guide .term3 li{
	margin:0 0 5px 20px;
	padding:5px 0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1;
	border-bottom:1px dotted #ccc;
	list-style:disc;
}

/********************************************************************************************* 

ACCIDENT

*********************************************************************************************/
.accident dl{
	margin:0 0px 0px;
	padding:0px;
}
.accident dt{
	margin:0 0 0.5em;
	padding:0.5em;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.6;
}
.accident dt i{
	margin:0 0.25em 0 0;
	padding:0;
	font-size:24px;
	font-size:2.4em;
	font-size:2.4rem;
	line-height:1.6;
	color:#fff;
}
.accident dd{
	margin:0 0 2em;
	padding:1em 0.5em;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	background-color:#F3F7F8;
	border:1px solid #fff;
	border-radius:3px;
}
.accident dd span{
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	color:#dc0000;
}

.contract dl{
	margin:0 40px 40px;
	padding:0;
}
.contract dt{
	margin:0 0 0.25em;
	padding:0.5em 0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.6;
}
.contract dd{
	margin:0 0 2em;
	padding:0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
}
.contract dd span{
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:3;
}
.contract dd ul{
	margin:1em 0 2em;
	padding:0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
}
.contract dd ul li{
	margin:0 0 0 2em;
	padding:0.5em 0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	list-style:decimal;
	border-bottom:1px dotted #eaeaea;
}
.contract dd ul li li{
	margin:0 0 0 2em;
	padding:0.5em 0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	list-style:none !important;
	border-bottom:1px dotted #eaeaea;
}
.contract dd ul li li { counter-increment : chapter ; }
.contract dd ul li li:before { content : "（" counter(chapter) "）" ; }



/********************************************************************************************* 

COMPENSATION / PRIVACY

*********************************************************************************************/

.compensation dl,.privacy dl{
	margin:0 0 40px;
	padding:0;
}
.compensation dt,.privacy dt{
	margin:0 0 10px;
	padding:5px 0;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.5;
	border-top:1px solid #e8eff1;
	border-bottom:1px solid #e8eff1;
}
.compensation dd,.privacy dd{
	margin:0 0 40px;
	padding:0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.5;
}
.compensation dd span,.privacy dd span{
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	line-height:2.5;
	font-weight:bold;
}
.compensation dd ul,.privacy dd ul{
	margin:10px 0 10px;
	padding:20px;
	border:10px solid #e8eff1;
	border-radius:3px;
}
.compensation dd ul li,.privacy dd ul li{
	margin:0 0 0 1em;
	padding:0.5em 0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.5;
	border-bottom:1px dotted #eaeaea;
}

/********************************************************************************************* 

COMPANY

*********************************************************************************************/  
.official-link{
	padding:3px;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	color:#dc0000;
	background-color:#fff;
	border:1px solid #dc0000;
	border-radius:3px;
}
.official-link:hover{
	color:#fff;
	background-color:#dc0000;
}
.company .tbl_outline{
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#fff;
}
.company .tbl_outline th{
	padding:0.5em 2em;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1;
	text-align:left;
	border:1px solid #eaeaea;
	letter-spacing:0.2em;
}
.company .tbl_outline td{
	padding:0.5em 2em;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	text-align:left;
	border:1px solid #eaeaea;
	letter-spacing:0.2em;
}
.company .mission{
	margin:0 0px 40px;
	padding:0;
}
.company .mission dt{
	margin:0 0 10px;
	padding:0 0 5px 0;
	font-size:15px;
	font-size:1.5em;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.6;
	border-bottom:1px solid #c8dadf;
}
.company .mission dt i{
	margin-right:0.5em;
	color:#0ab291;
}
.company .mission dt span{
	margin:0 0 0 10px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:normal;
}
.company .mission dd{
	margin:0 0 10px;
	padding:0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
}
.company .mission dd ul{
	margin:0;
	padding:0;
}
.company .mission dd ul li{
	margin:0 0 5px 25px;
	padding:4px 0;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	list-style:disc;
}
.company .history{
	margin:0;
	border-collapse:separate;
	border-spacing:0;
}
.company .history th{
	padding:5px;
	font-size:11px;
	font-size:1.1em;
	font-size:1.1rem;
	font-weight:normal;
	line-height:1;
	text-align:right;
	white-space:nowrap;
}
.company .history td{
	padding:5px 0 5px 10px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.5;
	border-bottom:1px solid #DCE3E5;
	border-top:1px solid #fff;
}


/********************************************************************************************* 

ESTIMATE

*********************************************************************************************/ 
.estimate .rsvdata{
	margin:0 0px 20px;
	padding:20px;
	background-color: #e8eff1;
	border: 10px solid #f3f7f8;
	border-radius:3px;
}
.estimate .rsvdata dt{
	margin:0;
	padding:5px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
}
.estimate .rsvdata dt sup{
	margin-left:1em;
}
.estimate .rsvdata dd{
 background-color: #dce3e5;
    border: 1px solid #e8eff1;
    border-radius: 6px;
    font-size: 1.3rem;
    line-height: 1.6;
    margin: 0 0 20px;
    padding: 0.5em;
}
.estimate #sub-nav2{
}
.estimate #sub-nav2 h2{
	margin:0 0 10px;
	padding:0;
	color:#333;
}
.calculation_results{
	margin-bottom:20px;
	border:1px solid #ccc;
	box-shadow:0 0 6px rgba(100,100,100,0.3)inset;
}
.estimate #sub-nav2 dl{
	margin:0 0px 10px;
	padding:10px;
	border-radius:3px;
}
.estimate #sub-nav2 dt{
	margin:0 0 0px;
	padding:5px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1;
	color:#fff;
	border-radius:3px 3px 0 0;
}
.estimate #sub-nav2 dd{
	margin:0 0 10px;
	padding:5px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1;
}
#calculation dt{
	background-color:#333;
}
#calctotal dt{
	background-color:#dc0000;
}

.estimate #sub-nav2 input{
	margin:0 0 0px 0px;
	padding:5px;
	font-size:15px;
	font-size:1.5em;
	font-size:1.5rem;
	line-height:1;
	width:85%;
}
.estimate #sub-nav2 p{
	margin:0 40px 5px;
	padding:0;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	line-height:1.6;
	color:#333;
	text-shadow:none !important;
}
.estimate #sub-nav2 table{
	margin:0 40px 20px;
	border-collapse:separate;
	border-spacing:4px;
	border:4px solid #eaeaea;
	border-radius:3px;
}
.estimate #sub-nav2 th{
	padding:5px 10px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	color:#333;
	border-right:4px solid #eaeaea;
}
.estimate #sub-nav2 th sup{
	margin-left:1em;
}
.estimate #sub-nav2 td{
	padding:5px 10px;
	font-size:13px;
	font-size:1.3em;
	font-size:1.3rem;
	line-height:1.6;
	color:#333;
}
.estimate #sub-nav2 td input{
	margin:0 0px 0 0;
	padding:5px;
	font-size:14px;
	font-size:1.4em;
	font-size:1.4rem;
	line-height:1.6;
	color:#000;
	width:12em;
}
.estimate .list1{
	margin:0 0px 20px;
	padding:10px;
	border:5px solid #fafafa;
	border-radius:3px;
}
.estimate .list1 li{
	margin:0 0 0 20px;
	padding:5px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	list-style:disc;
}
.estimate .list1 li:first-child{
	border-top:none;
}
.estimate .list1 li:last-child{
	border-bottom:none;
}
.estimate #name{
	width:80%;
}
.estimate #division{
	width:80%;
}
.estimate #company{
	width:80%;
}
.submit_wrap p{
	text-align:center;
	font-size:18px;
	font-size:1.8em;
	font-size:1.8rem;
	color:#fff;
}
.rsvmail{
	margin:0 0 20px;
	padding:20px;
	border:10px solid #e8eff1;
	border-radius:3px;
}
.rsvmail table{
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
.rsvmail th{
	padding:8px 16px;
	font-size:18px;
	font-size:1.8em;
	font-size:1.8rem;
	line-height:1;
	color:#fff;
	white-space:nowrap;
	width:1%;
}
.rsvmail th sup{
	margin-left:0.25em;
	color:#F1EA04;
}
.rsvmail td{
	padding:8px 16px;
	font-size:18px;
	font-size:1.8em;
	font-size:1.8rem;
	line-height:1.5;
	color:#fff;
}
.rsvmail #email{
	padding:4px;
	width:70%;
	font-size:18px;
	font-size:1.8em;
	font-size:1.8rem;
}
.rsvmail #phone{
	padding:4px;
	width:70%;
	font-size:18px;
	font-size:1.8em;
	font-size:1.8rem;
}
.estimate_button{
	text-align:center;
	margin:0 10px 10px;
	padding:10px 0;
}
.estimate_button input#sending{
	padding:20px 60px !important;
	font-size:20px;
	font-size:2.0em;
	font-size:2.0rem;
	letter-spacing:10px;
	color:#3f75b7;
	background-color:#fff;
	border-radius:3px;
	border-style:none;
}
.estimate_button input#sending:hover{
	color:#fff;
	background-color:#83b73f;
}

.blank{
	background-color:transparent !important;
	box-shadow:0 0 0 rgba(255,255,255,0) !important;
}

.ad{
background-color: #fff;
border: 5px solid #dc0000;
border-radius: 5px;
box-shadow: 0 12px 12px rgba(0,0,0,.3);
}
.ad li{
font-size: 12px;
list-style:none; 
}
.ad li:before { content:"※"; }
@media only screen and (max-width: 768px) {
.ad{margin-left:2% !important;margin-right: 2% !important; }
}


/*addition20170929*/
.logo-svg{
margin: 0 auto;
display: block;
width: 40%;
}