@charset "UTF-8";
/* CSS Document */
html, body{width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	scroll-behavior: smooth;
}
img{
	width:100%;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	display: block;
	image-rendering: -webkit-optimize-contrast;
}
div{
	padding: 0;
	margin: 0;
	line-height: 0;
}
p{
	margin: 0;
	padding: 0;
}
dl{
	padding: 0;
	margin: 0;
}

a{
		text-decoration: none;
	color: inherit;
	}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.marker_pink{
	background: linear-gradient(transparent 60%, #FFCCFF 60%);
	font-weight: bold;
}


/*======SP(749px以下)対応======*/
@media screen and (max-width: 750px) {
	header{
		margin: 10px 0 0 13px;
	}
	header img{
		width: auto;
		height: 25px;
	}

#wrapper{
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.to{
		position: absolute;
		left: 30%;
		top: 1%;
		border: solid 2px #337A6E;
		padding: 2px 65px;
		font-size: 0.7em;
		font-weight: bold;
		color: #337A6E;
	}
	.Mainvisual{
		background: url("../img/MV_sp.jpg") center center no-repeat;
		background-size: 100%;
		padding-bottom: 128%;
		position: relative;
		margin:10px 0 0 0;
	}
	h1{
		display: block;
		width: 65%;
		margin: 20px auto;
	}

	#tokucho_area dd{
		display: block;
		width: 90%;
		margin: 20px auto;
		padding: 0;
		line-height: 2em;
		font-size: 5vw;
	}
	#tokucho_area .img_skil{
		background: url("../img/img_skil_sp.png") center center no-repeat;
		background-size: 100%;
		padding-bottom: 117.7%;
		position: relative;
	}
	#tokucho_area .img_btn img{
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	#tokucho_area h2{
		color: #337A6E;
	}
	#tokucho_area .point1{
		background: url("../img/point1_sp.png") center center no-repeat;
		background-size: 75vw;
		padding-bottom: 28.4%;
		position: relative;
		margin: 10px 0 0 0;
		background-color: #337A6E;
}

	
	#tokucho_area .point2{
		background: url("../img/point2_sp.png") center center no-repeat;
		background-size: 75vw;
		padding-bottom: 28.4%;
		position: relative;
		margin: 10px 0 0 0;
		background-color: #337A6E;
	}
	#tokucho_area .img_60 img{

		
	}
	#tokucho_area .point3{
		background: url("../img/point3_sp.png") center center no-repeat;
		background-size: 75vw;
		padding-bottom: 28.4%;
		position: relative;
		margin: 10px 0 0 0;
		background-color: #337A6E;
	}

/*----- 数字で読み解く大学生の「今」SP -----*/
	#data_area{
		background-color: #EDF7ED;
		padding: 20px 0;
	}
	#data_area p{		
		line-height: 2em;
		font-size: 5vw;
		
		display: block;
		margin: 20px auto;
	}
	#data_area .tit_data img{
		display: block;
		margin: 20px auto 10px auto;
		width: 95%;
	}
	#data_area .bg_white{
		display: table;
		background-color: #fff;
		width: 80%;
		margin: 40px auto;
		padding: 40px 20px;
		position: relative;
	}
	#data_area .clip img{
		position: absolute;
		top:-10px;
		left: 50%;
		width: 10%;
	}
	#data_area .img_data{
		display: block;
		margin: 0 auto;
		
	}
	#data_area h2{
    color: #337A6E;
    line-height: 1.5em;
    margin: 0 auto 20px auto;
    text-align: center;
	}
	
	#support_area{
	}
	#support_area .tit_support{
    background-color: #0C3E7A;
    color: #fff;
    font-size: 8vw;
    padding: 20px 0;
    display: block;
    text-align: center;
	line-height: 1.2em;
	}
	#support_area .txt_s{
	font-size: 4.5vw;
}
	#support_area h3{
		font-size: 6vw;
		color: #0C3E7A;
		text-align: center;
		line-height: 1.6em;
	}
	#support_area .support_box{
display: block;
    width: 90%;
    margin: 20px auto;
    padding: 0;
    line-height: 2em;
    font-size: 5vw;
	}
	#support_area .center_orange{
		border: solid 1px #FFA400;
		margin-bottom: 20px;
	}
	#support_area .center_orange dl{

	}
	#support_area .center_orange dt{
		background-color: #FFA400;
		color: #fff;
		line-height: 1.2em;
		font-size: 8vw;
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
	}
	#support_area .center_orange dd{
		padding: 15px;
		margin: 0;
	}
	#support_area .center_orange .name{
		color: #FFA400;
		background: url(../img/ph_hasegawa.jpg) center right no-repeat #FFF5E6;
		background-size: 42%;
		padding: 4% 0 4% 6%;
		font-weight: bold;
	}
	#support_area .center_orange .txt_l{
		font-size:6vw;
		color: #FFA400;
	}
	#support_area .center_orange .name_katagaki{
		width: 55%;
}
	#support_area .center_green{
		border: solid 1px #42CCB8;
	}
	#support_area .center_green dl{

	}
	#support_area .center_green dt{
		background-color: #42CCB8;
		color: #fff;
		line-height: 1.2em;
		font-size: 8vw;
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
	}
	#support_area .center_green dd{
		padding: 15px ;
		margin: 0;
	}
	#support_area .center_green .name{
		color: #42CCB8;
		background: url(../img/ph_yasuda.jpg) center right no-repeat #D8EFE4;
		background-size: 42%;
		padding: 4% 0 4% 6%;
		font-weight: bold;
	}
	#support_area .center_green .txt_l{
		font-size:6vw;
		color: #42CCB8;
	}
	#support_area .center_green .name_katagaki{
		width: 53%;
}

/*----- キャンパスアドバイザー SP -----*/
	#CA_area{
		
	}
	#CA_area .tit_CA{
		background: url("../img/tit_CA_sp.jpg") center center no-repeat;
		background-size: 100%;
		padding: 21.8%;
	}
	#CA_area p{
		    display: block;
    width: 90%;
    margin: 20px auto;
    padding: 0;
    line-height: 2em;
    font-size: 5vw;
	}
	#CA_area .img_flow{
	background: url(../img/img_CA_sp.png) center center no-repeat;
    background-size: 90%;
    padding-bottom: 147%;
	image-rendering: -webkit-optimize-contrast;
	}
	
/*----- TFU人材育成プログラム SP -----*/
	#TFU_area{

	}
	#TFU_area .tit_TFU{
		background-color: #76B3E7;
		color: #fff;
		font-size: 7vw;
		padding: 20px 0;
		display: block;
		text-align: center;
		line-height: 1.2em;
		margin-bottom:40px;
	}
	#TFU_area .txt_s{
		font-size: 5vw;
	}
	#TFU_area .img_tfu{
		display: block;
		width: 90%;
		margin: 20px auto;
		padding: 0;

	}
	#TFU_area img{
	}
	#TFU_area .TFU_box{
		width: 90%;
    display: block;
    margin: 0 auto;
    line-height: 2em;
    font-size: 5vw;
	}
	#TFU_area .why_box{
		display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    line-height: 2em;
    font-size: 5vw;
    border: solid 1px #76B3E7;
}



	#TFU_area .why_box dl{
		padding: 0;
		margin: 0;
	}
	#TFU_area .why_box dt{
    background-color: #76B3E7;
    color: #fff;
    line-height: 1.2em;
    font-size: 5vw;
    padding: 20px;
    text-align: center;
    font-weight: bold;
	}
	#TFU_area .why_box dd{
		padding: 15px;
   		margin: 0;
	}
	#TFU_area .why_box img{
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	
/*----- 保護者の皆様へ SP -----*/
	#link_area h2{
		color: #337A6E;
		font-size: 8vw;
		text-align: center;
		padding: 40px 0;
	}
	#link_area img:hover{

}
	#link_area .txt_lnk ul{
		    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
	}
	#link_area .txt_lnk li{
	width: 90%;
    color: #337A6E;
    border: solid 1px #337A6E;
    padding: 30px 10px;
    list-style: none;
    font-size: 6vw;
    text-align: center;
    background: #fff;
    margin: 0 auto 10px auto;
	}


	#link_area .ban_lnk ul{
		width: 90%;
    display: block;
    margin: 20px auto;
    padding: 0;
    text-align: center;

	}
	#link_area .ban_lnk li{
		width: 95%;
    margin: 0 auto 10px auto;
    list-style: none;
	}
	#link_area .banner_box{
		background-color: #DEE8F0;
		padding: 20px 0;
}
	#link_area .banner_box img{
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	footer{
		text-align: center;
		font-size: 1vw;
		color: #B6B6B6;
		padding: 0 0 25% 0;
}
.fix_footer{
		width: 100%;
		background-color:#FF0000 ;
		position: fixed;
		bottom: 0;
}
.fix_footer img{
	width: 98%;
	display: block;
	margin: 0 auto;

}
.fix_footer:hover{
	opacity: 0.8;
}

/*--------　topへ戻るボタン　-------*/
#page-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    font-size: 80%;
	z-index: 10;
}
 
#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 55px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	font-weight: bold;
}
 
#page-top a:hover {
    background: #999;
    text-decoration: none;
}

}

/*======PC(750px以上)対応======*/
@media screen and (min-width: 751px){
	/*　画面サイズが750px以上の場合、ここのスタイルを読み込む　*/
	header{
		margin: 10px 0 0 10px;
	}
	header img{
		width: auto;
		height: 40px;
	}
#wrapper{
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.to{
		position: absolute;
		left: 40%;
		top: 2%;
		border: solid 2px #337A6E;
		padding: 2px 80px;
		font-size: 0.9em;
		font-weight: bold;
		color: #337A6E;	
	}
	.Mainvisual{
		background: url(../img/MV_pc.jpg) center center no-repeat;
		background-size: 100%;
		padding-bottom: 35.4%;
		position: relative;
		margin:10px 0 0 0;
	}
	h1{
		display: block;
		width: 25%;
		margin: 20px auto;
	}

	#tokucho_area dd{
		display: block;
		width: 60%;
		margin: 20px auto;
		padding: 0;
		line-height: 2em;
		font-size: 1.5vw;
	}
	#tokucho_area .img_skil{
		background: url("../img/img_skil_pc.png") center center no-repeat;
		background-size: 100%;
		padding-bottom: 32.7%;
		position: relative;
	}
	#tokucho_area .img_btn img{
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	#tokucho_area h2{
		color: #337A6E;
	}
	#tokucho_area .point1{
		background: url("../img/point1.png") center center no-repeat;
		background-size: 50vw;
		padding-bottom: 9.4%;
		position: relative;
		margin:10px 0 0 0;
		background-color:#337A6E ;
	}
	#tokucho_area .point2{
		background: url("../img/point2.png") center center no-repeat;
		background-size: 50vw;
		padding-bottom: 9.4%;
		position: relative;
		margin:10px 0 0 0;
		background-color:#337A6E ;
	}
	#tokucho_area .img_60 img{
		display: block;
		margin: 0 auto;
		width: 60%;
	}
	#tokucho_area .point3{
		background: url("../img/point3.png") center center no-repeat;
		background-size: 50vw;
		padding-bottom: 9.4%;
		position: relative;
		margin:10px 0 0 0;
		background-color:#337A6E ;
	}

/*----- 数字で読み解く大学生の「今」PC -----*/
	#data_area{
		background-color: #EDF7ED;
		padding: 20px 0;
	}
	#data_area p{		
		line-height: 2em;
		font-size: 1.5vw;
		width: 80%;
		display: block;
		margin: 20px auto;
	}
	#data_area .tit_data img{
		display: block;
		margin: 20px auto 10px auto;
		width: 35%;
	}
	#data_area .bg_white{
		display: table;
		background-color: #fff;
		width: 80%;
		margin: 40px auto;
		padding: 40px 20px;
		position: relative;
	}
	#data_area .clip img{
		position: absolute;
		top:-10px;
		left: 50%;
		width: 5%;
	}
	#data_area .img_data{
		display: block;
		margin: 0 auto;
		width: 50%;
	}
	#data_area h2{
    color: #337A6E;
    line-height: 1.5em;
    margin: 0 auto 20px auto;
    text-align: center;
	}
	
	#support_area{
	}
	#support_area .tit_support{
    background-color: #0C3E7A;
    color: #fff;
    font-size: 3vw;
    padding: 20px 0;
    display: block;
    text-align: center;
	line-height: 1.2em;
	}
	#support_area .txt_s{
	font-size: 1.9vw;
}
	#support_area h3{
		font-size: 1.6vw;
		color: #0C3E7A;
		text-align: center;
		line-height: 1.6em;
	}
	#support_area .support_box{
		display: block;
		width: 60%;
		margin: 20px auto;
		padding: 0;
		line-height: 2em;
		font-size: 1.5vw;
	}
	#support_area .center_orange{
		border: solid 1px #FFA400;
		margin-bottom: 20px;
	}
	#support_area .center_orange dl{

	}
	#support_area .center_orange dt{
		background-color: #FFA400;
		color: #fff;
		line-height: 1.2em;
		font-size: 2.5vw;
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
	}
	#support_area .center_orange dd{
		padding: 15px 30px 15px 30px;
		margin: 0;
	}
	#support_area .center_orange .name{
		color: #FFA400;
		background: url(../img/ph_hasegawa.jpg) center right no-repeat #FFF5E6;
		background-size: 22%;
		padding: 6% 0 6% 6%;
		font-weight: bold;
	}
	#support_area .center_orange .txt_l{
		font-size:2vw;
		color: #FFA400;
	}
	
	#support_area .center_green{
		border: solid 1px #42CCB8;
	}
	#support_area .center_green dl{

	}
	#support_area .center_green dt{
		background-color: #42CCB8;
		color: #fff;
		line-height: 1.2em;
		font-size: 2.5vw;
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
	}
	#support_area .center_green dd{
		padding: 15px 30px 15px 30px;
		margin: 0;
	}
	#support_area .center_green .name{
		color: #42CCB8;
		background: url(../img/ph_yasuda.jpg) center right no-repeat #D8EFE4;
		background-size: 22%;
		padding: 6% 0 6% 6%;
		font-weight: bold;
	}
	#support_area .center_green .txt_l{
		font-size:2vw;
		color: #42CCB8;
	}
/*----- キャンパスアドバイザー PC -----*/
	#CA_area{
		
	}
	#CA_area .tit_CA{
		background: url("../img/tit_CA_pc.jpg") center center no-repeat;
		background-size: 100%;
		padding: 10.9%;
	}
	#CA_area p{
		display: block;
		width: 60%;
		margin: 20px auto;
		padding: 0;
		line-height: 2em;
		font-size: 1.5vw;
	}
	#CA_area .img_flow{
		background: url(../img/img_CA_pc.png) center center no-repeat;
		background-size: 70%;
		padding: 12%;
		image-rendering: -webkit-optimize-contrast;
	}
	
/*----- TFU人材育成プログラム PC -----*/
	#TFU_area{

	}
	#TFU_area .tit_TFU{
		background-color: #76B3E7;
		color: #fff;
		font-size: 3vw;
		padding: 20px 0;
		display: block;
		text-align: center;
		line-height: 1.2em;
		margin-bottom:40px;
	}
	#TFU_area .txt_s{
		font-size: 1.9vw;
	}
	#TFU_area .img_tfu{
		display: block;
		width: 60%;
		margin: 20px auto;
		padding: 0;

	}
	#TFU_area img{
	}
	#TFU_area .TFU_box{
		width: 60%;
		display: block;
		margin: 0 auto;
		line-height: 2em;
		font-size: 1.5vw;
	}
	#TFU_area .why_box{
		    display: block;
		width: 60%;
		margin: 20px auto;
		padding: 0;
		line-height: 2em;
		font-size: 1.5vw;
		border: solid 1px #76B3E7;
	}
	#TFU_area .why_box dl{
		padding: 0;
		margin: 0;
	}
	#TFU_area .why_box dt{
		background-color: #76B3E7;
		color: #fff;
		line-height: 1.2em;
		font-size: 2.5vw;
		padding: 20px 110px;
		text-align: center;
		font-weight: bold;
	}
	#TFU_area .why_box dd{
		padding: 15px 30px 15px 30px;
   		margin: 0;
	}
	#TFU_area .why_box img{
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	
/*----- 保護者の皆様へ PC -----*/
	#link_area h2{
		color: #337A6E;
		font-size: 2.5vw;
		text-align: center;
		padding: 40px 0;
	}
	#link_area img:hover{
opacity: 0.5;
}
	#link_area .txt_lnk ul{
		width: 60%;
		display: block;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	#link_area .txt_lnk li{
		display: inline-block;
		width: 20%;
		color: #337A6E;
		border: solid 1px #337A6E;
		padding: 20px 10px;
		list-style: none;
		font-size: 1.2vw;
		text-align: center;
		background: #fff;
	}
	#link_area .txt_lnk li:hover{
    background:#337A6E;/*カーソル乗せた後の背景色*/
		color: #fff;
}
	#link_area a{
		color: #337A6E;
	}
	#link_area a:visited{
		color:inherit;
	}
	#link_area a:hover{
		color:#fff;
	}

	#link_area .ban_lnk ul{
		width: 60%;
		display: block;
		margin: 20px auto;
		padding: 0;
		text-align: center;

	}
	#link_area .ban_lnk li{
		display: inline-block;
		width: 47%;
		list-style: none;
	}
	#link_area .banner_box{
		background-color: #DEE8F0;
		padding: 20px 0;
}
	#link_area .banner_box img{
		width: 30%;
		display: block;
		margin: 0 auto;
	}
	footer{
		text-align: center;
		font-size: 0.8vw;
		color: #B6B6B6;
		padding: 0 0 10% 0;
}
.fix_footer{
		width: 100%;
		background-color:#FF0000 ;
		position: fixed;
		bottom: 0;
}
.fix_footer img{
	width: 30%;
	display: block;
	margin: 0 auto;

}
.fix_footer:hover{
	opacity: 0.8;
}

/*--------　topへ戻るボタン　-------*/
#page-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    font-size: 80%;
	z-index: 10;
}
 
#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 55px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	font-weight: bold;
}
 
#page-top a:hover {
    background: #999;
    text-decoration: none;
}

}