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

------------------------------------------------------------------------------ */
.grMiBtn {
	margin-right:0;
	max-width: 400px;
}
.grMiBtn.btn a {
color: #ffffff;
background-color: #92d050;
border: solid 2px #92d050;
}
.grMiBtn.btn a:hover {
color: #92d050;
background-color: #ffffff;
}
.btn span.grMiBtnMain {
position: static;
display: inline;
font-size:2em;
background-color: inherit;
}
.btn span.grMiBtnSub {
position: static;
display: inline;
font-size:0.9em;
background-color: inherit;
}
.grMiBtn.btn span.grIcon {
  width: 70px;
  height: 75px;
  background-color: transparent;
  background-image: url("../enrolled/interview/img/icon.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.grInt01 {
display: flex;
justify-content:space-between;
margin-bottom:50px;
padding-bottom:20px;
border-bottom:#999 1px dashed;
}
grIntImgBox {
	width:35%;
}
.grIntImg {
	width:100%;
	max-width:300px;
	height:auto;
	overflow:hidden;
	border-radius:10px;
	margin-bottom:20px;
}
.grIntImg img {
	width:100%;
}
.grIntImgBox .grTablename {
width:100%;
flex-direction: column;
}
.grIntImgBox .grTablename div {
  width: 100%;
}
.grIntImgBox .grTablename .sTit {
  line-height: 1;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding: .6em .9em;
}
.grIntImgBox .grnameB {
  font-size: 2.2rem;
  letter-spacing: 0.3rem;
}
.grTablenameBox{
	width:60%;
}
.grTablename {
	font-size:1.6rem;
	display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom:20px;
}
.grTablename div{
	width:48%;
}
.grstaffTit03 {
position: relative;
padding-left: 15px;
}

.grstaffTit03::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 5px;
height: 5px;
background-color: #e5006e;
}

.grnameB{
font-weight: bold;
padding: 0 0 10px 15px;
}



@media screen and (max-width: 820px) {
/* ---------- SP ---------- */
.grInt01 {
flex-direction: column;
}
.grIntImgBox {
	margin-bottom:10px;
}
.grIntImg {
    max-width: none;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.grTablenameBox {
  width: 100%;
}
.grTablename {
flex-direction: column;
}
.grTablename div {
  width: 100%;
}
.grTablenameBox .grTablename {
	margin-bottom:10px;
}
}
@media screen and (min-width: 820px) {
/* ---------- PC ---------- */

}