@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 0.5vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 8vw 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 .m-title{
		margin:0 0 2vw 0;
		padding:0;
	}

	.content0 .content0-sub{
		width:60%;
		margin:0 auto;
		padding:0 0 5vw;
	}
	.content0 .content0-sub p{
		margin:0 0 2vw;
		padding:0;
		line-height:2.6em;
		text-align:left;
	}
	
}

@media screen and (max-width: 640px) {
	.content0{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:15vw auto 13vw 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 .content0-sub{
		width:85%;
		margin:0 auto;
		padding:0 0 3vw;
	}
	.content0 .content0-sub p{
		margin:0 0 5vw;
		padding:0;
		line-height:2.3em;
		text-align:left;
	}

}
/* content0 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0;
	}

	.content1 .contentlink{
		width:100%;
		text-align:left;
		margin:0 auto;
		padding:4vw 0 4.4vw;
		border-top:solid 1px #706f6f;
	}

	.content1 .contentlink .m-title{
		margin:0 0 1vw;
		padding:0 0 0;
		text-align:center;
		letter-spacing:0.2em;
	}
		
	.content1 .contentlink ul{
		text-align: center;
	}
	.content1 .contentlink ul li{
		text-align: center;
		display:inline-block;
		letter-spacing:0.15em;
		font-weight:bold;
	}
	.content1 .contentlink ul li .display-pc{
		display:inline-block;
		margin: 0 6px 0 10px;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width:100%;
		margin:0 auto 0 auto;
		padding:0;
	}

	.content1 .contentlink{
		width:85%;
		text-align:left;
		margin:0 auto;
		padding:7.3vw 0 8vw;
		border-top:solid 1px #706f6f;
	}

	.content1 .contentlink .m-title{
		margin:0 0 2vw;
		padding:0 0 0;
		text-align:center;
		letter-spacing:0.2em;
	}
		
	.content1 .contentlink ul{
		text-align: center;
	}
	.content1 .contentlink ul li{
		text-align: center;
		display:block;
		letter-spacing:0.2em;
		font-weight:bold;
	}
}
/* content1 */


/* content2 */
@media screen and (min-width: 641px) { 
	.content2{
		width:100%;
		margin:0 auto 0 auto;
		padding:0;
	}
	
	.content2 .content2-sub{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:2.2vw 0 4vw;
		border-top:solid 1px #706f6f;
	}
	.content2 .content2-sub:last-child{
		padding:2.2vw 0 10vw;
	}
	
	.content2 .content2-sub .content2row{
		width:95.4%;
		margin:0 0 0 3.6vw;
	}
	.content2 .content2-sub .content2row .col1{
		width:28.1%;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	.content2 .content2-sub .content2row .col2{
		width:67%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
		float:right;
	}
	.content2 .content2-sub .content2row .col2 .m-title{
		margin:0.5vw 0 1.5vw;
		padding:0;
	}
	.content2 .content2-sub .content2row .col2 p{
		margin:0;
		padding:0;
		line-height:2.5em;
	}

	.content2 .morelink{
		position:relative;
		display:block;
		width:22%;
		margin:0 auto 4vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:1.5vw 3vw;
		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:1vw;
		margin:auto;
	}
}

@media screen and (max-width: 640px) {
	.content2{
		width:100%;
		margin:0 auto 0 auto;
		padding:0;
	}
	
	.content2 .content2-sub{
		width:85%;
		margin:0 auto 0 auto;
		padding:4vw 0 2vw;
		border-top:solid 1px #706f6f;
	}
	.content2 .content2-sub:last-child{
		padding:4vw 0 18vw;
	}
	
	.content2 .content2-sub .content2row{
		width:95%;
		margin:0 auto;
	}
	.content2 .content2-sub .content2row .col1{
		width:26%;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	.content2 .content2-sub .content2row .col2{
		width:68%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
		float:right;
	}
	.content2 .content2-sub .content2row .col2 .m-title{
		margin:1.2vw 0 2vw;
		padding:0;
	}
	.content2 .content2-sub .content2row .col2 p{
		margin:0;
		padding:0;
		line-height:2.3em;
	}
	
	.content2 .morelink{
		position:relative;
		display:block;
		width:50%;
		margin:2vw auto 6vw 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:5vw;
		margin:auto;
	}
}
/* content2 */


/* content3 */
@media screen and (min-width: 641px) {
	.content3{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:2.8vw 0 7.3vw;
	}

	.content3 .m-title{
		margin:0 0 1.8vw;
		padding:0;
		text-align:center;
		letter-spacing: 0.15em;
	}

	.content3 .content3-sub{
		width:76%;
		margin:0 auto 2.3vw auto;
		padding:0;
	}

	.content3 .content3-sub .m-title2{
		text-align:center;
		margin:0 0 1vw;
		padding:0 0 0.46vw;
		border-bottom:solid 1px #706f6f;
	}

	.content3 .content3-sub .content3row{}

	.content3 .content3-sub .content3row li{
		display:inline-block;
		margin:0 0 0.77vw 0;
	}

	.content3 .content3-sub .content3row1 li:nth-child(3n+1){
		width:36%;
		margin:0 0 0.77vw 0;
	}
	.content3 .content3-sub .content3row1 li:nth-child(3n+2){
		width:32%;
		margin:0 4vw 0.77vw 2vw;
	}

	.content3 .content3-sub .content3row2 li:nth-child(3n+2){
		margin:0 0 0.77vw 16vw;
	}

	.content3 .content3-sub .content3row3 li:nth-child(3n+2){
		margin:0 6vw 0.77vw 5vw;
	}
	.content3 .content3-sub .content3row3 li:nth-child(3n+3){
		margin:0 5.7vw 0.77vw 0;
	}

	.content3 .content3-sub .content3row4 li:nth-child(3n+2){
		margin:0 6vw 0.77vw 7vw;
	}
	.content3 .content3-sub .content3row4 li:nth-child(3n+3){
		margin:0 6.5vw 0.77vw 0;
	}
	.content3 .content3-sub .content3row4 li:nth-child(3n+5){
		margin:0 0 0.77vw 6vw;
	}

}

@media screen and (max-width: 640px) {
	.content3{
		width:85%;
		margin:0 auto 0 auto;
		padding:8vw 0 14vw;
	}

	.content3 .m-title{
		margin:0 0 6vw;
		padding:0;
		text-align:center;
		letter-spacing: 0.15em;
	}

	.content3 .content3-sub{
		width:85%;
		margin:0 auto 4vw auto;
		padding:0;
	}

	.content3 .content3-sub .m-title2{
		text-align:center;
		margin:0 0 2vw;
		padding:0 0 1vw;
		border-bottom:solid 1px #706f6f;
	}

	.content3 .content3-sub .content3row{}

	.content3 .content3-sub .content3row li{
		width:46%;
		display:inline-block;
		margin:0 0 1.5vw 0;
	}

	.content3 .content3-sub .content3row li:nth-child(odd){
		width:47%;
		margin:0 3vw 1.5vw 0;
	}

	.content3 .content3-sub .content3row1 li:nth-child(even){
		width:44%;
		margin:0 0 1.5vw 0;
	}
	.content3 .content3-sub .content3row1 li:nth-child(odd){
		width:50%;
		margin:0 3vw 1.5vw 0;
	}
}
/* content3 */