@charset "utf-8";

body{
	background-color:#FFFFFF;
	
}

div.top{
	width:100%;
	height:100px;
	display: flex;
	align-items: center
	justify-content: flex-start;
}

div.top_logo{
	height: 80px;
	background-color: ;
	padding: 0 0 0 10px;
}

div.top_menu{
	height: 80px;
	background-color: ;
	padding: 0;
	white-space: nowrap
}

ul.top_menu2{
  padding-top:20px;
  font-size: 20px;
  align-items: center
  list-style: none;
  display: flex;
  align-items: center;
  list-style:none;
  text-decoration:none;
}

ul.top_menu2 li{
  margin-right: 30px;
}

.toplogo {
	height:80px;
}

.head_title{
	background-color: #FDFBF2;
	padding: 0;
	margin: 0;
}

.banner_block{
	width:100%;
	height:;
	font-family:'明朝体';
	font-size:30px;/*文字サイズを少し大きく*/
	font-weight: 700;
	padding: 1%;
	margin: 0px;
	display:block;/*ブロック化するおまじない*/
	text-decoration:none;
	color:white;
	text-align: left;
}

.title{
	padding: 0;
	margin: 0;
}

h1.head_menu {
  width: 100%;
  height: 100px;
  background-color: dimgray;
  padding-top: 5px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
nav.head_menu {
  width: 100%;
  height: 70px;
  background-color: dimgray;
  padding-top: 5px;
  box-sizing: border-box;
}

ul.head_menu2 {
  display: flex;
}


li.menu {
  list-style: none;
  display: block;
  text-decoration: none;
  color: white;
  margin-right: 35px;
  padding-top: 5px;
  box-sizing: border-box;
}

div.content {
	display:flex;
    flex-wrap:wrap;
    height: 500px;
}

div.side {
	float:left;
	width: 50%;
	background-color: #FFFFFF;
}

div.side2 {
	float:left;
	width: 50%;
}

div.space {
	margin: 10px;
}

div.space2 {
	margin: 20px;
}

.side_a {
	text-align: center;
	font-weight: bold;
	background-color: #ffd700;
	font-size: 20px;
	color: #000000;
	padding: 10px; 
	margin-bottom: 10px; 
	border: 1px dotted #333333;
	font-family: "Hiragino Mincho ProN", "游明朝", "MS Mincho", serif;
}

.end7{
	text-align: center;
	font-weight: bold;
	background-color: #EFECE4;
	font-size: 20px;
	padding: 10px; 
	margin-bottom: 10px; 
	border: 1px dotted #333333;

}


.sns {
	display:flex;
	flex-wrap:wrap;
}

div.main {
	float:right;
	width: 50%;
}

div.main2 {
	float:right;
	width: 50%;
	background-color: #FFFFFF;
}


.main_a {
	text-align: left;
	font-weight: bold;
	background-color: #E5EDFE;
	padding: 10px; 
	margin-bottom: 10px; 
	border: 1px dotted #333333;
}

nav.sns {
  width: 100%;
  height: 200px;
  text-align: center;
  padding-top: 5px;
  box-sizing: border-box;
  justify-content: space-around;
}



footer {
  width: 100%;
  height: 300px; 
  text-align: center;
  padding: 10px 0;
  background-color: #ffd700;
}

.footer-text {
  color: #000000;
}

li.footer-text {
  color: #000000;
}


ul.fc {
    display: -webkit-flex;
    display: flex;
    list-style:none
}



.container {
  display: flex;
  width: 100%;
  align-items: center;       /* ←縦方向中央寄せを追加 */
}

.left {
  width: 50%;                /* ←左右50%ずつ */
  font-size: 20px;
  padding-right: 20px;
}

.right {
  width: 50%;                /* ←左右50%ずつ */
  text-align: center;
  box-sizing: border-box;
}



#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

//*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}