@charset "UTF-8";
/*==================================
body
==================================*/
body {
	background-color: #E4E4E4;
}
.pc {
	display: none;
}

/*==================================
ヘッダー
==================================*/
#gnavi {
	margin-bottom: 15px; 
}

#pagepath {
	color: #4d4d4d;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid #f2f0ec; 
}

#pagepath a:link {
	color: #4d4d4d;
	text-decoration: none; 
}
#pagepath a:visited {
	color: #4d4d4d;
	text-decoration: none; 
}
#pagepath a:hover {
	color: #4d4d4d;
	text-decoration: underline; 
}
h1 {
	width: 100%;
	margin: 0 auto;
}
h1 img {
	width: 100%;
}

/*==================================
maincontants
==================================*/
.section p.form_notice {
	margin-bottom: 10px;
}
.section p {
	margin: 5px 0 15px 0;
}

/*:: 店舗検索 :::::::::::::::::::::::*/
dl.search_box dt #keywords {
    width: 100%;
    height: 30px;
    background: #fff;
    border: 2px solid #c8c8c8;
    padding: 4px;
    color: #000;
    margin: 0;
    box-sizing: border-box;
     }
  dl.search_box dd #searchBtn {
    width: 100%;
    height: 30px;
    background-color: #c8c8c8;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: none;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    margin: 10px auto; }
  dl.search_box dd{margin: 0;}
  dl.search_box dd a{color: #000;}
  dl.search_box *:first-child + html #searchBtn {
    top: 1px; }

/*==================================
お問い合わせフォーム
==================================*/
.wrap .mini_header {
    display: none;
}

 .inquiry span.red {
  color: #EC563D;
  font-weight: bold;
  font-size: 14px; 
}

.inquiry form div {
	margin-bottom: 20px;
}
.inquiry form div.bg_white {
	padding: 10px; 
	background-color: #FFF;
	width: calc(100% - 20px); 
	margin: 5px 0;
}
  .inquiry form div label {
    font-size: 14px; 
	font-weight: bold;
}
  .inquiry form div label.no_bold {
	font-weight: normal;
}
.inquiry form div .dropdown {
	width: 100%
}
  .inquiry form div .text ,
  .inquiry form div .textarea ,
  .inquiry form div .dropdown {
    border: 0px solid #C8C8C8;
    padding: 13px 10px 16px;
    color: #000;
    background: #fff;
    font-size: 15px; 
}
    .inquiry form div .text:focus ,
    .inquiry form div .textarea:focus ,
    .inquiry form div .dropdown:focus {
      outline: 0;
			background-color: #FFEFFE
}
  .inquiry form div .text,
  .inquiry form div .textarea {
    width: calc(100% - 20px); 
}
  .inquiry form div .radio {
    width: 16px;
    height: 16px;
    vertical-align: middle; 
}
  .inquiry form div .submit {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    margin: 15px auto;
    text-align: center;
	background-color: #0074FF;
    width: 100%;
    cursor: pointer;
    color: #fff; 
}
  .inquiry form div .submit.gray {
		background-color: #787878;
}
  .inquiry form div input.error ,
  .inquiry form div select.error ,
  .inquiry form div textarea.error {
    background-color: #FFE2DE; 
}
  .inquiry form div p.error {
    color: #EC563D;
    margin: 0;
    font-size: 12px; 
    font-weight: bold;
}

.inquiry .copy .container p {
  text-align: center;
  float: none !important; 
}
.inquiry form div input {
	font-size: 14px;
	font-family:
		"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
		"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN",
		Meiryo,
		sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 1px;
	margin: 5px 0;
	transition: 0.5s;
}
.inquiry form div select {
	margin: 5px 0;
	transition: 0.5s;
}

/*==================================
確認
==================================*/
.confirmation span.red {
  color: #EC563D;
  font-size: 14px; 
}

.confirmation dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.confirmation dt ,
.confirmation dd {
  padding: 0;
  font-size: 14px; 
}
.confirmation dt {
  color: #303030;
  font-weight: bold;
}
.confirmation dd {
  margin: 5px 0 10px 0;
  border-bottom: 1px solid #E4E4E4;
  padding-left: 15px; 
}
.confirmation form .submit ,
.confirmation form .return {
  border-radius: 5px;
  box-shadow: 2px 2px 0 0 #bababa;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  margin: 10px auto;
  text-align: center;
  cursor: pointer;
  color: #fff; 
  width: 100%;
}
.confirmation form .submit {
  background-color: #7ac543;
}
.confirmation form .return {
  background-color: #8E8E8E;
}


/*==================================
完了
==================================*/
.complete p.message {
  font-size: 120%;
  margin: 20px 0 20px 0;
  line-height: 150%; 
}

/*==================================
notes
==================================*/
.inquiry form div.notes {
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 30px;
}
.notes h2 {
	font-size: 18px;
	color: #FFF;
	text-indent: 10px;
	background-color: #0074FF;
	padding: 3px 0;
}
.inquiry form div.notes_padding {
	padding: 15px;
	margin: 0;
}
.notes p {
	font-size: 14px;
	margin: 0;
}
.notes p.lead {
	margin-bottom: 10px
}
.notes p b {
	font-size: 16px;
}
.notes h3 {
	font-size: 16px;
	margin: 20px 0 0;
	line-height: 1;
	vertical-align: middle;
	padding: 5px 10px;
}
.notes h3 b {
	font-size: 24px;
	vertical-align: middle;
}
.notes img {
	width: 100%;
	margin: 10px 0 0;
}
.blue_color {
	color: #0074FF;
	border: 2px solid #0074FF;
}
.red_color {
	color: #F00;
	border: 2px solid #F00;
}
.inquiry form div.bat_example {
	margin: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
.inquiry form div.bat_example p {
	float: left;
	width: calc(50% - 10px);
}
.inquiry form div.bat_example p:first-child {
	margin-right: 15px;
}
.lead_ti {
	text-indent: -14px;
	padding-left: 14px;
}