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


body {
	margin: 0;
	padding: 0;
	font-family: a-otf-futo-go-b101-pr6n,"游ゴシック体","Yu Gothic Medium","Yu Gothic","Meiryo","Hiragino Kaku Gothic Pro",sans-serif;
	font-weight: 400;
	font-style: normal;
	box-sizing: border-box;

}


body a {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

body a:hover {
	opacity: 0.3;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
}

*:focus {
outline: none;
}




/*-- first view フェードアニメーション　ここから --*/

@animation loaderBg {
    0% {
        opacity: 1;
        display: block;
    }

    85% {
        opacity: 1;
        display: block;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

/*-- first view フェードアニメーション　ここまで --*/




/*-- スマートフォンsmall ここから --*/

@media (max-width:340px) {

    /*-- first_view 画面変移の記述　ここから --*/
    #first_view {
        display: none;
        position:fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #f5f5f5;
        z-index: 1;
    }

    #first_text_area {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 2;
    }

    #first_text {
        width: 100%;
        height: 100%;
        position:relative;
        text-align: center;
    }

    #message {
        width: 50%;
        position:absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-40%);
        font-size: 14px;
        letter-spacing: 0.1em;
        text-align: center;
        color: #000;
    }


    #wrap {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }
    /*-- first_view 画面変移の記述　ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここから --*/



    /*-- header ここから --*/


    header {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
        overflow: hidden;
    }


    #organize_name_pc {
        display: none;
    }

    #organize_name_sp_tab {
        width: 100%;
        font-size: 13px;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%,-10%);
        color: #939393;
        font-family: ten-mincho,serif;
        letter-spacing: 0.1em;
    }

    #seminar_title_pc {
        display: none;
    }

    #seminar_title_sp_tab {
        width: 80vw;
        font-size: 37px;
        color: #AFAFAF;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,-25%);
        letter-spacing: 0.1em;
    }

    #message_text_pc {
        display: none;
    }

    #message_text_sp_tab {
        width: 100%;
        text-align: center;
        font-size: 14px;
        position: absolute;
        top: 57%;
        left: 50%;
        transform: translate(-50%,-57%);
        color: #939393;
        letter-spacing: 0.1em;
    }

    .date_and_place_text {
        width: 70%;
        position: absolute;
        top: 80%;
        left: 25%;
        transform: translate(-15%,-80%);
        font-size: 12px;
        color: #939393;
        text-align: left;
        letter-spacing: 0.1em;
    }

    .date_large_text {
        font-size: 22px;
    }

    .date_middle_text {
        font-size: 16px;
    }


    /*-- 円のinfo ここから --*/

    .circle {
        width: 160px;
        height: 140px;
        border-radius: 15%;
        background-color: #19BBE2;
        position: absolute;
        top: 67%;
        left: 68%;
    }

    .circle_text_box {
        width: 80%;
        position: absolute;
        top: 15%;
        left: -5%;
        text-align: center;
        /*transform: translate(6%,-50%);*/
        color: white;
        font-size: 16px;
    }

    /*-- 円のinfo ここまで --*/


    /*-- header ここまで --*/


    /*-- Div main 内ここから --*/

    .main {
        width: 100vw;
        box-sizing: border-box;
        padding: 0 5% 0 5%;
    }


    /*-- seminar_contents_area ここから --*/
    .seminar_contents_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

		.seminar_ended {
			width: 100%;
			background-color: #19BBE2;
			box-sizing: border-box;
			border-radius: 8px;
			margin-bottom: 5%;
			padding: 2%;
		}

		.seminar_ended_text {
			font-size: 15px;
			color: #ffffff;
			text-align: center;
			margin: 0 0 .6em 0;
		}

		.seminar_ended_link {
			font-size: 20px;
			color: #ffffff;
			text-align: center;
		}

    .seminar_theme {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3% 2% 3%;
        border-bottom: 1px solid #19BBE2;
    }

    .headline {
        font-size: 17px;
        color: #19BBE2;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
    }

    .seminar_contents_text {
        font-size: 20px;
        color: #19BBE2;
        text-align: left;
    }

    .seminar_speaker {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        border-bottom: 1px solid #19BBE2;
        box-sizing: border-box;
        padding: 3%;

    }

    .job_name {
        font-size: 18px;
        color: #19BBE2;
        text-align: left;
    }

    .speaker_text {
        font-size: 45px;
        color: #19BBE2;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .si {
        font-size: 35px;
    }

    #no_border_right {
        border-bottom: none;
    }

    /*-- seminar_contents_area ここまで --*/


    /*-- outline エリアここから --*/
    #outline_area {
        width: 100%;
        display: block;
        box-sizing: border-box;
        margin: 20% 0 0 0;
    }

    .outline_title {
        font-size: 17px;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 20% 0;
        line-height: 200%;
        color: #939191;
        letter-spacing: 0.1em;
    }

    .outline_text {
        font-size: 14px;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
        line-height: 200%;
        color: #939191;
        letter-spacing: 0.08em;
    }

    /*-- outline エリアここまで --*/


    /*-- seminar_info_area ここから --*/

    .seminar_info_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

    .seminar_info_box {
        width:100%;
        /*height: 750px;*/
        box-sizing: border-box;
        margin: 0;
        display: inline-block;
        vertical-align: top;
        padding: 5%;
        background-color: #F0F0F0;
    }

    .seminar_info_mini_box {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20% 0;
    }


    .date_and_place_text_blue {
        width: 100%;
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
        letter-spacing: 0.1em;
    }

    .date_large_text_blue {
        font-size: 35px;
    }

    .date_middle_text_blue {
        font-size: 28px;
    }

    hr {
        border: 1px solid #19BBE2;
    }

    .date_small_text_blue {
        font-size: 13px;
        color: #19BBE2;
    }


    /*-- seminar_info_area ここまで --*/



    /*-- entry_area ここから --*/

    .entry_area {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 10% 5% 10%;
    }

    .entry_info_box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        padding: 1% 0 1% 0;
    }

    .headline_entry {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 3% 0;
    }



    .entry_info_text {
        width: 100%;
        box-sizing: border-box;
        padding: 1% 0 2% 0;
        color: #19BBE2;
        font-size: 29px;
        text-align: left;
        letter-spacing: 0.09em;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    .small_text a {
        color: #19BBE2;
    }

    .entry_info_box a {
        text-decoration: none;
        color: white;
    }

    .entry_info_box a .mail_contact_banner {
        text-decoration: none;
        color: white;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .entry_info_box a .mail_contact_banner:hover {
        background-color: #015F76;
        color: #fff;
    }



    .mail_contact_banner {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 2%;
        font-size: 20px;
        border-radius: 8px;
        color:white;
        background-color: #19BBE2;
    }

    .info_text {
        color: #19BBE2;
        font-size: 13px;
        text-align: left;
    }

    .entry_info_text a {
        color:#19BBE2;
    }

    /*-- entry_area ここまで --*/





    /*-- time schedule area ここから --*/

    .time_schedule_area {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 5% 0;
    }

    .time_schedule_title {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        padding: 0 0 5% 0;
    }

    .time {
        width: 20%;
        box-sizing: border-box;
        padding: 2% 0;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
    }

    .contents {
        width: 78%;
        box-sizing: border-box;
        padding: 2% 0 2% 3%;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
        border-left: 1px solid #19BBE2;
    }

    /*-- time schedule area ここまで --*/






    /*-- Div main 内ここまで --*/


    /*-- footer ここから --*/

    footer {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 0 0;
        padding: 5% 0 5% 0;
        display: inline-block;
        background-color: #F7F7F7;
    }

    .footer_box {
        width:100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 5%;
    }

    .footer_map_box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 5%;
    }

    .footer_text {
        font-size: 13px;
        color: #989898;
        text-align: left;
        line-height: 180%;
    }

    .footer_text a {
        color: #989898;
        text-decoration: none;
    }

    .school_name_text {
        font-size: 22px;
        box-sizing: border-box;
        line-height: 250%;
    }


    #copyright {
        font-size: 15px;
        color: #989898;
    }

    /*-- footer ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここまで --*/


}
/*-- スマートフォンsmall ここまで --*/





/*-- スマートフォンmiddle ここから --*/

@media (min-width:341px) and (max-width:767px) {


    /*-- first_view 画面変移の記述　ここから --*/
    #first_view {
        display: none;
        position:fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #f5f5f5;
        z-index: 1;
    }

    #first_text_area {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 2;
    }

    #first_text {
        width: 100%;
        height: 100%;
        position:relative;
        text-align: center;
    }

    #message {
        width: 50%;
        position:absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-40%);
        font-size: 17px;
        letter-spacing: 0.1em;
        text-align: center;
        color: #000;
    }


    #wrap {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }
    /*-- first_view 画面変移の記述　ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここから --*/



    /*-- header ここから --*/


    header {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
        overflow: hidden;
    }


    #organize_name_pc {
        display: none;
    }

    #organize_name_sp_tab {
        width: 100%;
        font-size: 13px;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%,-10%);
        color: #939393;
        font-family: ten-mincho,serif;
        letter-spacing: 0.1em;
    }

    #seminar_title_pc {
        display: none;
    }

    #seminar_title_sp_tab {
        width: 80vw;
        font-size: 37px;
        color: #AFAFAF;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,-25%);
        letter-spacing: 0.1em;
    }

    #message_text_pc {
        display: none;
    }

    #message_text_sp_tab {
        width: 100%;
        text-align: center;
        font-size: 16px;
        position: absolute;
        top: 57%;
        left: 50%;
        transform: translate(-50%,-57%);
        color: #939393;
        letter-spacing: 0.1em;
    }

    .date_and_place_text {
        width: 50%;
        position: absolute;
        top: 80%;
        left: 43%;
        transform: translate(-50%,-80%);
        font-size: 13px;
        color: #939393;
        text-align: left;
        letter-spacing: 0.1em;
    }

    .date_large_text {
        font-size: 22px;
    }

    .date_middle_text {
        font-size: 16px;
    }


    /*-- 円のinfo ここから --*/

    .circle {
        width: 160px;
        height: 140px;
        border-radius: 15%;
        background-color: #19BBE2;
        position: absolute;
        top: 67%;
        left: 70%;
    }

    .circle_text_box {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 1%;
        text-align: center;
        transform: translate(-1%,-50%);
        color: white;
        font-size: 16px;
    }

    /*-- 円のinfo ここまで --*/


    /*-- header ここまで --*/


    /*-- Div main 内ここから --*/

    .main {
        width: 100vw;
        box-sizing: border-box;
        padding: 0 5% 0 5%;
    }


    /*-- seminar_contents_area ここから --*/
    .seminar_contents_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

		.seminar_ended {
				width: 100%;
				background-color: #19BBE2;
				box-sizing: border-box;
				border-radius: 8px;
				margin-bottom: 5%;
				padding: 2%;
		}

		.seminar_ended_text {
			font-size: 15px;
			color: #ffffff;
			text-align: center;
			margin: 0 0 .6em 0;
		}

		.seminar_ended_link {
			font-size: 20px;
			color: #ffffff;
			text-align: center;
		}

    .seminar_theme {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3% 2% 3%;
        border-bottom: 1px solid #19BBE2;
    }

    .headline {
        font-size: 17px;
        color: #19BBE2;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
    }

    .seminar_contents_text {
        font-size: 20px;
        color: #19BBE2;
        text-align: left;
    }

    .seminar_speaker {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        border-bottom: 1px solid #19BBE2;
        box-sizing: border-box;
        padding: 3%;

    }

    .job_name {
        font-size: 18px;
        color: #19BBE2;
        text-align: left;
    }

    .speaker_text {
        font-size: 45px;
        color: #19BBE2;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .si {
        font-size: 35px;
    }

    #no_border_right {
        border-bottom: none;
    }

    /*-- seminar_contents_area ここまで --*/


    /*-- outline エリアここから --*/
    #outline_area {
        width: 100%;
        display: block;
        box-sizing: border-box;
        margin: 20% 0 0 0;
    }

    .outline_title {
        font-size: 17px;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 20% 0;
        line-height: 200%;
        color: #939191;
        letter-spacing: 0.1em;
    }

    .outline_text {
        font-size: 14px;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
        line-height: 200%;
        color: #939191;
        letter-spacing: 0.08em;
    }

    /*-- outline エリアここまで --*/


    /*-- seminar_info_area ここから --*/

    .seminar_info_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

    .seminar_info_box {
        width:100%;
        /*height: 750px;*/
        box-sizing: border-box;
        margin: 0;
        display: inline-block;
        vertical-align: top;
        padding: 5%;
        background-color: #F0F0F0;
    }

    .seminar_info_mini_box {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20% 0;
    }


    .date_and_place_text_blue {
        width: 100%;
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
        letter-spacing: 0.1em;
    }

    .date_large_text_blue {
        font-size: 35px;
    }

    .date_middle_text_blue {
        font-size: 28px;
    }

    hr {
        border: 1px solid #19BBE2;
    }

    .date_small_text_blue {
        font-size: 13px;
        color: #19BBE2;
    }


    /*-- seminar_info_area ここまで --*/



    /*-- entry_area ここから --*/

    .entry_area {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 10% 5% 10%;
    }

    .entry_info_box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        padding: 1% 0 1% 0;
    }

    .headline_entry {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 3% 0;
    }



    .entry_info_text {
        width: 100%;
        box-sizing: border-box;
        padding: 1% 0 2% 0;
        color: #19BBE2;
        font-size: 29px;
        text-align: left;
        letter-spacing: 0.09em;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    .small_text a {
        color: #19BBE2;
    }

    .entry_info_box a {
        text-decoration: none;
        color: white;
    }

    .entry_info_box a .mail_contact_banner {
        text-decoration: none;
        color: white;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .entry_info_box a .mail_contact_banner:hover {
        background-color: #015F76;
        color: #fff;
    }



    .mail_contact_banner {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 2%;
        font-size: 20px;
        border-radius: 8px;
        color:white;
        background-color: #19BBE2;
    }

    .info_text {
        color: #19BBE2;
        font-size: 13px;
        text-align: left;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    /*-- entry_area ここまで --*/





    /*-- time schedule area ここから --*/

    .time_schedule_area {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 5% 0;
    }

    .time_schedule_title {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        padding: 0 0 5% 0;
    }

    .time {
        width: 20%;
        box-sizing: border-box;
        padding: 2% 0;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
    }

    .contents {
        width: 78%;
        box-sizing: border-box;
        padding: 2% 0 2% 3%;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
        border-left: 1px solid #19BBE2;
    }

    /*-- time schedule area ここまで --*/






    /*-- Div main 内ここまで --*/


    /*-- footer ここから --*/

    footer {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 0 0;
        padding: 5% 0 5% 0;
        display: inline-block;
        background-color: #F7F7F7;
    }

    .footer_box {
        width:100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 5%;
    }

    .footer_map_box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 5%;
    }

    .footer_text {
        font-size: 13px;
        color: #989898;
        text-align: left;
        line-height: 180%;
    }

    .footer_text a {
        color: #989898;
        text-decoration: none;
    }

    .school_name_text {
        font-size: 22px;
        box-sizing: border-box;
        line-height: 250%;
    }


    #copyright {
        font-size: 15px;
        color: #989898;
    }

    /*-- footer ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここまで --*/



}

/*-- スマートフォンmiddle ここまで --*/


/*-- タブレットたて　ここから --*/

@media (min-width:768px) and (max-width:1020px) {

    /*-- first_view 画面変移の記述　ここから --*/
    #first_view {
        display: none;
        position:fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #f5f5f5;
        z-index: 1;
    }

    #first_text_area {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 2;
    }

    #first_text {
        width: 100%;
        height: 100%;
        position:relative;
        text-align: center;
    }

    #message {
        width: 50%;
        position:absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-40%);
        font-size: 20px;
        letter-spacing: 0.1em;
        text-align: center;
        color: #000;
    }


    #wrap {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }
    /*-- first_view 画面変移の記述　ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここから --*/



    /*-- header ここから --*/


    header {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }


    #organize_name_pc {
        display: none;
    }

    #organize_name_sp_tab {
        font-size: 20px;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%,-10%);
        color: #939393;
        font-family: ten-mincho,serif;
        letter-spacing: 0.1em;
    }

    #seminar_title_pc {
        display: none;
    }

    #seminar_title_sp_tab {
        width: 80vw;
        font-size: 57px;
        color: #AFAFAF;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,-25%);
        letter-spacing: 0.1em;
    }

    #message_text_pc {
        display: none;
    }

    #message_text_sp_tab {
        width: 100%;
        text-align: center;
        font-size: 28px;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%,-60%);
        color: #939393;
        letter-spacing: 0.1em;
    }

    .date_and_place_text {
        width: 100%;
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-80%);
        font-size: 16px;
        color: #939393;
        text-align: center;
        letter-spacing: 0.1em;
    }

    .date_large_text {
        font-size: 38px;
    }

    .date_middle_text {
        font-size: 28px;
    }


    /*-- 円のinfo ここから --*/

    .circle {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background-color: #19BBE2;
        position: absolute;
        top: 70%;
        left: 75%;
    }

    .circle_text_box {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: white;
        font-size: 16px;
    }

    /*-- 円のinfo ここまで --*/


    /*-- header ここまで --*/


    /*-- Div main 内ここから --*/

    .main {
        width: 100vw;
        box-sizing: border-box;
        padding: 0 5% 0 5%;
    }


    /*-- seminar_contents_area ここから --*/
    .seminar_contents_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

		.seminar_ended {
				width: 100%;
				background-color: #19BBE2;
				box-sizing: border-box;
				border-radius: 8px;
				margin-bottom: 5%;
				padding: 2%;
		}

		.seminar_ended_text {
			font-size: 18px;
			color: #ffffff;
			text-align: center;
			margin: 0 0 .6em 0;
		}

		.seminar_ended_link {
			font-size: 24px;
			color: #ffffff;
			text-align: center;
		}

    .seminar_theme {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3% 2% 3%;
        border-bottom: 1px solid #19BBE2;
    }

    .headline {
        font-size: 17px;
        color: #19BBE2;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
    }

    .seminar_contents_text {
        font-size: 24px;
        color: #19BBE2;
        text-align: left;
    }

    .seminar_speaker {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #19BBE2;
        box-sizing: border-box;
        padding: 3%;

    }

    .job_name {
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
    }

    .speaker_text {
        font-size: 45px;
        color: #19BBE2;
        text-align: left;
    }

    .si {
        font-size: 35px;
    }

    #no_border_right {
        border-right: none;
    }

    /*-- seminar_contents_area ここまで --*/


    /*-- outline エリアここから --*/
    #outline_area {
        width: 100%;
        display: block;
    }

    .outline_title {
        font-size: 23px;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        color: #939191;
        letter-spacing: 0.1em;
    }

    .outline_text {
        font-size: 16px;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
        color: #939191;
        letter-spacing: 0.08em;
    }

    /*-- outline エリアここまで --*/


    /*-- seminar_info_area ここから --*/

    .seminar_info_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

    .seminar_info_box {
        width: 45%;
        height: 750px;
        box-sizing: border-box;
        margin: 0 2%;
        display: inline-block;
        vertical-align: top;
        padding: 5%;
        background-color: #F0F0F0;
    }

    .seminar_info_mini_box {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20% 0;
    }


    .date_and_place_text_blue {
        width: 100%;
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
        letter-spacing: 0.1em;
    }

    .date_large_text_blue {
        font-size: 35px;
    }

    .date_middle_text_blue {
        font-size: 28px;
    }

    hr {
        border: 1px solid #19BBE2;
    }

    .date_small_text_blue {
        font-size: 13px;
        color: #19BBE2;
    }


    /*-- seminar_info_area ここまで --*/



    /*-- entry_area ここから --*/

    .entry_area {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 10% 5% 10%;
    }

    .entry_info_box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        padding: 1% 0 1% 0;
    }

    .headline_entry {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 3% 0;
    }



    .entry_info_text {
        width: 100%;
        box-sizing: border-box;
        padding: 1% 0 2% 0;
        color: #19BBE2;
        font-size: 20px;
        text-align: left;
        letter-spacing: 0.09em;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    .small_text a {
        color: #19BBE2;
    }

    .entry_info_box a {
        text-decoration: none;
        color: white;
    }

    .entry_info_box a .mail_contact_banner {
        text-decoration: none;
        color: white;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .entry_info_box a .mail_contact_banner:hover {
        background-color: #015F76;
        color: #fff;
    }



    .mail_contact_banner {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 2%;
        font-size: 20px;
        border-radius: 8px;
        color:white;
        background-color: #19BBE2;
    }

    .info_text {
        color: #19BBE2;
        font-size: 13px;
        text-align: left;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    /*-- entry_area ここまで --*/





    /*-- time schedule area ここから --*/

    .time_schedule_area {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 5% 0;
    }

    .time_schedule_title {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        padding: 0 0 5% 0;
    }

    .time {
        width: 20%;
        box-sizing: border-box;
        padding: 2% 0;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
    }

    .contents {
        width: 78%;
        box-sizing: border-box;
        padding: 2% 0 2% 3%;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
        border-left: 1px solid #19BBE2;
    }

    /*-- time schedule area ここまで --*/






    /*-- Div main 内ここまで --*/


    /*-- footer ここから --*/

    footer {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 0 0;
        padding: 5% 0 5% 0;
        display: inline-block;
        background-color: #F7F7F7;
    }

    .footer_box {
        width: 26%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 3% 0 3%;
    }

    .footer_map_box {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .footer_text {
        font-size: 13px;
        color: #989898;
        text-align: left;
        line-height: 180%;
    }

    .footer_text a {
        color: #989898;
        text-decoration: none;
    }

    .school_name_text {
        font-size: 22px;
        box-sizing: border-box;
        line-height: 200%;
    }


    #copyright {
        font-size: 15px;
        color: #989898;
    }

    /*-- footer ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここまで --*/

}

/*-- タブレットたて　ここまで --*/



/*-- タブレットよこ　ここから --*/

@media (min-width:1021px) and (max-width:1039px) {

    /*-- first_view 画面変移の記述　ここから --*/
    #first_view {
        display: none;
        position:fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #f5f5f5;
        z-index: 1;
    }

    #first_text_area {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 2;
    }

    #first_text {
        width: 100%;
        height: 100%;
        position:relative;
        text-align: center;
    }

    #message {
        width: 50%;
        position:absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-40%);
        font-size: 20px;
        letter-spacing: 0.1em;
        text-align: center;
        color: #000;
    }


    #wrap {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }
    /*-- first_view 画面変移の記述　ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここから --*/



    /*-- header ここから --*/


    header {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }


    #organize_name_pc {
        font-size: 20px;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%,-10%);
        color: #939393;
        font-family: ten-mincho,serif;
        letter-spacing: 0.1em;
    }

    #organize_name_sp_tab {
        display: none;
    }

    #seminar_title_pc {
        width: 80vw;
        font-size: 57px;
        color: #AFAFAF;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,-25%);
        letter-spacing: 0.1em;
    }

    #seminar_title_sp_tab {
        display: none;
    }

    #message_text_pc {
        width: 100%;
        text-align: center;
        font-size: 28px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #939393;
        letter-spacing: 0.1em;
    }

    #message_text_sp_tab {
        display: none;
    }

    .date_and_place_text {
        width: 100%;
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-80%);
        font-size: 16px;
        color: #939393;
        text-align: center;
        letter-spacing: 0.1em;
    }

    .date_large_text {
        font-size: 38px;
    }

    .date_middle_text {
        font-size: 28px;
    }


    /*-- 円のinfo ここから --*/

    .circle {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background-color: #19BBE2;
        position: absolute;
        top: 65%;
        left: 65%;
    }

    .circle_text_box {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: white;
        font-size: 16px;
    }

    /*-- 円のinfo ここまで --*/


    /*-- header ここまで --*/


    /*-- Div main 内ここから --*/

    .main {
        width: 100vw;
        box-sizing: border-box;
        padding: 0 15% 0 15%;
    }


    /*-- seminar_contents_area ここから --*/
    .seminar_contents_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

		.seminar_ended {
				width: 100%;
				background-color: #19BBE2;
				box-sizing: border-box;
				border-radius: 8px;
				margin-bottom: 5%;
				padding: 2%;
		}

		.seminar_ended_text {
			font-size: 18px;
			color: #ffffff;
			text-align: center;
			margin: 0 0 .6em 0;
		}

		.seminar_ended_link {
			font-size: 24px;
			color: #ffffff;
			text-align: center;
		}

    .seminar_theme {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3% 2% 3%;
        border-bottom: 1px solid #19BBE2;
    }

    .headline {
        font-size: 17px;
        color: #19BBE2;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
    }

    .seminar_contents_text {
        font-size: 24px;
        color: #19BBE2;
        text-align: left;
    }

    .seminar_speaker {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #19BBE2;
        box-sizing: border-box;
        padding: 3%;

    }

    .job_name {
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
    }

    .speaker_text {
        font-size: 45px;
        color: #19BBE2;
        text-align: left;
    }

    .si {
        font-size: 35px;
    }

    #no_border_right {
        border-right: none;
    }

    /*-- seminar_contents_area ここまで --*/


    /*-- outline エリアここから --*/
    #outline_area {
        width: 100%;
        display: block;
    }

    .outline_title {
        font-size: 23px;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        color: #939191;
        letter-spacing: 0.1em;
    }

    .outline_text {
        font-size: 16px;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
        color: #939191;
        letter-spacing: 0.08em;
    }

    /*-- outline エリアここまで --*/


    /*-- seminar_info_area ここから --*/

    .seminar_info_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

    .seminar_info_box {
        width: 45%;
        height: 750px;
        box-sizing: border-box;
        margin: 0 2%;
        display: inline-block;
        vertical-align: top;
        padding: 5%;
        background-color: #F0F0F0;
    }

    .seminar_info_mini_box {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20% 0;
    }


    .date_and_place_text_blue {
        width: 100%;
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
        letter-spacing: 0.1em;
    }

    .date_large_text_blue {
        font-size: 35px;
    }

    .date_middle_text_blue {
        font-size: 28px;
    }

    hr {
        border: 1px solid #19BBE2;
    }

    .date_small_text_blue {
        font-size: 13px;
        color: #19BBE2;
    }


    /*-- seminar_info_area ここまで --*/



    /*-- entry_area ここから --*/

    .entry_area {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 10% 5% 10%;
    }

    .entry_info_box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        padding: 1% 0 1% 0;
    }

    .headline_entry {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 3% 0;
    }



    .entry_info_text {
        width: 100%;
        box-sizing: border-box;
        padding: 1% 0 2% 0;
        color: #19BBE2;
        font-size: 20px;
        text-align: left;
        letter-spacing: 0.09em;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    .small_text a {
        color: #19BBE2;
    }

    .entry_info_box a {
        text-decoration: none;
        color: white;
    }

    .entry_info_box a .mail_contact_banner {
        text-decoration: none;
        color: white;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .entry_info_box a .mail_contact_banner:hover {
        background-color: #015F76;
        color: #fff;
    }



    .mail_contact_banner {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 2%;
        font-size: 20px;
        border-radius: 8px;
        color:white;
        background-color: #19BBE2;
    }

    .info_text {
        color: #19BBE2;
        font-size: 13px;
        text-align: left;
    }

    .entry_info_text a {
        color: #19BBE2;;
    }

    /*-- entry_area ここまで --*/





    /*-- time schedule area ここから --*/

    .time_schedule_area {
        width: 100%;
        box-sizing: border-box;
        margin: 10% 0 5% 0;
    }

    .time_schedule_title {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        padding: 0 0 5% 0;
    }

    .time {
        width: 20%;
        box-sizing: border-box;
        padding: 2% 0;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
    }

    .contents {
        width: 78%;
        box-sizing: border-box;
        padding: 2% 0 2% 3%;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
        border-left: 1px solid #19BBE2;
    }

    /*-- time schedule area ここまで --*/






    /*-- Div main 内ここまで --*/


    /*-- footer ここから --*/

    footer {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 0 0;
        padding: 5% 0 5% 0;
        display: inline-block;
        background-color: #F7F7F7;
    }

    .footer_box {
        width: 26%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .footer_map_box {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .footer_text {
        font-size: 13px;
        color: #989898;
        text-align: left;
        line-height: 180%;
    }

    .footer_text a {
        color: #989898;
        text-decoration: none;
    }

    .school_name_text {
        font-size: 22px;
        box-sizing: border-box;
        line-height: 200%;
    }


    #copyright {
        font-size: 15px;
        color: #989898;
    }

    /*-- footer ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここまで --*/

}

/*-- タブレットよこ　ここまで --*/



/*-- PC　ここから --*/

@media (min-width:1040px) {


    /*-- first_view 画面変移の記述　ここから --*/
    #first_view {
        display: none;
        position:fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #f5f5f5;
        z-index: 1;
    }

    #first_text_area {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 2;
    }

    #first_text {
        width: 100%;
        height: 100%;
        position:relative;
        text-align: center;
    }

    #message {
        width: 50%;
        position:absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-40%);
        font-size: 20px;
        letter-spacing: 0.1em;
        text-align: center;
        color: #000;
    }


    #wrap {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }
    /*-- first_view 画面変移の記述　ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここから --*/



    /*-- header ここから --*/


    header {
        width: 100vw;
        height: 100vh;
        text-align: center;
        position: relative;
    }


    #organize_name_pc {
        font-size: 20px;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%,-10%);
        color: #939393;
        font-family: ten-mincho,serif;
        letter-spacing: 0.1em;
    }

    #organize_name_sp_tab {
        display: none;
    }

    #seminar_title_pc {
        width: 80vw;
        font-size: 57px;
        color: #AFAFAF;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,-25%);
        letter-spacing: 0.1em;
    }

    #seminar_title_sp_tab {
        display: none;
    }

    #message_text_pc {
        width: 100%;
        text-align: center;
        font-size: 28px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #939393;
        letter-spacing: 0.1em;
    }

    #message_text_sp_tab {
        display: none;
    }

    .date_and_place_text {
        width: 100%;
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-80%);
        font-size: 16px;
        color: #939393;
        text-align: center;
        letter-spacing: 0.1em;
    }

    .date_large_text {
        font-size: 38px;
    }

    .date_middle_text {
        font-size: 28px;
    }


    /*-- 円のinfo ここから --*/

    .circle {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background-color: #19BBE2;
        position: absolute;
        top: 65%;
        left: 65%;
    }

    .circle_text_box {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: white;
        font-size: 16px;
    }

    /*-- 円のinfo ここまで --*/


    /*-- header ここまで --*/


    /*-- Div main 内ここから --*/

    .main {
        width: 100vw;
        box-sizing: border-box;
        padding: 0 20% 0 20%;
    }


    /*-- seminar_contents_area ここから --*/
    .seminar_contents_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

		.seminar_ended {
				width: 100%;
				background-color: #19BBE2;
				box-sizing: border-box;
				border-radius: 8px;
				margin-bottom: 5%;
				padding: 2%;
		}

		.seminar_ended_text {
			font-size: 18px;
			color: #ffffff;
			text-align: center;
			margin: 0 0 .6em 0;
		}

		.seminar_ended_link {
			font-size: 24px;
			color: #ffffff;
			text-align: center;
		}

    .seminar_theme {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3% 2% 3%;
        border-bottom: 1px solid #19BBE2;
    }

    .headline {
        font-size: 17px;
        color: #19BBE2;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
    }

    .seminar_contents_text {
        font-size: 24px;
        color: #19BBE2;
        text-align: left;
    }

    .seminar_speaker {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #19BBE2;
        box-sizing: border-box;
        padding: 3%;

    }

    .job_name {
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
    }

    .speaker_text {
        font-size: 45px;
        color: #19BBE2;
        text-align: left;
    }

    .si {
        font-size: 35px;
    }

    #no_border_right {
        border-right: none;
    }

    /*-- seminar_contents_area ここまで --*/


    /*-- outline エリアここから --*/
    #outline_area {
        width: 100%;
        display: block;
    }

    .outline_title {
        font-size: 23px;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        color: #939191;
        letter-spacing: 0.1em;
    }

    .outline_text {
        font-size: 16px;
        text-align: left;
        box-sizing: border-box;
        margin: 0 0 5% 0;
        color: #939191;
        letter-spacing: 0.08em;
    }

    /*-- outline エリアここまで --*/


    /*-- seminar_info_area ここから --*/

    .seminar_info_area {
        width: 100%;
        box-sizing: border-box;
        margin: 2% 0 10% 0;
    }

    .seminar_info_box {
        width: 45%;
        height: 750px;
        box-sizing: border-box;
        margin: 0 2%;
        display: inline-block;
        vertical-align: top;
        padding: 5%;
        background-color: #F0F0F0;
    }

    .seminar_info_mini_box {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20% 0;
    }


    .date_and_place_text_blue {
        width: 100%;
        font-size: 16px;
        color: #19BBE2;
        text-align: left;
        letter-spacing: 0.1em;
    }

    .date_large_text_blue {
        font-size: 35px;
    }

    .date_middle_text_blue {
        font-size: 28px;
    }

    hr {
        border: 1px solid #19BBE2;
    }

    .date_small_text_blue {
        font-size: 13px;
        color: #19BBE2;
    }


    /*-- seminar_info_area ここまで --*/



    /*-- entry_area ここから --*/

    .entry_area {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 10% 5% 10%;
    }

    .entry_info_box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin: 0 0 10% 0;
        padding: 1% 0 1% 0;
    }

    .headline_entry {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        margin: 0 0 3% 0;
    }



    .entry_info_text {
        width: 100%;
        box-sizing: border-box;
        padding: 1% 0 2% 0;
        color: #19BBE2;
        font-size: 20px;
        text-align: left;
        letter-spacing: 0.09em;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    .small_text a {
        color: #19BBE2;
    }

    .entry_info_box a {
        text-decoration: none;
        color: white;
    }

    .entry_info_box a .mail_contact_banner {
        text-decoration: none;
        color: white;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .entry_info_box a .mail_contact_banner:hover {
        background-color: #015F76;
        color: #fff;
    }



    .mail_contact_banner {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 2%;
        font-size: 20px;
        border-radius: 8px;
        color:white;
        background-color: #19BBE2;
    }

    .info_text {
        color: #19BBE2;
        font-size: 13px;
        text-align: left;
    }

    .entry_info_text a {
        color: #19BBE2;
    }

    /*-- entry_area ここまで --*/





    /*-- time schedule area ここから --*/

    .time_schedule_area {
        width: 100%;
        box-sizing: border-box;
        margin: 10% 0 5% 0;
    }

    .time_schedule_title {
        font-size: 20px;
        color: #19BBE2;
        text-align: center;
        box-sizing: border-box;
        padding: 0 0 5% 0;
    }

    .time {
        width: 20%;
        box-sizing: border-box;
        padding: 2% 0;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
    }

    .contents {
        width: 78%;
        box-sizing: border-box;
        padding: 2% 0 2% 3%;
        display: inline-block;
        vertical-align: top;
        color: #19BBE2;
        text-align: left;
        line-height: 200%;
        font-size: 16px;
        letter-spacing: 0.09em;
        border-left: 1px solid #19BBE2;
    }

    /*-- time schedule area ここまで --*/






    /*-- Div main 内ここまで --*/


    /*-- footer ここから --*/

    footer {
        width: 100%;
        box-sizing: border-box;
        margin: 5% 0 0 0;
        padding: 5% 0 5% 0;
        display: inline-block;
        background-color: #F7F7F7;
    }

    .footer_box {
        width: 26%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .footer_map_box {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .footer_text {
        font-size: 13px;
        color: #989898;
        text-align: left;
        line-height: 180%;
    }

    .footer_text a {
        color: #989898;
        text-decoration: none;
    }

    .school_name_text {
        font-size: 22px;
        box-sizing: border-box;
        line-height: 200%;
    }


    #copyright {
        font-size: 15px;
        color: #989898;
    }

    /*-- footer ここまで --*/


    /*-- 画面変移後の Div wrap 内部の記述　ここまで --*/

}

/*-- PC　ここまで --*/