@charset "UTF-8";

/* ------ Base ------ */

.ctWrap{
	padding:50px 0;
}


/* ttlArea */
#ttlArea{
	position:relative;
}
#ttlArea h2{
	position: absolute;
	top:90px;
	left:0;
}
#ttlArea p{
	padding-left:10%;
}
#ttlArea p img{
	width:100%;
	height:auto;
}


/* index */
#contents {
	padding-bottom: 50px;
}
#contents h3{
	margin-bottom:25px;
}
#contents h4{
	font-size:125%;
	font-weight:bold;
	line-height:2;
}

.ctWrap p.lead{
	font-size:110%;
	line-height:2;
	text-align:center;
	padding:0 60px;
}

.sct01{
	background-color:#F5F5F5;
	padding:40px 40px 20px;
}
.sct01 p{
	margin-bottom:20px;
	font-size:115%;
	line-height:1.5;
}
.sct01 ul{
	margin-bottom:20px;
}
.sct01 li{
	list-style-type:none;
	font-size:110%;
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
}


.sct02{
	background-color:#F5F5F5;
	padding:0 40px 20px;
}
.sct02:last-child{
	padding-bottom:60px;
}
.sct02 p{
	margin-bottom:20px;
	font-size:110%;
	line-height:2;
}
.sct02 ul{
	margin-bottom:20px;
}
.sct02 li{
	list-style-type:none;
	font-size:110%;
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
}

.viewpc{ display:block;}
.viewsp{ display:none;}

.viewpc2{ display:block;}
.viewsp2{ display:none;}

/* recruit-section */
.recruit-section:nth-of-type(4) {
  margin-top: 20px;
}
.recruit-section-title {
  color:#00cc00;
	font-size:160%;
	font-weight:bold;
}
#contents .recruit-section-subtitle {
  margin-bottom: 20px;
  padding: 5px 10px;
  background-color: #949495;
  color:#fff;
	font-size:125%;
	font-weight:bold;
	line-height:1.5;
}
#contents .recruit-section-subtitle > span {
  margin-right: 20px;
}



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

}

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

.viewpc{ display:none;}
.viewsp{ display:block;}



.ctWrap{
	padding:20px 40px;
}


/* ttlArea */
#ttlArea{
	position:relative;
}
#ttlArea h2{
	position: absolute;
	top:0px;
	left:0;
}
#ttlArea p{
	padding-left:0;
}
#ttlArea p img{
	margin-top:50px;
}
#ttlArea img.st{
	margin-left:0px;
}

.ctWrap p.lead{
	padding:0 0px;
}

/* index */
#contents {
	padding-bottom: 30px;
}
#contents h3{
	margin-bottom:20px;
}
#contents h4{
	font-size:115%;
	font-weight:bold;
	line-height:1.5;
}

.ctWrap p.lead{
	font-size:100%;
	line-height:2;
	text-align:center;
}

.sct01{
	margin:0 40px;
	background-color:#F5F5F5;
	padding:20px;
}
.sct01 p{
	margin-bottom:20px;
	font-size:100%;
	line-height:2;
}
.sct01 ul{
	margin-bottom:20px;
}
.sct01 li{
	list-style-type:none;
	font-size:100%;
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
}

.sct02{
	margin:0 40px;
	background-color:#F5F5F5;
	padding: 0 20px 20px;
}
.sct02 p{
	margin-bottom:20px;
	font-size:100%;
	line-height:2;
}
.sct02 ul{
	margin-bottom:20px;
}
.sct02 li{
	list-style-type:none;
	font-size:100%;
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
}

/* recruit-section */
.recruit-section:nth-of-type(4) {
  margin-top: 20px;
}
.recruit-section-title {
	font-size:140%;
}
#contents .recruit-section-subtitle {
	font-size:115%;
}
#contents .recruit-section-subtitle > span {
  margin-right: 10px;
}


}

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

.viewpc2{ display:none;}
.viewsp2{ display:block;}


#ttlArea h2 img{
	width:100%;
	height: auto;
}
.ctWrap{
	padding:10px 10px;
}

/* ttlArea */
#ttlArea{
	position:relative;
}
#ttlArea h2{
	position: absolute;
	top:0px;
	left:0;
}
#ttlArea p{
	padding-left:0;
}
#ttlArea p img{
	margin-top:30px;
}

.ctWrap p.lead{
	padding:0 15px;
	font-size:13px !important;
}


/* index */
#contents {
	padding-bottom: 20px;
}
#contents h3{
	margin-bottom:20px;
	text-align:center;
}
#contents h3 img{
	max-width:100px;
	height:auto;
}

#contents h4{
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
}

.ctWrap p.lead{
	font-size:13px;
	line-height:2;
	text-align:center;
}

.sct01{
	margin:0 20px;
	background-color:#F5F5F5;
	padding:20px;
}
.sct01 p{
	margin-bottom:20px;
	font-size:13px;
	line-height:2;
}
.sct01 ul{
	margin-bottom:20px;
}
.sct01 li{
	list-style-type:none;
	font-size:13px;
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
}

.sct02{
	margin:0 20px;
	background-color:#F5F5F5;
	padding: 0 20px 20px;
}
.sct02 p{
	margin-bottom:20px;
	font-size:13px;
	line-height:2;
}
.sct02 ul{
	margin-bottom:20px;
}
.sct02 li{
	list-style-type:none;
	font-size:13px;
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
}

/* recruit-section */
.recruit-section-title {
	font-size:120%;
}
#contents .recruit-section-subtitle {
  margin-bottom: 15px;
  padding: 3px 10px;
	font-size:100%;
}
#contents .recruit-section-subtitle > span {
  margin-right: 10px;
}


}