@charset "UTF-8";

/* reset */
@import url(reset.css);

/* web font*/
@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css);


/* desktop / mobile --------------------------------------------------------------- */
.dsk {
	display: block;
	}

.mob {
	display: none;
	}
	
	
@media(max-width: 768px){
	.dsk {
		display: none !important;
		}
	
	.mob {
		display: block !important;
		}
	}



/* a --------------------------------------------------------------- */
a, .fade {
	transition: all 0.5s ease;
	}
	
	a:hover, .fade:hover {
		opacity: 0.5;
		}
	
	a.non:hover {
		opacity: 1;
		}



/* body --------------------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
	}

body {
	word-wrap: break-word;
	}

body,
a,
input,
select,
textarea,
submit {
	color: #333333;
	font-size: 16px;
	line-height: 1;
	font-family: 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	/*font-family: 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;*/
	-webkit-text-size-adjust: 100%;
	}
	
input,
select,
textarea,
submit {
	border: 0;
	box-sizing: border-box;
	}

@media(max-width: 768px){
	body,
	a,
	input,
	select,
	textarea,
	submit {
		font-size: 14px;
		}
	}


/* scrTop / scrLeft / scrRight --------------------------------------------------------------- */
.scrTop,
.scrLeft,
.scrRight {
	opacity: 0;
	transition : all 750ms;
	}

.scrTop {
	transform : translate(0, 50px);
	}

.scrLeft {
	transform : translate(-100%, 0);
	}

.scrRight {
	transform : translate(100%, 0);
	}
	
	.scrTop.scrin,
	.scrLeft.scrin,
	.scrRight.scrin {
		opacity: 1;
		transform : translate(0, 0);
		}
		
		
		
/* header --------------------------------------------------------------- */
#header,
#header #header-move {
	width: 100%;
	height: 80px;
	}
	
#header {
	z-index: 99;
	}

	#header #header-move {
		background-color: #0071bd;
		}
	
		#header #header-move #header-inner {
			width: 94%;
			margin: 0 auto;
			overflow: hidden;
			}
			
			#header #header-move #header-inner p,
			#header #header-move #header-inner ul {
				padding: 15px 0;
				vertical-align: middle;
				}
				
			#header #header-move #header-inner p {
				float: left;
				width: 84px;
				}
			
				#header #header-move #header-inner p a,
				#header #header-move #header-inner p a img {
					width: 100%;
					}
		
			#header #header-move #header-inner ul {
				clear: none;
				float: right;
				}
			
				#header #header-move #header-inner ul li {
					float: left;
					margin-left: 50px;
					}
				
					#header #header-move #header-inner ul li a {
						font-size: 16px;
						color: #ffffff;
						letter-spacing: 1px;
						padding: 17px 0;
						font-weight: bold;
						}

@media(max-width:768px){
	#header {
		display: none;
		}
	}
	
	
	
/* mobile-nav --------------------------------------------------------------- */
#mobile-nav {
	display: none;
	}

@media(max-width:768px){
	#mobile-nav {
		display: block;
		width: 100%;
		height: 60px;
		left: 0;
		top: 0;
		
		background-color: #0071bd;
		}
	
	#mobile-nav,
	#mobile-nav p {
		position: fixed;
		z-index: 99;
		}
	
		#mobile-nav p {
			width: 68px;
			left: 5%;
			top: 10px;
			}
		
			#mobile-nav p a,
			#mobile-nav p a img {
				width: 100%;
				}
		
		#mobile-nav #mobile-nav-menu {
			width: 100%;
			height: 60px;
			position: relative;
			}
		
			#mobile-nav #mobile-nav-menu .close,
			#mobile-nav #mobile-nav-menu .open {
				width: 60px;
				height: 60px;
				cursor: pointer;
				
				background-repeat: no-repeat, repeat;
				position: absolute;
				right: 5%;
				top: 0;
				}
	
			#mobile-nav #mobile-nav-menu .close {
				background-image: url(../../img/common/mobile_nav_close.png);
				}
			
			#mobile-nav #mobile-nav-menu .open {
				background-color: #0071bd;
				background-image: url(../../img/common/mobile_nav_open.png);
				}
	
		#mobile-nav ul {
			width: 100%;
			background-color: #0071bd;
			position: absolute;
			left: 100%;
			top: 60px;
			}
			
		#mobile-nav ul li {
			}
		
			#mobile-nav ul li a {
				color: #ffffff;
				padding: 20px 0 20px 5%;
				border-top: solid 1px;
				border-color: #00375e !important;
				}
	}
	
	
		
/* wrapper --------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}
	
@media(max-width:768px){
	}
	
	
	
/* body#under h1 --------------------------------------------------------------- */
body#under h1 {
	margin-bottom: 50px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
	text-align: center;
	}

@media(max-width: 768px){
	body#under h1 {
		margin-bottom: 0;
		font-size: 28px;
		}
	}



/* span.eng --------------------------------------------------------------- */
span.eng {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
	text-align: center;
	border-bottom: solid 1px;
	display: inline-block;
	margin-bottom: 10px;
	}
	
@media(max-width: 768px){
	span.eng {
		font-size: 13px;
		}
	}
	
	
				
/* footer --------------------------------------------------------------- */
#footer {
	margin: 0 auto;
	padding: 50px 0 30px 0;
	color: #ffffff;
	background-color: #222222;
	}
	
	#footer #footerInner {
		width: 94%;
		margin: 0 auto;
		}
	
		#footer #footerInner dl {
			width: 100%;
			display: table;
			margin: 0 auto;
			}
		
			#footer #footerInner dl dt,
			#footer #footerInner dl dd {
				display: table-cell;
				vertical-align: top;
				}
			
			#footer #footerInner dl dt {
				width: 400px;
				}
				
				#footer #footerInner dl dt a {
					display: inline-block;
					}
					
					#footer #footerInner dl dt a img {
						height: 50px;
						}
				
				#footer #footerInner dl dt p {
					margin-top: 10px;
					font-size: 12px;
					line-height: 1.5;
					}
			
			#footer #footerInner dl dd {
				text-align: right;
				padding-top: 15px;
				position: relative;
				}
				
				#footer #footerInner dl dd a {
					color: #ffffff;
					display: inline-block;
					margin-left: 30px;
					}
				
				#footer #footerInner dl dd p {
					font-size: 10px;
					position: absolute;
					right: 0;
					bottom: 0;
					}

@media(max-width:768px){
	#footer {
		padding: 20px 0 0 0;
		}
		
		#footer #footerInner {
			width: 90%;
			margin: 0 auto;
			}
		
			#footer #footerInner dl {
				display: block;
				}
			
				#footer #footerInner dl dt,
				#footer #footerInner dl dd {
					display: block;
					}
				
				#footer #footerInner dl dt {
					width: 100%;
					}
						
						#footer #footerInner dl dt a img {
							height: 40px;
							}
					
					#footer #footerInner dl dt p {
						margin-top: 10px;
						font-size: 12px;
						line-height: 1.5;
						}
				
				#footer #footerInner dl dd {
					width: 100%;
					text-align: left;
					padding: 15px 0;
					}
					
					#footer #footerInner dl dd a {
						display: block;
						margin: 0 0 10px 0;
						}
					
					#footer #footerInner dl dd p {
						position: static;
						text-align: center;
						margin-top: 20px;
						}
	}

	
	
/* pagetop --------------------------------------------------------------- */
#pagetop {
	display: none;
	width: 50px;
	height: 50px;
	background-image: url(../../img/common/voice_bg.png);
	background-size: 100% auto;
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 10;
	}
		
	#pagetop a,
	#pagetop a img {
		width: 100%;
		}

@media(max-width:768px){
	#pagetop {
		right: 5px;
		bottom: 5px;
		}
	}



/* loading --------------------------------------------------------------- */
#loading {
	width: 100%;
	height: 100vh;
	z-index: 99999;
	background-color: #ffffff;
	background-image: url(../../img/common/loader.gif);
	background-position: center center;
	background-size: 100px auto;
	position: fixed;
	left: 0;
	top: 0;
	}

@media(max-width:768px){
	}