@charset "utf-8";
/* CSS Document */

/* トップ画像
-------------------------------------*/
.topimg_Box {
	background:#ecfdfa;	
	margin-top: 30px;

	margin-bottom: 30px;
	padding-top: 30px;
	position:relative;
	text-align:center;
	background-size: cover;

}
.topimg_Box h2 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.topimg_Box h2 img {
	max-width: 100%;
	height: auto;
}


/*
.topimg_Box .textBox{
	width: 750px;
	position: absolute;
	top: 60px;
	right: 280px;

}
*/

.topimg_Box p span{
	font-weight: bold;
	font-size: 20px;
	color: #523e3b;

}
.topimg_Box p{
	font-size: 16px;
	line-height: 1.6em;
	margin-top: 15px;
}

@media (max-width: 768px) {
.topimg_Box {
	padding: 10px;
	margin-top: 10px;
	text-align: left;
}

.topimg_Box h2 {
	width: 100%;
}

.topimg_Box p span {
	font-size: 16px;
}
.topimg_Box p {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 10px;


}

}


.aboutBox{
	max-width:1200px;
	width:100%;
	margin:0 auto 20px;
}

h3 {
	margin:10px auto;
	position: relative;
	text-align:center;
	color:#3a3a3a;
	font-size:18px;
	font-weight:bold;
}
h3:before,h3:after{
	content: '//';
	margin:0 0.3em;
	color:#3a3a3a;
	font-size:18px;
	font-weight:bold;

}


.contents{
	max-width:1200px;
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0;
	/*margin: 30px 0;*/
}

.contents2{
	width: 750px;
	padding: 10px 0;
	margin: 30px auto;
}

@media (max-width: 768px) {
	.contents2{
		width: initial;
		padding: 10px 10px;
		margin: 30px auto;
	}
}

.box{
	/*width: 450px; */
	width: calc(50% - 20px);
	border: solid 1px #90d0c1;
	/* margin-right: 25px; */
	/* margin-left: 25px; */
	margin: 30px 0;
	position: relative;
	box-sizing: border-box;
}

.box p.icon{
	position:absolute;
	right: 0px;
	top: -39px;
}

.box p.title{
	font-size: 17px;
    background: #effdfb;
	background-image: -webkit-linear-gradient(-45deg, #d6fbf4 25%, transparent 25%, transparent 50%, #d6fbf4 50%, #d6fbf4 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #d6fbf4 25%, transparent 25%, transparent 50%, #d6fbf4 50%, #d6fbf4 75%, transparent 75%, transparent);
	background-size: 10px 10px;
    padding: 15px;
    color: #4f5c5b;
    font-weight: bold;
    letter-spacing: 0.05em;

}

.box p.title span{
	color: #ed3d62;
}


.box p.title span a{
	color: #ed3d62;
	border-bottom: solid 1px #ed3d62;
}
.box p{
	padding: 10px;
	font-size: 14px;
	color: #484848;
	
}
.box p.title span a:hover{
	color: #ffb14c;
	border-bottom: solid 1px #ffb14c;

}

@media (max-width: 768px) {
.aboutBox{
	width: 100%;

}
h3 {
	font-size:16px;

}

.contents{
	width: 100%;
	display: block;
	/*margin: 15px 0;*/
}

.box{
	width: 90%;
	border: solid 1px #90d0c1;
	margin: 15px auto;
	position:relative;
}

.box p.icon{
	position:absolute;
	right: -40px;
	top: -39px;
}
.box p.icon img{
	width: 80%;
	height: auto;
}
.box p.title{
	font-size: 15px;
    padding: 10px;

}

.box p{
	padding: 10px;
	font-size: 14px;
	color: #484848;
	
}


}


/* 業界について知ろう
-------------------------------------*/

.inBox{
	width:100%;
	background:#fffade;
	padding:20px 0;
}

.back_wave{
	background-image:url(../images/back_wave.png);
	background-repeat: repeat-x;
	height:11px;
	margin-bottom:20px;
}
.inBox h4 {
	margin:20px auto;
	position: relative;
	text-align:center;
	color:#3a3a3a;
	font-size:18px;
	font-weight:bold;
}
.inBox h4:before,.inBox h4:after {
	content: '//';
	margin:0 0.3em;
	color:#3a3a3a;
	font-size:18px;
	font-weight:bold;

}
.industry_Box{
	width:1000px;
	margin:0 auto;
	display:flex;
}

.industry{
	margin:10px auto;
	width:450px;
	height:auto;
	background:#FFF;
	border:solid 2px #a9b9bc;
	
}
.industry a{
	display :block;
	color:#666;

}
.industry p.contents{
	font-size:16px;
    vertical-align: top;
	display: inline-block; 

}

.industry p.jobname{
	display: inline-block; 
	padding:10px;
	font-size:14px;
	line-height:1.3em;

}
.industry p.jobname span{
	font-weight:bold;
	color:#315e5b;
	font-size:20px;
	line-height:1.5em;
}
.industry:hover{
	opacity:0.8;
	
}

@media (max-width: 768px) {

.back_wave{
	width:100%;
}

.inBox h4 {
	margin:10px auto;
	font-size:16px;
}

.industry_Box{
	width:100%;
	padding:auto;
	display:block;
}

.industry,.industry02{
	width:100%;
	height:auto;
	box-sizing: border-box;
	margin-top:5px;
}
.industry p.contents img{
	height:130px;
}

.industry p.jobname span{
	font-size:15px;
	line-height:1.3em;
	margin-bottom:5px;
}

.industry p.jobname{
	padding:5px;
	font-size:13px;
	line-height:1.2em;

}
}





/* インタビュー
-------------------------------------*/

.inBox02{
	width:100%;
	background:#FFF;
	padding:20px 0;
}

.interviewBox{
	width:1000px;
	margin:0 auto;
	display: flex;
	align-items: center;
    border-bottom: solid 1px #a9aeaf;
    border-top: solid 1px #a9aeaf;

}

.interview_01{
	width:500px;
	padding:10px;
}


.interview_01 p{
	font-size:16px;
	margin:10px 10px 20px 10px;
	
}

.interviewBox_C{
	width:1000px;
	margin:0 auto;
	display: flex;
	align-items: center;

}

.interview_02{
	width:500px;
	padding:10px;
}


.interview_02 p{
	font-size:16px;
	margin:10px 10px 20px 10px;
	
}
@media (max-width: 768px) {

.interviewBox,.interviewBox_C{
	width:100%;
	display: block;

}

.interview_01,.interview_02{
	width:100%;
	padding-top:10px;
}
.interview_01 img,.interview_02 img{
	width:90%;
}
.interview_01 p,.interview_02 p{
	font-size:14px;
}
.interview_01 p img,.interview_02 p img{
	width:100%;
	margin:-5px 0;
	box-sizing: border-box;

	
}

}

/* インタビューボタン
-------------------------------------*/

p.btn02{
	width: 250px;
	background-color: #7490b8;
	color: #FFF !important;
	font-size: 16px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding: 10px 5px;
	position: relative;
	cursor: pointer;
	text-align: center;
	border-radius:10px;
	margin-top:10px;
}

p.btn02 a,p.btn03 a,p.btn04 a{
	display: block;
	color: #FFF !important;
}
p.btn02 a::after,p.btn03 a::after,p.btn04 a::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
p.btn03{
	width: 250px;
	background-color: #fc8ea7;
	color: #FFF !important;
	font-size: 16px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding: 10px 5px;
	position: relative;
	cursor: pointer;
	text-align: center;
	border-radius:10px;
	margin-top:10px;
}

p.btn04{
	width: 250px;
	background-color: #85c266;
	color: #FFF !important;
	font-size: 16px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding: 10px 5px;
	position: relative;
	cursor: pointer;
	text-align: center;
	border-radius:10px;
	margin-top:10px;
}

p.btn02:hover,p.btn03:hover,p.btn04:hover{
	opacity:0.8;

}


@media (max-width: 768px) {
p.btn02,p.btn03,p.btn04{
	text-align: center;
	margin:0 auto;
	width: 50%;
	font-size: 15px;
	padding:10px;

}


}



/* おすすめ記事
-------------------------------------*/


.article{
	width:1000px;
	margin:0 auto;
	display: flex;
	padding:0 auto;
}

/*--左カラム--*/
.articleBox_L{
	width:45%;
	height:auto;
	background:#FFF;
	margin:0 auto;
}

.articleBox_L h5{
	font-size:18px;
	font-weight:bold;
	color:#3a3a3a;
	background:#fffade;
	padding:10px 0;	
}
.articleBox_L h5 img{
	width:20px;
	height:auto;
	margin-right:0.3em;
}
.articleBox_L p.supple{
	background:#fffade;

}
.pickup{
	padding:10px;
	height:160px;
}
	
.pickup a{
	display:block;
}
.pickup a:hover{
	opacity: 0.8;
}

.pickup p.txt img{
	margin-right: 1.0em;
	margin-bottom: 1.0em;
	float:left;
	vertical-align:top;
}
.pickup p.txt{
	font-size:14px;
	color:#3a3a3a;
	line-height:normal;
	margin-bottom:10px;

}

.pickup p.txt span {
	font-weight: bold; /*--見出し--*/
}

.icon{
	height:25px;
	margin-top:5px;
}
.icon p.no01 { /*--在校生アイコン--*/
	padding:0 5px;
	background:#7490b8;
	color:#FFF;
	margin-right:5px;
	float:left;
}

.icon p.no02 { /*--卒業生アイコン--*/
	padding:0 5px;
	background:#ff9cc1;
	color:#FFF;
	margin-right:5px;
	float:left;
}

.icon p.no03 { /*--講師アイコン--*/
	padding:0 5px;
	background:#7ebe60;
	color:#FFF;
	margin-right:5px;
	float:left;
}

.icon p.no04 { /*--ビューティ・ファッション--*/
	
	background:#ff6d9a;
	color:#FFF;
	height:25px;
	padding:0 5px;
	float:left;
}
	
	
.icon p.no05 { /*--保育--*/
	
	background:#f6ad44;
	color:#FFF;
	height:25px;
	padding:0 5px;
	float:left;
}
	
.icon p.no07 { /*--IT--*/
	
	background:#673996;
	color:#FFF;
	height:25px;
	padding:0 5px;
	float:left;
}
	
	
/*--右カラム--*/
.articleBox_R{
	width:45%;
	height:auto;
	background:#FFF;
	margin:0 auto;

}

.articleBox_R h5{
	font-size:18px;
	font-weight:bold;
	color:#3a3a3a;
	background:#fffade;
	padding:10px 0;	
}
.articleBox_R h5 img{
	width:20px;
	height:auto;
	margin-right:0.3em;
	vertical-align:middle;
}



.articleBox_L p.more,.articleBox_R p.more {
	font-size:14px;
	text-align:right;
	margin:5px 10px;
}

.articleBox_L p.more a,.articleBox_R p.more a{
	display: block;
	color:#535353;
}
.articleBox_L p.more,.articleBox_R p.more {
	
}

.articleBox_L p.more a:after,.articleBox_R p.more a:after{
	content: '>>';
	margin-left:0.3em;
}

@media (max-width: 768px) {

.article{
	width:100%;
	display: block;
}

.articleBox_L,.articleBox_R{
	width:95%;

}

.articleBox_L h5,.articleBox_R h5{
	font-size:16px;
}
.articleBox_L h5 img,.articleBox_R h5 img{
	width:15px;
}
.pickup p.txt img{
	width:40%;
}
.pickup p.txt{
	font-size:13px;
	margin-bottom:0.5em;

}
.icon p{
	font-size:12px;
}

}