@charset "UTF-8";
/* body {
  display: none;
} */

/* top page 02 */

.inner_1090 figure{

	 margin-bottom:1em;
}

 .border_blue figure{
	 background: #deeaf7;
	 margin-bottom:1em;
}
.product_list{
	padding: clamp(49px, 5.38vw, 70px) 0 clamp(70px, 7.69vw, 100px);
    background: #deeaf7;
	    padding: 0 15px;
}
	
.product_list .list_title:before{
	    content: "■";
}


.product_list .list_title {
	    font-weight: bold;

}
.product_list ul li ul li{
			    font-weight: 500;
}


/* top page 02 end */


.archive_content .grid_3 .border_blue{
	aspect-ratio: 1 / 1;
}
.archive_content .grid_3 img{
width: 100%;
    object-fit: scale-down;
}
/*=====

共通のcssについて
.page_com内にclass無しで指定

=====*/

.page_com table th{background:#E6E4E4;}
.page_com .mb{margin-bottom: clamp(53px, 5.77vw, 75px);}


/*見出し*/
.page_com h3{font-size:clamp(16px, 2vw, 24px);margin:1.5em 0;font-weight:800;}
.page_com h4{font-size:clamp(16px, 2vw, 24px);margin:1.5em 0;font-weight:800;}
.page_com p{margin:1.5em 0;font-weight: 400;}
/*文字色*/
.red{color:#c52531;}
.blu{color:#2578c5;}

/*画像*/
figure{margin-bottom: clamp(53px, 5.77vw, 75px);text-align:center;}

.border_grey{
	border: 1px solid #707070;
}

/*スクロールテーブル*/
@media screen and (max-width: 768px){
.scroll{
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 1em;
}
.scroll table{
	width: 100%;
	margin-bottom: 0.5em;
}
}


/*AI BISSMAN®*/

.tbl-bissman{
	margin-bottom: 2rem;
	box-sizing: border-box;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.tbl-bissman thead th{
	background:#F5F5F5;
	padding: 1em;
	text-align:center;
	font-weight:normal;
	width:120px;
}
.tbl-bissman tbody th{
	background:#F5F5F5;
	padding: 1em;
	font-weight:normal;
}
.tbl-bissman tbody td{
	padding: 1em;
	text-align:center;
	background:#fff;
}
.tbl-bissman tbody td:nth-child(1){
	text-align:center;
}
.tbl-bissman td,
.tbl-bissman th{
	border: 1px solid #707070;
}
/*	modelテーブル*/
table.model{
	margin-bottom:2em;
}
table.model th{width:8em;}
table.model th,
table.model td{
	padding: .5em 1em;
	font-weight:600;
}

/*ボーダーなしテーブル*/
table.no-b-tbl{border:none;margin-bottom:2rem;}
table.no-b-tbl th,
table.no-b-tbl td{text-align:left;border:none;background:none;}


/*動画レスポンシブ*/
.movie-wrap{
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	background:#ccc;
	margin-bottom:2rem;
}
.movie-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*archiveの2カラム*/
.archive_content .grid_2{
	width: min(100%, 1060px);
    margin: auto;
}

/*2カラム*/
.grid_2{
	
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.5em 4em;
}
.grid_2 a{color: #2578c5;}
.grid_2 .img_box{
	margin-bottom: clamp(14px, 1.54vw, 20px);
}
@media screen and (max-width:767px){
.grid_2{grid-template-columns: 1fr;}
}


.col2 .img_box {
    margin-top: 1.5em;
}

@media screen and (min-width:768px){
.col2{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.col2 > div{
	width:calc((100% - 2em) / 2);
	margin-bottom:2em;
}
}
@media screen and (max-width:767px){
.col2 > div{
	margin-bottom:2em;
}
}


@media screen and (min-width:768px){
.col3{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.col3 > div{
	width:calc((100% - 2em) / 3);
	margin-bottom:2em;
}
}
@media screen and (max-width:767px){
.col3 > div{
	margin-bottom:2em;
}
}

/*TOMOSADA*/

.tbl-tomosada{
	margin-bottom: 2rem;
	box-sizing: border-box;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.tbl-tomosada thead th,
.tbl-tomosada tbody th,
.tbl-tomosada tbody td{
	padding: .5em;
	text-align:center;
	font-weight:normal;
	font-size:.8em;
}

.tbl-tomosada thead th{
	background:#F5F5F5;
	width:120px;
}
.tbl-tomosada thead th span{
	font-size:.6em;display: block;
}
.tbl-tomosada tbody th{
	background:#F5F5F5;
}
.tbl-tomosada tbody td{
	background:#fff;
}
.tbl-tomosada td,
.tbl-tomosada th{
	border: 1px solid #707070;
}
.tbl-tomosada thead th h3,
.tbl-tomosada thead th p{margin:0;}


/*余白狭めのテーブル*/
.tbl-min{
	margin-bottom: 2rem;
	box-sizing: border-box;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.tbl-min thead th,
.tbl-min tbody th,
.tbl-min tbody td{
	padding: .5em;
	text-align:center;
	font-weight:normal;
	font-size:.8em;
	vertical-align: middle;
}

.tbl-min thead th{
	background:#F5F5F5;
}

.tbl-min tbody th{
	background:#F5F5F5;
}
.tbl-min tbody td{
	background:#fff;
}
.tbl-min td,
.tbl-min th{
	border: 1px solid #707070;
}