@charset "utf-8";

body{font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;}

#container{position: relative;}

.bg1{width: 100vw;
	height: 100vh;
	background: url("../img/bg_cat4.jpg");
	background-size: 100% auto;
	background-repeat: repeat;
	position: fixed; top: 0; left: 0;}

header{width: 100%;
	position: fixed; top: 0;
	z-index: 9;}

.header_inner1{height: 50px;
	padding: 10px 0;
	line-height: 50px;
	background:url("../img/bg1.png");
	background-size: 100% 100%;
	overflow: hidden;}

.header_logo{height: 50px;
	padding-left: 10px;
	float: left;}

.header_logo img{height: 50px;}

.header_menu{margin-left: 50px;
	float: left;}

.header_menu_btn{}

.header_menu_btn a{color: rgba(255,255,255,1.00);}

.header_menu2{width: calc(100% - 30px);
	padding: 5px 15px;
	font-size: 14px;
	line-height: 20px;
	background: rgba(50,50,50,1.00);}
	
.header_menu2 a{color: rgba(255,255,255,1.00);}

.item_box{width: 60%;
	min-width: 800px;
	margin: 0 auto;
	padding: 10px;
	display: flex;
	/* flex-flow: <flex-direction> || <flex-wrap>; */
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	/*justify-content: center; /* 中央寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/
	align-content: center; /* アイテムを中央に寄せて配置。 */
	}

.con_title{width: 60%;
	min-width: 800px;
	margin: 0 auto;
	padding: 10px;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);}

footer{width: 100%;
	min-height: 100px;
	background: rgba(51,51,51,1.00);}

.footer_logo{width: 7%;
	margin: 0 auto;}

.footer_logo2{width: 15%;
	margin: 0 auto;}

.footer_privacy{padding: 20px 0 10px;
	text-align: center;
	font-size: 14px;}
	
.footer_privacy a{color: rgba(255,255,255,1.00);}

.footer_privacy a:hover{color: rgba(255,166,0,1.00);}

ul.listmarker1 {
	list-style-type: none;
	margin-left:14px;
	font-size: 14px;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-14px; 
}

table{width: 100%;}

.company_td1{width: calc(20% - 30px);
	padding: 15px;
	font-size: 18px;
	line-height: 200%;
	color: rgba(255,255,255,1.00);
	background: rgba(90,90,90,1.00);}
	
.company_td2{width: calc(80% - 30px);
	padding: 15px;
	text-align: left;
	font-size: 16px;
	background: rgba(232,232,232,1.00);}

.contact{width: 60px;
	position: fixed; bottom: 10px; right: 10px;
	z-index: 11;}
	
.contact img{width: 100%;}

.contents1{width: 50%;
	margin: 0 auto;}
	
.req{color:rgba(255,255,255,1.00);
	background:rgba(255,0,4,1.00);
	padding:5px 10px;
	font-size: 12px;
	margin-left:5px;}

.map img{width: 100%;}

@media screen and ( max-width:736px )
{
.item_box{width: 95%;
	min-width: 0;}
	
footer{padding-bottom: 90px;}

.footer_logo{width: 25%;
	margin: 0 auto;}

.footer_logo2{width: 40%;
	margin: 0 auto;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

ul.listmarker1 {
	list-style-type: none;
	margin-left:10px;
	font-size: 10px;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-10px; 
}


	
.con_title{width: calc(95% - 20px);
	min-width: 0;
	margin: 0 auto;
	padding: 10px;
	font-size: 24px;
	font-weight: 900;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);}
	
.company_td1{width: auto;
	display: block;
	padding: 10px;
	font-size: 18px;
	line-height: 200%;
	color: rgba(255,255,255,1.00);
	background: rgba(150,150,150,1.00);}
	
.company_td2{width: auto;
	display: block;
	padding: 15px;
	text-align: left;
	background: rgba(232,232,232,1.00);}
	
.contents1{width: 90%;
	margin: 0 auto;}

}