@charset "UTF-8";
/* partner */
.partner_onpage{background:#a4000b;}
#h2ttl{background: url( "../partner/image/ttl.jpg" )top right /  auto 110px no-repeat #EEEEEE;height: 110px;margin-top: 0px;}	
#h2ttl h2{font-size:3.0rem;line-height: 110px; }
#partner .pbox {display: none;font-size: 1.4rem;}
#partner .pttl {cursor: pointer;}
#partner .pinfo .detail{cursor: pointer;}
.pttl{background: #1D4C9C;color: #ffffff;font-size: 1.8rem;padding: 20px 0 20px 35px;position: relative;letter-spacing: 0;margin-bottom: 20px;}
.pttl span{font-size: 1.4rem;letter-spacing: 0;}
.pinfo{width: 100%;}
.pbox .pbox a{color:#1D4C9C;text-decoration: underline;}
.pbox .clearfix{border-bottom: 1px dotted #333333;padding-bottom: 20px;margin-bottom: 20px;}
.pttl:after {content: "";position: absolute;border-right: 4px solid #ffffff;border-bottom: 4px solid #ffffff;width: 13px;top:20px;left: 10px;height: 13px;transform: rotate(45deg);}
.pttl.ac:after {content: "";position: absolute;border-left: 4px solid #ffffff;border-top: 4px solid #ffffff;border-right: 0;border-bottom: 0;width: 13px;top:25px;left: 10px;height: 13px;transform: rotate(45deg);}
.detail{position: relative;display: block;vertical-align: middle;padding-left: 20px;float: left;color: #1D4C9C;font-weight: bold;margin: 5px 0;}	
.detail::before,
.detail::after{position: absolute;top: 0; bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.detail::before{left: 0px;top:4px;box-sizing: border-box;width: 6px;height: 8px;border: 6px solid transparent;border-top: 8px solid #FF0000;}
.contact{width: 100%;font-weight: bold;display: block;text-align: center;padding: 3px 0;margin-bottom: 4px;color: #fff;background-color: #9e9e9e;border-radius: 5px}
.mail{background:url( "../partner/image/mail.png" )center left /  16px auto no-repeat ;padding-left: 20px; }
.name span{font-size: 1.0rem;}

.partner_caption{margin-bottom:30px;text-align:center;}

/* 768以上*/
@media screen and (min-width: 768px) {
.pinfo img{width: 38%;margin-right: 2%; border: 1px solid #ffffff;float: left;}
.name {display: block;float: left; width: 60%;line-height: 140%;}
.pbox .pbox{display: block;float: left; width: 60%;margin-left: 40%;line-height: 140%;}
.detail{width: 60%;}	
	
}


/* 767以下共通*/
@media screen and (max-width: 767px) {
#h2ttl{background: url( "../partner/image/ttl.jpg" )top right /  auto 90px no-repeat #EEEEEE;height: 90px;margin-top: 0px;}	
#h2ttl h2{line-height: 90px; color: #333333;font-size:2.6rem;}
.pinfo img{width: 23%;float: left;margin-right: 2%;}
.detail,.contact{width: 100%;float: left;}	

.name{font-size: 1.4rem;font-weight: bold;width: 75%;float: left;}	
}





/* add */
@keyframes fadein{
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}



.radio-area{
	display: none;
}



.map-list{}
.map-list__item{}
.map-list__label{
	text-align: center;
	
	display: block;
	
	padding: .5em 1em;
	
	color: #fff;
	background-color: #000;
}
.map-list__label[for]{
	cursor: pointer;
}
.map-list__bg{
	position: absolute;
	z-index: -2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	transition: opacity 64ms ease-out;
}
.map-list__hover{
	
}
.map-list__label[for]:hover{
	background-color: #f00;
}
.map-list__label[for]:hover + .map-list__bg{
	opacity: 1 !important;
	z-index: -1;
}

@media screen and (min-width: 768px){
	.map-list{}
	.map-list__item{}
	.map-list__item:not(:last-child){
		margin-bottom: .5em;
	}
	.map-list__bg{
		position: absolute;
		right: 0;
		top: 0;
		left: auto;
		
		width: 80%;
	}
	.map-list__hover{}
}
@media screen and (max-width: 767px){
	.map-list{
		margin-left: -1em;
		margin-bottom: -1em;
		
		display: flex;
		flex-wrap: wrap;
	}
	.map-list__item{
		flex: 1 1 auto;
		min-width: calc(50% - 1em);
		
		margin-left: 1em;
		margin-bottom: 1em;
		
	}
	.map-list__bg{
		display: none;
	}
	
}





.partner-map{
	margin-bottom: 9em;
}
.map-list,
.partner-map-base{}
.partner-map-base{
	z-index: -3;
	text-align: center;
}
.partner-map-base__data{
	width: 100%;
}

@media screen and (min-width: 768px){
	.partner-map{
		position: relative;
		z-index: 0;
		
		display: flex;
		align-items: flex-start;
	}
	.map-list,
	.partner-map-base{}
	.partner-map-base{
		flex: 1 1 auto;
	}
	.map-list{
		order: -1;
		flex: 0 0 20%;
	}
}
@media screen and (max-width: 767px){
	.partner-map-base{
		display: none;
	}
}









.partner-info{}
.partner-info__logo{
	max-width: 80%;
}
.partner-info__link{
	color: #00f;
	text-decoration: underline;
	
	transition: none !important;
}
.partner-info__link:hover{
	color: #f00;
}
.partner-info__link[href]:before{
	content: "🔗";
}

.partner-product:before { content: "🔗" }

.partner-trial__link{
	color: #00f;
	text-decoration: underline;
	
	transition: none !important;
}
.partner-trial__link:hover{
	color: #f00;
}


.partner-area{}
.partner-area__item{}
.partner-area__item +
.partner-area__item{
	margin-top: 2em;
}
.partner-area__title{}
.partner-area__label{
	font-size: 1.25em;
	line-height: 2em;
	text-align: center;
	
	display: block;
	
	padding: .25em 1em;
	
	color: #000;
	background-color: #eee;
	border: 1px solid #999;
}
.partner-area__label:after{
	content: "▼";
	margin-left: .5em;
}
.partner-area__label[for]{
	cursor: pointer;
}





.partner-list{
	margin-top: 1em;
	
	animation: fadein 160ms linear;
}
.partner-list__item{
	padding-top: 1em;
	padding-bottom: 1em;
}
.partner-list__item +
.partner-list__item:before{
	content: "";
	display: block;
	border-top: 1px solid;
	
	margin-bottom: 2em;
}



.partner-layout{}
.partner-layout__logo{
	text-align: center;
}
.partner-layout__data{}

@media screen and (min-width: 768px){
	.partner-layout{
		display: flex;
		align-items: center;
	}
	.partner-layout__logo,
	.partner-layout__data{
		flex: 1 1;
	}
	.partner-layout__logo{
		margin-right: 2em;
	}
	.partner-layout__data{}
}
@media screen and (max-width: 767px){
	.partner-layout{}
	.partner-layout__logo{
		margin-bottom: 2em;
	}
	.partner-layout__data{}
}







.partner-table{
	
}
.partner-table__head,
.partner-table__body{
	vertical-align: top;
}
.partner-table__head{
	padding-right: 1em;
	
	font-size: .75em;
	font-weight: normal;
	line-height: 2em;
	
	white-space: nowrap;
	vertical-align: middle;
}
.partner-table__body{}
.partner-table__button{
	display: inline-block;
	
	padding: .5em 1em;
	margin-top: .5em;
	
	color: #000;
	background-color: #eee;
}
.partner-table__button:hover{
	color: #fff;
	background-color: #f00;
}


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





.partner-aside{
	display: flex;
	flex-wrap: wrap;
	
	font-size: .875em;
	
	margin-top: 1.5em;
	margin-left: -.5em;
	margin-bottom: -.5em;
}
.partner-aside__item{
	margin-left: .5em;
	margin-bottom: .5em;
}
.partner-aside__button{
	display: block;
	
	padding: .5em 1em;
	
	color: #000;
	background-color: #eee;
}
.partner-aside__button:hover{
	color: #fff;
	background-color: #f00;
}