/*===============================================
　画面の横幅が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("../img/bg_main_sp.jpg") no-repeat;
		background-size: 700%;
		background-position: center calc(100vw*-0.8);
	}
	
	/* =========================================================================
 	hospital top
	===========================================================================*/

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

	.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.4);
	}

	.inquiry_wrap h3 span{
		font-weight: 200;
		display: block;
		margin: 0em 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: #4954bf;
		font-weight: 500;
		font-size: calc(100vw / 37.5*1.8);
	}

	.inquiry .detail_bottun{
		margin: 0.8em 0 0.2em;
		background: #4954bf url("../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);
	}

	
	/* =========================================================================
 	hospital top
	===========================================================================*/
	#detail .first_view{
		background-image: url("../img/top_sp.png");
		margin: 0 auto;
		padding: 5.0em 1.0em 3.0em;
	}

	#detail .first_box{
		padding: 2.0em 5% 2.2em;
		background-color: rgba(255,255,255,0.8);
		position: relative;
	}

	#detail .first_box .subttl{
		color: #4954bf;
		font-weight: 400;
		margin: 2px 0;
		letter-spacing: -0.2px;
		font-size: calc(100vw / 37.5*1.4);
	}

    #detail .first_box h1{
		text-align: left;
		font-family: "Noto Sans Japanese";
		font-size: calc(100vw / 37.5*3.0);
		font-weight: 600;
		color: #4954bf;
		margin-top: calc(100vw / 37.5*1.0);
		padding: 0 0 10px;
		display: block;
		border-bottom: solid 1px #4954bf;
		letter-spacing: 1px;
		line-height: calc(100vw / 37.5*3.3);
	}

	#detail .first_box h1 span:first-child{
		font-family: 'Ropa Sans', sans-serif;
		font-size:calc(100vw / 37.5*1.8);
		color: #ababab;
		margin-top: 8px;
		display: block;
		letter-spacing:1px;
		line-height: 100%;
	}

	#detail .first_box h1 span:last-child{
		font-size:calc(100vw / 37.5*1.8);
		/* display:block; */
		margin: -2px 0;
	}

	#detail .first_box h1 .inkyoto{
		font-family: "Noto Sans Japanese";
		font-size:calc(100vw / 37.5*1.8);
		display:inline-block;
		margin: -2px 0;
	}

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

	#detail .sub p{
		font-weight: 200;
		color: #4954bf;
		margin: 0.4em 0.8em 0 0;
		font-size: calc(100vw / 37.5*1.26);
		letter-spacing: -0.1px;
	}

	#detail .first_box .date p{
		font-weight: 600;
		color: #4954bf;
		font-size: calc(100vw / 37.5*3.0);
	}

	#detail .first_box .date p span{
		font-size: calc(100vw / 37.5*2.8);
	}

	#detail .first_box .time p:nth-child(1){
		font-weight: 500;
		letter-spacing: 0.01em;
		margin: -0.5em 0 0;
		font-size: calc(100vw / 37.5*2.1);
		float: left;
	}
	
	#detail .first_box .time p:nth-child(2){
		font-weight: 500;
		font-size: calc(100vw / 37.5*1.4);
		float: left;
		letter-spacing: 0.1em;
		margin: -0.3em 1.0em 0;
	}	

	#detail .first_box .time span{
		display: inline-block;
		color: #4954bf;
	}

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

	#detail .first_box .space p{
		margin: 0 0 0 4.2em;
		color: #727171;
		font-size: calc(100vw / 37.5*1.6);
		font-weight: 300;
	}

	.first_box .space p span{
		font-size:12px;
		display:block;
	}


	#detail .first_box .kaijou_box{
		background-color: #727171;
		width: 58px;
		/* height: 22px; */
		margin: 0.2em 0;
		float: left;
	}

	#detail .first_box .kaijou_box p{
		color: white;
		text-align: center;
		font-size: calc(100vw / 37.5*1.4);
		margin: 5px 0 6px;
		font-weight: 200;
		line-height: 100%;
	}

	#detail .first_box .right_box{
		margin: 1.2em 0 0;
	}


	#detail .first_box .yoyaku{
		text-align: center;
		margin: 0.8em 7.2em 0 0;
		border: solid 1px #727171;
	}



	#detail .syuuketu{
		background-color: #4954bf;
		padding: 32px 0 20px;
		position: relative;
	}

	#detail .syuuketu h2{
		color: white;
		text-align: center;
		font-family: 'Noto Serif JP', serif;
		font-size: calc(100vw / 37.5*2.0);
		letter-spacing: 0.1em;
	}

	#detail .syuuketu .detail_bottun{
		background: url(../img/event/arrow_white3.png) no-repeat 95% center;
		margin: 1.4em auto;
		border: solid #fff 1px;
		width: 80%;
		height: 50%;
	}

	#detail .syuuketu .detail_bottun a{
		font-size: calc(100vw / 37.5*1.5);
		color: #ffffff;
		text-align: center;
		font-weight:100;
		display: block;
		margin: 5% 0;
		font-family: "Noto Sans Japanese";
	}

	#detail .syuuketu .detail_bottun:before{
		content:"";
		width: 1px;
		height: 4.0em;
		background: #ffffff;
		position: absolute;
		top: 64.1em;
		left: 4.8em;
		transform:translate(0%, -50%);
	}





	
	#detail .second{
		margin: 45px 5% 74px;
		background-color: #ffffff;
		padding: 0 0 20px;
	}
	
	#detail .second .part_wrap{
		display: flex;
		justify-content: center;
	}

	#detail .second .h2_box{
		background-color: #4954bf;
		border-radius: 2px;
		padding: 5px 30px 5px;
		color: #ffffff;
		font-weight: 300;
		font-size: calc(100vw / 37.5 * 1.8);
		font-family: "Noto Sans Japanese";
	}

	#detail .second .part1,
	#detail .second .part2{
		border: solid #9989c3 1px;
		margin: 14px auto;
		padding: 15px 5% 18px;
		border-radius: 2px;
		position: relative;
	}


	#detail .second .txt_box{
		width: 100%;
		/* float: left; */
		position: relative;
	}

	#detail .second .time{
		background: url(../img/time_sp.png) no-repeat top left;
		/* background-position: 0 -3px; */
		color: #8e8e8e;
		font-size: calc(100vw / 37.5*1.4);
		line-height: 140%;
		padding: 0px 0 8px 25px;
		position: absolute;
		top: 5px;
		right: 112px;
	}

	#detail .second .border{
		margin: -14px  auto 10px;
		position: absolute;
		font-family: "Noto Sans Japanese";
	}

	#detail .second .glay_box{
		background-color: #f4f5f6;
		margin:10px 0;
		padding: 10px;
		width: 80%;
		font-family: "Noto Sans Japanese";
		font-weight: 200;
		font-size: calc(100vw / 37.5*1.4);
		line-height: 23px
	}

	#detail .second .img_box{
		/* top: 63px; */
		/* right: 12px; */
		/* position: absolute; */
		/* width: 40%; */
		margin: 17px auto 0;
	}

	#detail .second .subtxt{
		color: #8e8e8e;
		font-size: calc(100vw / 37.5*1.2);
		/* margin: 11px 0; */
	}

	#detail .second .box_format{
		width: 98px;
		text-align: center;
		line-height: 22px;
		padding: 2px 0 3px;
		color: #ffffff;
		font-size: 14px;
		font-family: "Noto Sans Japanese";
		font-weight: 100;
		position: absolute;
		top: 2px;
		right: 0px;
	}

	#detail .second .part1 .box_format{
		background-color: #77cbe8;
	}

	#detail .second .part2 .box_format{
		background-color: #4954bf;
	}


	#detail .second .part_box h3{
		font-size: calc(100vw / 37.5*2.0);
		color: #4954bf;
		padding: 0 0 8px;
		font-weight: 300;
		font-family: "Noto Sans Japanese";
		background: url("../img/border_sp.png") no-repeat left bottom;
	}

	#detail .second h4{
		margin: 10px 0 2px;
		color: #4954bf;
		font-size: calc(100vw / 37.5*1.8);
		font-family: "Noto Sans Japanese";
		font-weight: 400;
	}

	#detail .second h4 span{
		font-size: calc(100vw / 37.5*1.4);
		margin: 5px 0 5px;
		display: block;
	}

	#detail .part_box .body_txt{
		/* width: 50%; */
	}

	#detail .part_box ul{
		margin:10px 0 0;
		font-size:13px;
		font-family: "Noto Sans Japanese";
		font-weight: 200;
	}

	#detail .part_box ul li{
		margin:6px 0 0;	
	}

	#detail .second ul li:first-child{
		font-weight:500;
		padding-left: 1em;
		text-indent: -1em;
	}





	

	#detail .second .consept{
		background-color: #f5f8fa;
		margin: 22px 20px;
		padding: 30px 20px 20px;
		position: relative;
	}

	#detail .second .consept h2{
		color: #4954bf;
		text-align: center;
		font-size: 19px;
		font-weight: 500;
		padding: 0 0 14px;
		margin: 0 0 26px;
		font-family: "Noto Sans Japanese";
		background: none;
		position: relative;	}

	#detail .second .consept h2:before{
		content: "";
		width: 50px;
		height: 1px;
		position: absolute;
        bottom: 0;
		left: 50%;
		transform:translate(-50%, 0);
		background-color: #4954bf;
	}

	#detail .second .consept p{
		font-weight: 200;
		line-height: 166%;
		margin: 0 0 30px;
		font-size: calc(100vw / 37.5*1.2);
	}
	
	#detail .second .consept h3{
		margin: 10px 0 4px;
		font-size: 15px;
		color: #4954bf;
		font-family: "Noto Sans Japanese";
		padding-left: 2em;
		text-indent: -2em;
	}

	#detail .second .consept .concept_txt{
		margin: 10px 0 33px;
	}


	#detail .second .detail_bottun{
		margin: 20px auto;
		background: #4954bf url(../img/event/arrow_white3.png) no-repeat 95% center;
		border: solid #fff 1px;
		width: 424px;
		height: 68px;
	}


	#detail .second .detail_bottun p{
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		margin: 24px 20px;
	}
	
	#detail .faci{
		background-color: #f5f8fa;
		position: relative;
	}

	#detail .faci p{
		line-height: 22px;
	}

	#detail .faci .ex_p{
		font-size:12px;
    	color: #858585;
		margin:0 0 30px;
	}

	#detail .faci .wrapper{
		margin: 0 auto;
		padding: 46px 0;
		position: relative;
		width: 84%;
	}

	#detail .faci .hospital_link{
		margin: 43px 0 0;
	}

	#detail .faci h2{
		font-family: 'Ropa Sans', sans-serif;
    	font-size: 14px;
    	color: #245d88;
	}

	#detail .faci h2 span{
		font-size: 24px;
		font-family: "Noto Sans Japanese";
		font-weight: 500;
		padding: 0 0 20px;
		margin: 6px 0 10px;
		display:inline-block;
		position: relative;
	}

    #detail .faci h2 span:before{
	    content: "";
		width: 50px;
		height: 1px;
		position: absolute;
        bottom: 0;
		left: 0;
		background-color: #245d88;
    }

	#detail .faci h3{
		font-family: "Noto Sans Japanese";
		font-size:13px;
		margin: 14px 0 2px;
	}

	#detail .faci .link_1 h3{
		color: #245d88;
	}

	#detail .faci .link_2 h3{
		color: #358e87;
	}

	#detail .faci .link_3 h3{
		color: #63a1d7;
	}

	#detail .faci .link_4 h3{
		color: #7299b4;
	}

	#detail .faci .link_5 h3{
		color: #6b5f8c;
	}

	#detail .faci .link_6 h3{
		color: #686a6d;
	}

	#detail .faci hr{
		border: solid 0.5px #e2e5e6;
		display: block;
		width: 500px;
		margin: 10px 0;
		}

	#detail .faci .map{
		position: absolute;
		top: calc(100vw / 37.5*-7.2);
		left: calc(100vw / 37.5*20);
		width: 36vw;
	}
	
	/* =========================================================================
 	todo
	===========================================================================*/
    
	

	
	.wrapper_a {
		width: 90%;
		margin: 0 auto;
		position: relative;
		padding: 70px 0 32px;
	}

    .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;
    }

    .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: 30px 0 46px;
    	position: relative;
    	font-size: 1.4rem;
    }

    .todo li img{
    	
    }

    .todo li ul li{
    	line-height: 1.8rem;
    	margin: 0px 0 10px;
    }

    .todo .flex li img{
    	margin:0 auto 10px;
    	display:block;
    	width: 30% !important;
    }

    .todo li h3{
    	font-size: 1.6rem;
    	font-weight: 500;
    	margin: 0 auto 7px;
    	line-height: 1.5;
    	padding: 2px 0 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: #d91616;
    	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;
    }


	/*********  section04 ************/
	
	.access{
		margin: 3.0em 5%;
	}
	
	.access_ttl{
		display: inline-block;
		border-bottom: 1px solid #313131;
		margin: 0 0 20px;
	}
	
	.access_ttl h2{
		font-family: 'Raleway';
		font-size: 3.6rem;
		color: #313131;
	}

	.access iframe{
		width:100%;
	}
	
	.access table{
		width: 100%;
	}
	.access th{
		width:24%;
		padding: 10px 0;
		font-size: 1.3rem;
		vertical-align: top;
	}
	.access th span{
		display:block;
		background: #313131;
		color: #ffffff;
		text-align: center;
		padding: 6px 0 4px;
	}
	.access td{
		font-family: "Noto Sans Japanese";
		font-size: calc(100vw / 37.5*1.3) ;
		padding: 1.0em 0 0 1.0em;
	}
	

	#detail .inquiry_wrap{
		background-size: 10px 10px;
		margin: 0 auto;
		background-color: #4954bf;
		background-position: 0 0, 15px 15px;
		padding: 2.2em 2.0em;
	}

	
	
	/* =========================================================================
 	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("../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("../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%;
	}

	#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: #4954bf url("../img/event/arrow_white3.png") no-repeat 90% center;
		margin: 16px 0em 1.0em;
		width: 50%;
		height: 50px;
		position: relative;
	}

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



	
	/* 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("../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("../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("../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("../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) {
	
	
}