/* =======================
 PC
=======================*/

@media screen and (min-width: 762px) {
		
	nav.absol {
		position: absolute;
		left: 0;
		top: 73px;
	}
	
	#globalHead {
		background:url(/college/img/head_bg.gif) repeat-x;
	}
	
	#headline{
		width: 1000px;
		height: 74px;
		margin: 0 auto;		
		position: relative;
	}
	
	#ci{
		left: 0;
	}
	
	
	
	
	article p {
		margin: 0;
		padding: 0;
		letter-spacing: 1px;
		line-height: 22px;
	}

	
	.bg{
		background: url("../img/bg_main.jpg") no-repeat center;
		background-size: 100%;
		background-position: 0 280px;
	}
	
	
	/* =========================================================================
 	common BTN
	===========================================================================*/
	
	
	/* event BTN s ---------------------------------------------- */
	
	.event_BTN_area{
		width: 1000px;
		margin: 36px auto 52px;
		font-family: "Noto Sans Japanese";
		color: #ffffff;
	}
	
	.event_BTN_area .event_BTN_box li{
		width: 486px;
		float: left;
	}
	.event_BTN_area .event_BTN_box li:nth-child(even){
		float: right;
	}
	
	.event_BTN_area li.event_BTN{
		background: url("../img/bg_black2.gif") repeat;
		border:2px solid #000;
		cursor:pointer;
		overflow: hidden;
		width: 100%;
		position: relative;
	}
	
	.event_BTN_area li.event_BTN a{
		display: block;
		width:100%;
		padding: 18px 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: -328px;
		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: 0 0 0 20px;
		margin:0 0 0 20px;
	}
	
	.event_BTN_area  h3{
		font-family: "Noto Sans Japanese";
		font-weight: 500;
		font-size: 24px;
		/* line-height: 110%; */
	}
	
	.event_BTN_area .event_ttl p.place{
		font-family: "Noto Sans Japanese";
		font-weight: 300;
		font-size: 14px;
		line-height: 130%;
	}
	
	.event_BTN_area div.event_ttl p.add_list{
		font-family: "Noto Sans Japanese";
		font-weight: 200;
		font-size: 12px;
		padding: 10px 0 0 0;
		text-indent: -8px;
		line-height: 140%;
	}
	
	.event_agenda{
		padding: 11px 36px 0 0px;
		position: absolute;
		top: 17px;
		right: 10px;
	}
	
	.event_agenda p{
		font-size: 47px;
		font-family: "Noto Sans Japanese";
		font-weight: 100;
		letter-spacing: -1px;
	}
	
	.event_agenda p span{
		font-size: 16px;
		font-weight: 200;
		margin: 0 0 0 4px;
	}
	
	
	
	/* en anime s */
	.event_BTN_area li.event_BTN a:before{
		content: "\00a0";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: #fff;
		background:#fff;
		border-radius: 100%;
		/*border-radius: 100%;*/
		text-align: center;
		width: 0;
		height: 0;
	}
	
	.event_BTN_area li.event_BTN a:hover:before{
		transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		width: 700px;
		height: 700px;
		opacity: 0;
	}

	/* en anime e */
	
	/* event BTN e ---------------------------------------------- */
	
	
	
	/* reserv BTN s ---------------------------------------------- */
	
	.reserv_BTN a{
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 6px auto 0;
		color: #ffffff;
		font-family: "Noto Sans Japanese";
		font-size: 18px;
		text-align: center;
		font-weight: 400;
		padding: 22px 0;
		background:#6eb332 url("../img/arrow_white2.png") no-repeat 97% center;
		background-size: 22px auto;
		border: solid 2px #2a2a2a;
	}
	
	
	/* en anime s */
	.reserv_BTN a:before{
		content: "\00a0";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: #fff;
		background:#fff;
		border-radius: 100%;
		text-align: center;
		width: 0;
		height: 0;
	}
	
	.reserv_BTN a:hover:before{
		transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		width: 700px;
		height: 700px;
		opacity: 0;
	}

	/* en anime e */
	
	/* reserv BTN e ---------------------------------------------- */
	
	
	
	/*********  main ************/

    #back{
    	background: url("../img/top.jpeg") top;
    	background-size: 100%;
    	min-height: 300px;
    	background-position-y: -80px;
    }

    #back_close{
    	background: url("../img/top.jpeg") top;
    	background-size: 100%;
    	min-height: 360px;
    	background-position-y: -80px;
    }

	#sec_main_wrap{
		font-family: "Noto Sans Japanese";
		width: 100%;
		margin: -40px 0 0;
	}

    #sec_main_wrap .close_msg{
    	width: 1000px;
		font-family: "Noto Sans Japanese";
		margin: 80px auto;
		font-size: 26px;
		text-align: center;
    }


	#sec_main_wrap02{
		color:#509432;
		width: 1000px;
		position: relative;
		margin: 174px auto 22px;
	}
	
    #rec_ttl{
    	left: 0;
    }

	.ttl_gre{
		background-color: #509432;
		padding: 4px 4px 4px 16px;
		color: #fff;
		font-size: 18px;
	}
	
    .ttl_box{
    	margin: 4px 0;
    }

	h1{
		font-size: 62px;
        float: left;
	}

    .navi{
        font-size: 32px;
        margin: 24px 15px 0;
        display: inline-block;
    }

    .subttl{
    	margin: 4px 0 0 204px;
    	font-size: 16px;
    	display: block;
    }

    /*********  event ************/

    #event_box{
    	width: 1000px;
    	position: relative;
    	margin: 0 auto 24px;
    	font-family: "Noto Sans Japanese";
    }

	#event_box .event_ttl{
        width: 406px;
        background-color: #6eb92b;
        padding: 8px 2px 2px;
        margin: 0 0 20px;
 }

	#event_box h2{
		color: #fff;
		text-align: center;
		font-weight: 500;
		margin: 0 0 6px;
	}

    #event_box .fair:nth-child(1){
    	background-color: #fff;
    	padding: 15px 20px;
    	border-bottom: 2px #6eb92b solid;
    }

    #event_box .fair:last-child{
    	background-color: #fff;
    	padding: 15px 20px;
    }

    #event_box .fair:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.9;
		color: #313131;
	}

    #event_box .fair h3{
    	font-size: 23px;
    	color: #6f59a8;
    	font-weight:500;
    	line-height: 28px;
    	float: left;
    	margin: 0 10px 0 0;
    }

    #event_box .fair2 h3{
    	color: #6eb92b;
    	font-size: 20px;
    }

    #event_box .fair h3 span{
     	font-size: 14px;
     	display: block;
     	font-weight:300;
    }

    #event_box .fair2 h3 span{
    	font-size: 11px;
    	display: block;
    	line-height: 14px;
    }

    #event_box .fair .place{
     	margin: 7px 0px 16px;
    }

    #event_box .fair2 .place{
     	margin: 4px 0px 16px;
     	color: #6eb92b;
     	display: flex;
    	justify-content: space-between;
    }

    #event_box .fair2 .place .l_box{

    }

     #event_box h4{
     	background-color: #6eb92b;
     	width: 80px;
     	height: 20px;
     	display: inline-block;
     	color: #fff;
     	text-align: center;
     	font-weight: 200;
     	margin: 0 0 6px;
     }

    #event_box .fair .here{
     	text-align: center;
     	width: 370px;
     	margin: 5px auto 0;
     	font-size: 14px;
     	background-color: #eee;
     	padding: 0 0 2px;
     	position: relative;
     	color: #797e79;
    }

    #event_box .fair .here:before{
		content: "";
		width: 6px;
		height: 6px;
		border-top: 1px solid #acacac;
		border-right: 1px solid #acacac;
		position: absolute;
		top: 35%;
		left: 71%;
		-webkit-transform:translate(-50%, -50%); /* iOS8以下やAndroid4.4.4以下対応時のみ */
		transform:translate(-50%, -50%);
		transform: rotate(45deg);
	}

    #event_box .fair .place p{
    	font-size: 28px;
    	font-family: 'Roboto', sans-serif;
    	font-weight: 400;
    	color: #6f59a8;
    	display: inline-block;
    }

    #event_box .fair2 .place p{
    	font-size: 25px;
    	font-family: 'Roboto', sans-serif;
    	font-weight: 400;
    	color: #6eb92b;
    	display: inline-block;
    }

    #event_box .fair .place p span{
    	font-size: 12px;
    	background-color: #6f59a8;
    	color: #fff;
    	position:relative;
    	top: -2px;
    	margin: 0 4px;
    	padding: 1px 2px;
    	border-radius: 50%;
    }

    #event_box .fair2 .place p span{
    	font-size: 12px;
    	background-color: #6eb92b;
    	color: #fff;
    	position:relative;
    	top: -2px;
    	margin: 0 4px;
    	padding: 1px 2px;
    	border-radius: 50%;
    }

    #event_box .sponsor{
    	font-size: 12px;
    	color: #797e79;
    	text-align: center;
    }

    

    /*********  adv ************/
    
    .adv{
    	width: 100%;
/*    	background-color: rgba(198,255,247,0.5); */
    	margin: 62px 0 0px;
    }

    .adv_wrap{
    	margin: 0 auto;
    	width: 1000px;
    	display: flex;
    	justify-content: space-between;
    	padding: 16px 0 18px;
    }

    .adv img{
    	width: 320px;
    }

    .adv img:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.9;
	}

	/*********  rec_under_wrap ************/

    #rec_under_wrap{
    	background-color: #eafce2;
    }

    #white_wrap{
    	background-color: #ffffff;
    	width: 1000px;
    	margin: 0px auto 0;
    	padding: 31px 40px 42px;
    } 

	#white_wrap .information{
		width: 660px;
		margin: 0px auto 40px auto;
		font-family: "Noto Sans Japanese";
		font-size: 15px
	}

    /*********  section01 ************/
	
	#sec01{
        font-family: "Noto Sans Japanese";
	}

	#sec01 .wrapper{
		float:left;
		width: 62%;
	}

	.search{
		margin: 6px 0 48px;
	}

    #sec01 h2{
    	font-size: 24px;
    	font-family: "Noto Sans Japanese";
    	margin: 0 0 9px;
    }

    #sec01 h2 span{
    	font-size: 16px;
    }

    #sec01 h2:before{
    	display: inline-block;
    	content:"";
    	width: 3px;
    	height: 22px;
    	background-color: #000;
    	color: #000;
    	margin: 0 12px -2px 0;
    }
	
	#news_box{
		padding: 0 50px 1px 0;
	}
	#news_box li {
		font-family: "Noto Sans Japanese";
		border-bottom: 1px solid #e3e3e3;
		margin-bottom: 14px;
		padding: 0 0 14px;
	}

	#news_box li:first-child{
		border-top: 1px solid #e3e3e3;
		padding: 14px 0 14px;
	}
	#news_box li p.day {
		font-weight: 600;
		float: left;
		width: 90px;
		color: #6eb92b;
		font-size: 12px;
	}
	#news_box li p.news {
		font-weight: 200;
		float: left;
		width: 470px;
		line-height: 140%;
	}
	#news_box li a p.news{
		/* text-decoration: underline; */
	}
	#news_box li a {
		display: block;
	}
	#news_box li a:hover {
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}

    .btn_r{
    	float: right;
    	margin: -40px 0 ;
    }


	a#more_news_btn {
		display: block;
		width: 220px;
		background: #7cbd60 url(/img/icon_arrow2_pc.gif) no-repeat right center;
		font-family: "Noto Sans Japanese";
		font-weight: 300;
		font-size: 15px;
		padding: 7px 0;
		color: #ffffff;
		text-align: center;
		text-indent: -10px;
	}
	a#more_news_btn:hover {
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}
	

    
    .form-search{
		display: flex;
		flex-wrap: nowrap;
		width: 568px;
		height: 48px;
		margin: 8px 0 0;
		box-shadow: 0 0 5px -1px rgba(0, 0, 0, .15);
	}

	.form-search .txt {
		width: 550px;
		height: 48px;
		padding: 0 20px;
		font-size: 14px;
		border: solid 1px #e3e3e3;
		border-right: 0;
		border-radius: 3px 0 0 0px;
	}

    .form-search .btn {
		position: relative;
		width: 134px;
		height: 37px;
		font-size: 16px;
		color: #fff;
		background: #7cbd60;
		border-radius: 0 3px 3px 0;
		transition: opacity .2s;
		padding: 13px 0px 0px 10px;
	}

	.form-search .btn:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}

	.form-search .btn .btn-txt {
		padding: 28px 38px 0px 22px;
	}

	.form-search .btn .btn-txt::before, .form-search .btn .btn-txt::after {
		position: absolute;
		display: block;
		content: "";
	}

	.form-search .btn .btn-txt::before{
		top: 14px;
		right: 15px;
		width: 10px;
		height: 10px;
		border: solid 2px #fff;
		border-radius: 50%;
	}

	.form-search .btn .btn-txt::after{
		top: 28px;
		right: 10px;
		width: 10px;
		height: 2px;
		background: #fff;
		border-radius: 2px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

    /*********  js-tab ************/

	.tab-list{
		position: relative;
		display: flex;
		flex-wrap: nowrap;
		margin: 0 0 0 0;
	}

	.tab-list::before {
		position: absolute;
		top: 94%;
		left: 0px;
		width: 568px;
		height: 12px;
		background: #fff;
		content: "";
		z-index: 9001;
	}

    .tab-01 .tab-list li {
		width: 178px;
		padding: 0 0 0 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 18px 0 0;
		height: 53px;
		background-color: #eeeeee;
		border-radius: 3px 3px 0 0;
		border-bottom: 0px solid #eee;
		/* box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); */
		/* z-index: 9007; */
	}

	.tab-01 .tab-list li a {
		font-size: 14px;
		color: #707070;
	}

	.tab-01 .tab-list li a:hover {
		transition: all 0.2s ease 0s;
		color: #6eb92b;
    }

	.tab-01 .tab-list .is-active{
		background-color: #fff;
		border-top: solid 4px #7cbd60;
		z-index: 9000;
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
	}
    
    .tab-01 .tab-list .is-active a{
    	color: #7cbd60;
    	font-weight: 500;
    }

    .tab-content{
    	width: 568px;
    	height: 162px;
    	background: #fff;
    	border-radius: 0 0 3px 3px;
    	margin: 0 0 43px;
    	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    	padding: 12px 0 0;
    }

    .careers .tab-content{
    	width: 1000px;
    	height: 198px;
    }

    .tab-content .tab-panel{
    	padding: 5px 30px 0px;
    }

    .careers .tab-content .tab-panel{
    	padding: 10px 10px 0px 60px;
    }

    .tab-content .tab-panel li{
    	width: 28%;
    	padding: 4px 0 7px 15px;
    	line-height: 100%;
    	margin: 6px 5px;
    	display: inline-block;
    }

    .careers .tab-content .tab-panel li{
    	width: 22%;
    	margin: 6px 2px;
    }

    .tab-content .tab-panel li a{
    	font-size:13px;
    	vertical-align: middle;
    	color: #707070;
    	line-height: 150%;
    }

    .tab-content .tab-panel li a:hover {
		transition: all 0.2s ease 0s;
		color: #6eb92b;
    }

    .ico_arrow {
		display:inline-block;
		line-height:1;
	}
	
	.ico_arrow:before {
		content: "";
		width: 6px;
		height: 6px;
		border-top: 1px solid #acacac;
		border-right: 1px solid #acacac;
		position: absolute;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		transform: rotate(45deg);
		margin: 6px -16px;
	}

    .panel{
		display:none;
	}

	.panel.is-show{
		display:block;
	}


    /*********  conditions ************/
    
    .conditions .tab-01 .tab-list li {
		width: 178px;
		}

    .conditions .tab-content{
    	height: 108px;
    }


    /*********  section02 ************/

    #sec02{
        width: 38%;
        font-family: "Noto Sans Japanese";
        float: right;
    }

	.search{
		margin: 13px 0 30px;
	}

    #sec02 .info{
    	margin: 12px 0 20px;
    	padding: 0 0 11px;
    }

    #sec02 .info h2{
    	font-size: 14px;
    	font-family: "Noto Sans Japanese";
    	color: #6e6e6e;
    	margin: 0px 0 6px;
    	padding: 5px 13px;
    	background-color: #f2f2f2;
    	width: 86px;
    }

    #sec02 .info p{
    	font-weight:300;
    	font-size: 14px;
    	color: #6e6e6e;
    	margin: 0 25px;
    }

    #sec02 .Recommend h2{
    	font-size: 16px;
    	font-family: "Noto Sans Japanese";
    	color: #6e6e6e;
    	margin: 8px 0 12px;
    }

    #sec02 h2 span{
    	font-size: 14px;
    	color: #6e6e6e;
    	background-color: #f2f2f2;
    	padding: 4px 14px;
    	border-radius: 6px;
    	margin: 0 10px 0 0;
    }

    #sec02 .Recommend ul{
    	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    	width: 380px;
    }

    #sec02 .Recommend li{
    	border-bottom: 2px solid #f2f2f2;
		height: 135px;
		overflow: hidden;
    }

    #sec02 .Recommend li a{
    	display: block;
    	padding: 16px 28px;
    }

    #sec02 .Recommend li a:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}

    #sec02 .Recommend li a .in_rec{
    	background: url("../img/icon_arrow_circle.png") right no-repeat;
    	background-size: 8%;
    }
    
    #sec02 .Recommend li span:nth-child(1){
    	background-color: #7cbd60;
    	padding: 1px 10px;
    	color: #ffffff;
    	font-weight: 400;
    }

    #sec02 .Recommend li h3{
    	color: #7cbd60;
    	font-weight: 400;
/*    	font-size:16px; */
    	font-size:13px;
    	margin: 8px 0 5px;
		line-height: 1.5;
    }

    #sec02 .Recommend li span:last-child{
    	color: #6e6e6e;
    	font-size:13px;
    	line-height:16px;
    	font-weight: 300;
    	margin: 2px 0 0;
    	width: 280px;
    	display: inline-block;
		margin: 4px 0;
		line-height: 1.5;
    }
    
    /*********  section04 ************/

    #sec04{
    	margin: 1228px 0 20px;
    	width: 1000px;
    	font-family: "Noto Sans Japanese";
    }

    #sec04 .career{
    	display: flex;
    	justify-content: space-between;
    	flex-wrap: wrap;
    	width: 100%;
    }

    #sec04 a{
    	position: relative;
    	display: block;
    }

    #sec04 li{
    	margin: 0 0 45px;
    }

    #sec04 li:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}
   
    #sec04 h2{
    	font-size: 16px;
    	background-color: #434343;
    	width: 90px;
    	height: 26px;
    	text-align: center;
    	color: #fff;
    	font-weight: 100;
    	border-radius: 30px 30px;
    	margin: 0 0 -15px 10px;
    	z-index: 92;
    	position: absolute;
    	top: -10px;
    }

    #sec04 h3{
    	right: 0;
    	bottom: 26px;
    	background-color: #7cbd60;
    	color: #fff;
    	font-size: 15px;
    	width: 160px;
    	height: 24px;
    	text-align: center;
    	padding: 2px 0 0;
    	/* margin: -50px -40px 0 150px; */
    	position: absolute;
    }

    #sec04 h4{
    	right: 0;
    	bottom: 0px;
    	background-color: #434343;
    	color: #fff;
    	font-size: 12px;
    	font-weight: 200;
    	width: 140px;
    	height: 20px;
    	text-align: center;
    	padding: 2px 0 0;
    	/* margin: 2px -40px 0 170px; */
    	position: absolute;
    }
    
    #sec04 .bottun{
    	text-align: center;
    	margin: 0 auto;
    }

    #sec04 .bottun a{
    	background: #6eb92b url(/img/icon_arrow2_pc.gif) no-repeat right center;
    	color: #fff;
    	text-align: center;
    	margin: 0 auto;
     	width: 200px;
     	padding: 10px 40px 12px;
     	position: relative;
    }

    #sec04 .bottun a:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}






}