@charset "UTF-8";

/* 1200px以下で適用されるCSSスタイル */
@media (max-width: 1200px) {
	
/************* 非表示 ***********/
	.header,
	#side,
	.pc{
		display:none;
	}
/************* 表示 ***********/
	.sp{
		display:block;
	}
/************* サイズ変更 ***********/
	body {
	width:100%;
		min-width:100%;
		font-size:0.9rem;
}
	header{
		margin-bottom:10px;
	}
	article{
width:90%;
		margin:0 auto;
	}
	.breadcrumb {
margin-top:30px;
		margin-left:5px;
		margin-right:5px;
		font-size:0.9rem;
}
	h3{
		font-weight:normal;
	}
/* トップページ */
	.sp-header {
		display:flex;
  height: 40px;
  min-height: 40px;
	margin:0 auto;
  background-color: #05b8c1;
  margin-bottom: 30px;
}
	.logo {
  margin-left: 10px;
  vertical-align: middle;
	width: 100%;
}
.logo a {
  padding: 20px;
  display: inline-block;
  align-items: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.2rem;
}
.logo img {
  margin-right: 1rem;
  font-weight: normal;
	width: 90px;
}
form{
	width:90%;
	margin:0 auto;
}
.search-box {
	width:100%;
  display: flex;
}
.search-box input {
  height: 33px;
  border: 0;
  border-radius: 3px 0 0 3px;
  background-color: #e0e0e0;
  color: #757575;
  box-sizing: border-box;
  flex-grow: 1;
  font-size: 1.125rem;
  padding: 0 10px;
  outline: none
}
.search-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 0 3px 3px 0;
  height: 33px;
  background-color: #fff;
  width: 44px;
  cursor: pointer;
	border:solid 1px #cccccc;
}	
	/* スマホ版言語切替 */
	#sp-header-bottom{
		display:block;
		margin-bottom:20px
	}
	
	.sp-header-settings{
		display:block;
		margin-top:0;
		text-align:right;
	}
	
	.wrapper{
    display:block;
		margin-top:10px;
	}
.front-page{
	display:block;
	}
.topBtn_group-3 {
    display:block;
    margin: 0;
	margin-bottom:30px;
}

.topBtn_group-3 .topBtn01, .topBtn_group-3 .topBtn02 {
  width: 100%;
  height: 120px;
	margin-bottom:20px;
}
	
.cntents_narrow {
    width: 100%;
}
/* 投稿ページ */	
#main {
    width: 100%;
	min-height: calc(100vh - 600px);
}
#main h3 {
    font-size: 1.25rem;
    width: 100%;
}
#main .post-content h3 {
    font-size: 1.25rem;
    color: #333;
    background: #dbf4f6;
    padding: .5rem 1rem;
    margin: 0 0 30px;
    margin-left: 0;
    width: 100%;
}
	
.post-content {
	width:100%;
    margin: 0 auto;
}
  /* footer */
  footer {
    background: #333333;
  }
  .footerinner {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  footer ul {
    margin: 0;
    padding: 0;
  }
  .footerAreaB ul {
    display: block;
    margin-bottom: 45px;
  }
  .footerAreaB ul li {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .footerAreaA figure {
    margin: 0;
    margin-bottom: 20px;
  }
	.footerAreaA figure span {
	display:block;
font-size:2rem;
	margin-left:0rem;
}
  .footerAreaA img {
    width: 200px;
    height: auto;
    margin-bottom: 0;
  }
  .footerAreaA ul {
    margin-bottom: 50px;
  }
.burger-container {
  position: fixed;
  top: 0px;
  right: 20px;
  z-index: 1000;
}
	
/*　スマホメニュー */
#burger-button {
  font-size: 2em;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: #05b8c1;
  padding: 0em 0.3em 0.2em 0.3em;
  line-height: 1;         /* 行の高さを調整 */
  display: flex;          /* 中央揃え */
  align-items: center;    /* 縦中央揃え */
  justify-content: center;/* 横中央揃え */
	margin-top:13px
}
#burger-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 300px;
  height: 100%;
  background: #fff;
  z-index: 10000;
  box-shadow: -2px 0 5px rgba(0,0,0,0.3);
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}

#burger-menu.active {
  transform: translateX(0);
}

.menu-level ul {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0;
}

.menu-level li {
  border-bottom: 1px solid #eee;
  padding: 0.5em;
  position: relative;
}

/* 共通：aタグはflex */
.menu-level ul li a {
  display: flex;
  align-items: center;
	text-decoration:none;
	color:#333;
}

/* 右矢印は右端へ */
.menu-level ul li a .fa-angle-right {
  margin-left: auto;
	color: #05B8C1;
}

/* 外部リンクアイコンは文字にピッタリ */
.menu-level ul li a .fa-arrow-up-right-from-square {
  margin-left: 0;   /* 余白ゼロ */
}

	
.menu-level i.fa-angle-right {
  text-decoration: none;
  color: #333;
	text-align:right;
}
.submenu-toggle {
  background: none;
  border: none;
  font-size: 1em;
  cursor: pointer;
  color: #05b8c1;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
.submenu-toggle i{
  color: #05b8c1;
}
	#burger-overlay {
  display: none; /* 初期状態では非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4); /* 半透明の黒背景 */
  z-index: 9999; /* メニューの下に来るように調整 */
}

#burger-menu.active + #burger-overlay {
  display: block;
}
	.sp-settings{
		margin:10px;
	}
	

	}