@charset "UTF-8";

body{
    background: url(/recruit/assets/img/common/grid.png);
    overflow-wrap: break-word;
    background-size: auto!important;
    background-repeat: repeat!important;
}
/*--------------------------------
	main
--------------------------------*/
main:after {
    background: url(/recruit/assets/img/follow/bg_top.svg);
}
main h1 span{
    font-size: clamp(10px, 1.32vw, 18px);
    letter-spacing: normal;
    font-weight: 500;
    display: block;
    margin-top: 19px;
    margin-bottom: 10px;
}
body main{
	margin-bottom:  clamp(80px,11.6vw, 205px);
}

/*--------------------------------
	mainv
--------------------------------*/
.mainv {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 110px;
}
.mainv ul{
	display: flex;
	gap: 1%;
	margin-bottom: 85px;
}
.mainv li {
    text-align: center;
    display: flex;
    justify-content: center;
	width: calc(100% / 4);
}
.mainv li a {
    text-decoration: none;
    background: #ffffff;
    font-size: clamp(14px, 1.17vw, 16px);
    font-weight: 500;
    border-radius: 23px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1D1D1D;
    position: relative;
	width: 100%;
}
.mainv li a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 7px;
    background: url(../img/business/icon_triangle.png) no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 20px;
}
.mainv p{
	text-align: center;
	font-family: 'Zen Old Mincho', serif;
	font-size: clamp(14px, 1.17vw, 16px);
	margin-bottom: 30px;
	line-height: 1.7rem;
}

/*--------------------------------
	assessment
--------------------------------*/
.assessment{
    margin-bottom: 100px;
}
#assessment,
.assessment p,
.assessment img{
	width: 80%;
    margin: 0 auto;
}
.assessment img{
	max-width: 900px;
	display: block;
}
#assessment{
	margin-bottom: 20px;
    font-size: clamp(24px, 2.34vw, 32px);
    display: flex;
    align-items: center;
	font-weight: 400;
}
#assessment::before {
    content: "";
    background: #1D1D1D;
    width: 5%;
    height: 1px;
	margin-right: 4%;
}

.assessment p{
	font-family: 'Zen Old Mincho', serif;
	font-size: clamp(14px, 1.17vw, 16px);
	margin-bottom: 65px;
	line-height: 1.7;
}

/*--------------------------------
	challenge
--------------------------------*/
.challenge{
	width: 80%;
    margin: 0 auto;
}
.challenge .title{
	margin-bottom: 40px;
    font-size: clamp(20px, 1.76vw, 24px);
    display: flex;
    align-items: center;
}
.challenge .title::before {
    content: "";
    background: #1D1D1D;
    width: 10%;
    height: 1px;
	margin-right: 5%;
}
.challenge .challenge_box{
	display: flex;
	gap: 3%;
	margin-bottom: 85px;
}
.challenge .text{
	font-family: 'Zen Old Mincho', serif;
	font-size: clamp(14px, 1.17vw, 16px);
}


/*--------------------------------
	club
--------------------------------*/
.club {
	width: 80%;
    margin: 0 auto;
}
#club{
	margin-bottom: 20px;
    font-size: clamp(24px, 2.34vw, 32px);
    display: flex;
    align-items: center;
	font-weight: 400;
}

#club::before {
    content: "";
    background: #1D1D1D;
    width: 5%;
    height: 1px;
	margin-right: 4%;
}

.club h2::before {
    content: "";
    background: #1D1D1D;
    width: 10%;
    height: 1px;
    margin-right: 5%;
}

.club p{
	font-size: clamp(14px, 1.17vw, 16px);
	margin-bottom: 33px;
	line-height: 1.7rem;
}

.club .container{
	display: flex;
	gap: 1.5%;
}

.club dt{
	margin-bottom: 5%;
}
.container dl dt img{
	width: 100%;
	flex: 1;
}
.theme{
	font-size: clamp(20px, 2.05vw, 28px);
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #0a79b4;
    display: inline-block;
	width: auto;
}
.ramen_club,.ball_club,.game_club{
	width: 100%;
}



/*タブレット版*/
@media screen and (max-width: 1024px) {
.challenge .challenge_box,
.counseling .counseling_box,
.it_development_box ul,
.mainv ul{
	flex-direction: column;
}
.challenge img,
.counseling img{
	width: 100%;
}
.it_development_box ul li{
	width: 100%;
}
.mainv li{
	width: 100%;
}
.it_development_box ul li:first-child{
	margin-bottom: 45px;
}
.challenge img, .counseling img{
	order: 2;
}
.counseling .text{
	margin-bottom: 25px;
}
.challenge .text{
	margin-bottom: 20px;
}
.mainv li{
	margin-bottom: 20px;
}
.mainv li:last-child{
	margin-bottom: 0px;
}
.club .container{
	flex-direction: column;
}
.theme{
	margin-bottom: 5vw;
}

}
/*スマホ版*/
@media screen and (max-width: 767px) {

	/*main*/
	main{
		margin-bottom: 100px;
	}
	main h1{
		margin-bottom: 50px;
	}
	main .container img{
		width: 85%;
	}
	main .container:first-child img:nth-child(1) {
		width: 60vw;
		margin-top: 42px;
	}
	/*about*/
	.about{
		width: 90%;
	}
	.about dl{
		flex-direction: column;
		padding-bottom: 0px;
	}
	.about dt{
		width: 100%;
		margin-bottom: 20px;
	}
	.about dd{
		width: 100%;
		margin-bottom: 20px;
		margin-left: 1.5rem;
		padding-right: 1rem;
	}
	.about ul li{
		padding-bottom: 0px;
	}
	.mainv,
	.qualification,
	.challenge,
	.assessment p,
	#assessment{
		width: 90%;
	}
	.mainv p{
		text-align: left;
	}
	.challenge .challenge_box{

		margin-bottom: 65px;
	}
	.mainv ul{
		margin-bottom: 60px;
	}
	#assessment{
		margin-bottom: 35px;
	}
	.assessment p{
		margin-bottom: 20px;
	}
	.assessment{
		margin-bottom: 60px;
	}
	.assessment img{
		width: 90%;
	}
	.mainv{
		margin-bottom: 60px;
	}
}