@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300i&display=swap');

/********************************************


parent


**********************************************/
body.parent.index{
	background: #FFF!important;
}


/* 導入部
------------------------------------------------ */

.parent-lead__block{
	background: #FFF;
	color: #00235d;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10vh 0;
}
.parent-lead__main{
	font-size: 4.5rem;
	text-align: center;
	margin-bottom: 0.6em;
}
.parent-lead__sub{

	font-size: 2rem;
    line-height: 1.8em;
    letter-spacing: .05em;
    text-align: left;
    width: 70%;
    margin: 0 auto;
}

.parent__container{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 40px;
	padding: 30px;
	background: #e6e6e6;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	margin-bottom: 40px;
}
.parent__container p{
	font-family: 'd-din_condensedregular';
	font-size: 2.5rem;
	line-height: 1.7em;
	font-weight: 100;
	letter-spacing: .1em;
	color: #00235d;
}

.parent__container p.parent__read{
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: 100;
	letter-spacing: .1em;
	color: #00235d;
	margin: 20px 0;
}
.parent__container p span{
	font-family: 'Roboto', sans-serif;
	font-size: 3.2rem;
	font-weight: 100;
	display: inline-block;
	padding: 0 .1em;
}


.parent__container p.text_only_block{
	font-size: 2.8rem;
	line-height: 1.7em;
}
.parent__container p.text_only_block span{
	font-size: 4rem;
	line-height: 1.7em;
}

.parent__container p.parent__text__attention {
	width: 100%;
	text-align: right;
	font-size: 1.4rem;
	padding: 1em 5% .3em;
}
.parent__container p.parent__text__small {
	width: 25%;
	margin-left: 3%;
	font-size: 1.5rem;
	padding: 2em 0 .3em;
}




.parent__text{
	width: 32%;
	margin-right: 5%;
}
.parent__text.ml{
	width: 60%;
	margin-right: 0;
	margin-left: 5%;
}
.parent__img{
	width: 35%;
}
.parent__img img{
	width: 100%;
}
.mb50{
	margin-bottom: 50px;
}
.parent__box dt{
background: #00235d;
	padding: 5px;
	font-size: 2rem;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-bottom: 20px;
}
.parent__box dd>span{
color: #00235d;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}
.parent a.link_btn {
	/*display:block;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;

	width:100%;
	/* min-height:50px; */
	min-height:100%;
	/*padding:15px 100px 0 40px;*/
	padding: 30px 100px 30px 40px;
	margin:50px 0 80px;
	position:relative;
	text-decoration:underline;
	font-size:2rem;
	font-weight: 600;
	box-shadow: none;
	border: 3px solid;
	-webkit-justify-content: center;
	        justify-content: center;
	background: #003894;
    background: -moz-linear-gradient(left, #003894 0%, #00b9ef 100%);
    background: -webkit-linear-gradient(left, #003894 0%,#00b9ef 100%);
    background: linear-gradient(to right, #003894 0%,#00b9ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003894', endColorstr='#00b9ef',GradientType=1 );
	color: #FFF;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}


.parent a.link_btn::after{
	top:32%;
    right: 20px;
    width: 30px;
    height: 30px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




.parent__container.parent__point__area{
	display: block;
	/*background: rgb(230, 230, 230) url(../parent/images/parent__point__area.png) no-repeat right center;*/
	/*background-size: contain;*/
}
.parent__container.parent__point__area .parent__text{
	width: 100%;
}
.parent__container.parent__point__area ul{
	width: 60%;
	margin-top: 30px;
}
.parent__container.parent__point__area li{
	width: 100%;
	margin-bottom: 5px;
}
.parent__container.parent__point__area li dl{
	display: flex;
	align-items: center;
	border: 1px solid #00235d;
	background: #FFF;
	padding: 10px;
}	
.parent__container.parent__point__area li dt{
	font-size: 1.7rem;
	margin-right: 3%;
	width:17%;
	color: #00235d;
	text-align: center;
}
.parent__container.parent__point__area li dd{
	font-size: 1.3rem;
	width:80%;
}


.parent__container .parent__point__salary {
	display: flex;
	width: 63%;
}
.parent__container .parent__point__salary li{
	width: 32%;
	margin-right: 1%;
}	
.parent__container .parent__point__salary li dt{
	font-size: 1.3rem;
	color: #FFF;
	background: #00235d;
	width: 5em;
	padding: 3px 0;
	margin: 0 auto 5px 0;
	text-align: center;
}
.parent__container .parent__point__salary li dd{
	font-size: 2.8rem;
	line-height: 1;
	font-weight: 100;
	letter-spacing: .1em;
	color: #00235d;
}
.parent__container .parent__point__salary span{
	font-size: 5rem;
	line-height: 1;
	font-weight: 100;
	display: inline-block;
	padding: 0 ;
	font-family: 'Roboto', sans-serif;
}

.parent__point__job {
	font-size: 2.2rem;
	font-weight: 100;
	position: relative;
}
.parent__point__job.num{
	font-size: 3.2rem;
	line-height: 1;
	font-weight: 100;
	letter-spacing: .1em;
	color: #00235d;
}
.parent__point__job.num span{
	font-size: 6rem;
	line-height: 1;
	font-weight: 100;
	display: inline-block;
	padding: 0 .2em;
	font-family: 'Roboto', sans-serif;
}
.parent__point__job::before {
	content: ".";
	position: absolute;
	left: 1.3em;
	bottom: 0.2em;
}



.parent__event__text {
	display: flex;
	justify-content: space-between;
	margin: 4vh 0 7vh;
}
.parent__event__text .parent__event__img{
	width: 20%;
}
.parent__event__text .parent__event__img img{
	width: 100%;
}
.parent__event__text dl {
	width: 40%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #EDEDED;
	padding: 20px 20px 0;
}
.parent__event__text dl dt{
	width: 30%;
	height: 30px;
	font-size: 1.3rem;
	color: #FFF;
	background: #00235d;
	display: flex;
	align-items: center;
	justify-content: center;

}
.parent__event__text dl dd{
	width: 65%;
}	
.parent__event__text p {
	width: 37%;
	margin-left: 3%;
}





.parent__school_list {
	display: flex;
	justify-content: space-between;
	margin: 4vh 0 4vh;
}
.parent__school_list ul{
	width: 30%;
}

.parent__contact_list {
	display: flex;
	justify-content: space-between;
	margin: 2vh 0 7vh;
}

.parent__contact_list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.parent__contact_list ul li{
	width: 48%;
	border-bottom: 1px solid #AAA;
	padding:0 5px 5px;
	margin: 0 0 8px;
}
.parent__contact_list ul li dl{
	display: flex;
}
.parent__contact_list ul li dl dt{
	width: 22%;
	font-weight: 600;
	color: #00235d;
}

.parent__school_list ul li.list-area,
.parent__contact_list ul li.list-area{
	color: #00235d;
	border-bottom: 1px solid #00235d;
	margin-top: 15px;
}


.parent__contact_list table th{
	background:  #00235d;
	border-right: 1px solid #FFF;	
} 
.parent__contact_list table td{
	background: #EFEFEF;
	padding: 8px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.parent__contact_list td.icon-square{
	position: relative;
}
.parent__contact_list td.icon-square::before{
	content:"";
	width: 5px;
	height:10px;
	display: inline-block;
	background: #666;
	margin-right: 5px;
}

.parent__contact_list td.icon-square.color01::before{background: #87afdd;}
.parent__contact_list td.icon-square.color02::before{background: #1fb8c9;}
.parent__contact_list td.icon-square.color03::before{background: #37b48d;}
.parent__contact_list td.icon-square.color04::before{background: #8dc55b;}
.parent__contact_list td.icon-square.color05::before{background: #d1de51;}
.parent__contact_list td.icon-square.color06::before{background: #ffdb46;}
.parent__contact_list td.icon-square.color07::before{background: #ffdb46;}
.parent__contact_list td.icon-square.color08::before{background: #f7af41;}
.parent__contact_list td.icon-square.color09::before{background: #f7af41;}
.parent__contact_list td.icon-square.color10::before{background: #f18a48;}
.parent__contact_list td.icon-square.color11::before{background: #ea5760;}
.parent__contact_list td.icon-square.color12::before{background: #e84a7a;}
.parent__contact_list td.icon-square.color13::before{background: #e84a7a;}
.parent__contact_list td.icon-square.color14::before{background: #e54c5f;}

.parent__contact_list table td:nth-of-type(1){
	font-weight: 600;

}
.parent__contact_list table td span{
	display: inline-block;
	padding-right: 2em;
	font-weight: 600;
}

span.sub_message{
	color: #003894;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}




/* -- Media query	767px以下の場合 スマートフォン設定------------*/

@media screen and (max-width: 768px ) {

.parent-lead__block{
	background: #FFF;
	color: #00235d;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 3vh 0;
}

.parent__container{
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	padding: 30px;
	background: #e6e6e6;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	margin-bottom: 40px;
}
.parent__box{
}
.parent__text{
	width: 100%;
	margin-right: 0;
}
.parent__text.ml{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.parent__img{
	width: 100%;
	order: 1;
}
.parent-lead__sub{
	font-size: 1.6rem;
	text-align: left;
	padding:0 5%;
	width: 100%;
}



.parent__container.parent__point__area{
	display: block;
	background: rgb(230, 230, 230) url(../parent/images/parent__point__area.png) no-repeat center 30px;
	background-size: 70%;
	padding-top: 50vw;
}
.parent__container.parent__point__area .parent__text{
	width: 100%;
}
.parent__container p{
	font-family: 'd-din_condensedregular';
	font-size: 1.8rem;
	line-height: 1.7em;
	font-weight: 100;
	letter-spacing: .1em;
	color: #00235d;
}
.parent__container p.parent__read{
	font-size: 1.3rem;
	line-height: 1.7em;
	font-weight: 100;
	letter-spacing: .05em;
	color: #00235d;
	margin: 20px 0;
}
.parent__container p span{
	font-family: 'Roboto', sans-serif;
	font-size: 2.4rem;
	font-weight: 100;
	display: inline-block;
	padding: 0 .1em;
}


.parent__container.parent__point__area ul{
	width: 60%;
	margin-top: 30px;
}
.parent__container.parent__point__area li{
	width: 100%;
	margin-bottom: 5px;
}
.parent__container.parent__point__area li dl{
	display: flex;
	align-items: center;
	border: 1px solid #00235d;
	background: #FFF;
	padding: 10px;
}	
.parent__container.parent__point__area li dt{
	font-size: 1.7rem;
	margin-right: 3%;
	width:17%;
	color: #00235d;
	text-align: center;
}
.parent__container.parent__point__area li dd{
	font-size: 1.3rem;
	width:80%;
}


.parent__container .parent__point__salary {
	display: block;
	width: 100%;
	margin-top: 2vh;
}
.parent__container .parent__point__salary li{
	width: 100%;
	margin-right:0;
	margin-bottom: 10px;
}
.parent__container .parent__point__salary li dl{
	display: flex;
	align-items: center;
}
.parent__container .parent__point__salary li dt{
	font-size: 1.3rem;
	color: #FFF;
	background: #00235d;
	width: 5em;
	padding: 3px 0;
	margin: 0 auto 5px 0;
	text-align: center;
}
.parent__container .parent__point__salary li dd{
	font-size: 2.8rem;
	line-height: 1;
	font-weight: 100;
	letter-spacing: .1em;
	color: #00235d;
}
.parent__container .parent__point__salary span{
	font-size: 5rem;
	line-height: 1;
	font-weight: 100;
	display: inline-block;
	padding: 0 ;
	font-family: 'Roboto', sans-serif;
}

.parent__point__job {
	font-size: 2.2rem;
	font-weight: 100;
	position: relative;
}
.parent__point__job.num{
	font-size: 3.2rem;
	line-height: 1;
	font-weight: 100;
	letter-spacing: .1em;
	color: #00235d;
	margin-top: 10px;
}
.parent__point__job.num span{
	font-size: 6rem;
	line-height: 1;
	font-weight: 100;
	display: inline-block;
	padding: 0 .2em;
	font-family: 'Roboto', sans-serif;
}
.parent__point__job::before {
	content: ".";
	position: absolute;
	left: 1.3em;
	bottom: 0.2em;
}



.parent__event__text {
	display: flex;
	justify-content: space-between;
	margin: 4vh 0 7vh;
	flex-direction: column;
}
.parent__event__text .parent__event__img{
	width: 60%;
	margin: 0 auto 30px;
}
.parent__event__text .parent__event__img img{
	width: 100%;
}
.parent__event__text dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #EDEDED;
	padding: 20px  20px 10px;
}
.parent__event__text dl dt{
	width: 25%;
	height: 30px;
	font-size: 1.3rem;
	color: #FFF;
	background: #00235d;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;

}
.parent__event__text dl dd{
	width: 75%;
	margin-bottom: 10px;
	padding-left: 10px;
}	
.parent__event__text p {
	width: 100%;
	margin-left: 0;
	padding: 20px 0;
}



.parent__school_list {
	display: block;
	margin: 4vh 0 4vh;
}
.parent__school_list ul{
	width: 100%;
}



.parent__contact_list table th{
	background:  #00235d;
	border-right: 1px solid #FFF;
	display: none;
} 
.parent__contact_list table td{
	background: #EFEFEF;
	padding: 8px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	display: block;
}
.parent__contact_list table td:nth-of-type(1){
	font-weight: 600;
	background:  #00235d;
	color: #FFF;	
}
.parent__contact_list table td span{
	display: block;
	padding-right: 2em;
	font-weight: 600;
}
.parent__contact_list table td:nth-of-type(3){
	margin-bottom: 10px;
}
.parent__contact_list table td:nth-of-type(3)::before{
	content: 'TEL:';
	display: inline-block;
	padding-right: .5em;
}

}