@charset "utf-8";
/* CSS Document */


	*{
 		margin: 0;
		padding: 0;
	}

	.wrap{
		overflow: hidden;
	}

	body{
		font-family: 'Noto Sans JP', sans-serif,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシッ	ク','MS PGothic';
		color: #333333;
		background-image: none;
	}

	a{
		text-decoration: none;
	}

	img {
		vertical-align:bottom;
 		pointer-events: none; 
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
		touch-callout:none;
		user-select:none;
	}




@media screen and (min-width:990px) {

/*PC向け記述*/
	
	a[href^="tel:"] {
   	 	pointer-events: none;
	}
	
	.fadein {
 		opacity : 0;
  		transform: translateY(20px);
  		transition: all 1s;
	}

/*key*/
	.keyvisual{
		height: 250px;
		background-image: url(./image/top01.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
	}
	
	.key_title{
		position: absolute;top:50%;left:50%;
		transform: translate(-50%,-50%);
		text-align: center;
		color: #333;
	}
	
	.key_title h1{
		font-weight: 500;
	}
	
	.key_title p{
		font-weight: 500;		
	}
	
	.key_title p:after{
		content: '';
		display: block;
		width: 80px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 4px solid #0074bf;
		border-radius: 2px;
	}
	
	/*パンクズ*/
	
	.breadcage{
		max-width: 1160px;
		margin: 10px auto 30px auto;
	}
	
	.breadcrumb {
		margin: 0 0 0 10px;
		padding: 0;
		list-style: none;
	}
	
	.breadcrumb li {
		display: inline;
		list-style: none;
		font-weight: 400;
		font-size: 0.8em;
	}
	
	.breadcrumb li:after {
		content: '>';
		padding: 0 0.2em;
		color: #333333;
	}
	
	.breadcrumb li:last-child:after {
		content: '';
	}
	
	.breadcrumb li a {
		text-decoration: none;
		color: #333333;
	}
	
	.breadcrumb li a:hover {
		color: #0074bf;
		text-decoration: underline;
	}
	
	/*中身*/
	
	.link-box{
		max-width: 750px;
		margin: 0 auto 50px;
		display: flex;
		justify-content: center;
	}
	
	.link-box a{
		width: 20%;
		border: 1px solid #0074bf;
		margin: 10px;
		font-size: 0.8em;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #0074bf;
	}
	
	a.returnpage{
		border: double;
		height: 36px;
		line-height: 36px;
	}
	

	
	.link-box a:hover{
		opacity: 0.8;
		background-color: #0074bf;
		color: #ffffff;
		transition: 0.5s;
	}
		
	a.prevpage::before{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-left: 1px solid #0074bf;
		border-bottom: 1px solid #0074bf;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;		
	}
	
	a.prevpage:hover::before{
		border-color: #ffffff;
		transition: 0.2s;
	}
	
	a.nextpage::after{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-right: 1px solid #0074bf;
		border-top: 1px solid #0074bf;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;
	}
	
	a.nextpage:hover::after{
		border-color: #ffffff;
		transition: 0.2s;
	}
	
	/*リンク先無しの場合*/
	.link-box p{
		width: 20%;
		/*border: 1px solid #0074bf;*/
		margin: 10px;
		font-size: 0.8em;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #333333;	
		background-color: #c3c3c3;
	}
	
	p.prevpage::before{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;		
	}
	
	p.nextpage::after{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-right: 1px solid #000000;
		border-top: 1px solid #000000;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;
	}
	
	
		
	.interview_case{
		max-width: 800px;
		margin: 0px auto 80px;
	}
	
	.interview_box{
		display: flex;
		border: 0.5px solid #C1C1C1; 
		padding: 20px;
		margin-bottom: 80px;
	}
	
	p.imagebox{
		width: 320px;
	}	
	
	.parsontext{
		margin-left: 30px;
	}
	
	h2.catchcopy{
		font-size: 1.2em;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	ul.person li{
		font-size: 0.8em;
		list-style-type: none;
		line-height: 30px;
		padding-left: 36px;
	}	
	
	li.name{    
		background-image: url('../image/icon01.png');
		background-repeat: no-repeat;
		background-position: left center;
		}
		
	li.birth{
		background-image: url('../image/icon02.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.school{
		background-image: url('../image/icon03.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.department{
		background-image: url('../image/icon04.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.time{
		background-image: url('../image/icon05.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.work{
		background-image: url('../image/icon06.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.inntitle_cage{
		margin: 50px 0 30px;
	}
	
	h3.question{
		font-weight: 600;
		font-size: 1.2em;
	}
	
	p.answer_text{
		line-height: 2em;
	}
	
	
	
	
   /*
	.cate_case{
		max-width: 800px;
		margin: 50px auto 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.cate_box{
		width: 350px;
		height: 250px;
		border-radius: 15px;
		margin-bottom: 30px;
		box-shadow: 0px 0px 10px gray;
		transition: 0.5s;
	}
	
	.cate_box:hover {
		opacity: 0.6;
	}
	
	a.cate_link{		
		color: #333;
		text-align: center;
		border-radius: 15px;		
	}
	
	.image_box{
		height: 140px;
		border-radius: 15px 15px 0 0 ;
	}
	
	.cate01_img{
		background-image: url(./image/cate01.jpg);
		background-color: #f2f2f2;
	}
	
	.cate02_img{
		background-image: url(./image/cate02.jpg);
		background-color: #f2f2f2;
	}
	
	.cate03_img{
		background-image: url(./image/cate03.jpg);
		background-color: #f2f2f2;
	}
	
	.cate04_img{
		background-image: url(./image/cate04.jpg);
		background-color: #f2f2f2;
	}
	
	.cate05_img{
		background-image: url(./image/cate05.jpg);
		background-color: #f2f2f2;
	}
	
	.cate06_img{
		background-image: url(./image/cate06.jpg);
		background-color: #f2f2f2;
	}
	
	.cate_index{
		height: 110px;
	}
	
	h2.cate{
		font-size: 1.2em;
		font-weight: 300;
		padding-top: 30px;
	}
	
	p.cate_sub{
		font-size: 0.8em;
		font-weight: 300;
		letter-spacing: 0.2em;
	}
	*/

	.sec_entry{
		background-image: url("../../image/entry01.jpg");
		background-position: center;
		background-color: #b0d7f4;
	}
	

	
	
}


			

@media only screen and (max-width: 989px)  {
 
/*タブレット向記述*/
 
	
	/*key*/
	
	.keyvisual{
		height: 200px;
		background-image: url(./image/top01.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
	}
	
	.key_title{
		position: absolute;top:50%;left:50%;
		transform: translate(-50%,-50%);
		text-align: center;
		color: #333;
	}
	
	.key_title h1{
		font-weight: 400;
	}
	
	.key_title p{
		font-weight: 400;		
	}
	
	.key_title p:after{
		content: '';
		display: block;
		width: 80px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 4px solid #0074bf;
		border-radius: 2px;
	}
	
	/*パンクズ*/
	
	.breadcage{
		width: 95%;
		margin: 10px auto 30px auto;
	}
	
	.breadcrumb {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.breadcrumb li {
		display: inline;
		list-style: none;
		font-weight: 400;
		font-size: 0.8em;
	}
	
	.breadcrumb li:after {
		content: '>';
		padding: 0 0.2em;
		color: #333333;
	}
	
	.breadcrumb li:last-child:after {
		content: '';
	}
	
	.breadcrumb li a {
		text-decoration: none;
		color: #333333;
	}
	
	
	/*中身*/
	
	.link-box{
		max-width: 750px;
		margin: 0 auto 30px;
		display: flex;
		justify-content: center;
	}
	
	.link-box a{
		width: 20%;
		border: 1px solid #0074bf;
		margin: 10px;
		font-size: 0.8em;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #0074bf;
	}
	
		a.returnpage{
		border: double;
		height: 36px;
		line-height: 36px;
	}
	
	.link-box a:hover{
		opacity: 0.8;
		background-color: #0074bf;
		color: #ffffff;
		transition: 0.5s;
	}
		
	a.prevpage::before{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-left: 1px solid #0074bf;
		border-bottom: 1px solid #0074bf;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;		
	}
	
	a.prevpage:hover::before{
		border-color: #ffffff;
		transition: 0.2s;
	}
	
	a.nextpage::after{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-right: 1px solid #0074bf;
		border-top: 1px solid #0074bf;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;
	}
	
	a.nextpage:hover::after{
		border-color: #ffffff;
		transition: 0.2s;
	}
	
	/*リンク先無しの場合*/
	.link-box p{
		width: 20%;
		/*border: 1px solid #0074bf;*/
		margin: 10px;
		font-size: 0.8em;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #333333;	
		background-color: #c3c3c3;
	}
	
	p.prevpage::before{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;		
	}
	
	p.nextpage::after{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px;
		border-right: 1px solid #000000;
		border-top: 1px solid #000000;
		transform: rotate(45deg);
		position: relative;
		bottom: 1px;
	}
	
	
		
	.interview_case{
		width: 90%;
		max-width: 800px;
		margin: 0px auto 80px;
	}
	
	.interview_box{
		display: flex;
		border: 0.5px solid #C1C1C1; 
		padding: 20px;
		margin-bottom: 80px;
	}
	
	p.imagebox{
		max-width: 320px;
		width: 70%;
	}
	
	img.senior-face{
		width: 100%;
	}
	
	.parsontext{
		margin-left: 30px;
	}
	
	h2.catchcopy{
		font-size: 1.2em;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	ul.person li{
		font-size: 0.8em;
		list-style-type: none;
		line-height: 30px;
		padding-left: 36px;
	}	
	
	li.name{    
		background-image: url('../image/icon01.png');
		background-repeat: no-repeat;
		background-position: left center;
		}
		
	li.birth{
		background-image: url('../image/icon02.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.school{
		background-image: url('../image/icon03.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.department{
		background-image: url('../image/icon04.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.time{
		background-image: url('../image/icon05.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	li.work{
		background-image: url('../image/icon06.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.inntitle_cage{
		margin: 50px 0 30px;
	}
	
	h3.question{
		font-weight: 600;
		font-size: 1.2em;
	}
	
	p.answer_text{
		line-height: 2em;
	}
	
	/*
	.cate_case{
		max-width: 800px;
		margin: 50px auto 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.cate_case:after{
		content: "";
		display: block;
		width: 350px;
		height: 0;
		margin: 0 15px 30px;
	}
	
	.cate_box{
		width: 350px;
		height: 250px;
		border-radius: 15px;
		margin: 0 15px 30px;
		box-shadow: 0px 0px 10px gray;
	}
	
	a.cate_link{		
		color: #333;
		text-align: center;
		border-radius: 15px;		
	}
	
	.image_box{
		height: 140px;
		border-radius: 15px 15px 0 0 ;
	}
	
	.cate01_img{
		background-image: url(./image/cate01.jpg);
		background-color: #f2f2f2;
		background-position: center;
	}
	
	.cate02_img{
		background-image: url(./image/cate02.jpg);
		background-color: #f2f2f2;
		background-position: center;
	}
	
	.cate03_img{
		background-image: url(./image/cate03.jpg);
		background-color: #f2f2f2;
		background-position: center;
	}
	
	.cate04_img{
		background-image: url(./image/cate04.jpg);
		background-color: #f2f2f2;
		background-position: center;
	}
	
	.cate05_img{
		background-image: url(./image/cate05.jpg);
		background-color: #f2f2f2;
		background-position: center;
	}
	
	.cate06_img{
		background-image: url(./image/cate06.jpg);
		background-color: #f2f2f2;
		background-position: center;
	}
	
	.cate_index{
		height: 110px;
	}
	
	h2.cate{
		font-size: 1.2em;
		font-weight: 300;
		padding-top: 30px;
	}
	
	p.cate_sub{
		font-size: 0.8em;
		font-weight: 300;
		letter-spacing: 0.2em;
	}
	*/
	
			
	.sec_entry{
		background-image: url("../../image/entry01.jpg");
		background-position: center;
		background-color: #b0d7f4;
	}
	
	
	
	
	
}


@media only screen and (max-width: 599px) {
 
	/*スマートホン向記述*/
	
	.keyvisual{
		height: 150px;
	}
	
	.key_title h1{
		font-size: 1.5em;
	}
	
	.link-box{
		max-width: 80%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	p.prevpage{
		order: 1;
		width: 43%
	}
	
	a.prevpage{
		order: 1;
		width: 43%
	}
	
	a.returnpage{
		order: 3;
		width: 100%;
	}
	
	a.nextpage{
		order: 2;
		width: 43%
	}
	
	p.nextpage{
		order: 2;
		width: 43%
	}
	
	
	.interview_box{
		display: flex;
		flex-wrap: wrap;
		border: 0.5px solid #C1C1C1; 
		padding: 20px;
		margin-bottom: 40px;
	}
	
	p.imagebox{
		max-width: 320px;
		margin: 0 auto;
	}
	
	
	.parsontext{
		max-width: 320px;
		margin: 30px auto 0;
	}
	
	p.answer_text{
		line-height: 1.5em;
	}
	
	
	/*
	
	.title_cage{
		margin-bottom: 0px;
	}
	
	
	h2.top_title{
		font-size: 1.2em;
	}
	
	p.sub_title{
		font-size: 0.5em;
	}
	
	.cate_case:after{
		max-width: 95%;
	}
	
	.cate_box{
		max-width: 95%;
		height: 200px;
	}
	
	.cate_index{
		height: 60px;
	}
	
	h2.cate{
		padding-top: 5px;
	}
	
	*/

	
 
}