@charset "utf-8";
/**
 * enkukan lp lp.css
 */

/* layout
--------------------------------------------------*/
/* contentsHeader */
	#container {
		padding-top: 100px;
	}
	#contentsHeader .category {
		text-align: right;
	}
	#contentsHeader .category li {
		display: inline;
		position: relative;
		padding-left: 10px;
	}

/* gFooter
--------------------------------------------------*/
	#gFooter {
		position: relative;
	}

/* index
--------------------------------------------------*/
/* contentsMain */
	#lpArea {
		font-size: 15px;
	}
	#lpArea h2 {
		margin-bottom: 30px;
	}
	#lpArea1 {
		display: block;
	}
	#lpArea2 {
		display: block;
		clear: both;
	}
	.lpLeft1 {
		float: left;
		width: 50%;
	}
	.lpRight1 {
		float: right;
		width: 45%;
	}
	.lpLeft2 {
		float: left;
		width: 45%;
	}
	.lpRight2 {
		float: right;
		width: 45%;
	}
	.lpLeft2 dl {
		display: block;
		clear: both;
	}
	.lpLeft2 dl dt {
		display: block;
	}
	.lpLeft2 dl dd {
		display: block;
	}
	.lpRight2 dl {
		display: block;
		clear: both;
	}
	.lpRight2 dl dt {
		display: block;
	}
	.lpRight2 dl dd {
		display: block;
	}
	#ApplyArea {
		clear: both;
		font-size: 15px;
		width: 100%;
		margin: 30px 0 30px 0;
		padding-bottom: 20px;
	}
	#appArea {
		display: block;
		padding-left: 10px;
	}
	#ApplyArea h2 {
		margin-bottom: 30px;
	}
	.appLeft {
		float: left;
		width: 35%;
	}
	.appRight {
		float: right;
		width: 60%;
	}
	.appLeft dl {
		display: block;
		clear: both;
	}
	.appLeft dl dt {
		display: block;
	}
	.appLeft dl dd {
		display: block;
	}
	.appRight dl {
		display: block;
		clear: both;
	}
	.appRight dl dt {
		display: block;
	}
	.appRight dl dd {
		display: block;
	}


/* TB
--------------------------------------------------*/
@media only screen and (max-width:1023px) {

/* contentsMain */
	.lpLeft2 dl dt {
		margin-left: 0px;
		width: 100%;
	}
	.lpLeft2 dl dd {
		display: block;
		width: 100%
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.lpRight2 dl dt {
		padding-left: 10px;
		width: 100%;
	}
	.lpRight2 dl dd {
		display: block;
		width: 100%
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.appLeft dl dt {
		margin-left: 0px;
		width: 100%;
	}
	.appLeft dl dd {
		display: block;
		width: 100%
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.appRight dl dt {
		padding-left: 10px;
		width: 100%;
	}
	.appRight dl dd {
		display: block;
		width: 100%
		padding-left: 10px;
		margin-bottom: 20px;
	}

}


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

/* contentsMain */
	.lpLeft1,
	.lpLeft2 {
		float: none;
		width: 100%;
	}
	.lpRight1,
	.lpRight2 {
		float: none;
		width: 100%;
	}
	.lpLeft2 dl dt {
		margin: 0;
		float: none;
	}
	.lpLeft2 dl dt.dummyT {
		display: none;
	}
	.lpLeft2 dl dd {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.lpRight2 dl dt {
		margin: 0;
		float: none;
	}
	.lpRight2 dl dd {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	#ApplyArea {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.appLeft {
		float: none;
		width: 100%;
	}
	.appRight {
		float: none;
		width: 100%;
	}
	.appLeft dl dt {
		margin: 0;
		float: none;
	}
	.appLeft dl dt.dummyT {
		display: none;
	}
	.appLeft dl dd {
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 33px;
	}
	.appRight dl dt {
		margin: 0;
		float: none;
	}
	.appRight dl dd {
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 33px;
	}


}