/* 共通のスタイル */
body {
	font-size:1rem;
	font-family:"Arial", "メイリオ",sans-serif, system-ui;
	max-width:1024px;
	margin: 0 auto 0.5rem;
}


a {
	color: #333333;
	cursor: pointer;
	text-decoration: underline;
}

a:hover {
	color: #666666;
	text-decoration: none;
}
h1 {
	font-size:1.5rem;
	color:#4852a9;
	border-left:solid 0.5rem #81c963;
	border-bottom:solid 1px #81c963;
	padding-left:0.5rem;
}

h1, p {
	margin:0 0 0.8rem;
}


header {
	/*background-image: url("../images/h_logo.png");
	background-repeat:no-repeat;*/
	display:flex;
	height:60px;
	background-color:#ffffff;
}

#header_container {
	position: sticky;
	top:0;
	left:0;
	z-index:100;
	border-top:solid 0.5rem #ffffff;

}
#h_line {
	width:100%;
	height:1.5rem;
	background: linear-gradient(180deg, rgb(220 220 220 / 100%) , rgb(255 255 255 / 0%) 60%);

}

#h_logo {
	min-width:340px;
	width:40%;
	margin:0;
	padding:0;
}

nav#h_menu {
	display: flex;
	width:60%;
	justify-content: flex-end;
	overflow:visible;
}

nav#h_menu ul {
	display: flex;
	list-style-type: none;
	unicode-bidi: isolate;
	margin:0;
	padding:0;
}

.h_bt{
	margin:0 0.2rem 0;
	padding:0.5rem;
	white-space:nowrap;
	overflow:visible;
}

.h_bt_on a {
	text-decoration:none;
	color: #336699;
}
.h_bt_on a::before {
	content: "> "; 
	color: #336699;
}
	
	

main {
    padding:1rem;
}

footer {

 	/*background-color:#336699;*/
	background-color:#99cc66
}

#footer_container {
	 	display:flex;
}
#footer_info {
	width:80%;
	white-space:nowrap;
	padding:0.5rem;
	background-color:#99cc66
}

footer .h_bt {
	width:40%;
	text-align:right;
}
footer nav#h_menu {
	width:100%;
	background-color:#eeeeee;
}


address {
	font-style:normal
}

#main_mes {
	min-width:640px;
	max-width:1024px;
	margin:0 0 1rem;
}
#main_mes p {
	position:absolute;
	min-width:400px;
	padding:1rem 2rem;
	font-size:1.4rem;
	color:#ffffff;
	text-shadow: 2px 2px 3px #666666;
	white-space:nowrap;
}

#main_mes img {
	width:100%;
}


#home_daihyo_ph {
	width:30%;
	margin:0;
	min-width:100px;
}
#home_daihyo_ph img {
	width:100%
}

#daihyo_mes {
	width:70%;
	min-width:360px;
	padding:0 0 0 1rem;
}

#daihyo_sign {
	font-family:"游明朝", serif;
	font-size:1.2rem
}


.content_area {
	margin:0 0 3rem;
}
#home_sec {
	display:flex;
	justify-content;
	margin:0 0 1rem;
}


.text_r {
	text-align:right;
}

/* ==== 会社概要 ===  */
.normal_t {
	border-collapse:collapse;
	width:100%;
	border-top:solid 1px #666666;
}

.normal_t td,.normal_t th, .normal_li li {
	border-bottom:solid 1px #666666;
	padding:0.5rem;
	background-color:#eeeeee;
}

.normal_t tr:nth-child(odd) td, .normal_t tr:nth-child(odd) th, .normal_li li:nth-child(odd)  {
  background: #fff;
}


.normal_t th {
	width:30%;
	white-space:nowrap;
	border-right:solid 1px #666666;
}


.normal_li {
	width:100%;
	list-style-type: none;
	unicode-bidi: isolate;
	margin:0;
	padding:0;
	border-top:solid 1px #666666;
}


#googlemap {
	width:100%;
}

.num_li {
	list-style-type: number;
	list-style-position:inside;
}
.num_li li {
	font-size:1.2rem;
	font-weight:bold;
}

.list_detail {
	font-size:1rem;
	font-weight:normal;
}



.map-container {
    position: relative;
    padding-top: 56.25%; /* アスペクト比 (16:9の場合) */
    height: 0;
    overflow: hidden;
}
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



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

body {
	width:100%;
	max-width:480px;
}

header {
	height:auto;
	width:100%;
	display:block;
	padding:0 0 0.5rem;
}


#h_logo img {
	width:50%;
}

nav#h_menu {
	width:auto;
	background-color:#eeeeee;
}

#h_line {
	display:none
}




#footer_container {
	 display:block;
}


#main_mes {
	width:100%;
	min-width: auto;
	max-width: 480px;
}
#home_sec {
	display:block;
}
#main_mes p {
	width:100%;
	max-width:100%;
	font-size:1rem;
	padding: 1rem 1rem;
}
#daihyo_mes {
	width:100%;
	min-width:auto;
	padding:0;
}
#home_daihyo_ph {
	width:100%;
}



}