@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;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 10vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}

	.contentindex1 .contenttitlefr{
		margin:6vw auto 9vw auto;
	}
	
	.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;
	}
	

}

@media screen and (max-width: 640px) {
	.content0{
		width:85%;
		margin:0 auto 0 auto;
		padding:0 0 0 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 */


/* contentindex0 */
@media screen and (min-width: 641px) {
	.contentindex0{
		max-width:980px;
		width:100%;
		margin:0 auto 7vw auto;
		padding:0 0 0 0;
		text-align:left;
	}
	.contentindex0.contentindex2{
		margin:0 auto 10vw auto;
	}

	.contentindex0 .m-title{
		margin:0 0 4.4vw;
		padding:0 0 0.7vw;
		text-align:left;
		letter-spacing:0.1em;
		border-bottom:solid 1px #a09f9f;
	}

	/* contentindex0-sub */
	.contentindex0 .contentindex0-sub{
		max-width:980px;
		width:100%;
		overflow:hidden;
	}

	.contentindex0-sub .index-List{
		margin:0 0 0 1.3vw;
	}

	.contentindex0-sub .index-List .col{
		width:27%;
		display:inline-block;
		height: 100%;
		margin: 0 0 5.5vw 0;
		padding: 0;
		overflow: hidden;
		vertical-align: top;
		text-align:left;
	}
	.contentindex0-sub .index-List .col:nth-child(3n-1){
		margin:0 8% 0 8%;
	}

	.contentindex0-sub .index-List .col a{
		display: block;
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}

    /*
	.contentindex0-sub .index-List .col a:before{	
		content: "";
		display: block;
		padding-top:148.2%;
	}
    */

	.contentindex0-sub .index-List .col a img{
		position: absolute;
		top: 0;
        height: auto;
	}

	.contentindex0-sub .index-List .col a img.blur{
		z-index: 70;
		opacity: 1;
		transition: none;
        position: relative;
	}
	.contentindex0-sub .index-List .col a:hover img.blur{
		opacity: 0;
	}

	.contentindex0-sub .index-List .col a .partnername{
		margin:0;
		padding:0;
        width: 100%;
        position: relative;
		z-index: 80;
		color:#000000;
        text-align: center;
	}
	
	.contentindex0-sub .index-List .col .partnername strong{
		letter-spacing:0.2em;
        line-height: 1em;
	}
    
    .contentindex0-sub .index-List .col .partnername strong.txt-s{
        font-size: 16px;
        letter-spacing: 0.1;
    }
    .contentindex0-sub .index-List .col .partnername strong.txt-s2{
        font-size: 23px;
        letter-spacing: 0;
        top:0px;
        position: relative;
    }

	.contentindex0-sub .index-List .col .partnername span{
        display: block;
        margin: 5px 0 0 0;
		letter-spacing:0.18em;
	}
	
	.contentindex0-sub .index-List .col .partnername span.txt-s{
        font-size: 11px;
        font-weight: 600!important;
    }
	.contentindex0-sub .index-List .col .partnername span.txt-s2{
        font-size: 11px;
        font-weight: 600!important;
        top:4px;
        position: relative;
    }
	
	/* contentindex0-sub */
.contentindex0-sub .index-List .col .partnernamej strong {
    font-size: 32px;
    line-height: 28px;
}
.contentindex0-sub .index-List .col .partnernamej span {
    font-size: 12px;
    line-height: 24px;
}
.contentindex0-sub .index-List .col a .partnernamej {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0%;
    left: 11%;
    z-index: 80;
    color: #000000;
}

}


@media screen and (max-width: 640px) {
	.contentindex0{
		width:85%;
		margin:0 auto 14vw auto;
		padding:0 0 0 0;
		text-align:center;
	}
	.contentindex0.contentindex2{
		margin:0 auto 18vw auto;
	}

	.contentindex0 .m-title{
		margin:0 0 8vw;
		padding:0 0 0.7vw;
		text-align:left;
		letter-spacing:0.1em;
		border-bottom:solid 1px #a09f9f;
	}

	/* contentindex0-sub */
	.contentindex0 .contentindex0-sub{
		width:100%;
		overflow:hidden;
	}

	.contentindex0-sub .index-List{
		margin:0 0 0 0;
		text-align:left;
        font-size: 0;
	}

	.contentindex0-sub .index-List .col{
		width:42.5%;
		display:inline-block;
		height: 100%;
		margin: 0 0 10vw 0;
		padding: 0;
		overflow: hidden;
		vertical-align: top;
		text-align:left;
	}
	.contentindex0-sub .index-List .col:nth-child(even){
		margin:0 0 0 14%;
	}

	.contentindex0-sub .index-List .col a{
		display: block;
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}

    /*
	.contentindex0-sub .index-List .col a:before{	
		content: "";
		display: block;
		padding-top:148.2%;
	}
    */

	.contentindex0-sub .index-List .col a img{
		position: absolute;
		top: 0;
        height: auto;
	}

	.contentindex0-sub .index-List .col a img.blur{
		z-index: 70;
		opacity: 1;
		transition: none;
        position: relative;
	}
	.contentindex0-sub .index-List .col a:hover img.blur{
		opacity: 0;
	}

	.contentindex0-sub .index-List .col a .partnername{
		margin:0;
		padding:0;
        width: 100%;
        position: relative;
		z-index: 80;
		color:#000000;
        text-align: center;
	}
	.contentindex0-sub .index-List .col .partnername strong{
		letter-spacing:0.2em;
	}
    .contentindex0-sub .index-List .col .partnername strong.txt-s{
        font-size: 2.0vw;
        letter-spacing: 0.1;
    }
    .contentindex0-sub .index-List .col .partnername strong.txt-s2{
        font-size: 2.2vw;
        letter-spacing: 0.1;
        position: relative;
        top:0.4vw;
    }
	.contentindex0-sub .index-List .col .partnername span{
		letter-spacing:0.18em;
	}
	.contentindex0-sub .index-List .col .partnername span.txt-s{
        font-size: 1.4vw;
        font-weight: 600!important;
    }
	.contentindex0-sub .index-List .col .partnername span.txt-s2{
        font-size: 1.8vw;
        font-weight: 600!important;
        position: relative;
        top:0.8vw;
    }
	.contentindex0-sub .index-List .col .partnernamej strong {
    font-size: 22px;
    line-height: 22px;
}
	.contentindex0-sub .index-List .col .partnernamej span {
    font-size: 12px;
    line-height: 24px;
}
	.contentindex0-sub .index-List .col a .partnernamej {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0%;
    left: 11%;
    z-index: 80;
    color: #000000;
}

	/* contentindex0-sub */
}
/* contentindex0 */


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


@media screen and (max-width: 640px) {
	.contentpartner1{
		width:85%;
		margin:0 auto 5.3vw auto;
		padding:0 0 0 0;
		text-align:center;
	}
	
}
/* contentpartner1 */


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

	/* contentpartner2-sub1 */
	.contentpartner2 .contentpartner2-sub1{
		margin:0 0 5.3vw;
	}
	.contentpartner2 .contentpartner2-sub1 p{
		color:#3e3a39;
		margin:0;
		padding:0;
		line-height:1.8em;
		letter-spacing:0.1em;
	}
	/* contentpartner2-sub1 */

	/* contentpartner2-sub2 */
	.contentpartner2 .contentpartner2-sub2{}

	.contentpartner2 .contentpartner2-sub2 .m-title{
		padding:0 0 0.46vw 0;
		margin:0 0 2vw;
		letter-spacing:0.2em;
		border-bottom:solid 1px #bbbbbb;
	}
	
	.contentpartner2 .contentpartner2-sub2 .m-title strong{
		margin:0 1.15vw 0 0;
	}

	.contentpartner2 .contentpartner2-sub2 p{
		color:#3e3a39;
		margin:0 0 1.92vw;
		padding:0;
		line-height:1.8em;
		letter-spacing:0.1em;
	}
	/* contentpartner2-sub2 */
}


@media screen and (max-width: 640px) {
	.contentpartner2{
		width:85%;
		height:100%;
		margin:0 auto 15vw auto;
		padding:0 0 0 0;
	}

	/* contentpartner2-sub1 */
	.contentpartner2 .contentpartner2-sub1{
		margin:0 0 10vw;
	}
	.contentpartner2 .contentpartner2-sub1 p{
		color:#3e3a39;
		margin:0;
		padding:0;
		line-height:1.8em;
		letter-spacing:0.1em;
	}
	/* contentpartner2-sub1 */

	/* contentpartner2-sub2 */
	.contentpartner2 .contentpartner2-sub2{}

	.contentpartner2 .contentpartner2-sub2 .m-title{
		padding:0 0 0.8vw 0;
		margin:0 0 4vw;
		letter-spacing:0.2em;
		border-bottom:solid 1px #bbbbbb;
	}
	
	.contentpartner2 .contentpartner2-sub2 .m-title strong{
		margin:0 2vw 0 0;
	}

	.contentpartner2 .contentpartner2-sub2 p{
		color:#3e3a39;
		margin:0 0 2.5vw;
		padding:0;
		line-height:1.8em;
		letter-spacing:0.1em;
	}
	/* contentpartner2-sub2 */
	
}
/* contentpartner2 */

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

	/* pager */
	.contentpartner3 .partner-pager{
		margin:0 0 6vw 0;
	}

	.contentpartner3 .partner-pager .pagerleft{
		width:31.32%;
		height: 100%;
		display:inline-block;
		text-align:left;
		overflow: hidden;
		vertical-align:top;
	}

	.contentpartner3 .partner-pager .pagerright{
		width:31.32%;
		height: 100%;
		display:inline-block;
		float:right;
		overflow: hidden;
		vertical-align:top;
	}

	.contentpartner3 .partner-pager a{
		display: block;
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}
	.contentpartner3 .partner-pager a:before {
		content: "";
		display: block;
		padding-top: 86%;
	}

	.contentpartner3 .partner-pager .partnername {
		width: 100%;
		position: absolute;
		bottom: 13%;
		left:13%;
		margin: 0 0 0;
		z-index: 40;
		font-weight: bold;
	}

	.contentpartner3 .partner-pager .partnername.partnername2 {
		left:9.5%;
		letter-spacing:-0.06em;
	}

	.contentpartner3 .partner-pager .pagerright .partnername {
		width: 100%;
		position: absolute;
		bottom: 13%;
		left:73%;
		margin: 0 0 0 0;
		padding:0 0 0 0;
		z-index: 45;
		font-weight: bold;
	}
	
	.contentpartner3 .partner-pager .pagerright .partnername2 {
		left:71%;
		letter-spacing:-0.06em;
	}

	.contentpartner3 .partner-pager a img{
		position: absolute;
		top: 0;
	}

	.contentpartner3 .partner-pager a:hover img.blur {
		opacity: 0;
	}
	/* pager */

	/* all-link */
	.contentpartner3 .partnerall{
		width:31.4%;
		margin:0 auto;
	}
	
	.contentpartner3 .partnerall a{
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		background-color: #313131;
		color: #fff;
		text-align: center;
		padding: 1vw 0;
		letter-spacing: 0.1em;
		overflow: hidden;
	}
	
	.contentpartner3 .partnerall a span {
		position: relative;
		z-index: 60;
	}
	
	.contentpartner3 .partnerall a img {
		position: absolute;
		z-index: 70;
		top: 0;
		bottom: 0;
		right: 3vw;
		margin: auto;
	}
	
	/* all-link */
}


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

	/* pager */
	.contentpartner3 .partner-pager{
		margin:0 0 8.15vw 0;
	}

	.contentpartner3 .partner-pager .pagerleft{
		width:49%;
		height: 100%;
		display:inline-block;
		text-align:left;
		overflow: hidden;
		vertical-align:top;
	}

	.contentpartner3 .partner-pager .pagerright{
		width:49%;
		height: 100%;
		display:inline-block;
		float:right;
		overflow: hidden;
		vertical-align:top;
	}

	.contentpartner3 .partner-pager a{
		display: block;
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}
	.contentpartner3 .partner-pager a:before {
		content: "";
		display: block;
		padding-top: 86%;
	}

	.contentpartner3 .partner-pager .partnername {
		width: 100%;
		position: absolute;
		bottom: 13%;
		left:12%;
		margin: 0 0 0;
		z-index: 40;
		font-weight: bold;
	}

	.contentpartner3 .partner-pager .pagerright .partnername {
		width: 100%;
		position: absolute;
		bottom: 13%;
		left:71%;
		margin: 0 0 0 0;
		padding:0 0 0 0;
		z-index: 45;
		font-weight: bold;
	}

	.contentpartner3 .partner-pager a img{
		width:100%;
		height:auto;
		position: absolute;
		top: 0;
	}

	.contentpartner3 .partner-pager a:hover img.blur {
		opacity: 0;
	}
	/* pager */

	/* all-link */
	.contentpartner3 .partnerall{
		width:31.4%;
		margin:0 auto;
	}
	
	.contentpartner3 .partnerall a{
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		background-color: #313131;
		color: #fff;
		text-align: center;
		padding: 1vw 0;
		letter-spacing: 0.1em;
		overflow: hidden;
	}
	
	.contentpartner3 .partnerall a span {
		position: relative;
		z-index: 60;
	}
	
	.contentpartner3 .partnerall a img {
		position: absolute;
		z-index: 70;
		top: 0;
		bottom: 0;
		right: 3vw;
		margin: auto;
	}
	
	/* all-link */
}
/* contentpartner2 */
@media screen and (min-width: 641px) {
	.contentpartner2-sub2 span{
		line-height: 1.8em;
	}
	.contentpartner2-sub2 ul{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.contentpartner2-sub2 li{
		padding: 0 0 0 1.6vw;
		margin: 0 0 0 0;
		background: url(../satoa/images/listicon.gif) no-repeat;
		background-position: 0 0.4vw;
		line-height: 1.8em;
	}
}
@media screen and (max-width: 640px) {
	.contentpartner2-sub2 span{
		line-height: 1.8em;
	}
	.contentpartner2-sub2 ul{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.contentpartner2-sub2 li{
		padding: 0 0 0 2.8vw;
		margin: 0 0 0 0;
		background: url(../satoa/images/listicon.gif) no-repeat;
		background-position: 0 0.8vw;
		line-height: 1.8em;
	}
}