/*

bb　#272b56;

bs　#4b9cfb;

*/



* {margin: 0px;padding: 0px;}



html {margin: 0px;padding: 0px;}



body { 

	background: #fbfbf5; transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1); 

	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

	width: 100%;

}



ul,ol {

  list-style: none;

}



li {

  -webkit-box-align: center; /* safari, Chrome */

  -moz-box-align: center;    /* Firefox */

  -o-box-align: center;      /* Opera */

  -ms-box-align: center;     /* IE */

  box-align: center;         /* ベンダープレフィックスなし */

}



a {

	text-decoration: none;

	color: #fff;

	transition: 0.5s;

}

/*

a:hover {

	color: #272b56;

	-webkit-transition: 0.3s ease-in-out;

	-moz-transition: 0.3s ease-in-out;

	-o-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

	cursor: pointer;

   opacity: 0.6;

}

*/

a:active {}



a:visited {}



.f_bb {

	color: #272b56;

}



.f_bs {

	color: #4b9cfb;

}



@media screen and (max-width: 840px){   

	.pc { display:inline; }

	.sp { display:none; }

}

.pc { display:none; }

.sp { display:inline; }



.flex{

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

}



.bar_container {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 100px;

	margin: 20px auto;

}



.vertical-bar {

	width: 1px;

	height: 100px;

	background-color: #272b56;

}







.scroll {

	margin-top: 0px;

}



.scroll-border {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 200px;

}



.scroll-border::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 200px;

  top: 0;

  left: 0;

  right: 0;

  background:  #A9A9A9;

  animation: scrollbar 3s linear;

  margin: auto;

}



.scroll_barber {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 200px;

}



.scroll_barber::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 200px;

  top: 0;

  left: 0;

  right: 0;

  background:  #A9A9A9;;

  animation: scrollbar 3s linear;

  margin: auto;

}



.scroll_news {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 300px;

}



.scroll_news::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 300px;

  top: 0;

  left: 0;

  right: 0;

  background:  #A9A9A9;;

  animation: scrollbar 3s linear;

  margin: auto;

}



.scroll_top {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 200px;

}



.scroll_top ::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 200px;

  top: 0;

  left: 0;

  right: 0;

  background:  #A9A9A9;;

  animation: scrollbar 3s linear;

  margin: auto;

}





@keyframes scrollbar {

  0% {

    height: 0;

  }

  30% {

    height: 100%;

		margin-top: 0;

  }

  100% {

		margin-top: 0;

    height: 100%;

  }

}



.scroll-border {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 120px;

}



.scroll-border::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 120px;

  top: 0;

  left: 0;

  right: 0;

  background:  #A9A9A9;

  animation: scrollbar 3s linear;

  margin: auto;

}



@keyframes scrollbar {

  0% {

    height: 0;

  }

  30% {

    height: 100%;

		margin-top: 0;

  }

  100% {

		margin-top: 0;

    height: 100%;

  }

}



.scroll-border_bs {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 200px;

}



.scroll-border_bs::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 200px;

  top: 0;

  left: 0;

  right: 0;

  background: #4b9cfb;

  animation: scrollbar_bs 3s linear;

  margin: auto;

}



.scroll-border_bs_300 {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 300px;

}



.scroll-border_bs_300::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 300px;

  top: 0;

  left: 0;

  right: 0;

  background: #4b9cfb;

  animation: scrollbar_bs 3s linear;

  margin: auto;

}



.scroll-border_200 {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 200px;

}



.scroll-border_200::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 200px;

  top: 0;

  left: 0;

  right: 0;

  background:  #A9A9A9;

  animation: scrollbar_bs 3s linear;

  margin: auto;

}



.scroll-border_300 {

	position: relative;

	overflow: hidden

  top: 0px;

  width: 100%;

  height: 300px;

}



.scroll-border_300::before {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 300px;

  top: 0;

  left: 0;

  right: 0;

  background:  #A9A9A9;

  animation: scrollbar_bs 3s linear;

  margin: auto;

}



@keyframes scrollbar_bs {

  0% {

    height: 0;

  }

  30% {

    height: 100%;

		margin-top: 0;

  }

  100% {

		margin-top: 0;

    height: 100%;

  }

}







@media screen and (max-width: 840px){   



	/* スクロール300をタブレットでは200に*/

	.scroll-border_300 {

		position: relative;

		overflow: hidden

	  top: 0px;

	  width: 100%;

	  height: 200px;

	}



	.scroll-border_300::before {

	  content: "";

	  display: block;

	  position: absolute;

	  width: 1px;

	  height: 200px;

	  top: 0;

	  left: 0;

	  right: 0;

	  background:  #A9A9A9;

	  animation: scrollbar_bs 3s linear;

	  margin: auto;

	}

}



header a {

	text-decoration: none;

	color: #fff;

}



header a:hover {

	color: #272b56;

	-webkit-transition: 0.3s ease-in-out;

	-moz-transition: 0.3s ease-in-out;

	-o-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

}



header a:visited {}



.top_view {

	width: 100%;

	margin: 0 auto;

}



.logo {

	width: 100%;

	margin: 0 auto;

}



.top_view .logo .box {}



.top_view .box img {

	position: absolute;

	object-fit: contain;

	top: 200px;

	right: 0;

	bottom: 0;

	left: 0;

	margin: 0 auto;

	width: 180px;

	z-index: 999;

}



.top_view .view {

	display: flex;

	width: 100%;

}



.top_view .view .inner_l {

	width: 100vw;

	box-sizing: border-box;

}



.top_view .view .inner_r {

	width: 100vw;

	box-sizing: border-box;

}



.top_view .view .box_1 {

	flex-grow: 1;

	position: relative;

	overflow: hidden;

  width: 100%;

	height: 100vh;

}



.top_view .view .box_1 img {

	position: absolute;

  top: 0%;

	width: 100%;

	height: 100vh;

  object-fit: cover;

}



.top_view .view .box_2 {

	flex-grow: 1;

	position: relative;

	overflow: hidden;

  max-width: 100%;

	height: 100%;

}



.top_view .view .box_2 img {

	position: absolute;

	top: 0%;

	width: 100%;

	height: 100vh;

  object-fit: cover;

}



@media (max-width: 1140px) {

	.top_view .view {

		display: flex;

		flex-direction: column;

		width: 100%;

		height: 100vh;

		margin-bottom: 0px;

	}

	

	.top_view .view .inner_l {

		box-sizing: border-box;

		width: 100%;

		height: 50vh;

	}



	.top_view .view .inner_r {

		box-sizing: border-box;

		width: 100%;

		height: 50vh;

	}



	.top_view .view .box_1 {

		flex-grow: 1;

		position: relative;

		overflow: hidden;

	  width: 100%;

		height: 50vh;

	}



	.top_view .view .box_2 {

		flex-grow: 1;

		position: relative;

		overflow: hidden;

		width: 100%;

		height: 50vh;

		object-fit: cover;

	}

}



@media (max-width: 840px) {

	

	.top_view .view {

		display: flex;

		flex-direction: column;

		width: 100%;

		height: 100vh;

		margin-bottom: 0px;

	}

	

	.top_view .view .inner_l {

		box-sizing: border-box;

		width: 100%;

		height: 50vh;

	}



	.top_view .view .inner_r {

		box-sizing: border-box;

		width: 100%;

		height: 50vh;

	}



	.top_view .view .box_1 {

		flex-grow: 1;

		position: relative;

		overflow: hidden;

	  width: 100%;

		height: 50vh;

	}



	.top_view .view .box_1 img {

		flex-grow: 1;

		position: relative;

		overflow: hidden;

	  width: 100%;

		height: 50vh;

		object-fit: cover;

	}



	.top_view .view .box_2 {

		flex-grow: 1;

		position: relative;

		overflow: hidden;

		width: 100%;

		height: 50vh;

	}

	.top_view .view .box_2 img {

		flex-grow: 1;

		position: relative;

		overflow: hidden;

		width: 100%;

		height: 50vh;

		object-fit: cover;

	}

}



@media (max-width: 414px) {

	

	.top_view .logo .box {

	}



	.top_view .box img {

		position: absolute;

		object-fit: contain;

		top: 40%;

		right: 0;

		bottom: 0;

		left: 0;

		margin: 0 auto;

		width: 100px;

		z-index: 999;

	}



}







main {

	max-width: 1200px;

	margin: 0 auto;

}



.content {

	max-width: 1200px;

	margin: 0 auto;

}



@media (max-width: 840px) {

	main {

		width: 100%;

		margin: 0 auto;

	}

	

	.content {

		width: 100%;

		margin: 0 auto;

	}

}



.box_info {

	display: flex;

	width: 100%;

	height: 750px;

	color: #272b56;

	margin-top: 60px;

}



.box_info .box_1 {

	width: 40%;

}



.box_info .box_1 .box {

	width: 300px;

	height: 300px;

	margin: 0 auto;

}



.box_info .box_1 .box h2 {

	font-size: 1.5em;

	margin-top: 0;

	margin-bottom: 30px;

}



.box_info p.link_box {

	width: 200px;

	font-size: 1em;

	color: #272b56;

}



.box_info p span {

	margin-left: 1em;

}



.box_info .box_2 {

	flex-grow: 1;

  width: 60%;

  height: 600px;

  animation: fadeIn_2 3s ease 0s 1 normal backwards;

}



.box_info .box_2 .slider_frame {

	position: relative;

  overflow: hidden;

	width: 100%;

	height: 500px;

}



.box_info .box_2 img {

	position: absolute;

  max-width: 100%;

  height: 100%;

  object-fit: cover;

}



.box_info .box_2 .date {

	font-size: .8em;

	color: #696969;

	margin-top: 3em;

}



.box_info .box_2 .title {

	font-size: 1.1em;

	color: #696969;

	margin-top: .6em;

}



@media (max-width: 840px) {

	

	.box_info {

		display: flex;

		flex-direction: column;

		width: 100%;

		height: 900px;

		color: #272b56;

		margin: 40px auto;

	}

	

	.box_info .box_1 {

		width: 100%;

	}



	.box_info .box_1 .box {

		height: 150px;

		width: 100%;

		margin: 0 auto;

	}



	.box_info .box_1 .box h2 {

		margin-top: 0;

		margin-left: 50px;

		margin-bottom: 30px;

	}



	.box_info p.link_box {

		width: 200px;

		font-size: .8em;

		color: #272b56;

		margin-left: 50px;

	}



	.box_info p span {

		margin-left: 1em;

	}



	.box_info .box_2 {

	  width: 100%;

	  height: 600px;

	  margin-top: 30px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}



	.box_info .box_2 .slider_frame {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 600px;

	}



	.box_info .box_2 img {

		position: absolute;

	  width: 100%;

	  object-fit: cover;

	}

	

	.box_info .box_2 .date {

		width: 200px;

		font-size: .8em;

		color: #696969;

		margin-top: 3em;

		margin-left: 60px;

	}



	.box_info .box_2 .title {

		width: 300px;

		font-size: 1.2em;

		color: #696969;

		margin-top: .5em;

		margin-left: 60px;

	}



}



@media (max-width: 414px) {

	

	.box_info {

		display: flex;

		flex-direction: column;

		width: 100%;

		height: 800px;

		color: #272b56;

		margin: 40px auto 0;

	}

	

	.box_info .box_2 .slider_frame {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 500px;

	}



}



@media (max-width: 414px) {



	.box_info .link_box {

		width: 200px;

		font-size: 1em;

	}

}



.box_about {

	width: 100%;

	color: #272b56;

}



.box_about .tategaki {

	width: 30%;

	text-align: center;

	letter-spacing: 0.2em;

	margin: 0 auto 100px;

}



.box_about .tategaki h1 {

	writing-mode: vertical-rl;

	display: inline-block;

	font-size: 1.4em;

	font-weight: 400;

	font-family: serif;

	margin-top: 0%;

	margin-left: 0%;

}



.box_about .box {

	width: 100%;

	height: 500px;

	margin-top: 40px;

	margin-bottom: 180px;

}



.box_about .box .link_box {

	width: 250px;

	font-size: 1em;

	color: #272b56;

	text-align: center;

	margin: 40px auto 0;

}



.box_about .box p.link_box span {

	text-align: left;

}



.box_about h2 {

	font-size: 1.1em;

	font-weight: 400;

	color: #888;

	font-family: serif;

	text-align: center;

	margin: 0 auto;

}



.box_about h3 {

	font-size: .85em;

	font-weight: 400;

	color: #000066;

	font-family: serif;

	text-align: center;

	line-height: 30px;

	margin-top: 20px;

}



.video_view {

	width: 100%;

	height: 640px;

	margin: 0 auto 180px;

}



.video_view .view {

	width: 100%;

	height: 100%;

	margin: 0 auto;

	object-fit: cover;

}



.video_view_bs {

	width: 100%;

	height: 100%;

	margin-bottom: 100px;

	text-align: right;

}



.video_view_bs .view {

	width: 100%;

	height: 640px;

	text-align: right;

	margin: 0 auto;

	object-fit: cover;

}



@media (max-width: 840px) {

	.video_view {

		width: 100%;

		height: 500px;

		margin: 0 auto;

	}



	.video_view .view {

		width: 100%;

		height: 100%;

		margin: 0 auto;

		object-fit: cover;

	}



}



@media (max-width: 840px) {

	

	.box_about {

		width: 100%;

		color: #272b56;

		margin-top: 100px;

	}

	

	.box_about .box {

		width: 100%;

		height: 500px;

		margin-top: 150px;

		margin-bottom: 100px;

	}



	.box_about .box .bar_container {

		margin-top: 30px;

	}



	.box_about h3 {

		width: 80%;

		font-size: .85em;

		font-weight: 400;

		color: #000066;

		font-family: serif;

		text-align: left;

		line-height: 30px;

		margin: 20px auto 0;

	}





}



@media (max-width: 414px) {

	.video_view {

		width: 100%;

		height: 250px;

		margin: 0 auto;

	}



	.video_view .view {

		width: 100%;

		height: 100%;

		margin: 0 auto;

		object-fit: cover;

	}

	

	.video_view_bs {

		width: 100%;

		height: 100%;

		margin-bottom: 100px;

		text-align: right;

	}



	.video_view_bs .view {

		width: 100%;

		height: 250px;

		text-align: right;

		margin: 0 auto;

		object-fit: cover;

	}



}



@media (max-width: 414px) {

	

	.box_about {

		width: 100%;

		color: #272b56;

		margin-top: 60px;

	}

	

	.box_about .box {

		width: 100%;

		height: 500px;

		margin-top: 150px;

		margin-bottom: 100px;

	}



	.box_about .box .bar_container {

		margin-top: 30px;

	}

	

	.box_about .box .link_box {

		width: 200px;

		font-size: 1em;

		color: #272b56;

		text-align: center;

		margin: 40px auto 0;

	}





}



.box_bbstyle {

	display: flex;

	flex-direction: row-reverse;

	flex-wrap: wrap;

	width: 100%;

	height: 420px;

	margin-top: 0px;

	margin-bottom: 150px;

}



.box_bbstyle .box_1  {

	display: flex;

	flex-wrap: wrap;

	width: 40%;

	padding: 0px;

	text-align: center;

}



.box_bbstyle .box_2  {

	position: relative;

  overflow: hidden;

	width: 60%;

	height: 100%;

}



.box_bbstyle .box_info {

	display: block;

	width: 70%;

	height: 100%;

	text-align: left;

	margin-top: 0px;

	margin-left: 100px;

}



.box_bbstyle .box_info h2 {

	font-size: 1.5em;

	font-weight: 400;

	color: #272b56;

	font-family: serif;

	margin-top: 0;

	margin-left: 0;

}



.box_bbstyle .box_info p {

	font-size: .9em;

	color: #272b56;

	font-family: serif;

	margin: 10px auto;

}



.box_bbstyle .box_info img {

	width: 60px;

	height: 24px;

	text-align: center;

	margin-top: 30px;

	margin-bottom: 30px;

	margin-left: 0px;

}



.box_bbstyle .box_info .txt {

	width: 92%;

	font-size: .9em;

	color: #272b56;

	font-family: serif;

	line-height: 27px;

	margin-bottom: 30px;

}



.box_bbstyle .box_2 img {

	position: absolute;

	object-fit: cover;

	right: 0;

	width: 95%;

	height: 420px;

	text-align: left;

}



@media (max-width: 840px) {

	

	.box_bbstyle {

		width: 100%;

		height: 800px;

		margin-top: 60px;

		margin-bottom: 80px;

	}



	.box_bbstyle .box_1  {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		margin-top: 60px;

		padding: 0px 0px;

		text-align: center;

	}



	.box_bbstyle .box_2  {

		width: 100%;

		height: 400px;

	}

	

	.box_bbstyle .box_2 img {

		position: absolute;

		object-fit: cover;

		right: 0;

		width: 100%;

		height: 420px;

		text-align: left;

	}



	.box_bbstyle .box_1 .box_info {

		display: block;

		width: 85%;

		height: 100%;

		text-align: left;

		margin: 0 auto;

	}



	.box_bbstyle .box_info p {

		font-size: .9em;

		color: #272b56;

		font-family: serif;

		margin: 10px auto;

	}



}



@media (max-width: 414px) {

	

	.box_bbstyle {

		width: 100%;

		height: 800px;

		margin-top: 100px;

		margin-bottom: 80px;

	}



	.box_bbstyle .box_1  {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		margin-top: 0px;

		text-align: center;

	}



	.box_bbstyle .box_2  {

		width: 100%;

		height: 250px;

		margin-bottom: -60px;

	}

	

	.box_bbstyle .box_2 img {

		position: absolute;

		object-fit: cover;

		right: 0;

		width: 100%;

		height: 250px;

	}



	.box_bbstyle .box_1 .box_info {

		display: block;

		width: 85%;

		height: 100%;

		text-align: left;

		margin: -40px auto 0;

	}



	.box_bbstyle .box_info .txt {

		width: 100%;

		font-size: .9em;

		color: #272b56;

		font-family: serif;

		margin: 10px auto 30px;

	}



	.box_bbstyle .box_info p {

		font-size: .9em;

		color: #272b56;

		font-family: serif;

		margin: 10px auto;

	}



}



.box_bsalon {

	display: flex;

	flex-wrap: wrap;

	width: 100%;

	height: 420px;

	margin-top: 150px;

	margin-bottom: 150px;

}



.box_bsalon .box_1  {

	display: flex;

	flex-wrap: wrap;

	width: 40%;

	padding: 0px 0px;

	text-align: center;

}



.box_bsalon .box_2  {

	position: relative;

  overflow: hidden;

	width: 60%;

	height: 100%;

}



.box_bsalon .box_info {

	display: block;

	width: 70%;

	height: 100%;

	text-align: left;

	margin: 0 auto;

}



.box_bsalon .box_info h2 {

	font-size: 1.5em;

	font-weight: 400;

	color: #4b9cfb;

	font-family: serif;

	margin-top: 0;

	margin-left: 0;



}



.box_bsalon .box_info p {

	font-size: .9em;

	color: #4b9cfb;

	font-family: serif;

	margin: 0 auto;

}



.box_bsalon .box_info img {

	width: 90px;

	height: 14px;

	text-align: center;

	margin-top: 30px;

	margin-bottom: 30px;

	margin-left: 0px;

}



.box_bsalon .box_info .txt {

	width: 92%;

	font-size: .9em;

	color: #4b9cfb;

	font-family: serif;

	line-height: 27px;

	margin-bottom: 30px;

}



.box_bsalon .box_2 img {

	position: absolute;

	object-fit: cover;

	width: 95%;

	height: 420px;

	text-align: left;

}



@media (max-width: 840px) {

	

	.box_bsalon {

		width: 100%;

		margin-top: 100px;

		margin-bottom: 450px;

	}



	.box_bsalon .box_1  {

		width: 100%;

		height: 300px;

		margin-top: 0px;

		padding: 0px 0px;

		text-align: center;

	}



	.box_bsalon .box_2  {

		width: 100%;

	}



	.box_bsalon .box_2 img {

		position: absolute;

		object-fit: cover;

		width: 100%;

		height: 420px;

		text-align: left;

	}



	.box_bsalon .box_1 .box_info {

		display: block;

		width: 85%;

		height: 100%;

		text-align: left;

		margin: 40px auto 0;

	}



	.box_bsalon .box_1 .box_info p {

		font-size: .9em;

		font-family: serif;

		margin: 10px auto 0;

	}



}



@media (max-width: 414px) {



	.box_bsalon {

		width: 100%;

		height: 650px;

		margin-top: 100px;

		margin-bottom: 0px;

	}



	.box_bsalon .box_1  {

		width: 100%;

		height: 300px;

		margin-top: -40px;

		text-align: center;

	}



	.box_bsalon .box_2  {

		width: 100%;

		height: 250px;

		margin: 0px auto 0;

		margin-top: 0px;

	}



	.box_bsalon .box_2 img {

		object-fit: cover;

		width: 100%;

		height: 250px;

		margin: 0px auto 0;

	}



	.box_bsalon .box_1 .box_info {

		display: block;

		width: 85%;

		height: 100%;

		text-align: left;

		margin: 0 auto 0;

	}



	.box_bsalon .box_info .txt {

		width: 100%;

		font-size: .9em;

		color: #4b9cfb;

		font-family: serif;

		margin: 10px auto 30px;

	}

	

	.box_bsalon .box_info .link_box {

		width: 200px;

		font-size: 1em;

		color: #4b9cfb;

		margin-left: 0;

	}





}



.box_space {

	width: 100%;

	height: 300px;

}



.box_space-400 {

	width: 100%;

	height: 400px;

}



.box_space_bs {

	width: 100%;

	height: 300px;

}



.box_space_line {

	width: 100%;

	margin-top: 30px;

}



.box_space_line .inner_bb {

	display: flex;

	width: 100%;

	height: 300px;

	border-bottom: solid 1px #272b56;

}



.box_space_line .inner_bs {

	display: flex;

	width: 100%;

	height: 180px;

}



.box_space_line .inner_bs2 {

	display: flex;

	width: 100%;

	height: 300px;

}



.box_space_line .inner_bb .box_1,.box_space_line .inner_bs .box_1 {

	position: relative;

	flex-grow: 1;

	width: 50%;

	height: 100%;

}



.box_space_line .inner_bb .box_1::after {

	position: absolute;

	top: 0;

	left: 100%;

	margin: 0;

	content: "";

	width: 1px;

	height: 100%;

	background-color: #272b56;

}



.box_space_line .inner_bs .box_1::after {

	position: absolute;

	top: 0;

	left: 100%;

	margin: 0;

	content: "";

	width: 1px;

	height: 100%;

	background-color: #4b9cfb;

}



.box_space_line .inner_bb .box_2,.box_space_line .inner_bs .box_2 {

	flex-grow: 1;

	width: 50%;

	height: 100%;

}



.bottom_info {

	display: flex;

	flex-wrap: wrap;

	width: 100%;

	margin-bottom: 30px;

	border-top: solid 1px #A9A9A9;

}



.bottom_info .box_info  {

	display: flex;

	width: 60%;

	height: 100%;

	margin-top: 40px;

	text-align: center;

}



.bottom_info .box_map  {

	width: 39%;

	height: 95%;

	margin-top: 35px;

	text-align: center;

	border-left: solid 1px #ccc;

}



.bottom_info .box_map .inner {

	text-align: left;

	margin-top: 0;

	margin-left: 0;

}



.bottom_info .box_map .map {

	width: 100%;

	height: 95%;

	margin-top: 20px;

	text-align: center;

}



.bottom_info .box_map .add {

	width: 80%;

	font-size: .8em;

	font-weight: 400;

	color: #272b56;

	font-family: serif;

	text-align: left;

	line-height: 1.5em;

	margin: 20px auto 0;

}



.bottom_info .box_info .box  {

	width: 20%;

	height: 95%;

	text-align: center;

}



.bottom_info .box_info .media  {

	width: 60%;

	height: 95%;

	text-align: center;

}



.bottom_info .box_info .media .inner {

	width: 70%;

	text-align: center;

	margin: 10px auto 0;

}



.bottom_info .box_info .media h2 {

	width: 100%;

	font-size: 1.4em;

	font-weight: 400;

	color: #272b56;

	font-family: serif;

	text-align: center;

	line-height: 30px;

	margin-top: 0px;

}



.bottom_info .box_info .media .txt {

	width: 100%;

	text-align: center;

	font-size: .8em;

	font-weight: 400;

	color: #272b56;

	font-family: serif;

	text-align: center;

	line-height: 1.5em;

	margin-top: 20px;

	margin-bottom: 30px;

}



.bottom_info .box_info .media a {

	color: #4b9cfb;

}



.bottom_info .box_info .reserv  {

	width: 60%;

	height: 95%;

	text-align: center;

}



.bottom_info .box_info .reserv .inner {

	width: 70%;

	margin: 10px auto 0;

}



.bottom_info .box_info .reserv h2 {

	width: 100%;

	text-align: left;

	font-size: 1.4em;

	font-weight: 400;

	color: #272b56;

	font-family: serif;

	line-height: 30px;

	margin-top: 0;

}



.bottom_info .box_info .reserv p {

	text-align: left;

	font-size: .9em;

	color: #272b56;

	font-family: serif;

	line-height: 1;

	letter-spacing: 0.2;

	margin: 1em auto 0;

}



.bottom_info .box_info .reserv .box_tel {

	text-align: left;

	margin-right: auto;

}



.bottom_info .box_info .reserv .box_tel a {

	text-align: left;

	margin-right: auto;

	color: #272b56;

}



.bottom_info .box_info .reserv .box_beauty_hp {

	text-align: left;

	margin-right: auto;

}



.bottom_info .box_info .reserv .beauty_hp {

	width: 111px;

	height: 36px;

	margin-top: 10px;

}



@media (max-width: 840px) {

	

	.bottom_info {

		width: 100%;

		height: 650px;

		margin-top: 0px;

		margin-bottom: 0px;

		border-top: solid 1px #A9A9A9;

	}



	.bottom_info .box_info  {

		width: 100%;

		height: 100%;

		margin-top: 0px;

		text-align: center;

	}

	

	.bottom_info .box_info .box  {

		width: 0px;

		height: 0px;

	}



	.bottom_info .box_info .media  {

		width: 100%;

		text-align: center;

		padding-bottom: 30px;

		border-bottom: solid 1px #A9A9A9;

	}



	.bottom_info .box_info .media .inner {

		width: 100%;

		text-align: center;

		margin: 30px auto 0;

	}



	.bottom_info .box_info .media h3 {

		width: 100%;

		font-size: 1.4em;

		font-weight: 400;

		text-align: center;

	}



	.bottom_info .box_info .reserv  {

		width: 100%;

		height: 400px;

		margin: 60px auto;

		text-align: center;

	}



	.bottom_info .box_info .reserv .inner {

		width: 230px;

		margin: 0 auto;

		text-align: center;

	}



	.bottom_info .box_info .reserv h2 {

		width: 100%;

		text-align: center;

		font-size: 1.4em;

		font-weight: 400;

	}



	.bottom_info .box_info .reserv p {

		text-align: center;

		font-size: .9em;

		margin: 12px auto 0;

	}



	.bottom_info .box_info .reserv .box_tel {

		text-align: center;

	}



	.bottom_info .box_info .reserv .box_tel a {

		text-align: center;

	}



	.bottom_info .box_info .reserv .box_beauty_hp {

		text-align: center;

	}



	.bottom_info .box_info .reserv .beauty_hp {

		margin-top: 20px;

	}



	.bottom_info .box_map  {

		width: 100%;

		height: 400px;

		margin: 30px auto 10px;

		text-align: center;

	}



	.bottom_info .box_map .inner {

		text-align: center;

		margin: 0 auto;

	}



	.bottom_info .box_map .map {

		width: 100%;

		height: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.bottom_info .box_map .add {

		width: 80%;

		font-size: .9em;

		font-weight: 400;

		color: #272b56;

		font-family: serif;

		text-align: center;

		line-height: 1.5em;

		margin: 20px auto 0;

	}



}





.bottom_img {

	display: block;

	max-width: 100%;

	height: 150px;

	height: auto;

	margin-top: 10px;

	

}



.bottom_img.img {

	display: block;

	width: 100%;

	height: 100px;

}



.bottom_img img {

	max-width: 100%; /* 親要素の幅に合わせて縮小 */

	height: auto;   /* アスペクト比を維持 */

}



.box_bottom {

	max-width: 100%;

	height: 440px;

	margin: 0px auto;

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

	

	&.index {

		background-image: url('../img/bs_09.webp');

	}

	&.concept {

		background-image: url('../img/cuure_concept.webp');

	}

	&.barber {

		background-image: url('../img/news_01.webp');

	}

	

	&.relaxingcourse {

		background-image: url('../img/news_01.webp');

	}



	&.refreshingcleansingcourse {

		background-image: url('../img/news_01.webp');

	}



	&.standardcourse {

		background-image: url('../img/news_01.webp');

	}

	

	&.beautysalon {

		background-image: url('../img/bs_08.webp');

	}

	

	&.foamshavingcourse {

		background-image: url('../img/bs_08.webp');

	}



	&.intensiveporecarecourse {

		background-image: url('../img/bs_08.webp');

	}



	&.courseforeachskinproblem {

		background-image: url('../img/bs_08.webp');

	}



	&.mindandbodyrefreshcourse {

		background-image: url('../img/bs_08.webp');

	}



	&.review {

		background-image: url('../img/bs_09.webp');

	}

	&.news {

		background-image: url('../img/bb_09.webp');

	}

	&.news_01 {

		background-image: url('../img/news_01.webp');

	}

}



@media (max-width: 840px) {

	

	.box_bottom {

		width: 100%;

		height: 400px;

		margin: 550px auto 0;

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

	}

}



.box_bottom .tategaki {

	width: 85%;

	height: 380px;

	text-align: right;

	margin: 0 auto;

}



.box_bottom .tategaki p {

	writing-mode: vertical-rl;

	display: inline-block;

	text-align: justify;

	line-height: 2;

	letter-spacing: 0.3em;

	color: #fff;

	font-size: .95em;

	font-weight: 400;

	font-family: serif;

	margin-top: 120px;

	margin-right: 0%;

}



@media (max-width: 414px) {

	

	.box_bottom {

		width: 100%;

		height: 250px;

		margin: 550px auto 0;

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

	}

	

	.box_bottom .tategaki {

		width: 85%;

		height: 250px;

		text-align: right;

		margin: 0 auto;

	}



	.box_bottom .tategaki p {

		writing-mode: vertical-rl;

		display: inline-block;

		text-align: justify;

		line-height: 1.8;

		letter-spacing: 0.3em;

		color: #fff;

		font-size: .8em;

		font-weight: 400;

		font-family: serif;

		margin-top: 60px;

		margin-right: 0%;

	}



}











.box_footer {

	width: 100%;

	height: 260px;

}



.box_footer .inner {

	width: 100%;

	height: 250px;

	text-align: center;

}



.box_footer .box_menu  {

	display: flex;

	width: 60%;

	height: 100%;

	text-align: center;

}



.box_footer .box_menu .logo {

	display: flex;

	justify-content: center;

	width: 20%;

	text-align: center;

	margin: 0 auto;



}



.box_footer .box_menu .logo img {

  display: block;

	height: 150px;

	width: 0 auto;

	text-align: center;

	margin: auto;

}



.box_footer .box_menu .menu {

	width: 400px;

	text-align: center;

	margin: 0 0 0 0;

}



.box_footer .box_menu .menu a {

	color: #272b56;

}



.box_footer .box_menu .tategaki {

	width: 100%;

	height: 100%;

	text-align: left;

	margin: 0 auto;

}



.box_footer .box_menu .tategaki li {

	writing-mode: vertical-rl;

	display: inline-block;

	width: 10px;

	vertical-align: top;

	font-size: .9em;

	font-weight: 300;

	font-family: serif;

	margin-top: 10%;

	margin-right: 2%;

	padding-left: 1.2em;

}



.box_footer .box_pp {

	text-align: center;

	margin: 30px auto;

}



.box_footer .box_pp p {

	font-size: .8em;

	font-weight: 300;

	margin-right: 20px;

}



@media (max-width: 840px) {

	

	.box_footer {

		width: 100%;

		height: 330px;

		margin: 0 auto 60px;

	}



	.box_footer .inner {

		width: 100%;

		height: 100%;

		text-align: center;

	}



	.box_footer .box_menu  {

		display: flex;

		flex-direction: column;

		width: 100%;

		text-align: center;

	}



	.box_footer .box_menu .logo {

		display: flex;

		justify-content: center;

		width: 150px;

		text-align: center;

		margin: 30px auto 0;

	}



	.box_footer .box_menu .logo img {

	  display: block;

		height: 120px;

		width: 0 auto;

		text-align: center;

		margin: 0 auto;

	}



	.box_footer .box_menu .menu {

		max-width: 250px;

		text-align: center;

		margin: 0 auto;

	}



	.box_footer .box_menu .tategaki {

		width: 100%;

		height: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.box_footer .box_pp {

		text-align: center;

		margin: 0 auto;

	}



	.box_footer .box_pp p {

		margin-right: 0;

		margin: 0 auto;

	}



}



@media (max-width: 414px) {

	

	.box_footer {

		width: 100%;

		height: 330px;

		margin: 0 auto 60px;

	}



	.box_footer .inner {

		width: 100%;

		height: 100%;

		text-align: center;

	}



	.box_footer .box_menu  {

		display: flex;

		flex-direction: column;

		width: 100%;

		text-align: center;

	}



	.box_footer .box_menu .logo {

		display: flex;

		justify-content: center;

		width: 150px;

		text-align: center;

		margin: 30px auto 0;

	}



	.box_footer .box_menu .logo img {

	  display: block;

		height: 100px;

		width: 0 auto;

		text-align: center;

		margin: 0 auto;

	}



	.box_footer .box_menu .menu {

		max-width: 250px;

		height: 160px;

		text-align: center;

		margin: 0 auto;

	}



	.box_footer .box_menu .tategaki {

		width: 100%;

		height: 200px;

		text-align: left;

		margin: 0 auto;

	}



.box_footer .box_menu .tategaki ul {}



.box_footer .box_menu .tategaki ul li {

	height: 140px;

	text-align: left;

}





	.box_footer .box_pp {

		text-align: center;

		margin: 0 auto;

	}



	.box_footer .box_pp p {

		margin-right: 0;

		margin: 0 auto;

	}



}



.box_concept {

	display: flex;

	width: 100%;

	height: 600px;

	color: #272b56;

}



.box_concept .box_1 {

	width: 30%;

	height: 600px;

	margin-right: 0%;

}



.box_concept .box_1 .inner {

	position: relative;

	margin-top: 100px;

	width: 90%;

	height: 450px;

}



@media (min-width: 840px) {



	.box_concept .box_1 .tategaki {

		width: 100%;

		writing-mode: vertical-rl;

	}

	

	.box_concept .box_1 .img {

		position: absolute;

		right: 0;

		bottom: 0;

		width: 200px;

		height: 12px;

		margin: 0 0 0 0px;

		background-image: url('../img/s-571x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

		clip-path: polygon(0 0, 96% 0, 100% 100%, 4% 100%);

	}



}



.box_concept .box_1 .tategaki h1{

	color: #000;

	font-size: 1.45em;

	font-weight: 400;

	font-family: serif;

	margin-top: 0;

	margin-right: 0;

	white-space: pre-wrap;

}



.box_concept .box_2 {

	flex-grow: 1;

  width: 70%;

  height: 600px;

  animation: fadeIn_2 3s ease 0s 1 normal backwards;

}



.box_concept .box_2 .img {

	position: relative;

  overflow: hidden;

	width: 100%;

	height: 600px;

}



.box_concept .box_2 img {

	position: absolute;

  width: 100%;

  height: 113%;

  object-fit: cover;

}



@media (max-width: 840px) {

	

	.box_concept {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		height: 600px;

		color: #272b56;

	}



	.box_concept .box_1 {

		width: 100%;

		height: 160px;

		margin-right: 0%;

		margin: 100px auto 0;

	}



	.box_concept .box_1 .inner {

		margin-top: 100px;

		width: 100%;

		height: 100px;

		margin: 30px auto 0;

	}



	.box_concept .box_1 .tategaki {

		width: 200px;

		text-align: center;

		margin: 0 auto;

	}



	.box_concept .box_1 .tategaki h1{

		color: #000;

		font-size: 1.45em;

		font-weight: 400;

		font-family: serif;

		text-align: center;

		margin: 0 auto 30px;

	}



	.box_concept .box_1 .img {

		width: 280px;

		height: 16px;

		text-align: center;

		margin: 0 auto;

		background-image: url('../img/s-571x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

		clip-path: polygon(0 0, 96% 0, 100% 100%, 4% 100%);

	}



	.box_concept .box_2 {

		flex-grow: 1;

	  width: 100%;

	  height: 450px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}

	



	.box_concept .box_2 .img {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 450px;

	}



	.box_concept .box_2 img {

		position: absolute;

	  width: 100%;

	  height: 100%;

	  object-fit: cover;

	}



}



@media (max-width: 414px) {

	

	.box_concept {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		height: 500px;

		color: #272b56;

	}



	.box_concept .box_1 {

		width: 100%;

		height: 180px;

		margin-right: 0%;

		margin: 100px auto 0;

	}



	.box_concept .box_1 .inner {

		margin-top: 100px;

		width: 100%;

		height: 100px;

		margin: 30px auto 0;

	}



	.box_concept .box_1 .tategaki {

		width: 200px;

		text-align: center;

		margin: 0 auto;

	}



	.box_concept .box_1 .tategaki h1{

		color: #000;

		font-size: 1.2em;

		font-weight: 400;

		font-family: serif;

		text-align: center;

		margin: 0 auto 30px;

	}



	.box_concept .box_1 .img {

		width: 220px;

		height: 12px;

		text-align: center;

		margin: 0 auto;

		background-image: url('../img/s-571x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

		clip-path: polygon(0 0, 96% 0, 100% 100%, 4% 100%);

	}



	.box_concept .box_2 {

		flex-grow: 1;

	  width: 100%;

	  height: 250px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}

	



	.box_concept .box_2 .img {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 250px;

		margin-top: -30px;

	}



	.box_concept .box_2 img {

		position: absolute;

	  width: 100%;

	  height: 100%;

	  object-fit: cover;

	}



}



.box_barber {

	display: flex;

	width: 100%;

	height: 600px;

	color: #272b56;

}



.box_barber .box_1 {

	width: 30%;

	height: 600px;

	margin-right: 0%;

}



.box_barber .box_1 .inner {

	position: relative;

	margin-top: 100px;

	width: 90%;

	height: 450px;

}



@media (min-width: 840px) {



	.box_barber .box_1 .inner .tategaki {

		width: 100%;

		writing-mode: vertical-rl;

	}



	.box_barber .box_1 .inner .img {

		position: absolute;

		bottom: 0px;

		right: 0px;

		width: 200px;

		height: 12px;

		margin: 0 0 0 0px;

		background-image: url('../img/s-571x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

		clip-path: polygon(0 0, 96% 0, 100% 100%, 4% 100%);

	}



}



.box_barber .box_1 .inner .tategaki h1 {

	color: #000;

	font-size: 1.45em;

	font-weight: 400;

	font-family: serif;

	margin-top: 0;

	margin-right: 0;

	white-space: pre-wrap;

}



.box_barber .box_2 {

	flex-grow: 1;

  width: 70%;

  height: 600px;

  animation: fadeIn_2 3s ease 0s 1 normal backwards;

}



.box_barber .box_2 .img {

	position: relative;

  overflow: hidden;

	width: 100%;

	height: 600px;

}



.box_barber .box_2 img {

	position: absolute;

  width: 100%;

  height: 113%;

  object-fit: cover;

}



@media (max-width: 840px) {



	.box_barber {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		height: 600px;

		color: #272b56;

	}



	.box_barber .box_1 {

		width: 100%;

		height: 160px;

		margin-right: 0%;

		margin: 100px auto 0;

	}



	.box_barber .box_1 .inner {

		margin-top: 100px;

		width: 100%;

		height: 100px;

		margin: 30px auto 0;

	}



	.box_barber .box_1 .inner .tategaki {

		width: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.box_barber .box_1 .inner .tategaki h1 {

		color: #000;

		font-size: 1.45em;

		font-weight: 400;

		font-family: serif;

		text-align: center;

		margin: 0 auto 30px;

	}



	.box_barber .box_1 .inner .img {

		width: 280px;

		height: 16px;

		text-align: center;

		margin: 0 auto;

		background-image: url('../img/s-571x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

		clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%);

	}



	.box_barber .box_2 {

		flex-grow: 1;

	  width: 100%;

	  height: 450px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}



	.box_barber .box_2 .img {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 450px;

	}



	.box_barber .box_2 img {

		position: absolute;

	  width: 100%;

	  height: 100%;

	  object-fit: cover;

	}



}



@media (max-width: 414px) {



	.box_barber {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		height: 500px;

		color: #272b56;

	}



	.box_barber .box_1 {

		width: 100%;

		height: 200px;

		margin-right: 0%;

		margin: 80px auto 0;

	}



	.box_barber .box_1 .inner {

		margin-top: 100px;

		width: 100%;

		height: 100px;

		margin: 30px auto 0;

	}



	.box_barber .box_1 .inner .tategaki {

		width: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.box_barber .box_1 .inner .tategaki h1 {

		color: #000;

		font-size: 1.1em;

		font-weight: 400;

		font-family: serif;

		text-align: center;

		margin: 0 auto 20px;

	}



	.box_barber .box_1 .inner .img {

		width: 200px;

		height: 10px;

		text-align: center;

		margin: 0 auto;

		background-image: url('../img/s-571x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

		clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%);

	}



	.box_barber .box_2 {

		flex-grow: 1;

	  width: 100%;

	  height: 250px;

		margin: -80px auto 20px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}



	.box_barber .box_2 .img {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 250px;

	}



	.box_barber .box_2 img {

		position: absolute;

	  width: 100%;

	  height: 100%;

	  object-fit: cover;

	}



}





.box_beautysalon {

	display: flex;

	width: 100%;

	height: 600px;

}



.box_beautysalon .box_1 {

	width: 30%;

	height: 600px;

	margin-right: 0%;

}



.box_beautysalon .box_1 .inner {

	position: relative;

	margin-top: 100px;

	width: 90%;

	height: 450px;

}



@media (min-width: 841px) {



	.box_beautysalon .box_1 .inner .tategaki {

		width: 100%;

		writing-mode: vertical-rl;

	}



	.box_beautysalon .box_1 .inner .img {

		width: 200px;

		height: 12px;

		margin: 0 auto;

		background-image: url('../img/s-571x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

	}



}



.box_beautysalon .box_1 .inner .tategaki h1 {

	color: #4b9cfb;

	font-size: 1.45em;

	font-weight: 400;

	font-family: serif;

	margin-top: 0px;

	margin-right: 0;

	white-space: pre-wrap;

	color: #4b9cfb;

}



.box_beautysalon .box_1 .inner .img {

	position: absolute;

	bottom: 0px;

	right: 0px;

	width: 250px;

	height: 12px;

	margin: 0 auto;

	background-image: url('../img/s-678x30.webp');

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

	

}



.box_beautysalon .box_2 {

	flex-grow: 1;

  width: 70%;

  height: 600px;

  animation: fadeIn_2 3s ease 0s 1 normal backwards;

}



.box_beautysalon .box_2 .img {

	position: relative;

  overflow: hidden;

	width: 100%;

	height: 600px;

}



.box_beautysalon .box_2 img {

	position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



@media (max-width: 840px) {

	

	.box_beautysalon {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		height: 600px;

		color: #272b56;

	}



	.box_beautysalon .box_1 {

		width: 100%;

		height: 160px;

		margin-right: 0%;

		margin: 100px auto 0;

	}



	.box_beautysalon .box_1 .inner {

		margin-top: 100px;

		width: 100%;

		height: 100px;

		margin: 30px auto 0;

	}



	.box_beautysalon .box_1 .inner .tategaki {

		width: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.box_beautysalon .box_1 .inner .tategaki h1 {

		color: #4b9cfb;

		font-size: 1.4em;

		font-weight: 400;

		font-family: serif;

		text-align: center;

		margin: 0 auto 30px;

	}



	.box_beautysalon .box_1 .inner .img {

		position: absolute;

		top: 60px;

		left: 0px;

		width: 350px;

		height: 15px;

		text-align: center;

		margin: 0 auto;

		background-image: url('../img/s-678x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

	}



	.box_beautysalon .box_2 {

		flex-grow: 1;

	  width: 100%;

	  height: 450px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}



	.box_beautysalon .box_2 .img {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 450px;

	}



	.box_beautysalon .box_2 img {

		position: absolute;

	  width: 100%;

	  height: 100%;

	  object-fit: cover;

	}

	

}



@media (max-width: 414px) {

	

	.box_beautysalon {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		height: 500px;

		color: #272b56;

	}



	.box_beautysalon .box_1 {

		width: 100%;

		height: 160px;

		margin-right: 0%;

		margin: 100px auto 0;

	}



	.box_beautysalon .box_1 .inner {

		margin-top: 100px;

		width: 100%;

		height: 100px;

		margin: 30px auto 0;

	}



	.box_beautysalon .box_1 .inner .tategaki {

		width: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.box_beautysalon .box_1 .inner .tategaki h1 {

		color: #4b9cfb;

		font-size: 1.1em;

		font-weight: 400;

		font-family: serif;

		text-align: center;

		margin: 0 auto 20px;

	}



	.box_beautysalon .box_1 .inner .img {

		position: absolute;

		top: 60px;

		left: 0px;

		width: 200px;

		height: 12px;

		text-align: center;

		margin: 0 auto;

		background-image: url('../img/s-678x30.webp');

		background-position: center;

		background-size: cover;

		background-repeat: no-repeat;

	}



	.box_beautysalon .box_2 {

		flex-grow: 1;

	  width: 100%;

	  height: 250px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}



	.box_beautysalon .box_2 .img {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 250px;

	}



	.box_beautysalon .box_2 img {

		position: absolute;

	  width: 100%;

	  height: 100%;

	  object-fit: cover;

	}

	

}





.box_menu_info {

	display: flex;

	width: 100%;

/*	color: #4b9cfb;*/

	color: #272b56;

}



.box_menu_info .box_1 {

	width: 25%;

	margin-right: 0;

}



.box_menu_info .box_2 {

	flex-grow: 1;

	width: 75%;

}



.box_menu_info .box_2 h2 {

/*	color: #4b9cfb;*/

	color: #272b56;

	text-align: center;

	margin-top: 100px;

}



.box_menu_info .box_2 .bsh2 {

	color: #4b9cfb;

/*	color: #272b56;*/

	text-align: center;

	margin-top: 100px;

}



.box_menu_info .box_2 p {

	font-size: 1em;

	line-height: 1.9;

	text-align: center;

	margin-top: 16px;

	margin-bottom: 60px;

}



@media (max-width: 840px) {

 

 .box_menu_info {

		display: flex;

		width: 100%;

	}



	.box_menu_info .box_1 {

		width: 0%;

		margin-right: 0;

	}



	.box_menu_info .box_2 {

		flex-grow: 1;

		width: 75%;

	}





	.box_menu_info .box_2 h2 {

		color: #272b56;

		text-align: center;

		margin-top: 180px;

	}



	.box_menu_info .box_2 p {

		width: 80%;

		color: #272b56;

		font-size: 1em;

		line-height: 2;

		text-align: left;

		margin: 20px auto 60px;

	}



 

}



@media (max-width: 414px) {

 

 .box_menu_info {

		display: flex;

		width: 100%;

	}



	.box_menu_info .box_1 {

		width: 0%;

		margin-right: 0;

	}



	.box_menu_info .box_2 {

		flex-grow: 1;

		width: 75%;

	}





	.box_menu_info .box_2 h2 {

		font-size: 1.2em;

		color: #272b56;

		text-align: center;

		margin-top: 60px;

	}



	.box_menu_info .box_2 p {

		width: 80%;

		color: #272b56;

		font-size: .95em;

		line-height: 2;

		text-align: left;

		margin: 20px auto 60px;

	}



 

}



.box_menu_bs_info {

	display: flex;

	width: 100%;

	color: #4b9cfb;

}



.box_menu_bs_info .box_1 {

	width: 25%;

	margin-right: 0;

}



.box_menu_bs_info .box_2 {

	flex-grow: 1;

	width: 75%;

}



.box_menu_bs_info .box_2 h2 {

	color: #4b9cfb;

	text-align: center;

	margin-top: 100px;

}



.box_menu_bs_info .box_2 .bsh2 {

	color: #4b9cfb;

/*	color: #272b56;*/

	text-align: center;

	margin-top: 100px;

}



.box_menu_bs_info .box_2 p {

	font-size: 1em;

	line-height: 1.9;

	text-align: center;

	margin-top: 16px;

	margin-bottom: 60px;

}



@media (max-width: 840px) {

 

 .box_menu_bs_info {

		display: flex;

		width: 100%;

		color: #4b9cfb;



	}



	.box_menu_bs_info .box_1 {

		width: 0%;

		margin-right: 0;

	}



	.box_menu_bs_info .box_2 {

		flex-grow: 1;

		width: 75%;

		margin: 100px auto 0;

	}



	.box_menu_bs_info .box_2 h2 {

		color: #4b9cfb;

		text-align: center;

		margin-top: 180px;

	}



	.box_menu_bs_info .box_2 p {

		width: 80%;

		color: #4b9cfb;

		font-size: 1em;

		line-height: 2;

		text-align: left;

		margin: 20px auto 60px;

	}



 

}

@media (max-width: 414px) {

 

 .box_menu_bs_info {

		display: flex;

		width: 100%;

		color: #4b9cfb;

	}



	.box_menu_bs_info .box_1 {

		width: 0%;

		margin-right: 0;

	}



	.box_menu_bs_info .box_2 {

		flex-grow: 1;

		width: 75%;

		margin: 0 auto;

	}



	.box_menu_bs_info .box_2 h2 {

		font-size: 1.4em;

		color: #4b9cfb;

		text-align: center;

		margin-top: 80px;

	}



	.box_menu_bs_info .box_2 p {

		width: 80%;

		color: #4b9cfb;

		font-size: .9em;

		line-height: 2;

		letter-spacing: 0.1;

		text-align: left;

		margin: 20px auto 60px;

	}



 

}



.box_menu_info2 { 

	width: 100%;

	border-top: solid 1px #A9A9A9;

	border-bottom: solid 1px #A9A9A9;

}



.box_menu_info2 .inner {

	width: 100%;

	margin: 0 auto;

	border-bottom: solid 1px #A9A9A9;

}



.box_menu_info2 .inner:last-child {

	border-bottom: solid 0px;

}



.box_menu_info2 .box_1 {

	width: 25%;

	height: 400px;

	margin-right: 0%;

}



.box_menu_info2 .box_2 {

	width: 75%;

	height: 400px;

}



.box_menu_info2 .box_1 .box {

	position: relative;

	width: 100%;

	height: 400px;

	margin: 0 auto;

	text-align: right;

}



.box_menu_info2 .box  {

	max-width: 950px;

	margin: 120px auto 0;

	margin-left: 100px;

	opacity: 1;

}



.box_menu_info2 .box_2 .box .course {

	display: flex;

	justify-content: space-between;

	width: 100%;

	margin: 0 auto;

	font-size: 1.2em;

	font-weight: 500;

	font-family: serif;

	text-align: left;

	letter-spacing: 0.1em;

}



.box_menu_info2 .box .course .name {

	top: 0;

	font-size: 1.2em;

	font-weight: 500;

	letter-spacing: 0.1em;

	margin-top: 0;

}



.box_menu_info2 .box .course .time {

	font-size: 1.15em;

	font-weight: 500;

	letter-spacing: 0.1em;

	margin-top: 0;

	margin-right: 100px;

}



.box_menu_info2 .box .txt {

	width: 60%;

	font-size: .9em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2;

	letter-spacing: 0.1em;

	margin: 30px auto 0;

	margin-left: 30px;

}



.box_menu_info2 .box .link {

	font-size: 1.1em;

	text-align: right;

	letter-spacing: 0.1em;

	margin-right: 100px;

}





.box_menu_info2 .bg {

	color: #272b56;

	opacity: 1;

}



.box_menu_info2 .bg:hover { 

	width: 100%;

	color: #fff;

	opacity: 1;

}



.box_menu_info2 .bg1,.box_menu_info2 .bg2,.box_menu_info2 .bg3,.box_menu_info2 .bg4 {

	display: flex;

	width: 100%;

	height: 400px;

}





.box_menu_info2 .bg1:hover { 

	width: 100%;

	height: 400px;

	background:url('../img/bb-hover01.webp');

	background-size: cover;

  background-position: center;

}





.box_menu_info2 .bg2:hover { 

	width: 100%;

	height: 400px;

	cursor: pointer;

	background:url('../img/bb-hover02.webp');

	background-size: cover;

  background-position: center;

}



.box_menu_info2 .bg3:hover { 

	width: 100%;

	height: 400px;

	cursor: pointer;

	background:url('../img/bb-hover03.webp');

	background-size: cover;

  background-position: center;

}



.box_menu_info2 .bg4:hover { 

	width: 100%;

	height: 400px;

	cursor: pointer;

	background:url('../img/bb-hover04.webp');

	background-size: cover;

  background-position: center;

}





@media (max-width: 840px) {

	

	.box_menu_info2 { 

		width: 100%;

	}



	.box_menu_info2 .inner {

	}



	.box_menu_info2 .bg {

		display: flex;

		width: 100%;

		height: 400px;

		color: #272b56;

	}



	.box_menu_info2 .box_1 {

		width: 0%;

		height: 400px;

		margin-right: 0%;

	}



	.box_menu_info2 .box_2 {

		width: 90%;

		margin: 0 auto;

	}



	.box_menu_info2 .box  {

		width: 85%;

		margin: 100px auto 0;

		opacity: 1;

	}



	.box_menu_info2 .box_2 .box .course {

		display: flex;

		justify-content: space-between;

		width: 100%;

		margin: 0 auto;

		font-size: 1em;

		font-weight: 500;

		font-family: serif;

		text-align: center;

		letter-spacing: 1em;

	}



	.box_menu_info2 .box .course .name {

		top: 0;

		text-align: center;

		font-size: 1.2em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-top: 0;

	}



	.box_menu_info2 .box .course .time {

		font-size: 1.15em;

		font-weight: 500;

		letter-spacing: 0.1em;

		text-align: right;

		margin-top: 0;

		margin-right: 0px;

	}



	.box_menu_info2 .box .txt {

		width: 100%;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 1.6;

		letter-spacing: 0.1em;

		margin: 30px auto 0;

	}



	.box_menu_info2 .box .link {

		width: 100%;

		font-size: 1.2em;

		text-align: right;

		line-height: 1;

		letter-spacing: 0.1em;

		margin-top: 30px;

	}

	

	.box_menu_info2 .bg:hover { 

		width: 100%;

		color: #fff;

		opacity: 1;

	}



}



@media (max-width: 414px) {

	

	.box_menu_info2 { 

		width: 100%;

	}



	.box_menu_info2 .inner {}



	.box_menu_info2 .bg {

		display: flex;

		width: 100%;

		height: 400px;

		color: #272b56;

	}



	.box_menu_info2 .box_1 {

		width: 0%;

		height: 400px;

		margin-right: 0%;

	}



	.box_menu_info2 .box_2 {

		width: 90%;

		margin: 0 auto;

	}



	.box_menu_info2 .box  {

		width: 100%;

		margin: 100px auto 0;

		opacity: 1;

	}



	.box_menu_info2 .box_2 .box .course {

		display: flex;

		justify-content: space-between;

		width: 100%;

		margin: 0 auto;

		font-size: 1em;

		font-weight: 500;

		font-family: serif;

		text-align: center;

		letter-spacing: 1em;

	}



	.box_menu_info2 .box .course .name {

		top: 0;

		text-align: center;

		font-size: 1.15em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-top: 0;

	}



	.box_menu_info2 .box .course .time {

		font-size: 1em;

		font-weight: 500;

		letter-spacing: 0.1em;

		text-align: right;

		margin-top: 0;

		margin-right: 0px;

	}



	.box_menu_info2 .box .txt {

		width: 100%;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 1.7;

		letter-spacing: 0.1em;

		margin: 30px auto 0;

	}



	.box_menu_info2 .box .link {

		width: 100%;

		font-size: 1.2em;

		text-align: right;

		line-height: 1;

		letter-spacing: 0.1em;

		margin-top: 30px;

	}

	

	.box_menu_info2 .bg:hover { 

		width: 100%;

		color: #fff;

		opacity: 1;

	}



}



.box_concept2 {

	display: flex;

	width: 100%;

	height: 460px;

	color: #272b56;

	background-color: #EEF8FF;

}



.box_concept2 .box_1  {

	width: 40%;

	padding: 0px 0px;

	text-align: center;

}



.box_concept2 .box_2  {

	width: 60%;

	height: 500px;

	text-align: center;

}





.box_concept2 .box_1 .tategaki {

	width: 100%;

	margin-top: 100px;

	text-align: right;

}



.box_concept2 .box_1 .tategaki h1 {

	writing-mode: vertical-rl;

	display: inline-block;

	color: #272b56;

	font-size: 1.45em;

	font-weight: 400;

	font-family: serif;

	margin-top: 0%;

	margin-right: 10%;

}



.box_concept2 .box_2 .title {

	position:relative;

	height: 100%;

	color: #272b56;

	text-align: left;

	margin: 0 auto;

	line-height: 60px;

}



.box_concept2 .box_2 .title h1 {

	position:absolute;

	color: #272b56;

	font-size: 1.3em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	margin: 0 auto;

	margin-top : 0 auto;

	line-height: 20px;

	top:50%;

  left:0%;

  transform:translate(0%,-50%);

}



@media (max-width: 840px) {

	

	.box_concept2 {

		display: flex;

		width: 100%;

		height: 400px;

		color: #272b56;

		background-color: #EEF8FF;

	}



	.box_concept2 .box_1 .tategaki h1 {

		display: inline-block;

		color: #272b56;

		font-size: 1.1em;

		font-weight: 400;

		font-family: serif;

		margin-top: 50px;

		margin-right: 10%;

	}



	.box_concept2 .box_2 .title {

		position:relative;

		height: 100%;

		color: #272b56;

		text-align: left;

		margin: 0 auto;

		line-height: 60px;

	}



	.box_concept2 .box_2 .title h1 {

		position:absolute;

		color: #272b56;

		font-size: 1.1em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		margin: 0 auto;

		margin-top : 0 auto;

		line-height: 20px;

		top:50%;

	  left:0%;

	  transform:translate(0%,-50%);

	}



}



@media (max-width: 414px) {

	

	.box_concept2 {

		display: flex;

		width: 100%;

		height: 300px;

		color: #272b56;

		background-color: #EEF8FF;

	}



	.box_concept2 .box_1  {

		width: 30%;

		padding: 0px 0px;

		text-align: center;

	}



	.box_concept2 .box_1 .tategaki {

		width: 100%;

		margin-top: 50px;

		text-align: right;

	}



	.box_concept2 .box_1 .tategaki h1 {

		display: inline-block;

		color: #272b56;

		font-size: 1.1em;

		font-weight: 400;

		font-family: serif;

		margin-top: 0px;

		margin-right: 10%;

	}



	.box_concept2 .box_2  {

		width: 70%;

		height: 300px;

		text-align: center;

	}





	.box_concept2 .box_2 .title {

		position:relative;

		height: 100%;

		color: #272b56;

		text-align: left;

		margin-left: 1em;

		line-height: 60px;

	}



	.box_concept2 .box_2 .title h1 {

		position:absolute;

		color: #272b56;

		font-size: 1em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		margin: 0 auto;

		margin-top : 0 auto;

		line-height: 20px;

		top:50%;

	  left:0%;

	  transform:translate(0%,-50%);

	}



}



.box_concept3 {

	width: 100%;

	height: 470px;

}



.box_concept3 .inner  {

	width: 520px;

	margin: 130px auto 0;

}



.box_concept3 .inner p {

	width: 100%;

	margin: 0 auto;

	text-align: center;

	font-size: 1em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	color: #272b56;

	line-height: 2;

	letter-spacing: 0.3em;

}



.box_concept3 .box {

	display: flex;

	flex-wrap: wrap;

	width: 100%;

	height: 300px;

	margin-top: 150px;

}



.box_concept3 .box_1 {

	width: 49.92%;

	height: 300px;

	border-right: solid 1px #272b56;

}



.box_concept3 .box_2 {

	width: 50%;

	height: 300px;

}



@media (max-width: 840px) {

	

	.box_concept3 {

		width: 100%;

		height: 350px;

	}



	.box_concept3 .inner  {

		width: 530px;

		margin: 100px auto 0;

	}

	

	.box_concept3 .inner p {

		width: 100%;

		margin: 0 auto;

		text-align: center;

		font-size: 1.1em;

		font-weight: 450;

		font-family: serif;

		text-align: left;

		color: #272b56;

		line-height: 2;

		letter-spacing: 0.2em;

	}



}



@media (max-width: 414px) {

	

	.box_concept3 {

		width: 100%;

		height: 200px;

	}



	.box_concept3 .inner  {

		width: 90%;

		margin: 80px auto 0;

	}

	

	.box_concept3 .inner p {

		width: 100%;

		margin: 0 auto;

		text-align: center;

		font-size: .8em;

		font-weight: 450;

		font-family: serif;

		text-align: left;

		color: #272b56;

		line-height: 2;

		letter-spacing: 0.2em;

	}



}



.box_concept4 {

	width: 100%;

	height: 660px;

	color: #272b56;

	margin-top: 30px;

	margin-bottom: 200px;

}



@media (max-width: 840px) {

	

	.box_concept4 {

		width: 100%;

		height: 500px;

		color: #272b56;

		margin-top: 0px;

		margin-bottom: 100px;

	}

	

}



@media (max-width: 414px) {

	

	.box_concept4 {

		width: 100%;

		height: 250px;

		color: #272b56;

		margin-top: 0px;

		margin-bottom: 100px;

	}

	

}



.box_member {

	display: flex;

	flex-wrap: wrap;

	width: 100%;

	height: 1050px;

	margin-top: 10px;

}



.box_member .box_1  {

	display: flex;

	flex-wrap: wrap;

	width: 37%;

	padding: 0px 0px;

	text-align: center;

}



.box_member .member_box  {

	position: relative;

  overflow: hidden;

	width: 63%;

	height: 100%;

}



.box_member .inner {

	display: block;

	width: 70%;

	height: 100%;

	text-align: left;

	margin: 0 auto;

}



.box_member .inner h2 {

	font-size: 1.3em;

	font-weight: 400;

	color: #000066;

	font-family: serif;

	margin-top: 0;

	margin-left: 0;

}



.box_member .inner p {

	font-size: .8em;

	color: #000066;

	font-family: serif;

	margin: 0 auto;

}



.box_member .member_box img.upper {

	margin-bottom: 30px;

}



.box_member .member_box img.lower {

	margin-top: 100px;

	margin-bottom: 30px;

}



.member_name1 {

	margin-top: 440px;

}



.member_name2 {

	margin-top: 540px;

}



.member_name1 span, .member_name2 span {

	font-size: .8em;

	letter-spacing: 0.1em;

	margin-right: 10px;

}



.box_member .member_box img {

	position: absolute;

	object-fit: cover;

	width: 100%;

	height: 430px;

	text-align: left;

}



@media (max-width: 840px) {

	

	.box_member {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		margin-top: 10px;

		margin-bottom: 30px;

	}



	.box_member .box_1  {

		width: 100%;

		padding: 0;

	}



	.box_member .inner {

		display: block;

		width: 100%;

		height: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.box_member .member_box  {

	  overflow: hidden;

		width: 85%;

		margin: 80px auto 0;

	}



	.box_member .member_box img {

		position: absolute;

		object-fit: cover;

		width: 100%;

		height: 350px;

	}



	.box_member .member_box img.upper {

		margin-bottom: 30px;

	}



	.box_member .member_box img.lower {

		margin-top: 100px;

		margin-bottom: 0px;

	}



	.box_member .member_box .member_name1 {

		margin-top: 360px;

	}



	.box_member .member_box .member_name2 {

		margin-top: 460px;

	}



	.box_member .member_box .member_name1 span, .member_name2 span {

		font-size: .9em;

		letter-spacing: 0.1em;

		margin-right: 10px;

	}



}



@media (max-width: 414px) {

	

	.box_member {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		height: 660px;

		margin-top: 10px;

		margin-bottom: 30px;

	}



	.box_member .box_1  {

		width: 100%;

		padding: 0;

	}



	.box_member .inner {

		display: block;

		width: 100%;

		height: 100%;

		text-align: center;

		margin: 0 auto;

	}



	.box_member .member_box  {

	  overflow: hidden;

		width: 85%;

		margin: 50px auto 0;

	}



	.box_member .member_box img {

		position: absolute;

		object-fit: cover;

		width: 100%;

		height: 200px;

	}



	.box_member .member_box img.upper {

		margin-bottom: 30px;

	}



	.box_member .member_box img.lower {

		margin-top: 60px;

		margin-bottom: 0px;

	}



	.box_member .member_box .member_name1 {

		margin-top: 210px;

	}



	.box_member .member_box .member_name2 {

		margin-top: 270px;

	}



}



.box_menuspace {

	width: 100%;

	height: 200px;

	margin: 30px 0 60px;

}



.box_menuspace .inner {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 100%;

}



.box_menuspace .menuname {

	width: 50%;

	text-align: center;

  line-height: 1;

	font-size: .9em;

	letter-spacing: 0.1em;

}



.box_menuspace .menuname .txt a:hover {

	opacity: 0.3;

	-webkit-transition: 0.3s ease-in-out;

	-moz-transition: 0.3s ease-in-out;

	-o-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

}



@media (max-width: 840px) {

	

	.box_menuspace {

		width: 85%;

		height: 30px;

		margin: 50px auto 0;

		margin-bottom: -480px;

	}



	.box_menuspace .inner {

		display: flex;

		justify-content: space-between;

		width: 100%;

		height: 100%;

	}



	.box_menuspace .menuname {

		width: 35%;

		display: flex;

		justify-content: space-between;

		font-size: .9em;

		letter-spacing: 0.1em;

	  line-height: 1;

	}

	

}



@media (max-width: 414px) {

	

	.box_menuspace {

		height: 60px;

		margin: 50px auto 0;

		margin-bottom: -480px;

	}



	.box_menuspace .inner {

		display:block;

		height: 100%;

	}



	.box_menuspace .menuname {

		width: 200px;

		height: 30px;

		font-size: .9em;

		letter-spacing: 0.1em;

	  line-height: 1;

		margin: 20px auto 0;

	}

	

}





.box_menu_list {

	width: 100%;

	margin-top: 300px;

	margin-bottom: 100px;

}



.box_menu_list h2 {

	font-size: 1.5em;

	font-weight: 400;

	color: #272b56;

	text-align: center;

	margin: 0 auto;

}



.box_menu_list .option_info {

	color: #272b56;

	font-size: .9em;

	text-align: center;

	line-height: 1.3;

	margin-top: 1em;

}



.box_menu_list .kana {

	color: #272b56;

	font-size: .9em;

	text-align: center;

}



.box_menu_list .list {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-around;

	width: 90%;

	margin: 30px auto 0;

}



.box_menu_list .box {

	width: 45%;

	text-align: center;

	margin-bottom: 30px;

}



.box_menu_list .box h3 {

	font-size: 1.6em;

	font-weight: 400;

	color: #272b56;

	width: 200px;

	text-align: center;

	letter-spacing: 0.1em;

	margin: 0 auto;

}



.box_menu_list .box ul {

	justify-content: center;

	width: 100%;

	margin: 0px auto 0;

	border-top: solid 1px #272b56;

}



.box_menu_list .box ul li {

	width: 100%;

	height: 3em;

	font-size: 1.1em;

	color: #272b56;

	text-align: left;

  line-height: 3;

}



.box_menu_list .box ul li p {

	font-size: .7em;

	margin-top: 5px;

}



.box_menu_list .box ul li.line {

	color: #272b56;

	text-align: left;

	padding-left:  0px;

	border-bottom: solid 1px #272b56;

}



.box_menu_list .box ul li span {

	float: right;

	margin-right: 20px;

}



@media (max-width: 840px) {

	

	.box_menu_list {

		width: 100%;

		margin-top: 250px;

		margin-bottom: 100px;

	}



	.box_menu_list .list {

		display:block;

		width: 90%;

		margin: 60px auto 0;

	}



	.box_menu_list .box {

		width: 100%;

		text-align: center;

		margin: 0 auto 100px;

	}



	.box_menu_list .box h3 {

		font-size: 1.6em;

		font-weight: 400;

		color: #272b56;

		width: 100%;

		text-align: center;

		letter-spacing: 0.1em;

		margin: 0 auto;

	}



	.box_menu_list .box ul {

		width: 70%;

		justify-content: center;

		margin: 10px auto 0;

		border-top: solid 1px #272b56;



	}



	.box_menu_list .box ul li {

	display: flex;

		width: 95%;

		height: 3.4em;

		font-size: 1em;

		color: #272b56;

	  line-height: 3.4em;

		margin: 0 auto;

	}



	.box_menu_list .box ul div {

		width: 95%;

		height: 3.4em;

		font-size: 1em;

		color: #272b56;

	  line-height: 4em;

		margin: 0 auto;

	}



	.box_menu_list .box ul li p {

		font-size: .7em;

		margin-top: 5px;

	}



	.box_menu_list .box ul li.line {

		color: #272b56;

		text-align: left;

		padding-left:  1em;

		border-bottom: solid 1px #272b56;

	}



	.box_menu_list .box ul li.line_no {

		color: #272b56;

		text-align: left;

		padding-left:  1em;

		border-bottom: solid 0px #272b56;

	}



	.box_menu_list .box ul li span {

		font-size: 1.2em;

		text-align: right;

		margin-right: 10px;

	}



}



@media (max-width: 414px) {

	

	.box_menu_list {

		width: 100%;

		margin-top: 200px;

		margin-bottom: 100px;

	}



	.box_menu_list .list {

		display:block;

		width: 90%;

		margin: 60px auto 0;

	}



	.box_menu_list .box {

		width: 100%;

		text-align: center;

		margin: 0 auto 50px;

	}



	.box_menu_list .box h3 {

		font-size: 1.6em;

		font-weight: 400;

		color: #272b56;

		width: 100%;

		text-align: center;

		letter-spacing: 0.1em;

		margin: 0 auto;

	}



	.box_menu_list .box ul {

		display:block;

		width: 100%;

		justify-content: center;

		margin: 10px auto 0;

		border-top: solid 1px #272b56;

	}



	.box_menu_list .box ul li {

		display: flex;

		width: 100%;

		height: 3.3em;

		font-size: 1em;

		color: #272b56;

	  line-height: 3.2em;

		margin: 0 auto;

	}



	.box_menu_list .box ul div {

		width: 100%;

		height: 3.4em;

		font-size: .9em;

		color: #272b56;

	  line-height: 4em;

		margin: 0 auto;

	}



	.box_menu_list .box ul .kakaku {

		width: 70%;

		height: 3.4em;

		font-size: .9em;

		color: #272b56;

	  line-height: 4em;

		margin: 0 auto;

	}



	.box_menu_list .box ul li p {

		font-size: .7em;

		margin-top: 5px;

	}



	.box_menu_list .box ul li.line {

		color: #272b56;

		text-align: left;

		padding-left:  0em;

		border-bottom: solid 1px #272b56;

	}



	.box_menu_list .box ul li.line_no {

		color: #272b56;

		text-align: left;

		padding-left:  0em;

		border-bottom: solid 0px #272b56;

	}



	.box_menu_list .box ul li span {

		font-size: 1.2em;

		text-align: right;

		margin-right: 10px;

	}





}



.box_menu_info_bs { 

	width: 100%;

	border-top: solid 1px #4b9cfb;

	border-bottom: solid 1px #4b9cfb;

}



.box_menu_info_bs .inner {

	width: 100%;

	margin: 0 auto;

	border-bottom: solid 1px #4b9cfb;

}



.box_menu_info_bs .inner:last-child {

	border-bottom: solid 0px;

}



.box_menu_info_bs .box_1 {

	width: 25%;

	height: 400px;

	margin-right: 0%;

}



.box_menu_info_bs .box_2 {

	width: 75%;

	height: 400px;

}



.box_menu_info_bs .box_1 .box {

	position: relative;

	width: 100%;

	height: 400px;

	margin: 0 auto;

	text-align: right;

}



.box_menu_info_bs .box  {

	max-width: 950px;

	margin: 120px auto 0;

	margin-left: 100px;

	opacity: 1;

}



.box_menu_info_bs .box .course {

	display: flex;

	justify-content: space-between;

	width: 100%;

	margin: 0 auto;

	font-size: 1.2em;

	font-weight: 500;

	font-family: serif;

	text-align: left;

	letter-spacing: 0.1em;

}



.box_menu_info_bs .box .course .name {

	top: 0;

	font-size: 1.2em;

	font-weight: 500;

	letter-spacing: 0.1em;

	margin-top: 0;

}



.box_menu_info_bs .box .course .time {

	font-size: 1.15em;

	font-weight: 500;

	letter-spacing: 0.1em;

	margin-top: 0;

	margin-right: 100px;

}



.box_menu_info_bs .box .txt {

	width: 60%;

	margin: 0 auto;

	font-size: .9em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2;

	letter-spacing: 0.1em;

	margin: 30px auto 0;

	margin-left: 30px;

}



.box_menu_info_bs .box .link {

	font-size: 1.1em;

	text-align: right;

	letter-spacing: 0.1em;

	margin-right: 100px;

}



.box_menu_info_bs .bg {

	color: #4b9cfb;

	opacity: 1;

}



.box_menu_info_bs .bg:hover { 

	width: 100%;

	color: #fff;

	opacity: 1;

}



.box_menu_info_bs .bg1,.box_menu_info_bs .bg2,.box_menu_info_bs .bg3,.box_menu_info_bs .bg4 {

	display: flex;

	width: 100%;

	height: 400px;

}



.box_menu_info_bs .bg1 a {

	background: #000;

}



.box_menu_info_bs .bg1:hover { 

	width: 100%;

	height: 400px;

	background:url('../img/bs-hover01_blak.jpg');

	cursor: pointer;

	background-size: cover;

  background-position: center;

}



.box_menu_info_bs .bg2:hover { 

	width: 100%;

	height: 400px;

	background:url('../img/bs-hover02.webp');

	cursor: pointer;

	background-size: cover;

  background-position: center;

}



.box_menu_info_bs .bg3:hover { 

	width: 100%;

	height: 400px;

	background:url('../img/bs-hover03.webp');

	cursor: pointer;

	background-size: cover;

  background-position: center;

}



.box_menu_info_bs .bg4:hover { 

	width: 100%;

	height: 400px;

	background:url('../img/bs-hover04.webp');

	cursor: pointer;

	background-size: cover;

  background-position: center;

}



@media (max-width: 840px) {

	

	.box_menu_info_bs { 

		width: 100%;

	}



	.box_menu_info_bs .inner {}



	.box_menu_info_bs .bg {

		display: flex;

		width: 100%;

		height: 400px;

		color: #4b9cfb;

	}



	.box_menu_info_bs .box_1 {

		width: 0%;

		height: 400px;

		margin-right: 0%;

	}



	.box_menu_info_bs .box_2 {

		width: 100%;

		height: 400px;

	}



	.box_menu_info_bs .box_1 .box {

		position: relative;

		width: 100%;

		height: 400px;

		margin: 0 auto;

		text-align: right;

	}



	.box_menu_info_bs .box  {

		width: 90%;

		margin: 100px auto 0;

		opacity: 1;

	}



	.box_menu_info_bs .box .course {

		display: flex;

		justify-content: space-between;

		width: 100%;

		margin: 0 auto;

		font-size: 1.2em;

		font-weight: 500;

		font-family: serif;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_menu_info_bs .box .course .name {

		top: 0;

		font-size: 1.2em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-left: 30px;

	}



	.box_menu_info_bs .box .course .time {

		font-size: 1.15em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-top: 0;

		margin-right: 30px;

	}



	.box_menu_info_bs .box .txt {

		width: 60%;

		margin: 0 auto;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 1.6;

		letter-spacing: 0.1em;

		margin: 30px auto 0;

		margin-left: 30px;

	}



	.box_menu_info_bs .box .link {

		font-size: 1.2em;

		text-align: right;

		line-height: 1;

		letter-spacing: 0.1em;

		margin-right: 100px;

	}



	

}



@media (max-width: 414px) {

	

	.box_menu_info_bs { 

		width: 100%;

		margin-top: 0;

	}



	.box_menu_info_bs .inner {

		width: 90%;

	}



	.box_menu_info_bs .bg {

		display: flex;

		width: 100%;

		height: 400px;

		color: #4b9cfb;

	}



	.box_menu_info_bs .box_1 {

		width: 0%;

		height: 0;

		margin-right: 0%;

	}



	.box_menu_info_bs .box_2 {

		width: 100%;

		height: 400px;

	}



	.box_menu_info_bs .box_2 .box {

		position: relative;

		width: 100%;

		height: 400px;

		margin: 0 auto;

		text-align: right;

	}



	.box_menu_info_bs .box .course {

		display: block;

		width: 100%;

		margin: 60px auto;

		font-size: 1.2em;

		font-weight: 500;

		font-family: serif;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_menu_info_bs .box .course .name {

		width: 100%;

		top: 0;

		font-size: 1em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-left: 0px;

	}



	.box_menu_info_bs .box .course .time {

		font-size: .85em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-top: 10px;

		margin-right: 30px;

	}



	.box_menu_info_bs .box .txt {

		width: 95%;

		margin: 0 auto;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 1.6;

		letter-spacing: 0.1em;

		margin: 30px auto 0;

	}



	.box_menu_info_bs .box .link {

		font-size: 1em;

		text-align: right;

		line-height: 1;

		letter-spacing: 0.1em;

		margin-top: 30px;

		margin-right: 30px;

	}



	.box_menu_info_bs .bg1,.box_menu_info_bs .bg2,.box_menu_info_bs .bg3,.box_menu_info_bs .bg4 {

	display: flex;

	width: 100%;

	height: 400px;

}



}



.box_menu_list_bs {

	width: 100%;

	margin: 300px auto 100px;

}



.box_menu_list_bs h2 {

	font-size: 1.5em;

	font-weight: 400;

	color: #4b9cfb;

	text-align: center;

	margin: 0 auto;

}



.box_menu_list_bs .kana {

	color: #4b9cfb;

	font-size: .9em;

	text-align: center;

}





.box_menu_list_bs {

	width: 100%;

	margin: 300px auto 100px;

}



.box_menu_list_bs h2 {

	font-size: 1.5em;

	font-weight: 400;

	color: #4b9cfb;

	text-align: center;

	margin: 0 auto;

}



.box_menu_list_bs .kana {

	color: #4b9cfb;

	font-size: .9em;

	text-align: center;

}



.box_menu_list_bs .list {

	display: flex;

	width: 90%;

	margin: 0 auto;

}



.box_menu_list_bs .box {

	width: 40%;

	margin: 0 auto 30px;

}



.box_menu_list_bs .box h3 {

	font-size: 1.6em;

	font-weight: 400;

	color: #4b9cfb;

	width: 200px;

	text-align: center;

	letter-spacing: 0.01em;

	margin: 0 auto;

}



.box_menu_list_bs .box ul {

	justify-content: center;

	margin: 10px auto 0;

	border-top: solid 1px #4b9cfb;



}



.box_menu_list_bs .box ul li {

	display: flex;

	flex-wrap: wrap;

	font-size: 1.1em;

	color: #4b9cfb;

  line-height: 1.6;

	margin-top: 20px;

	margin-bottom: 15px;

	margin-left: 20px;

}



.box_menu_list_bs .box ul li .menu {

	width: 60%;

	font-size: .9em;

	text-align: left;

}



.box_menu_list_bs .box ul li .course {

	width: 38%;

	font-size: .9em;

	text-align: right;

}



.box_menu_list_bs .box ul li br {

	display: block;

	content: "";

	margin: 0 0;

}



.box_menu_list_bs .box ul li p {

	display: block;

	font-size: .7em;

	margin-top: 5px;

}



.box_menu_list_bs .box ul li.line {

	color: #4b9cfb;

	text-align: left;

	padding-left:  20px;

	border-bottom: solid 1px #272b56;

}



@media (max-width: 840px) {

	

	.box_menu_list_bs {

		width: 100%;

		margin-top: 250px;

		margin-bottom: 100px;

	}



	.box_menu_list_bs .list {

		display: block;

		width: 90%;

		margin: 30px auto 0;

	}



	.box_menu_list_bs .box {

		width: 500px;

		text-align: center;

		margin: 0 auto 100px;

	}



	.box_menu_list_bs .box h3 {

		font-size: 1.6em;

		font-weight: 400;

		color: #4b9cfb;

		width: 200px;

		text-align: center;

		letter-spacing: 0.1em;

		margin: 0 auto;

	}



	.box_menu_list_bs .box ul {

		width: 100%;

		justify-content: center;

		margin: 10px auto 0;

	}



	.box_menu_list_bs .box ul li {

		width: 100%;

		font-size: 1.1em;

		color: #4b9cfb;

		text-align: left;

	  line-height: 3;

		margin-left: 0px;

	}



	.box_menu_list_bs .box ul li br {

		display: block;

		content: "";

		margin: 10px 0;

	}



	.box_menu_list_bs .box ul li p {

		font-size: .7em;

		margin-top: 5px;

	}



	.box_menu_list_bs .box ul li.line {

		color: #4b9cfb;

		text-align: left;

		padding-left:  20px;

		border-bottom: solid 1px #272b56;

	}



	.box_menu_list_bs .box ul li span {

		float: right;

		margin-right: 20px;

	}



}



@media (max-width: 414px) {

	

	.box_menu_list_bs {

		width: 100%;

		margin-top: 200px;

		margin-bottom: 100px;

	}



	.box_menu_list_bs .list {

		display: block;

		width: 90%;

		margin: 30px auto 0;

	}



	.box_menu_list_bs .box {

		width: 100%;

		text-align: center;

		margin: 0 auto 100px;

	}



	.box_menu_list_bs .box h3 {

		font-size: 1.6em;

		font-weight: 400;

		color: #4b9cfb;

		width: 200px;

		text-align: center;

		letter-spacing: 0.1em;

		margin: 0 auto;

	}



	.box_menu_list_bs .box ul {

		width: 100%;

		height: 165px;

		margin: 10px auto;

		padding-bottom: 10px;

	}



	.box_menu_list_bs .box ul li {

		width: 90%;

		font-size: 1.1em;

		color: #4b9cfb;

		text-align: left;

	  line-height: 1.4;

		margin: 20px auto;

	}



	.box_menu_list_bs .box ul li .menu {

		width: 100%;

		font-size: .9em;

		text-align: left;

		margin-top: 0px;

	}



	.box_menu_list_bs .box ul li .course {

		width: 50%;

		font-size: .9em;

		text-align: left;

		margin-top: 10px;

	}



	.box_menu_list_bs .box ul li .course span {

		width: 88%;

		text-align: left;

	}



	.box_menu_list_bs .box ul li br {

		display: block;

		content: "";

		margin: 10px 0;

	}



	.box_menu_list_bs .box ul li p {

		font-size: .8em;

		margin-top: 10px;

	}



	.box_menu_list_bs .box ul li.line {

		color: #4b9cfb;

		text-align: left;

		padding-left:  20px;

		border-bottom: solid 1px #272b56;

	}



	.box_menu_list_bs .box ul li span {

		float: right;

		margin-right: 20px;

	}



}



.box_review_space {

	width: 100%;

	margin-top: 80px;

}



.box_review_space .inner {

	display: flex;

	width: 100%;

}



.box_review_space .box_1 {

	width: 30%;

}



.box_review_space .box_2 {

	width: 65%;

	border-bottom: solid 1px #4b9cfb;

}



.box_review_space .inner_r {

	display: flex;

	width: 100%;

}





.box_review_space .box_r1 {

	width: 30%;

	height: 300px;

}



.box_review_space .box_r2 {

	display: flex;

	width: 70%;

	border-bottom: solid 1px #4b9cfb;

}



.box_review_space .box_r3 {

	width: 50%;

	height: 300px;

}



.box_review_space .box_r4 {

	width: 50%;

	height: 300px;

	border-left: solid 1px #4b9cfb;

}



@media (max-width: 840px) {



	.box_review_space {

		width: 100%;

		margin-top: 200px;

	}



	.box_review_space .inner {

		display: flex;

		width: 100%;

	}



	.box_review_space .box_1 {

		width: 50%;

	}



	.box_review_space .box_2 {

		width: 50%;

		border-bottom: solid 1px #4b9cfb;

	}



	.box_review_space .inner_r {

		display: flex;

		width: 100%;

	}





	.box_review_space .box_r1 {

		width: 1%;

		height: 200px;

	}



	.box_review_space .box_r2 {

		display: flex;

		width: 99%;

		border-bottom: solid 1px #4b9cfb;

	}



	.box_review_space .box_r3 {

		width: 50%;

		height: 200px;

	}



	.box_review_space .box_r4 {

		width: 50%;

		height: 200px;

		border-left: solid 1px #4b9cfb;

	}



}



@media (max-width: 414px) {



	.box_review_space {

		width: 100%;

		margin-top: 80px;

	}



}



.box_review { 

	width: 100%;

	margin-top: 80px;

}



.box_review .bg {

	display: flex;

	width: 100%;

	color: #272b56;

}



.box_review .box_1 {

	width: 30%;

	margin-right: 0;

}



.box_review .box_2 {

	width: 65%;

	padding-bottom: 100px;

	border-bottom: solid 1px #4b9cfb;

}





.box_review .box_2 .inner {

	position: relative;

	width: 80%;

	margin: 0 auto;

	text-align: right;

}



.box_review .inner .review {

	width: 100%;

	margin: 0 auto;

	color:  #4b9cfb;

	font-family:'メイリオ', 'Meiryo', sans-serif;

	text-align: left;

	letter-spacing: 0.1em;

}



.box_review .inner .upper {

	display: flex;

	width: 100%;

	margin: 0 auto;

	color: #4b9cfb;

	font-family:'メイリオ', 'Meiryo', sans-serif;

	text-align: left;

	letter-spacing: 0.1em;

}



.box_review .inner .review .icon {

	padding-left: 26px;

	background-repeat: no-repeat;

	background-size: 20px 24px; 

	background-image: url("../img/review_icon.png");

}



.box_review .inner .upper .name {

	font-size: 1em;

	letter-spacing: 0.1em;

	vertical-align: 10px;

	margin-top: 0;

	margin-left: 0;

}



.box_review .inner .review .sex {

	font-size: .8em;

	letter-spacing: 0.1em;

	vertical-align: 20px;

	margin-top: 3px;

	margin-left: 5px;

}



.box_review .inner .lower {

	width: 100%;

	margin-top: 5px;

	margin-bottom: 40px;

	border-top: solid 2px #4b9cfb;

}



.box_review .inner .eva {

	font-size: 1em;

	letter-spacing: 0.1em;

	margin-top: 5px;

}



.box_review .inner .txt {

	width: 100%;

	margin: 0 auto;

	color: #272b56;

	font-size: .8em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2;

	letter-spacing: 0.1em;

}



.box_review .inner .reply {

	font-size: .8em;

	letter-spacing: 0.1em;

	margin-top: 60px;

	margin-right: 0px;

	margin-bottom: 30px;

	border-bottom: solid 1px #4b9cfb;

}



.box_review .link_box {

	width: 220px;

	font-size: .8em;

	text-align: center;

	margin: 40px auto 0;

	color: #4b9cfb;

}



@media (max-width: 840px) {

	.box_review { 

		width: 100%;

		margin-top: 100px;

	}



	.box_review .bg {

		display: flex;

		width: 100%;

		color: #272b56;

	}



	.box_review .box_1 {

		width: 0%;

		margin-right: 0;

	}



	.box_review .box_2 {

		width: 100%;

		padding-bottom: 100px;

		border-bottom: solid 1px #4b9cfb;

	}





	.box_review .box_2 .inner {

		position: relative;

		width: 80%;

		margin: 0 auto;

		text-align: right;

	}



	.box_review .inner .review {

		width: 100%;

		margin: 0 auto;

		color:  #4b9cfb;

		font-family:'メイリオ', 'Meiryo', sans-serif;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_review .inner .upper {

		display: flex;

		width: 100%;

		margin: 0 auto;

		color: #4b9cfb;

		font-family:'メイリオ', 'Meiryo', sans-serif;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_review .inner .review .icon {

		padding-left: 26px;

		background-repeat: no-repeat;

		background-size: 20px 24px; 

		background-image: url("../img/review_icon.png");

	}



	.box_review .inner .upper .name {

		font-size: 1em;

		letter-spacing: 0.1em;

		vertical-align: 10px;

		margin-top: 0;

		margin-left: 0;

	}



	.box_review .inner .review .sex {

		font-size: .8em;

		letter-spacing: 0.1em;

		vertical-align: 20px;

		margin-top: 3px;

		margin-left: 5px;

	}



	.box_review .inner .lower {

		width: 100%;

		margin-top: 5px;

		margin-bottom: 10px;

		border-top: solid 2px #4b9cfb;

	}



	.box_review .inner .eva {

		font-size: 1.2em;

		letter-spacing: 0.1em;

		margin-top: 5px;

	}



	.box_review .inner .txt {

		width: 100%;

		margin: 0 auto;

		color: #272b56;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2;

		letter-spacing: 0.1em;

	}



	.box_review .inner .reply {

		font-size: .8em;

		letter-spacing: 0.1em;

		margin-top: 60px;

		margin-right: 0px;

		margin-bottom: 30px;

		border-bottom: solid 1px #4b9cfb;

	}



	.box_review .link_box {

		width: 220px;

		font-size: .8em;

		text-align: center;

		margin: 40px auto 0;

		color: #4b9cfb;

	}



}



@media (max-width: 414px) {

	.box_review { 

		width: 100%;

		margin-top: 100px;

	}



	.box_review .bg {

		display: flex;

		width: 100%;

		color: #272b56;

	}



	.box_review .box_1 {

		width: 0%;

		margin-right: 0;

	}



	.box_review .box_2 {

		width: 100%;

		padding-bottom: 100px;

		border-bottom: solid 1px #4b9cfb;

	}





	.box_review .box_2 .inner {

		position: relative;

		width: 80%;

		margin: 0 auto;

		text-align: right;

	}



	.box_review .inner .review {

		width: 100%;

		margin: 0 auto;

		color:  #4b9cfb;

		font-family:'メイリオ', 'Meiryo', sans-serif;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_review .inner .upper {

		display: flex;

		width: 100%;

		margin: 0 auto;

		color: #4b9cfb;

		font-family:'メイリオ', 'Meiryo', sans-serif;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_review .inner .review .icon {

		padding-left: 26px;

		background-repeat: no-repeat;

		background-size: 20px 24px; 

		background-image: url("../img/review_icon.png");

	}



	.box_review .inner .upper .name {

		font-size: 1em;

		letter-spacing: 0.1em;

		vertical-align: 10px;

		margin-top: 0;

		margin-left: 0;

	}



	.box_review .inner .review .sex {

		font-size: .8em;

		letter-spacing: 0.1em;

		vertical-align: 20px;

		margin-top: 3px;

		margin-left: 5px;

	}



	.box_review .inner .lower {

		width: 100%;

		margin-top: 5px;

		margin-bottom: 10px;

		border-top: solid 2px #4b9cfb;

	}



	.box_review .inner .eva {

		font-size: 1.2em;

		letter-spacing: 0.1em;

		margin-top: 5px;

	}



	.box_review .inner .txt {

		width: 100%;

		margin: 0 auto;

		color: #272b56;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2;

		letter-spacing: 0.1em;

	}



	.box_review .inner .reply {

		font-size: .8em;

		letter-spacing: 0.1em;

		margin-top: 60px;

		margin-right: 0px;

		margin-bottom: 30px;

		border-bottom: solid 1px #4b9cfb;

	}



	.box_review .link_box {

		width: 220px;

		font-size: .8em;

		text-align: center;

		margin: 40px auto 0;

		color: #4b9cfb;

	}



}



.review_link {

	margin-bottom: 100px;

}



.box_news {

	width: 100%;

}



.box_news h1 {

	margin-top: 150px;

	margin-bottom: 10px;

	font-size: 1.5em;

	text-align: center;

}



.box_news .inner {

	display: flex;

	flex-wrap: wrap;

	width: 100%;

	margin-bottom: 160px;

}



.box_news .box_1 {

	width: 49%;

	height: 150px;

}



.box_news .box_1 p {

	text-align: center;

}



.box_news .box_2 {

	width: 50%;

	height: 600px;

}



.box_news .box_2 .slider_frame {

	position: relative;

  overflow: hidden;

	width: 100%;

	height: 500px;

}



.box_news .box_2 img {

	position: absolute;

  max-width: 100%;

  height: 100%;

  object-fit: cover;

}



.box_news .box_2 .date {

	font-size: .8em;

	color: #696969;

	margin-top: 3em;

}



.box_news .box_2 .title {

	font-size: 1.1em;

	color: #696969;

	margin-top: .6em;

}



.box_news .box_3 {

	width: 50%;

	height: 200px;

}



.box_news .box_4 {

	width: 50%;

	height: 200px;

}



.news_link {

	width: 60%;

	height: 50px;

	margin: 0 auto;

	border-top: solid 1px #272b56;

	border-bottom: solid 1px #272b56;

}



.news_link p {

	font-size: 1.2em;

	text-align: right;

	margin-top: .8em;

	margin-right: 2em;

	line-height: 1;

}



.news_link p a {

	color: #272b56;

}



@media (max-width: 840px) {

	.box_news {

		margin-bottom: -500px;

	}



	.box_news h1 {

		margin-top: 150px;

		margin-bottom: 10px;

		font-size: 1.5em;

		text-align: center;

	}



	.box_news .inner {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		margin-bottom: 60px;

	}



	.box_news .box_1 {

		width: 100%;

		height: 100px;

	}



	.box_news .box_2 {

	  width: 100%;

	  height: 600px;

	  margin-top: 30px;

	  animation: fadeIn_2 3s ease 0s 1 normal backwards;

	}

	

	.box_news .box_2 .slider_frame {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 500px;

	}



	.box_news .box_2 img {

		position: absolute;

	  max-width: 100%;

	  height: 100%;

	  object-fit: cover;

	}



	.box_news .box_2 .date {

		font-size: .8em;

		color: #696969;

		text-align: center;

		margin-top: 3em;

	}



	.box_news .box_2 .title {

		font-size: 1.1em;

		color: #696969;

		text-align: center;

		margin-top: .6em;

	}



}



@media (max-width: 414px) {

	.box_news {

		margin-bottom: 500px;

	}



	.box_news h1 {

		margin-top: 150px;

		margin-bottom: 10px;

		font-size: 1.2em;

		text-align: center;

	}



	.box_news .inner {

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		margin-bottom: 60px;

	}



	.box_news .box_1 {

		width: 100%;

		height: 100px;

	}

	

	.box_news .box_2 {

		width: 100%;

	}

	

	.box_news .box_2 .slider_frame {

		position: relative;

	  overflow: hidden;

		width: 100%;

		height: 500px;

	}



	.box_news .box_2 img {

		position: absolute;

	  max-width: 100%;

	  height: 100%;

	  object-fit: cover;

	}



	.news_link {

		width: 90%;

		height: 3em;

		margin: 0 auto;

		border-top: solid 1px #272b56;

		border-bottom: solid 1px #272b56;

	}



	.news_link p {

		font-size: 1em;

		text-align: right;

		margin: 15px auto;

	}



}



.box_news_info {

	display: flex;

	width: 100%;

	height: 130px;

	color: #272b56;

}



.box_news_info .box_1 {

	width: 30%;

	height: 130px;

	margin-right: 0%;

}



.box_news_info .box_1 .box {

	position: relative;

	width: 100%;

	height: 130px;

	margin: 0 auto;

	text-align: right;

}



.box_news_info .box_2 {

	flex-grow: 1;

  width: 70%;

  height: 130px;

  animation: fadeIn_2 3s ease 0s 1 normal backwards;

}



.box_news_info .box_2 {

  border-bottom: solid 1px ;

}





.box_news_ind { 

	width: 100%;

	margin-top: 80px;

	

}



.box_news_ind .bg {

	display: flex;

	width: 100%;

	color: #272b56;

}



.box_news_ind .box_1 {

	width: 30%;

	margin-right: 0%;

}



.box_news_ind .box_1 p {

	width: 90%;

	font-size: 1.2em;

	text-align: right;

	margin-top: 2em;

}



.box_news_ind .box_2 {

	width: 65%;

	padding-bottom: 100px;

	border-bottom: solid 1px #272b56;

}





.box_news_ind .box_2 .box {

	position: relative;

	width: 80%;

	margin: 0 auto;

	text-align: right;

}



.box_news_ind .box  {

	width: 100%;

	margin-top: 100px;

}



.box_news_ind .box .list {

	width: 100%;

	margin: 0 auto;

	text-align: left;

	letter-spacing: 0.1em;

}



.box_news_ind .box .title {

	font-size: 1.2em;

	letter-spacing: 0.1em;

	margin-top: 2em;

	padding-bottom: .6em;

	border-bottom: solid 1px;

}



.box_news_ind .box .con {

	font-size: 1em;

	letter-spacing: 0.1em;

	margin-top: 5px;

}



.box_news_ind .box .txt {

	width: 100%;

	margin: 0 auto;

	color: #272b56;

	font-size: .9em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2.5;

	letter-spacing: 0.1em;

}



.box_news_ind .box .reply {

	font-size: .8em;

	letter-spacing: 0.1em;

	margin-top: 60px;

	margin-right: 0px;

	margin-bottom: 30px;

	border-bottom: solid 1px #4b9cfb;

}



.box_news_ind .link_box {

	width: 220px;

	font-size: .8em;

	text-align: center;

	margin: 40px auto 0;

	color: #4b9cfb;

}



@media (max-width: 840px) {

	.box_news_info .box_2 {

	  border-bottom: solid 0px;

	}

	

	.box_news_ind .bg {

		display:block;

		width: 100%;

		color: #272b56;

	}



		.box_news_ind .box_1 {

		width: 100%;

	}



	.box_news_ind .box_1 p {

		width: 90%;

		font-size: 1.2em;

		text-align: center;

		padding-bottom: .6em;

		margin: 2em auto 0;

		border-bottom: solid 1px #272b56;

	}



	.box_news_ind .box_2 {

		width: 100%;

		padding-bottom: 100px;

		border-bottom: solid 1px #272b56;

		margin: 0 auto;

	}





	.box_news_ind .box_2 .box {

		position: relative;

		width: 80%;

		margin: 0 auto;

		text-align: right;

	}



	.box_news_ind .box  {

		width: 100%;

		margin-top: 100px;

	}



	.box_news_ind .box .list {

		width: 280px;

		margin: 0 auto;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_news_ind .box .title {

		font-size: 1.2em;

		text-align: center;

		letter-spacing: 0.1em;

		padding-bottom: .6em;

		margin: 1em auto;

		border-bottom: solid 1px;

	}



	.box_news_ind .box .con {

		font-size: 1em;

		letter-spacing: 0.1em;

		margin-top: 5px;

	}



	.box_news_ind .box .txt {

		width: 100%;

		margin: 0 auto;

		color: #272b56;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2.5;

		letter-spacing: 0.1em;

	}



	.box_news_ind .box .reply {

		font-size: .8em;

		letter-spacing: 0.1em;

		margin-top: 60px;

		margin-right: 0px;

		margin-bottom: 30px;

		border-bottom: solid 1px #4b9cfb;

	}



	.box_news_ind .link_box {

		width: 220px;

		font-size: .8em;

		text-align: center;

		margin: 40px auto 0;

		color: #4b9cfb;

	}



}



@media (max-width: 414px) {

	.box_news_ind { 

		width: 100%;

		margin-top: 80px;

	}



	.box_news_ind .box_1 {

		width: 100%;

	}



	.box_news_ind .box_1 p {

		width: 90%;

		font-size: 1.2em;

		text-align: center;

		padding-bottom: .6em;

		margin: 2em auto 0;

		border-bottom: solid 1px #272b56;

	}



	.box_news_ind .box_2 {

		width: 100%;

		padding-bottom: 100px;

		border-bottom: solid 1px #272b56;

		margin: 0 auto;

	}





	.box_news_ind .box_2 .box {

		position: relative;

		width: 80%;

		margin: 0 auto;

		text-align: right;

	}



	.box_news_ind .box  {

		width: 100%;

		margin-top: 100px;

	}



	.box_news_ind .box .list {

		width: 100%;

		margin: 0 auto;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_news_ind .box .title {

		font-size: 1.2em;

		text-align: center;

		letter-spacing: 0.1em;

		margin: 1em auto;

	}



	.box_news_ind .box .con {

		font-size: 1em;

		letter-spacing: 0.1em;

		margin-top: 5px;

	}



	.box_news_ind .box .txt {

		width: 100%;

		margin: 0 auto;

		color: #272b56;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2.5;

		letter-spacing: 0.1em;

	}



	.box_news_ind .box .reply {

		font-size: .8em;

		letter-spacing: 0.1em;

		margin-top: 60px;

		margin-right: 0px;

		margin-bottom: 30px;

		border-bottom: solid 1px #4b9cfb;

	}



	.box_news_ind .link_box {

		width: 220px;

		font-size: .8em;

		text-align: center;

		margin: 40px auto 0;

		color: #4b9cfb;

	}

}





.box_bb_spase {

	display: flex;

	width: 100%;

	height: 130px;

	color: #272b56;

}



.box_bb_spase .box_1 {

	width: 30%;

	height: 130px;

	margin-right: 0;

}



.box_bb_spase .box_1 .box {

	position: relative;

	width: 100%;

	height: 130px;

	margin: 0 auto;

	text-align: right;

}



.box_bb_spase .box_2 {

	flex-grow: 1;

  width: 70%;

  height: 130px;

  animation: fadeIn_2 3s ease 0s 1 normal backwards;

}



.box_bb_spase .box_2 {

  border-bottom: solid 1px ;

}



.box_bb_menu { 

	width: 100%;

	margin-top: 180px;

}



.box_bb_menu .inner {

	display: flex;

	width: 100%;

	color: #272b56;

}



.box_bb_menu .box_1 {

	width: 50%;

	height: 550px;

	margin-right: 0%;

}



.box_bb_menu .box_1 .img {

	width: 60%;

	height: 90%;

	margin: 0 0 0 auto;

	margin-top: 2em;

	margin-right: 50px;

}



.box_bb_menu .box_1 .img img {

	width: 100%;

	height: 100%;

	margin-top: 0em;

	object-fit: cover;

}



.box_bb_menu .box_2 {

	width: 50%;

	padding-bottom: 100px;

}





.box_bb_menu .box_2 .list {

	position: relative;

	width: 100%;

	margin-top: 0;

	margin-left: 0;

	text-align: right;

	text-align: left;

	letter-spacing: 0.1em;

}



.box_bb_menu .box_2 .menu_title {

	font-size: 1.5em;

	font-weight: 500;

	letter-spacing: 0.1em;

	margin-top: 1em;

}



.box_bb_menu .box_2 .title {

	font-size: 1.5em;

	font-weight: 500;

	letter-spacing: 0.1em;

}



.box_bb_menu .box_2 .course_menu {

	display: flex;

	margin-top: 80px;

}



.box_bb_menu .box_2 .course_menu .title {

	font-size: .8em;

	letter-spacing: 0.1em;

}



.box_bb_menu .box_2 .course_menu .line {

	width: 250px;

	height: 1px;

	background-color: #272b56;

	margin-top: 0.7em;

	margin-left: 1em;

}





.box_bb_menu .box_2 .txt {

	width: 100%;

	margin: 0 auto;

	color: #272b56;

	font-size: .9em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2;

	letter-spacing: 0.1em;

}



.box_bb_menu .box_2 .txt2 {

	width: 340px;

	color: #272b56;

	font-size: .85em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2.2;

	letter-spacing: 0em;

	margin-top: 100px;

}



@media (max-width: 414px) {

	

	.box_bb_menu { 

		width: 100%;

		margin-top: 30px;

	}



	.box_bb_menu .inner {

		display:block;

		width: 100%;

		color: #272b56;

	}



	.box_bb_menu .box_1 {

		width: 100%;

		height: 250px;

	}



	.box_bb_menu .box_1 .img {

		width: 100%;

		height: 250px;

	}



	.box_bb_menu .box_1 .img img {

		width: 100%;

		height: 100%;

		margin-top: 0em;

		object-fit: cover;

	}



	.box_bb_menu .box_2 {

		width: 90%;

		padding-bottom: 30px;

		margin: 0 auto;

	}





	.box_bb_menu .box_2 .list {

		position: relative;

		width: 100%;

		margin-top: 0;

		margin-left: 0;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_bb_menu .box_2 .menu_title {

		font-size: 1.1em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-top: 3em;

	}



	.box_bb_menu .box_2 .title {

		font-size: 1.2em;

		font-weight: 500;

		letter-spacing: 0.1em;

	}



	.box_bb_menu .box_2 .course_menu {

		display: flex;

		margin-top: 70px;

	}



	.box_bb_menu .box_2 .course_menu .title {

		font-size: .8em;

		letter-spacing: 0.1em;

	}



	.box_bb_menu .box_2 .course_menu .line {

		width: 250px;

		height: 1px;

		background-color: #272b56;

		margin-top: 0.7em;

		margin-left: 1em;

	}





	.box_bb_menu .box_2 .txt {

		width: 100%;

		margin: 0 auto;

		color: #272b56;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2;

		letter-spacing: 0.1em;

	}



	.box_bb_menu .box_2 .txt2 {

		width: 340px;

		color: #272b56;

		font-size: .85em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2.2;

		letter-spacing: 0em;

		margin-top: 100px;

	}



}



.bb_link {

	display: flex;

	width: 100%;

	font-size: 1em;

	text-align: center;

	margin: 100px auto 50px;

	color: #4b9cfb;

}



.bb_link .link {

	width: 100%;

	font-size: 1.2em;

	text-align: center;

	margin: 0 auto;

}



.bb_link .link a {

	color: #272b56;

}



@media (max-width: 414px) {

	.bb_link {

		display: flex;

		width: 90%;

		margin: 100px auto 50px;

		color: #4b9cfb;

	}



	.bb_link .link {

		width: 80%;

		font-size: .8em;

		text-align: center;

		margin: 0 auto;

	}

}



.box_bs_menu { 

	width: 100%;

	margin-top: 180px;

}



.box_bs_menu .inner {

	display: flex;

	width: 100%;

	color: #4b9cfb;

}



.box_bs_menu .box_1 {

	width: 50%;

	height: 550px;

	margin-right: 0%;

}



.box_bs_menu .box_1 .img {

	width: 60%;

	height: 90%;

	margin: 0 0 0 auto;

	margin-top: 2em;

	margin-right: 50px;

}



.box_bs_menu .box_1 .img img {

	width: 100%;

	height: 100%;

	margin-top: 0em;

	object-fit: cover;

	object-position: 50% 50%;

}



.box_bs_menu .box_1 .img_01 {

	width: 60%;

	height: 90%;

	margin: 0 0 0 auto;

	margin-top: 2em;

	margin-right: 50px;

}



.box_bs_menu .box_1 .img_01 img {

	width: 100%;

	height: 100%;

	margin-top: 0em;

	object-fit: cover;

	object-position: 85% 50%;

}



.box_bs_menu .box_2 {

	width: 50%;

	padding-bottom: 100px;

}





.box_bs_menu .box_2 .list {

	position: relative;

	width: 100%;

	margin-top: 0;

	margin-left: 0;

	text-align: right;

	text-align: left;

	letter-spacing: 0.1em;

}



.box_bs_menu .box_2 .menu_title {

	font-size: 1.5em;

	font-weight: 500;

	letter-spacing: 0.1em;

	margin-top: 1em;

}



.box_bs_menu .box_2 .title {

	font-size: 1.5em;

	font-weight: 500;

	letter-spacing: 0.1em;

}



.box_bs_menu .box_2 .course_menu {

	display: flex;

	margin-top: 80px;

}



.box_bs_menu .box_2 .course_menu .title {

	font-size: .8em;

	letter-spacing: 0.1em;

}



.box_bs_menu .box_2 .course_menu .line {

	width: 250px;

	height: 1px;

	background-color: #4b9cfb;

	margin-top: 0.7em;

	margin-left: 1em;

}





.box_bs_menu .box_2 .txt {

	width: 100%;

	margin: 0 auto;

	color: #4b9cfb;

	font-size: .9em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2;

	letter-spacing: 0.1em;

}



.box_bs_menu .box_2 .txt2 {

	width: 340px;

	color: #4b9cfb;

	font-size: .85em;

	font-weight: 400;

	font-family: serif;

	text-align: left;

	line-height: 2.2;

	letter-spacing: 0em;

	margin-top: 100px;

}



.bs_link {

	display: flex;

	width: 100%;

	font-size: 1em;

	text-align: center;

	margin: 100px auto 50px;

	color: #4b9cfb;

}



.bs_link .link {

	width: 100%;

	font-size: 1.2em;

	text-align: center;

	margin: 0 auto;

}



.bs_link .link a {

	color: #4b9cfb;

}



@media (max-width: 414px) {



	.box_bs_menu { 

		width: 100%;

		margin-top: 25px;

	}



	.box_bs_menu .inner {

		display:block;

		width: 100%;

		color: #4b9cfb;

	}



	.box_bs_menu .box_1 {

		width: 100%;

		height: 300px;

		margin-right: 0%;

	}



	.box_bs_menu .box_1 .img {

		width: 100%;

		height: 300px;

		margin: 0 0 0 auto;

		margin-top: 2em;

		margin-right: 50px;

	}



	.box_bs_menu .box_1 .img img {

		width: 100%;

		height: 300px;

		margin-top: 0em;

		object-fit: cover;

		object-position: 50% 50%;

	}



	.box_bs_menu .box_1 .img_01 {

		width: 60%;

		height: 90%;

		margin: 0 0 0 auto;

		margin-top: 2em;

		margin-right: 50px;

	}



	.box_bs_menu .box_1 .img_01 img {

		width: 100%;

		height: 100%;

		margin-top: 0em;

		object-fit: cover;

		object-position: 85% 50%;

	}



	.box_bs_menu .box_2 {

		width: 100%;

		padding-bottom: 100px;

	}





	.box_bs_menu .box_2 .list {

		position: relative;

		width: 90%;

		margin: 30px auto 0;

		text-align: right;

		text-align: left;

		letter-spacing: 0.1em;

	}



	.box_bs_menu .box_2 .menu_title {

		font-size: 1.2em;

		font-weight: 500;

		letter-spacing: 0.1em;

		margin-top: 1em;

	}



	.box_bs_menu .box_2 .title {

		font-size: 1.2em;

		font-weight: 500;

		letter-spacing: 0.1em;

	}



	.box_bs_menu .box_2 .course_menu {

		display: flex;

		margin: 60px auto 0;

	}



	.box_bs_menu .box_2 .course_menu .title {

		font-size: .8em;

		letter-spacing: 0.1em;

	}



	.box_bs_menu .box_2 .course_menu .line {

		width: 250px;

		height: 1px;

		background-color: #4b9cfb;

		margin-top: 0.7em;

		margin-left: 1em;

	}



	.box_bs_menu .box_2 .txt {

		width: 100%;

		margin: 0 auto;

		color: #4b9cfb;

		font-size: .9em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2;

		letter-spacing: 0.1em;

	}



	.box_bs_menu .box_2 .txt2 {

		width: 340px;

		color: #4b9cfb;

		font-size: .85em;

		font-weight: 400;

		font-family: serif;

		text-align: left;

		line-height: 2.2;

		letter-spacing: 0em;

		margin-top: 80px;

	}



	.bs_link {

		display: flex;

		width: 90%;

		font-size: 1em;

		text-align: center;

		margin: 100px auto 50px;

		color: #4b9cfb;

	}



	.bs_link .link {

		width: 80%;

		font-size: .8em;

		text-align: center;

		margin: 0 auto;

	}



	.bs_link .link a {

		color: #4b9cfb;

	}



}







footer {}



/* パターン1 */

.l-header {

  position: fixed;

  display: block;

  z-index: 9999;

  top: 0;

  right: 0;

  left: 0;

  width: 100%;

  background-color: rgba(180,180,180,0.6);

}



.c-hamburger {

  position: relative;

  width: inherit;

  height: inherit;

  margin: 0;

  border: transparent;

  background-color: transparent;

  cursor: pointer;

}



.c-hamburger span {

  display: block;

  position: relative;

  left: 50%;

  width: 24px;

  height: 2px;

  transform: translateX(-50%);

  background: black;

  transition: all 0.4s;

}



.c-hamburger span:nth-of-type(1) {

  top: -4px;

}



.c-hamburger span:nth-of-type(2) {

  top: 1px;

  transform: translateX(-0.45deg);

}



.c-hamburger span:nth-of-type(3) {

  top: 6px;

  transform: translateX(-0.45deg);

}



.c-hamburger.is-active span:nth-of-type(1) {

  top: 0;

  transform: translateX(-50%) rotate(225deg);

}



.c-hamburger.is-active span:nth-of-type(2) {

  opacity: 0;

}



.c-hamburger.is-active span:nth-of-type(3) {

  top: -4px;

  transform: translateX(-50%) rotate(-225deg);

}



.p-header {

  width: 100%;

  height: 60px;

}



.p-header__title {

  width: 100px;

  margin-left: 30px;



}



.p-header__title img {

  width: 100px;

}



.p-header__nav {

  display: flex;

  position: absolute;

  z-index: 999;

  top: 0;

  right: -100%;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100vh;

  opacity: 1;

  transition: top 0.6s, right 0.6s, opacity 0.6s;

  

}



.p-header__inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: inherit;

  padding: 0 0x;

}



.p-header__hamburger {

  z-index: 100;

  position: absolute;

  top: 0;

  right: 0;

  width: 95px;

  height: 100%;

}



.p-header__nav.is-active {

  position: fixed;

  top: 0;

  right: 0;

  opacity: 1;

	background-color: rgba(0,0,0,0.6);

}



.p-nav__list {

  display: block;

  padding-right: 8px;

  padding-left: 8px;

  margin-right: 30px;



}



.p-nav__item {

  position: relative;

  margin: 15px auto;

}



.p-nav__link {

	display: block;

	width: 100%;

	font-size: .9em;

	font-weight: 300;

	font-family: sans-serif;

	letter-spacing: 0.07em

  text-align: center;

}







@media screen and (min-width: 840px) {



  .p-header__hamburger {

    display: none;

  }



  .p-nav__inner {

    max-width: initial;

    width: 100%;

    height: 60px;

    margin-right: auto;

    margin-left: auto;

  }



  .p-header__nav {

    position: static;

    opacity: 1;

    height: inherit;

    width: initial;

  }



  .p-nav__list {

    padding-right: 0;

    padding-left: 0;

    display: flex;

  }

  

  .p-nav__link {

		display: block;

		padding: 0 30px 0;

		width: 100%;

		font-size: 1em;

		font-weight: 300;

		font-family: sans-serif;

		letter-spacing: 0.07em

	}



}









.btn_arrow {

	display: table;

	position: relative;

	padding: .6em 1em;

	min-width: 250px;

	border: 1px solid;

	box-sizing: border-box;

	border-radius: 8px;

	color: #272b56;

}



.btn_arrow::after {

	position: absolute;

	top: 50%;

	right: 2.5em;

	width: .6em;

	height: .6em;

	transform: translateY(-50%) rotate(45deg);

	border-right: 2px solid #272b56;

	border-top: 2px solid #272b56;

	content: "";

	color: #272b56;

}



.btn_arrow:hover {}



.btn_arrow2 {

	display: table;

	position: relative;

	padding: .7em 1em;

	min-width: 250px;

	border: 1px solid;

	box-sizing: border-box;

	border-radius: 6px;

	color: #4b9cfb;

}

.btn_arrow2::after {

	position: absolute;

	top: 50%;

	right: 0em;

	width: 0.5em;

	height: 0.5em;

	transform: translateY(-50%) rotate(45deg);

	border-right: 1px solid #4b9cfb;

	border-top: 1px solid #4b9cfb;

	content: "";

	color: #4b9cfb;

	margin-right: 35px;

}



.btn_arrow3 {

	display: table;

	position: relative;

	margin: 0 auto;

}



.btn_arrow3::after {

	position: absolute;

	top: 50%;

	right: 1em;

	width: 0.5em;

	height: 0.5em;

	margin-right: -40px;

	transform: translateY(-50%) rotate(45deg);

	border-right: 1px solid #272b56;

	border-top: 1px solid #272b56;

	content: "";

}

.btn_arrow3:hover {



}



.arrow {

	display: inline-block; /* インライン要素化 */

	width: 7px; /* ボックスの横幅を指定する */

	height: 7px; /* ボックスの高さを指定する */

	border-top: 1px solid #272b56; /* 境界線の上部を実線に指定する*/

	border-right: 1px solid #272b56;/* 境界線の上部を実線に指定する*/

}



.arrow_bs {

	display: inline-block; /* インライン要素化 */

	width: 7px; /* ボックスの横幅を指定する */

	height: 7px; /* ボックスの高さを指定する */

	border-top: 1px solid #4b9cfb; /* 境界線の上部を実線に指定する*/

	border-right: 1px solid #4b9cfb;/* 境界線の上部を実線に指定する*/

}



.arrow_left {

	transform: rotate(-135deg); /* ボックスを回転させる（左向き矢印） */

	vertical-align: 2px;

	margin-right: 5px;

}



.arrow_right {

	transform: rotate(45deg); /* ボックスを回転させる（右向き矢印） */

	vertical-align: 2px;

	margin-left: 5px;

}



.arrow_left {

	transform: rotate(-135deg); /* ボックスを回転させる（左向き矢印） */

	vertical-align: 2px;

	margin-right: 5px;

}



.arrow_right {

	transform: rotate(45deg); /* ボックスを回転させる（右向き矢印） */

	vertical-align: 2px;

	margin-left: 5px;

}



@media (max-width: 414px) {



	.btn_arrow {

		display: table;

		position: relative;

		padding: .4em 1em;

		min-width: 200px;

		border: 1px solid;

		box-sizing: border-box;

		border-radius: 6px;

		color: #272b56;

	}



	.btn_arrow::after {

		position: absolute;

		top: 50%;

		right: 1.5em;

		width: .5em;

		height: .5em;

		transform: translateY(-50%) rotate(45deg);

		border-right: 1px solid #272b56;

		border-top: 1px solid #272b56;

		content: "";

		color: #272b56;

	}



	.btn_arrow:hover {}

	

	.btn_arrow2 {

		display: table;

		position: relative;

		padding: .4em 1em;

		min-width: 200px;

		border: 1px solid;

		box-sizing: border-box;

		border-radius: 6px;

		color: #4b9cfb;

	}



	.btn_arrow2::after {

		position: absolute;

		top: 50%;

		right: -1em;

		width: .5em;

		height: .5em;

		transform: translateY(-50%) rotate(45deg);

		border-right: 1px solid #4b9cfb;

		border-top: 1px solid #4b9cfb;

		content: "";

		color: #272b56;

	}



	.btn_arrow2:hover {}

}



/* インライン要素化 */

.ani_updoun {

  padding: 10px;

  animation: fadeIn_updoun 5s ease 1s 1 normal backwards;

}

 

@keyframes fadeIn_updoun {

  from {

    opacity: 0;

    transform: translateY(-20px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.ani_dounup {

  padding: 10px;

  animation: fadeIn_dounup 5s ease 1s 1 normal backwards;

}

 

@keyframes fadeIn_dounup {

  from {

    opacity: 0;

    transform: translateY(20px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

.ani_rl {

  padding: 10px;

  animation: fadeIn_rl 5s ease 1s 1 normal backwards;

}

 

@keyframes fadeIn_rl {

  from {

    opacity: 0;

    transform: translateX(20px);

  }

  to {

    opacity: 1;

    transform: translateX(0);

  }

}



.ani_lr {

  padding: 10px;

  animation: fadeInani_lr 5s ease 1s 1 normal backwards;

}

 

@keyframes fadeInani_lr {

  from {

    opacity: 0;

    transform: translateX(-20px);

  }

  to {

    opacity: 1;

    transform: translateX(0);

  }

}



.sumabottom {

	position: fixed;

	width: 100%;

	left: 0;

	bottom: 0;

	z-index: 800;

	margin-bottom: 3px;

	//display: none;

}

	ul{

		display: none;

		@media screen and (max-width: 840px) {

		display: flex;	

		justify-content: center;

	}



	li{

		height: 60px;

		text-align: center;

		margin: 0 auto;

	}



	li.btn{

		width: 80%;

		text-align: right;

	}



	li img {

		width: 25vw;

		height: 60px;

		text-align: right;

		margin: 0 auto;

	}



}

		

	





#page_top{

  width: 50px;

  height: 50px;

  position: fixed;

  right: 0;

  bottom: 80px;

  background: #3f98ef;

  opacity: 0.6;

  border-radius: 50%;

}

#page_top a{

  position: relative;

  display: block;

  width: 50px;

  height: 50px;

  text-decoration: none;

}

#page_top a::before{

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

  content: '\f102';

  font-size: 25px;

  color: #fff;

  position: absolute;

  width: 25px;

  height: 25px;

  top: -5px;

  bottom: 0;

  right: 0;

  left: 0;

  margin: auto;

  text-align: center;

}