:root{
    --main-point-color: rgb(255, 253,56);
    --result-color: rgb(38, 162, 216);
    --main-color: rgb(255, 253,56);
    --bg-site-main-blue: rgb(217, 243, 255);
    --bg-site-main-cream: rgb(252, 242, 222);
}

.visitor{
	--bg-study: rgb(252, 242, 222);
    --campus-apr-may: rgb(253, 46, 143);
    --campus-jun-oct: rgb(0, 145, 228);
    --campus-dec: rgb(254, 125, 48);
    --campus-feb-mar: rgb(130, 96, 227);
    --parents-point: rgb(253, 142, 190);
}

/*---------

graduate

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

.study {
	background-color: var(--bg-study);
}

.study h3 {
	background-color: var(--bg-site-main-blue);
    border-bottom: 1px solid #000;
}

.study-style {
    max-width: 684px;
	background-color: #fff;
	border-radius: 1rem;
	padding: 2.5rem 1.5rem;
	margin: 0 auto 1rem auto;
}

.study-style:last-child {
	margin-bottom: 0;
}

.study-style p {
    padding-bottom: 2.4rem;
}

@media (min-width:768px) {
    .study-style {
        padding: 3rem;
        margin-bottom: 3rem;
    }
}


/*---------

parents

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

.introduction-content {
    background-color: var(--bg-site-main-blue);
    border-radius: 1rem;
    padding: 1.5rem 1.5rem 2rem;
    margin-top: 1rem;
}

.introduction-content:first-child {
    margin-top: 3.5rem;
}

.introduction-content h3{margin-bottom: 0rem;}
.introduction-content .button-area{margin-top: 1rem;}

.introduction-content_pc {
    display: none;
}

.introduction_image {
    max-width: 604px;
    margin: 0 auto;
}

.guidance-recommend {
    max-width: 684px;
    background-color: var(--bg-study);
	border-radius: 1rem;
	padding: 2.5rem 1.5rem;
	margin: 0 auto 1rem auto;
}

.guidance-recommend h3 {
    background-color: var(--bg-site-main-blue);
    border-bottom: 1px solid #000;
}

.guidance-point {
    background-color: #fff;
    border-radius: 0.5rem;
    border: solid 1px var(--parents-point);
    padding: 1.6rem;
    margin-top: 2.4rem;
}

.guidance-point span {
    display: block;
    width: 10rem;
    height: 2rem;
    background-color: var(--parents-point);
    border-radius: 1rem;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
    line-height: 2rem;
    margin: 0 auto;
}

@media (min-width:768px) {

    .introduction_image {
        margin-bottom: 30px;
    }

    .introduction-content:first-child {
        margin-top: 1rem;
    }

    .introduction-content h3{
        font-size:2.0rem;
        margin-bottom: 0;
    }

    .introduction-content .button-area{
        margin-top: 1.5rem;
        max-width: 30rem;
    }

    .guidance-recommend {
        margin-bottom: 5rem
    }

    .introduction-content_pc {
        display: block;
    }

    .introduction-content_sp {
        display: none;
    }

    .guidance-point span {
        width: 13rem;
        height: 2.8rem;
        background-color: var(--parents-point);
        border-radius: 2rem;
        text-align: center;
        color: #fff;
        font-size: 1.7rem;
        line-height: 2.8rem;
        margin: 0 auto 1.5rem;
    }
}

/*---------------------------
大学生、フリーター、社会人の方
202410 イベント誘導
---------------------------*/

.event-entry{
    background: repeating-linear-gradient(90deg, var(--bg-site-main-cream), var(--bg-site-main-cream) 20px,  20px, rgb(253 248 236) 40px);
}
.event-entry-inner{
	background:#fff;
	padding:40px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	box-shadow: 10px 10px 7px 0px rgba(0, 0, 0, 0.2);
}
.event-entry-inner div{
	width:30%;
}
.event-entry-inner div h3{
	background:#d9f3ff;
	border-bottom: 1px solid #000;
	font-size:1.3em;
}
.event-entry-inner .button-area .btn-line a{
	min-width: 28rem;
}

@media (max-width:768px){
	.event-entry-inner div{
		width:100%;
		margin-bottom: 20px;
	}
    .event-entry-inner{
        box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.2);
        padding-bottom: 10px;
    }
}