/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/

@media (max-width:761px){


	html, body {
		height: 100% !important;
		/* iPhone 6,7,8,x を基準に */
		font-size: calc(100vw / 37.5);
	}
	

	article p {
		margin: 0;
		padding: 0;
		/* font-size: 1.4rem; */
		line-height: 160%;
		font-family: "Noto Sans Japanese";
		font-size: calc(100vw / 37.5*1.2);
		font-weight: 200;
		letter-spacing: -0.01em;
	}
	
	p{
		font-family: "Noto Sans Japanese";
	}
	
	.bg{
		background: url("../../5college_0828/img/bg_main_sp.jpg") no-repeat;
		background-size: 700%;
		background-position: center calc(100vw*-0.8);
	}
	

	
	.wrapper_a {
		width: 90%;
		margin: 0 auto;
		position: relative;
		padding: 70px 0 32px;
	}
	
	/* =========================================================================
 	first
	===========================================================================*/
	#top .first_view{
		margin: 0 auto;
		padding: 50px 7% 4px;
		/* background: url(../img/top_pc.jpg) no-repeat center; */
	}

	#top .first_box{
		width: 100%;
		text-align: center;
		margin: 0px auto;
		position: relative;
	}

	#top .first_box p{
		font-family: "Noto Sans Japanese";
		text-align: left;
		font-weight: 300;
	}

	#top .first_box h1{
		text-align: left;
		font-family: "Noto Sans Japanese";
		font-size: 2.4rem;
		font-weight: 600;
		color: #7cbd60;
		padding: 0 0 7px;
		line-height: 2.8rem;
		margin: 10px 0 0;
	}
	

    #top .first_box h2 {
		position: relative;
		text-align: left;
		font-family: "Noto Sans Japanese";
		font-size: 14px;
		line-height: 137%;
		font-weight: 600;
		display: table;
		color: #ffffff;
		background-color: #7cbd60;
		padding: 5px 12px 6px;
		border-radius: 20px;
		margin: 10px 0 14px;
		}

	#top .first_box h2:before{
		content: "";
		display: block;
		position: absolute;
		bottom: -7px;
		left: 38px;
		border-right: 8px solid transparent;
		border-top: 11px solid #7cbd60;
		border-left: 8px solid transparent;
	}

	#top .first_box .subttl{
		font-size: 1.4rem;
		font-weight: 300;
		margin: 8px auto 0 0;
		line-height: 18px;
	}	

	#top .first_box h1 .subttl{
		font-size: 15px;
		display:block;
		font-weight: 700;
		color: #ff8c53;
		margin: 5px auto -4px;
		line-height: 24px;
	}

	#top .first_box h1 span:first-child{
		font-size: 1.6rem;
		font-weight: 600;
		font-family: "Noto Sans Japanese";
		color: #7cbd60;
		/* white-space: nowrap; */
		margin: 0px 0 4px;
		display: block;
		letter-spacing:1px;
		line-height: 128%;
		/* width: 50%; */
	}

	#top .blue_box{
		display:flex;
		margin: 12px 0 0;
	}

	#top .system{
		color:#fff;
		font-family: "Noto Sans Japanese";
		background-color: #7cbd60;
		padding: 19px 5px;
		top: 159px;
		left: 97px;
		font-weight: 500;
		font-size: 14px;
		width: 81px;
		border-radius: 30px;
	}

	#top .teiin{
		color: #fff;
		font-family: "Noto Sans Japanese";
		background-color: #7cbd60;
		padding: 12px 14px;
		top: 50px;
		right: 0;
		font-weight: 500;
		font-size: 14px;
		width: 121px;
		border-radius: 30px;
		margin: 0px 9px;
	}

	#top .teiin h2{
		font-size: 16px;
	}

	#top .teiin p{
		font-size: 10px;
		text-align: center;
		margin: 3px 0 0;
	}

	#top .first_view img{
		width:100%;
	}

	#top .sub{
		text-align: left;
	}

	#top .sub p{
		float: left;
		font-size: 20px;
		font-weight: 200;
		color: #6f59a8;
		margin: 0 44px 0 0;
	}

    .schedule tr.corner td {
        background-color: #ffe6f3;
        border: none;
        font-family: 'Noto Sans JP', serif;
        font-weight: 600;
        font-size: 14px;
        color: #3d3a3b;
    }


	#top .first_box .date{
		margin: -3px 0 0;
	}

	#top .first_box .date p{
		font-size: 47px;
		font-family: "Noto Sans Japanese";
		font-weight: 600;
		color: #444444;
		float: left;
		margin: 0 0 -11px 0;
	}

	#top .first_box .date p span{
		font-size: 20px;
	}

	#top .first_box .time{
	}

	#top .first_box .time p:nth-child(1){
		font-size: 19px;
		font-weight: 500;
		letter-spacing: 0.01em;
	}
	
	#top .first_box .time p:nth-child(2){
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		margin: 9px 0 0 6px;
	}	

	#top .first_box .under{
		text-align: left;
	}

	#top .first_box  .left_box{
		/* width: 320px; */
		margin: 12px 0 0;
	}

	#top .first_box .space p{
		margin: 4px 0 0;
		color: #3d3a3b;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
	}

	#top .first_box .space p span{
		font-size:14px;
		margin: 8px 0 0;
		display: block;
	}

	#top .first_box .kaijou_box{
		background-color: #3d3a3b;
		width: 67px;
		float: left;
		padding: 3px 6px 3px;
		margin: 0 3% 0 0px;
		border-radius: 20px;
	}

	#top .first_box .kaijou_box p{
		color: white;
		text-align: center;
		font-size: 15px;
		margin: 0 auto;
		font-family: "Noto Sans Japanese";
		font-weight: 400;
	}

	#top .first_box .right_box{
		width: 390px;
		float: right;
		margin: 12px 0 0;
	}


	#top .first_box .yoyaku{
		margin: 5px 0px 0 0;
	}

	/* =========================================================================
 	guide
	===========================================================================*/
	
    #top .guide{
        background-color: #7cbd60;
        padding: 34px 6% 24px;
    }

    #top .guide h2{
    	color: #ffffff;
    	text-align: left;
    	font-family: "Noto Sans Japanese";
    	font-weight: 600;
    	font-size: 21px;
    	/* border-bottom: 1px solid #fff; */
    	/* padding: 0 0 13px; */
    }

    #top .guide p{
    	text-align: left;
    	font-family: "Noto Sans Japanese";
    	font-size: 1.5rem;
    	font-weight:400;
    	margin:10px 0;
    	color: #fff;
    }

    #top .guide p span {
        display: inline-block;
        font-size: 16px;
        margin: 3px 0 28px;
        padding: 4px 22px;
        line-height: 140%;
        font-weight: 600;
        color: #ffffff;
        background: #ff8c53;
        border-radius: 4px;
    }

   

    #top .guide .white_box{
    	background-color:#fff;
    	width:92%;
    	margin: 26px auto 10px;
    	padding:2px 4%;
    }

    #top .guide .white_box p{
    	color: #7cbd60;
    	font-size: 1.4rem;
    	line-height: 19px;
    }

	ul.banner_ul {
        margin: 36px 0 50px;
    }

	ul.banner_ul li{
		margin;10px 0;
		margin: 10px 0;
	}
	/* =========================================================================
 	second
	===========================================================================*/
	
	#top .second{
		background-color: #3d3a3b;
		padding: 28px 0 1px;
		position: relative;
	}

	#top .second h2{
		font-size: 2.0rem;
		font-weight: 500;
		font-family: "Noto Sans Japanese";
		color: white;
		text-align: center;
		letter-spacing: 0.1em;
	}

	#top .second .detail_bottun{
		margin: 20px auto;
		width: 75%;
		height: 68px;
		position: relative;
		overflow: hidden;
	}



	#top .second .detail_bottun a{
		font-size: 1.8rem;
		color: #ffffff;
		text-align: center;
		margin: 0px 20px;
		display: block;
		font-family: "Noto Sans Japanese";
		font-weight: 500;
		background-color: #ff8c53;
		padding: 9px 0 12px;
		border-radius: 30px;
	}



	/* =========================================================================
 	schedule
	===========================================================================*/
    
    .schedule{
    	position: relative;
    	margin: 0px auto 0;
    	/* height: 366px; */
    }

    .schedule .wrapper_a{
    	width:100%;
    }

    .schedule h2{
    	font-family: "Noto Sans Japanese";
    	font-size: 2.0rem;
    	font-weight: 700;
    	position: relative;
    	text-align: center;
    	z-index: 2;
    	width: 90%;
    	margin: 0 auto;
    }

    .schedule h2 span{
    	display: block;
    	color: #353535;
    	font-family: "Noto Sans Japanese";
    	font-size: 4.0rem;
    	text-align: center;
    	z-index: 1;
    	margin: 0 auto 4px;
    	padding: 0 0 18px;
    	width: 100%;
    	border-bottom: 3px solid #353535;
    }

    .schedule p{
    	font-family: "Noto Sans Japanese";
    	text-align: left;
    }

    .explain{
    	padding:0 5%;
    	text-align:left!important;
    	font-size: 1.2rem!important;
    }

    .schedule .schedule_box{
    	position: relative;
    }

    .schedule .yazirusi{
    	position:absolute;
    	top:88px;
    	left:434px;
    }

    .schedule img{
    	margin: 10px 0 0 0;
    	width: 100%;
    }

    .schedule .schedule_box li{
    	background-color: #efefef;
    	justify-content: space-between;
    	width: 86%;
    	position: relative;
    	margin: 0 0 10px 0;
    	padding: 22px 7%;
    }

    .schedule .schedule_box li h3{
    	font-size: 19px;
    	margin: 0 0 4px 19px;
    	font-weight:500;
    	font-family: "Noto Sans Japanese";
    	color: #ec7ba9;
    }

    .schedule .schedule_box li h3:before {
	  content: "";
	  margin :0 2px 0 0;
	  background-color: #ec7ba9;
	  width: 10px;
	  height: 10px;
	  display: block;
	  border-radius: 50%;
	  position: absolute;
	  top: 31px;
	  left: 8%;
	}

    .schedule .schedule_box li .time{
    	font-weight: 500;
    	font-size: 19px;
    	font-family: 'Oswald', sans-serif;
    	margin: 0 1% 4px;
    }

    .schedule .schedule_box li p{
    	font-size: 14px;
    	margin:0 0 4px;
    	font-weight:400;
    }

    .schedule .schedule_box li p span{
    	display:block;
    }

    .schedule table {
		width: 100%;
		margin: 48px auto 0;
	}

    .schedule .tab_ttl th {
        background-color: #7cbd60;
        font-size: 18px;
    }

    .schedule .corner th {
        background-color: #b6b6b6;
    }

    .schedule th{
    	background-color: #3d3a3b;
    	color:#fff;
    	padding:10px 0;
    	font-size: 1.0rem;
    }

    .schedule td{
		        border: #b7b7b7 1px solid;
		        font-size: 1.2rem;
		        text-align: left;
		        padding: 10px 5px;
	}

    .schedule td:first-child{
		color: #3e3a39;
		width: 15%;
		padding: 12px 2px 12px;
		line-height: 130%;
		text-align: center;
		font-size: 1.4rem;
		font-weight: 400;
		font-family: 'Noto Sans JP', serif;
		/* border-bottom: #b7b7b7 2px dotted; */
		/* border-right: #b7b7b7 2px dotted; */
	}

	.schedule td:nth-child(2){
		width: 28%;
		padding: 12px 1px 12px;
		letter-spacing: 1px;
		line-height: 140%;
		font-family: 'Noto Sans JP', serif;
		/* border-bottom: #b7b7b7 2px dotted; */
	}

	.schedule td span{
		display:block;
		font-size: 1.2rem;
		font-weight:600;
		margin: 5px 0 0;
		color: #82bc69;
	}
    .schedule td span.span_point{
		background: #ceeac2;
		color: #282828;
		font-size: 11px;
		font-weight: 400;
		padding: 10px 11px;
		margin: 20px auto 0;
		text-align: left;
	}


	.schedule .break{
		background-color:#edf0f5;
		padding: 14px 2% 8px;
	}

	.schedule .break td{
		padding: 10px 0;
		font-size: 1.3rem!important;
	}


    
    /* =========================================================================

 	joined
	===========================================================================*/
    .joined{
    	position: relative;
    	margin: 0px auto 0;
    	background-color: #efefef;
    	padding: 0px 0 0;
    	text-align: center;
    }

    .joined h2{
    	font-family: "Noto Sans Japanese";
    	font-size: 2.0rem;
    	font-weight: 700;
    	position: relative;
    	text-align: center;
    	z-index: 2;
    	margin: 0 0 3px;
    }

    .joined h2 span{
    	display: block;
    	color: #353535;
    	font-family: "Noto Sans Japanese";
    	font-size: 4.0rem;
    	text-align: center;
    	z-index: 1;
    	margin: 0 auto 4px;
    	padding: 0 0 18px;
    	width: 100%;
    	border-bottom: 3px solid #353535;
    }

    .joined .group {
        margin: 15px 0 29px;
    }

    .joined h3 {
        text-align: center;
        margin: 0px 0 0;
        display: inline;
        font-size: 21px;
        line-height: 35px;
        font-weight: 600;
        background: #353535;
        color: #fff;
        padding: 3px 8px 1px;
        border-radius: 10px;
    }

    .joined h4 {
        font-size: 15px;
        line-height: 35px;
        font-weight: 600;
    }

    .joined p{
    	margin: -4px 0 22px;
    	font-size: 1.3rem;
    	font-weight: 300;
    	line-height: 28px;
    	text-align: center;
    }

    .joined ul{
    	margin: 26px auto 40px;
    	width: 100%;
    }

    .joined ul li{
    	position:relative;
        margin:10px 0 0;
    }

    .joined ul li h3{
    	font-family: "Noto Sans Japanese";
    	font-size: 14px;
    	background-color: #fff;
    	width: 16%;
    	padding: 4px 20px;
    	border: 1px solid #2f2f2f;
    }

    .joined ul li p{
    	text-align:left;
    	font-family: "Noto Sans Japanese";
    	position:absolute;
    	top:0;
    	left: 31%;
    	margin:0;
    	font-weight: 300;
    }



	/* =========================================================================
 	todo
	===========================================================================*/
    .todo{
    	position: relative;
    	margin: 0 auto;
    	background-color: #ffffff;
    }

    .todo h2{
    	font-family: "Noto Sans Japanese";
    	font-size: 2.0rem;
    	font-weight: 700;
    	position: relative;
    	text-align: center;
    	z-index: 2;
    	margin: 0 0 34px;
    }

    .todo h2 span{
    	display: block;
    	color: #353535;
    	font-family: "Noto Sans Japanese";
    	font-size: 4.0rem;
    	text-align: center;
    	z-index: 1;
    	margin: 0 auto 4px;
    	padding: 0 0 18px;
    	width: 100%;
    	border-bottom: 3px solid #353535;
    }

    .todo li{
    	margin: 0px 0 58px;
    	position: relative;
    	font-size: 1.4rem;
    }

    .todo li ul li:before{
		content: "";
		width: 23px;
		height: 11px;
		position: absolute;
		top: -216px;
		left: 50%;
		margin: auto;
		box-sizing: border-box;
		border: 20px solid transparent;
		border-top: 24px solid #c8d0dc;
		transform:translate(-50%, 0%);
		}

    .todo .op ul li:before{
		content: none
	}

    .todo li ul li{
    	line-height: 1.8rem;
    	margin: 9px auto 0px;
    	text-align: center;
    	width: 70%;
    	height: 52px;
    }

    .todo .flex li img{
    	margin: 0 auto;
    	display:block;
    }

    .todo li h3{
    	font-size: 20px;
    	font-weight: 500;
    	margin: 0 auto 7px;
    	line-height: 1.5;
    	text-align: center;
    	padding: 2px 0 0;
    	font-family: "Noto Sans Japanese";
    }

    .todo .flex li h4{
    	font-size: 20px;
    	text-align:center;
    	font-weight: 700;
    	margin: 0 auto -6px;
    	line-height: 1.5;
    	padding: 0 25px 0;
    	font-family: "Noto Sans Japanese";
    }
    

    .todo li p{
    	font-size: 1.4rem;
    }

	/* =========================================================================
 	precautions
	===========================================================================*/
    
    .precautions{
		position: relative;
		margin: 0px auto 0;
		background-color: #efefef;
		padding: 0px 0 0;
    }

    .precautions h2{
    	font-family: "Noto Sans Japanese";
    	font-size: 2.0rem;
    	font-weight: 700;
    	position: relative;
    	text-align: center;
    	z-index: 2;
    }

    .precautions h2 span{
    	display: block;
    	color: #353535;
    	font-family: "Noto Sans Japanese";
    	font-size: 4.0rem;
    	text-align: center;
    	z-index: 1;
    	margin: 0 auto 4px;
    	padding: 0 0 18px;
    	width: 100%;
    	border-bottom: 3px solid #353535;
    }

    .precautions li{
    	margin: 0 0 19px;
    	padding: 0 0 0 18px;
    	font-size: 14px;
    	position:relative;
    	font-family: "Noto Sans Japanese";
    }

    .precautions li h3{
    	font-size:15px;
    	margin: 10px 0 2px;
    	display: inline-block;
    	line-height: 1.5;
    }

    .precautions .tyuui{
    	background-color:#fff;
    	margin:0;
    }

    .precautions .tyuui li{
    	margin:8px 0;
    	padding: 0 4%;
    	color: #ed3090;
    	font-size: 1.4rem;
    }

    .precautions li p{
    	font-size:15px;
    }

    .precautions .prec li:before {
		content: "";
		margin: 0 2px 0 0;
		background-color: #000;
		width: 3px;
		height: 3px;
		display: block;
		border-radius: 50%;
		position: absolute;
		top: 7px;
		left: 4px;
	}

    .precautions ul{
    	margin: 14px 0 12px;
    	padding:8px 0 10px;
    }


	/* =========================================================================
 	voice
	===========================================================================*/
    
    .voice{
    	position: relative;
    	margin: 0 auto;
    	background-color: #ffffff;
    }

    .voice h2{
    	font-family: "Noto Sans Japanese";
    	font-size: 2.0rem;
    	font-weight: 700;
    	position: relative;
    	text-align: center;
    	z-index: 2;
    }

    .voice h2 span{
    	display: block;
    	color: #353535;
    	font-family: "Noto Sans Japanese";
    	font-size: 4.0rem;
    	text-align: center;
    	z-index: 1;
    	margin: 0 auto 4px;
    	padding: 0 0 18px;
    	width: 100%;
    	border-bottom: 3px solid #353535;
    }

    .voice h3{
    	color:#7cbd60;
    	font-family: "Noto Sans Japanese";
    	font-weight: 700;
    	font-size: 2.0rem;
    	margin: 0 0 17px;
    	text-align:center;
    }

    .voice img{
    	text-align:center;
    	margin:10px 30px 0;
    }

    .voice .voice_box{
    	background-color: #f7f7f7;
    	margin: 27px auto;
    	padding: 30px 0 40px;
    	border-radius: 30px;
    	width: 100%;
    }

    .voice .voice_box li {
    	position:relative;
    	margin: 0px 0 94px;
    }

    .voice .voice_box li:nth-child(2){
    	margin: 0px 0 134px;
    }

    .voice .voice_box li:nth-child(3){
    	margin: 0px 0 10px;
    }

    .voice .voice_box li:last-child{
    	margin: 0px 0 14px;
    }

    .voice .voice_box li p{
        background-color:#fff;
        width:50%;
        padding:10px 5%;
        position: absolute;
        top: 0;
        right: 8%;
    }

    .voice .voice_box li p:before {
		content: "";
		position: absolute;
		top: 38%;
		left: -17px;
		margin-top: 0;
		border: 10px solid transparent;
		border-right: 10px solid #ffffff;
	}


	

	/* =========================================================================
 	yoyaku_2
	===========================================================================*/
	
	#top .yoyaku_2{
		background-color: #ffffff;
		padding: 0px 0 1px;
		position: relative;
	}

	#top .yoyaku_2 h2{
		font-size: 28px;
		font-weight: 500;
		color: white;
		text-align: center;
		font-family: "Noto Sans Japanese";
		letter-spacing: 0.1em;
	}

	#top .yoyaku_2 .detail_bottun{
		margin: 20px auto;
		width: 298px;
		height: 68px;
		position: relative;
		overflow: hidden;
	}



	#top .yoyaku_2 .detail_bottun a{
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		margin: 0px 20px;
		display: block;
		font-family: "Noto Sans Japanese";
		font-weight: 500;
		background-color: #ff8c53;
		padding: 9px 0 12px;
		border-radius: 30px;
	}



	
	
	#top .inquiry_wrap{
		background-size: 10px 10px;
		margin: 0 auto;
		background-color: #7cbd60;
		background-position: 0 0, 15px 15px;
		padding: 2.2em 2.0em;
	}

	.inquiry_wrap .inquiry{
		margin: 0px auto;
		background-color: #ffffff;
		text-align: center;
	}

	.inquiry_wrap img{
		margin: 0 0 0.5em;
		width: 74%;
	}

	.inquiry_wrap .inquiry_box{
		padding: 1.0em 2.4em;
		text-align: left;
		font-family: "Noto Sans Japanese";
	}
	
	.inquiry_wrap h2{
		display: block;
		margin: 0 0 0.2em;
		font-size: calc(100vw / 37.5*1.4);
		font-weight: 200;
	}

	.inquiry_wrap h3{
		font-weight: 500;
		font-size: calc(100vw / 37.5*1.6);
	}

	.inquiry_wrap h3 span{
		font-weight: 200;
		display: block;
		margin: -0.3em 0 0.2em;
		font-size: calc(100vw / 37.5*1.2);
	}

	.inquiry_wrap h4{
		font-size: calc(100vw / 37.5*1.4);
	}

	.inquiry_wrap h4 span{
		color: #6f59a8;
		font-weight: 500;
		font-size: calc(100vw / 37.5*1.8);
	}

	.inquiry .detail_bottun{
		margin: 0.8em 0 0.2em;
		background: #6f59a8 url("../../5college_0828/img/event/arrow_white.png") no-repeat 97% center;
		background-size: 7%;
		width: 70%;
		height: 2.6em;
		text-align: center;
		padding: 0.6em 0 0;
	}

	.inquiry .detail_bottun a{
		color: #ffffff;
		font-family: "Noto Sans Japanese";
		font-size: calc(100vw / 37.5*1.2);
	}

	
	
	
	/* =========================================================================
 	common BTN
	===========================================================================*/
	
	
	/* event BTN s ---------------------------------------------- */
	
	.event_BTN_area{
		margin: 20px 5% 52px;
		font-family: "Noto Sans Japanese";
		color: #ffffff;
	}
	
	.event_BTN_area li.event_BTN{
		width: 100%;
		background: url("../../5college_0828/img/bg_black2.gif") repeat;
		border:2px solid #000;
		cursor:pointer;
		overflow: hidden;
		position: relative;
		margin: 0 0 4px;
	}
	
	
	.event_BTN_area li.event_BTN a{
		display: block;
		width:100%;
		padding: 10px 0;
		color: #ffffff;
		background: url("../../5college_0828/img/arrow_white.png") no-repeat 97% center;
		background-size: 12px auto;
		position: relative;
		z-index: 4;
	}
	
	.event_BTN_area li.event_BTN a.inPhoto img{
		position: absolute;
		width: 100%;
		top: -230px;
		left: 0;
		z-index: 1;
	}
	
	.event_BTN_area li.event_BTN a.inPhoto{
		margin: 220px 0 0;
	}
	
	.event_BTN_area .event_ttl{
		border-left: 5px solid #7cbd60;
		padding: 5px 0 6px 16px;
		margin: 0 0 0 10px;
	}
	
	.event_BTN_area  h3{
		font-family: "Noto Sans Japanese";
		font-weight: 500;
		font-size: 2.0rem;
	}
	
	.event_BTN_area .event_ttl p.place{
		font-family: "Noto Sans Japanese";
		font-weight: 300;
		font-size: 1.2rem;
		line-height: 130%;
	}
	
	.event_BTN_area div.event_ttl p.add_list{
		font-family: "Noto Sans Japanese";
		font-weight: 200;
		font-size: 1.2rem;
		padding: 20px 40px 0 0;
		text-indent: -8px;
		line-height: 140%;
	}
	
	.event_agenda{
		position: absolute;
		top: 5px;
		right: 25px;
	}
	
	.event_agenda p{
		font-size: 3.0rem;
		font-family: "Noto Sans Japanese";
		font-weight: 400;
		letter-spacing: -1px;
	}
	
	.event_agenda p span{
		font-size: 1.4rem;
		font-weight: 200;
		margin: 0 0 0 4px;
	}
	
	
	
	/* event BTN e ---------------------------------------------- */
	
	/* reserv BTN s ---------------------------------------------- */
	
	
	#top .first_box .reserv_BTN{
		display: flex;
		justify-content: center;
	}
	
    #detail .first_box .reserv_BTN{
		display: flex;
		justify-content: space-between;
		width:100%;
	}

	#top .reserv_BTN a{
		overflow: hidden;
		display: block;
		color: #ffffff;
		font-family: "Noto Sans Japanese";
		text-align: left;
		font-weight: 400;
		font-size: calc(100vw / 37.5*1.4);
		position: absolute;
		top: 50%;
		left: 19px;
		transform:translate(0%, -50%);
	}
	
	#top .custom1{
		background: #6f59a8 url("../../5college_0828/img/event/arrow_white3.png") no-repeat 90% center;
		margin: 16px 0em 1.0em;
		width: 50%;
		height: 50px;
		position: relative;
	}

	#top .custom2{
		background:  #77cbe8 url("../../5college_0828/img/event/arrow_white.png") no-repeat 90% center;
		margin: 16px 0.6em 1.0em;
		position: relative;
		width: 50%;
		height: 50px;
	}

	#detail .reserv_BTN a{
		overflow: hidden;
		display: block;
		color: #ffffff;
		font-family: "Noto Sans Japanese";
		text-align: left;
		font-weight: 400;
		font-size: calc(100vw / 37.5*1.4);
		position: absolute;
		top: 50%;
		left: 19px;
		transform:translate(0%, -50%);
	}
	
	#detail .custom1{
		background: #6f59a8 url("../../5college_0828/img/event/arrow_white3.png") no-repeat 96% center;
		margin: 23px 0em 1.0em;
		width: 40%;
		height: 50px;
		position: relative;
	}

	#detail .custom2{
		background:  #77cbe8 url("../../5college_0828/img/event/arrow_white.png") no-repeat 90% center;
		margin: 16px 0 1.0em;
		position: relative;
		width: 46%;
		height: 58px;
	}



	
	/* reserv BTN e ---------------------------------------------- */
	
	
	/*********  event ************/
	
	.event_info{
		width: 95%;
		margin: 56px auto 0;
		text-align: center;
	}
	
	.event_info p{
		font-family: 'Raleway';
		font-size: 1.4rem;
		margin: 0 0 -4px;
	}
	
	.event_info h2{
		font-family: "Noto Sans Japanese";
		font-size: 2.8rem;
		font-weight: 200;
	}
	


	
	/*********  section01 ************/

	#section01 {
		width: 100%;
		padding: 60px 0 0;
	}
	
	#section01 .college_ttl{
	}
	
	#section01 .college_ttl p{
		font-size: 1.2rem;
		color: #4a902b;
		font-weight: 100;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 -10px;
	}
	
	#section01 h1{
		font-size: 50px;
		font-weight: 100;
		letter-spacing: 4px;
		color: #4a902b;
		font-family: "Noto Sans Japanese";
		text-align: center;
	}

	#section01 h1 span{
		letter-spacing: -7px;
	}
	
	/*********  section02 ************/
	
	#section02{
	margin: -40px 0 0;
	}
	
	.btn_open_wrap a{
		display: block;
		background: url("../../5college_0828/img/open_btn.png") no-repeat 96% center;
		background-size: 6%;
		font-size: 0;

		width: 100%;
		height: 100%;
		top: 0;
		position: absolute;
	}
	
	.btn_close_wrap a{
		display: block;
		background:url("../../5college_0828/img/close_btn.png") no-repeat 96% center;
		background-size: 6%;
		font-size: 0;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		position: absolute;
	}
	
	
	.about_course{
		text-align: center;
		margin: 34px 0 0;
	}
	
	.about_course p{
		font-family: 'Raleway';
		font-size: 1.4rem;
		line-height: 70%;
	}
	
	.about_course h2{
		font-family: "Noto Sans Japanese";
		font-weight: 200;
		font-size: 2.8rem;
		padding: 0 0 10px;
	}
	
	.about_course h2 span{
		letter-spacing: -5px;
	}
	.course_01{
		width: 100%;
		background: url("../../5college_0828/img/bg_green.jpg");
		margin: 1px auto 0;
	}
	
	.course_01 h4{
		text-align: center;
		font-family: "Noto Sans Japanese";
		font-size: 1.7rem;
		font-weight: 300;
		border: 1px solid #71b633;
		width: 85%;
		color: #71b633;
		padding: 4px 0;
	}
	

	.course_ttl{
		color: #ffffff;
		text-align: center;
		font-family: "Noto Sans Japanese";
		padding: 20px 0;
		position: relative;
	}
	
	.course_ttl h3{
		font-size: 2.6rem;
	}

	.course_ttl h3 span{
		letter-spacing: -3px;
	}
	
	.course_ttl p{
		font-size: 1.2rem;
		margin: 0 0 6px;
	}
	
	.course_contents_01{
		width: 92%;

		margin: 0 auto 68px;
		background: #ffffff;
		padding: 30px 0px;
	}
	
	#section02 p.about_text{
		width: 85%;
		margin: 0 auto;
		line-height: 140%;

	}
	
	#section02 p.about_text2{
		width: 85%;
		/* text-align: center; */
		padding: 0 0 20px;
		line-height: 140%;
		margin: 0 auto;
	}
	
	.course_flow{
		padding: 30px 0;
	}
	
	.course_flow h5{
		font-family: "Noto Sans Japanese";
		font-size: 1.7rem;
		font-weight: 500;
		margin: 0 0 10px;
		color: #71b633;
		text-align: center;
	}
	
	.course_flow p{
		margin: 12px 0 0;
		letter-spacing: 1;
		/* font-size: 1.2rem; */
		line-height: 140%;
	}
	
	.course_flow_01{
		width: 85%;
		margin: 0 auto 20px;
		background: url("../../5college_0828/img/tri_green.png") bottom center no-repeat;
		background-size: 10%;
		padding: 0 0 38px;
	}
	

	.course_flow h4{
		margin: 0 auto 20px;

	}
	
	.course_flow_02{
		width: 90%;
		margin: 0 auto -10px;
		text-align: center;
	}
	
	.course_flow_02 h5{
		width: 100%;
	}
	
	.flow_image_01{
		width: 100%;
		margin: 0 auto;
		}
	
	.flow_image_03{
		margin: 22px 0 0;
	}
	
	.carrier_list{
		width: 100%;
		padding: 9px 0 0;
	}
	
	.carrier_list li:nth-child(odd) p{
		margin: 10px 10px 0 0;
	}
	
	.carrier_list span{
		display: block;
		font-family: "Noto Sans Japanese";
		width: 100%;
		font-weight: 500;
		margin: 7px 0 14px 0;
		color: #71b733;
		/* float: left; */
		/* padding: 0 0 0 8px; */
		text-align: center;
		font-size: 1.4rem;
	}
	
	.carrier_list p{
		width: 42%;
		height: 150px;
		background: #f1f1f1;
		padding: 10px 3% 10px;
		margin: 10px 0 0;
		border-radius: 4px;
		float: left;
		text-align: center;
		font-size: 1.1rem;
		letter-spacing: 0;
		line-height:190%;
	}
	
	.voices{
		width: 100%;
		margin: 0 0 60px;
		position: relative;
	}
	
	.voices h4{
		margin: 20px 0 0;
		width: 100%;
		border: none;
		position: absolute;
		top: 182px;
		font-weight: 500;
	}
	
	.voices li{
		padding: 0 0 8px;
	}

	
	.voices li p{
		position: relative;
		margin: 6px 5px;
		padding: 16px 0;
		color: #ffffff;
		text-align: center;
		background: #6eb92b;
		border-radius: 4px;
		line-height: 160%;
		letter-spacing: 0;
		font-size: 1.2rem;
	}
	
	.voices li p:before {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -15px;
	  border: 15px solid transparent;
	  border-top: 15px solid #6eb92b;
	}
	
	.voices_pic{
		width: 30%;
		margin: 0 auto 26px;
	}

	.voices .sliderWrap {
		width: 96%;
		margin:10px auto 0;
	}
	
	
	.course_type p{
		width: 85%;
		margin: 0 auto 40px;
		line-height: 140%;
	}
	
	.course_type h4{
		color: #6eb92b;
		border: none;

		text-align: center;
		width: 100%;
		font-weight: 500;
		font-size: 17px;
	}
	
	.course_type_01{
		width: 100%;
	}
	
	.course_type_02{
		width: 100%;
	}
	
	.type_image{
		margin: 6px auto;
		width: 85%;
	}

	
	.type_image_02{
		margin: 10px 0;
	}
	
	.program_ex {
		position: relative;
		width: 90%;
		/* height: 280px; */

		margin: 28px auto 40px;
		padding: 14px 0 0;
		border: solid 1px #6eb92b;
		color: #6eb92b;
	}
	
	.program_ex .box-title {
		position: absolute;
		display: inline-block;
		top: -13px;
		left: 15%;
		padding: 0 9px;
		line-height: 1;
		font-size: 1.9rem;
		background: #FFF;
		color: #6eb92b;
		font-weight: 500;

		font-family: "Noto Sans Japanese";
	}
	.program_ex ul{
		font-family: "Noto Sans Japanese";
		font-size: 1.4rem;
		padding: 10px 20px 20px 24px;
		line-height: 140%;
		/* height: 170px; */
	}
	
	.program_ex li{
		margin: 4px 0 13px;
		text-indent: -14px;
	}
	
	.program_ex ul span{
		font-family: "Noto Sans Japanese";
		font-size: 1.2rem;
		display: block;
		text-indent: 0px;
	}


	/*********  section03 ************/
	
	#section03{
		width: 100%;
		margin: 0 auto;
		/* background: url("../img/about_bg_01.jpg") top no-repeat,
			url("../img/about_bg_02.jpg") bottom no-repeat; */
		/* background-size: 100%; */
	}
	
	#section03 h2{
		font-family: 'Raleway';
		width: 85%;
		text-align: center;
		margin: 40px auto 0;
		padding: 79px 0 30px 0;

		font-size: 3.0rem;
		line-height: 100%;
		background: url(/college/img/logo_yakudo.gif) no-repeat top center;
		background-size: 40% auto;
		border-bottom: 1px solid #d4d4d4;
	}
	
	#section03 h2 span{
		font-size: 3.6rem;
	}
	
	.about_yakudo{
		padding: 30px 0 0;
	}
	
	.about_box {
		margin: 10px auto 0;
	}
	
	.ttl_pic{
		width: 9%;
		margin: 10px auto 7px;
		padding: 0 10px 0px;
		border-bottom: 2px solid #7cbd60;
	}
	
	.about_box p {
		font-family: "Noto Sans Japanese";

		font-size: 1.6rem;
		font-weight: 500;
		color: #6eb92b;
		line-height: 160%;
		text-align: center;
	}
	
	.about_point{
		width: 100%;
		margin: 0 auto 48px;
	}
	
	.about_point li{
		margin:  26px 0 0; 
	}
	
	p.yakudo_text{
		line-height: 170%;
		width: 85%;
		margin: 0 auto 50px;
		padding: 20px 0 0;
		border-top: 1px solid #d4d4d4;
	}
		
	/*********  section04 ************/
	
	#section04{
		/* background: url("../img/bg_black.jpg"); */
		padding: 0 0 80px;
		/* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */
	}
	
	#section04 h2{
		color: #ffffff;
		text-align: center;
		font-size: 2.3rem;
		padding: 30px 0 25px;
	}
	
	
	.different_box{
		width: 90%;
		background: #f3f2f2;
		border: 1px solid #ececec;
		margin: 0 auto;
		padding: 10px 0;
	}
	
	.different_box h3{
		font-family: "Noto Sans Japanese";
		font-size: 1.8rem;
		font-weight: 500;
		color: #7cbd60;
		margin: 30px 0 20px;
		text-align: center;
	}
	
	.different_box h3 span{
		display: none;
	}
	
	.different_text{
		width: 85%;
		margin: 0px auto;
	}
	
	.different_box p span{
		color: #6eb92b;
	}
	
	#top .message_box{
		position: relative;
		display: inline-block;
		margin: 41px 0;
		padding: 26px 22px 34px;
		font-size: 1.4rem;


		background: #ffffff;
		/* width: 85%; */
	}
	
	#top .message_box:before {
		content: "";
		position: absolute;
		top: -30px;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #ffffff;
		}
	
	#top .message_box h4{
		text-align: center;
		font-family: 'Raleway';
		font-size: 2.2rem;
		font-weight: 600;
		color: #7cbd60;
		margin: 0 auto 18px;
	}
	
	#top .message_02{
		margin: 30px 0 0;
	}
	
	/*********  section05 ************/
	
	#section05{
		background: url(/college/img/bg_green.jpg);
		padding: 5px 0;
	}
	#section05 .event_info{
		color: #fff;
	}
	#section05 p.event_note{
		clear: both;
		padding: 20px 0 0;
		line-height: 140%;
		font-size: 1.2rem;
	}

}



/*===============================================
　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

/*********  SPヘッダー iPhone5サイズ対応 ************/
@media screen and (max-width:349px) {
	
	
}