/* Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic */
@import url(basic.css);

	@-ms-viewport {
		width: device-width;
	}

	body {
		color: #000;
		background: #fff;	
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		font-family: "Noto Sans Japanese", sans-serif;
	}
	

	body.is-loading *, body.is-loading *:before, body.is-loading *:after {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	a{
		text-decoration: none !important;
	}

	strong, b {
		font-weight: 800;
	}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}



		.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
	


/* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu */

	#page-wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		opacity: 1;
		padding-top: 3em;
	}

		#page-wrapper:before {
			background: transparent;
			content: '';
			display: block;
			display: none;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 10001;
		}

	#menu {
		-moz-transform: translateX(320px);
		-webkit-transform: translateX(320px);
		-ms-transform: translateX(320px);
		transform: translateX(320px);
		-moz-transition: -moz-transform 0.1s ease;
		-webkit-transition: -webkit-transform 0.1s ease;
		-ms-transition: -ms-transform 0.1s ease;
		transition: transform 0.1s ease;
		-webkit-overflow-scrolling: touch;
		background: rgba(255,255,255,0.9);
		color: #1b1b1b;
		height: 100%;

		overflow-y: auto;
		padding: 50px 0 0;
		position: fixed;
		right: 0;
		top: 80px;
		width: 320px;
		z-index:100000000000000000000000000;
		
	}

	#menu  a {
		color: #1b1b1b;
				
		
		outline: 0;
		text-decoration: none;
		font-family: 'Overpass', sans-serif;
	}

	.sm-menu-wrap{
		width:100%;
		height: auto;
		padding:30px 0 30px;
	}

	.sm-menu-box{
		width:100%;
		height: auto;
		padding:18px 30px 18px;
		display: flex;
		align-content: center;
		position: relative;
		border-bottom:1px solid #f0f0f0;
	}

	.sm-menu-box.box-opener:after{
		position: absolute;
		top:50%;
		right:30px;
		width:12px;
		height: 7px;
		background-image: url(../images/zen-tri-bottom.png);
		background-repeat: no-repeat;
		background-size:12px 7px;
		transform:translateY(-50%);
		content:'';
		display: block;
	}

	.sm-menu-box h4{
		font-family: 'Overpass', sans-serif;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 4px;
		display: inline;
		line-height: 20px;
	}

	.sm-menu-box span{
		display: inline;
		font-size:10px;
		font-family: 'Overpass', sans-serif;
		color:#999999;
		margin-right:15px;
		font-weight: bold;
	}



.jsh-menu-box{
	width:100%;
	height: 100px;
	position: relative;
}

#menu .jsh-menu-box a{
	color:#fff;
}

.jsh-menu-box img{
	width:100%;
	height:100%;
	object-fit:cover; 
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.jsh-menu-box h4{
	position: absolute;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
	font-size:16px;
	font-weight: bold;
	letter-spacing: 7px;
	white-space: nowrap;
	line-height: 1.5;
	text-align: center;
}


.jsh-menu-box .info{
	position: absolute;
	text-align: center;
	width:100%;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
}

.jsh-menu-box .info p{
	font-size:12px;
	display: block;
	margin-bottom:15px;
}

.jsh-menu-box .info h5{
	display: inline;
	font-size:16px;
	line-height: 2;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}


.jsh-menu-box span{
	position: absolute;
	bottom:10%;
	left:50%;
	display: block;
	transform: translate(-50%,0);
	font-size:8px;
	font-weight: bold;
	letter-spacing: 5px;
	color:#999999;
	font-family: 'Overpass', sans-serif;
}



.jsh-menu-box a{
	color:#fff;
}

.jsh-menu-box img{
	filter: brightness(50%);
	transition: 0.5s all ease;
}

.jsh-menu-box:hover img{
	filter: brightness(75%);
}



#menu a.menu-contact{
	background-color: #313131;
	display: block;
	width:100%;
	height: auto;
	color:#fff;
	text-align: center;
	font-size:15px;
	font-weight: bold;
	letter-spacing: 4px;
	transition: 0.5s ease all;
}
a.menu-contact:hover{
	background-color:#024578;
}

a.menu-contact span{
	display: block;
	width:100%;
	height: auto;
	position: relative;
	padding:22px 0;
}

a.menu-contact span:after{
	position: absolute;
	content:'';
	width:64px;
	height: 1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

#menu a.menu-contact.soudan{
	background-color: #0068b7;

}
					

		#menu .close {
			background-image: url("images/close.svg");
			background-position: 4.85em 1em;
			background-repeat: no-repeat;
			border: 0;
			cursor: pointer;
			display: block;
			height: 3em;
			position: absolute;
			right: 0;
			top: 0;
			vertical-align: middle;
			width: 7em;
		}

		

	body.is-menu-visible #page-wrapper {
		opacity: 0.35;
	}

		body.is-menu-visible #page-wrapper:before {
			display: block;
		}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

/* Header *//* Header *//* Header *//* Header *//* Header *//* Header *//* Header *//* Header *//* Header */



	#header {
		-moz-transition: background-color 0.2s ease;
		-webkit-transition: background-color 0.2s ease;
		-ms-transition: background-color 0.2s ease;
		transition: background-color 0.2s ease;
		background: rgba(255,255,255,0.98);
		height: 98px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10002;
		display: block;
	}
	
	.zen-header h1 a{
		border: 0;
		display: inline-block;
		background-image:url(../images-hbs/hbs-head-logo.jpg);
		width:223px;
		height:98px;
		text-indent: -9999px;
		background-size: 223px 98px;
		position: absolute;
		left: 55px;
		top: 50%;
		transform: translateY(-50%);
	}


	#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0;
			top: 0;
			color:#000;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				white-space: nowrap;
			}

				#header nav > ul > li {
					display: inline-block;
					padding: 0;
				}

					#header nav > ul > li > a {
						border: 0;
						color: #000;
						display: block;
						font-size: 0.8em;
						letter-spacing: 0.225em;
						padding: 10px 1.5em;
						text-transform: uppercase;
					}

						a.menuToggle {
							outline: 0;
							position: relative;
							width:98px;
							height: 98px;
							display: block;
						}

							a.menuToggle:after {
								background-image: url("images/bars.svg");
								background-position:center;
								background-repeat: no-repeat;
								content: '';
								display:block;
								height:98px;
								width: 98px;
								position: absolute;
								top:50%;
								left:50%;
								transform: translate(-50%,-50%);
								text-align: center;
							}

							#banner a.menuToggle{
								display: none;
							}

				
							
							

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

		#header.alt {
			background: transparent;
			display: none;
		}

			#header.alt h1 {
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
				opacity: 0;
			}

						#header.alt div{
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
				opacity: 0;
			}


			#header.alt nav{
				display: none;
			}

/* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner */

	#banner {
		
		width:100%;
		background-color: #fff;
		height: auto;
		position: relative;
		z-index: 100000000;
		
	}



				
/* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing */

	body.landing #page-wrapper {

		padding-top: 0;
	}

	body.landing #footer {
		background-color: #162236;;
	}

	body.is-mobile.landing #page-wrapper {
		background: none;
	}




/*Custom*//*Custom*//*Custom*//*Custom*//*Custom*//*Custom*//*Custom*//*Custom*//*Custom*//*Custom*//*Custom*/


/*jsh */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

.smon{
	display: none;
}

.pcon{
	display: block;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*******************************HEADER**************************************/

	
	.zen-header{
		width:100%;
		height: 98px;
		background-color: #fff;
		position: relative;
		
	}





	.zen-header h2 a{
				border: 0;
				display: inline-block;
				background-image:url(../images-hbs/hbs-head-logo.jpg);
		width:223px;
		height:98px;
		text-indent: -9999px;
		background-size: 223px 98px;
				position: absolute;
			left: 55px;
			top: 50%;
			transform: translateY(-50%);
			
			}

	.zen-header-contact{
		position: absolute;
		top:0;
		right:0;
		width:auto;
		height:98px;
		padding:0;

	}

	#header .zen-header-contact{
		right:98px;
	}

	.zen-header-tel{
		position: absolute;
		top:0;
		right:290px;
		width:auto;
		height:98px;
		font-size:14px;
		line-height:16px; 
		display: flex;
  	align-items: center;
  	justify-content: center;
  	text-align: center;
	}

	#header .zen-header-tel{
		right:405px;
	}

	a.jsh-toptel{
		display: block;
		width:239px;
		height: 71px;
		background-size: 239px 71px;
		background-image: url(../images-hbs/hbs-tel.png);
		background-repeat: no-repeat;
		text-indent:-9999px;
		margin-bottom: 5px;
	}

	.zen-header-tel span{
		font-size:10px;
		color:#1b1b1b;
		font-family: 'Overpass', sans-serif;
	}

			.zen-header-contact a{
		color:#fff;
		background-color:#00B900;
		display: block;
		width: 98px;
		height: 98px;
		padding:12px 0;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		float:left;
		line-height: 18px;
		display: flex;
  	align-items: center;
  	justify-content: center;
  	text-align: center;
  	transition: 0.5s all ease;

	}

	.zen-header-contact a img{
		width:52px;
		height:50px;
	}

	.zen-header-contact a.jsh-muryo{
		width:187px;
	background-color:#FF0058;
	
	}

	.zen-header-contact a:hover{
	background-color:#DB004B;	
	}

	.zen-header-contact a span{
		display: block;
		margin-top:4px;
		font-size:10px;

	}
	
	
	.zen-header-nav{
	position:relative;
	width:100%;
	height:auto;
	padding:0 20px;
	background-color: #00A0E8;


}

.zen-header-nav ul{
	width:100%;
	 list-style: none;
    display:flex;
	justify-content: space-between;
    align-items: center;
}

.zen-header-nav > ul > li{
	display: table;
		text-align: center;
}

.zen-header-nav > ul > li > a{
	display: table-cell;
	width: 20%;
	vertical-align: middle;
	line-height: 1.3;
	height:58px;
	padding:0 1.5vw;
	color:#fff;
	font-size:20px;
	transition: 0.5s ease border-bottom;
	letter-spacing: 1.5px;
}


.zen-header-nav > ul > li > a span{
	font-size:10px;
	display: block;
	color:#aaa;
	margin-top:4px;
}

.zen-header-nav > ul > li > a:hover,.zen-header-nav ul li a.active{
	color:#FFFE00;
}

.zen-header-nav > ul > li > a.b-contact:hover{
	background-color:#0F4B8B;
}


.zen-header-nav > ul {
  display: table;
}
.zen-header-nav > ul > li {
  display: table-cell;
}
.zen-header-nav > ul > li:hover {

}
.zen-header-nav > ul > li:hover > a {
}
.zen-header-nav > ul > li:hover .nav-menu {
  max-height: 9999px;
  opacity: 1;
}
.zen-header-nav > ul > li > a {

  transition: all .2s ease-in;
}
.zen-header-nav > ul .nav-menu {
  transition: all .2s ease-in;
  max-height: 0;
  height: auto;
  opacity: 0;
  overflow: hidden;
  width: 100vw;
  left:0;
	transform: translateY(0);
  text-align: left;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 5px #aaa;
	z-index: 100000000000;
}


.nav-menu header{
	width:100%;
	height: auto;
	padding:60px 50px 45px;

}

.nav-menu header h3{
	font-size:14px;
	font-family: 'Overpass', sans-serif;
	letter-spacing: 3px;
	font-weight: bold;
	display: inline;
	line-height: 14px;
}

.nav-menu header h3:after{
	content:'';
	width:40px;
	height: 1px;
	background: #1b1b1b;
	display: inline-block;
	transform: translateY(-4px);
	margin:0 25px;
}

.nav-menu header span{
	font-size:13px;
	line-height: 14px;
	letter-spacing: 1px;
	font-weight: bold;
}


.zen-header #menu{
		display: none;
	}



	.zen-banner-body{
		width:100%;
		height: auto;
		position: relative;
	}

	.zen-banner-page{
		width:100%;
		height: auto;
		color:#fff;
	}



	.zen-banner-body h2{
		font-size:58px;
		white-space: nowrap;
		font-weight: bold;
		display: inline-block;
		position: absolute;
		top:180px;
		left:40px;

	}
	.zen-banner-body h2 span{
		font-size:22px;
		margin-left:10px;
	}



	.zen-banner-body .inner{
		width:100%;
		height: 400px;
		background-image: url(../images/sxo-main.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		display: flex;
  	align-items: center;
  	justify-content: center;
  	text-align: center;

	}

	.zen-banner-body p span{
		background-image: url(../images/honbg.png);
		background-size: 137px 15px;
		background-repeat: no-repeat;
		background-position: bottom 0 left 0;
	}

	.ath-banner-body{
		width:100%;
		height: auto;
		padding:20px 0 0;
	}

	.ath-banner-body.ath-lp{
		padding:0;
	}


	.ath-banner-body h2{
		font-size:35px;
		padding:10px 0;
		display: block;
		width: auto;
		position: relative;
		margin-bottom: 20px;
	}

	.ath-banner-body h2:before{
		content:'';
		display: inline-block;
		width:81px;
		height: 56px;
	background-size: 81px 56px;
	background-repeat: no-repeat;
	background-image: url(../images/ath-aircon-01.png);
	margin-right: 10px;
	}

.ath-banner-body.ath-mizu h2:before{
	background-image: url(../images/ath-mizu-01.png);
	width:59px;
		height: 54px;
	background-size: 59px 54px;
}

.ath-banner-body.ath-kushitsu h2:before{
	background-image: url(../images/ath-kushitsu-01.png);
	width:103px;
		height: 54px;
	background-size: 103px 54px;
	transform: translateY(5px);
}

	.ath-banner-body h2:after{
		content:'';
		display: inline-block;
		width:20px;
		height: 20px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-image: url(../images/ath-aircon-02.jpg);
		transform: translateY(-20px);;
		margin-left: 10px;
	}

	.ath-banner-body img{	
		width:100%;

	}

/*******************************HEADER**************************************/



/*******************************FOOTER**************************************/

.zen-footer{
	width:100%;
	height: auto;
	position: relative;
}

.zen-footer-inner{
	width:100%;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.zen-footer-logo{
	width:30%;
	display: flex;
	justify-content:center;
	align-items: center;
	background-color:#fff;
}
.zen-footer-logo a{
		display: inline-block;
		background-image:url(../images-hbs/hbs-footer-logo.png);
		width:202px;
		height:156px;
		text-indent: -9999px;
		background-size: 202px 156px;
		
}
.zen-footer a{
	color:#fff;
}

.zen-footer-link{
	background-color:#F0f0f0;
	width:70%;
	padding:60px;
	color: #000;
}

.zen-footer-link ul{
	float:left;
	width:25%;
}

.zen-footer-link ul li{
	margin-bottom: 20px;
	font-size:16px;
}
.zen-footer-link ul li a{
border-bottom: 1px solid rgba(255,255,255,0);
transition: 0.4s all ease;
}

.zen-footer-link ul li a:hover{
	border-bottom: 1px solid rgba(255,255,255,1);
}

.zen-footer-link h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 25px;
　	letter-spacing: 0.3em;
}


.zen-footer-link h3 span{
	font-size: 12px;
}

.zen-footer-link p{
	line-height: 2.2;
	margin-bottom: 20px;
}

.zen-footer-link img{
	width: 300px;
}


.zen-linktotop{
	position: fixed;
	bottom:35px;
	right:35px;
	text-indent:-9999px;
	width:59px;
	height: 59px;
	background-image: url(../images/jsh-pageup.png);
	background-size: 59px 59px;
	z-index: 100000000;
	transition: 0.3s all ease;
}

.zen-linktotop:hover{
	background-image: url(../images/jsh-pageup-on.png);
}



.zen-copyright{
	position: absolute;
	bottom:20px;
	right:20px;
	color:#1b1b1b;
	font-size:11px;

}

/*******************************FOOTER**************************************/
/*******************************BREADCRUM**************************************/

#breadcrumb{
	width:100%;
	margin:20px 0 20px;

}


#breadcrumb a{
	color:#1b1b1b;
	border-bottom:1px solid #1b1b1b;
	font-size:11px;
	font-weight: bold;
}

#breadcrumb ul{
	width:100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#breadcrumb li{
	display: block;
	color:#1b1b1b;
	font-size:11px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom:8px;
}

#breadcrumb li:not(:first-child):after{
	content:'>';
	margin:0 10px;
}

#breadcrumb li:last-child:after{
	display: none;
}

#breadcrumb .next{
	margin:0 10px;
}
/*******************************BREADCRUM**************************************/

/*******************************CONVERSION**************************************/

.olab-cta{
    position: relative;
    background-color: #FF0058;
    padding: 30px;
     display: flex;
    flex-direction: row-reverse;
}

.olab-cta.wp{
	background-color:#080043;
}

.olab-cta-01{
    position: absolute;
    left: 0;
   bottom: 0;
    width: 33%;
}

.olab-cta .inner{
    width: 67%;
}

.olab-cta-wrap{
    padding:20px;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 20px;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}

.olab-cta-tel{
    width: 53%;
}

.olab-cta-btn{
    width: 45%;
}

.olab-cta-btn a{
    display: block;
    width: 100%;
    padding: 13px 5%;
    border-radius: 15px;
    text-align: center;
    background-color: #00B900;
}

.olab-cta-btn a.olab-cta-mail{
    background-color: #F60000;
}

.olab-cta-btn a:first-child{
    margin-bottom: 10px;
}

.olab-cta-btn a img{
    width: 60%;
}



a.zen-btn{
	background-color: #00A0E8;
	display: block;
	color:#fff;
	text-align: center;
	font-size:24px;
	font-weight: bold;
	letter-spacing: 4px;
	transition: 0.5s ease all;
	padding:26px 0;
	margin:auto 0;
}
a.zen-btn:hover{
	background-color:#024578;
}

a.zen-btn span{
	display: block;
	width:100%;
	height: auto;
	position: relative;

}


a.zen-btn.zen-btn-line{
	padding:50px 0;
	font-size:24px;
	background-color: #00B900;
}

a.zen-btn.zen-btn-line:hover{
	background-color:#024578;
}

a.zen-btn.zen-btn-line span:before{
	position: absolute;
	content:'';
	width:87px;
	height: 84px;
	background-image: url(../images/zen-line.png);
	background-size:87px 84px;
	top:50%;
	transform: translate(-110px, -50%);
}

a.zen-btn.section-bottom{
	width:60%;
	margin:0 auto;
	background-color: #070D79;
}

a.zen-btn.section-bottom:hover{
	background-color: #00A0E8;
}

/*******************************CONVERSION**************************************/

/*******************************CASEBOX**************************************/


.ath-case-box{
	width:100%;
	margin:0 auto;
	height: auto;
	position: relative;
}

.ath-case-number{
	padding:5px 25px;
	background-color: #FC00CC;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 20px;
}

.ath-case-time{
	position: absolute;
	top:0;
	right: 0;
	padding:5px 25px;
	background-color: #FC0000;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	display: inline-block;
	border-radius: 15px;
}

.ath-case-title{
	color:#4E4E4E;
	font-size:24px;
	font-weight: 400;
	margin-bottom: 20px;
}

.ath-case-image{
	width:100%;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 20px;
}

.ath-case-image div{
	width:50%;
}

.ath-case-image img{
	width:100%;
	height: 350px;
	object-fit: cover;
}

.ath-case-image span{
	display: block;
	width:100%;
	height: auto;
	padding:8px 20px;
	color:#fff;
	font-weight: bold;
	background-color: #FC00CC;
	font-style: italic;
}

.ath-case-image .ath-case-after span{
	background-color: #44BAFB;
}

.ath-case-voice{
	padding:20px;
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 15px;
}

.ath-case-customer{
	margin-bottom: 0;
}

.ath-case-customer img{
	width:110px;
	float:left;
}

.ath-case-staff img{
	float:right;
	display: block;
}

.ath-case-customer p{
	background-color: #F0f0f0;
	padding:20px;
	color: #000;
	text-align: justify;
	border-radius: 15px;
	margin-left: 20px;
	display: block;
	width:calc(100% - 130px);
	float:right;
	line-height: 1.6;
}

.ath-case-staff p{
	background-color: #44BAFB;
	color:#000;
	padding:20px;
	text-align: justify;
	border-radius: 15px;
	margin-left: 20px;
	display: block;
	width:calc(100% - 170px);
	float:left;
	line-height: 1.6;
}


/*******************************CASEBOX**************************************/
/*******************************TABLE**************************************/
.zen-table{
	width:100%;
	margin:0 auto;
	height: auto;
}

.zen-table th,.zen-table td{
	padding:20px 30px;
		font-size:20px;
	border:3px solid #FFE800;
	background-color:#fff;
	font-weight: bold;
	line-height: 1.6;
}

.zen-table th{
	width:25%;
	background-color:#D20106;
	color:#fff;

}

.zen-price-body{
	width:100%;
	height:auto;
	padding:40px 60px;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
	background-color:#FFE800;
	border-radius: 15px;
}

/*******************************TABLE**************************************/
/*******************************SECTION**************************************/

.zen-section{
	width:100%;
	height: auto;
	padding-bottom:40px;
}

.zen-section.zen-pr{
	padding-bottom:0;
}


.zen-section h2{
	text-align: center;
	color:#1b1b1b;
	font-weight: bold;
	font-size:42px;
	background-color:#E9FF00;
	padding:23px 0;
	margin-bottom: 30px;
}

.zen-section h3{
	text-align: center;
	color:#fff;
	font-weight: bold;
	font-size:35px;
	padding:23px 0;
	margin-bottom: 30px;
}

.zen-section h4{
	font-size:24px;
	font-weight: bold;
	border-left: #00A0E8 8px solid;
	padding-left: 15px;
	margin-bottom: 25px;
}

.zen-section.zen-page-top{
	padding-bottom:0;
}

.zen-page p{
	font-size:16px;
	line-height: 1.5;
	margin:20px;
}

img.mb20{
	width:100%;
	margin:0 auto 20px;
}


.ath-section{
	width:100%;
	height: auto;
}

.sks-sec{
	padding: 60px 0 30px;
}

.ath-section h3{
	text-align: center;
	color:#000;
	font-weight: bold;
	font-size:35px;
	margin-bottom: 30px;

}

.ath-section h3 span{
	color: #0AAD98;
}

.zen-list.ath-section h3{
	color: #fff;
}


.zen-list.ath-section h3 span{
	color: #F4FF00;
}

.ath-section-body{
	padding:35px 0;
	border-radius:15px;
}

.ath-section-body2{
	background-color:#fff;
	padding:35px 50px;
	border-radius:15px;
}

.ath-section-body.style-2{
	border-radius:15px;
	padding:35px 0 0;
}

.ath-section-body.style-3{
	border-radius:15px;
	padding:35px;
	margin-bottom: 80px;
}


.ath-section-body.style-2 img{
	width:100%;
	max-width: 748px;
	margin:0 auto;
	display: block;
}


.ath-section-body.style-2 img.img-ku{
	width:100%;
	max-width: 748px;
	margin:0 auto 0;
	display: block;
}

.ath-section-body.style-2 img.img-ku2{
	width:100%;
	max-width: 748px;
	margin:0 auto 20px;
	display: block;
}

.ath-ku-info{
	width:100%;
	max-width: 748px;
		height: auto;
	background-color: #EEEEEE;
	padding:30px;
	font-size:18px;
	line-height: 1.8;
	margin:0 auto 40px;
	position: relative;
}

.ath-ku-info:after{
		content:'';
		position: absolute;
		bottom:-32px;
		left:50%;
		transform: translateX(-50%);
		background-size:73px 32px;
		width:73px;
		height: 32px;
		background-image: url(../images/tri.png);

}


.ath-service{
	background-color: #00A0E8;
	padding-top: 60px;
}



.ath-service .ath-section-body{
	padding:35px 50px 0;
}

.ath-section.ath-service h3
{
	color: #fff;
}

.ath-pricelist table{
	width:100%;
	max-width: 700px;
	margin:0 auto ;
	height: auto;
}

.ath-pricelist table th,.ath-pricelist table td{
	padding:20px;

}


.ath-pricelist table th{
	text-align:center;
	font-weight: bold;
}


.ath-pricelist table thead td{
		text-align: center;
		font-size:20px;
		font-weight: 800;
		line-height: 1.6;
}

.ath-pricelist table tbody td{
		text-align: center;
		font-size:28px;
		font-weight: 800;
		color:#FC00CC;
		line-height: 1.6;
}

.ath-pricelist table thead{
	border-bottom: 1px solid #1b1b1b
}

.ath-pricelist table tbody tr{
	border-bottom: 1px dotted #aaa
}

.ath-pricelist table tbody tr:nth-child(even){
	background-color:#f0f0f0;
}

.ath-pricelist table.table-style02{
	width:100%;
	max-width: 700px;
	margin:20px auto;
	height: auto;
	border:1px solid #1b1b1b;
}

.ath-pricelist table.table-style02 th{
	width:50%;
	vertical-align: middle;
}

.ath-pricelist table.table-style02 td{
	width:50%;
	text-align: center;
}
.ath-pricelist span{
	display: block;
	margin: 10px auto;
	width:100%;
	max-width: 700px;
	font-size: 12px;

}

.ath-pricelist h4{
	width:100%;
	max-width: 700px;
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin:35px auto 15px;
}


.ath-table table{
	width:100%;
	max-width: 700px;
	margin:0 auto ;
	height: auto;
}

.ath-table table th,.ath-table table td{
	padding:20px;

}


.ath-table table th{
	text-align:center;
	font-weight: bold;
}


.ath-table table thead td{
		text-align: center;
		font-size:20px;
		font-weight: 800;
		line-height: 1.6;
}

.ath-table table tbody td{
		text-align: center;
		font-size:16px;
		font-weight: 800;
		color:#333;
		line-height: 1.6;
}

.ath-table table thead{
	border-bottom: 1px solid #1b1b1b
}

.ath-table table tbody tr{
	border-bottom: 1px dotted #aaa
}

.ath-table table tbody tr:nth-child(even){
	background-color:#f0f0f0;
}

.ath-table table.table-style02{
	width:100%;
	max-width: 700px;
	margin:20px auto;
	height: auto;
	border:1px solid #1b1b1b;
}

.ath-table table.table-style02 th{
	width:50%;
	vertical-align: middle;
}

.ath-table table.table-style02 td{
	width:50%;
	text-align: center;
}


.ath-zero img{
	width:100%;
}

.ath-zero.corona img{
	opacity: 1;
	transition: 0.2s ease all;
}

.ath-zero.corona img:hover{
	opacity: 0.8;
}

.ath-aircon-02{
	width:100%;
	max-width: 748px;
	margin:0 auto 40px;
	background-color: #EEEEEE;
	padding:25px 20px 30px;
	text-align: center;
	font-size:20px;
	line-height: 2;
	font-weight: bold;
	letter-spacing: 2px;

	position: relative;
}

.ath-aircon-02.fuyohin{
	text-align: left;
	font-size:16px;
}


.ath-aircon-02.corona{
	width:100%;
	max-width: 748px;
	margin:0 auto 40px;
	background-color: #EEEEEE;
	padding:25px 25px 30px;
	text-align: left;
	font-size:19px;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 2px;

	position: relative;
}

.ath-aircon-02.corona p{
	margin-bottom: 20px;
}

.ath-aircon-02:after{
		content:'';
		position: absolute;
		bottom:-32px;
		left:50%;
		transform: translateX(-50%);
		background-size:73px 32px;
		width:73px;
		height: 32px;
		background-image: url(../images/tri.png);

}

.ath-aircon-02 strong{
	border-bottom:3px solid #AC0DBE;

}

.ath-aircon-02.reform strong{
	border-bottom:3px solid #00CFFF;

}


.ath-aircon-03{
	width:100%;
	height: auto;
	padding:20px;
	text-align: center;
	color:#fff;
	background-color: #44BAFB;
	font-size:35px;
	font-weight: bold;
	line-height: 1.3;

}

.ath-product-box{
	width:100%;
	height: auto;
	margin-bottom:40px;
}

.ath-product-box h3{
	display: block;
	font-weight: bold;
	color:#fff;
	font-size: 24px;
	background-color:#44BAFB;
	padding:20px 35px;
}

.ath-product-box-body{
	width:100%;
	height: auto;
	padding:25px;
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	background-color: #fff;
}

.ath-product-box-image{
	width:40%;
}


.ath-product-box-info{
	width:60%;
	padding:10px 35px;
}

.ath-product-box-info.full{
	width:100%;
}

.ath-product-box-info h4{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
}

.ath-product-box-info h5{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.6;
}

.ath-product-box-info p{
	font-weight: bold;
	font-size:24px;
	line-height: 1.6;
	margin-bottom: 10px;
}

.ath-product-box-info .corona-info p{
	font-weight: normal;
	font-size:15px;
	line-height: 1.6;
	margin-bottom: 10px;
}

.ath-product-box-info .corona-info{
	border:1px solid #f0f0f0;
	padding:20px;
	margin-bottom: 30px;
}

.ath-product-box-info .corona-info p strong{
	color:#d2008a;
	border-bottom: 1px solid #d2008a;
	padding-bottom: 1px;
}

.ath-product-box-info.recruit p{
	font-weight: bold;
	font-size:18px;
	line-height: 1.6;
	margin-bottom: 40px;
	font-weight: normal;
}

.ath-product-box-info span{
	display: block;
	font-size:16px;
	line-height: 1.3;
	margin-bottom: 20px;
}

.ath-product-box-info-hosoku{
	background-color:#E8E8E8;
	padding:15px;
	font-size:16px;
	border-radius: 10px;
	margin-bottom: 20px;
	display: inline-block;

}

.ath-product-box-img{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.ath-product-box-img div{
	width:25%;
}

.ath-product-box-bottom{
	margin-bottom: 50px;

}

.ath-product-box-bottom img{
	width:100%;
	display: block;
}

.ath-voice-intro{
		width: 100%;
		height: auto;
		margin-bottom:30px;
		line-height: 1.6;
		text-align: center;
		font-size:18px;
		font-weight: bold;
}


.ath-flow-info{
	line-height: 1.8;
	background-color:#f0f0f0;
	padding:30px;
	border-radius: 15px;
}

.ath-flow-info p:not(:last-child){
	margin-bottom: 20px;
}


/*******************************SECTION**************************************/



.zen-jisseki-wrap{
	width:100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.zen-jisseki-box{
	width:19%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-right:1%;
	margin-bottom: 20px;
}

.jsh-blog-main .zen-jisseki-box{
	width:32%;
	margin-right:1%;
}

.zen-jisseki-box img{
	width:100%;
	height: 170px;
	object-fit: cover;
	margin-bottom:8px;
}

.zen-jisseki-box span{
	display: block;
}

.zen-jisseki-box span.zen-jisseki-category{
	font-size:14px;
	font-weight: bold;
	color:#fff;
	text-align: center;
	padding:4px 0;
	background-color: #00B900;
	margin-bottom: 10px;
}

.zen-jisseki-box span.zen-jisseki-category.category-slug-aircon{
	background-color:#00BFFF;
}

.zen-jisseki-box span.zen-jisseki-category.category-slug-aircon{
	background-color:#00BFFF;
}

.zen-jisseki-box span.zen-jisseki-category.category-slug-colona{
	background-color:#DA0000;
}

.zen-jisseki-box span.zen-jisseki-category.category-slug-kushitsu{
	background-color:#0000FF;
}

.zen-jisseki-box span.zen-jisseki-date{
	font-size:12px;
	color:#FF0047;
	font-weight: bold;
	margin-bottom: 7px;
}

.zen-jisseki-box span.zen-jisseki-title{
	font-size:16px;
	display: inline;
	line-height: 24px;
	border-bottom: 1px solid #1b1b1b;
	padding-bottom: 1px;
}


.zen-service-wrap{
	width:100%;
	margin:0 auto;
	height: auto;
	display: flex;
	padding:0;
	justify-content: space-between;
	flex-wrap: wrap;
	xmargin-bottom: 35px;
	
	
}

.zen-service-box{
	width:48%;
	padding:20px 20px 40px;
	background-color:#fff;
	position: relative;
	margin-bottom: 60px;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
	border-radius: 20px;
	text-align:left;
}

.zen-service-box.full{
	width:100%;
	padding:20px 20px 20px;
	text-align: center;
}

.zen-service-box.full .inner:after{
content: "";
  clear: both;
  display: table;
  }

  .zen-service-box.full .inner{
  	margin-bottom: 20px;
  }

.zen-service-box img{
	width:100%;
	height: auto;
	margin-bottom:15px;
}

.zen-service-box.full img{
	float:left;
	width:50%;
	margin-right:20px;
	margin-bottom: 50px;
}

.zen-service-title {
	font-size:24px;
	font-weight: bold;
	color:#FC00CC;
	text-align: center;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	white-space: nowrap;
}


.zen-service-box  p{
	font-size:16px;
	line-height: 1.6;
	text-align: justify;
	margin-bottom: 30px;	
}



.zen-service-box a.zen-btn{
	position: absolute;
	bottom:20px;
	left:50%;
	width:65%;
	border-radius: 10px;
	font-size:18px;
	background-color: #070D79;
	padding:10px 0;
	letter-spacing: 1px;
	transform: translateX(-50%);
}

.zen-service-box a.zen-btn:hover{
	background-color: #00A0E8;
}


.zen-service-box.full a.zen-btn{
	width:30%;
}

.zen-service-box a.zen-btn span:after{
	height: 1px;
	width:30px;
	}


a.ath-btn{
	display:block;
	margin:0 auto;
	width:auto;
	font-size:16px;
	background-color: #070D79;
	padding:20px;
	letter-spacing: 1px;
	text-align: center;
	color:#fff;
	border-radius: 15px;
}

a.ath-btn:hover{
	background-color: #00A0E8;
}

.ath-link-pricelist{
	width:100%;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
}

.ath-link-pricelist a{
	width:100%;
	display: block;
	padding:30px;
	font-size:18px;
	line-height: 1.2;
	font-weight: bold;
	background-color: #070D79;
	letter-spacing: 1px;
	text-align: center;
	color:#fff;
	border-radius: 15px;
}

.ath-link-pricelist a:hover{
	background-color: #00A0E8;
}

.zen-flow-wrap{
	width:70%;
	height: auto;
	margin:0 auto 35px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.zen-flow-box{
	width:165px;
	height: 165px;
	border-radius: 15px;
	border:3px #DADADA solid;
	box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.2);
	background-color: #00A0E8;
	color:#fff;
	font-size:24px;
	line-height: 1.3;
	position: relative;
}

.zen-flow-box .inner{
	width:100%;
	height:100%;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items:center;
	justify-content: center;

}

.zen-flow-box:not(:last-child):after{
	content:'';
	width:16px;
	height: 16px;
	background-image: url(../images/zen-tri.png);
	background-size: 16px 16px;
	position: absolute;
	right:-35px;
	top:50%;
	transform: translateY(-50%);
}

.zen-area-wrap img{
	margin-bottom: 20px;
}

.zen-area-info{
	width:90%;
	margin:0 auto;
	background-color:#fff;
	padding:40px;
	border: 1px solid #ccc;
	font-size:14px;
	line-height: 1.5;
	margin-bottom: 40px;
}

.zen-area-info h4{
	font-weight: bold;
	margin-bottom: 5px;
}

.zen-area-info p{
	line-height: 1.5;
	margin-bottom: 20px;
}

.zen-area-info a{
	color:#1b1b1b;
	border-bottom: 1px solid #1b1b1b;
}

.zen-area-info a:hover{
	border-bottom:none;
}

.zen-page-demand{
	width:90%;
	margin:0 auto;
}

.zen-demand-head img{
	width:90%;
	margin: 0 auto;
	display: block;
}	

.zen-demand-head span{
	font-size:33px;
	text-align: center;
	width:100%;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}

.zen-demand-head p{
	width: 100%;
	height: auto;
	display: block;
	padding:30px 40px;
	border:10px solid #f0f0f0;
	margin:30px 0;
	line-height: 1.6;
}

.zen-demand-body{
	background-color:#FFEA05;
	padding:40px 60px;
	border-radius: 30px;
	font-size:20px;
	font-weight:400;
	line-height: 2.2;
}

.zen-demand-body strong{
	color:#E20303;
	font-weight: 800;
	border-bottom: 1px solid #E20303;
}

.zen-point-wrap{
	width:100%;
	height: auto;
	margin-bottom: 40px;
	display: flex;
	align-items:center;
	justify-content: space-between;
}

.zen-point-box{
	width:30%;
	text-align: center;
	font-size:30px;
	color:#D20106;
	font-weight: bold;
}

.zen-point-box img{
	width:50%;
	display: block;
	margin:0 auto;
	margin-bottom: 13px;
}

.zen-point-box p{
	font-size:13px;
	color:#1b1b1b;
	line-height: 1.6;
	margin:15px auto 0;
	display: block;
	width:60%;
	height: auto;
	text-align: left;
	font-weight: normal;

}

.zen-point-wrap2{
	width:100%;
	height: auto;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	justify-content: space-between;
}


.zen-point-box2{
	width:32%;
	min-height: 320px;
	text-align: center;
	font-size:30px;
	color:#D20106;
	border:5px solid #f0f0f0;
	border-radius: 30px;
	font-weight: bold;
	padding:20px;
	margin-bottom: 20px;
box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.2);
}

.zen-point-box2 img{
	max-width:70%;
	display: block;
	margin:0 auto;
	margin-bottom: 13px;
}

.zen-point-box2 p{
	font-size:13px;
	color:#1b1b1b;
	line-height: 1.6;
	margin:15px auto 0;
	display: block;
	width:80%;
	height: auto;
	text-align: left;
	font-weight: normal;

}

.ath-info-style01{
	width:100%;
	height: auto;
	background-color:#FFE800;
	padding:40px;
	margin-bottom:30px;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

.ath-info-style01-top{
	font-size:26px;
	font-weight: bold;
	width:100%;
	text-align: center;
	padding-bottom:35px;
	border-bottom:1px solid #1b1b1b;
	margin-bottom: 23px;
}

.ath-info-style01 p{
	font-size:16px;
	line-height: 2;
	margin-bottom: 20px;

}


.zen-info-style02{
	width:100%;
	height: auto;
	font-size:14px;
	line-height: 1.6;
	padding:40px;
	background-color:#f0f0f0;
}

.zen-list{
	color: #fff;
	background-color: #00A0E8;
}

.zen-list-wrap{
		width:100%;
		height: auto;
		padding-bottom: 40px;
	}

	.zen-list-box{
		width:100%;
		height: auto;
		padding:30px 100px 30px 30px;
		display: flex;
		align-content: center;
		position: relative;
}
	.zen-list-box:after{
		position: absolute;
		top:50%;
		right:30px;
		width:24px;
		height: 15px;
		background-image: url(../images-shokenso/sks-arrow.png);
		background-repeat: no-repeat;
		background-size:24px 15px;
		transform:translateY(-50%);
		content:'';
		display: block;
	}


	.zen-list-box span{
		display: inline;
		font-size:24px;
		line-height: 1.5;

	}


	.openbox{
		width:100%;
		height: auto;
		display: none;
	}

	.aaa,.bbb,.ccc{

		display: none;
	}



	.zen-list-contena{
		width:100%;
		display: flex;
		padding:40px;
		flex-wrap: wrap;
		background-color:#fff;
		font-size:16px;
		line-height: 2;
		color: #000;
	}





.flow-wrap{
	margin-bottom:50px;
}

.flow-head{
	text-align: center;
	font-weight:bold;
	font-size:30px;
	line-height: 1.4;
	color:#0B5286;
	margin-bottom:15px;
}

.flow-head span{
	color:#B11601;
}

.flow-box{
	margin-bottom:20px;
}

.flow-box img{
	max-width:100%;

}

.flow-box div{
	padding:25px 40px;
	background-color: #EFEFEF;
	line-height: 1.6;
}

.flow-box div p{
	font-size:16px;
	font-weight: bold;
	line-height: 2;
}

.flow-box div img{
	margin:10px auto 20px;
}

.flow-footer{
	text-align: center;
	font-weight:bold;
	font-size:30px;
	line-height: 1.4;
	color:#ff0000;
	margin-bottom:15px;
}

.flow-box div.flow-box-bottom{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding:0;
}

.flow-box-bottom a{
	width:50%;
}

.flow-box-bottom a.zen-btn.zen-btn-line{
	padding:26px 0;
	font-size:24px;
	background-color: #00B900;
}

.flow-box-bottom a.zen-btn.zen-btn-line:hover{
	background-color:#024578;
}

.flow-box-bottom a.zen-btn.zen-btn-line span:before{
	position: absolute;
	content:'';
	width:47px;
	height: 44px;
	background-image: url(../images/zen-line.png);
	background-size:47px 44px;
	top:50%;
	transform: translate(-70px, -50%);
}

.zen-ranking{
	width:70%;
	height: auto;
	margin:0 auto 40px;
}

.zen-voice-box{
	width: 100%;
	margin:40px auto;
}

.zen-voice-box p{
	background-color:#f0f0f0;
	padding:40px;
	font-size:16px;
	line-height: 2;
	margin-bottom: 40px;
}

.zen-company-img img{
	width:100%;
	height: 305px;
	object-fit: cover;
}

#zen-flow{
	padding-bottom:50px;
}


.zen-company-img{
	width:100%;
	height: auto;
	margin-bottom:30px;
}

.zen-company .zen-info-style02{
	width:100%;
	height: auto;
	margin-bottom: 30px;
}


.zen-demand-bottom{
	width:100%
	height:auto;
	padding:20px 40px;
	font-size:20px;
	font-weight: bold;
	border:10px solid #f0f0f0;
	line-height: 1.6;
	margin:15px 0 30px;
}

.zen-demand-bottom strong{
	color:#FF00B7;
}

.zen-hikkoshi .zen-service-title{
	background-color:#FF00A2;
}


.zen-hikkoshi .zen-service-box{
	padding-bottom:40px;
}

.zen-share{
	width:100%;
	height: auto;
	padding:0 0 80px;
}

.zen-share a{
	transition: 0.3s all ease;
	color:#1b1b1b;

}

.zen-share a:hover{
	color:#0068b7;
}

.zen-share a:not(:last-child){
	border-right:1px solid #1b1b1b;
	padding:2px 10px 2px 0;
	margin-right:10px;

}


/*************************************************************************/

.jsh-page{
	width:100%;
	height: auto;
	padding:0 0 50px;
	position: relative;

}

.jsh-page header{
	width:100%;
	padding-bottom:30px;

}

.jsh-page header h3{
	font-size:14px;
	font-family: 'Overpass', sans-serif;
	letter-spacing: 3px;
	font-weight: bold;
	display: inline;
	line-height: 14px;
}

.jsh-page header h3:after{
	content:'';
	width:40px;
	height: 1px;
	background: #1b1b1b;
	display: inline-block;
	transform: translateY(-4px);
	margin:0 25px;
}

.jsh-page header span{
	font-size:13px;
	line-height: 14px;
	letter-spacing: 1px;
	font-weight: bold;
}

.jsh-page .body01{
	margin-bottom:60px;
}

.jsh-page .body01 p{
	font-size:14px;
	line-height: 2;
	margin-bottom:35px;
}

.jsh-page .body01 p:last-child{
	margin-bottom: 0;
}

.jsh-page-body01{
	font-size:14px;
	line-height: 28px;
	color:#252525;
}



.jsh-page-section{
	padding-bottom:100px;
}

.jsh-page-overview{
	width: 100%;
	height: 500px;
	background-image: url(../images/jsh-page-overview01.jpg);
	background-size: cover;
	background-position: center;
	
}

.jsh-page-overview02{
	background-image: url(../images/jsh-page-overview02.jpg);
}

.jsh-page-overview03{
	background-image: url(../images/jsh-page-overview03.jpg);
}

.jsh-page-overview04{
	background-image: url(../images/jsh-page-overview04.jpg);
}

.jsh-page-overview .inner{
	width: 100%;
	height: auto;
	padding-top:120px;

}

.jsh-page-overview-body{
	color:#fff;
	}

.jsh-page-overview-body h4{
	font-size:24px;
	font-weight: bold;
	margin-bottom:40px;
}

.jsh-page-overview-body h5{
	font-size:16px;
	font-weight: bold;
	margin-bottom:18px;
}

.jsh-page-overview-body p{
	font-size:14px;
	line-height: 2;
	margin-bottom:30px;
}


.jsh-page-overview-body a{

	background-color: #313131;
	display: inline-block;
	width:240px;
	height: auto;
	color:#fff;
	text-align: center;
	font-family: 'Overpass', sans-serif;
	font-size:12px;
	font-weight: bold;
	letter-spacing: 2px;
	transition: 0.5s ease all;
	padding: 18px 0;
}
.jsh-page-overview-body a:hover{
	background-color:#024578;
}

.jsh-page-overview-body a span{
	display: block;
	width:100%;
	height: auto;
	position: relative;
}

.jsh-page-overview-body a span:after{
	position: absolute;
	content:'';
	width:40px;
	height: 1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.jsh-company dl{
	display: table;
	width:100%;
	text-align: left;
	color:#252525;
	line-height: 2;
	padding:0;
	margin:0 0 30px;

}

.jsh-company dl dd,.jsh-company dl dt{
	display: table-cell;
	font-size: 14px;
	padding:0;
	margin:0;
	font-family: 'Noto Sans JP', sans-serif;
}

.jsh-company dl dt{
	width:40%;
	font-weight: bold;
	}

.jsh-company dl dd li{
	list-style: inside;
	margin-bottom:4px;
}

.jsh-sitemap01 h4{
	font-size:14px;
	font-weight: bold;
	margin-bottom:20px;
}


.jsh-sitemap01 p{
	margin-bottom:50px;
}


.jsh-sitemap01 p a{
	color:#252525;
	font-size:14px;
	line-height: 2;
	padding-bottom:5px;
	border-bottom:1px solid #747474;
	margin:0 10px;
}

.jsh-sitemap01 p a:first-child{
	
	margin:0 10px 0 0;
}

.jsh-page-employment{

}

.jsh-page-employment header{
	padding-bottom:65px;
}

.jsh-page-employment .span01{
		font-size:16px;
		line-height: 2;
		font-weight: bold;
		margin-bottom: 20px;
		color:#252525;
		display:block;
}

.jsh-page-employment h3{
		font-size:32px;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 20px;
		color:#252525;
		display:block;
}

.jsh-page-employment .span02{
		font-size:12px;
		line-height: 2;
		font-weight: bold;
		letter-spacing: 3px;
		font-family: 'Overpass', sans-serif;
		display:block;
}

.jsh-page-employment .body01{
	padding-bottom:80px;
}

.jsh-page-employment .body01 h4{
		font-size:16px;
		line-height: 2;
		font-weight: bold;
		margin-bottom:30px;
		display:block;
		color:#252525;
}

.jsh-page-employment .body01 p{
		font-size:14px;
		line-height: 2;
		color:#252525;
}

.jsh-page-employment-new{
	width:100%;
	height: auto;
	padding:0px 0 60px;
	text-align: center;
}
.jsh-page-employment-new h3{
	font-size: 32px;
	font-weight:bold;
	margin-bottom:35px;
}

.jsh-page-employment01{
		width:100%;
		height: 240px;
		background-image:url(../images/jsh-page-employment01.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom:40px;
}

.jsh-page-employment-new .body01 h4{
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 20px;
}

.jsh-page-employment-new .body01 p{
	font-size: 14px;
	color:#252525;
	line-height: 2;
	margin-bottom:42px;
}

.empolyment-link a{
	width:333px;
	display: inline-block;
	padding:15px 0;
	background-color:#0068b7;
	color:#fff;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	margin-right: 20px;
	letter-spacing: 3px;
	position: relative;
	transition: 0.5s all ease;
}

.empolyment-link a:hover{
	background-color:#024578;
}	

.empolyment-link a:last-child{
	margin-right:0;
}

.empolyment-link  a:after{
	position: absolute;
	content:'';
	width:65px;
	height: 1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.jsh-page-employment02{
		width:100%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=1);
}
.jsh-page-employment02 .body01{
	width:100%;
	height: auto;
	padding-bottom: 77px;
}

.jsh-page-employment02 .body01 p{
	font-size:14px;
	line-height: 28px;
	color:#252525;
}

.jsh-page-employment02 .body01 h4{
	font-size:28px;
	line-height: 2;
	font-weight: bold;
	display: block;
	margin-bottom:30px;
}

.jsh-background-wrap{
	width:100%;
	height: auto;
	padding-bottom:120px;
	position: relative;
	margin-bottom:20px;
}

.jsh-background-wrap:after{
	content:'';
	width:52px;
	height: 49px;
	background-image: url(../images/jsh-page-employment05.png;);
	background-size: 52px 49px;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}

.jsh-background-box{
	width:536px;
	height: auto;
	position: relative;
	float:left;
}

.jsh-background-box.jsh-background-box01:after{
	position: absolute;
	bottom:-88px;
	left:50%;
	transform: translateX(-50%);
	content:'';
	display: block;
	width:48px;
	height: 62px;
	background-image: url(../images/jsh-page-employment03.png;);
	background-repeat: no-repeat;
	background-size: 48px 62px;
}

.jsh-background-box.jsh-background-box01:before{
	position: absolute;
	top:62%;
	right:-39px;
	transform: translateY(-50%);
	content:'+';
	font-size:48px;
	display: block;
	font-family: 'Overpass', sans-serif;
}

.jsh-background-box.jsh-background-box02:after{
	position: absolute;
	bottom:-88px;
	left:50%;
	transform: translateX(-50%);
	content:'';
	display: block;
	width:48px;
	height: 62px;
	background-image: url(../images/jsh-page-employment04.png;);
	background-repeat: no-repeat;
	background-size: 48px 62px;
}

.jsh-background-box.jsh-background-box02{
	float:right;
}

.jsh-background-box span{
	text-align: center;
	display: block;
	font-size:18px;
	font-weight: bold;
	margin-bottom: 13px;
}

.balloon{
    position:relative;
    width:100%;
    height:auto;
    background:#FFFFFF;
    padding:40px;
    white-space: nowrap;
    font-weight: bold;
    font-size:16px;
    color:#252525;
    border:1px solid #1b1b1b;

}
.balloon:after,.balloon:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.balloon:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#FFFFFF;
}
.balloon:before{
    border-color: rgba(230, 230, 230, 0);
    border-top-width:11px;
    border-bottom-width:11px;
    border-left-width:11px;
    border-right-width:11px;
    margin-left: -11px;
    margin-top: 1px;
    border-top-color:#1b1b1b;
}

.jsh-page-employment02 .body02{
	width:100%;
	height: auto;
	text-align: center;
	padding-bottom: 30px;
}

.jsh-page-employment02 .body02 h4{
	font-size:32px;
	font-weight: bold;
	line-height: 1;
	padding:14px;
	border-bottom:1px solid #1b1b1b;
	margin-bottom:15px;
	display: inline-block;
}

.jsh-page-employment02 .body02 span{
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	font-family: 'Overpass', sans-serif;
}

.jsh-page-employment03{
	width:100%;
	height: auto;
	padding:80px 0 30px;
}




.jsh-page-employment03 .body01 p{
	font-size:14px;
	line-height: 28px;
	color:#252525;
}

.jsh-page-employment03 .body01 h4{
	font-size:28px;
	line-height: 2;
	font-weight: bold;
	display: block;
	margin-bottom:50px;
}

.jsh-page-employment03 .div01 {
	width:100%;
	height: auto;
	transform: translateY(-80px);
	z-index: 2;
}


.jsh-page-employment04{
	width:100%;
	height: auto;
	background-image: url(../images/jsh-page-employment09.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 426px;
	padding:95px 0;
	text-align: center;
}


.jsh-page-employment04 h3{
	font-size:28px;
	font-weight: bold;
	margin-bottom: 30px;
}

.jsh-page-employment04 span{
	display: block;
	color:#252525;
	font-size:14px;
	margin-bottom:45px;
}



.jsh-page-employment04 .body01{
	width:100%;
	height: auto;
	position: relative;
}

.jsh-page-employment04 .body01:after{
	width:100%;
	height: 1px;
	content:'';
	display: block;
	background-color: #1b1b1b;
	position: absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	z-index: 10;
}

.jsh-page-employment04 .body01 .wrap{
	width:100%;
	height: auto;
	 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content:  space-between;

}



.jsh-emloyment-box{
	padding:20px 30px;
	height: auto;
	background-color: #fff;
	border:1px solid #1b1b1b;
	position: relative;
	z-index: 1000;
	font-size:16px;
	font-weight: bold;
}

.jsh-emloyment-box .inner{
	display:table;
	width:100%;
	height:100%;

}

.jsh-emloyment-box .inner div{
	display:table-cell;
	vertical-align: middle;
}



.jsh-page-client{
	width:100%;
	height: auto;
	position: relative;

}

.jsh-page-client header{
	width:100%;
	padding:100px 0 40px;

}

.jsh-page-client header div{

	padding-bottom:50px;
}

.jsh-page-client header h3{
	font-size:14px;
	font-family: 'Overpass', sans-serif;
	letter-spacing: 3px;
	font-weight: bold;
	display: inline;
	line-height: 14px;
}

.jsh-page-client header h3:after{
	content:'';
	width:40px;
	height: 1px;
	background: #1b1b1b;
	display: inline-block;
	transform: translateY(-4px);
	margin:0 25px;
}

.jsh-page-client header span{
	font-size:13px;
	line-height: 14px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-right:50px;
}

.jsh-page-client header p{
	font-size:14px;
	line-height: 2;
	color:#252525;
	transform: translateY(3px);

}

.jsh-page-contact{
	width:100%;
	height: auto;
	margin-bottom:100px;
}

.jsh-page-client header h4{
	display: block;
	font-size: 24px;
	font-weight: bold;
}

a.jsh-page-contact-box{
	display: block;
	width:50%;
	float:left;
	height:238px;
	padding:50px calc((100vw - 1100px)/4);
	background-color: #0068b7;
	color:#fff;
}

a.jsh-page-contact-box.box02{
	background-color: #313131;
}

a.jsh-page-contact-box:hover{
	background-color: #313131;
	}

a.jsh-page-contact-box h3{
	font-size:30px;
	line-height: 30px;
	font-family: 'Overpass', sans-serif;
	border-bottom:1px solid #fff;
	letter-spacing: 5px;
	padding-bottom: 20px;
	margin-bottom:20px;
}

a.jsh-page-contact-box h3 span{
	font-size:13px;
	margin-left:15px;
	letter-spacing: 1px;
	transform: translateY(-5px);
	display: inline-block;
}

a.jsh-page-contact-box p{
	font-size:13px;
	line-height: 2;
}

a.jsh-page-contact-box .inner{
	width:100%;
	height: auto;
	position: relative;
}

a.jsh-page-contact-box .inner:after{
	content:'';
	display: block;
	width:40px;
	height: 40px;
	background-image: url(../images/jsh-page-contanct-arrow.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	right:0;
	top:0;
	position: absolute;
	z-index: 1000;
}


.jsh-page-employment-point .body01 h4 {
    font-size: 28px;
    line-height: 2;
    font-weight: bold;
    display: block;
    margin-bottom: 50px;
}

.jsh-page-employment-point-box{
	width:100%;
	height: auto;
}

.jsh-page-employment-point-box h5{
	font-size:18px;
	line-height: 2;
	font-weight: bold;
	margin-bottom:30px;
}

.jsh-page-employment-point-box .box-body{
	width:45%;
	height: 100%;
	padding:4vw;
	float:left;
	overflow: hidden;
}
.jsh-page-employment-point-box .box-body.box-body01x{
	background-image:url(../images/jsh-page-employment-no1.png);
	background-size: 127px 116px;
	background-repeat: no-repeat;
	background-position: right bottom;
}





.jsh-page-employment-point-box span{
	font-size:16px;
	font-weight: bold;
	line-height: 2;
	display: block;
	margin-bottom:20px;
}

.jsh-page-employment-point-box p{
	font-size:13px;
	line-height: 2;
	color:#252525;

}

.jsh-page-employment-point-box .box-img{
	width:55%;
	float:right; 
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
	
}

.jsh-page-employment-point-box .box-img img{

}


.jsh-page-employment-point-box.box-left .box-body{
	float:right;
}

.jsh-page-employment-point-box.box-left .box-img{
	float:left;
}

.jsh-page-employment-birthday{
	width:100%;
	height: auto;
	text-align: center;
	background-image: url(../images/jsh-page-employment10.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	padding:140px 0;
}

.jsh-page-employment-birthday h3{
	font-size:28px;
	font-weight: bold;
	margin-bottom:35px;
}

.jsh-page-employment-birthday p{
	font-size:14px;
	color:#252525;
	line-height: 2;
	margin-bottom: 50px;
	display: block;
}

.jsh-page-employment-birthday img{
	width:240px;
	height: 240px;
	margin-right:40px;
}

.jsh-page-employment-birthday img:last-child{
	margin-right:0;
}

.jsh-page-employment05 .body01 h4{
	font-size:20px;
	font-weight: bold;
	line-height: 2;
	margin-bottom:40px;
}

.jsh-page.jsh-page-employment05{
	padding-bottom:0;
}

.mayor{
	width:100%;
	height: auto;
	max-height: 640px;
	position: relative; 
}

.mayor-img{
	width:calc(100% - (210px + (100% - 1120px) / 2 ));
	height: 640px;
}

.mayor-img img{
	width:100%;
	height: 640px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.mayor-content{
	min-width:630px;
	width:45%;
	height: 535px;
	background-color:#fff;
	padding:80px;
	position: absolute;
	z-index: 1000;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.mayor-content h5{
	font-size:18px;
	color:#252525;
	font-weight: bold;
	line-height: 2;
	margin-bottom:25px;
}

.mayor-content p{
	font-size:14px;
	color:#252525;
	line-height: 2;
	margin-bottom:25px;
}

.mayor-content .subtext{
	font-size:11px;
	line-height: 2;
}

.mayor-content img{
	width:90px;
	height: auto;
	margin-right:8px;
	margin-bottom:10px;
}

.jsh-page-employment-voice{
	width:100%;
	height:700px;
	position: relative;
	padding-top: 80px;
}

.jsh-page-employment-voice:after{
	width:calc(214px + (100% - 1120px)/ 2 );
	height:700px;
	padding-top:90px;
	background-image:url(../images/bg-gray.gif);
	background-repeat: repeat;
	content:'';
	display: block;
	position: absolute;
	top:0;
	right:0;
	z-index: 10;
}

.jsh-page-employment-voice .voice-body{
	position: relative;
	z-index: 100;
	width:100%;
	height: auto;

}

.jsh-page-employment-voice .voice-body .voice-img{
	float:right;
	width:428px;
	height: 428px;
}

.jsh-page-employment-voice .voice-body .voice-content{
	float:left;
	width:692px;
	height: auto;
	padding-top:50px;
	padding-right:70px;
}

.jsh-page-employment-voice .voice-body .voice-content span{
	line-height: 44px;
	font-size: 14px;
	display: inline-block;
	margin-bottom:50px;
}

.jsh-page-employment-voice .voice-body .voice-content img{
	width:162px;
	height: 44px;
	margin-right:20px;

}

.jsh-page-employment-voice .voice-body .voice-content h4{
	font-size:20px;
	line-height:2; 
	margin-bottom:20px;
}

.jsh-page-employment-voice .voice-body .voice-content p{
	font-size:13px;
	line-height:2; 
}

.jsh-page-employment-voice .voice-body .voice-content a{
	position: absolute;
	bottom:0;
	right:500px;
	padding:26px 0;
	display: block;
	width:338px;
	text-align: center;
	background-color: #0068b7;
	color:#fff;
	font-size:14px;
	line-height: 1;
	letter-spacing: 3px;
	font-family: 'Overpass', sans-serif;
}


.jsh-page-employment-voice .voice-body .voice-content a span{
	display: block;
	width:100%;
	height: auto;
	position: relative;
	margin-bottom:0;
	line-height: 1;
}

.jsh-page-employment-voice .voice-body .voice-content a span:after{
	position: absolute;
	content:'';
	width:40px;
	height:1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}


.jsh-page-employment-seminar{
	padding-top:100px;
}

.seminar-body h4{
	font-size:24px;
	line-height: 2;
	margin-bottom:35px;
}

.seminar-body p{
	font-size:14px;
	line-height: 2;
	color:#252525;
	margin-bottom:40px;
}

.seminar-body02{
	padding-right:5%;
	width:100%;
	height: auto;
	position:relative;
}

.seminar-body02 img{
	float:left;
	width:50%;
	margin-right:60px;
}

.seminar-body02 h5{
	font-size:18px;
	font-weight: bold;
	line-height: 2;
	padding:45px 0 30px;
}

.seminar-body02 p{
	font-size:14px;
	line-height: 2;
	margin-bottom:40px;
}

.seminar-body02 span{
	display: block;
	font-size:14px;
	line-height: 2;
	margin-bottom:25px;
	font-weight: bold;
}

.seminar-body02 a{
	display: block;
	position: absolute;
	bottom:0;
	right:5%;
	padding:26px 0;
	display: block;
	width:338px;
	text-align: center;
	background-color: #0068b7;
	color:#fff;
	font-size:14px;
	letter-spacing: 4px;
	font-family: 'Overpass', sans-serif;
	line-height: 1;
}

.seminar-body02 a div{
	display: block;
	width:100%;
	height: auto;
	position: relative;
	margin-bottom:0;
	line-height: 1;
}

.seminar-body02 a div:after{
	position: absolute;
	content:'';
	width:40px;
	height:1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.jsh-page-bottom{
	width:100%;
	height: auto;
	position: relative;
	padding-top:120px;
}

a.jsh-page-bottom-contact{
	display: block;
	position: absolute;
	bottom:0;
	right:0;
	display: block;
	width:792px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	background-color: #b31b21;
	color:#fff;
		transition: 0.5s ease all;

}


a.jsh-page-bottom-contact div{
	display: block;
	width:100%;
	height: auto;
	position: relative;
	margin-bottom:0;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 5px;

}

a.jsh-page-bottom-contact div:after{
	position: absolute;
	content:'';
	width:142px;
	height:1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

a.jsh-page-bottom-contact div span{
	line-height: 17px;
	font-size:12px;
	font-weight: normal;
	display: block;
	position: absolute;
	text-align: left;
	top:50%;
	left:50px;
	transform: translateY(-50%);
	letter-spacing: 2px;

}

a.jsh-page-bottom-contact:hover{

	background-color:#90161b;
}

.jsh-page-access{
	width:100%;
	height: auto;
	position: relative;
}

.jsh-page-access-nav.alt{
	display: none;
	opacity: 0;
	transition: 1s all ease;
}

.jsh-page-access-nav{
	display: block;
	opacity: 1;
	position: fixed;
	right:10%;
	top:130px;
	z-index: 10000;
	width:200px;
	height: auto;
	padding:38px 0;
	border-top:1px solid #1b1b1b;
	border-bottom:1px solid #1b1b1b;

	z-index: 1000000000;
}

.jsh-page-access-nav li{
	margin-bottom:20px;
}

.jsh-page-access-nav li:after{
	width:14px;
	height: 14px;
	background-image:url(../images/jsh-access-arrow.png);
	background-repeat: no-repeat;
	background-size: 14px 14px;
	display: inline-block;
	content:'';
	margin-left:10px;
	transform: translateY(3px);
}

.jsh-page-access-nav li a{
	font-size:14px;
	border-bottom:1px solid #1b1b1b;
	padding-bottom:5px;
	color:#1b1b1b;
	font-weight: bold;
	}

.jsh-access-box{
	padding-right:260px;
	width:100%;
	padding-top:160px;
	height: auto;
	position: relative;
	margin-bottom:80px;
}

.jsh-access-box .jsh-access-box-content{
	position: absolute;
	top:30px;
	left:0;
	width:430px;
	height: auto;
	box-shadow: 0 0 10px #dbdada;
	
}

.jsh-access-box-content .inner{
	padding:45px;
	background-color: #fff;
}

.jsh-access-box-content h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 7px;
	margin-bottom:35px;
	line-height: 1;
}


.jsh-access-box-content p{
	font-size:14px;
	line-height: 2;
	margin-bottom:40px;
}

.jsh-access-box-content p:last-child{
	margin-bottom:0;
}

.jsh-access-box-content h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom:18px;
}


.jsh-access-box-map{
	width:430px;
	height: auto;
	float:right;
}

.jsh-access-box.jsh-access-box-left .jsh-access-box-content{
	position: absolute;
	top:30px;
	right:260px;
	left:inherit;
	width:430px;
	height: auto;
	box-shadow: 0 0 10px #dbdada;
	
}

.jsh-access-box-left .jsh-access-box-map{
	float:left;
	}



.jsh-page-homevisit li{
	margin-bottom:10px;
}

.jsh-page-homevisit li:after{
	width:14px;
	height: 14px;
	background-image:url(../images/jsh-access-arrow.png);
	background-repeat: no-repeat;
	background-size: 14px 14px;
	display: inline-block;
	content:'';
	margin-left:10px;
	transform: translateY(3px);
}

.jsh-page-homevisit li a{
	font-size:14px;
	border-bottom:1px solid #1b1b1b;
	padding-bottom:5px;
	color:#252525;
	font-weight: bold;
	}



.jsh-page-retention01{
		width:100%;
		height: 240px;
		background-image:url(../images/jsh-page-retention01.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom:80px;
}

.jsh-page-retention02.jsh-page{
	padding-bottom:100px;
}

.jsh-page-retention02.jsh-page .body01 p{
	margin-bottom:40px;
}

.div-gray{
	width:100%;
	height: auto;
	background-color: #f7f7f7;
	border:1px solid #1b1b1b;
	padding:35px 40px;
	display: flex;



}

.div-gray-01{
	width:35%;
	height: auto;
	text-align: center;
	margin:auto 0;
	
}

.div-gray-01 h4{
	font-size:18px;
	font-weight: bold;
}

.div-gray-01 span{
	font-size:8px;
	letter-spacing: 3px;
}

.div-gray-02{
	width:65%;
	font-size:14px;
	line-height: 2.5;
	color:#252525;
	padding-left:50px;
	border-left:1px solid #1b1b1b;

}

.div-gray-02 h5{
	font-weight: 800;
}

.div-gray-02 p{
	margin-bottom:20px;
}

.div-gray-02 p:last-child{
	margin-bottom: 0;
}

.jsh-page-employment05 .body01 h4{
	font-size:20px;
	font-weight: bold;
	line-height: 2;
	margin-bottom:40px;
}

.jsh-page-retention04{
	padding-bottom:0;
}

.jsh-page-retention04 .body01,.jsh-page-retention03 .body01{
	margin-bottom:35px;
}

.jsh-page-retention04 .div01{
	width:100%;
	height: auto;
	position: relative; 
	text-align: right;
}

.jsh-page-retention04 .div01-img{
	width:calc(100% - (210px + (100% - 1120px) / 2 ));
	display: inline-block;
}

.jsh-page-retention04 .div01-content{
	min-width:630px;
	width:45%;
	height: 535px;
	background-color:#fff;
	padding:80px;
	position: absolute;
	z-index: 1000;
	left:0;
	top:50%;
	transform: translateY(-50%);
	text-align: left;
}

.jsh-page-retention04 .div01-content h5{
	font-size:18px;
	color:#252525;
	font-weight: bold;
	line-height: 2;
	margin-bottom:25px;
}

.jsh-page-retention04 .div01-content p{
	font-size:14px;
	color:#252525;
	line-height: 2;
	margin-bottom:25px;
}

.jsh-page-retention04 .div01-content .subtext{
	font-size:11px;
	line-height: 2;
}

.jsh-page-retention04 .div01-content img{
	width:90px;
	height: auto;
	margin-right:8px;
	margin-bottom:10px;
}


a.learnmore{
	position: absolute;
	bottom:0;
	right:0;
	background-color: #0068b7;
	display: block;
	width:auto;
	height: auto;
	color:#fff;
	text-align: center;
	font-size:14px;
	font-weight: bold;
	letter-spacing: 4px;
	width: 320px;
	font-family: 'Overpass', sans-serif;
	transition: 0.5s ease all;
	line-height: 1;
}
a.learnmore:hover{
	background-color:#024578;
}

a.learnmore span{
	display: block;
	line-height: 1;
	width:100%;
	height: auto;
	position: relative;
	padding:26px 0;
}

a.learnmore span:after{
	position: absolute;
	content:'';
	width:65px;
	height: 1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.support-box{
	width:100%
	height:auto;
	margin-bottom:20px;
}

.support-box-content{
	width:100%;
	height: auto;
	padding:30px 40px;
}


.support-box-content h4{
	font-size:18px;
	font-weight: bold;
	line-height: 2;
	margin-bottom:10px;
}

.support-box-content p{
	font-size:14px;
	line-height: 2;
	color:#252525;
}

.jsh-page-visit02-div{
	width:100%;
	height: auto;
}

.jsh-page-visit02-box.box01{
	width:528px;
	height: auto;
	position: relative;
	float:left;
}

.jsh-page-visit02-box.box01:after{
	content:'';
	display: block;
	width:128px;
	height: 128px;
	background-image: url(../images/jsh-page-viist02.png);
	background-size: 128px 128px;
	position: absolute;
	bottom:-64px;
	right:-34px;
}

.jsh-page-visit02-box.box02{
	width:528px;
	height: auto;
	position: relative;
	float:right;
	margin-top:80px;
}

.jsh-page-visit02-box.box02:after{
	content:'';
	display: block;
	width:128px;
	height: 128px;
	background-image: url(../images/jsh-page-viist04.png);
	background-size: 128px 128px;
	position: absolute;
	top:-64px;
	left:-34px;
}

.jsh-page-visit01{
		width:100%;
		height: 240px;
		background-image:url(../images/jsh-page-viist01.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom:80px;
}

.jsh-page-visit03-title{
	position: absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
}

.jsh-page-visit03-title h4{
	font-weight: bold;
	font-size:24px;
	margin-bottom:15px;
}

.jsh-page-visit03-title span{
	display: block;
	font-size:10px;
	letter-spacing: 5px;
	font-family: 'Overpass', sans-serif;
}

.jsh-page-visit03-body{
	background-color: #fafafa;
	width:100%;
	height: auto;
	text-align: center;
	padding:85px 0 80px;
	position: relative;
}

.jsh-page-visit03-body img{
	width:787px;
	height: auto;
	margin:0 auto;
}


.jsh-page-vist04{
	padding-top:60px;
}

.jsh-page-vist04 header{
	padding-bottom:60px;
}

.jsh-visit-support-box{
	width:100%;
	text-align:right;
	height: auto;
	position: relative;
}

.jsh-visit-support-box.box02{
	width:100%;
	text-align:left;
	height: auto;
	position: relative;
}

.jsh-visit-support-box .box-content{
	position: absolute;
	top:0;
	left:0;
	text-align: left;
	padding-left:calc((100% - 1120px) / 2);
	padding-top:100px;
}

.jsh-visit-support-box.box02 .box-content{
	position: absolute;
	top:0;
	left:60%;
	width:40%;
	height: auto;
	text-align: left;
	padding-left:100px;
	padding-top:100px;
}

.jsh-visit-support-box .box-content h4{
	font-size:18px;
	line-height: 2;
	margin-bottom:35px;
	font-weight: bold;
}

.jsh-visit-support-box .box-content span{
	font-size:12px;
	line-height: 2;
	margin-bottom:15px;
}

.jsh-visit-support-box .box-content p{
	font-size: 13px;
	line-height: 2;
	color:#252525;
	display: block;
	width:328px;
}

.jsh-visit-support-box img{
	width:60%;
	height: auto;
}

.jsh-page-homecare01{
		width:100%;
		height: 240px;
		background-image:url(../images/jsh-page-homecare01.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom:80px;
}

.jsh-page-homecare03{
	width:100%;
	height: auto;
	
	background-color: #eeeeee;
}

.jsh-page-homecare03.jsh-page{
		padding:100px 0 0;
}

.jsh-page-homecare04.jsh-page{
		padding:100px 0 0;
}

.jsh-page-homecare02 .body01 h4,.jsh-page-homecare03 .body01 h4{
	font-size:28px;
	font-weight: bold;
	margin-bottom:15px;
}

.jsh-page-homecare03-body{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding:10px 0 0;
}

.jsh-page-homecare03-body span{
	display: block;
}

.jsh-page-homecare03-body img{
	width:100%;
	height: auto;
}


.jsh-homecare-map{
	width:100%;
	height: 620px;
	margin-bottom: 113px;
	position: relative;
}

.map01{
	width:840px;
	height: auto;
	font-size:13px;
	line-height: 2.5;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top:0;
	left:0;

}

.jsh-homecare-map .map01 h4{
		padding-top:84px;
	font-size:18px;
	color:#0068b7;
	font-weight: bold;
	line-height: 1;
	margin-bottom:10px;
}

.jsh-homecare-map h4 span{
	font-size:14px;
}

.jsh-homecare-map .map01 img{
	width:598px;
	height: 598px;
	padding-left: 10px;
	float: right;
  border-radius: 100%;
  shape-outside: circle();
}

.jsh-homecare-map .map02{
	width:290px;
	height: 345px;
	position: absolute;
	right:0;
	top:0;
	text-align: right;
	font-size:13px;
	line-height: 2.5;
}

.jsh-homecare-map .map02 h4{
	font-size:18px;
	color:#0068b7;
	font-weight: bold;
	line-height: 1;
	margin-bottom:10px;
}

.jsh-homecare-map .map02 img{
	width:278px;
	height: 278px;
	 border-radius: 100%;
	 transform: translateY(-20px);
	 transform: translateX(-20px);
}

.jsh-homecare-map .map03{
	width:300px;
	height: 285px;
	position: absolute;
	right:0;
	bottom:25px;
	text-align: left;
	font-size:13px;
	line-height: 2.5;
}

.jsh-homecare-map .map03 div{
	transform:translateY(-40px);
}


.jsh-homecare-map .map03 h4{
	font-size:18px;
	color:#0068b7;
	font-weight: bold;
	line-height: 1;
	margin-bottom:10px;
	
}


.jsh-homecare-map .map03 img{
	width:278px;
	height: 278px;
	float:right;
	 border-radius: 100%;
	  transform: translateY(-20px);
	 transform: translateX(20px);
}


.jsh-homecare-map .map-info{
	left:0;
	bottom:0;
	font-size:13px;
	line-height: 2;
	color:#252525;
	position: absolute;
}

.jsh-page-homecare05{
	width:100%;
	height: auto;
	background-color: #0068b7;
	padding:54px 0 50px;
	border-top:1px solid #1b1b1b;
	border-bottom:1px solid #1b1b1b;
	text-align: center;
	position: relative;
}

.jsh-page-homecare05 h3{
	font-size:18px;
	letter-spacing: 12px;
	position: absolute;
	top:-15px;
	display: block;
	line-height: 1;
	left:50%;
	transform: translateX(-50%);
	font-family: 'Overpass', sans-serif;
}

.jsh-page-homecare05 h4{
	font-size:32px;
	color:#ffff00;
	font-weight: bold;
	display: inline-block;
	padding-bottom:10px;
	border-bottom:1px solid #ffff00;
	margin-bottom:30px;
}

.jsh-page-homecare05 div{
	font-size:18px;
	font-weight: bold;
	color:#fff;
	line-height: 21px;
}

.jsh-page-homecare05 div span{
	margin-right:25px;	
}

.jsh-page-homecare05 div span:last-child{
	margin-right:0;
}

.jsh-page-homecare05 div span:before{
	content:'';
	display: inline-block;
	width:21px;
	height: 21px;
	background-image: url(../images/jsh-page-homecare-list.png);
	background-size: 21px 21px;
	margin-right:8px;
	transform: translateY(4px);
}

.jsh-page-homecare06{
	width: 100%;
	height: auto;
	padding:100px 0;
	background-color: #f7f7f7;
}

.jsh-page-homecare06 .support-box-content{
	width:100%;
	height: auto;
	padding:20px 0 15px;
	text-align: center;
}

.jsh-page-homecare07{
	width:100%
	height:auto;
	padding:75px 0;
}


.jsh-page-homecare07 .box-wrap{
	width:100%
	height:auto;
	padding:35px 0 30px;
	border-top:1px solid #1b1b1b;
	border-bottom:1px solid #1b1b1b;
	margin-bottom:75px;
}

.jsh-page-homecare07 .box-wrap > div{
	width:242px;
	display: block;
	height: auto;
	float:left;
	text-align:center;
	margin-right:50px;
	
}


.jsh-page-homecare07 .box-wrap div:last-child{
	margin-right: 0;
}

.jsh-page-homecare07 .box div{
	width: 100%;
	height: auto;
	margin-bottom:15px;
	position: relative;
}

.jsh-page-homecare07 .box div img{
	width:100%;
	height: auto;
}


.jsh-page-homecare07 .box div:after{
	content:'';
	display: block;
	position: absolute;
	width:45px;
	height: 47px;
	background-image: url(../images/jsh-page-homecare-box-arrow.png);
	background-size:45px 47px;
	background-repeat: no-repeat;
	right:-38px;
	bottom:125px;
	transform: translateY(50%);
}

.jsh-page-homecare07 .box div.last:after{
	display: none;
	}

.jsh-page-homecare07 .box h4{
	font-size: 18px;
	font-weight: bold;
	display: block;
	width:100%;
	height: 55px;
	line-height: 24px;
}

.jsh-page-homecare07 .box p{
	font-size:14px;
	line-height: 2;
	color:#252525;
	display: block;
	text-align: left;
	width:100%;
	height: auto;
}


.jsh-page-homecare07 .div-gray{
	width:100%;
	height: auto;
	background-color: #fff;
	border:1px solid #1b1b1b;
	padding:35px 40px;
	display: flex;



}

.howtobox{
	width:50%;
	float:left;
	padding:0 40px 40px;
	text-align: center;
}

.howtobox h4{
	font-size:24px;
	display: block;
	font-weight: bold;
}

.howtobox h5{
	font-size:10px;
	font-family: 'Overpass', sans-serif;
	margin-bottom:30px;
	letter-spacing: 2px;
}

.howtobox p{
	font-size:14px;
	line-height: 2;
	margin-bottom: 20px;
	display: block;
	text-align: left;
}

.howtobox p span{
	font-size: 11px;
}

.jsh-page.jsh-page-about{
	padding:0;
}

.jsh-page-about .body01 h4 {
    font-size: 28px;
    line-height: 2;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}


.jsh-page-about .mayor-content{
	min-width:630px;
	width:45%;
	height: auto;
	background-color:#fff;
	padding:80px;
	position: absolute;
	z-index: 1000;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.jsh-about-02{
	text-align: center;
	font-size:16px;
	line-height: 2;
	color:#252525;
	padding:50px 0 30px;
}

.jsh-about-03{
	width:100%;
	height: auto;
	text-align: center;
	padding:50px 0 0;
}

.jsh-about-slider{	
	width:100%;
	height: auto;
	overflow: hidden;

}

.jsh-about-slider .slick-slide{
	width:100vw;
	height: auto;

}	

.jsh-about-03 h4{
	font-size:32px;
	font-weight: bold;
	border-bottom:1px solid #1b1b1b;
	margin-bottom:24px;
	display: inline;
}

.jsh-about-03 span{
	font-size:14px;
	font-family: 'Overpass', sans-serif;
	display: block;
	letter-spacing: 3px;
}

.jsh-page-about02 .body01 h4{
	font-size:28px;
	font-weight: bold;
	margin-bottom:15px;
}

.jsh-page-about02 .div01{
	width:100%
	height:auto;
	position: relative;
}

.jsh-page-about02 .div01 img{
	opacity: 0.6;
}

.jsh-page-about02 .div01 a{
	display: block;
	position: absolute;
	width:365px;
	height: auto;
	padding:30px 0;
	top:50%;
	left:50%;
	transform: translate(-50% ,-50%);
	background-color: #0068b7;
	color:#fff;
	text-align: center;
	font-size:16px;
	letter-spacing: 5px;
	transition: 0.5s ease all;
	box-shadow: 0 0 20px #888;
	font-family: 'Overpass', sans-serif;
}

.jsh-page-about02 .div01 a:hover{
	background-color:#024578;
	}

.jsh-page-about02 .div01 a span{
	width:100%;
	height: 100%;
	display: block;
	position: relative;
}

.jsh-page-about02 .div01 a span:after{
	content:'';
	display: block;
	width:65px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
}

.jsh-page-about03{
	padding:80px 0;
}

.jsh-page-about03 .body01 h4{
	font-size:28px;
	font-weight: bold;
	margin-bottom:15px;
}


.jsh-about-support-box{
	width:100%;
	text-align:right;
	height: auto;
	position: relative;
}

.jsh-about-support-box.box02{
	width:100%;
	text-align:left;
	height: auto;
	position: relative;
}

.jsh-about-support-box .box-content{
	position: absolute;
	top:0;
	left:0;
	text-align: left;
	padding-left:calc((100% - 1120px) / 2);
	padding-top:60px;
}

.jsh-about-support-box.box02 .box-content{
	position: absolute;
	top:0;
	left:60%;
	width:40%;
	height: auto;
	text-align: left;
	padding-left:100px;
	padding-top:100px;
}

.jsh-about-support-box .box-content h4{
	font-size:24px;
	line-height: 2;
	margin-bottom:17px;
	font-weight: bold;
}

.jsh-about-support-box .box-content span{
	font-size:12px;
	line-height: 2;
	margin-bottom:15px;
}

.jsh-about-support-box .box-content p{
	font-size: 13px;
	line-height: 2;
	color:#252525;
	display: block;
	width:328px;

}

.jsh-about-support-box > img{
	width:60%;
	height: auto;
}

.jsh-about-support-box .box-content img{
	width: 90px;
    height: auto;
    margin-right: 8px;
    margin-bottom: 10px;
    margin-top:27px;
}

.jsh-single-content img{
	width:100%;
	height: auto !important;
}

.jsh-single-content h2{
	font-size:32px;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom:60px;
}

.jsh-single-content .content-body{
	padding:75px;
	width:100%;
	height: auto;
	font-size:16px;
	line-height: 2;
	color:#252525;
	position: relative;
}

.jsh-single-content .content-body p{
	font-size:16px;
	line-height: 2;
	color:#252525;
}

.jsh-page-news.jsh-page{
	padding-bottom:0;
}

.jsh-page-news.jsh-page header{
	padding-bottom: 0;
}

.jsh-dropdown-wrap{
	width:100%
	height:auto;
	margin:45px 0  50px;
}

.jsh-dropdown-archive{
	width:35%;
	float:left;
	background-color: #eeeeee;
	display: flex;
	justify-content:center;
	align-items:center;
	padding:24px;
}

.jsh-dropdown-archive h4{
	margin-right: 40px;
	border-right:1px solid #1b1b1b;
	font-family: 'Overpass', sans-serif;
	font-size:12px;
	letter-spacing: 4px;
	padding:6px 40px 6px 0;
	font-weight: bold;
}

.jsh-dropdown-category{
	width:63%;
	float:right;
	background-color: #eeeeee;
	display: flex;
	align-items:center;
	padding:24px 40px;
}

.jsh-dropdown-category h4{
	margin-right: 40px;
	border-right:1px solid #1b1b1b;
	font-family: 'Overpass', sans-serif;
	font-size:12px;
	letter-spacing: 4px;
	padding:6px 40px 6px 0;
	font-weight: bold;
}

.jsh-dropdown-category a{
	color:#1b1b1b;
	font-weight: bold;
	font-size:14px;
	
}

.jsh-dropdown-category a span{
	padding-bottom: 5px;
	border-bottom:1px solid #1b1b1b;
}

.jsh-dropdown-category a:after{
	content:'/';
	padding: 0 13px;
}

.jsh-dropdown-category a:last-child:after{
	content:none;
}


.jsh-dropdown-category.onsp{
	display: none;
}

.jsh-select{
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.jsh-select select{
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size:14px;
	font-weight: bold;
}

.jsh-select select::-ms-expand {
    display: none;
}
.jsh-select.cp_sl01 {
	position: relative;
	xborder: 1px solid #bbbbbb;
	border-radius: 2px;
	xbackground: #ffffff;

}
.jsh-select.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.jsh-select.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

.jsh-page-news,.jsh-page-seminar{
	width:100%;
	height: auto;
	position: relative;
	margin-bottom: 90px;
}

.wp-pagenavi{
	bottom:0;
	text-align: center;
	height: auto;


}

.wp-pagenavi .pages{
	display: none;
}

.wp-pagenavi .nextpostslink{
	display: none;
}

.wp-pagenavi .previouspostslink{
	display: none;
}

.wp-pagenavi a,.wp-pagenavi span{
	display: inline-block;
	border:1px solid #1b1b1b;
	text-align: center;
	width:35px;
	height: 35px;
	font-size:18px;
	font-weight: bold;
	color:#1b1b1b;
	background-color: #fff;
	font-family: 'Overpass', sans-serif;
	margin-right:10px;
	transition: 0.5s ease all;
}

.wp-pagenavi a.larger:last-child{
	margin-right: 0;
}

.wp-pagenavi a:hover{
	background-color: #b1b1b1;
}


.wp-pagenavi span.current{
	background-color: #1b1b1b;
	color:#fff;
}


.jsh-nextposts{
	width:100%;
	margin-top:90px;
}

.jsh-nextposts a{
	color:#1b1b1b;
	font-size: 14px;
	font-weight: bold;
}

.jsh-nextposts a span{
	border-bottom:1px solid #1b1b1b;
}

.jsh-nextposts div.jsh-prev{
	float: left;
	display: inline-block;
}

.jsh-nextposts div.jsh-prev:before{
	content:'';
	display: inline-block;
	width:18px;
	height: 18px;
	background-image: url(../images/page-prev.png);
	background-size: 18px 18px;
	margin-right:8px;
	transform: translateY(4px);
}

.jsh-nextposts div.jsh-next{
	float: right;
	display: inline-block;
}

.jsh-nextposts div.jsh-next:after{
	content:'';
	display: inline-block;
	width:18px;
	height: 18px;
	background-image: url(../images/page-next.png);
	background-size: 18px 18px;
	margin-left:8px;
	transform: translateY(4px);
}

.jsh-postsall{
	position: absolute;
	bottom:74px;
	left:50%;
	transform: translateX(-50%);
}

.jsh-postsall img{
	width:24px;
	height: 24px;
	opacity: 1;
	transition: 0.3s all ease;
}

.jsh-postsall img:hover{
	opacity: 0.3;
}


.jsh-single-seminar{
	width:800px;
	margin:0 auto;
}

.jsh-single-seminar h2{
	display: block;
	width:100%;
	text-align: center;
	font-size:28px;
	font-weight: bold;
	margin-bottom:90px;
}

.jsh-single-seminar-content{
	width:100%;
	height: 610px;
	background-color:#efefef;
	margin-bottom:100px;
}

.jsh-single-seminar-content .content01{
	float:left;
	width:44%;
	height: auto;
	padding:80px 45px;
}

.googlemap{
	width:55%;
	height:  610px;
	float:right;
}

.googlemap iframe{
	width:100%;
	height: 100%;

}

.overview{
	font-size:18px;
	line-height: 2;
	font-weight: bold;
	color:#252525;
	margin-bottom:80px;
}

.target{
	font-size:18px;
	line-height: 2;
	font-weight: bold;
	color:#252525;
	margin-bottom:80px;
}

.target span{
	font-size:12px;
	font-weight: normal;

}

.lecture{
	font-size:18px;
	line-height: 2;
	font-weight: bold;
	color:#252525;
	margin-bottom:80px;
}

.location{
	font-size:24px;
	font-weight: bold;
	color:#252525;
	line-height: 1.5;
	margin-bottom: 44px;
}

.seminar-table td{
	padding-left:25px;
	font-size:14px;
	color:#252525;
	padding-bottom:15px;
}

.seminar-table th{
	width:60px;
	font-weight: bold;
	font-size:12px;
	white-space:nowrap;
	text-align: right;
}

.jsh-seminar-box .seminar-table td{
	padding-bottom:10px;
}

.jsh-seminar-wrap a{
	color:#1b1b1b;
}

.jsh-seminar-box {
	width:100%;
	height: auto;
	margin-bottom:70px;
	opacity: 1;
	transition: 0.5s ease all;
}

.jsh-seminar-box:hover{
	opacity: 0.7;
}

.jsh-seminar-box img{
	margin-bottom: 30px;
}

.jsh-seminar-box h3{
	font-size:18px;
	margin-bottom:30px;	
}

.jsh-seminar-box h3 span{
	padding-bottom:4px;
	border-bottom:1px solid #1b1b1b;
}


.jsh-seminar-title h4{
	font-size:24px;
	font-weight: bold;
	margin-bottom: 50px;
}


.jsh-blog-wrap{
	width:100%
	height:auto;
}

.jsh-blog-main{
	width:70%;
	height: auto;
	float:left;
}


.jsh-blog-side{
	width:28%;
	height: auto;
	float:right;
}

#toc_container{
	padding:30px !important;
	margin-bottom:75px !important;
	box-shadow: 0 0 5px #eee;
}

.toc_container{
	width:100%
	height:auto;
	display: table;

}

.toc_title{
	display: table-cell !important;	
	width:35% !important;
	height: 100%;
	margin:0 auto !important;
	vertical-align: middle !important;
	letter-spacing: 1ex;
}

.toc_list{
	display: table-cell !important;
	vertical-align: middle;
	width:65% !important;
	border-left:1px solid #1b1b1b;
	padding-left:35px !important;
}

#toc_container a{
	color:#1b1b1b;
	border-bottom: 1px solid #1b1b1b;
	text-decoration: none !important;
}

#toc_container li{
	margin-bottom:10px !important;
	list-style: inside !important;
}

.jsh-blog-main-header{
	width:100%;
	height: auto;
	margin-bottom: 70px;
	padding:2px 0;
}

.jsh-blog-info{
	width: auto;
	float:left;
}

.jsh-blog-tag{
	width:auto;
	float:right;
}

.jsh-blog-cat{
	width:auto;
	height: auto;
	padding:7px 30px;
	font-size:10px;
	font-weight: bold;
	display: inline-block;
	color:#fff;
	background-color: #1b1b1b;
	margin-right:17px;
}

.jsh-blog-date{
	font-weight: bold;
	font-size:14px;
	font-family: 'Overpass', sans-serif;
	line-height: 24px;
}

.jsh-tag a{
	color:#1b1b1b;
	font-size:12px;
	font-weight: bold;
	padding:10px 15px;
	border:1px solid #1b1b1b;
	border-radius: 20px;
	margin-right:8px;
	line-height: 24px;
	box-shadow: 0 0 5px #eee;
	background-color: #fff;
	transition: 0.3s ease all;
}

.jsh-tag a:hover{
	color:#fff;
	background-color: #1b1b1b;
	
}



.jsh-blog-title h1{
	font-size:30px;
	font-weight: bold;
	line-height: 1.5;
	display: block;
	margin-bottom:70px;
}

.jsh-blog-img{
	width:100%;
	height: auto;
	margin-bottom:30px;
}

.jsh-blog-img img{
	width:100%;
	height: auto;
}

.jsh-blog-content {
	width:100%
	height:auto;
	padding-bottom: 70px;
}

.jsh-blog-content img{
	width:100%;
	height: auto;
	max-height: 500px;
	object-fit: cover;
}

.jsh-blog-content h1{
	font-size:32px;
	font-weight: bold;
	line-height: 1.5;
	display: block;
	margin-bottom:35px;
}

.jsh-blog-content h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
	padding-left:25px;
	border-left:3px solid #1b1b1b;
	margin-bottom:35px;
	margin-top:35px;
}

.jsh-blog-content h2:first-child{
	margin-top:0;
}

.jsh-blog-content h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
	padding:20px 30px;
	background-color: #eeeeee;
	margin-bottom:35px;
	margin-top:35px;
}

.jsh-blog-content h3:first-child{
	margin-top:0;
}

.jsh-blog-content p{
	font-size:16px;
	line-height: 2;
	color:#252525;
	padding-bottom:35px;
}

.jsh-blog-content p:last-child{
	padding-bottom:0;
}

.jsh-blog-content ul,.jsh-blog-content ol{
	margin-bottom:30px;
}

.jsh-blog-content ul li{
	list-style: inside;
}

.jsh-blog-content ol li{
	list-style: inside;
	list-style-type: decimal;
}

.jsh-blog-content a{
	color:#1b1b1b;
	padding-bottom:5px;
	border-bottom:1px solid #1b1b1b;
	transition: 0.3s ease all;
}

.jsh-blog-content a:hover{
	color:#0068b7;
	border-bottom:1px solid #0068b7;
}

.jsh-blog-content table{
	font-size: 13px;
	color:#535353;
	border:1px solid #dddddd;
	width:100%;
	height: auto;
	margin-bottom: 35px;
}
.jsh-blog-content table th,.jsh-blog-content table td{
	border:1px solid #dddddd;
	padding:15px 30px;
}

.jsh-blog-content thead td{
	background-color: #eeeeee;
	text-align: center;

}
.jsh-blog-content tbody th{
	background-color: #eeeeee;
	text-align: center;
	vertical-align: middle;

}

.jsh-blog-content tbody td{
	background-color: #ffffff;
	text-align:left;
	vertical-align: middle;


}

.jsh-blog-banner{
	width:100%;
	height: auto;
}

.jsh-blog-banner img{
	opacity: 1;
	transition: 0.5s ease all;
}

.jsh-blog-banner img:hover{
	opacity: 0.8;
}


.jsh-blog-supervision{
	padding:70px 0 70px;
}

.jsh-blog-supervision header{
	margin-bottom:30px;
}

.jsh-blog-supervisor-header{
	width:100%;
	height:auto;
	display: flex;
	justify-content:flex-start;
	align-items:center;
	margin-bottom:15px;
}

.jsh-blog-supervisor-image{
	width:105px;
	height: 105px;
	margin-right:17px;
}

.jsh-blog-supervisor-image img{
	width:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.jsh-blog-supervisor-name{
	font-size:20px;
	font-weight: bold;
}

.jsh-blog-supervisor-name span{
	display: block;
	font-size:12px;

}

.jsh-blog-supervisor-info{
	color:#252525;
	font-size:14px;
	line-height: 2;
}

.jsh-blog-tag2{
	width:100%;
	background-color: #eeeeee;
	height:auto;
	display: flex;
	justify-content:flex-start;
	align-items:center;
	padding:20px 40px;
	margin-bottom:70px;
}

.jsh-blog-tag2 .title{
	font-size:12px;
	font-weight: bold;
	font-family: 'Overpass', sans-serif;
	letter-spacing: 4px;
	border-right:1px solid #1b1b1b;
	padding:7px 40px;
}


.jsh-blog-tag2 .tags{
	padding:7px 40px;
}

.jsh-blog-sns{
	width:100%;
	height: auto;
	display: flex;
	justify-content:center;
	align-items:center;
	border: 1px solid #dddddd;
	margin-bottom: 100px;
}

.jsh-blog-sns-box{
	width:50%;
	text-align: center;
	padding:50px 0;
	position: relative;

}


.jsh-blog-sns-box span{
	color:#1b1b1b;
	font-weight: bold;
	font-size:12px;
	display: block;
	transition: 0.5s ease all;
}

.jsh-blog-sns-box:hover span{
	color:#fff;
}

.jsh-blog-sns-box.jsh-blog-sns-twitter{
	background-color: #fff;
	transition: 0.5s ease all;
}

.jsh-blog-sns-box.jsh-blog-sns-twitter:after{
	content:'';
	display: block;
	position: absolute;
	right:0;
	top:50%;
	width:1px;
	height: 80px;
	background-color: #dddddd;
	transform: translateY(-50%);
	}

.jsh-blog-sns-box.jsh-blog-sns-twitter:hover,.jsh-blog-sns-box.jsh-blog-sns-fb:hover{
	background-color: #1b1b1b;
}

.jsh-blog-sns-box.jsh-blog-sns-twitter{
	color:#4aa1ec;
	transition: 0.5s ease all;
}

.jsh-blog-sns-box.jsh-blog-sns-fb{
	color:#3b5998;
	transition: 0.5s ease all;
}

.jsh-blog-sns-box.jsh-blog-sns-twitter:hover,.jsh-blog-sns-box.jsh-blog-sns-fb:hover{
	color:#fff;
}

/**blog-side**/

.jsh-blog-side-banner-wrap{
	width:100%;
	height:auto;
	margin-bottom:30px;
}

.jsh-blog-side-banner-box{
	width:100%;
	height:auto;
	margin-bottom:15px;
	 box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.4);
}

.jsh-blog-side-banner-box img{
	opacity: 1;
	transition: 0.3s all ease;
}

.jsh-blog-side-banner-box:hover img{
	opacity: 0.7;
}


.jsh-blog-category{
	width: 100%;
	height: auto;
	padding:40px;
	background-color: #eeeeee;
	margin-bottom:30px;
}

.jsh-blog-category-title{
	width:100%;
	height: auto;
	position: relative;
	margin-bottom: 30px;
}

.jsh-blog-category-title:after{
	
	content:'';
	display: block;
	width:80px;
	height: 1px;
	background-color: #1b1b1b;
	z-index: 100000;
	bottom:0;
	left:0;

}

.jsh-blog-category-title h4{
	font-size:12px;
	display: inline-block;
	font-family: 'Overpass', sans-serif;
	font-weight: bold;
	letter-spacing: 3px;
}


.jsh-blog-category-title h4:after{
	content:'';
	display: block;
	width:100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left:0;

}
.jsh-blog-category li{
	margin-bottom:20px;
}
.jsh-blog-category li a{
	color:#1b1b1b;

	padding-bottom: 5px;
	font-size:14px;
	font-weight: bold;
	border-bottom:1px solid #1b1b1b;
}

.jsh-blog-category li a:last-child{
	margin-bottom:0;
}

.jsh-blog-pickup{
	width:100%;
	height: auto;
	margin-bottom:35px;
}

.jsh-blog-pickup h4{
	font-size:14px;
	font-weight: 800;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.jsh-blog-pickup-box{
	display: flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	height: auto;
	margin-bottom:8px;
	opacity: 1;
	transition: 0.5 all ease;
}

.jsh-blog-pickup-box:hover{
	opacity: 0.7;

}

.jsh-blog-pickup a{
	color:#1b1b1b;
}


.jsh-blog-pickup-box-image{
	width:88px;
	height: 88px;
	margin-right:18px;
	min-width: 88px;
}

.jsh-blog-pickup-box-image img{
	width:88px;
	height: 88px;
	object-fit:cover;
	font-family: 'object-fit: cover;'; /*IE対策*/

}

.jsh-blog-pickup-box-title{
	font-size:13px;
	font-weight: bold;
	line-height: 18px;
}

.jsh-blog-pickup-box-title span{
	display: block;
	font-size:12px;
	font-family: 'Overpass', sans-serif;
	font-weight: bold;
}

.jsh-blog-service a{
	color:#1b1b1b;
}

.jsh-blog-service-box{
	text-align: center;
	margin-bottom:18px;
	opacity: 1;
	transition: 0.5s ease all;
}

.jsh-blog-service-box:hover{
	opacity: 0.7;
}

.jsh-blog-service-box h4{
	font-size:12px;
	line-height: 1.5;
	font-weight: bold;
	display: inline;
	border-bottom:1px solid #1b1b1b ;
}

.jsh-blog-tag-title{
	margin:0 0 50px;
}

.jsh-blog-tag-title h3{
	font-size:28px;
	font-weight: bold;
	line-height: 2;
	
}

.jsh-blog-tag-title h3 span{
	font-size:13px;
	margin-left:5px;
}

.jsh-blog-tag-title p{
	display: block;
	margin-top:30px;
	font-size:14px;
	line-height: 2;
	color:#252525;
}

.jsh-blog-banner-bottom{
	width:100%;
	height: 126px;
	background-color: #dddddd;
	position: relative;
	padding-top:20px;
	margin-bottom: 165px;
}

.jsh-blog-banner-bottom-wrap{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.jsh-blog-banner-bottom-wrap a{
	color:#1b1b1b;
}

.bottom-box{
	max-width:215px;
	font-size:12px;
	
}


.bottom-box img{
	width:100%;
	height: auto;
	margin-bottom:12px; 
	filter: brightness(85%);
	transition: 0.5s ease all;
}


.bottom-box:hover img{
	filter: brightness(100%);
}



.bottom-box h3{
	font-size:12px;
	line-height: 19px;
	font-weight: bold;
}


.jsh-recruit-wrap{
	width:100%;
	height: auto;

}

.jsh-recruit-box{
	width:100%;
	height: auto;
	position: relative; 
	margin-bottom: 50px;
}

.jsh-recruit-img{
	width:80%;
	height: 600px;
	float:left;
}

.jsh-recruit-img img{
	width:100%;
	height: 600px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.jsh-recruit-box .jsh-recruit-content{
	min-width:630px;
	width:45%;
	height: 535px;
	background-color:#fff;
	position: absolute;
	z-index: 1000;
	right:0;
	top:50%;
	transform: translateY(-50%);
	text-align: left;
}

.jsh-recruit-box:nth-child(odd) .jsh-recruit-img{
	float:right;
}

.jsh-recruit-box:nth-child(odd) .jsh-recruit-content{
	right:inherit;
	left:0;
}

.jsh-recruit-content .inner{
	width:100%;
	height: 100%;
	position: relative;
	padding:80px;
}

.jsh-recruit-content h4{
	font-size:24px;
	font-weight: bold;
	line-height: 2;
	margin-bottom:25px;
}

.jsh-recruit-content p{
	font-size:14px;
	color:#252525;
	line-height: 2;
	margin-bottom:25px;
}

.jsh-recruit-content .subtext{
	font-size:11px;
	line-height: 2;
}

.jsh-recruit-content img{
	width:90px;
	height: auto;
	margin-right:8px;
	margin-bottom:10px;
}

.jsh-recruit-box .jsh-learnmore{
	position: absolute;
	width:auto;
	height: auto;
	bottom:0;
	right:0;
}

.jsh-recruit-box .jsh-learnmore a{
	margin-bottom:0;

}

.jsh-entry-body{
	width:100%;
	height: auto;
}

.jsh-entry-body h3{
	font-size:20px;
	display: block;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom:50px;
	border-bottom:1px solid #efefef;
	margin-bottom:50px;
}

.jsh-entry-body h3 span{
	font-size:14px;
	font-weight: normal;
	margin-left:10px;
}

.jsh-entry-body dt{
	font-size:16px;
	font-weight: bold;
	margin-bottom:20px;
}

.jsh-entry-body dd{
	margin-bottom:45px;
}

.jsh-entry-body .mw_wp_form_confirm dd{
	font-size:18px;
	font-weight: bold;
	color:#242424;
	background-color: #efefef;
	padding:25px;

}

.jsh-entry-body .mw_wp_form_confirm dd span.hosoku{
	display: none;
}

.jsh-entry-body dt span{
	font-size:12px;
	color:#fff;
	background-color: #c70017;
	line-height:1;
	padding:4px 10px;
	display: inline-block;
	margin-left:10px;

}

.jsh-entry-body dt span.wn{
	background-color: #969696;
}

.jsh-entry-body dd input[type="text"],.jsh-entry-body dd input[type="email"]{
	padding:25px;
	border:none;
	background-color: #efefef;
	font-size: 16px;
	width:100%;
}


.jsh-entry-body dd.half input[type="text"]:first-child{
	width:49%;
	margin-right:1.5%;
}

.jsh-entry-body dd.half input[type="text"]:nth-child(2){
	width:49%;

}
.jsh-entry-body dd textarea{
	height: 300px;
	padding:25px;
	border:none;
	background-color: #efefef;
	font-size: 16px;
	width:100%;
}

.cataloglists {
	display: flex;
	flex-wrap:wrap;

}

.cataloglists span{
	display: block;
	white-space: nowrap;
	margin-bottom:10px;
}


.jsh-entry-body dd .jsh-checkbox{
  display: none;
}
.mwform-checkbox-field-text{
  padding-left: 40px;
  position:relative;
  margin-right: 20px;
}
.mwform-checkbox-field-text::before{
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #1b1b1b;
}
.jsh-checkbox:checked + .mwform-checkbox-field-text{

}
.jsh-checkbox:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 8px;
  width: 10px;
  height: 21px;
  transform: rotate(40deg);
  border-bottom: 6px solid #d01137;
  border-right: 6px solid #d01137;
}

.jsh-entry-body dd span.hosoku{
	font-size:12px;
	color:#252525;
	line-height: 1.5;
	margin-top:15px;
	display: block;
}

.jsh-entry-body dd span.hosoku a{
	color:#252525;
	border-bottom:1px solid #252525;
	padding-bottom:2px;
}

.jsh-submit input[type="submit"]{
	display: block;
	width:100%;
	height:auto;
	background-color: #0068bd;
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-size:20px;
	border:none;
	padding:35px 0;

}

.jsh-submit input[type="submit"].bt-gray{
	background-color: #969696;
	}

.mw_wp_form .error{
	display: block;
	margin-top:10px;
	font-size:16px;
	font-weight: bold;
}

.jsh-contact-header{
	width:100%
	height:auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-bottom:50px;
	border-bottom:1px solid #eeeeee;
	margin-bottom:50px;
}


.jsh-select-wrap{
	width:40%;
	background-color: #efefef;
	padding:25px;
	margin-right:20px;
}
.jsh-tags.jsh-page{
	margin-bottom: 0;
	padding-bottom: 0;
}

.jsh-tags.jsh-page header h3:after{
	display: none;
}

.jsh-tax-title{
	width:100%;
	height: auto;
	padding:0 80px;
}

.jsh-tax-title h3{
	font-size:20px;
	display: block;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom:50px;
}
.jsh-tax-title h3 span{
font-size:14px;
	font-weight: normal;
	margin-left:10px;
}

.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}

::-webkit-input-placeholder { /* Edge */
  color:#999999;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#999999;
}

::placeholder {
  color:#999999;
}

.g-recaptcha{
	padding:0 0 20px;
}


.jsh-nav-box-wrap{
	width:100%;
	height:200px;
	display: flex;
	justify-content: center;
}

.jsh-nav-box{
	width:100%;
	height: auto;
	position: relative;
}

.jsh-nav-box img{
	width:100%;
	height:100%;
	object-fit:cover; 
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.jsh-nav-box h4{
	position: absolute;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
	font-size:16px;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	letter-spacing: 7px;
	white-space: nowrap;
}


.jsh-nav-box .info{
	position: absolute;
	text-align: center;
	width:100%;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
}

.jsh-nav-box .info p{
	font-size:12px;
	display: block;
	margin-bottom:12px;
	line-height: 1;
}

.jsh-nav-box .info h5{
	display: inline;
	font-size:16px;
	line-height: 2;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}


.jsh-nav-box span{
	position: absolute;
	bottom:10%;
	left:50%;
	display: block;
	transform: translate(-50%,0);
	font-size:8px;
	font-weight: bold;
	letter-spacing: 5px;
	color:#999999;
	font-family: 'Overpass', sans-serif;
}



.jsh-nav-box a{
	color:#fff;
}

.jsh-nav-box img{
	filter: brightness(50%);
	transition: 0.5s all ease;
}

.jsh-nav-box:hover img{
	filter: brightness(85%);
}


.ddd{
	display: block;
	font-size:16px;
}

.zen-footer-link ul li.mb40{margin-bottom:40px;}




.ath-banner{
	margin-bottom: 30px;
}

.campain{
	background-color:#f0f0f0;
	padding:15px 20px;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 20px;
}

.campain strong{
	color:#ff009c;
	padding-right: 3px;

}

.campain-s01{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 1.4;
}

.campain-s02{
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
	line-height: 1.4;
	border-bottom: 1px solid #1b1b1b;
	width:95%;
	margin:0 auto 10px;
	}

.campain-s03{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1.4;
}
.corona-price-bottom{
	padding:30px;
	width:100%;
	height: auto;
	font-size:16px;
	text-align: center;
	margin:20px 0;
	border:1px solid #1b1b1b;
}

.ath-product-banner{
	width:100%;
	height: auto;
	margin-bottom: 30px;
}

.ath-product-banner img{
	width:100%;
}

.ath-fuyohin-wrap{
	width:100%;
	height: auto;
	padding:30px 0;
}

.ath-fuyohin-box{
	width:80%;
	margin:0 auto 50px;
}

.ath-fuyohin-box img{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.ath-fuyohin-box p{
	font-size:16px;
	color:#1b1b1b;
	line-height: 2;
}

.ath-fuyohin-body{
	width:100%;
	height: auto;
	padding:30px;
	background-color:#fff;
}

.ath-fuyohin-wrap2{
	width:100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	justify-content: space-between;
}

.ath-fuyohin-wrap2 a{
	display: block;
	width:48%;
	height: auto;
	border:1px solid #f0f0f0;
	overflow: hidden;
	border-radius: 15px;
	margin-bottom: 30px;
	color:#fff;
	background-color:#44BAFB;
	transition: 0.2 all ease;
}

.ath-fuyohin-wrap2 a:hover{
	background-color:#6CC6F7;
}

.ath-fuyohin-box2{
	width:100%;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;

}

.ath-fuyohin-box2 h5{
	display: block;
	font-size:20px;
	font-weight: bold;
	padding-left: 15px;
}

.ath-fuyohin-box2 img{
	width:100px;
	height: 100px;
	display: block;
}

.fuyohin-ttl{
	width:100%;
	text-align: center;
	margin-bottom:20px;
	font-size:24px;
	font-weight: bold;

}

.ath-fuyohin-wrap3{
	width:100%;
	height: auto;
}

.ath-fuyohin-box3{
	width:70%;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	margin:0 auto 30px;
	border: 1px solid #f0f0f0;
	padding:20px;
}

.ath-fuyohin-box3 .inner1 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.ath-fuyohin-box3 .inner1 span{
	margin-right:10px;
	display: block;
	font-size:20px;
	font-weight: bold;
}


.ath-fuyohin-box3 .inner1 span.f1{
	padding:10px 20px;
	border-radius: 20px;
	background-color:#44BAFB;
	color:#fff;

}

.ath-fuyohin-box3 .inner1 span.f2{
	padding:15px 20px;
	border-radius: 10px;
	background-color:#FC00CC;
	color:#fff;

}

.ath-fuyohin-box3 .inner2{
	font-size:20px;
	font-weight: bold;
}

.ath-fuyohin-hosoku{
	width:100%;
	height: auto;
	padding:15px;
	text-align: center;
}

.ath-banner img{
	display: block;
	margin:0 auto;
}


.ath-page-links{
	width:100%;
	height: auto;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	margin-bottom: 15px;
	flex-wrap: wrap;
	flex-shrink: 0;
}

.ath-page-links a{
	display: block;
	border-radius: 15px;
	background-color: #00A0E8;
	color:#fff;
	width: 48.214285714285715%;
	 height: auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 2.678571428571428% 1.785714285714286% 2.678571428571428% 21.428571428571427%;
    margin-bottom:2%;
    transition: 0.2 background-color ease;
}

.ath-page-links a:hover{
	background-color: #024578;;
}

.ath-page-links a::after {
    content: "";
    display: block;
    width: 37.03703703703704%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.ath-page-links a.link01::after {
    background-image: url(../images/ath-menu01.jpg);
}
.ath-page-links a.link02::after {
    background-image: url(../images/ath-menu02.jpg);
}
.ath-page-links a.link03::after {
    background-image: url(../images/ath-fuyohin-03.jpg);
}
.ath-page-links a.link04::after {
    background-image: url(../images/ath-ku-02.jpg);
}
.ath-page-links a.link05::after {
    background-image: url(../images/ath-corona-01.jpg);
}
.ath-page-links div{
	background: url(../images/tri02.png) no-repeat right center;
}

.ath-page-links span.s1{
	display: block;
    font-size: 19px;
    line-height: 1.5;
}

.ath-page-links span.s2 {
    color: #535353;
    font-size: 14px;
}

.ath-reform-wrap{
	width:100%;
	height: auto;
	display:flex;
	flex-shrink: 0;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ath-reform-box{
	width:48%;
	height:auto;
	margin-bottom: 40px;
}



.ath-reform-box h4{
	font-size:18px;
	font-weight: bold;
	margin-bottom: 15px;
	border-left:10px solid #00CFFF;
	padding:10px;
}

.ath-reform-box h4 span{
	display: block;
	font-size:12px;
	margin-top:10px;
}

.ath-reform-box img{
	width:100%;
	height:auto;
	margin-bottom: 20px;
}

.ath-reform-box p{
	line-height: 1.8;
	font-size:16px;
}

.ath-reform-price table{
	width:100%;
	height:auto;
	margin-bottom: 40px;
}

.ath-reform-price table th,.ath-reform-price table td{
	padding:30px;
	border:2px solid #fff;
}



.ath-reform-price table th{
	background-color:#070D79;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	vertical-align: middle;
	width:40%;
}

.ath-reform-price table th span{
	display: block;
	font-size:16px;
	margin-top: 10px;

}

.ath-reform-price table td{
	font-size:38px;
	background-color: #f0f0f0;
	vertical-align: middle;
	font-weight: bold;
	color:#FC00CC;
}

.ath-reform-price table td span{
	color:#1b1b1b;
	font-weight: bold;
	font-size:16px;
	margin-right:20px;
	display: inline-block;
}


.jsh-entry-body dd select{
	font-size:18px;
	padding:5px;
}


.ath-maru-wrap{
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-content: space-between;
	margin-bottom: 20px;
}

.ath-maru-box{
	width: 48%;
	display: flex;
	flex-wrap: nowrap;
	align-content: space-between;
}

.ath-maru-box > div{
	width: 50%;
	padding: 10px;
}

.ath-maru-box-text h4{
	font-weight: bold;
	margin-bottom: 15px;
}

.ath-maru-box-text h4 span{
	background-color: #24A8F0;
	padding: 5px 10px;
	color: #fff;
	margin-bottom: 5px;
	display: block;
}

.ath-maru-box-text p{
	font-size: 13px;
	line-height: 1.8;
}

.ath-hosoku{
	background-color:#f0f0f0;
	padding: 20px;
	font-size: 16px;
	margin-bottom: 20px;
}

.ath-lp-bar{
	background-color: #2EB2FF;
	color: #fff;
	text-align: center;
	font-size: 29px;
	line-height: 1.2;
	padding:20px 10px;
	font-weight: bold;
}

	.ath-lp-bar span{
	color: #F7FF00;
}

.ath-lp-section.mb20,.ath-lp-bar.mb20{
	margin-bottom: 20px;
}

.ath-case-hosoku{
	color: #fff;
	text-align: center;
	line-height: 1.6;
	padding: 10px;
}


.ath-pricelist td h5{
	font-size: 70%;
	display: inline;

}


.sks-bf-wrap{
	width: 100%;
}

.sks-bf-box{
	background-color: #fff;
	border-radius: 15px;
	padding: 20px;
	color: #000;
	margin-bottom: 25px;
}

.sks-bf-box h4{
	font-size: 26px;
	font-weight: bold;
	padding:10px 15px;
	color: #fff;
	background-color: #0AAD98;
	margin-bottom: 20px;
}

.sks-bf-image{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 20px;
}

.sks-bf-image > div{
	width: 49%;
	flex-basis: 49%;
}

.sks-bf-hosoku{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.sks-form{
	color: #000;
	background-color: #fff;
}


.sks-form.ath-section h3{
	color: #fff;
	background-color: #0AAD98;
	padding:15px;
}

.sm-link{
	display: none;

}

.mw_wp_form_complete{
	text-align: center;
	padding-bottom: 100px;
	line-height: 2;
}

.hbs-bar{
	color: #fff;
	font-size: 28px;
	text-align: center;
	background-color: #0AAD98;
	padding: 25px 20px;
	font-weight: 800;
	line-height: 1.5;
}

.hbs-bar h3 span{
	color: #F4FF00;
}

.hbs-featurebox-wrap{
	padding: 20px;
	background-color: #0AAD98;
}

.hbs-featurebox{
	max-width: 960px;
	margin: 0 auto 60px;
	padding: 75px 60px 45px;
	background-color: #fff;
	position: relative;
}

.hbs-featurebox img.num{
	position: absolute;
	width:147px;
	top: -30px;
	left:40%;
}


.hbs-featurebox h4{
	font-weight: 800;
	font-size: 30px;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 30px;
}

.hbs-featurebox h4 span{
	color: #0AAD98;
}

.hbs-featurebox h4 strong{
	color: #FF0058;
}

.hbs-nayami{
	width: 100%;
	background-color: #00A0E8;
	padding: 30px 30px 0;
	
}

.hbs-nayami h3{
	text-align: center;
	margin-bottom: 30px;
	font-weight: 800;
	font-size: 35px;
	color: #fff;
}

.hbs-nayami-wrap{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}


.hbs-nayamibox{
	color: #fff;
	flex-basis: 26%;
	margin: 1%;
	font-weight: 800;
	font-size: 31px;
	line-height: 1.3;
	padding: 20px;
	border: 1px solid #fff;
	border-radius: 10px;
}

.hbs-nayamibox span{
	color:#F4FF00;
}

.hbs-nayami-wrap img{
	position: absolute;
	display: block;
	bottom: 0;
	transition: translateY(-20px);
	vertical-align: bottom;
	width: 70%;
}

.hbs-hosoku{
	padding: 60px 20px;
}

.hbs-hosoku img{
	width: 80%;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.hbs-hosoku h3{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 35px;
}


.hbs-hosoku p{
	line-height: 1.8;
	font-size: 16px;
	font-weight: bold;
	padding: 30px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}

.hbs-page-sec h3{
	with: 100%;
	margin-bottom: 30px;
	padding: 15px 20px;
	text-align: center;
	font-size: 25px;
	color: #fff;
	background-color: #0AAD98;
}

.hbs-page-sec p.setu{
	padding: 20px;
	background-color: #f0f0f0;
	line-height: 1.8;
	font-size: 18px;
	border: 1px solid #ccc;
	margin-bottom: 50px;
	font-weight: bold;

}




.ath-pro-table-01{
	border-collapse: collapse;
	width:80%;
	margin:0 auto;
	text-align: center;
	border:1px solid #ccc;
	margin-bottom: 30px;
}

.ath-pro-table-01 th,.ath-pro-table-01 td{
	padding:20px;
border:1px solid #ccc;
text-align: center;
vertical-align: middle;
line-height: 1.8;
}

.ath-pro-table-01 thead th{
	background-color: #142B46;
	color:#fff;
}

.ath-pro-table-01 tbody th{
	background-color: #f0f0f0;
	font-size:15px;
	font-weight: bold;
}


.ath-pro-table-01 th.td-ath{
	width:45%;
}

.ath-pro-table-01 th.td-oth{
	width:33%;
	font-size:14px;
}

.ath-pro-table-01 thead th.td-oth{
	background-color: #333;
	color:#fff;
}

.ath-ryou .ath-pro-table-01{
	margin-bottom: 30px;
}


.ath-ryou .ath-pro-table-01:last-child{
	margin-bottom: 0;
}


.ath-pro-wrap-02{
	display: flex;
	flex-shrink: 0;
}


.ath-pro-box-02{
	width:50%;
}

.hbs-mizu-price{
	font-size:30px;
	font-weight: bold;
	color: #FF0058;
	display: inline;
}


.hbs-page-table{
	width: 100%;
	margin-bottom: 40px;
}

.hbs-page-table th,.hbs-page-table td{
	padding: 20px;

	text-align: left;
}


.hbs-page-table th{
	border-bottom: 2px solid #0AAD98;
	width: 40%;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: 0.2em;
	vertical-align: top;
	text-align: left;
		vertical-align: top;
	line-height: 1.5;
}

.hbs-page-table td{
	border-bottom: 1px solid #ccc;
		line-height: 1.7;
		vertical-align: middle;
			font-size: 28px;
	font-weight: 300;
	color: #FC00CC;
	letter-spacing: 0.1em;
}


.hbs-page-table.company td{

	color: #1b1b1b;
}


.hbs-insta a{
	padding: 5px 30px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background-color: #FC00CC;
	font-weight: bold;
	font-size: 15px;
}

.hbs-insta{
	padding-bottom: 40px;
}


.hbs-banner{
	padding-bottom: 70px;
}



.hbs-wp-why{
	padding:2vw;
	background-color:#ACE5FF;
}

.hbs-wp-whybox{
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	flex-direction:row;
	padding:3vw;
	background-color:#fff;
	border-radius:20px;
	margin-bottom:2vw;
	 box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.35);
}

.hbs-wp-whybox.reverse{
	flex-direction:row-reverse;
}

.hbs-wp-whybox-img{
	flex-basis:35%;
	display:flex;
	justify-content:center;
	align-items:center;
}


.hbs-wp-whybox-txt{
	flex-basis:65%;
	color:#0AAD98;
	padding:1vw;
}

.hbs-wp-whybox-txt h4{
	font-size:4vw;
	display:block;
	margin-bottom:2vw;
	font-weight:bold;
	line-height:1.3;
}


.hbs-wp-whybox-txt p{
	font-size:2vw;
	color:#000;
	line-height:1.6;

}

.hbs-wp-15yr{
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	flex-direction:row;
	padding:2vw 6vw;
	background-color:#fff;
}

.hbs-wp-15yr-img{
	flex-basis:40%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:3vw;
}


.hbs-wp-15yr-txt{
	flex-basis:60%;
	padding:1vw;
}


.hbs-wp-15yr-txt h4{
	font-size:2.5vw;
	display:block;
	margin-bottom:2vw;
	font-weight:bold;
	line-height:1.3;
}


.hbs-wp-15yr-txt p{
	font-size:1.6vw;
	color:#000;
	line-height:1.6;

}


.hbs-wp-jio{
	padding:2vw 9vw;
}


.hbs-wp-sec{
	padding:6vw 9vw;
	background-color:#00A0E8;
}


.hbs-wp-sec h3{
	color:#fff;
	font-weight:bold;
	font-size:3vw;
	text-align:center;
	margin-bottom:3vw;
}

.hbs-wp-sec h3 span{
	color:#D5FF01;
}


.hbs-wp-bfbox{
	padding:2vw;
	border-radius:15px;
	background-color:#fff;
	margin-bottom:2vw;
}


.hbs-wp-swrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	flex-direction:row;
}

.hbs-wp-sbox{
	flex-basis:33%;
	padding:1vw;
	color:#fff;
	font-size:2.2vw;
	text-align:center;
	font-weight:bold;
	margin-bottom:1vw;
}

.hbs-wp-sbox img{
	margin-bottom:1vw;
}


.hbs-wp-sbottom{
	padding:1vw;
	border:1px solid #f0f0f0;
	margin-bottom:2vw;
	text-align:center;
	color:#fff;
	font-size:1.6vw;
}


.hbs-wp-flowwrap{
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	margin-bottom:2vw;
}

.hbs-wp-flowbox{
	flex-basis:25%;
	padding:1vw;
	color:#fff;
	text-align:center;
}

.hbs-wp-flowbox img{
	margin-bottom:1vw;
}

.hbs-wp-flowbox h4{
	font-size:2.5vw;
	display:block;
	margin-bottom:2vw;
	font-weight:bold;
	line-height:1.3;
}

.hbs-wp-flowbox p{
	font-size:1.3vw;
	line-height:1.6;
	text-align:left;
}


.hbs-wp-fbottom{
	padding:1vw;
	border:1px solid #f0f0f0;
	margin-top:2vw;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:2vw;
}

.hbs-wp-bfbox h4{
	margin-bottom:20px;
	padding:10px 10px 10px 20px;
	border-left:#0AAD98 14px solid;
	font-size:2vw;
	font-weight:bold;
}

.hbs-wp-bfbox img{
	margin-bottom:20px;
}

.hbs-wp-bfbox-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	font-weight:bold;
	font-size:18px;
}

.hbs-wp-bfbox-box{
	flex-basis:50%;
	margin-bottom:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.hbs-wp-bfbox-box div{
	
	padding:15px;
}

.hbs-wp-bfbox-box .box01{
	background-color:#f0f0f0;
		text-align:center;
		flex-basis:35%;
}

.hbs-wp-bfbox-box .box02{
		text-align:left;
		flex-basis:65%;
}



.tpc-fix-link{
	display: none;
}
