/*
 Theme Name:   bliss_corp
 Description:  bliss_corp
 Author:       John Doe
 Template:     twentytwelve
 Version:      2.0.0
*/
* { margin:0; padding:0; }



/* Type */

	body, input, textarea, select {
		font-family: "游明朝体","Yu Mincho",YuMincho, "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
		font-weight: 300;
		font-size: 1em;
		line-height: 1.75em;
		color: #39454b;
		letter-spacing: 0.025em;
	}

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

			body, input, textarea, select {
				font-size: 1em;
			}

		}

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

			body, input, textarea, select {
				font-size: 1em;
			}

		}

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

			body, input, textarea, select {
				font-size: 1em;
			}

		}

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

			body, input, textarea, select {
				font-size: 1em;
			}

		}

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

			body, input, textarea, select {
				font-size: 0.8em;
				line-height: 1.2em;
			}

		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 900;
		color: inherit;
		letter-spacing: -0.0325em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 2.0em;
		line-height: 1.25em;
		letter-spacing: 0.1em;
		padding-bottom:10px;
		color:#0d5bac;
		border-bottom:solid 1px #0d5bac;
		margin-bottom:20px;
	}

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

		h2 {
			font-size: 1.5em;
		}

	}

	strong, b {
		font-weight: 900;
		color: inherit;
	}

	em, i {
		font-style: italic;
	}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		color: #98c593;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #e5e6e7;
	}

	blockquote {
		border-left: solid 0.5em #e5e6e7;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}

/* Box */

	.box {
		color: #000000;
		padding: 1em;
	}

		.box > :last-child {
			margin-bottom: 0;
		}

		.box.style2 {
			padding: 3.5em 2.5em 3.5em 2.5em;
		}

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

			.box {
				padding: 1em;
			}

				.box.style2 {
					padding: 1.5em 1.25em 1.5em 1.25em;
					background-color: rgba(255, 255, 255, 0.9);
				}

		}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		background-color: #98c593;
		border: 0;
		border-radius: 3.5em;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		height: 3.5em;
		line-height: 3.5em;
		outline: 0;
		padding: 0 2em 0 2em;
		position: relative;
		text-align: center;
		text-decoration: none;
	}

		input[type="button"].down,
		input[type="submit"].down,
		input[type="reset"].down,
		.button.down,
		button.down {
			width: 5em;
			height: 5em;
			line-height: 4.5em;
			padding: 0;
			background-image: url("../../../images/dark-arrow.svg");
			background-position: center center;
			background-repeat: no-repeat;
			text-indent: -10em;
			overflow: hidden;
		}

			input[type="button"].down.anchored,
			input[type="submit"].down.anchored,
			input[type="reset"].down.anchored,
			.button.down.anchored,
			button.down.anchored {
				bottom: 0;
				border-bottom: 0;
				border-radius: 3em 3em 0 0;
				height: 4.5em;
				margin-left: -2.5em;
			}

		input[type="button"].anchored,
		input[type="submit"].anchored,
		input[type="reset"].anchored,
		.button.anchored,
		button.anchored {
			position: absolute;

			left: 50%;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover,
		button:hover {
			background-color: #a8cea4;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.button:active,
		button:active {
			background-color: #88bc82;
		}

		input[type="button"].style2,
		input[type="submit"].style2,
		input[type="reset"].style2,
		.button.style2,
		button.style2 {
			background-color: transparent;
			border: solid 2px #e5e6e7;
			color: inherit;
		}

			input[type="button"].style2:hover,
			input[type="submit"].style2:hover,
			input[type="reset"].style2:hover,
			.button.style2:hover,
			button.style2:hover {
				background-color: rgba(229, 230, 231, 0.25);
			}

			input[type="button"].style2:active,
			input[type="submit"].style2:active,
			input[type="reset"].style2:active,
			.button.style2:active,
			button.style2:active {
				background-color: rgba(229, 230, 231, 0.375);
			}

			input[type="button"].style2.down,
			input[type="submit"].style2.down,
			input[type="reset"].style2.down,
			.button.style2.down,
			button.style2.down {
				background-image: url("images/arrow.svg");
			}

/* Form */

	.form_box{
		margin: 0 0 0 0;
display: flex;          /* 1 */
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
		width:1000px;
	}

	form {
		margin: 0 0 2em 0!important;
		width:100%;

	}

		form .field {
			margin: 0 0 1.5em 0!important;
			width:100%;

			
		}

			form .field.half {
				float:right!important;
				width: 48%;
				padding: 0 0 0 0!important;
			}

				form .field.half.first {
					float:left!important;
					padding: 0 0 0 0!important;
				}

		form > .actions {
			margin: 1.5em 0 0 0 !important;
			text-align:center;
		}
		form > .actions li{
			list-style:none;
		}



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

	.form_box{
		margin: 0 0 0 0;
display: flex;          /* 1 */
-webkit-justify-content: space-between; /* Safari */
justify-content:         space-between;
width:100%;
	}

	form {
		margin: 0 0 2em 0;
		width:100%;

	}

		form .field {
			margin: 0 0 20px 0;
			width:100%;

			
		}

			form .field.half {
				float:none;
				width: 100%;
				padding: 0 0 0 0;
			}

				form .field.half.first {
					float:none;
					padding: 0 0 0 0;
				}

		form > .actions {
			margin: 1.5em 0 0 0 !important;
			text-align:center;
		}
		form > .actions li{
			list-style:none;
		}

}


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


	.form_box{
margin: 0 0 0 0;
display: flex;          /* 1 */
-webkit-justify-content: space-between; /* Safari */
justify-content:         space-between;
width:100%;
	}

	form {
		margin: 0 0 0.5em 0;
		width:100%;

	}

		form .field {
			margin: 0 0 10px 0;
			width:100%;

			
		}

			form .field.half {
				float:none;
				width: 100%;
				padding: 0 0 0 0;
			}

				form .field.half.first {
					float:none;
					padding: 0 0 0 0;
				}

		form > .actions {
			margin: 1.0em 0 0 0 !important;
			text-align:center;
		}
		form > .actions li{
			list-style:none;
		}

}

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

			form .field.half {
				width: 100%;
				float: none;
				padding: 0;
			}

				form .field.half.first {
					padding: 0;
				}

		}

	label {
		display: block;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		color: #000000;
		display: block;
		width: 100%;
		padding: 0.65em 0.75em;
		background: none;
		border: solid 2px #666666;
		color: inherit;
		border-radius: 0.5em;
		outline: none;
		box-sizing:border-box;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
		box-sizing:border-box;
		border: dashed 2px #1e66b2;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select {
		line-height: 1.35em;
	}

	textarea {
		min-height: 8em;
	}

	::-moz-focus-inner {
		border: 0;
	}

	::-webkit-input-placeholder {
		opacity: 0.5;
	}

	:-moz-placeholder {
		opacity: 0.5;
	}

	::-moz-placeholder {
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		opacity: 0.5;
	}

	.formerize-placeholder {
		opacity: 0.5;
	}




a:link { text-decoration:none; color: #1e66b2;}
a:visited { text-decoration:none; color: #1e66b2;}
a:active { text-decoration:none; color: #1e66b2;}
a:hover { text-decoration:none; color: #1e66b2;}

p {
	padding: 0 0 30px 0;
}

h1 {
	top: 0;
	left: 10;
	padding: 3px 0 0px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	float:left;
}


h2 {


}

/* #container
--------------------------- */
#container {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
}


#container_2 {

}


/* .stageBase
--------------------------- */
.stageBase {
    display: flex;          /* 1 */
    justify-content: center;/* 2 */
    align-items: center;    /* 3 */

}
.fieldWrap {

}

			.stageBase .fieldWrap > .content {
			width: 1000px;
			min-height:100%;
			}

			.content {
			width: 1000px;
			min-height:100%;
			margin: 0px auto 0px auto;
			text-align: left;
			}
			

			.content_sub {
			width: 1000px;
			min-height:100%;
			margin: 50px auto 0px auto;
			text-align: left;
			}

			.content_sub .content_inside {
			width: 1000px;
			min-height:100%;
			margin: 50px auto 0px auto;
			text-align: left;
			}


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

			



}



		@media screen and (max-width: 1000px) {
		
.fieldWrap {
width:100%;

}		


.fieldWrap img{
width:100%;
height:auto;

}		
	
		
			.stageBase .fieldWrap > .content {
			width: 95%;
			min-height:100%;
			}

			.content {
			width: 95%;
			min-height:100%;
			margin: 0px auto 0px auto;
			text-align: left;

			}	
		
				.content img {
			width: 100%;
			height:auto;

			}		
		
		
			.content_sub {
			width: 95%;
			min-height:100%;
			margin: 50px auto 0px auto;
			text-align: left;
			}

			.content_sub .content_inside {
			width: 100%;
			min-height:100%;
			margin: 50px auto 0px auto;
			text-align: left;
			}
		
		}


			
#stage1 {
		width:100%;
		height:100%;
		overflow: hidden;
        background-size: 120%;
		margin:0px 0px 0px 0px;
		padding:0px 0@x 0px 0px;
}

#stage1_ {
		width:100%;
		height:100%;
		overflow: hidden;
		background: url("../../../img/overlay.png"), url("../../../img/intro.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;
}

#stage2 {background:#eee;}


#stage3 {
		width:100%;
		height:100%;
		overflow: hidden;
		background: url("../../../img/overlay.png"), url("../../../img/contact_back.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;
}


#stage4 {background:#fff;}


#stage4 p{
margin:0px auto 7px!important;
text-align:center!important;
padding:5px !important;
}


#stage5 {
		width:100%;
		height:100%;
		overflow: hidden;
		background: url("../../../img/overlay.png"), url("../../../img/contents_back.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;
}


/* #pageNav
--------------------------- */
#pageNav {
	top: 0;
	right: 25px;
	width: 15px;
	text-align: center;
	position: fixed;
	z-index: 2;
	display:none;
}
#pageNav ul {
	width: 15px;
	display: block;
}
#pageNav ul li {
	padding-bottom: 5px;
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
}
#pageNav ul li a {
	width: 15px;
	height: 15px;
	background: transparent url(../img/nav.png) no-repeat center center;
	display: block;
}
#pageNav ul li.activeStage a {
	background: transparent url(../img/nav_acv.png) no-repeat center center;
}

/* #pageNav
--------------------------- */
/* #pageNav {
	top: 0;
	right: 25px;
	width: 15px;
	text-align: center;
	position: fixed;
	z-index: 2;
}
#pageNav ul {
	width: 15px;
	display: block;
}
#pageNav ul li {
	padding-bottom: 5px;
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
}
#pageNav ul li a {
	width: 15px;
	height: 15px;
	background: transparent url(../img/nav.png) no-repeat center center;
	display: block;
}
#pageNav ul li.activeStage a {
	background: transparent url(../img/nav_acv.png) no-repeat center center;
}

/* #pageDown
--------------------------- */
/*#pageDown {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	text-align: center;
	position: fixed;
	overflow: hidden;
	z-index: 3;
}
#pageDown a {
	margin: 0 auto;
	width: 30px;
	height: 30px;
	background: transparent url(../img/next_arw.png) no-repeat center center;
	display: block;
}


/* #header
--------------------------- */

#header {
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		background: rgba(30,102,178, 0.5);
		height: 70px;
		line-height: 60px;
		box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);
		text-align:center;
	}




#header nav {
	right: 1em;
	top: 0;
	}
#nav {
  height: 60px;
  margin: 0px auto 0px auto;
  padding: 0;
  display: flex;
  width:1000px;
}


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



#header {
		position: fixed;
		z-index: 500;
		left: 0;
		top: 0;
		width: 100%;
		background: rgba(30,102,178, 0.5);
		height: 50px;
		line-height: 50px;
		box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);
		text-align:center;
	}
	
	h1 img{
	width:80%;
	height:auto;
	
	}
	
}


.bg-slider {
	width: 100vw;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}


/*
  Add ken burns effect to supersized
 */

.bg-slider img {
  -moz-animation: move 14s ease infinite;
  -webkit-animation: move 14s ease infinite;
  animation: move 14s ease infinite;
}

@-moz-keyframes move {
  from {
    -moz-transform: scale(1);
    transform: scale(1);
  }

  to {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes move {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes move {
  from {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

a.showf span.en{
display:inline;
transition: all 0.8s ease;
}
a.showf:hover span.en{
display:none;
transition: all 0.8s ease;
}
a.showf span.jp{
display:none;
transition: all 0.8s ease;
}
a.showf:hover span.jp{
display:inline;
transition: all 0.8s ease;
}

/* contents */

	#contents{
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
		background-color:#ffffff;
	}


	.contents_box{
		margin:0px auto 0px auto;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: space-around; /* Safari */
		justify-content:         space-around;
	
	}

	.contents_box _a{
		width:auto;
		height:auto;
		display:block;
		width:27%;
	}



.contents_box .contents_inside .c_black{
color:#000000!important;
}


.contents_box .contents_inside .c_white{
color:#ffffff!important;
}

.outline_box{
	width:80%;
	margin:10px auto 25px auto;
	text-align:left;
}

.outline_box li{
	overflow:hidden;
	border-top:solid 1px #666666;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	font-size:110%;
	line-height:250%;
	padding:0px 0px 0px 0px;
	background-color:#eeeeee;
	text-align:center;
}

.outline_box li:last-child{
	border-bottom:solid 1px #666666;
}

.outline_box li .outline_summary{
	float:right;
	width:70%;
	background-color:#ffffff;
	padding:0px 0px 0px 10px;
	border-left:solid 1px #666666;
	text-align:left;
}


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



	.contents_box{
		margin:0px auto 0px auto;
		display: inherit; /* Safari */
		display: inherit;
		-webkit-justify-content: space-around; /* Safari */
		justify-content:         space-around;
	
	}

	.contents_box _a{
		width:auto;
		height:auto;
		display:block;
		width:100%;
		margin:0px auto 20px auto;
	}


.contents_box .contents_inside .c_black{
color:#000000!important;
}


.contents_box .contents_inside .c_white{
color:#ffffff!important;
}

}


/* topics */
	
	
.topics_box{
	margin-left:3em;
	}
	
.topics_box li{
	overflow:hidden;
	margin:0em 0em 0.5em 0em;
	
	
	}	

	.topics_box li .news{
	background-color:#CC6600;
	color:#FFFFFF;
	padding:0em 1.0em;
	margin:0em 2em;
	}
	
	.topics_box li a{
		color:#000000!important;
		text-decoration:none;
		-moz-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		-webkit-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		-ms-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
	}

	.topics_box li a:hover{
	text-decoration: underline;
	color:#1e66b2!important;
	}
	

	.topics_box li .topics_date{
	width:15%;
	float:left;

	}
	.topics_box li .topics_text{
	margin-left:20px;
	float:left;

	}


.topics_box2{
	margin-left:3em;
	}
	
.topics_box2 li{
	overflow:hidden;
	margin:0em 0em 0.5em 5em;
	
	
	}	

	.topics_box2 li .news{
	background-color:#CC6600;
	color:#FFFFFF;
	padding:0em 1.0em;
	margin:0em 2em;
	}
	
	.topics_box2 li a{
		color:#000000!important;
		text-decoration:none;
		-moz-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		-webkit-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		-ms-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
	}

	.topics_box2 li a:hover{
	text-decoration: underline;
	color:#1e66b2!important;
	}		


	.topics_box2 li .topics_date{
	margin-left:20px;
	width:15%;
	float:left;

	}
	.topics_box2 li .topics_text{
	margin-left:20px;
	float:left;

	}

		@media screen and (max-width: 1000px) {
		
		
.topics_box{
	margin-left:0em;
	font-size:0.8em;
	}
	
.topics_box li{
	overflow:hidden;
	margin:0em 0em 0.3em 0em;
	line-height:1.5em;
	
	
	}	

	.topics_box li .news{
	background-color:#CC6600;
	color:#FFFFFF;
	padding:0em 0.5em;
	margin:0em 1em;
	}
	
.topics_box2{
	margin-left:0em;
	}
	
.topics_box2 li{
	overflow:hidden;
	margin:0em 0em 0.3em 0em;
	
	
	}	

	.topics_box2 li .news{
	background-color:#CC6600;
	color:#FFFFFF;
	padding:0em 0.5em;
	margin:0em 1em;
	}	
		
		}


.copyright{
	margin:30px auto 15px auto;
	width:100%;
	text-align:center;
	clear:both;
	bottom:0;
	position:absolute;

}

.copyright2{
	margin:30px auto 15px auto;
	width:100%;
	text-align:center;
	clear:both;
	bottom:0;

}



/*
  Add navi
 */

#header ul {
list-style: none;
top: 0;
margin: 0;
padding: 0;
text-align: center;
}
#header ul li,
#header ul li .ura {
width:170px;
}
#header ul {

}
#header ul li {
display: inline-block;
position: relative;
overflow: hidden;
}
#header ul .ura {
position: absolute;
top: 0;
margin: 0;
box-sizing: border-box;
}

#header ul a {
}

#header .type2 {
overflow: visible;
-webkit-perspective: 10000px;
perspective: 10000px;
}
#header .type2 .omote,
#header .type2 .ura {
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.7));
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.7));
}
#header .type2:hover .omote {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
#header .type2 .ura {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
#header .type2:hover .ura {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}



.dropshadow01 {
-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.5));
filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.5));
}

#loading{
position: absolute;
top: 40%;
left: 0;
right: 0;
bottom: 0;
margin:auto;
}
#loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
background: #fff;
z-index: 1000;
}



.navi_button {
  line-height: 32px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  text-align: center;
  color:#ffffff!important;
  font-size:1em;
  z-index:50;

}
.navi_button span {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.navi_button span::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  content: attr(data-hover);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.navi_button:hover span,
.navi_button:focus span {
  -webkit-transform: rotateX(90deg) translateY(-22px);
  -moz-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}
.navi_button:hover span::before,
.navi_button:focus span::before {
}



@media all and (-ms-high-contrast:none){

.navi_button {
  line-height: 24px;
  -webkit-perspective: 0px;
  -moz-perspective: 0px;
  perspective: 0px;
  text-align: left;
  color:#ffffff!important;
  font-size:1em;
  z-index:50;

}

.navi_button span {
  position: inherit;
  display: inline-block;
  padding: 0 10px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align:center!important;
}
.navi_button span::before {
  position: inherit;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  content: attr(data-ie);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.navi_button:hover span,
.navi_button:focus span {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
.navi_button:hover span::before,
.navi_button:focus span::before {
}
}


#footer {

margin-top:20px;
border-top:solid 1px #1e66b2;

}

.f_inside{
	width:1000px;
	margin:30px auto 30px auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;

}

.f_inside .f_logo{
	width:25%;
	text-align:center;
	padding:10px 0px;
}

.f_inside .f_corp{
	width:40%;
	padding:10px 0px;
	text-align:left;

}

.f_inside .f_corp .corp_name{
	font-size:1.4em;
	font-weight:500;
	margin-bottom:20px;

}

.f_inside .f_menu{
	width:35%;
	padding:10px 0px;
	list-style:none;
	text-align:left;
	overflow:hidden;
	display: inline-flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}

.f_inside .f_menu ul{
	width:50%;
	margin:0px 0px 0px 0px;
	padding:0px;

}
.f_inside .f_menu ul li{
	font-size:1em;
	list-style:none;
	letter-spacing:1px;
	padding-bottom:5px;
	transition-duration:0s;

}

.f_inside .f_menu ul li:hover{
	letter-spacing:1px;
	padding-bottom:5px;
	font-weight:900;

}

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

.f_inside{
	width:100%;
	margin:30px auto 30px auto;
	display: inherit; /* Safari */
	display: inherit;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;

}

.f_inside .f_logo{
	width:100%;
	text-align:center;
	padding:10px 0px;
}

.f_inside .f_logo img{
	width:auto;
	height:auto;
}

.f_inside .f_corp{
	width:100%;
	padding:10px 0px;
	text-align:center;

}

.f_inside .f_corp .corp_name{
	font-size:1.4em;
	font-weight:500;
	margin-bottom:20px;

}

.f_inside .f_menu{
	width:95%;
	margin:0px auto 0px auto;
	padding:10px 0px;
	list-style:none;
	text-align:left;
	overflow:hidden;
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}

.f_inside .f_menu ul{
	width:50%;
	margin:0px 0px 0px 0px;
	padding:0px;

}
.f_inside .f_menu ul li{
	display:block;
	font-size:1em;
	list-style:none;
	letter-spacing:1px;
	padding:0px 0px;
	transition-duration:0s;
	background-color:#FFFFFF;

}

.f_inside .f_menu ul li a{
	display:block;
	padding:10px 10px;

}

.f_inside .f_menu ul li a:hover{
	color:#ffffff!important;

}

.f_inside .f_menu ul li:hover{

	letter-spacing:1px;
	padding:0px 0px;
	font-weight:900;
	background-color:#0d5bac;
}

}


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

.f_inside{
	width:100%;
	margin:20px auto 20px auto;
	display: inherit; /* Safari */
	display: inherit;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;

}

.f_inside .f_logo{
	width:100%;
	text-align:center;
	padding:5px 0px 5px 0px;
}

.f_inside .f_logo img{
	width:auto;
	height:auto;
}

.f_inside .f_corp{
	width:100%;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:12px;

}

.f_inside .f_corp .corp_name{
	font-size:1.2em;
	font-weight:500;
	margin-bottom:15px;

}

.f_inside .f_menu{
	width:95%;
	margin:0px auto 0px auto;
	padding:5px 0px;
	list-style:none;
	text-align:left;
	overflow:hidden;
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}

.f_inside .f_menu ul{
	width:50%;
	margin:0px 0px 0px 0px;
	padding:0px;

}
.f_inside .f_menu ul li{
	display:block;
	font-size:1em;
	list-style:none;
	letter-spacing:1px;
	padding:0px 0px;
	transition-duration:0s;
	background-color:#FFFFFF;

}

.f_inside .f_menu ul li a{
	display:block;
	padding:5px 5px;

}

.f_inside .f_menu ul li a:hover{
	color:#ffffff!important;

}

.f_inside .f_menu ul li:hover{

	letter-spacing:1px;
	padding:0px 0px;
	font-weight:900;
	background-color:#0d5bac;
}

}


.centering_img{

margin:0px auto 25px auto;

}




.centering_box{

margin:25px auto 25px auto;
text-align:center;

}


.phone_call{
font-size:1.3em;
line-height:2.4em;


}


.phone_call .phone_number{
font-size:2.4em;
font-weight:900;

}

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


.phone_call{
font-size:1.0em;
line-height:1.8em;


}


.phone_call .phone_number{
font-size:1.8em;
font-weight:900;

}

.centering_box{

margin:10px auto 10px auto;
text-align:center;

}


}























.contents_block {
	width:20%;
	height:auto;
}
.contents_button {
	display:block;
	width:100%;
	height:420px;
	position:relative;
	overflow:hidden;	
}
.contents_button_img {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}
.contents_button_img span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.contents_button_title {
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px;
	position:absolute;
	top:50%;
	left:50%;
}
.contents_button_title div {
	width:100%;
	height:35px;
	margin:-18px 0 0 0;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
}
.contents_button_title div img,.contents_button_title div p {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.contents_button_title img {
	width:100% !important;
	height:auto;
	left:-4%;
}
.contents_button_title p {
	font-size:1.4em;
	font-weight:900;
	line-height:24px;
	letter-spacing:0.1em;
	text-indent:2px;
	left:0;
	top:25%;
	opacity:0;
}


.contents_button1 { color:#000000!important; }
.contents_button2 { color:#000000!important; }
.contents_button3 { color:#000000!important; }
.contents_button4 { color:#000000!important; }


.contents_button1 .contents_button_img { background-image:url("../../../img/button_back01.jpg"); }
.contents_button2 .contents_button_img { background-image:url("../../../img/button_back02.jpg"); }
.contents_button3 .contents_button_img { background-image:url("../../../img/button_back03.jpg"); }
.contents_button4 .contents_button_img { background-image:url("../../../img/button_back04.jpg"); }

/*CONTENTS_BUTTON*/
.contents_button_on .contents_button_img { animation:contents_button_on0 0.45s ease-in-out forwards; }
.contents_button_on .contents_button_title img { animation:contents_button_on1 0.3s ease-in-out forwards; }
.contents_button_on .contents_button_title p { animation:contents_button_on2 0.3s ease-in-out forwards; }
@keyframes contents_button_on0 {
	0% { transform:scale(1); }
	100% { transform:scale(1.05); }
}
@keyframes contents_button_on1 {
	0% { top:0; opacity:1; }
	100% { top:-25%; opacity:0; }
}
@keyframes contents_button_on2 {
	0% { top:25%; opacity:0; }
	100% { top:0; opacity:1; }
}
.contents_button_off .contents_button_img { animation:contents_button_off0 0.45s ease-in-out forwards; }
.contents_button_off .contents_button_title img { animation:contents_button_off1 0.3s ease-in-out forwards; }
.contents_button_off .contents_button_title p { animation:contents_button_off2 0.3s ease-in-out forwards; }
@keyframes contents_button_off0 {
	0% { transform:scale(1.05); }
	100% { transform:scale(1); }
}
@keyframes contents_button_off1 {
	0% { top:-25%; opacity:0; }
	100% { top:0; opacity:1; }
}
@keyframes contents_button_off2 {
	0% { top:0; opacity:1; }
	100% { top:25%; opacity:0; }
}




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



.contents_block {
	width:100%;
	height:auto;
	margin-bottom:25px;
}
.contents_button {
	display:block;
	width:100%;
	height:150px;
	position:relative;
	overflow:hidden;	
}
.contents_button_img {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}
.contents_button_img span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.contents_button_title {
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px;
	position:absolute;
	top:50%;
	left:50%;
}
.contents_button_title div {
	width:100%;
	height:35px;
	margin:-18px 0 0 0;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
}
.contents_button_title div img,.contents_button_title div p {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.contents_button_title img {
	width:100% !important;
	height:auto;
	left:-4%;
}
.contents_button_title p {
	font-size:1.4em;
	font-weight:900;
	line-height:24px;
	letter-spacing:0.1em;
	text-indent:2px;
	left:0;
	top:25%;
	opacity:0;
}


}



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



.contents_button {
	display:block;
	width:100%;
	height:80px;
	position:relative;
	overflow:hidden;	
}

}

.top_logo {
position:absolute;
top:0;
left:0;
transition: all 300ms 0.3s ease;

}




.top_logo:hover {
filter: gray;
-webkit-filter: grayscale(100%);
}


@-webkit-keyframes spin {
	0% {-webkit-transform: rotateY(0deg);}
	100% {-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotateY(0deg);}
	100% {-moz-transform: rotateY(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotateY(0deg);}
	100% {-ms-transform: rotateY(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotateY(0deg);}
	100% {-o-transform: rotateY(360deg);}
}
@keyframes spin {
	0% {transform: rotateY(0deg);}
	100% {transform: rotateY(360deg);}
}


@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
 
 


#navi{
	font-weight:900;
  letter-spacing:0.1em;

}

#menubar-s{

display:none;

}

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

#navi{
display:none;
}

/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	width:100%;
	position:fixed;
	display: block;
	z-index:8;
	top:70px;


}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;	/*左に回り込み*/
	width: 50%;		/*メニュー幅*/
	background-color:#fff;
	list-style:none;


}
#menubar-s li a {
	font-size:16px;
	display: block;
	text-decoration: none;
	text-align: center;	/*文字をセンタリング*/
	padding: 15px 0;	/*上下、左右へのメニュー内の余白*/
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
	border-right: 1px solid #dcdcdc;	/*右線の幅、線種、色*/

}
/*偶数番目のメニューの右側の線を消す*/
#menubar-s li:nth-child(even) a {
	border-right: none;
}


/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed;
	top: 10px;		/*上から28pxの場所に配置*/
	right: 5px;		/*右から2%の場所に配置*/
	width: 22px;	/*幅*/
	border: 1px solid #666;	/*枠線の幅、線種、色*/
	padding: 12px 9px 5px;	/*上、左右、下へのボックス内余白*/
	background: rgba(255,255,255, 0.5);
	z-index:1000;
	-webkit-transition: 0.3s!important;	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	transition: 0.3s!important;	
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #666;	/*枠線の幅、線種、色*/
	margin-bottom: 5px;			/*バー同士の余白*/
}

/*３本バーブロック*/
#menubar_hdr:hover {
	border: 1px solid #666;	/*枠線の幅、線種、色*/
		background: rgba(30,102,178, 0.5);
}

/*３本のバー（1本あたり）*/
#menubar_hdr:hover  span {
	display: block;
	border-top: 3px solid #666;	/*枠線の幅、線種、色*/
	margin-bottom: 5px;			/*バー同士の余白*/
}

/*３本バーブロック*/
#menubar_hdr:active {
	border: 1px solid #666;	/*枠線の幅、線種、色*/
		background: rgba(30,102,178, 0.5);
}


}

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



/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	width:100%;
	position:fixed;
	display: block;
	z-index:0;
	top:50px;


}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;	/*左に回り込み*/
	width: 50%;		/*メニュー幅*/
	background-color:#fff;
	list-style:none;


}
#menubar-s li a {
	font-size:16px;
	display: block;
	text-decoration: none;
	text-align: center;	/*文字をセンタリング*/
	padding: 15px 0;	/*上下、左右へのメニュー内の余白*/
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
	border-right: 1px solid #dcdcdc;	/*右線の幅、線種、色*/

}
/*偶数番目のメニューの右側の線を消す*/
#menubar-s li:nth-child(even) a {
	border-right: none;
}


/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed;
	top: 3px;		/*上から28pxの場所に配置*/
	right: 5px;		/*右から2%の場所に配置*/
	width: 22px;	/*幅*/
	border: 1px solid #666;	/*枠線の幅、線種、色*/
	padding: 12px 9px 5px;	/*上、左右、下へのボックス内余白*/
	background: rgba(255,255,255, 0.5);
	z-index:1000;
	-webkit-transition: 0.3s!important;	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	transition: 0.3s!important;	
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #666;	/*枠線の幅、線種、色*/
	margin-bottom: 5px;			/*バー同士の余白*/
}

/*３本バーブロック*/
#menubar_hdr:hover {
	border: 1px solid #666;	/*枠線の幅、線種、色*/
		background: rgba(30,102,178, 0.5);
}

/*３本のバー（1本あたり）*/
#menubar_hdr:hover  span {
	display: block;
	border-top: 3px solid #666;	/*枠線の幅、線種、色*/
	margin-bottom: 5px;			/*バー同士の余白*/
}

/*３本バーブロック*/
#menubar_hdr:active {
	border: 1px solid #666;	/*枠線の幅、線種、色*/
		background: rgba(30,102,178, 0.5);
}

.outline_box{
width:90%;
margin:10px auto 25px auto;
text-align:left;
}

.outline_box li{
overflow:hidden;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
font-size:100%;
line-height:150%;
padding:5px 0px 0px 0px;
background-color:#eeeeee;
text-align:left;
text-indent:10px;
}

.outline_box li:last-child{
border-bottom:solid 1px #666666;
}

.outline_box li .outline_summary{
float:none;
width:auto;
background-color:#ffffff;
border-top:solid 1px #666666;
padding:10px 10px 10px 10px;
border-left:none;
text-align:left;
text-indent:0px;
font-size:100%;
margin-top:5px;
}



.topimg_sub{
margin-top:50px;


}
}

.business_title{
font-size:1.1em;
color:#1e66b2;
line-height:1.75em;
margin-bottom:15px;
letter-spacing:0.2em;
font-weight:900;

}

.entry-content{
	min-height:400px;


}
.topimg_sub img{
width:100%;
height:auto;

}

.map_button{
	padding:1px 5px;
	color:#FFFFFF!important;
	background-color:#1e66b2;
	font-size:12px;
	font-weight:900;
	margin-left:10px;
	border:solid 1px #1e66b2;
	}

.map_button:hover{
	color:#1e66b2!important;
	background-color:#ffffff;
}

.buttonbox{
	width:100%;
	margin:0px auto 50px;
	text-align:center;



}

.big_button{
	margin:20px auto;
	padding:10px 5px;
	color:#FFFFFF!important;
	background-color:#1e66b2;
	font-size:15px;
	font-weight:900;
	margin-left:10px;
	border:solid 1px #1e66b2;
	text-align:center;
	width:75%;
	display: inline-block;
	}

.big_button:hover{
	color:#1e66b2!important;
	background-color:#ffffff;
}

.topic_box{
text-align:center;
margin:20px auto;
width:80%;
}



.topic_box img{
	width:100%;
	height:auto;
}

.sitemap{



}

.sitemap li{
	overflow:hidden;
	margin:0em 0em 2em 0em;


}

.sitemap li a{

		color:#000000!important;
		text-decoration:none;
		-moz-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		-webkit-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		-ms-transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;
		transition: font-weight 0.2s ease-in-out , color 0.2s ease-in-out;

}

.sitemap li a:hover{
	text-decoration: underline;
	color:#1e66b2!important;



}

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


.topic_box{
text-align:center;
margin:20px auto;
width:90%;
}



.topic_box img{
	width:100%;
	height:auto;
}


}