@charset "utf-8";
/* CSS Document */
.interview-all-cover{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 10px;
	padding: 100px 80px;
	margin: 0 auto;
	overflow-y: auto;
	position: relative;
	z-index: 999;
}

/* インタビューファースト▼*/
.interview-fast h2{
	font-family:  "Mohave", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 90px;
	color: #8bc300;
	letter-spacing: 0;
	text-align: left;
	line-height: 1.1;
}
.interview-ttl{
	font-family:  "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	color: #8bc300;
	letter-spacing: 0.1em;
}
.interview-fast-img{
	margin-top: 80px;
}
.work-man-box-flex2{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.tag{
	color: #8bc300;
	background: #fefbf4;
	border: solid 2px #8bc300;
	padding: 3px;
	margin-top: 5px;
	margin-right: 5px;
}
.s16{
	font-size: 16px;
}
/* インタビューセカンド▼*/
.interview-second-img{
	margin-top: 60px;
}
.interview-second h3{
	color: #8bc300;
}
.m-60{
	margin-top: 60px;
}
/* インタビューメッセージ▼*/
.messege{
	width: 100%;
	background-image: url("../../img/common/grey-kakou.jpg");
	margin-top: 100px;
	padding: 60px;
	
}
.messege-img{
	width: 215px;
	height: 84px;
	margin: 0 auto;
}
/* ワークスタイル▼*/
.work-style{
	padding-top: 150px;
}
.work-style h2{
	font-family:  "Mohave", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 90px;
	color: #8bc300;
	letter-spacing: 0;
}
.work-style-ttl{
	font-family:  "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	color: #8bc300;
	letter-spacing: 0.1em;
}
.work-style-flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.work-style-left{
	margin-top: 200px;
	width: 47%;
}
.work-style-right{
	margin-top: 80px;
	width: 47%;
}
/* ちょこっと紹介▼*/
.work-style-little{
	padding-top: 70px;
}
.work-style-little h3{
	color: #8bc300;
	text-align: center;
}
.work-style-little-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.work-style-little-box{
	width: 170px;
	height: 160px;
	background: #8bc300;
	color: #fff;
	margin-top: 30px;
	font-size: 14px;
	padding: 17px;
}
/* 私ってこんな人▼*/
.person{
	padding-top: 150px;
}
.person h2{
	font-family:  "Mohave", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 90px;
	color: #8bc300;
	letter-spacing: 0;
}
.person-ttl{
	font-family:  "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	color: #8bc300;
	letter-spacing: 0.1em;
}
.person-cont{
	width: 100%;
	background: #fefbf4;
	border: 3px solid #8bc300;
	position: relative;
	margin-top: 144px;
	padding-left: 5%;
	padding-right: 5%;
}
.person-cont-img{
	position: absolute;
	top: -64px;
    left: 50%; 
    transform: translateX(-50%); 
	
}
.person-cont ul{
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
.person-cont ul li{
	margin-top: 30px;
	color: #8bc300;
}
.person-cont2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.person-cont2-box{
	margin-top: 30px;
}
/* KMさんってこんな人▼*/
.person2{
	padding-top: 70px;
}
.person2 h3{
	font-family:  "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	color: #8bc300;
	letter-spacing: 0.1em;
	text-align: center;
}
.person2-cont{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.person2-cont-left{
	width: 30%;
	margin-top: 30px;
}
.person2-cont-center{
	width: 30%;
	margin-top: 30px;
}
.person2-cont-right{
	width: 30%;
	margin-top: 30px;
}
.person2-cont-left-img{
	width: 100%;
	height: 118px;
	border-radius: 10px;
	background: #DCD8D8;
	margin-top: 30px;
}
/* 共通キャッチコピー▼ */
.common-copy2{
	width: 100%;
	height: auto;
	background: #fff;
	padding-top: 150px;
	padding-bottom: 150px;

}
.common-copy-in2{
	width: 96%;
	height: auto;
	margin: 0 auto;
	background: #8bc300;
	text-align: center;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
	border-radius: 10px;
}
.copy-cover2{
	background-image: url("../../img/common/leaf.png");
	background-repeat: no-repeat;
	background-position: center;
	letter-spacing: 0;
}
.copy01-2{
	font-size: 20px;
	padding-top: 70px;
}
.copy02-2{
	font-size: 24px;
	margin-top: 30px;
}
.copy-btn{
	height: 70px;
	color: #8bc300;
	background: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 70px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 70px;
	margin: 0 auto;
	margin-top: 40px;
}

/* 960px以下▼ */
@media screen and (max-width:960px){
.interview-all-cover{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 10px;
	padding: 100px 2%;
	margin: 0 auto;
	overflow-y: auto; 
	position: relative;
	z-index: 999;
}
/* 共通キャッチコピー▼ */
.common-copy-in2{
	width: 96%;
	height: auto;
	margin: 0 auto;
	background: #8bc300;
	text-align: center;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 5%;
	padding-right: 5%;
	border-radius: 10px;
}
}
/* 599px以下▼ */
@media screen and (max-width:599px){
.interview-all-cover{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 10px;
	padding: 20px 2%;
	margin: 0 auto;
	overflow-y: auto; 
	position: relative;
	z-index: 999;
}
/* インタビューファースト▼*/
.interview-fast h2{
	font-family:  "Mohave", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 56px;
	color: #8bc300;
	letter-spacing: 0;
	text-align: left;
}
.interview-ttl{
	font-family:  "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 18px;
	color: #8bc300;
	letter-spacing: 0.1em;
}
.interview-fast-img{
	margin-top: 60px;
}
.messege {
    width: 100%;
    background-image: url(../../img/common/grey-kakou.jpg);
    margin-top: 60px;
    padding: 60px 4% 60px 4%;
}
/* ワークスタイル▼*/
.work-style {
    padding-top: 100px;
}
.work-style h2 {
    font-family: "Mohave", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 56px;
    color: #8bc300;
    letter-spacing: 0;
}
.work-style-ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #8bc300;
    letter-spacing: 0.1em;
	text-align: center;
}
.work-style-flex{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: none;
}
.work-style-left{
	margin-top: 60px;
	width: 100%;
	text-align: center;
}
.work-style-right{
	margin-top: 60px;
	width: 100%;
	text-align: center;
}
.work-style-left img,.work-style-right img{
	width: 80%;
	height: auto;
	display: inline-block;
	}
/* ちょこっと紹介▼*/
.work-style-little {
    padding-top: 30px;
}
.work-style-little h3 {
	font-size: 18px;
    color: #8bc300;
    text-align: center;
}
.work-style-little-box {
    width: 100%;
    height: auto;
    background: #8bc300;
    color: #fff;
    margin-top: 30px;
    font-size: 14px;
    padding: 17px;
}
/* パーソン▼*/
.person {
    padding-top: 100px;
}
.person h2 {
    font-family: "Mohave", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 58px;
    color: #8bc300;
    letter-spacing: 0;
}
.person-ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #8bc300;
    letter-spacing: 0.1em;
	text-align: center;
}
.person-cont {
    width: 100%;
    background: #fefbf4;
    border: 3px solid #8bc300;
    position: relative;
    margin-top: 100px;
    padding-left: 4%;
    padding-right: 4%;
}
.person-cont2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: none;
}
.person-cont2-box{
    width: 48%;
	height: auto;
	margin-top: 4%;
}
.person-cont2-box img{
    width: 100%;
	height: auto;
}
/* KMさんってこんな人▼*/
.person2 {
    padding-top: 60px;
}
.person2 h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #8bc300;
    letter-spacing: 0.1em;
    text-align: center;
}
.person2-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: none;
}
.person2-cont-left,.person2-cont-center,.person2-cont-right{
    width: 100%;
    margin-top: 30px;
}
/* 共通キャッチコピー▼*/
.common-copy2 {
    width: 100%;
    height: auto;
    background: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
}
.common-copy-in2 {
        width: 96%;
        height: auto;
        margin: 0 auto;
        background: #8bc300;
        text-align: center;
        color: #fff;
        padding-top: 0;
        padding-bottom: 60px;
        padding-left: 4%;
        padding-right: 4%;
        border-radius: 10px;
    }
.copy-cover2{
	background-image: url("../../img/common/leaf.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	padding-left: 4%;
	padding-right: 4%;
	}
.copy01-2{
	font-size: 18px;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
}
.copy02-2{
	font-size: 16px;
	margin-top: 20px;
	padding-left: 0;
	padding-right: 0;
}
.copy-btn{
	width: 250px;
	height: 60px;
	color: #8bc300;
	background: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 60px;
	margin: 0 auto;
	margin-top: 20px;
}
}