#index {
	padding: 102px 0 0; 
}
@media screen and (max-width: 650px) {
  #index {
    padding: 60px 0 0; 
  }
}
#index .mainimg {
	max-width: 100%;
	height: auto;
}
#index .mainimg img{
  width: 100%;
  height: auto;
}
@media screen and (max-width: 650px) {
  #index .mainimg {
		width: 100%; 
		top: 70px;
} }

#index #news {
  margin: 0 auto;
  width: 960px;
  padding: 100px 0 110px; }
@media only screen and (max-width: 650px) {
  #index #news {
    width: 100%; } }
@media only screen and (max-width: 650px) {
  #index #news {
    width: 94%;
    padding: 10px 0 30px; } }

#index #news h2 {
  text-align: left;
  position: relative; 
  padding: 50px 0 20px;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#index #news h2 span:after {
  position: absolute;
  content: " ";
  display: block;
  bottom: -2px;
  width: 10%; }
#index #news .news_inner {
  padding: 30px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
@media only screen and (max-width: 650px) {
  #index #news .news_inner {
    padding: 0;
    display: block; } }
#index #news .news_inner .news_box {
  width: 220px;
  position: relative; }
@media only screen and (max-width: 650px) {
  #index #news .news_inner .news_box {
    width: 100%;
    margin: 30px 0 0; } }
#index #news .news_inner .news_box .img {
  width: 100%;
  height: 220px; }
@media only screen and (max-width: 650px) {
  #index #news .news_inner .news_box .img {
    height: 200px; } }
#index #news .news_inner .news_box .txt {
  padding: 20px 15px;
  overflow:hidden;
  height:6.4em; }
#index #news .news_inner .news_box .txt p span {
  display: inline-block; }
#index #news .news_inner .news_box .txt p span.date {
  font-size: 14px;
  color: #898989;
  padding: 0 20px;
  background: url("../image/index/i_date.png") no-repeat left center; }
#index #news .news_inner .news_box .txt .title {
  color: #172A88;
  text-decoration: underline;
  font-weight: bold; 
  padding: 7px 0; }
#index #news .news_inner .news_box a:hover {
  text-decoration: none; }
#index #news .botan {
  text-align: right; }
@media only screen and (max-width: 650px) {
  #index #news .botan {
    text-align: center; } }

#index .layer {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
#index .shop_inner {
  background: url("../image/index/shop.png") no-repeat center center;
  background-size: cover;
  /*height: 90vh;*/
}
#index .shop_inner .shop {
  padding: 150px 0 190px;
  width: 1000px;
}
@media only screen and (max-width: 650px) {
  #index .shop_inner .shop {
    padding: 40px 0 60px;
    width: 100%;
  }
}
#index .shop_inner .shop h3 {
  text-align: center;
  font-size: 34px;
  line-height: 40px;
  color: #000;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#index .shop_inner .shop p {
  padding: 30px 0;
  font-size: 16px;
  color: #000;
}
@media only screen and (max-width: 650px) {
  #index .shop_inner .shop { 
		width: 94%;
	}
  #index .shop_inner .shop h3{
    font-size: 21px;
	}
  #index .shop_inner .shop p{
    font-size: 13px;
	}
  #index .shop_inner .shop img{
    width: 100%;
	} }
#index .style_inner {
  background: url("../image/index/style.png") no-repeat center center;
  background-size: cover;
}
#index .style_inner .style {
  width: 1000px;
  background: #fff;
  margin: 50px 0;
}
#index .style_inner .style .insta { 
  width: 600px;
  padding: 20px 0 20px 200px;
}
#index .style_inner .style .insta iframe {
  width: 480px;
  height: 400px;
  padding: 5px;
}
#index .style_inner .style h3 {
  padding-top: 60px;
  text-align: center;
  font-size: 34px;
  line-height: 40px;
  color: #000;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#index .style_inner .style .botan {
  padding-bottom: 60px;
}
@media only screen and (max-width: 650px) {
  #index .style_inner .style { 
		width: 94%;
		margin: 10px 0;
	}
  #index .style_inner .style .insta { 
		width: 94%;
		padding: 10px;
	}
  #index .style_inner .style .insta iframe {
    width: 100%;
	height: 100%; }
  #index .style_inner .style h3{
    font-size: 21px;
	padding-top: 5px;
	}
  #index .style_inner .style .botan {
    width: 60%;
	padding-bottom: 5px;
	margin: 0 auto;
	} }

#index .tennai { 
  width: 100%;
}
#index .tennai img {
  width: 100%;
  height: auto;
}
#index .calendar_inner {
  margin: 70px auto 80px;
  width: 1000px;
  padding: 50px 0; }
@media only screen and (max-width: 650px) {
  #index .calendar_inner { 
		width: 100%;
		margin: 0 auto;
	} }
#index .calendar_inner h3 {
  text-align: center;
  font-size: 34px;
  line-height: 40px;
  color: #000;
  font-weight: bold;
  padding-bottom: 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 650px) {
  #index .calendar_inner h3  {
    font-size: 21px; } }
#index .calendar_inner .access_inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  margin: 0 auto;
  width: 1000px;
  padding: 40px 0 0;
}
@media only screen and (max-width: 650px) {
  #index .calendar_inner .access_inner { 
		display: flex;
    justify-content: center;
		flex-direction: column;
		text-align: left;
		width: 94%;
    margin:  auto;
    padding: 0;
	} }
#index .calendar_inner .access_inner #booei {
  width: 455px;
  text-align: left;
  height: auto; }
@media only screen and (max-width: 650px) {
  #index .calendar_inner .access_inner #booei { 
		width: 100%;
		padding-top: 10px;
	} }
#index .calendar_inner .access_inner .access {
  width: 470px; }
@media only screen and (max-width: 650px) {
  #index .calendar_inner .access_inner .access { 
		width: 100%;
	} }
#index .calendar_inner .access_inner .access .map {
}
#index .calendar_inner .access_inner .access .map iframe {
  box-sizing: border-box;
  border: 1px solid #333 ;
  width: 470px;
  height: 450px;
  padding: 10px;
}
@media only screen and (max-width: 650px) {
  #index .calendar_inner .access_inner .access .map {
    margin-right: 0; 
	width: 100%;
  height: 400px;
   }
  #index .calendar_inner .access_inner .access .map iframe {
    width: 100%;
	height: 100%; } }

#index .service_inner {
  margin: 0 auto;
  width: 1000px;
  padding: 50px 0; }
@media only screen and (max-width: 650px) {
  #index .service_inner {
    width: 100%; } }
#index .service_inner .service {
  margin: 20px auto;
  display: flex;
  width: 1000px;
}
@media only screen and (max-width: 650px) {
  #index .service_inner .service { 
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	} }
#index .service_inner .service .service_check {
  padding: 0 0 5px 30px; }
@media only screen and (max-width: 650px) {
  #index .service_inner .service .service_check { 
		padding: 10px 0;
		margin-left: 10px;
	} }
#index .service_inner .service .service_check h4 {
  font-size: 24px;
  color: #002d64;
  font-weight: bold;
  padding: 0 0 5px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
@media only screen and (max-width: 650px) {
  #index .service_inner .service .service_check h4 { 
		font-size: 18px;
	} }
#index .service_inner .goods {
  margin: 0;
  padding: 50px 0;
  width: 1000px; }
#index .service_inner .goods ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between; }
@media only screen and (max-width: 650px) {
  #index .service_inner .goods {
    width: 94%;
	padding: 20px 0; }
  #index .service_inner .goods li {
    width: 33%;
	padding-left: 5px; }
  #index .service_inner .goods li img {
    width: 100%; } }
#index .service_inner .point {
  padding: 20px;
  background: #fff;
  border: 3px #000 solid;
  position: relative;
  z-index: 10; }
#index .service_inner .point:before {
  content: "";
  position: absolute;
  background: #fff;
  margin: 3px;
  border: 1px #666666 solid;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: -10; }
@media only screen and (max-width: 650px) {
  #index .service_inner .point {
    width: 90%;
	padding: 10px;} }
#index .service_inner .point .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 40%;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #000;
    font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
@media only screen and (max-width: 650px) {
  #index .service_inner .point .box-title {
    top: -10px;
	left: 29%;
	font-size: 16px; } }
#index .service_inner .point .point_inner {
  margin: 20px auto;
  display: -webkit-flex;
  display: flex; }
#index .service_inner .point .point_inner p {
  padding: 15% 0 0 30px; }
@media only screen and (max-width: 650px) {
  #index .service_inner .point .point_inner { 
		width: 90%;
		margin: 10px auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column; }
  #index .service_inner .point img {
    width: 100%; }
  #index .service_inner .point .point_inner p {
    padding: 10px 0 0; }}
  
#index .staff_inner {
  margin: 50px auto 0;
  width: 960px;
  padding: 50px 0 0; }
#index .staff_inner h3 {
  text-align: center;
  font-size: 34px;
  line-height: 40px;
  color: #000;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 650px) {
  #index .staff_inner {
    width: 100%; }
  #index .staff_inner h3 {
    font-size: 21px; } }
#index .staff_inner .staff {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 650px) {
  #index .staff_inner .staff { 
		display: flex;
		flex-wrap: wrap;
		text-align: left;
		width: 100%;
	} }
#index .staff_inner .staff .person {
  width: 31%;
  margin: 8px 1%;
}
@media only screen and (max-width: 650px) {
  #index .staff_inner .staff .person { 
		width: 48%;
	} }
#index .staff_inner .staff .person p.name {
  text-align: center;
  font-size: 21px;
  color: #000;
}
#index .staff_inner .staff .person p.english {
  text-align: center;
  font-size: 18px;
  color: #001e6d;
  font-family:"Script","HG行書体","HGP行書体",cursive;
}
#index .staff_inner .staff .person p.txt {
  font-size: 16px;
  color: #000;
  padding: 5px 10px;
  text-align: center;
  width: 90%;
  word-break: break-all;
}