@charset "UTF-8";
/* CSS Document */

html,body { height: 100%;}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #222;
}


/* menu icon
//////////////////////////////////////////////////////*/
#menuButton {
    display: block;
    width: 42px;
    height:42px;
    position: fixed;
    top: 30px;
    right: 20px;
    z-index: 9999;
}
#menuButton span {
    display: block;
    background: #fff;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menuButton p {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	
	-moz-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

#menuButton span:first-child { top: 12px;}
#menuButton span:nth-child(2) { margin-top: -1px; top: 50%;}
#menuButton span:nth-child(3) { bottom: 12px;}
#menuButton.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
#menuButton.active span:nth-child(2) { opacity: 0;}
#menuButton.active span:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}

/* header
//////////////////////////////////////////////////*/
#header {
	width: 100%;
	height: 110px;
	padding: 30px 20px 30px 30px;
	background-color: #6bc8eb;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
#header h1 {
	line-height: 0;
	padding: 5px 0;
	float: left;
}


/*#globalNavi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#globalNavi li {
	float: left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	letter-spacing: 1px;
	margin-left: 45px;
	position: relative;
}
#globalNavi li:first-child { margin-left: 0;}
#globalNavi li.comingsoon { color: #ddecf2; position: relative;}
#globalNavi li.comingsoon::after {
	content: "Coming Soon";
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
#globalNavi li a {
	color: #fff;
	text-decoration: none;
	position: relative;
}
#globalNavi li a .gnavOver {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -7px;
	opacity: 0;
}
#globalNavi li.hdrIn {
	border-left: #fff solid 1px;
	padding: 5px 0 5px 20px;
	margin-left: 30px;
	line-height: 0;
}
#globalNavi li.hdrTw,
#globalNavi li.hdrFb {
	line-height: 0;
	padding: 5px 0 5px;
	margin-left: 5px;
}
#globalNavi li.hdrIn a { background: url(../images/hdr_in.png) no-repeat right center; background-size: 40px auto;}
#globalNavi li.hdrTw a { background: url(../images/hdr_tw.png) no-repeat center center; background-size: 40px auto;}
#globalNavi li.hdrFb a { background: url(../images/hdr_fb.png) no-repeat center center; background-size: 40px auto;}
#globalNavi li.hdrIn img,
#globalNavi li.hdrTw img,
#globalNavi li.hdrFb img { width: 40px; height: auto;}*/

#globalNavi {
    float: none;
	position: fixed;
	top: 110px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	display: none;
	text-align: center;
	box-sizing: border-box;
	background: #fff;
}
#globalNavi ul {
	position: absolute;
	top: 50%;
	left: 50%;
    padding-bottom: 140px;
    margin-top: -55px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#globalNavi ul::after {
	content: "";
	position: fixed;
    bottom: 0;
	left: 50%;
	background: url(../images/gnav_logo.png) no-repeat center top;
    background-size: 100% auto;
    width: 66px;
    height: 38px;
    margin-left: -33px;
}
#globalNavi li {
    float: none;
    color: #6bc8eb;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: 1px;
	padding: 0 15px;
	margin-bottom: 20px;
    position: relative;
	text-align: center;
}
#globalNavi li a {
    color: #6bc8eb;
	text-decoration: none;
    position: relative;
	display: block;
}
#globalNavi li a:hover {
	color: #333;
}
#globalNavi li.comingsoon { color: #aae1f6;}
#globalNavi li.comingsoon::after {
    content: "COMING SOON";
    bottom: 50%;
    left: inherit;
	right: 15px;
    line-height: 0;
    text-align: left;
    width: auto;
}
#globalNavi li.hdrIn,
#globalNavi li.hdrTw,
#globalNavi li.hdrFb {
	display: block;
    border-left: none;
	border-bottom: none;
    padding: 0;
	background-color: #6bc8eb;
	width: 40px;
	height: 40px;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: fixed;
    bottom: 60px;
	left: 50%;
	line-height: 0;
}
#globalNavi li.hdrIn { margin: 0 0 0 -80px;}
#globalNavi li.hdrTw { margin: 0 0 0 -20px;}
#globalNavi li.hdrFb { margin: 0 0 0 40px;}

#globalNavi li.hdrIn a,
#globalNavi li.hdrTw a,
#globalNavi li.hdrFb a {
	height: 40px;
}

#globalNavi li.hdrIn a { background: url(../images/hdr_in_sp.png) no-repeat right center; background-size: 40px auto;}
#globalNavi li.hdrTw a { background: url(../images/hdr_tw_sp.png) no-repeat center center; background-size: 40px auto;}
#globalNavi li.hdrFb a { background: url(../images/hdr_fb_sp.png) no-repeat center center; background-size: 40px auto;}

/* footer
//////////////////////////////////////////////////*/
#footer {
	background-color: #6bc8eb;
	padding: 40px 80px 40px 40px;
	color: #fff;
	position: relative;
}
#ftrDeco {
	position: absolute;
	background: url(../images/ftr_deco.png) repeat-x center top;
	background-size: auto 10px;
	top: -9px;
	left: 0;
	width: 100%;
	height: 10px;
}

#ftrSns {
	float: right;
	border-right: #fff solid 1px;
	padding-right: 20px;
}
#ftrSns li {
	float: left;
	font-size: 11px;
	margin-left: 20px;
	padding-left: 10px;
	border-left: #fff solid 1px;
}
#ftrSns li a {
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 40px;
	padding-left: 40px;
}
#ftrSns li.ftrIn a { background: url(../images/hdr_in.png) no-repeat left center; background-size: 40px;}
#ftrSns li.ftrTw a { background: url(../images/hdr_tw.png) no-repeat left center; background-size: 40px;}
#ftrSns li.ftrFb a { background: url(../images/hdr_fb.png) no-repeat left center; background-size: 40px; }

.copyright {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 40px;
}
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}


/* common
//////////////////////////////////////////////////*/
#container {
	padding-top: 110px;
	width: 100%;
	overflow: hidden;
}
.wrap {
	max-width:1110px;
	margin-left: auto;
	margin-right: auto;
}


/* Top page
//////////////////////////////////////////////////*/

.slide_all {width: 1110px; margin: 0 auto; height: 560px; position: relative;}
.slide_wrap {width: 3330px; position: absolute; left: 50%; margin-left: -1665px;}
.slide_body {width: 100%;}
.slide {width: 1110px;}
.slide img {width: 100%; vertical-align: bottom;}
.slide{transition:all .3s;opacity:.5;}
.slide.active{ opacity:1;}

.slideSp { display: none;}

.csTxt {
	color: #6bc8eb;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 40px 0 100px;
}

#topSection01 {
	padding: 60px 15px;
}

#container.top h2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	padding-bottom: 25px;
	margin-bottom: 50px;
	position: relative;
}
#container.top h2::after {
	content: "";
	background: url(../images/title_deco.png) no-repeat center bottom;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 87px;
	height: 12px;
	margin-left: -43px;
}

.articleList {
	overflow: hidden;
	margin-bottom: 25px;
}
.articleList li {
	float: left;
	width: 25%;
	box-sizing: border-box;
	position: relative;
	padding: 10px;
}
.articleList li.new::before {
	content: url(../images/icon_new.png);
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 100;
}
.articleList li .listThumb { line-height: 0;}
.articleList li .listThumb img { width: 100%; height: auto;}
.articleList li a {
	display: block;
	color: #222;
	text-decoration: none;
}
.articleList li a div.bdT,
.articleList li a div.bdB,
.articleList li a div.bdR,
.articleList li a div.bdL {background: #b7d9e7; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s;}
.articleList li a div.bdT {width: 0; height:10px; top:0; left:0;}
.articleList li a div.bdB {width: 0; height:10px; bottom:0; right:0;}
.articleList li a div.bdR {height: 0; width :10px; right:0; top:0;}
.articleList li a div.bdL {height: 0; width :10px; left:0; bottom:0;}
/* No.1 */
.articleList li a:hover div.bdT {width: 100%;}
.articleList li a:hover div.bdB {width: 100%;}
.articleList li a:hover div.bdR {height: 100%;}
.articleList li a:hover div.bdL {height: 100%;}

.articleList li div.listTxt {
	padding: 20px 10px;
	font-size: 11px;
}
.articleList li div.listTxt p { margin-bottom: 10px;}
.articleList li div.listTxt h3 {
	color: #6bc8eb;
	font-size: 18px;
	margin-bottom: 10px;
}
.articleList li div.listTxt h3 span {
	font-size: 14px;
}

.btnViewAll {
	width: 170px;
	margin: 0 auto;
}
.btnViewAll a {
	background-color: #6bc8eb;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2px;
	display: block;
}

#topSection02 {
	background-color: #daeff7;
	padding: 60px 15px;
}
#topSection02 .articleList li .listTxt {
	background-color: #fff;
}

#topSection03 {
	background-color: #333333;
	padding: 60px 15px;
	color: #fff;
}
#topSection03 .articleList li a { color: #fff;}



/* interviews
//////////////////////////////////////////////////*/
#container.interviews {
	padding: 150px 15px 100px;
	box-sizing: border-box;
}
#container.interviews img { max-width: 100%; height: auto;}
#container.interviews .wrap { max-width: 1120px;}
#container.interviews h2 {
	color: #6bc8eb;
	border-bottom: #6bc8eb solid 1px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
}

.titleArea {
	position: relative;
}
.titleArea .name {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.titleArea span {
	font-size: 14px;
	letter-spacing: 0;
}
.titleArea span.number {
	color: #6bc8eb;
	font-size: 20px;
}
.titleArea .date {
	font-size: 13px;
	position: absolute;
	top: 0;
	right: 0;
}

.titleArea h3 {
	font-size: 32px;
	margin-bottom: 35px;
	font-weight: bold;
	color: #6bc8eb;
}

.mainImg {
	line-height: 0;
	margin-bottom: 45px;
}

.content {
	padding: 0 20px 30px;
	margin-bottom: 60px;
	overflow: hidden;
	border-bottom: #ddd solid 1px;
}
.content .txtBox { margin-bottom: 65px;}
.content .txtBox:last-child { margin-bottom: 0;}
.content h4 {
	color: #6bc8eb;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 35px;
	letter-spacing: 1px;
	clear: both;
}
.content p {
	margin-bottom: 30px;
	line-height: 2;
}
.content .interviewImg {
	float: right;
	margin: 0 0 50px 30px;
}
.content.saunaInfo { padding-bottom: 50px;}
.content.saunaInfo .saunaInfoTag {
	color: #6bc8eb;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	padding: 0;
	margin-bottom: 15px;
	border: #6bc8eb solid 1px;
	width: 120px;
}
.content.saunaInfo .saunaInfoTxt {
	float: left;
	width: 50%;
}
.content.saunaInfo h4 {
	font-size: 24px;
	margin-bottom: 20px;
}

.content.saunaInfo dl dt {
	width: 90px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.content.saunaInfo dl dd {
	margin-bottom: 10px;
	width: 100%;
	padding-left: 110px;
	box-sizing: border-box;
	position: relative;
}
.content.saunaInfo dl dd::before {
	content: "：";
	position: absolute;
	top: 0;
	left: 90px;
}

.content.saunaInfo a { color: #6bc8eb; text-decoration: underline;}
.content.saunaInfo a:hover { color: #1fa9dd; text-decoration: none;}

.temperature {
	float: right;
}
.temperature li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 180px;
	float: left;
	margin-left: 20px;
	text-align: center;
}
.temperature li.sauna { border: #eeb34c solid 1px;}
.temperature li.bath { border: #6bc8eb solid 1px;}

.temperature li h6 {
	line-height: 50px;
	color: #fff;
	font-size: 18px;
}
.temperature li.sauna h6 { background-color: #eeb34c;}
.temperature li.bath h6 { background-color: #6bc8eb;}

.temperature li p {
	line-height: 130px;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: bold;
}
.temperature li p span { font-size: 42px; padding: 0 6px;}
.temperature li.sauna p { color: #eeb34c;}
.temperature li.bath p { color: #6bc8eb;}


/* about
//////////////////////////////////////////////////*/
#container.about {
	padding: 150px 15px 100px;
	box-sizing: border-box;
}
#container.about img { max-width: 100%; height: auto;}
#container.about .wrap { max-width: 1120px;}
#container.about h2 {
	color: #6bc8eb;
	border-bottom: #6bc8eb solid 1px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
}
.groupName {
	font-size: 22px;
	font-weight: bold;
}
#container.about #groupLogo {
	text-align: center;
	padding: 100px 0;
	border-bottom: #ddd solid 1px;
	margin-bottom: 70px;
}

#container.about .content h5 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.groupInfoTxt {
	float: left;
	width: 50%;
}

.groupInfo dl dt {
	width: 90px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.groupInfo dl dd {
	margin-bottom: 10px;
	width: 100%;
	padding-left: 110px;
	box-sizing: border-box;
	position: relative;
}
.groupInfo dl dd::before {
	content: "：";
	position: absolute;
	top: 0;
	left: 90px;
}
.groupInfo dl dd a { color: #6bc8eb; text-decoration: underline;}
.groupInfo dl dd a:hover { color: #1fa9dd; text-decoration: none;}

.groupInfoLogo {
	float: right;
	padding: 50px;
	border: #ddd solid 1px;
	text-align: center;
	line-height: 0;
}
.groupInfoLogo img { width: 70%; height: auto;}

.saunersBnr {
	text-align: center;
}
.saunersBnr a:hover { opacity: 0.6;}


/* member
//////////////////////////////////////////////////*/
.memberList {
	overflow: hidden;
	padding: 40px 0;
}
.memberList li {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 30px;
	margin-bottom: 60px;
}
.memberList li div {
	margin-bottom: 25px;
	line-height: 0;
	border: #eaeaea solid 1px;
}
.memberList li div img { width: 100%; height: auto;}

.memberList li h3 {
	color: #6bc8eb;
	font-size: 20px;
	font-weight: bold;
}
.memberList li h3 span {
	font-size: 16px;
	font-weight: normal;
}
.memberList li p {
	color: #6bc8eb;
	font-size: 14px;
}
.memberList li dl {
	padding: 15px 0;
	font-size: 13px;
}
.memberList li dl dt {
	float: left;
	width: 80px;
	font-weight: bold;
}
.memberList li dl dd {
	padding-left: 100px;
	margin-bottom: 5px;
}

.memberList li dl dd a {
	color: #6bc8eb;
	text-decoration: underline;
}
.memberList li dl dd a:hover {
	color: #139dd1;
	text-decoration: none;
}


/* research
//////////////////////////////////////////////////*/
#container.research {
	padding: 150px 15px 100px;
	box-sizing: border-box;
}
#container.research img { max-width: 100%; height: auto;}
#container.research .wrap { max-width: 1120px;}
#container.research h2 {
	color: #6bc8eb;
	border-bottom: #6bc8eb solid 1px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
}
#container.research .titleJp {
	text-align: center;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 4px;
	text-indent: 4px;
	margin-bottom: 40px;
	margin-top: 60px;
	padding-bottom: 30px;
	position: relative;
}
#container.research .titleJp::after {
    content: "";
    background: url(../images/title_deco.png) no-repeat center bottom;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 87px;
    height: 12px;
    margin-left: -43px;
}
#container.research .researchTxt {
	text-align: center;
	max-width: 860px;
	margin: 0 auto 60px;
}
#container.research .researchTxt p {
	margin-bottom: 30px;
	line-height: 2;
}
#container.research p.pdfLink {
	max-width: 400px;
    margin: 0 auto 80px;
}
#container.research p.pdfLink a {
	display: block;
	background: url(../../research/images/icon_pdf.png) no-repeat 15px center;
	background-size: 50px;
	padding: 25px 30px 25px 60px;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	border: #d91d00 solid 2px;
	border-radius: 5px;
}
#container.research p.pdfLink a:hover {
	opacity: 0.5;
}

#container .newsList li {
	margin-bottom: 80px;
	padding-bottom: 30px;
	background: url(../images/line_wave.png) repeat-x center bottom;
}
#container .newsList li:last-child { border-bottom: none;}


#container.research p.notes {
	font-size: 11px;
	line-height: 1.6;
}

#container.research img {
	-webkit-backface-visibility: hidden;
}


@media screen and (max-width: 1250px) and (min-width: 1111px) {
#header {
    padding: 30px 10px 30px 15px;
}
#header h1 {
	padding: 8px 0;
}
#header h1 img {
	width: 280px;
	height: auto;
}
/*#globalNavi li {
    font-size: 16px;
    margin-left: 25px;
}
#globalNavi li.hdrIn {
    border-left: #fff solid 1px;
    padding: 5px 0 5px 10px;
    margin-left: 15px;
    line-height: 0;
}*/

}
@media screen and (max-width: 1110px) and (min-width: 981px) {
#header {
    padding: 30px 5px 30px 15px;
}
#header h1 {
	padding: 10px 0;
}
#header h1 img {
	width: 230px;
	height: auto;
}
/*#globalNavi li {
    font-size: 14px;
    margin-left: 25px;
}
#globalNavi li.hdrIn {
    border-left: #fff solid 1px;
    padding: 5px 0 5px 10px;
    margin-left: 15px;
    line-height: 0;
}*/

}
@media screen and (max-width: 980px) and (min-width: 871px) {
#header {
    padding: 30px 5px 30px 15px;
}
#header h1 {
	padding: 10px 0;
}
#header h1 img {
	width: 230px;
	height: auto;
}
/*#globalNavi li {
    font-size: 12px;
    margin-left: 15px;
}
#globalNavi li.hdrIn {
    border-left: #fff solid 1px;
    padding: 5px 0 5px 5px;
    margin-left: 12px;
    line-height: 0;
}*/

}

@media screen and (max-width: 870px) {
img { max-width: 100%; height: auto;}

/* header
//////////////////////////////////////////////////*/
#header {
    height: 55px;
    padding: 13px 10px 13px 15px;
}
#header h1 {
	line-height: 0;
	padding: 5px 0;
}
#header h1 img { width: 177px; height: auto;}

#menuButton {
    top: 6px;
    right: 5px;
}

#globalNavi {
    float: none;
	position: fixed;
	top: 55px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	display: none;
	text-align: center;
	box-sizing: border-box;
	background: #fff;
}
#globalNavi ul {
    width: 100%;
	top: 0;
	left: 0;
    position: relative;
    margin-top: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}
#globalNavi ul::after {
	content: "";
	position: fixed;
	bottom: 20px;
	left: 50%;
	background: url(../images/gnav_logo.png) no-repeat center top;
	background-size: 33px auto;
	width: 40px;
	height: 25px;
	margin-left: -20px;
}
#globalNavi li {
    float: none;
    color: #6bc8eb;
	border-bottom: #c7ebf9 solid 1px;
    font-size: 16px;
    line-height: 50px;
    letter-spacing: 1px;
    margin: 0;
	padding: 0 15px;
    position: relative;
	text-align: left;
}
#globalNavi li a {
    color: #6bc8eb;
    position: relative;
	display: block;
}
#globalNavi li.comingsoon { color: #aae1f6;}
#globalNavi li.comingsoon::after {
    content: "COMING SOON";
    bottom: 50%;
    left: inherit;
	right: 15px;
    line-height: 0;
    text-align: left;
    width: auto;
}
#globalNavi li.hdrIn,
#globalNavi li.hdrTw,
#globalNavi li.hdrFb {
	display: block;
    border-left: none;
	border-bottom: none;
    padding: 0;
	background-color: #6bc8eb;
	width: 40px;
	height: 40px;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: fixed;
	bottom: 65px;
	left: 50%;
}
#globalNavi li.hdrIn { margin: 0 0 0 -70px;}
#globalNavi li.hdrTw { margin: 0 0 0 -20px;}
#globalNavi li.hdrFb { margin: 0 0 0 30px;}

#globalNavi li.hdrIn a { background: url(../images/hdr_in_sp.png) no-repeat center center; background-size: 30px auto;}
#globalNavi li.hdrTw a { background: url(../images/hdr_tw_sp.png) no-repeat center center; background-size: 30px auto;}
#globalNavi li.hdrFb a { background: url(../images/hdr_fb_sp.png) no-repeat center center; background-size: 30px auto;}


/*#globalNavi li.hdrIn {
    border-left: #fff solid 1px;
    padding: 0 0 0 10px;
    margin-left: 0;
    line-height: 0;
}
#globalNavi li.hdrTw,
#globalNavi li.hdrFb {
    line-height: 0;
    padding: 0 0;
    margin-left: 5px;
}

#globalNavi li.hdrIn img,
#globalNavi li.hdrTw img,
#globalNavi li.hdrFb img {
    width: 30px;
    height: auto;
}

#globalNavi li.hdrIn a { background: url(../images/hdr_in_sp.png) no-repeat right center; background-size: 30px auto;}
#globalNavi li.hdrTw a { background: url(../images/hdr_tw_sp.png) no-repeat center center; background-size: 30px auto;}
#globalNavi li.hdrFb a { background: url(../images/hdr_fb_sp.png) no-repeat center center; background-size: 30px auto;}
*/

.slide_all { display: none;}
.slideSp { display: block; margin-bottom: 20px;}




/* footer
//////////////////////////////////////////////////*/
#footer {
    padding: 20px 80px 20px 40px;
    color: #fff;
    position: relative;
}
#ftrSns {
    float: none;
    padding-right: 0;
	margin-bottom: 10px;
}
#ftrSns li {
    float: left;
    font-size: 11px;
    margin-left: 0;
	margin-right: 10px;
    padding-left: 10px;
    border-left: #fff solid 1px;
}
#ftrSns li.ftrIn a {
    background: url(../images/hdr_in_sp.png) no-repeat left center;
    background-size: 40px;
}
#ftrSns li.ftrTw a {
    background: url(../images/hdr_tw_sp.png) no-repeat left center;
    background-size: 40px;
}
#ftrSns li.ftrFb a {
    background: url(../images/hdr_fb_sp.png) no-repeat left center;
    background-size: 40px;
}

#pagetop {
	bottom: 40px;
	right: 20px;
	width: 25px;
	height: auto;
}

.copyright {
	clear: both;
}


/* common
//////////////////////////////////////////////////*/
#container {
    padding-top: 55px;
    width: 100%;
    overflow: hidden;
}
.content {
    padding: 0 20px 20px;
    margin-bottom: 40px;
}


/* Top Page
//////////////////////////////////////////////////*/
#container.top h2 {
    padding-bottom: 20px;
}
#container.top h2::after {
    content: "";
    background: url(../images/title_deco.png) no-repeat center bottom;
    background-size: auto 6px;
    height: 8px;
}

.articleList li.new::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 15px;
	background: url(../images/icon_new.png) no-repeat left top;
	background-size: 30px auto;
	width: 30px;
	height: 44px;
}

/* interviews
//////////////////////////////////////////////////*/
#container.interviews {
    padding: 80px 15px 100px;
    box-sizing: border-box;
}
.temperature {
    width: 47%;
}
.temperature li {
    width: 48%;
    margin-left: 2%;
    box-sizing: border-box;
}
.temperature li p span {
    font-size: 38px;
}
.content .interviewImg {
    width: 50%;
}



/* about
//////////////////////////////////////////////////*/
#container.about {
    padding: 80px 15px 100px;
}
#container.about #groupLogo {
    text-align: center;
    padding: 50px 0;
    border-bottom: #ddd solid 1px;
    margin-bottom: 35px;
}
#container.about #groupLogo img { width: 30%; height: auto;}

.groupInfoTxt {
    float: none;
	margin-bottom: 50px;
    width: 100%;
}
.groupInfoLogo {
    float: none;
	width: 30%;
}


/* member
//////////////////////////////////////////////////*/
.memberList { padding: 20px 0;}
.memberList li {
    padding: 0 15px;
    margin-bottom: 40px;
}
.memberList li h3 { font-size: 18px;}
.memberList li h3 span { font-size: 14px;}
.memberList li dl { font-size: 12px;}
.memberList li dl dd { padding-left: 90px;}


}


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

/* footer
//////////////////////////////////////////////////*/
#footer {
    padding: 30px 15px;
}
#ftrDeco {
    background: url(../images/ftr_deco.png) repeat-x center top;
	background-size: auto 5px;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px;
}

#ftrSns {
    float: none;
    border-right: none;
    padding-right: 0;
	margin-bottom: 30px;
	width: 100%;
}
#ftrSns li {
    float: none;
    font-size: 12px;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.copyright {
    font-family: Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0.5px;
	padding-left: 5px;
	line-height: 1.6;
}
#pagetop {
    bottom: 20px;
    right: 10px;
	width: 25px;
}

/* common
//////////////////////////////////////////////////*/
#container {
    padding-top: 55px;
    width: 100%;
    overflow: hidden;
}


/* Top Page
//////////////////////////////////////////////////*/
#container.top h2 {
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#container.top h2::after {
    content: "";
    background: url(../images/title_deco.png) no-repeat center bottom;
    background-size: auto 6px;
}
#container.top #topSection03 h2::after {
    background: url(../images/title_deco.png) no-repeat center bottom;
    background-size: auto 5px;
}

#topSection01 {
    padding: 30px 15px;
}
.articleList li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    position: relative;
    padding: 10px;
}
.articleList li div.listTxt {
    padding: 10px 5px;
}
.articleList li div.listTxt p {
    margin-bottom: 5px;
}
.articleList li div.listTxt h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.articleList li div.listTxt h3 span { font-size: 12px;}
.articleList li.new::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 15px;
	background: url(../images/icon_new.png) no-repeat left top;
	background-size: 25px auto;
	width: 25px;
	height: 36px;
}

.csTxt {
    font-size: 16px;
    letter-spacing: 2px;
    padding: 40px 0 50px;
}

.btnViewAll a {
    line-height: 40px;
    font-size: 14px;
}


/* interviews
//////////////////////////////////////////////////*/
#container.interviews {
	padding: 80px 15px 50px;
	box-sizing: border-box;
}
#container.interviews h2 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: 1px;
}

.titleArea .name {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.titleArea span {
    font-size: 12px;
}
.titleArea span.number {
    font-size: 18px;
}

.titleArea .date {
    font-size: 11px;
    position: static;
    margin-bottom: 15px;
}
.titleArea h3 {
    font-size: 26px;
	line-height: 1.4;
    margin-bottom: 30px;
}
.mainImg {
    margin-bottom: 25px;
}

.content {
    padding: 0 5px 15px;
    margin-bottom: 30px;
}
.content .txtBox {
    margin-bottom: 40px;
}
.content h4 {
    font-size: 18px;
    margin-bottom: 25px;
    letter-spacing: 0;
}
.content p {
    margin-bottom: 20px;
    font-size: 14px;
}
.content .interviewImg {
    float: none;
    margin: 0 0 25px 0;
    width: 100%;
}

.content.saunaInfo .saunaInfoTag {
    font-size: 11px;
    line-height: 25px;
    margin-bottom: 10px;
    width: 100px;
}

.content.saunaInfo .saunaInfoTxt {
    float: none;
    width: 100%;
	margin-bottom: 40px;
}
.content.saunaInfo h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.content.saunaInfo dl { font-size: 12px;}

.temperature {
    float: none;
	width: 100%;
}
.temperature li {
    width: 48%;
    float: left;
	box-sizing: border-box;
}
.temperature li.sauna { margin: 0 4% 0 0;}
.temperature li.bath { margin: 0 0 0 0;}

.temperature li h6 {
    line-height: 35px;
    font-size: 16px;
}
.temperature li p {
    line-height: 90px;
    font-size: 20px;
}
.temperature li p span {
    font-size: 32px;
}


/* about
//////////////////////////////////////////////////*/
#container.about {
    padding: 80px 15px 50px;
    box-sizing: border-box;
}
#container.about h2 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: 1px;
}
.groupName {
    font-size: 20px;
}
#container.about #groupLogo {
    text-align: center;
    padding: 50px 0;
    border-bottom: #ddd solid 1px;
    margin-bottom: 30px;
}
#container.about #groupLogo img {
    width: 60%;
    height: auto;
}

.groupInfoTxt {
    float: none;
    width: 100%;
	margin-bottom: 30px;
}
.groupInfoLogo {
    float: none;
    padding: 30px 55px;
    box-sizing: border-box;
    width: 100%;
}
.groupInfo dl dt {
    width: 70px;
}
.groupInfo dl dd {
    width: 100%;
    padding-left: 90px;
}
.groupInfo dl dd::before {
    content: "：";
    left: 70px;
}

/* member
//////////////////////////////////////////////////*/

.memberList li {
    float: none;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 30px;
}
.memberList li div { margin-bottom: 15px;}
.memberList li h3 { font-size: 18px;}
.memberList li h3 span { font-size: 14px;}
.memberList li p { font-size: 13px;}
.memberList li dl {
    padding: 10px 0;
    font-size: 11px;
}

/* research
//////////////////////////////////////////////////*/
#container.research {
    padding: 80px 15px 100px;
    box-sizing: border-box;
}

#container.research h2 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: 1px;
	line-height: 1.4;
}

#container.research .titleJp {
    font-size: 20px;
    letter-spacing: 3px;
    text-indent: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 15px;
}
#container.research .titleJp::after {
    content: "";
    background: url(../images/title_deco.png) no-repeat center bottom;
	background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 44px;
    height: 10px;
    margin-left: -22px;
}

#container.research .researchTxt {
    margin: 0 auto 40px;
}
#container.research p.pdfLink {
    margin: 0 auto 50px;
}
#container.research .researchTxt p {
    margin-bottom: 30px;
    line-height: 2;
    font-size: 12px;
	text-align: left;
}
#container.research p.pdfLink a {
    background: url(../../research/images/icon_pdf.png) no-repeat 10px center;
    background-size: 25px;
    padding: 15px 20px 15px 40px;
    font-size: 13px;
}
	
#container .newsList li {
    margin-bottom: 50px;
    padding-bottom: 10px;
    background: url(../images/line_wave_sp.png) repeat-x center bottom;
	background-size: auto 5px;
}

}