@charset "UTF-8";

/* default,reset
----------------------------------------------------------------------------------------------------*/
body{
	overflow-x: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.01em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

@media screen and (max-width: 959px){
    body{
        max-width: 100vh;
        overflow-x: hidden;
        overflow-x: hidden;
    }
}

div, main, header, footer, nav, section, p, ul, ol, dl, li, dt, dd, a, span, h1, h2, h3, h4, h5, h6, table, tr, th, td, figure, figcaption{
    font-weight: normal;
    font-style: normal;
}

/* フォント設定
----------------------------------------------------------------------------------------------------*/
.en{font-family: berthold-baskerville-pro, sans-serif;font-weight: 400;font-style: normal;}
.title.en{font-family: paganini, serif;font-weight: 700;font-style: normal;}

/* common
----------------------------------------------------------------------------------------------------*/
h2{
    font-size: 16px;
    text-align: center;
    line-height: 2em;
}

.t_jus{
    text-align: justify;
}


/* 960px以下用の記述
====================================================================================================*/
@media screen and (max-width: 959px) {
	/*-- 基本
	--------------------------------------------------------------------*/
	main{padding-bottom: 0px;}
	.inner, .inner2, .inner3{width: 85%;}
	.inner .inner{width: 100%;}
	.spbr{display: block;}
	/*.spbr br{display: none;}*/
	.sp-flex{display: flex !important;}
	.sp-block{display: block !important;}
	

	
	
	/*-- スマホメニュー設定
	--------------------------------------------------------------------*/
	

}/*消さない*/



/* header
----------------------------------------------------------------------------------------------------*/

/*
#global-navi{
    font-size: 16px;
	background: #eef0f0;
    position: fixed;
    width: 100%;
    z-index: 999;
}
*/


#global-navi {
	font-size: 16px;
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
	padding: 2px;
	height: 105px;
}
#global-navi .navi ul{
    padding: 2.5em 0 2.5em 5em;
}

#global-navi .navi li{
    margin-right: 2em;
}

/* 
#global-navi .entryBox{
	background: #e60012;
    padding: 2.5em 1.5em;
}
*/
#global-navi .entryBox {
	background-color: #323237;
	border-radius: 50px;
	font-size: 14px;
	padding: 10px 30px;
	margin-bottom: auto;
	margin-top: auto;
	min-width: 120px;
	max-height: 40px;
	display: block;
}

#global-navi .snsList{
	padding: 0.25em 1em 0;
    display: flex;
}

#global-navi .snsList li{
    height: 25px;
}

#global-navi .snsList li img {
	max-height: 50px;
}
#global-navi .sub-navi {
	max-height: 40px;
	padding: 1.65em 1.875em;
}
#global-navi .snsList a{
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	transition: all .3s;
	width: 34px;
}



#global-navi .snsList a:first-child{
    margin-right: 1em;
}

#global-navi .lang{
    padding: 2.5em 5em 2.5em 0;
}

#global-navi .lang li{
    margin-right: 0.5em;
}

#global-navi .lang li:last-child{
    margin-right: 0;
}

#pageHeader .mv{
    position: relative;
    padding-top: 0;
}

#pageHeader figure.pc{
	width: 100% !imporatant;
	margin-left: 0 !imporatant;
	height: 100vh;
	background: url(../img/mv.jpg?=20250710) no-repeat;
	background-size: cover;
	background-position: center;
    background-attachment: fixed;
}
#pageHeader figure.sp{
	width: 100% !imporatant;
	margin-left: 0 !imporatant;
	height: 100vh;
	background: url(../img/mv_sp.jpg?=20250710) no-repeat;
	background-size: cover;
	background-position: center;
}

#pageHeader h1 span{
    position: absolute;
	left: 11em;
    bottom: 0;
    color: #464646;
    font-size: 12px;
}

#pageHeader h1 img{
    max-width: 500px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#pageHeader .reserve__btn img{
	width: auto;
	height: 150px;
	position: fixed;
	right: 2%;
	top: 130px;
	z-index: 9;
	padding-right: 5px;
}
#pageHeader .reserve__btn a:hover {
	opacity: 1;
}　

#pageHeader h1 span{
    display: inline-block;
    font-size: 12px;
    margin-top: 5em;
    color: #fff;
}

body.home #pageHeader::before,
#en #pageHeader::before {
    content: '';
    display: block;
	background: #eef0f0;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}
/*
.inner-2{
	max-width: 960px;
}
*/

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

	#sp_global_navi ul.lang.flex.en {
		position: absolute;
		left: -9999em;
	}
	
	#pageHeader .reserve__btn img{
		width: 25vw;
		height: 120px;
		position: fixed;
		right: 5%;
		top: 85px;
		z-index: 9;
	}
	
}/*消さない*/


/* concept
----------------------------------------------------------------------------------------------------*/

#concept .inner-2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 58px;
}
#concept .left{
    width: 50%;
}
#concept .right{
    width: 40%;
    position: relative;
}
#concept .right .concept_txt{
    width: 100%;
    font-size: 21px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#concept .right .concept_txt span{
    display: block;
    font-size: 12px;
    color:#464646;
    margin-top: 1em;
}
#concept .right .concept_name{
    font-family: 'Tangerine', cursive;
    font-size: 21px;
    position: absolute;
    bottom: 5em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
    #concept .right .concept_txt .flame01{
        position: relative;
    }
    #concept .right .concept_txt .flame01::before,
    #concept .right .concept_txt .flame01::after {
      position: absolute;
      content: '';
      width: 50px;
      height: 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #concept .right .concept_txt .flame02::before,
    #concept .right .concept_txt .flame02::after {
      position: absolute;
      content: '';
      width: 50px;
      height: 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #concept .right .concept_txt .flame01::before {
        top: -5em;
        left: 0;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }
    #concept .right .concept_txt .flame02::before {
      top: -5em;
      right: 0;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
    }

    #concept .right .concept_txt .flame01::after {
        bottom: -5em;
        left: 0;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
    }
    #concept .right .concept_txt .flame02::after {
        bottom: -5em;
        right: 0;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
	.subTitle {
		/*display: inline-block; /* ここがポイント */
		/*height: 55px;*/
		margin-left: 0;
	}
	.subTitle img {
		height: 100%;
	}
#concept .discription p {
		color: #323237;
		letter-spacing: 0.08em;
		line-height: 1.6;
	} 
#concept .discription .center-flex p:first-of-type {
		margin-bottom: 31px;
		font-size: 21px;
	}
	#concept .discription p:nth-of-type(2) {
		margin-bottom: 20px;
		font-size: 16px;
	}
	#concept .discription p:nth-last-of-type(1) {
		margin-bottom: 96px;
		font-size: 16px;
	}

@media screen and (max-width: 959px){
	/*
	.subTitle {
		height: 47px;
	}
	*/
	.subTitle img {
		height: 95%;
	}
	#concept .inner-2 {
		margin-bottom: 23px;
	}
	#concept .discription .center-flex p:first-of-type {
		margin-bottom: 15px;
		font-size: 18px;
		text-align: center;
	}
	#concept .discription p:nth-of-type(2) {
		margin-bottom: 10px;
	}
	#concept .discription p:nth-last-of-type(1) {
		margin-bottom: 40px;
	}

}/* 消さない */


/* news
----------------------------------------------------------------------------------------------------*/
#news .subTitle {
	margin-bottom: 0;
}

#news .inner-2 {
	text-align: center;
	margin-bottom: 58px;
	margin-left: auto;
	margin-right: auto;
	/* 
	max-width: 960px;
	*/ 
}

#news .news_box{
    width: 318px;
    padding:2.14em;
	background: #323237;
}

/*#news .news_txt{
    margin-top: 2.8em;
}*/

#news .news_txt time{
    font-size: 12px;
	color: #e4c79b;
}

#news .news_txt h3{
    margin-top: 0.75em;
    font-size: 16px;
}

#news .news_txt p{
    margin-top: 1em;
    text-align: justify;
}

#news .news_txt img{
    margin-top: 1em;
}

#news .news_txt iframe,
#news .news_txt img{
    max-width: 100%;
    height: auto;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    display: none;
}


@media screen and (max-width: 959px){
    #news .box{
        width: 100% !important;
        max-width: 100%;
        height: auto;
    }
    #news .news_box{
        padding: 4em;
		margin: 1.25em 2.5em 2.5em 2.5em;
    }
    .swiper-button-next, .swiper-button-prev{
        background-size: 20px 30px !important;
    }
    .sp-news-swiper-container.mt40.mb40.sp.swiper-container-horizontal{
        max-width: 100vh;
        overflow-x: hidden;
    }

	
}

/* access
----------------------------------------------------------------------------------------------------*/
section#access {
	margin-top: 0;
}
#access .shop-list li.flex:nth-of-type(1) {
	margin-bottom: 80px;
}
#access .shop-name {
	margin-bottom: 30px;
}
#access .shop-name img {
	max-width: 110px;
}
#access .shop-name p span{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#access .shop-links.flex, #shop .shop-deli-wrapper.flex {
	justify-content: flex-start;
}
#access .shop-links.flex .map {
	padding-left: 0.5rem;
	padding-top: 0.15em;
	display: block;
}
#access .shop-links {
	margin-bottom: 20px;
}
#access figure.img {
	max-width: 560px;
	height: auto;
}

#access ul.shop-info{
	margin-bottom: 35px;
}
#access ul.shop-info:nth-last-of-type(1){
	margin-bottom: 0;
}

#access.map-icon {
	max-width: 30px;
	height: auto;
}

#access .shop-deli-wrapper.flex .shop-deli:nth-of-type(n+2) {
	padding-left: 0.5rem;
}
#access .shop-deli-icon {
	max-width: 50px;
	height: auto;
}
#access .subTitle {
	margin-bottom: 46px;
}
span.fz11 {
	font-size: 11px;
}
span.fz15 {
	font-size: 15px;
}
span.x-small {
	font-size: x-small;
}
span.small {
	font-size: smaller;
}
span.medium {
	font-size: medium;
}
span.large {
	font-size: large;
}
#access span.vidaloka {
	color: #323237;
}

@media screen and (max-width: 959px){
	#access .subTitle {
		margin-bottom: 23px;
	}
	#access .shop-list li.flex {
		justify-content: center;
	}
	#access .shop-list li.flex:nth-of-type(1) {
		padding-bottom: 40px;
		margin-bottom: 0;
	}
	#access .shop-list.flex.double {
		display: block;
	}
	
}/*消さない*/

/* shop
----------------------------------------------------------------------------------------------------*/
#shop .inner {
	max-width: 960px;
}
#shop .shop-list .box-wrapper {
	display: flex;
	align-items: center;
	padding-left: 65px;
}
#shop .shop-list li.flex:nth-of-type(1) {
	margin-bottom: 2.5em;
}
#shop .shop-name {
	margin-bottom: 12px;
}
#shop .shop-name img {
	max-width: 110px;
}
#shop .shop-name p span{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#shop .shop-links.flex, #shop .shop-deli-wrapper.flex {
	justify-content: flex-start;
}
#shop .shop-links.flex .map {
	padding-left: 0.5rem;
	padding-top: 0.15em;
	display: block;
}
#shop .shop-links {
	margin-bottom: 20px;
}
#shop figure.img {
	max-width: 560px;
	height: auto;
}

#shop ul.shop-info{
	margin-bottom: 9px;
}

#shop ul.shop-info li, #shop .shop-list　p {
	color: #000;
	font-weight: bold;
}
#shop .map-icon {
	max-width: 30px;
	height: auto;
}

#shop .shop-deli-wrapper.flex .shop-deli:nth-of-type(n+2) {
	padding-left: 0.5rem;
}
#shop .shop-deli-icon {
	max-width: 50px;
	height: auto;
}
/* 角括弧 ［］*/
.parenthesis {
	position: relative;
	width: 300px;
	padding: 5px 17px 5px 56px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.parenthesis::before,
.parenthesis::after {
	position: absolute;
	top: 0;
	content: '';
	width: 8px;
	height: 100%;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parenthesis::before {
	left: 47px;
	border-left: 1px solid #231815;
}
.parenthesis::after {
	right: 25px;
	border-right: 1px solid #231815;
}
/* 字下げインデント*/
.indent-1 {
	text-indent: 1em;
}
.indent-2 {
	text-indent: 2em;
}
.indent-3 {
	text-indent: 3em;
}
.indent-35 {
	text-indent: 3.5em;
	margin-bottom: 10px;
}

@media screen and (max-width: 959px){
	#shop .shop-list li.flex {
		justify-content: center;
		}
	#shop .shop-list .box-wrapper {
		padding-left: 0;
		margin-top: 2em;
	}
/* スマホサイズの角括弧 ［］*/
	.parenthesis {
		position: relative;
		width: 257px;
		padding: 5px 9px 5px 52px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.parenthesis::before,
	.parenthesis::after {
		position: absolute;
		top: 0;
		content: '';
		width: 8px;
		height: 100%;
		border-top: 1px solid #231815;
		border-bottom: 1px solid #231815;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.parenthesis::before {
		left: 40px;
		border-left: 1px solid #231815;
	}
	.parenthesis::after {
		right: 0;
		border-right: 1px solid #231815;
	}
	.shop-info .indent-35 {
		text-indent: 3.1em;
	}
}/*消さない*/




/* menu
----------------------------------------------------------------------------------------------------*/

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #fff;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/10 - 2px);
  height: 50px;
  border: 1px solid #fdd000;
  background-color: #000000;
  line-height: 50px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.85;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 70px;
  clear: both;
  overflow: hidden;
}
/*スクロールバーの指定 */
div#schedule_content, div#timelimit_content, div#qualification_content, div#task_content, div#concepts_content, div#award_content, div#fee_content, div#flow_content, div#Other_content, div#dessert_content, div#takeout_content {
	width: 100%;
	max-height: 600px;
	overflow: scroll;
}


/*選択されているタブのコンテンツのみを表示*/
#schedule:checked ~ #schedule_content,
#timelimit:checked ~ #timelimit_content,
#qualification:checked ~ #qualification_content,
#task:checked ~ #task_content,
#concepts:checked ~ #concepts_content,
#award:checked ~ #award_content,
#fee:checked ~ #fee_content,
#flow:checked ~ #flow_content,
#Other:checked ~ #Other_content,
#dessert:checked ~ #dessert_content,
#takeout:checked ~ #takeout_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #e60012;
  color: #fff;
}

#sauna .inner-2 {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#sauna .tab_content{
    color: #464646;
}

#sauna .tab_content h3{
    text-align: center;
    font-size: 36px;
    color: #A8834D;
    margin-bottom: 0.5em;
}

#sauna .tab_content a{
    color: #464646;
    text-decoration: underline;
}

#sauna .tab_content a:hover{
    text-decoration: none;
}

#sauna .tab_content .title_txt{
    font-size: 18px;
    text-align: center;
    margin-bottom: 2.5em;
}

#sauna .tab_content .notes{
    font-size: 12px;
    margin-top: 0.75em;
    line-height: 1.5em;
    display: inline-block;
} 
#sauna .business__Sttl__inner:nth-last-of-type(1) {
	/*border-top: none;*/
	/*border-bottom: none;*/
}
#sauna business__Sttl__txtBox

/* menu 日程
----------------------------------------------------------------------------------------------------*/

#schedule_content{
    text-align: center;
}

#schedule_content .flex{
    margin-bottom: 3.572em;
}

#schedule_content .flex:last-child{
    margin-bottom: 0;
}

#schedule_content .box{
    width: 49%;
    height: 257px;
    color: #fff;
    background: #A8834D;
    display: table;
    padding:0;
}

#schedule_content .box_txt{
    display: table-cell;
    vertical-align: middle;
}

#schedule_content .box_txt2{
    margin-top: 30px;
    margin-bottom: 30px;
    vertical-align: middle;
}

#schedule_content .box_txt h4{
    font-size: 24px;
    margin-bottom: 1em;
}

#schedule_content .box_txt h5{
    font-size: 21px;
}

#schedule_content .box_txt h5 span{
    font-size: 14px;
    display: block;
}

#schedule_content .box_txt h4 span{
    font-size: 12px;
    display: block;
}

#schedule_content .box_txt p span{
    font-size: 12px;
}

#schedule_content .no_flex .box{
    width: 100%;
    background: #A8834D;
    padding: 0 5em;
    margin-bottom: 3.572em;
    text-align: center;
}

#schedule_content h4{
    font-size: 18px;
    margin-bottom: 0.5em
}

#schedule_content .limit p{
    font-size: 21px;
    margin-bottom: 2.5em;
}

#schedule_content .limit p span{
    font-size: 12px;
    display: block;
}

#schedule_content .result{
    width: 70%;
    margin: 0 auto;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 2em 0;
    margin-bottom: 5em;
}

#schedule_content .result a{
    color: #464646
}

#schedule_content .ceremony{
    margin-top: 5em;
}

#schedule_content .ceremony .box{
    width: 100%;
    background: #A8834D;
    padding: 3.5em;
    margin-bottom: 0;
}


/* qualification 20210830追加
----------------------------------------------------------------------------------------------------*/

#qualification_content{
	text-align: center;
}

#qualification .flex{
	margin-bottom: 3.572em;
}

#qualification .flex:last-child{
	margin-bottom: 0;
}

#qualification .box{
	width: 49%;
	height: 257px;
	color: #fff;
	background: #A8834D;
	display: table;
	padding:0;
}

#qualification_content .box_txt{
	display: table-cell;
	vertical-align: middle;
}

#qualification_content .box_txt2{
	margin-top: 30px;
	margin-bottom: 30px;
	vertical-align: middle;
}

#qualification_content .box_txt h4{
	font-size: 24px;
	margin-bottom: 1em;
}

#qualification_content .box_txt h5{
	font-size: 21px;
}

#qualification_content .box_txt h5 span{
	font-size: 14px;
	display: block;
}

#qualification_content .box_txt h4 span{
	font-size: 12px;
	display: block;
}

#qualification_content .box_txt p span{
	font-size: 12px;
}

#qualification_content .no_flex .box{
	width: 100%;
	background: #A8834D;
	padding: 0 5em;
	margin-bottom: 3.572em;
	text-align: center;
}

#qualification_content h4{
	font-size: 18px;
	margin-bottom: 0.5em
}

#qualification_content .limit p{
	font-size: 21px;
	margin-bottom: 2.5em;
}

#qualification_content .limit p span{
	font-size: 12px;
	display: block;
}

#qualification_content .result{
	width: 70%;
	margin: 0 auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2em 0;
	margin-bottom: 5em;
}

#qualification_content .result a{
	color: #464646
}

#qualification_content .ceremony{
	margin-top: 5em;
}

#qualification_content .ceremony .box{
	width: 100%;
	background: #A8834D;
	padding: 3.5em;
	margin-bottom: 0;
}




/* menu 申し込み期限
----------------------------------------------------------------------------------------------------*/

#timelimit_content{
    text-align: center;
}

#timelimit_content div{
    background: #A8834D;
    padding: 3.5em;
    margin-bottom: 1em;
}

#timelimit_content div:last-child{
    margin-bottom: 0;
}

#timelimit_content h4{
    font-size: 24px;
    margin-bottom: 1em;
    color: #fff;
}

#timelimit_content p{
    font-size: 24px;
    color: #fff;
}

#timelimit_content span{
    display: inline-block;
    font-size: 12px;
    margin-top: 0.5em;
}

/* menu 申し込み期限
----------------------------------------------------------------------------------------------------*/

#flow_content div{
    background: #A8834D;
    padding: 1.5em;
    text-align: center;
    font-size: 24px;
}

/* menu 参加資格
----------------------------------------------------------------------------------------------------*/

/* menu 課題
----------------------------------------------------------------------------------------------------*/

#task_content ul{
    font-size: 12px;
}

/* menu 賞
----------------------------------------------------------------------------------------------------*/

#award_content dd span{
    display: inline-block;
    font-size: 12px;
    line-height: 1.75em;
}

/* menu 参加費
----------------------------------------------------------------------------------------------------*/

#fee_content ul{
    font-size: 12px;
    margin-top: 10px;
}
#fee_content span > span {
    border-bottom: none;
    display: inline-block;
    background: #a8834d;
    padding: 0px 10px;
    line-height: 2rem;
    float: right;
    margin-top: 9px;
}

@media screen and (max-width: 959px){
    #fee_content span > span {
        margin-top: 0;
        margin-left: 0;
        float: none;
    }
}

/* menu その他
----------------------------------------------------------------------------------------------------*/

#Other_content dt{
    font-size: 18px;
    color: #A8834D;
    margin-bottom: 0.5em;
}

#Other_content dd{
    margin-bottom: 2em;
}
#flow_content a,
#flow_content a:visited,
#Other_content a,
#Other_content a:visited,
#entry.secContact a.pitina,
#entry.secContact a:visited.pitina{
    color: #A8834D;
    border-bottom: 1px solid #A8834D;
}

#flow_content a:last-child,
#flow_content a:visited:last-child {
    color: #fff;
    border-bottom: none;
}

/* Prizewinner
----------------------------------------------------------------------------------------------------*/

#prizewinner .tab_content{
    padding: 0 70px 70px;
}

#prizewinner .tab_content:first-of-type{
    padding-top: 70px;
}

#prizewinner .tab_content:nth-of-type(8n){
    padding-top: 70px;
}

/* Entry
----------------------------------------------------------------------------------------------------*/

input[type="submit" i]{
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

input[type="submit" i]:hover{
    background: #A8834D !important;
}

#entry p{
    font-size: 18px;
    margin-bottom: 2.5em;
}
body.home #entry p{
    text-align: center;
}

body#en #entry p{
    text-align: center;
}

#entry .partners.inner a{
    display: block;
    width: 100%;
    color: #fff;
    border: 2px solid #A8834D;
    background: #A8834D;
    padding: 1.5em;
    margin-bottom: 0;
    text-align: center;
    font-size: 24px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#entry .wpcf7-list-item-label{
    font-size: 14px !important;
}

#privacy dd p{
        font-size: 12px !important;
}
@media screen and (max-width: 959px){
    #entry .partners.inner{
        width: 80%;
    }
    #entry p{
        font-size: 16px;
    }
    #entry .partners.inner{
        font-size: 18px;
    }
}

/* business
----------------------------------------------------------------------------------------------------*/
section#business {
	margin-top:0;
}

#business.flex {
	justify-content: center;
	text-align: center;
}
#business div#sauna, #business div#cafe {
	background-color: #dadcdc;
	color: #323237;
	width: 33.333%;
	min-height: 970px;
	font-size: 0;
	
}
#business div#space {
	background-color: #323237;
	color: #FFF;
	width: 33.333%;
	min-height: 970px;
	font-size: 0;
	
}
#business .sauna__inner, #business .space__inner, #business .cafe__inner{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	letter-spacing: 0.08em;
	width: 280px;
	height: auto;
	padding-top: 100px;
}
#business h3.subTitle {
	font-size: 32px;
	letter-spacing: 0.09em;
	margin-bottom: 30px;
}
#business p.business__p {
	font-size: 14px;
	margin-bottom: 75px;
}
#business h4.business__Sttl {
	font-size: 18px;
	margin-bottom: 20px;
}
#business h5.business__Sttl {
	font-size: 16px;
	margin-bottom: 20px;
}
#business .business__Sttl__inner {
	padding: 20px 0;
	border-top: solid 1px #323237;
	border-bottom: solid 1px #323238;
	margin-bottom: 56px;
	
}
#business #space .business__Sttl__inner {
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
#business .#business div#sauna, #business div#cafe {
	background-color: #e4c79b;
	border-radius: 50px;
	font-size: 12px;
	padding: 15px 30px;
	margin-bottom: 1em;
	max-width:160px;
	display: inline;
}
#business .larger {
	font-size: larger;
}
.insideBorder {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	margin-top: 1em;
}
#business h4.insideBorder:before {
	visibility:hidden
}
.insideBorder:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -15px;/*線の上下位置*/
	display: inline-block;
	width: 150px;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #323237;/*線の色*/
}
#space .insideBorder:before {
	background-color: #FFF;/*線の色*/
}
#space .insideBorder:after {
	background-color: #FFF;/*線の色*/
}
/*下線*/
.insideBorder:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -15px;/*線の上下位置*/
	display: inline-block;
	width: 150px;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	/*background-color: #323237;/*線の色*/
}
#sauna .insideBorder:nth-last-of-type(1):after {
	visibility:hidden
}


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

	#business.flex {
		display: block;
	}
	#business div#sauna, #business div#cafe {
		width: 100%;
		margin: auto;
		min-height: 1550px;
	}
	#business div#space {
		width: 100%;
		margin: auto;
		min-height: 1880px;
	}
	#business div#cafe {
		width: 100%;
		margin: auto;
		min-height: 2050px;
	}
	#business .sauna__inner, #business .space__inner, #business .cafe__inner {
		max-height: 600px;
		padding-top: 15%;
	}
	#business h3.subTitle {
		font-size: 32px;
		margin-bottom: 23px;
	}
	
	#business p.business__p {
		font-size: 16px;
		margin-bottom: 45px;
	}
	#business h4.business__Sttl {
		font-size: 18px;
		margin-bottom: 20px;
	}
	#business .business__Sttl__inner {
		padding: 20px 0;
		border-top: solid 1px #323237;
		border-bottom: solid 1px #323238;
		margin-bottom: 56px;

	}
	#business #space .business__Sttl__inner {
		border-top: solid 1px #FFF;
		border-bottom: solid 1px #FFF;
	}
	#business .business__btn {
		background-color: #e4c79b;
		border-radius: 50px;
		font-size: 12px;
		padding: 15px 30px;
		margin-bottom: 1em;
		max-width:160px;
		display: inline;
	}

}/*消さない*/



/* gallery
----------------------------------------------------------------------------------------------------*/
#gallery .inner-2 {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#gallery {
	padding-bottom: 5.625em;
}

@media screen and (max-width: 959px ){
	
	#gallery { padding-bottom: 0 !important;
	}
	
}/*消さない*/
/* Contact
----------------------------------------------------------------------------------------------------*/
.hide {
	position: absolute;
	left: -9999em;
}
#contact .inner-2 {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

section#contact .inner {
	max-width: 640px;
}
section#contact > div{
	color: #000;
}
section#contact div#contact_box_01 h3.contact_title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}
section#contact div#contact_box_01 .contact_txt_wrapper {
	background-color: #f5f5f5;
	padding: 2.5em 0;
	margin-bottom: 6.25em;
}
section#contact div#contact_box_01 .contact_txt {
	text-align: center;
	font-weight: bold;
}
section#contact div#contact_box_01 h4.contact_txt {
	font-size: 18px;
	margin-bottom: 15px;
}
section#contact div#contact_box_01 p.contact_txt {
	font-size: 14px;
}
section#contact div#contact_box_02 .contact_txt_wrapper:nth-last-of-type(3) {
	padding: 30px 0;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}
section#contact div#contact_box_02 .contact_txt_wrapper:nth-last-of-type(3) h4.contact_txt_Side{
	height: 128px;
	line-height: 128px;
}

section#contact div#contact_box_02 .contact_txt_wrapper:nth-last-of-type(2) {
	padding: 30px 0;
	border-bottom: solid 1px #000;
}
section#contact div#contact_box_02 .contact_txt_wrapper:nth-last-of-type(1) {
	padding: 20px 0 100px;
}




section#contact div#contact_box_02 h3.contact_title {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
}
section#contact div#contact_box_02 .contact_txt_Side {
	width: 160px;
}

section#contact div#contact_box_02 dt.contact_tel {
	font-size: 35px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	display: flex;
}
section#contact div#contact_box_02 dt.contact_tel::before{
	content:"";
	display:inline-block;
	width:50px;
	height:30px;
	background: no-repeat url("../img/tel.svg");
	background-size:contain;
}

section#contact div#contact_box_02 .contact_txt_Main {
	flex: 1;
	min-width:  0;
}
section#contact div#contact_box_02 .contact_txt_Main li{
	background-color: #fdd000;
	border-radius: 50px;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 30px;
	margin-bottom: 12px;
	
}
section#contact div#contact_box_02 .contact_txt_Main li:nth-last-of-type(1){
	margin-bottom: 0;
}
section#contact div#contact_box_02 h4.contact_txt_Side {
	font-size: 18px;
	font-weight: bold;
}
section#contact div#contact_box_02 .contact_txt_Main dl.flex {
	justify-content: flex-start;
}
section#contact div#contact_box_02 .contact_txt_Main dd.contact_time {
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 39px;
}

section#contact div#contact_box_02  p.contact_info {
	font-size: 10px;
}
/* next-arrow 矢印の設定 */
.next-arrow01 {
	position: relative;
	display: block;
}
.next-arrow01::after {
	width: 18px;
	height: 18px;
	right: 5%;
	
	content: "";
	display: block;
	border-style: solid;
	border-width: 2px 2px 0 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(0%) rotate(
	45deg
	);
	-webkit- transform: translateY(-50%) translateX(0%) rotate(45deg);
}

#contact .note{
    font-size: 12px;
    display: block;
}

#contact .contact_title img{
    width: 146px;
    height: 57px;
}

@media screen and (max-width: 959px){
	#contact div#contact_box_01 h3.contact_title {
		font-size: 13px!important;
	}
	#contact div#contact_box_01 h4.contact_txt {
		font-size: 15px!important;
	}
	#contact div#contact_box_01 p.contact_txt {
		font-size: 13px!important;
	}
	#contact a.next-arrow01.bold {
		font-size: 10px;
	}
	#contact .next-arrow01::after {
		width: 16px;
		height: 16px;
		right: -4%;
		content: "";
		display: block;
		border-style: solid;
		border-width: 2px 2px 0 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) translateX(0%) rotate( 
			45deg
		);
		-webkit- transform: translateY(-50%) translateX(0%) rotate(45deg);
	}
	#contact div#contact_box_02 .contact_txt_Side {
		width: 100% !important;
	}
	#contact h4.contact_txt_Side {
		text-align: center !important;
	}
	#contact div#contact_box_02 .contact_txt_wrapper:nth-last-of-type(3) h4.contact_txt_Side,#contact div#contact_box_02 .contact_txt_wrapper:nth-last-of-type(2) h4.contact_txt_Side {
		height: 2.3em !important;
		line-height: unset !important;
	}
	#contact div#contact_box_02 .contact_txt_Main dl.flex {
		justify-content: center !important;
	}
	#contact div#contact_box_02 h3.contact_title {
		margin-bottom: 12px !important;
	}
	#contact div#contact_box_02 .contact_txt_wrapper:nth-last-of-type(1) {
		padding: 20px 0 40px !important;
	}
	
	section#contact div#contact_box_02 dt.contact_tel {
		font-size: 30px;
		font-weight: bold;
		height: 30px;
		line-height: 30px;
		display: flex;
	}
    
    #contact div#contact_box_02 h3.contact_title{
		margin-left: auto;
		margin-right: auto;
    }
	#contact div#contact_box_02 h3.contact_title span.note  {
		text-align: center;
	}
    #contact .contact_title img{
        margin: 0 auto;
        margin-bottom: 10px;
    }



}/*消さない*/



/* Payment
----------------------------------------------------------------------------------------------------*/

#payment {
    margin-top: 0;
    padding-top: 12em;
    padding-bottom: 3em;
    background: #fff;
    color: #000;
}
#payment .inner {
    margin: 0 auto;
}
#payment .tac {
    text-align: center;
}
#payment #paypal-button-container {
    margin: 70px auto 100px;
    text-align: center;
}
#payment .paypal-buttons {
    margin: 0 auto;
}
#payment h3{
    margin-bottom: 5px;
}
#payment p{
    margin-bottom: 20px;
}

.payment-note{
    max-width: 750px;
    margin: 0 auto;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
.payment-note p{
    margin-top: 20px;
}
.payment-note p span{
    display: block;
    font-size: 18px;
    margin-top: 5px;
    color: #f00;
}

/*20200915 ペイパルエラー対応*/

#entry-success .secPayment h2{
    font-size: 24px;
    margin-bottom: 1em;
}

#entry-success .secPayment h3{
    margin-top: 2em;
}

#entry-success .secPayment a,
#entry-success .secPayment a:visited{
    display: block;
    margin-top: 0.5em;
    border-bottom: none;
    font-size: 24px;
    color: #A8834D;
    border-bottom: 1px solid #A8834D;
}

/* link
----------------------------------------------------------------------------------------------------*/

#link a,
#link_en a,
#link2 a,
#link_en2 a{
    color: #fff !important;
}

/*20210629 追加*/
#mail .notes{
	font-size: 12px;
	margin-top: 5px;
	line-height: 1.5em;
    display: inline-block;
	
}
/* footer
----------------------------------------------------------------------------------------------------*/
footer#pageFooter {
	padding: 60px 0;
}
#pageFooter nav{
    margin-bottom: 20px;
}
#pageFooter nav a{
    color: #fff;
}
#pageFooter .note{
    text-align: left;
    font-size: 10px;
}
#pageFooter .footer-txt.flex{
    align-items: end;
}

@media screen and (max-width: 959px){
    #pageFooter .note{
        text-align: center;
    }

    
}

/* ちいさなこころの健康クリニック
----------------------------------------------------------------------------------------------------*/

.text-green{
    color: #a0b7a4;
}

.inner {
    max-width: 800px;
    margin: 0 auto;
}
#concept ul li h3{
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}
#concept ul li p{
    font-size: 14px;
    text-align: left;
    text-align: justify;
    line-height: 1.5em;
}

#business .img-area{
    width: 50%;
    max-height: 510px;
    background-image: url(../img/concept01.jpg);
    background-size: cover;
    background-position: center;
    aspect-ratio: 4 / 3;
}
#business div#space{
    min-height: auto;
    width: 50%;
    background: #a0b7a4;
}
#business.flex{
    justify-content: center;
    text-align: left;
    align-items: center;
    max-height: 510px;
    margin-bottom: 5px;
    background-color: #a0b7a4;
}
#business .text-area .space__inner{
    padding: 0;
    margin-left: 50px;
}

#business h3.subTitle{
    font-size: 24px;
    margin-bottom: 20px;
}
#business p.business__p{
    margin-bottom: 0;
}
#business .sauna__inner, #business .space__inner, #business .cafe__inner{
    width: 330px;
}
#business.flex.business02{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
}
#business.flex.business02 .img-area{
    background-image: url(../img/concept02.jpg);
}
#business.flex.business02 .text-area .space__inner{
    margin-right: 50px;
}

#business.flex.business02 h3.subTitle{
    text-align: left;
}
#business.flex.business02 p.business__p{
    text-align: left;
}

#access .box-inner .shop-name{
    font-size: 23px;
}
#access ul.shop-info{
    margin-bottom: 15px;
}

@media screen and (max-width: 959px) {
    #pageHeader .mv {
        padding-top: 0;
    }
    #news header, #concept header, #sauna header, #shop header, #gallery header{
        background-color: unset !important;
    }
    .flex.tri li.box{
        margin-bottom: 40px;
    }
    .flex.tri li:last-of-type.box{
        margin-bottom: 0;
    }
    .inner{
        width: 70% !important;
    }
    #business .img-area{
        width: 100%;
    }
    #business div#space{
        width: 100%;
    }
    #business .text-area .space__inner{
            padding: 10%;
            margin-left: 0;
            width: 100%;
    }
    #business .sauna__inner, #business .space__inner, #business .cafe__inner{
        padding: 3%;
    }
    #business h3.subTitle{
        font-size: 18px;
        margin-bottom: 10px;
    }
    #business p.business__p{
        font-size: 13px;
    }
    
    #concept{
        min-height: unset !important;
    }
    #access ul.shop-info{
        font-size: 12px;
    }
    #access .shop-name{margin-bottom: 15px;}
    #access ul.shop-info{
        margin-bottom: 5px;
    }
    #access .box-inner .shop-name{
        font-size: 18px;
    }
}

/* AMILUS
----------------------------------------------------------------------------------------------------*/
h1,h2,h3{
    font-weight: normal;
}
.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.btn{
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 540px;
    background-color: #c7d8d4;
    border:1px solid #c7d8d4;
    font-size: 28px;
    font-weight: normal;
    padding: 30px 0;
    border-radius: 10px;
}
.btn:hover{
    background-color: #fff;
}
.btn.hanten{
    background-color: #fff;
    padding: 4px 0px 14px;
}
.btn.hanten:hover{
    background-color: #c7d8d4;
}
.btn.hanten span{
    font-size: 16px;
    font-weight: normal;
}
.reserve.pc{
    position: fixed;
    right: 2%;
    bottom: 2%;
    z-index: 999;
}


h2.subTitle{
    font-size: 36px;
    color:#C7D8D4;
    margin-bottom: 40px
}

h2.subTitle span{
    font-size: 14px;
    color:#3B3C3C;
}
#concept h2{
    line-height: 0.9em;
    letter-spacing: 0.05em;
}
.concept-bg{
    position: relative;
}
.concept-bg figure.pc{
    height: 940px;
    background: url(../img/concept-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.sect_b.concept-bg figure.pc{
    height: 500px;
    background: url(../img/sect-b_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.sect_w.concept-bg figure.pc{
    height: 500px;
    background: url(../img/sect-w_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.concept-bg figure.sp {
    height: 700px;
    background: url(../img/concept-bg_sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.sect_b.concept-bg figure.sp {
    height: 400px;
    background: url(../img/sect-b_bg_sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.sect_w.concept-bg figure.sp {
    height: 400px;
    background: url(../img/sect-w_bg_sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.concept-bg .concept-inner{
    width: 1100px;
    height: 760px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}
.concept-txt{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}
.concept-txt h3{
    text-align: center;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 60px;
}
.sect_b .concept-txt,
.sect_w .concept-txt{
    left: 10%;
    transform: translate(0%, -50%);
}
.sect_b .concept-txt h3,
.sect_w .concept-txt h3{
    margin-bottom: 20px;
}
.concept-txt p{
    font-size: 16px;
    line-height: 2em;
    text-align: center;
    margin-bottom: 30px;
}
.sect_b .concept-txt p,
.sect_w .concept-txt p{
    text-align: left;
}
.sect_w .concept-txt p{
    color: #323232;
}
.concept-txt p:last-child{
    margin-bottom: 0;
}
#concept .inner h3{
    font-size: 21px;
    text-align: center;
    margin-bottom: 30px;
}
#concept .inner p{
    font-size: 18px;
    text-align: center;
}

#concept .inner figure.img{
    margin-bottom: 30px;
}
#plan{
    background-color: #F7F9F9;
    padding: 90px 0;
    margin-top: 0;
    margin-bottom: 90px;
}
#plan .inner p{
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: normal;
    line-height: 1.75em;
}
#coach{
    margin-bottom: 90px;
}
#coach .inner{
    max-width: 900px;
    background-color: #f7f9f9;
    padding: 90px;
    border-radius: 10px;
}
#coach .flex{
    align-items: center;
}
#coach figure.img,
#coach .box-wrapper{
        width: calc(100% / 2 - 20px);
}
#coach figure img{
    border-radius: 5px;
}
#coach .box-wrapper{
    font-weight: normal;
}
#coach .box-wrapper h3{
    font-size: 24px;
    margin-bottom: 30px;
}
#coach .box-wrapper h3 span{
    font-size: 21px;
}

#access{
    background-color: #323232;
    padding: 120px 0;
}
#access .inner{
    max-width: 900px;
}
#access .flex{
    align-items: center;
}
#access iframe,
#access .box-wrapper{
        width: calc(100% / 2 - 40px);
}
#access .box-wrapper h4{
    font-size: 28px;
    line-height: 1em;
    margin-bottom: 20px;
}
#access .box-wrapper h4 span{
    font-size: 18px;
}
#access .box-wrapper ul span{
    font-size: 12px;
}
#contact{
    margin-bottom: 90px;
}
#contact .btn{
    font-size: 18px;
}
.footer-logo .inner{
    width: 900px;
}
.footer-logo .inner img{
    width: 200px;
    margin: 0 auto
}

@media screen and (max-width: 959px){
    .mb30{
        margin-bottom: 20px;
    }
	#pageHeader h1 img {
		max-width: 220px;
	}
    #sp_global_navi.active{
        background-color: rgb(240 240 240 / 0.95);
    }
    .reserve.sp a{
        position: fixed;
        bottom: 0;
        background-color: #c7d8d4;
        width: 100%;
        text-align: center;
        padding: 20px 0;
        font-size: 16px;
        z-index: 999;
    }
    #sp_global_navi ul li a {
		font-size: 18px;
        color: #3B3C3C;
	}
    .sect_b.concept-bg figure.pc{
    background: url(../img/sect-b_bg_sp.jpg) no-repeat;
    }
    .sect_w.concept-bg figure.pc{
        background: url(../img/sect-w_bg_sp.jpg) no-repeat;
    }
    .concept.subTitle{
        font-size: 28px;
    }
    h2.subTitle span{
        font-size: 13px;
    }
    .concept-bg figure.sp{
        height: 800px;
    }
    .concept-bg .concept-inner{
        width: 100%;
        height: 520px;
    }
    .concept-bg .concept-inner .concept-txt{
        position: unset;
        transform: none;
        margin-top: 0;
    }
    .concept-bg .concept-inner .concept-txt p{
        text-align: center;
    }
    #concept .flex.tri .box{
        width: calc(100% / 3 - 10px);
        margin-bottom: 20px;
    }
    #concept .inner{
        width: 90% !important;
    }
    #concept .inner p{
        font-size: 16px;
        text-align: center;
    }
    #concept .inner figure.img{
        margin-bottom: 0;
    }
    #plan{
        padding: 60px 0;
    }
    #plan .inner{
        width: 80% !important;
    }
    #plan .inner p{
        font-size: 14px;
    }
    .btn{
        width: 100%;
        font-size: 21px;
    }
    #plan{
        margin-bottom: 60px;
    }
    #coach .inner{
        width: 80% !important;
        padding: 25px;
    }
    #coach figure.img, #coach .box-wrapper{
        width: 100%;
    }
    #coach figure img{
        margin-bottom: 30px;
    }
    #coach .box-wrapper h3{
        font-size: 21px;
    }
    #coach .box-wrapper h3 span{
        font-size: 18px;
    }
    #coach .box-wrapper p{
        font-size: 12px;
    }
    #coach{
        margin-bottom: 60px;
    }
    #access iframe, #access .box-wrapper{
        width: 100%;
    }
    #access{
        padding: 60px 0;
    }
    #access .inner{
        width: 80% !important;
    }
    #access iframe{
        height: 200px;
    }
    #access .flex{
        flex-direction: column-reverse;
    }
    #access iframe, #access .box-wrapper{
        margin-bottom: 30px;
    }
    #contact .btn{
        font-size: 14px;
    }
    #access{
        margin-bottom: 60px;
    }
    #contact{
        margin-bottom: 60px;
    }
    .footer-logo .inner{
        padding-top: 60px;
    }
    .footer-logo .inner img{
        width: 140px;
    }
    #sp_global_navi .navigation-container{
        top: 45% !important;
    }
    #sp_global_navi ul:nth-of-type(2){
        margin-bottom: 80px !important;
    }
}

/* DWBL
----------------------------------------------------------------------------------------------------*/
#spec{
    padding: 120px 0;
}

h3.title.en{
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}
#spec ul{
    width: calc((100% - 60px) / 2);
}
#spec li{
    border-bottom: 1px solid #fff;
    padding: 15px 0;
}
#spec li:first-of-type{
    border-top: 1px solid #fff;
}

#access li{
    text-align: center;
}

.footer-txt img{
    width: 250px;
    margin: 0 auto;
    margin-bottom: 10px;
}

@media screen and (max-width: 959px){
    .concept-txt h3{
        font-size: 21px;
        margin-bottom: 40px;
    }
    .concept-txt p{
        font-size: 13px;
        margin-bottom: 20px;
    }
    .concept-txt img{
        width: 150px;
    }
    #spec ul{
        width: 100%;
    }
    #spec ul{
        text-align: center;
    }
    #spec,#access{
        padding: 90px 0;
    }
    h3.title.en{
        margin-bottom: 20px;
    }

}