/*
* Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
 */
@media screen and (min-width:821px) {
header{
	display:none;
}
}

body {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
	line-height:22px;
}

.drawer-menu li{
	border-bottom:1px solid #999;
	
}
.drawer-menu li a{
	color:#fff;
}


br{
　display: block !important;
}

p{
	margin-bottom:20px;
	
}


.alignright{
	float:right;
	margin:0 0 15px 15px;
	display:block;
	clear:both;
	overflow:hidden;
}
.alignleft{
	float:left;
	margin:0 15px 15px 0;
	display:block;
	clear:both;
	overflow:hidden;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.container{
text-align:center;

}
.demo{
width:90%;
	max-width:600px;
	margin:0 auto;

}

.demo img{
width:100%;
	margin:0 auto;

}


.tt1,.tt2{
text-align:center;
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
}
.tt1{
	font-size:100px;
	line-height:100px;
margin-top:30px;
}
.tt2{
	font-size:42px;
	line-height:42px;
	font-weight:bold;
margin-bottom:30px;
}
.linett1{
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;	
	font-size:70px;
	line-height:70px;
	font-weight:bold;
}
.linett2{
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;	
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px;
}


.linebox{
background:#06C755;
	width:100%;
margin:10px auto;
	overflow:hidden;
	padding:20px 0;
	color:#fff;
	border-radius:10px;
	text-align:center;
}
.linebox img{
	border-radius:10px;
}

.line-it-button{
width:300px;
	height:auto;
	margin:10px auto;
}

@media screen and (max-width: 768px) {
.linebox{
	width:90%;
	}
.line-it-button{
width:300px;
	height:auto;
	margin:10px auto;
}
}

.insta{
	max-width:600px;
	width:90%;
	margin:50px auto;
}
.insta a{
	color:#000;
}

.copyright{
	text-align:center;
	padding:30px 0;
	font-size:11px;
	background:#000;
	color:#fff;
}


@media screen and (max-width: 768px) {
.linebox img{
	width:90%;
	margin:0 auto;
}
}




.shosai0{
	width:90%;
max-width:600px;
margin:30px auto;
}

.shosai{
	width:90%;
max-width:600px;
margin:30px auto;
}
table.shosai{
border-collapse:collapse;
}

.shosai th{
background:#F2F2F2;
padding:15px;
width:200px;
font-weight:normal;
text-align:center;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-right:15px;
}

.shosai td{
width:500px;
padding:15px;
margin:0px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:left;
}


.gmap-container {
   max-width: 600px;
   width: 90%;
   margin: 0 auto;
   clip-path: inset(0 round 30px); /*角丸を付ける場合*/
}
#gmap {
   height: 0;
   overflow: hidden;
   padding-bottom: 56.25%;
   position: relative;
   }
#gmap iframe {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
}

.menubox{
	width:90%;
	margin:0 auto 30px;
	font-size:13px;
}
.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* IE 6/7用。不要なら削除可。 */

.menuleft{
width:48%;
	float:left;

}
.menuright{
width:48%;
	float:right;

}
.menuleft th,.menuright th{
font-weight:normal;
text-align:left;
}

/* 3カラム全体 */
.three-column {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

/* 左カラム */
.column-left {
    width: 30%;
}

/* 中央カラム */
.column-center {
    width: 40%;
}

/* 右カラム */
.column-right {
    width: 30%;
}


/* =========================
   スマートフォン
   ========================= */
@media screen and (max-width: 768px) {

    .three-column {
        display: block;
    }

    /* 左・右を非表示 */
    .column-left,
    .column-right {
        display: none;
    }

    /* 中央を100% */
    .column-center {
        width: 100%;
    }

}
.concept{
font-size:26px;
	line-height:30px;
	margin:30px auto;
	text-align:center;
font-weight:bold;
}

@media screen and (max-width: 768px) {
.concept{
font-size:22px;
}
}

.slide img{
width:100%;
}

.discription{
	width:90%;
	margin:0 auto;
}
.catch01{
	font-size:20px;
	line-height:30px;
	margin:30px auto;
	text-align:center;
font-weight:bold;
	
}

.catch02 {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
	margin:15px 0;
}
.catch02::before,
.catch02::after {
  background-color: #000; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 60px; /* 横線の長さ */
}
.catch02::before {
  margin-right: 15px; /* 文字との余白 */
}
.catch02::after {
  margin-left: 15px; /* 文字との余白 */
}

.news{
margin:50px auto;
width:90%;
}


.newstitle{
	text-align:center;
	font-size:18px;
	border-bottom:1px solid #000;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;
}

.newstext{
		text-align:center;
}

video {
  width: 100%; /* 動画をレスポンシブ化 */
}