@charset "utf-8";
/* CSS Document */
*{line-height: 1.5;box-sizing: border-box;}
section img{width:  100%;}
/*=================
共通
=================*/
.detail_page .content_box{
	padding: 80px 100px;
	text-align: left;
}
@media screen and (max-width: 1120px){.detail_page .content_box{padding: 5%;}}

/*=ぼたん=*/
.detail_page .btn{margin: 60px auto 0;}
.detail_page .btn_line{border: solid 2px #365cb2;}
@media screen and (max-width: 750px){.detail_page .btn{margin: 30px auto 0;}}
/*=================
共通
=================*/
/*=カテゴリ=*/
.detail_page .card_tag_design{
	width: 170px;
	line-height: 1;
	font-size: 14px;
	text-align: center;
    padding: 5px 0;
	border-radius: 5px;
	display: inline-block;
	margin: 0 20px 21px 0;
}
.detail_page .card_tag_design_notice{background-color: #ffe897;}
.detail_page .card_tag_design_feature{background-color: #f9a486;}
.detail_page .card_tag_design_site{background-color: #b5e3d7;}
.detail_page .card_tag_design_other{background-color: #e5e5e5;}
.txt{font-weight: 400;}
@media screen and (max-width: 750px){
	.detail_page .card_tag_design{
		margin:  0 5px 10px 0;
		width: 100px;
		padding: 5px;
	}	
}
/*=mv=*/
.detail_page .main_img{
	margin-bottom: 40px;
	height: 650px;
    object-fit: contain;
}
@media screen and (max-width: 750px){
	.detail_page .main_img{
		margin-bottom: 20px;
		height: 350px;
	}
}
/*=カラム=*/
.detail_page .column1,.column2{
	display: flex;
	justify-content: space-between;
	column-gap: 40px;
	row-gap: 40px;
	align-items: flex-start;
}
.detail_page .column_ch{width: calc(50% - 20px);}
@media screen and (max-width: 750px){
	.detail_page .column1{
		flex-direction: column;
		row-gap: 15px;
	}
	.detail_page .column1 .column_ch{width: 100%;}
	.detail_page .column2{column-gap: 8px;}
	.detail_page .column2 .column_ch{width: calc(50% - 4px);}
}
/*=表=*/
.detail_page table{
	box-sizing: border-box;
	border-collapse: collapse;
	margin-top: 50px;
	font-weight: 400;
}
.detail_page tr{border-bottom: solid 1px #071533;}
.detail_page th{
	background-color: #e9eef3;
	padding: 20px;
	width: 180px;
}
.detail_page td{padding: 20px;}
@media screen and (max-width: 750px){
	.detail_page table{margin-top: 30px;border-top: solid 1px #071533;}
	.detail_page th{
		padding: 10px;
		width: 100%;
		display: block;
	}
	.detail_page td{
		padding: 10px;
		display: block;
	}
}
/*=リスト=*/
.detail_page .topic_detail_content ol,
.detail_page .topic_detail_content ul {
	counter-reset: item;
	padding-left: 0;
	margin-bottom: 40px;
	font-weight: 400;
}
.detail_page .topic_detail_content ol li,
.detail_page .topic_detail_content ul li {
  list-style: none;
  counter-increment: item;
  padding-left: 1.2em; 
  position: relative;
	margin-bottom: 11px;
}
.detail_page .topic_detail_content ul li::before {
  content: "・";
  color: #365cb2;
  position: absolute;
  left: 0;   
  top: 0;
}
.detail_page .topic_detail_content ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;   
  top: 0;
	color: #365cb2;
	font-weight: bold;
}
@media screen and (max-width: 750px){
	.detail_page .topic_detail_content ol,
	.detail_page .topic_detail_content ul 
	{margin-bottom: 25px;}
}