@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
	tb
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/

html {
	font-size: 50%;
}

html p,
html li,
html a {
    font-size: 1.7rem;
}

.inner {
	width: 100%;
	padding: 0 15px;
}

.parallax_title .h2box .inner {
	padding: 20px 15px;
}

#menu > li {
	padding: 28px 2px;
}

#menu > li a {
	font-size: 14px;
	font-size: 1.4rem;
}

.hasbg > .box {
	padding: 15px;
}


.nblock ul li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
}

.title_set01 .h2box h2:before {
	width: 40px;
	height: 8px;
	bottom: -10px;
}

.title_set03 h2:before {
	width: 18px;
	height: 18px;
}

.title_set03 h5:after {
	top: .5em;
}

.cardlist_box ul li:before {
	top: 20px;
	left: 0.6em;
}
/*
****************************************
----------------------------------------
------- mv
----------------------------------------
****************************************
*/

/*
****************************************
----------------------------------------
------- linkbox
----------------------------------------
****************************************
*/

.linkbox.btn01 span:before,
.linkbox.btn01 span:after,
.linkbox.btn01 a:before,
.linkbox.btn01 a:after {
	top: 17px;
	width: 6px;
	height: 6px;
}

.linkbox.btn03 span:before,
.linkbox.btn03 a:before {
	top: 14px;
	border-width: 4px 0 4px 6px;
}

.linkbox.btn04 span:before,
.linkbox.btn04 a:before {
	top: 15px;
	right: 10px;
	width: 6px;
	height: 6px;
}
/*
****************************************
----------------------------------------
------- top_button
----------------------------------------
****************************************
*/

#top_button a {
	width: 40px;
	height: 40px;
}

#top_button a:before,
#top_button a:after {
	top: 11px;
	width: 5px;
	height: 16px;
}

#top_button a:before {
	left: 13px;
}

#top_button a:after {
	right: 13px;
}

/*
****************************************
----------------------------------------
------- tanabe-mens
----------------------------------------
****************************************
*/

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
head_top
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/

.head_top .inner {
	overflow: hidden;
	padding: 15px;
}

header {
	height: 48px;
}

#menu > li {
	padding: 18px 5px;
}

#menu > li:before {
	top: 24px;
	left: 0px;
}

#menu > li:first-of-type:before {
	top: 24px;
	left: 0;
}

#menu > li:last-of-type:after {
	top: 24px;
	right: 0px;
}

nav #menu > li > .sub-menu {
	top: 54px;
}

nav #menu > li > .sub-menu-title span:before {
	top: 16px;
}

nav #menu > li > .sub-menu-title span:after {
	top: 15px;
}

.bnr_link .tel:before {
	top: 2px;
}

#fixed_side {
	width: 70px;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
button
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.linkbox.btn04 a:before {
	top: 1.2em;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
breadcrumbs
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.breadcrumbs > span:before {
	right: 2px;
	top: 50%;
	margin-top: 0px;
	margin-right: 7px;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	content: '';
	border-width: 1px 1px 0 0;
	border-style: solid;
}