@charset "utf-8";
/* CSS Document */


.c5-contentsArea{
	display: none;
}
.c5-contacts-types{
	display: flex;
	width: 70%;
	margin-left: 1em;
	padding-top: 20px;
}

.c5-contacts-types__inner{
	display: flex;
	flex-direction: column;
	width: calc(100% / 4);
	margin-right: 20px;
	color: #333;
}

.c5-contacts-types__inner:last-child{
	margin-right: 0;
}

.c5-contacts-types__inner a,
.c5-contacts-types__inner button,
.c5-contacts-types__inner a:hover,
.c5-contacts-types__inner button:hover {
	color: #333;
}

.c5-contacts-types__inner a,
.c5-contacts-types__inner button{
	text-decoration: none;
}


.c5-contacts-types__inner button{
	padding: 0;
	background-color: #fff;
	border: none;
}

.c5-contacts-types__inner a:focus .c5-contacts-types__inner__headding{
	text-decoration: none;
}

.c5-contacts-types__inner a:hover .c5-contacts-types__inner__txt p,
.c5-contacts-types__inner button:hover .c5-contacts-types__inner__txt p{
	text-decoration:underline;
}

.c5-contacts-types__inner__icon{
	margin: 0 auto 27px;
}

.c5-contacts-types__inner .c5-arrow-img{
	margin-right: 0.3em;
	max-width: 13px;
}
.c5-contacts-types__inner__headding{
	padding: 10px;
	background: #556478;
	color: #fff;
	font-size: 1.22rem;
	font-weight: bold;
	text-align: left;
}

.c5-contacts-types__inner__headding:before{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left:13px;
	padding-right: 0.3em;
	background: url(/xperia/support/images/contact-icon/arrow_white.png) no-repeat;
	content:"";
}

.c5-contacts-types__inner__headding.under:before{
	background: url(/xperia/support/images/contact-icon/arrow_white_inner.png) no-repeat;
}
.c5-contacts-types__inner__headding.line{
	background: #00B900;
}

.c5-contacts-types__inner__headding.chat{
	background: #008072;
}

.c5-contacts-types.hour .c5-contacts-types__inner__headding.under{
	padding-top: 14px;
	padding-bottom: 14px;
}

.c5-contacts-types__inner__txt{
	padding: 10px;
	height: 12em;
	background: #e4e7ec;
	text-align: left;
}

.c5-contacts-types__detail{
	display: none;
	margin: 3em 1em;
}

.c5-contacts-types__detail[aria-hidden="false"]{
	display: block;
}

.c5-contacts-types__detail h2{
	margin-bottom: 1em;
}

.c5-contacts-types__detail__num{
	display: flex;
	margin: 1em 0 2em;
}

.c5-contacts-types__detail__num .icon{
	margin-right: 20px;
}

.c5-contacts-types__detail__num span{
	display: block;
	font-size: 87%;
}

.c5-contacts-types__detail__num .tel{
	margin: 0;
	color: #333;
	font-size: 2.375rem;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}

.c5-contacts-types__detail__num a.tel{
	pointer-events: none;
}

.c5-contacts-types__detail__num p.tel{
	margin-top: 0;
	margin-bottom: 0;
}

.c5-contacts-types__detail dl.time{
	display: flex;
}

.c5-contacts-types__detail dl.time dt{
	font-weight: normal;
}

.c5-contacts-types__detail p.mq_num{
	display: none;
}

.c5-contacts-types__detail ruby{
	font-size: 2.375rem;
	font-weight: bold;
}
.c5-contacts-types__detail ruby rt{
	font-size: 0.875rem;
	padding-bottom: 3px;
	overflow: hidden;
	font-weight: normal;
}

@media screen and (max-width: 1024px){
	.c5-contacts-types{
		width: 90%;
	}
	.c5-contacts-types__inner__icon img {
		width: 20vw;
	}
}

@media (max-width: 640px){
	.c5-contacts-types{
		display: block;
		width: 100%;
		justify-content: center;
		margin-left: 0;
	}
	
	.c5-contacts-types__inner{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
	}
	
	.c5-contacts-types__inner__txt{
		display: flex;
		align-items: center;
		height: auto;
		padding: 12px;
	}
	
	.c5-contacts-types.hour .c5-contacts-types__inner__headding.under{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.c5-contacts-types__inner__icon img{
		display: none;
	}
	.c5-contacts-types__detail{
		margin: 3em 0;
	}
	.c5-contacts-types__detail dl.time dt{
		width: 5.5em;
	}
		
	.c5-contacts-types__detail__num{
		flex-direction: column;
		align-items: center;
		margin: 0 0 2em;
	}
	
	.c5-contacts-types__detail__num span{
		display: none;
	}
	.c5-contacts-types__detail__num a.tel{
		pointer-events: auto;
		font-size: 2rem;
		text-decoration: underline;
	}
	
	.c5-contacts-types__detail__num p.tel{
		font-size: 2rem;
	}
	
	.c5-contacts-types__detail__num .icon {
		margin-right: 0;
	}
	.c5-contacts-types__detail ruby rt{
		display: none;
	}
	
}


@media (max-width: 330px){
	.c5-contacts-types__detail dl.time .onlymobile{
		display: none;
	}
}