@charset "utf-8";
/* ======================================================
 * ELEMENT **********************************************
 * Common Parts
 * Section Parts
 * COMPONENT ********************************************
 * RESPONSIVE *******************************************
 * - 769px <= width <= 1024px
 * Clearfix
====================================================== */
@media only screen and (min-width: 769px), print {
/********************************************************

  ELEMENT

********************************************************/
/* joinLerdTx
------------------------------------------------------ */
.join .joinLerdTx:before{
	content:"";
	width:6px;
	background:#8ec31f;
	border-radius:5px;
	display:block;
	height:100%;
	position: absolute;
	left:0;
}
.join .joinLerdTx{
	width:640px;
	margin:0 auto;
	font-size:26px;
	font-weight:bold;
	position:relative;
	padding-left:20px;
	color:#ff6e0e;
	letter-spacing:-1px;
	line-height:30px;
}
.join .joinLerdTx sup{
	top:-16px;
}
.joinLerdTx span{
	font-size:18px;
	margin-left:23px;
	vertical-align:middle;
}
.join .joinLerdTx span sup{
	top:-0.5em;
}
/* payMethod
------------------------------------------------------ */
.join .payMethodArea{
	margin-top:30px;
	display:table;
}
.join .payMethodIcon{
	display: table-cell;
	vertical-align: middle;
}
.join .payMethodIcon span{
	background:#92c400;
	padding:18px 15px 15px 15px;
	min-width:70px;
	text-align:center;
	border-radius:40px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	display:block;
}
.join .payMethodTx{
	padding-left:20px;
	display: table-cell;
	vertical-align: middle;
}
.join .payMethodTx .paragraph01,
.join .payMethodTx p{
	margin-top:0 !important;
}

.join .payMethodTx ul{
	margin-top:5px !important;
}


/* joinBtnArea
------------------------------------------------------ */
.join .joinBtnArea {
	margin-top:40px;
}
.join .joinBtnArea div{
	width:390px;
	float:left;
	text-align:center;
	padding:20px 30px 30px;
}
.join .joinBtnArea div:first-child{
	margin-right:30px;
}
.join .joinBtnArea div p:first-child{
	font-weight:bold;
	font-size:16px;
	margin-top:0;
}
.join .joinBtnArea .joinBtnBox01{
	background:#fdf1d1;
}
.join .joinBtnArea .joinBtnBox02{
	background:#e0f5d7;
}
/* btn */
.join .joinBtnLink01 a.type-blank:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 8px;
	margin: 0 0 0 7px;
	background: url(/common/img/com_ic25.png) no-repeat 0 0;
	vertical-align: middle;
}
.join .joinBtnLink01 a.type-pdf:after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 0 0 5px;
	background: url(/common/img/com_ic17.png) no-repeat 0 0;
	vertical-align: middle;
}
.join .joinBtnLink01 a.type-excel:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
	background: url(/common/img/com_ic24.png) no-repeat 0 0;
	vertical-align: middle;
}
.join .joinBtnLink01 a {
	position: relative;
	display: inline-block;
	padding: 24px 90px 21px;
	border-radius: 5px;
	background-color: #fd8c07;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}
.join .joinBtnLink01 a:before {
	content: "";
	position: absolute;
	left: 25px;
	top: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	margin: -6px 0 0 0;
	border-width: 6px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}
.join .joinBtnLink01[class*="equalCol"] a,
.join .joinBtnLink01 a[class*="size"] {
	display: table;
	padding-right: 25px;
	padding-left: 45px;
}
.join .joinBtnLink01[class*="equalCol"] a {
	display: table;
}
.join .joinBtnLink01[class*="equalCol"] a > span {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.join .joinBtnLink01 a:hover {
	background-color: #f47300;
}

.join .joinBtnLink02 a.type-blank:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 8px;
	margin: 0 0 0 7px;
	background: url(/common/img/com_ic25.png) no-repeat 0 0;
	vertical-align: middle;
}
.join .joinBtnLink02 a.type-pdf:after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 0 0 5px;
	background: url(/common/img/com_ic17.png) no-repeat 0 0;
	vertical-align: middle;
}
.join .joinBtnLink02 a.type-excel:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
	background: url(/common/img/com_ic24.png) no-repeat 0 0;
	vertical-align: middle;
}
.join .joinBtnLink02 a {
	position: relative;
	display: inline-block;
	padding: 24px 90px 21px;
	border-radius: 5px;
	background-color: #22753b;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}
.join .joinBtnLink02 a:before {
	content: "";
	position: absolute;
	left: 25px;
	top: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	margin: -6px 0 0 0;
	border-width: 6px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}
.join .joinBtnLink02[class*="equalCol"] a,
.join .joinBtnLink02 a[class*="size"] {
	display: table;
	padding-right: 25px;
	padding-left: 45px;
}
.join .joinBtnLink02[class*="equalCol"] a {
	display: table;
}
.join .joinBtnLink02[class*="equalCol"] a > span {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.join .joinBtnLink02 a:hover {
	background-color: #09471b;
}


/* other
------------------------------------------------------ */
.join .joinTable01{
	width:50%;
}

/* Clearfix
------------------------------------------------------ */
.join .payMethodArea:after,
.join .joinBtnArea div:after,
.join .joinBtnArea:after {
	content: "";
	display: block;
	clear: both;
}
.payMethodArea,
.joinBtnArea div,
.join .joinBtnArea {
	zoom: 1;
}

}