@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 0;
		text-align:center;
	}
	
	.content0 .contenttitlefr{
		display:inline-block;
		margin:6vw auto 8.3vw 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 .content0-sub1{
		margin:0 0 2vw 0;
		line-height:2.6em;
		font-weight:bold;
	}
	
	.content0 .content0-sub1 p{
		margin:0 0 2.5vw 0;
		padding:0;
		
	}

	.content0 .content0-sub2{
		width: 20.4%;
		margin:0 auto 3vw auto;
	}

	.content0 .content0-sub3{
		width: 100%;
		margin:0 auto 5vw auto;
	}
	.content0 .content0-sub3 p{
		width: 100%;
		line-height: 2.4em;
		margin:0 auto 0 auto;
	}
}

@media screen and (max-width: 640px) {
	.content0{
		width:85%;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		text-align:center;
	}
	
	.content0 .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 .content0-sub1{
		margin:0 0 2vw 0;
		line-height:2.6em;
		font-weight:bold;
	}
	
	.content0 .content0-sub1 p{
		margin:0 0 2.5vw 0;
		padding:0;
		
	}

	.content0 .content0-sub2{
		width: 20.4%;
		margin:0 auto 3vw auto;
	}

	.content0 .content0-sub3{
		width: 100%;
		margin:0 auto 5vw auto;
	}
	.content0 .content0-sub3 p{
		width: 100%;
		line-height: 2.4em;
		margin:0 auto 0 auto;
	}
}
/* content0 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		border-bottom:solid 1px #706f6f;
	}

	.content1 .content1-sub{
		width:100%;
		margin:0 auto 0 auto;
		padding:3.8vw 0 4.8vw;
		border-top:solid 1px #706f6f;
	}
	
	.content1 .content1-sub .content1row{
		width:94.4%;
		margin:0 0 0 4.3vw;
	}
	.content1 .content1-sub .content1row .col1{
		width:21.6%;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	.content1 .content1-sub .content1row .col2{
		width:69.6%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
		float:right;
	}
	.content1 .content1-sub .content1row .col2 .m-title{
		margin:0 0 3vw 0;
		padding:0;
		line-height:1em;
	}
	.content1 .content1-sub .content1row .col2 p{
		margin:0;
		padding:0;
		line-height:2.5em;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width:85%;
		margin:0 auto 0 auto;
		border-bottom:solid 1px #706f6f;
	}

	.content1 .content1-sub{
		width:100%;
		margin:0 auto 0 auto;
		padding:3.8vw 0 4.8vw;
		border-top:solid 1px #706f6f;
	}
	
	.content1 .content1-sub .content1row{
		width:94.4%;
		margin:0 0 0 4.3vw;
	}
	.content1 .content1-sub .content1row .col1{
		width:21.6%;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	.content1 .content1-sub .content1row .col2{
		width:69.6%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
		float:right;
	}
	.content1 .content1-sub .content1row .col2 .m-title{
		margin:0 0 3vw 0;
		padding:0;
		line-height:1em;
	}
	.content1 .content1-sub .content1row .col2 p{
		margin:0;
		padding:0;
		line-height:2.5em;
	}
}
/* content1 */


/* content2 */
@media screen and (min-width: 641px) {
	.content2{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:5vw 0 4.6vw 0;
		text-align: center;
	}

	.content2 .content2-sub1{
		margin:0 0 2vw 0;
		line-height:2.6em;
		font-weight:bold;
	}
	
	.content2 .content2-sub1 p{
		margin:0 0 4vw 0;
		padding:0;
		
	}

	.content2 .content2-sub2{
		width: 26.8%;
		margin:0 auto 3.2vw auto;
	}

	.content2 .content2-sub3{
		width: 100%;
		margin:0 auto 0 auto;
	}
	.content2 .content2-sub3 p{
		width: 100%;
		line-height: 2.4em;
		margin:0 auto 0 auto;
	}
}

@media screen and (max-width: 640px) {
	.content2{
		width:85%;
		margin:0 auto 0 auto;
		padding:5vw 0 4.6vw 0;
		text-align: center;
	}

	.content2 .content2-sub1{
		margin:0 0 2vw 0;
		line-height:2.6em;
		font-weight:bold;
	}
	
	.content2 .content2-sub1 p{
		margin:0 0 4vw 0;
		padding:0;
		
	}

	.content2 .content2-sub2{
		width: 26.8%;
		margin:0 auto 3.2vw auto;
	}

	.content2 .content2-sub3{
		width: 100%;
		margin:0 auto 0 auto;
	}
	.content2 .content2-sub3 p{
		width: 100%;
		line-height: 2.4em;
		margin:0 auto 0 auto;
	}
}
/* content2 */

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

	.content3 .content3-sub{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:3.8vw 0 4.8vw;
		border-top:solid 1px #706f6f;
	}
	
	.content3 .content3-sub .content3row{
		width:97.4%;
		margin:0 0 0 2vw;
	}
	.content3 .content3-sub .content3row .col1{
		width:27.5%;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	.content3 .content3-sub .content3row .col2{
		width:67.5%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
		float:right;
	}
	.content3 .content3-sub .content3row .col2 .m-title{
		margin:0 0 3vw 0;
		padding:0;
		line-height:1em;
	}
	.content3 .content3-sub .content3row .col2 p{
		margin:0;
		padding:0;
		line-height:2.5em;
	}
}

@media screen and (max-width: 640px) {
	.content3{
		width:85%;
		margin:0 auto 0 auto;
		border-bottom:solid 1px #706f6f;
	}

	.content3 .content3-sub{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:3.8vw 0 4.8vw;
		border-top:solid 1px #706f6f;
	}
	
	.content3 .content3-sub .content3row{
		width:97.4%;
		margin:0 0 0 2vw;
	}
	.content3 .content3-sub .content3row .col1{
		width:27.5%;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	.content3 .content3-sub .content3row .col2{
		width:67.5%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
		float:right;
	}
	.content3 .content3-sub .content3row .col2 .m-title{
		margin:0 0 3vw 0;
		padding:0;
		line-height:1em;
	}
	.content3 .content3-sub .content3row .col2 p{
		margin:0;
		padding:0;
		line-height:2.5em;
	}
}
/* content3 */




















/* content4 submenu */

@media screen and (min-width: 641px) { 
	.content4{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 15.3vw 0;
		text-align:center;
		border:none;
	}
	
	.content4 .contenttitlefr{
		border-bottom:none;
		margin:3vw auto;
		padding:0 1vw;
	}
	
	.content4 .contentrow{
		max-width:980px;
		width:100%;
		margin:0 auto;
		font-size:0;/*inline-blockの余白対応*/
		text-align:left;
	}

	.content4 .contentrow-1 .col{
		width:31.333%;
		height:100%;
		margin:0 0 5vw 0;
		padding:0;
		overflow:hidden;
		display:inline-block;
		vertical-align:top;
	}
	.content4 .contentrow-1 .col:nth-child(3n-1) {
		margin: 0 3% 0 3%;
	}
	.content4 .contentrow-1 .col .thum-link{
		display:block;
		width:100%;
		position:relative;
		margin:0;
		padding:0;
	}
	.content4 .contentrow-1 .col .thum-link:before {
		content:"";
		display: block;
		padding-top: 48.4210%;
	}
	.content4 .contentrow-1 .col .thum-link img{
		position:absolute;
		top:0;
	}
	.content4 .thum-link img.blur{
		z-index:7000;
		opacity:1;
		transition:none;
	}
	.content4 .thum-link:hover img.blur{
		opacity:0;
	}
	.content4 .contentrow-1 .col .thum-link .m-title{
		width:100%;
		background-color: rgba(0, 0, 0, 0.5);
		position:absolute;
		bottom:0;
		margin:0;
		padding:0.5vw 0 0.5vw 1vw;
		z-index:8000;
		font-weight:400;
	}
	
}

@media screen and (max-width: 640px) {
	.content4{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 15.3vw 0;
		text-align:center;
	}
	
	.content4 .contenttitlefr{
		border-bottom:none;
		margin:6vw auto;
		padding:0 1vw;
	}


	.content4 .contentrow{
		max-width:475px;
		width:90%;
		margin:0 auto;
		text-align:left;
	}
	
	.content4 .contentrow-1 .col{
		width:100%;
		margin:0 0 5vw 0;
		padding:0;
		overflow:hidden;
	}
	
	.content4 .contentrow-1 .col .thum-link{
		display:block;
		width:100%;
		max-height:36vw;
		position:relative;
		margin:0;
		padding:0;
	}

	.content4 .contentrow-1 .col .thum-link:before {
		content:"";
		display: block;
		padding-top: 48.4210%;
	}
	
	.content4 .contentrow-1 .col .thum-link img{
		position:absolute;
		top:0;
	}
	
	.content4 .thum-link img.blur{
		z-index:7000;
		opacity:1;
		transition:none;
	}
	
	.notouch .content4 .thum-link:hover img.blur{
		opacity:0;
	}
	
	.touch .content4 .thum-link.touchhover img.blur{
		opacity:0;
	}

	.content4 .contentrow-1 .col .thum-link .m-title{
		width:100%;
		max-height:56px;
		height:9vw;
		background-color: rgba(0, 0, 0, 0.5);
		position:absolute;
		bottom:0;
		margin:0;
		z-index:8000;
		font-weight:400;
		padding:2.1vw 0 2.4vw 2vw;
	}
}

/* content4 */