@charset "UTF-8";
/*==================================================
 LAYOUT RESPONSIVE CSS
==================================================*/

/* タブレットサイズ */
@media screen and (max-width: 1024px) {
	
}

/* スマホサイズ */
@media screen and (max-width: 640px) {
	
.pc {
	display: none;
	}
.sp {
	display: block;
	}
	
p, div, address, h1, h2, h3, h4, h5, h6 {
	font-size: 20px;
	}
	
#container {}
#container_wrap {}
	
	#header {}
		#header_wrap {
			width: auto;
			}
			
		#header h1 {
			width: 50%;
			}
			#header h1 a {
				display: inline-block;
				padding: 0px 0px 0px 10px;
				}
			
		#header .head_01 {
			width: 40%;
			}
		#header .head_01_wrap {
			padding: 0px 20px 0px 0px;
			}
			
	#g_navi {
		}
		#g_navi_fixed {
			min-height: 60px;
			}
		#g_navi_wrap {
			display: none;
			}
		#g_navi ul {
			width: auto;
			padding: 50px 0px 0px 0px;
			}
			#g_navi ul li {
				float: none;
				display: block;
				height: auto;
				}
				#g_navi ul li a  {}
					
				#g_navi ul li.g_navi_01 {
					width: auto;
					}
					#g_navi ul li.g_navi_01 a {
						background: url(../img/layout/g_navi/g_navi_sp_01.png) no-repeat center center;
						}
						
				#g_navi ul li.g_navi_02 {
					width: auto;
					}
					#g_navi ul li.g_navi_02 a {
						background: url(../img/layout/g_navi/g_navi_sp_02.png) no-repeat center center;
						}
						
				#g_navi ul li.g_navi_03 {
					width: auto;
					}
					#g_navi ul li.g_navi_03 a {
						background: url(../img/layout/g_navi/g_navi_sp_03.png) no-repeat center center;
						}
						
				#g_navi ul li.g_navi_04 {
					width: auto;
					}
					#g_navi ul li.g_navi_04 a {
						background: url(../img/layout/g_navi/g_navi_sp_04.png) no-repeat center center;
						}
						
				#g_navi ul li.g_navi_05 {
					width: auto;
					}
					#g_navi ul li.g_navi_05 a {
						background: url(../img/layout/g_navi/g_navi_sp_05.png) no-repeat center center;
						}
						
				#g_navi ul li.g_navi_06 {
					width: auto;
					}
					#g_navi ul li.g_navi_06 a {
						background: url(../img/layout/g_navi/g_navi_sp_06.png) no-repeat center center;
						}

	#g_navi_toggle {
		display: block;
		float: right;
		position: relative;
		z-index: 999;
		cursor: pointer;
		}
		
	#g_navi_toggle_wrap {
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
		z-index: 101;
		}
		#g_navi_toggle_wrap div {
			position: relative;
			width: 40px;
			height: 40px;
			}
			#g_navi_toggle_wrap span {
				display: block;
				position: absolute;
				height: 6px;
				width: 100%;
				background: #FFFFFF;
				left: 0;
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out;
				}
				#g_navi_toggle_wrap span:nth-child(1) {
					top: 0;
					}
				#g_navi_toggle_wrap span:nth-child(2) {
					top: 12px;
					}
				#g_navi_toggle_wrap span:nth-child(3) {
					top: 24px;
					}
					
				.open #g_navi_toggle_wrap span:nth-child(1) {
					top: 11px;
					-webkit-transform: rotate(315deg);
					-moz-transform: rotate(315deg);
					transform: rotate(315deg);
					}
				.open #g_navi_toggle_wrap span:nth-child(2) {
					width: 0px;
					left: 50%;
					}
				.open #g_navi_toggle_wrap span:nth-child(3) {
					top: 11px;
					-webkit-transform: rotate(-315deg);
					-moz-transform: rotate(-315deg);
					transform: rotate(-315deg);
					}

					
	#keyvisual {}
	#keyvisual_wrap {}

	#content {}
		#content_wrap {}

			#page {
				}
			#page_wrap {}
			
			#side {}
			#side_wrap {}
			
	#footer {}
		#footer_wrap {}
			
		#footer .foot_01 {}
		#footer .foot_01_wrap {
			width: auto;
			}
			
			#page_top {
				width: 100%;
				}
				#page_top a {
					margin: 0px 10px 0px 0px;
					}
			
			#footer .foot_01_left {
				float: none;
				width: auto;
				margin: 0px 0px 50px 0px;
				}
				
				#footer .f_logo_01 {
					padding: 0px 0px 25px 0px;
					}
					
				#footer .f_txt_01 {}
				
			#footer .foot_01_right {
				float: none;
				width: auto;
				}
				#footer .foot_01_right * {
					text-align: center;
					}
		
		#footer .foot_02 {}
		#footer .foot_02_wrap {
			width: auto;
			}
			
			#footer .f_navi_01 {}
				#footer .f_navi_01 ul {}
					#footer .f_navi_01 ul li {
						float: none;
						display: block;
						padding: 0px 20px;
						}
						#footer .f_navi_01 ul li a {
							display: block;
							}
		
		#footer .foot_03 {}
		#footer .foot_03_wrap {
			width: auto;
			}

			#footer .foot_03_left {
				float: none;
				width: auto;
				}
				
				#footer .f_logo_02 {}
					#footer .f_logo_02 .f_logo_02_left {
						float: none;
						width: auto;
						text-align: center;
						}
					#footer .f_logo_02 .f_logo_02_right {
						margin: 0px 0px 0px 0px;
						}
						#footer .f_logo_02 .f_logo_02_right * {
							text-align: center;
							}
						#footer .f_logo_02 .f_logo_02_right h3 {}
						#footer .f_logo_02 .f_logo_02_right address {}
				
			#footer .foot_03_right {
				float: none;
				width: auto;
				}
				
				#footer .f_navi_02 {}
					#footer .f_navi_02 ul {
						text-align: center;
						}
						#footer .f_navi_02 ul li {}
							#footer .f_navi_02 ul li a {
								padding: 10px 15px;
								}

}