@charset "UTF-8";


/*===========================================

MAIN

===========================================*/

/* content0 */
@media screen and (min-width: 641px) { 
	.content0{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 3.5vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 10vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 1vw 0;
	}
	
	.content0 .contentlink{
		width:100%;
		text-align:left;
		margin:0 auto;
		padding:4.3vw 0;
		border-top:solid 1px #706f6f;
		border-bottom:solid 1px #706f6f;
	}
	.content0 .contentlink.newgraduate{
		margin: 4.3vw 0 0 0;
		padding: 4.3vw 0 0 0;
		border-bottom: 0;
	}
	
	.content0 .contentlink ul{
		text-align: center;
	}
	.content0 .contentlink ul li{
		text-align: center;
		display:inline-block;
		letter-spacing:0.2em;
		font-weight:bold;
	}
	.content0 .contentcoltitle{
		width:100%;
		text-align:left;
		margin:0 auto 0 auto;
		padding: 4.3vw 0 3vw 0;
	}
	
	.content0 .contentcoltitle dt{
		width:100%;
		text-align:center;
		line-height:1.67em;
		/*letter-spacing:0.8em;*/
		margin:0 0 0 0;
		display: block;
	}
	.content0 .contentcoltitle dd{
		width:100%;
		text-align:center;
		line-height:1.67em;
		font-weight:bold;
		letter-spacing:0.1em;
		margin:0;
		display: block;
	}
	
	.content0 .contentcol{
		width:100%;
		text-align:left;
		margin:0 auto 1.8vw;
		padding:0;
	}
	
	.content0 .contentcol dt{
		width:25%;
		text-align:left;
		line-height:1.67em;
		/*letter-spacing:0.8em;*/
		font-weight:bold;
		margin:0 5% 0 0;
		display: block;
		float: left;
		/*border-bottom: solid 1px #ccc;*/
	}
	.content0 .contentcol dd{
		width:70%;
		text-align:left;
		line-height:1.67em;
		letter-spacing:0.1em;
		margin:0;
		display: block;
		float: left;
	}
	.content0 .contentcol dd span{
		display: inline-block;
		position: relative;
		padding: 0 0 0 1.2em;
	}
	.content0 .contentcol dd span.dot::after{
		position: absolute;
		display: block;
		content: "・";
		top:0;
		left: 0;
	}
	.content0 .contentcol dd span.ast:after{
		position: absolute;
		display: block;
		content: "※";
		top:0;
		left: 0;
	}
	.content0 .contentcol dd a{
		text-decoration: underline;
	}
	
	.content0 .seg{
	    width: 100%;
		display: block;
		margin: 4.3vw 0 0 0;
		height: 1px;
		border: 0;
		background-color: #000;
	}
	
	.content0 .newgraduate_txt{
		width: 100%;
		text-align: center;
		margin: 3vw 0 1vw 0;
	}
	
	
	.content0 .career_txt{
		width: 100%;
		text-align: center;
		margin: 3vw 0 1vw 0;
	}
	.content0 .morelink{
		position:relative;
		display:block;
		width:31.333333333%;
		margin:0 auto 5vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content0 .morelink.wantedly{
		background: -webkit-linear-gradient(top left, rgb(13, 147, 224), rgb(0, 196, 196));
		background: -o-linear-gradient(top left, rgb(13, 147, 224), rgb(0, 196, 196));
		background: linear-gradient(to bottom right, rgb(13, 147, 224), rgb(0, 196, 196));
		background-color: rgb(13, 147, 224);
		
    	background-size: 200% 200%;
		animation-name: gradation;
		animation-duration: 2.0s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-timing-function: ease-in-out;
	}
	
	.content0 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content0 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
	
	
	
	.content0 .wantedlylink{
		position:relative;
		display:block;
		width:31.333333333%;
		margin:0 auto 5vw auto;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
		transition: opacity 0.4s;
	}
	.content0 .wantedlylink:hover{
		color: #000!important;
		opacity: 0.8;
		text-decoration: underline;
	}
	.content0 .wantedlylink img{
		width: 100%;
	}
	
	
}

@media screen and (max-width: 640px) {
	.content0{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 7.5vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:15vw auto 17vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 2vw 0;
	}
	
	
	.content0 .contentlink{
		width:85%;
		text-align:left;
		margin:0 auto;
		padding:10vw 0;
		border-top:solid 1px #706f6f;
		border-bottom:solid 1px #706f6f;
	}
	.content0 .contentlink.newgraduate{
		margin: 8vw auto 0 auto;
		padding:10vw 0 0 0;
		border-bottom: 0;
	}
	
	.content0 .contentlink ul{
		text-align: center;
	}
	.content0 .contentlink ul li{
		text-align: center;
		display:inline-block;
		letter-spacing:0.2em;
		font-weight:bold;
	}
	
	
	.content0 .contentcoltitle{
		width:100%;
		text-align:left;
		margin:0 auto 0 auto;
		padding: 8vw 0 3vw 0;
	}
	
	.content0 .contentcoltitle dt{
		width:100%;
		text-align:center;
		line-height:1.67em;
		/*letter-spacing:0.8em;*/
		margin:0 0 0 0;
		display: block;
	}
	.content0 .contentcoltitle dd{
		width:100%;
		text-align:center;
		line-height:1.67em;
		font-weight:bold;
		letter-spacing:0.1em;
		margin:0;
		display: block;
	}

	.content0 .contentcol{
		width:85%;
		margin:0 auto 1.4vw;
		text-align:left;
	}

	.content0 .contentcol dt{
		width:100%;
		line-height:1.67em;
		margin:0 0 1.5vw 0;
		padding: 1vw 0 1vw 3vw;
		background:#eeeeee;
		font-weight:bold;
	}
	.content0 .contentcol dd{
		width:100%;
		text-align:left;
		line-height:1.67em;
		letter-spacing:0.1em;
		margin:0 0 3vw 0;
		padding: 0 0 0 3vw;
		display: block;
	}
	.content0 .contentcol dd span{
		display: inline-block;
		position: relative;
		padding: 0 0 0 1.2em;
	}
	.content0 .contentcol dd span.dot::after{
		position: absolute;
		display: block;
		content: "・";
		top:0;
		left: 0;
	}
	.content0 .contentcol dd span.ast:after{
		position: absolute;
		display: block;
		content: "※";
		top:0;
		left: 0;
	}
	.content0 .contentcol dd a{
		text-decoration: underline;
	}
	
	.content0 .seg{
	    width: 85%;
		display: block;
		margin: 8vw auto 0 auto;
		height: 1px;
		border: 0;
		background-color: #000;
	}
	
	.content0 .newgraduate_txt{
	    width: 85%;
		text-align: center;
		margin: 3vw auto 1vw auto;
	}
	
	.content0 .career_txt{
	    width: 85%;
		text-align: center;
		margin: 3vw auto 1vw auto;
	}
	
	.content0 .morelink{
		position:relative;
		display:block;
		width:50%;
		margin:0 auto 5vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:2vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content0 .morelink span{
		position:relative;
		z-index:1000;
		top: -2px;
	}
	
	.content0 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:5vw;
		margin:auto;
	}	
	
	
	
	
	.content0 .morelink.wantedly{
		background: -webkit-linear-gradient(top left, rgb(13, 147, 224), rgb(0, 196, 196));
		background: -o-linear-gradient(top left, rgb(13, 147, 224), rgb(0, 196, 196));
		background: linear-gradient(to bottom right, rgb(13, 147, 224), rgb(0, 196, 196));
		background-color: rgb(13, 147, 224);
		
    	background-size: 200% 200%;
		animation-name: gradation;
		animation-duration: 2.0s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-timing-function: ease-in-out;
	}
	
	
	
	
	
	
	
	
	.content0 .wantedlylink{
		position:relative;
		display:block;
		width:31.333333333%;
		margin:0 auto 5vw auto;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
		transition: opacity 0.4s;
	}
	.content0 .wantedlylink:hover{
		color: #000!important;
		opacity: 0.8;
		text-decoration: underline;
	}
	.content0 .wantedlylink img{
		width: 100%;
	}
}
/* content0 */
@keyframes gradation{
    0%{
        background-position: 0% 0%;
    }
    100%{
        background-position: 100% 100%;
    }
}