@charset "UTF-8";
@import url(/css/common.css);
/* ============================================================================================== */
/* お問合せ */
/* ============================================================================================== */
body{
	background:url("../image/bg.jpg") no-repeat scroll 50% 50%/cover transparent;
}

#wrapper{
	background:none;
}

#container{
	background:none;
	margin:0 auto;
	padding-top:3em;
}

.icon-required{
	zoom:1;
	display:inline-block;
	*display:inline;
	margin:0 0.5em;
	padding:0.15em 0.5em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#ff6601;
	line-height:1.2;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
}

input[type="text"],
textarea{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	padding:0.3em 1em;
	border:2px solid #ccc;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:#fff;
	-webkit-transition-property:border-color, background-color, box-shadow, color;
	-moz-transition-property:border-color, background-color, box-shadow, color;
	transition-property:border-color, background-color, box-shadow, color;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	transition-duration:0.2s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}

input[type="text"]:focus,
textarea:focus{
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3) inset;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.3) inset;
}

input[type="radio"],
input[type="checkbox"]{
	margin:0 0.25em 0 0;
	vertical-align:middle;
}

/* ---------------------------------------------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------------------------------------------- */
#header-ssl{
	padding:1em;
	border-top:5px solid #053679;
}

#header-ssl #header-in{
	zoom:1;
	position:relative;
	width:800px;
	margin:0 auto;
	text-align:center;
}

#header-ssl #header-in .ssl{
	margin:0 auto 2em;
}

#header-ssl #header-in .logo img{
	max-width:300px;
}

#header-ssl #header-in .close{
	zoom:1;
	position:absolute;
	right:0;
	top:0;
}

#header-ssl #header-in .close a{
	zoom:1;
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
	padding:0.75em 1em;
	border:0 none;
	border-bottom:5px solid #484848;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#686868;
	line-height:1.4;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	transition-duration:0s;
}

#header-ssl #header-in .close a:hover{
	margin-top:5px;
	border-bottom:0 none;
}

/* ---------------------------------------------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------------------------------------------- */
#footer-ssl{
	padding:2em;
	border-top:1px solid #dddddd;
	text-align:center;
}

#footer-ssl .logo img{
	max-width:180px;
}

/* ---------------------------------------------------------------------------------------------- */
/* contents */
/* ---------------------------------------------------------------------------------------------- */
#contents{
	width:800px;
}

/* ---------------------------------------------------------------------------------------------- */
/* page-title */
/* ---------------------------------------------------------------------------------------------- */
#page-title{
	background:none;
	height:100px;
	zoom:1;
	position:relative;
	margin:0 auto 4em;
}

#page-title h1{
	margin:0 auto 1em;
	padding:0;
	line-height:1.4;
	font-size:2.2em;
	font-weight:bold;
	text-align:center;
	color:#053679;
}

#page-title:last-child{
	margin-bottom:0 !important;
}

/* ---------------------------------------------------------------------------------------------- */
/* alert */
/* ---------------------------------------------------------------------------------------------- */
#alert{
	zoom:1;
	position:relative;
	margin:0 auto 2em;
	padding:1.5em 1em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#e00;
	line-height:1.4;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

#alert i{
	margin:0 0.25em 0 0;
}

#alert:last-child{
	margin-bottom:0 !important;
}

/* ---------------------------------------------------------------------------------------------- */
/* flow */
/* ---------------------------------------------------------------------------------------------- */
.flow{
	zoom:1;
	position:relative;
	margin:0 auto 3em;
	zoom:1;
}

.flow:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

.flow div{
	opacity:0.2;
	zoom:1;
	display:block;
	float:left;
	width:32%;
	margin:0 2% 0 0;
	padding:0.5em 1em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#282828;
	line-height:1.4;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.flow div:last-child{
	margin-right:0;
}

.flow div.active{
	opacity:1;
	background:#053679;
}

.flow:last-child{
	margin-bottom:0 !important;
}

/* ---------------------------------------------------------------------------------------------- */
/* message */
/* ---------------------------------------------------------------------------------------------- */
.message{
	zoom:1;
	position:relative;
	margin:0 auto 2em;
	text-align:center;
}

.message h2{
	margin:0 auto 1em;
	line-height:1.4;
	font-size:1.4em;
	font-weight:bold;
}

.message b{
	color:#053679;
}

.message:last-child{
	margin-bottom:0 !important;
}

/* ---------------------------------------------------------------------------------------------- */
/* notice */
/* ---------------------------------------------------------------------------------------------- */
#notice{
	zoom:1;
	position:relative;
	margin:0 auto 3em;
	padding:1.5em 2em;
	border:1px solid #ff6601;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center;
}

#notice h2{
	margin:0 0 0.5em;
	line-height:1.4;
	font-size:1.2em;
	font-weight:bold;
	color:#ff6601;
}

#notice p{
	margin:0 auto 1.5em;
}

#notice h2:last-child,
#notice p:last-child{
	margin-bottom:0 !important;
}

#notice .tel h3{
	padding:0;
	line-height:1.4;
	font-size:1em;
	font-weight:normal;
}

#notice .tel h3 b{
	font-size:inherit;
	font-weight:bold;
}

#notice .tel a{
	zoom:1;
	display:inline-block;
	*display:inline;
	text-decoration:none;
	color:#383838;
}

#notice .tel .taxi, #notice .tel .bus{
	line-height:1.4;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0 3em;
}

#notice .tel .taxi i, #notice .tel .bus i{
	margin:0 0.15em 0 0;
}

#notice .tel .taxi > div, #notice .tel .bus > div{
	line-height:1.4;
	font-size:1.4em;
}

#notice .tel .taxi{
	zoom:1;
	position:relative;
}

#notice .tel .taxi:before{
	content:"";
	zoom:1;
	display:block;
	zoom:1;
	position:absolute;
	top:-0.5em;
	left:0;
	width:115px;
	height:90px;
	background:url("/common_img/photo_nav_taxi.png") 50% 50% no-repeat transparent;
	background-size:80%;
}

#notice .tel .taxi i, #notice .tel .taxi b{
	color:#6b9e09;
}

#notice .tel .bus{
	zoom:1;
	position:relative;
}

#notice .tel .bus:before{
	content:"";
	zoom:1;
	display:block;
	zoom:1;
	position:absolute;
	top:-0.5em;
	left:0;
	width:115px;
	height:90px;
	background:url("/common_img/photo_nav_bus.png") 50% 50% no-repeat transparent;
	background-size:80%;
}

#notice .tel .bus i, #notice .tel .bus b{
	color:#0da9d1;
}

#notice:before{
	content:"";
	zoom:1;
	display:block;
	zoom:1;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.6;
}

#notice:last-child{
	margin-bottom:0 !important;
}

/* ---------------------------------------------------------------------------------------------- */
/* box */
/* ---------------------------------------------------------------------------------------------- */
.box{
	zoom:1;
	position:relative;
	margin:0 auto 3em;
	padding:2em;
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.box table{
	zoom:1;
	position:relative;
	width:100%;
	margin:0 auto 1.5em;
	border-width:1px 0 0;
}

.box table, .box table th, .box table td{
	border-style:solid;
	border-color:#ddd;
}

.box table th, .box table td{
	padding:1.25em 2em;
	border-width:0 0 1px;
	text-align:left;
	vertical-align:top;
}

.box table th{
	width:35%;
}

.box table th > div{
	zoom:1;
	position:relative;
	line-height:1.6;
}

.box table th span{
	zoom:1;
	position:absolute;
	top:0.35em;
	right:2em;
}

.box table td > div{
	zoom:1;
	position:relative;
	margin:0 auto 1em;
	line-height:1.6;
}

.box table td > div:last-child{
	margin-bottom:0;
}

.box table tr.subject label{
	zoom:1;
	display:block;
	zoom:1;
	position:relative;
	padding:0.15em 0 0.15em 1.5em;
}

.box table tr.subject label input[type="radio"]{
	zoom:1;
	position:absolute;
	top:0.35em;
	left:0;
	margin:0 0.5em 0 0;
	vertical-align:middle;
}

.box table tr.type label{
	zoom:1;
	display:block;
	zoom:1;
	position:relative;
	padding:0.15em 0 0.15em 1.5em;
}

.box table tr.type label input[type="checkbox"]{
	zoom:1;
	position:absolute;
	top:0.35em;
	left:0;
	margin:0 0.5em 0 0;
	vertical-align:middle;
}

.box table tr.name input[type="text"]{
	width:60%;
	min-width:200px;
}

.box table tr.tel input[type="text"]{
	width:60%;
	min-width:200px;
}

.box table tr.email input[type="text"],
.box table tr.email input[type="mail"]{
	width:100%;
	min-width:300px;
}

.box table tr.reply label{
	margin:0 5em 0 0;
}

.box table tr.reply label:last-child{
	margin-right:0;
}

.box table tr.content textarea{
	width:100%;
	min-width:300px;
	height:16em;
}

.box table tr.error .error-message{
	font-weight:bold;
	color:#e00;
}

.box table tr.error input[type="text"],
.box table tr.error textarea{
	border-color:#e00;
	background:#fff9f9;
}

.box table tr.error th, .box table tr.error td{
	background:#ffefef;
}

.box table tr.error th{
	font-weight:bold;
	color:#e00;
}

.box table:last-child{
	margin-bottom:0 !important;
}

.box:before{
	content:"";
	zoom:1;
	display:block;
	zoom:1;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.05;
}

.box:last-child{
	margin-bottom:0 !important;
}

/* ---------------------------------------------------------------------------------------------- */
/* table */
/* ---------------------------------------------------------------------------------------------- */
.buttons{
	zoom:1;
	position:relative;
	margin:0 auto 3em;
	text-align:center;
}

.buttons span{
	zoom:1;
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
	margin:0 0.25em;
	vertical-align:top;
}

.buttons span a,
.buttons span input[type="button"],
.buttons span input[type="submit"]{
	-webkit-appearance:none;
	zoom:1;
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
	padding:1em 5em;
	border:0 none;
	border-bottom:5px solid #484848;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#686868;
	line-height:1.4;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	transition-duration:0s;
}

.buttons span:hover a,
.buttons span:hover input[type="button"],
.buttons span:hover input[type="submit"]{
	margin-top:5px;
	border-bottom:0 none !important;
	background:#484848;
}

.buttons span:hover:after{
	margin:5px 0 0;
}

.buttons span.close:after{
	content:"\f00d";
	zoom:1;
	display:block;
	zoom:1;
	position:absolute;
	z-index:1;
	top:0.75em;
	right:1.5em;
	font-family:"FontAwesome";
	color:#fff;
}

.buttons span.back:after, .buttons span.next:after{
	zoom:1;
	display:block;
	zoom:1;
	position:absolute;
	z-index:1;
	top:1em;
	font-family:"FontAwesome";
	color:#fff;
}

.buttons span.back:after{
	content:"\f104";
	left:1.5em;
}

.buttons span.next a,
.buttons span.next input[type="button"],
.buttons span.next input[type="submit"]{
	border-bottom-color:#e54100;
	background:#ff6601;
}

.buttons span.next:hover a,
.buttons span.next:hover input[type="button"],
.buttons span.next:hover input[type="submit"]{
	background:#e54100;
}

.buttons span.next:after{
	content:"\f105";
	right:1.5em;
}

.buttons:last-child{
	margin-bottom:0 !important;
}

@media screen and (max-width: 1000px) {
  input[type="text"],
  textarea{
		font-size:16px;
  }

  body{
		background-size:100% auto;
		background-position:top right;
  }

  #contents{
		padding:0 1em;
  }

  #container{
		padding:1em 0;
		margin:0 auto 2em;
  }

  #page-title{
		margin-bottom:2em;
  }

  #page-title h1{
		font-size:1.6em;
  }

  #page-title .flow{
		margin-bottom:1.5em;
  }

  #page-title .flow div{
		font-size:1em;
  }

  #page-title::after{
		background:none;
  }

  #header-ssl #header-in{
		width:100%;
  }

  #header-ssl #header-in .txt .logo img{
		max-width:200px;
  }

  #header-ssl #header-in .txt .ssl{
		font-size:0.8em;
		margin:0 auto 1.5em;
  }

  #header-ssl #header-in .close a{
		padding:0.5em 0.75em;
  }

  #alert{
		padding:1em;
		font-size:1em;
  }

  .message{
		margin-bottom:1.5em;
  }

  .message br{
		display:none;
  }

  #notice{
		margin-bottom:1.5em;
		padding:1.25em;
  }

  #notice p{
		margin-bottom:1em;
  }

  #notice .tel{
		font-size:1.2em;
  }

  #notice .tel h3{
		zoom:1;
		display:inline-block;
		*display:inline;
		font-size:inherit;
  }

  #notice .tel .taxi, #notice .tel .bus{
		margin-bottom:0.3em;
		font-size:inherit;
		padding:0;
  }

  #notice .tel .taxi > div, #notice .tel .bus > div{
		font-size:inherit;
		zoom:1;
		display:inline-block;
		*display:inline;
  }

  #notice .tel .taxi:before, #notice .tel .bus:before{
		background:none;
  }

  .box{
		margin-bottom:1.5em;
		padding:0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background:none transparent;
  }

  .box table{
		zoom:1;
		display:block;
		width:auto;
  }

  .box table thead, .box table tbody, .box table tr, .box table th, .box table td{
		zoom:1;
		display:block;
		width:auto;
  }

  .box table th, .box table td{
		border:0 none;
  }

  .box table th{
		zoom:1;
		position:relative;
		padding-top:0.75em;
		padding-bottom:0.75em;
		padding-left:2.25em;
		background:#053679;
		font-weight:bold;
		color:#fff;
  }

  .box table th span{
		zoom:1;
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
		margin:0 0 0 1em;
  }

  .box table th:before{
		content:"";
		zoom:1;
		display:block;
		zoom:1;
		position:absolute;
		top:30%;
		left:1em;
		width:4px;
		height:40%;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background:#fff;
  }

  .box table td{
		padding:1em 1.5em;
		background:#f3f3f3;
  }

  .box table td > div{
		font-size:inherit;
  }

  .box table tr{
		overflow:hidden;
		margin-bottom:1.5em;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
  }

  .box table tr.name input[type="text"]{
		max-width:100%;
  }

  .box table tr.tel input[type="text"]{
		max-width:100%;
  }

  .box table tr.email input[type="text"],
  .box table tr.email input[type="mail"]{
		max-width:100%;
  }

  .box table tr.contact textarea{
		max-width:100%;
  }

  .box table tr:last-child{
		margin-bottom:0 !important;
  }

  .box table tr.error th{
		background:#e00;
		color:#fff;
  }

  .buttons span a,
  .buttons span input[type="button"],
  .buttons span input[type="submit"]{
		min-width:200px;
		padding:0.75em 2.5em;
  }

  .buttons span.back:after, .buttons span.next:after{
		top:0.75em;
  }
}