table {  font-size: 12px; line-height: 150%}
table.menu {  font-size: 12px}
table.top {  font-size: 12px; line-height: 160%}
table.menu2 {  border: 1px #6699FF solid; background-color: #D8E9FA}
table.t {  font-size: 12px; line-height: 20px}
td.td1 {  background-image: url(/about/img/line_03.gif)}

h1.h1_1 {  font-size: 18px; font-weight: bold; border-color: black black #006600; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px}
h2 {  font-size: 20px}

body{
    background-image : url(" ");
    background-position: center;
	
	font-family: "Helvetica Neue", Arial, sans-serif;
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.size10 {  font-size: 10px; line-height: 16px}
.size10_14 {  font-size: 10px; line-height: 14px}
.size10_12 {  font-size: 10px; line-height: 12px}
.size10_11 {  font-size: 10px; line-height: 11px}
.size11 {  font-size: 11px; line-height: 140%}
.size12 {  font-size: 12px; line-height: 16px}
.size12_12 {  font-size: 12px; line-height: 12px}
.size12_13 {  font-size: 12px; line-height: 13px}
.size12_14 {  font-size: 12px; line-height: 14px}
.size13 {  font-size: 13px; line-height: 140%}
.size14 {  font-size: 14px; line-height: 140%}
.size16 {  font-size: 16px; line-height: 160%}
.size16_14 {  font-size: 16px; line-height: 140%}
.size18 {  font-size: 18px; line-height: 140%}
.size24 {  font-size: 24px; line-height: 120%}
.size36 {  font-size: 36px; line-height: 120%}

.bk1 {  background-color: #FFFFCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: #FF6600; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.bk01 {  background-color: #FFFF80; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border: #FF6600; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.bk02 {  background-color: #CCFFCC; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border: #006600}
.bkff {  background-color: #FFFF80; padding-top: 4px; padding-right: 2px; padding-bottom: 4px; padding-left: 2px;}
.bkff2 {  background-color: #FF77A4; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 2px;}
.bk_blue {  border: #D7E8F2; border-style: solid; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px;background-color: #D7E8F2}

.line1 {  color: #CC0000; text-decoration: underline}
.line2 {  text-decoration: underline}
.line3 {  color: #339900; text-decoration: underline}
.line5 {  color: #ffffff; }
.lineh150 {  line-height: 24px}
.line_td1 {  border: #CC6600; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.line_td2 {  border: #CC0000; border-style: dotted; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.tbline1 {  border: #FF6600; border-style: solid; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px}
.tbline2 {  border: #CC0000; border-style: solid; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px}
.tbline3 {  border: #000099; border-style: solid; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px}
.tbline4 {  border: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

a:hover {  color: #00FFCC; text-decoration: none}

A.A:LINK { color:#FFFFFF; text-decoration:none}
A.A:VISITED { color:#FFFFFF; text-decoration:none}
A.A:ACTIVE { color:#FFFFFF; text-decoration:none}
A.A:HOVER { color:#00FFCC; text-decoration:none}

a.B:link { font-size: 16px; color: #000000; text-decoration: none;; line-height: 120%}
a.B:visited { font-size: 16px; color: #800080; text-decoration: none;; line-height: 120%}
a.B:hover { font-size: 16px; color: #FF3333; text-decoration: none;; line-height: 120%; font-weight: bold}

A.C:LINK { color:#000000; font-size: 24px; line-height: 120%; text-decoration: underline}
A.C:VISITED { color:#660066; font-size: 24px; line-height: 120%; text-decoration: underline}
A.C:ACTIVE { color:#00FFCC; font-size: 24px; line-height: 120%; text-decoration: underline}
A.C:HOVER { color:#00FFCC; font-size: 24px; line-height: 120%; text-decoration: underline}

.style2 {color: #FF680C}
.style3 {color: #4824FF}
.style4 {color: #666666}

.tbline5 { border: 1px #FF6600 solid; background-color: #FFFFCC}
.tbline6 { border: 1px #336699 dotted; background-color: #DEF2FF; padding-top: 5px; padding-bottom: 5px}
.linered_bkg1 { background-color: #FFFFCC; margin-top: 8px; margin-bottom: 8px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: #CC0000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
h1.h1_2 { font-size: 16px; font-weight: bold; border-color: black black #006600; background-color: #CCFFCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; color: #006600}
h1 {  font-size: 12px; font-weight: bold; background-color: #003399; width: 650px; padding-top: 2px; padding-bottom: 2px; color: #FFFFFF; text-align: center; background-position: center; margin-top: 0px; margin-bottom: 0px}
.size14_160 { font-size: 14px; line-height: 180%}
.size9 {  font-size: 9px}
.size36_2 { font-size: 36px; line-height: 90%}
.size10_50 { font-size: 10px ; line-height: 180%}
.size_10_16 {  font-size: 12px; line-height: 16px}

/* コンテンツ幅を中央に制限する */
main {
    max-width: 1000px; 
    margin: 0 auto;
    padding: 20px;
}
  
.intro, .jobs, .contact {
	margin: 0 1.1em 3em;
}
.intro {
    color: #dd2e0f;
}
.job-title {
    margin-top: 2em;
}

.sub-text {
    font-size: 18px;
    margin: 1.5em 1em;
}
  
.job-card {
	margin-bottom: -10px;
}
 
.job-info {
	padding: 10px 20px;
}

.job-card .job-info h3 {
	font-size: 18px;
}

.image-container {
	position: relative;
}
  
.image-container img {
	object-fit: cover;
}
  
.overlay-text {
	position: absolute;
	bottom: 26px;
	left: 100px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 22px;
    font-weight: bold;
}

.contact {
    background: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
    width: Auto;
    padding: 10px 0;
}
.contact h3, .contact p {
    padding: 0 20px;
}
.contact h3 {
    color: #00448c; 
}