@charset "UTF-8";
/* ---------------------------------------------------
	SP 企業向けサービス
---------------------------------------------------*/

/*--------------------
　　共通
--------------------*/
#subNav{
	display:none;
}
#subNavSP{
	margin-bottom:10px;
}
#subNavSP li{
	float:left;
	list-style:none;
	width:19%;
	border-right:1px solid #ddd;
	text-align:center;
	margin-bottom:15px;
}
#subNavSP li:nth-child(5){
	border:none;
}
#subNavSP li a{
	color:#0267B8;
	text-decoration:none;
	background:none;
}
#subDo a:hover, .do #subDo a,
#subPlan a:hover, .plan #subPlan a,
#subCheck a:hover, .check #subCheck a,
#subAction a:hover, .action #subAction a,
#subCase01 a:hover, .case01 #subCase01 a,
#subCase02 a:hover,.case02  #subCase02 a,
#subCase03 a:hover, .case03 #subCase03 a{
    background: none;
}
#subTop a:hover, .serviceCompanyHome #subTop a,
#subCase01 a:hover, .case01 #subCase01 a,
#subCase02 a:hover, .case02 #subCase02 a,
#subCase03 a:hover, .case03 #subCase03 a{
	color:#0065BA;
}
#subNavSP .service{
	font-size:13px;
}

#main {
    width:100%;
    float: none;
	padding-bottom:0;
}

/*--------------------
　　トップ
--------------------*/

#contents.serviceCompanyHome h1 {
	clear:both;
    margin-bottom: 20px;
}
.homePoint h3 {
	font-size:16px;
	background-size:35px;
	padding: 4px 0 5px 40px;
}
.homePoint img.sp{
	width:95%;
	margin:0 auto;
	margin-bottom:20px;
}

#pdcaCycle {
    background:none;
    width:100%;
	height:initial;
}
.pdcaOutline {
    position:static;
    height:initial;
	padding:5% 3%;
	margin-bottom:5px;
}
#homePlan{
	background:#FEF7E4;
}
#homeDo{
	background:#FFE7D0;
}
#homeCheck{
	background:#F3FAF4;
}
#homeAction{
	background:#F3F8FC;
}
.pdcaOutline h4 {
	font-size:22px;
	margin-bottom: 10px;
}
.pdcaOutline h4 span{
	font-size:14px;
	margin-left:10px;
}
#homePlan h4,
#homeDo h4,
#homeCheck h4,
#homeAction h4{
    margin-top: 0px;
}
.pdcaOutline ul{
	margin-bottom:10px;
}
.pdcaOutline li {
    font-size: 12px;
}
.pdcaBtn {
	position:static;
}
.pdcaBtn a{
	margin:0 auto;
}
.photoRight {
    float: none;
	text-align:center;
}
.serviceCompanyHome .photoRight{
	width:50%;
	margin:0 auto 20px;
	display:block;
}
.homePoint p.third br:first-child{
	display:none;
}

#caseList {
	margin:0;
}
#caseList li {
	width:90%;
	margin:0 auto 20px;
	float:none;
}
#caseList #case01 h3,
#caseList #case02 h3,
#caseList #case03 h3{
	padding-left:20px;
	font-size:17px;
}

/*--------------------
　　サービス紹介
--------------------*/

#headingBox {
    height: 80px;
	padding-left: 15px;
	margin-bottom: 10px;
}
#headingBox h1 {
	padding:20px 0 0 0;
	font-size:22px;
}
#headingBox h1 span{
	font-size:12px;
}
#headingBox h1 span.sub{
	font-size:12px;
	margin-top:6px;
}
#headingBox img {
	height:80px;
}

.plan #headingBox {
    margin-bottom: 20px;
}


#tab{
	border-top:1px solid #ccc;
	margin:0;
}
#tab li{
	width:33%;
	margin:0;
}
.plan #tab li a ,
.do #tab li a ,
.check #tab li a ,
.action #tab li a {
	background:none;
	width: 100%;
    height: 22px;
    padding:10px 0 4px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	color:#333;
	text-decoration:none
}
#tab li:nth-child(3n) a{
	border-right:none;
}
.do #tab li#tabInstructor a,
.check #tab li#tabInstruction a,
.action #tab li#tabInstruction a{
	font-size:9px;
	padding:7px 0;
	line-height:1.4;
}
/**/
.do #tab li a:hover{
	background:#F48734;
}
.do #tab li.current a{
	background:#F48734;
	color:#fff;
	font-weight:bold;
}
/**/
.check #tab li a:hover{
	background:#56B568;
}
.check #tab li.current a{
	background:#56B568;
	color:#fff;
	font-weight:bold;
}
/**/
.action #tab li a:hover{
	background:#76A9DD;
}
.action #tab li.current a{
	background:#76A9DD;
	color:#fff;
	font-weight:bold;
}

/**/
.studyContents {
	padding: 30px 20px 20px;
}
.studyContents < div{
	margin:0 auto;
}
.studyContents h3 {
	margin-bottom: 20px;
}
.studyContents .photo {
	display:none;
}
.studyColumn2.left{
	border-bottom: 1px dotted #999;
	padding-bottom:10px;
	margin:0 0 20px 0;
	float:none;
}
.studyColumn2{
	float:none;
	width:auto;
}

/*DO*/
.do .studyContents{
	background:#F8F8F8 !important;
	padding: 10px 20px 20px;
}
.do #order .studyContents{
	padding-top:30px;
}
.do .program{
	position:static;
	font-size:12px;
}
.do .program span{
	display:inline;
	margin-right:10px;
	font-size:16px;
}
.do #order .studyContents h4{
	margin-bottom:0;
}
/*claim*/
#claim .studyColumn2:last-child{
	width: auto;
}
/*fresher*/
#fresher .studyColumn2.left {
	width: auto;
}

/**/
.voice {
	padding:20px 20px 10px;
}
.voice .column{
	width:100%;
}

/**/
.servicePoint{
	padding:0 10px;
}
.servicePoint p{
	margin:10px auto 30px;
	width:95%;
}
.do .servicePoint h3,
.plan .servicePoint h3,
.check .servicePoint h3,
.action .servicePoint h3{
	background-size:44px;
	font-size:15px;
	display: table-cell;
    vertical-align: middle;
    height: 44px;
    padding:0 0 0 50px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.photoRight{
	display:none;
}
.pointPhoto {
	text-align:center;
	margin-bottom:20px;
}
.pointPhoto img{
	width:150px;
}
.plan .studyContentsTable{
	width:95%;
	margin:0 auto 20px;
	padding:20px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.plan .studyContentsTable .listTitle{
	display:none;
}
.plan .studyContentsTable li,
.plan .studyContentsTable .listText li:nth-child(3){
	width:auto;
	margin:0;
}
.plan .studyContentsTable .listText li:nth-child(1) p:first-child,
.plan .studyContentsTable .listText li:nth-child(2) p:first-child,
.plan .studyContentsTable .listText li:nth-child(3) p:first-child{
	padding-bottom:15px;
	margin-top:20px;
}
.plan .studyContentsTable .listText li:nth-child(3) p:first-child{
	font-size:18px;
}
.plan .studyContentsTable .listText p:nth-child(2n){
	padding-left:3em;
}
.plan .studyContentsTable .listText p:nth-child(2n):before{
	content:"内容";
	margin-left:-3em;
	margin-right:1em;
}

.plan .studyContentsTableAnder li:first-child{
	font-weight:bold;
}
.plan .studyContentsTableAnder li:last-child{
	width:100%;
	padding:0;
}