@charset "utf-8";

#applyBtnArea,
#loginArea,
#formArea {
	font-size:1.5em;
}

#loginArea h4.subTtl,
#formArea h4.subTtl{
	width: 100%;
    font-weight: bold;
    background: #f9d363;
    margin-bottom: 1em;
    padding: 0.5em 1em;
}

#loginArea .table,
#formArea .table {
	width:100%;
	margin:0 0 20px 0;
	border-collapse: collapse;
}


#loginArea .table td,
#formArea .table td {
	border:solid 1px #9FA0A0;
}

#formArea .table .merge {
	background:#99c8e2;
	padding: 8px;
	/*font-weight: bold;*/
	text-align:center;
}


#formArea .table .table_left{
	width:30%;
	vertical-align: middle;
	background-color: #EEEEEE;
	padding: 12px 8px;
	font-weight: bold;
}
#formArea .table .table_left span{
	display:inline-block;
	color:#f00;
}
#loginArea .table .table_up span,
#formArea .table .table_up span{
	color:#f00;
}
#formArea .table .table_right{
	padding: 12px 8px;
	vertical-align: top;
	background:#fff;
}

#formArea .table .table_right .comment{
	font-size:12px;
	display:block;
	clear: both;
	margin:0.2em 0;
}

#loginArea .table .table_up,
#formArea .table .table_up{
	width:100%;
	vertical-align: middle;
	background-color: #EEEEEE;
	padding: 12px 8px;
	font-weight: bold;
	text-align:left;
}

#loginArea .table .table_btm,
#formArea .table .table_btm{
	width:100%;
	vertical-align: middle;
	background-color: #fff;
	padding: 12px 8px;
}

#formArea .table.status td.table_right {
	word-break: break-all;
	word-wrap: break-word;
	line-break: normal;

}

#loginArea .header_emesg,
#formArea .header_emesg {
	padding: 20px;
	border: 2px solid #f00;
	color: #f00;
	font-size: 16px;
	font-weight:normal;
	text-align:left;
	margin:20px auto;
}

#loginArea input[type=text],
#loginArea input[type=tel],
#loginArea input[type=email],
#loginArea input[type=password],

#formArea input[type=text],
#formArea input[type=tel],
#formArea input[type=email],
#formArea input[type=password] {
	width: 99%;
	margin-bottom: 0.2em;
	padding: 5px;
	color: #000;
	border: 1px solid #999;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
	text-align: left;
}



#loginArea textarea,
#formArea textarea {
	width: 98%;
	min-height:10em;
	padding: 5px;
	border: 1px solid #999;
	color:#000;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
	text-align: left;
}
#loginArea input[type=radio],
#loginArea input[type=checkbox],
#formArea input[type=radio],
#formArea input[type=checkbox] {
	/*
	width:auto;
	*/
	box-shadow:none;
}


#loginArea .errMsg,
#formArea .errMsg {
	font-weight:bold;
	color:#f00;
	margin:5px 0;
}

#loginArea label,
#formArea label {
	display:inline-block;
	width:100%;
	cursor:pointer;
}

#loginArea .err-fld,
#formArea .err-fld {
	background:#FCAEAE!important;
}

#formArea input[type=checkbox],
#formArea input[type=radio] {
	margin-right:0.5em;
}


#loginArea input[type=checkbox]:focus,
#loginArea input[type=text]:focus,
#loginArea input[type=email]:focus,
#loginArea input[type=tel]:focus,
#loginArea input[type=password]:focus,
#loginArea textarea:focus,
#loginArea select:focus,

#formArea input[type=checkbox]:focus,
#formArea input[type=text]:focus,
#formArea input[type=email]:focus,
#formArea input[type=tel]:focus,
#formArea input[type=password]:focus,
#formArea textarea:focus,
#formArea select:focus {
	background-color: #FFFFAA!important;
}

#loginArea select,
#loginArea textarea,

#formArea select,
#formArea textarea {
	background:#F9F9F9;
	border:solid 1px #ccc;
	padding:3px;
	margin-bottom: 0.3em;
	color:#000;
}



#applyBtnArea .btn_1_Layout,
#loginArea .btn_1_Layout,
#formArea .btn_1_Layout {
	width:240px;
	margin:0 auto 40px;
}
body.en #applyBtnArea .btn_1_Layout,
body.en #formArea .btn_1_Layout {
	width:400px;
}

#formArea .sucArea .btn_1_Layout {
	width:400px;
}


#formArea .btn_2_Layout {
	width:800px;
	margin:0 auto 40px;
}

#formArea .btn_2_Layout div.left {
	float:left;
	width:49%;
}
#formArea .btn_2_Layout div.right {
	float:right;
	width:49%;
}

#applyBtnArea .btn_1_Layout a,
#loginArea .btn_1_Layout a,
#formArea .btn_1_Layout a,
#loginArea .btn_2_Layout a,
#formArea .btn_2_Layout a {
	color:#000;
	display:flex;
	justify-content: space-between;
	align-items:center;
	background:#fff;
	border:solid 1px #ccc;
	padding:1em;
	font-size:1.2em;
	text-decoration:none;
	transition: ease .3s;
	width:99%;
}

#applyBtnArea .btn_1_Layout a,
#loginArea .btn_1_Layout a,
#formArea .btn_1_Layout a {
	width:100%;
}


#applyBtnArea .btn_1_Layout a:hover,
#applyBtnArea .btn_2_Layout a:hover,
#loginArea .btn_1_Layout a:hover,
#loginArea .btn_2_Layout a:hover,
#formArea .btn_1_Layout a:hover,
#formArea .btn_2_Layout a:hover {
	opacity:0.7;
}


#applyBtnArea .btn_1_Layout a span.txt,
#applyBtnArea .btn_2_Layout a span.txt,
#loginArea .btn_1_Layout a span.txt,
#loginArea .btn_2_Layout a span.txt,
#formArea .btn_1_Layout a span.txt,
#formArea .btn_2_Layout a span.txt {
	color:#000;
	font-size:1.2em;
}

#formArea .btn_1_Layout.enBlock a span.txt {
	margin:auto;
}


#applyBtnArea .btn_1_Layout a span.icon,
#applyBtnArea .btn_2_Layout a span.icon,
#loginArea .btn_1_Layout a span.icon,
#loginArea .btn_2_Layout a span.icon,
#formArea .btn_1_Layout a span.icon,
#formArea .btn_2_Layout a span.icon {
	background:#e60012;
	color:#fff;
	padding:0.3em 1em;
}


#loginArea .btn_2_Layout a+a,
#formArea .btn_2_Layout a+a {
	margin-left:2%;
}


#formArea .progressbar {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
#formArea .progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
    color: #999999;
    font-weight: bold;
}
#formArea .progressbar li:before {
    display: block;
    width: 18px;
    height: 18px;
    margin: 7px auto 20px auto;
    content: '';
    text-align: center;
    border-radius: 50%;
    background-color: #F5F5F5;
}
#formArea .progressbar li:after {
    position: absolute;
    z-index: -1;
    top: 15px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #F5F5F5;
}
#formArea .progressbar li:first-child:after {
    content: none;
}
#formArea .progressbar li.active,
#formArea .progressbar li.complete{
    color: #e60012;
}
#formArea .progressbar li.active:before,
#formArea .progressbar li.complete:before {
    background-color: #e60012;
}
#formArea .progressbar li.active:after,
#formArea .progressbar li.complete:after {
    background-color: #e60012;
}

#formArea .explain {
	margin-bottom:0.5em;
}

#formArea .enq02_CateArea,
#formArea .enq07_CateArea {
	margin-bottom:1em;
}

#formArea .enq02_Cate1 ul,
#formArea .enq02_Cate2 ul,
#formArea .enq02_Cate3 ul,
#formArea .enq02_Cate4 ul,
#formArea .enq02_Cate5 ul,
#formArea .enq02_Cate6 ul,
#formArea .enq02_Cate7 ul,
#formArea .enq02_Cate8 ul,
#formArea .enq02_Cate9 ul,
#formArea .enq02_Cate10 ul,
#formArea .enq02_Cate11 ul {
	display:none;
}


#formArea .enq07_Cate1 ul,
#formArea .enq07_Cate2 ul,
#formArea .enq07_Cate3 ul,
#formArea .enq07_Cate4 ul,
#formArea .enq07_Cate5 ul,
#formArea .enq07_Cate6 ul,
#formArea .enq07_Cate7 ul,
#formArea .enq07_Cate8 ul {
	display:none;
}



#formArea .enq02_CateArea h5,
#formArea .enq07_CateArea h5 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px #ccc solid;
	padding-bottom:0.5em;
	margin-bottom:0.8em;
}

#formArea .enq02_CateArea h5 span.iconOpen,
#formArea .enq02_CateArea h5 span.iconClose,
#formArea .enq07_CateArea h5 span.iconOpen,
#formArea .enq07_CateArea h5 span.iconClose {
	background:#aaa;
	color:#fff;
	padding:0.3em 0.5em;
	cursor:pointer;
}

#formArea .enq02_CateArea h5 span.iconClose,
#formArea .enq07_CateArea h5 span.iconClose {
	display:none;
}


#formArea .enq02_CateArea ul,
#formArea .enq07_CateArea ul {
	margin-left:1.5em;
}

#formArea .enq06_CateArea h5,
#formArea .table td.table_right h4 {
	font-weight:bold;
	color:#e60012;
	margin-bottom:0.5em;
}

.btnClose {
	padding:0.5em 1em;
}


/* 個人情報取り扱いエリア */
.policyArea {
	margin:0 auto 40px;
}

.policyArea .scrollArea{

}

.policyArea .scrollArea h4,
.policyArea .scrollArea h5 {
	font-weight:bold;
	margin-bottom:10px;
}
.policyArea .scrollArea p {

}
.policyArea .scrollArea ol.numeric {
	list-style-type: decimal;
	margin:0 0 20px 2em;
}
.policyArea .scrollArea ul.circle {
	list-style-type: disc;
	margin:0 0 20px 2em;

}


/* tablet */
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {

	#formArea .table .table_left{
		width:100%;
		vertical-align: middle;
		background-color: #eee;
		padding: 2%;
		font-weight: bold;
		margin:0;
	}
	#formArea .table .table_right{
		width:100%;
		padding: 2%;
		vertical-align: top;
		margin:0;
	}



	#formArea input[type=text],
	#formArea input[type=tel],
	#formArea input[type=email],
	#formArea input[type=password],
	#formArea select,
	#formArea textarea {
		width:90%;
	}



	#loginArea .table thead,
	#formArea .table thead {
		display:none;
	}
	#loginArea .table tbody tr,
	#formArea .table tbody tr{
		display:block;
		margin-bottom:1em;
	}
	#loginArea .table tbody th,
	#loginArea .table tbody td,
	#formArea .table tbody th,
	#formArea .table tbody td{
		display:block;
		border:none;
	}
	#loginArea .table tbody th,
	#formArea .table tbody th {
		color:#f36;
		text-align:left;
		background:#fff;
	}
	#loginArea .table tbody td,
	#formArea .table tbody td {
		margin-left:1em;
	}

	#loginArea .table .table_up,
	#loginArea .table .table_btm,
	#formArea .table .table_up,
	#formArea .table .table_btm {
		width:100%;
		padding:2%;
		margin:0;
	}

	body.en #formArea .btn_1_Layout,
	#formArea .sucArea .btn_1_Layout {
		width:auto;
	}

	#formArea .btn_2_Layout {
		width:auto;
	}
	#formArea .btn_2_Layout .left,
	#formArea .btn_2_Layout .right {
		float:none;
		margin-bottom:0.5em;
		width:100%;
	}


}



/* smartphone */
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
	#formArea .sucArea .btn_1_Layout {
		width:auto;
	}


}

@media only screen and (max-width:480px) {

	body.en #formArea .progressbar li {
		font-size:0.7em;
	}

	body.en #formArea .btn_2_Layout div.right,
	body.en #formArea .btn_2_Layout div.left {
		float:none;
		width:90%;
		margin:0 auto 0.2em;
		text-align:center;
	}


}


.explain,
.explain_blc {
	font-size:13px;
}
.explain {
	color:#666;
}
.explain_blc {
	display:block;
	margin:5px 0 0 0;
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #333;
	margin:0 5px;
}

span.red a.blue {
	color:#00f;
}


#formArea .btn_1_Layout a.linkTicket span.txt {
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
}

.spOnly{
	display:none;
}

@media only screen and (max-width:768px) {
    .spOnly{
        display:block;;
    }
}