@charset "utf-8";


/* ==================================================================================

歌舞伎

================================================================================== */
.service_overview {
	padding:110px 0;
	background:#161616 url(../images/service_bg_01.png) no-repeat center 0;
}
.service_overview h2 {
	font-size:23px;
	text-align:center;
	margin-bottom:50px;
}
.service_overview .clearfix {
	position:relative;
	margin-bottom:50px;
}
.service_overview h3 {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	color:#a8861b;
	margin:auto;
	width:80px;
	text-align:center;
	font-size:40px;
	font-family: 'Cormorant Garamond', serif;
	letter-spacing:-10px;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
@supports (-ms-ime-align: auto) { /* edge */
	.service_overview h3 {
		letter-spacing:10px;
	}
}
@media all and (-ms-high-contrast:none){ /* IE */
	.service_overview h3 {
		letter-spacing:10px;
	}
}
_::-webkit-full-page-media, _:future, :root .service_overview h3 {/* safari */
    font-family: 'Garamond', serif;
    letter-spacing:10px;
    -webkit-font-smoothing: antialiased;
}

/* PLAN */
.service_plan {
	padding:80px 0;
}
.service_plan .clearfix {
	margin-bottom:25px;
	padding:25px 20px;
	background-color:#242424;
}
.service_plan .fl,
.service_plan .fr {
	width:360px;
}
.service_plan .fl.text {
	margin-left:30px;
}
.service_plan .fr.text {
	margin-right:30px;
}
.service_plan .text h3 {
	display:inline-block;
	color:#a8861b;
	font-size:27px;
	font-family: 'Cormorant Garamond', serif;
	margin-right:5px;
	line-height:0.3;
}
.service_plan .text h3 em {
	font-size:66px;
}
.service_plan .text h3 span {
	font-size:16px;
}
.service_plan .text h4 {
	display:inline-block;
	font-size:35px;
	line-height:1;
	margin-bottom:20px;
}
@media screen and (min-width: 701px) {
	.service_plan .fl.text2 {
		margin-left:30px;
	}
	.service_plan .fr.text2 {
		margin-right:30px;
	}
	.service_plan .text2 h3 {
		display:inline-block;
		color:#a8861b;
		font-size:36px;
		font-style: oblique;
		margin-left:150px;
		margin-right:30px;
		line-height:0.3;
	}
	.service_plan .text2 h4 {
		display:inline-block;
		font-size:24px;
		line-height:1;
		margin-bottom:30px;
	}
}
.service_plan .img {
	width:540px;
	line-height:0;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-container section,
.flex-container img {
  width: 470px;
}
.flex-container p {
  margin-bottom: 40px;
}

.flex-container_three {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pt20 {
	padding-top:20px;
}

.service_sf {
	padding:80px 0;
}
.service_sf .clearfix {
	margin-bottom:25px;
	padding:25px 20px;
	background-color:#242424;
}
.service_sf .fl,
.service_sf .fr {
	width:325px;
}
.service_sf .fl.text {
	margin-left:30px;
}
.service_sf .fr.text {
	margin-right:30px;
}
.service_sf .text h3 {
	display:inline-block;
	color:#a8861b;
	font-size:27px;
	font-family: 'Cormorant Garamond', serif;
	margin-right:5px;
	line-height:0.3;
}
.service_sf .text h3 em {
	font-size:66px;
}
.service_sf .text h3 span {
	font-size:16px;
}
.service_sf .text h4 {
	display:inline-block;
	font-size:35px;
	line-height:1;
	margin-bottom:20px;
}
@media screen and (min-width: 701px) {
	.service_sf .text2 h3 {
		display:inline-block;
		color:#a8861b;
		font-size:36px;
		font-style: oblique;
		margin-left:150px;
		margin-right:30px;
		line-height:0.3;
	}
	.service_sf .text2 h4 {
		display:inline-block;
		font-size:24px;
		line-height:1;
		margin-bottom:30px;
	}
	.service_sf .kabuki1 {
		background: #161616 url(../images/kabuki/strength_bg.jpg) no-repeat center 0;
	}
	.service_sf .ninja1 {
		background: #161616 url(../images/ninja/strength_bg.jpg) no-repeat center 0;
	}
	.service_sf .japan-arts1 {
		background: #161616 url(../images/japan-arts/strength_bg01.jpg) no-repeat center 0;
	}
	.service_sf .craftsmanship1 {
		background: #161616 url(../images/japan-arts/strength_bg.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts1 {
		background: #161616 url(../images/martial-arts/strength_bg1.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts3 {
		background: #161616 url(../images/martial-arts/strength_bg2.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts5 {
		background: #161616 url(../images/martial-arts/strength_bg3.jpg) no-repeat center 0;
	}
	.service_sf .whisky1 {
		background: #161616 url(../images/whisky/strength_bg1.jpg) no-repeat center 0;
	}
	.service_sf .whisky3 {
		background: #161616 url(../images/whisky/strength_bg2.jpg) no-repeat center 0;
	}
	.service_sf .manager1 {
		background: #161616 url(../images/manager/strength_bg1.jpg) no-repeat center 0;
	}
	.service_sf .manager3 {
		background: #161616 url(../images/manager/strength_bg2.jpg) no-repeat center 0;
	}
	.service_sf .manager5 {
		background: #161616 url(../images/manager/strength_bg3.jpg) no-repeat center 0;
	}
	.service_sf .kabuki2 {
		background: #161616 url(../images/kabuki/features_bg.jpg) no-repeat center 0;
	}
	.service_sf .ninja2 {
		background: #161616 url(../images/ninja/features_bg.jpg) no-repeat center 0;
	}
	.service_sf .japan-arts2 {
		background: #161616 url(../images/japan-arts/features_bg.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts2 {
		background: #161616 url(../images/martial-arts/features_bg1.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts4 {
		background: #161616 url(../images/martial-arts/features_bg2.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts6 {
		background: #161616 url(../images/martial-arts/features_bg3.jpg) no-repeat center 0;
	}
	.service_sf .whisky2 {
		background: #161616 url(../images/whisky/features_bg1.jpg) no-repeat center 0;
	}
	.service_sf .whisky4 {
		background: #161616 url(../images/whisky/features_bg2.jpg) no-repeat center 0;
	}
	.service_sf .manager2 {
		background: #161616 url(../images/manager/features_bg1.jpg) no-repeat center 0;
	}
	.service_sf .manager4 {
		background: #161616 url(../images/manager/features_bg2.jpg) no-repeat center 0;
	}
	.service_sf .manager6 {
		background: #161616 url(../images/manager/features_bg3.jpg) no-repeat center 0;
	}
	}
.service_sf .kabuki2 p,
.service_sf .ninja2 p,
.service_sf .japan-arts2 p,
.service_sf .martial-arts2 p,
.service_sf .martial-arts4 p,
.service_sf .martial-arts6 p,
.service_sf .whisky2 p,
.service_sf .whisky4 p,
.service_sf .manager2 p,
.service_sf .manager4 p,
.service_sf .manager6 p {
	padding-top: 30px;
}
.service_sf .arrow {
	position: relative;
	top: -20px;
}
.service_sf .img {
	width:540px;
	line-height:0;
}


/* WORKSHOP */
#service_workshop {
	padding:110px 0 60px;
	background:#161616 url(../images/service_bg_01.png) no-repeat center 0;
}
#service_workshop .center {
	margin-bottom:50px;
}
#service_workshop .clearfix {
	width:850px;
	margin:0 auto 30px;
}
#service_workshop .text {
	width:280px;
	font-size:13.5px;
}

/* PRICE */
#service_price {
	padding:80px 0;
}
#service_price .content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:space-between;
	margin-bottom:30px;
}
#service_price .content dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:space-between;
	width:480px;
	margin-bottom:20px;
	border:1px solid #a8861b;
}
#service_price .content dt {
	width:200px;
	text-align:center;
	padding:20px;
	border-right:1px solid #a8861b;
	background-color:#313131;
}
#service_price .content dd {
	padding:20px;
}
#service_price .attention h3 {
	margin-bottom: 20px;
	text-align: center;
	font-size:18px;
}
#service_price .attention h3::after {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding-top: 20px;
	border-bottom: 1px solid #000;
	content: '';
}
#service_price .attention {
	padding:40px;
	background-color:rgba(256,256,256,0.2);
}
.point_list li {
	position:relative;
	padding-left:25px;
}
.point_list li span {
	position:absolute;
	top:0;
	left:0;
}

/* ==================================================================================

忍者・芸者

================================================================================== */
.service_plan_ninja {
	padding:80px 0 140px;
	text-align:center;
	background:url(../images/service_bg_03.png) no-repeat center 0;
}
.service_plan_ninja ul {
	letter-spacing:-0.5em;
}
.service_plan_ninja li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 20px 30px 0 ;
}
.service_plan_ninja li:nth-child(3n) {
	margin-right:0;
}
.service_plan_ninja li.midst {
	position:relative;
	top:50px;
}
.service_plan_ninja li p {
	font-size:13.5px;
}
#ninja .service_overview aside {
	font-size:12.5px;
	margin-top:15px;
}
#ninja .service_plan .text p {
	width:280px;
	margin:0 auto;
}
#ninja .service_plan .fr.text p {
	padding:80px 0;
}




/* ==================================================================================

日本伝統芸能アートコラボレーション

================================================================================== */
#japan-arts .service_overview h3 {
	line-height:1.2;
	width:100px;
}
.service_plan_japan-arts {
	padding:80px 0;
	text-align:center;
	background:url(../images/service_bg_03.png) no-repeat center 0;
}
.service_plan_japan-arts .clearfix {
	margin-bottom:80px;
}
.service_plan_japan-arts .fl,
.service_plan_japan-arts .fr {
	width:470px;
}
.service_plan_japan-arts .clearfix h3 {
	font-size:23px;
}
.service_plan_japan-arts .clearfix p {
	font-size:13.5px;
}
.service_plan_japan-arts ul {
	display:flex;
	margin-bottom:60px;
}
.service_plan_japan-arts li {
	margin-right:20px;
}
.service_plan_japan-arts li:last-child {
	margin-right:0;
}
.service_plan_japan-arts li h3 {
	font-size:19px;
}

/* ==================================================================================

書道+ジャズ/茶道+着物/華道+着物

================================================================================== */
.service_overview h2 span {
	font-size:17px;
}

#kimono .service_plan .fl {
	text-align:center;
	padding:45px 0;
}
#kimono .service_plan .fl h3 {
	margin-bottom:20px;
}
#kimono .service_plan .fl p {
	font-size:19px;
	margin-bottom:20px;
}
#kimono .service_plan .fl h4 {
	font-size:30px;
}


/* ==================================================================================

日本武道（空手/柔道）

================================================================================== */
/* ページ内メニュー */
#service_menu ul {
	text-align:center;
	letter-spacing:-0.5em;
	padding:60px 0;
}
#service_menu li {
	display:inline-block;
	letter-spacing:normal;
	margin-right:54px;
}
#service_menu li:nth-child(3) {
	margin-top:20px;
}
#service_menu li:last-child {
	margin-right:0;
}
#service_menu a {
	display:block;
	height:50px;
	line-height:50px;
	width:280px;
	color:#a8861b;
	font-size:19px;
	text-align:center;
	text-decoration:none;
	border:1px solid #a8861b;
	background:url(../images/icon_square_gold_under.png) no-repeat 252px center;
}

/* PLAN */
.service_plan_karate {
	padding:80px 0;
}
.service_plan_karate .clearfix {
	width:900px;
	margin:0 auto;
}
.service_plan_karate .fl,
.service_plan_karate .fr {
	width:420px;
}
.service_plan_karate .fr {
	margin-top:55px;
}
.service_plan_karate .clearfix p {
	font-size:13.5px;
	margin-bottom:50px;
}
#martial-arts .service_plan .text {
	padding:80px 0 0;
	width:280px;
	margin:0 70px;
}

/* ==================================================================================

モテナス日本のおもてなし

================================================================================== */
.service_plan_omotenashi .clearfix{
	margin-bottom: 25px;
    padding: 25px 20px;
    background-color: #242424;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.service_plan_omotenashi .clearfix h3 em{
	opacity: .5;
}
.service_plan_omotenashi .fl {
	width: 50%;
}
.service_plan_omotenashi .fl.text{
	margin-left: 0;
}
.service_plan_omotenashi .img-box{
	display: flex;
    flex-direction: column;
	justify-content: space-between;
    width: 40%;
	row-gap: 30px;
}
.service_plan_omotenashi .fr {
	width: 100%;
}
.service_plan_omotenashi .fr img{
	width: 100%;
}
.service_plan_omotenashi  .text h4{
	display: block;
}
.service_plan_omotenashi .text h5{
    padding: 3px;
    width: fit-content;
    border-bottom: 2px solid #a8861b;
    font-size: 18px;
	display: flex;
	align-items: center;
}
.service_plan_omotenashi .text h5 span{
	font-size: 1.4em;
	padding-right: 0.2em;
    color: #a8861b;
}

/*　SP ================================================================================================================= */

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

	/* ==================================================================================

	歌舞伎

	================================================================================== */
	.service_overview {
		padding:30px 0;
		background-size:cover;
	}
	.service_overview h2 {
		font-size:18px;
		margin-bottom:30px;
	}
	.service_overview .clearfix {
		margin-bottom:30px;
	}
	.service_overview .fl,
	.service_overview .fr {
		float:none;
		display:block;
	}
	.service_overview h3 {
		position:static;
		width:auto;
		text-align:center;

		letter-spacing:normal;
		-webkit-text-orientation: unset;
		text-orientation: unset;
		writing-mode: unset;
	}
	/* PLAN */
	.service_plan {
		padding:30px 0;
	}
	.service_plan .clearfix {
		padding:20px;
	}
	.service_plan .fl,
	.service_plan .fr {
		float:none;
		width:auto;
	}
	.service_plan .fl.text,
	.service_plan .fr.text {
		margin:0 0 20px;
	}
	.service_sf .fl.text2 {
		margin-left:30px;
	}
	.service_sf .fr.text2 {
		margin-right:30px;
	}
	.service_sf .text2 {
		margin: 10px;
	}
	.service_sf .text2 h3 {
		display:inline-block;
		color:#a8861b;
		font-size:36px;
		font-style: oblique;
		line-height:0.3;
	}
	.service_sf .text2 h4 {
		display:inline-block;
		font-size:24px;
		line-height:1;
		margin-bottom:30px;
	}
	.service_sf .kabuki1 {
		background: #161616 url(../images/kabuki/strength_bg_sp.jpg) no-repeat center 0;
	}
	.service_sf .ninja1 {
		background: #161616 url(../images/ninja/strength_bg_sp.jpg) no-repeat center 0;
	}
	.service_sf .japan-arts1 {
		background: #161616 url(../images/japan-arts/strength_bg_sp01.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts1 {
		background: #161616 url(../images/martial-arts/strength_bg1_sp.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts3 {
		background: #161616 url(../images/martial-arts/strength_bg2_sp.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts5 {
		background: #161616 url(../images/martial-arts/strength_bg3_sp.jpg) no-repeat center 0;
	}
	.service_sf .whisky1 {
		background: #161616 url(../images/whisky/strength_bg1_sp.jpg) no-repeat center 0;
	}
	.service_sf .whisky3 {
		background: #161616 url(../images/whisky/strength_bg2_sp.jpg) no-repeat center 0;
	}
	.service_sf .manager1 {
		background: #161616 url(../images/manager/strength_bg1_sp.jpg) no-repeat center 0;
	}
	.service_sf .manager3 {
		background: #161616 url(../images/manager/strength_bg2_sp.jpg) no-repeat center 0;
	}
	.service_sf .manager5 {
		background: #161616 url(../images/manager/strength_bg3_sp.jpg) no-repeat center 0;
	}
	.service_sf .kabuki2 {
		background: #161616 url(../images/kabuki/features_bg_sp.jpg) no-repeat center 0;
	}
	.service_sf .ninja2 {
		background: #161616 url(../images/ninja/features_bg_sp.jpg) no-repeat center 0;
	}
	.service_sf .japan-arts2 {
		background: #161616 url(../images/japan-arts/features_bg_sp.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts2 {
		background: #161616 url(../images/martial-arts/features_bg1_sp.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts4 {
		background: #161616 url(../images/martial-arts/features_bg2_sp.jpg) no-repeat center 0;
	}
	.service_sf .martial-arts6 {
		background: #161616 url(../images/martial-arts/features_bg3_sp.jpg) no-repeat center 0;
	}
	.service_sf .whisky2 {
		background: #161616 url(../images/whisky/features_bg1_sp.jpg) no-repeat center 0;
	}
	.service_sf .whisky4 {
		background: #161616 url(../images/whisky/features_bg2_sp.jpg) no-repeat center 0;
	}
	.service_sf .manager2 {
		background: #161616 url(../images/manager/features_bg1_sp.jpg) no-repeat center 0;
	}
	.service_sf .manager4 {
		background: #161616 url(../images/manager/features_bg2_sp.jpg) no-repeat center 0;
	}
	.service_sf .manager6 {
		background: #161616 url(../images/manager/features_bg3_sp.jpg) no-repeat center 0;
	}
	
	.flex-container {
	}
	.flex-container section,
	.flex-container img {
		width: auto;
	}
	/* WORKSHOP */
	#service_workshop {
		padding:30px 0;
	}
	#service_workshop .center {
		margin-bottom:30px;
	}
	#service_workshop .clearfix {
		width:auto;
		padding:0 20px;
	}
	#service_workshop .fl,
	#service_workshop .fr {
		float:none;
	}
	#service_workshop .text {
		width:auto;
	}
	
	/* PRICE */
	#service_price {
		padding:30px 0;
	}
	#service_price .content {
		display:block;
		margin-bottom:10px;
	}
	#service_price .content dl {
		display:block;
		width:auto;
	}
	#service_price .content dt {
		width:auto;
		border:none;
		padding:5px;
		border-bottom:1px solid #a8861b;
	}
	#service_price .content dd {
		text-align:center;
		padding:15px;
	}


	/* ==================================================================================

	忍者・芸者

	================================================================================== */
	.service_plan_ninja {
		padding:30px 0;
	}
	.service_plan_ninja li,
	.service_plan_ninja li.midst {
		position:static;
		width:48%;
		margin-right:2%;
	}
	.service_plan_ninja li:nth-child(2n) {
		margin-right:0;
	}
	#ninja .service_plan .fr.text p {
		padding:0;
	}
	#ninja .service_plan .text p {
		width: 100%;
	}


	/* ==================================================================================

	日本伝統芸能アートコラボレーション

	================================================================================== */
	#japan-arts .service_overview h3 {
		width:auto;
	}
	.service_plan_japan-arts {
		padding:30px 0;
		background-size:cover;
	}
	.service_plan_japan-arts .clearfix {
		margin-bottom:0;
	}
	.service_plan_japan-arts .fl,
	.service_plan_japan-arts .fr {
		width:auto;
		margin-bottom:30px;
	}
	.service_plan_japan-arts .clearfix p br {
		display:none;
	}
	.service_plan_japan-arts ul {
		display:block;
		margin-bottom:0;
	}
	.service_plan_japan-arts li {
		margin:0 0 30px;
		text-align:center;
	}


	/* ==================================================================================

	書道+ジャズ/茶道+着物/華道+着物

	================================================================================== */
	.service_overview h2 span {
		display:block;
		font-size:15px;
	}
	.service_plan iframe {
		max-width:100%;
		height:auto;
	}

	#kimono .service_plan .fl {
		padding:0;
	}
	#kimono .service_plan .fl p {
		font-size:16px;
	}


	/* ==================================================================================

	日本武道（空手/柔道）

	================================================================================== */
	/* メニュー */
	#service_menu ul {
		padding:30px 20px;
	}
	#service_menu li {
		width:48%;
		margin-right:2%;
	}
	#service_menu li:last-child {
		margin-right:0;
	}
	#service_menu a {
		width:auto;
		background-position:96% center;
	}
	.page_link {
		padding-top:80px;
		margin-top:-80px;
	}

	/* PLAN */
	.service_plan_karate {
		padding:30px 0;
	}
	.service_plan_karate .clearfix {
		width:auto;
	}
	.service_plan_karate .fl,
	.service_plan_karate .fr {
		float:none;
		width:auto;
		margin:0;
	}
	.service_plan_karate .clearfix p {
		margin-bottom:30px;
	}
	#martial-arts .service_plan .text {
		width:auto;
		padding:0;
		margin:0 0 20px;
	}

	

		/* ==================================================================================

	whisky

	================================================================================== */

	.whisky .service_overview img ,
	.whisky .flex-container img {
		margin: 0 auto;
		display: block;
	}
	.whisky .flex-container {
		display: block;
	}
	.whisky .service_plan .text h4 {
		font-size: 30px;
	}

	/* ==================================================================================

	モテナス日本のおもてなし

	================================================================================== */
	.service_plan_omotenashi .clearfix{
		margin-bottom: 25px;
		padding: 25px 20px;
		background-color: #242424;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.service_plan_omotenashi .img-box{
		width: 100%;
	}
	.service_plan_omotenashi .text h5 span{
		padding-right: 0.8em;
	}
}