@charset "shift_jis";

/* --------

@_ reset & default

-------- */

html { height:100%; }
body {
	background:#FFF;
	color:#333;
	font:10px/1.5 'Noto Sans JP', sans-serif;
	text-align:center;
}
*+html body { font-family:'ＭＳ ゴシック'; font-size:62.5%; } /* for IE7 */
* html body { font-family:'ＭＳ ゴシック'; font-size:62.5%; } /* for IE6 */
a {
	color:#06C;
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:link { color:#06C; }
a:visited { color:#999; }
a:hover { text-decoration:underline; }
a img { border:0; }
img { vertical-align:bottom; }
body, div, dl, h1, h2, h3, h4, h5, h6, 
ol, ul, p, pre, span, td, th {
	margin:0;
	padding:0;
}
ul, ol, dl {
	margin:-3px 0 -3px;
}
li, dt, dd {
	margin:0;
}
dt{
	margin-bottom: 5px;
}
table {
	border: none;
	border-collapse:collapse;
	border-spacing:0;
	border-top:none;
	font-size:100%;
	width:100%;
}

.formTable {
	width: 1200px;
	margin: 0 auto;
}

.formTable tr {
	padding-bottom: 20px !important;
}

th {
	font-weight:normal;
	text-align:left;
}

/* clearfix */
.group:after {
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
* html .group { zoom:1; } /* for IE6 */
*:first-child+html .group { zoom:1; } /* for IE7 */

/* --------

@_ form default

-------- */

button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	line-height:inherit;
	margin:0;
	vertical-align:middle;
}
input[type="text"], .input_text {
	vertical-align:middle;
	background-color: #f9fff3;
	border: 1px solid #c3cbbb;
}
.input_min { width:2em; }
.input_S { width:4em; }
.input_R{ width:8em; }
.input_M { width:14em; }
.input_L { width:20em; }
.input_X { width:28em; }
.input_max {width: 80%;}
/*
.input_num { text-align:right; }
*/
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,
a::-moz-focus-inner,
button::-moz-focus-inner { border:none; padding:0; margin:0; }
textarea { line-height:1.5; width:20em; }
select { cursor:pointer; }
label { cursor:pointer; vertical-align:middle; }

/* --------

@_ common class

-------- */

.wrapper {
	font-size:120%; /* -- font-size -- */
	margin: 0 auto;
	text-align:left;
	width: 100%;
}
.formHead {
	background:#FFF;
	border:3px solid #EEE;
	padding:9px 12px;
	margin-bottom:36px;
}
.formGroup_title,
.formTitle {
	padding: 4px 0 4px 15px;
	margin: 20px 0;
	border-bottom: none;
	color: #333;
	border-left: solid 5px #333;
	font-size: 18px;
	font-weight: bold;
}

/* -- 項目のグループ分け -- */
.formGroup {
	width: 100%;
}
.formGroup_title {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	margin:15px 0;
	padding:5px 12px;
	background-color:#64645F;
}
.formTable th {background: transparent;}
th.required {font-weight:bold;/*! display: flex; *//*! justify-content: space-between; */}
.required_mark { color:#C00; }
.notice { padding:9px 0; }

/* -- マーカーなしのリスト -- */
ol.noMarkList, ul.noMarkList { list-style:none outside; }

/* -- 横並びのリスト -- */
.inlineList { list-style:none outside; }
.inlineList li, 
.inlineList dt, 
.inlineList dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
}

/* -- ボタンを囲う -- */
.submitWrapper {
	padding:0 12px;
	text-align:center;
	margin-bottom:36px;
}

/* --------

@_ input

-------- */

/* -- ラジオボタンのリスト -- */
.radioList li { margin-right:4px; }
fieldset, .fieldset { border:1px solid #CCC; padding:8px 11px; }

/* -- プライバシーポリシー -- */
.pp_text { padding:15px 15px; }
.pp_title { font-size:100%; font-weight:bold; padding:0 0 9px; }
.pp_list { list-style:none outside; margin:0 6px; }
.pp_list > li { padding:9px 0; }
.pp_list > li + li { border-top:1px solid #EEE; }
.pp_list > li > h4 { font-size:100%; font-weight:bold; margin-bottom:3px; }
.pp_massage_intro { padding: 0 6px 9px ; text-align:left; }
.pp_massage_submit { padding: 3px 0 ; text-align:center; margin-bottom:30px; }

#error .formTitle {background:url(../images/icon_attention.jpg) no-repeat left center;padding-left:32px;border: none;}
.error_message { margin-bottom:36px; padding:8px 0; }
#complete .formTitle {background:url(../images/icon_complete.jpg) no-repeat left center;padding-left:32px;border: none;}
.complete_message { margin-bottom:36px; padding:8px 0; }

#formGroup_privacy {
	font-size:120%;
	text-align:left;
}
#err_box ul {
	padding:9px 12px;
	list-style:disc inside;
	margin:9px 0 18px;
}
#kenri li {
	float: left;
}
.inlineList li {
	float: left;
}
#car li {
	float: left;
}
.station_area {
	list-style: none;
}

/* 横並び設定 */
.d_flex{
	display: flex;
}

.jc_center{
	justify-content: center;
}

.ai_center{
	align-items: center
}

/* タイトル・キャッチ */

.pagettl_form{
	background: url("../images/entry-ttl.jpg") no-repeat center top;
	background-repeat: no-repeat;
	background-position-x: center;
	background-size: cover;
	overflow: hidden;
	height: 150px;
	position: relative;
	clear: both;
	margin-bottom: 30px;
}

.pagettl_inner{
	text-align: center;
}

.content_trouble{
	position: relative;
	width: 680px;
	margin: 0 auto 30px;
	border: 5px solid #BEAF87;
}

.content_trouble::after{
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	border-top: 20px solid #beaf87;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
}

.trouble_list{
	display: flex;
	flex-wrap: wrap;
	padding: 35px 0 0 55px;
}

.trouble_list li{
	margin-right: 40px;
	padding-left: 50px;
	line-height: 40px;
	font-size: 20px;
}

.trouble_list li:nth-child(1){
	background: url(../images/trouble_icon1.png) no-repeat left center;
}

.trouble_list li:nth-child(2){
	background: url(../images/trouble_icon2.png) no-repeat left center;
}

.trouble_list li:nth-child(3){
	margin-right: 0;
	background: url(../images/trouble_icon3.png) no-repeat left center;
}

.trouble_list li:nth-child(4){
	margin: 20px 0 35px;
	background: url(../images/trouble_icon4.png) no-repeat left center;
}

.catch{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 40px;
	font-weight: bold;
	font-size: 35px;
}

.catch::before,
.catch::after{
	content:"";
	display: block;
	border-right: 5px solid transparent;
	border-top: 60px solid #beaf87;
	border-left: 10px solid transparent;
	margin-right: 25px;
	transform: rotate(-20deg);
}
.catch::after {
	
transform: rotate(20deg) scale(-1, 1);
}
.form_ttl{
	height: 50px;
	margin-bottom: 26px;
	padding-left: 20px;
	line-height: 50px;
	font-weight: normal;
	color: #FFF;
	background: url(../images/bg_form_ttl_r.png) no-repeat right bottom #BEAF87;
}

.form_ttl::after{
	content: '';
	display: block;
	margin-left: -20px;
	width: 16px;
	height: 16px;
	background: url(../images/bg_form_ttl_b.png) no-repeat left bottom;
}
.name_input label{margin-top: auto;/* margin-right: 10px; */display: inline-block;width: 50%;}
/* プライバシーポリシー上書き */
.content_pp{
	height: 150px;
	margin: 0 auto 40px;
	padding: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #CCC
}

.content_pp h3{
	text-align: center;
}

/* 必須マーク */
.required::after,
.required_contact::after{
	content: "必須";
	/* margin-left: 0.5em; */
	font-weight: bold;
	background-color: #CF4430;
	color: #fff;
	padding: 2px 8px;
	font-size: 12px;
	/* position: absolute; */
	/* right: 20px; */
	margin-left: 20px;
}
.required.either::after{
	content: "[どちらか必須]";
	margin-left: 0.5em;
	font-weight: bold;
	color:#304bcf;
}

/* デザイン変更 */

.form_ttl h1,
.form_ttl h2{
	margin-bottom: 20px;
	text-align: center;
}

.form_ttl h2{
	color: #00396A;
}

th, td {
	padding: 0 15px;
}

textarea{
	width: 80%;
	background-color: #f9fff3;
	border: 1px solid #c3cbbb;
	padding: 10px;
}
.question {
    height: 7em;
}

.radioList li{
	margin-right: 20px;
}

label{
	display: block;
}
.check_radio label {
    background-color: #f9fff3;
    padding: 10px;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #c3cbbb;
}

.check_radio label:not(:last-child) {
	margin-right: 8px;
}


input[type="text"], .input_text {
	padding: 10px;
	/* width: 80%; */
}
.p-postal-code {
    width: 3.5em;
    text-align: center;
}

.formGroup {margin:0 0 40px;}

.formTable th {
	width: 15em;
	font-weight: bold;
	font-size: 15px;
	position: relative;
}

.wrapper {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15px
}



.input_mb{
	margin-bottom: 10px;
}

.arrangeList li{
	min-width: 102px;
}

/* -- ボタン -- */
.buttonLook {
	width: 50%;
	height: 70px;
	margin: 0 auto 20px;
	font-weight: 900;
	font-size: 21px;
	border: none;
	/* -- CSS3 -- */
	background-color: #6fba2c;
	box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.2) inset;
	display: flex;
	text-decoration: none;
	align-items: center;
	justify-content:center;
	color: #FFF;
	border-radius: 5px;
	transition: 0.3s;
	padding-bottom: 2px;
	letter-spacing: 0.6em;
}

.buttonLook:hover {
	opacity:0.7;
	cursor: pointer;
}

a.buttonLook{
	display: block;
	margin: 0 auto;
	line-height: 80px;
	color: #FFF;
}

a.buttonLook:hover{
	text-decoration: none;
	color: #FFF;
}

a.buttonLook:visited{
	color: #FFF;
}

#button_return{
	background: #666;
}

.bg_grey{
	background: #F4F4F4;
}

.input_mr li{
	margin-right: 10px;
}

.input_mr input{
	margin-right: 5px;
}

.text_important{
	font-size: 17px;
	font-weight: bold;
}

.list_row_mb li,
.list_row_mb dd{
	margin-bottom: 10px;
}

.list_row_mb li:last-child,
.list_row_mb dd:last-child{
	margin-bottom: 0;
}

.cell_check{
	padding: 20px;
	text-align: center;
}

.visible_check{
	display: none;
}

.labelText_check{
	font-size: 17px;
	font-weight: bold;
}

.labelText_check::after{
	content:"";
	display: inline-block;
	margin-left: 1em;
	padding: 2px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border: 2px solid #666;
	background-repeat: no-repeat;
	background-position:  center center;
	background-color: #FFF;
	background-size: 80%
}

.visible_check:checked + .labelText_check::after{
	background-image: url(../images/check_box.png);
}

.content_procedure{
	margin-bottom: 40px;
	padding: 15px;
	border: 1px solid #CCC;
	background-color: #f4f4f4;
}
.op_leave_form .content_procedure {
	margin-top:-20px;
	margin-bottom: 60px;
}
.content_procedure h3{
	margin-bottom: 8px;
	padding: 5px 0.5em;
	text-align: center;
	font-size: 17px;
	color: #ffffff;
	background: #BEAF87;
	border-bottom: 1px solid #CCC;
}

.content_procedure h4{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

.content_procedure h4::before{
	content:"";
	display: inline-block;
	width: 3px;
	height: 15px;
	margin-right: 5px;
	vertical-align: middle;
	background: #CCC;
}

.content_procedure p,
.content_procedure ul{
	margin-bottom: 20px;
}

.content_procedure p:last-child{
	margin-bottom: 0;
}

.content_procedure ul{
	list-style-type: none;
}

.content_procedure li{
	margin-bottom: 10px;
	margin-left: 1em;
	text-indent: -1em;
}

.content_procedure li::before{
	content:"";
	display: inline-block;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #CCC;
}

.content_procedure .content_company{
	padding: 15px;
	text-align: center;
	background: #F4F4F4;
}

.content_company .company_name{
	font-size: 17px;
	font-weight: bold;
}


.content_err .mes_err{
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #CF4430;
}
.op_form_comment {
	font-weight: normal;
	display: block;
	font-size: 12px;
}

/* 確認画面 */

.confirm_cheked::after{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 1em;
	vertical-align: middle;
	background-image: url(../images/check_box.png);
	background-repeat: no-repeat;
	background-position:  center center;
	background-color: #FFF;
	background-size: 100%
}

.ml_5{
	margin-left: 5px;
}

.mr_5{
	margin-right: 5px;
}

.mb_10{
	margin-bottom: 10px;
}
/* フォームフロー（入力・確認・完了） */
.form_flow {
   margin: 20px 0;
	list-style: none;
	display: flex;
 }
.form_flow > li {
	width: calc(100%/3 - 10px);
	font-size: 16px;
	padding-left: 10px;
	background-color: #beaf87;
	display: flex;
	align-items: center;
	height: 40px;
	position: relative;
	font-weight:900;
	color: #FFF;
	opacity: 0.5;
}
.form_flow .selected {
	opacity:1;
}
.form_flow > li:first-child{
	z-index: 99;
}
.form_flow > li:nth-child(2){
	z-index: 98;
}
.form_flow > li:last-child{
	z-index: 1;	
	background-color: #DDD;
	width: calc(100%/3 + 10px);
}
.form_flow > li .number {

	display: flex;
	font-size: 14px;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	margin: 0 10px 0 20px;
	height: 25px;
	width: 25px;
	color: #beaf87;

}
.form_flow > li:first-child .number {
	margin: 0 10px 0 0;
}
.form_flow > li:last-child .number {
	color: #FFF;
	background-color: #333;
}
.form_flow > li:last-child {
	color :#333;
}
.form_flow > li::after {
    content: "";
    display: block;
    background-color: #beaf87;
    width: calc(40px/1.414);
    height: calc(40px/1.414);
    transform: rotate(45deg) translate(-10px, -10px);
    position: absolute;
    right: -14px;
    top:50%;
    z-index: -1;
}
.form_flow > li::before {
    content: "";
    display: block;
    background-color: #FFF;
    width: calc(40px/1.414);
    height: calc(40px/1.414);
    transform: rotate(45deg) translate(-10px, -10px)/* ie対策 */;
    position: absolute;
    left: -14px;
    top:50%;/* ie対策 */
}
.form_flow > li:first-child::before,
.form_flow > li:last-child::after
{
	display: none;
}
.formTable tr th label input[type="text"],
.formTable tr td label input[type="text"] {
	margin: auto 0;
	/* padding: 10px; */
	background-color: #f9fff3;
	border: 1px solid #c3cbbb;
	width: 50%;
}
.name_input input[type="text"] {
	display:block;
	width: 100%;
}
/* validation error */
.errorMessage{
	margin-bottom: 20px;
}
.errorMessage p{
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color:#C00;
}



/*----------------------------
共通：色コード
-----------------------------*/
.mainColor {
	background-color: #64BB00;
}

.mainColor--text {
	color: #64BB00;
}

.contentsBack {
	background-color: #FBF9F3;
}

/* PCサイトでは非表示 */
.pc-none {
	display: none !important;
}
.pc-up {
	display: block !important;
}

.textLarge {
	font-size: 15px;
}
/* ヘッダー */
.header {
	/* margin-bottom: 10px; */
	z-index: 1;
	background: #fff;
	top: 0;
	width: auto;
	display: block;
}

.header-inner {
	position: relative;
	font-weight: 100;
	text-align: left;
	padding: 0 15px;
}

.header-inner h1 {
	font-size: 10px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 10px;
}

.header-logo {
	margin: 0 auto;
	text-align: center;
}

.header-button {
	display: flex;
	padding: 0;
	width: 100%;
	justify-content: space-between;
	margin: 15px auto;
}
.hp-top {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 7px 0;
	border-radius: 50px;
	position: relative;
	background-color: #E6E7E8;
	color: #000 !important;
}

.hp-top:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 10px;
	transform: rotate(45deg);
	position: absolute;
	right: 20px;
	top: 12px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}

.entry-button {
	color: #fff !important;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 7px 0;
	border-radius: 50px;
	position: relative;
}

.entry-button:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 10px;
	transform: rotate(45deg);
	position: absolute;
	right: 20px;
	top: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.header-button li {
	/* width: 48.5%; */
	width: calc((100% - 10px)/2);
}


/* footer */
.footer-entryButton {
	width: 50%;
	margin: 0 auto 80px auto;
	font-size: 20px;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

/* レスポンシブ用 */

.form_leave_date{
	display: flex;
}

.form_leave_date input{
	width: 4em;
}

body{
	width: 100%;
}
.formTable {
	width: 95%;
	margin: 0 auto;
}
.col2,
.content_trouble,
.input_L,
.input_max,
.buttonLook,
.formTable,
.formTable tbody,
.formTable tr,
.formTable th,
.formTable td{
	box-sizing: border-box;
}
.buttonLook {
	height:50px;
	font-size:18px;
	width: 90%;
}

.wrapper{
	width: 100%;
}

.input_L,
.input_max,
.content_trouble,
.formTable tr,
.formTable th,
.formTable td{
	width: 100%;
}

.formTable,
.formTable tbody,
.formTable tr,
.formTable th,
.formTable td{
	display: block;
	position: relative;
}


.formTable th{
	border-left: none;
	border-right: none;
	padding: 0 15px 15px;
}

.formTable td{
	border: none;
}
.pagettl_form h1 img {
	/* width: 80%; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 70%;
}

.pagettl_form p{
	font-size: 15px;
}

.form_ttl{
	height: 50px;
	padding-left: 10px;
	line-height: 50px;
	font-size: 15px;
}

.form_ttl::after{
	margin-left: -10px;
}

.trouble_list{
	flex-direction: column;
	padding: 10px;
}

.trouble_list li:nth-child(4){
	margin: 0;
}

.trouble_list li{
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
	min-height: 40px;
	line-height: 1.2;
	font-size: 15px;
}

.catch{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	font-weight: bold;
	font-size: 16px;
}

.catch::before{
	margin-right: 10px;
	transform: scale(0.7) rotate(-20deg);
}

.catch::after{
transform: scale(0.7) rotate(20deg) scale(-1, 1);
}

.form_leave_date input{
	width: 4em;
	box-sizing: border-box;
}

.formTable .cell_check{
	padding: 20px 10px;
	text-align: left;
	border-top: 1px solid #CCC;
}

.labelText_check{
	display: flex;
	font-size: 15px;
	font-weight: bold;
}
.op_form_comment {
display: inline;
}
.formTable tr th label input[type="text"],
.formTable tr td label input[type="text"] {
	width: 93%;
}
.check_radio label {
	width: auto;
	display: block;
	/* margin-bottom: 15px; */
}
.check_radio label:not(:last-child) {margin-bottom: 15px;margin-right: 0;}
.name_input label {
	width: 100%;
}

textarea {
	width: 92%;
}

/* 確認画面 */
.paragraph {
    text-align: center;
    background-color: #BEAF87;
    padding: 15px 0;
    margin-bottom: 20px;
    color: #fff;
}



/*----------------------------
共通：各種設定
-----------------------------*/
/* スマホサイトでは非表示 */
.sp-none {
	display: none;
}



/* フッター */
.footer {
}

.footer-entryButton {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 10px 0;
  border-radius: 50px;
  position: relative;
  line-height: 2.5;
}

.footer-entryButton:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 10px;
	transform: rotate(45deg);
	position: absolute;
	right: 20px;
	top: 32px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.footer-logo {
	width: 70%;
	margin: 0 auto 20px auto;
}

.footer-logo img {
	
}

.copyright {
	background-color: #414042;
}

.copyright-text {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	padding: 10px 0;
}



/*******************************************
タブレット / 構築
*******************************************/
@media screen and (min-width:768px) and (max-width:1100px) {
	.pagettl_form {
		height: 200px;
	}
	.pagettl_form h1 img {
		width: 40%;
	}
	.header-button {
		
	}
	/* 調整 */
	.check_radio {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.check_radio label {
		width: calc((100% - 80px)/2);
		margin-bottom: 15px !important;
	}
	.size_m {	
	width: 65% !important;
	}
	
	/* 確認画面 */
	#confirmSubmit {
	display: flex;
	}

	#confirmSubmit .buttonLook {
	width: 45%;
	height: 60px;
	}
}


/*******************************************
PCサイト / 構築
*******************************************/

@media screen and (min-width:1100px) {
/* PCサイトでは非表示 */
	.pc-none {
		display: none !important;
	}
	.pc-up {
		display: block !important;
	}

	.textLarge {
		font-size: 15px;
	}
	/*----------------------------
	ヘッダー
	-----------------------------*/

	.header {
		/* margin-bottom: 10px; */
	}


	.header-inner {
		position: relative;
		height: 80px;
		margin: 0 auto;
		text-align: left;
		max-width: 1200px;
		padding: 0;
	}

	.header-inner h1 {
		font-size: 10px;
		font-weight: normal;
		margin-top: 2px;
		margin-bottom: 0;
	}

	.header-logo {
		width: 100%;
	}
	.header-logo img {
		/* text-align: left !important; */
		/* margin: unset; */
		display: block;
}

	.header-group {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		top: 17px;
	}

	.header-button {
		display: flex;
		padding: 0;
		margin: 0;
		width: 55%;
		justify-content: space-between;
	}


	.entry-button a {
		color: #fff;
	}

	.entry-button a:after {
		border-top: 3px solid #fff !important;
		border-right: 3px solid #fff !important;
	}

	.header-button li a {
		text-align: center;
		font-weight: bold;
		font-size: 13px;
		text-decoration: none;
		/* width: 230px; */
		display: block;
		padding: 7px 0;
		border-radius: 50px;
		position: relative;
	}

	.scroll-button {
		margin-top: 0;
		position: fixed;
		top: 190px;
		right: 0;
		z-index: 1;
	}

	.scroll-entry {
		display: block;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #fff;
		text-decoration: none;
		padding: 12px;
		border-radius: 5px 0 0 5px;
	}
/*-----------------------------------------
	見出しサイズ調整
-------------------------------------------*/
	.pagettl_form {
		height: 300px;
		margin-bottom: 80px;
	}
	.pagettl_form h1 img {
		width: 40%;
	}
	
	.formTable tr {
		display: flex;
		align-items: center;
		padding: 0;
	}
	
.contents-inner {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
}	
table {
	border: none;
	width: 100% !important;
}
th {
	font-weight:normal;
	text-align:left;
}

/* clearfix */
.group:after {
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
* html .group { zoom:1; } /* for IE6 */
*:first-child+html .group { zoom:1; } /* for IE7 */

/* --------

@_ form default

-------- */

.input_min { width:2em; }
.input_S { width:4em; }
.input_R{ width:8em; }
.input_M { width:14em; }
.input_L { width:20em; }
.input_X { width:28em; }
.input_max {width: 80%;}

input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,
a::-moz-focus-inner,
button::-moz-focus-inner { border:none; padding:0; margin:0; }
textarea { line-height:1.5; width:20em; }
select { cursor:pointer; }
label { cursor:pointer; vertical-align:middle; }

/* --------

@_ common class

-------- */

.wrapper {
	font-size:120%; /* -- font-size -- */
	margin: 0 auto;
	text-align:left;
	/* width: 100%; */
}
.formHead {
	background:#FFF;
	border:3px solid #EEE;
	padding:9px 12px;
	margin-bottom:36px;
}
.formGroup_title,
.formTitle {
	padding: 4px 0 4px 15px;
	margin: 20px 0;
	border-bottom: none;
	color: #333;
	border-left: solid 5px #333;
	font-size: 18px;
	font-weight: bold;
}

/* -- 項目のグループ分け -- */

.formGroup_title {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	margin:15px 0;
	padding:5px 12px;
	background-color:#64645F;
}
th.required { font-weight:bold; }
.required_mark { color:#C00; }
.notice { padding:9px 0; }

/* -- マーカーなしのリスト -- */
ol.noMarkList, ul.noMarkList { list-style:none outside; }

/* -- 横並びのリスト -- */
.inlineList { list-style:none outside; }
.inlineList li, 
.inlineList dt, 
.inlineList dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
}

/* -- ボタンを囲う -- */
.submitWrapper {
	padding:0 12px;
	text-align:center;
	margin-bottom:36px;
	/* display: flex; */
}

/* --------

@_ input

-------- */

/* -- ラジオボタンのリスト -- */
.radioList li { margin-right:4px; }
fieldset, .fieldset { border:1px solid #CCC; padding:8px 11px; }

/* -- プライバシーポリシー -- */
.pp_text { padding:15px 15px; }
.pp_title { font-size:100%; font-weight:bold; padding:0 0 9px; }
.pp_list { list-style:none outside; margin:0 6px; }
.pp_list > li { padding:9px 0; }
.pp_list > li + li { border-top:1px solid #EEE; }
.pp_list > li > h4 { font-size:100%; font-weight:bold; margin-bottom:3px; }
.pp_massage_intro { padding: 0 6px 9px ; text-align:left; }
.pp_massage_submit { padding: 3px 0 ; text-align:center; margin-bottom:30px; }

#error .formTitle {background:url(../images/icon_attention.jpg) no-repeat left center;padding-left:32px;border: none;}
.error_message { margin-bottom:36px; padding:8px 0; }
#complete .formTitle {background:url(../images/icon_complete.jpg) no-repeat left center;padding-left:32px;border: none;}
.complete_message { margin-bottom:36px; padding:8px 0; }

#formGroup_privacy {
	font-size:120%;
	text-align:left;
}
#err_box ul {
	padding:9px 12px;
	list-style:disc inside;
	margin:9px 0 18px;
}
#kenri li {
	float: left;
}
.inlineList li {
	float: left;
}
#car li {
	float: left;
}
.station_area {
	list-style: none;
}

/* 横並び設定 */
.d_flex{
	display: flex;
}

.jc_center{
	justify-content: center;
}

.ai_center{
	align-items: center
}



.content_trouble{
	position: relative;
	width: 680px;
	margin: 0 auto 30px;
	border: 5px solid #BEAF87;
}

.content_trouble::after{
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	border-top: 20px solid #beaf87;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
}

.trouble_list{
	display: flex;
	flex-wrap: wrap;
	padding: 35px 0 0 55px;
}

.trouble_list li{
	margin-right: 40px;
	padding-left: 50px;
	line-height: 40px;
	font-size: 20px;
}

.trouble_list li:nth-child(1){
	background: url(../images/trouble_icon1.png) no-repeat left center;
}

.trouble_list li:nth-child(2){
	background: url(../images/trouble_icon2.png) no-repeat left center;
}

.trouble_list li:nth-child(3){
	margin-right: 0;
	background: url(../images/trouble_icon3.png) no-repeat left center;
}

.trouble_list li:nth-child(4){
	margin: 20px 0 35px;
	background: url(../images/trouble_icon4.png) no-repeat left center;
}

.catch{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 40px;
	font-weight: bold;
	font-size: 35px;
}

.catch::before,
.catch::after{
	content:"";
	display: block;
	border-right: 5px solid transparent;
	border-top: 60px solid #beaf87;
	border-left: 10px solid transparent;
	margin-right: 25px;
	transform: rotate(-20deg);
}
.catch::after {
	
transform: rotate(20deg) scale(-1, 1);
}
.form_ttl{
	height: 50px;
	margin-bottom: 26px;
	padding-left: 20px;
	line-height: 50px;
	font-weight: normal;
	color: #FFF;
	background: url(../images/bg_form_ttl_r.png) no-repeat right bottom #BEAF87;
}

.form_ttl::after{
	content: '';
	display: block;
	margin-left: -20px;
	width: 16px;
	height: 16px;
	background: url(../images/bg_form_ttl_b.png) no-repeat left bottom;
}
.name_input label{
margin-top: auto;
    margin-right: 10px;
    display: inline-block;
	}
/* プライバシーポリシー上書き */
.content_pp{
	height: 150px;
	margin: 0 auto 40px;
	padding: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #CCC
}

.content_pp h3{
	text-align: center;
}


/* デザイン変更 */

.form_ttl h1,
.form_ttl h2{
	margin-bottom: 20px;
	text-align: center;
}

.form_ttl h2{
	color: #00396A;
}



textarea{
	width: 80%;
}

.radioList li{
	margin-right: 20px;
}

label{
	/* display: block !important; */
	margin-bottom: 0 !important;
	margin-right: 15px !important;
}

input[type="text"], .input_text {
	/* padding: 5px; */
}

.formGroup {/* margin:0 0 40px; */}

.formTable th {
	width: 16em;
	font-weight: bold;
	font-size: 15px;
	padding: 15px;
}

.wrapper {
	font-size: 15px;
}



.input_mb{
	margin-bottom: 10px;
}

.arrangeList li{
	min-width: 102px;
}

/* -- ボタン -- */
.buttonLook {
	width: 80%;
	height: 70px;
	margin: 0 auto 20px;
	font-weight: 900;
	font-size: 21px;
	border: none;
	/* -- CSS3 -- */
	background-color: #6fba2c;
	box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.2) inset;
	display: flex;
	text-decoration: none;
	align-items: center;
	justify-content:center;
	color: #FFF;
	border-radius: 5px;
	transition: 0.3s;
	padding-bottom: 2px;
	letter-spacing: 0.6em;
}

.buttonLook:hover {
	opacity:0.7;
	cursor: pointer;
}

a.buttonLook{
	display: block;
	margin: 0 auto;
	line-height: 80px;
	color: #FFF;
}

a.buttonLook:hover{
	text-decoration: none;
	color: #FFF;
}

a.buttonLook:visited{
	color: #FFF;
}

#button_return{
	background: #666;
}

.bg_grey{
	background: #F4F4F4;
}

.input_mr li{
	margin-right: 10px;
}

.input_mr input{
	margin-right: 5px;
}

.text_important{
	font-size: 17px;
	font-weight: bold;
}

.list_row_mb li,
.list_row_mb dd{
	margin-bottom: 10px;
}

.list_row_mb li:last-child,
.list_row_mb dd:last-child{
	margin-bottom: 0;
}

.cell_check{
	padding: 20px;
	text-align: center;
}

.visible_check{
	display: none;
}

.labelText_check{
	font-size: 17px;
	font-weight: bold;
}

.labelText_check::after{
	content:"";
	display: inline-block;
	margin-left: 1em;
	padding: 2px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border: 2px solid #666;
	background-repeat: no-repeat;
	background-position:  center center;
	background-color: #FFF;
	background-size: 80%
}

.visible_check:checked + .labelText_check::after{
	background-image: url(../images/check_box.png);
}

.content_procedure{
	margin-bottom: 40px;
	padding: 15px;
	border: 1px solid #CCC;
	background-color: #f4f4f4;
}
.op_leave_form .content_procedure {
	margin-top:-20px;
	margin-bottom: 60px;
}
.content_procedure h3{
	margin-bottom: 8px;
	padding: 5px 0.5em;
	text-align: center;
	font-size: 17px;
	color: #ffffff;
	background: #BEAF87;
	border-bottom: 1px solid #CCC;
}

.content_procedure h4{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

.content_procedure h4::before{
	content:"";
	display: inline-block;
	width: 3px;
	height: 15px;
	margin-right: 5px;
	vertical-align: middle;
	background: #CCC;
}

.content_procedure p,
.content_procedure ul{
	margin-bottom: 20px;
}

.content_procedure p:last-child{
	margin-bottom: 0;
}

.content_procedure ul{
	list-style-type: none;
}

.content_procedure li{
	margin-bottom: 10px;
	margin-left: 1em;
	text-indent: -1em;
}

.content_procedure li::before{
	content:"";
	display: inline-block;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #CCC;
}

.content_procedure .content_company{
	padding: 15px;
	text-align: center;
	background: #F4F4F4;
}

.content_company .company_name{
	font-size: 17px;
	font-weight: bold;
}

.content_err .mes_err{
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #CF4430;
}
.op_form_comment {
	font-weight: normal;
	display: block;
	font-size: 12px;
}

/* 確認画面 */

.confirm_cheked::after{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 1em;
	vertical-align: middle;
	background-image: url(../images/check_box.png);
	background-repeat: no-repeat;
	background-position:  center center;
	background-color: #FFF;
	background-size: 100%
}

.ml_5{
	margin-left: 5px;
}

.mr_5{
	margin-right: 5px;
}

.mb_10{
	margin-bottom: 10px;
}
/* フォームフロー（入力・確認・完了） */
.form_flow {
   margin: 20px 0;
	list-style: none;
	display: flex;
 }
.form_flow > li {
	width: calc(100%/3 - 10px);
	font-size: 16px;
	padding-left: 10px;
	background-color: #beaf87;
	display: flex;
	align-items: center;
	height: 40px;
	position: relative;
	font-weight:900;
	color: #FFF;
	opacity: 0.5;
}
.form_flow .selected {
	opacity:1;
}
.form_flow > li:first-child{
	z-index: 99;
}
.form_flow > li:nth-child(2){
	z-index: 98;
}
.form_flow > li:last-child{
	z-index: 1;	
	background-color: #DDD;
	width: calc(100%/3 + 10px);
}
.form_flow > li .number {

	display: flex;
	font-size: 14px;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	margin: 0 10px 0 20px;
	height: 25px;
	width: 25px;
	color: #beaf87;

}
.form_flow > li:first-child .number {
	margin: 0 10px 0 0;
}
.form_flow > li:last-child .number {
	color: #FFF;
	background-color: #333;
}
.form_flow > li:last-child {
	color :#333;
}
.form_flow > li::after {
    content: "";
    display: block;
    background-color: #beaf87;
    width: calc(40px/1.414);
    height: calc(40px/1.414);
    transform: rotate(45deg) translate(-10px, -10px);

    position: absolute;
    right: -14px;
    top:50%;
    z-index: -1;
}
.form_flow > li::before {
    content: "";
    display: block;
    background-color: #FFF;
    width: calc(40px/1.414);
    height: calc(40px/1.414);
    transform: rotate(45deg) translate(-10px, -10px)/* ie対策 */;
    position: absolute;
    left: -14px;
    top:50%;/* ie対策 */
}
.form_flow > li:first-child::before,
.form_flow > li:last-child::after
{
	display: none;
}
.formTable tr th label input[type="text"],
.formTable tr td label input[type="text"] {
	/* margin: auto 5px; */
	padding: 10px;
}
.name_input input[type="text"] {
	/* display:block; */
}
/* validation error */
.errorMessage{
	margin-bottom: 20px;
}
.errorMessage p{
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color:#C00;
}
	.check_radio {
		display: flex !important;
	}
	.required::after,
	.required_contact::after {
    content: "必須";
    /* margin-left: 0.5em; */
    font-weight: bold;
    background-color: #CF4430;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;
     position: absolute; 
     right: 20px;
	margin-le: 0 !important;
}
	
	/* 枠サイズ調整 */
	.size_m {
    width: 50% !important;
	}
	/* 確認画面 */
	#confirmSubmit {
	display: flex;
	}

	#confirmSubmit .buttonLook {
	width: 45%;
	}
	
	
}