@charset "utf-8";

/*ダミー：ページネーション・検索結果数*/
.dummy_box{
	width: 770px;
	display: flex;
	justify-content:space-between;
	margin:0 auto 20px;
}

.dummy_box p{
	margin: 0;
	padding:0;
	display: flex;
	align-items: flex-end;
}



/*製品一覧*/
/* section{
	margin-bottom: 30px !important;
} */
.product_wrapper{
	width: 770px;
}
.company_wrapper{
	padding:5px 10px 7px;
	background: #0065A6;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

.company_name{
	font-size:1.5rem;
	font-weight: bold;
}

.company_btn a{
	display: block;
	padding: 0 0 0 30px;
	font-size:90%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position: relative;
}

.company_btn a:hover{
	text-decoration: underline;
}

/* .company_btn a::before{
	content: "\e0ee";
	font-family: 'Material Icons';
	font-weight: normal;
	font-size:165%;
	position: absolute;
	left:0;
	top:2px;
} */

.detail_wrapper{
	border: 8px #c3e3fc solid;
	padding:10px 10px 20px;
	display: flex;
	flex-direction: column;
}

.detail_wrapper > p{
	padding-bottom:4px;
	margin-bottom: 12px;
	border-bottom: 3px dotted #0065A6;
	color: #0065A6;
	font-size: 1.5rem;
	font-weight: bold;
}

.detail_main{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 20px;
}

.detail_main_info{
	width: 492px;
	display: flex;
	flex-direction: column;
}

.detail_category ul{
	display: flex;
	flex-wrap:wrap;
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
}

.detail_category li{
	/* display: block;
	padding: 8px 10px 6px;
	background-color: #c3e3fc;
	font-size: 0.8rem;
	text-decoration: none;
	border-radius: 3px;
	line-height: 1;
	color:#024f81; */
	font-weight:700;
	margin-right: 5px;
	margin-bottom: 5px;
}

.detail_category li a {
	display: block;
	padding: 8px 10px 6px;
	background-color: #c3e3fc;
	font-size: 0.8rem;
	text-decoration: none;
	border-radius: 3px;
	line-height: 1;
	color:#024f81;
	font-weight:700;
}

.detail_category li a:hover {
	background-color: #2480c9;
	color: #fff;
}

.detail_category li:nth-child(3n){
	margin-right: 0;
}

.detail_category li:empty{
	display:none;
}

.detail_pn{
	font-size:1.25rem;
	font-weight: bold;
	color: #990000;
	margin-bottom: 10px;
}

.detail_introduction{
	width: 100%;
	padding:10px;
	margin: 0 0 20px;
	background: #FFFFF1;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.detail_introduction p{
	font-size:.9rem;
	line-height:1.5;
	margin: 0;
	padding:0;
}

.detail_introduction_txt{
	color: #162a8b;
	font-size:1.1rem;
	font-weight: 700;
	padding: 0 0 5px 25px;
	position: relative;
}

.detail_introduction_txt::before{
	display: inline-block;
	content: "\f002";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	transform: scale(-1, 1);
	font-size:1.1rem;
	position: absolute;
	top: 1px;
	left: 1px;
}

.detail_opportunity{
	color: #ffff00;
	background: #46680a;
	padding: 5px 0 8px 10px;
	margin-bottom: 18px;
	font-size: 0.94rem;
	font-weight: 700;
	font-feature-settings: "palt" 1;
	position:relative;
	filter: drop-shadow(0px 2px 2px rgba(139,139,139,0.5));
}

.detail_opportunity::after{
	content:"";
	position:absolute;
	bottom:-14px;
	left:20px;
	width: 20px;
	height: 15px;
	background-color: #46680a;
	clip-path: polygon(50% 15px, 0% 0%, 20px 0%);
}

.detail_opportunity_point{
	background: #D4ECD6;
	padding:2px 10px;
}

.detail_opportunity_point ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.detail_opportunity_point li{
	border-bottom: 1px dashed #707070;
	padding:5px 0 7px;
	font-size: .9rem;
}

.detail_opportunity_point li:first-child::before{
	display:inline-block;
	width: 92px;
	/* height: 30px; */
	padding:6px 7px;
	margin: 0 10px 0 0;
	background: #1967D2;
	color: #FFFF00;
	font-weight: bold;
	text-align: center;
}


.detail_opportunity_point li:last-child{
	border-bottom: none;
}

.detail_opportunity_point li:last-child::before{
	display:inline-block;
	width: 92px;
	/* height: 30px; */
	padding:6px 7px;
	margin: 0 10px 0 0;
	background: #FF3900;
	color: #FFFF00;
	font-weight: bold;
	text-align: center;
}


.detail_main_info_img{
	width: 233px;
	display: flex;
	flex-direction: column;
}

.detail_img_photo{
	border: 1px solid #999;
	line-height: 0;
	font-size: 0;
	margin-bottom: 5px;
}