@charset "utf-8";
/* CSS Document */




/* ウインドウ幅が768px以下の場合に適用 */

@media screen and (max-width:768px)
{
#header{
	width:100%;
	height:auto;
}



#header img{
	width:100%;
	height:auto;
}


#contents{
	width:100%;
	height:auto;
}

#contents img{
	width:100%;
	height:auto;
}


#information_box h3{
	font-size:30px;
}

.footer_box{
	width:100%;
	height:auto;
}

.footer_box li{
	display:block;
	text-align:center;
}

#information_box{
		width:100%;
	height:auto;
}

#information_box_center{
			width:100%;
	height:auto;
}

	

.ifrm-box{
	width:100%;
	height:auto;
}

.ifrm-box img{
	width:100%;
	height:auto;
}


.box_line{
	width:100%;
	height:auto;
	padding:15px;
	overflow:hidden;
}

.ifrm-box img.top_info{
	background-color:#FFF;
	top:-40px;
	left:10px;
}


.ifrm{
	width:100%;
	height:auto;
}

}



@media screen and (max-width:768px) {

  .banner,
  .top_comment,
  .footer_box,
  #footer_logo {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; /* 念のためここにも明示 */
    overflow: hidden;       /* 万一のはみ出し防止 */
  }

  /* footer 内の画像やリストも念のため制御 */
  .footer_box ul,
  .sns-list {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
  }

  .footer_box img,
  #footer_logo img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}