@charset "utf-8";
*, ::before, ::after {
	margin: 0 auto;
	box-sizing: border-box;
	
}
img {
	vertical-align: top;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	width: auto;
	-o-object-fit: cover;
}

body {
	max-width: 1200px;
	background-color: #cccccc;
	height: auto;
	background-image: url(img/bg-image-sec.jpg.jpg);
	width: 100%;

}
.header {
	width: 100%;
	position: relative;
	padding-top: 100px;
	top: 0px;
	height: auto;
	text-align: center;
}

.logo {
	width: 100px;
	height: 100px;
	margin-top: 0px;
	margin-left: 0px;
}
ul {
	list-style-type: none;
}
.menu {
    display: flex;
    align-items: center;
}
.menu a {
	display: flex;
	color: 000;
	position: absolute;
	align-items: center;
	text-decoration: none;
	font-size: 20px;
}
.menu a:hover {
	border-bottom-width: 2px;
	border-bottom-color: rgba(249,67,70,1.00);
	text-decoration: underline;
	color: rgba(253,41,45,1.00);
}
ul  {
	list-style-type: none;
}
.menu  {
	display: flex;
	align-items: center;
}
.menu a  {
	display: flex;
	color: 000;
	position: absolute;
	align-items: center;
	top: 50%;
	bottom: 50%;
	text-decoration: none;
	padding-top: 50px;
}
.menu a:hover {
	border-bottom-width: 2px;
	border-bottom-color: rgba(249,67,70,1.00);
	text-decoration: underline;
	color: rgba(253,41,45,1.00);
}
section {
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
}
.mv {
	position: relative;
}
.mv img {
	width: 100%;
	height: auto;
}

.mv-ct {
	position: absolute;
	text-align: center;
	bottom: 50px;
	left: 50px;
	background-color: transparent;
}
section h2 {
}

h2  {
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #cccccc;
}
h3 {
    text-align: center;
}

.flex-box {
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	justify-content: center;
	-o-object-fit: cover;
}
.box {
	width: calc(50% - 20px);
	text-align: center;
	height: auto;
}
.box-comee {
	padding: 20px;
	line-height: 1.7;
}
.gotop {
	position: fixed;
	right: 20px;
	bottom: 20px;
}



footer {
	/* [disabled]width: 98%; */
	display: grid;
	height: 100px;
	background-color: #696969;
}
footer li a  {
	/* [disabled]font-size: 16px; */
	background-color: 000;
	justify-content: space-between;
}
footer p {
	/* [disabled]color: 000; */
	position: relative;
	/* [disabled]margin-bottom: 0px; */
	padding: 0 10px;
	justify-content: center;
	margin-top: 20px;
}
.news {
	width: 300px;
	height: 750px;
	border: 1px solid #cfcfcf;
	margin: 0 auto;
	overflow-y: auto;
	padding: 20px 0;
	background-color: #f9f9f9;
}
.news h2 {
	text-align: center;
	margin-bottom: 10px;
	font-size: 1.2em;
	color: 333;
}
.news dt {
	font-weight: bold;
	margin-top: 10px;
	color: 555;
}
.news dd {
	margin-left: 0px;
	margin-bottom: 10px;
	background-color: 333;
}




h2 {
	text-align: center;
}
figure {
	width: 520px;
	display: flex;
	justify-content: space-between;
}


.voices-ceo {
	padding: 50px 0;
	font-size: 1.2em;
	border-radius: 8px;
	background-color: #f0f0f0;
	text-align: center;
	line-height: 1.7;
}
.voices-ceo h3 {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
}
.voices-ceo-name {
	padding-bottom: 10px;
}



.voices-cto {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 60px;
	/* [disabled]flex-direction: row-reverse; */
	position: relative;
	border-radius: 8px;
	background-color: #f0f0f0;
}
.voices-cto img {
	max-width: 520px;
	border-radius: 8px;
	height: auto;
	float: left;
}
.voices-cto-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	/* [disabled]justify-content: flex-start; */
	position: absolute;
	top: 15px;
	right: 200px;
	margin-top: 10px;
	padding-bottom: 5px;
	max-width: 600px;
	width: auto;
}
.voices-cto-name {
	padding-top: 5px;
	padding-bottom: 5px;
}

.voices-cto-comment {
	top: 66px;
	line-height: 1.7;
	padding-top: 40px;
	position: static;
	height: auto;
}

.voices-pm {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 60px;
	flex-direction: row-reverse;
	position: relative;
	border-radius: 8px;
	background-color: #f0f0f0;
}
.voices-pm img {
	max-width: 520px;
	border-radius: 8px;
	height: auto;
	float: right;
}
.voices-pm-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: absolute;
	top: 15px;
	margin-top: 10px;
	padding-bottom: 5px;
	left: 170px;
}
.voices-pm-name {
    padding-top: 5px;
    padding-bottom: 5px;
}
.voices-pm-comment {
	top: 66px;
	line-height: 1.7;
	padding-top: 60px;
}

.voices-help {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 60px;
	/* [disabled]flex-direction: row-reverse; */
	position: relative;
	border-radius: 8px;
	background-color: #f0f0f0;
	/* [disabled]font-style: 16px; */
	height: auto;
}
.voices-help img {
	max-width: 520px;
	border-radius: 8px;
	height: auto;
	float: left;
}
.voices-help-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	/* [disabled]justify-content: flex-start; */
	position: absolute;
	top: 15px;
	right: 200px;
	margin-top: 10px;
	padding-bottom: 5px;
}
.voices-help-name {
	padding-top: 5px;
	padding-bottom: 5px;
}

.voices-help-comment {
	top: 66px;
	line-height: 1.7;
	font-size: 16px;
	padding-top: 70px;
}

.voices-cs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 60px;
	flex-direction: row-reverse;
	position: relative;
	border-radius: 8px;
	background-color: #f0f0f0;
	height: auto;
}
.voices-cs img {
	max-width: 520px;
	border-radius: 8px;
	height: auto;
	float: right;
}
.voices-cs-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: absolute;
	top: 15px;
	margin-top: 10px;
	padding-bottom: 5px;
	left: 170px;
}
.voices-cs-name {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 6px;
}
.voices-cs-comment {
	top: 66px;
	line-height: 1.7;
	padding-top: 60px;
}
.voices-hr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 60px;
	/* [disabled]flex-direction: row-reverse; */
	position: relative;
	border-radius: 8px;
	background-color: #f0f0f0;
	/* [disabled]font-style: 16px; */
}
.voices-hr img {
	max-width: 520px;
	border-radius: 8px;
	height: auto;
	float: left;
}
.voices-hr-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	/* [disabled]justify-content: flex-start; */
	position: absolute;
	top: 15px;
	right: 200px;
	margin-top: 10px;
	padding-bottom: 5px;
}
.voices-hr-name {
	padding-top: 5px;
	padding-bottom: 5px;
}

.voices-hr-comment {
	top: 66px;
	line-height: 1.7;
	font-size: 16px;
	padding-top: 70px;
}

.voices p {
	margin-left: 20px;
	margin-right: 20px;
}
.company table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 8px;
	background-color: rgba(253,253,253,1.00);
}
#company th, #company td {
	border: 2px solid #ccc;
	padding: 20px 50px;
}
#company th {
	width: 200px;
	background-color: #ddd;

}
#access iframe {
	border-radius: 8px;
	background-color: #fff;
	text-align: center;
	width: 100%;
}

#access dl {
	padding: 10px 0;
	margin: 20px 0;
}
#access dt {
	font-weight: bold;
	padding-left: 10px;
	background-color: #cccccc;
	text-align: center;
	font-size: 18px;
}
#access dd {
	background-color: #cccccc;
	padding: 10px 0;
	text-align: center;
}
#access p {
	line-height: 1.2;
	width: 100%;
	background-color: #cccccc;
	text-align: center;
}
#form1 {
	/* [disabled]width: 100%; */
	border-collapse: collapse;
	border-radius: 8px;
	background-color: rgba(253,253,253,1.00);
	/* [disabled]text-align: center; */
	display: flex;
}
#form th td {
	border: 2px solid #ccc;
	padding: 20px 50px;
	text-align: left;
}






html {
	scroll-padding-top: 50px;
	scroll-behavior: smooth;
}