@charset "utf-8";

/* ****************************************************
Title: style.css
***************************************************** */


/* -------------------------------------------------------------------- 
 GROUP 学園紹介
-------------------------------------------------------------------- */

.detailMainWrap01 {
	background: rgb(255,252,178);
	background: linear-gradient(245deg, rgba(255,252,178,1) 0%, rgba(252,246,180,1) 8%, rgba(226,188,206,1) 36%, rgba(190,238,247,1) 68%, rgba(202,232,119,1) 100%);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 250px;
	padding: 20px 42px;
}

.detailH101 {
	text-align: left;
}
.detailH101 .s01 {
	display: block;
}
.detailH101 .s01 img {
	width: auto;
	height: 119px;
}
.detailH101 .s02 {
	font-size: 22px;
	line-height: 1.5em;
	padding-left: 10px;
}

/*-------------------*/

.detailBlock01 {
	padding: 80px 0px 80px 0px;
}
.h2TitCol01 {
	color: #F23C94;
}
.detailH201 {
	font-size: 36px;
	line-height: 1.3em;
	font-weight: 500;
	padding-bottom: 24px;
	position: relative;
	margin-bottom: 50px;
}
.detailH201::after {
	content: "";
	width: 40px;
	height: 1px;
	background-color: #F23C94;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -20px;
}
.detailH201 .small {
	display: block;
	font-size: 60%;
}

.detailBoxMb80 {
	margin-bottom: 80px;
}
.detailHeading01 {
	font-size: 22px;
	line-height: 2.1em;
}

/*-------------------*/

.detailCont01 {
	
}

.detailCont01 h3 .txt01 {
	display: block;
	margin-bottom: 0.5em;
	font-size: 160%;
	font-weight: 500;
}

.detailCont01 h3 .txt02 {
	color: #F23C94;
	display: block;
	font-weight: 500;
	font-size: 300%;
	letter-spacing: 0.2em;
}

.detailCont01 h3 .txt03 {
	color: #F23C94;
	display: block;
	font-size: 180%;
	letter-spacing: 0.15em;
}

.detailCont01 .img {
	display: block;
	width: 500px;
	max-width: 95%;
	margin: 2.5em auto 0;
}

/*-------------------*/

.detailCont02 {
    margin-top: 1.5em;
    margin-bottom: 5em;
    padding: 1.5em 2.5%;
	background: rgb(255,252,178);
	background: -webkit-linear-gradient(155deg, rgba(255,252,178,0.2) 0%, rgba(252,246,180,0.2) 8%, rgba(226,188,206,0.2) 36%, rgba(190,238,247,0.2) 68%, rgba(202,232,119,0.2) 100%);
	background: -o-linear-gradient(155deg, rgba(255,252,178,0.2) 0%, rgba(252,246,180,0.2) 8%, rgba(226,188,206,0.2) 36%, rgba(190,238,247,0.2) 68%, rgba(202,232,119,0.2) 100%);
	background: linear-gradient(245deg, rgba(255,252,178,0.2) 0%, rgba(252,246,180,0.2) 8%, rgba(226,188,206,0.2) 36%, rgba(190,238,247,0.2) 68%, rgba(202,232,119,0.2) 100%);
}
.detailCont02 h3 {
    font-size: 175%;
    text-align: left;
    font-weight: 500;
    margin-bottom: 1em;
}
.detailCont02 h3 span {
    font-size: 75%;
    margin-left: 0.5em;
}
.detailCont02 .box01 dl {
    display: flex;
    margin-bottom: 1em;
    font-size: 1.23em;
}
.detailCont02 .box01 dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
    width: 18em;
    height: 4em;
}
.detailCont02 .box01 dl.mind dt {
    background: #efd0fa;
}
.detailCont02 .box01 dl.creation dt {
    background: #b6e4fc;
}
.detailCont02 .box01 dl.change dt {
    background: #bae6b4;
}
.detailCont02 .box01 dl dd {
    display: flex;
    align-items: center;
    width: calc(100%-19em);
    text-align: left;
}

/*----------------------*/

.detailBlock02 {
	padding: 45px 0px 50px 0px;
background: rgb(255,252,178);
background: linear-gradient(245deg, rgba(255,252,178,0.2) 0%, rgba(252,246,180,0.2) 8%, rgba(226,188,206,0.2) 36%, rgba(190,238,247,0.2) 68%, rgba(202,232,119,0.2) 100%);
}

.detailH301 {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 42px;
}
.detailH301::after {
	content: "";
	width: 246px;
	height: 2px;
background: rgb(255,252,178);
background: linear-gradient(245deg, rgba(255,252,178,1.0) 0%, rgba(252,246,180,1.0) 8%, rgba(226,188,206,1.0) 36%, rgba(190,238,247,1.0) 68%, rgba(202,232,119,1.0) 100%);
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -123px;
}

.detailH301 .s01 {
	display: block;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.detailH301 .s02 {
	display: block;
	font-size: 30px;
	line-height: 1.2em;
}

.groupBg01Wrap01 {
	position: relative;
	width: 590px;
	margin: auto auto 50px auto;
}
.groupBgCont01 li {
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding: 38px 30px 10px 30px;
	width: 310px;
	height: 310px;
	position: absolute;
}
.groupBgCont01 li dt {
	text-align: center;
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 20px;
}
.groupBgCont01 li dd {
	text-align: left;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: -0.05em;
}

.groupBgCont01 li.li01 {
	top: 0px;
	left: 50%;
	margin-left: -150px;
}
.groupBgCont01 li.li02 {
	bottom: 0px;
	left: 0px;
}
.groupBgCont01 li.li03 {
	bottom: 0px;
	right: -10px;
}

.detailBtnWrap01 {
}
.detailBtnWrap01 a {
	position: relative;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	padding: 10px 48px 10px 20px;
	height: 50px;
background: rgb(255,171,226);
background: linear-gradient(180deg, rgba(255,171,226,1) 0%, rgba(253,247,252,1) 100%);
	font-size: 16px;
	line-height: 1.5em;
box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-webkit-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-moz-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-o-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-ms-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
}
.detailBtnWrap01 a:link {	color: #000000;	text-decoration: none;}
.detailBtnWrap01 a:visited {	color: #000000;	text-decoration: none;}
.detailBtnWrap01 a:hover {	color:#000000;	text-decoration: none;}
.detailBtnWrap01 a:active {	color:#000000;	text-decoration: none;}

.detailBtnWrap01 a::after {
	content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #000000;
  border-right: 0;
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -4px;
}

.detailBtnWrap01 .infoAc01.open::after {
    content: "";
    margin-top: -4px;
}

/*----------------------*/

.detailHeading02 {
	font-size: 18px;
	line-height: 1.85em;
	text-align: left;
}

.groupContBox01 {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #EAEAEA;
}
.groupContBox01:first-child {
	margin-top: 0px;
	padding-top: 0px;
	border-top: none;
}
.groupH301 {
	display: inline-flex;
	align-items: center;
}
.groupH301 .s01 {
	margin-right: 15px;
}
.groupH301 .s01 img {
	width: auto;
	height: 60px;
}
.groupH301 .s02 {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: bold;
}
.groupContFlex01 {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	text-align: left;
	margin-top: 50px;
}
.groupContFlex01 .box01 {
	width: 450px;
	flex-shrink: 0;
}
.groupContFlex01 .box02 {
	width: 530px;
	font-size: 16px;
	line-height: 1.85em;
	font-weight: normal;
	letter-spacing: -0.05em;
}

.groupTable01 {
	margin-top: 40px;
}
.groupTable01 th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 0px 20px 20px 0px;
}
.groupTable01 td {
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 20px 0px;
}

.groupBtnWrap02 {
	margin-top: 80px;
}


/*--------------------------*/

.detailBottomArea01 {
	background: rgb(255,252,178);
	background: linear-gradient(245deg, rgba(255,252,178,0.2) 0%, rgba(252,246,180,0.2) 8%, rgba(226,188,206,0.2) 36%, rgba(190,238,247,0.2) 68%, rgba(202,232,119,0.2) 100%);
}


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

	.detailMainWrap01 {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		height: 100px;
		padding: 20px 15px;
	}

	.detailH101 {
		text-align: left;
	}
	.detailH101 .s01 {
		display: block;
	}
	.detailH101 .s01 img {
		width: auto;
		height: 52px;
	}
	.detailH101 .s02 {
		font-size: 14px;
		line-height: 1.5em;
		padding-left: 10px;
	}

	/*-------------------*/

	.detailBlock01 {
		padding: 45px 24px 40px 24px;
	}
	.h2TitCol01 {
		color: #F23C94;
	}
	.detailH201 {
		font-size: 24px;
		line-height: 1.3em;
		font-weight: 500;
		padding-bottom: 18px;
		position: relative;
		margin-bottom: 30px;
	}
	.detailH201::after {
		content: "";
		width: 40px;
		height: 1px;
		background-color: #F23C94;
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -20px;
	}

	.detailBoxMb80 {
		margin-bottom: 40px;
	}
	.detailHeading01 {
		font-size: 16px;
		line-height: 2.1em;
		letter-spacing: -0.05em;
	}
	
	/*----------------------*/

	.detailBlock02 {
		padding: 30px 0px 30px 0px;
	}

	.detailH301 {
		position: relative;
		padding-bottom: 8px;
		margin-bottom: 20px;
	}
	.detailH301::after {
		content: "";
		width: 180px;
		height: 2px;
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -90px;
	}

	.detailH301 .s01 {
		display: block;
		font-size: 16px;
		line-height: 1.5em;
		margin-bottom: 5px;
	}
	.detailH301 .s02 {
		display: block;
		font-size: 22px;
		line-height: 1.2em;
	}

	.detailBtnWrap01 {
	}
	.detailBtnWrap01 a {
		position: relative;
		display: inline-flex;
		align-items: center;
		box-sizing: border-box;
		padding: 10px 28px 10px 20px;
		height: 50px;
	background: rgb(255,171,226);
	background: linear-gradient(180deg, rgba(255,171,226,1) 0%, rgba(253,247,252,1) 100%);
		font-size: 16px;
		line-height: 1.5em;
	box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-webkit-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-moz-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-o-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-ms-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	}
	.detailBtnWrap01 a:link {	color: #000000;	text-decoration: none;}
	.detailBtnWrap01 a:visited {	color: #000000;	text-decoration: none;}
	.detailBtnWrap01 a:hover {	color:#000000;	text-decoration: none;}
	.detailBtnWrap01 a:active {	color:#000000;	text-decoration: none;}

	.detailBtnWrap01 a::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 9px solid #000000;
		border-right: 0;
		position: absolute;
		right: 13px;
		top: 50%;
		margin-top: -4px;
	}
    
    .detailBtnWrap01 .infoAc01 {
        width: 200px;
        height: 43px;
        margin: 0.5em auto;
        display: block;
    }

	/*----------------------*/

	.detailHeading02 {
		font-size: 16px;
		line-height: 1.85em;
		text-align: left;
	}

	.groupContBox01 {
		margin-top: 28px;
		padding-top: 30px;
		border-top: 1px solid #EAEAEA;
	}
	.groupContBox01:first-child {
		margin-top: 0px;
		padding-top: 0px;
		border-top: none;
	}
	.groupH301 {
		display: inline-flex;
		align-items: center;
	}
	.groupH301 .s01 {
		margin-right: 15px;
	}
	.groupH301 .s01 img {
		width: auto;
		height: 50px;
	}
	.groupH301 .s02 {
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.groupContFlex01 {
		display: block;
		justify-content: space-between;
		flex-direction: row-reverse;
		text-align: left;
		margin-top: 20px;
	}
	.groupContFlex01 .box01 {
		width: auto;
		margin-bottom: 20px;
	}
	.groupContFlex01 .box02 {
		width: auto;
		font-size: 15px;
		line-height: 1.85em;
		font-weight: normal;
		letter-spacing: -0.05em;
	}

	.groupTable01 {
		margin-top: 20px;
		display: block;
	}
	.groupTable01 tbody {
		display: block;
	}
	.groupTable01 tr {
		display: block;
	}
	.groupTable01 th {
		display: block;
		text-align: left;
		vertical-align: top;
		font-weight: bold;
		padding: 0px 0px 5px 0px;
	}
	.groupTable01 td {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 0px 0px 0px 0px;
		margin-bottom: 20px;
	}

	.groupBtnWrap02 {
		margin-top: 28px;
	}
	
    .detailCont01 {
        font-size: 2.5vw;
    }
    .detailCont02 {
        padding: 2em 5%;
        font-size: 2.7vw;
    }
    .detailCont02 .box01 dl {
        display: block;
        margin-bottom: 1.5em;
    }
    .detailCont02 .box01 dl dt {
        width: 100%;
        height: 3em;
        margin: 0 0 0.5em;
    }
    .detailCont02 .box01 dl dd {
        width: 100%;
        text-align: center;
        display: block;
		letter-spacing: -0.05em;
    }
}


/* -------------------------------------------------------------------- 
 仕事紹介
-------------------------------------------------------------------- */

.workBox01 {
	padding: 50px 0px 40px 0px;
}

.workH3Wrap01 {
background: rgb(248,235,185);
background: linear-gradient(300deg, rgba(248,235,185,1) 0%, rgba(226,188,206,1) 38%, rgba(190,238,247,1) 68%, rgba(202,232,119,1) 100%);
	padding: 3px;
	display: inline-block;
	margin-bottom: 30px;
}
.workH3Wrap01 .h301 {
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	padding: 3px;
	height: 40px;
	width: 230px;
	font-size: 26px;
	line-height: 1.2em;
	font-weight: 500;
}

.workFlex01 {
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.workFlex01 li.li01 {
	width: 500px;
}
.workFlex01 li.li02 {
	width: 470px;
	font-size: 16px;
	line-height: 1.85em;
	margin-top: -0.4em;
}

.workText01 {
	font-size: 14px;
	line-height: 1.8em;
}


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

	.workBox01 {
		padding: 30px 0px 30px 0px;
	}

	.workH3Wrap01 {
	background: rgb(248,235,185);
	background: linear-gradient(300deg, rgba(248,235,185,1) 0%, rgba(226,188,206,1) 38%, rgba(190,238,247,1) 68%, rgba(202,232,119,1) 100%);
		padding: 3px;
		display: inline-block;
		margin-bottom: 30px;
	}
	.workH3Wrap01 .h301 {
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
		padding: 3px;
		height: 40px;
		width: 230px;
		font-size: 20px;
		line-height: 1.2em;
		font-weight: 500;
	}

	.workFlex01 {
		display: block;
	}
	.workFlex01 li.li01 {
		width: auto;
	}
	.workFlex01 li.li02 {
		width: auto;
		font-size: 15px;
		line-height: 1.85em;
		margin-top: 28px;
	}

	.workText01 {
		font-size: 12px;
		line-height: 1.8em;
		letter-spacing: -0.05em;
	}


}


/* -------------------------------------------------------------------- 
 職場環境
-------------------------------------------------------------------- */

.officeMW1220 {
	position: relative;
	/*max-width: 1220px;*/
	padding: 0px 70px;
	margin: 0px auto 70px auto;
}
.officeBox01 {
	background-image: url("../img/office/office_img01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 74vw;
	height: 500px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.officeBox02 {
	position: relative;
	box-sizing: border-box;
	height: 500px;
	padding-top: 120px;
	text-align: left;
}

.officeBox02In01 {
	display: inline-block;
	background-color: #FFFFFF;
	border: 1px solid #F23C94;
	padding: 25px 30px 30px 30px;
}
.officeBox02In01 .h302 {
	font-size: 40px;
	line-height: 1.5em;
	font-weight: 500;
}
.officeBox02In01 .dl01 {
	margin-top: 35px;
}
.officeBox02In01 .dl01 dt {
	color: #F23C94;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: normal;
}
.officeBox02In01 .dl01 dd {
	font-size: 25px;
	line-height: 1.4em;
	font-weight: bold;
}
.officeBox02In01 .dl01 dd .s01 {
	font-size: 20px;
}

.officeTextBox01 {
	text-align: left;
	font-size: 16px;
	line-height: 1.85em;
	margin-bottom: 42px;
}
.officeText01 {
	color: #F23C94;
	font-weight: bold;
	margin-bottom: 25px;
}
.officeFlex01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.officeFlex01 li {
	width: 490px;
	margin-top: 20px;
}

.officeBlock01 {
	background: rgb(255,252,178);
	background: linear-gradient(245deg, rgba(255,252,178,0.2) 0%, rgba(252,246,180,0.2) 8%, rgba(226,188,206,0.2) 36%, rgba(190,238,247,0.2) 68%, rgba(202,232,119,0.2) 100%);
	padding: 50px 0px;
}
.officeUl01 {
	width: 700px;
	margin: auto;
}
.officeUl01 li {
	background-color: #FFFFFF;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	height: 120px;
	padding: 20px 70px;
	font-size: 24px;
	line-height: 1.25em;
	font-weight: bold;
}
.officeUl01 li:first-child {
	margin-top: 0px;
}

.officeUl01 li p {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}
.officeUl01 li .s01 {
	color: #F23C94;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 80px;
	font-style: italic;
}
.officeUl01 li .s01 .s02 {
	font-size: 40px;
	margin-left: 4px;
}
.officeUl01 li .s03 {
	display: inline-block;
	padding-bottom: 5px;
}

.officeFlex02 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.officeFlex02 li {
	width: 490px;
	margin-top: 20px;
	margin-bottom: 25px;
	margin-right: 20px;
}
.officeFlex02 li:nth-child(2n) {
	margin-right: 0px;
}
.officeFlex02 li:last-child {
	margin-right: 0px;
}

.officeText02 {
	text-align: left;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	margin-top: 10px;
}



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

	.officeMW1220 {
		position: relative;
		/*max-width: 1220px;*/
		padding: 0px 0px;
		margin: 0px auto 30px auto;
	}
	.officeBox01 {
		background-image: url("../img/office/office_img01.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 82vw;
		height: 246px;
		position: absolute;
		right: -24px;
		top: 0px;
	}
	.officeBox02 {
		position: relative;
		box-sizing: border-box;
		height: auto;
		padding-top: 194px;
		text-align: left;
	}

	.officeBox02In01 {
		display: inline-block;
		background-color: #FFFFFF;
		border: 1px solid #F23C94;
		padding: 14px 15px 15px 15px;
	}
	.officeBox02In01 .h302 {
		font-size: 24px;
		line-height: 1.5em;
		font-weight: 500;
	}
	.officeBox02In01 .dl01 {
		margin-top: 15px;
	}
	.officeBox02In01 .dl01 dt {
		color: #F23C94;
		font-size: 12px;
		line-height: 1.4em;
		font-weight: normal;
		letter-spacing: -0.05em;
	}
	.officeBox02In01 .dl01 dd {
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.officeBox02In01 .dl01 dd .s01 {
		font-size: 13px;
	}

	.officeTextBox01 {
		text-align: left;
		font-size: 15px;
		line-height: 1.85em;
		margin-bottom: 20px;
	}
	.officeText01 {
		color: #F23C94;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.officeFlex01 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.officeFlex01 li {
		width: 48%;
		margin-top: 10px;
	}

	.officeBlock01 {
		background: rgb(255,252,178);
		background: linear-gradient(245deg, rgba(255,252,178,0.2) 0%, rgba(252,246,180,0.2) 8%, rgba(226,188,206,0.2) 36%, rgba(190,238,247,0.2) 68%, rgba(202,232,119,0.2) 100%);
		padding: 20px 20px;
	}
	.officeUl01 {
		width: auto;
		margin: auto;
	}
	.officeUl01 li {
		background-color: #FFFFFF;
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
		height: 120px;
		padding: 20px 20px 10px 20px;
		font-size: 18px;
		line-height: 1.25em;
		font-weight: bold;
	}
	.officeUl01 li:first-child {
		margin-top: 0px;
	}

	.officeUl01 li p {
		display: block;
		width: auto;
	}
	.officeUl01 li .s01 {
		display: block;
		color: #F23C94;
		font-family: Arial, Helvetica, "sans-serif";
		font-size: 48px;
		line-height: 1.0em;
		font-style: italic;
		vertical-align: bottom;
	}
	.officeUl01 li .s01 .s02 {
		font-size: 25px;
		margin-left: 0px;
	}
	.officeUl01 li .s03 {
		display: block;
		padding-bottom: 5px;
	}

	.officeFlex02 {
		display: block;
	}
	.officeFlex02 li {
		width: auto;
		margin-top: 30px;
		margin-bottom: 0px;
		margin-right: 0px;
	}
	.officeFlex02 li:nth-child(2n) {
		margin-right: 0px;
	}
	.officeFlex02 li:last-child {
		margin-right: 0px;
	}

	.officeText02 {
		text-align: left;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: bold;
		margin-top: 10px;
	}


}


/* -------------------------------------------------------------------- 
 採用情報
-------------------------------------------------------------------- */

.infoText01 {
	color: #F23C94;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 24px;
}

.detailBlock03 {
	padding: 0px 0px 55px 0px;
}

.infoTable01 {
	width: 100%;
	margin-top: -25px;
	margin-bottom: 60px;
}
.infoTable01 th {
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: bold;
	padding: 25px 90px 25px 0px;
	border-bottom: 1px solid #EAEAEA;
}
.infoTable01 td {
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.85em;
	font-weight: normal;
	padding: 0px 25px 0px 25px;
	border-bottom: 1px solid #EAEAEA;
}
.infoTable01 td .dl01 {
    margin-top: 15px;
    margin-bottom: 10px;
}
.infoTable01 td .dl01 dd ul {
    list-style-type: disc;
    margin-left: 1.2em;
    line-height: 1.4;
}

.infoBox01 {
	background-color: rgba( 242,60,148,0.05 );
	padding: 30px 50px;
	margin-top: 50px;
}

.infoUl01 {
    text-align: left;
    width: 800px;
    max-width: 100%;
    margin: 0 auto 28px;
}
.infoUl01 li {
	font-size: 16px;
	line-height: 1.85em;
	font-weight: bold;
	/*text-indent: -1em;
	padding-left: 1em;*/
}
.infoUl01 li:not(:last-child) {
    margin-bottom: 1.5em;
}
.colPink01 {
	color: #F23C94;
}
.infoFlex01 {
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.infoFlex01 .box01 {
	width: 584px;
	font-size: 15px;
	line-height: 1.85em;
	font-weight: normal;
}
.infoFlex01 .box02 {
	width: 300px;
}
.infoBoxIn01 {
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	height: 60px;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
	margin-top: 25px;
}

.infoBox02 {
	background-color: #ffffff;
	border: 1px solid #F23C94;
	padding: 48px 50px;
	margin-top: 110px;
	position: relative;
	font-size: 18px;
	line-height: 1.75em;
	font-weight: 500;
}
.infoH301 {
	color: #F23C94;
	font-size: 24px;
	line-height: 1.2em;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: -15px;
}
.infoH301 .s01 {
	display: inline-block;
	background-color: #ffffff;
	padding: 0px 20px;
}

.infoTable02 {
	margin: 22px auto 0px auto;
	font-size: 22px;
	line-height: 1.45em;
	font-weight: bold;
}
.infoTable02 th {
	text-align: left;
	vertical-align: middle;
}
.infoTable02 td {
	text-align: left;
	vertical-align: middle;
}

a.infoLink01:link {	color: #222222;	text-decoration: none;}
a.infoLink01:visited {	color: #222222;	text-decoration: none;}
a.infoLink01:hover {	color:#222222;	text-decoration: underline;}
a.infoLink01:active {	color:#222222;	text-decoration: none;}

.infoAc01 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px 20px 10px 20px;
    height: 40px;
    width: 200px;
    margin: 0.5em auto 0;
    background: rgb(255,171,226);
    background: linear-gradient(180deg, rgba(255,171,226,1) 0%, rgba(253,247,252,1) 100%);
    font-size: 16px;
    line-height: 1.5em;
    box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
    -webkit-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
    -moz-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
    -o-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
    -ms-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
    font-weight: 400;
    cursor: pointer;
}
a.infoAc01:link {	color: #000000;	text-decoration: none;}
a.infoAc01:visited {	color: #000000;	text-decoration: none;}
a.infoAc01:hover {	color:#000000;	text-decoration: none;}
a.infoAc01:active {	color:#000000;	text-decoration: none;}

.infoAc01 .p01 {
	display: block;
}
.infoAc01 .p02 {
	display: none;
}
.infoAc01.open .p01 {
	display: none;
}
.infoAc01.open .p02 {
	display: block;
}

.infoAc01::after {
	content: "＋";
	font-size: 16px;
	line-height: 1.0em;
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -8px;
}
.infoAc01.open::after {
	content: "－";
	font-size: 16px;
	line-height: 1.0em;
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -8px;
}
.infoAcCont01 {
	display: none;
    text-indent: 0;
    margin-left: 0;
    font-weight: 400;
    background: #fff;
}
.infoAcCont01 .detail {
    padding: 0 1.5em 1em;
    font-size: 93.75%;
}
.infoAcCont01 .detail h4 {
    font-weight: bold;
    padding-top: 1em;
}
.infoAcCont01 .detail h5.h501 {
    margin-top: 0.75em;
    margin-bottom: 0.5em;
    line-height: 1.4;
    text-indent: -1.5em;
    margin-left: 1.5em;
}
.infoAcCont01 .detail p.p01 {
    line-height: 1.4;
}
.infoAcCont01 .detail p.p02 {
    line-height: 1.4;
    margin-left: 1.75em;
}
.infoAcCont01 .detail dl {
    display: flex;
    border-bottom: 1px solid #EAEAEA;
    padding: 1em 0;
}
.infoAcCont01 .detail dl:last-child {
    border-bottom: none;
}
.infoAcCont01 .detail dl dt {
    width: 30%;
}
.infoAcCont01 .detail dl dd {
    width: 70%;
}
.infoAcCont01 .detail dl dd ul {
    margin-left: 1.25em;
}
.infoAcCont01 .detail dl dd ul li {
    font-size: 93.75%;
    font-weight: 400;
    line-height: 1.4;
    text-indent: 0;
    padding: 0;
    list-style-type: disc;
}
.infoAcCont01 .detail dl dd ul li:not(:last-child) {
    margin-bottom: 0.5em;
}
.infoAcCont01 .detail dl dd ul.li01 {
    margin-top: 1.25em;
}
.infoAcCont01 .detail dl dd ul.li01 li {
    list-style-type: circle;
}
.infoAcCont01 .detail dl dd ul.li02 {
    margin-left: 2.1em;
}

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

	.infoText01 {
		color: #F23C94;
		font-size: 15px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.detailBlock03 {
		padding: 0px 25px 55px 25px;
	}

	.infoTable01 {
		display: block;
		width: auto;
		margin-top: -25px;
		margin-bottom: 60px;
	}
	.infoTable01 tbody {
		display: block;
	}
	.infoTable01 tr {
		display: block;
	}
	
	.infoTable01 th {
		display: block;
		text-align: left;
		vertical-align: middle;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
		padding: 16px 0px 10px 0px;
		border-bottom: none;
	}
	.infoTable01 td {
		display: block;
		text-align: left;
		vertical-align: middle;
		font-size: 15px;
		line-height: 1.85em;
		font-weight: normal;
		padding: 0px 0px 16px 0px;
		border-bottom: 1px solid #EAEAEA;
	}

	.infoBox01 {
		background-color: rgba( 242,60,148,0.05 );
		padding: 30px 17px;
		margin-top: 20px;
	}
	.infoBox01.infoBox0102 {
		padding: 30px 10px;
	}

	.infoUl01 {
		text-align: left;
		display: inline-block;
		margin-bottom: 28px;
	}
	.infoUl01 li {
		font-size: 14px;
		line-height: 1.85em;
		font-weight: bold;
		letter-spacing: -0.05em;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	.colPink01 {
		color: #F23C94;
	}
	.infoFlex01 {
		display: block;
	}
	.infoFlex01 .box01 {
		width: auto;
		font-size: 15px;
		line-height: 1.85em;
		font-weight: normal;
	}
	.infoFlex01 .box02 {
		width: auto;
		margin-top: 15px;
	}
	.infoBoxIn01 {
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
		height: 60px;
		padding: 8px 5px;
		font-size: 15px;
		line-height: 1.3em;
		font-weight: bold;
		margin-top: 20px;
	}

	.infoBox02 {
		background-color: #ffffff;
		border: 1px solid #F23C94;
		padding: 30px 15px 27px 15px;
		margin-top: 45px;
		position: relative;
		font-size: 16px;
		line-height: 1.75em;
		font-weight: 500;
	}
	.infoH301 {
		color: #F23C94;
		font-size: 18px;
		line-height: 1.2em;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0px;
		top: -13px;
	}
	.infoH301 .s01 {
		display: inline-block;
		background-color: #ffffff;
		padding: 0px 20px;
	}

	.infoTable02 {
		margin: 15px auto 0px auto;
		font-size: 20px;
		line-height: 1.45em;
		font-weight: bold;
	}
	.infoTable02 th {
		text-align: left;
		vertical-align: middle;
	}
	.infoTable02 td {
		text-align: left;
		vertical-align: middle;
	}

	.detailBtnWrap01 a {
		position: relative;
		display: inline-flex;
		align-items: center;
		box-sizing: border-box;
		padding: 10px 28px 10px 20px;
		width: 280px;
		justify-content: center;
	}
    .infoAcCont01 .detail dl dt {
        line-height: 1.4;
        font-size: 3.35vw;
    }
    .infoAcCont01 .detail dl dd ul li {
        font-size: 3.35vw;
    }

}


/* -------------------------------------------------------------------- 
 社員紹介
-------------------------------------------------------------------- */

.interviewBlock01 {
	margin: 95px auto 100px auto;
}

.interviewCont01 {
	margin-top: 80px;
}

.interviewCont01 .officeBox02In01 {
	box-sizing: border-box;
	min-width: 500px;
}

/*-------------------*/

.officeBox01.interview01 {
	background-image: url("../img/interview/interview_img01_01.jpg");
}
.officeBox01.interview02 {
	background-image: url("../img/interview/interview_img02_01.jpg");
}
.officeBox01.interview03 {
	background-image: url("../img/interview/interview_img03_01.jpg");
}
.officeBox01.interview04 {
	background-image: url("../img/interview/interview_img04_01.jpg");
}

/*-------------------*/

.officeFlex01.interview li {
	width: 480px;
}

.interviewAc01 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px 20px 10px 20px;
	height: 50px;
	width: 280px;
	margin: auto;
background: rgb(255,171,226);
background: linear-gradient(180deg, rgba(255,171,226,1) 0%, rgba(253,247,252,1) 100%);
	font-size: 16px;
	line-height: 1.5em;
box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-webkit-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-moz-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-o-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
-ms-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
}
a.interviewAc01:link {	color: #000000;	text-decoration: none;}
a.interviewAc01:visited {	color: #000000;	text-decoration: none;}
a.interviewAc01:hover {	color:#000000;	text-decoration: none;}
a.interviewAc01:active {	color:#000000;	text-decoration: none;}

.interviewAc01 .p01 {
	display: block;
}
.interviewAc01 .p02 {
	display: none;
}
.interviewAc01.open .p01 {
	display: none;
}
.interviewAc01.open .p02 {
	display: block;
}

.interviewAc01::after {
	content: "＋";
	font-size: 16px;
	line-height: 1.0em;
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -8px;
}
.interviewAc01.open::after {
	content: "－";
	font-size: 16px;
	line-height: 1.0em;
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -8px;
}

.interviewAcCont01 {
	display: none;
	margin-bottom: 50px;
}

.detailHeading03 {
	margin-top: 50px;
}


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

	.interviewBlock01 {
		margin: 30px auto 50px auto;
		padding: 0px 24px;
	}

	.interviewCont01 {
		margin-top: 50px;
	}

	.interviewCont01 .officeBox02In01 {
		box-sizing: border-box;
		min-width: 290px;
	}

	/*-------------------*/

	.officeFlex01.interview li {
		width: 48.2%;
	}

	.interviewAc01 {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 10px 20px 10px 20px;
		height: 50px;
		width: 280px;
		margin: auto;
	background: rgb(255,171,226);
	background: linear-gradient(180deg, rgba(255,171,226,1) 0%, rgba(253,247,252,1) 100%);
		font-size: 16px;
		line-height: 1.5em;
	box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-webkit-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-moz-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-o-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	-ms-box-shadow: 2px 2px 5px 0px rgba( 0,0,0,0.3 );
	}
	.interviewAc01 .p01 {
		display: block;
	}
	.interviewAc01 .p02 {
		display: none;
	}
	.interviewAc01.open .p01 {
		display: none;
	}
	.interviewAc01.open .p02 {
		display: block;
	}

	.interviewAc01::after {
		content: "＋";
		font-size: 16px;
		line-height: 1.0em;
		position: absolute;
		right: 13px;
		top: 50%;
		margin-top: -8px;
	}
	.interviewAc01.open::after {
		content: "－";
		font-size: 16px;
		line-height: 1.0em;
		position: absolute;
		right: 13px;
		top: 50%;
		margin-top: -8px;
	}

	.interviewAcCont01 {
		margin-bottom: 30px;
	}

	.detailHeading03 {
		margin-top: 28px;
		padding: 0px 20px;
	}

	.interviewCont01 .officeTextBox01 {
		margin-bottom: 30px;
	}

}


/* -------------------------------------------------------------------- 
 
-------------------------------------------------------------------- */



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


}







/*-----*/