/* Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic */

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



	body {
		color: #1b1b1b;
		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 {
		-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		transition: color 0.2s ease, border-bottom-color 0.2s ease;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: transparent;
		}

	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(30em);
		-webkit-transform: translateX(30em);
		-ms-transform: translateX(30em);
		transform: translateX(30em);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		-webkit-overflow-scrolling: touch;
		background: #00136C;
		color: #ffffff;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		padding: 3em 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 30em;
		z-index: 1000;
		
	}

		#menu ul {
			list-style: none;
			padding: 0;
		}

			#menu ul > li {
				border-top: solid 1px rgba(255, 255, 255, 0.3);
				margin: 1.2em 0  0;
				padding: 1.2em 3em 0;
			}

				#menu ul > li:first-child {
					border-top: 0 !important;
					margin-top: 0 !important;
					padding-top: 0 !important;
				}

				#menu ul > li > a {
					border: 0;
					color: inherit;
					display: block;
					font-size: 18px;
					letter-spacing: 0.225em;
					outline: 0;
					text-decoration: none;
					font-weight: bold;

				}


		#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: 100px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10002;
	}

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

			#header h1 a{
				border: 0;
				display: inline-block;
				background-image:url(../images/tomiLOGO.png);
				width:193px;
				height:45px;
				text-indent: -9999px;
				background-size: 193px 45px;
				position: absolute;
			left: 40px;
			top: 50%;
			transform: translateY(-50%);
			}

			.banner header h1 a{border: 0;
				display: inline-block;
				background-image:url(../images/tomiLOGO.png);
				width:193px;
				height:45px;
				text-indent: -9999px;
				background-size: 193px 45px;
				position: absolute;
			left: 40px;
			top: 50%;
			transform: translateY(-50%);
			}

			.as-header-logo02{
				width:auto;
				height:auto;
				position: absolute;
				letter-spacing: 0.1em;
				font-weight: bold;
				font-size: 12px;
			left: 280px;
			top: 50%;
			transform: translateY(-50%);

			}

			.as-header-logo02-sm{
				display: none;
			}


.snd-header-contact{
	height:100px;
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	
}

#header .snd-header-contact{
	right: 100px;
	}

.snd-header-link{
	height:100px;
	width: auto;
	position: absolute;
	right: 180px;
	top: 0;
	
}

#header .snd-header-link{
right: 280px;
	}

.snd-header-link ul{
	display: flex;
	height: 100px;
	justify-content: ;
	align-items: center;
}

.snd-header-link li{
	margin-right: 14px;
	padding-right: 14px;
	border-right: 1px solid #aaa;

	}

.snd-header-link li:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;

	}

.snd-header-link li a{
	color: #000;
	font-weight: bold;
	letter-spacing: 0.2em;
}

	


.snd-header-contact a{
	display: block;
	height: 100px;
	padding:15px;
	background-color: #041C40;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0.1em;
	line-height: 56px;
	white-space: nowrap;
}



			.dio-header-conversion{
			width:278px;
				height:auto;
				position: absolute;
			right:100px;
			top:50%;
			transform: translateY(-50%);

			}



			.banner .dio-header-conversion{
				right:10px;
			}

			.dio-header-conversion img{
				width:100%;
				height: auto;
				vertical-align: bottom;
			}



				@media screen and (max-width: 736px) {
					#header h1{
						left:10px;
					}


				}

		#header .headercopy {
			-moz-transition: opacity 0.2s ease;
			-webkit-transition: opacity 0.2s ease;
			-ms-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
			height: inherit;
			left: 180px;
			line-height: 12px;
			position: absolute;
			top: 50%;
			font-size:12px;
			margin-top:-6px;
			color:#000;
			font-weight: bold;
		}

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

		.banner a.menuToggle{
			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;
						xpadding: 0 1.5em;
						text-transform: uppercase;
					}

						a.menuToggle {
							outline: 0;
							position: relative;
						}

						#header nav > ul > li > a.menuToggle{
							padding:0;
						}

							a.menuToggle:after {
								background-image: url("images/bars.svg");
								background-position: center center;
								background-repeat: no-repeat;
								content: '';
								display: inline-block;
								height: 100px;
								vertical-align: middle;
								width:100px;
								margin-right:0;
							}

							.banner a.menuToggle{
								display: none;
							}

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

								.banner a.menuToggle{
								display: block;
								float:right;
							}



									a.menuToggle span {
										display: none;
									}

							}

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

							#header nav > ul > li > a {
								padding: 0 0 0 1.5em;
							}

						}

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

		#header.alt {
			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;
			}

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

	body.landing #page-wrapper {

		padding-top: 0;
	}



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

		body.is-mobile.landing #page-wrapper.page{
		padding-top:65px;
	}


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

	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		width:100%;
		overflow: hidden;
		position: relative;
		text-align: center;
		z-index: 100000;
	}


	#banner .inner{
		background-color:#f0f0f0;
	}

	#banner  .inner img{
		width:100%;
		margin:0 auto;
		vertical-align: bottom;
	}
			




	body.is-loading #banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-loading #banner h2:before, body.is-loading #banner h2:after {
			width: 0;
		}

	body.is-loading #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-loading #banner:after {
		opacity: 1;
	}


/* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer */


	#footer {
		padding: 30px 0 ;
		background-color: #041C40;
		text-align: center;
	}

		
		#footer .copyright {
			color: #fff;
			font-size: 16px;
			letter-spacing: 4px;
			list-style: none;
			padding: 0;
		}

			

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

	body.landing #page-wrapper {
		padding-top: 0;
	}



		body.landing #page-wrapper.page{
		padding-top:65px;
	}

/*topnavi*//*topnavi*//*topnavi*//*topnavi*//*topnavi*//*topnavi*//*topnavi*//*topnavi*//*topnavi*//*topnavi*//*Custom*/

.dio-topnavi{
	width:100%;
	height:auto;
	background-color:#00136C;
	color:#fff;
	font-weight: bold;

}

.dio-topnavi ul{
	 list-style: none;
    display:flex;
	justify-content: center;
    align-items: center;
}


.dio-topnavi ul li a{
	color:#fff;
	display: inline-block;
	padding:25px 20px;
	font-size:19px;
	letter-spacing: 2px;
}



.dio-topnavi ul li a:hover,.topnavi ul li a.active{
	color:#DBFF00;
}


/*asahi-sangyo*//*asahi-sangyo*//*asahi-sangyo*//*asahi-sangyo*//*asahi-sangyo*//*asahi-sangyo*//*asahi-sangyo*//*asahi-sangyo*//*asahi-sangyo*/

.as-main-bottom{
	text-align: center;
	background-color: #FFF400;
	padding:24px 10px;
	font-size:20px;
	font-weight: bold;
	line-height: 32px;
}

.as-main-bottom span{
	display: inline-block;
}

.as-service{
	padding:30px 0 20px;
}

.as-service-wrap{
	display:flex;
	flex-shrink:0;
	flex-wrap:nowrap;
	justify-content:space-between;
}

.as-service-box{
	width:30%;
}

.as-service-box a{
	opacity: 1;
	transition: 0.4s all ease;
}

.as-service-box a:hover{
	opacity: 0.8;
}

.as-service-box img{
	width:100%;
	height: auto;
}

.as-concept-box{
	padding:20px 80px;
}

.as-concept-box h3{
	text-align: center;
	background-image: url(../images/as-mark.jpg);
	background-repeat:no-repeat;
	background-size:161px 48px;
	background-position:top 0 left 50%;
	padding:55px 0 0;
	font-size:17px;
	font-weight: bold;
	margin-bottom: 30px;
}

.as-concept-box p{
	line-height: 2;
	font-size:18px;
}

.as-pa{
	margin-bottom: 30px;
}

.as-pa-box{
	background-color:#FFF6D9;
	padding:30px;
	display: flex;
	align-items:center;
	flex-shrink:0;

}

.as-pa-box.js{
	margin-bottom: 50px;
	}

.as-pa-box img{
	display: block;
	width:100px;
	margin:0 30px;
}

.as-pa-box p{
	font-size:16px;
	line-height: 1.8;
}

.as-page-sec{
	padding:30px 0 30px;
}

.as-page-sec header{
	text-align:center;
	padding:0 0 20px; 
}

.as-page-sec header h3{
	text-align: center;
	background-image: url(../images/as-mark.jpg);
	background-repeat:no-repeat;
	background-size:161px 48px;
	background-position:top 0 left 50%;
	padding:55px 0 0;
	font-size:35px;
	color:#00136C;
	font-weight: bold;
	margin-bottom: 30px;
}

.as-page-sec h4{
	font-size:30px;
	border-left:6px solid #00136C;
	padding:3px 20px 3px;
	margin-bottom: 15px;
}

.as-page-hosoku-01{
	background-color:#FFF400;
	padding:20px;
	width:100%;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	border-radius: 35px;
	transition: 0.3s ease all;
	margin-bottom: 30px;
	line-height: 1.6;
}


.as-page-sec table{
	margin-bottom: 30px;
}


.as-sec-box{
		background-color:#EFEFEF;
		border: 1px solid #ccc;
	padding:45px;
	border-radius: 10px;
	font-weight: bold;
	font-size:18px;
	line-height: 1.6;
}


.as-sec-box2{
	padding:25px;
	border: 1px solid #ccc;
	font-size:16px;
	line-height: 1.8;
	margin-bottom: 15px;
}

.mb15{
	margin-bottom:15px;
}

.as-sec-box p{
	margin-bottom: 15px;
}

.as-sec-box p:last-child{
	margin-bottom:0;
}


.as-sec-box img{
	width:100%;
	margin-bottom: 15px;
}

.as-service-img{
	width:50%;
	margin:0 0 30px;
}

.as-service-img-text{
	font-size:12px;
	font-weight: bold;

}


.as-service-btn a{
	padding: 10px 20px ;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #25AEEF;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 10px;
	display: inline-block;
}

.as-js-main{
	margin-bottom: 30px;
}

.as-page-link{
	text-align: center;
	margin-bottom: 30px;
}

.as-page-link a{
	display: inline-block;
	background-color:#C8171E;
	padding:20px 65px;
	color:#fff;
	font-size:16px;
	font-weight: bold;
	border-radius: 35px;
	transition: 0.3s ease all;
}

.as-page-link a:hover{
	background-color:#AF050C;
}


.as-js-box{
	background-color:#EFEFEF;
	padding:45px;
	border-radius: 10px;
}

.as-js-box-wrap{
	display:flex;
	flex-shrink:0;
	flex-wrap:nowrap;
	justify-content: space-between;
}

.as-js-img{
	width:25%;
}

.as-js-txt{
	width:75%;
	text-align: left;
	font-size:18px;
}

.as-js-txt table{
	margin-bottom: 30px;
}

.as-js-txt table tr td{
	width:65% !important;
	padding:5px 0 10px 50px;
	line-height: 1.8;
	font-weight: bold;
}

.as-js-txt table tr td:first-child{
	width:35% !important;
	border-right:1px solid #ccc;
	padding:5px 0 30px 0;
}

.as-js-txt table tr td strong{
	color:#C8171E;
}


.as-js-txt table:last-child{
	margin-bottom: 0;
}

.as-message{
	font-size:18px;
	line-height: 2;
}


.as-message p{
	text-indent: 1em;
	margin-bottom: 50px;
}

.as-message p:last-child{
	text-indent:inherit;
	margin-bottom: 0;
}

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

.as-email p{
	font-size:20px;
	margin-bottom:20px;
}

.as-email a{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	display: block;
	border-radius: 15px;
	border:1px solid #ccc;
	padding:15px;
	background-color:#fff;
	transition:0.3s all ease;
	margin-bottom: 15px;
}

.as-email a:hover{
	background-color:#FFF400;
}

.as-email a img{
	width:300px;
}


.as-history-box{
	margin-bottom: 25px;
}


.as-history-box h4{
	padding:22px 100px;
	background-color:#00136C;
	color:#fff;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-bottom: 0;
}

.as-history-box p{
	display: block;
	background-color:#EDEDED;
	padding:25px 50px;
	font-size:16px;
	line-height: 1.8;
}

.as-futsal-box{
	display: block;
	background-color:#EDEDED;
	padding:30px 50px;
	font-size:18px;
	line-height: 1.8;
	border-radius: 15px;
}

.as-futsal-box img{
	margin-bottom: 20px;
}

/*rebuster*//*rebuster*//*rebuster*//*rebuster*//*rebuster*//*rebuster*//*rebuster*//*rebuster*//*rebuster*//*topnavi*//*Custom*/


.re-bar-01{
	width:100%;
	height: auto;
	background-color: #00A0E8;
	text-align:center;
	display: flex;
	justify-content: center;
	line-height:1;
	align-items: center;
	padding:15px;

}

.re-bar-01 h4{
	font-weight: 800;
	margin-right: 30px;
	font-size:19px;
	color:#fff;
}


.re-bar-01 span{
	padding:15px 80px;
	background-color: #FBFF00;
	font-size:21px;
	font-weight: 800;
	border-radius: 30px;
}

.re-bar-02{
	width:100%;
	height: auto;
	text-align:center;
	display: flex;
	justify-content: center;
	line-height:1;
	align-items: center;
	padding:5px 0;
	box-shadow: 0 8px 3px -3px #ccc;
	margin-bottom: 30px;
}

.re-bar-02 img{
	width:70.51vw;
}


.re-section header{
	padding:0 0 40px;
	text-align: center;
}

.dio-feature header{
	padding:50px 0 30px;
	text-align: center;
}


.re-section header h4{
	font-size:34px;
	font-weight: bold;
	margin-bottom: 10px;
}

.re-section header h3{
	font-size:45px;
	font-weight: bold;
	margin-bottom: 10px;
}

.dio-feature header h3{
	font-size:45px;
	font-weight: bold;
	margin-bottom: 10px;
}

.re-section header strong,
.dio-feature header strong{
	color:#00A0FF;
}

.re-section header span{
	color:#fff;
	background-color:#00A0FF;
	padding:7px 80px;
	border-radius: 30px;
	font-size:26px;
	display: inline-block;
}



.re-section{
	padding:50px 0;
}


.re-top-section.re-section{
	padding:30px 0;
}


.re-section-body{
	padding-bottom: 40px;
}

.re-section-body h3{
	background-color: #00A0FF;
	padding:15px;
	color:#fff;
	font-weight: bold;
	font-size:23px;
	margin-bottom: 20px;
}

.re-section-body h4{
	border-left:5px solid #00A0FF;
	padding:6px 15px;
	font-size:23px;
	margin-bottom: 20px;
}

.re-section-body img{
	display: block;
	margin:0 auto;
	width:80%;
	max-width: 100%;
}

.re-section-body p{
	line-height: 1.8;
}

.re-section-body .dio-hosoku{
	margin-bottom:0;
}

.re-price-wrap{
	max-width: 1024px;
	margin:0 auto;
}

.re-price-box{

}

.re-banner{
	margin-bottom: 30px;
}


.re-btn-wrap{
	text-align:center;
}


a.re-btn{
	margin:0 auto 30px;
	background-color: #E4006C;
	color:#fff;
	text-align:center;
	font-weight: bold;
	border-radius: 30px;
	padding:10px 60px;
}



#banner .snd-page-title{
	background-image: url(../images/tomi-page-bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	height: auto;
	padding:60px 0;
	text-align: left;
}

.re-submain{
	width:100%;
	text-align: center;
	vertical-align: bottom;
}


.snd-page-title h3{
	padding:56px 200px 56px 56px;
	font-size:36px;
	letter-spacing: 0.3em;
	color:#fff;
	font-weight: 600;
	line-height: 1;
	display: inline-block;
	background-image:url(../images/tomi-header-bg.png) ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}


	.zen-header-nav{
	position:relative;
	width:100%;
	height:auto;
	padding:20px 20px;
	background-color: #00136C;


}

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

.zen-header-nav > ul > li{
	display: table;
	border-right: 1px solid #fff;
}

.zen-header-nav > ul > li:last-child{
	border-right:none;
}

.zen-header-nav > ul > li > a{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
	width:auto;
	padding:0 40px;
	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 > 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: 10000000000000000000;
}


.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;
}




	.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 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 !important;
}

.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:18px;
	font-weight: bold;
	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{
	color:#fff;
}


#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;

}


.re-bar-zero{
	width:100%;
	height: auto;
	text-align:center;
	background-color: #FF3594;
}

.re-bar-aniva{
	width:100%;
	height: auto;
	text-align:center;
	background-color: #00A0FF;
}


.re-bar-manzoku{
	width:100%;
	height: auto;
	text-align:center;
}

.re-bar-zero img ,.re-bar-aniva img, .re-bar-manzoku img{
	max-width: 1024px;
	width: 100%;
}

.re-hoken{
	padding-bottom: 50px;
}

.re-hoken-header{
	background-color: #00C09E;
	color:#fff;
	font-size:36px;
	font-weight: 800;
	text-align: center;
	padding:30px 0;
	margin-bottom: 20px;
}

.re-hoken .dio-hosoku{
	font-weight: bold;
	text-align: center;
	font-size: 19px;
}

.re-hoken .dio-hosoku span.s-blue{
	color:#00A0E8;
}


.re-hoken .dio-hosoku span.s-pink{
	color:#FF6464;
}

.re-hoken-wrap{
	display: flex;
	flex-shrink: 50%

}

.re-hoken-box{
	width:50%;
	display: block;
	padding:0 20px;
	
}



.re-hoken-box img{
	width:100%;
	margin-bottom:20px;
}


.re-hoken-box h5{
	display: block;
	width:100%;
	text-align: center;
	font-size:23px;
	font-weight: bold;
	background-color: #f0f0f0;
	padding:20px;
	border-radius: 15px;
}

.re-hoken-box strong{
	color:#FF6F6F;
}

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

 
.re-manzoku img{
	max-width: 1224px;
	width:100%;
}


/*reason
*********************/
.re-reason{overflow: hidden;padding:0 0 40px;background-color:#f0f0f0;}
.re-reason-wrap{
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
}

.re-reason-box{
	width:30%;
	color:#000;
	margin:10px;
}


.re-reason-img img{

	vertical-align: bottom;
}

.re-reason-txt{
	background-color:#fff;
	padding:10px 20px 20px;
	line-height: 1.6;
}

.re-reason-txt h4{
	color:#FF6419;
	font-size:23px;
	font-weight: 800;
	margin-bottom:20px;
}

.re-reason-txt p{
	font-size:16px;
	text-align: left;
}


.re-cta-top{
	display: none;
}

.re-cta-bottom{
	display: none;
}

.re-nayami{
	padding:50px 0;
	background-color: #0091D2;
	text-align: center;
}

.re-nayami h3{
	color:#fff;
	font-size:33px;
	font-weight: bold;
	margin-bottom: 50px;
}

.re-nayami h3 strong{
	color:#EDFF00;
}

.re-nayami-wrap{
	display: flex;
	flex-wrap:wrap;
	flex-shrink: 0;
}

.re-nayami-box{
	width:50%;
	display: flex;
	flex-wrap:nowrap;
	flex-shrink: 0;
	margin-bottom:40px;
	padding-right:20px;
	align-items:flex-start;
}

.re-nayami-txt{
	width:75%;
	padding:25px;
	background-color: #fff;
	line-height: 1.8;
	font-size:18px;
	font-weight: bold;
	text-align:left;
	border-radius: 20px;
}

.re-nayami-img{
	width:25%;
	align-items: bottom;
}

.re-nayami h4{
	padding:20px 30px;
	font-size:48px;
	color:#000;
	background-color: #F8FF00;
	border-radius: 40px;
	font-weight: 800;
	margin-bottom:15px;
}

.re-nayami span{
	color:#fff;
	font-size:24px;
	font-weight: bold;
	line-height: 1.6;
}


.zen-list-wrap{
		width:100%;
		height: auto;
	}

	.zen-list-box{
		width:100%;
		height: auto;
		padding:30px 30px 30px;
		border-radius: 20px;
		line-height: 1.6;
		display: flex;
		align-content: center;
		position: relative;
		background:#f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	}

	

	.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;
	}

	.re-flow-cta{
		display: block;
	}

	.re-flow-cta img{
		width:150px;
		margin:10px 10px 0 0;
		display: inline-block;
	}


.re-flow-footer{
	background-color: #00C09E;
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    padding: 30px 0;
    line-height: 1.6;
}

.flow-wrap .dio-hosoku{
	text-align: center;
	font-weight: bold;
}

.re-voice{
	background-color: #F2631D;
}

.re-voice h3{
	color:#fff;
}

.re-voice-box{
	margin-bottom: 30px;
}

.re-voice-box h4{
	font-weight: bold;
	color:#fff;
	margin-bottom: 10px;
	font-size:20px;
}

.re-voice-box p{
	padding:20px;
	background-color: #f0f0f0;
	line-height: 1.6;
	font-size:16px;
	border-radius: 10px;
}

.re-banner.re-banner-clean{
	padding:20px 0;
}

.re-access.re-section{
	padding:0 0 30px;
}

.re-map.re-section{
	padding:0 40px 30px;
}

.re-map .dio-hosoku{
	font-size:16px;
}

.re-map .dio-hosoku p{
	margin-bottom:10px;
}


.re-map .dio-hosoku a{
	color:#000;
}

.re-map .dio-hosoku a:hover{
	color:#F2631D;
}


.dio-hosoku h5{
	font-weight: bold;
	font-size:110%;
}

.re-jit-box-wrap.re-jit01{
	padding:20px;
	background-color:#f0f0f0;
	line-height: 1.8;
	border-radius: 20px;
	margin-bottom: 20px;

}


.re-jit-box-wrap.re-jit02{
	width:100%;
	display: flex;
	flex-wrap:nowrap;
	flex-shrink: 0;
	margin-bottom:20px;
	align-items:center;
	padding:0 20px;
}

.re-jit-box-wrap.re-jit01 h5{
	font-weight: bold;
	color:#F2631D;
}


.re-jit-man-com{
	width:84%;
	padding:25px;
	background-color: #00A0E8;
	color:#fff;
	line-height: 1.8;
	font-size:18px;
	font-weight: bold;
	text-align:left;
	border-radius: 20px;
}

.re-jit-man{
	width:16%;
	padding:20px;
}

.re-jit-man img{
	width:100%;
}


a.button{
	padding:15px 60px;
	text-align:center;
	color:#fff;
	background-color: #00136C;
	font-size:16px;
	font-weight: bold;
	border-radius: 15px;
	width:60%;
	display: block;
	margin:0 auto;
}

table.dio-contact{
	width:100%;
}

.re-section-body img{
	margin-bottom: 20px;
}


.re-price-sub{
	padding:15px 30px;
	text-align:center;
	color:#fff;
	background-color: #00A0FF;
	font-size:20px;
	font-weight: bold;
	border-radius: 15px;
	margin-bottom:20px;

}

.re-nayami-wrap2{
	flex-wrap:wrap;
	display: flex;
	flex-shrink:0;
	justify-content: center;
}

.re-nayami-box2{
	width:30%;
	text-align:left;
	padding:20px;
	font-weight: bold;
	background-color: #fff;
	font-size:18px;
	line-height: 1.8;
	border-radius: 30px;
	margin: 10px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}

.re-price-ranking{
	margin-bottom: 40px;
}

.re-service-wrap{
	display: flex;
	flex-shrink:0;
	flex-wrap:wrap;
}

.re-service-box{
	width:50%;
	padding:10px;
}

.re-service-box h4{
	display: block;
	background-color: #00A0FF;
	color:#fff;
	padding:10px;
	text-align: center;
	font-weight: bold;
	font-size:20px;
	margin-bottom: 10px;
}

.re-service-box img{
	margin-bottom: 10px;
}

.re-service-box p{
	font-size:16px;
	line-height: 1.6;
}


.zen-list-contena ul{
}


.zen-list-contena li{
	width: 33%;
    float: left;
}




.jsh-blog-wrap{
	width:100%;
	height:auto;
	display: flex;
	flex-shrink: 0;
	flex-wrap: nowrap;
}

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


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


.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;
	xmax-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;
}


.re-footerlink{
	width:100%;
	height: auto;
	background-color: #FFF900;
	padding:25px;
	text-align:left;

}

.re-footerlink-wrap{
	display: flex;
	flex-shrink: 0;
	flex-wrap:nowrap;
}


.re-footerlink-box{
	width:20%;
	padding:1%;
	font-size:16px;
}

.re-footerlink-box h4{
	font-size:18px;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px solid #333;
	padding-bottom:10px;
}

.re-footerlink-box li{
	margin-bottom: 15px;
}

.re-footerlink-box li a{
	color:#000;
}

.re-footerlink-box li a:hover{
	color:#FF6100;
}

.re-cam{
	background-color: #f0f0f0;
	width:100%;
	height: auto;
}


.re-cam-wrap{
	display: flex;
	flex-wrap:nowrap;
	flex-shrink: 0;
}

.re-cam-box{
	width:50%;
}

.re-cam-box img{
	vertical-align: bottom;
	width:100%;
}


.re-ihin-img{
	display: block;
	width:80%;
	margin-bottom: 20px;
}

.re-award-wrap{
	display: flex;
	flex-wrap:nowrap;
	flex-shrink:0;
}

.re-award-wrap img{
	width:33%;
	display: block;
}


/*feature*//*feature*//*feature*//*feature*//*feature*//*feature*//*feature*//*feature*//*feature*//*topnavi*//*Custom*/
.dio-feature{
	width:100%;
	height: auto;
}

.dio-feature.dio-feature-page{
	padding-bottom: 30px;
}


.dio-feature-wrap{
	display:flex;
	background-color:#00A0FF;
	color:#fff;
	flex-shrink: 0;
	flex-direction: row;
	box-shadow: 0 8px 3px -3px #ccc;
	margin-bottom: 60px;
}


.dio-feature-page .dio-feature-wrap{
	margin-bottom: 0;
	}

.dio-feature-02.dio-feature-wrap{
	flex-direction: row-reverse;
	}

.dio-feature-img{
	width:48%;
}

.dio-feature-02 .dio-feature-img{
	width:52%;
}

.dio-feature-img img{
	width:100%;
	vertical-align: bottom;
}

.dio-feature-txt{
	width:52%;
	padding:40px 45px;
	font-weight: bold;
	position: relative;
}

.dio-feature-txt strong{
	color:#FBFF00;
}

.dio-feature-02 .dio-feature-txt{
width:48%;
	}

.dio-feature-txt h3{
	font-weight: 900;
	font-size:40px;
	line-height: 1.2;
	margin-bottom: 30px;
	white-space: nowrap;
}

.dio-feature-txt p{
	font-size:18px;
	line-height: 2;
	width:80%;
	margin-bottom:30px;
}

.dio-feature-txt span{
	display: inline-block;
	background-color:#FBFF00;
	border-radius: 30px;
	padding:13px 25px;
	color:#000;
	font-size:26px;
}





/*backtotop*//*backtotop*//*backtotop*//*backtotop*//*backtotop*//*backtotop*//*backtotop*//*backtotop*/


a.backtotop{
	width:100%;
	display:block;
	padding:5px 0;
	text-align: center;
	background-color:#00136C;
	border-bottom:inherit;
	color:#fff;
}

a.backtotop:hover{
	width:100%;
	background-color:#FFF400;
			-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;

}



/*news*//*news*//*news*//*news*//*news*//*news*//*news*//*news*/




.dio-news-area{
	width:100%;
	height:auto;
	color:#000;
	overflow:auto;
}

.dio-news-area a{
	color:#333;
}

.dio-news{
	padding:30px 0;
}

.dio-news h3{
	width:100%;
	display: block;
	font-size:18px;
	font-weight: bold;
	padding:15px;
	background-color:#00136C;
	color:#fff;
	margin-bottom:15px;
	letter-spacing: 2.5px;
}


.dio-news-box{
	display: block;
	width:100%;
	height:auto;
	margin-bottom:10px;
	padding:8px;
	border-radius: 15px;
	background-color: #f0f0f0;
	transition: 0.3s all ease 0.2s;
	position: relative;
	color:#000;
}


.dio-news-box:hover{
	background-color: #FFF400;
	color:#000;
}

.dio-news-box-img{
	width:100%;
	height:auto;
}

.dio-news-box-img img{
	width:100%;
}

.dio-news-box-txt{
	width:100%;
	height:auto;
	padding:10px 10px 10px 5px;
}

.dio-news-box-txt h4{
	font-size:15px;
	font-weight: bold;
	margin-bottom:10px;
	line-height: 1.3;
}

.dio-news-date{
	font-size:11px;
	margin-bottom:20px;
}

.dio-news-box-button{
	position: absolute;
	width:auto;
	padding:3px 10px;
	float:right;
	bottom:10px;
	right:10px;
	background-color: #00136C;
	color:#fff;
	border-radius: 15px;
	text-align: center;
	font-weight: bold;
	font-size:12px;
	transition: 0.3s all ease 0.2s;
}



.dio-mark-new{
	background-color:#FF006E;
	color:#fff;
	font-size:11px;
	padding:2px 8px;
	border-radius: 30px;
	margin-right:5px;
}



/*dio-conversion*//*dio-conversion*//*dio-conversion*//*dio-conversion*//*dio-conversion*//*dio-conversion*//*dio-conversion*//*dio-conversion*/


.dio-conversion{
	width:100%;
	height:auto;
	background-color:#00A0E8;
	xmargin-bottom:50px;
}


.dio-conversion-wrap{
	display: flex;
	flex-shrink:0;
	align-items:  center;
}

.dio-conversion-box{
	width:50%;
	padding:20px;
}


.dio-conversion-02 img{
	margin-bottom: 20px;
}



/*dio-page*//*dio-page*//*dio-page*//*dio-page*//*dio-page*//*dio-page*//*dio-page*//*dio-page*/



.dio-page.lp{
	width:100%;
	height: auto;
	background-color:#f0f0f0;
}

.dio-page-title{
	padding:70px 0;
		background-image:url(../../images/dio-page-header.jpg);
	background-repeat:no-repeat;
	background-size:222px 78px;
	background-position:0  50%;
	background-color: #fff;
}

.dio-page-title h3{
	text-align: left;
	font-size:38px;
	position: relative;
	font-weight: 800;
	display: block;
	padding-left:250px;
	letter-spacing: 5px;

}

.dio-page-section{
	background-color: #fff;
	width:100%;
	height: auto;
}


.dio-page-body{
	width:100%;
	padding:50px 50px;
	height: auto;
	background-color:#fff;
}


.dio-page-body.dio-lp{
	padding:0 ;
}


.dio-page-body header h3{
	font-size:28px;
	margin-bottom: 20px;
	display: block;
	line-height:1.2;
	position: relative;
	width: 100%;
}





.dio-news-date2{
	display: inline-block;
	font-size:14px;

	letter-spacing: 3px;
	background-color:#f0f0f0;
	padding:5px 20px;
	border-radius: 30px;
	font-weight: bold;
}


/*dio-cotent*//*dio-cotent*//*dio-cotent*//*dio-cotent*//*dio-cotent*//*dio-cotent*//*dio-cotent*//*dio-cotent*/



.dio-content{
	width:100%;
	height: auto;
	padding:30px 0;
}

.dio-content p{
	line-height: 2;
	margin-bottom: 20px;
}

.dio-content p a{
	padding:10px 20px;
	display: inline-block;
	background-color: #f0f0f0;
	color:#000;
	border:none;
	text-decoration: none;
	border-radius: 20px;
	margin:10px 0;
	transition: 0.4s all ease;
}

.dio-content p a:hover{
	background-color: #FE9E00;
	color:#fff;
}

/*tmng-cta*//*tmng-cta*//*tmng-cta*//*tmng-cta*//*tmng-cta*//*tmng-cta*//*tmng-cta*//*tmng-cta*/


.tmng-cta{
	width:100%;
	height:auto;
}


.tmng-cta-wrap{
	display: flex;
	flex-shrink:0;

}

.tmng-cta-box a{
	color:#000;
	border-bottom: 1px solid #000;
	transition:0.3s all ease;
}

.tmng-cta-box a:hover{
	color:#F2631D;
	border-bottom: 1px solid #F2631D;
}

.tmng-cta-01{
	width:42%;
	background-color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tmng-cta-01 img{
	width:398px;
}

.tmng-cta-02{
	width:58%;
	padding:55px 60px;
	background-color:#f0f0f0;
	font-weight: bold;
}

.tmng-cta-span01{
	font-size:17px;
	display: block;
	margin-bottom: 10px;
}

.tmng-cta-02 h4{
	font-size:37px;
	line-height: 37px;
	margin-bottom: 35px;
	display: inline-block;
	letter-spacing: 5px;
	transform: translateX(-3px);
}

.tmng-cta-span02{
	font-size:13px;
	line-height: 37px;
	letter-spacing: 5px;
	margin-left: 10px;
}

.tmng-cta-02 p{
	font-size:16px;
	font-weight: normal;
	line-height: 2;
}






/*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*/


.dio-contact table{
	width:100%;
	height: auto;
	margin-bottom: 50px;
}

.dio-contact table:last-child{
	margin-bottom: 30px;
}

.dio-contact th,.dio-contact td{
	padding:30px 20px;
	background-color:#f0f0f0;
	border:3px solid #fff;
	vertical-align: middle;
	font-size:20px;
}


.dio-contact th span{
	font-size:80%;
	display: block;
	margin-top:8px;
	color:#FE9E00;
}

.dio-contact th{
	color:#fff;
	font-weight: bold;
	background-color:#00136C;
	letter-spacing: 2px;
	width:30%;
}


.dio-contact td{
	line-height: 1.6;
	text-align: left;
}


	.dio-contact input[type="text"],.dio-contact input[type="email"]{
		width:100%;
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:24px;
	}

	.dio-contact input[type="tel"]{
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:24px;
	}

	.dio-contact input[type="number"]{
		padding:20px 0 20px 20px;
		font-size:24px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
	}



	.dio-contact select{
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:20px;
	}
	.dio-contact textarea{
		width:100%;
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:20px;
	}

	.dio-contact-submit{
		text-align: center;
	}


.dio-contact-submit input[type="submit"],
	.dio-contact-submit input[type="reset"],
	.dio-contact-submit input[type="button"]{
		appearance: none;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 15px;
		border: 0;
		color: #fff;
		background-color:#00A0FF;
		cursor: pointer;
		display: inline-block;
		font-size: 24px;
		font-weight: 800;
		letter-spacing: 3px;
		padding: 15px 80px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		margin:0 auto;
	}

	.dio-contact-submit input[type="submit"].dio-contact-back{
		background-color:#ccc;
		color:#000;
		margin-bottom: 30px;
	}

		.dio-contact-submit input[type="submit"]:hover
		{
			background-color: #50BEFF;
		}

			.dio-contact-submit input[type="submit"].dio-contact-back:hover{
		background-color:#888;
	}

	.dio-thanks{
		width:100%;
		text-align: center;
		
	}

	.dio-thanks span{
		display: block;
		margin-bottom: 20px;
		font-size:30px;
		font-weight:bold;
	}

	.dio-contact02 h5,.dio-error{
		font-size:20px;
		text-align: center;
		margin-bottom: 15px;
		padding:20px;
		display: block;
		background-color:#DBFF00;
		font-weight:bold;
		border-radius: 30px;
	}

	.re-pagenavi{
		width: 100%;
	}

	.re-pagenavi .wp-pagenavi{
		margin:0 auto;
	}

	.re-region-box{
		width:100%;
		height: auto;
		margin-bottom: 50px;
	}

	.re-region-box h3{
		padding:30px;
		background-color:#00A0E8;
		color:#fff;
		font-weight: bold;
		font-size:22px;
		margin-bottom: 20px;
	}

	.re-region-wrap{
		display: flex;
		flex-shrink: 0;
		flex-wrap: nowrap;
	}

	.re-region-img{
		width:30%;
	}

	.re-region-img img{
		width:100%;
	}

	.re-region-txt{
		width:70%;
		padding:0 20px;
		line-height: 1.8;
		font-size:16px;
	}

	.re-region-txt a{
		display: inline-block;
		margin:30px 0;
		padding:15px 30px;
		background-color:#00A0E8;
		color:#fff;
		font-weight: bold;
		font-size:16px;
		border-radius: 30px;
		transition:0.3s background-color ease;

	}
	.re-region-txt a:hover{
		background-color:#F2631D;
	}



/*モバイル*/
.pcon-bl{
	display: block;
}

.pcon-inbl{
	display: inline-block;
}


.smon-bl,.smon-inbl{
	display: none;
}


.snd-top-menu{
	display: flex;
	justify-content: space-between;
	background-color: #000;
}

.snd-top-menu a{
	flex-basis: 33.333%;
	display: block;
}

.snd-topmenu-box{
	position: relative;
	
		opacity: 1;
	transition: 0.2s all ease;

}

.snd-topmenu-box img{
	vertical-align: bottom;
	display: block;
	width: 100%;


}


.snd-topmenu-box:hover{
	opacity: 0.8;
}

.snd-topmenu-box span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	letter-spacing: 0.2em;
	white-space:nowrap;
}

.snd-sec-quality{
	display: block;
	position: relative;
	width: 100%;
	vertical-align: bottom;
}


.snd-sec-quality div{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	z-index: 2;
}

.snd-sec-quality a{
		font-size: 21px;
		letter-spacing: 0.4em;
		color: #fff;
		font-weight: 800;
		border: 2px solid  #fff;
		padding: 30px 210px 30px 40px;
		position: relative;
		transition: 0.2 all ease;
}


.snd-sec-quality a:hover{
		background-color: #008BC9;
		color: #fff;

}

.snd-sec-quality a:after{
	display: block;
	content: '';
	width: 4px;
	height: 6px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background-image: url(../images/snd-tri.png);
	background-size: 4px 6px;
}	

.snd-sec-quality a:hover:after{
		background-image: url(../images/snd-tri.png);

}


.snd-sec img{
	vertical-align: bottom;
}



.snd-page-sec{
	padding:50px 0 30px;
}

.snd-page-sec header{
	text-align:center;
	padding:0 0 20px; 
}

.snd-page-sec header h3{
	text-align: center;
	background-image: url(../images/tomi-mark.png);
	background-repeat:no-repeat;
	background-size:48px 43px;
	background-position:top 0 left 50%;
	padding:75px 0 0;
	font-size:29px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}

.snd-page-sec h4{
	font-size:30px;
	border-left:6px solid #00136C;
	padding:3px 20px 3px;
	margin-bottom: 15px;
}

.snd-page-sec p{
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 30px;
}


.youtube_wrap{
     aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

.snd-banner img{
	margin-bottom: 15px;
}


.snd-gyomu{
	display: block;
	width: 100%;
	padding: 20px;
	background-color: #003750;
	color: #fff;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.2em;

}


#bbpress-forums li.bbp-header{
	background-color:#008BC9 !important;
}


#bbpress-forums li.bbp-header{
	background-color:#008BC9;
	color: #fff;
	padding: 20px !important;
	font-size: 16px !important;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic{
	font-size: 16px !important;
	padding: 20px !important;
}

div.bbp-breadcrumb, div.bbp-topic-tags{
	font-size: 13px !important;
}


a.bbp-topic-permalink{
	font-size: 23px !important;
	line-height: 1.2;
	color: #000;
	transition: 0.2s all ease;
	font-weight: normal;
}


a.bbp-topic-permalink:hover{
	color: #00C9B2;
}


#bbpress-forums div.bbp-reply-content p{
	font-size: 17px !important;
}

#bbpress-forums div.bbp-search-form{
	padding: 15px;
}

#bbpress-forums div.bbp-search-form input{
	padding: 5px 10px;
	font-size: 13px;
}


#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{
	font-size: 13px !important;
	margin-top: 12px !important;
	background-color: #f0f8ff !important;
	padding: 5px 10px !important;
	border-radius: 30px;

}



#bbpress-forums fieldset.bbp-form label{
	font-size: 13px !important;
	margin-bottom: 8px !important;
}

#bbpress-forums fieldset.bbp-form input[type=password], #bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select{
	padding: 15px !important;
	font-size: 16px !important;
}


#bbpress-forums fieldset.bbp-form input[type=file]{
	font-size: 16px;
	padding: 15px;
	border: none;
	border-radius: 10px;
	background-color: #f0f0f0;
}


a.d4p-attachment-addfile{
	font-size: 13px !important;
}


div.bbp-submit-wrapper button[type=submit]{
	font-size: 20px;
	border-style: none;
	border: none;
	background-color: #00C9B2;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px 30px;
}

.bbp-reply-header{
	padding: 15px !important;
	background-color: #003750 !important;
	color: #fff;
	font-size: 16px !important;
}

span.bbp-reply-post-date:after{
	content:' 投稿';
	display: inline;
}

span.bbp-admin-links a{
	font-size: 13px !important;
	color: #fff !important;
}


.bbp-forum-header a.bbp-forum-permalink, .bbp-reply-header a.bbp-reply-permalink, .bbp-topic-header a.bbp-topic-permalink{
	color: #fff !important
}

.bbp-topic-spam-link,.bbp-reply-spam-link,.bbp-topic-split-link,.bbp-topic-merge-link{
	display: none;
}


a.bbp-forum-title{
	font-size: 26px !important;
	color: #333;
	line-height: 1.2;
}


.snd-table{
	width: 100%;
}

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

}

.snd-table th{
	text-align: left;
	vertical-align: top;
	border-bottom: 2px solid #000;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.2em;
	width: 26%;
}

.snd-table th span{
	font-size: 13px;
	display: block;
	color: #FF0058;
	margin-top: 10px;
}

.snd-table td{
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	width: 74%;
}

.snd-table input,.snd-table textarea,.snd-table select{
	padding: 20px;
	border-radius: 15px;
	border: none;
	background-color: #f0f0f0;
	font-size: 18px;
	
}

.snd-submit{
	padding: 30px ;
	text-align: center;
}

.snd-submit input[type=submit]{
	padding: 20px;
	border-style: none;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	background-color:#002B3F;
}


.snd-submit input[type=submit].bt-gray{
	color: #000;
	background-color:#CCC;
	margin-bottom: 20px;
}

.snd-equipbox{
	margin-bottom: 70px;
}

.snd-equipbox h5{
	font-weight:bold;
	font-size:22px;
	margin-bottom:10px;
}

.snd-equipbox img{
	margin-bottom:10px;
}


.tmng-video{
	display:flex;
	flex-wrap:nowrap;
	flex-shrink:1;
	background-color:#041C40;
}


.tmng-video-text{
	flex-basis:35%;
	z-index:100;
	color:#fff;
	position:relative;
}

.tmng-video-text div{
	position:absolute;
	top:6vw;
	left:6vw;
}

.tmng-video-text h3{
	font-size:5vw;
	font-weight:100;
	margin-bottom:4vw;
	white-space:nowrap;
}

.tmng-video-text p{
	font-size:1.3vw;
	line-height:3;
	margin-bottom:4vw;
}

.tmng-video-image{
	flex-basis:65%;
	z-index:10;
}

.tmng-video-image img{
	width:100%;
}

.tmng-video a{
	display:block;
	padding:20px;
	letter-spacing:0.3em;
	font-size:1.3vw;
	color:#fff;
	background-color:#8F7B00;
	text-align:center;
}

.tmng-bar{
	background-color:#041C40;
	text-align:center;
	padding:15px;
	color:#fff;
	letter-spacing:0.2em;
}