@charset "UTF-8";

/* メインコンテンツ
------------------------------------------------------------------*/
#main {
	float: left;
	width: 780px;
	display: inline;
	margin-left: 20px;
	margin-bottom: 1em;
}

#main p {
	padding: 0.5em 10px;
}


#main h2 {
	background-image: url('./images/h2_bg.gif');
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 0.25em;
	padding-left: 30px;
	border-bottom: 6px double #113961;
	font-size: 140%;
}

#main h3 {
	background-image: url('./images/h3_bg.gif');
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 0.25em;
	margin-left: 20px;
	padding-left: 30px;
	border-bottom: 2px solid #113961;
	font-size: 115%;
	font-size: 125%;
}

#main img {
    width: 480px;
    height: 360px;
	margin-left: 10px;
  	border: 1px solid #999999;
}


/*　役員一覧表　.tbl1
------------------------------------------------------------------*/
.tbl1 {
	border: 1px solid #999999;
	margin-top: 0.5em;
	margin-left: 10px;
}

.tbl1 th {
	width: 140px;
	text-align:center;
	vertical-align: middle;
	background-color: #CAC7D5;
}

.tbl1 td {
	width: 200px;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #DBE0E9;
}

.tbl1 h3 {
	color: #002e73;
	font-size: 90%;
	padding-top: 4px;
	padding-left: 18px;
	line-height: 1.1em;
}

.tbl1 p {
}




/*-- フォーム部 --*/
#contactform {
clear: both;
width: 760px;
margin:10px 0 30px 0;
padding: 0em 0% 0em 0%;
text-align:left;
position: relative;
}
.hissu {
    padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.6;
	text-align: right;
    margin: 0px 0;
position: absolute;
position: relative;
right:0px;
top:0px;
}

#fcontents {
	margin:0 auto;
	color:#333;
	font-size:14px;
	padding: 0em 0% 0em 0%;
}

.form_table {
width: 100%;
font-size: 14px;
}
.form_table td {
padding: 18px 10px 18px 20px;
line-height: 1.6em;
color: #333;
text-align:left;
vertical-align: top;
word-break:break-all;
}

td.f1 {
width: 200px;
background-color: #F7F8FA;
background-color: #DBE0E9;
color: #333;
font-weight:bold;
padding: 20px 10px 18px 18px;
}
td.f2 {
width: auto;
color: #333;
background-color: #F7F8FA;
background-color: #f2f2f2;
}
td.last1 {
border-bottom: 1px solid #c9cccf;
}
td.last2 {
border-bottom: 1px solid #c9cccf;
}

#bn {
margin:0 0;
text-align:center;
padding:0px 0px 0px 0px;
}
.red {
color: #FF0000;
}
.fcp {
display:inline-block;
line-height: 1.6em;
font-size: 14px;
color:#333;
margin:0px 0px -10px 0px;
padding: 10px 0px 0px 0px;
overflow:hidden;
}
.fcp2 {
display:inline-block;
line-height: 1.6em;
font-size: 14px;
color:#333;
margin:0px 0px -10px 0px;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
input {
font-size:14px;
line-height: 1.6em;
border:1px solid #ccc;
color:#333;
}

input.w310 {
	width:310px;
}
input.w400 {
	width:400px;
}
input.w500 {
	width:500px;
}
input.w580 {
	width:580px;
}

textarea {
font-size:14px;
line-height: 1.6em;
border:1px solid #ccc;
color:#333;
width:98%;
}

.fbn {
border:1px solid #123D95;
padding:8px 16px;
font-size: 20px;
font-size: 18px;
background-color:#123D95;
text-align:center;
color:#fff;
font-weight:bold;
margin: 0 8px;
}
.fbn:hover {
border:1px solid #5A78B5;
background-color: #5A78B5;
}


.ctt_policy_cp {
  box-sizing: border-box;
   font-size: 14px; 
font-weight: normal ;
color:#333;
text-align:left;
line-height:1.5em;
  margin: 20px 0px 30px 10px;
  padding: 0px 0px 0px 0px;
 overflow: hidden;
}
.ctt_policy_cp a {
  font-weight: bold;
  color: #123D95;
}
.ctt_policy_cp a:hover {
  font-weight: bold;
  color: #5A78B5;
}


/* =個人情報保護方針
----------------------------------------------- */		
.pg_cct_policy_cts {
	clear:both;
	box-sizing: border-box;
	width: 720px;
	width: auto;
	background-color: #fff;
	margin: 0px auto 20px auto;
	padding: 50px 0 35px 0px;
	overflow:hidden;
	position: relative;
}	
.pg_cct_policy_cts_sp {
	max-width: 720px;
	margin: 0px auto 0px auto;
	padding: 0px 0 0px 0px;
	overflow:hidden;
	position: relative;
}	
.pg_cct_policy_cts2 {
	clear:both;
	box-sizing: border-box;
	width: auto;
	max-width: 760px;
	background-color: #fff;
	margin: 0px auto 0px auto;
	padding: 20px 0 0px 0px;
	overflow:hidden;
	position: relative;
}	
.pg_cct_policy_cts_box {
	box-sizing: border-box;
	width: 720px;
	width: auto;
	max-width: 760px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0 0px 0px;
	overflow:hidden;
	position: relative;
}


.pg_cct_policy_ttl {
	box-sizing: border-box;
	font-size: 18px;
	color: #123D95;
	line-height:1.6em; 
	text-align: left;
	border-left: 5px solid #123D95;
	margin:0px 0% 40px 0px;
	padding: 0px 0px 0px 12px;
	font-weight: bold; 
}
.policy_txt1 {
  font-size: 14px;
  line-height: 1.8;
   color: #333;
	margin:0px 0 15px 0;
	padding: 0px 0px 0px 0px;
}
.policy_txt {
  font-size: 14px;
  line-height: 1.8;
 color: #333;
	margin:0px 0 40px 0;
	padding: 0px 0px 0px 0px;
}
.policy_txt_last {
  font-size: 14px;
  line-height: 1.8;
   color: #333;
	margin:0px 0 0px 0;
	padding: 0px 0px 0px 0px;
}
.policy_sttl {
  font-size: 15px;
	line-height: 1.8;
	font-weight: bold;
	color: #555;
	border-bottom: 1px solid #ccc;
	margin:0px 0 15px 0;
	padding: 0px 0px 8px 0px;
}
.policy_txt2 {
  font-size: 15px;
  line-height: 1.6;
   color: #555;
	margin:0px 0 8px 0;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

.policy_txt01 {
  font-size: 14px;
  line-height: 1.8;
 color: #333;
	margin:0px 0 0px 0;
	padding: 0px 0px 0px 0px;
}
.policy_txt3 {
   font-size: 14px;
  line-height: 1.5;
   color: #333;
	margin:0px 0 40px 0;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}



/* モーダルCSSここから */
.modalArea {
  visibility: hidden; /* displayではなくvisibility */
  opacity : 0;
  position: fixed;
  z-index: 100; /* サイトによってここの数値は調整 */
  z-index: 99999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s;
}
.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(25,30,40,0.60);
}
.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  width: 760px;
  height: 250px;
  height: 80%;
  max-width: 760px;
  padding: 20px 30px 10px 30px;
  background-color: #fff;
	border: 1px solid #8D8EBA;
    border-radius: 8px;
	 overflow: auto;
}
.closeModal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  color: #fff;
  width: 30px;
  font-size: 15px;
  text-align:center;
  background-color: #123d95;
  border-radius:15px;
}
.is-show { /* モーダル表示用クラス */
  visibility: visible;
  opacity : 1;
}
/* モーダルCSSここまで */

/* 以下ボタンスタイル */
button {
  padding: 1rem 2rem;
  font-weight: bold;
  background-color: transparent;
  border: 2px solid #282828;
  border-radius: 4px;
  cursor: pointer;
}
.container {
  display: flex;
  justify-content: center;
}