@media screen and (max-width: 1200px) {
main{
	padding-top: 80px;
}
#pan_list {
    margin-left: 10%;
}

}
@media screen and (max-width: 750px) {
/* ============== main title =================== */
#main_visual{
	height: 240px;
}
.main_title{
	height: 240px;
}
h1.title{
	font-size: 1.2rem;
	padding-top: 2.5rem;
	letter-spacing: 2px;
}
h1.title::before{
	font-size: 2.2rem;
	top: -10px;
}
/* ==== パンくずリスト ==== */
#pan_box{
	display: none;
}

/* ============== company_nav =================== */
nav.company_nav{
	margin-top: 3rem;
}
/*/// 縦並び ///*/
nav.company_nav ul{
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
}
nav.company_nav ul li{
	width: 50%;
}
nav.company_nav ul li a{
	padding: 1rem;
	border-right: none;
	border-bottom: solid 3px var(--main_color);
}

/* ============== contents01,02 =================== */
.title{
	font-size: 1rem;
}
table.profile,
table.profile tbody,
table.profile tr,
table.profile th,
table.profile td{
	display: block;
	width: 100%;
}
table.profile{
	padding-bottom: 0px;
}
table.profile th{
	padding: 0.8rem 1rem;
	font-size: 0.9rem;
	border-bottom: none;
}
table.profile td{
	padding: 0.8rem 1rem 1.2rem;
}
.contents_inner h2{
	font-size: 1.8rem;
	letter-spacing: 1px;
}
.contents_inner h2::before{
	width: 12%;
}

/* ============== philosophy =================== */
.philosophy{
	background: url(../img/company_back_sp.jpg) no-repeat top center / cover;
}
.philosophy_inner{
	padding: 80px 20px 120px;
}
.philosophy_inner h2{
	font-size: 2.2rem;
	padding-bottom: 60px;
}
.philosophy_inner h2::before{
	width: 12%;
	bottom: 2.5rem;
}
.philosophy_inner p{
	font-size: 1.1rem;
	line-height: 2;
}

/* ============== message =================== */
.message{
	padding: 80px 0;
}
.message h2{
	font-size: 1.8rem;
}
.message_inner{
	flex-direction: column;
	width: 100%;
}
.president_message{
	width: 100%;
	padding: 0 5%;
}
.pc_only{
	display: none;
}
.sp_only{
	display: block;
	margin: 16px 0;
}
.message_img{
	width: 100%;
	padding: 0;
	top: 0;
}
.message_img img.img_02{
	padding: 2rem 0 0;
}
.img_main{
	aspect-ratio: 4 / 3;
}