@charset "UTF-8";


/*
---first_contents
-----------------------------------------------------------------------------------------------------
*/
.first_contents{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3346a9+0,62bdff+50,008db1+50,62d2eb+100 */
background: rgb(51,70,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,70,169,1) 0%, rgba(98,189,255,1) 50%, rgba(0,141,177,1) 50%, rgba(98,210,235,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(51,70,169,1) 0%,rgba(98,189,255,1) 50%,rgba(0,141,177,1) 50%,rgba(98,210,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(51,70,169,1) 0%,rgba(98,189,255,1) 50%,rgba(0,141,177,1) 50%,rgba(98,210,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3346a9', endColorstr='#62d2eb',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.first_contents:before,
.first_contents:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
}
.first_contents:before{
	margin-bottom:39px;
}
.first_contents:after{
	margin-top:39px;
}
#logo{
	text-align:center;
}
.first_contents .floatbox{
	margin-top:30px;
}
.first_contents .floatbox .right_floatbox{
	float:right;
	max-width:70%;
	width:700px;
}
.first_contents .floatbox .right_floatbox .illustmap{
	position:relative;
}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.airplane{top: 24%; left: 80%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.boat{top: 73%; left: 77%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.bridge{top: 54%; left: 57%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.building{top: 29%; left: 23%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.car{top: 52.5%; left: 72%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.cloudstar{top: -1%; left: 50.5%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.computer{top: 21.5%; left: 2.5%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.factory{top: 40%; left: 64%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.gamesphone{top: 51%; left: 88.5%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.home{top: 43%; left: 40%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.hospital{top: 31.5%; left: 52%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.insect{top: 72%; left: 37%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.manager{top: 20%; left: 12.5%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.people{top: 55%; left: 3.5%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.riversea{top: 71%; left: 15.5%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.road{top: 40%; left: 33%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.robot{top: 24%;left: 44.8%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.rocket{top: -3%; left: 85%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.satellite{top: -10.5%; left: 66.5%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.steeltower{top: 13%; left: 38%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.sun{top: -2%; left: 24.7%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.train{top: 70%; left: 25%;}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox{
	position:absolute;
	width:56px;
    height: 52px;
	text-align:center;
	color:#fff;
	z-index:1;
	box-sizing:border-box;
	padding-top:15px;
	font-size:1.1rem;
	-webkit-transition:all .5s;
	transition:all .5s;
	opacity:0;
	margin-top:-200px;
	line-height:1.1;
}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox:after{
	content:"";
	width:8px;
	height:4px;
	background-image: url(/images/top/illustmap_arrow_titlebox.png);
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
	background-repeat: no-repeat;
	position:absolute;
	left:50%;
	margin-left:-4px;
	bottom:11px;
}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox:hover{
}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox.doubleline{
	padding-top:9px;
}

.first_contents .floatbox .right_floatbox .illustmap .icon{
	position:absolute;
	top:0;
	left:0;
	width:100%;
    height: 100%;
	fill:rgba(0,0,0,0.3);
	-webkit-transition:all .5s;
	transition:all .5s;
	z-index:-1;
}
.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox:hover .icon{
	fill:rgba(0,0,0,1);
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	-webkit-transform-origin:center center;
	transform-origin:center center;
}

.first_contents .floatbox .right_floatbox #ri-grid{
	display: none;
}

.first_contents .floatbox .left_floatbox{
	padding-right:20px;
	overflow:hidden;
}
.first_contents .floatbox .left_floatbox h2{
	font-size:2rem;
	/*text-shadow:2px 2px 2px rgba(0,0,0,0.3);*/
}
.first_contents .floatbox .left_floatbox p{
	margin-top:10px;
	line-height:1.8;
}
.first_contents .floatbox .left_floatbox .slickBox{
	margin:20px auto 0;
	max-width:400px;
}
.first_contents .floatbox .left_floatbox .slick_yokoku{
	padding:0 42px;
}
.first_contents .floatbox .left_floatbox .slick_yokoku .slick-arrow {
    width: 22px;
    height: 52px;
    margin-top: -26px;
	background: none;
}
.first_contents .floatbox .left_floatbox .slick_yokoku .slick-arrow img{
	display:block;
}
.first_contents .floatbox .left_floatbox .slick_yokoku .box{
	position:relative;
}
.first_contents .floatbox .left_floatbox .slick_yokoku .box .cat_name{
	background: #16A5D9;
	font-size:1.2rem;
	padding:5px;
}
.first_contents .floatbox .left_floatbox .slick_yokoku .box .thumb{
	padding-bottom:66.6666666666666666666%;
	position:relative;
	overflow:hidden;
}
.first_contents .floatbox .left_floatbox .slick_yokoku .box .thumb img{
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.first_contents .floatbox .left_floatbox .slick_yokoku .box .title_box{
	padding:10px;
	background: rgba(0,0,0,0.7);
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	box-sizing:border-box;
}
.first_contents .floatbox .left_floatbox .slick_yokoku .box:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:70px;
	background:url(/images/yokoku.png) no-repeat;
}


/*
---second_contents
-----------------------------------------------------------------------------------------------------
*/
.second_contents{
background-color:#f2f2f2;
color:#fff;
}
.second_contents:before,
.second_contents:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
}
.second_contents:before{
	margin-bottom:39px;
}
.second_contents:after{
	margin-top:49px;
}
.second_contents h2{
	font-size:2.6rem;
	text-align:center;
	color: #333;
}


.second_contents .news_wrapper{
	position:relative;
	margin-top: 20px;
}
.second_contents .catlist{
	position:absolute;
	left:0;
	top:0;
	width:240px;
}
.second_contents .catlist .categoryopen{
	display:none;
}
.second_contents .catlist ul li{
	margin-top:10px;
}
.second_contents .catlist a{
	display:block;
	background-image: url(/images/top/news_arrow_catlist.png);
	background-repeat: no-repeat;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-position: left center;
	min-height:18px;
	padding:4px 0 2px 16px;
	border-bottom:3px solid #f2f2f2;
	transition:all .5s;
}
.second_contents .catlist a.active,
.second_contents .catlist a:hover{
	border-color:#bbb;
}

.second_contents .newslist{
	margin-left:280px;
}
.second_contents .newslist .newslist_wrapper{
	margin:0 -5px;
}
.second_contents .newslist .newslist_wrapper .newslist_box{
	float:left;
	width:33.33333333333333333333%;
	box-sizing:border-box;
	padding:10px 5px 0;
}
.second_contents .newslist .newslist_wrapper .newslist_box:nth-of-type(3n+1){
	clear:both;
}
.second_contents .newslist .newslist_wrapper .newslist_inner{
	overflow:hidden;
}
.second_contents .newslist .newslist_wrapper .newslist_inner a{
	display:block;
	background-color: #fff;
	height:100%;
	width:100%;
}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat{
	font-size:1.2rem;
	padding:5px;
	color:#fff;
}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat1{background-color: #389D28;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat2{background-color: #00A0C6;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat3{background-color: #8ACA36;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat4{background-color: #F58216;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat5{background-color: #F58216;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat6{background-color: #F58216;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat7{background-color: #333333;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat8{background-color: #333333;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat9{background-color: #8ACA36;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat10{background-color: #E04B79;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat11{background-color: #3346a9;}
.second_contents .newslist .newslist_wrapper .newslist_inner .cat.cat12{background-color: #3B8DD1;}

.second_contents .newslist .newslist_wrapper .newslist_inner .thumb{
	padding-bottom:75%;
	position:relative;
	overflow:hidden;
}
.second_contents .newslist .newslist_wrapper .newslist_inner .thumb img{
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	transition:all .5s;
}
.second_contents .newslist .newslist_wrapper .newslist_inner:hover .thumb img{
	-webkit-transform:scale(1.25) translateY(-37.5%);
	transform:scale(1.25) translateY(-37.5%);
	-webkit-transform-origin:center center;
	transform-origin:center center;
}
.second_contents .newslist .newslist_wrapper .newslist_inner .textbox{
	padding:10px;
}
.second_contents .newslist .newslist_wrapper .newslist_inner .textbox .date{
	color:#888;
	font-size:1.2rem;
}
.second_contents .newslist .newslist_wrapper .newslist_inner .textbox .title{
	/*margin-top:5px;*/
}
.second_contents .newslist .newslist_wrapper .newslist_inner .textbox .schoolname{
	/*margin-top:5px;*/
	color:#888;
	font-size:1.2rem;
}
.second_contents .newslist .newslist_wrapper .catlist_link{
	clear:both;
	padding:20px 5px 0;
}
.second_contents .newslist .newslist_wrapper .catlist_link a{
	display:block;
	padding:15px 31px;
	border-radius:3px;
	color: #fff;
	background-color: #333;
	background-image: url(/images/top/yokoku_arrow_next.png);
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-bottom:3px solid #000;
	transition:all .5s;
	text-align: center;
}
.second_contents .newslist .newslist_wrapper .catlist_link a:hover{
	opacity:.7;
}

.modal_sp_catmenu{
	border-radius:2px;
}
.modal_sp_catmenu .contents{
	text-align:left;
}
.modal_sp_catmenu .contents .spcatlist a{
	display:block;
	padding:10px 26px 10px 10px;
	background-image: url(/images/top/news_arrow_catlist.png);
	background-repeat: no-repeat;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-position: right 10px center;
	border-bottom:1px solid #eee;
}


/*
---opencampus
-----------------------------------------------------------------------------------------------------
*/
.opencampus{
	/*background-color: #FFFEEE;*/
	background-image: url(/images/top/oc_bg.gif);
}
.opencampus:before,
.opencampus:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
}
.opencampus:before{
	margin-bottom:39px;
}
.opencampus:after{
	margin-top:49px;
}

.opencampus h2{
	font-size:2.6rem;
	text-align:center;
	color: #ED287B;
}
.opencampus p.lead{
	text-align: center;
	margin-top: 10px;
}

.opencampus .contents1{
	margin:30px -20px 0;
}
.opencampus .contents1 .contentsbox{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:0 20px;
}

.opencampus .contents1 .contentsbox #tab{
	margin:0 -5px;
}
.opencampus .contents1 .contentsbox #tab li{
	float:left;
	width:33.3333333333333333%;
	box-sizing:border-box;
	padding:0 5px;
}
.opencampus .contents1 .contentsbox #tab li a{
	display:block;
	padding:5px;
	border-radius:3px;
	background-color: #fff;
	color:#1A75BB;
	transition:all .5s;
	text-align:center;
	border:1px solid #1A75BB;
}
.opencampus .contents1 .contentsbox #tab li a:hover,
.opencampus .contents1 .contentsbox #tab li.selected a{
	background-color: #1A75BB;
	color:#fff;
}

.opencampus .contents1 .contentsbox .calender{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	margin-top:10px;
}
.opencampus .contents1 .contentsbox .calender th,
.opencampus .contents1 .contentsbox .calender td{
	border:1px solid #ddd;
	padding:15px 10px;
	text-align:center;
	line-height:1;
}
.opencampus .contents1 .contentsbox .calender th{
	background-color: #f2f2f2;
}
.opencampus .contents1 .contentsbox .calender th.sunday {
    background-color: #F76973;
    color: #FFF;
}
.opencampus .contents1 .contentsbox .calender th.saturday {
    background-color: #25A9E0;
    color: #FFF;
}
.opencampus .contents1 .contentsbox .calender td{
	background-color: #fff;
}

.opencampus .contents1 .contentsbox .calender td.act{
	padding:0;
}

.opencampus .contents1 .contentsbox .calender td.act a{
	display:block;
	padding:15px 10px;
	color: #ED287B;
	position: relative;
}
.opencampus .contents1 .contentsbox .calender td.act a:hover{
	color: #fff;
}
.opencampus .contents1 .contentsbox .calender td.act a:before{
	content: "";
	position: absolute;
	width: 1em;
	height: 1em;
	padding: 14px;
	border:1px solid #ED287B;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: all .5s;
}
.opencampus .contents1 .contentsbox .calender td.act a:hover:before{
	background-color: #ED287B;
}
.opencampus .contents1 .contentsbox .calender td.act a span{
	z-index: 1;
	position: relative;
}


.opencampus .contents1 .contentsbox .oc_map{
	position:relative;
	max-width:700px;
	margin:0 auto;
}
.opencampus .contents1 .contentsbox .oc_map img{
	display:block;
}
.opencampus .contents1 .contentsbox .oc_map a{
	position:absolute;
	font-size:0;
	background-color: rgba(0,0,0,0);
}
.opencampus .contents1 .contentsbox .oc_map a:hover{
	background-color: rgba(255,255,255,0.4);
}

.opencampus .contents1 .contentsbox .oc_map a.hokkai{
	width:18.5714%;
	height:9.26829%;
  top: 0.5%;
  left: 80.5%;
}
.opencampus .contents1 .contentsbox .oc_map a.tohoku{
	width:16.285714%;
	height:9.26829%;
  top: 46%;
  left: 83.4%;
}
.opencampus .contents1 .contentsbox .oc_map a.kanto{
	width:16.285714%;
	height:9.26829%;
	top: 71.7%;
  left: 80.2%;
}
.opencampus .contents1 .contentsbox .oc_map a.sinetu{
	width:16.571428%;
	height:14.146341%;
	top: 31%;
  left: 54%;
}
.opencampus .contents1 .contentsbox .oc_map a.tokai{
	width:16.285714%;
	height:9.26829%;
	top: 88.4%;
  left: 52.8%;
}
.opencampus .contents1 .contentsbox .oc_map a.kansai{
	width:16.285714%;
	height:9.26829%;
	top: 41.8%;
    left: 35.3%;
}
.opencampus .contents1 .contentsbox .oc_map a.shikoku{
	width:16.285714%;
	height:9.26829%;
	top: 85.8%;
    left: 24.8%;
}
.opencampus .contents1 .contentsbox .oc_map a.chugoku{
	width:16.285714%;
	height:9.26829%;
	top: 41.8%;
    left: 16.5%;
}
.opencampus .contents1 .contentsbox .oc_map a.kyushu{
	width:23%;
	height:9.26829%;
	top: 90%;
    left: 0.5%;
}


.opencampus .contents1 .contentsbox .oc_map a.numMap{
	font-size:1.5rem;
	line-height:1;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	color:#fff;
	padding:2px;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap:hover{
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numhokkai{
	top: 19%;
    left: 79.5%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numtohoku{
	top: 43%;
    left: 79%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numkanto{
	top: 68.5%;
    left: 73%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numsinetu{
	top: 56.5%;
    left: 63.5%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numtokai{
	top: 73.5%;
    left: 54.5%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numkansai{
	top: 67%;
    left: 44.5%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numshikoku{
	top: 76%;
    left: 30%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numchugoku{
	top: 63%;
    left: 33.5%;
}
.opencampus .contents1 .contentsbox .oc_map a.numMap.numkyushu{
	top: 71%;
    left: 18.5%;
}


/*
---jobnavi
-----------------------------------------------------------------------------------------------------
*/
.jobnavi{
	background-image: url(/images/top/jobnavi_bg.gif);
	-webkit-background-size: 72px;
	background-size: 72px;
	overflow: hidden;
}
.jobnavi:before,
.jobnavi:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
}
.jobnavi:before{
	margin-bottom:39px;
}
.jobnavi:after{
	margin-top:49px;
}
.jobnavi h2{
	font-size:2.6rem;
	text-align:center;
	color: #fff;
}
.jobnavi p.lead{
	text-align: center;
	color: #fff;
	margin-top: 10px;
}

.jobnavi .slickBox {
	margin-top:30px;
}
.jobnavi .slick_job {
    padding: 0;
}
.jobnavi .slick_job .slick-list{
	overflow: visible;
}
.jobnavi .slick_job .slick-slide{
  padding: 0 5px;
	text-align: center;
}
.jobnavi .slick_job .slick-slide a{
	display: block;
	position: relative;
	padding-bottom: 100%;
}
.jobnavi .slick_job .slick-slide a img{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	transition: all .5s;
}
.jobnavi .slick_job .slick-slide a:hover img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.jobnavi .btn {
	margin-top: 20px;
}
.jobnavi .btn a {
    display: block;
    padding: 15px 0;
    border-radius: 3px;
    color: #fff;
    background-color: #333;
    background-image: url(/images/top/yokoku_arrow_next.png);
    -webkit-background-size: 6px auto;
    background-size: 6px auto;
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-bottom: 3px solid #000;
    transition: all .5s;
    box-sizing: border-box;
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
.jobnavi .btn a:hover {
	opacity: .7;
}


/*
---prize
-----------------------------------------------------------------------------------------------------
*/
.prize{
	background-color: #FFCE00;
	padding: 0 50px;
}
.prize:before,
.prize:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
}
.prize:before{
	margin-bottom:49px;
}
.prize:after{
	margin-top:49px;
}
.prize .inner_contents{
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 5px;
}
.prize h2{
	font-size:2.6rem;
	text-align:center;
	color: #FF6D00;
}

.prize .slickBox {
	margin-top:15px;
}
.prize .slick_prize {
    padding: 0 27px;
}
.prize .slick_prize .slick-arrow {
	width: 22px;
    height: 52px;
    margin-top: -26px;
    background: none;
}
.prize .slick_prize .slick-arrow img {
    display: block;
}
.prize .slick_prize .slick-slide{
    padding: 0 5px;
}
.prize .slick_prize .slick-slide .box{
	height:100%;
	box-sizing: border-box;
	border: 1px solid #DDD6A9;
	background-image: url(/images/top/prize_box_bg.gif);
	-webkit-background-size: 32px;
	background-size: 32px;
	border-radius: 1px;
}
.prize .slick_prize .slick-slide a{
	display:block;
	padding:15px;
	box-sizing:border-box;
	height:100%;
}
.prize .slick_prize .slick-slide a:hover{
	background-color: rgba(233,192,18,0.20);
}
.prize .slick_prize .slick-slide a span{
	display:block;
	font-size: 1.2rem;
	color:#A09A6E;
}


/*
---search
-----------------------------------------------------------------------------------------------------
*/
.search{
	background-image: url(/images/top/search_bg.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.search:before,
.search:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
}
.search:before{
	margin-bottom:79px;
}
.search:after{
	margin-top:79px;
}


.search h2{
	font-size:2.6rem;
	text-align:center;
}

.search .contents1{
	max-width:720px;
	margin:20px auto 0;
}

.search .contents1 p span{
	background-color: #f2f2f2;
	padding:10px;
	font-size:1.2rem;
	display:inline-block;
	border-radius:3px;
	position:relative;
}
.search .contents1 p span:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #f2f2f2 transparent transparent transparent;
position:absolute;
left:20px;
bottom:-10px;
}

.search .gsc-control-cse {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	border: none;
	background-color: transparent;
	padding: 0;
	font-size: 1.5rem;
	margin-top:15px;
	box-sizing: content-box;
}
.search .gsc-control-cse form{
}
.search form.gsc-search-box {
	font-size: 0;
	margin: 0;
}
.search table.gsc-search-box {
    border: none;
    margin: 0;
}
.search .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 5px;
}
.search .gsc-input-box {
	border: none;
	background: none;
	height: auto;
	box-sizing:border-box;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border-radius:2px;
	background-color: #fff;
}
.search .gsib_a {
    padding: 0;
}
.search .gsc-search-box-tools .gsc-search-box .gsc-input input{
	font-size: 1.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:block;
	box-sizing:border-box;
	padding:5px !important;
	background-position: 5px center !important;
	border-radius:2px;
}
.search form .gsst_a {
    padding-top: 0;
}
.search form .gsst_a .gscb_a {
    vertical-align: middle;
}
.search input.gsc-search-button-v2 {
    padding: 10px 40px;
    margin: 0;
}
.search input.gsc-search-button{
	border: none;
	background-color: #389D28;
	background-image: none;
	transition: all .5s;
	border-radius:2px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.search input.gsc-search-button:hover{
	background-color: #28701c;
	background-image: none;
}
.search .gsst_b{
	
}

.search .gsc-result .gs-title {
	height: auto;
}


/*
---history_license
-----------------------------------------------------------------------------------------------------
*/
.history_license{
	background-color: #fafafa;
}

.history_license .contentswrapper .contentsbox{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:20px;
	color:#fff;
}

.history_license h2{
	font-size:2.6rem;
	text-align:center;
}
.history_license p{
	margin-top:15px;
	text-align:center;
}
.history_license .btn{
	margin-top:20px;
}
.history_license .btn a{
	display:block;
	padding:15px 0;
	border-radius:3px;
	color: #fff;
	background-color: #333;
	background-image: url(/images/top/yokoku_arrow_next.png);
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-bottom:3px solid #000;
	transition:all .5s;
	box-sizing:border-box;
	width:200px;
	margin:0 auto;
	text-align:center;
}
.history_license .btn a:hover{
	opacity:.7;
}

.history_license .history{
	background-color: #3346a9;
}

.history_license .license{
	background-color: #008db1;
}

/*
---yumenavi
-----------------------------------------------------------------------------------------------------
*/
.yumenavi{
	margin: 50px auto;
    text-align: center;
}

/*
---define
-----------------------------------------------------------------------------------------------------
*/
.define:before,
.define:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
}
.define:before{
	margin-bottom:39px;
}
.define:after{
	margin-top:49px;
}
.define h2{
	font-size:2.6rem;
	text-align:center;
}
.define h2 span{
	display: block;
	font-size: 2rem;
	margin-bottom: 5px;
}
.define p{
	text-align: center;
	margin-top: 20px;
}
.define .btn {
    margin-top: 20px;
}
.define .btn a{
	display: block;
	padding: 15px 0;
	border-radius: 3px;
	color: #fff;
	background-color: #333;
	background-image: url(/images/top/yokoku_arrow_next.png);
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-bottom: 3px solid #000;
	transition: all .5s;
	box-sizing: border-box;
	width: 200px;
	margin: 0 auto;
	text-align: center;
}
.define .btn a:hover{
	opacity: .7;
}


.oc_fixed_link{
	position: fixed;
	z-index: 299;
	right: 0;
	top: 50%;
	margin-top: -100px;
	cursor: pointer;
	transition: all .5s;
}
.oc_fixed_link:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

@media only screen and (min-width: 769px) {
	.second_contents .newslist .newslist_wrapper{
		min-height: 540px;
	}
}



.news_contents {
	background-color: #333;
	color: #fff;
	padding: 40px 0;
}
.news_contents .inner_contents {
	max-width: 960px;
}
.news_contents h2 {
	font-size: 2.2rem;
	padding: 4px 0 0 40px;
	background-image: url(../images/top/news_contents_icon_h2_30x34.png);
	background-repeat: no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-position: 0 0;
}
.news_contents-main {
	padding: 0 20px;
	margin-top: 20px;
}
.news_contents-main a {
	color: #fff;
	display: table;
	padding: 15px 0;
	border-bottom: 1px dashed #fff;
	width: 100%;
	background-image: url(../images/top/news_contents_icon_a_14x18.png);
	background-repeat: no-repeat;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
	background-position: 4px center;
}
.news_contents-main span {
	display: table-cell;
	vertical-align: top;
}
.news_contents-date {
	width: 110px;
	padding-left: 24px;
}

.news_contents-main a:hover {
	background-color: rgba(255,255,255,0.2);
}

.first__left__buttn {
	max-width: 300px;
	margin: 20px auto 0;
}
.first__left__buttn a{
	display:block;
	padding:8px 31px;
	border-radius:3px;
	color: #fff;
	background-color: #FF7415;
	background-image: url(/images/top/yokoku_arrow_next.png);
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-bottom:3px solid #b15313;
	transition:all .5s;
	text-align: center;
}
.first__left__buttn a:hover{
	opacity:.7;
}


/*
---
---------------------------------------------------------------------------*/
.yumebanner2023 {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: center;
}
.yumebanner2023__col {
	display: block;
	max-width: calc((100% - 40px) / 2);
	width: 300px;
	text-align: center;
}
.yumebanner2023__col img {
	max-width: 100%;
	transition: all .5s;
}
.yumebanner2023__col:hover img {
	opacity: .5;
}
@media screen and (max-width: 767px) {
	.yumebanner2023 {
		gap: 20px;
		flex-direction: column;
		align-items: center;
	}
	.yumebanner2023__col {
		max-width: 100%;
	}
}


@media only screen and (max-width: 1024px) {

/*
---first_contents
-----------------------------------------------------------------------------------------------------
*/
	.first_contents{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3346a9+0,62bdff+50,008db1+50,62d2eb+100 */
		background: rgb(51,70,169); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(51,70,169,1) 0%, rgba(98,189,255,1) 32%, rgba(0,141,177,1) 32%, rgba(98,210,235,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(51,70,169,1) 0%,rgba(98,189,255,1) 32%,rgba(0,141,177,1) 32%,rgba(98,210,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(51,70,169,1) 0%,rgba(98,189,255,1) 32%,rgba(0,141,177,1) 32%,rgba(98,210,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3346a9', endColorstr='#62d2eb',GradientType=0 ); /* IE6-9 */
	}
	.first_contents .floatbox {
			margin-top: 50px;
	}
	.first_contents .floatbox .right_floatbox {
			float: none;
			max-width: none;
		margin:0 auto;
	}
	.first_contents .floatbox .left_floatbox {
			padding-right: 0;
			margin-top: 20px;
	}
	.first_contents .floatbox .right_floatbox .illustmap .illustmap_titlebox:hover .icon{
		fill:rgba(0,0,0,0.3);
		-webkit-transform:none;
		transform:none;
	}

	
	

/*
---second_contents
-----------------------------------------------------------------------------------------------------
*/
	.second_contents .catlist{
		width:200px;
	}
	.second_contents .newslist{
		margin-left:220px;
	}


/*
---opencampus
-----------------------------------------------------------------------------------------------------
*/
	.opencampus .contents1 {
			margin: 0;
	}
	.opencampus .contents1 .contentsbox {
			width: auto;
			float: none;
			box-sizing: border-box;
			padding: 30px 0 0;
	}


/*
---jobnavi
-----------------------------------------------------------------------------------------------------
*/
	.jobnavi .slick_job .slick-slide a:hover img{
		-webkit-transform: none;
		transform: none;
	}


/*
---prize
-----------------------------------------------------------------------------------------------------
*/
	.prize{
		padding: 0 20px;
	}
	.prize:before{
		margin-bottom:19px;
	}
	.prize:after{
		margin-top:19px;
	}


/*
---oc_fixed_link
-----------------------------------------------------------------------------------------------------
*/
	.oc_fixed_link:hover{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	
	

}


@media only screen and (max-width: 768px) {

/*
---second_contents
-----------------------------------------------------------------------------------------------------
*/
	.second_contents .catlist{
		position: static;
		width:auto;
	}
	.second_contents .catlist .categoryopen{
		display:block;
		padding:10px 26px 10px 10px;
		cursor:pointer;
		border-radius:3px;
		background-image: url(/images/top/news_arrow_catlist.png);
		-webkit-background-size: 6px auto;
		background-size: 6px auto;
		background-position: right 10px center;
		background-repeat: no-repeat;
		border:1px solid #333;
		width:130px;
		margin-left:auto;
		color:#333;
	}
	.second_contents .catlist ul{
		display:none;
	}
	.second_contents .newslist{
		margin-left:0;
		margin-top:10px;
	}

	
	.oc_fixed_link{
		top: auto;
		margin-top: 0;
		bottom: 10px;
	}

}


@media only screen and (max-width: 767px) {

/*
---first_contents
-----------------------------------------------------------------------------------------------------
*/
	.first_contents:before{
		margin-bottom:19px;
	}
	.first_contents:after{
		margin-top:29px;
	}
	.first_contents .inner_contents{
		padding: 0;
	}
	#logo{
		margin: 0 10px;
	}
	.first_contents .floatbox {
		margin-top: 20px;
	}
	.first_contents .floatbox .right_floatbox {
			width: auto;
	}
	.first_contents .floatbox .right_floatbox .illustmap{
		display:none;
	}
	.first_contents .floatbox .right_floatbox #ri-grid{
		display: block;
		margin: 0;
	}
	.first_contents .ri-grid ul{
		background-image: url(/images/top/illustmap.png);
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center center;
	}
	.first_contents .ri-grid ul li{
		background: none;
	}
	.first_contents .ri-grid ul li a{
		-webkit-background-size: 80%;
		background-size: 80%;
		background-position: center center;
		background-color: rgba(6,27,95,0.75);
	}
	.first_contents .ri-grid ul li a:active{
		background-color: rgba(255,255,255,0.75);
	}
	.first_contents .ri-grid .btn{
		margin: 10px 10px 0;
	}
	.first_contents .ri-grid .btn a {
		display: block;
		padding: 15px 31px;
		border-radius: 3px;
		color: #fff;
		background-color: #333;
		background-image: url(/images/top/yokoku_arrow_next.png);
		-webkit-background-size: 6px auto;
		background-size: 6px auto;
		background-position: right 10px center;
		background-repeat: no-repeat;
		border-bottom: 3px solid #000;
		transition: all .5s;
		text-align: center;
	}
	.first_contents .floatbox .left_floatbox{
		padding: 0 10px;
	}



/*
---second_contents
-----------------------------------------------------------------------------------------------------
*/
	.second_contents:before {
			margin-bottom: 19px;
	}
	.second_contents:after {
			margin-top: 29px;
	}
	.second_contents .newslist .newslist_wrapper .newslist_box{
		width:50%;
	}
	.second_contents .newslist .newslist_wrapper .newslist_box:nth-of-type(3n+1){
		clear: none;
	}
	.second_contents .newslist .newslist_wrapper .newslist_box:nth-of-type(2n+1){
		clear:both;
	}

	.modal_sp_catmenu{
		padding:35px 10px;
	}


/*
---opencampus
-----------------------------------------------------------------------------------------------------
*/
	.opencampus:before {
		margin-bottom: 19px;
	}
	.opencampus:after {
			margin-top: 29px;
	}


/*
---jobnavi
-----------------------------------------------------------------------------------------------------
*/
.jobnavi:before{
	margin-bottom:19px;
}
.jobnavi:after{
	margin-top:29px;
}
	

/*
---prize
-----------------------------------------------------------------------------------------------------
*/
	.prize .inner_contents {
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.prize{
		padding: 0 10px;
	}
	.prize:before{
		margin-bottom:9px;
	}
	.prize:after{
		margin-top:9px;
	}
	.prize .slickBox {
		margin-top: 5px;
	}


/*
---search
-----------------------------------------------------------------------------------------------------
*/
	.search:before {
  	margin-bottom: 39px;
	}
	.search:after {
  	margin-top: 39px;
	}
	.search form.form01 input[type="text"] {
    width: 100%;
		display: block;
	}
	.search form.form01 input[type="submit"] {
		margin: 10px auto 0;
		display: block;
	}
	.search .gsc-results-wrapper-overlay{
		height: 70%;
		width: 90%;
		left: 5%;
		box-sizing: border-box;
		top: 90px;
		padding: 10px;
	}
	.search .gsc-modal-background-image{
		width: auto;
		height: auto;
		top: -5000px;
		right: -5000px;
		bottom: -5000px;
		left: -5000px;
		backface-visibility: hidden;
	}

/*
---history_license
-----------------------------------------------------------------------------------------------------
*/
	.history_license .contentswrapper .contentsbox {
    width: auto;
    float: none;
	}


/*
---define
-----------------------------------------------------------------------------------------------------
*/
	.define:before{
		margin-bottom:19px;
	}
	.define:after{
		margin-top:29px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.news_contents {
		padding: 30px 0;
	}
	.news_contents-main {
		padding: 0 10px;
	}
	.news_contents-main a {
		display: block;
		background-position: 0 20px;
		padding-left: 22px;
		width: auto;
	}
	.news_contents-main span {
		display: block;
	}
	.news_contents-date {
		padding-left: 0;
		width: auto;
	}

}



@media only screen and (max-width: 500px) {
	
	
}