.view_pc {
	display: none;
}
.view_sp {
	display: block;
}

/****************************
  header
*****************************/

#header {
	height: 50px;
	position: relative;
}

div.inner {
	display: block;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 50px;
	top:  0px;
	left: 0px;
	margin:  0;
	padding: 0;
}

#header > div.wrapper_header {
	position: absolute;
	z-index: 200;
	height: 50px;
	top:  0px;
	left: 0px;
	border: none;
}
#header > div.wrapper_header > #header_logo, 
#header > div.wrapper_header > #header_tel {
	vertical-align: middle;
}

img#header_logo_m {
	position: absolute;
	top: 6px;
	left: 10px;
	width:  38px;
	height: initial;
}
img#header_logo_t {
	position: absolute;
	top: 14px;
	left: 57px;
	width:  272px;
	height: 23px;
}

@media (max-width: 400px) {
	img#header_logo_t {
		top: 15px;
		width: 30px;
		height: initial;
	}
}
@media (max-width: 320px) {
	img#header_logo_m {
		top: 9px;
		width: 34px;
	}
	img#header_logo_t {
		top: 17px;
		left: 50px;
		width: 210px;
	}
}

#header > div.wrapper_header > #header_tel {
	display: none;
}

#global_nav {
	position: absolute;
	z-index: 100;
	top: -600px;
	left: 0px;
	right: 0px;
	width: 100%;
	padding: 0;
	background-color: #333;
	text-align: center;
	transition: .5s ease-in-out;
}

#global_nav > ul > li {
	display: block;
	width: 100%;
	border-top: 1px solid #fff;
}
#global_nav > ul > li > a {
	width: 100%;
	margin:  0;
	padding: 1em 1.5em;
	border-left: none;
	line-height: 1;
}
#global_nav > ul > li > a:hover, 
#global_nav > ul > li > a.active {
	background-color: #3c3c3c;
	background: linear-gradient(to bottom, #393939,#3d3d3d);
	color: #fff;
}
#global_nav > ul > li > a.active {
	color: #999;
}
#global_nav > ul > li > a.active:after {
	display: none;
}

#nav-toggle {
	display: block;
	position: absolute;
	z-index: 300;
	top:    12px;
	right:  15px;
	width:  34px;
	height: 36px;
	cursor: pointer;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: #fff;
	left: 0;
	transition: .2s;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}

.open #nav-toggle span:nth-child(1) {
	top: 11px;
	transform: rotate(225deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	transform: rotate(-225deg);
}

.open #global_nav {
	top: 50px;
}

/****************************
  scroll
*****************************/

.fixed #global_nav {
	position: static;
}

/****************************
  footer
*****************************/

#footer > .wrapper_footer .footer_table {
	display: block;
	width: 100%;
}
#footer > .wrapper_footer .footer_table .footer_left {
	display: block;
}
#footer > .wrapper_footer .footer_table .footer_right {
	display: block;
	padding-top: 10px;
}

/****************************
  home
*****************************/

#visual_top div > span {
	top: 30%;
}

#visual_top div > span > b, 
#visual_top div > span > i {
	padding-right: 10px;
	padding-left:  10px;
	font-size: 24px;
	line-height: 1.5;
}
#visual_top div > span > b > span, 
#visual_top div > span > i > span {
	display: block;
}

.slick-prev {
	display: none;
}
.slick-next {
	display: none;
}
.slick-dots {
	bottom: 20px;
}

/****************************
  effect
*****************************/

.effect_slide_left {
	transform: translate(0, 0);
}

.effect .effect_each, 
.effect_scroll .effect_scroll_each {
	transition: all .4s ease-out 0s;
}
.effect .effect_each.delay1, 
.effect_scroll .effect_scroll_each.delay1 {
	transition-delay: 0.2s;
}
.effect .effect_each.delay2, 
.effect_scroll .effect_scroll_each.delay2 {
	transition-delay: 0.4s;
}
.effect .effect_each.delay3, 
.effect_scroll .effect_scroll_each.delay3 {
	transition-delay: 0.6s;
}
.effect .effect_each.delay4, 
.effect_scroll .effect_scroll_each.delay4 {
	transition-delay: 0.8s;
}
.effect .effect_each.delay5, 
.effect_scroll .effect_scroll_each.delay5 {
	transition-delay: 1.0s;
}
.effect .effect_each.delay6, 
.effect_scroll .effect_scroll_each.delay6 {
	transition-delay: 1.2s;
}

/****************************
  profile
*****************************/

p.p_profile_header1 {
	text-align: left;
}

h1.h1_profile {
	text-align: left;
	padding: .5em 0;
	font-size: 2.4em;
}

p.p_profile_header2 {
	text-align: left;
}

#nav_profile > ul {
	padding: 0 5px;
}
#nav_profile ul > li a {
	padding: 8px 10px;
}

/****************************
  profile policy
*****************************/

#wrapper_profile_policy {
	width:  initial;
	height: initial;
	margin:  30px auto 0;
	padding: 0;
	background: none;
	position: static;
}

h3.h3_profile_policy {
	position: static;
	padding: 1em 0 0;
	text-align: left;
	font-size: 1.8em;
}

#profile_policy1, 
#profile_policy2, 
#profile_policy3 {
	position: static;
	width: initial;
}

h4.h4_profile_policy {
	margin:  0;
	padding: 1.5em 0 0;
	text-align: left;
	font-size: 1.1em;
	line-height: 1;
}
p.p_profile_policy2 {
	margin:  0;
	padding: .7em 0 0;
	text-align: justify;
	font-size: 1em;
	line-height: 1.4;
}

/****************************
  profile greeting
*****************************/

.wrapper_profile_greeting {
	display: block;
}
.wrapper_profile_greeting > div {
	display: block;
}
.profile_greeting_text {
	width: 100%;
	padding: 0;
}
.profile_greeting_img {
	width: 100%;
	padding: 30px 0 0;
}

/****************************
  profile profile
*****************************/

.wrapper_profile_profile {
	display: block;
}
.wrapper_profile_profile > div {
	display: block;
}

.profile_profile_text.pb {
	margin-top: -40px;
}

.profile_profile_img {
	width: 100%;
	padding: 0 0 30px;
}

table.table_profile_profile th {
	padding-right: 1em;
}
table.table_profile_profile th, 
table.table_profile_profile td {
	font-size: .9em;
}