@charset "utf-8";
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	html{
		font-size: 62.5%;
	}
	body{
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "Noto Sans Japanese", "Noto Sans CJK JP", sans-serif;
		/*font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Noto Sans Japanese", "Noto Sans CJK JP", sans-serif;*/
		/*font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
		font-size: 1.5rem;
		line-height: 1.8;
		letter-spacing: 0.05em;
		color: #323232;
		background: #ffffff;

		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		-webkit-font-feature-settings: 'pkna' 1;
		font-feature-settings: 'pkna' 1;
	}
	li{ list-style: none; }
	h1,h2,h3,h4,h5,h6{
		font-size: inherit;
		font-weight: normal;
	}
	img{
		vertical-align: top;
		max-width: 100%;
		height: auto;
		border: none;
		line-height: 0;
		filter: none; 
		filter: blur(0px);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
	}
	sub,
	sup {
	  font-size: 0.7rem; /*75%*/
	  line-height: 0;
	  position: relative;
	  vertical-align: baseline;
	}
	sup {
	  top: -0.5em;
	}
	sub {
	  bottom: -0.25em;
	}

@media screen and (max-width: 767px) {
	/*body{
		font-size: 1.4rem;
	}*/
}

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

   bootstrap 拡張

========================================================================== */
a{
  color: #323232;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #26479b;
  text-decoration: none;
}

.gutter-0{ margin-left: 0; margin-right: 0; }
.gutter-0 > [class*='col-'] { padding-right:0; padding-left:0; }
.gutter-2{ margin-left: -2px; margin-right: -2px; }
.gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
.gutter-3{ margin-left: -3px; margin-right: -3px; }
.gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
.gutter-4{ margin-left: -4px; margin-right: -4px; }
.gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
.gutter-5{ margin-left: -5px; margin-right: -5px; }
.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.gutter-9{ margin-left: -9px; margin-right: -9px; }
.gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
.gutter-10{ margin-left: -10px; margin-right: -10px; }
.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-20{ margin-left: -20px; margin-right: -20px; }
.gutter-20 > [class*='col-'] { padding-right: 20px; padding-left: 20px; }
.gutter-30{ margin-left: -30px; margin-right: -30px; }
.gutter-30 > [class*='col-'] { padding-right: 30px; padding-left: 30px; }

.gutter-15{ margin-left: -15px; margin-right: -15px; }
.gutter-15 > [class*='col-'] { padding-right: 15px; padding-left: 15px; }
.gutter-24{ margin-left: -24px; margin-right: -24px; }
.gutter-24 > [class*='col-'] { padding-right: 24px; padding-left: 24px; }

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

   .ico

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

.ico:before{
	position: absolute;
	display: block;
	content: '';
	top: 0;
	bottom: 0;
	width: 36px;
	height: 36px;
	margin: auto 0 auto 0;
	background-repeat: no-repeat;
	background-size: 36px 36px;
}
/* [PDF] */
.ico--pdf:before{
	right: 10px;
	background-image: url(/cms/sbs/common/images/icon_pdf.png);
}
.ico--graph:before{
	right: 20px;
	background-image: url(/cms/sbs/common/images/icon_graph.png);
}
/* ==========================================================================

   .gl グローバル

========================================================================== */
.smt-page-wrapper{
	padding: 115px 0 0;
	overflow: hidden;
}
section{
	position: relative;
	overflow: hidden;
	/*padding: 0 10px;*/
}
section.smt-section{
	margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
	.smt-page-wrapper{
		padding: 100px 0 0;
	}
}

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

   下層ページ HERO

========================================================================== */
.smt-hero{
	position: relative;
	max-width: 1200px;
	margin: 0 auto 50px;

	border-bottom: 1px solid #57c2e9;
}
.smt-hero h1 img{
	width: 100%;
	height: auto;
}
.smt-ring-wrapper{
	position: relative;
	max-width: 1200px;
	margin: 0 auto 0;
	z-index: 1;
}
.smt-ring{
	position: absolute;
	width: 28.333%;
	top: 0;
	right: -5.8333%;
}

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

   トップ

========================================================================== */
#top h2{
	text-indent: -100%;
}

#top section{
	margin-left: -10px;
	margin-right: -10px;
}
#top .row{
	font-size: 0;
	border-bottom: 1px solid #57c2e9;
}
/* concept / point / system / plan */
#top .concept .col-sm-6, #top .function .col-sm-6, #top .system .col-sm-6, #top .plan .col-sm-6{
	min-height: 300px;
}
/* news / contact */
/*#top .news .col-sm-6, #top .contact .col-sm-6{
	min-height: 200px;
}*/
/* event / contact */
#top .event .col-sm-6,
#top .contact .col-sm-6{
	min-height: 200px;
}

/* image */
#top .col-sm-6:first-child{
	background-color: #ffffff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
	#top .concept .col-sm-6:first-child{ background-image: url(/cms/sbs/common/images/concept.jpg); }
	#top .system .col-sm-6:first-child{ background-image: url(/cms/sbs/common/images/system.jpg); }
	#top .function .col-sm-6:first-child{ background-image: url(/cms/sbs/common/images/function.jpg); }
	#top .plan .col-sm-6:first-child{ background-image: url(/cms/sbs/common/images/plan.jpg); }
	/*#top .news .col-sm-6:first-child{ background-image: url(/cms/sbs/common/images/news.jpg); }*/
	#top .event .col-sm-6:first-child{ background-image: url(/cms/sbs/common/images/event.jpg); }
	#top .contact .col-sm-6:first-child{ background-image: url(/cms/sbs/common/images/contact.jpg); }

/* text */
#top .col-sm-6:last-child{
	padding: 20px 45px;
	font-size: 0;
	letter-spacing: 0;
}
#top .function .col-sm-6:last-child, #top .plan .col-sm-6:last-child, #top .contact .col-sm-6:last-child{
	text-align: right;
}

	#top .col-sm-6:last-child:before{
		content: '';
		display: inline-block;
		width: 0;
		height: 100%;
		background-color: #ff0000;
		vertical-align: middle;
	}

	#top .text{
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		max-width: 400px;

		text-align: left;
		font-size: 1.5rem;
		letter-spacing: 0.05em;
		/*line-height: 1.8;*/

		-webkit-font-feature-settings: 'palt' 1;
		font-feature-settings: 'palt' 1;
	}
	#top .concept .text{
		max-width: none;
	}
	#top .text h3{
		margin-bottom: 20px;

		font-size: 2.0rem;
		font-weight: bold;
		color: #57c2e9;
	}
	#top .text h3 > sup{
		top: -1rem;
	}
	#top .text sup {
	  top: -1em;
	}
	#top .text p{
		margin-bottom: 20px;
	}

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

	/* concept / point / system / plan */
	#top .concept .col-sm-6, #top .function .col-sm-6, #top .system .col-sm-6, #top .plan .col-sm-6{
		min-height: auto;
	}
	/* news / contact */
	#top .news .col-sm-6, #top .contact .col-sm-6{
		min-height: auto;
	}

	/* image */
	#top .col-sm-6:first-child{
		background-size: 100% auto;
	}
		#top .concept .col-sm-6:first-child{ padding-top: 50%; }
		#top .function .col-sm-6:first-child{ padding-top: 50%; }
		#top .system .col-sm-6:first-child{ padding-top: 50%; }
		#top .plan .col-sm-6:first-child{ padding-top: 50%; }
		#top .news .col-sm-6:first-child{ padding-top: 31.25%; }
		#top .contact .col-sm-6:first-child{ padding-top: 31.25%; }

	/* text */
	#top .col-sm-6:last-child{
		padding: 20px 20px;
		text-align: center;
	}
	#top .function .col-sm-6:last-child, #top .plan .col-sm-6:last-child, #top .contact .col-sm-6:last-child{
		text-align: center;
	}

}

#top .main{
position: relative;
}
#top .main-image{
	position: relative;
	height: 500px;
	background: url(/cms/sbs/common/images/main.jpg) 50% 0 no-repeat;
	background-size: 1200px 500px;
}
#top .main-inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.smt-main-inner{
	font-size: 0;
	text-align: center;
}
.smt-main-inner:before{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.smt-main-inner h1{
	display: inline-block;
	vertical-align: middle;
}
.main .pname{
	position: absolute;
	left: 10px;
	bottom: 40px;
}


@media screen and (max-width: 767px) {
	#top .main-image{
		overflow: hidden;
		height: auto;
		background-size: 120% auto;
		padding-top: 41.666%;
	}
}

#top .smt-hero{
	overflow: hidden;
	margin-bottom: 0;
}
#top .top-scroll{
	position: absolute;
	left: 50%;
	bottom: 15px;
	width: 60px;
	height: 38px;
	margin-left: -30px;
}
/* ==========================================================================

   下層ページ 共通

========================================================================== */
.smt-inner{
	position: relative;
	max-width: 1020px;
	padding: 0 10px;
	margin: 0 auto;
}
.smt-inner-default{
	max-width: 1200px;
	margin: 0 auto;
}
.smt-inner-sm{
	max-width: 838px;
	margin: 0 auto;
}

/* ページタイトル news / contact */
.smt-page-title{
	padding: 50px 0 0 20px;
	margin-bottom: 50px;
	border-bottom: 1px solid #57c3ea;

	font-size: 2.2rem;
	font-weight: bold;
	color: #57c3ea;
}
	.smt-page-title-line{
		position: relative;
		display: inline-block;
		padding-bottom: 2px;
		border-bottom: 5px solid #57c3ea;
		top: 3px;
	}
	.smt-page-title-sub{
		font-size: 1.8rem;
		padding-left: 1em;
	}
.smt-block{
	margin-bottom: 50px;
}
.smt-block-inner{
	padding: 0 20px;
}
.smt-block-title{
	font-size: 1.8rem;
	font-weight: bold;

	padding: 0 20px;
	margin-bottom: 30px;
	background-color: #efefef;
}
.smt-box-link{
	display: block;
	max-width: 400px;
	padding: 10px 10px 9px;
	border: 1px solid #57c2e9;

	color: #57c2e9;
	line-height: 1;
	text-align: center;

	transition: all 300ms;
}
.smt-text-link{
	font-size: 1.2rem;
	line-height: 1.58;
	color: #0068b7;
	display: inline-block;
	text-align: left;
	text-decoration: underline;
}
.smt-text-link span.strong{
	font-size: 1.5rem;
	font-weight: bold;
}
.smt-box-link:hover{
	color: #ffffff;
	background-color: #57c2e9; 
}
@media screen and (max-width: 767px) {
	/* ページタイトル news / contact */
	.smt-page-title{
		padding: 50px 10px 0 10px;
		margin-bottom: 50px;
		border-bottom: 1px solid #57c3ea;

		font-size: 2.2rem;
		font-weight: bold;
		color: #57c3ea;
	}
		.smt-page-title-sub{
			font-size: 1.4rem;
			padding-left: 1em;
		}
	.smt-block-inner{
		padding: 0 10px;
	}
	.smt-page-title{
		margin-bottom: 30px;
	}
}
/* ==========================================================================

   下層ページ セクションタイトル

========================================================================== */
.smt-sec-title{
	padding: 9px 10px;
	margin-bottom: 30px;
	text-align: center;
	background-color: #57c3ea;

	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.25;
	color: #ffffff;
}
.smt-sec-title sup{
	top: -1rem;
}
/* ==========================================================================

   下層ページ 共通リスト

========================================================================== */
.smt-list .smt-list-item{
	position: relative;
	padding-left: 60px;
}
.smt-list .smt-list-item:not(:last-child){
	margin-bottom: 30px;
}
.smt-list .smt-list-no{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 60px;
	background-image: url(/cms/sbs/common/images/num_features.png);
	background-position: 0 0;
	background-size: 40px auto;
	background-repeat: no-repeat;
}
/* 数字 */
.smt-list .smt-list-no span{ display: none; }
.smt-list .smt-list-item:nth-child(1) .smt-list-no{ background-position: 0 0; }
.smt-list .smt-list-item:nth-child(2) .smt-list-no{ background-position: 0 -60px; }
.smt-list .smt-list-item:nth-child(3) .smt-list-no{ background-position: 0 -120px; }

.smt-list .smt-list-block{
	border-left: 5px solid #57c3ea;
}
.smt-list .smt-list-title{
	padding-left: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #57c3ea;
	font-size: 1.8rem;
	font-weight: bold;
	color: #57c3ea;
}
.smt-list .smt-list-text{
	padding: 0 0 0 20px;
}
/* ==========================================================================

   下層ページ 動画

========================================================================== */
.smt-movie{
	padding: 15px;
	background-color: #efefef;
}
.smt-movie-inner{
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.smt-movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
/* ==========================================================================

   #event

========================================================================== */
#event .smt-block-title{
	color: #57c3ea;
}
#event .news{
	margin-bottom: 30px;
}
#event .news__title{
	font-weight: bold;
}
#event .news__title:before{
	content: '▶';
	color: #57c3ea;
}
#event .news a+a{
	color: #57c3ea;
}
#event .news a:hover{
	color: #57c3ea;
}
#event .news a+a:hover{
	text-decoration: underline;
}


.event-time{
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 1.5;
}
.event-time:before{
	content: '▶';
	color: #57c3ea;
}
.event-title{
	padding-bottom: 8px;
	margin-bottom: 40px;
	background-image: url(/cms/sbs/common/images/dotted.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-size: 12px 2px;
	/*border-bottom: 1px solid #57c3ea;*/
	font-size: 2.0rem;
	line-height: 1.5;
}
.event-card:after{
	content: '';
	display: block;
	clear: both;
}
.event-card__text{
	float: left;
	width: 63%;
	padding-right: 3%;

	text-align: justify;
		text-justify: inter-ideograph;
}
.event-card__img{
	float: right;
	width: 37%;
	text-align: center;
}
	.event-card__img img{
		vertical-align: text-top;
	}
.event-back-wrap{
	padding: 50px 0 70px;
}
.event-back{
	display: block;
	width: 180px;
	margin: 0 auto;
	border: 1px solid #57c3ea;
	background-color: #57c3ea;

	text-align: center;
	color: #ffffff;
	font-size: 1.8rem;
	font-weight: bold;
}
.event-back:hover{
	border: 1px solid #57c3ea;
	background-color: #ffffff;
	color: #57c3ea;
}
@media screen and (max-width: 767px) {
	.event-title{
		margin-bottom: 8px;
	}
	.event-card__text{
		float: none;
		width: auto;
		padding-right: 0;
	}
	.event-card__img{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
}

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

   #contact

========================================================================== */
#contact .tel{
	padding-left: 60px;

	font-size: 5.0rem;
	line-height: 1;
	background-image: url(/cms/sbs/common/images/icon_free.png);
	background-position: 0 20px;
	background-repeat: no-repeat;
	background-size: 50px 29px;
}
@media screen and (max-width: 767px) {
	#contact .tel{
		font-size: 3.0rem;
		background-position: 0 0;
	}
}
/* ==========================================================================

   #system

========================================================================== */
#system .smt-list{
	margin-bottom: 65px;
}
/* モーダルパネル */
.smt-sys-panel{
	display: none;
	position: relative;
	width: 100%;
	max-width: 600px;
	padding: 30px;
	border: 1px solid #57c3ea;
	background-color: #ffffff;
}
.smt-sys-panel-title{
	font-size: 1.8rem;
	font-weight: bold;

	margin-bottom: 20px;
	color: #57c3ea;
	border-bottom: 1px solid  #57c3ea;
}
.smt-sys-panel figure{
	text-align: center;
	margin-bottom: 20px;
}
.smt-sys-panel .smt-text-link{
	position: relative;
	width: 50%;
}
.smt-sys-panel .close{
	font-size: 1.2rem;
	line-height: 1.58;
	text-decoration: underline;

	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #0068b7;
	cursor: pointer;
}
@media screen and (max-width: 500px) {
	.smt-sys-panel{
		padding: 10px;
	}
}
/* ==========================================================================

   #concept

========================================================================== */
#concept .block-title{
	margin-bottom: 35px;

	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

#concept .smt-movie{
	margin-bottom: 60px;
}
#concept .smt-list{
	margin-bottom: 70px;
}

#concept .block-title span{
	padding-bottom: 5px;
	border-bottom: 5px solid #57c3ea;
}
#concept .img-wrapper{
	padding: 0 10px;
	text-align: center;
	background-color: #eaf6fd;
}
#concept .msg{
	padding: 40px 0 0;
	text-align: center;
	font-size: 3.0rem;
	color: #57c3ea;
}
/* ==========================================================================

   #function

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

#function .list2 .smt-list-item{
	position: relative;
	padding: 8px 70px 30px 70px;
	border: 1px solid #57c3ea;
}
#function .list2 .smt-list-item:not(:last-child){
	margin-bottom: 30px;
}
#function .list2 .smt-list-title-wrapper{
	position: relative;
	height: 100px;
	padding-top: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #57c3ea;
}

#function .list2 .smt-list-title-wrapper:after{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background-image: url(/cms/sbs/function/images/icon_care.png);
	background-position: 0 0;
	background-size: 100px auto;
	background-repeat: no-repeat;
}
#function .list2 .smt-list-item:nth-child(1) .smt-list-title-wrapper:after{ background-position: 0 0; }
#function .list2 .smt-list-item:nth-child(2) .smt-list-title-wrapper:after{ background-position: 0 -100px; }
#function .list2 .smt-list-item:nth-child(3) .smt-list-title-wrapper:after{ background-position: 0 -200px; }
#function .list2 .smt-list-item:nth-child(4) .smt-list-title-wrapper:after{ background-position: 0 -300px; }
#function .list2 .smt-list-item:nth-child(5) .smt-list-title-wrapper:after{ background-position: 0 -400px; }


#function .list2 .smt-list-title{
	margin-left: -70px;
}
#function .list2 .smt-list-title:before{
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url(/cms/sbs/function/images/num_care.png);
	background-position: 0 0;
	background-size: 50px auto;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 15px;
}
#function .list2 .smt-list-item:nth-child(1) .smt-list-title:before{ background-position: 0 0; }
#function .list2 .smt-list-item:nth-child(2) .smt-list-title:before{ background-position: 0 -50px; }
#function .list2 .smt-list-item:nth-child(3) .smt-list-title:before{ background-position: 0 -100px; }
#function .list2 .smt-list-item:nth-child(4) .smt-list-title:before{ background-position: 0 -150px; }
#function .list2 .smt-list-item:nth-child(5) .smt-list-title:before{ background-position: 0 -200px; }

#function .list2 .smt-list-title span{
	width: calc( 100% - 70px );
	display: inline-block;
	vertical-align: middle;

	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.25;
	color: #57c3ea;
	text-align: left;
}

#function .list2 .smt-list-text{
	padding: 0 120px 0 0;
}
#function .list2 .list-link{
	text-align: right;
	font-size: 1.2rem;
	margin-top: -1.5em;
}
#function .list2 .list-link span{
	color: #0068b7;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	#function .list2 .smt-list-item{
		padding: 30px 10px 30px 10px;
	}
	#function .list2 .smt-list-title-wrapper{
		height: auto;
	}
	#function .list2 .smt-list-title{
		margin-left: 0;
	}
	#function .list2 .smt-list-title-wrapper:after{
		position: relative;
		margin: 0 auto;
	}
	#function .list2 .smt-list-text{
		padding: 0;
	}
	#function .list2 .list-link{
		text-align: right;
		font-size: 1.2rem;
		margin-top: 0;
	}
}		
/* ==========================================================================

   #plan

========================================================================== */
#plan .attention{
	display: none;
}
#plan .table-wrapper{
	width: 100%;
	margin-bottom: 10px;
	border-left: 1px solid #57c3ea;
	border-right: 1px solid #57c3ea;
}
#plan .table-wrapper:after{
	content: '';
	display: block;
	clear: both;
}
#plan .table-head{
	width: 160px;
	border-right: 1px solid #57c3ea;
	float: left;
}
#plan .table-body{
	width: calc( 100% - 160px );
	overflow: auto;
	float: left;
	-webkit-overflow-scrolling: touch;
}
#plan .table-head img,
#plan .table-body img{ max-width: none;}

.ui-table{
	display: table;
	width: 100%;
}
.ui-table-cell{
	display: table-cell;
}
#plan .ui-table{
	padding: 15px 25px;
}
#plan .ui-table-cell{
	vertical-align: middle;
}
#plan .ui-table-cell:nth-child(1){ width: 210px; text-align: center;}
#plan .ui-table-cell:nth-child(2){ width: calc( 100% - 210px ); padding-left: 20px;}


#plan .plus{
	padding: 25px 0 30px;
}
#plan .point{
	margin-bottom: 50px;
	padding: 9px 0 9px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	background-color: #d3edfb;
}
.plan-block{
	border: 1px solid #57c3ea;
}
.plan-block-title{
	font-size: 1.8rem;
	font-weight: bold;
	color: #57c3ea;
	border-bottom: 1px solid #57c3ea;
	margin-bottom: 0.5em;
}

#plan .link-wrapper{
	text-align: right;
	margin-top: -3em;
}

#plan figure {
	max-width: 380px;
	margin: 0 auto;
}
#plan figcaption{
	padding: 10px 0 30px;
}

#plan .color-blue{ color: #57c3ea; }
#plan .color-green{ color: #bce1df; }


@media screen and (max-width: 1000px) {
	#plan .attention{
		display: block;
	}
	#plan .link-wrapper{
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	#plan .ui-table{
		display: block;
		padding: 15px 10px;
	}
	#plan .ui-table-cell{
		display: block;
		vertical-align: middle;
		width: auto !important;
		padding: 0 !important;
	}
}
/* ==========================================================================

   

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

.f-a1{ font-family: 'A1 Mincho', serif; letter-spacing: 0.075em;}
.f-mb101-l{ font-family: 'Gothic MB101 Light', sans-serif; }
.f-mb101-r{ font-family: 'Gothic MB101 Regular', sans-serif; }
.f-mb101-m{ font-family: 'Gothic MB101 Medium', sans-serif; }
.f-mb101-b{ font-family: 'Gothic MB101 Bold', sans-serif; }


.text-left{ text-align: left; }
.text-center{ text-align: center !important;}
.text-right{ text-align: right; }
.text-kerning-kna{
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
}
.text-kerning{
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}

.f-size-xs{ font-size: 1.2rem; }
.f-size-sm{ font-size: 1.4rem; }
.f-size-def{ font-size: 1.6rem; }
.f-bold{ font-weight: bold }


/*.f-size-lg,
.gl-section-title{ 
	font-size: 2.8rem;
	letter-spacing: 0.1em;
	line-height: 1.45;
}
.f-size-xlg,
.gl-headline{
	font-size: 4.8rem;
	line-height: 1.45;
}
.f-size-exlg,
.gl-headline-ex{
	font-size: 9.75rem;
	line-height: 1.45;
}*/

@media screen and (max-width: 767px) {
	.f-size-lg,
	.gl-section-title{ 
		font-size: 2.2rem;
	}

	.f-size-xlg,
	.gl-headline{
		font-size: 2.6rem;
	}
	.f-size-exlg,
	.gl-headline-ex{
		font-size: 5.2rem;
	}
}

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

   ユーティリティ

========================================================================== */
.text-underline{
	text-decoration: underline;
}
.text-indent{
	text-indent: 1em;
}
.u-indent{
	text-indent: -1em;
	padding-left: 1em;
}
/*.u-mb-1em{ margin-bottom: 1em; }
.u-mb-2em{ margin-bottom: 2em; }*/
.u-mb-1{ margin-bottom: 1rem; }
.u-mb-2{ margin-bottom: 2rem; }
.u-mb-3{ margin-bottom: 3rem; }

.u-inline-block{ display: inline-block; }
.u-block{ display: block; }
.u-underline{ border-bottom: 1px solid #808080; }
a.link-underline{
	text-decoration: underline !important;
}

.u-inline-block{
	display: inline-block;
	vertical-align: middle;
}
.u-clearfix:after{
	content: '';
	clear: both;
	display: block;
}
.u-va-middle{
	font-size: 0;
}
.u-va-middle > *{
	font-size: 1.6rem;
}
.u-va-middle:before{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.u-va-bottom:before{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: bottom;
}

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

   

========================================================================== */
small{
	font-size: inherit;
}

#gl-btn-pagetop{
	position: fixed;
	display: block;
	width: 94px;
	bottom: 20px;
	right: 20px;
	z-index: 10;

	border-radius: 15%;
	border: 1px solid #333333;
	overflow: hidden;
}
#gl-btn-pagetop.normal{
	position: absolute;
	right: 20px;
	bottom: 60px;
}
@media screen and (max-width: 767px) {
	#gl-btn-pagetop{
		width: 47px;
		bottom: 10px;
		right: 10px;
	}
	#gl-btn-pagetop.normal{
		right: 10px;
		bottom: 10px;
	}
}
/* ==========================================================================

   

========================================================================== */
/*
通常のテキストボックス
*/
.text-justify{
	text-align: justify;
  	text-justify: inter-ideograph;
}
.text-block{
	font-size: 1.6rem;
	line-height: 1.625;

	text-align: justify;
  	text-justify: inter-ideograph;
}
.text-block__title{
	font-size: 2.3rem;
}
.font--middle{
	font-size: 1.6rem;
}
.font--large{
	font-size: 1.8rem;
}
.text-block ul li{
	text-indent: -1.25em;
	padding-left: 1.25em;
}
@media screen and (max-width: 767px) {
	.text-block{
		font-size: 1.4rem;
	}
}

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

   header

========================================================================== */
header{
	position: fixed;
	width: 100%;
	height: 115px;
	top: 0;
	left: 0;
	z-index: 100;
	box-shadow: 0px 4px 3px -3px rgba(51, 51, 51, 0.24706);
	background-color: #ffffff;
}
/* Blue Bar */
header:after{
	position: absolute;
	display: block;
	content: '';
	bottom: 0;
	width: 100%;
	height: 40px;
	background: linear-gradient(#a0d8ef, #00b9e7);
}
header .header-upper{
	position: relative;
	height: 75px;
	background-color: #ffffff;
}
/* PARAMOUT BED */
header .logo-corporate{
	width: 344px;
	padding-top: 15px;
}
/* Smart Bed System */
header .logo{
	position: absolute;
	width: 220px;
	top: 44px;
	right: 0;
	z-index: 1;
}
/* form */
header .search-box{
	position: absolute;
	display: block;
	top: 35px;
	right: 240px;
}
/* icon_search */
header .search-box:before{
	position: absolute;
	display: block;
	content: '';
	top: 5px;
	left: 0;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-image: url(/cms/sbs/common/images/icon_search.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 20px 40px;
	border: none;
	z-index: 1;
}
header .search-box form{
	height: 100%;
}
header .search-box input[type="search"]{
	font-size: 1.3rem;
	width: 120px;
	padding: 0;
	margin: 0 0 0 30px;
	border: 0;
	outline: 0;
	border-bottom: 1px solid #3e3a39;
	vertical-align: top;
}
/*header .search input[type="submit"]{
	width: 20px;
	vertical-align: bottom;
	background: url(/cms/sbs/common/images/icon_search.png) 0 100% no-repeat;
	background-size: 20px 20px;
	border: none;
}*/
header nav{
	position: relative;
	margin: 0 -10px 0 -10px;
	height: 40px;
	z-index: 1;
}
header nav:after{
	content: '';
	display: block;
	clear: both;
}
header nav ul{
	width: 100%;
}
header nav ul li{
	position: relative;
	float: left;
	width: 14.285%;
	/*width: calc( 100% / 7 );*/
	height: 100%;
	line-height: 40px;
}
/* 区切り線 */
header nav ul li:not(:last-child):after{
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	right: 0;
	top: 7px;
	bottom: 7px;
	background-color: #ffffff;
}
header nav a{
	font-size: 1.7rem;
	color: #ffffff;
	text-align: center;

	position: relative;
	display: block;

	transition: all 300ms;
}

header nav a:hover,
header nav a.select{
	left: -1px;
	width: calc( 100% + 2px );
	color: #57c3ea;
	background: linear-gradient(#ffffff, #e6e6e6);
}
@media screen and (max-width: 1000px) {
	header nav a{
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px) {
	header img{
		vertical-align: bottom;
	}
	header{
		height: auto;
	}
	/* Blue Bar */
	header:after{
		height: 50px;
	}
	header .header-upper{
		height: 100px;
		margin-left: -10px;
		margin-right: -10px;
	}
	/* PARAMOUT BED */
	header .logo-corporate{
		font-size: 0;
		
		width: 100%;
		height: 50px;
		padding: 12px 0 12px;
		text-align: center;
	}
	header .logo-corporate img{
		width: auto;
		height: 100%;
	}
	/* Smart Bed System */
	header .logo{
		font-size: 0;

		position: absolute;
		top: auto;
		right: auto;
		bottom: 15px;
		left: 10px;
	}
	/* icon_search */
	header .search-btn{
		font-size: 0;
		position: absolute;
		bottom: 5px;
		right: 40px;
		width: 40px;
		height: 40px;
		padding: 10px;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
	}
	header .search-btn:before{
		content: '';
		position: absolute;
		display: block;
		top: 10px;
		left: 10px;
		width: 20px;
		height: 20px;
		background-image: url(/cms/sbs/common/images/icon_search.png);
		background-position: 0 -20px;
		background-repeat: no-repeat;
		background-size: 20px 40px;
		z-index: 2;
	}
	
	header nav{
		position: absolute;
		width: 100%;
	}
	header nav ul{
		background-color: #ffffff;
	}
	header nav ul li{
		float: none;
		width: auto;
		height: auto;
	}
	header nav a{
		color: #57c3ea;
		background-color: transparent !important;
		border-bottom: 1px solid #57c3ea;
		/*border-bottom: 1px solid rgba(255,255,255,0.5);*/
	}
	header nav a:hover,
	header nav a.select{
		color: #57c3ea;
		background: none;
	}

	/* = */
	header .navi-btn{
		position: absolute;
		bottom: 5px;
		right: 0;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 5;
	}
	header .navi-btn .css-bar,
	header .navi-btn .css-bar:before,
	header .navi-btn .css-bar:after{
		display: block;
		position: absolute;
		top: 19px;
		width: 24px;
		height: 2px;
		background: #ffffff;
	}
	header .navi-btn .css-bar{ left: 8px; }
	header .navi-btn .css-bar:before{ content: ""; top: -6px; }
	header .navi-btn .css-bar:after{ content: ""; top: 6px; }
	header .navi-btn .css-bar.close{ background: transparent; }
	header .navi-btn .css-bar.close:before{ transform: translate(-50%, -2px) rotate(45deg); }
	header .navi-btn .css-bar.close:after{ transform: translate(-50%, -2px) rotate(-45deg); }
}

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

   Footer

========================================================================== */
footer{
	color: #ffffff;

	height: 85px;
	padding: 25px 10px 0;
	background-color: #57c3ea;
}
footer .copyright{
	font-size: 1.2rem;
	line-height: 1.5;
}
footer .logo{
	float: right;
}
footer nav{
	float: left;
}
footer nav li{
	display: inline-block;
}
footer nav li:not(:last-child):after{ content: '|'; padding: 0 5px; }
footer nav a{
	color: inherit;
}
footer nav a:hover{
	color: inherit;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	footer{
		height: auto;
		padding: 25px 10px 10px;
	}
	footer .copyright{
		text-align: center;
	}
	footer .logo{
		float: none;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	footer nav{
		float: none;
		text-align: center;
	}
}

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

   Print

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

/*@media print{
	html,body{
		width: 210mm;
	}
	.gl-header .gl-navi{
		display: block !important;
	}
	.gl-header .gl-navi{
		font-size: 1.1rem;
	}
	.bxslider{
		left: -210mm !important;
	}
	.bx-viewport{
     	height: auto !important; 
	}
	.bxslider .pic-wrapper{
		width: 210mm !important;
	}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
   }
   .col-sm-12 { width: 100%; }
   .col-sm-11 { width: 91.66666667%; }
   .col-sm-10 { width: 83.33333333%; }
   .col-sm-9 { width: 75%; }
   .col-sm-8 { width: 66.66666667%; }
   .col-sm-7 { width: 58.33333333%; }
   .col-sm-6 { width: 50%; }
   .col-sm-5 { width: 41.66666667%; }
   .col-sm-4 { width: 33.33333333%; }
   .col-sm-3 { width: 25%; }
   .col-sm-2 { width: 16.66666667%; }
   .col-sm-1 { width: 8.33333333%; }
}*/