@charset "shift_jis";

/* ---------- base -------------------- */
html {
	background-color:#fff;
	width:100%;
}
body {
	width:100%;
	font-size:70%;
	font-family: -apple-system, 'Helvetica Neue', '游ゴシック Medium', 'Hiragino Kaku Gothic ProN','メイリオ', meiryo, sans-serif;
	margin:0 auto;
}


/* ---------- ClearFix -------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac ﾂ･*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */


/* ---------- header -------------------- */
header { width:100%; }
/* div.copy */
header div.copy {
	display:block;
	background-color:#000;
	width:96%;
	height:30px;
	padding:0 2%;
}
header div.copy p {
	width:960px;
	font-size:1.2em;
	color:#fff;
	line-height:2.4;
	margin:0 auto;
	padding:0 10px;
}
/* ul.about */
header ul.about {
	display:block;
	width:960px;
	margin:-20px auto 10px auto;
	padding:0 10px;
}
header ul.about li { text-align:right; }
/* table.title */
header table.title {
	width:960px;
	margin:0 auto 20px auto;
}
header table.title tbody{
	width:960px;
}
header table.title tr th {
	border-right:1px solid #cccccc;
}
header table.title tr th h1 {
	font-size:1.7em;
}
header table.title tr th h1 img {
	position:relative;
	top:6px;
	width:90px;
}
header table.title tr td{
	font-size:1.3em;
	width:230px;
	text-align:center;
}
/* 特定法人部削除用*/
body.co-80025074 header table.title tr td:nth-child(3){
	display: none;
}

header table.title tr td a{
	color:#ff0000;
}
header table.title tr td span {
	line-height:1.1;
	display:block;
	width:100%;
	margin-bottom:5px;
	font-size:90%;
}
header table.title tr td img {
	background-color:#f00;
	margin:0 5px 0 10px;
	width:35px;
	height:20px;
}
header table.title tr td strong {
	font-size:1.8em;
	font-family:serif;
	font-weight:bold;
	color:#f00;
	vertical-align:central;
}

/* ---------- Moumuri Ver.header -------------------- */
.header-flex {
    display: flex;
    flex-direction: row;     /* 横並び */
    align-items: center;     /* 各アイテムの縦方向中央揃え */
	justify-content: flex-start;/* 横方向の中央寄せ（任意） */
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.5em;              /* アイテム間の間隔 */
    text-align: center;
  }
  .header-flex li {
    display: flex;
    align-items: center;
  }

  li.compny_font {
	font-size: 1.7em;
  }

  li.compny_font02 {
    font-size: 1.7em;
}

li.compny_font {
	display:inline;
  }

  li.compny_font02 {
	display:none;
}


  li.moumuri_logo img{
	 display: inline;
	/*display: none; */
  }

  li.moumuri_logo02 img {
	display: none;
	}

/* ---------- article#main -------------------- */
main {
	width:960px;
	margin:0 auto;
	padding:10px;
}
/* section */
section {
	display:block;
	margin:0 auto;
}
/* ---------- footer -------------------- */
footer {
	background-color:#900;
	width:96%;
	height:40px;
	margin:30px auto 0 auto;
	padding:0 2%;
	display:block;
}
footer div {
	width:960px;
	margin:0 auto;
	padding:0 10px;
}
footer div nav ul { float:left; }
footer div nav ul li {
	float:left;
	font-size:1.2em;
	line-height:3.0;
	margin-right:20px;
}
footer div nav ul li a,
footer div nav ul li a:link,
footer div nav ul li a:visited {
	background:url(/common_jp/image/v4/hojin/footer_mark.svg) 0 50% no-repeat;
	background-size:10px 10px;
	text-decoration:none;
	color:#fff;
	padding-left:15px;
}
/* IE8 */
html>/**/body footer div nav ul li a,
html>/**/body footer div nav ul li a:link,
html>/**/body footer div nav ul li a:visited{
        background /*\**/: url(/common_jp/image/v4/hojin/footer_mark.png) 0 50% no-repeat\9;
		background-size /*\**/:10px\9;
    }
footer div nav ul li a:hover { text-decoration:underline; }
footer div small {
	float:right;
	font-size:1.2em;
	line-height:3.0;
	color:#fff;
}

@media only screen and (max-width: 767px) {
/* ---------- header -------------------- */
/* div.copy */
header div.copy p {
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0;
	text-align:center;
}
header div.copy p span{
	display:none;
}
/* ul.about */
header ul.about { display:none; }
/* div.title */
header table.title {
	width:96%;
	margin:0 auto 0px auto;
	padding:0 2%;
	text-align:center;
	display:block;
}
header table.title tbody,
header table.title tbody tr,
header table.title tr th,
header table.title tr td{
	display:block;
	width:100%;
	padding:0;
	border-right:none;
}
header table.title tr th h1 {
	float:none;
	padding:5px 0 0 0;
	text-align:center;
	background:none;
	width:100%;
	display:block;
	font-size:160%;
	border-bottom:1px solid #cccccc;

}
header table.title tr th h1 span{
	display:none;
}
header table.title tr td {
	display:block;
	width:100%;
}
header table.title tr td span {
	float:none;
	display:block;
	line-height:1.5;
	text-align:center;
	font-size:90%;
	margin:0px 0 0 0;
}
header table.title tr td img {
	display:inline;
	float:none;
	vertical-align:baseline;
}
header table.title tr td strong{
	font-size:160%;
}

/* ---------- Moumuri Ver.header ------For under 767px-------------- */
.header-flex {
    display: flex;
    flex-direction: row;     /* 横並び */
    align-items: center;     /* 各アイテムの縦方向中央揃え */
    justify-content: center; /* 横方向の中央寄せ（任意） */
    list-style: none;
    padding: 0;
    margin: 5px 0 5px 0;
    gap: 0;              /* アイテム間の間隔 */
    text-align: center;
  }
  .header-flex li {
    display: flex;
    align-items: center;
  }

  li.moumuri_logo img{
    display: inline;

  }

  li.moumuri_logo02 img {
	display:none;
	}


	li.compny_font {
		display:none;
	  }

	  li.compny_font02 {
		display:inline;
	}


  /* ---------- Moumuri Ver.header ---- */

  main section.title h1 {
    float: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 20px 20px;
	height: 25px;
    background-color: none;
    color: #5d97bb;
    width: 100%;
    font-size: 1.9em;
    text-align: center;
    margin: 0px auto 0 auto;
    padding: 0px 0 8px 0;
    font-weight: bold;
    /* position: relative; */
}

  .headerS-flex {
	display: flex;
	flex-direction: column;   /* 縦並びに変更 */
	align-items: center;      /* 横方向の中央揃え */
	justify-content: center;  /* 親要素に高さがある場合は縦中央揃え */
	list-style: none;
	padding: 0;
	margin: 0px 0 0 0;             /* 各liの間にスペース */
	text-align: center;
  }
  .headerS-flex li {
	display: flex;
	align-items: center;
	justify-content: center;
  }
  li.moumuri_logo02 img {
	margin: 0 0 10px 0;

  }

/* ---------- article#main -------------------- */
main {
	width:100%;
	padding:10px 0;
}
/* ---------- footer -------------------- */
footer { height:80px; }
footer div {
	width:96%;
	padding:0 2%;
}
footer div nav ul {
	float:none;
	margin-left:10px;
}
footer div small {
	float:none;
	display:block;
	text-align:center;
}
}