@charset "utf-8";
@import url(base.css);


/*---------------------------------------------------------
　基本
---------------------------------------------------------*/
.pcv {display:none;}
.spv {display:none;}

.conBox {width:100%;position:relative;text-align:center;}
.conBox .box {width:1000px;margin:0 auto;position:relative;z-index:30;padding-bottom:100px;}
.conBox .box p {text-align:left;}
.conBox .box p.link {text-align:center;}


/* ボタン */
.btn {
	width:620px;
	margin:0 auto;
	background:#f08715;
	text-align:center;
	font-size:2.1rem;
	font-weight:bold;

	-webkit-border-top-left-radius:  30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft:      30px;
	-moz-border-radius-topright:     30px;
}
.btn a {display:block;padding:14px 0 12px;text-decoration:none;color:#fff;}
.btn span {position:relative;padding-right:25px;}
.btn span:after {
	content:"";
	display:block;
	width:18px;
	height:18px;
	background:url(../img/arrow2.png) 0 0 no-repeat;
	position:absolute;right:0;top:50%;
	margin-top:-7px;
}

.col2 {background:#0c76b2;margin-bottom:50px;}




/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
	.pcv {display:block;}

}	/* end */

/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	.spv {display:block;}
	.conBox .box {width:auto;margin:0 10px 0px;}
	.conBox .box img {width:100%;height:auto;}

	/* ボタン */
	.btn {
		width:94%;
		margin:0 auto;
		color:#fff;
		text-align:center;
		font-size:1.8rem;
	}
	.btn a {display:block;padding:14px 0 12px;text-decoration:none;color:#fff;text-align:center;}
	.col2 {margin-bottom:35px;}
	.toCartButton {position: fixed;bottom:0px;left:15px;z-index:1000;}

}	/* end */




/*---------------------------------------------------------
　Header
---------------------------------------------------------*/
#header {position:relative;margin-bottom:15px;}

#header h1 {width:60%;margin:0 auto 15px;float:left;margin:15px 0 0 15px;}
#header h1 a,
#header h1 span {display:block;text-indent:-9999px;background:url(../img/siteid_s.png) 0 0 no-repeat;width:257px;height:60px;}

#headerInner {width:auto;margin:0;text-align:center;}
#headerInner .hSet {padding:9px 15px 9px 15px;background:#0b73b0;}
#headerInner .hbL {float:left;text-align:left;}
#headerInner .hbR {float:right;}

#headerInner p.catch {font-size:1.4rem;color:#fff;text-align:left;margin:6px 0 0 1em;;display:inline-block;}
#headerInner .mark {
	display:inline-block;
	background:#fff;
	font-size:1.2rem;
	font-weight:bold;
	color:#0b73b0;
	padding:6px 2em;
	vertical-align:top;

	-webkit-border-radius: 30px;
	-moz-border-radius:    30px;
	border-radius:         30px;
}


	/*--CLEAR--*/
	#header:after,
	#headerInner:after,
	#headerInner .hSet:after {content:"";display:table;clear:both;zoom:1;}


/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {

	#headerInner .btnH {position:absolute;top:-2px;right:-2px;}
	#headerInner .btnH a {
		display:block;
		background:#f08715;
		padding:8px 20px 10px 20px;
		color:#fff;
		font-size:1.2rem;
		border:2px solid #fff;
		text-decoration:none;

		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomleft:     20px;
		border-bottom-left-radius:         20px;
	}

	#headerInner .btnH a span {font-size:1.4rem;position:relative;padding:0 20px 0 0;}
	#headerInner .btnH a span:after {
		content:"";
		display:block;
		width:15px;
		height:15px;
		background:url(../img/arrow2.png) 0 0 no-repeat;
		background-size:100% auto;
		position:absolute;top:50%;right:0;
		margin-top:-7px;
	}

}	/* end */

/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	#header {padding:0 0 0;}
	#header h1 {width:80%;float:none;margin:20px auto 10px;}
	#header h1 a {display:block;text-indent:-9999px;background:url(../img/siteid_s.png) 0 0 no-repeat;width:100%;height:80px;background-size:100% auto;}

	#headerInner {margin-top:0;position:relative;}
	#headerInner .hSet {padding:6px 10px 25px 5px;background:#0b73b0;position:relative;}
	#headerInner .hSet .hbL {float:none;text-align:left;}
	#headerInner .hSet .hbL p.catch {width:75%;font-size:0.9rem;margin:6px 0 0 9.5em;line-height:1.4;}
	#headerInner .hSet .hbL .mark {font-size:0.9rem;line-height:1.2;padding:4px 0 4px;width:8.5em;text-align:center;height:2.4em;position:absolute;top:15%;left:8px;}
	#headerInner .hSet .hbR {display:none;}

	#headerInner .spBtn {position:absolute;bottom:-14px;right:0px;z-index:60;}
	#headerInner .spBtn a {
		display:inline-block;
		font-size:0.9rem;
		padding:6px 10px;
		color:#fff;
		background:#f08715;
		border:1px solid #fff;
		border-right:none;
		text-decoration:none;

		-webkit-border-top-left-radius:    20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-topleft:        20px;
		-moz-border-radius-bottomleft:     20px;
		border-top-left-radius:            20px;
		border-bottom-left-radius:         20px;
	}


	#headerInner .spBtn a span {font-size:1.2rem;position:relative;padding:0 15px 0 0;}
	#headerInner .spBtn a span:after {
		content:"";
		display:block;
		width:12px;
		height:12px;
		background:url(../img/arrow2.png) 0 0 no-repeat;
		background-size:100% auto;
		position:absolute;top:50%;right:0;
		margin-top:-5px;
	}


}	/* end */



/*---------------------------------------------------------
　footer
---------------------------------------------------------*/
#footer {background:#fff;padding:140px 0 70px;text-align:center;}

#footer p {font-size:1.6rem;font-weight:bold;line-height:1.8;color:#0b73b0;}
#footer img {margin:20px 0 40px;}

#footer ul {}
#footer ul li {display:inline-block;font-size:1.4rem;line-height:1;color:#0b73b0;}
#footer ul li a {inlin-block;position:relative;padding:0 3px 0 0;}
#footer ul li a:after {
	content:"";
	display:inlin-block;
	background:url(../img/ico_ext.png) 0 0 no-repeat;
	width:12px;
	height:10px;
	position:absolute;top:50%;right:0;
	margin-top:-5px;
}
#footer ul li:first-child:after {
	content:"｜";
	display:inline-block;
	margin:0 10px 0 15px;
}


/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
}	/* end */

/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	#footer {padding:0 0 30px;background:#fff;width;auto;}
	#footer img {margin:20px 0 20px;width:60%;height:auto;}
	#footer ul li:first-child {margin-bottom:10px;}
	#footer ul li:first-child:after {display:none;}

}	/* end */






/*---------------------------------------------------------
　#conTop
---------------------------------------------------------*/
#conTop {width:100%;position:relative;padding-bottom:0;}
#conTop h2.ptitle,
#contI01 h2.ptitle {padding:20px 0 15px;font-size:3.5rem;line-height:1;text-align:center;color:#0b73b0;font-weight:bold;margin-bottom:10px;}
#conTop h2.ptL {padding-left:5em;}

#conTop h2.ptitle span {font-size:50%;font-weight:lighter;}
#conTop p {font-size:1.4rem;text-align:center;line-height:1.4;}

#conTop p a span {position:relative;padding:0 15px 0 0;}
#conTop p a span:after {
	content:"";
	display:block;
	width:12px;
	height:10px;
	background:url(../img/ico_ext.png) 0 0 no-repeat;
	background-size:100% auto;
	position:absolute;top:50%;right:0;
	margin-top:-5px;
}

/* 181119追加 */
#conTop p.read {line-height:1.8;}
#conTop .box {width:960px;margin:0 auto;padding:30px 0;}
#conTop .box dl {border:1px solid #ccc;font-size:1.4rem;padding:15px 30px 0 30px;width:70%;margin:0 auto;}
#conTop .box dl dt {color:#0b73b0;font-size:1.6rem;font-weight:bold;}
#conTop .box dl dd {margin:0 0 15px 1em;}
#conTop .box dl dd ul {padding:0 0 0 1.5em;}
#conTop .box dl dd ul li {list-style-type: disc;margin-bottom:3px;}


#seminar #conTop {margin-bottom:60px;}




/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
}	/* end */

/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	#conTop {width:100%;position:relative;padding-bottom:0;}
	#conTop h2.ptitle,
	#contI01 h2.ptitle {padding:20px 0 15px 0;font-size:3.0rem;line-height:1;text-align:center;color:#0b73b0;font-weight:bold;}
	#conTop p {margin-bottom:20px;font-size:1.2rem;}


	#conTop p.read {line-height:1.8;}
	#conTop .box {width:auto;margin:0 10px;padding:30px 0;}
	#conTop .box dl {border:1px solid #ccc;font-size:1.4rem;padding:15px 30px 0 30px;width:70%;margin:0 auto;}
	#conTop .box dl dt {color:#0b73b0;font-size:1.6rem;font-weight:bold;}
	#conTop .box dl dd {margin:0 0 15px 1em;}
	#conTop .box dl dd ul {padding:0 0 0 1.5em;}
	#conTop .box dl dd ul li {list-style-type: disc;margin-bottom:3px;}


}	/* end */





/*---------------------------------------------------------
　共通
---------------------------------------------------------*/
/* TABLE */
table.dataInfo {
	border-collapse:collapse;border-spacing:0px;
	width:880px;
	margin:0 auto 40px;
	clear:both;
	font-size:14px;
}
table.dataInfo th {
	padding:20px;
	border-top:1px solid #0b73b0;
	text-align:left;
	font-weight:lighter;
	width:15%;
}
table.dataInfo td {
	padding:20px 20px 30px 20px;
	border-top:1px solid #ccc;
	line-height:1.4;
	width:75%;
}
table.dataInfo .last th {border-bottom:1px solid #0b73b0;}
table.dataInfo .last td {border-bottom:1px solid #ccc;}

table.dataInfo caption {font-size:1.6rem;font-weight:bold;color:#0c76b2;margin-bottom:10px;}





/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
}	/* end */


/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {
	table.dataInfo {
		width:auto;
		margin:0 20px 20px 20px;
	}
	table.dataInfo th {
		display:block;
		width:100%;
	}
	table.dataInfo td {
		display:block;
		width:auto;
		word-break: break-all;
	}

table.dataInfo .last th,
table.dataInfo .last td {border-bottom:1px solid #ececec;}


}	/* end */






/*---------------------------------------------------------
　body#recruit 求人情報
---------------------------------------------------------*/
/* #contR01
---------------------------------------------------------*/
#contR01 {background:#fff;}
#contR01 p {font-size:15px;line-height:2.0;padding:40px 0;border-bottom:1px solid #ccc;margin-bottom:40px;}
#contR01 ul li {margin-bottom:40px;text-align:center;}

/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
}	/* end */

/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	#contR01 p {width:auto;margin:0 20px 20px 20px;font-size:15px;line-height:2.0;padding:20px 0;}
	#contR01 ul {margin:0 20px;}
	#contR01 ul li {margin-bottom:20px;text-align:center;}
	#contR01 ul li img {width:100%;height:auto;}

}	/* end */



/* #contR02
---------------------------------------------------------*/
#contR02 .box {padding:40px 0 0 0;}

#recList {width:880px;margin:0 auto;}
#recList .set {margin-bottom:20px;}

#recList .set p.open {
	display:block;
	padding:40px 0 40px 40px;
	font-size:28px;
	line-height:1;
	cursor:pointer;
	background:#fff url(../img/z_arrow_open1.png) 96% center  no-repeat;
}
#recList .set p.active {background:#fff url(../img/z_arrow_open2.png) 96% center no-repeat;margin-bottom:0;}

#recList .recBox {
	display:none;
	background:#fff;
	width:100%;
	margin-bottom:20px;
	border-top:1px solid #ccc;
}
#recList .recBox .inner {padding:40px;}
#recList .recBox .inner p {font-size:15px;line-height:2.0;margin-bottom:1em;}
#recList .recBox .inner img {margin-bottom:40px;}

#recList #rec001 .inner:first-child {border-bottom:1px solid #ccc;}

#recList #rec001 .inner img {float:left;margin:0 40px 0 0;}
#recList #rec001 .inner p {width:50%;float:left;}
#recList #rec001 .inner span.name {float:right;margin-top:1em;}

#recList #rec008 .inner ul {margin-top:40px;text-align:center;}
#recList #rec008 .inner ul li {
	width:46%;
	background:#efefef;
	padding:20px 10px;
	display:inline-block;
	margin:0 0 20px 20px;
	font-size:15px;
}
#recList #rec008 .inner ul li:nth-child(odd) {margin-left:0;}


	/*--CLEAR--*/
	#recList .recBox .inner:after,
	#recList #rec008 .inner ul:after {content:"";display:table;clear:both;zoom:1;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
}	/* end */


/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	#recList {width:auto;margin:0 5px;}
	#recList .set {margin-bottom:10px;}

	#recList .set p.open {
		display:block;
		padding:20px 0 20px 20px;
		font-size:14px;
		line-height:1;
		cursor:pointer;
		background:#fff url(../img/z_arrow_open1.png) 96% center  no-repeat;
		background-size:20px 20px;
	}
	#recList .set p.active {background:#fff url(../img/z_arrow_open2.png) 96% center no-repeat;margin-bottom:0;background-size:20px 20px;}

	#recList .recBox {
		display:none;
		background:#fff;
		width:100%;
		margin-bottom:10px;
	}
	#recList .recBox .inner {padding:20px;}
	#recList .recBox .inner p {font-size:15px;line-height:2.0;margin-bottom:1em;}
	#recList .recBox .inner img {margin-bottom:20px;width:100%;height:auto;}

	#recList #rec001 .inner {border-top:1px solid #ccc;text-align:center;}
	#recList #rec001 .inner img {float:none;margin:0 0 20px 0;text-align:center;width:70%;height:auto;}
	#recList #rec001 .inner p {width:auto;float:none;text-align:left;}
	#recList #rec001 .inner span.name {margin-right:1em;}

	#recList #rec008 .inner ul {margin-top:20px;}
	#recList #rec008 .inner ul li {
		display:block;
		width:auto;
		font-size:13px;
		padding:10px 15px;
		float:none;
		margin:0 0 10px 0;
	}

}	/* end */


/* #contR03
---------------------------------------------------------*/
#contR03 {background:#fff;}
#contR03 .box h2 {display:block;text-indent:-9999px;background:url(../img/recruit/ttl_cont03.png) center 0 no-repeat;margin:40px auto;width:92px;height:20px;}
#contR03 ul li {margin-bottom:40px;text-align:center;}

#contR03 a, #contR03 a:link, #contR03 a:visited{color:#3366cc;text-decoration:none;}
#contR03 a:hover {color:#6699ff; text-decoration:none;}
#contR03 a:active {color:#3366cc;text-decoration:underline;}

#contR03 td.list {line-height:2.0;padding-bottom:20px;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
}	/* end */


/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	#contR03 ul li {margin:0 20px 20px 20px;text-align:center;}
	#contR03 ul li img {width:100%;height:auto;}

}	/* end */







/*---------------------------------------------------------
　body#contact お問合せ　／　body#recruit フォーム
---------------------------------------------------------*/
body.form .conBox {background:#fff;}
body.form .conBox .box {border:none;padding:40px 0;}
body.form .conBox .box img {margin-bottom:40px;}
body.form .conBox .box p {font-size:14px;line-height:1.6;}
body.form .conBox .box p span {
	display:inline-block;
	width:35px;
	height:14px;
	color:#fff;
	padding:3px 0 1px 0;
	line-height:1;
	margin:0 10px 15px 0;
	font-size:10px;
	text-align:center;
	background-color:#c0504d;
}
body.form #contI02 .box p {text-align:center;font-size:1.6rem;margin-bottom:0.5em;}
body.form #contI02 .box p.messe {font-size:28px;font-weight:bold;margin:2em 0;}
body.error #contI02 .box p.messe {color:#a24f4d;}


/* TABLE  */
body.form table.dataInfo th {width:30%;}
body.form table.dataInfo td {width:70%;}
body.form table.dataInfo td p.att {font-size:12px;color:#666;margin-bottom:0.5em;}



table.tbForm {
	width:100%;
	margin:20px 0 30px 0;
}
table.tbForm th {
	padding:31px 30px 20px 20px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
	position:relative;
}

table.tbForm td {
	line-height:1.4;
	font-size:16px;
	padding:20px 0;
	text-align:left;
}

table.tbForm th span.req {
	display:inline-block;
	width:35px;
	height:14px;
	color:#fff;
	background-color:#c0504d;
	padding:3px 0;
	line-height:1;
	margin:-7px 0 0 15px;
	font-size:12px;
	text-align:center;
	position:absolute;right:30px;top:50%;
}

table.tbForm th span.att {
	display:block;
	font-size:80%;
	font-weight:lighter;
	color:#666;
	width:auto;
	padding:0;
	margin:0;
}

table.tbForm td.coordinate {padding-left:15px;}
table.tbForm td span.txt {margin:0 5px;}

#seminar table.tbForm th span.req {top:35px;margin-top:0;}



	/* 確認画面 */
	table#confirm.tbForm td { padding:30px 20px 30px; vertical-align:middle; }


table.tbForm td ul {margin-top:8px;}
table.tbForm td ul li {
	display:block;
	float:left;
	width:44%;
	margin-bottom:12px;
	line-height:1.4;
}

table.tbForm td ul.all li {width:auto;float:none;}
table.tbForm td ul.all li span {margin-right:10px}

table.tbForm td p.att {font-size:14px;color:#888;margin-top:5px;}
table.tbForm td p.alrt_msg {
	background:#ffe6e6;
	color:#e50012;
	padding:4px 5px;
	margin:5px 0 0 0;
}
table.tbForm td ul.spaceListli {width:45%;line-height:1;}
table.tbForm td ul.half li {width:20%;}




	/*--CLEAR--*/
	table.tbForm td ul:after,
	table.tbForm .set:after {content:"";display:table;clear:both;zoom:1;}



/* select ----------------------------------- */
select {
	-moz-appearance: none;
	background: #fff url("../img/common/cmn_icons.png") no-repeat scroll right -730px;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	height: 40px;
	padding: 0 5px 0 10px;
/*	width: 27%;*/
	width: auto;
}

select::-ms-expand {
	display: none;
}

.birth select {margin-right:10px;}
.birth span   {margin-right:5px;}

#seminar select {margin:0 0 10px 10px;}




/* input ----------------------------------- */
input[type=radio],
input[type=checkbox] {
	display: inline-block;
	margin-right: 10px;
}
input[type=radio] + label,
input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 16px;
	cursor: pointer;
}


@media (min-width: 1px) {
	input[type=radio],
	input[type=checkbox] {
		display: none;
		margin: 0;
	}

	input[type=radio] + label,
	input[type=checkbox] + label {
		padding: 0 0 0 35px;
	}

	input[type=radio] + label::before,
	input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 27px;
		height: 27px;
		margin-top: -12px;
		background: #fff;
	}

	input[type=radio] + label::before {
		border: 1px solid #c3beba;
		border-radius: 30px;
	}
	input[type=checkbox] + label::before {
		border: 1px solid #c2c2c2;
		border-radius:         3px;
		-webkit-border-radius: 3px;
		-moz-border-radius:    3px;
		box-shadow:2px 3px 6px -4px #c2c2c2 inset;
	}

	input[type=radio]:checked + label::after,
	input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;

		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	input[type=radio]:checked + label::after {
		left: 5px;
		width: 11px;
		height: 11px;
		margin: -4px 0 0 3px;

		background: #d13f3e;
		border-radius: 10px;
	}
	input[type=checkbox]:checked + label::after {
		left: 3px;
		width: 21px;
		height: 13px;
		margin: -7px 0 0 0px;
		border-left: 5px solid #d13f3e;
		border-bottom: 5px solid #d13f3e;

		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

} /* end */


input[type="text"],
input[type="password"],
 textarea {
	padding:10px;
	margin:0 5px 5px 0;
	background-color:#fff;

	border: 1px solid #c2c2c2;
	border-radius:         3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	box-shadow:2px 3px 6px -4px #c2c2c2 inset;
}

textarea {
	width:93%;
	height:230px;
	resize: none;
}

input::-webkit-input-placeholder {color:#888;}
input:-ms-input-placeholder {color:#888;}
input::-moz-placeholder {color:#888;}



/* 調整 */
.sizeSS {width:130px;}
.sizeS  {width:220px;}
.sizeM  {width:310px;}
.sizeL  {width:500px;}
.sizeL1 {width:652px;}
.sizeL2 {width:710px;}


/*　button
-------------------------------------*/
body.form .button {width:40%;margin:40px auto;text-align:center;}
body.form .button a {
display:block;
	background-color:#f18815;
	font-size:21px;
	color:#fff;
	padding:10px 40px;
	margin-bottom:10px;
	text-decoration:none;

	border-radius:         30px;
	-moz-border-radius:    30px;
	-webkit-border-radius: 30px;
}

body.form .button a:hover {color:#eee !important;}
body.form .button a#btn_back {background:#ccc;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {

	body.form .conBox {min-height:500px;}
	table.tbForm td span.one {margin-left:20px;}
	table.tbForm td span.space {margin:-left:30px;}
	table.tbForm td.coordinate span.space  {margin-left:30px;}
	table.tbForm td.coordinate span.space2 {margin-left:15px;}


}	/* end */


/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	body.form .conBox .box {border:none;padding:0 0 40px;}
	body.form .conBox .box img {margin-bottom:20px;width:100%;height:auto;}
	body.form .conBox .box p {font-size:13px;line-height:1.6;margin:0 10px;}


	body.form #contI02 .box p {font-size:1.6rem;}
	body.form #contI02 .box p.messe {font-size:21px;font-weight:bold;margin:2em 0;text-align:center;}


	body.form table.dataInfo th {width:auto;}
	body.form table.dataInfo td {width:auto;}





	/* Form Table ----------------------------------- */
	table.tbForm {
		border-collapse:collapse;border-spacing:0px;
		width:100%;
		margin:0 0 30px 0;
		clear:both;
	}
	table.tbForm th {
		display:block !important;
		width:auto !important;
		padding:10px 0 10px 15px;
		text-align:left;
		font-size:16px;
		font-weight:bold;
		border-top:1px solid #ececec;
		border-bottom:1px solid #ececec;
		vertical-align:top;
		background-color:#f6f6f6;
	}

	table.tbForm th span.req {
		position:absolute;right:20px;top:50%;
		margin-top:-10px;
	}

	table.tbForm td {
		display:block !important;
		width:auto !important;
		border:1px solid #ddd;
		line-height:1.4;
		border:none;
		border-bottom:none;
		width:auto;
		font-size:16px;
		padding:20px 15px;

	}

	table.tbForm td span.one {margin-left:0px;}
	table.tbForm td span.space {margin:-left:0px;}
	table.tbForm td.coordinate span.space  {margin-left:0px;}
	table.tbForm td.coordinate span.space2 {margin-left:0px;}




	/* 確認画面 */
	table#confirm.tbForm td { padding:30px 20px 30px; vertical-align:middle; }


	table.tbForm td ul {margin-top:0px;}
	table.tbForm td ul li {
		display:block;
		float:none;
		width:100%;
		margin-bottom:12px;
		line-height:1.4;
	}
	table.tbForm td ul.spaceList li {width:auto;line-height:1;margin-bottom:20px;}

	table.tbForm td p.att {font-size:14px;color:#888;margin-top:5px;}
	table.tbForm td p.alrt_msg {
		background:#ffe6e6;
		color:#e50012;
		padding:4px 5px;
	}


	/* select ----------------------------------- */
	select {
		-moz-appearance: none;
		border: 1px solid #d7d7d7;
		border-radius: 2px;
		height: 40px;
		padding: 0 5px;
		width: 90%;
		margin-bottom:5px;
	}

	textarea {
		width:93%;
		height:200px;
	}


	/* 調整 */
	.sizeSS {width:81%;}
	.sizeS  {width:93%;}
	.sizeM  {width:93%;}
	.sizeL  {width:93%;}
	.sizeL1 {width:70%;}
	.sizeL2 {width:93%;}


	/*　button
	-------------------------------------*/
	body.form .button {width:90%;margin:20px auto;text-align:center;}
	body.form .button a {
		font-size:18px;
		color:#fff;
		padding:10px 40px;
	}

} /* end */



/*---------------------------------------------------------
　プライバシーポリシー 約款
---------------------------------------------------------*/
body.form .conBox .box p span.open {
	cursor:pointer;
	color:#3366cc;
	display:inline-block;
	width:auto;
	padding:0;
	line-height:1;
	margin:0 0 0 0;
	font-size:12px;
	text-align:left;
	background:none;
}
body.form .openBox{display:none;}
body.form #privacy {padding:20px 20px;border:1px solid #ccc;background-color:#f7f7f7;margin-bottom:20px;}
body.form #privacy h3 {font-size:14px;font-weight:bold;margin-bottom:1em;}
body.form #privacy ol {margin:0 0 0 1em;}
body.form #privacy ol li {list-style-type: decimal;font-size:12px;line-height:1.4;margin-bottom:1em;}
body.form #privacy ol li span {display:block;}

body.form #agreement {padding:20px 20px;border:1px solid #ccc;background-color:#f7f7f7;margin-bottom:20px;}
body.form #agreement h3 {font-size:14px;font-weight:bold;margin-bottom:1em;}



body.form table.tbForm td #agreement ul.yakkan {}
body.form table.tbForm td #agreement ul.yakkan li {display:block;width:auto;font-size:12px;margin:0 0 1.5em 0;}
body.form table.tbForm td #agreement ul.yakkan li span {display:block;font-weight:bold;}

body.form table.tbForm td #agreement ul.yakkan .li2nd {margin:0 0 0 0.0;}
body.form table.tbForm td #agreement ul.yakkan .li2nd li {list-style-type: decimal;line-height:1.4;margin-bottom:1em;padding:0 0 0 1em;text-indent:-1em;}



body#join.form .conBox .box p span {
	width:auto;
	font-size:1.2rem;
	background:none;
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
	color:#0b73b0;
	text-decoration:underline;
	cursor: pointer
}

body#join.form .conBox .box .tb1 {margin-bottom:80px;}





/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	body.form #privacy h3 {font-size:12px;}
	body.form #privacy ol li {font-size:11px;}
	body.form table.tbForm td #agreement ul.yakkan li {font-size:11px;}

}	/* end */





/*---------------------------------------------------------
　LP：フォーム
---------------------------------------------------------*/

#request .tbForm dl {margin:0 30px 15px 0;border-bottom:1px solid #ccc;}
#request .tbForm dl dt {font-weight:bold;padding:0 0 0 2em;text-indent:-2em;}
#request .tbForm dl dt span {color:#a24f4d;margin-right:5px;}
#request .tbForm dl dd {margin:0 0 15px 2em;}
#request .tbForm dl dd ul li {width:20%;}

#partner table.tbForm ul.kibou {}
#partner table.tbForm ul.kibou li {display:block;width:100%;}
#partner table.tbForm ul.kibou li label {margin-right:10px;}




/*---------------------------------------------------------
　入会 ログイン
---------------------------------------------------------*/
#join #header {border-top:10px solid #0b73b0;}


#loginBox {
	width:60%;
	margin:20px auto;
	background:#0c76b2;
	color:#fff;
	padding:40px 0 25px 0;

	-webkit-border-radius: 20px;
	-moz-border-radius:    20px;
	border-radius:         20px;
}

#loginBox dl {width:auto;margin:0 0 0 40px;}
#loginBox dl dt {float:left;clear:left;width:18%;margin:10px 1em 0 0;}
#loginBox dl dd {float:left;margin-bottom:10px;}
#join.login .conBox .box p.read {text-align:center;font-size:1.5rem;}

#join.login .alrt_msg {text-align:center;font-size:1.5rem;color:#e50012;background:#ffe6e6;padding:4px 5px;display:inline-block;width:58%;}



	/*--CLEAR--*/
	#loginBox dl:after{content:"";display:table;clear:both;zoom:1;}


/* ---------------------------------- PC --*/
@media screen and (min-width: 751px) {
}	/* end */


/* ---------------------------------- SP --*/
@media screen and (max-width: 750px) {

	#loginBox {
		width:100%;
		margin:20px auto;
		padding:25px 0 15px 0;
	}

	#loginBox dl {width:auto;margin:0 0 0 20px;}
	#loginBox dl dt {width:23%;font-size:1.4rem;}
	#join.login .conBox .box p.read {text-align:left;font-size:1.3rem;}

}	/* end */