@charset "utf-8";

html,body {
    height:100%;
	font-size: 0.9em;
}

a{
	text-decoration: none;
}

.cell {
	/*display:table-cell;*/ /*20240822削除*/
	vertical-align:middle;
}

/* Header
----------------------------------------------- */
#header{
	width:100%;
	position:relative;
	z-index:10;
}
#headerBox {
	position:absolute;
	width:100%;
	top:calc(30%);
	-webkit-transform: translate3d(0,-30%,0);
	transform: translate3d(0,-30%,0);
	overflow:hidden;
	backface-visibility:hidden;
}
#headerBox > #hello {
	position:relative;
	text-align:center;
}
#headerBox > .bxslider li {
	text-align:center;
}
#logo {
	width: 100%;
	max-width: 550px; 
	margin: 0 auto;
	position: relative;
}
#headerBox .bxslider img {
	max-width:100%;
	width:auto;
	height:auto;
}
#headerBox .bx-wrapper {
	background:none;
	border:none;
	box-shadow:none;
	margin:0 auto;
}

/* Navigation [BASE]
----------------------------------------------- */
#headNav {
	z-index:100;
	width:100%;
	transition:all 0.3s;
}
#headNav > h1 {
	position:relative;
	float:left;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	transition:all 0.4s;
}
#headNav > h1 a {
	position:relative;
	display:block;
	text-decoration:none;
	height:100%;
}
#headNav > .snsIcons {
	float:right;
	display:table;
	height:50px;
}
#headNav > .snsIcons ul {
	display:table-cell;
	vertical-align:middle;
}
#headNav > .snsIcons li {
	display:inline-block;
	text-align:center;
	padding:0 0.5em;
}


/* Navigation [TOGGLE MENU]
----------------------------------------------- */
.toggleMenu {
	float:right;
	cursor:pointer;
}
.toggleMenu > .text {
	font-weight:400;
	position:relative;
	right: 35px;
	width:36px; /*20240822追加*/
}
.toggleMenu > .text > .enclose {
	position:relative;
	color:#000;
	height:18px;
	width:5em;
	overflow:hidden;
}
.toggleMenu .bill {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	transition:all 0.3s;
	line-height:18px;
	text-align:center;
	opacity:0;
}
.toggleMenu .closing {
	top:0;
	left:0;
	right:0;
	opacity:1;
}
.toggleMenu .opening {
	top:15px;
}
.toggleMenu.open .opening {
	top:15px;
	opacity:1;
}
.toggleMenu.open .closing {
	display: none;
}
.toggleMenu.open .bill {
	color:#000;
	-webkit-transform:translate(0,-15px);
	transform:translate(0,-15px);
}
.toggleMenu .closing {
	top:0;
	right:0;
	opacity:1;
}
.toggleMenu .opening {
	top:15px;
	right:0;
}


/* Navigation [TOGGLE MENU navBar]
----------------------------------------------- */
.toggleMenu .navBar {
	position:relative;
	display:block;
	background:#ff96a2;
	height:2px;
	width:40px;
	margin:7px auto;
	transition:all 0.3s;
}
.toggleMenu.open #navBar01 {
	top:9px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.toggleMenu.open #navBar02 {
	opacity:0;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.toggleMenu.open #navBar03 {
	bottom:9px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}


/* Navigation [TOGGLE MENU sq]
----------------------------------------------- */
.toggleMenu > .icon {
	width:24px;
	height:24px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.toggleMenu > .icon > .enclose {
	width:100%;
	height:100%;
}
.toggleMenu .sq {
	display:block;
	position:absolute;
	transition:all 0.3s;
	height:10px;
	width:10px;
	background:#000;
	box-sizing:content-box;
}
.toggleMenu .sq_lt {
	top:0;
	left:0;
}
.toggleMenu .sq_rt {
	top:0;
	right:0;
}
.toggleMenu .sq_lb {
	bottom:0;
	left:0;
}
.toggleMenu .sq_rb {
	bottom:0;
	right:0;
}
.toggleMenu.open .sq_lt {
	-webkit-transform:translate(7px,7px);
	transform:translate(7px,7px);
}
.toggleMenu.open .sq_rt {
	-webkit-transform:translate(-7px,7px);
	transform:translate(-7px,7px);
}
.toggleMenu.open .sq_lb {
	-webkit-transform:translate(7px,-7px);
	transform:translate(7px,-7px);
}
.toggleMenu.open .sq_rb {
	-webkit-transform:translate(-7px,-7px);
	transform:translate(-7px,-7px);
}


/* Navigation [OPNE/CLOSE]
----------------------------------------------- */
#navBar.open {
	height:100%;
	background:#0D131E;
	background:rgba(13,19,30,0.8);
}
#navBar.open #gloNav {
	visibility:visible;
	display:table-cell;
	vertical-align:middle;
}
#navBar.open #headNav > h1 {
	opacity:1;
}
#navBar.open #headNav > .sendmail,
#navBar.open #headNav > .pushcall {
	display:block;
}
#navBar.open > #navBox {
	opacity:1;
	z-index:50;
}

#gloNav.closing {
	transition:all 0.5s;
	opacity:0;
}
@media screen and (min-width:768px) {
	#navBar.open #gloNav {
		top:50px;
	}
}
@media screen and (min-width:768px) and (max-width:980px) {
	* {margin:0; padding:0; float:none;}
	#gloNav li#iconArea {display:none;}
}
@media screen and (max-width:768px) {	
	#gloNav li {
		display:block;
		margin:0 auto;
	}
	#gloNav li#iconArea {display:block;}
	
	#crumbs {
		padding:0 1.5em;
	}
}
@media screen and (max-width:767px) {
	#headNav {
		padding:0;
	}
	#pageTop {
		margin-top:50px;
	}
	#secondary {
		padding:0 1em;
	}

	/* Navigation
	----------------------------------------------- */
	#navBar.open #gloNav {
		top:20px;
	}
}