@charset "UTF-8";
@media all and (max-width: 1000px) {
html{
		scroll-padding-top:30px;
		scroll-behavior: smooth;
	}
.pc{
	display:none;
}	
/*headerはここから*/
header{
	width:100%;
	transition: .3s;
	/* position: fixed; */
	z-index: 9999;
}

.logo{
	width:160px;
	left:3%;
	top:20px;
	position:absolute;
	z-index: 1;
}

ul{
	list-style: none;
	padding-inline-start:0px;
	display: block;
	text-align: left;
}

.menu li {
	 text-transform: uppercase;
	 transition: .3s;
	 margin: 20px 0;
	 display:inline-block;
	 padding:0;
	 width:170px;
	 text-align: center;
}

li a{
	 color:black;
	 font-size:12px;
	 font-weight: 500;
	 /* border-bottom:1px solid black; */
	 display: inline-block;
	 width:100%;
	 /* padding:0 0 5px 0; */
	 letter-spacing:0;
	 padding:8px 0;
}
.menu{
	list-style: none;
	padding-inline-start:0px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	position:absolute;
	bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin:0;
	gap:4px;
	position: fixed;
	z-index: 1;
	list-style: none;
}
.menu li {
	 font-size:14px;
	 margin:0 0 0 0;
	 font-weight: 500;
	 transition: .3s;
	 letter-spacing: 1px;
}
li a{
	 color: #302D2C;
}
.white-btn a{
	background-color: white;
	border-radius: 3px;
	font-family: "Noto Sans JP", serif;
	display:block;
}
.white-btn:nth-child(1) a:before{
	content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url('image/icon-1.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	margin-right:7px;
}
.white-btn:nth-child(2) a:before{
	content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url('image/icon-2.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	margin-right:7px;
}
.white-btn:nth-child(3) a:before{
	content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('image/icon-3.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	margin-right:10px;
}
.white-btn:hover{
	opacity: 0.7 !important;
}
/*共通はここから*/
.main-txt{
	font-size:13px;
	letter-spacing:0.02em;
	line-height: 1.8;
	margin:0;
}

.main-txt-sub{
	font-size:13px;
	letter-spacing:0.01em;
	line-height: 1.8;
	margin:0;
}

.common-width{
	max-width:1180px;
	width:86%;
	margin:0 auto;
}

.green{
	color:#5C7E40;
}
/* メインはここから */
.top-img{
	position: relative;
}
.back-img{
	height:100vh;
	object-fit: cover;
	filter: brightness(.6);
}
.top-title{
	position: absolute;
	bottom:25px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);width:90%;
}
.what{
	margin-top:40px;
}
.what h3{
	font-size:13px;
	letter-spacing: -0.01em;
	font-weight:300;
	text-transform: uppercase;
}
.what div{
	/* width:780px; */
}
.what div h2{
	font-size:22px;
	font-weight:500;
	letter-spacing: -0.02em;
	margin-top:10px;
}
.what div p{
	font-size:14px;
	letter-spacing: -0.04em;
	line-height: 1.85;
	margin-top:20px;
}
.theme{
	margin-top:50px;
	margin-bottom:50px;
}
.interview-content{
	display:flex;
	flex-direction: column;
	gap:5px;
	margin-top:50px;
	margin-bottom:50px;
}
.interview-content a{
	display:block;
}
.skill{
	width:94%;
	margin:0 auto 50px auto;
}
.parent{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	border: 5px solid black;
	}
.pa-2{
	margin-top:-5px !important;
}
.parent-detail{
	padding:15px;
	/* display:flex; */
	gap:20px;
}
.parent-detail img{
	height:200px;
	object-fit: cover;
}
.parent-detail:nth-child(1){
	grid-area: 1 / 1 / 4 / 2;
	/* border-right: 5px solid black; */
	display:block;
	border-bottom: 5px solid black;
}
.parent-detail:nth-child(2){
	border-bottom: 5px solid black;
}
.parent-detail:nth-child(3){
	border-bottom: 5px solid black;
}
.parent-detail:nth-child(4){
}
.skill-content{
	display:flex;
	justify-content: space-between;
	margin:15px 0 0 0;
}
.skill h2{
	border-left:5px solid black;
	border-right:5px solid black;
	border-top:5px solid black;
	display:block;
	padding:10px 15px 15px;
	font-size:20px;
	font-weight:600;
	letter-spacing: -0.02em;
}
.skill-img{
	
}
.parent-detail .sub{
	width:80%;
}
.skill-content .no{
	width:auto;
}
.no-2{
	width:auto;
}
.no-sub{
	/* margin-left:auto; */z
}
.no-sub img{
	width:auto;
	height:60px;
}
.sp-flex{
	display:flex;
	justify-content: space-between;
	margin-top:15px;
}
.skill-txt{
	width:80%;
}
.skill-txt h3{
	font-size:20px;
	font-weight:500;
	letter-spacing: -0.02em;
}
.skill-txt p{
	font-size:14px;
	line-height: 1.55;
	margin-top:10px;
}
.skill-content .no img{
	height:60px;
	object-fit:contain;
}







.message-top div{
	position: relative;
}
.message-top div img:nth-child(1){
	/* width:420px; */
}
.message-top div img:nth-child(2){
	width:220px;
	margin-left:7%;
	margin-top:40px;
}
.message-top div img:nth-child(3){
	width:50%;
	margin-left:7%;
	margin-top:20px;
}
.message-bottom{
	margin-top:-140px;
}
.message-bottom-img{
	width:60%;
	margin:0 0 0 auto;
}
.message-bottom-txt{
	width:auto;
}
.message-bottom-txt{
	
}
.message-bottom-txt p{
	font-size:14px;
	line-height: 1.8;
	text-align: justify;
	margin:20px auto 0 auto;
	width:86%;
}
.overview{
	background-color: #F2F2F2;
	padding:40px 0 50px 0;
	margin-top:50px;
}
.overview-width{
	width:86%;
	margin:0 auto;
}
.overview h3{
	font-size:20px;
	font-weight:600;
}
.overview-width-g{
	margin-top:43px;
	display:flex;
	flex-direction: column;
	gap:18px;
}
.overview-width-g div{
	display:flex;
	flex-direction:column;
	border-bottom:solid #E5E5E5 1px;
	padding:0 0 18px 0;
}
.overview-width-g div p{
	font-size:13px;
	font-weight:600;
	line-height: 1.8;
}
.overview-btn-g{
	display:grid;
	grid-template-columns: repeat(1, 1fr);
	gap:14px;
	margin-top:40px;
}
.overview-btn-g a{
	display:flex;
	align-items: center;
	font-family: "Noto Sans JP", serif;
	font-size:18px;
	font-weight:500;
	padding:14px 16px;
}
.overview-btn-g a .thm{
	width:83px;
	margin:0 22px 0 0;
}
.overview-btn-g a .arrow{
	width:45px;
	margin-left: auto;
}
.overview-btn-g a .arrow img{
	vertical-align: middle;
}
.overview-btn-g a:nth-child(1){
	background-color: white;
	color:black;
}
.overview-btn-g a:nth-child(2){
	background-color:#333333;
	color:white
}
.overview-btn-g a:nth-child(3){
	background-color:#333333;
	color:white
}
.curriculum{
	margin-top:50px;
}
.curriculum h3{
	font-size:35px;
	letter-spacing: -0.07em;
	font-weight:600;
}
.curriculum h3 span{
	letter-spacing: -0.23em;
}
.curriculum-g{
	display:grid;
	grid-template-columns: repeat(1, 1fr);
	gap:9px;
	margin-top:5px;
}
.curriculum-g-detail{
	background-color: white;
	border:solid 2px black;
	padding:20px 25px;
}
.curriculum-g-detail h4{
	font-size:12px;
	font-weight:300;
	text-transform: uppercase;
	margin-bottom:10px;
}
.curriculum-g-detail h3{
	font-size:16px;
	font-weight:500;
	margin:17px 0 17px 0;
}
.curriculum-g-detail .content{
	padding:10px 0;
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	margin-bottom:10px;
}
.curriculum-g-detail div p:nth-child(1){
	font-size:14px;
}
.curriculum-g-detail div p:nth-child(2){
	font-size:13px;
	margin-top:3px;
	line-height: 1.6;
}
.flow{
	margin-top:50px;
	display:grid;
	grid-template-columns: repeat(1, 1fr);
	gap:30px;
}
.flow-detail{
	border-bottom:5px solid black;
	padding:0 0 30px 0;
}
.flow-detail div img{
	width:auto;
	height:80px;
}
.flow-detail h3{
	font-size:20px;
	font-weight:400;
	margin:30px 0 10px 0;
}
.flow-detail p{
	font-size:14px;
	line-height: 1.7;
}
.faq-content{
	margin:70px auto 0 auto;
	width:86%;
}
.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin-bottom: 1px;
    position: relative;
	border-bottom:3px solid black;
	padding:0 0 23px 0;
	margin:33px 0 0 0;
	font-size:13px;
}

.acd-label:after{
    background: ;
    box-sizing: border-box;
    content: '+';
    display: block;
    font-size:30px;
	font-weight:400;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    transition: .3s;
    visibility: hidden;
}
.acd-content p{
	padding:20px 0 0 0;
	font-size:14px;
}
.acd-check:checked + .acd-label:after{
    content: '-';
}
.acd-check:checked + .acd-label + .no-1{
    height: 90px;
    opacity: 1;
    visibility: visible;
	padding:0;
}
.acd-check:checked + .acd-label + .no-2{
    height: 90px;
    opacity: 1;
    visibility: visible;
	padding:0;
}
.expert{
	background-color: #F2F2F2;
	padding:40px 0 50px 0;
	margin-top:50px;
}
.slider{
	padding:0;
}
.expert .title h2{
	font-size:35px;
	letter-spacing: -0.07em;
	font-weight:500;
}
.expert .title p{
	font-size:13px;
	font-weight:500;
	text-transform: uppercase;
	margin-top:5px;
}
.slider{
	/* margin-top:-70px; */
}
.slider-detail{
	margin-top:20px;
}
.slider li .no{
	margin-top:auto;
}
.slider li .no img{
	width:90px;
}
.slider li .pf{
	width:auto;
	margin-top:20px;
}
.slider li .pf-txt{
	width:auto;
	margin-top:20px;
}
.slider li .pf-txt h3{
	font-size:12px;
	font-weight:500;
	margin-bottom:7px;
}
.slider li .pf-txt h2{
	font-size:23px;
	font-weight:500;
}
.slider li .pf-txt p{
	font-size:13px;
	margin-top:15px;
	line-height: 1.7;
}
/* dotsを丸くカスタマイズするCSS */
.dots-wrap {
    display: flex;
    justify-content: center;
	position: absolute;
	left: 50%;
	bottom:-20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.dots-wrap li {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    background: #D9D9D9;
    border-radius: 50%;
    cursor: pointer;
	list-style: none;
}
.dots-wrap li:hover,
.dots-wrap li.slick-active {
    background:#808080;
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.slick-arrow{
	width:25px;
}
.slick-next{
	position: absolute;
	right:0;
	bottom:-25px;
}
.slick-prev{
	position: absolute;
	left:0;
	bottom:-25px;
	z-index:1;
}
.company{
	width:86%;
	margin:50px auto 50px auto;
}
.company h2{
	font-size:22px;
	letter-spacing: -0.01em;
	font-weight:600;
}
.company-list{
	display:flex;
	flex-direction: column;
	gap:25px;
	margin-top:20px;
}
.company-list-detail{
	display:flex;
	flex-direction: column;
	gap:5px;
	padding:0 0 19px 0;
	border-bottom:solid 3px black;
}
.company-list-detail p{
	font-size:13px;
	font-weight:500;
}
.company-list-detail p:nth-child(1){
	/* width:290px; */
}
.work{
	width:86%;
	margin:0 auto 0 auto;
}
.work h2{
	font-size:23px;
	letter-spacing: -0.01em;
	font-weight:600;
}
.work-list{
	display:grid;
	grid-template-columns: repeat(1, 1fr);
	gap:45px;
	margin-top:40px;
}
.work-list-detail h3{
	font-size:18px;
	font-weight:500;
	margin:15px 0 7px 0;
	color:black;
}
.work-list-detail p{
	font-size:13px;
	font-weight:500;
	line-height: 1.6;
	color:black;
}
.work-list-detail span{
	color: black;
	margin-top:12px;
	display:block;
}
.b-btb{
	display:grid;
	grid-template-columns: repeat(1, 1fr);
	gap:20px;
	margin-top:70px;
}
.b-btb a{
	display:block;
}
footer{
	margin:90px auto 0 auto;
	background-color: #333333;
	padding:55px 40px 20px 40px;
}
.f-content{
	/* text-align: center; */
}
.f-content-detail{
	display:flex;
	flex-direction: column;
	gap:20px;
}
.f-link{
	display:flex;
	gap:20px;
	padding:0 0 20px 0;
}
.f-link a{
	color:white;
	display:block;
	font-size:14px;
}
.f-logo{
	margin:0 0 10px 0;
}
.f-logo img{
	width:180px;
}
small{
	font-size:10px;
	color:white;
	display:block;
	padding:15px 0 0 0;
	border-top:1px solid #D6D6D6;
	/* text-align: center; */
}
/* 202508追記 */
.micro-cv-area{
	margin-top:40px;
	margin-bottom:;
}
.micro-cv-list{
	display:grid;
	grid-template-columns: repeat(1, 1fr);
    gap:15px;
}
.micro-cv-list-detail{
	display:flex;
	flex-direction: column;
	gap:18px;
	border:2px solid black;
	padding:16px 20px;
	background-color: white;
}
.micro-cv-list-detail-top{
	display:flex;
	align-items: center;
	gap:15px;
}
.micro-cv-list-detail-top h3{
	font-size:15px;
}
.micro-cv-list-detail-top div{
	width:48px;
}
.micro-cv-list-bottom{
	padding:6px 0 0 0;
	border-top:1px solid #E5E5E5;
	font-size:24px;
	font-weight:600;
}
.micro-cv-list-bottom span{
	font-size:14px;
	letter-spacing: -0.02em;
}
.micro-scroll-link{
	text-align: center;
	margin-top:25px;
}
.micro-scroll-link a{
	display:block;
	background-color: #333333;
	color:white;
	font-size:15px;
	letter-spacing: -0.03em;
	width:100%;
	margin: 0 auto;
	padding:13px 0;
	position: relative;
}
.micro-scroll-link div{
	width:26px;
	position: absolute;
	right:25px;
	top: 50%;
  	transform: translateY(-50%);
	display: flex;
	align-items: center;
}
/* 中間CVエリア */
.middle-micro-cv-area{
	margin-top:120px;
}
.middle-micro-cv-area h3{
	font-size:22px;
	text-align:left;
}
.middle-micro-cv-list{
	display:grid;
	grid-template-columns: repeat(1, 1fr);
    gap:15px;
	margin-top:28px;
}
.middle-micro-cv-list-detail{
	border: 2px solid black;
	padding:18px 23px 15px;
	background-color: white;
}
.middle-micro-cv-list-detail-top{
	text-align: center;
}
.middle-micro-cv-list-detail-top div{
	width:45px;
	margin:0 auto 0 auto;
}
.middle-micro-cv-list-detail-top h4{
	font-size:15px;
	letter-spacing: -0.02em;
	margin:15px 0 0 0;
}
.middle-micro-cv-list-detail-top .plan-price{
	font-size:23px;
	font-weight:600;
}
.middle-micro-cv-list-detail-top .plan-price span{
	font-size:14px;
	margin:0 0 0 10px;
	letter-spacing: -0.03em;
}
.middle-micro-cv-list-detail-bottom{
	padding:11px 0 0 0;
	margin-top:12px;
	border-top:#E5E5E5 solid 1px;
}
.middle-micro-cv-list-detail-bottom .ryaku{
	text-align: center;
	font-size:16px;
	font-weight:600;
}
.middle-micro-cv-list-detail-bottom .read-txt{
	font-size:14px;
	font-weight:600;
	line-height: 1.65;
	letter-spacing: -0.04em;
	margin-top:10px;
	text-align: justify;
}
.middle-micro-cv-list-detail-bottom a{
	width:100%;
	padding:12px 0;
	margin-top:25px;
	display:block;
	background-color: #333333;
	color:white;
	text-align: center;
	position: relative;
}
.middle-micro-cv-list-detail-bottom a div{
	width:32px;
	position: absolute;
	right:25px;
	top: 50%;
  	transform: translateY(-50%);
	display: flex;
	align-items: center;
}
.mmca-2{
	margin-bottom:130px;
}

}