@charset "utf-8";

body{
	background: #f7f9fb url(/home/display/images/bg_body-producttop.gif) repeat-x left top;
}

.top-title { margin-top: 20px;}
.top-title img{ width: 100%;height: auto;}
@media print,screen and (max-width:767px){
	.top-title { margin-top: 15px;}
}

.top-link { margin-top: 30px;}
.top-link .top-link__flex{background-color: #fff;border: 3px solid #dadada; display: flex;flex-wrap: wrap;}
.top-link .top-link__flex a{box-sizing: border-box;border-bottom: 1px solid #dadada;color: #333; display: block;font-size: calc((14 / 16) * 1em); text-decoration: none; padding: 12px 8px; width: 50%;}
.top-link .top-link__flex a:nth-of-type(7){border-bottom: none;}
.top-link .top-link__flex a:nth-of-type(odd){border-right: 1px solid #dadada;}
.top-link .top-link__flex a span {display: block;position: relative; padding: 0 20px;}
.top-link .top-link__flex a span::before{ background-color: #333333;border-radius: 50%; content: "";position: absolute;top: calc(50% - 7px);left: 0; width: 14px;height: 14px;}
.top-link .top-link__flex a span::after{ width: 0;height: 0;border-style: solid;border-width: 3px 0 3px 6px;border-color: transparent transparent transparent #fff; content: "";position: absolute;top: calc(50% - 3px);left: 5px;}
@media print,screen and (min-width:768px){
	.top-link .top-link__flex a:hover{text-decoration: underline;}
}
@media print,screen and (max-width:767px){
	.top-link { display: none;}
}

.top-inquiry { margin-top: 30px;}
.top-inquiry .top-inquiry__box{background-color: #fff;border: 3px solid #dadada;padding:20px 15px 10px 15px;}
.top-inquiry .top-inquiry__heading { border-left: 4px solid #28528e;color: #28528e;font-size: calc((20 / 16) * 1em);font-weight: bold;padding-left: 5px; }
.top-inquiry .top-inquiry__list {font-size: calc((14 / 16) * 1em); margin-top: 20px;}
.top-inquiry .top-inquiry__list li{display: flex; padding:10px 0;}
.top-inquiry .top-inquiry__list li +li{background-image : linear-gradient(to right, #e3e3e3, #e3e3e3 2px, transparent 2px, transparent 4px);background-size: 4px 2px;background-position: left top;background-repeat: repeat-x;}
.top-inquiry .top-inquiry__list li span{display: block; width: 130px;}
.top-inquiry .top-inquiry__list li p{flex: 1;}
.top-inquiry .top-inquiry__list li a{color: #005e8c;text-decoration: none;}
@media print,screen and (min-width:768px){
	.top-inquiry .top-inquiry__list li a:hover{text-decoration: underline;}
}
@media print,screen and (max-width:767px){
	.top-inquiry { margin-top: 20px;padding-bottom:60px;}
	.top-inquiry .top-inquiry__box{border: 2px solid #dadada;padding:15px 15px 5px 15px;}
	.top-inquiry .top-inquiry__heading {font-size: calc((14 / 16) * 1em);}
	.top-inquiry .top-inquiry__list {font-size: calc((12 / 16) * 1em); margin-top: 10px;}
	.top-inquiry .top-inquiry__list li +li{background-image : linear-gradient(to right, #dadada, #dadada 1px, transparent 1px, transparent 2px);background-size: 2px 1px;}
	.top-inquiry .top-inquiry__list li span{width: 110px;}
}