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

/* ウィンドウ幅が0?768pxの場合に適用するCSS */
@media screen and ( max-width:768px )
{
	body {
	background: none;
}
	
	header{
	display:block;
}
	
	.img
{
	max-width: 100% ;		/* 横幅の90% */
	height: auto ;			/* 縦幅を自動調整 */
}
	
	/* ヘッダー */
.header01 {
	width: 100%;
	background-color: white;
	padding-top: 15px;
	padding-bottom: 15px;
}
.header02 {
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
}
	.header02 img {
		width: 75%;
	}
	.flex_menu01 {
	display: none;
}
	
	.header_logo {
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
}
.logo_left {
	width: auto;
	float: none;
}
.logo_left img {
	width: 70%;
}

.logo_right {
	width: auto;
	float: none;
	padding-top: 10px;
}
.logo_right img {
	width: 50%;
}
	
	/* メインイメージ */
.topimg {
	display: none;
}
	.topimg_sp {
		display:block;
	width: auto;
		background-color: white;
	}
	.topimg_sp img {
		max-width: 100% ;		/* 横幅の90% */
	height: auto ;			/* 縦幅を自動調整 */
	}
	
	/* メイン１ */
.main1 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.main1_2 {
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
}
	
	/* お知らせ */
.news {
	width: auto;
}
	
	/* バナー */
.banner_flex{
	padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
.banner_kakomi {
	margin-bottom: 10px;
	margin-right: 10px;
}
	
	/* メイン２ */
.main2 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.main2_2 {
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
}
	.main2_main2 {
	margin-top: 15px;
	margin-bottom: 30px;
}
.main2_text2 {
	width: auto;
	line-height: 1.5em;
}
	.main2_bottun1 {
	text-align: center;
	margin-bottom: 35px;
}
	.btn-flat-border {
  margin-bottom: 10px;
}
	
	/* フッター */
.footer2 {
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
}
	
}