@charset "utf-8";

/*---------------------------------------------------------

    common

---------------------------------------------------------*/

#partner h1 {
	min-height: 25.6vw;
	color: #fff;
	background: url('../images/partner/sp/bg_h1.jpg') no-repeat center;
	background-size: cover;
    padding: 5.4vw 0;
    box-sizing: border-box;
}

#partner h1 span {
	color: #fff;
}



/*---------------------------------------------------------

    partner

---------------------------------------------------------*/

#partner {
	margin-bottom: 12vw;
}

#partner h2 {
	color: #fff;
	text-align: center;
	background: #00a9d4;
	padding: 2.7vw 0;
}

#partner #lead + .container > ul {
    padding: 0 5.4vw;
}

#partner #lead + .container > ul li {
	border: 0.1rem #dcdcdc solid;
}

#partner #lead + .container > ul li + li {
	margin-top: 3.6vw;
}

#partner dl {
    padding: 4.2vw 5.4vw 5.4vw;
}

#partner dt {
    text-align: center;
    font-weight: 600;
    margin-bottom: 2.7vw;
}

#partner dd {
	line-height: 1.6;
}

#partner dd div:nth-of-type(2) {
	font-size: 3.2vw;
    margin-top: 1.2rem;   
}

#partner p:nth-child(2) {
	text-align: center;
	line-height: 1.7;
    margin: 4.2vw 0;
}







@media screen and (min-width: 480px) {

/*---------------------------------------------------------

    common

---------------------------------------------------------*/



/*---------------------------------------------------------

    partner

---------------------------------------------------------*/

#partner h1 {
	padding: 9.9vw 0;
}

#partner #lead + .container > ul {
    padding: 0;
	width: 86vw;
	margin-right: auto;
	margin-left: auto;
}

#partner #lead + .container > ul li {
	display: inline-block;
    width: 40vw;
    font-size: 1.95vw;
    vertical-align: top;
    margin: 0 1.2vw 2.4vw;
}

#partner #lead + .container > ul li + li {
	margin-top: 0;
}

#partner dl {
	min-height: 18vw;
    padding: 2.1rem 2.1rem 2.1rem;
}

#partner dd {
    text-align: left;
}

#partner dd div:nth-of-type(2) {
	font-size: 1.8vw;
}

#partner p:nth-child(2) {
	font-size: 1.95vw;
}




}


@media screen and (min-width: 768px) {

/*---------------------------------------------------------

    common

---------------------------------------------------------*/




/*---------------------------------------------------------

    partner

---------------------------------------------------------*/




}


@media screen and (min-width: 1080px) {

/*---------------------------------------------------------

    common

---------------------------------------------------------*/





/*---------------------------------------------------------

    partner

---------------------------------------------------------*/

#partner {
	margin-bottom: 9rem;
}

#partner h1 {
	min-height: 36rem;
	background: url('../images/partner/pc/bg_h1.jpg') no-repeat center;
	background-size: cover;
    padding: 5.4vw 0;
    box-sizing: border-box;
}

#partner h1 span {
	margin-top: 9rem;
}

#partner #lead + .container > ul {
	font-size: 0;
	text-align: left;
}

#partner #lead + .container > ul li {
	width: 30%;
    max-width: 330px;
    font-size: 1.6rem;
    margin: 0 15px 4.5rem;
    box-sizing: border-box;
}

#partner h2 {
	font-size: 1.9rem;
	padding: 1rem 0;
}

#partner dl {
    min-height: 24rem;
    padding: 2.1rem;
    box-sizing: border-box;
}

#partner dt {
    margin-bottom: 1.8rem;
}

#partner dd {
	line-height: 2;
}

#partner dd div:nth-of-type(2) {
	font-size: 1.5rem;
	line-height: 1.6;
}

#partner p:nth-child(2) {
	font-size: 1.6rem;
	margin: 5.4rem 0;
}


}