@charset "UTF-8";
/* Base Css Overwrite */


/* ==================================================
Page Head Custom
================================================== */
#page-head {}


/* ==================================================
Page Body
================================================== */
.news-block .flex {
	display: flex;
	justify-content: center;
	margin-inline: auto;
	align-items: flex-start;
    width: 100%;
}



.amphi {
gap:15px;
display: flex;
margin:0 auto;
justify-content: center;
align-items: center;
width:95%;

.item1 {
width:48%;
}

.item2 {
width:48%;
}
.item2 img{
width:50%;
}
}

.detail{
font-size:12px;
}

.grp1 {
gap:15px;
display: flex;

.item1 {
width:48%;
}

.item2 {
width:48%;
}

}

.thumb-item {
    display: flex;
	align-items: flex-end;
	justify-content: center;
	width:95%;
	margin:0 auto;
	gap:30px;
}


.products {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 48%;
  margin: 0 auto;
}
.products2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width:48%;
  margin: 0 auto;
}


.logo {
	width: 40%;
	margin:0 auto;
}




.area-title {
	display: inline-block;
	border-bottom: 1px solid #000;
	padding: 0 30px;
}


.itemGlp{
width: 20%;
margin-inline: auto;
}

/* SP用 */
@media screen and (max-width: 480px) {

.detail{
font-size:9px;
}

}

@media screen and (max-width: 768px) {

	.news-block .flex {
		column-gap: 12px;
		width: 95%;
	}

	



}