@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 9.6vw 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 3.3vw 0;
		padding:0;
	}

	.content0 .content0-sub{
		width:55%;
		margin:0 auto;
		padding:0 0 1.5vw;
	}
	.content0 .content0-sub p{
		margin:0 0 3vw;
		padding:0;
		line-height:2.3em;
		text-align: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 .content0-sub{
		width:70%;
		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:3.7vw 0 3.8vw;
		border-top:solid 1px #706f6f;
	}

	.content1 .contentlink .m-title{
		margin:0 0 0.5vw 0;
		padding:0 0 0;
		text-align:center;
		letter-spacing:0.2em;
	}
	.content1 .contentlink .m-subtitle{
        font-size: 18px;
        text-align: center;
		margin:0 0 1.5vw 0;
        padding: 0;
    }
		
	.content1 .contentlink ul{
		text-align: center;
	}
	.content1 .contentlink ul li{
		text-align: center;
		display:inline-block;
		letter-spacing:0.2em;
		font-weight:bold;
	}

	.content1 .contentlink ul li .display-pc{
		display:inline-block;
	}
	.content1 .contentlink ul li.pagetxt{
        font-weight: normal;
        font-size: 15px;
    }

}

@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 .m-subtitle{
        font-size: 12px;
        text-align: center;
		margin:0 0 1.5vw 0;
        padding: 0;
    }
		
	.content1 .contentlink ul{
		text-align: center;
	}
	.content1 .contentlink ul li{
		text-align: center;
		display:block;
		letter-spacing:0.2em;
		font-weight:bold;
		line-height:2em;
	}
	
}
/* content1 */


/* content2 */
@media screen and (min-width: 641px) { 
	.content2{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0;
	}
	
	.content2 .content2-sub{
		width:100%;
		margin:0 auto 0 auto;
		padding:2vw 0 4vw;
		border-top:solid 1px #706f6f;
	}
	.content2 .content2-sub:last-child{
		padding:3.2vw 0 30px;
	}
	.content2 .content2-sub .content2row{
		width:90.8%;
		margin:0 auto;
	}
	.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{
		width:100%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
	}
    
	.content2 .content2-subfull:nth-of-type(1){
		border-top:solid 1px #706f6f;
    }
	.content2 .content2-subfull{
		width:100%;
		margin:0 auto 0 auto;
		padding:2vw 0 4vw;
		border-top:none;
	}
	.content2 .content2-sub .content2rowfull{
		width:100%;
		margin:0 auto;
	}
	.content2 .content2-sub .content2rowfull .col1{
		width:40%;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	.content2 .content2-sub .content2rowfull .col2{
		width:55.1%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
		float:right;
        line-height: 2.4em;
	}
	.content2 .content2-sub .content2rowfull .col2 a{
		width:100%;
		display:inline-block;
		margin:26px 0 0 0;
		padding:16px 50px 18px 30px;
        border-radius: 5px;
        font-size: 16px;
        color:#fff;
        text-align: left;
		background: url(../images/btn-ar.png) no-repeat center right 14px;
        background-size: 28px 19px;
        background-color: #000;
        border:solid 2px #000;
        box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.6);
	}
	.content2 .content2-sub .content2rowfull .col2 a:hover{
		background: url(../images/btn-ar_on.png) no-repeat center right 14px;
        background-color: #fff;
        color:#000;
    }
	.content2 .content2-sub .content2row .col2 .m-title{
		margin:1.2vw 0 2vw;
		padding:0;
		text-align: center;
	}
	.content2 .content2-sub .content2row .col2 p{
		margin:0;
		padding:0;
        line-height: 2.4em;
	}
	
	.content2 .content2-sub ul.banner{
        font-size: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }
	.content2 .content2-sub ul.banner li{
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
	.content2 .content2-sub ul.banner li:nth-child(2){
        margin: 0 0 0 2%;
    }
	.content2 .content2-sub ul.banner li a{
        display: block;
    }
	.content2 .content2-sub ul.banner li a img{
        width: 100%;
        opacity: 1;
        transition: opacity 0.4s;
    }
	.content2 .content2-sub ul.banner li a:hover img{
        opacity: 0.8;
    }
}

@media screen and (max-width: 640px) {
	.content2{
		width:100%;
		margin:0 auto 0 auto;
		padding:0;
	}
	
	.content2 .content2-sub:nth-of-type(1){
		border-top:solid 1px #706f6f;
    }
	.content2 .content2-sub{
		width:85%;
		margin:0 auto 0 auto;
		padding:4vw 0 4.4vw;
	}
	.content2 .content2-sub:last-child{
		padding:3.2vw 0 50px;
	}
	.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:100%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
	}
	.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 .content2-sub .content2rowfull .col2{
        line-height: 2.3em;
	}
	.content2 .content2-sub .content2rowfull .col2 .m-title{
        padding: 0;
        margin: 0;
    }
	.content2 .content2-sub .content2rowfull .col2 a{
		width:100%;
		display:inline-block;
		margin:10px 0 0 0;
		padding:12px 0 13px 0;
        border-radius: 5px;
        font-size: 12px;
        font-weight: bold;
        color:#fff;
        text-align: center;
		background: url(../images/btn-ar.png) no-repeat center right 16px;
        background-size: 20px 13px;
        background-color: #000;
        line-height: 1.6em;
        border:solid 2px #000;
        box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.6);
	}
	.content2 .content2-sub .content2rowfull .col2 a:hover{
		background: url(../images/btn-ar_on.png) no-repeat center right 14px;
        background-color: #fff;
        color:#000;
    }
	.content2 .content2-sub .content2rowfull .col2 a br{
        display: inline;
        line-height: 1.6em;
    }
    
	.content2 .content2-sub ul.banner{
        font-size: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }
	.content2 .content2-sub ul.banner li{
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 5vw 0 0 0;
    }
	.content2 .content2-sub ul.banner li a{
        display: block;
    }
	.content2 .content2-sub ul.banner li a img{
        width: 100%;
        opacity: 1;
        transition: opacity 0.4s;
    }
	.content2 .content2-sub ul.banner li a:hover img{
        opacity: 0.8;
    }
}
/* content2 */


/* content3 */

@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;
	}
	
	.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;
	}
	.content3 .content3-sub .content3rowfull .col1{
		width:100%;
		margin:0 0 0 0;
		padding:0;
	}
	.content3 .content3-sub .content3rowfull .col2{
		width:100%;
		display:inline-block;
		margin:0 0 0 0;
		padding:0;
        line-height: 2.4em;
	}
	.content3 .content3-sub .content3rowfull .col2 a{
		display:inline-block;
		margin:26px 0 0 0;
		padding:16px 90px 18px 80px;
        border-radius: 100px;
        font-size: 16px;
		font-weight: 600;
        color:#fff;
        text-align: left;
		background: url(../images/btn-ar.png) no-repeat center right 14px;
		
        background-size: 28px 19px;
		background-color: rgb(10,110,170);
        background-color: linear-gradient(90deg, rgba(10,110,170,1) 0%, rgba(0,81,131,1) 100%);
        border:solid 4px transparent;
        box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.6);
	}
	.content3 .content3-sub .content3rowfull .col2 a:hover{
		background: url(../images/btn-ar_on.png) no-repeat center right 14px;
        background-size: 28px 19px;
        background-color: #fff;
        border:solid 4px rgb(10,110,170);
        color:rgb(10,110,170);
    }
	.content3 .content3-sub .content3row .col2 .m-title{
		margin:1.2vw 0 2vw;
		padding:0;
		text-align: center;
	}
	.content3 .content3-sub .content3row .col2 p{
		margin:0;
		padding:0;
        line-height: 2.4em;
	}
	.content3-sub .col2 ul{
		width: 100%;
		font-size: 0;
	}
	.content3-sub .col2 ul li{
		display: inline-block;
		vertical-align: top;
		width: 300px;
		text-align: center
	}
	.content3-sub .col2 ul li:nth-child(2){
		margin: 0 auto;
	}
	.content3-sub .col2 ul li img{
		width: 280px;
		margin: 0 auto;
	}
	.content3-sub .col2 ul li p{
		font-size: 17px;
		font-weight: 600;
		line-height: 1.6em;
	}
	
}

@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-sub .col2 ul{
		width: 900px;
		font-size: 0;
	}
	.content3-sub .col2 ul li{
		display: inline-block;
		width: 280px;
	}
	.content3-sub .col2 ul li:nth-child(2){
		margin: 0 30px 0 30px;
	}
	.content3-sub .col2 ul li img{
		width: 100%;
	}
	.content3-sub .col2 ul li p{
		font-size: 20px;
	}
	
	
	
	.content3 .content3-sub .content3rowfull .col1{
		width:100%;
		margin:0 0 0 0;
		padding:0;
	}
	.content3 .content3-sub .content3rowfull .col2{
		width:100%;
		display:inline-block;
		margin:0!important;
		padding:0;
        line-height: 2.0em;
	}
	.content3 .content3-sub .content3rowfull .col2 a{
		display:inline-block;
		margin:26px 0 0 0;
		padding:1.6vw 12vw 1.6vw 5vw;
        border-radius: 100px;
        font-size: 2.6vw;
		font-weight: 600;
        color:#fff;
        text-align: left;
		background: url(../images/btn-ar.png) no-repeat center right 14px;
		
        background-size: 28px 19px;
		background-color: rgb(10,110,170);
        background-color: linear-gradient(90deg, rgba(10,110,170,1) 0%, rgba(0,81,131,1) 100%);
        border:solid 4px transparent;
        box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.6);
	}
	.content3 .content3-sub .content3rowfull .col2 a:hover{
		background: url(../images/btn-ar_on.png) no-repeat center right 14px;
        background-size: 28px 19px;
        background-color: #fff;
        border:solid 4px rgb(10,110,170);
        color:rgb(10,110,170);
    }
	.content3 .content3-sub .content3row .col2 .m-title{
		margin:1.2vw 0 2vw;
		padding:0;
		text-align: center;
	}
	.content3 .content3-sub .content3row .col2 p{
		margin:0;
		padding:0;
        line-height: 2.4em;
	}
	.content3-sub .col2 ul{
		width: 100%;
		font-size: 0;
	}
	.content3-sub .col2 ul li{
		display: inline-block;
		vertical-align: top;
		width: 100%;
		text-align: center;
		margin: 0 0 4vw 0;
	}
	.content3-sub .col2 ul li:nth-child(2){
		margin: 0 auto 4vw 0;
	}
	.content3-sub .col2 ul li img{
		width: 280px;
		margin: 0 auto;
	}
	.content3-sub .col2 ul li p{
		font-size: 2.6vw;
		font-weight: 600;
		line-height: 1.6em;
	}
}

/* content3 */