@charset "UTF-8";
    /* CSS Document */
    
    @media screen and (max-width: 787px) {
        .pc {
            display: none!important;
        }
        .sp {
            display: block!important;
        }
        p {
            font-size: 4.5vw;
            color: #241A16;
        }
        h2 {
            font-size: 6vw;
            padding: 10% 0;
        }
        /* fv section */
        .fv {
            background: none;
            padding: 0;
        }
		.fv img {
			padding-left: 0;
		}
        /* contact section */
        .contact-inner {
            padding: 20px;
        }
        .contact-inner img {
            width: 100%;
        }
        .contact-inner p {
            font-size: 3vw;
        }
        /* concept section */
        .concept-content {
            padding: 10% 5%;
        }
        .tb-concept {
            width: 100%;
        }
        .concept-content h4 {
            padding: 5% 0;
            font-size: 8vw;
        }
        .concept-imgs {
            display: block;
        }
        .concept-imgs img {
            width: 100%;
            padding: 0 0 5% 0px;
        }

        /* archivement section */
        .archivement {
            padding: 0 0 5% 0;
        }
        .archivement h2 {
            padding: 5% 0;
        }
        .archivement-box {
            padding: 0;
            margin: 0 5% 5%;
        }
        .archivement-box img.step {
            width: 90%;
            padding: 5%;
        }
        .archivement-box p {
            padding: 5%;
        }
        .archivement-box img {
            padding: 0 5%;
            width: 90%;
        }
        .voice {
            display: block;
        }
        .voice-left,
        .voice-right {
            width: 100%;
        }
        .voice-left img,
        .voice-right img {
            padding-bottom: 5%;
        }
        .archivement-box h5 {
            font-size: 6vw;
        }
        /* lecture section */
        .lecture-intro {
			background: url(../img/lecture/lecture_bg_sp.webp) no-repeat;
            padding-bottom: 0;
            background-size: cover;
        }
        .lecture h2 {
            padding: 7% 0;
            font-size: 7vw;
        }
        .lecture_img {
            width: 90%;
        }
        .intro-box {
            margin: 0 5%;
        }
        .intro-box h5 {
            font-size: 6vw;
            padding-bottom: 5%;
        }
        .intro-box p {
            font-size: 4vw;
        }
		.performance {
			padding: 10% 0 0;
		}
		.voice-message {
			padding: 3% 0 0;
		}
        .media-title {
            width: 50%;
        }
        .performance-title {
            width: 70%;
        }
        .voice-message-title {
            width: 90%;
        }
        .media-title,.performance-title,.voice-message-title {
            padding: 0 0 5%;
        }
        .media-box,.performance-box {
            display: block;
        }
        .media-box img,.performance-box img {
            width: 90%;
            padding: 0 5% 5%;
        }
        .voice-message>.voice img {
            width: 90%;
            padding: 0 5% 2%;
        }
        .lecture-summary {
            margin: 0 5% 10%;
        }
        .lecture-summary h5 {
            font-size: 4vw;
        }
		
        .seminar-title {
            width: 50%;
            padding: 0 0 5%;
        }
		.sd {
			flex-direction: column; 
		}
		.slider_container {
			justify-content: center; 
			height: 90vw; 
			overflow: hidden;
		}
		#column4 {
			display: none; 
		}
		#column1, #column2, #column3 {
			flex: 1;
		}
		.slider_container {
			flex-direction: row;
		}
		
        /* reason section */
        .reason {
            padding-bottom: 0;
        }
        .reason h2 {
            font-size: 6.5vw;
            padding: 7% 0;
        }
        .reason-box {
            padding: 0 5% 5%;
        }
        .reason-content {
            padding: 5%;
        }
        .reason-content img {
            width: 100%;
            margin: 5% 0 0;
        }
        .reason-content h3 {
            font-size: 7vw;
        }
        .reason-content h5 {
            font-size: 5vw;
        }
        .reason-content img.reason-3 {
            width: 85%;
            margin: 0 auto;
        }
        /* free-lecture section */
        .free-lecture-content {
            padding: 10% 5%;
        }
        .free-lecture-content img {
            padding: 5% 0;
        }
        /* threestep section */
		.threestep {
			padding-left: 5%;
			padding-right: 5%;
			padding-bottom: 7%;
		}
		
        .threestep h2 {
            font-size: 6.5vw;
            padding: 7% 0 3%;
        }
        .arw {
            width: 10%!important;
            padding: 0!important;
        }
        .threestep a img {
            padding: 2.5% 5%;
            width: 90%;
        }
        .threestep a {
            padding: 5% 0;
        }
        /* dream section */
        .dream h2 {
            font-size: 6.5vw;
            padding: 7% 0;
        }
        .dream-content {
            padding: 5%;
        }
        .dream-content h5 {
            font-size: 6vw;
        }
        /* course section */
        .course {
            padding-bottom: 5%;
        }
        .course h2 {
            font-size: 6.5vw;
            padding: 7% 0;
        }
        .course-content {
            display: block;
        }
        .free-course,
        .paid-course {
            padding: 0 5%;
            width: 90%;
            margin: 0 0 5% 0;
        }
        .course-content .free-course h4,
        .course-content .paid-course h4 {
            font-size: 5vw;
        }
        /* qa section */
        .qa {
            padding: 0 0 5% 0;
        }
        .qa h2 {
            font-size: 6.5vw;
            padding: 7% 0;
        }
        .qa-box {
            padding: 0 5%;
            margin: 0 0 5% 0;
        }
        .ques h2 {
            font-size: 10vw;
            padding: 3% 5% 3% 0;
        }
        .ques h3 {
            font-size: 5.5vw;
        }
        .ans {
            padding: 5%;
        }
        .ques::after {
            right: 10px;
        }
        /* comment section */
        .comment h2 {
            font-size: 6.5vw;
            padding: 7% 0;
        }
        .comment p {
            padding: 0 5%;
        }
        /* company section */
        .company h2 {
            font-size: 6.5vw;
            padding: 7% 0;
        }
        .company-content {
            display: block;
        }
        .company-inner {
            width: 90%;
            padding: 0 5%;
        }
        .company-line h6 {
            font-size: 3.5vw;
            width: 45%;
        }
        .company-line p {
            font-size: 3.5vw;
            width: 55%;
        }
        .company-line {
            justify-content: space-between;
        }
        .company-imgs {
            width: 90%;
            padding: 5%;
        }
        .company-imgs-inner img {
            width: calc(50% - 7px);
        }
        .company {
            padding-bottom: 5%;
        }
		
		/* footer */
		footer {
			padding: 8px 0 10px;
		}
		footer>.wrap {
			width: 94%;
		}
		footer p.tokushoho a {
			font-size: 13px;
		}
		footer p.copy {
			font-size: 10px;
			margin-top: 2px;
		}
    }