/* サイトトップページ */

/* ボディタグ */
body {
	background-color:#FFFFFF;
	/* font-size:12px; */
}

div.form1{
	/*width:800px;*/
	/*height:189px;*/
	margin: 0%;
	padding: 6px 0px 0px 0px;
	line-height: 100%;
	border: 0px solid;
	border-color: #000000;
	/* background-color: #FFFFFF; */
}

/* リンク */
a:link { color:#ffffff; }
a:visited { color:#ffffff; }
a:hover { color:#ffffff; }
/* 
a:link { color:#0E335A; }
a:visited { color:#0E335A; }
a:hover { color:#0E335A; } */
/* コンテンツ */
.content {
	/*width:750px;*/
	/*height:50px;*/
	line-height: 50px;
	font-size:17px;
	background-color: #ECECEC;
	border-color: #ECECEC;
	/* color:#0E335A; */
	color:#FFF;
	margin: 0px 0px 2px 20px;
}
.content a{
	display: inline;
	/* color: #0E335A; */
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
}
.content a:hover{
	color: #4FA5D3;
}

/* リストボタン */
.list {
	width:60px;
	height:20px;
	line-height: 20px;
	font-size:12px;
	background-color: #ECECEC;
	border-color: #ECECEC;
	color:#0E335A;
	margin: 0px 0px 0px 700px;
	padding: 0px 0px 0px 10px;
	text-align: center;
}

.list a{
	display: block;
	color: #0E335A;
	text-decoration: none;
	line-height: 20px;
	background: url(../img/arrow_tag_list_navy.gif) no-repeat 5px 5px; 
}
.list a:hover{
	color: #4FA5D3;
	background: url(../img/arrow_tag_list_sky.gif) no-repeat 5px 5px; 
}

* html .list {
	width:60px;
	height:20px;
	line-height: 20px;
	font-size:12px;
	background-color: #ECECEC;
	border-color: #ECECEC;
	color:#0E335A;
	margin: 0px 0px 0px 710px;
	padding: 0px 0px 0px 10px;
	text-align: center;
}
* html .list a{
	display: block;
	color: #0E335A;
	text-decoration: none;
	line-height: 20px;
	background: url(../img/arrow_tag_list_navy.gif) no-repeat 5px 5px; 
}
* html .list a:hover{
	color: #4FA5D3;
	background: url(../img/arrow_tag_list_sky.gif) no-repeat 5px 5px; 
}

.content span{
	margin: 0px 0px 0px 20px;
}


@media screen and (max-width:2000px){
	.br-sp { display:none; }	
	.p_text{ padding-top:7px;}
}
@media screen and (max-width:850px){
	.br-sp { display:none; }		
	.p_text{ padding-top:10px;}
}
@media screen and (max-width:768px){
	.br-sp { display:none; }		
	.p_text{ padding-top:10px;}
}
@media screen and (max-width:640px){
	.br-sp { display:inline; }
	.p_text{ padding-top:0px;}
}
@media screen and (max-width: 480px){
	.br-sp { display:inline; }
	.p_text{ padding-top:0px;}
}


/* モーダル　*/
.modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
  background-color: #fefefe;  /* モーダルウィンドウの背景色 */
  margin: 5% auto;
  padding: 5px 20px 15px 20px;
  border: 1px solid #888888;
  width: 60%;  /* モーダルウィンドウの横幅 */
}
@media screen and (max-width:399px){
	.modal-content {
		width: 90%;
		padding: 3px 15px 12px 15px;
	}
}

@media screen and (min-width: 400px) and (max-width: 1023px) {
	.modal-content {
		width: 90%;
		padding: 5px 20px 15px 20px;
	}
}

.modal-title {
  color: #800000; /* モーダルウィンドウの文字の色 */
  font-size: 18px; /* モーダルウィンドウの文字の大きさ */
  font-weight: bold;
  line-height: 200%;
  text-align: center;
}
.close-button {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* TOP About Us 一部文字サイズ調整 */
@media (min-width: 768px) and (max-width: 820px) {
    .table_3 ul li:nth-child(3) .btn_1_1 span {
        font-size: 69%;
    }
}

@media (min-width: 821px) and (max-width: 900px) {
    .table_3 ul li:nth-child(3) .btn_1_1 span {
        font-size: 70%;
    }
}

@media (min-width: 901px) {
    .table_3 ul li:nth-child(3) .btn_1_1 span {
        font-size: 80%;
    }
}