@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 4vw 0;
		text-align:center;
		border-bottom:solid 1px #706f6f;
	}
	
	.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-sub{
		margin:0 0 13.2vw;
	}
	.content0 .content0-sub p{
		margin:0;
		padding:0;
		line-height:2.3em;
		font-weight:bold;
	}

	.content0 .content0-sub2{}
	.content0 .content0-sub2 p{
		width:85%;
		margin:3.4vw auto 0;
		padding:0;
		line-height:2.3em;
		text-align:left;
	}

	.content0 .content0-sub2 .contentsimg-text{
		width:100%;
		height:100%;
		position:relative;
	}

	.content0 .content0-sub2 .contentsimg-text:before {
		content: "";
		display: block;
		padding-top: 20.5%;
	}

	.content0 .content0-sub2 .contentsimg-text p{
		width:100%;
		margin:0 auto 0;
		padding:0 0 0 4vw;
		position:absolute;
		top:30%;
		z-index:50;
		line-height:2em;
		font-weight:bold;
	}

	.content0 .content0-sub2 .contentsimg-text img{
		position:absolute;
		top:0;
		left:0;
		height:auto;
	}
}

@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 .content0-sub{
		width:85%;
		margin:0 auto 10vw;
	}
	.content0 .content0-sub p{
		margin:0;
		padding:0;
		line-height:2.3em;
		font-weight:bold;
	}
	.content0 .content0-sub2{
		width:85%;
		margin:0 auto;
	}
	.content0 .content0-sub2 img{
		display:inline-block;
	}
	.content0 .content0-sub2 p{
		width:85%;
		margin:7.8vw auto 0;
		padding:0;
		line-height:2.3em;
		text-align:left;
	}
	.content0 .content0-sub2 .contentsimg-text{
		width:100%;
		height:100%;
		position:relative;
	}

	.content0 .content0-sub2 .contentsimg-text:before {
		content: "";
		display: block;
		padding-top: 20.5%;
	}

	.content0 .content0-sub2 .contentsimg-text p{
		width:100%;
		margin:0 auto 0;
		padding:0 0 0 4vw;
		position:absolute;
		top:25%;
		z-index:50;
		line-height:1.5em;
		font-weight:bold;
	}

	.content0 .content0-sub2 .contentsimg-text img{
		position:absolute;
		top:0;
		left:0;
		height:auto;
	}
}
/* content0 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 4vw 0;
		border-bottom:solid 1px #706f6f;
	}
	
	.content1 .content1-sub .m-title{
		text-align:center;
		margin:3.4vw 0 2.7vw;
		padding:0;
		letter-spacing:0.2em;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width:85%;
		margin:0 auto 0 auto;
		padding:0 0 8.6vw 0;
		border-bottom:solid 1px #706f6f;
	}
	
	.content1 .content1-sub .m-title{
		text-align:center;
		margin:8vw 0;
		padding:0;
		letter-spacing:0.2em;
	}
}
/* content1 */


/* content-ir1 */
@media screen and (min-width: 641px) {
	.content-ir1{}
	.content-ir1 .content-ir1row{
		width:78%;
		margin:0 auto 3.4vw;
		padding:0;
	}
	.content-ir1 .content-ir1row .col1{
		width:50%;
		margin:0;
		padding:0 0 2.3vw;
		float:left;
		background:#eeeeee;
		text-align:center;
	}
	.content-ir1 .content-ir1row .col2{
		width:50%;
		min-height:340px;
		margin:0;
		padding:0;
		float:left;
		background:#a0a0a0;
		text-align:center;
		color:#ffffff;
	}
	
	.content-ir1 .content-ir1row dl{
		width:90%;
		margin:0 auto;
		padding:0;
	}
	
	.content-ir1 .content-ir1row dt{
		width:70%;
		font-weight:bold;
		margin:0 auto 1.9vw;
		padding:2vw 0 1.9vw;
	}
	.content-ir1 .content-ir1row .col1 dt{
		border-bottom:solid 1px #706f6f;
	}
	.content-ir1 .content-ir1row .col2 dt{
		border-bottom:solid 1px #ffffff;
	}

	.content-ir1 .content-ir1row .col1 dd:last-child{
		margin:0;
	}

	.content-ir1 .content-ir1row .col1 dd{
		margin:0 0 2.2vw;
		padding:0;
	}

	.content-ir1 .content-ir1row .col2 dd{
		margin:0 0 1.9vw;
		padding:0;
	}
	
	.content-ir1 .m-title2{
		text-align:center;
		margin:0 0 2.3vw;
		padding:0;
	}
	
	.content-ir1 .content-ir1row2{
		width:68%;
		margin:0 auto;
	}

	.content-ir1 .content-ir1row2 li{
		display:block;
		float:left;
		text-align:center;
	}
	.content-ir1 .content-ir1row2 li.colimg img{
		display:block;
		margin:0 0 1.8vw;
	}
	.content-ir1 .content-ir1row2 li.colimg1{
		width:18.6%;
	}
	.content-ir1 .content-ir1row2 li.colimg2{
		width:23.7%;
	}
	.content-ir1 .content-ir1row2 li.colimg3{
		width:32.1%;
	}
	.content-ir1 .content-ir1row2 li.i-arrow{
		width:12.6%;
	}
	.content-ir1 .content-ir1row2 li.i-arrow .display-pc{
		width:21%;
		margin:0 auto;
		padding:5vw 0 0;
	}
}

@media screen and (max-width: 640px) {
	.content-ir1{}
	.content-ir1 .content-ir1row{
		width:74%;
		margin:0 auto 8vw;
		padding:0;
	}
	.content-ir1 .content-ir1row .col1{
		width:100%;
		margin:0;
		padding:0 0 6vw;
		background:#eeeeee;
		text-align:center;
	}
	.content-ir1 .content-ir1row .col2{
		width:100%;
		margin:0;
		padding:0 0 10vw;
		background:#a0a0a0;
		text-align:center;
		color:#ffffff;
	}
	
	.content-ir1 .content-ir1row dl{
		width:90%;
		margin:0 auto;
		padding:0;
	}
	
	.content-ir1 .content-ir1row dt{
		width:70%;
		font-weight:bold;
		margin:0 auto 3.9vw;
		padding:4.7vw 0 3.9vw;
	}
	.content-ir1 .content-ir1row .col1 dt{
		border-bottom:solid 1px #706f6f;
	}
	.content-ir1 .content-ir1row .col2 dt{
		border-bottom:solid 1px #ffffff;
	}

	.content-ir1 .content-ir1row .col1 dd:last-child{
		margin:0;
	}

	.content-ir1 .content-ir1row .col1 dd{
		margin:0 0 5.4vw;
		padding:0;
	}

	.content-ir1 .content-ir1row .col2 dd{
		margin:0 0 5vw;
		padding:0;
	}
	
	.content-ir1 .m-title2{
		text-align:center;
		margin:0 0 2.3vw;
		padding:0;
	}
	
	.content-ir1 .content-ir1row2{
		width:74%;
		margin:0 auto;
	}

	.content-ir1 .content-ir1row2 li{
		width:100%;
		display:block;
		text-align:center;
	}
	.content-ir1 .content-ir1row2 li.colimg span{
		width:38.25%;
		display:block;
		margin:12vw 0 0;
		vertical-align:middle;
		text-align:left;
		float:right;
	}
	.content-ir1 .content-ir1row2 li.colimg img{
		display:block;
		margin:0 0;
		float:left;
	}
	.content-ir1 .content-ir1row2 li.colimg1 img{
		width:38%;
		margin:0 auto 0;
	}
	.content-ir1 .content-ir1row2 li.colimg2 img{
		width:44%;
		margin:0 auto;
	}
	.content-ir1 .content-ir1row2 li.colimg3 {
		font-weight:bold;
	}
	.content-ir1 .content-ir1row2 li.colimg3 img{
		width:60%;
		margin:0 auto;
	}
	.content-ir1 .content-ir1row2 li.i-arrow{
		margin:5.6vw 0 1.5vw;
	}
	.content-ir1 .content-ir1row2 li.i-arrow .display-pc{
		width:21%;
		margin:0 auto;
		padding:5vw 0 0;
	}
}
/* content-ir1 */


/* content-ir2 */
@media screen and (min-width: 641px) { 
	/*content1-sub*/
	.content-ir2 .content1-sub{
		width:76%;
		margin:0 auto 3.8vw auto;
		padding:0 0 0 0;
	}

	.content1.content-ir2 .content1-sub .m-title{
		text-align:left;
	}
	.content1.content-ir2 .content1-sub p{
		line-height:2.2em;
		margin:0;
		padding:0;
	}
	/*content1-sub*/

	/*content1-sub2*/
	.content-ir2 .content1-sub2{
		width:80%;
		margin:0 auto 4vw auto;
		padding:0 0 0 0;
	}
	.content-ir2 .content1-sub2 .content1-sub2row{
		margin:0.5vw 0 0 0.5vw;
	}
	.content-ir2 .content1-sub2 .content1-sub2row li{
		margin:0 0 0 0.2vw;
	}
	/*content1-sub2*/

	/*content-ir2row*/
	.content-ir2 .content-ir2row{
		width:80%;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
	}
	.content-ir2 .content-ir2row img{
		vertical-align:bottom;
	}
	.content-ir2 .content-ir2row p{
		margin:0.5vw 0 0;
		padding:0;
	}
	.content-ir2 .content-ir2row .m-title3{
		text-align:center;
		margin:0 0 0.5vw;
		padding:0;
	}
	.content-ir2 .content-ir2row .col1{
		width:48%;
		float:left;
		margin:0 0 0 0;
	}

	.content-ir2 .content-ir2row .col2{
		width:48%;
		float:right;
	}
	.content-ir2 .content-ir2row p{}
	/*content-ir2row*/
}

@media screen and (max-width: 640px) {
	/*content1-sub*/
	.content-ir2 .content1-sub{
		width:92%;
		margin:0 auto 7vw auto;
		padding:0 0 0 0;
	}

	.content1.content-ir2 .content1-sub .m-title{
		text-align:left;
	}
	.content1.content-ir2 .content1-sub p{
		line-height:2.2em;
		margin:0;
		padding:0;
	}
	/*content1-sub*/

	/*content1-sub2*/
	.content-ir2 .content1-sub2{
		width:100%;
		margin:0 auto 6vw auto;
		padding:0 0 0 0;
	}
	.content-ir2 .content1-sub2 p{
		text-align:center;
	}
	.content-ir2 .content1-sub2 .content1-sub2row{
		margin:1.5vw 0 0 0;
	}
	.content-ir2 .content1-sub2 .content1-sub2row li{
		margin:0 0 2.3vw 1vw;
	}
	.content-ir2 .content1-sub2 .content1-sub2row li strong{
		width:17%;
		display:inline-block;
		vertical-align: top
	}
	.content-ir2 .content1-sub2 .content1-sub2row li span{
		width:70%;
		display:inline-block;
	}
	/*content1-sub2*/

	/*content-ir2row*/
	.content-ir2 .content-ir2row{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
	}

	.content-ir2 .content-ir2row ul{
		width:66.6%;
		display:inline-block;
		margin:0 2vw 0 0;
	}
	.content-ir2 .content-ir2row .m-title3{
		text-align:center;
		margin:0 0 0.5vw;
		padding:0;
	}

	.content-ir2 .content-ir2row .content-ir2rowtext{
		width:28%;
		display:inline-block;
	}

	/*content-ir2row*/
}
/* content-ir2 */


/* content-ir3 */
@media screen and (min-width: 641px) { 
	/*content1-sub*/
	.content-ir3 .content1-sub{
		width:80%;
		margin:0 auto 3.8vw auto;
		padding:0 0 0 0;
	}
	
	.content1.content-ir3 .content1-sub .m-title{
		text-align:left;
	}
	.content1.content-ir3 .content1-sub .content-ir3img{
		margin:0 0 4vw;
		padding:0;
	}
	.content1.content-ir3 .content1-sub .content1-subread{
		margin:0 0 2vw;
		padding:0;
	}
	.content1.content-ir3 .content1-sub .content-ir3row{
		margin: 0 0 3.8vw;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col1{
		float:left;
		width:35px;
		height:35px;
		text-align:center;
		background:#000000;
		color:#ffffff;
		border-radius:400px;
		margin:0 0.7vw 0 0;
		padding:0.1vw 0 0 ;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col1 span{
		vertical-align:middle;
		text-align:center;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col2{
		width:90%;
		float:left;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col2 p{
		margin:0;
		padding:0;
		line-height:1.9em;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col2 p.m-title3{
		margin:0.1vw 0 0.8vw;
		padding:0;
		font-weight:bold;
	}

	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub{
		margin:3.8vw 0 0;
	}
	
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub .ir3sub-col1{
		width: 47%;
		float: left;
		margin: 0 0 0 0;
	}
	
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub .ir3sub-col2{
		width: 47%;
		float: right;
		margin: 0 0 0 0;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub dt{
		margin:0 0 0.7vw;
		text-align:center;
		font-weight:bold;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub dd{
		margin:0;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub.content-ir3sub2{
		margin:3vw 0 6vw;
	}
	.content1.content-ir3 .content1-sub .contenttable{
		width:100%;
		border:none;
		border-collapse:collapse;
	}
	.content1.content-ir3 .content1-sub .contenttable tr:nth-child(even){
		background:#eeeeee;
	}
	.content1.content-ir3 .content1-sub .contenttable .contenttable-th1 th{
		padding:0.2vw 0 0.5vw 0;
	}
	.content1.content-ir3 .content1-sub .contenttable .contenttable-th2{
		text-align:left;
		padding:0.7vw 0 0.7vw 1.1vw;
	}
	.content1.content-ir3 .content1-sub .contenttable td{
		text-align:center;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub3{
		width:64%;
		margin:5vw auto 0;
	}
	.content1.content-ir3 .content-ir3sub3 .m-title3{
		text-align:center;
		margin:0;
		padding:0.5vw 0;
		background:#eeeeee;
	}
	.content1.content-ir3 .content-ir3sub3 .content-ir3row2{
		width:90%;
		margin:0 auto 0;
	}
	.content1.content-ir3 .content-ir3sub3 .content-ir3row2 li{
		font-weight:bold;
		margin:0.85vw 0 0 ;
	}
	
	/*content1-sub*/

}

@media screen and (max-width: 640px) {
	.content-ir3 .content1-sub{
		width:100%;
		margin:0 auto 3.8vw auto;
		padding:0 0 0 0;
	}
	
	.content1.content-ir3 .content1-sub .m-title{
		width:92%;
		text-align:left;
		margin:7.5vw auto;
	}
	.content1.content-ir3 .content1-sub .content-ir3img{
		margin:0 0 6.25vw;
		padding:0;
	}
	.content1.content-ir3 .content1-sub .content1-subread{
		width:92%;
		margin:0 auto 6.25vw;
		padding:0;
	}

	.content1.content-ir3 .content1-sub .content-ir3row{
		width:92%;
		margin: 0 auto 7.8vw;
	}
	.content1.content-ir3 .content1-sub .content-ir3col1{
		width:82.95%;
		margin:0 auto;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col1{
		float:left;
		width:35px;
		height:35px;
		text-align:center;
		background:#000000;
		color:#ffffff;
		border-radius:400px;
		margin:0 1.5vw 0 0;
		padding:0.5vw 0 0 ;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col1 span{
		vertical-align:middle;
		text-align:center;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col2{
		width:88%;
		float:left;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col2 p{
		margin:0;
		padding:0;
		line-height:1.9em;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .col2 p.m-title3{
		margin:0.1vw 0 0.8vw;
		padding:0;
		font-weight:bold;
	}

	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub{
		margin:5.9vw 0 0;
	}
	
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub .ir3sub-col1{
		width: 84.5%;
		margin: 0 auto 7.3vw;
		text-align:center;
	}
	
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub .ir3sub-col2{
		width: 84.5%;
		margin: 0 auto 0;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub dt{
		margin:0 0 0.7vw;
		text-align:center;
		font-weight:bold;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub dd{
		margin:0;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub.content-ir3sub2{
		margin:6.2vw 0 6vw;
	}
	.content1.content-ir3 .content1-sub .contenttable{
		width:100%;
		border:none;
		border-collapse:collapse;
	}
	.content1.content-ir3 .content1-sub .contenttable tr:nth-child(even){
		background:#eeeeee;
	}
	.content1.content-ir3 .content1-sub .contenttable .contenttable-th1 th{
		padding:0.2vw 0 0.5vw 0;
	}
	.content1.content-ir3 .content1-sub .contenttable .contenttable-th2{
		text-align:left;
		padding:0.7vw 0 0.7vw 1.1vw;
	}
	.content1.content-ir3 .content1-sub .contenttable td{
		text-align:center;
	}
	.content1.content-ir3 .content1-sub .content-ir3row .content-ir3sub3{
		width:100%;
		margin:7.3vw auto 0;
	}
	.content1.content-ir3 .content-ir3sub3 .m-title3{
		text-align:center;
		margin:0;
		padding:0.5vw 0;
		background:#eeeeee;
	}
	.content1.content-ir3 .content-ir3sub3 .content-ir3row2{
		width:90%;
		margin:0 auto 0;
	}
	.content1.content-ir3 .content-ir3sub3 .content-ir3row2 li{
		font-weight:bold;
		margin:2.3vw 0 0 ;
	}
	
	/*content1-sub*/
}
/* content-ir3 */


/* content3 submenu */

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

	.content3 .contentrow-1 .col{
		width:31.333%;
		height:100%;
		margin:0 0 5vw 0;
		padding:0;
		overflow:hidden;
		display:inline-block;
		vertical-align:top;
	}
	.content3 .contentrow-1 .col:nth-child(3n-1) {
		margin: 0 3% 0 3%;
	}
	.content3 .contentrow-1 .col .thum-link{
		display:block;
		width:100%;
		position:relative;
		margin:0;
		padding:0;
	}
	.content3 .contentrow-1 .col .thum-link:before {
		content:"";
		display: block;
		padding-top: 48.4210%;
	}
	.content3 .contentrow-1 .col .thum-link img{
		position:absolute;
		top:0;
	}
	.content3 .thum-link img.blur{
		z-index:7000;
		opacity:1;
		transition:none;
	}
	.content3 .thum-link:hover img.blur{
		opacity:0;
	}
	.content3 .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) {
	.content3{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 15.3vw 0;
		text-align:center;
	}
	
	.content3 .contenttitlefr{
		border-bottom:none;
		margin:6vw auto;
		padding:0 1vw;
	}


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

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

	.content3 .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;
	}
}

/* content3 */