@charset "UTF-8";

/*@font-face {
	font-family: "mplus-2c-regular";
	src: url("../fonts/mplus-2c-regular.woff2") format("woff2"),
		url("../fonts/mplus-2c-regular.woff") format("woff"),
		url("../fonts/mplus-2c-regular.ttf") format("truetype");
}*/
@font-face {
	font-family: "LogoTypeGothic";
	src: url("../fonts/07LogoTypeGothic7_light.woff2") format("woff2");
/*	src: url("../fonts/07LogoTypeGothic7_light.woff2") format("woff2"),
		url("../fonts/07LogoTypeGothic7_light.woff") format("woff"),
		url("../fonts/07LogoTypeGothic7_light.otf") format("opentype");*/
	font-display: swap;
}



/*////////////////////////////////
	全体
////////////////////////////////*/

html, body {
	width: 100%;
}
body {
	color: #151b00;
	font-size: 1em;
	font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
/*	font-family:"mplus-2c-regular", sans-serif;*/
letter-spacing: 2px;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	padding-left: 22px;
	padding-right: 22px;
	box-sizing: border-box;
}
header, nav, section, footer, small {
	display: block;
}
li {
	list-style: none;
}
p,ul, ol {
	margin: 0;
	padding: 0;
}
header, h1, h2, h3, h4, h5, h6, .accent, .sub_span {
	font-family: "LogoTypeGothic", sans-serif;
/*	font-family: "LogoTypeGothic", "mplus-2c-regular", sans-serif;*/
	margin: 0;
}
h2 {
	padding-bottom: 50px;
}
h3 {
	border-bottom: 1px solid #bbbcb6;
	font-size: 1.2em;
}
h3 span {
	display: inline-block;
	padding: 5px 10px;
	border-right: 1px solid #bbbcb6;
}
.liquid_img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
a, a:hover {
	text-decoration: none;
}
.hover_color a,
.hover_opacity05 a,
.hover_opacity07 a {
	color: #151b00;
	transition: 0.3s;
}
.hover_color a:hover { color: #a6a7a3; }
.hover_opacity05 a:hover { opacity: 0.5; }
.hover_opacity07 a:hover { opacity: 0.7; }


/********* sp用リストボックスの border *********/

.nav_sub li,
.symptom_mobile li {
	border: 5px solid #d6d6d6;
}
.nav_sub .list_box_01,
.symptom_mobile .list_box_01 {
	margin-right: 2px;
	margin-bottom: 2px;
}
.nav_sub .list_box_02,
.symptom_mobile .list_box_02 {
	margin-bottom: 2px;
}
.nav_sub .list_box_03,
.symptom_mobile .list_box_03 {
	margin-right: 2px;
}


/********* clearfix *********/

.clearfix::after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/********* ページ上に戻るボタン *********/

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pageTop a {
	display: block;
	z-index: 1000;
	padding: 10px 8px 8px;
	border-radius: 5px;
	width: 50px;
	height: 50px;
	opacity: 0.5;
	background-color: #151b00;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#pageTop a:hover {
	opacity: 1;
}


/********* flexbox *********/

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*.flex2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}*/



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

header {
	position: relative;
	margin-bottom: 85px;
	font-size: 0.8em;
	font-weight: bold;
}
header h1,
.header_right_01 {
	float: left;
}
.header_right_box,
.header_right_02 {
	float: right;
}
.header_right_03 {
	clear: both;
	width: 100%;
}

header h1 {
	width: 340px;
	height: 140px;
	padding-top: 60px;
}
header h1 img[src$=".svg"] {
	width: 100%;
	height: 100%;
}


/********* header_right_box *********/

.header_right_01 {
	width: 181px;
	height: 89px;
	padding-top: 20px;
	padding-left: 18px;
	border-left: 1px solid #151b00;
}
.header_right_01 p {
	padding-bottom: 10px;
}
.header_right_02 {
	width: 121px;
	height: 89px;
	border-left: 1px solid #151b00;
	border-right: 1px solid #151b00;
	text-align: center;
}
.header_right_02 a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 5px;
}


/********* nav *********/

nav {
	padding-bottom: 30px;
}
nav ul {
	clear: both;
}
nav li {
	flex: 1 1 10%;
	border-top: 1px solid #151b00;
	border-bottom: 1px solid #151b00;
	text-align: center;
}
nav li a {
	display: block;
	height: 60px;
	padding-top: 10px;
}
.nav_border {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	border-right: 1px solid #151b00;
}
nav li:nth-child(3) .nav_border {
	padding-top: 0;
}
nav li:last-child .nav_border {
	border-right: none;
}


/********* spmenu (sp用メニューボタン) *********/

#spmenu {
	position: fixed;
	top: 0;
	right: 0;
	width: 18vw;
	height: 62px;
}
.spmenu,
.spmenu_close {
	width: 100%;
	height: 100%;
	padding-top: 9px;
	text-align: center;
}

.spmenu { display: block; }
.spmenu_close {	display: none; }
#spmenu:target .spmenu_close {
	display: block;
}
#spmenu:target .spmenu {
	display: none;
}
#spmenu:target .nav_mobile {
	-webkit-transform: scale(1);
	transform: scale(1);
}

#spmenu .nav_mobile {
	overflow: hidden;
	position: fixed;
	top: 62px;
	left: 0;
	width: 100%;
	background-color: rgba(21,27,0,0.7);
	transition: 0.5s;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin:90% 0;
	transform-origin:90% 0;
}
#spmenu .nav_mobile li {
	flex: 1 1 40%;
	position: relative;
	height: 60px;
	border-bottom: 1px solid #ffffff;
	text-align: center;
}
#spmenu .nav_mobile li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 10px;
}
#spmenu .nav_mobile li a:hover {
	color: #ffffff;
	background-color: rgba(21,27,0,0.7);
}
#spmenu .nav_mobile li a p {
	/*display: grid;
	place-items: center;*/
	color: #ffffff;
}
#spmenu .nav_mobile li:nth-child(odd) .nav_border {
	border-right: 1px solid #ffffff;
}
#spmenu .nav_mobile li:nth-child(even) .nav_border {
	border-right: none;
}


/********* MV *********/

.bxslider img {
	width: 100%;
	height: 100%;
}
.bx-wrapper {
	margin: 0 !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}
.bx-wrapper .bx-controls-direction a {
	outline: 0;
	width: 28px !important;
	height: 33px !important;
}
.bx-wrapper .bx-prev {
	background: url("../images/control_prev.png") no-repeat !important;
}
.bx-wrapper .bx-next {
	background: url("../images/control_next.png") no-repeat !important;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	opacity: 0.5;
	transition: 0.3s;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	opacity: 1;
}

/* 画像が読み込み時にすべて表示されるのを防ぐ */
#main_img_02,
#main_img_03 {
	display: none;
}



/*////////////////////////////////
	header_sub
////////////////////////////////*/

.header_sub {
	padding-top: 77px;
	padding-bottom: 40px;
}
.header_sub img {
	width: 100%;
	height: 100%;
	padding-bottom: 15px;
}

.header_sub h2 a,
.nav_sub li a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
}
.header_sub h2 {
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
	text-align: center;
	background-color: #a6d708;
	transition: 0.3s;
}
.header_sub h2 a i {
	font-size: 1.3em;
	vertical-align: middle;
}
.header_sub h2 a span {
	vertical-align: middle;
}
.header_sub h2 a {
	color: #ffffff;
	font-size: 1rem;
}
.header_sub h2:hover {
	background-color: #88a91f;
}

.nav_sub li {
	flex: 1 1 40%;
	height: 85px;
	font-family: "LogoTypeGothic", sans-serif;
/*	font-family: "LogoTypeGothic", "mplus-2c-regular", sans-serif;*/
	text-align: center;
}
.nav_sub li a {
	position: relative;
	color: #a6d708;
}
.nav_sub li a span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;

/*↓非対応だと表示くずれ（古いOSだけだが...）*/
/*	display: block;
	position: absolute;	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);*/
}



/*////////////////////////////////
	main_contents
////////////////////////////////*/

/********* prime(メインメニュー) *********/

#prime {
	padding-bottom: 85px;
}
#prime h2 {
	margin-left: -22px;
}
#prime li {
	flex: 1 1 30%;
}
.prime_img_01 {
	padding-bottom: 40px;
}


/********* topic (blog・news) *********/

#topic {
	padding-bottom: 85px;
}
#topic section {
	width: 50%;
}
#topic li {
	padding: 15px 20px;
	border-bottom: 1px solid #bbbcb6;
}
#topic .blog {
	padding-right: 10px;
}
#topic .news {
	padding-left: 10px;
}

#topic .more {
	padding-top: 15px;
	text-align: right;
}
#topic .more a {
	position: relative;
}
#topic .more div {
	position: absolute;
	right: 10px;
	width: 60px;
	height: 26px;
	padding-top: 4px;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
	text-align: center;
	background-color: #8c9573;
}

.topic_txt {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}


/********* appeal *********/

#appeal {
	padding-bottom: 57px;
	font-size: 1.2em;
	text-align: center;
}
#appeal h4 {
	padding-bottom: 40px;
	font-size: 1.5em;
}
#appeal div {
	width: 45%;
	margin: 0 auto;
}
#appeal .sub_span {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 1.2em;
	text-align: center;
}
#appeal .text {
	text-align: left;
}
#appeal P {
	padding-bottom: 28px;
}


/********* advantage *********/

#advantage {
	padding-bottom: 35px;
}
#advantage h2 {
	margin-left: -22px;
}
#advantage li {
	padding-bottom: 50px;
}
#advantage li div {
	flex: 1 1 40%;
	overflow: hidden;
}
#advantage li div:nth-child(1) {
	margin-right: 20px;
}
#advantage li div:nth-child(2) {
	margin-left: 20px;
}
#advantage li .liquid_img {
	width: 140%;
	max-width: 140%;
}
#advantage li:nth-child(2) .liquid_img {
	margin-left: -70px;
}
#advantage li:nth-child(6) .liquid_img {
	margin-left: -160px;
}
#advantage li:nth-child(7) .liquid_img {
	width: 100% !important;
}
#advantage .adv_bg_01 { background: url("../images/advantage_01_txt.png") no-repeat left top; }
#advantage .adv_bg_02 { background: url("../images/advantage_02_txt.png") no-repeat left top; }
#advantage .adv_bg_03 { background: url("../images/advantage_03_txt.png") no-repeat left top; }
#advantage .adv_bg_04 { background: url("../images/advantage_04_txt.png") no-repeat left top; }
#advantage .adv_bg_05 { background: url("../images/advantage_05_txt.png") no-repeat left top; }
#advantage .adv_bg_06 { background: url("../images/advantage_06_txt.png") no-repeat left top; }
#advantage .adv_bg_07 { background: url("../images/advantage_07_txt.png") no-repeat left top; }

#advantage .adv_txt {
	background-size: 100% auto;
}
#advantage .adv_txt .accent {
	font-size: 1.3em;
	line-height: 170%;
	letter-spacing: 4px;
}
#advantage .adv_txt span {
	font-size: 1.7em;
}
#advantage .adv_txt .sub_span {
	color: #8c9573;
	font-size: 1.2em;
}
#advantage .adv_txt .text {
	padding-top: 15px;
}


/********* video(YouTube) *********/

#video {
	padding-bottom: 85px;
}
#video .ifr {
	width: 640px;
	margin: 0 auto;
	padding-top: 40px;
}
#video .ifr iframe {
	border: 0;
}

.yt {
	position:relative;
}
.yt_play {
	position: absolute;
}
.yt_play:hover {
	cursor:pointer;
}
.yt_play::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 70px;
	margin: auto;
	background: url("../images/yt_icon_rgb.png");
	background-size: 100%;
	opacity: 0.9;
	transition: 0.3s;
}
.yt_play:hover::before {
	cursor: pointer;
	background-image:url("../images/yt_icon_mono_dark.png");
}


/*////////////////////////////////
	sub_contents
 ////////////////////////////////*/

#sub_contents {
	float: right;
	width: 67%;
	padding-left: 22px;
}
#sub_contents .sub_txt {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
#sub_contents > div {
	padding-bottom: 50px;
}
#sub_contents > div:last-child {
	padding-bottom: 0;
}
#message .more,
#opinion .more {
	padding-top: 20px;
	text-align: right;
}


/********* message *********/

#message p {
	padding-top: 20px;
}


/********* beginners *********/

#beginners li {
	padding-bottom: 20px;
}
#beginners li:last-child {
	padding-bottom: 0;
}
#beginners li img {
	display: block;
	float: left;
}
#beginners li div {
	float: right;
	width: 80%;
}
#beginners h4 {
	font-size: 1.2em;
	padding-bottom: 20px;
	color: #a6d708;
}
#beginners p {
	color: #8c9573;
}


/********* opinion *********/

#opinion li {
	padding-bottom: 20px;
}
#opinion li:last-child {
	padding-bottom: 0;
}
#opinion li div {
	float: left;
	width: 70%;
}
#opinion li img {
	display: block;
	float: right;
	margin-left: 20px;
}
#opinion h4 {
	font-size: 1.2em;
	padding-bottom: 10px;
	color: #a6d708;
}
#opinion p {
	color: #8c9573;
}



/*////////////////////////////////
	sidebar
////////////////////////////////*/

#sidebar {
	float: left;
	width: 30.349344978%;
}
#sidebar > div {
	padding-bottom: 40px;
}
#sidebar h3 {
	margin-bottom: 15px;
}


/********* banner_01 *********/

.banner_01 img {
	padding-bottom: 22px;
}

.banner_01 a:last-child img {
	padding-bottom: 0;
}


/********* symptom *********/

.symptom_PC li,
.symptom_mobile li {
	flex: 1 1 30%;
}


/********* symptom_PC *********/

.symptom_PC .list_box_01 {
	margin-right: 1px;
	margin-bottom: 1px;
}
.symptom_PC .list_box_02 {
	margin-bottom: 1px;
}
.symptom_PC .list_box_03 {
	margin-right: 1px;
}


/********* symptom_mobile *********/

.symptom_mobile h3 {
	margin-top: 20px;
}
.symptom_mobile li {
	position: relative;
	height: 33.33333333333333%;
}
.symptom_mobile li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.symptom_mobile li p {
	position: absolute;
	bottom: 5%;
	width: 100%;
	font-size: 3.4vw;
	font-weight: bold;
	font-family: "LogoTypeGothic", sans-serif;
/*	font-family: "LogoTypeGothic", "mplus-2c-regular", sans-serif;*/
	text-align: center;
}


/********* info_mobile *********/

.info_mobile {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #bbbcb6;
}
.info_mobile li {
	border: 1px solid #d6d6d6;
	margin-bottom: 20px;
}
.info_mobile li:last-child {
	margin-bottom: 0;
}
.info_mobile li p,
.info_mobile li img {
	width: 50%;
	height: 50%;
}
.info_mobile li p {
	padding-top: 5.5%;
	padding-left: 3%;
	font-size: 3.7vw;
	font-weight: bold;
	font-family: "LogoTypeGothic", sans-serif;
/*	font-family: "LogoTypeGothic", "mplus-2c-regular", sans-serif;*/
}


/********* banner_02 *********/

.banner_02 li {
	flex: 1 1 40%;
}
.banner_02_box_01 {
	margin-right: 12px;
	margin-bottom: 12px;
}
.banner_02_box_02 {
	margin-bottom: 12px;
}



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

footer {
	position: relative;
	width: 100%;
	padding-top: 85px;
}


/********* footer_container *********/

.footer_container {
	background-color: #d6d6d6;
}
.access,
.footer_box2 {
	width: 100%;
	margin: 0 auto;
}


/********* access *********/

.access_container {
	float: left;
	width: 300px;
	padding-top: 45px;
	padding-left: 22px;
	padding-bottom: 30px;
}
.access h4 {
	width: 255px;
	height: 62px;
	padding: 6px;
	background-color: #ffffff;
}

.access .info {
	padding-bottom: 30px;
}
.access .info .sub_span,
.access .info .mobile_title {
	padding-top: 20px;
	font-weight: bold;
}
.access .info .mobile_title {
	padding-top: 20px;
	color: #a6d708;
	font-size: 1.3em;
}
.access .info .info_txt {
	padding-top: 10px;
}

.access .tel_pc {
	width: 255px;
	height: 56px;
	background-color: #ffffff;
}
.access .tel_pc a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-top: 17px;
	color: #c3fd0a;
	font-family: "LogoTypeGothic", sans-serif;
/*	font-family: "LogoTypeGothic", "mplus-2c-regular", sans-serif;*/
	text-align: center;
	text-shadow: -1px -1px 1px #3d4c25;
	background: url("../images/access_tel.jpg") no-repeat left center;
}

.access .tel_mobile {
	width: 100%;
	margin-top: 10px;
	font-size: 1.4em;
	text-align: center;
	background-color: #d6d6d6;
}
.access .tel_mobile a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
	transition: 0.3s;
}
.access .tel_mobile a:hover {
	background-color: #a7a4a4;
}


/********* sitemap *********/

.sitemap {
    width: 100%;
    margin: 0;
	padding-top: 45px;
	padding-right: 22px;
	padding-bottom: 45px;
}
.sitemap_container {
	margin-left: 300px;
	padding-left: 25px;
	border-left: 2px solid #ffffff;
}

.sitemap_top {
	padding-bottom: 30px;
}

.sitemap .sitemap_bottom .float_item{
	margin-bottom: 30px;
	overflow: hidden;
}
.sitemap .sitemap_bottom .float_item ul {
	float: left;
	width: 50%;
	margin-top: 30px;
	padding-left: 3vw;
}
.sitemap .sitemap_bottom .float_item li {
	padding-bottom: 15px;
	padding-left: 15px;
	text-indent: -15px;
}
.sitemap .sitemap_bottom .float_item li::before {
	margin-right: 5px;
	content: "\3e";
}


/********* map *********/
#map {
	position: absolute;
	clear: both;
	width: 100%;
}
#map iframe {
	width: 100%;
	aspect-ratio: 16/9;
}

/********* banner_mobile *********/

.banner_mobile {
	padding-top: 30px;
	border-top: 1px solid #bbbcb6;
}
.banner_mobile a img {
	margin-bottom: 30px;
}



/*////////////////////////////////
	copyright
////////////////////////////////*/

.copyright {
	width: 100%;
	padding-bottom: 20px;
	background-color: #d6d6d6;
}
.copyright small {
	font-size: 0.8em;
	text-align: center;
	line-height: 2em;
}



/*////////////////////////////////
	レスポンシブ対応
////////////////////////////////*/

@media (min-width: 961px) {

	#wrapper,
	#map,
	.access,
	.footer_box2 {
		width: 960px;
	}
	#map {
		bottom: -515px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.copyright {
		padding-top: 515px;
	}

}


@media (max-width: 960px) {

	.sitemap .sitemap_bottom .float_item ul {
		padding-left: 4vw;
	}

	#map {
		bottom: -55vw;
	}

	.copyright {
		padding-top: 55vw;
	}

}


@media (max-width: 768px) {

	#wrapper,
	footer,
	.copyright {
		width: 768px;
	}

	#map {
		bottom: -60vw;
	}

	.copyright {
		padding-top: 60vw;
	}

}


@media (max-width: 660px) {

	#map {
		bottom: -65vw;
	}

	.copyright {
		padding-top: 65vw;
	}

}


@media (min-width: 541px) {

	.mobile {
		display: none;
	}

}


@media (max-width: 540px) {

/*////////////////////////////////
	全体
////////////////////////////////*/

	.pc,
	.bx-wrapper {
		display: none;
	}
	.mobile {
		display: block;
	}
	#wrapper,
	.footer_box1,
	.footer_box2 {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.mobile_boder::before {
		content: "";
		display: block;
		width: 100%;
		height: 7px;
		background: linear-gradient(top left, #ffffff -10%, #a6d708, #ffffff 110%);
	}



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

	header {
		z-index: 2000;
		position: fixed;
		left: 0;
		width: 100%;
		height: 62px;
		padding-bottom: 0;
		border-bottom: 2px solid #bbbcb6;
		background-color: #ffffff;
	}
	header h1 {
		position: fixed;
		top: 0;
		width: 45vw;
		height: 62px;
		padding-top: 0px;
		padding-left: 15px;
	}

	.header_right_02 a,
	#spmenu a {
		width: 100%;
		height: 100%;
		color: #8a9370;
	}
	.header_right_02 a:hover,
	#spmenu a:hover {
		color: #b9c597;
	}


/********* header_right_box *********/

	.header_right_box {
		float: none;
	}
	.header_right_02 {
		position: fixed;
		top: 0;
		right: 18vw;
		width: 20vw;
		height: 62px;
		padding-top: 5px;
		border-left: 2px solid #bbbcb6;
		border-right: 2px solid #bbbcb6;
		line-height: 10px;
	}
	.header_right_02 a {
		padding-top: 0;
	}



/*////////////////////////////////
	topic, sidebar
////////////////////////////////*/

	#topic,
	#sidebar > div {
		padding-bottom: 40px;
	}

	#topic .news {
		width: 100%;
		padding-left: 0;
	}
	#topic li {
		padding-top: 30px;
		padding-bottom: 10px;
	}

	#sidebar {
		width: 100%;
	}



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

	footer {
		clear: both;
		width: 100%;
		padding-top: 0;
	}

	.footer_container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background-color: none;
	}
	.footer_box1 {
		background-color: #ffffff;
	}
	.footer_box2 {
		background-color: #d6d6d6;
	}


/********* access *********/

	.access_container {
		float: none;
		width: 100%;
		padding-top: 0;
		padding-left: 0;
	}
	.access .info .sub_span,
	.access .info .info_txt {
		padding-top: 5px;
	}


/********* map *********/

	#map {
		position: relative;
		bottom: 0;
		width: 100%;
		margin-bottom: 30px;
	}


/********* sitemap *********/

	.sitemap {
		padding-right: 0;
	}
	.sitemap .sitemap_container {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
	.sitemap .sitemap_bottom .float_item ul {
		float: none;
		width: 100%;
	}


/*////////////////////////////////
	copyright
 ////////////////////////////////*/

	.copyright {
		width: 100%;
		padding-top: 0;
	}

}


@media (max-width: 480px) {

	header h1 {
		width: 50vw;
	}

}


@media (max-width: 280px) {

	header h1 {
		width: 50vw;
	}
	.header_right_box .header_right_02 i {
		padding-top: 2vw;
		font-size: 1.7em;
	}

	.nav_sub li a {
		font-size: 0.8em;
	}
}