@charset "UTF-8";

/*------------------------------------------------------------------------------
	羽立工業株式会社 - SP CSS
	URL: http://www.hatachi.jp/
	Date: 2016-09-02
	Copyright (C) HATACHI GROUP. All rights reserved.
------------------------------------------------------------------------------*/

/*============================================================================================================================
	スマートフォン　640px未満
============================================================================================================================*/

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

.pc {
	display: none;
}
.sp {
	display: block;
}
img {
	max-width: 100%;
	height: auto;
}

/*==============================================================
	header : ヘッダ
===============================================================*/

header {
	background: #008ba5;
	padding: 3.2% 0 0;
}
header .headInner {
	width: auto;
}
header #tagline {
	position: static;
	font-size: 0.55rem;
	color: #fff;
	text-align: center;
	margin: 0 0 7%;
}
header #tagline br {
	display: none;
}
header #corp, header #hTel, header #tag #corpLogo {
	display: none;
}
header #tag {
	position: static;
}
header #spTop {
	display: block;
	position: relative;
}
header #spTop span {
	display: none;
}
header #spTop a {
	position: absolute;
	top: 16px;
	left: 5%;
}
header #spTop a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-top: solid 4px #fffcfc;
	border-right: solid 4px #fffcfc;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* #siteTitle */
header h1#siteTitle {
	padding: 0 0 7%;
	width: 60%;
	margin: auto;
}
header h1#siteTitle img {
	width: 100%;
	height: auto;
}
/* targetBtn */
header .targetBtn {
	display: block;
	position: absolute;
	top: 0;
	right: 3%;
	zoom: 80%;
	padding-top: 17%;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 44px;
	cursor: pointer;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
 0% {
 -webkit-transform: translateY(20px) rotate(45deg);
}
 50% {
 -webkit-transform: translateY(20px) rotate(0);
}
 100% {
 -webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar01 {
 0% {
 transform: translateY(20px) rotate(45deg);
}
 50% {
 transform: translateY(20px) rotate(0);
}
 100% {
 transform: translateY(0) rotate(0);
}
}
.menu-trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
 0% {
 -webkit-transform: translateY(-20px) rotate(-45deg);
}
 50% {
 -webkit-transform: translateY(-20px) rotate(0);
}
 100% {
 -webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar02 {
 0% {
 transform: translateY(-20px) rotate(-45deg);
}
 50% {
 transform: translateY(-20px) rotate(0);
}
 100% {
 transform: translateY(0) rotate(0);
}
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
 0% {
 -webkit-transform: translateY(0) rotate(0);
}
 50% {
 -webkit-transform: translateY(20px) rotate(0);
}
 100% {
 -webkit-transform: translateY(20px) rotate(45deg);
}
}
@keyframes active-menu-bar01 {
 0% {
 transform: translateY(0) rotate(0);
}
 50% {
 transform: translateY(20px) rotate(0);
}
 100% {
 transform: translateY(20px) rotate(45deg);
}
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
 0% {
 -webkit-transform: translateY(0) rotate(0);
}
 50% {
 -webkit-transform: translateY(-20px) rotate(0);
}
 100% {
 -webkit-transform: translateY(-20px) rotate(-45deg);
}
}
@keyframes active-menu-bar03 {
 0% {
 transform: translateY(0) rotate(0);
}
 50% {
 transform: translateY(-20px) rotate(0);
}
 100% {
 transform: translateY(-20px) rotate(-45deg);
}
}
/* #globalNav 
----------------------------------------------------*/

header #globalNav {
	display: none;
	background: #fff;
	border-bottom: 4px solid #008ba5;
}
header #globalNav ul {
	width: auto;
	display: block;
}
header #globalNav ul li {
	position: relative;
	float: none;
	border-top: 1px dashed #addde5;
}
	
header #globalNav ul li.navCont {
	display: block;
}
header #globalNav ul li:first-child {
	border: none;
}
/*header #globalNav ul li:nth-child(8):after {
	content:"";
	padding: 3px 20px 0 0;
	background: url(../img/ico/ico_link.png) no-repeat right top;
	position:absolute;
}*/
/*
	header #globalNav ul li:nth-child(7) a:before {
	padding: 3px 20px 0 0;
	background: url(../img/ico/ico_link.png) no-repeat right top;
}
*/
header #globalNav ul li.navCont span img{
	display: block;
	position: relative;
}
header #globalNav ul li.navCont span img{
	display: block;
	position: absolute;
	top: 10px;
    left: 23%;
}
header #globalNav ul li a {
	padding: 4% 3.2%;
	text-decoration: none;
	color: #62544e;
}
header #globalNav ul li a:hover, header #globalNav ul li a.current {
	background: #addde5;
}
header #globalNav ul li a:before {
	content: attr(data-label);
}
header #globalNav ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px #008ba5;
	border-right: solid 2px #008ba5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
header #globalNav ul li img {
	display: none;
}
header #globalNav ul li.noLink {
	display: none;
}
/*==============================================================
	#headline : パンクズ
===============================================================*/

#headline h1#pageTitle {
	margin: 10% 0;
	font-size: 1.5rem;
}
#headline h1#pageTitle span {
	font-size: 1.2rem;
}
/*==============================================================
	#main : 主コンテンツ
===============================================================*/

#main h1.secTtl {
	font-size: 1.6rem;
}
#main h1.secTtl span {
	font-size: 1rem;
}
#main .btn a {
	padding: 4% 0 3.2% 15px;
	line-height: 1;
}
#main p.presentBnr {
	margin-top: 8%;
}
/* .toTop */
.toTop {
	width: auto;
}
.toTop a {
	margin-right: 3.2%;
}
.inq_box {
	margin: 0 auto 12% !important;
	padding: 6% 3%;
}
.inq_box .tl {
	font-size: 120%;
	text-align: left;
}
.inq_box .fl_box {
	display: block;
	padding: 0;
	width: 100%;
}
.inq_box .left_box,
.inq_box .right_box {
	width: 100%;
}
 .left_box {
	margin-bottom: 3%;
}
.inq_box .txt {
	font-size: 85%;
}
.inq_box .btn {
	font-size: 120%;
	box-shadow: 7px 7px 0 0 #6a6a6a;
}
.inner_wrap {
	padding: 0 3%;
}

/*============================================
	body#home : トップページ
============================================*/

/* #mainvisual */
body#home #mainvisual{
	padding-bottom: 8%;
}
body#companyIndex #mainvisual{
	padding-bottom: 0 !important;
}
body#home #mainvisual .slides li{
	padding-bottom: 7%;
}

body#companyIndex #mainvisual .slides li{
	padding-bottom: 11%;
}
    
body#home #mainvisual .visInner h1,
body#companyIndex #mainvisual .visInner h1{
	height: 90%;
}
body#home #mainvisual .visInner h1 img,
body#companyIndex #mainvisual .visInner h1 img{
	height: 90%;
}
body#home #mainvisual .visInner p,
body#companyIndex #mainvisual .visInner p{
	left: 0;
	bottom: 0;
	font-size: 1.2rem;
	padding: 2% 0 1.8%;
	top: auto;
	width: 100%;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
body#home #mainvisual img.visual,
body#home #mainvisual .flex-direction-nav,
body#companyIndex #mainvisual img.visual,
body#companyIndex #mainvisual .flex-direction-nav{
	display: none;
}
body#home #mainvisual img.visual_sp,
body#companyIndex #mainvisual img.visual_sp{
	display: block !important;
}
    
body#companyIndex #nicepeople .bgBox {
    margin-top: 0;
}
    
/* #movGallery */
body#home #main #movGallery {
	width: auto;
	padding: 10% 3.2% 10%;
}
#main #movGallery p.maintxt {
	text-align: left;
	line-height: 1.5;
	margin-bottom: 5%;
}
#main #movGallery .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#main #movGallery .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 82% !important;
}
#main #movGallery .youtube p {
	padding-top: 15px;
}
/* #aboService */
body#home #main #aboService {
	width: auto;
	padding: 15% 3.2% 10%;
}
body#home #main #aboService .floatL, body#home #main #aboService .smileTxt, #main #aboService .forMunicipal, #main #aboService .forCompany {
	width: auto;
	float: none;
}
body#home #main #aboService .floatL {
	width: 70%;
	margin: 0 auto 8%;
}
body#home #main #aboService .smileTxt h2 {
	font-size: 1.1rem;
	font-weight: bold;
}
body#home #main #aboService .smileTxt h2 br {
	display: none;
}
body#home #main #aboService .smileTxt .btn a {
	margin: auto;
}
#main #aboService .forMunicipal p, #main #aboService .forCompany p {
	line-height: 1.5;
}
#main #aboService .forMunicipal p img, #main #aboService .forCompany p img {
	margin: 0 10% 5%;
	width: 80%;
}
#main #aboService .forMunicipal p.btn a, #main #aboService .forCompany p.btn a {
	float: right;
}
/* coming soon対応 */
#main #aboService .forCompany p span {
	width: 85%;
}
#main #aboService .forCompany p span {
	top: 53%;
	font-size: 2.4rem;
}
/* #wellLab */
body#home #main #wellLab {
	padding: 10% 3.2%;
}
body#home #main #wellLab p {
	text-align: left;
	line-height: 1.5;
	margin-bottom: 8%;
}
body#home #main #wellLab ul li {
	width: 48%;
	margin: 0 0 5%;
}
body#home #main #wellLab ul li:nth-child(odd) {
	float: left;
}
body#home #main #wellLab ul li:nth-child(even) {
	float: right;
}
body#home #main #wellLab ul li a p.photo {
	text-align: center;
}
body#home #main #wellLab ul li a p.photo img {
	height: 130px;
}
body#home #main #wellLab p.btn {
	margin: 0;
	padding: 5% 0 0;
}
body#home #main #wellLab p.btn a {
	margin: auto;
	padding: 4% 0 3.2% 15px;
	float: none;
}
/* #consul */
body#home #main #consul {
	padding: 10% 0 15%;
}
body#home #main #consul ul li {
	margin: 0 0 5%;
	width: 48%;
}
body#home #main #consul .btn a {
	padding: 4% 0 3.2% 15px;
	margin: 10% auto;
}
body#home #main p.licenseBnr {
	margin: 0 3.2% 5%;
}
body#home #main p.presentBnr {
	margin: 0 3.2%;
}
/*============================================
	body#serviceIndex : 健康増進支援サービスとは？
============================================*/

/* #lead */
body#serviceIndex #main #lead {
	padding: 0 3.2% 10%;
}
body#serviceIndex #main #lead h1 {
	width: 70%;
	height: auto;
	margin: 0 auto 8%;
}
body#serviceIndex #main #lead h2 {
	font-size: 1.1rem;
	margin-bottom: 3.2%;
	text-align: left;
	font-weight: bold;
}
body#serviceIndex #main #lead h2 br {
	display: none;
}
body#serviceIndex #main #lead p.mainTxt {
	width: auto;
	margin-bottom: 10%;
}
body#serviceIndex #main #lead div {
	width: auto;
	margin: 0 -3.2%;
}
body#serviceIndex #main #lead div img {
	display: block;
	margin-bottom: 2%;
}
/* #mechanism */
body#serviceIndex #main #mechanism {
	width: auto;
	padding: 0 0 15%;
}
body#serviceIndex #main #mechanism h1 {
	position: static;
	font-size: 1.6rem;
	margin-left: 3.2%;
}
body#serviceIndex #main #mechanism p {
	padding-top: 5%;
}
/* #aboService */
body#serviceIndex #main #aboService {
	width: auto;
	padding: 15% 3.2%;
}
body#serviceIndex #main #aboService h1 {
	margin-bottom: 8%;
}
/* #movGallery */
body#serviceIndex #main #movGallery {
	width: auto;
	padding: 15% 3.2%;
}
/* #switchArea */
body#serviceIndex #main #switchArea {
	width: 100%;
	margin-bottom: 12%;
}
body#serviceIndex #main #switchArea #socket {
	margin-bottom: 12%;
}
body#serviceIndex #main #switchArea .copy {
	margin-bottom: 4%;
}
body#serviceIndex #main #switchArea h1, body#serviceIndex #main #switchArea h2, body#serviceIndex #main #switchArea #socket, body#serviceIndex #main #switchArea .copy, body#serviceIndex #main #switchArea .switchBox {
	padding: 0 7%;
}
body#serviceIndex #main #switchArea .switchBox {
	margin-bottom: 8%;
}
body#serviceIndex #main #switchArea #graphBox img {
	padding: 7% 0;
}
body#serviceIndex #main #switchArea .issueTxt {
	font-size: 110%;
	padding: 4% 0;
	padding-left: 110px;
}
body#serviceIndex #main #switchArea .switchBox p strong {
	font-size: 100%;
}
/* #shikumiArea */
body#serviceIndex #main #shikumiArea h2 {
	padding: 0 3%;
}
body#serviceIndex #main #shikumiArea {
	margin: 0 0 4%;
	width: 100%;
}
body#serviceIndex #main #shikumiArea div {
	overflow: hidden;
	padding-bottom: 5%;
}
body#serviceIndex #main #shikumiArea .btn {
	margin: 0 4% 0;
}
body#serviceIndex #main #shikumiArea .btn a {
	padding: 10px 20px 8px 30px;
}
body#serviceIndex #shikumiArea img {
	width: 100%;
	height: auto;
	display: block;
}
body#serviceIndex #main #shikumiArea .presentBnr {
	margin: 0;
}
body#serviceIndex #main #shikumiArea .presentBnr {
	width: 80%;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* #record */
body#serviceIndex #main #record {
	width: auto;
	padding: 15% 0;
}
body#serviceIndex #main #record h1 {
	margin-bottom: 5%;
}
body#serviceIndex #main #record dl {
	position: relative;
	width: auto;
	margin: 8% 3.2% 10%;
	font-size: 0.9rem;
}
body#serviceIndex #main #record dl dt {
	padding: 3.2% 0;
	text-align: center;
}
body#serviceIndex #main #record dl dt span a {
	position: absolute;
	right: 0;
	bottom: -15%;
}
body#serviceIndex #main #record dl dd {
	padding: 2% 3.2%;
}
body#serviceIndex #main #record dl dd li .date {
	width: auto;
	display: block;
	margin-bottom: 5px;
}
/* #solution */
body#serviceIndex #main #solution {
	width: auto;
	padding: 15% 3.2%;
}
body#serviceIndex #main #solution h1 {
	margin-bottom: 8%;
}
body#serviceIndex #main #solution .mainTxt {
	width: auto;
	margin: 0 auto 5%;
	text-align: justify;
}
body#serviceIndex #main #solution ul li {
	width: 48%;
	overflow: hidden;
}
body#serviceIndex #main #solution .sList01 li {
    width:100% !important;
}
body#serviceIndex #main #solution ul li:nth-child(odd) {
	float: left;
	clear: both;
}
body#serviceIndex #main #solution ul li:nth-child(even) {
	float: right;
}
body#serviceIndex #main #solution ul li a {
	width: 100% !important;
	margin-bottom: 8% !important;
	float: none;
}
body#serviceIndex #main #solution ul li a img {
	max-width: none;
}
body#serviceIndex #main #solution ul li a .btn {
	width: 100%;
	padding: 4% 0;
	font-size: 0.9rem;
	text-align: center;
	background-image: none;
}
body#serviceIndex #main p.presentBnr {
	padding-top: 10%;
}
/*============================================
	body#municipalIndex : 自治体・包括・社協向けサービス
============================================*/

body#municipalIndex #main section h1 {
	font-size: 1.6rem;
}
body#municipalIndex #main section h1 span {
	font-size: 1rem;
}
/* #mainvisual */
body#municipalIndex #main #mainvisual {
	background: url(../../img/pho_mainvisual.jpg) no-repeat center center;
	background-size: auto 100%;
	min-height: 220px;
}
body#municipalIndex #main #mainvisual video {
	display: none;
}
body#municipalIndex #main #mainvisual .visInner h1 {
	height: 95%;
}
/* #lead */
body#municipalIndex #main #lead {
	width: auto;
	margin: auto;
	padding: 5% 3.2% 0;
}
body#municipalIndex #main #lead p.leadTtl img:first-child {
	width: 25%;
}
body#municipalIndex #main #lead p.leadTtl img:last-child {
	width: 70%;
}
body#municipalIndex #main #lead h1 {
	font-size: 1.3rem;
	line-height: 1.7;
	margin-bottom: 8%;
}
body#municipalIndex #main #lead h1 br {
	display: none;
}
body#municipalIndex #main #lead .leadTxt {
	width: auto;
	text-align: justify;
	margin-bottom: 8%;
}
/* #movGallery */
body#municipalIndex #main #movGallery {
	width: auto;
	padding: 15% 3.2%;
}
/* #supportpack */
body#municipalIndex #wrapper #main > section {
	padding: 5% 3.2% 8%;
	margin-bottom: 12%;
	height: auto;
}
body#municipalIndex #wrapper #main #supportpack {
	padding-bottom: 0;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .analysis .tbl001, body#municipalIndex #main #supportpack .supInner div, body#municipalIndex #wrapper #main > section {
	width: 100%;
}
body#municipalIndex #main #supportpack .supInner h1 {
	width: 65%;
	margin: 0 auto 6.4%;
	padding-left: 10%;
}
body#municipalIndex #main #supportpack .supInner .fukidashi1 {
	width: 42%;
	left: -14%;
	top: -50px;
}
body#municipalIndex #main #supportpack .supInner .fukidashi2 {
	width: 30%;
	right: 0;
	top: -70px;
}
body#municipalIndex #main #supportpack .mainPhoto {
	margin-bottom: 20%;
}
body#municipalIndex #main #supportpack .supInner div.schedule {
	background: none;
}
body#municipalIndex #main h2 img {
	height: 38px;
	width: auto;
}
body#municipalIndex #main #supportpack .supInner div.schedule .container > div {
	padding-left: 25%;
}
body#municipalIndex #main #supportpack .supInner div.schedule .container {
	overflow: hidden;
	padding: 0;
	background: url(../../municipal/img/bg_schedule_ylw.png) repeat-y 9% top;
	position: relative;
}
body#municipalIndex #main #supportpack .supInner div.schedule .container p {
	font-size: 1.0rem;
}
body#municipalIndex #main #supportpack .supInner div.schedule .container:after {
	content: "";
	width: 80px;
	height: 80px;
	background: url(../../municipal/img/bg_sp_support_schedule_goal.png) no-repeat;
	background-size: 100% auto !important;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2, body#municipalIndex #main #supportpack .supInner div.schedule .school, body#municipalIndex #main #supportpack .supInner div.schedule .volunteer {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	padding-top: 8%;
}
#supportpack .supInner div.schedule .volunteer {
	background: url(../../municipal/img/bg_sp_support_schedule_start.png) no-repeat left top;
	background-size: 20%;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2 dl {
	padding-left: 0;
	background: none;
	position: relative;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2 dl:before {
	content: "約1時間半";
	display: table-cell;
	width: 1em;
	height: 82%;
	position: absolute;
	text-align: center;
	padding-top: 30%;
	box-sizing: border-box;
	background: url(../../municipal/img/bg_sp_brn-dott.png) repeat-y center top;
	text-shadow: 0 2px 0 #fff5d7, 2px 0 0 #fff5d7, 0 -2px 0 #fff5d7, -2px 0 0 #fff5d7, -2px -2px 0 #fff5d7, 2px -2px 0 #fff5d7, -2px 2px 0 #fff5d7, 2px 2px 0 #fff5d7;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2 dl dt, body#municipalIndex #main #supportpack .supInner div.schedule .school2 dl dd {
	padding-left: 18%;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2 dl dt {
	position: relative;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2 dl dt:after {
	border-radius: 50%;
	display: block;
	border: 3px solid #91b821;
	background: #fff;
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 3%;
	left: 10%;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2 dl dt:last-of-type:after {
	border-color: #f2931d;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school {
	padding-top: 18%;
	background: url(../../municipal/img/bg_sp_support_schedule01.png) no-repeat 2% top, url(../../municipal/img/bg_sp_support_schedule02.png) no-repeat 2% bottom;
	background-size: 18% auto;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school:after {
	content: "";
	height: 2px;
	width: 78%;
	background: #c4af97;
	position: absolute;
	top: 6%;
	right: 0;
}
body#municipalIndex #main #supportpack .supInner div.schedule .school2 {
	padding: 4% !important;
	width: 78%;
	float: right;
	bottom: auto;
}
body#municipalIndex #main #supportpack .supInner div.schedule div h3 {
	margin-bottom: 3.2%;
	font-size: 1.4rem;
}
body#municipalIndex #main #supportpack .supInner div.schedule div p strong {
	margin: 3.2% 0 1.6%;
}
body#municipalIndex #main #supportpack .supInner div.schedule p[class*="Photo"] {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	padding: 3.2% 0;
}
body#municipalIndex #main #supportpack .supInner div.schedule .volPhoto {
	clear: both;
}
body#municipalIndex #main #supportpack .supInner div.schedule .volPhoto img {
	width: 50% !important;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .floatR {
	width: 100% !important;
	float: none;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .floatR h3 {
	font-size: 1.4rem;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .floatR h3 br {
	display: none;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .analysis h4 {
	font-size: 1.3rem;
	margin: 6.4% 0 3.2%;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .analysis .tbl001 {
	width: 67%;
	float: left;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .analysis .anaCommt {
	width: 38%;
	top: auto;
	bottom: 0;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .analysis {
	overflow: hidden;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .tbl002 tbody th, body#municipalIndex #main #supportpack .supInner div.dataUse .tbl002 tbody td {
	display: block;
	border: none;
	padding: 0;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .tbl002 tbody td.price {
	border-bottom: 1px dashed #7c6b63;
}
body#municipalIndex #main #supportpack .supInner div.dataUse .tbl002 tbody td.price em {
	font-weight: bold;
}
/* #fiveService */
body#municipalIndex #main #fiveService {
	margin-bottom: 12%;
	padding-top: 0 !important;
}
body#municipalIndex #main #fiveService .intro .phoL {
	margin: 0 auto;
	float: none;
	width: 65%;
}
body#municipalIndex #main #fiveService .intro div {
	padding: 0;
	float: none;
	width: 100%;
}
/* #fiveService -----first*/
body#municipalIndex #main #fiveService .first {
	position: relative;
}
body#municipalIndex #main #fiveService .first .floatR {
	float: none;
	position: absolute;
	top: 0;
	left: -10px;
	width: 28%;
}
body#municipalIndex #main #fiveService .first ul {
	margin-top: 0;
	padding-top: 0;
}
body#municipalIndex #main #fiveService .first ul li {
	width: 100% !important;
	float: none;
	margin-bottom: 3.2%;
	position: relative;
}
body#municipalIndex #main #fiveService .first ul li>img {
	float: left;
	width: 35%;
	margin: 0 3.2% 0 0;
	clear: both;
}
body#municipalIndex #main #fiveService .first ul li .arrow {
	right: 3%;
	top: -20%;
	left: auto;
	transform: rotateZ( 90deg );
}
body#municipalIndex #main #fiveService .first ul li .arrow img {
	margin: 0;
}
body#municipalIndex #main #fiveService .first ul li p {
	margin-bottom: 13px;
}
body#municipalIndex #main #fiveService .first .thClass {
	text-align: right;
	margin: 8% 0 3.2%;
}
body#municipalIndex #main #fiveService div h1.fivTtl + p, body#municipalIndex #main #fiveService div h1.fivTtl {
	font-size: 1.3rem;
	padding-left: 25%;
}
body#municipalIndex #main #fiveService div h1.fivTtl + p {
	font-size: 1.1rem;
}
body#municipalIndex #main #fiveService div dl dt:after {
	display: none;
}
body#municipalIndex #main #fiveService div dl dt, body#municipalIndex #main #fiveService div dl dd {
	float: none;
	padding: 3.2%;
	display: block;
	width: 100%;
	font-size: 1.1rem !important;
}
/* #fiveService -----second*/
body#municipalIndex #main #fiveService .second {
	padding-top: 20%;
	background: url(../../municipal/img/fig_sp_second.png) no-repeat -2% top;
	background-size: 23% auto;
}
body#municipalIndex #main #fiveService .second .floatL {
	display: none;
}
body#municipalIndex #main #fiveService .second .floatR {
	width: 100%;
	padding: 0;
}
body#municipalIndex #main #fiveService .second ul {
	margin: 14% 0;
}
body#municipalIndex #main #fiveService .second li {
	width: 50%;
	float: left;
	margin-bottom: 4%;
}
body#municipalIndex #main #fiveService .second li:nth-of-type(2n+1) {
	clear: left;
}
body#municipalIndex #main #fiveService .second .btn2 {
	position: relative;
	right: auto;
	bottom: auto;
	text-align: center;
	padding: 4% 0;
}
body#municipalIndex #main #fiveService .second .btn2 img {
	width: 50%;
}
/* #fiveService -----third*/
body#municipalIndex #main #fiveService .third {
	position: relative;
}
body#municipalIndex #main #fiveService .third .floatR {
	float: none;
	position: absolute;
	top: 0;
	left: -10px;
	width: 33%;
}
body#municipalIndex #main #fiveService .third ul li {
	width: 100% !important;
	float: none;
	margin-bottom: 3.2%;
	position: relative;
	overflow: hidden;
	text-align: left;
}
body#municipalIndex #main #fiveService .third ul li>img {
	float: left;
	width: 33%;
	margin: 0 3.2% 0 0;
	clear: both;
}
body#municipalIndex #main #fiveService .third h1.fivTtl + p, body#municipalIndex #main #fiveService .third h1.fivTtl {
	padding-left: 32%;
}
/* #fiveService -----fourth*/

body#municipalIndex #main #fiveService .fourth {
	position: relative;
}
body#municipalIndex #main #fiveService .fourth .floatR {
	width: 100% !important;
	padding-top: 0;
}
body#municipalIndex #main #fiveService .fourth ul {
	overflow: hidden;
	margin-bottom: 6.4%;
}
body#municipalIndex #main #fiveService .fourth ul li {
	width: 49%;
	float: left;
}
body#municipalIndex #main #fiveService .fourth ul li:first-of-type {
	margin-right: 2% !important;
}
body#municipalIndex #main #fiveService .fourth ul li .arrow {
	display: none;
}
body#municipalIndex #main #fiveService .fourth .floatL {
	float: none;
	position: absolute;
	top: 5%;
	left: -3px;
	width: 33%;
}
body#municipalIndex #main #fiveService .fourth h1.fivTtl + p, body#municipalIndex #main #fiveService .fourth h1.fivTtl {
	padding-left: 32%;
}
/* #fiveService -----fifth*/
body#municipalIndex #main #fiveService .fifth .floatR {
	display: none;
}
body#municipalIndex #main #fiveService .fifth .floatL {
	width: 100%;
	background: url(../../municipal/img/fig_sp_fifth.png) no-repeat left bottom;
	background-size: 30% auto;
}
body#municipalIndex #main #fiveService .fifth .floatL .phoR {
	float: none;
	margin: 4% 0;
}
body#municipalIndex #main #fiveService .fifth .floatL .phoR, body#municipalIndex #main #fiveService .fifth h1.fivTtl + p, body#municipalIndex #main #fiveService .fifth h1.fivTtl {
	padding-left: 32%;
}
/* #priceList*/
body#municipalIndex #wrapper #main #priceList {
	padding: 0;
	background-size: 94% auto;
}
body#municipalIndex #main #priceList div.price05, body#municipalIndex #main #priceList h1 {
	background-size: 94% auto;
}
body#municipalIndex #main #priceList h1 {
	font-size: 1.4rem;
	padding-top: 19%;
}
body#municipalIndex #main #priceList .mainTxt {
	padding: 0 8%;
	line-height: 1.8;
}
body#municipalIndex #main #priceList div {
	padding: 0 9% 8%;
}
body#municipalIndex #main #priceList div.price05 {
	padding-bottom: 6%;
}
body#municipalIndex #main #priceList div table th, body#municipalIndex #main #priceList div table td {
	display: block;
	padding: 0;
}
body#municipalIndex #main #priceList div table td:first-of-type {
	border: none;
	padding-top: 4%;
}
body#municipalIndex #main #priceList div.price02 .tbl002 tr:first-of-type td.price strong:first-of-type {
	display: block;
}
body#municipalIndex #main #priceList div h2 {
	font-size: 1.2rem;
}
/* #useVoice*/
body#municipalIndex #main #useVoice h1 {
	margin-bottom: 4%;
}
body#municipalIndex #main #useVoice .mainTxt {
	margin-bottom: 4%;
}
body#municipalIndex #main #useVoice .voiceIn .mainPhoto {
	padding: 0;
	margin: 4% 0;
	text-align: center;
}
body#municipalIndex #main #useVoice .voiceIn .mainPhoto img {
	width: 75%;
}
body#municipalIndex #wrapper #main #useVoice .voiceIn > div {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	width: 100% !important;
	position: relative;
	margin-bottom: 8%;
	text-align: left;
}
body#municipalIndex #main #useVoice .voiceIn div h2 {
	font-size: 1.2rem;
}
body#municipalIndex #main #useVoice .voiceIn div h2 br {
	display: none;
}
/* #record*/
body#municipalIndex #main #record h1, body#municipalIndex #main #record p img {
	margin-bottom: 8%;
}
body#municipalIndex #main #record .btn a {
	width: 70%;
	margin: 8% auto;
}
/*============================================
	body#companyIndex : 企業・健保向けサービス
============================================*/
body#companyIndex #main {
	padding-bottom: 8%;
}
body#companyIndex #main #mainvisual {
	padding: 0 0 80px;
	margin-bottom: 0;
	min-height: 0;
	max-height: none;
	width: auto;
	height: auto;
	background: none;
}
body#companyIndex #main #mainvisual video, body#companyIndex #main #mainvisual h1 {
	display: none;
}
body#companyIndex #main #mainvisual .spMain {
	display: block !important;
}
body#companyIndex #main #mainvisual .mvBox {
	/*background:url(../../company/img/bg_sp_mainvisual.png);
	background-size:100% auto;*/
	height: auto;
}
body#companyIndex #main #mainvisual .mvBox .text {
	margin: 0;
	top: 4%;
	left: 4%;
	height: 77%;
}
body#companyIndex #mainvisual .lead {
	font-size: 1.6rem;
}
body#companyIndex #mainvisual .lead, body#companyIndex #mainvisual .alignC {
	padding: 0 3.2%;
}
body#companyIndex #main #mainvisual .mvBox .alignC {
	padding: 3.2%;
}
body#companyIndex #main #mainvisual .intBtn {
	width: 35%;
	margin: 0;
	height: 180px;
	position: absolute;
	bottom: -7%;
	left: auto;
	right: 3.2%;
}
body#companyIndex #main #movGallery {
	width: 100%;
	padding: 0 3.2% 8% 3.2%;
}
body#companyIndex #nicepeople {
	margin-bottom: 0 !important;
}
body#companyIndex #main section {
	width: 100%;
}
body#companyIndex #interview .boxL p {
	margin-bottom: 4%;
}
body#companyIndex #main #interview {
	padding: 10%;
}
body#companyIndex #interview h2 {
	margin-bottom: 4%;
}
body#companyIndex #interview .boxL {
	margin-bottom: 4%;
}
body#companyIndex #interview .boxL, body#companyIndex #interview .boxR {
	width: 100%;
	float: none;
}
body#companyIndex #interview .boxR img {
	margin-bottom: 4%;
}
body#companyIndex #interview table {
	border: none;
}
body#companyIndex #interview table th, body#companyIndex #interview table td {
	display: block;
	width: 100%;
	border: none;
}
body#companyIndex #interview table th {
	border-radius: 8px;
	color: #fff;
	background-color: #1ab7cd;
	padding: 2.4%;
}
body#companyIndex #main #modelplan {
	margin: 0 auto;
	width: 94.6%;
	position: relative;
}
body#companyIndex #modelplan .titleBox .floatL {
	margin: 0;
	position: absolute;
	width: 50%;
	top: -110px;
	left: -6px;
}
body#companyIndex #modelplan .titleBox .boxR {
	width: 83%;
}
body#companyIndex #modelplan .titleBox .boxR h2 {
	text-align: right;
}
body#companyIndex #modelplan .titleBox .boxR h2 img {
	max-width: none;
	width: 80%;
	margin: 0 0 6%;
}
body#companyIndex #modelplan .titleBox .lead {
	margin: 12% 0 4%;
	line-height: 1.5;
}
body#companyIndex #scheduleArea .innerBox {
	padding-left: 20%;
}
body#companyIndex #scheduleArea #scheGoal h3 img, body#companyIndex #scheduleArea #sche1mth h3 img, body#companyIndex #scheduleArea #scheStart h3 img {
	width: 20%;
}
body#companyIndex #scheduleArea #sche1mth {
	background: url(../../company/img/bg_mp_1mth_sp.png) no-repeat 3.4% bottom;
}
body#companyIndex #scheduleArea #scheStart {
	background-position: 3.4% bottom;
}
body#companyIndex #scheduleArea #scheGoal {
	background-position: 3.4% 50%;
	background-size: 15%;
}
body#companyIndex #scheduleArea #scheStart h3 {
	padding-top: 0;
}
body#companyIndex #scheduleArea #sche1mth h3 {
	left: 0;
}
body#companyIndex #scheduleArea .mrg {
	margin: 0 0 4%;
}
body#companyIndex #modelplan #utilizationArea .floatR {
	width: 100%;
	float: none;
}
body#companyIndex #modelplan #utilizationArea .analysis table {
	width: 67%;
}
body#companyIndex #modelplan #utilizationArea .anaCommt {
	width: 38%;
	top: auto;
	right: -3%;
	bottom: 0;
}
body#companyIndex #modelplan #utilizationArea .tbl002 .sum th, body#companyIndex #modelplan #utilizationArea .tbl002 .sum td, body#companyIndex #modelplan #utilizationArea .tbl002 th, body#companyIndex #modelplan #utilizationArea .tbl002 td {
	padding: 3.2%;
}
body#companyIndex #main #modelplan {
	margin-top: 120px;
	margin-bottom: 6.4%;
	padding: 50px 4%;
}
body#companyIndex #fourservice {
	padding: 3.2%;
}
body#companyIndex #fourservice .serviceBox .text {
	padding-left: 0;
	width: 100%;
}
body#companyIndex #fourservice .serviceBox figure {
	margin: 0;
}
body#companyIndex #fourservice .balloon {
	position: relative;
	top: auto;
	right: auto;
	display: block;
	margin: 4% auto;
}
body#companyIndex #fourservice .result {
	padding: 3.2%;
	font-size: 100%;
	text-align: center;
	padding-top: 60px;
	background-position: center 5%;
}
body#companyIndex #fourservice .boxL, body#companyIndex #fourservice .boxR {
	width: 100%;
	float: none;
}
body#companyIndex #fourservice .serviceBox .boxR {
	text-align: center;
	margin: 4% 0;
}
body#companyIndex #fourservice #service03 .balloon {
	width: 40%;
	top: auto;
}
body#companyIndex #fourservice .serviceBox .text {
	margin-bottom: 3.2%;
}
body#companyIndex #main #contact, body#companyIndex #main #record {
	padding: 5% 3.2%;
}
body#companyIndex #main #record h1, body#companyIndex #main #record p img {
	margin-bottom: 3.2%;
}
body#companyIndex #main #contact .person, body#companyIndex #main #contact h1 {
	margin-bottom: 4%;
}
body#companyIndex #main #contact strong {
	font-size: 110%;
}
body#companyIndex #main #contact .btn a, body#companyIndex #main #record .btn a {
	margin: 4% auto;
}
body#companyIndex #nicepeople p {
	padding: 0 3.2%;
}
body#companyIndex #nicepeople p.last {
	padding: 0;
}
body#companyIndex #nicepeople .alignR {
	font-size: 75%;
}
/*============================================
	body#staffIndex : 健康寿命コンサルタントの紹介
============================================*/
body#staffIndex #main {
	padding-bottom: 15%;
}
body#staffIndex #main section ul {
	width: auto;
}
body#staffIndex #main section ul li {
	width: auto !important;
	margin: 0 0 13% !important;
	padding-bottom: 13%;
	border-bottom: 1px solid #ccc;
}
body#staffIndex #main section ul:last-child li:last-child {
	padding-bottom: 0;
	border: none;
}
body#staffIndex #main section ul li h2 {
	font-size: 1.4rem;
	margin-bottom: 5%;
}
body#staffIndex #main section ul li h2 span {
	display: inline-block;
	font-size: 1rem;
	margin: 0 0 0 10px;
	vertical-align: middle;
}
body#staffIndex #main section ul li p span {
	margin: 5% 0;
}
/* #professional */
body#staffIndex #main section#professional {
	padding: 0 3.2%;
}
body#staffIndex #main section#professional h1 {
	font-size: 1.4rem;
	margin-bottom: 8%;
	text-align: left;
}
body#staffIndex #main section#professional h1 br {
	display: none;
}
body#staffIndex #main section#professional p.mainTxt {
	line-height: 1.8;
	width: auto;
	margin-bottom: 15%;
}
/* #research h1 */
body#staffIndex #main section#research {
	padding: 10% 3.2% 0;
	margin-bottom: 10%;
}
body#staffIndex #main section#research h1 {
	font-size: 1.6rem;
	margin-bottom: 8%;
}
body#staffIndex #main p.presentBnr {
	margin: 0 3.2%;
}
/*============================================
	body.policy : プライバシーポリシー
============================================*/

body.policy #main {
	width: auto;
	margin: 0 auto 15%;
}
body.policy #main section {
	padding: 0 3.2%;
}
body.policy #main h1.secTtl {
	font-size: 1.5rem;
}
body.policy #main section h1.secTtl {
	margin-bottom: 10%;
}
body.policy #main section.lead {
	margin-bottom: 15%;
	padding-bottom: 15%;
}
body.policy #main section .mainTxt {
	margin-bottom: 5%;
	text-align: justify;
}
body.policy #main section div h2 {
	font-size: 1.3rem;
	margin: 8% 0 3.2%;
	line-height: 1.4;
}
body.policy #main section div p {
	margin-left: 9%;
	line-height: 1.5;
	font-size: 95%;
}
body.policy #main section div ul, body.policy #main section div ol {
	margin: 5% 0 5% 9%;
}
body.policy #main section div ul li {
	padding-left: 7%;
	margin-bottom: 5%;
	line-height: 1.5;
	font-size: 95%;
}
/*============================================
	body.contact : お問い合わせ・資料請求
============================================*/

body.contact #main {
	width: auto;
	margin: 0 auto 15%;
}
body.contact #main section {
	padding: 0 3.2%;
}
body.contact #main section.lead {
	margin-bottom: 10%;
}
body.contact #main section.lead p, body.contact #main section.form .toSend {
	text-align: left;
	line-height: 1.5;
}
body.contact #main section.lead .telNum {
	margin: 5% 0 8%;
}
body.contact #main section.lead .preBox dl dt {
	padding: 5% 0;
	font-size: 1.1rem;
	text-align: center;
}
body.contact #main section.lead .preBox dl dd {
	padding: 3.2%;
}
body.contact #main section.lead .preBox dl dd h2 {
	font-size: 1.3rem;
}
body.contact #main section.lead .preBox dl dd h2 br {
	display: none;
}
body.contact #main section.lead .preBox dl dd p .smallTxt {
	line-height: 1.2;
	margin-top: 15px;
}
body.contact #main section.lead .preBox .bookImg {
	display: none;
}
body.contact #main section.form div.service, body.contact #main section.form div.custInfo, body.contact #main section.form div.demand {
	margin-bottom: 10%;
}
body.contact #main section.form div h2 {
	padding: 3.2% 2%;
}
body.contact #main section.form div table {
	margin: 3.2%;
	width: 93.6%;
}
body.contact #main section.form div table tr th, body.contact #main section.form div table tr td {
	display: block;
	line-height: 1.4;
	width: 100%;
	box-sizing: border-box;
}
body.contact #main section.form div table tr th br {
	display: none;
}
body.contact #main section.form div.service table tr td {
	padding: 3.2% 2%;
}
body.contact #main section.form div.custInfo table tr th {
	padding: 5% 2% 0;
}
body.contact #main section.form div.custInfo table tr td {
	padding: 0 2% 5%;
}
body.contact #main section.form div table td span {
	font-size: 16px;
	margin: 3.2% 0 0;
	width: 100%;
}
body.contact #main section.form div table td span.placeholder {
	margin-top: 5px;
	width: 97%;
	white-space: nowrap;
}
body.contact #main section.form div table td input[type="text"], body.contact #main section.form div table td textarea {
	padding: 2%;
	width: 100% !important;
	font-size: 16px;
	box-sizing: border-box;
}
body.contact #main section.form div table tr td select {
	margin: 10px 0 0;
	width: 50%;
}
body.contact #main section.form .policyBtn {
	text-align: left;
	line-height: 1.4;
}
.formError {
	left: 35% !important;
}
/* #contactThanks */
body#contactThanks #main section.lead p {
	text-align: justify;
}
/*============================================
	body#kamishibaiIndex : 健康かみしばい
============================================*/

body#kamishibaiIndex #main {
	padding-top: 8px;
}
body#kamishibaiIndex #main #mainvisual #lead {
	margin: 0;
	padding: 10% 3.2%;
	display: block;
}
body#kamishibaiIndex #main #mainvisual #lead p {
	margin: 0 0 5%;
}
body#kamishibaiIndex #main #mainvisual #lead h2 {
	font-size: 1.4rem;
	margin: 0;
	text-align: center;
}
body#kamishibaiIndex #main #mainvisual #lead h2 strong {
	font-size: 1.8rem;
}
body#kamishibaiIndex #main #flow {
	width: auto;
	margin: 0 3.2% 20%;
	padding-bottom: 15%;
	border-bottom: 1px solid #62544e;
}
body#kamishibaiIndex #main #flow h2 {
	font-size: 1.5rem;
	margin-bottom: 5%;
	line-height: 1.4;
}
body#kamishibaiIndex #main #flow #flowIn {
	width: auto;
	margin: 10% 0;
}
body#licenseIndex #main #flow #flowBox .flowIn:before {
	display: none;
}
body#kamishibaiIndex #main #flow #flowIn .flowBox {
	display: block;
}
body#kamishibaiIndex #main #flow #flowIn .flowBox .photo {
	margin: 0 0 5%;
	text-align: center;
}
body#kamishibaiIndex #main #flow #flowIn .flowBox div {
	position: relative;
}
body#kamishibaiIndex #main #flow #flowIn .flowBox div h3 {
	font-size: 1.3rem;
}
body#kamishibaiIndex #main #flow #flowIn .flowBox div p {
	line-height: 1.4;
}
body#kamishibaiIndex #main #flow #flowIn .flowBox div p br {
	display: none;
}
body#kamishibaiIndex #main #flow .goal {
	font-size: 1.7rem;
	margin-top: -10%;
}
body#kamishibaiIndex #main #sample {
	position: relative;
	width: auto;
	margin: 0 2% 20%;
	padding-bottom: 70px;
	background: none;
	border: 3px solid #62544e;
	border-radius: 15px;
}
body#kamishibaiIndex #main #sample h2 {
	text-align: center;
	width: 70%;
	margin: -8% auto 0;
}
body#kamishibaiIndex #main #sample .slider-main {
	width: 90%;
}
body#kamishibaiIndex #main #sample .slider-nav .slick-list {
	margin: 0 3%;
}
body#kamishibaiIndex #main #sample:after {
	content: '';
	background: #a27a52;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	border-radius: 0 0 12px 12px;
}
body#kamishibaiIndex #main #sample .slider-main {
	margin: 5% auto;
}
body#kamishibaiIndex #main #sample .slider-nav .slick-next {
	right: 3%;
	z-index: 9;
	zoom: 90%;
	top: 98px;
}
body#kamishibaiIndex #main #sample .slider-nav .slick-prev {
	left: 3%;
	z-index: 9;
	zoom: 90%;
	top: 98px;
}
body#kamishibaiIndex #main #catalog {
	width: auto;
	margin: 0 0 10%;
}
body#kamishibaiIndex #main #catalog h2.mainTtl {
	padding: 0 3.2% 20px;
	margin-bottom: 5%;
}
body#kamishibaiIndex #main #catalog .price {
	padding: 0 3.2%;
	margin: 0 0 8%;
}
body#kamishibaiIndex #main #catalog .price h3 {
	font-size: 1.4rem;
	margin: 0 0 5%;
}
body#kamishibaiIndex #main #catalog .price div p {
	position: static;
	display: inline-block;
	margin: 0 0 3%;
}
body#kamishibaiIndex #main #catalog .price div table {
	margin-left: 0;
	width: 100%;
}
body#kamishibaiIndex #main #catalog .price div table tr {
	margin-bottom: 5%;
	display: block;
	overflow: hidden;
}
body#kamishibaiIndex #main #catalog .price div table td {
	display: list-item;
	padding: 5px 0;
}
body#kamishibaiIndex #main #catalog .price div table td:nth-child(n+2) {
	width: 33%;
	float: left;
	list-style: none;
}
body#kamishibaiIndex #main #catalog .habitBox h2 strong, body#kamishibaiIndex #main #catalog .habitBox .catL {
	width: 100%;
	padding: 0 2%;
	display: block;
}
body#kamishibaiIndex #main #catalog .habitBox .catL {
	margin-bottom: 5%;
}
body#kamishibaiIndex #main #catalog .habitBox h2 span {
	display: none;
}
body#kamishibaiIndex #main #catalog .habitBox .catR {
	width: 100%;
	padding: 0 3.2%;
}
body#kamishibaiIndex #main #catalog .habitBox .catL p.theme {
	left: 4%;
}
body#kamishibaiIndex #main #catalog .habitBox .catL h3 {
	font-size: 1.2rem;
}
body#kamishibaiIndex #main #catalog .motion .catL h3 br, body#kamishibaiIndex #main #catalog .rest .catL h3 br {
	display: none;
}
body#kamishibaiIndex #main #catalog .habitBox .catalogIn {
	margin-top: 5%;
	display: block;
}
body#kamishibaiIndex #main #catalog .habitBox .card {
	padding-left: 3%;
}
body#kamishibaiIndex #main #catalog .alignR {
	margin: 5% 3.2%;
	text-align: left;
	line-height: 1.3;
}
body#kamishibaiIndex #main #catalog .alignR span {
	display: block;
	margin: 0 0 8px;
	width: 120px;
	text-align: center;
}
body#kamishibaiIndex #main .purchase {
	width: auto;
	margin: 0 3.2% 15%;
	position: relative;
}
body#kamishibaiIndex #main .purchase .tel {
	width: auto;
	margin: 8% 0 0;
	font-size: 95%;
}
body#kamishibaiIndex #main #municipal {
	margin: 30% 0 20%;
}
body#kamishibaiIndex #main #company {
	margin: 0 0 30%;
}
body#kamishibaiIndex #main #municipal #visual, body#kamishibaiIndex #main #company #visual {
	width: auto;
}
body#kamishibaiIndex #main #municipal #visual .photo, body#kamishibaiIndex #main #company #visual .photo {
	margin: 0 -15%;
}
body#kamishibaiIndex #main #municipal #visual div, body#kamishibaiIndex #main #company #visual div {
	width: auto;
}
body#kamishibaiIndex #main #municipal #visual div .switch, body#kamishibaiIndex #main #company #visual div .switch {
	width: 30%;
	top: -130px;
	left: -2%;
}
body#kamishibaiIndex #main #municipal #visual div h2, body#kamishibaiIndex #main #company #visual div h2 {
	margin: 5% auto;
	width: 60%;
}
body#kamishibaiIndex #main #municipal .alignC, body#kamishibaiIndex #main #company .alignC {
	margin: 0 3.2%;
}
body#kamishibaiIndex #main #municipal h3, body#kamishibaiIndex #main #company h3 {
	font-size: 1.5rem;
	margin: 5% 2%;
}
body#kamishibaiIndex #main #company h3 br {
	display: none;
}
body#kamishibaiIndex #main #municipal .secret, body#kamishibaiIndex #main #company .secret {
	width: auto;
	display: block;
	margin: 0 3.2%;
}
body#kamishibaiIndex #main #municipal .secret div, body#kamishibaiIndex #main #company .secret div {
	margin-bottom: 5%;
}
body#kamishibaiIndex #main #municipal .secret div dl dd, body#kamishibaiIndex #main #company .secret div dl dd {
	line-height: 1.2;
}
body#kamishibaiIndex #main #room {
	margin: 0 0 30%;
}
body#kamishibaiIndex #main #room .leadTtl {
	font-size: 1rem;
	padding: 5% 0;
	letter-spacing: 0;
}
body#kamishibaiIndex #main #room .roomBox {
	padding: 5% 2%;
}
body#kamishibaiIndex #main #room .roomBox .roomIn {
	width: auto;
	padding: 8% 3%;
	border-radius: 10px;
}
body#kamishibaiIndex #main #room .roomBox h2 {
	width: 50%;
	margin: auto;
}
body#kamishibaiIndex #main #room .roomBox h2 span {
	width: 70px;
}
body#kamishibaiIndex #main #room .roomBox .rTxt {
	text-align: left;
	margin: 5% 0;
	line-height: 1.4;
	font-size: 95%;
}
body#kamishibaiIndex #main #room .roomBox #pointBox {
	display: block;
}
body#kamishibaiIndex #main #room .roomBox #pointBox .pointIn {
	width: 100%;
	margin: 0 0 10%;
}
body#kamishibaiIndex #main #room .roomBox #pointBox .pointIn h3 br {
	display: none;
}
body#kamishibaiIndex #main #room .roomBox #pointBox .pointIn figure {
	text-align: center;
}
body#kamishibaiIndex #main #room .roomBox #pointBox .pointIn figure figcaption {
	text-align: left;
}
body#kamishibaiIndex #main #room .roomBox .license {
	margin: 5% 0;
	text-align: left;
	line-height: 1.3;
}
body#kamishibaiIndex #main #room .roomBox .license span {
	display: block;
	margin: 0 0 8px;
	width: 120px;
	text-align: center;
}
body#kamishibaiIndex #main #room .roomBox .real span {
	margin-bottom: 3%;
}
body#kamishibaiIndex #main #room .roomBox .real {
	font-size: 1.2rem;
	line-height: 1.4;
}
body#kamishibaiIndex #main #room #roomTrainer h2 {
	width: 100%;
	margin-top: 5%;
}
body#kamishibaiIndex #main #room #roomTrainer h2 span {
	position: absolute;
	top: -35px;
	margin-left: 0;
	right: 0;
}
body#kamishibaiIndex #main #room #roomTrainer #held h2 {
	font-size: 1.1rem;
	padding: 3%;
	line-height: 1.2;
}
body#kamishibaiIndex #main #room #roomTrainer #held .heldBox {
	display: block;
	margin: 0 0 10%;
}
body#kamishibaiIndex #main #room #roomTrainer #held .heldBox .heldIn {
	width: 100%;
	margin-bottom: 5%;
	padding: 25px;
}
body#kamishibaiIndex #main #room #roomTrainer #held .heldBox .heldIn .photo img {
	width: 100%;
	height: auto;
}
body#kamishibaiIndex #main #room #roomTrainer #held .heldBox .heldIn p br {
	display: none;
}
body#kamishibaiIndex #main #room #roomTrainer #held .heldBox .heldIn:after {
	z-index: 99;
	top: initial;
	bottom: -23px;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
body#kamishibaiIndex #main #talent {
	position: relative;
	width: auto;
	margin: 0 2% 10%;
	padding-bottom: 3%;
	background: none;
	border: 3px solid #62544e;
	border-radius: 15px;
	overflow: inherit;
}
body#kamishibaiIndex #main #talent h2 {
	text-align: center;
	width: 70%;
	margin: -8% auto 0;
}
body#kamishibaiIndex #main #talent .slick-center p.txt {
	width: 60%;
	margin: 0 auto;
}
body#kamishibaiIndex #main #talent .slick-prev {
	left: 17%;
	zoom: 80%;
}
body#kamishibaiIndex #main #talent .slick-next {
	right: 17%;
	zoom: 80%;
}
body#kamishibaiIndex #main #talent .slick-center p.txt {
	font-size: 95%;
}
body#kamishibaiIndex #main #talent .slick-center img {
	margin: 3% 0 5%;
}
/*============================================
	body#licenseIndex : 自立体力全国検定
============================================*/
	
body#licenseIndex #main #lead h2 br, body#licenseIndex #main #lead .lead01 .txt .alignR {
	display: none;
}
body#licenseIndex #main {
	padding: 0 3.2%;
}
body#licenseIndex #main section p.title {
	text-align: justify;
}
body#licenseIndex #main #lead .lead01 {
	padding: 0;
	margin: 0 0 10%;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
body#licenseIndex #main #lead .lead01 p {
	margin: 0 0 8%
}
body#licenseIndex #main #lead .lead01 .txt h2 {
	text-align: center;
}
body#licenseIndex #main #lead .lead01 .txt {
	width: auto;
	font-size: 1rem;
	text-align: center;
}
body#licenseIndex #main #lead h2, body#licenseIndex #main section p.title {
	font-size: 1.5rem;
	margin-bottom: 5%;
	letter-spacing: 0;
}
body#licenseIndex #main #lead .lead02 {
	margin: 0 0 15%;
}
body#licenseIndex #main #lead .lead02 .mainTxt {
	font-size: 1.4rem;
	margin: 8% 0 5%;
}
body#licenseIndex #main section h2 {
	font-size: 1.3rem;
	letter-spacing: 0;
	margin: 0 0 5%;
	padding: 4% 0;
}
body#licenseIndex #main #switch p small {
	margin: 3% 0 5%;
}
body#licenseIndex #main #switch {
	margin: 0 0 10%;
}
body#licenseIndex #main .request {
	margin: 0 0 15%;
}
body#licenseIndex #main #menu .menuTtl:before {
	zoom: 55%;
}
body#licenseIndex #main #menu .menuTtl:after {
	display: none;
}
body#licenseIndex #main #menu .menuTtl {
	padding: 0 0 0 25%;
	margin: 0 0 5%;
}
body#licenseIndex #main #menu .menuTtl br {
	display: none;
}
body#licenseIndex #main #menu .movie {
	margin: 10% 0;
}
body#licenseIndex #main #menu .movie .txt {
	padding-left: 25%;
	margin-bottom: 8%;
}
body#licenseIndex #main #menu .movie .txt:before {
	zoom: 50%;
	position: absolute;
	left: -20px;
	bottom: -15px;
}
body#licenseIndex #main #menu .movie .youtube {
	display: block;
	text-align: center;
	margin: 0;
}
body#licenseIndex #main #menu .movie .youtube div {
	margin: 0 0 10%;
}
body#licenseIndex #main #menu .explain {
	margin: 0 -3.2% 2%;
	padding: 5% 3% 0;
}
body#licenseIndex #main #menu .explain:after {
	zoom: 50%;
	right: 0;
}
body#licenseIndex #main #menu .explain .expIn:before, body#licenseIndex #main #menu .explain .expIn:after {
	display: none;
}
body#licenseIndex #main #menu .explain .expIn {
	display: block;
}
body#licenseIndex #main #menu .explain .expIn div {
	width: 100%;
	border-bottom: 1px solid #1bb8ce;
	min-height: auto;
	padding-bottom: 8%;
}
body#licenseIndex #main #menu .explain .expIn div:last-child {
	border: none;
}
body#licenseIndex #main #menu .explain .expIn div:nth-child(-n+2) p, body#licenseIndex #main #menu .explain .expIn div:nth-child(n+3) p {
	min-height: auto;
	margin: 0 0 8%;
}
body#licenseIndex #main #menu .explain h3 {
	font-size: 1.5rem;
}
body#licenseIndex #main #menu .explain .expIn div dl dt {
	font-size: 1.5rem;
	margin: 0 0 3%;
}
body#licenseIndex #main #menu .communication .title {
	font-size: 1.5rem;
	margin: 5% 0 3%;
}
body#licenseIndex #main #menu .communication .title br {
	display: none;
}
body#licenseIndex #main #menu .communication .photo p {
	width: 49%;
}
body#licenseIndex #main #menu .communication {
	margin: 10% 0 15%;
}
body#licenseIndex #main #menu .communication .alignC {
	margin-top: 10%;
}
body#licenseIndex #main #research {
	margin-bottom: 10%;
}
body#licenseIndex #main #research .title {
	margin: 0 0 3%;
}
body#licenseIndex #main #research .resIn {
	display: block;
	overflow: hidden;
	margin: 0 0 5%;
}
body#licenseIndex #main #research .resIn h3 {
	width: 100%;
	height: auto;
	border-radius: 5px;
	padding: 3%;
	display: block;
	margin: 0 0 5%;
	font-size: 1.4rem;
	text-align: left;
	clear: both;
}
body#licenseIndex #main #research .resIn h3 br {
	display: none;
}
body#licenseIndex #main #research .resIn div {
	width: 48%;
	margin: 0 0 5%;
}
body#licenseIndex #main #research .resIn h3 + div {
	margin: 0;
	float: left;
}
body#licenseIndex #main #research .resIn div:last-child {
	float: right;
}
body#licenseIndex #main #research .resIn dl dt {
	line-height: 1.5;
}
body#licenseIndex #main #flow {
	margin: 0 0 5%;
}
body#licenseIndex #main #flow #flowBox {
	padding: 0;
}
body#licenseIndex #main #flow #flowBox .flowIn {
	display: block;
	padding: 10% 0;
}
body#licenseIndex #main #flow #flowBox .flowIn .step {
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	font-size: 1.3rem;
	margin: 0 0 5%;
}
body#licenseIndex #main #flow #flowBox .flowIn .step img {
	margin-right: 10px;
}
body#licenseIndex #main #flow #flowBox .flowIn .step br {
	display: none;
}
body#licenseIndex #main #flow #flowBox .flowIn .txt {
	width: auto;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: center;
	align-items: center;
}
body#licenseIndex #main #flow #flowBox .flowIn .txt .photo {
	margin: 0 0 5%;
}
body#licenseIndex #main #flow #flowBox .flowIn .txt h3 {
	font-size: 1.6rem;
	margin: 0 0 5%;
}
body#licenseIndex #main #flow #flowBox .flowIn .txt p.flowBtn a {
	width: 90%;
	margin: auto;
	padding: 4% 0;
}
body#licenseIndex #main #flow #flowBox .flow02 .txt br {
	display: none;
}
body#licenseIndex #main #flow #flowBox .flow03 {
	padding-bottom: 0;
}
body#licenseIndex #main #flow #flowBox .flow03 .txt p.photo {
	margin-bottom: 5%;
}
body#licenseIndex #main #form {
	margin: 0 -3.3% 15%;
}
body#licenseIndex #main #form #formIn {
	padding: 0 3%;
}
body#licenseIndex #main #form #formIn .formBox h3 {
	min-width: 100%;
	font-size: 1.3rem;
	margin: 0 0 5%;
	padding: 3%;
	letter-spacing: 0;
}
body#licenseIndex #main #form #formIn .formBox h4 {
	font-size: 1.4rem;
}
body#licenseIndex #main #form #formIn .formBox h4 span {
	width: 35px;
	height: 35px;
	line-height: 35px;
}
body#licenseIndex #main #form #formIn .formBox .form01 .flexbox p, body#licenseIndex #main #form #formIn .formBox .form02 .flexbox p {
	width: 49%;
}
body#licenseIndex #main #form #formIn .formBox .form02 .flexbox div {
	margin: 5% 0 0;
}
body#licenseIndex #main #form #formIn .formBox .form03 .flexbox div {
	width: 100%;
	margin: 8% 0 0;
}
body#licenseIndex #main #form #formIn .formBox .form03 .flexbox div p {
	width: 49%;
}
body#licenseIndex #main #form #formIn .formBox .form03 .flexbox.box02 {
	width: 100%;
}
body#licenseIndex #main #form #formIn .formBox .form03 .flexbox.box02 p {
	width: 48%;
	margin: 0 0 3%;
	font-size: 90%;
}
body#licenseIndex #main #form #formIn .formBox .form03 .flexbox.box02 p strong {
	white-space: normal;
}
body#licenseIndex #main #form #formIn .formBox .zoom small {
	margin: 3% 0 5%;
}
body#licenseIndex #main #form #formIn .formBox .form01, body#licenseIndex #main #form #formIn .formBox .form02 {
	margin: 0 0 10%;
}
body#licenseIndex #main #form #formIn .formBox .mainTxt {
	font-size: 1.3rem;
	margin: 0;
}
body#licenseIndex #main #price div .system h3, body#licenseIndex #main #price div .set h3, body#licenseIndex #main #price div .period h3 {
	position: static;
	margin: 0 0 5%;
}
body#licenseIndex #main #price div .system h3 {
	width: 100%;
	height: auto;
	border-radius: 10px;
	padding: 3% 0
}
body#licenseIndex #main #price div .system h3 br {
	display: none;
}
body#licenseIndex #main #price div .txt, body#licenseIndex #main #price div .priceMain {
	padding-left: 0;
}
body#licenseIndex #main #price div .txt p {
	margin: 0 0 3%;
	text-align: justify;
}
body#licenseIndex #main #price .price01, body#licenseIndex #main #price .price03 {
	padding-bottom: 10%;
	margin-bottom: 10%;
}
    
body#licenseIndex #main #price h2 small{
    font-size: 13px;
    margin-top: 5px;
    }
body#licenseIndex #main #price .price02 .system .txt p img {
	margin: 0 0 3%;
}
body#licenseIndex #main #price .price02 .system .txt, body#licenseIndex #main #price .price02 .set .txt, body#licenseIndex #main #price .period .txt {
	margin: 0 0 8%;
}
	
body#licenseIndex #main #price div .price .btn a{
    width: 90%;
    margin:0 auto 5%;
    padding: 4% 0;
}
/*==============================================================
	footer : フッタ
===============================================================*/

footer #ftInner {
	width: auto;
	padding: 10% 3.2%;
}
footer ul.conBox {
	float: none;
	margin: 0;
}
footer ul.conBox li {
	display: block;
}
footer ul.conBox li.conTel span {
	display: block;
	margin: 10px 0 0;
}
footer ul.conBox li.conTel span br {
	display: none;
}
footer ul.conBox li.conForm a {
	width: 100%;
	margin: 5% 0 8%;
}
/* #subNav : サブナビ */
footer #subNav {
	padding: 10% 0 5%;
}
footer .facebook {
	float: none;
	margin: 0 0 3.2%;
}
footer .boxR {
	margin-bottom: 12%;
	float: none;
	text-align: center;
}
footer .boxR img {
	width: 70%;
	height: auto;
}
footer #subNav ul {
	display: block;
}
footer #subNav li {
	float: none;
	margin-bottom: 4%;
	position: relative;
	width: auto !important;
}
footer #subNav li a {
	font-size: 1rem;
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	vertical-align: middle;
}
footer #subNav li a::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 8px solid #fff;
}
footer #toContact {
	display: none;
}
/* #copyright : 著作権表示 */
footer p#copyright {
	font-size: 0.8rem;
}
}


/*--EOF-----------------------------------------------------------------------*/