@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 7vw 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 .contentcol{
		width:70%;
		text-align:left;
		margin:0 auto 1.8vw;
		padding:0;
	}
	
	.content0 .contentcol dt{
		width:30%;
		text-align:left;
		line-height:1.67em;
		letter-spacing:0.4em;
		font-weight:bold;
		margin:0 4.5vw 0 0;
		display: block;
		float: left;
	}
	.content0 .contentcol dd{
		width:55.2%;
		text-align:left;
		line-height:1.67em;
		letter-spacing:0.1em;
		margin:0;
		display: block;
		float: left;
	}
}

@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 .contentcol{
		width:85%;
		margin:0 auto 1.4vw;
		text-align:left;
	}

	.content0 .contentcol dt{
		width:100%;
		line-height:1.67em;
		letter-spacing:0.4em;
		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 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		width:100%;
		margin:0 auto 0 auto;
		padding:1vw 0 1vw 0;
		text-align:center;
	}
	
	.content1row{
		width:30%;
		text-align: center;
		margin:0 30px;
		display:inline-block;
	}
	li.contentrow-img{
		width:50%;
		height: 100%;
		margin:0 auto 1vw;
	}
	.content1row li{
		font-weight:bold;
		letter-spacing:0.1em;
	}
	
	.content1 .morelink{
		position:relative;
		display:block;
		width:90%;
		margin:1.5vw auto 7vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:10px 0;
		font-weight:bold;
		letter-spacing:0.1em;
		overflow:hidden;
	}
	
	.content1 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content1 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 3vw 0;
		text-align:center;
	}
	
	.content1row{
		width:40%;
		text-align: center;
		margin:0 auto;
		display:inline-block;
	}
	li.contentrow-img{
		width:70%;
		margin:0 auto 2vw;
	}
	.content1row li{
		font-weight:bold;
		letter-spacing:0.1em;
	}
	
	.content1 .morelink{
		position:relative;
		display:block;
		width:80%;
		margin:2vw auto 10vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:2vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content1 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content1 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:2vw;
		margin:auto;
	}
}
/* content1 */

/* content2 */
@media screen and (min-width: 641px) { 
	.content2{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 7.5vw 0;
		text-align:center;
	}
	
	.content2row{
		width:20%;
		text-align: center;
		margin:0 30px;
		display:inline-block;
	}
	li.contentrow-img{
		width:50%;
		height: 100%;
		margin:0 auto 1vw;
	}
	.content2row li{
		font-weight:bold;
		letter-spacing:0.1em;
	}
	
	.content2 .morelink{
		position:relative;
		display:block;
		width:90%;
		margin:1.5vw auto 5vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:10px 0;
		font-weight:bold;
		letter-spacing:0.1em;
		overflow:hidden;
	}
	
	.content2 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content2 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
}

@media screen and (max-width: 640px) {
	.content2{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 7.5vw 0;
		text-align:center;
	}
	
	.content2row{
		width:30%;
		text-align: center;
		margin:0 auto;
		display:inline-block;
	}
	li.contentrow-img{
		width:70%;
		margin:0 auto 2vw;
	}
	.content2row li{
		font-weight:bold;
		letter-spacing:0.1em;
	}
	
	.content2 .morelink{
		position:relative;
		display:block;
		width:80%;
		margin:2vw auto 10vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:2vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content2 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content2 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:2vw;
		margin:auto;
	}
}
/* content2 */