@charset "UTF-8";
/* CSS Document */

html {
  scroll-padding-top: 120px; // ヘッダーの高さ分設定
}

.main_image { background-image: url("../../../../uploads/2025/07/top_img_202507.webp"); }

.contents.common.company .wrapper {
	width: 96%;
	padding: 0 2%;
}

.company .sub_nav .btm {
	width: 90%;
	margin: 0 5% 10px;
	padding: 0;
	float: left;
}

.company .sub_nav .btm a {
	width: 100%;
	margin: 0;
	padding: 3px 0;
	float: left;
	text-align: center;
	background-color: #4c4948;
	color: #FFF;
	border-radius: 5px;
	font-size: 14px;
	opacity: 1;
	transition: ease 0.5s all;
}

.company .sub_nav .btm a:hover {
	opacity: 0.7;
}

.contents.common.company .inner {
	max-width: 1100px;
}

.contents.common.adjust { margin-top: -50px; }

.company .block {
	width: 90%;
	margin: 0 5%;
	padding: 0;
	float: left;
}

.company .block.message .copy {
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.15em;
}

.company .block.message .message {
	width: 55%;
	margin: 0 5%;
	padding: 0;
	float: left;
}

.company .block.message .photo {
	width: 35%;
	margin: 50px 0;
	padding: 0;
	float: left;
}

.company .block.message .photo img {
	width: 90%;
	margin: 0 5%;
	box-shadow: 5px 5px 0 0 #ED6C00;
	border-radius: 30px;
}


.company .block.message .photo p {
	text-align: center;
}

.mvv .block {
	width: 80%;
	margin: 0 10% 50px;
	float: left;
}

.mvv .block dl {
	width: 100%;
	margin: 0;
	float: left;
	background-image: url("../image/company/mvv_line.png");
	background-repeat: repeat-x;
	background-position: center left -10px;
}

.mvv .block dl dt {
	height: 120px;
	float: left;
	margin: 0;
	padding: 0;
}

.mvv .block dl dt img {
	height: 120px;
	float: left;
	margin: 0 0 0 -5px;
	padding: 0;
}

.mvv .block dl dd {
	float: left;
	font-style: italic;
	font-size: 35px;
	font-weight: 700;
	line-height: 60px;
	padding: 0;
	color: #ed6c00;
}

.mvv table {
	margin: 0 0 0 200px;
	font-size: 24px;
	font-weight: 700;
}

.mvv table td {	padding-bottom: 0.5em; }

.mvv table td span { color: #ed6c00; }

.mvv table td:nth-of-type(1) { width: 200px;font-size: 20px; }
.mvv table td:nth-of-type(2) { text-align: left; }

.mvv .block dl.message {
	margin: 0 0 0 200px;
	background-image: initial;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 700;
}

.mvv .block dl.message dt {
	float: none;
	height: auto;
	color: #ed6c00;
}

.mvv .block dl.message dd {
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 700;
	font-style: normal;
	text-align: justify;
	color: #4c4948;
	float: none;
	padding: 0;
	margin: 0;
}

.mvv table.fit {
	font-size: 18px;
}

.mvv table.fit td:nth-of-type(2) {
	padding-right: 1em;
}

.health .box {
	width: 90%;
	margin: 0 5% 50px;
	float: left;
}

.health h3 {
	font-size: 20px;
	width: 96%;
	margin: 30px 0;
	padding: 10px 2%;
	float: left;
	border-bottom: #ed6c00 1px dotted;
}

.health p {
	width: 100%;
	margin: 0 0 1em;
	float: left;
}

.health .photo {
	width: 90%;
	margin: 20px 5%;
	float: left;
	text-align: center;
}

.health .photo img {
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
}

.health .photo2 {
	width: 90%;
	margin: 20px 5%;
	float: left;
	text-align: center;
}

.health .photo2 img {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

.profile table {
	width: 90%;
	margin: 0 5% 50px;
	float: left;
	border-collapse: collapse;
	border: none;
}

.profile table td {
	border: none;
	border-bottom: #ed6c00 1px dotted;
	padding: 1em;
}

.profile table td:nth-of-type(1) {
	width: 11em;
	font-weight: 700;
	text-align: center;
}

.disclosure .box {
	width: 80%;
	margin: 0;
	padding: 0 10%;
	float: left;
}

.disclosure .box a {
	width: 100%;
	display:block;
	color: #4C4948;
	border-bottom: #FFF 1px solid;
	transition: ease 0.5s all;
	box-sizing: border-box;
	margin: 5px 0;
}

.disclosure .box a:hover {
	border-bottom: #ED6C00 1px solid;
}

.disclosure table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.disclosure table td:nth-of-type(1) {
	width: 100px;
	margin: 0;
	padding: 5px 0;
	vertical-align: top;
}

.disclosure table td:nth-of-type(1) p {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

.disclosure table td:nth-of-type(2) {
	padding: 5px 30px 5px 10px;
	background-image: url("../image/common/arr_topi_org.png");
	background-repeat: no-repeat;
	background-position: center right 10px;
	text-align: left;
}

.access .box {
	width: 80%;
	margin: 0;
	padding: 0 10%;
	float: left;
}

.access table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.access table td {
	width: 50%;
	vertical-align: top;
}

.access ul {
	width: 80%;
	margin: 0 10% 50px;
	padding: 0;
	float: left;
}

.access li {
	list-style: circle;
}

.access .map {
	width: 90%;
	margin: 0 auto 50px;
	padding: 0;
	box-shadow: 0px 0px 5px 0px #999;
	display: flex;
}

.footer {
	float: left;
	height: 400px;
}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 1100px */
/* **************************************************************** */
@media only screen and (max-width:1100px){

.company .sub_nav { display: none; }

.mvv .block dl dt { height: 80px; }
.mvv .block dl dt img { height: 80px;margin: 0 0 0 -5px; }
.mvv .block dl dd { font-size: 24px;line-height: 40px; }

.mvv table { margin: 0 0 0 100px;font-size: 18px; }
.mvv table td:nth-of-type(1) { font-size: 16px; }
.mvv table.fit { font-size: 16px; }
.mvv .block dl.message {
	margin: 0 0 0 100px;
	font-size: 18px;
}

.mvv .block dl.message dd {
	font-size: 18px;
}

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 880px */
/* **************************************************************** */
@media only screen and (max-width:880px){

.company .block.message .copy { width: 80%;margin: 0 10%;font-size: 20px; }
.company .block.message .message { width: 90%;margin: 0 5%; }
.company .block.message .photo { width: 100%;margin: 20px 0;text-align: center; }
.company .block.message .photo img { width: 90%;max-width: 300px;margin: 0 auto; }

.mvv .block dl.message {
	width: 90%;
	margin: 30px 5% 0;
}


.mvv table td:nth-of-type(1),
.mvv table td:nth-of-type(2) { width: 100%;float: left;text-align: center; }

.mvv table.fit { width: 90%;margin: 0 5%;}

.mvv table.fit td { width: 100%;float: left;text-align: center; }
.mvv table.fit td:nth-of-type(1) { 
	font-size: 24px;
	border-top: #ed6c00 1px solid;
	border-bottom: #ed6c00 1px solid;
	padding: 10px 0;
	margin: 10px 0;
}

.mvv table.fit td:nth-of-type(2) { font-size: 18px; }
.mvv table.fit td:nth-of-type(3) { font-size: 16px;font-weight: 400; }

.disclosure .box { width: 90%;padding: 20px 5% 30px; }
.disclosure .box table td:nth-of-type(1) { width: 100%;float: left; }
.disclosure .box table td:nth-of-type(1) p { width: 150px;text-align: left; }
.disclosure .box table td:nth-of-type(2) { width: 95%;float: left;padding: 0 5% 0 0; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 580px */
/* **************************************************************** */
@media only screen and (max-width:580px){

.company .block.message .copy {	font-size: 18px;width: 90%;margin: 20px 5% 0;float: left; }
.company .block.message .message { width: 90%; margin: 0 5% 20px;float: left; }

.mvv table { width: 90%; margin: 0 5%; }

.profile table { width: 90%;margin: 0 5%; }
.profile table td { width: 90%;padding: 5px 5%; float: left;border: none; }
.profile table td:nth-of-type(1) { 
	width: 100%;
	float: left;
	padding: 5px 0;
	background-color: #ed6c00;
	color: #FFF;
}

.footer { height: auto; }

}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 480px */
/* **************************************************************** */
@media only screen and (max-width:480px){

.mvv .block dl dt { width: 80px; }
.mvv .block dl dd { text-align: left;margin: 0;padding: 0; }
.mvv .block dl.message dt {
	width: 100%;margin: 0;padding: 0;
}

}