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


@media screen and (max-width: 980px) {
	.header {
		height: 70px;
		padding: 10px 0px;
	}
	
	.header_humb {
		top: 18px;
		right: 0px;
	}
	
	.header_humb > span {
		background: #000;
		width: 35px;
		height: 3px;
		display: block;
	}
	
	.header_humb > span:nth-of-type(n+2) {
        margin-top: 8px;
    }
	
	.header_humb.active > span:nth-of-type(1) {
        transform: translateY(10px) rotate(45deg);
    }
	
	.header_humb.active > span:nth-of-type(2) {
    	display: none;
	}
	
	.header_humb.active > span:nth-of-type(3) {
        transform: translateY(0px) rotate(-45deg);
    }
	
	.header .header_navi {
		width: 100%;
		margin: 0px;
		left: 0px;
		top: 0px;
		bottom: auto;
		background: linear-gradient(to bottom, rgba(213,181,213,1) 30px, rgba(240,245,230,1));
		z-index: -1;
	}
	
	.header_menu {
		padding: 90px 0px 50px;
	}
	
	.header .section-navi {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px 0px;
	}
	
	.header .section-navi li {
		width: 100% !important;
	}
	
	.header_info {
		justify-content: center;
	}
	
	section.top_component_01 span::before {
		width: 175px;
		height: 36px;
		top: -40px;
		left: -40px;
	}
	
	.footer .footer_navi li.navi_current a::after {
		bottom: 0px;
	}
}


@media screen and (max-width: 600px) {
	.side_btn {
		display: none;
	}
	
	.sec_ttl_wrap::after {
		width: 100px;
		height: 77px;
	}
	
	.box_wrap {
		margin: 50px auto 0px;
	}
}



/* ------------------------------------------
トップページ
------------------------------------------ */
@media screen and (max-width: 980px) {
	.top_component_01__catch {
		justify-content: center;
		align-items: flex-end;
	}

	.voice-slide button.prev_arrow {
		left: 11vw;
	}

	.voice-slide button.next_arrow {
		right: 11vw;
	}
	
}


@media screen and (max-width: 980px) {
	section.footer_contact {
		height: auto;
	}
	
	section.footer_contact .sec_ttl_wrap {
		left: 0px;
	}
	
	.footer .footer_logo {
		margin: 0px auto;
	}
	
	section.footer_contact .box_wrap {
		margin-top: 70px;
	}
	
	section.footer_contact .btn_wrap {
		margin-top: 0px;
	}

}


@media screen and (max-width: 736px) {
	section.top_component_02 {
		height: 28rem;
	}
	
	section.top_component_02 img {
		object-position: center top;
	}
	
	.top_component_02__catch__bg__catch {
		top: -20px;
	}
	
	.sec_ttl_inner > span br.sp {
		display: block;
	}
	
	.sec_txt br.sp {
		display: block;
	}
}



@media screen and (max-width: 600px) {
	.course_img {
		width: 70%;
		margin: 0px auto 20px;
	}
	
	.course_wrap > dl > dd {
		width: 100%;
	}


	.back_btn {
		display: none !important;
	}
	
	.side_btn_wrap.pc {
		display: none;
	}
	
	.sns_btn_wrap.sp {
		display: flex;
	}
	
	.sns_btn_wrap {
		bottom: 3px;
		position: fixed;
		z-index: 2 !important;
		width: 100%;
	}
	
	.sns_btn {
		display: grid;
		grid-template-columns: 37% 37% 25%;
		width: 100%;
		gap: 2px;
	}
	
	.sns_btn > p {
		background: #FFF;
		border: 2px solid #D5B5D5;
		border-image: linear-gradient(to bottom, rgba(213,181,213,1) 10px, rgba(240,237,230,1));
		border-image-slice: 1;
		color: #deabd4;
		font-size: 14px;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight: bold;
		filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.16));
	}
	
	.sns_btn > p span {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 16px 10px;
	}
	
	.sns_btn > p span::before {
		content: '';
		background-repeat: no-repeat !important;
		background-size: contain !important;
		left: 0px;
		position: relative;
		margin-right: 5px;
	}
	
	.sns_btn > p.line span::before {
		background: url("../images/common/icon_line.svg");
		width: 25px;
		height: 22px;
	}
	
	.sns_btn > p.instagram span::before {
		background: url("../images/common/icon_instagram.svg");
		width: 25px;
		height: 25px;
	}
	
	.sns_btn > p.page-top span::before {
		background: url("../images/common/arrow_top.svg");
		width: 17px;
		height: 10px;
	}
	
	
	
	.voice-slide button.prev_arrow {
		left: 0px;
	}

	.voice-slide button.next_arrow {
		right: 0px;
	}
	
	section.profile {
		background-position: center right -150px;
	}
	
	section.course .box_wrap {
		margin-top: 50px;
	}
	
	section.course .btn_wrap {
		margin-top: 20px;
	}
	
	.post_img {
		height: 200px;
	}
	
	.sns_list li {
		width: calc(94%/3);
	}
	
	.footer {
		padding-bottom: 70px;
	}
	
	section.footer_contact .grade_btn a {
		padding: 16px 10px;
	}
}


@media screen and (max-width: 600px) {
	.line_btn a::before,
	.mail_magazine_btn a::before {
		width: 4rem;
		height: 4rem;
	}
	
	.line_btn a::before {
		left: 27%;
	}
	
	.mail_magazine_btn a::before {
		left: 16%;
	}
}


@media screen and (max-width: 500px) {
	.big_btn_wrap .grade_btn {
		width: 100%;
	}
	
	.line_btn a::before,
	.mail_magazine_btn a::before {
		width: 3rem;
		height: 3rem;
	}
	
	.mail_magazine_btn a::before {
		left: 21%;
	}
}


@media screen and (max-width: 460px) {
	.mail_magazine_btn a::before {
		left: 13%;
	}
}