@charset "UTF-8";

/* --------------------------------------------------
 Box
-------------------------------------------------- */

/* メニュー ------------------------*/

div#smh_logo{
	display:none;
}

div#menu{
	width:1200px;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}

div#menu li{
	float:left;
	width:136px;
}

div#menu li:first-child{
	width:250px;
}

div#menu li:last-child{
	width:134px;
}

#mainVisual-t {
	width:100%;
	min-width:1200px;
	max-width:1920px;
	position:relative;
	z-index:1;
}

#mainVisual {
	width:100%;
	min-width:1200px;
	max-width:1920px;
	position:relative;
	z-index:1;
	background:url(../img/main.jpg) no-repeat top center;
	background-size:100% auto;
	height:auto;
	padding:10% 0 0 45%;
	box-sizing:border-box;
	text-align:center;
}

div.title{
	width:14%;
	max-width:145px;
	min-width:130px;
	margin-bottom:8%;

}
nav#btn_select li {
  float: none !important;       /* 以前のfloat解除 */
  width: auto !important;       /* 以前のwidth解除 */
  max-width: none !important;   /* max-width解除 */
  margin: 0 !important;         /* 不要なマージン解除 */
  flex: 1 1 0;                  /* flexで幅を均等に */
  text-align: center;
}
/* ▼ btn_select 全体 ▼ */
nav#btn_select {
  background-color: #debada;
  width: 100%;
  margin: 5% 0;
  padding: 3% 0;
}

/* ▼ ボタンリスト ▼ */
nav#btn_select ul {
  display: flex;
  justify-content: space-between; /* ←ボタン間の余白を自動調整 */
  align-items: center;
  flex-wrap: wrap;                /* 折り返し許可 */
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
}

nav#btn_select li {
  flex: 0 0 23%;  /* ←余裕を持たせて25%未満に */
  text-align: center;
}
/* ▼ 画像サイズ調整 ▼ */
nav#btn_select img {
  width: 100%;
	height:92.55px;
  display: block;
}
nav#btn_select li:last-child{
	margin-left:10%;

}




@media screen and (max-width: 640px) {
div#menu{
	display:none;
}

div#smh_logo{
	display:inherit;
	width:70%;
	float:right;
	margin-top:2%;
}

#mainVisual-t {
	min-width:initial;
	max-width:initial;
	width:100%;
	position:relative;
	z-index:1;
	margin-top:1%;
}

#mainVisual {
	min-width:initial;
	max-width:initial;
	padding:13% 0 0 40%;
	width:100%;
	background-size:150% auto;
}

div.title{
	width:40%;
	max-width:145px;
	min-width:initial;
	margin-bottom:0%;

}nav#btn_select ul{
	width:90%;
	max-width:inherit;
	margin:0 auto;

}

nav#btn_select li{
	float:left;
	width:48%;
	width-max:inherit;
	margin-right:4%;
	margin-left:0;
	display:table-cell;
}

nav#btn_select li:last-child{
	margin-left:0;
	margin-right:0;

}

}

@media only screen and (min-device-width:320px) and (orientation:portrait) {
#mainVisual-t {

}
}

/* バナーメニュー ------------------------*/
nav#side-menu{
	float:right;
	max-width:250px;
	padding-top:5px;
}


@media screen and (max-width: 640px) {
nav#side-menu{
	float:none;
	width:100%;
	max-width:640px;
}

nav#side-menu li{
	float:left;
	width:48%;
	margin-right:4%;
}

nav#side-menu li:nth-child(2n){
	margin-right:0;
}
}

/* バナーメニュー(サブページ) ------------------------*/

nav#bottom-menu{
	width:100%;
	margin:3% auto 6% auto;
	text-align:center;

}

nav#bottom-menu ul{
	margin:4% auto;
	width:100%;
}


nav#bottom-menu li{
	float:left;
	width:21%;
	margin-right:2%;
	max-width:250px;
}

nav#bottom-menu li:first-child{
	margin-left:5%;
}

nav#bottom-menu li:last-child{
	margin-right:5%;
}


@media screen and (max-width: 640px) {
nav#bottom-menu{
	float:none;
	width:100%;
	max-width:640px;
	margin:0 auto 6% auto;
}

nav#bottom-menu ul{
	margin:4% auto 2% auto;
	width:100%;
}

nav#bottom-menu li{
	float:left;
	width:48%;
	margin-right:4%;
}

nav#bottom-menu li:first-child{
	margin-left:0;
}

nav#bottom-menu li:nth-child(2n){
	margin-right:0;
}
}