/* max-width 960px
   height auto

   【スマホ切り替え】
   ヘッダー、ナビ、フッター　768px
   メイン　600px

	 z-index
   1  body .site

*/

/*****************************************************************************
****************** 共通 ******************************************************
*****************************************************************************/
h2,h3{
	position:relative;
}
.main-header-all .frame .box .lan {
  display: none;
}
.main-header-all .frame .box .sns {
  display: block;
}
.main-header-all .frame h1 {
	margin-left: 50px;
}
@media screen and (min-width:768px) {
  .main-header-all .frame .box {
    flex-basis: 150px;
  }
}
@media screen and (max-width: 767px) {
	.main-header-all .frame h1 {
    display: block;
    margin-left: 1rem;
    margin-right: auto;
    margin-bottom: 0;
    max-width: 260px;
    width: auto;
  }
	body.drawer-open .main-header-all .frame h1 {
    display: none;
  }
}

/************** フッター **************/
footer[role="contentinfo"] {
  padding-top: 0;
	margin-top: 8rem;
}
footer[role="contentinfo"]::before{
	content: "";
	position: absolute;
  top: -8rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #A2F1D9;
  border-radius: 0 250px 0 0;
  z-index: -1;
}