@charset "utf-8";

.anton {
	font-family: "Anton", sans-serif;
}

.topKaitoriBox .blogCate {
	display: none;
}

@media screen and (min-width: 1200px) {
	.sp {
		display: none;
	}

	.tablet {
		display: none;
	}

	/*----------------------*/

	#header {
		width: 100%;
		color: #000000;
		text-align: left;
		letter-spacing: normal;
		background: #fff;
		position: fixed;
		top: 0;
		transition: 0.5s;
	}

	#header.hide {
		transform: translateY(-100%);
	}

	#contents {
		width: 100%;
		margin: 40px auto 0 auto;
	}

	#contents.top {
		margin: 0 auto 0 auto;
	}

	#fixed {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99999;
	}

	.estimate_page #fixed {
		position: relative;
	}

	.inner {
		width: 1200px;
		margin: 0px auto;
		position: relative;
	}

	.content_width {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	a img {
		transition: 0.5s;
		box-shadow: #000 0 0 0;
	}

	a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}

	/*ヘッダー
	-------------------------------------------------------------*/
	#header .inner {
		display: flex;
		justify-content: space-between;
	}

	.headerLogo {
		width: 14%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.headerLogo a {
		display: block;
		width: 100%;
	}

	.headerLogo img {
		display: block;
		width: 100%;
	}

	#headerBox {
		width: 1080px;
		height: 110px;
		display: flex;
		gap: 0 20px;
		position: relative;
		justify-content: flex-end;
	}

	#headerBox img {
		width: 100%;
	}

	/*
	#headerBox .headerBoxImg {
		width: 280px;
		height: 110px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	*/

	.headerBoxImg {
		width: 330px;
		height: 110px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.headerBoxImg img {
		width: 100%;
	}

	.telWrap {
		height: 110px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.telTxt {
		margin-bottom: 2px;
		padding: 1px 0;
		background: #fff;
		color: #007130;
		font-size: 1.2rem;
		text-align: center;
		font-weight: 600;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}

	.telNum {
		color: #ff6d01;
		font-family: "Urbanist", serif;
		font-size: 4rem;
		letter-spacing: 0.02em;
		line-height: 1;
		display: flex;
		align-items: center;
		gap: 0 10px;
	}

	.telNum:before {
		content: "";
		display: flex;
		width: 48px;
		height: 30px;
		background: url(../images/common/icon_tel.svg) no-repeat;
		background-size: contain;
	}

	.telTime {
		font-size: 1.2rem;
		display: flex;
		align-items: center;
		gap: 0 10px;
	}

	.telTime span {
		padding: 0px 8px;
		border-radius: 8px;
		background: #007130;
		color: #fff;
		font-size: 1.1rem;
	}

	.formWrap {
		position: relative;
	}

	.formWrap a {
		width: 300px;
		height: 100px;
		background: #ff6d01;
		color: #fff;
		font-size: 2.6rem;
		font-weight: 700;
		border-radius: 0 0 20px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		gap: 0 10px;
		transition: all 0.3s ease-in-out 0s;
	}

	.formWrap a:after {
		content: "";
		display: flex;
		width: 20px;
		height: 20px;
		background: url(../images/common/arrow_form.svg) no-repeat;
		background-size: contain;
	}

	.formWrap a:hover {
		text-decoration: none;
		padding-top: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	.formWrap a span {
		font-size: 2rem;
	}

	.formWrapTxt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.formInner {
		display: flex;
		align-items: center;
		font-size: 2rem;
		gap: 0 5px;
	}

	.formBox {
		height: 25px;
		padding: 0px 10px;
		border-radius: 30px;
		background: #fff;
		color: #ff6d01;
		font-size: 1.6rem;
		line-height: 25px;
	}

	.formWrap a .formBox span {
		font-size: 1rem;
	}

	.formTxt {
		letter-spacing: 0.05em;
	}

	.headertel a {
		color: #fff;
	}

	.headertel a:hover {
		text-decoration: none;
	}

	.headertel img {
		margin: 0 5px 0 0;
	}

	.header_btnbox {
		float: right;
		text-align: right;
	}

	.header_btn_p {
		text-align: center;
		color: #fff100;
		font-size: 122%;
		margin: -4px 0 0 0;
		background: url(../images/header_p_bk.jpg) no-repeat 0 18px;
	}

	.header_btn_p span {
		font-weight: bold;
	}

	.header_btn_p span.large {
		margin: 0 3px;
		font-weight: bold;
		font-size: 166%;
	}

	.header_btn {
		text-align: center;
		position: relative;
		margin: -4px 0 0 0;
	}

	.header_btn a {
		width: 263px;
		height: 45px;
		box-sizing: border-box;
		color: #fff;
		background: url(../images/header_btn.jpg) no-repeat #fb2a27 10px center;
		letter-spacing: 3px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 4px 30px 0 40px;
		font-size: 167%;
		font-weight: bold;
		position: relative;
	}

	.header_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.header_btn a:after {
		position: absolute;
		right: 20px;
		top: 17px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.header_link a {
		color: #fff;
		font-size: 92%;
		position: relative;
		display: inline-block;
		padding-right: 15px;
		margin: 0 10px 0 0;
		font-weight: bold;
	}

	.header_link a::before {
		content: "";
		width: 4px;
		height: 4px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 7px;
		right: 5px;
	}

	/*ナビゲーション
	-------------------------------------------------------------*/
	#gnavi {
		width: 100%;
		background: #007130;
		height: 60px;
		position: fixed;
		top: 110px;
		left: 0 !important;
		/* transition: .5s; */
	}

	#gnavi {}

	#gnavi.hide {
		transform: translateY(-110px);
	}

	#gnavi ul {
		width: 1200px;
		margin: 0px auto;
		height: 60px;
		overflow: hidden;
	}

	#gnavi li {
		float: left;
		width: 162px;
		height: 60px;
		border-left: 1px solid #4f8f53;
		text-align: center;
	}

	#gnavi li.home {
		width: 59px;
		border: none;
	}

	#gnavi li.home img {}

	/*
	#gnavi li a{
	display:block;
	height:60px;
	color:#FFF;
	font-size:129%;
	padding:15px 0 0 0;
	transition:0.5s;
	}
	*/
	#gnavi li a {
		color: #fff;
		display: table-cell;
		font-size: 1.6rem;
		height: 60px;
		padding: 0;
		text-align: center;
		transition: all 0.5s ease 0s;
		vertical-align: middle;
		width: 162px;
		line-height: 1.3;
	}

	/*
	#gnavi li.twoline a{
	line-height:120%;
	padding:10px 0 0 0
	}
	*/
	#gnavi li.twoline a {
		line-height: 120%;
		padding: 0;
	}

	#gnavi li.twoline a span {
		font-size: 82%;
	}

	#gnavi li a:hover {
		background: #005925;
		text-decoration: none;
	}

	/* フローボタン */
	/* ------------------------------------------- */
	#flowBtn {
		position: fixed;
		left: auto;
		bottom: 20px;
		z-index: 1111;
		width: 160px;
		height: 160px;
		border-radius: 50%;
		background: #ff6d01;
		display: flex;
		align-items: center;
		justify-content: center;
		filter: drop-shadow(0px 0px 4px #999);
		transition: all 0.3s ease-in-out 0s;
	}

	#flowBtn:hover {
		transform: scale(1.1);
		transition: all 0.3s ease-in-out 0s;
	}

	#flowBtn a {
		color: #fff;
		font-size: 2.4rem;
		text-align: center;
		font-weight: 700;
		line-height: 1.2;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		transition: all 0.3s ease-in-out 0s;
	}

	#flowBtn a:hover {
		text-decoration: none;
		transition: all 0.3s ease-in-out 0s;
	}

	.flowBtnImg {
		position: absolute;
		top: 0;
		z-index: -1;
	}

	.flowTopTxt {
		padding: 3px 10px;
		border-radius: 10px;
		background: #fff;
		color: #ff6d01;
		font-size: 1rem;
	}

	#flowBtn a span {
		font-size: 2rem;
	}

	.flowEnTxt {
		margin-top: 5px;
		padding-bottom: 2px;
		border-bottom: 1px solid;
		font-size: 1.6rem;
		font-family: "Urbanist", serif;
		font-weight: 700;
	}

	/*footerまでスクロールしたら消す*/
	.is-hidden {
		visibility: hidden;
		opacity: 0;
	}

	/* 買取エリア */
	/* ------------------------------------------- */
	#areamap {
		margin-bottom: 50px;
		/*		padding-top: 35px;*/
		/* background: #f6f0f0; */
	}

	/* #areamap .inner {
	padding: 50px;
	box-sizing: border-box;
	background: #fff;
	} */

	.areamap_tit {
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 1em;
		color: #007130;
		font-weight: bold;
		font-size: 182%;
		text-align: center;
	}

	.areamap_tit::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		content: "";
		width: 50px;
		height: 5px;
		background-color: #01712f;
	}

	.areamap_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		column-gap: 20px;
	}

	.areamap_left {
		width: 54%;
	}

	.areamap_right {
		width: 45%;
	}

	.areamap_japan {
		display: block;
		width: 100%;
		margin: auto;
	}

	.areamap_table {
		width: 100%;
		margin-left: -5px;
		border-collapse: separate;
		border-spacing: 5px;
	}

	.areamap_region,
	.areamap_prefecture {
		padding: 10px 30px;
		vertical-align: middle;
	}

	.areamap_region {
		background-color: #ffde00;
		text-align: center;
	}

	.areamap_prefecture {
		border-bottom: 1px #f7f7f7 solid;
	}

	.areamap_prefecture ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: nowrap;
		column-gap: 1em;
	}

	.areamap_prefecture li {
		cursor: pointer;
	}

	@media all and (-ms-high-contrast: none) {
		.areamap_left {
			margin-right: 20px;
		}

		.areamap_prefecture li:not(:last-child) {
			margin-right: 20px;
		}
	}

	/*SNSボタン
	-------------------------------------------------------------*/
	#sns_area {
		position: relative;
		overflow: hidden;
		background: #f6f0f0;
		padding: 15px 0 25px 0;
	}

	#sns_area p {
		text-align: center;
		color: #333333;
		font-weight: bold;
		letter-spacing: 5px;
		margin: 0 0 10px 0;
	}

	#sns_area ul {
		position: relative;
		left: 50%;
		float: left;
	}

	#sns_area ul li {
		position: relative;
		left: -50%;
		float: left;
		margin: 0 6px;
	}

	#sns_area ul li img {
		width: 40px;
		height: auto;
	}

	/*フッター お問い合わせ
	-------------------------------------------------------------*/
	#pc_footer_logo {
		display: block;
		width: 22%;
		box-sizing: border-box;
		padding-left: 55px;
	}

	#footer_contact {
		background: #eee;
		height: 110px;
	}

	#footerBox {
		width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	#footerBox .formWrap a {
		border-radius: 20px 20px 0 0;
	}

	.footer_contact_btn {
		text-align: center;
		position: relative;
		margin: 0;
	}

	.footer_contact_btn a {
		width: 222px;
		height: 45px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: url(../images/footer_btn.jpg) no-repeat #fb2a27 10px center;
		letter-spacing: 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 5px 20px 0 37px;
		font-size: 144%;
		font-weight: bold;
		position: relative;
	}

	.footer_contact_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.footer_contact_btn a:after {
		position: absolute;
		right: 12px;
		top: 16px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.footer_contact_link a {
		color: #fff;
		font-size: 92%;
		position: relative;
		display: inline-block;
		padding-right: 15px;
		margin: 2px 10px 0 0;
		font-weight: bold;
	}

	.footer_contact_link a::before {
		content: "";
		width: 4px;
		height: 4px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 7px;
		right: 5px;
	}

	/*フッター
	-------------------------------------------------------------*/
	#footer .inner {
		margin: 40px auto;
		max-width: 1200px;
	}

	#footer_box {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.footer_box1 {
		width: 26%;
		max-width: 300px;
		margin: 0 35px 0 35px;
	}

	.footer_box2 {
		width: 34%;
		max-width: 380px;
	}

	.footer_box3 {
		width: 34%;
		max-width: 380px;
	}

	.footer_green {
		color: #007130;
		margin: 25px 0 25px 18px;
		width: 214px;
	}

	.footer_green1 {
		border: 1px dashed #007130;
		font-size: 92%;
		text-align: center;
		margin: 0 0 5px 0;
	}

	.footer_tel {
		font-family: "Anton", sans-serif;
		font-size: 200%;
		letter-spacing: 2px;
		line-height: 30px;
		margin: 0 0 3px 0;
	}

	.footer_tel a {
		color: #007130;
	}

	.footer_tel a:hover {
		text-decoration: none;
	}

	.footer_tel img {
		margin: 0 5px 0 0;
	}

	.footer_tel_p2 {
		font-size: 92%;
	}

	.footer_tel_p2 span {
		border: 1px solid #007130;
		padding: 0 5px;
		margin: 0 0 0 10px;
	}

	.footer_btn a {
		margin: 5px 0 0 0;
		display: block;
		color: #fff;
		background: url(../images/footer_mail.png) no-repeat #007130 25px 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-align: center;
		padding: 2px 0 2px 20px;
		transition: 0.5s;
	}

	.footer_btn a:hover {
		text-decoration: none;
		/*background:url(../images/footer_mail.png) no-repeat rgba(0,113,48,0.7) 25px 2px;*/
		background: url(../images/footer_mail.png) no-repeat #005925 25px 2px;
	}

	.footer_address {
		color: #333333;
	}

	.footer_address li {
		border-left: 5px solid #eeeeee;
		margin: 0 0 5px 0;
		padding: 0 0 0 5px;
	}

	.footer_address li.img {
		border: none;
		padding: 0;
	}

	.footer_address span.gray {
		color: #666666;
	}

	.footer_menu {
		border-top: 1px solid #e5e5e5;
	}

	.footer_menu li {
		border-bottom: 1px solid #e5e5e5;
	}

	.footer_menu li a {
		display: block;
		padding: 11px 15px;
		font-size: 107%;
		position: relative;
		transition: 0.5s;
	}

	.footer_menu li a:hover {
		text-decoration: none;
		background: #e5e5e5;
	}

	.footer_menu li a:after {
		position: absolute;
		right: 15px;
		top: 17px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #868686;
		border-right: 2px solid #868686;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.footer_news_title {
		color: #007130;
		font-weight: bold;
		font-size: 122%;
		margin: -25px 0 0 0;
	}

	.footer_news {
		border-top: 1px solid #e5e5e5;
	}

	.footer_news li {
		border-bottom: 1px solid #e5e5e5;
		padding: 9px 5px;
	}

	.footer_news li .img {
		float: left;
		width: 60px;
		height: 60px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.footer_news li .img img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.footer_news li .detail {
		float: left;
		width: 295px;
		margin: 0 0 0 10px;
	}

	.footer_news li .date {}

	.footer_news li .icon {
		background: #007130;
		color: #fff;
		font-size: 92%;
		margin: 0 0 0 5px;
		padding: 0px 5px;
	}

	.footer_news li a .title {
		/*
	color:#007130;
	*/
		transition: 0.5s;
	}

	.footer_news li a:hover .title {
		text-decoration: underline;
	}

	.copyright {
		background: #eee;
		text-align: center;
		color: #666666;
		height: 52px;
		line-height: 52px;
	}

	.copyright a {
		color: #666666;
	}

	#sp_slider .sp-slide {
		position: relative;
	}

	/*ページの先頭へ
	-------------------------------------------------------------*/
	#pagetop {
		position: fixed;
		bottom: 20px;
		left: 20px;
		z-index: 9999;
	}

	/*フローティングバナー
	-------------------------------------------------------------*/
	.top_floating_banner {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 100;
		display: none;
	}

	.top_floating_banner a {
		display: block;
	}

	/* 6.各ページ設定
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
	/*========================================================
	共通
	========================================================*/
	#top_main {
		width: 98%;
		max-width: 1200px;
		margin: 0 auto;
	}

	#main {
		float: left;
		width: 840px;
	}

	#top_side,
	#side {
		float: right;
		width: 320px;
	}

	#side {
		padding: 0 0 100px 0;
	}

	#main_all {
		width: 840px;
		margin: 0px auto;
	}

	#top_img {
		margin: 158px 0 0 0;
		width: 100%;
		height: 450px;
		text-align: center;
		position: relative;
		overflow: hidden;
		display: table;
	}

	.mv {
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.top_img_box {
		display: inline-block;
		width: 1200px;
		margin: auto;
		text-align: left;
	}

	.top_img_bk {
		background: rgba(0, 0, 0, 0.8);
		width: 0px;
	}

	.top_img_detail {
		width: 1200px;
		padding: 30px 0;
		opacity: 0;
		display: table;
		position: relative;
		top: 30px;
	}

	#main_tit {
		color: #fff;
		font-size: 280%;
		text-align: center;
		width: 600px;
		padding: 0 30px;
		margin: auto 0;
		display: table-cell;
		vertical-align: middle;
		border-right: 1px #4ba873 solid;
	}

	#main_tit_desc {
		padding: 0 30px;
		color: #fff;
		font-size: 152%;
		text-align: left;
		width: 540px;
		margin: auto;
		display: table-cell;
		vertical-align: middle;
	}

	#genre {
		background: url(../images/genrelist_top.jpg) center 0 no-repeat;
	}

	#brand {
		background: url(../images/brandlist_top.jpg) center 0 no-repeat;
	}

	#company {
		background: url(../images/company_top.jpg) center 0 no-repeat;
	}

	#buy_single {
		background: url(../images/buylistdetail_top.jpg) center 0 no-repeat;
	}

	#about {
		background: url(../images/about_top.jpg) center 0 no-repeat;
	}

	#flow {
		background: url(../images/flow_top.jpg) center 0 no-repeat;
	}

	#info {
		background: url(../images/news_top.jpg) center 0 no-repeat;
	}

	#faq {
		background: url(../images/faq_top.jpg) center 0 no-repeat;
	}

	#estimate {
		background: url(../images/estimate_top.jpg) center 0 no-repeat;
	}

	#contact {
		background: url(../images/contact_top.jpg) center 0 no-repeat;
	}

	#vintage {
		background: url(../images/vintage_top.jpg) center 0 no-repeat;
	}

	#allitems {
		background: url(../images/buylistdetail_top.jpg) center 0 no-repeat;
	}

	/* タイトル */
	.sub_title {
		color: #007130;
		border: 1px solid #007130;
		font-weight: bold;
		font-size: 144%;
		padding: 10px 20px;
		margin: 0 0 25px 0;
		position: relative;
	}

	.sub_title span {
		display: block;
		border-left: 2px solid #007130;
		position: absolute;
	}

	.sub_title span.sen1 {
		right: 15px;
		bottom: 0;
		height: 25px;
		-webkit-animation-duration: 500ms;
		-webkit-animation-name: sen1;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 500ms;
		animation-name: sen1;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen1 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	@keyframes sen1 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	.sub_title span.sen2 {
		right: 20px;
		bottom: 0;
		height: 20px;
		-webkit-animation-duration: 450ms;
		-webkit-animation-name: sen2;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 450ms;
		animation-name: sen2;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen2 {
		from {
			height: 0px;
		}

		to {
			height: 20px;
		}
	}

	@keyframes sen2 {
		from {
			height: 0px;
		}

		to {
			height: 20px;
		}
	}

	.sub_title span.sen3 {
		right: 25px;
		bottom: 0;
		height: 25px;
		-webkit-animation-duration: 300ms;
		-webkit-animation-name: sen3;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 300ms;
		animation-name: sen3;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen3 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	@keyframes sen3 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	.sub_title span.sen4 {
		right: 30px;
		bottom: 0;
		height: 32px;
		-webkit-animation-duration: 600ms;
		-webkit-animation-name: sen4;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 600ms;
		animation-name: sen4;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen4 {
		from {
			height: 0px;
		}

		to {
			height: 32px;
		}
	}

	@keyframes sen4 {
		from {
			height: 0px;
		}

		to {
			height: 32px;
		}
	}

	.sub_title span.sen5 {
		right: 35px;
		bottom: 0;
		height: 17px;
		-webkit-animation-duration: 400ms;
		-webkit-animation-name: sen5;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 400ms;
		animation-name: sen5;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen5 {
		from {
			height: 0px;
		}

		to {
			height: 17px;
		}
	}

	@keyframes sen5 {
		from {
			height: 0px;
		}

		to {
			height: 17;
		}
	}

	/* パンくず */
	#navi {
		background: #eeeeee;
		height: 30px;
	}

	#navi ul {
		width: 1200px;
		margin: 0px auto;
		color: #333333;
	}

	#navi ul li {
		float: left;
		height: 30px;
		line-height: 30px;
		position: relative;
		padding: 0 25px 0 0;
	}

	#navi ul li a:after {
		margin: auto 0;
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333333;
		border-right: 2px solid #333333;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	#navi ul li img {
		vertical-align: middle;
		width: 20px;
		height: auto;
	}

	.topNavi {
		margin-top: 170px;
	}

	#navi.complete {
		margin: 163px 0 0 0;
	}

	/* ページャー */
	.pager {
		position: relative;
		overflow: hidden;
		margin: 40px 0;
	}

	.pager ul {
		position: relative;
		left: 50%;
		float: left;
	}

	.pager ul li {
		position: relative;
		left: -50%;
		float: left;
		list-style: none;
	}

	a.page-numbers,
	.current {
		display: block;
		background: #cccccc;
		color: #fff;
		height: 40px;
		line-height: 40px;
		width: 40px;
		text-align: center;
		margin: 0 5px;
		font-size: 144%;
		transition: 0.5s;
	}

	.current {
		background: #007130;
	}

	.dots {
		display: block;
		height: 40px;
		line-height: 40px;
		width: 30px;
		text-align: center;
	}

	.pager a.prev,
	.pager a.next {
		position: relative;
	}

	.pager a.prev:after,
	.pager a.next:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
	}

	.pager a.next:after {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.pager a.prev:after {
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	a:hover.page-numbers {
		text-decoration: none;
		background: #007130;
	}

	/* サイドナビ */
	#top_side a img,
	#side a img {
		margin: 0 0 10px 0;
	}

	#top_side .side_bunnerlist2 {
		display: none;
	}

	.side_bunnerlist2 img {
		width: 100%;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.side_contactbox {
		height: 180px;
		padding: 5px;
		margin-bottom: 15px;
		background: #ff8400;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.side_contact_img {
		float: left;
		width: 56px;
		margin: 25px 5px 0 0;
	}

	.side_contact_detail {
		float: left;
		width: 249px;
	}

	.side_contact_telbox {
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin: 10px 0 0 0;
	}

	.side_contact_p {
		font-size: 114%;
	}

	.side_contact_tel_p2 {
		font-size: 92%;
	}

	.side_contact_tel_p2 span {
		background: #905719;
		padding: 0 5px;
		margin: 0 0 0 10px;
	}

	.side_contact_tel {
		font-family: "Anton", sans-serif;
		font-size: 242%;
		letter-spacing: 4px;
		line-height: 30px;
		margin: 5px 0;
	}

	.side_contact_tel a {
		color: #fff;
	}

	.side_contact_tel a:hover {
		text-decoration: none;
	}

	.side_contact_tel img {
		margin: 0 5px 0 0;
	}

	.side_contact_btnbox {
		padding: 0 0 0 10px;
	}

	.side_contact_btn_p {
		text-align: center;
		color: #fff100;
		font-size: 92%;
		background: url(../images/footer_contact_p_bk.jpg) no-repeat center 10px;
		width: 222px;
	}

	.side_contact_btn_p span {
		font-weight: bold;
	}

	.side_contact_btn_p span.large {
		font-size: 166%;
		font-weight: bold;
		margin: 0 3px;
	}

	.side_contact_btn {
		text-align: center;
		position: relative;
		margin: 0;
	}

	.side_contact_btn a {
		width: 222px;
		height: 45px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: url(../images/footer_btn.jpg) no-repeat #fb2a27 10px center;
		letter-spacing: 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 5px 20px 0 35px;
		font-size: 144%;
		font-weight: bold;
		position: relative;
	}

	.side_contact_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.side_contact_btn a:after {
		position: absolute;
		right: 15px;
		top: 16px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.side_contact_link {
		text-align: right;
	}

	.side_contact_link a {
		color: #fff;
		font-size: 92%;
		position: relative;
		display: inline-block;
		padding-right: 15px;
		margin: 0 10px 0 0;
		font-weight: bold;
	}

	.side_contact_link a::before {
		content: "";
		width: 4px;
		height: 4px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 7px;
		right: 5px;
	}

	.qr_box {
		display: flex;
		background: #feeb05;
	}

	.qr_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.side .qr_inner p {
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: 0.05em;
	}

	.side .qr_inner p span {
		display: block;
		font-size: 28px;
	}

	.qr_box p {
		color: #fff;
		font-weight: bold;
		font-size: 15px;
		text-shadow: 1px 1px 0 #007130, -1px -1px 0 #007130, -1px 1px 0 #007130, 1px -1px 0 #007130, 0px 1px 0 #007130, 0-1px 0 #007130, -1px 0 0 #007130, 1px 0 0 #007130;
	}

	.qr_box.side {
		width: 320px;
		padding: 20px 30px;
		border-radius: 5px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-around;
	}

	.qr_box.side img {
		height: 60px;
		width: auto;
	}

	.side .qr_inner {
		width: 190px;
	}

	/*
	.side .qr_inner img {
		width: 60px;
		height: auto;
	}
	*/

	.side .qr_inner p {
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: 0.05em;
	}

	.side .qr_inner p span {
		display: block;
		font-size: 28px;
	}

	/*--------*/
	.sidebarTit {
		text-align: left;
		color: #007130;
		font-size: 152%;
		border-top: 2px solid #007130;
		border-bottom: 2px solid #007130;
		padding: 10px 0;
		font-weight: bold;
		margin: 30px 0 0 0;
		position: relative;
	}

	h2 .subLink {
		display: block;
		padding: 5px 15px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -1.2em;
		font-size: 1.4rem;
		letter-spacing: 0.01em;
		color: #ffffff;
		background: #007130;
		border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	h2 .subLink:hover {
		text-decoration: none;
		color: #ffffff;
		opacity: 0.8;
	}

	.sidebarTit .subLink {
		display: block;
		padding: 5px 10px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -1.2em;
		font-size: 65%;
		color: #FFFFFF;
		background: #007130;
		border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	.sidebarTit .subLink:hover {
		text-decoration: none;
		color: #FFFFFF;
		opacity: 0.8;
	}

	.side_genrelist {
		border-bottom: 1px solid #007130;
	}

	.side_genreoya {
		display: table;
		height: 50px;
		vertical-align: middle;
	}

	.side_genrelist p {
		display: table-cell;
		width: 80px;
		height: 50px;
		text-align: center;
		padding: 0 0 0 5px;
	}

	.side_genrelist p img {
		max-width: 100%;
		max-height: 100%;
		margin: 0 !important;
	}

	.side_genrelist span {
		display: table-cell;
		vertical-align: middle;
		width: 235px;
		margin: 0 0 0 10px;
		color: #033333;
		line-height: 100%;
	}

	#term_children {
		margin: 0 0 10px 0;
	}

	#term_children > li {
		background: url(../images/side_subicon.jpg) no-repeat 0 0;
		padding: 0 0 0 80px;
		line-height: 30px;
		height: 30px;
	}

	#term_children > li a {
		display: block;
		line-height: 30px;
		height: 30px;
	}

	.side_genrelist a:hover .side_genreoya {
		background: #007130;
		text-decoration: none;
		color: #fff;
	}

	.side_genrelist a:hover {
		text-decoration: none;
		color: #fff;
	}

	.side_genrelist a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	#term_children > li a:hover {
		text-decoration: underline;
		color: #007130;
	}

	.side_genrelist a:hover .side_genreoya span {
		color: #fff;
	}

	.side_brandlist {
		position: relative;
		overflow: hidden;
		margin: 20px 0 10px 0;
	}

	.side_brandlist ul {}

	.side_brandlist li {
		position: relative;
		margin: 0 4px;
		float: left;
	}

	.side_more {
		margin: 0 0 20px 0;
	}

	.side_more a {
		position: relative;
		margin: 5px 0 0 0;
		display: block;
		color: #fff;
		background: #007130;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-align: center;
		padding: 10px 0;
		font-size: 122%;
		transition: 0.5s;
	}

	.side_more a:hover {
		text-decoration: none;
		background: #005925;
	}

	.side_more a:after {
		position: absolute;
		right: 25px;
		top: 17px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/*========================================================
	トップページ
	========================================================*/
	#fvArea {
		width: 100%;
		height: 40vw;
		margin: 0 auto 60px;
		background: url(../images/fv_top.jpg) no-repeat center;
		background-size: cover;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
	}

	#fvImg {
		width: 80vw;
		max-width: 1130px;
		min-width: 720px;
		margin-top: 10vh;
		/*
		width: 64vw;
		max-width: 860px;
		min-width: 720px;
		margin-top: 10vh;
	*/
	}

	#fvImg img {
		width: 100%;
	}

	#fvTxtBox {
		width: 72vw;
		max-width: 1100px;
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: -2vh;
	}

	.fvTxt {
		color: #fff;
		font-size: clamp(3rem, 3.2vw, 5rem);
		position: absolute;
		left: 0;
	}

	.fvTxt.left {
		letter-spacing: 0.1em;
	}

	.fvTxt.right {
		right: -30px;
		left: auto;
	}

	.fvTxt span {
		font-size: 2.5vw;
	}

	#fvTxtBox img {
		width: 30vw;
		max-width: 400px;
		margin-top: -4vh;
	}

	#top_mv {
		width: 405px;
		text-align: center;
	}

	.top_img .img1 {
		padding-top: 35px;
	}

	.top_img_h1 {
		padding-bottom: 20px;
		text-align: center;
		line-height: 1;
	}

	#mvTxt1 {
		padding: 5px 0 0;
		font-size: 150%;
		display: block;
	}

	#mvTxt2 {
		padding: 0 0 10px 0;
		font-size: 350%;
		display: block;
	}

	#mvTxt3 {
		padding: 5px 40px;
		border: 1px #333333 solid;
		font-size: 133.3%;
		display: inline-block;
		letter-spacing: 0.6em;
		text-indent: 0.3em;
		text-align: center;
	}

	#mv_bottombannar {
		position: absolute;
		bottom: 0;
		right: 185px;
	}

	#mv_bottombannar a {
		display: inline-block;
		width: 550px;
	}

	#mv_bottombannar a img {
		width: 100%;
	}

	#mv_badge {
		position: absolute;
		top: 15px;
		right: -30px;
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-evenly;
	}

	.top_main_title {
		background: #007130;
		color: #fff;
		padding: 20px 0;
		text-align: center;
	}

	.top_main_title span.top_main_title_p {
		position: absolute;
		top: -20px;
		font-size: 50%;
		line-height: 100%;
		font-weight: normal;
	}

	.top_main_title_p {
		font-size: 2.5rem;
		letter-spacing: 0.05em;
	}

	.top_main_title .flexInner {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.top_main_title h2 {
		margin: 5px auto 15px;
		position: relative;
		font-size: 5rem;
		font-weight: bold;
		/* background: url(../images/top_truck.jpg) no-repeat 30px center; */
		text-align: center;
		display: flex;
		align-items: end;
		justify-content: center;
		line-height: 1;
		letter-spacing: 0.05em;
	}

	.top_main_title h2:before {
		content: "";
		width: 60px;
		height: 40px;
		background: url(../images/truck.svg) center bottom / contain no-repeat;
		margin: 0 10px 0 20px;
	}

	.top_main_title h2 span.small {
		font-size: 80%;
	}

	.top_main_title h2 span.yellow {
		color: #ffde00;
	}

	.top_main_title_w {
		width: 64%;
		background: #fff;
		color: #000;
		font-size: 200%;
		padding: 5px 0;
		border-radius: 5px;
		color: #fb2a27;
		letter-spacing: 0.3em;
	}

	.top_main_title_w p {
		font-size: 92%;
	}

	.top_main_title_w p span {
		font-size: 88%;
		color: #fb2a27;
		background: url(../images/top_icon.jpg) no-repeat 0 center;
		padding: 0 0 0 25px;
		margin: 0 0 0 20px;
	}

	.top_main_box {
		border-left: 4px solid #007130;
		border-right: 4px solid #007130;
		border-bottom: 4px solid #007130;
		/*		background: url(../images/land_map2.jpg) no-repeat right bottom;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		padding: 30px 0 60px 0;
	}

	.top_main_box h3 {
		margin-bottom: 20px;
		color: #007130;
		font-size: 2.5rem;
		font-weight: bold;
		text-align: center;
	}

	#top_main .flexInner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#top_main .flexInnerBox {
		width: 56%;
		margin-left: 40px;
	}

	.top_main_box .top_main_img {
		text-align: center;
	}

	.top_main_box .top_main_img img {
		margin: 0 auto;
	}

	.top_main_box p.top_main_box_comment {
		width: 100%;
		margin: 10px 0 30px;
		font-size: 1.6rem;
	}

	.top_main_box p.top_main_box_btn {
		position: relative;
		margin: 0 auto;
		text-align: center;
		width: 420px;
	}

	.top_main_box p.top_main_box_btn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 129%;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.top_main_box p.top_main_box_btn a:hover {
		text-decoration: none;
		/*	background:rgba(0,113,48,0.7);*/
		background: #005925;
	}

	.top_main_box p.top_main_box_btn a:after {
		position: absolute;
		right: 20px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	#areaImg {
		width: 40%;
		position: relative;
	}

	#areaImg img {
		width: 100%;
	}

	.top_main_map_p {
		color: #ff8400;
		font-size: 1.8rem;
		font-weight: 700;
		position: absolute;
		top: 50px;
		left: 30px;
		display: none;
	}

	/* 重要なお知らせ */
	.topAnnounce {
		width: 1200px;
		margin: 20px auto 60px;
		background: #fff;
		border: 2px solid #a40000;
	}

	.topAnnounce p {
		position: relative;
		padding: 20px 40px 40px;
		font-size: 16px;
	}

	.topAnnounce p span {
		display: block;
	}

	span.annoTit {
		margin: 0 0 10px 0;
		font-size: 20px;
		font-weight: bold;
		color: #a40000;
		text-align: left;
	}

	a.announce_btn {
		position: absolute;
		right: 40px;
		bottom: 20px;
		padding: 4px 16px 3px 20px;
		border: 1px solid #a40000;
		font-size: 13px;
		color: #a40000;
		transition: 0.6s;
	}

	a.announce_btn:hover {
		color: #fff;
		background: #a40000;
		text-decoration: none;
	}

	a.announce_btn::after {
		content: "＞";
		margin-left: 5px;
		font-size: 12px;
	}

	.announceArea {
		width: 98%;
		max-width: 1200px;
		margin: 30px auto;
		padding: 20px 0;
		background: #f2f2f2;
	}

	.announceList {
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 0.5em 0;
	}

	.announceList li a {
		color: #a40000;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.4;
		text-decoration: underline;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.announceList li a:before {
		content: "";
		display: flex;
		background: url(../images/icon_attention.svg) no-repeat 0 0;
		background-size: contain;
		width: 10px;
		height: 10px;
		margin-right: 0.5em;
		flex-shrink: 0;
	}

	.announceArea.top {
		width: 100%;
		max-width: 100%;
		margin: 170px 0 0;
		padding: 10px 0;
	}

	.announceArea.top .announceList li a:after {
		content: "";
		margin-left: 1em;
		display: block;
		width: 4px;
		height: 4px;
		border-top: 2px solid #a40000;
		border-right: 2px solid #a40000;
		-webkit-transform: rotate(45deg);
		/*
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1%;
*/
	}

	/* オーディオランドのこと動画で紹介します */
	.top_movie {
		width: 1200px;
		padding-top: 40px;
		padding-bottom: 74px;
		border: 5px solid #007130;
		margin-top: 60px;
		position: relative;
		z-index: 10;
		/* background: url(../images/movie_chara.png) -25px 279px no-repeat; */
		overflow: hidden;
		box-sizing: border-box;
	}

	.top_movie::before {
		content: "";
		display: inline-block;
		width: 1066px;
		max-width: 100%;
		/* height: 185px; */
		aspect-ratio: 1066 / 185;
		background: url(../images/movie_filmtop.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
	}

	.top_movie::after {
		content: "";
		display: inline-block;
		width: 903px;
		max-width: 100%;
		/* height: 156px; */
		aspect-ratio: 301 / 52;
		background: url(../images/movie_filmbottom.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		bottom: 0px;
		right: 0px;
		z-index: -1;
	}

	#movie_title_wrap {
		display: flex;
		justify-content: start;
		align-items: stretch;
		column-gap: 2.5%;
		margin-bottom: 50px;
	}

	#movie_title {
		width: 40%;
		text-align: center;
		font-size: 33px;
		letter-spacing: 0.08em;
		font-weight: 700;
		background: #007131;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 1em;
	}

	#movie_title::before {
		display: block;
		content: "";
		width: 1.85em;
		height: 1.27em;
		background: url(../images/icon_movie.svg) center / contain no-repeat;
	}

	#movie_txt {
		/* width: 55%; */
		border-top: 2px solid #007131;
		border-bottom: 2px solid #007131;
		background: rgb(255, 255, 255, 0.9);
		padding: 0.5em 2.3em;
		font-size: 16px;
		letter-spacing: 0.06em;
	}

	#movie_list_wrap {
		padding: 0 3.75%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	#movie_list {
		width: 21%;
		display: flex;
		justify-content: center;
		/*		align-items: start;*/
		flex-direction: column;
		gap: 10px 0;
	}

	.movie_item {
		width: 100%;
	}

	.movie_item iframe {
		aspect-ratio: 7 / 4;
		width: 100%;
		height: 100%;
		vertical-align: bottom;
	}

	.movie_item img {
		display: block;
		width: 100%;
	}

	.movie_item_title {
		margin-top: 0.25em;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 700;
		/* line-height: 2.77; */
		color: #007131;
		background: rgb(255, 255, 255, 0.9);
		padding: 0.5em;
	}

	#movie_big {
		width: 76%;
	}

	#movie_big .movie_item_title {
		font-size: 1.6rem;
	}

	.movie_item_title.ready {
		color: #737373;
	}

	.movie_item_title a {
		color: #007131;
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 12px;
		transition: all 0.3s;
	}

	.movie_item_title a::after {
		display: inline-block;
		content: "";
		width: 20px;
		height: 20px;
		background: url(../images/icon_movie_link.svg) 0 0 / contain no-repeat;
	}

	/* .movie_left {
		width: 455px;
		float: left;
		padding: 20px 0 20px 45px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.movie_left h3 {
		padding-bottom: 20px;
	}

	.top_movie_box_comment {
		padding-bottom: 80px;
		font-size: 128%;
		line-height: 1.3;
	}

	.movie_right {
		width: 680px;
		padding: 20px 20px 20px 0;
		float: right;
	} */

	/* .movie_frame {
		width: 680px;
		padding: 7px;
		border: 1px solid #cdcdcd;
		box-shadow: 0 0 3px #cdcdcd;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: bottom;
	}

	.movie_right video {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	} */

	/*---------------------*/
	.top_left_right {
		margin-bottom: 60px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.top_left {
		width: 49%;
		position: relative;
	}

	.top_right {
		width: 49%;
		position: relative;
	}

	.top_left h2,
	.top_right h2 {
		color: #007130;
		font-weight: bold;
		font-size: 182%;
		margin: 60px 0 10px 0;
		position: relative;
	}

	#jenreList {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px 0;
	}

	#jenreList li {
		width: 49%;
		height: 140px;
	}

	#jenreList li a {
		width: 100%;
		height: 100%;
		padding-left: 40px;
		color: #1f5423;
		border: 1px solid #007130;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 0 20px;
		box-sizing: border-box;
		transition: 0.3s;
	}

	#jenreList li a:hover {
		background: #007130;
		color: #fff;
		text-decoration: none;
	}

	#jenreList li a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		transform: scale(1.1);
	}

	#jenreList li a h3 {
		width: 90px;
		font-size: 1.6rem;
		text-align: center;
	}

	#jenreList li img {
		width: auto;
		height: 90px;
	}

	/*
	.top_left ul {
		margin: 0 0 0 -10px;
	}

	.top_left li {
		float: left;
		width: 290px;
		margin: 0 0 10px 10px;
	}
*/

	/*
	.top_genrebox:before,
	.top_genrebox:after {
		content: " ";
		display: table;
	}

	.top_genrebox:after {
		clear: both;
	}

	.top_genrebox {
		*zoom: 1;
	}

	a .top_genrebox {
		color: #1f5423;
		border: 1px solid #007130;
		transition: 0.5s;
		padding: 5px 0;
	}

	a:hover .top_genrebox {
		background: #007130;
		color: #fff;
	}

	a:hover .top_genrebox img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	.top_left li img {
		float: left;
		width: 90px;
		height: auto;
		margin: 0 0 0 15px;
	}

	.top_left li h3 {
		float: left;
		width: 170px;
		text-align: center;
		font-size: 122%;
		line-height: 56px;
	}
*/

	/*
	.top_left li h3.two {
		line-height: 100%;
		margin: 13px 0 0 0;
	}

	.top_right ul {
		margin: 0 0 0 -10px;
	}

	.top_right li {
		float: left;
		width: 190px;
		margin: 0 0 15px 10px;
	}

	.top_right li h3 {
		font-size: 122%;
	}
*/

	#brandList {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 15px 0;
	}

	#brandList li {
		width: 32%;
	}

	#brandList li a {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5em 0;
		transition: 0.3s;
	}

	#brandList li a img {
		width: 100%;
	}

	#brandList li a h3 {
		font-size: 1.5rem;
	}

	.more_btn {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
	}

	.more_btn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 129%;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.more_btn a:hover {
		text-decoration: none;
		/*	background:rgba(0,113,48,0.7);*/
		background: #005925;
	}

	.more_btn a:after {
		position: absolute;
		right: 200px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/*---------------------*/
	.top_bunnerlist {
		width: 98%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 0 60px;
		overflow: hidden;
	}

	.top_bunnerlist img {
		width: 100%;
	}

	.top_bunnerlist ul {
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.top_bunnerlist li {
		width: 24%;
		position: relative !important;
	}

	/*---------------------*/
	.top_kaitori {
		width: 98%;
		max-width: 1200px;
		margin: 0 auto 40px;
	}

	.top_kaitori h2,
	#blogTop h2,
	#areamap h2 {
		width: 1200px;
		margin-bottom: 20px;
		padding-bottom: 10px;
		color: #007130;
		border-bottom: 2px solid;
		font-weight: bold;
		font-size: 182%;
	}

	#kaitoriList {
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 20px 0;
	}

	#kaitoriList li {
		width: 24%;
		/*		margin-bottom: 30px;*/
	}

	#kaitoriList li:first-child {
		width: 100%;
	}

	#kaitoriList li a {
		transition: all 0.3s ease-in-out 0s;
	}

	.topKaitoriBox {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.topKaitoriBoxCont {
		width: 62%;
	}

	.topKaitoriBox .img {
		width: 34%;
		height: 100%;
		aspect-ratio: 1 / 1;
	}

	.topKaitoriBox .blogInfo {
		padding: 0;
	}

	.topKaitoriBox .blogTime {
		margin: 0;
	}

	#kaitoriList li:first-child .topKaitoriBoxCont {
		width: 74%;
	}

	#kaitoriList li:first-child .topKaitoriBox .img {
		width: 24%;
		height: 180px;
	}

	.topKaitoriBox .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: bottom;
	}

	.topKaitoriBox .icon {
		font-size: 10px;
		letter-spacing: -0.4em;
	}

	.topKaitoriBox .brand_icon {
		margin-right: 5px;
		background: #007130;
		color: #fff;
		padding: 0 5px;
		letter-spacing: normal;
		display: inline-block;
	}

	.topKaitoriBox .genre_icon {
		background: #4ab175;
		color: #fff;
		padding: 0 5px;
		letter-spacing: normal;
		display: inline-block;
	}

	.topKaitoriBox .date {
		margin-bottom: 5px;
	}

	#kaitoriList li:first-child .topKaitoriBox .date:before {
		content: "NEW";
		margin-right: 5px;
		padding: 1px 5px;
		background: #fff;
		color: #007130;
		font-size: 10px;
		border: 1px solid;
	}

	.topKaitoriBox .title {
		margin: 5px 0;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.3;
	}

	#kaitoriList li:first-child .topKaitoriBox .title {
		font-size: 16px;
	}

	.kaitoriTxt {
		display: none;
	}

	#kaitoriList li:first-child .kaitoriTxt {
		display: block;
	}

	/*---------------------*/
	.top_bottom_left {
		float: left;
		background: url(../images/top_bottom.png) no-repeat 0 0;
		width: 560px;
		height: 280px;
		margin: 0 0 45px 0;
		position: relative;
	}

	.top_bottom_left h2 {
		width: 220px;
		position: absolute;
		right: 25px;
		top: 170px;
		background: #ffffff;
		color: #fb2a27;
		border: 1px solid #fb2a27;
		text-align: center;
		font-weight: bold;
		font-size: 144%;
		line-height: 120%;
		padding: 5px 0;
	}

	.top_bottom_left h2 span.small {
		font-size: 90%;
	}

	.top_bottom_left h2 span.large {
		font-size: 144%;
	}

	.top_bottom_left p {
		position: absolute;
		right: 15px;
		top: 230px;
		color: #fb2a27;
		text-align: center;
		font-weight: bold;
		font-size: 144%;
	}

	.top_bottom_right {
		width: 100%;
		margin: 0 0 45px 0;
	}

	.top_bottom_right h2 {
		font-weight: bold;
		font-size: 2.4rem;
		margin: 0 0 5px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.top_bottom_right h2:before {
		content: "";
		width: 40px;
		height: 30px;
		background: url(../images/top_attention_icon.png) center bottom / contain no-repeat;
		margin: 0 10px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.top_bottom_rightbox {
		background: #fff1e3;
		padding: 20px;
		font-size: 118%;
		font-weight: bold;
	}

	/*========================================================
	買取価格を見積
	========================================================*/

	.estimate_faqp {
		color: #007130;
		margin: 30px auto 0px auto;
		font-size: 114%;
	}

	.estimate_btnbox {
		margin: 10px 0 60px -20px;
	}

	.estimate_btnbox p {
		float: left;
		margin: 0 0 12px 20px;
	}

	.estimate_more {}

	.estimate_morebtn {
		width: 210px;
		margin: 0 auto 40px auto;
		text-align: center;
		position: relative;
	}

	.estimate_morebtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 122%;
		height: 35px;
		line-height: 35px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
		padding: 0 10px 0 0;
	}

	.estimate_morebtn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.estimate_morebtn a span {
		height: 16px;
		width: 16px;
	}

	.estimate_morebtn a span:before,
	.estimate_morebtn a span:after {
		content: "";
		height: 3px;
		width: 16px;
		display: block;
		background: #fff;
		position: absolute;
		top: 16px;
		right: 30px;
	}

	.estimate_morebtn a span:after {
		height: 16px;
		width: 3px;
		top: 9px;
		right: 37px;
	}

	/*========================================================
	お問い合わせ
	========================================================*/
	.contact_comment {
		font-size: 152%;
	}

	.contact_faqp {
		color: #007130;
		width: 410px;
		margin: 30px auto 0px auto;
		font-size: 114%;
	}

	.contact_faqbtn {
		width: 410px;
		text-align: center;
		position: relative;
		margin: 10px auto 0 auto;
	}

	.contact_entrybtn {
		width: 840px;
		text-align: center;
		position: relative;
		margin: 10px auto 0 auto;
	}

	.contact_faqbtn a,
	.contact_entrybtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 144%;
		padding: 10px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.contact_faqbtn a:hover,
	.contact_entrybtn a:hover {
		text-decoration: none;
		/*	background:rgba(0,113,48,0.7);*/
		background: #005925;
	}

	.contact_faqbtn a:after,
	.contact_entrybtn a:after {
		position: absolute;
		right: 25px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.contact_title {
		margin: 60px 0 40px 0;
		border: 3px solid #007130;
		color: #007130;
		font-size: 182%;
		font-weight: bold;
		padding: 10px;
	}

	.contact_title img {
		margin: 0 20px;
		float: left;
	}

	.contact_tel {
		float: left;
		margin: 0 0 0 85px;
	}

	.contact_tel {
		line-height: 50px;
	}

	.contact_tel span {
		background: url(../images/contact_freetel.jpg) no-repeat 0 center;
		padding: 0 0 0 75px;
		font-family: "Anton", sans-serif;
		color: #fb2a27;
		font-size: 50px;
		letter-spacing: 4px;
	}

	.contact_eigyou {
		float: left;
		width: 285px;
		text-align: center;
		border: 1px solid #c9c9c9;
		padding: 5px 0;
		color: #007130;
		font-size: 122%;
		margin: 10px 0 0 30px;
	}

	.contact_eigyou span {
		color: #fb2a27;
		margin: 0 0 0 20px;
	}

	.contact_stepbox {
		width: 600px;
		margin: 0px auto;
	}

	.contact_stepbox p {
		background: #007130;
		color: #fff;
		margin: 2px 0 40px 0;
		padding: 10px 0;
		font-size: 144%;
		text-align: center;
		line-height: 120%;
	}

	.contactbox {
		border: 1px solid #c9c9c9;
		padding: 40px;
	}

	.seihinbox {
		border: 1px solid #c9c9c9;
		padding: 40px;
		margin: 0 0 25px 0;
	}

	.seihinbox h3,
	.contactbox h3 {
		color: #007130;
		font-weight: bold;
		font-size: 200%;
		border-bottom: 5px solid #007130;
		position: relative;
	}

	.seihinbox h3 a {
		position: absolute;
		right: 0;
		top: 7px;
		color: #fb2a27;
		font-size: 62%;
		padding: 0 0 0 0;
	}

	.seihinbox h3 span {
		height: 16px;
		width: 16px;
		display: block;
		position: relative;
		float: right;
		margin: 0 0 0 5px;
	}

	.seihinbox h3 span:before,
	.seihinbox h3 span:after {
		content: "";
		height: 3px;
		width: 16px;
		display: block;
		background: #fb2a27;
		position: absolute;
		top: 10px;
		left: 1px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}

	.seihinbox h3 span:after {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	.form_tbl {
		font-size: 129%;
		width: 100%;
	}

	.form_tbl th {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}

	.form_tbl th span {
		background: #fb2a27;
		color: #fff;
		margin: 0 0 0 10px;
		font-size: 82%;
		padding: 0 5px;
	}

	.form_tbl td {
		padding: 5px 0;
	}

	.err_msg {
		color: #fb2a27;
		padding: 0 0 0 20px;
		position: relative;
	}

	.err_msg:after {
		position: absolute;
		left: 10px;
		top: 10px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fb2a27;
		border-right: 2px solid #fb2a27;
		-ms-transform: rotate(315deg);
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
		content: "";
	}

	.form_tbl input[type="tel"],
	.form_tbl input[type="text"] {
		width: 100%;
		height: 42px;
		border: 1px solid #bfbfbf;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.form_tbl textarea {
		width: 100%;
		height: 390px;
		border: 1px solid #bfbfbf;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.form_tbl textarea.point {
		height: 160px;
	}

	.form_tbl input[type="text"].error_box,
	.form_tbl input[type="tel"].error_box,
	.form_tbl textarea.error_box {
		background: #f1aca3;
	}

	.form_tbl input[type="radio"] {
		margin: 0 5px 0 0;
	}

	.form_tbl label {
		margin: 0 15px 0 0;
	}

	.form_tbl select {
		width: 240px;
		height: 45px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url(../images/select.png) right 50% no-repeat;
		padding: 0 10px;
	}

	.element:not(:target)

	/* IE9以上 */
		{
		background: none\9;
		/* IE10以下 => 結果的にIE9のみ */
	}

	@media all and (-ms-high-contrast: none)

	/* IE10以上 */
		{
		.element:not(:target) {
			background: url(../images/select.png) right 50% no-repeat;
		}
	}

	.form_tbl select::-ms-expand {
		display: none;
	}

	.contact_pp {
		background: #ffffff;
		height: 260px;
		margin: 40px auto 20px;
		width: 100%;
		border: 1px #c9c9c9 solid;
		overflow: auto;
	}

	.contact_pp_title {
		font-size: 134%;
		font-weight: bold;
	}

	.contact_pp_content dt {
		margin-top: 10px;
		font-weight: bold;
	}

	.contact_conf_btn {
		text-align: center;
		position: relative;
		width: 300px;
		margin: 40px auto 100px auto;
	}

	.contact_conf_btn a {
		width: 300px;
		height: 70px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: #fb2a27;
		letter-spacing: 3px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 5px 30px 0 30px;
		font-size: 182%;
		font-weight: bold;
		position: relative;
		line-height: 100%;
	}

	.contact_conf_btn a span {
		font-size: 13px;
		font-weight: normal;
		letter-spacing: 0px;
	}

	.contact_conf_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.contact_conf_btn a:after {
		position: absolute;
		right: 20px;
		top: 30px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/*========================================================
	お問い合わせ-確認画面
	========================================================*/
	.contact_confirm_p {
		color: #fb2a27;
		font-size: 152%;
		margin: 40px 0 40px 60px;
	}

	.form_tbl2 {
		font-size: 129%;
		width: 100%;
	}

	.form_tbl2 th {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}

	.form_tbl2 td {
		padding: 5px 0;
		border-bottom: 1px dotted #7d7d7d;
	}

	.contact_submit_btn {
		text-align: center;
		position: relative;
		width: 300px;
		margin: 40px auto 10px auto;
	}

	.contact_submit_btn a {
		width: 300px;
		height: 50px;
		line-height: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: #fb2a27;
		letter-spacing: 3px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		font-size: 182%;
		font-weight: bold;
		position: relative;
	}

	.contact_submit_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.contact_submit_btn a:after {
		position: absolute;
		right: 20px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.contact_back {
		width: 300px;
		text-align: left;
		position: relative;
		margin: 0 auto 100px auto;
	}

	.contact_back a {
		color: #a0a0a0;
		padding: 0 0 0 20px;
	}

	.contact_back a:after {
		position: absolute;
		left: 5px;
		top: 5px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #a0a0a0;
		border-right: 2px solid #a0a0a0;
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		content: "";
	}

	/*========================================================
	お問い合わせ-送信完了
	========================================================*/
	.contact_thanks_p {
		color: #333333;
		font-size: 144%;
		margin: 0 0 40px 0;
	}

	.contact_thanks_p span {
		color: #fb2a27;
	}

	.contact_homebtn {
		width: 300px;
		text-align: center;
		position: relative;
		margin: 10px auto 100px auto;
	}

	.contact_homebtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 144%;
		height: 46px;
		line-height: 46px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.contact_homebtn a:hover {
		text-decoration: none;
		/*	background:rgba(0,113,48,0.7);*/
		background: #005925;
	}

	.contact_homebtn a:after {
		position: absolute;
		right: 25px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/*========================================================
	会社概要
	========================================================*/
	.company_images {
		position: relative;
		overflow: hidden;
		height: 455px;
	}

	.company_images1 {
		z-index: 5;
	}

	.company_images2 {
		z-index: 9;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.company_images3 {
		z-index: 1;
		position: absolute;
		bottom: 300px;
		/*340px;*/
		left: 160px;
		opacity: 0;
	}

	.company_images3 img {
		width: 100%;
	}

	.companybox1 {
		padding: 40px 30px;
		background: #f9f8f4;
		margin: 0 0 60px 0;
	}

	.companybox1 h1 {
		color: #007130;
		font-weight: bold;
		font-size: 220%;
	}

	.companybox1 p {
		font-size: 144%;
		margin: 10px 0;
	}

	.company_tbl {
		width: 100%;
		border-top: 1px solid #c9c9c9;
		font-size: 122%;
	}

	.company_tbl th {
		width: 150px;
		background: #f4f5f0;
		font-weight: bold;
		padding: 20px 15px;
		text-align: right;
		border-bottom: 1px solid #c9c9c9;
		border-left: 1px solid #c9c9c9;
		vertical-align: top;
	}

	.company_tbl td {
		padding: 20px 15px;
		border-bottom: 1px solid #c9c9c9;
		border-right: 1px solid #c9c9c9;
		font-weight: 500;
		font-size: 105%;
		line-height: 180%;
	}

	.company_tbl td.external-link a::after {
		content: "";
		display: inline-block;
		width: 16px;
		/*画像の幅*/
		height: 16px;
		/*画像の高さ*/
		margin-left: 4px;
		margin-bottom: 2px;
		background-image: url(../images/external-link.svg);
		background-size: contain;
		vertical-align: middle;
	}

	.company_tbl td img {
		padding-top: 2px;
	}

	.waku {
		border: 1px solid #c9c9c9;
		padding: 0 5px;
		font-size: 88%;
		margin: 0 10px 0 0;
	}

	/*========================================================
	よくある質問
	========================================================*/
	.top_img_detail .faq_topp {
		height: 85px;
	}

	.faq_title {
		background: #007130;
		padding: 7px 20px;
		color: #fff;
		font-weight: bold;
		font-size: 158%;
	}

	.faq_catebox {
		margin: 0 0 50px 0;
	}

	.faq_box {
		border: 1px solid #c9c9c9;
		margin: 10px 0 0 0;
	}

	.faq_question {
		font-size: 144%;
		position: relative;
		padding: 15px;
		cursor: pointer;
	}

	.faq_question p {
		margin: 0 50px;
	}

	.faq_question:before {
		content: "Q";
		color: #007130;
		font-family: "Anton", sans-serif;
		font-size: 34px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin: -27px 0 0 0;
	}

	.open .faq_question:after {
		position: absolute;
		right: 20px;
		top: 50%;
		margin: -10px 0 0 0;
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		content: "";
	}

	.close .faq_question:after {
		position: absolute;
		right: 20px;
		top: 50%;
		margin: -5px 0 0 0;
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		content: "";
	}

	.faq_answer {
		font-size: 144%;
		position: relative;
		padding: 15px;
		border-top: 1px dotted #c9c9c9;
		display: none;
	}

	.faq_answer:before {
		content: "A";
		color: #fa0400;
		font-family: "Anton", sans-serif;
		font-size: 34px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin: -27px 0 0 0;
	}

	.faq_answer p {
		margin: 0 0 0 50px;
	}

	/*========================================================
	取引の流れ
	========================================================*/
	.flow_toptitle {
		text-align: center;
		color: #007130;
		font-size: 230%;
		font-weight: bold;
		margin: 0 0 30px 0;
	}

	.flow1_btn,
	.flow2_btn {
		background: #007130;
		color: #fff;
		width: 400px;
		height: 120px;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		position: relative;
		margin: 0 0 30px 0;
	}

	.flow1_btn {
		float: left;
	}

	.flow2_btn {
		float: right;
	}

	.flow1_btn p,
	.flow2_btn p {
		font-weight: bold;
		font-size: 144%;
		margin: 25px 0 0 0;
		line-height: 100%;
	}

	.flow1_btn h3,
	.flow2_btn h3 {
		font-weight: bold;
		font-size: 280%;
		padding: 0 0 0 60px;
	}

	.flow1_btn h3 {
		background: url(../images/flow_icon1.png) no-repeat 50px 10px;
	}

	.flow2_btn h3 {
		background: url(../images/flow_icon2.png) no-repeat 50px 10px;
	}

	a .flow1_btn,
	a .flow2_btn {
		transition: 0.5s;
	}

	a:hover .flow1_btn,
	a:hover .flow2_btn {
		text-decoration: none;
		background: #005925;
	}

	.flow1_btn:after,
	.flow2_btn:after {
		position: absolute;
		right: 50%;
		bottom: 15px;
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		content: "";
		margin: 0 0 0 -10px;
	}

	a:hover .flow1_btn:after,
	a:hover .flow2_btn:after {
		bottom: 10px;
	}

	.flow_title {
		border: 2px solid #007130;
		color: #007130;
		font-size: 230%;
		font-weight: bold;
		padding: 10px 20px 10px 85px;
		margin: 10px 0;
	}

	#flow1,
	#flow2 {
		margin-top: -80px;
		padding-top: 80px;
	}

	#flow1 .flow_title {
		background: url(../images/flow_title_icon1.jpg) no-repeat 20px center;
	}

	#flow2 .flow_title {
		background: url(../images/flow_title_icon2.jpg) no-repeat 20px center;
	}

	.flow_box:before,
	.flow_box:after {
		content: " ";
		display: table;
	}

	.flow_box:after {
		clear: both;
	}

	.flow_box {
		*zoom: 1;
		padding: 15px 0;
	}

	.flow_box .img {
		float: left;
		margin: 0 20px 0 0;
	}

	.flow_box .detail {
		float: right;
		width: 500px;
	}

	.flow_box .detail .step {
		margin: 30px 0 0 0;
		border: 1px solid #007130;
		text-align: center;
		padding: 0 0 0 80px;
		color: #007130;
		font-size: 182%;
		font-weight: bold;
		height: 46px;
		line-height: 46px;
	}

	.step1 .detail .step {
		background: url(../images/flow_step1.jpg) no-repeat 0 0;
	}

	.step2 .detail .step {
		background: url(../images/flow_step2.jpg) no-repeat 0 0;
	}

	.step3 .detail .step {
		background: url(../images/flow_step3.jpg) no-repeat 0 0;
	}

	.step4 .detail .step {
		background: url(../images/flow_step4.jpg) no-repeat 0 0;
	}

	.flow_box .detail .caption {
		color: #007130;
		font-size: 167%;
		margin: 10px 0;
	}

	.flow_box .detail .comment {
		font-size: 129%;
	}

	.flow_box .detail .comment span {
		font-weight: bold;
		color: #fb2a27;
	}

	/*========================================================
	買取について
	========================================================*/
	.about_left {
		margin: 40px 0 0 0;
		float: left;
		width: 550px;
	}

	.about_right {
		margin: 40px 0 0 0;
		float: right;
	}

	.about_left h2 {
		font-size: 220%;
		font-weight: bold;
		color: #007130;
		margin: 0 0 10px 0;
	}

	.about_left p {
		font-size: 129%;
	}

	.about_titlebox:before,
	.about_titlebox:after {
		content: " ";
		display: table;
	}

	.about_titlebox:after {
		clear: both;
	}

	.about_titlebox {
		*zoom: 1;
		position: relative;
		margin: 20px 0 0 0;
	}

	.about_titlebox .icon {
		float: left;
		width: 150px;
		margin: 0 10px 0 0;
	}

	.about_titlebox h2 {
		float: left;
		width: 680px;
		border-bottom: 5px solid #cccccc;
		font-size: 167%;
		font-weight: bold;
		height: 70px;
		margin: 50px 0 0 0;
	}

	.about_titlebox .title {
		position: absolute;
		right: 0;
		bottom: 40px;
	}

	.about_titlebox .title p {
		color: #fb2a27;
		font-size: 420%;
		font-weight: 800;
		line-height: 100%;
	}

	.about_titlebox .title img {
		position: absolute;
		top: -50px;
		right: 0;
	}

	.about_titlebox .title p span {
		font-size: 150%;
	}

	.about_p1 {
		font-size: 129%;
		margin: -10px 0 40px 160px;
		text-align: left;
	}

	.about1_img {
		width: 295px;
	}

	.about1_detail {
		width: 545px;
	}

	.about1_detail_title {
		position: relative;
		background: #007130;
		height: 50px;
		line-height: 50px;
		margin: 0 0 20px 0;
	}

	.about1_detail_title h3 {
		color: #fff;
		font-weight: bold;
		font-size: 182%;
		padding: 0 0 0 130px;
	}

	.about1_detail_title p {
		position: absolute;
		left: 15px;
		top: 50%;
		display: block;
		margin: -50px 0 0 0;
		background: #fff;
		border: 5px solid #fb2a27;
		height: 90px;
		width: 90px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		text-align: center;
	}

	.about1_detail_title p span {
		margin: 15px 0 0 0;
		font-size: 220%;
		font-weight: bold;
		color: #fb2a27;
		display: block;
		line-height: 110%;
	}

	.about_detail1_img1 {
		float: left;
	}

	.about_detail1_icons {
		float: right;
		width: 195px;
	}

	.about_detail1_icons p {
		text-align: center;
		border: 1px solid #007130;
		color: #007130;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 0 5px 0;
		padding: 5px 0;
		font-size: 112%;
	}

	.about_detail1_icons p.yellow {
		background: #ffde00;
		color: #000;
		border: none;
	}

	.about1_p {
		margin: 15px 0;
		font-size: 129%;
	}

	.about_morebtn {
		width: 180px;
		text-align: center;
		position: relative;
		margin: 10px 0 65px auto;
	}

	.about_morebtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 128%;
		height: 36px;
		line-height: 36px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.about_morebtn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.about_morebtn a:after {
		position: absolute;
		right: 15px;
		top: 15px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.about2_img {
		width: 345px;
	}

	.about2_img img {
		width: 100%;
		height: auto;
	}

	.about2_detail {
		width: 480px;
	}

	.about3_detail h3,
	.about2_detail h3 {
		color: #007130;
		font-size: 167%;
		font-weight: bold;
		margin: 25px 0 0 0;
	}

	.about3_detail p,
	.about2_detail p {
		font-size: 129%;
		margin: 10px 0;
	}

	.about3_detail p span {
		color: #fb2a27;
	}

	.about3_img {
		width: 290px;
	}

	.about3_detail {
		width: 550px;
	}

	.about4_box {
		position: relative;
	}

	.about4_img {
		position: absolute;
		right: 0;
		bottom: 20px;
		z-index: 9;
	}

	.about4_detail {
		height: 320px;
	}

	.about4_detail h3 {
		color: #007130;
		font-size: 167%;
		font-weight: bold;
		margin: 10px 0 0 0;
	}

	.about4_instapak {
		border: 1px solid #fb2a27;
		position: relative;
		width: 440px;
		margin: 50px 0 0 0;
		padding: 45px 20px 20px 20px;
		font-size: 122%;
	}

	.about4_instapak img {
		position: absolute;
		right: 0;
		left: 0;
		top: -35px;
		margin: 0px auto;
	}

	.about4_p {
		color: #007130;
		font-size: 129%;
		font-weight: bold;
		margin: 0 0 10px 0;
	}

	.about_youtube {
		width: 840px;
	}

	.about_flow_list {
		margin: 20px 0 20px -13px;
	}

	.about_flow_list li {
		float: left;
		width: 200px;
		margin: 0 0 0 13px;
		font-size: 114%;
	}

	.about_flow_p {
		text-align: center;
		background: #fb2a27;
		color: #fff;
		font-size: 210%;
		font-weight: bold;
		margin: 0 0 60px 0;
	}

	#books {
		padding: 60px 0 0 0;
	}

	.about_book_title {
		background: #007130;
		color: #fff;
		font-size: 260%;
		font-weight: bold;
		position: relative;
		height: 65px;
		line-height: 65px;
		padding: 0 0 0 240px;
	}

	.about_book_title img {
		position: absolute;
		left: 70px;
		top: -45px;
	}

	.about_book_list {
		margin: 10px 0 100px -13px;
	}

	.about_book_list li {
		float: left;
		width: 200px;
		margin: 0 0 0 13px;
	}

	.about_book_list li h3 {
		font-weight: bold;
		font-size: 144%;
	}

	.about_book_list li p {
		font-size: 114%;
	}

	/*========================================================
	お知らせ一覧
	========================================================*/
	.blog_searchbox {
		margin: 0 0 40px 0;
	}

	.blog_searchbox li {
		float: left;
		width: 220px;
		margin: 0 20px 0 0;
	}

	.blog_searchbox li p {
		font-size: 122%;
		margin: 0 0 5px 0;
	}

	.blog_searchbox li select {
		width: 100%;
		height: 45px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-size: 129%;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url(../images/select.png) right 50% no-repeat;
		padding: 0 10px;
	}

	.blog_searchbox li select::-ms-expand {
		display: none;
	}

	.top_img_detail p.news_topp {
		height: 60px;
	}

	.blog_list_none p {
		margin: 0 0 20px 0;
	}

	.blog_list_red {
		background: #fb2a27;
		color: #fff;
		padding: 20px;
		font-size: 128%;
	}

	.blog_list_nonebunner {
		width: 100%;
	}

	.blog_list_nonebunner ul {
		margin: 0 0 0 -2%;
	}

	.blog_list_nonebunner li {
		float: left;
		width: 48%;
		margin: 0 0 0 2%;
	}

	.blog_list_nonebunner li img {
		width: 100%;
	}

	.blog_list_none {
		font-size: 122%;
		margin: 20px;
		text-align: center;
	}

	.blog_list {
		border-bottom: 1px solid #c9c9c9;
	}

	.blog_listbox:before,
	.blog_listbox:after {
		content: " ";
		display: table;
	}

	.blog_listbox:after {
		clear: both;
	}

	a:hover .blog_listbox {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
	}

	.blog_listbox {
		*zoom: 1;
		padding: 20px 0;
		border-top: 1px solid #c9c9c9;
		transition: 0.5s;
	}

	.blog_list_img {
		float: left;
		width: 240px;
		height: 170px;
		position: relative;
		/*	background:#f2f2f2;*/
		overflow: hidden;
	}

	.blog_list_img img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		object-fit: cover;
		width: 100%;
		height: auto;
	}

	.blog_list_detail {
		float: right;
		width: 580px;
	}

	.blog_list_date {
		float: left;
		font-size: 112%;
		padding-right: 10px;
	}

	.blog_list_cate li {
		float: left;
		margin: 0 0 0 10px;
	}

	.blog_list_cate li {
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_list_title {
		margin: 10px 0;
		font-size: 129%;
		font-weight: bold;
		color: #007130;
	}

	.blog_list_comment {
		font-size: 107%;
	}

	/*========================================================
	買取実績一覧
	========================================================*/
	.blog_list_brand li,
	.blog_list_brand a {
		float: left;
		margin: 0 5px 3px 0;
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_list_brand a:hover {
		text-decoration: none;
		background: #005925;
	}

	.blog_list_genre li,
	.blog_list_genre a {
		float: left;
		margin: 0 5px 3px 0;
		color: #fff;
		background: #4ab175;
		padding: 0 10px;
	}

	.blog_list_genre a:hover {
		text-decoration: none;
		background: rgba(74, 177, 117, 0.6);
	}

	/*--------------*/
	.brand_box {
		border: 1px solid #c9c9c9;
		padding: 30px;
		margin: 0 0 50px 0;
	}

	.brand_box h2 {
		color: #007130;
		font-size: 167%;
		line-height: 60px;
		font-weight: bold;
	}

	.brand_box h2 img {
		height: 60px;
		width: auto;
		margin: 0 20px 0 0;
	}

	.brand_box_detail {
		padding-top: 20px;
	}

	/*--------------*/
	.genrel_box {
		border: 1px solid #c9c9c9;
		padding: 25px;
		margin: 0 0 50px 0;
	}

	.genrel_detail {
		float: left;
		width: 520px;
	}

	.genrel_detail h2 {
		color: #007130;
		font-size: 197%;
		font-weight: bold;
	}

	.genrel_comment {
		font-size: 129%;
		padding-top: 20px;
	}

	.genrel_img {
		float: right;
		width: 240px;
	}

	.genrel_img img {
		width: 100%;
		height: auto;
	}

	/*========================================================
	お知らせ詳細
	========================================================*/
	.blog_main {
		padding: 40px 30px;
		border: 1px solid #c9c9c9;
	}

	.blog_date {
		float: left;
		font-size: 122%;
		padding-right: 10px;
	}

	.blog_cate li {
		float: left;
		margin: 0 0 0 10px;
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_cate li a {
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_cate li a:hover {
		text-decoration: none;
		background: #005925;
	}

	.blog_title {
		margin: 15px 0;
		font-size: 182%;
		font-weight: bold;
		color: #007130;
	}

	.blog_detail {
		font-size: 136%;
		line-height: 170%;
	}

	.blog_detail p {
		padding-bottom: 1em;
	}

	.blog_detail a {
		color: #007130;
	}

	.blog_detail a:hover {
		color: #007130;
		padding-bottom: 1em;
		text-decoration: underline;
	}

	.blog_detail img {
		max-width: 100%;
		height: auto;
	}

	/*--------*/
	.page_link {
		margin: 25px 0 60px;
		position: relative;
		width: 100%;
	}

	.page_link .center {
		position: absolute;
		top: 0;
		left: 50%;
		text-align: center;
		margin: 0 0 0 -90px;
	}

	.page_link .center2 {
		position: absolute;
		top: 55px;
		left: 50%;
		text-align: center;
		margin: 0 0 0 -90px;
	}

	.page_link .center a,
	.page_link .center2 a {
		display: block;
		border: 1px solid #007130;
		color: #007130;
		width: 180px;
		height: 45px;
		line-height: 45px;
		transition: 0.5s;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.page_link .center a:hover,
	.page_link .center2 a:hover {
		background: #007130;
		color: #fff;
		text-decoration: none;
	}

	.page_link .next {
		float: right;
		width: 250px;
		border-right: 10px solid #007130;
		padding: 5px 10px 5px 0;
		position: relative;
	}

	.page_link .next:after {
		position: absolute;
		right: -7px;
		top: 50%;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
		margin: -3px 0 0 0;
	}

	.page_link .prev {
		float: left;
		width: 250px;
		border-left: 10px solid #007130;
		padding: 5px 0 5px 10px;
		position: relative;
	}

	.page_link .prev:after {
		position: absolute;
		left: -7px;
		top: 50%;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		content: "";
		margin: -3px 0 0 0;
	}

	.page_link .next a,
	.page_link .prev a {
		color: #007130;
		font-weight: bold;
	}

	/*========================================================
	ブランドから探す
	========================================================*/
	.brand_top {
		background: #feda6a;
		margin: 0 0 60px 0;
	}

	.brand_p1,
	.brand_p2 {
		color: #fb2a27;
		font-size: 230%;
		background: url(../images/brand_icon.jpg) no-repeat 0 5px;
		font-weight: bold;
		padding: 0 0 0 40px;
	}

	.brand_p1 {
		float: left;
		margin: 0 0 0 50px;
	}

	.brand_p2 {
		float: right;
		margin: 0 50px 0 0;
	}

	.brand_list {
		padding: 30px 25px 60px 25px;
	}

	.brand_list ul {
		margin: 0 0 0 -10px;
	}

	.brand_list li {
		width: 190px;
		float: left;
		margin: 0 0 20px 10px;
	}

	.brand_list li img {
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.brand_attention {
		text-align: right;
		color: #fb2a27;
		margin: -15px 0 0 0;
		font-size: 114%;
	}

	.brand_top .brand_list {
		padding: 20px 25px;
	}

	.brand_top .brand_list li {
		margin: 0 0 15px 10px;
	}

	.brand_top .brand_list li img {
		border: none;
	}

	/*========================================================
	ジャンルから探す
	========================================================*/
	.genrel_list {
		margin: 20px 0 60px 0;
	}

	.genrel_list ul {
		margin: 0 0 0 -20px;
	}

	.genrel_list li {
		float: left;
		margin: 0 0 20px 20px;
	}

	.genrel_list_box {
		display: table;
		vertical-align: middle;
		width: 410px;
		border: 1px solid #007130;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5px 0;
		transition: 0.5s;
	}

	.genre_img {
		display: table-cell;
		width: 120px;
		height: 80px;
		text-align: center;
	}

	.genre_img img {
		width: 80px;
		max-width: 100%;
		max-height: 100%;
		margin: 0 !important;
	}

	.genre_name {
		display: table-cell;
		vertical-align: middle;
		width: 280px;
		margin: 0 0 0 10px;
		color: #007130;
		line-height: 100%;
		font-size: 144%;
		font-weight: bold;
		text-decoration: none;
	}

	.genrel_list a:hover {
		text-decoration: none;
	}

	.genrel_list a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	a:hover .genrel_list_box {
		text-decoration: none;
		background: #007130;
	}

	a:hover .genrel_list_box p,
	a:hover .genrel_list_box h3 {
		text-decoration: none;
		color: #fff;
	}

	/*========================================================
	ヴィンテージオーディオ強化買取
	========================================================*/
	.vintage_caption {
		font-size: 189%;
		color: #6a3906;
		margin: 20px 0 55px 0;
	}

	.vintage_box1 h3 {
		color: #007130;
		font-weight: bold;
		font-size: 200%;
		margin: 20px 0 10px 0;
		line-height: 130%;
	}

	.vintage_comment {
		font-size: 136%;
	}

	.vintage_comment span {
		background: #fff78b;
	}

	.vintage_more {
		text-align: center;
		color: #007130;
		font-weight: bold;
		font-size: 200%;
		margin: 40px 0;
	}

	.vintage_more:after {
		display: block;
		width: 20px;
		height: 20px;
		border-top: 3px solid #007130;
		border-right: 3px solid #007130;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		content: "";
		margin: -5px auto 0 auto;
	}

	.vintage_detail {
		position: relative;
		margin: 0 0 30px 0;
	}

	.vintage_detail .comment1 {
		position: absolute;
		font-size: 136%;
		top: 0;
		left: 0;
		width: 490px;
	}

	.vintage_detail .comment2 {
		position: absolute;
		font-size: 100%;
		bottom: 0;
		left: 0;
	}

	.vintage_brandlist {
		margin: 30px 0 30px -26px;
	}

	.vintage_brandlist li {
		float: left;
		margin: 0 0 15px 26px;
	}

	.vintage_brandlist li a img {
		transition: 0.5s;
	}

	.vintage_brandlist li a:hover img {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
	}

	.vintage_brandlist_p {
		color: #a40000;
		font-weight: bold;
		font-size: 144%;
		margin: 0 0 70px 0;
	}

	.vintage_box3 {
		position: relative;
		margin: 0 0 100px 0;
		padding: 0 0 60px 0;
	}

	/*========================================================
	ブログコンテンツ
	========================================================*/
	/* TOPページ */
	#blogTop {
		width: 1200px;
		margin: 0 auto 60px;
	}

	/*
	#blogTop h2 {
		text-align: center;
		padding-bottom: 25px;
	}
	*/

	.titBox {
		border-top: 2px solid #2c3e50;
		border-bottom: 2px solid #2c3e50;
		margin-bottom: 20px;
	}

	.blogTit {
		font-size: 22px;
		line-height: 1;
		padding: 10px 0;
		position: relative;
	}

	#blogList {
		padding: 15px 0 20px;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}

	.blogItem {
		width: 19%;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		position: relative !important;
	}

	.blogItem a {
		display: block;
		overflow: visible;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogItem a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.blogItem:nth-child(n + 5) {
		margin-bottom: 0;
	}

	.blogItem:last-child {
		padding-right: 0;
	}

	.blogItem p {
		display: none;
	}

	.blogImg {
		position: relative;
	}

	.blogImg::before {
		display: block;
		content: "";
		padding-top: 75%;
	}

	.blogImg img {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		border-bottom: solid 1px #dcdcdc;
		object-fit: cover;
		background: #f2f2f2;
	}

	.blogContent {}

	.blogInfo {
		padding: 10px 0 0;
		letter-spacing: -0.4em;
	}

	.blogTime {
		display: block;
		margin: 0 10px;
		font-size: 122%;
		letter-spacing: normal;
		vertical-align: top;
		color: #c0c0c0;
	}

	.blogCate {
		display: inline-block;
		letter-spacing: normal;
		position: absolute;
		top: -5px;
		left: -8px;
	}

	.blogCate::before {
		content: "";
		position: absolute;
		top: 0;
		right: -8px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 0 8px;
		border-color: transparent transparent transparent #4f8f53;
	}

	.blogCate::after {
		content: "";
		position: absolute;
		top: 22px;
		left: 0px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 6px 0;
		border-color: transparent #4f8f53 transparent transparent;
	}

	.blogCate span.blogCateItem {
		display: inline-block;
		padding: 5px 10px;
		letter-spacing: 1px;
		font-size: 100%;
		line-height: 1;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
	}

	.blogCate span.blogCateItem a {
		display: block;
		padding: 10px 10px;
		letter-spacing: 1px;
		font-size: 130%;
		line-height: 1;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogCate span.blogCateItem a:hover {
		background-color: #005925;
		text-decoration: none;
	}

	#blogDetail .blogCate span.blogCateItem {
		padding: 0;
	}

	#blogDetail .blogCate::after {
		position: absolute;
		top: 35px;
	}

	.articleTit {
		font-size: 150%;
		font-weight: bold;
		line-height: 1.3;
		color: #007130;
	}

	#blogMore {
		width: 600px;
		margin: 0 auto;
	}

	#blogMore a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 129%;
		text-align: center;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		letter-spacing: -0.4em;
		transition: all 0.3s ease-in-out 0s;
	}

	#blogMore a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	#blogMore span {
		display: inline-block;
		letter-spacing: normal;
		color: #fff;
		position: relative;
	}

	#blogMore a span::after {
		position: absolute;
		right: -23px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/* ブログ一覧ページ */
	#audioBlog {
		background: url(../images/audioblog_top.jpg) center 0 no-repeat;
	}

	#blog {
		width: 840px;
		float: left;
	}

	#blogPageList {
		letter-spacing: -0.4em;
	}

	.blogPageItem {
		width: 264px;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
		border: 1px solid #dcdcdc;
		margin: 0 20px 20px 0;
	}

	.blogPageItem a {
		display: block;
		position: relative;
		overflow: visible;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogPageItem a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.blogPageItem:nth-child(3n) {
		margin-right: 0;
	}

	.blogPageItem:nth-child(n + 10) {
		margin-bottom: 0;
	}

	.blogPageImg {
		width: 100%;
		position: relative;
	}

	.blogPageImg img {
		width: 100%;
		height: auto;
	}

	.blogPageRight {
		width: 100%;
	}

	.blogPageTit {
		font-size: 1.4rem;
		line-height: 1.3;
		padding: 0 10px 10px;
	}

	.blogPageTxt {
		font-size: 13px;
		line-height: 1.3;
		padding: 0 10px 10px;
	}

	/* ブログ詳細ページ */
	#blogDetail {
		width: 840px;
		border: 1px solid #c9c9c9;
		padding: 40px 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#blogDetail .blogTime {
		text-align: right;
		padding-bottom: 10px;
	}

	#blogDetail .blogCate {
		top: 108px;
	}

	.blogContent2 {
		padding-bottom: 110px !important;
	}

	.blogContent2 #qaaTit {
		background: url(images/blog_main_tit2.jpg) 0 0 no-repeat;
	}

	.blogPage #qaaTit {
		background: url(images/blog_main_tit2.jpg) 0 0 no-repeat;
	}

	.blogArticle {}

	.blogAtit {
		font-size: 250%;
		font-weight: bold;
		line-height: 1.2;
	}

	.blogPageEyecatch {
		width: 100%;
		height: auto;
	}

	.blogPageEyecatch img {
		width: 100%;
		height: auto;
	}

	.blogAeyecatch {
		padding-bottom: 20px;
	}

	.blogASentence p {
		margin-bottom: 16px;
	}

	.blogASentence img {
		width: 100%;
		height: auto;
		margin-bottom: 16px;
	}

	.blogASentence {
		font-size: 15px;
	}

	.blogASentence h2 {
		font-size: 160%;
		line-height: 1.3;
		background: #007130;
		color: #fff;
		font-weight: bold;
		padding: 10px 20px;
		margin: 60px 0 20px;
		position: relative;
	}

	.blogASentence h3 {
		font-size: 140%;
		line-height: 1.3;
		font-weight: bold;
		border-top: 2px solid #007130;
		border-bottom: 2px solid #007130;
		padding: 10px 20px;
		margin: 40px 0 20px;
		color: #007130;
	}

	.blogASentence h4 {
		font-size: 130%;
		line-height: 1.3;
		font-weight: bold;
		border-left: 10px solid #007130;
		padding: 0 12px;
		margin: 40px 0 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.blogASentence blockquote {
		padding: 50px 20px 20px;
		margin-bottom: 16px;
		position: relative;
		background-color: #e3e3e3;
	}

	.blogASentence blockquote::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/blog_blockquote.png);
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		top: 5px;
		left: 10px;
	}

	.blogASentence strong {
		font-weight: bold;
	}

	.blogASentence a {
		color: #007130;
		text-decoration: underline;
	}

	.blogASentence a:hover {
		opacity: 0.6;
	}

	.blogASentence table {
		border: 2px solid #dadada;
		margin-bottom: 20px;
	}

	.blogASentence tr {
		border-bottom: 2px solid #dadada;
	}

	.blogASentence tr td:nth-child(1) {
		text-align: center;
	}

	.blogASentence tr td {
		border-right: 2px solid #dadada;
	}

	.blogASentence tr td:last-child {
		border-right: none;
	}

	.blogPager {
		text-align: center;
		font-size: 13px;
		letter-spacing: -0.4em;
	}

	.blogPager a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.gotoAnother {
		display: inline-block;
		max-width: 300px;
	}

	.gotoAnother a {
		display: block;
		padding: 12px 20px;
		font-size: 120%;
		letter-spacing: normal;
		background-color: #fff;
		color: #007130;
		border: 1px solid #007130;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gotoAnother a:hover {
		color: #fff;
		background-color: #005925;
		border: 1px solid #005925;
	}

	.gotoList {
		display: inline-block;
		margin: 0 20px;
	}

	.gotoList a {
		display: block;
		width: 200px;
		padding: 13px 0;
		font-size: 120%;
		letter-spacing: normal;
		background-color: #007130;
		color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	/* ブログ、アーカイブ記事ページャー */
	#pageNavWrap {
		text-align: center;
		margin: 10px 0 50px;
	}

	#pager2 {
		display: inline-block;
	}

	#pageNavWrap a,
	#pageNavWrap span {
		width: 30px;
		height: 30px;
		line-height: 30px;
		display: inline-block;
		color: #fff;
		background-color: #dedede;
		margin: 0 2px;
		white-space: nowrap;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	#pageNavWrap a,
	#pageNavWrap span {
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		color: #fff;
		background-color: #eeeeee;
		margin: 0 2px;
		white-space: nowrap;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	#pageNavWrap span.current,
	#pageNavWrap a.next,
	#pageNavWrap a.prev {
		color: #fff;
		background-color: #007130;
		vertical-align: top;
	}

	#pageNavWrap span.dots {
		background-color: #fff;
		color: #000;
		padding: 10px 0;
	}

	#buylistMore {
		margin: 0 auto;
	}

	#buylistMore a {
		display: block;
		padding-right: 30px;
		background: transparent;
		color: #007130;
		text-align: right;
		font-size: 129%;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		letter-spacing: -0.4em;
		transition: all 0.3s ease-in-out 0s;
	}

	#buylistMore a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	#buylistMore span {
		display: inline-block;
		letter-spacing: normal;
		color: #007130;
		position: relative;
	}

	#buylistMore a span::after {
		position: absolute;
		right: -20px;
		top: 9px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/* 210118_梱包キット導入にあたっての修正 */
	.about1_detail_title {
		height: auto;
	}

	.about1_detail_title h3 {
		line-height: 1.2;
		height: auto;
		padding: 15px 6px 15px 130px;
	}

	#kit_title1 {
		font-size: 370%;
	}

	#kit_title2 {
		font-size: 80%;
	}

	#needitem {
		color: #fb2a27;
		font-weight: bold;
	}

	#attention {
		color: #fb2a27;
		font-weight: normal;
		font-size: 100%;
	}

	#bold {
		line-height: 3;
		font-weight: bold;
	}

	/* yahoo画像ページ */
	#header_yahoo {
		width: 100%;
		color: #000000;
		text-align: center;
		letter-spacing: normal;
		background: #fff;
		border-bottom: 1px solid #ddd;
		transition: 0.5s;
	}

	.logo_yahoo {
		float: none;
		padding: 20px 0;
	}

	#contents_yahoo {
		width: 1000px;
		margin: 0 auto;
		padding: 40px 0 80px;
	}

	#yahooLeft {
		width: 500px;
		float: left;
	}

	#slide {
		margin-bottom: 16px;
	}

	ul#gallery {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		transform: none !important;
	}

	ul#gallery li {
		width: calc(80% / 10) !important;
		margin-right: calc(20% / 9) !important;
		margin-bottom: calc(20% / 9) !important;
		height: auto;
	}

	ul#gallery li a img {
		vertical-align: bottom !important;
	}

	ul#gallery li:nth-child(10n) {
		margin-right: 0 !important;
		margin-bottom: calc(20% / 9) !important;
	}

	#slide img,
	ul#gallery li img {
		width: 100%;
		height: auto;
	}

	#yahooRight {
		width: 450px;
		float: right;
	}

	.yahooTab:nth-child(1) {
		font-size: 13px;
		margin-bottom: 4px;
	}

	.yahooTab:nth-child(2) {
		font-size: 13px;
		margin-bottom: 16px;
	}

	.yahooTab span {
		font-size: 13px;
		font-weight: bold;
		color: #4f8f53;
		margin-right: 8px;
	}

	h1.yahooTtl {
		margin-bottom: 12px;
		font-size: 18px;
		font-weight: 600;
	}

	.yahooTxt {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.yahooBtn {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid #ddd;
	}

	.yahooBtn a {
		display: block;
		text-align: center;
		padding: 12px 24px;
		font-size: 14px;
		font-weight: bold;
		background: #fdda45;
		color: #000;
		text-decoration: none;
		transition: 0.2s;
	}

	.yahooBtn a:hover {
		opacity: 0.6;
	}

	ul.yahooLink {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.yahooLink li {
		width: 49%;
		margin-bottom: 3px;
	}

	ul.yahooLink li img {
		width: 100%;
		height: auto;
	}

	.yahooCaption {
		height: 13px;
		text-align: center;
		font-size: 10px;
		line-height: 1.3;
		overflow: hidden;
	}

	ul.yahooLink li a {}

	.copyrightYahoo {
		background: #f6f0f0;
		text-align: center;
		color: #666666;
		padding: 5px 0;
		font-size: 11px;
	}

	#fancybox {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}

	#fancybox a:nth-child(1) {
		display: block;
		width: 100%;
	}

	#fancybox a:nth-child(n + 2) {
		display: block;
		width: calc(90% / 5);
		margin-right: calc(10% / 4);
		margin-bottom: calc(10% / 4);
		height: auto;
	}

	#fancybox a:nth-child(5n + 1) {
		margin-right: 0 !important;
		margin-bottom: calc(10% / 2) !important;
	}

	.fancyinner {
		position: relative;
	}

	.fancyinner::before {
		display: block;
		content: "";
		padding-top: 100%;
	}

	.fancyinner img {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		border: solid 1px #ccc;
		background: #fff;
		object-fit: contain;
		box-sizing: border-box;
	}

	.fancybox-thumbs__list a:before {
		border: 4px solid #fdda45 !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.sp {
		display: none;
	}

	.tabletShow {
		display: block;
	}

	#header {
		width: 100%;
		color: #000000;
		text-align: left;
		letter-spacing: normal;
		background: #fff;
	}

	#contents {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#fixed {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99999;
	}

	.inner {
		width: 100%;
		margin: 0px auto;
	}

	a img {
		transition: 0.5s;
		box-shadow: #000 0 0 0;
	}

	a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}

	#header .inner {
		display: flex;
		justify-content: space-between;
		padding: 0 1%;
		box-sizing: border-box;
	}

	.headerLogo {
		height: 110px;
		width: 18%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.headerLogo a {
		width: 100%;
		display: block;
	}

	.headerLogo a img {
		width: 100%;
	}

	#headerBox {
		width: 78%;
		height: 110px;
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	#headerBox img {
		width: 100%;
	}

	.headerBoxImg {
		width: 35%;
		height: 110px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.telWrap {
		height: 110px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.telTxt {
		margin-bottom: 2px;
		padding: 1px 0;
		background: #fff;
		color: #007130;
		font-size: 1.2rem;
		text-align: center;
		font-weight: 600;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}

	.telNum {
		color: #ff6d01;
		font-family: "Urbanist", serif;
		font-size: 2.8rem;
		letter-spacing: 0.02em;
		line-height: 1;
		display: flex;
		align-items: center;
		gap: 0 10px;
	}

	.telNum:before {
		content: "";
		display: flex;
		width: 40px;
		height: 28px;
		background: url(../images/common/icon_tel.svg) no-repeat;
		background-size: contain;
	}

	.telTime {
		font-size: 1.2rem;
		display: flex;
		align-items: center;
		gap: 0 10px;
	}

	.telTime span {
		padding: 0px 8px;
		border-radius: 8px;
		background: #007130;
		color: #fff;
		font-size: 1.1rem;
	}

	.formWrap {
		position: relative;
	}

	.formWrap a {
		width: 260px;
		height: 100px;
		padding-left: 10px;
		background: #ff6d01;
		color: #fff;
		font-size: 2.4rem;
		font-weight: 700;
		border-radius: 0 0 20px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		gap: 0 5px;
		transition: all 0.3s ease-in-out 0s;
		box-sizing: border-box;
	}

	.formWrap a:after {
		content: "";
		display: flex;
		width: 20px;
		height: 20px;
		background: url(../images/common/arrow_form.svg) no-repeat;
		background-size: contain;
	}

	.formWrap a:hover {
		text-decoration: none;
		padding-top: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	.formWrap a span {
		font-size: 1.8rem;
	}

	.formWrapTxt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.formInner {
		display: flex;
		align-items: center;
		font-size: 1.8rem;
		gap: 0 5px;
	}

	.formBox {
		height: 25px;
		padding: 0px 10px;
		border-radius: 30px;
		background: #fff;
		color: #ff6d01;
		font-size: 1.4rem;
		line-height: 25px;
	}

	.formWrap a .formBox span {
		font-size: 1rem;
	}

	.formTxt {
		letter-spacing: 0.05em;
	}

	.inner.pc {
		display: none;
	}

	#fvArea {
		width: 100%;
		height: 50vw;
		margin: 0 auto 50px;
		background: url(../images/fv_top.jpg) no-repeat center;
		background-size: cover;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
	}

	#fvImg {
		width: 90vw;
		max-width: 1060px;
		margin-top: 10vw;
	}

	#fvImg img {
		width: 100%;
	}

	#fvTxtBox {
		width: 80vw;
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: -6vw;
	}

	#fvTxtBox img {
		width: 30vw;
		margin-top: 9vh;
	}

	.fvTxt {
		color: #fff;
		font-size: 4.5vw;
		letter-spacing: 0.05em;
		position: absolute;
		left: 0;
	}

	.fvTxt.right {
		right: 0;
		left: auto;
	}

	.fvTxt span {
		font-size: 3.5vw;
	}

	#gnavi {
		width: 100%;
		background: #007130;
		height: 60px;
		text-align: center;
	}

	#gnavi ul {
		width: 100%;
		height: 60px;
		margin: 0px auto;
		overflow: hidden;
		display: inline-block;
		letter-spacing: -0.4em;
	}

	#gnavi li {
		display: inline-block;
		height: 60px;
		border-left: 1px solid #4f8f53;
		text-align: center;
		vertical-align: middle;
		text-align: center;
		letter-spacing: normal;
	}

	#gnavi li.home {
		border: none;
	}

	#gnavi li.home img {}

	#gnavi li a {
		display: table-cell;
		padding: 0 20px;
		height: 60px;
		color: #fff;
		font-size: 129%;
		text-align: center;
		transition: all 0.5s ease 0s;
		vertical-align: middle;
		white-space: nowrap;
		line-height: 1.2;
	}

	#gnavi li.twoline a span {
		font-size: 82%;
	}

	#gnavi li a:hover {
		background: #005925;
		text-decoration: none;
	}

	/* 買取実績 */
	/* ------------------------------------------- */
	#buylistMore {
		width: 97%;
		margin: 0 auto;
	}

	#buylistMore a {
		display: block;
		padding-right: 30px;
		background: transparent;
		color: #007130;
		text-align: right;
		font-size: 129%;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		letter-spacing: -0.4em;
		transition: all 0.3s ease-in-out 0s;
	}

	#buylistMore span {
		display: inline-block;
		letter-spacing: normal;
		color: #007130;
		position: relative;
	}

	#buylistMore a span::after {
		position: absolute;
		right: -20px;
		top: 9px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/* 買取エリア */
	/* ------------------------------------------- */
	#areamap {
		width: 98%;
		margin: 50px auto;
	}

	#areamap .inner {
		width: 100%;
		margin: auto;
		/* padding: 50px;
		box-sizing: border-box;
		background: #fff; */
	}

	.areamap_tit {
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 1em;
		color: #007130;
		font-weight: bold;
		font-size: 182%;
		text-align: center;
	}

	.areamap_tit::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		content: "";
		width: 50px;
		height: 5px;
		background-color: #01712f;
	}

	.areamap_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		column-gap: 20px;
	}

	.areamap_left {
		width: 50%;
	}

	.areamap_right {
		width: 48%;
	}

	.areamap_japan {
		display: block;
		width: 100%;
	}

	.areamap_table {
		width: 100%;
		margin-top: -5px;
		border-collapse: separate;
		border-spacing: 5px;
		font-size: 1.2rem;
	}

	.areamap_region,
	.areamap_prefecture {
		padding: 10px 0;
		vertical-align: middle;
	}

	.areamap_region {
		width: 18%;
		background-color: #ffde00;
		text-align: center;
	}

	.areamap_prefecture {
		padding-left: 10px;
		border-bottom: 1px #f7f7f7 solid;
	}

	.areamap_prefecture ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		column-gap: 1em;
	}

	.areamap_prefecture li {
		cursor: pointer;
	}

	@media all and (-ms-high-contrast: none) {
		.areamap_left {
			margin-right: 20px;
		}

		.areamap_prefecture li:not(:last-child) {
			margin-right: 20px;
		}
	}

	#sns_area {
		position: relative;
		overflow: hidden;
		background: #f6f0f0;
		padding: 15px 0 25px 0;
	}

	#sns_area p {
		text-align: center;
		color: #333333;
		font-weight: bold;
		letter-spacing: 5px;
		margin: 0 0 10px 0;
	}

	#sns_area ul {
		position: relative;
		left: 50%;
		float: left;
	}

	#sns_area ul li {
		position: relative;
		left: -50%;
		float: left;
		margin: 0 6px;
	}

	#sns_area ul li img {
		width: 40px;
		height: auto;
	}

	#footer_contact {
		background: #eee;
		height: 110px;
	}

	#footer_contact .inner {
		max-width: 840px;
		width: 90%;
	}

	#footerBox {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	#footerBox .headerBoxImg {
		width: 33%;
		height: 110px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#footerBox .headerBoxImg img {
		width: 100%;
	}

	.footer_contact_inner {
		width: 580px;
		margin: 0px auto;
	}

	.footer_contact_telbox {
		float: left;
		background: url(../images/footer_man.jpg) no-repeat 0 0;
		padding: 30px 0 0 75px;
		height: 130px;
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.footer_contact_p {
		font-size: 114%;
	}

	.footer_contact_tel_p2 {
		font-size: 92%;
	}

	.footer_contact_tel_p2 span {
		background: #905719;
		padding: 0 5px;
		margin: 0 0 0 10px;
	}

	.footer_contact_tel {
		font-family: "Anton", sans-serif;
		font-size: 236%;
		letter-spacing: 4px;
		line-height: 30px;
		margin: 0 0 3px 0;
	}

	.footer_contact_tel a {
		color: #fff;
	}

	.footer_contact_tel a:hover {
		text-decoration: none;
	}

	.footer_contact_tel img {
		margin: 0 5px 0 0;
	}

	.footer_contact_btnbox {
		float: right;
		text-align: right;
	}

	.footer_contact_btn_p {
		text-align: center;
		color: #fff100;
		font-size: 92%;
		margin: 13px 0 0 0;
		background: url(../images/footer_contact_p_bk.jpg) no-repeat 0 10px;
	}

	.footer_contact_btn_p span {
		font-weight: bold;
	}

	.footer_contact_btn_p span.large {
		font-size: 166%;
		font-weight: bold;
		margin: 0 3px;
	}

	.footer_contact_btn {
		text-align: center;
		position: relative;
		margin: 0;
	}

	.footer_contact_btn a {
		width: 222px;
		height: 45px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: url(../images/footer_btn.jpg) no-repeat #fb2a27 10px center;
		letter-spacing: 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 5px 20px 0 37px;
		font-size: 144%;
		font-weight: bold;
		position: relative;
	}

	.footer_contact_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.footer_contact_btn a:after {
		position: absolute;
		right: 12px;
		top: 16px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.footer_contact_link a {
		color: #fff;
		font-size: 92%;
		position: relative;
		display: inline-block;
		padding-right: 15px;
		margin: 2px 10px 0 0;
		font-weight: bold;
	}

	.footer_contact_link a::before {
		content: "";
		width: 4px;
		height: 4px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 7px;
		right: 5px;
	}

	#footer .inner {
		margin: 40px auto;
	}

	#pc_footer_logo a {
		width: 15%;
		min-width: 150px;
		display: block;
		margin: 0 auto 20px;
	}

	#pc_footer_logo a img {
		width: 100%;
	}

	#footer_box {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 0 20px;
	}

	.footer_box1 {
		width: 300px;
		/*		margin: 0 35px 0 35px;*/
	}

	.footer_box2 {
		width: 300px;
		/*		margin: 0 40px 0 0;*/
	}

	.footer_box3 {
		width: 260px;
		/*		margin: 0 35px 0 0;*/
	}

	.footer_green {
		color: #007130;
		margin: 25px 0 25px 18px;
		width: 214px;
	}

	.footer_green1 {
		border: 1px dashed #007130;
		font-size: 92%;
		text-align: center;
		margin: 0 0 5px 0;
	}

	.footer_tel {
		font-family: "Anton", sans-serif;
		font-size: 200%;
		letter-spacing: 2px;
		line-height: 30px;
		margin: 0 0 3px 0;
	}

	.footer_tel a {
		color: #007130;
	}

	.footer_tel a:hover {
		text-decoration: none;
	}

	.footer_tel img {
		margin: 0 5px 0 0;
	}

	.footer_tel_p2 {
		font-size: 92%;
	}

	.footer_tel_p2 span {
		border: 1px solid #007130;
		padding: 0 5px;
		margin: 0 0 0 10px;
	}

	.footer_btn a {
		margin: 5px 0 0 0;
		display: block;
		color: #fff;
		background: url(../images/footer_mail.png) no-repeat #007130 25px 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-align: center;
		padding: 2px 0 2px 20px;
		transition: 0.5s;
	}

	.footer_btn a:hover {
		text-decoration: none;
		background: url(../images/footer_mail.png) no-repeat #005925 25px 2px;
	}

	.footer_address {
		color: #333333;
	}

	.footer_address li {
		border-left: 5px solid #eeeeee;
		margin: 0 0 5px 0;
		padding: 0 0 0 5px;
	}

	.footer_address li.img {
		border: none;
		padding: 0;
	}

	.footer_address span.gray {
		color: #666666;
	}

	.footer_menu {
		border-top: 1px solid #e5e5e5;
	}

	.footer_menu li {
		border-bottom: 1px solid #e5e5e5;
	}

	.footer_menu li a {
		display: block;
		padding: 11px 15px;
		font-size: 107%;
		position: relative;
		transition: 0.5s;
	}

	.footer_menu li a:hover {
		text-decoration: none;
		background: #e5e5e5;
	}

	.footer_menu li a:after {
		position: absolute;
		right: 15px;
		top: 17px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #868686;
		border-right: 2px solid #868686;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.footer_news_title {
		color: #007130;
		font-weight: bold;
		font-size: 122%;
		margin: -25px 0 0 0;
	}

	.footer_news {
		border-top: 1px solid #e5e5e5;
	}

	.footer_news li {
		border-bottom: 1px solid #e5e5e5;
		padding: 9px 5px;
	}

	.footer_news li .img {
		float: left;
		width: 60px;
		height: 60px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.footer_news li .img img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.footer_news li .detail {
		float: left;
		width: 245px;
		margin: 0 0 0 10px;
	}

	.footer_news li .date {}

	.footer_news li .icon {
		background: #007130;
		color: #fff;
		font-size: 92%;
		margin: 0 0 0 5px;
		padding: 0px 5px;
	}

	.footer_news li a .title {
		transition: 0.5s;
	}

	.footer_news li a:hover .title {
		text-decoration: underline;
	}

	.copyright {
		background: #eee;
		text-align: center;
		color: #666666;
		height: 52px;
		line-height: 52px;
	}

	.copyright a {
		color: #666666;
	}

	#sp_slider .sp-slide {
		position: relative;
	}

	#pagetop {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 9999;
	}

	#top_main,
	#main {
		width: 98%;
		margin: 0 auto;
	}

	#top_side,
	#side {
		float: right;
		width: 30%;
	}

	#side {
		padding: 0 0 100px 0;
	}

	#main_all {
		width: 840px;
		margin: 0px auto;
	}

	#top_img {
		margin: 158px 0 0 0;
		width: 100%;
		height: 450px;
		text-align: center;
		position: relative;
		overflow: hidden;
		display: table;
	}

	.mv {
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.top_img_box {
		display: inline-block;
		width: 1000px;
		text-align: left;
	}

	.top_img_bk {
		background: rgba(0, 0, 0, 0.8);
		width: 0px;
	}

	.top_img_detail {
		width: 1000px;
		padding: 30px 0;
		opacity: 0;
		display: table;
		position: relative;
		top: 30px;
	}

	#main_tit {
		color: #fff;
		font-size: 200%;
		text-align: center;
		width: 400px;
		padding: 0 30px;
		margin: auto 0;
		display: table-cell;
		vertical-align: middle;
		border-right: 1px #4ba873 solid;
	}

	#main_tit_desc {
		padding: 0 30px;
		color: #fff;
		font-size: 125%;
		text-align: left;
		width: 540px;
		margin: auto;
		display: table-cell;
		vertical-align: middle;
	}

	#genre {
		background: url(../images/genrelist_top.jpg) center 0 no-repeat;
	}

	#brand {
		background: url(../images/brandlist_top.jpg) center 0 no-repeat;
	}

	#company {
		background: url(../images/company_top.jpg) center center no-repeat;
		-webkit-background-size: 1500px auto;
		background-size: 1500px auto;
	}

	#buy_single {
		background: url(../images/buylistdetail_top.jpg) center 0 no-repeat;
	}

	#about {
		background: url(../images/about_top.jpg) center 0 no-repeat;
	}

	#flow {
		background: url(../images/flow_top.jpg) center 0 no-repeat;
	}

	#info {
		background: url(../images/news_top.jpg) center 0 no-repeat;
	}

	#faq {
		background: url(../images/faq_top.jpg) center 0 no-repeat;
	}

	#estimate {
		background: url(../images/estimate_top.jpg) center 0 no-repeat;
	}

	#contact {
		background: url(../images/contact_top.jpg) center 0 no-repeat;
	}

	#vintage {
		background: url(../images/vintage_top.jpg) center 0 no-repeat;
	}

	#allitems {
		background: url(../images/buylistdetail_top.jpg) center 0 no-repeat;
	}

	.sub_title {
		color: #007130;
		border: 1px solid #007130;
		font-weight: bold;
		font-size: 144%;
		padding: 10px 20px;
		margin: 0 0 25px 0;
		position: relative;
	}

	.sub_title span {
		display: block;
		border-left: 2px solid #007130;
		position: absolute;
	}

	.sub_title span.sen1 {
		right: 15px;
		bottom: 0;
		height: 25px;
		-webkit-animation-duration: 500ms;
		-webkit-animation-name: sen1;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 500ms;
		animation-name: sen1;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen1 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	@keyframes sen1 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	.sub_title span.sen2 {
		right: 20px;
		bottom: 0;
		height: 20px;
		-webkit-animation-duration: 450ms;
		-webkit-animation-name: sen2;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 450ms;
		animation-name: sen2;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen2 {
		from {
			height: 0px;
		}

		to {
			height: 20px;
		}
	}

	@keyframes sen2 {
		from {
			height: 0px;
		}

		to {
			height: 20px;
		}
	}

	.sub_title span.sen3 {
		right: 25px;
		bottom: 0;
		height: 25px;
		-webkit-animation-duration: 300ms;
		-webkit-animation-name: sen3;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 300ms;
		animation-name: sen3;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen3 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	@keyframes sen3 {
		from {
			height: 0px;
		}

		to {
			height: 25px;
		}
	}

	.sub_title span.sen4 {
		right: 30px;
		bottom: 0;
		height: 32px;
		-webkit-animation-duration: 600ms;
		-webkit-animation-name: sen4;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 600ms;
		animation-name: sen4;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen4 {
		from {
			height: 0px;
		}

		to {
			height: 32px;
		}
	}

	@keyframes sen4 {
		from {
			height: 0px;
		}

		to {
			height: 32px;
		}
	}

	.sub_title span.sen5 {
		right: 35px;
		bottom: 0;
		height: 17px;
		-webkit-animation-duration: 400ms;
		-webkit-animation-name: sen5;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 400ms;
		animation-name: sen5;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen5 {
		from {
			height: 0px;
		}

		to {
			height: 17px;
		}
	}

	@keyframes sen5 {
		from {
			height: 0px;
		}

		to {
			height: 17;
		}
	}

	#navi {
		padding: 0 10px;
		background: #eeeeee;
		height: 30px;
	}

	#navi ul {
		width: 1200px;
		margin: 0px auto;
		color: #333333;
	}

	#navi ul li {
		float: left;
		height: 30px;
		line-height: 30px;
		position: relative;
		padding: 0 25px 0 0;
	}

	#navi ul li a:after {
		margin: auto 0;
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333333;
		border-right: 2px solid #333333;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	#navi ul li img {
		vertical-align: middle;
		width: 20px;
		height: auto;
	}

	.pager {
		position: relative;
		overflow: hidden;
		margin: 40px 0;
	}

	.pager ul {
		position: relative;
		left: 50%;
		float: left;
	}

	.pager ul li {
		position: relative;
		left: -50%;
		float: left;
		list-style: none;
	}

	a.page-numbers,
	.current {
		display: block;
		background: #cccccc;
		color: #fff;
		height: 40px;
		line-height: 40px;
		width: 40px;
		text-align: center;
		margin: 0 5px;
		font-size: 144%;
		transition: 0.5s;
	}

	.current {
		background: #007130;
	}

	.dots {
		display: block;
		height: 40px;
		line-height: 40px;
		width: 30px;
		text-align: center;
	}

	.pager a.prev,
	.pager a.next {
		position: relative;
	}

	.pager a.prev:after,
	.pager a.next:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
	}

	.pager a.next:after {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.pager a.prev:after {
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	a:hover.page-numbers {
		text-decoration: none;
		background: #007130;
	}

	.side_genrelist a img {
		margin: 0 0 10px 0;
		width: 80%;
		height: auto;
	}

	.side_bunnerlist a img,
	.side_bunnerlist2 a img {
		margin: 0 0 10px 0;
		width: 100%;
		height: auto;
	}

	#top_side .side_bunnerlist2 {
		display: none;
	}

	.side_bunnerlist2 img {
		width: 100%;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.side_contactbox {
		background: #ff8400;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 5px;
		margin-bottom: 15px;
		height: 180px;
	}

	.side_contact_img {
		float: left;
		width: 56px;
		margin: 25px 5px 0 0;
	}

	.side_contact_detail {
		float: left;
		width: 78%;
	}

	.side_contact_telbox {
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin: 10px 0 0 0;
	}

	.side_contact_p {
		font-size: 90%;
	}

	.side_contact_tel_p2 {
		font-size: 92%;
	}

	.side_contact_tel_p2 span {
		background: #905719;
		padding: 0 5px;
		margin: 0 0 0 10px;
	}

	.side_contact_tel {
		font-family: "Anton", sans-serif;
		font-size: 215%;
		letter-spacing: 4px;
		line-height: 30px;
		margin: 5px 0;
	}

	.side_contact_tel a {
		color: #fff;
	}

	.side_contact_tel a:hover {
		text-decoration: none;
	}

	.side_contact_tel img {
		margin: 0 5px 0 0;
	}

	.side_contact_btnbox {
		padding: 0 0 0 10px;
	}

	.side_contact_btn_p {
		text-align: center;
		color: #fff100;
		font-size: 92%;
		background: url(../images/footer_contact_p_bk.jpg) no-repeat center 10px;
		width: 222px;
	}

	.side_contact_btn_p span {
		font-weight: bold;
	}

	.side_contact_btn_p span.large {
		font-size: 166%;
		font-weight: bold;
		margin: 0 3px;
	}

	.side_contact_btn {
		text-align: center;
		position: relative;
		margin: 0;
	}

	.side_contact_btn a {
		width: 222px;
		height: 45px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: url(../images/footer_btn.jpg) no-repeat #fb2a27 10px center;
		letter-spacing: 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 5px 20px 0 35px;
		font-size: 144%;
		font-weight: bold;
		position: relative;
	}

	.side_contact_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.side_contact_btn a:after {
		position: absolute;
		right: 15px;
		top: 16px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.side_contact_link a {
		color: #fff;
		font-size: 92%;
		position: relative;
		display: inline-block;
		padding-right: 15px;
		margin: 2px 10px 0 0;
		font-weight: bold;
	}

	.side_contact_link a::before {
		content: "";
		width: 4px;
		height: 4px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 7px;
		right: 5px;
	}

	.qr_box.side {
		width: 100%;
		padding: 20px 30px;
		border-radius: 5px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-around;
	}

	.qr_box.side img {
		height: 60px;
		width: auto;
	}

	.side .qr_inner {
		width: 190px;
	}

	.side .qr_inner p {
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: 0.05em;
	}

	.side .qr_inner p span {
		display: block;
		font-size: 28px;
	}

	.side_genrebox h2,
	.side_brandbox h2 {
		text-align: left;
		color: #007130;
		font-size: 152%;
		border-top: 2px solid #007130;
		border-bottom: 2px solid #007130;
		padding: 10px 0;
		font-weight: bold;
		margin: 30px 0 0 0;
		position: relative;
	}

	.qr_box {
		display: flex;
		background: #feeb05;
	}

	.qr_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.side .qr_inner p {
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: 0.05em;
	}

	.side .qr_inner p span {
		display: block;
		font-size: 28px;
	}

	.qr_box p {
		color: #fff;
		font-weight: bold;
		font-size: 15px;
		text-shadow: 1px 1px 0 #007130, -1px -1px 0 #007130, -1px 1px 0 #007130, 1px -1px 0 #007130, 0px 1px 0 #007130, 0-1px 0 #007130, -1px 0 0 #007130, 1px 0 0 #007130;
	}

	/*--------*/
	.sidebarTit {
		text-align: left;
		color: #007130;
		font-size: 152%;
		border-top: 2px solid #007130;
		border-bottom: 2px solid #007130;
		padding: 10px 0;
		font-weight: bold;
		margin: 30px 0 0 0;
		position: relative;
	}

	h2 .subLink {
		display: block;
		padding: 5px 10px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -1.2em;
		font-size: 65%;
		color: #ffffff;
		background: #007130;
		border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	h2 .subLink:hover {
		text-decoration: none;
		color: #ffffff;
		opacity: 0.8;
	}

	.side_genrelist {
		border-bottom: 1px solid #007130;
	}

	.side_genreoya {
		display: table;
		width: 100%;
		height: 50px;
		vertical-align: middle;
	}

	.side_genrelist p {
		display: table-cell;
		width: 80px;
		height: 50px;
		text-align: center;
		padding: 0 0 0 5px;
	}

	.side_genrelist span {
		display: table-cell;
		vertical-align: middle;
		width: 235px;
		margin: 0 0 0 10px;
		color: #033333;
		line-height: 100%;
	}

	.side_genrelist p img {
		max-width: 100%;
		max-height: 100%;
		margin: 0 !important;
	}

	.side_genrelist h3 {
		display: table-cell;
		vertical-align: middle;
		width: 235px;
		margin: 0 0 0 10px;
		color: #033333;
		line-height: 100%;
	}

	/* .side_genrelist ul {
		margin: 0 0 10px 0;
	} */

	/* .side_genrelist ul li {
		background: url(../images/side_subicon.jpg) no-repeat 0 0;
		padding: 0 0 0 80px;
		line-height: 30px;
		height: 30px;
	} */

	/* .side_genrelist ul li a {
		display: block;
		line-height: 30px;
		height: 30px;
	} */

	.side_genrelist a:hover .side_genreoya span {
		color: #fff;
	}

	.side_genrelist a:hover .side_genreoya {
		background: #007130;
		text-decoration: none;
		color: #fff;
	}

	.side_genrelist a:hover {
		text-decoration: none;
		color: #fff;
	}

	.side_genrelist a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	/* .side_genrelist ul li a:hover {
		text-decoration: underline;
		color: #007130;
	} */

	.side_genrelist a:hover .side_genreoya h3 {
		color: #fff;
	}

	#term_children > li {
		background: url(../images/side_subicon.jpg) no-repeat 0 0;
		padding: 0 0 0 80px;
		line-height: 30px;
		height: 30px;
	}

	#term_children > li a:hover {
		text-decoration: underline;
		color: #007130;
	}

	.side_brandlist {
		position: relative;
		overflow: hidden;
		margin: 20px 0 10px 0;
	}

	.side_brandlist ul {
		position: relative;
	}

	.side_brandlist li {
		position: relative;
		float: left;
		margin: 0 2% 10px 2%;
		width: 46%;
	}

	.side_brandlist li img {
		width: 100%;
	}

	.side_more {
		margin: 0 0 20px 0;
	}

	.side_more a {
		position: relative;
		margin: 5px 0 0 0;
		display: block;
		color: #fff;
		background: #007130;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-align: center;
		padding: 10px 0;
		font-size: 122%;
		transition: 0.5s;
	}

	.side_more a:hover {
		text-decoration: none;
		background: #005925;
	}

	.side_more a:after {
		position: absolute;
		right: 25px;
		top: 17px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.top_img {
		background: url(../images/top_img3.png) 90% center no-repeat;
		-webkit-background-size: 630px auto;
		background-size: 630px auto;
		margin: 158px auto 0;
		padding: 0 10px;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#top_mv {
		width: 405px;
		text-align: center;
	}

	.top_img .img1 {
		padding-top: 35px;
	}

	.top_img_h1 {
		padding-bottom: 20px;
		text-align: center;
		line-height: 1;
	}

	#mvTxt1 {
		padding: 5px 0 0;
		font-size: 150%;
		display: block;
	}

	#mvTxt2 {
		padding: 0 0 10px 0;
		font-size: 350%;
		display: block;
	}

	#mvTxt3 {
		padding: 5px 40px;
		border: 1px #333333 solid;
		font-size: 133.3%;
		display: inline-block;
		letter-spacing: 0.6em;
		text-indent: 0.3em;
		text-align: center;
	}

	.top_kaitori h2,
	#blogTop h2,
	#areamap h2 {
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 10px;
		color: #007130;
		border-bottom: 2px solid;
		font-weight: bold;
		font-size: 2.0rem;
	}

	.top_main_title {
		background: #007130;
		color: #fff;
		padding: 10px 0 20px;
		text-align: center;
	}

	.top_main_title span.top_main_title_p {
		position: absolute;
		top: -20px;
		font-size: 50%;
		line-height: 100%;
		font-weight: normal;
	}

	.top_main_title_p {
		font-size: 2.5rem;
		letter-spacing: 0.05em;
	}

	.top_main_title .flexInner {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.top_main_title h2 {
		margin: 5px auto 15px;
		position: relative;
		font-size: 5rem;
		font-weight: bold;
		/* background: url(../images/top_truck.jpg) no-repeat 30px center; */
		text-align: center;
		display: flex;
		align-items: end;
		justify-content: center;
		line-height: 1;
		letter-spacing: 0.05em;
	}

	.top_main_title h2:before {
		content: "";
		width: 60px;
		height: 40px;
		background: url(../images/truck.svg) center bottom / contain no-repeat;
		margin: 0 10px 0 20px;
	}

	.top_main_title h2 span.small {
		font-size: 80%;
	}

	.top_main_title h2 span.yellow {
		color: #ffde00;
	}

	.top_main_title_w {
		width: 64%;
		background: #fff;
		color: #000;
		font-size: 200%;
		padding: 5px 0;
		border-radius: 5px;
		color: #fb2a27;
		letter-spacing: 0.3em;
	}

	.top_main_title_w p {
		font-size: 92%;
	}

	.top_main_title_w p span {
		font-size: 88%;
		color: #fb2a27;
		background: url(../images/top_icon.jpg) no-repeat 0 center;
		padding: 0 0 0 25px;
		margin: 0 0 0 20px;
	}

	.top_main_box {
		border-left: 4px solid #007130;
		border-right: 4px solid #007130;
		border-bottom: 4px solid #007130;
		/*		background: url(../images/land_map2.jpg) no-repeat right bottom;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		padding: 30px 0 60px 0;
	}

	.top_main_box h3 {
		margin-bottom: 20px;
		color: #007130;
		font-size: 2.5rem;
		font-weight: bold;
		text-align: center;
	}

	#top_main .flexInner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#top_main .flexInnerBox {
		width: 60%;
		margin-left: 40px;
	}

	.top_main_box .top_main_img {
		text-align: center;
	}

	.top_main_box .top_main_img img {
		width: 100%;
		margin: 0 auto;
	}

	.top_main_box p.top_main_box_comment {
		width: 100%;
		margin: 10px 0 30px;
		font-size: 1.6rem;
	}

	.top_main_box p.top_main_box_btn {
		position: relative;
		margin: 0 auto;
		text-align: center;
		width: 420px;
	}

	.top_main_box p.top_main_box_btn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 129%;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.top_main_box p.top_main_box_btn a:hover {
		text-decoration: none;
		/*	background:rgba(0,113,48,0.7);*/
		background: #005925;
	}

	.top_main_box p.top_main_box_btn a:after {
		position: absolute;
		right: 20px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	#areaImg {
		width: 40%;
		position: relative;
	}

	#areaImg img {
		width: 100%;
	}

	.top_main_map_p {
		color: #ff8400;
		font-size: 1.8rem;
		font-weight: 700;
		position: absolute;
		top: 50px;
		left: 30px;
	}

	.top_main_box p.top_main_box_comment {
		font-size: 144%;
	}

	.top_main_box p.top_main_box_btn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 129%;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.top_main_box p.top_main_box_btn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.top_left_right {
		width: 98%;
		margin: 0 auto;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.top_left {
		width: 49%;
		position: relative;
		box-sizing: border-box;
	}

	.top_right {
		width: 49%;
		position: relative;
		box-sizing: border-box;
	}

	.top_left h2,
	.top_right h2 {
		color: #007130;
		font-weight: bold;
		font-size: 182%;
		margin: 60px 0 10px 0;
		position: relative;
	}

	#jenreList {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px 0;
	}

	#jenreList li {
		width: 49%;
		height: 11vw;
	}

	#jenreList li a {
		width: 100%;
		height: 100%;
		padding-left: 15%;
		color: #1f5423;
		border: 1px solid #007130;
		transition: 0.5s;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 0 20px;
		box-sizing: border-box;
	}

	#jenreList li a:hover {
		background: #007130;
		color: #fff;
		text-decoration: none;
	}

	#jenreList li a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		transform: scale(1.1);
	}

	#jenreList li a h3 {
		width: 90px;
		font-size: 1.6rem;
		text-align: center;
	}

	#jenreList li img {
		width: auto;
		height: 90px;
	}

	/*
	.top_left ul {
		margin: 0 0 0 -10px;
	}

	.top_left li {
		float: left;
		width: 48%;
		margin: 0 0 10px 2%;
	}

	.top_genrebox:before,
	.top_genrebox:after {
		content: " ";
		display: table;
	}

	.top_genrebox:after {
		clear: both;
	}

	.top_genrebox {
		*zoom: 1;
	}

	.top_genrebox p {
		text-align: center;
	}

	a .top_genrebox {
		color: #1f5423;
		border: 1px solid #007130;
		transition: 0.5s;
		padding: 5px 0;
	}

	a:hover .top_genrebox {
		background: #007130;
		color: #fff;
	}

	a:hover .top_genrebox img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
*/

	/*
	.top_brandbox img {
		width: 100%;
	}

	.top_left li h3 {
		text-align: center;
		font-size: 122%;
	}

	.top_left li h3.two {
		line-height: 100%;
		margin: 13px 0 0 0;
	}

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

	.top_right ul.clearfix:before,
	.top_right ul.clearfix:after {
		content: none;
	}

	.top_right li {
		width: 48%;
		margin: 0 0 10px;
	}

	.top_right li h3 {
		font-size: 122%;
	}
*/

	#brandList {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 1em 0;
	}

	#brandList li {
		width: 32%;
	}

	#brandList li a {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25em 0;
		transition: 0.3s;
	}

	#brandList li a img {
		width: 100%;
	}

	#brandList li a h3 {
		font-size: 1.4rem;
	}

	#top_brand_list {
		text-align: center;
	}

	#top_brand_list uk {
		display: inline-block;
	}

	.more_btn {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
	}

	.more_btn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 129%;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.more_btn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.more_btn a:after {
		position: absolute;
		right: 200px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.top_bunnerlist {
		width: 98%;
		margin: 0 auto 30px;
		height: auto;
		overflow: hidden;
	}

	.top_bunnerlist img {
		width: 100%;
	}

	.top_bunnerlist ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.top_bunnerlist li {
		position: relative !important;
		width: 24%;
	}

	.top_kaitori {
		width: 98%;
		margin: 0 auto;
	}

	.top_kaitori h2 {
		width: 100%;
		margin: 0px auto 20px;
		color: #007130;
		font-weight: bold;
		font-size: 2.0rem;
	}

	#kaitoriList {
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 20px 0;
	}

	#kaitoriList li {
		width: 48%;
	}

	#kaitoriList li:first-child {
		width: 100%;
	}

	.topKaitoriBox {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.topKaitoriBoxCont {
		width: 70%;
	}

	.topKaitoriBox .img {
		width: 140px;
		height: 140px;
		text-align: center;
	}

	#kaitoriList li:first-child .topKaitoriBoxCont {
		width: 74%;
	}

	#kaitoriList li:first-child .topKaitoriBox .img {
		width: 24%;
		height: 160px;
	}

	.topKaitoriBox .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: bottom;
	}

	.topKaitoriBox .icon {
		letter-spacing: -0.4em;
	}

	.topKaitoriBox .brand_icon {
		margin-right: 10px;
		background: #007130;
		color: #fff;
		padding: 0 5px;
		letter-spacing: normal;
		display: inline-block;
	}

	.topKaitoriBox .genre_icon {
		background: #4ab175;
		color: #fff;
		padding: 0 5px;
		letter-spacing: normal;
		display: inline-block;
	}

	.topKaitoriBox .date {
		margin-bottom: 10px;
	}

	.topKaitoriBox .title {
		margin: 10px 0;
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1.3;
	}

	.topKaitoriBox .blogTime {
		margin: 0;
		font-size: 1.3rem;
	}

	.kaitoriTxt {
		display: none;
	}

	#kaitoriList li:first-child .kaitoriTxt {
		display: contents;
	}

	.top_bottom_left {
		float: left;
		background: url(../images/top_bottom.png) no-repeat 0 0;
		width: 560px;
		height: 280px;
		margin: 0 0 45px 0;
		position: relative;
	}

	.top_bottom_left h2 {
		width: 220px;
		position: absolute;
		right: 25px;
		top: 170px;
		background: #ffffff;
		color: #fb2a27;
		border: 1px solid #fb2a27;
		text-align: center;
		font-weight: bold;
		font-size: 144%;
		line-height: 120%;
		padding: 5px 0;
	}

	.top_bottom_left h2 span.small {
		font-size: 90%;
	}

	.top_bottom_left h2 span.large {
		font-size: 144%;
	}

	.top_bottom_left p {
		position: absolute;
		right: 15px;
		top: 230px;
		color: #fb2a27;
		text-align: center;
		font-weight: bold;
		font-size: 144%;
	}

	.top_bottom_right {
		width: 100%;
		margin: 0 0 45px 0;
	}

	.top_bottom_right h2 {
		font-weight: bold;
		font-size: 2.4rem;
		margin: 0 0 5px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.top_bottom_right h2:before {
		content: "";
		width: 40px;
		height: 30px;
		background: url(../images/top_attention_icon.png) center bottom / contain no-repeat;
		margin: 0 10px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.top_bottom_rightbox {
		background: #fff1e3;
		padding: 20px;
		font-size: 118%;
		font-weight: bold;
	}

	.estimate_faqp {
		color: #007130;
		margin: 30px auto 0px auto;
		font-size: 114%;
	}

	.estimate_btnbox {
		margin: 10px 0 60px -20px;
	}

	.estimate_btnbox p {
		float: left;
		margin: 0 0 12px 20px;
	}

	.estimate_more {}

	.estimate_morebtn {
		width: 210px;
		margin: 0 auto 40px auto;
		text-align: center;
		position: relative;
	}

	.estimate_morebtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 122%;
		height: 35px;
		line-height: 35px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
		padding: 0 10px 0 0;
	}

	.estimate_morebtn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.estimate_morebtn a span {
		height: 16px;
		width: 16px;
	}

	.estimate_morebtn a span:before,
	.estimate_morebtn a span:after {
		content: "";
		height: 3px;
		width: 16px;
		display: block;
		background: #fff;
		position: absolute;
		top: 16px;
		right: 30px;
	}

	.estimate_morebtn a span:after {
		height: 16px;
		width: 3px;
		top: 9px;
		right: 37px;
	}

	.contact_comment {
		font-size: 152%;
	}

	.contact_faqp {
		color: #007130;
		width: 410px;
		margin: 30px auto 0px auto;
		font-size: 114%;
	}

	.contact_entrybtn {
		width: 840px;
		text-align: center;
		position: relative;
		margin: 10px auto 0 auto;
	}

	.contact_faqbtn {
		width: 410px;
		text-align: center;
		position: relative;
		margin: 10px auto 0 auto;
	}

	.contact_faqbtn a,
	.contact_entrybtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 144%;
		padding: 10px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.contact_faqbtn a:hover,
	.contact_entrybtn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.contact_faqbtn a:after,
	.contact_entrybtn a:after {
		position: absolute;
		right: 25px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.contact_title {
		margin: 60px 0 40px 0;
		border: 3px solid #007130;
		color: #007130;
		font-size: 182%;
		font-weight: bold;
		padding: 10px;
	}

	.contact_title img {
		margin: 0 20px;
		float: left;
	}

	.contact_tel {
		float: left;
		margin: 0 0 0 85px;
	}

	.contact_tel {
		line-height: 50px;
	}

	.contact_tel span {
		background: url(../images/contact_freetel.jpg) no-repeat 0 center;
		padding: 0 0 0 75px;
		font-family: "Anton", sans-serif;
		color: #fb2a27;
		font-size: 50px;
		letter-spacing: 4px;
	}

	.contact_eigyou {
		float: left;
		width: 285px;
		text-align: center;
		border: 1px solid #c9c9c9;
		padding: 5px 0;
		color: #007130;
		font-size: 122%;
		margin: 10px 0 0 30px;
	}

	.contact_eigyou span {
		color: #fb2a27;
		margin: 0 0 0 20px;
	}

	.contact_stepbox {
		width: 600px;
		margin: 0px auto;
	}

	.contact_stepbox p {
		background: #007130;
		color: #fff;
		margin: 2px 0 40px 0;
		padding: 10px 0;
		font-size: 144%;
		text-align: center;
		line-height: 120%;
	}

	.contactbox {
		border: 1px solid #c9c9c9;
		padding: 40px;
	}

	.announceArea {
		width: 98%;
		margin: 30px auto;
		padding: 20px 0;
		background: #f2f2f2;
	}

	.announceList {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 0.5em 0;
	}

	.announceList li a {
		color: #a40000;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.4;
		text-decoration: underline;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.announceList li a:before {
		content: "";
		display: flex;
		background: url(../images/icon_attention.svg) no-repeat 0 0;
		background-size: contain;
		width: 10px;
		height: 10px;
		margin-right: 0.5em;
		flex-shrink: 0;
	}

	.announceArea.top {
		width: 100%;
		margin: 170px auto 0;
		padding: 10px 0;
	}

	.announceArea.top .announceList li a:after {
		content: "";
		margin-left: 1em;
		display: block;
		width: 4px;
		height: 4px;
		border-top: 2px solid #a40000;
		border-right: 2px solid #a40000;
		-webkit-transform: rotate(45deg);
	}

	/* オーディオランドのこと動画で紹介します */
	.top_movie {
		width: 98%;
		margin: 50px auto 0;
		padding: 40px 0;
		border: 5px solid #007130;
		position: relative;
		z-index: 10;
		/* background: url(../images/movie_chara.png) -25px 279px no-repeat; */
		overflow: hidden;
		box-sizing: border-box;
	}

	.top_movie::before {
		content: "";
		display: inline-block;
		width: 1066px;
		max-width: 100%;
		/* height: 185px; */
		aspect-ratio: 1066 / 185;
		background: url(../images/movie_filmtop.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
	}

	.top_movie::after {
		content: "";
		display: inline-block;
		width: 903px;
		max-width: 100%;
		/* height: 156px; */
		aspect-ratio: 301 / 52;
		background: url(../images/movie_filmbottom.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		bottom: 0px;
		right: 0px;
		z-index: -1;
	}

	#movie_title_wrap {
		display: flex;
		justify-content: start;
		align-items: stretch;
		column-gap: 2.5%;
		margin-bottom: 50px;
	}

	#movie_title {
		width: 40%;
		text-align: center;
		font-size: 30px;
		letter-spacing: 0.08em;
		font-weight: 700;
		background: #007131;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 1em;
	}

	#movie_title::before {
		display: block;
		content: "";
		width: 1.85em;
		height: 1.27em;
		background: url(../images/icon_movie.svg) center / contain no-repeat;
	}

	#movie_txt {
		width: 48%;
		border-top: 2px solid #007131;
		border-bottom: 2px solid #007131;
		background: rgb(255, 255, 255, 0.9);
		padding: 0.5em 2em;
		font-size: 14px;
		letter-spacing: 0.06em;
	}

	#movie_list_wrap {
		padding: 0 3.75%;
		display: flex;
		justify-content: space-between;
	}

	#movie_list {
		display: flex;
		justify-content: space-between;
		align-items: start;
		width: 74.5%;
	}

	.movie_item {
		width: 24%;
	}

	li.movie_item {
		width: 32.3%;
	}

	.movie_item iframe {
		aspect-ratio: 7 / 4;
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	.movie_item img {
		display: block;
		width: 100%;
	}

	.movie_item_title {
		margin-top: 0.38em;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		/* line-height: 2.77; */
		color: #007131;
		background: rgb(255, 255, 255, 0.9);
		padding: 0.5em;
	}

	.movie_item_title.ready {
		color: #737373;
	}

	.movie_item_title a {
		color: #007131;
		font-size: 1.2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 12px;
		transition: all 0.3s;
	}

	.movie_item_title a::after {
		display: inline-block;
		content: "";
		width: 20px;
		height: 20px;
		background: url(../images/icon_movie_link.svg) 0 0 / contain no-repeat;
	}

	/* .movie_left {
		width: 455px;
		float: left;
		padding: 20px 0 20px 45px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.movie_left h3 {
		padding-bottom: 20px;
	}

	.top_movie_box_comment {
		padding-bottom: 80px;
		font-size: 128%;
		line-height: 1.3;
	}

	.movie_right {
		width: 480px;
		margin-right: 20px;
		padding: 40px 0 40px 0;
		float: right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.movie_frame {
		width: 480px;
		padding: 7px;
		border: 1px solid #cdcdcd;
		box-shadow: 0 0 3px #cdcdcd;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: bottom;
	}

	.movie_right iframe {
		width: 100%;
		height: 300px;
		vertical-align: bottom;
	} */

	.seihinbox {
		border: 1px solid #c9c9c9;
		padding: 40px;
		margin: 0 0 25px 0;
	}

	.seihinbox h3,
	.contactbox h3 {
		color: #007130;
		font-weight: bold;
		font-size: 200%;
		border-bottom: 5px solid #007130;
		position: relative;
	}

	.seihinbox h3 a {
		position: absolute;
		right: 0;
		top: 7px;
		color: #fb2a27;
		font-size: 62%;
		padding: 0 0 0 0;
	}

	.seihinbox h3 span {
		height: 16px;
		width: 16px;
		display: block;
		position: relative;
		float: right;
		margin: 0 0 0 5px;
	}

	.seihinbox h3 span:before,
	.seihinbox h3 span:after {
		content: "";
		height: 3px;
		width: 16px;
		display: block;
		background: #fb2a27;
		position: absolute;
		top: 10px;
		left: 1px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}

	.seihinbox h3 span:after {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	.form_tbl {
		font-size: 129%;
		width: 100%;
	}

	.form_tbl th {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}

	.form_tbl th span {
		background: #fb2a27;
		color: #fff;
		margin: 0 0 0 10px;
		font-size: 82%;
		padding: 0 5px;
	}

	.form_tbl td {
		padding: 5px 0;
	}

	.err_msg {
		color: #fb2a27;
		padding: 0 0 0 20px;
		position: relative;
	}

	.err_msg:after {
		position: absolute;
		left: 10px;
		top: 10px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fb2a27;
		border-right: 2px solid #fb2a27;
		-ms-transform: rotate(315deg);
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
		content: "";
	}

	.form_tbl input[type="tel"],
	.form_tbl input[type="text"] {
		width: 100%;
		height: 42px;
		border: 1px solid #bfbfbf;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.form_tbl textarea {
		width: 100%;
		height: 390px;
		border: 1px solid #bfbfbf;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.form_tbl textarea.point {
		height: 160px;
	}

	.form_tbl input[type="text"].error_box,
	.form_tbl input[type="tel"].error_box,
	.form_tbl textarea.error_box {
		background: #f1aca3;
	}

	.form_tbl input[type="radio"] {
		margin: 0 5px 0 0;
	}

	.form_tbl label {
		margin: 0 15px 0 0;
	}

	.form_tbl select {
		width: 240px;
		height: 45px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url(../images/select.png) right 50% no-repeat;
		padding: 0 10px;
	}

	.element:not(:target) {
		background: none\9;
	}

	@media all and (-ms-high-contrast: none) {
		.element:not(:target) {
			background: url(../images/select.png) right 50% no-repeat;
		}
	}

	.form_tbl select::-ms-expand {
		display: none;
	}

	.contact_pp {
		background: #ffffff;
		height: 260px;
		margin: 40px auto 20px;
		width: 100%;
		border: 1px #c9c9c9 solid;
		overflow: auto;
	}

	.contact_pp_title {
		font-size: 134%;
		font-weight: bold;
	}

	.contact_pp_content dt {
		margin-top: 10px;
		font-weight: bold;
	}

	.contact_conf_btn {
		text-align: center;
		position: relative;
		width: 300px;
		margin: 40px auto 100px auto;
	}

	.contact_conf_btn a {
		width: 300px;
		height: 70px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: #fb2a27;
		letter-spacing: 3px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 5px 30px 0 30px;
		font-size: 182%;
		font-weight: bold;
		position: relative;
		line-height: 100%;
	}

	.contact_conf_btn a span {
		font-size: 13px;
		font-weight: normal;
		letter-spacing: 0px;
	}

	.contact_conf_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.contact_conf_btn a:after {
		position: absolute;
		right: 20px;
		top: 30px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.contact_confirm_p {
		color: #fb2a27;
		font-size: 152%;
		margin: 40px 0 40px 60px;
	}

	.form_tbl2 {
		font-size: 129%;
		width: 100%;
	}

	.form_tbl2 th {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}

	.form_tbl2 td {
		padding: 5px 0;
		border-bottom: 1px dotted #7d7d7d;
	}

	.contact_submit_btn {
		text-align: center;
		position: relative;
		width: 300px;
		margin: 40px auto 10px auto;
	}

	.contact_submit_btn a {
		width: 300px;
		height: 50px;
		line-height: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: #fb2a27;
		letter-spacing: 3px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		font-size: 182%;
		font-weight: bold;
		position: relative;
	}

	.contact_submit_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.contact_submit_btn a:after {
		position: absolute;
		right: 20px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.contact_back {
		width: 300px;
		text-align: left;
		position: relative;
		margin: 0 auto 30px auto;
	}

	.contact_back a {
		color: #a0a0a0;
		padding: 0 0 0 20px;
	}

	.contact_back a:after {
		position: absolute;
		left: 5px;
		top: 5px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #a0a0a0;
		border-right: 2px solid #a0a0a0;
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		content: "";
	}

	.contact_thanks_p {
		color: #333333;
		font-size: 144%;
		margin: 40px 0;
	}

	.contact_thanks_p span {
		color: #fb2a27;
	}

	.contact_homebtn {
		width: 300px;
		text-align: center;
		position: relative;
		margin: 10px auto 50px auto;
	}

	.contact_homebtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 144%;
		height: 46px;
		line-height: 46px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.contact_homebtn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.contact_homebtn a:after {
		position: absolute;
		right: 25px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.company_images {
		position: relative;
		overflow: hidden;
		height: 425px;
	}

	.company_images1 {
		z-index: 5;
	}

	.company_images2 {
		z-index: 9;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.company_images3 {
		z-index: 1;
		position: absolute;
		bottom: 300px;
		left: 160px;
		opacity: 0;
	}

	.company_images1 img {
		width: 100%;
	}

	.company_images2 img {
		width: 100%;
	}

	.company_images3 img {
		width: 100%;
	}

	.company_topimg {
		width: 100%;
	}

	.company_topimg img {
		width: 100%;
	}

	.companybox1 {
		padding: 40px 30px;
		background: #f9f8f4;
		margin: 0 0 60px 0;
	}

	.companybox1 h1 {
		color: #007130;
		font-weight: bold;
		font-size: 220%;
	}

	#company_img {
		margin: 10px 0;
	}

	#company_img img {
		width: 100%;
	}

	.company_tbl {
		width: 100%;
		border-top: 1px solid #c9c9c9;
		font-size: 122%;
	}

	.company_tbl th {
		width: 150px;
		background: #f4f5f0;
		font-weight: bold;
		padding: 20px 15px;
		text-align: right;
		border-bottom: 1px solid #c9c9c9;
		border-left: 1px solid #c9c9c9;
		vertical-align: top;
	}

	.company_tbl td {
		padding: 20px 15px;
		border-bottom: 1px solid #c9c9c9;
		border-right: 1px solid #c9c9c9;
		font-weight: 500;
		font-size: 105%;
		line-height: 180%;
	}

	.company_tbl td.external-link a::after {
		content: "";
		display: inline-block;
		width: 16px;
		/*画像の幅*/
		height: 16px;
		/*画像の高さ*/
		margin-left: 4px;
		margin-bottom: 2px;
		background-image: url(../images/external-link.svg);
		background-size: contain;
		vertical-align: middle;
	}

	.company_tbl td img {
		padding-top: 2px;
	}

	.waku {
		border: 1px solid #c9c9c9;
		padding: 0 5px;
		font-size: 88%;
		margin: 0 10px 0 0;
	}

	.top_img_detail .faq_topp {
		height: 85px;
	}

	.faq_title {
		background: #007130;
		padding: 7px 20px;
		color: #fff;
		font-weight: bold;
		font-size: 158%;
	}

	.faq_catebox {
		margin: 0 0 50px 0;
	}

	.faq_box {
		border: 1px solid #c9c9c9;
		margin: 10px 0 0 0;
	}

	.faq_question {
		font-size: 144%;
		position: relative;
		padding: 15px;
		cursor: pointer;
	}

	.faq_question p {
		margin: 0 50px;
	}

	.faq_question:before {
		content: "Q";
		color: #007130;
		font-family: "Anton", sans-serif;
		font-size: 34px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin: -27px 0 0 0;
	}

	.open .faq_question:after {
		position: absolute;
		right: 20px;
		top: 50%;
		margin: -10px 0 0 0;
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		content: "";
	}

	.close .faq_question:after {
		position: absolute;
		right: 20px;
		top: 50%;
		margin: -5px 0 0 0;
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		content: "";
	}

	.faq_answer {
		font-size: 144%;
		position: relative;
		padding: 15px;
		border-top: 1px dotted #c9c9c9;
		display: none;
	}

	.faq_answer:before {
		content: "A";
		color: #fa0400;
		font-family: "Anton", sans-serif;
		font-size: 34px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin: -27px 0 0 0;
	}

	.faq_answer p {
		margin: 0 0 0 50px;
	}

	.flow_toptitle {
		text-align: center;
		color: #007130;
		font-size: 230%;
		font-weight: bold;
		margin: 0 0 30px 0;
	}

	.flow1_btn,
	.flow2_btn {
		background: #007130;
		color: #fff;
		width: 335px;
		height: 120px;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		position: relative;
		margin: 0 0 30px 0;
	}

	.flow1_btn {
		float: left;
	}

	.flow2_btn {
		float: right;
	}

	.flow1_btn p,
	.flow2_btn p {
		font-weight: bold;
		font-size: 144%;
		margin: 25px 0 0 0;
		line-height: 100%;
	}

	.flow1_btn h3,
	.flow2_btn h3 {
		font-weight: bold;
		font-size: 230%;
		padding: 0 0 0 60px;
	}

	.flow1_btn h3 {
		background: url(../images/flow_icon1.png) no-repeat 38px 6px;
	}

	.flow2_btn h3 {
		background: url(../images/flow_icon2.png) no-repeat 38px 6px;
	}

	a .flow1_btn,
	a .flow2_btn {
		transition: 0.5s;
	}

	a:hover .flow1_btn,
	a:hover .flow2_btn {
		text-decoration: none;
		background: #005925;
	}

	.flow1_btn:after,
	.flow2_btn:after {
		position: absolute;
		right: 50%;
		bottom: 15px;
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		content: "";
		margin: 0 0 0 -10px;
	}

	a:hover .flow1_btn:after,
	a:hover .flow2_btn:after {
		bottom: 10px;
	}

	.flow_title {
		border: 2px solid #007130;
		color: #007130;
		font-size: 230%;
		font-weight: bold;
		padding: 10px 20px 10px 85px;
		margin: 10px 0;
	}

	#flow1 .flow_title {
		background: url(../images/flow_title_icon1.jpg) no-repeat 20px center;
	}

	#flow2 .flow_title {
		background: url(../images/flow_title_icon2.jpg) no-repeat 20px center;
	}

	.flow_box:before,
	.flow_box:after {
		content: " ";
		display: table;
	}

	.flow_box:after {
		clear: both;
	}

	.flow_box {
		*zoom: 1;
		padding: 15px 0;
	}

	.flow_box .img {
		float: left;
		margin: 0 20px 0 0;
		padding-top: 40px;
		width: 160px;
	}

	.flow_box .img img {
		width: 100%;
	}

	.flow_box .detail {
		float: right;
		width: 500px;
	}

	.flow_box .detail .step {
		margin: 30px 0 0 0;
		border: 1px solid #007130;
		text-align: center;
		padding: 0 0 0 80px;
		color: #007130;
		font-size: 182%;
		font-weight: bold;
		height: 46px;
		line-height: 46px;
	}

	.step1 .detail .step {
		background: url(../images/flow_step1.jpg) no-repeat 0 0;
	}

	.step2 .detail .step {
		background: url(../images/flow_step2.jpg) no-repeat 0 0;
	}

	.step3 .detail .step {
		background: url(../images/flow_step3.jpg) no-repeat 0 0;
	}

	.step4 .detail .step {
		background: url(../images/flow_step4.jpg) no-repeat 0 0;
	}

	.flow_box .detail .caption {
		color: #007130;
		font-size: 167%;
		margin: 10px 0;
	}

	.flow_box .detail .comment {
		font-size: 129%;
	}

	.flow_box .detail .comment span {
		font-weight: bold;
		color: #fb2a27;
	}

	.about_left {
		margin: 40px 0 0 0;
		float: left;
		width: 450px;
	}

	.about_right {
		margin: 40px 0 0 0;
		float: right;
	}

	.about_right img {
		width: 230px;
	}

	.about_left h2 {
		font-size: 220%;
		font-weight: bold;
		color: #007130;
		margin: 0 0 10px 0;
	}

	.about_left p {
		font-size: 129%;
	}

	.about_titlebox:before,
	.about_titlebox:after {
		content: " ";
		display: table;
	}

	.about_titlebox:after {
		clear: both;
	}

	.about_titlebox {
		*zoom: 1;
		position: relative;
		margin: 20px 0 0 0;
	}

	.about_titlebox .icon {
		float: left;
		width: 150px;
		margin: 0 10px 0 0;
	}

	.about_titlebox h2 {
		width: 100%;
		border-bottom: 5px solid #cccccc;
		font-size: 117%;
		font-weight: bold;
		height: 70px;
		margin: 50px 0 0 0;
	}

	.about_titlebox .title {
		position: absolute;
		right: 0;
		bottom: 40px;
	}

	.about_titlebox .title p {
		color: #fb2a27;
		font-size: 390%;
		font-weight: 800;
		line-height: 100%;
	}

	.about_titlebox .title img {
		position: absolute;
		top: -50px;
		right: 0px;
	}

	.about_titlebox .title p span {
		font-size: 150%;
	}

	.about_titlebox .icon img {
		width: 130px;
		height: auto;
	}

	.about_p1 {
		font-size: 129%;
		margin: 10px 0 40px 0px;
		text-align: left;
	}

	.about_img img {
		width: 100%;
	}

	.about1_img {
		padding-top: 40px;
		width: 135px;
	}

	.about1_img img {
		width: 100%;
	}

	.about1_detail {
		width: 545px;
	}

	.about1_detail_title {
		position: relative;
		background: #007130;
		height: 50px;
		line-height: 50px;
		margin: 0 0 20px 0;
	}

	.about1_detail_title h3 {
		color: #fff;
		font-weight: bold;
		font-size: 182%;
		padding: 0 0 0 130px;
	}

	.about1_detail_title p {
		position: absolute;
		left: 15px;
		top: 50%;
		display: block;
		margin: -50px 0 0 0;
		background: #fff;
		border: 5px solid #fb2a27;
		height: 90px;
		width: 90px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		text-align: center;
	}

	.about1_detail_title p span {
		margin: 15px 0 0 0;
		font-size: 220%;
		font-weight: bold;
		color: #fb2a27;
		display: block;
		line-height: 110%;
	}

	.about_detail1_img1 {
		float: left;
	}

	.about_detail1_icons {
		float: right;
		width: 195px;
	}

	.about_detail1_icons p {
		text-align: center;
		border: 1px solid #007130;
		color: #007130;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 0 5px 0;
		padding: 5px 0;
		font-size: 112%;
	}

	.about_detail1_icons p.yellow {
		background: #ffde00;
		color: #000;
		border: none;
	}

	.about1_p {
		margin: 15px 0;
		font-size: 129%;
	}

	.about_morebtn {
		width: 180px;
		text-align: center;
		position: relative;
		margin: 10px 0 65px auto;
	}

	.about_morebtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 128%;
		height: 36px;
		line-height: 36px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
	}

	.about_morebtn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.about_morebtn a:after {
		position: absolute;
		right: 15px;
		top: 15px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	#about_top,
	#about2,
	#about3 {
		padding-bottom: 40px;
	}

	.about2_img {
		width: 200px;
		padding-top: 40px;
	}

	.about2_img img {
		width: 100%;
	}

	.about2_detail {
		width: 480px;
	}

	.about3_detail h3,
	.about2_detail h3 {
		color: #007130;
		font-size: 167%;
		font-weight: bold;
		margin: 25px 0 0 0;
	}

	.about3_detail p,
	.about2_detail p {
		font-size: 129%;
		margin: 10px 0;
	}

	.about3_detail p span {
		color: #fb2a27;
	}

	.about3_img {
		padding-top: 40px;
		width: 130px;
	}

	.about3_img img {
		width: 100%;
	}

	.about3_detail {
		width: 550px;
	}

	.about4_box {
		position: relative;
	}

	.about4_img {
		width: 270px;
		position: absolute;
		right: 0;
		bottom: 20px;
		z-index: 9;
	}

	.about4_img img {
		width: 100%;
	}

	.about4_detail {
		height: 320px;
	}

	.about4_detail h3 {
		color: #007130;
		font-size: 167%;
		font-weight: bold;
		margin: 10px 0 0 0;
	}

	.about4_instapak {
		border: 1px solid #fb2a27;
		position: relative;
		width: 440px;
		margin: 50px 0 0 0;
		padding: 45px 20px 20px 20px;
		font-size: 122%;
	}

	.about4_instapak img {
		position: absolute;
		right: 0;
		left: 0;
		top: -35px;
		margin: 0px auto;
	}

	.about4_p {
		color: #007130;
		font-size: 129%;
		font-weight: bold;
		margin: 0 0 10px 0;
	}

	.about_youtube,
	.about_youtube iframe {
		width: 100%;
	}

	.about_flow_list {
		margin: 20px 0 20px -13px;
	}

	.about_flow_list li {
		float: left;
		width: 160px;
		margin: 0 0 0 13px;
		font-size: 114%;
	}

	.about_flow_list li img {
		width: 100%;
	}

	.about_flow_p {
		padding: 10px 0;
		margin: 0 0 40px 0;
		text-align: center;
		background: #fb2a27;
		color: #fff;
		font-size: 160%;
		font-weight: bold;
	}

	#books {
		padding: 60px 0 0 0;
	}

	.about_book_title {
		background: #007130;
		color: #fff;
		font-size: 200%;
		font-weight: bold;
		position: relative;
		height: 65px;
		line-height: 65px;
		padding: 0 0 0 180px;
	}

	.about_book_title img {
		position: absolute;
		left: 30px;
		top: -45px;
	}

	.about_book_list {
		margin: 10px 0 100px -13px;
	}

	.about_book_list li {
		float: left;
		width: 160px;
		margin: 0 0 0 13px;
	}

	.about_book_list li img {
		width: 100%;
	}

	.about_book_list li h3 {
		font-weight: bold;
		font-size: 144%;
	}

	.about_book_list li p {
		font-size: 114%;
	}

	.blog_searchbox {
		margin: 0 0 40px 0;
	}

	.blog_searchbox li {
		float: left;
		width: 220px;
		margin: 0 20px 0 0;
	}

	.blog_searchbox li p {
		font-size: 122%;
		margin: 0 0 5px 0;
	}

	.blog_searchbox li select {
		width: 100%;
		height: 45px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-size: 129%;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url(../images/select.png) right 50% no-repeat;
		padding: 0 10px;
	}

	.blog_searchbox li select::-ms-expand {
		display: none;
	}

	.top_img_detail p.news_topp {
		height: 60px;
	}

	.blog_list_none p {
		margin: 0 0 20px 0;
	}

	.blog_list_red {
		background: #fb2a27;
		color: #fff;
		padding: 20px;
		font-size: 128%;
	}

	.blog_list_nonebunner {
		width: 100%;
	}

	.blog_list_nonebunner ul {
		margin: 0 0 0 -2%;
	}

	.blog_list_nonebunner li {
		float: left;
		width: 48%;
		margin: 0 0 0 2%;
	}

	.blog_list_nonebunner li img {
		width: 100%;
	}

	.blog_list_none {
		font-size: 122%;
		margin: 20px;
		text-align: center;
	}

	.blog_list {
		border-bottom: 1px solid #c9c9c9;
	}

	.blog_listbox:before,
	.blog_listbox:after {
		content: " ";
		display: table;
	}

	.blog_listbox:after {
		clear: both;
	}

	a:hover .blog_listbox {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
	}

	.blog_listbox {
		*zoom: 1;
		padding: 20px 0;
		border-top: 1px solid #c9c9c9;
		transition: 0.5s;
	}

	.blog_list_img {
		float: left;
		width: 30%;
		height: 170px;
		padding-right: 10px;
		position: relative;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}

	.blog_list_img img {
		max-width: 100%;
		max-height: 100%;
	}

	.blog_list_detail {
		float: right;
		width: 70%;
	}

	.blog_list_date {
		float: left;
		font-size: 112%;
	}

	.blog_list_cate li {
		float: left;
		margin: 0 0 0 10px;
	}

	.blog_list_cate li {
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_list_title {
		margin: 10px 0;
		font-size: 129%;
		font-weight: bold;
		color: #007130;
	}

	.blog_list_comment {
		font-size: 107%;
	}

	.blog_list_brand li,
	.blog_list_brand a {
		float: left;
		margin: 0 0 0 10px;
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_list_brand a:hover {
		text-decoration: none;
		background: #005925;
	}

	.blog_list_genre li,
	.blog_list_genre a {
		float: left;
		margin: 0 0 0 10px;
		color: #fff;
		background: #4ab175;
		padding: 0 10px;
	}

	.blog_list_genre a:hover {
		text-decoration: none;
		background: rgba(74, 177, 117, 0.6);
	}

	.brand_box {
		border: 1px solid #c9c9c9;
		padding: 30px;
		margin: 0 0 50px 0;
	}

	.brand_box h2 {
		color: #007130;
		font-size: 167%;
		line-height: 60px;
		font-weight: bold;
	}

	.brand_box h2 img {
		height: 60px;
		width: auto;
		margin: 0 20px 0 0;
	}

	.brand_box_detail {
		padding-top: 20px;
	}

	.genrel_box {
		border: 1px solid #c9c9c9;
		padding: 25px;
		margin: 0 0 50px 0;
	}

	.genrel_detail {
		float: left;
		width: 520px;
	}

	.genrel_detail h2 {
		color: #007130;
		font-size: 197%;
		font-weight: bold;
	}

	.genrel_comment {
		font-size: 129%;
		padding-top: 20px;
	}

	.genrel_img {
		float: right;
		width: 240px;
	}

	.genrel_img img {
		width: 100%;
		height: auto;
	}

	.blog_main {
		padding: 40px 30px;
		border: 1px solid #c9c9c9;
	}

	.blog_date {
		float: left;
		font-size: 122%;
	}

	.blog_cate li {
		float: left;
		margin: 0 0 0 10px;
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_cate li a {
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_cate li a:hover {
		text-decoration: none;
		background: #005925;
	}

	.blog_title {
		margin: 15px 0;
		font-size: 182%;
		font-weight: bold;
		color: #007130;
	}

	.blog_detail {
		font-size: 136%;
		line-height: 170%;
	}

	.blog_detail p {
		padding-bottom: 1em;
	}

	.blog_detail a {
		color: #007130;
	}

	.blog_detail a:hover {
		color: #007130;
		padding-bottom: 1em;
		text-decoration: underline;
	}

	.blog_detail img {
		max-width: 100%;
		height: auto;
	}

	.page_link {
		margin: 25px 0;
		position: relative;
		width: 100%;
	}

	.page_link .center {
		position: absolute;
		top: 0;
		left: 50%;
		text-align: center;
		margin: 0 0 0 -90px;
	}

	.page_link .center2 {
		position: absolute;
		top: 55px;
		left: 50%;
		text-align: center;
		margin: 0 0 0 -90px;
	}

	.page_link .center a,
	.page_link .center2 a {
		display: block;
		border: 1px solid #007130;
		color: #007130;
		width: 180px;
		height: 45px;
		line-height: 45px;
		transition: 0.5s;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.page_link .center a:hover,
	.page_link .center2 a:hover {
		background: #007130;
		color: #fff;
		text-decoration: none;
	}

	.page_link .next {
		float: right;
		width: 200px;
		border-right: 10px solid #007130;
		padding: 5px 10px 5px 0;
		position: relative;
	}

	.page_link .next:after {
		position: absolute;
		right: -7px;
		top: 50%;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
		margin: -3px 0 0 0;
	}

	.page_link .prev {
		float: left;
		width: 200px;
		border-left: 10px solid #007130;
		padding: 5px 0 5px 10px;
		position: relative;
	}

	.page_link .prev:after {
		position: absolute;
		left: -7px;
		top: 50%;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		content: "";
		margin: -3px 0 0 0;
	}

	.page_link .next a,
	.page_link .prev a {
		color: #007130;
		font-weight: bold;
	}

	.brand_top {
		background: #feda6a;
		margin: 0 0 60px 0;
	}

	#brand_tit {
		width: 100%;
	}

	#brand_tit img {
		width: 100%;
	}

	.brand_p1,
	.brand_p2 {
		color: #fb2a27;
		font-size: 190%;
		background: url(../images/brand_icon.jpg) no-repeat 0 5px;
		font-weight: bold;
		padding: 0 0 0 40px;
	}

	.brand_p1 {
		float: left;
		margin: 0 0 0 50px;
	}

	.brand_p2 {
		float: right;
		margin: 0 50px 0 0;
	}

	.brand_list {
		padding: 30px 25px 60px 25px;
	}

	.brand_list ul {
		margin: 0 0 0 -10px;
	}

	.brand_list li {
		width: 204px;
		float: left;
		margin: 0 0 20px 10px;
	}

	.brand_list li img {
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.brand_attention {
		text-align: right;
		color: #fb2a27;
		margin: -15px 0 0 0;
		font-size: 114%;
	}

	.brand_top .brand_list {
		padding: 20px 25px;
	}

	.brand_top .brand_list li {
		margin: 0 0 15px 10px;
	}

	.brand_top .brand_list li img {
		border: none;
	}

	.genrel_list {
		margin: 20px 0 60px 0;
	}

	.genrel_list ul {
		margin: 0 -1% 0 0;
	}

	.genrel_list li {
		float: left;
		margin: 0 1% 20px 0;
		width: 49%;
	}

	.genrel_list_box {
		display: table;
		vertical-align: middle;
		width: 100%;
		border: 1px solid #007130;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5px 0;
		transition: 0.5s;
	}

	.genre_img {
		display: table-cell;
		width: 30%;
		height: 80px;
		text-align: center;
	}

	.genre_img img {
		max-width: 100%;
		max-height: 100%;
		margin: 0 !important;
	}

	.genre_name {
		display: table-cell;
		vertical-align: middle;
		width: 70%;
		margin: 0 0 0 10px;
		color: #007130;
		line-height: 100%;
		font-size: 125%;
		font-weight: bold;
		text-decoration: none;
	}

	.genrel_list a:hover {
		text-decoration: none;
	}

	.genrel_list a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	a:hover .genrel_list_box {
		text-decoration: none;
		background: #007130;
	}

	a:hover .genrel_list_box p,
	a:hover .genrel_list_box h3 {
		text-decoration: none;
		color: #fff;
	}

	.vintage_caption {
		font-size: 189%;
		color: #6a3906;
		margin: 20px 0 55px 0;
	}

	.vintage_box1 h3 {
		color: #007130;
		font-weight: bold;
		font-size: 200%;
		margin: 20px 0 10px 0;
		line-height: 130%;
	}

	.vintage_img img {
		width: 100%;
	}

	#vintage_exaple img {
		width: 100%;
	}

	.vintage_comment {
		font-size: 136%;
	}

	.vintage_comment span {
		background: #fff78b;
	}

	.vintage_more {
		text-align: center;
		color: #007130;
		font-weight: bold;
		font-size: 200%;
		margin: 40px 0;
	}

	.vintage_more:after {
		display: block;
		width: 20px;
		height: 20px;
		border-top: 3px solid #007130;
		border-right: 3px solid #007130;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		content: "";
		margin: -5px auto 0 auto;
	}

	.vintage_detail {
		position: relative;
		margin: 0 0 30px 0;
	}

	.vintage_detail .comment1 {
		position: absolute;
		font-size: 136%;
		top: 0;
		left: 0;
		width: 490px;
	}

	.vintage_detail .comment2 {
		position: absolute;
		font-size: 100%;
		bottom: 0;
		left: 0;
	}

	.vintage_brandlist {
		margin: 30px 0 30px -26px;
	}

	.vintage_brandlist li {
		float: left;
		margin: 0 0 15px 26px;
	}

	.vintage_brandlist li a img {
		transition: 0.5s;
		width: 150px;
	}

	.vintage_brandlist li a:hover img {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
	}

	.vintage_brandlist_p {
		color: #a40000;
		font-weight: bold;
		font-size: 144%;
		margin: 0 0 70px 0;
	}

	#vintage2_tit img {
		width: 100%;
	}

	.vintage_box3 {
		position: relative;
		margin: 0 0 100px 0;
		padding: 0 0 60px 0;
	}

	#vintage_descimg img {
		width: 100%;
	}

	/*========================================================
	ブログコンテンツ
	========================================================*/
	/* TOPページ */
	#blogTop {
		width: 98%;
		margin: 40px auto 50px;
	}

	#blogTop h2 {
		width: 100%;
		margin: 0px auto 20px;
		color: #007130;
		font-weight: bold;
		font-size: 2.0rem;
	}

	.titBox {
		border-top: 2px solid #2c3e50;
		border-bottom: 2px solid #2c3e50;
		margin-bottom: 20px;
	}

	.blogTit {
		font-size: 22px;
		line-height: 1;
		padding: 10px 0;
		position: relative;
	}

	.titIcon4 {}

	#blogList {
		padding: 15px 0 20px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.blogItem {
		width: 19%;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position: relative !important;
	}

	.blogItem:nth-child(4n) {
		margin-right: 0;
	}

	.blogItem:nth-child(n + 7) {
		margin-bottom: 0;
	}

	.blogItem a {
		display: block;
		overflow: visible;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogItem a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.blogItem:nth-child(n + 5) {
		padding-bottom: 0;
	}

	.blogItem:last-child {
		padding-right: 0;
	}

	.blogItem p {
		display: none;
	}

	.blogImg {
		position: relative;
	}

	.blogImg::before {
		display: block;
		content: "";
		padding-top: 75%;
	}

	.blogImg img {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		border-bottom: solid 1px #dcdcdc;
		object-fit: contain;
		background: #f2f2f2;
	}

	.blogContent {}

	.blogInfo {
		margin-top: 10px;
		letter-spacing: -0.4em;
	}

	.blogTime {
		display: block;
		margin: 0 10px;
		font-size: 1.2rem;
		letter-spacing: normal;
		vertical-align: top;
		color: #c0c0c0;
	}

	.blogCate {
		display: inline-block;
		letter-spacing: normal;
		position: absolute;
		top: -5px;
		left: -8px;
	}

	.blogCate::before {
		content: "";
		position: absolute;
		top: 0;
		right: -8px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 0 8px;
		border-color: transparent transparent transparent #4f8f53;
	}

	.blogCate::after {
		content: "";
		position: absolute;
		top: 22px;
		left: 0px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 6px 0;
		border-color: transparent #4f8f53 transparent transparent;
	}

	.blogCate span.blogCateItem {
		display: inline-block;
		padding: 5px 10px;
		letter-spacing: 1px;
		font-size: 100%;
		line-height: 1;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
	}

	.blogCate span.blogCateItem a {
		display: block;
		padding: 10px 10px;
		letter-spacing: 1px;
		font-size: 130%;
		line-height: 1;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogCate span.blogCateItem a:hover {
		background-color: #005925;
		text-decoration: none;
	}

	#blogDetail .blogCate span.blogCateItem {
		padding: 0;
	}

	#blogDetail .blogCate::after {
		position: absolute;
		top: 35px;
	}

	.articleTit {
		font-size: 150%;
		font-weight: bold;
		line-height: 1.3;
		color: #007130;
	}

	#blogMore {
		width: 600px;
		margin: 0 auto;
	}

	#blogMore a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 129%;
		text-align: center;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		letter-spacing: -0.4em;
		transition: all 0.3s ease-in-out 0s;
	}

	#blogMore a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	#blogMore span {
		display: inline-block;
		letter-spacing: normal;
		color: #fff;
		position: relative;
	}

	#blogMore a span::after {
		position: absolute;
		right: -23px;
		top: 20px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/* ブログ一覧ページ */
	#audioBlog {
		background: url(../images/audioblog_top.jpg) center 0 no-repeat;
	}

	#blog {
		width: 68%;
		float: left;
	}

	#blogPageList {
		letter-spacing: -0.4em;
	}

	.blogPageItem {
		width: 49%;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
		border: 1px solid #dcdcdc;
		margin: 0 2% 20px 0;
		box-sizing: border-box;
	}

	.blogPageItem a {
		display: block;
		position: relative;
		overflow: visible;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogPageItem a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.blogPageItem:nth-child(2n) {
		margin-right: 0;
	}

	.blogPageItem:nth-child(n + 11) {
		margin-bottom: 0;
	}

	.blogPageImg {
		width: 100%;
		position: relative;
	}

	.blogPageImg img {
		width: 100%;
		height: auto;
	}

	.blogPageRight {
		width: 100%;
	}

	.blogPageTit {
		font-size: 1.4rem;
		line-height: 1.3;
		padding: 0 10px 10px;
	}

	.blogPageTxt {
		font-size: 13px;
		padding: 0 10px 10px;
	}

	/* ブログ詳細ページ */
	#blogDetail {
		width: 100%;
		border: 1px solid #c9c9c9;
		padding: 40px 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#blogDetail .blogTime {
		text-align: right;
		padding-bottom: 10px;
	}

	.blogContent2 {
		padding-bottom: 110px !important;
	}

	.blogContent2 #qaaTit {
		background: url(images/blog_main_tit2.jpg) 0 0 no-repeat;
	}

	.blogPage #qaaTit {
		background: url(images/blog_main_tit2.jpg) 0 0 no-repeat;
	}

	.blogArticle {}

	.blogAtit {
		font-size: 250%;
		font-weight: bold;
		line-height: 1.2;
	}

	.blogPageEyecatch {
		width: 100%;
		height: auto;
		position: relative;
	}

	.blogPageEyecatch img {
		width: 100%;
		height: auto;
	}

	.blogAeyecatch {
		padding-bottom: 20px;
	}

	.blogASentence p {
		margin-bottom: 16px;
	}

	.blogASentence img {
		width: 100%;
		height: auto;
		margin-bottom: 16px;
	}

	.blogASentence {
		font-size: 15px;
	}

	.blogASentence #toc_container {
		width: 97%;
	}

	.blogASentence h2 {
		font-size: 160%;
		line-height: 1.3;
		background: #007130;
		color: #fff;
		font-weight: bold;
		padding: 10px 20px;
		margin: 60px 0 20px;
		position: relative;
	}

	.blogASentence h3 {
		font-size: 140%;
		line-height: 1.3;
		font-weight: bold;
		border-top: 2px solid #007130;
		border-bottom: 2px solid #007130;
		padding: 10px 20px;
		margin: 40px 0 20px;
		color: #007130;
	}

	.blogASentence h4 {
		font-size: 130%;
		line-height: 1.3;
		font-weight: bold;
		border-left: 10px solid #007130;
		padding: 0 12px;
		margin: 40px 0 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.blogASentence blockquote {
		padding: 50px 20px 20px;
		margin-bottom: 16px;
		position: relative;
		background-color: #e3e3e3;
	}

	.blogASentence blockquote::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/blog_blockquote.png);
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		top: 5px;
		left: 10px;
	}

	.blogASentence strong {
		font-weight: bold;
	}

	.blogASentence a {
		color: #007130;
		text-decoration: underline;
	}

	.blogASentence a:hover {
		opacity: 0.6;
	}

	.blogASentence table {
		border: 2px solid #dadada;
		margin-bottom: 20px;
	}

	.blogASentence tr {
		border-bottom: 2px solid #dadada;
	}

	.blogASentence tr td:nth-child(1) {
		text-align: center;
	}

	.blogASentence tr td {
		border-right: 2px solid #dadada;
	}

	.blogASentence tr td:last-child {
		border-right: none;
	}

	.blogPager {
		text-align: center;
		font-size: 13px;
		letter-spacing: -0.4em;
	}

	.blogPager a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.gotoAnother {
		display: inline-block;
		max-width: 300px;
	}

	.gotoAnother a {
		display: block;
		padding: 12px 20px;
		font-size: 120%;
		letter-spacing: normal;
		background-color: #fff;
		color: #007130;
		border: 1px solid #007130;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gotoAnother a:hover {
		color: #fff;
		background-color: #005925;
		border: 1px solid #005925;
	}

	.gotoList {
		display: inline-block;
		margin: 0 20px;
	}

	.gotoList a {
		display: block;
		width: 200px;
		padding: 13px 0;
		font-size: 120%;
		letter-spacing: normal;
		background-color: #007130;
		color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	/* ブログ、アーカイブ記事ページャー */
	#pageNavWrap {
		text-align: center;
		margin: 10px 0 50px;
	}

	#pager2 {
		display: inline-block;
	}

	#pageNavWrap a,
	#pageNavWrap span {
		width: 30px;
		height: 30px;
		line-height: 30px;
		display: inline-block;
		color: #fff;
		background-color: #dedede;
		margin: 0 2px;
		white-space: nowrap;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	#pageNavWrap a,
	#pageNavWrap span {
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		color: #fff;
		background-color: #eeeeee;
		margin: 0 2px;
		white-space: nowrap;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	#pageNavWrap span.current,
	#pageNavWrap a.next,
	#pageNavWrap a.prev {
		color: #fff;
		background-color: #007130;
		vertical-align: top;
	}

	#pageNavWrap span.dots {
		background-color: #fff;
		color: #000;
		padding: 10px 0;
	}

	/*========================================================
	トップページ
	========================================================*/
	.top_img {
		background: url(../images/top_img3.png) right 35px no-repeat;
		background-size: 740px;
		margin: 158px auto 0;
		position: relative;
	}

	#top_mv {
		width: 405px;
		text-align: center;
	}

	.top_img .img1 {
		padding-top: 35px;
	}

	.top_img_h1 {
		padding-bottom: 20px;
		text-align: center;
		line-height: 1;
	}

	#mvTxt1 {
		padding: 5px 0 0;
		font-size: 150%;
		display: block;
	}

	#mvTxt2 {
		padding: 0 0 10px 0;
		font-size: 350%;
		display: block;
	}

	#mvTxt3 {
		padding: 5px 40px;
		border: 1px #333333 solid;
		font-size: 133.3%;
		display: inline-block;
		letter-spacing: 0.6em;
		text-indent: 0.3em;
		text-align: center;
	}

	#mv_bottombannar {
		position: absolute;
		bottom: 0;
		right: 210px;
	}

	#mv_bottombannar a {
		display: inline-block;
		width: 520px;
	}

	#mv_bottombannar a img {
		width: 100%;
	}

	#mv_badge {
		position: absolute;
		top: 10px;
		right: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		height: 100%;
	}

	.top_main_title {
		background: #007130;
		color: #fff;
		padding: 15px 0;
		text-align: center;
	}

	.top_main_title span.top_main_title_p {
		position: absolute;
		top: -20px;
		font-size: 21px;
		line-height: 100%;
		font-weight: normal;
	}

	.top_main_title h2 span.small {
		font-size: 80%;
	}

	.top_main_title h2 span.yellow {
		color: #ffde00;
	}

	.top_main_title_w p span {
		font-size: 88%;
		color: #fb2a27;
		background: url(../images/top_icon.jpg) no-repeat 0 center;
		padding: 0 0 0 25px;
		margin: 0 0 0 20px;
	}

	.top_floating_banner {
		display: none !important;
	}

	/* 重要なお知らせ */
	.topAnnounce {
		width: 98%;
		margin: 20px auto 40px;
		background: #fff;
		border: 2px solid #a40000;
	}

	.topAnnounce p span.annoTit {
		margin: 0 0 1em 0;
		font-size: 20px;
		font-weight: bold;
		color: #a40000;
		text-align: left;
	}

	.topAnnounce p {
		position: relative;
		padding: 30px 40px 60px;
		font-size: 18px;
	}

	.topAnnounce p span {
		display: block;
		margin-top: 10px;
		text-align: right;
	}

	a.announce_btn {
		position: absolute;
		right: 40px;
		bottom: 20px;
		padding: 4px 16px 3px 20px;
		border: 1px solid #a40000;
		font-size: 13px;
		color: #a40000;
		transition: 0.6s;
	}

	a.announce_btn:hover {
		color: #fff;
		background: #a40000;
		text-decoration: none;
	}

	a.announce_btn::after {
		content: "＞";
		margin-left: 5px;
		font-size: 12px;
	}

	/* yahoo画像ページ */
	#header_yahoo {
		width: 100%;
		color: #000000;
		text-align: center;
		letter-spacing: normal;
		background: #fff;
		border-bottom: 1px solid #ddd;
		transition: 0.5s;
	}

	.logo_yahoo {
		float: none;
		padding: 20px 0;
	}

	#contents_yahoo {
		width: 1000px;
		margin: 0 auto;
		padding: 40px 0 80px;
	}

	#yahooLeft {
		width: 500px;
		float: left;
	}

	#slide {
		margin-bottom: 16px;
	}

	ul#gallery {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		transform: none !important;
	}

	ul#gallery li {
		width: calc(80% / 10) !important;
		margin-right: calc(20% / 9) !important;
		margin-bottom: calc(20% / 9) !important;
		height: auto;
	}

	ul#gallery li a img {
		vertical-align: bottom;
	}

	ul#gallery li:nth-child(10n) {
		margin-right: 0 !important;
		margin-bottom: calc(20% / 9) !important;
	}

	#slide img,
	ul#gallery li img {
		width: 100%;
		height: auto;
	}

	#yahooRight {
		width: 400px;
		float: right;
	}

	.yahooTab:nth-child(1) {
		font-size: 13px;
		margin-bottom: 4px;
	}

	.yahooTab:nth-child(2) {
		font-size: 13px;
		margin-bottom: 16px;
	}

	.yahooTab span {
		font-size: 13px;
		font-weight: bold;
		color: #4f8f53;
		margin-right: 8px;
	}

	h1.yahooTtl {
		margin-bottom: 12px;
		font-size: 18px;
		font-weight: 600;
	}

	.yahooTxt {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.yahooBtn {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid #ddd;
	}

	.yahooBtn a {
		display: block;
		text-align: center;
		padding: 12px 24px;
		font-size: 14px;
		font-weight: bold;
		background: #fdda45;
		color: #000;
		text-decoration: none;
		transition: 0.2s;
	}

	.yahooBtn a:hover {
		opacity: 0.6;
	}

	ul.yahooLink {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.yahooLink li {
		width: 49%;
		margin-bottom: 3px;
	}

	ul.yahooLink li img {
		width: 100%;
		height: auto;
	}

	.yahooCaption {
		height: 13px;
		text-align: center;
		font-size: 10px;
		line-height: 1.3;
		overflow: hidden;
	}

	ul.yahooLink li a {}

	.copyrightYahoo {
		background: #f6f0f0;
		text-align: center;
		color: #666666;
		padding: 5px 0;
		font-size: 11px;
	}

	#fancybox {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}

	#fancybox a:nth-child(1) {
		display: block;
		width: 100%;
	}

	#fancybox a:nth-child(n + 2) {
		display: block;
		width: calc(90% / 5);
		margin-right: calc(10% / 4);
		margin-bottom: calc(10% / 4);
		height: auto;
	}

	#fancybox a:nth-child(5n + 1) {
		margin-right: 0 !important;
		margin-bottom: calc(10% / 2) !important;
	}

	.fancyinner {
		position: relative;
	}

	.fancyinner::before {
		display: block;
		content: "";
		padding-top: 100%;
	}

	.fancyinner img {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		border: solid 1px #ccc;
		background: #fff;
		object-fit: contain;
		box-sizing: border-box;
	}

	.fancybox-thumbs__list a:before {
		border: 4px solid #fdda45 !important;
	}

	/* 取引の流れ */
	#flow1,
	#flow2 {
		margin-top: -160px;
		padding-top: 160px;
	}
}

@media screen and (max-width: 1023px) {
	.pc {
		display: none;
	}

	.tablet {
		display: none;
	}

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

	p,
	li,
	dt,
	dd {
		max-height: 999999px;
	}

	html {
		font-size: 62.5%;
	}

	body {
		font-size: 13px;
		font-size: 1.3rem;
	}

	#container {
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#company_add img {
		width: 201px;
		height: auto;
	}

	#fixed {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99996;
	}

	.inner {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
	}

	#header {
		background: #007130;
		position: relative;
		height: 50px;
		text-align: center;
	}

	#header .sp {
		height: 50px;
		padding-left: 4%;
		display: flex;
		align-items: center;
		gap: 0 10px;
	}

	/*
	.headerLogo {
		height: 50px;
	}
	*/

	.headerLogo a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 50px;
	}

	.headerLogo img {
		height: 70%;
		width: auto;
	}

	#header .headerBoxImg {
		height: 50px;
	}

	#header .headerBoxImg img {
		height: 80%;
		width: auto;
	}

	.header_camera {
		position: absolute;
		left: 10px;
		top: 0;
		height: 50px;
		cursor: pointer;
		line-height: 1.1;
		display: flex;
		align-items: center;
	}

	.header_camera a {
		padding: 5px 8px 5px 6px;
		background: #ff8400;
		color: #fff;
		border-bottom: 2px solid #ad6619;
		border-radius: 5px;
		font-size: 11px;
		font-weight: bold;
		display: flex;
		align-items: center;
		text-align: left;
		letter-spacing: -0.02em;
	}

	.smallTxt {
		font-size: 10px;
	}

	.header_camera a:before {
		content: "";
		background: url(../images/sp/icon_camera.svg) no-repeat;
		width: 22px;
		height: 22px;
		display: flex;
		margin-right: 4px;
	}

	.header_camera img {
		height: 100%;
		width: auto;
	}

	.header_menu {
		position: absolute;
		right: 3%;
		height: 50px;
		cursor: pointer;
		display: flex;
		align-items: center;
	}

	.header_menu img {
		height: 32px;
		width: auto;
	}

	.gnavi_bk {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 99997;
		display: none;
	}

	#gnavi {
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		z-index: 99998;
	}

	.header_close {
		position: absolute;
		width: 100%;
		padding: 10px;
		height: 50px;
		background: #007130;
		cursor: pointer;
		display: flex;
		align-items: center;
	}

	.header_close img {
		height: 12px;
		width: auto;
	}

	.gnavi_box {
		width: 88%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 12%;
		z-index: 99999;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 0 50px 0;
	}

	#gnavi ul {
		margin: 50px 0 0 0;
		background: #fff;
		height: 100%;
		overflow: scroll;
	}

	#gnavi li {
		border-bottom: 1px solid #e5e5e5;
	}

	#gnavi li.home {
		display: none;
	}

	#gnavi li a {
		display: block;
		padding: 11px 15px;
		font-size: 14px;
		font-size: 1.4rem;
		position: relative;
		transition: 0.5s;
	}

	#gnavi li a:hover {
		text-decoration: none;
		background: #e5e5e5;
	}

	#gnavi li a:after {
		position: absolute;
		right: 15px;
		top: 17px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #868686;
		border-right: 2px solid #868686;
		-webkit-transform: rotate(45deg);
		content: "";
	}

	/* FV */
	/* ------------------------------------------- */
	#fvArea {
		height: 70vw;
		margin: 0 auto;
		background: url(../images/fv_top.jpg) no-repeat center;
		background-size: cover;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	#fvImg {
		width: 80vw;
		max-width: 820px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#fvImg img {
		width: 100%;
	}

	#fvUnder {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#fvImgUnder {
		width: 92%;
		display: flex;
		justify-content: center;
		align-items: baseline;
	}

	#fvImgUnder img {
		width: 64%;
	}

	#fvImgUnder img:nth-child(2) {
		width: 36%;
		z-index: 1;
		margin-left: -0.5em;
	}

	#fvUnder p {
		width: 86%;
		margin-top: 0.25em;
		color: #fff;
		font-size: 0.8rem;
	}

	#fvTxtBox {
		color: #fff;
		font-size: 5vw;
		font-weight: 700;
		display: flex;
		position: relative;
	}

	#fvTxtBox img {
		position: absolute;
		width: 40vw;
		height: auto;
		top: 8vw;
		left: 50%;
		transform: translateX(-50%);
	}

	.fvTxt span {
		font-size: 4vw;
	}

	/* 買取エリア */
	/* ------------------------------------------- */
	#areamap {
		margin: 30px auto;
	}

	#areamap .inner {
		width: 92%;
		margin: auto;
	}

	.areamap_tit {
		position: relative;
		padding-bottom: 1em;
		color: #007130;
		font-weight: bold;
		font-size: 1.6rem;
		/* font-size: 2.6rem; */
		text-align: center;
		margin-bottom: 15px;
	}

	.areamap_tit::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		content: "";
		width: 50px;
		height: 5px;
		background-color: #01712f;
	}

	.areamap_left {
		width: 100%;
	}

	.areamap_right {
		width: 100%;
		margin-bottom: 15px;
	}

	.areamap_japan {
		display: block;
		width: 100%;
		max-width: 385px;
		margin: auto;
	}

	.areamap_table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 5px;
	}

	.areamap_region,
	.areamap_prefecture {
		padding: 3px 10px;
		vertical-align: middle;
	}

	.areamap_region {
		width: 22%;
		background-color: #ffde00;
		text-align: center;
		line-height: 1.2;
	}

	.areamap_prefecture {
		border-bottom: 1px #f7f7f7 solid;
	}

	.areamap_prefecture ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		column-gap: 10px;
		line-height: 1.25;
	}

	#topBannerArea {
		margin-bottom: 40px;
	}

	#topBannerArea img {
		width: 100%;
	}

	#sns_area {
		position: relative;
		overflow: hidden;
		background: #f6f0f0;
		padding: 15px 0 25px 0;
	}

	#sns_area p {
		text-align: center;
		color: #333333;
		font-weight: bold;
		letter-spacing: 2px;
		margin: 0 0 10px 0;
	}

	#sns_area ul {
		position: relative;
		left: 50%;
		float: left;
	}

	#sns_area ul li {
		position: relative;
		left: -50%;
		float: left;
		margin: 0 6px;
	}

	#sns_area ul li img {
		width: 40px;
		height: auto;
	}

	#footer_contact,
	#topCv {
		margin-bottom: 30px;
		background: #eee;
	}

	#footerBox,
	#topCvBox {
		max-width: 80%;
		min-width: 320px;
		margin: 0 auto;
		padding: 20px 4%;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 1em 0;
		box-sizing: content-box;
	}

	#footerBox a:hover,
	#topCvBox a:hover {
		text-decoration: none;
	}

	.headerBoxImg {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.headerBoxImg img {
		width: 100%;
	}

	.telTxt {
		margin-bottom: 2px;
		padding: 1px 0;
		background: #fff;
		color: #007130;
		font-size: 1.4rem;
		text-align: center;
		font-weight: 600;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}

	.telNum {
		font-family: "Urbanist", serif;
		font-size: 4rem;
		letter-spacing: 0.02em;
		line-height: 1;
		display: flex;
		align-items: center;
		gap: 0 10px;
	}

	.telNum a {
		color: #ff6d01;
	}

	.telNum:before {
		content: "";
		display: flex;
		width: 48px;
		height: 30px;
		background: url(../images/common/icon_tel.svg) no-repeat;
		background-size: contain;
	}

	.telTime {
		font-size: 1.2rem;
		display: flex;
		align-items: center;
		gap: 0 10px;
	}

	.telTime span {
		padding: 0px 8px;
		border-radius: 8px;
		background: #007130;
		color: #fff;
		font-size: 1.1rem;
	}

	.formWrap {
		position: relative;
	}

	.formWrap a {
		width: 100%;
		height: 100px;
		padding-left: 10px;
		padding-bottom: 0.25em;
		background: #ff6d01;
		color: #fff;
		font-size: 2.6rem;
		font-weight: bold;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: all 0.3s ease-in-out 0s;
		font-family: "noto sans jp";
		gap: 0 10px;
		box-sizing: border-box;
	}

	.formWrapTxt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 4px 0;
	}

	.formInner {
		display: flex;
		align-items: center;
		font-size: 2rem;
		gap: 0 5px;
	}

	.formBox {
		height: 22px;
		padding: 0px 10px;
		border-radius: 30px;
		background: #fff;
		color: #ff6d01;
		font-size: 1.6rem;
		line-height: 20px;
	}

	.formWrap a .formBox span {
		font-size: 1rem;
	}

	.formTxt {
		letter-spacing: 0.01em;
		line-height: 1;
	}

	.formTxt span {
		font-size: 2.2rem;
	}

	.formWrap a:after {
		content: "";
		display: flex;
		width: 20px;
		height: 20px;
		background: url(../images/common/arrow_form.svg) no-repeat;
		background-size: contain;
	}

	.footer_fix .formWrap {
		width: 46%;
		position: relative;
	}

	.footer_fix .formWrap a {
		width: 100%;
		height: 55px;
		padding: 0;
		background: #ff6d01;
		border-bottom: 2px solid #ca5702;
		color: #fff;
		font-size: 1.7rem;
		font-weight: bold;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: all 0.3s ease-in-out 0s;
		font-family: "noto sans jp";
	}

	.footer_fix .formWrapTxt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 4px 0;
	}

	.footer_fix .formInner {
		display: flex;
		align-items: center;
		font-size: 1.3rem;
		gap: 0 2px;
	}

	.footer_fix .formBox {
		height: 17px;
		padding: 0px 6px;
		border-radius: 30px;
		background: #fff;
		color: #ff6d01;
		font-size: 1.1rem;
		line-height: 17px;
	}

	.footer_fix .formWrap a .formBox span {
		font-size: 1rem;
	}

	.footer_fix .formTxt {
		letter-spacing: 0.01em;
		line-height: 1;
	}

	.footer_fix .formTxt span {
		font-size: 1.3rem;
	}

	.footer_fix .formWrap a:after {
		content: "";
		display: flex;
		width: 20px;
		height: 20px;
		background: url(../images/common/arrow_form.svg) no-repeat;
		background-size: contain;
		display: none;
	}

	.footer_contact_inner {
		width: 100%;
		margin: 0px auto;
	}

	.footer_contact_telbox {
		width: 300px;
		margin: 0px auto;
		background: url(../images/footer_man.jpg) no-repeat 6% 10px;
		background-size: 30px auto;
		padding: 10px 0 0 50px;
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.footer_contact_p {
		font-size: 11px;
		font-size: 1.1rem;
	}

	.footer_contact_tel_p2 {
		font-size: 11px;
		font-size: 1.1rem;
	}

	.footer_contact_tel_p2 span {
		background: #905719;
		padding: 0 5px;
		margin: 0 0 0 10px;
	}

	.footer_contact_tel {
		font-family: "Anton", sans-serif;
		font-size: 24px;
		font-size: 2.4rem;
		letter-spacing: 4px;
		line-height: 30px;
		margin: 0 0 3px 0;
	}

	.footer_contact_tel .telLink {
		background: url("../images/sp/footer_tel.png") no-repeat 0 center;
		background-size: 30px auto;
		padding: 0 0 0 30px;
	}

	.footer_contact_tel a {
		color: #fff;
	}

	.footer_contact_tel img {
		margin: 0 5px 0 0;
	}

	.footer_contact_btnbox {
		text-align: right;
	}

	.footer_contact_btn_p {
		text-align: center;
		color: #fff100;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0;
		background: url(../images/footer_contact_p_bk.jpg) no-repeat center 17px;
	}

	.footer_contact_btn_p span {
		font-weight: bold;
	}

	.footer_contact_btn_p span.large {
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: bold;
		margin: 0 3px;
	}

	.footer_contact_btn {
		text-align: center;
		position: relative;
		width: 220px;
		margin: 0 auto;
	}

	.footer_contact_btn a {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: url(../images/sp/footer_btn.png) no-repeat #fb2a27 5px center;
		background-size: 25px auto;
		letter-spacing: 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 6px 20px 6px 30px;
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: bold;
		position: relative;
	}

	.footer_contact_btn a:after {
		position: absolute;
		right: 10px;
		top: 15px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		content: "";
	}

	.footer_contact_link {
		width: 240px;
		margin: 0 auto 10px auto;
	}

	.footer_contact_link a {
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		position: relative;
		display: inline-block;
		padding-right: 15px;
		margin: 2px 10px 0 0;
		font-weight: bold;
	}

	.footer_contact_link a::before {
		content: "";
		width: 4px;
		height: 4px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 7px;
		right: 5px;
	}

	#footer .inner {
		margin: 10px auto 0 auto;
	}

	.footer_box1 {
		width: 94%;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		/*		padding: 10px 4% 0 4%;*/
	}

	.footer_logo {
		width: 40%;
		max-width: 180px;
		margin: 0 auto;
	}

	.footer_logo img {
		width: 100%;
	}

	.footer_box2 {
		width: 100%;
		margin: 20px 0 0 0;
		display: none;
	}

	.footer_box3 {
		width: 100%;
		margin: 0;
		display: none;
	}

	.footer_green {
		color: #007130;
		margin: 10px 0 25px 0;
		width: 100%;
	}

	.footer_green1 {
		border: 1px dashed #007130;
		text-align: center;
		margin: 20px 0 10px 0;
		padding: 2px 0;
	}

	.footer_tel {
		font-family: "Anton", sans-serif;
		font-size: 30px;
		font-size: 3rem;
		letter-spacing: 2px;
		line-height: 30px;
		margin: 0 0 3px 0;
		text-align: center;
	}

	.footer_tel span {
		background: url("../images/sp/footer_tel.jpg") no-repeat 0 center;
		background-size: 40px auto;
		padding: 0 0 0 45px;
	}

	.footer_tel a {
		color: #007130;
	}

	.footer_tel img {
		margin: 0 5px 0 0;
	}

	.footer_tel_p2 {
		text-align: center;
	}

	.footer_tel_p2 span {
		border: 1px solid #007130;
		padding: 0 5px;
		margin: 0 0 0 10px;
	}

	.footer_btn a {
		margin: 5px 0 0 0;
		display: block;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background: #007130;
		text-align: center;
		padding: 5px 0;
		transition: 0.5s;
		font-size: 15px;
		font-size: 1.5rem;
	}

	.footer_btn a span {
		background: url(../images/sp/footer_mail.jpg) no-repeat #007130 0 center;
		background-size: 25px auto;
		padding: 0 0 0 30px;
	}

	.footer_address {
		color: #333333;
		margin: 0 0 20px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer_address ul {
		width: auto;
		color: #333333;
		margin: 20px 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.footer_address ul li {
		width: auto;
	}

	.footer_address li {
		border-left: 5px solid #eeeeee;
		margin: 0 0 5px 0;
		padding: 0 0 0 5px;
	}

	.footer_address li p {
		font-size: 1.3rem;
		font-weight: bold;
	}

	.adSmall {
		font-size: 1.1rem;
	}

	.footer_address li.img {
		border: none;
		padding: 0;
	}

	.footer_address li.img img {
		width: 260px;
	}

	.footer_address li p span.gray {
		font-weight: normal;
		color: #666666;
	}

	.footer_menu {
		border-top: 1px solid #e5e5e5;
		width: 94%;
		margin: 0px auto;
	}

	.footer_menu li {
		border-bottom: 1px solid #e5e5e5;
	}

	.footer_box2 .footer_menu li:last-child {
		border-bottom: none;
	}

	.footer_menu li a {
		display: block;
		padding: 11px 15px;
		font-size: 14px;
		font-size: 1.4rem;
		position: relative;
		transition: 0.5s;
	}

	.footer_menu li a:after {
		position: absolute;
		right: 15px;
		top: 17px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #868686;
		border-right: 2px solid #868686;
		-webkit-transform: rotate(45deg);
		content: "";
	}

	.footer_news_title {
		color: #007130;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0 0 0 3%;
		padding: 5px;
	}

	#sp_slider {
		border-top: 1px solid #e5e5e5;
	}

	.footer_news {}

	.footer_news li {
		padding: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.footer_news li .img {
		float: left;
		width: 80px;
		height: 80px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.footer_news li .img img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.footer_news li .detail {
		float: left;
		width: 65%;
		margin: 0 0 0 3%;
	}

	.footer_news li .title {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.footer_news li .date {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.footer_news li .icon {
		background: #007130;
		color: #fff;
		font-size: 10px;
		font-size: 1rem;
		margin: 0 0 0 5px;
		padding: 2px 5px;
	}

	.copyright {
		background: #eee;
		text-align: center;
		color: #666666;
		padding: 5px 0 80px 0;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.copyright_s {
		padding: 5px 0;
	}

	.copyright a {
		color: #666666;
	}

	#pagetop {
		position: fixed;
		width: 100%;
		bottom: 0px;
		right: 0px;
		z-index: 99990;
	}

	#pagetopPC {
		display: none !important;
	}

	.pagetop_btn {
		width: 54px;
		position: fixed;
		bottom: 65px;
		right: 3%;
		z-index: 99990;
	}

	.pagetop_btn img {
		width: 100%;
	}

	.footer_fix {
		background: #eee;
		padding: 8px 2% 8px 2%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footer_fix_telbox {
		width: 53%;
		height: 55px;
		padding: 3px 10px 2px;
		color: #fff;
		font-family: "noto sans jp";
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 2px solid #056c31;
		border-radius: 5px;
		background: #009c25;
		-webkit-tap-highlight-color: transparent;
	}

	.footer_fix_telbox:hover,
	a.webBtn:hover {
		text-decoration: none;
	}

	.jost {
		font-family: "jost", sans-serif;
	}

	.telboxInner {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.telboxInner:first-child {
		margin-bottom: 2px;
	}

	.footer_fix .telTxt {
		margin-right: 5px;
		color: #ffe030;
		font-size: 1.5rem;
		font-weight: 800;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: transparent;
		border: none;
		margin-bottom: 0;
		padding: 0;
	}

	.footer_fix .telTxt:before {
		content: "";
		background: url(../images/sp/icon_tel.svg) no-repeat;
		width: 24px;
		height: 18px;
		background-size: cover;
		display: inline-block;
		margin-right: 2px;
	}

	.telBadge {
		padding: 1px 5px;
		background: #d4f8e0;
		color: #044107;
		font-size: 7px;
		line-height: 1.1;
		font-weight: bold;
		border-radius: 3px;
	}

	.footer_fix_tel_p {
		color: #fff;
		font-size: 0.8rem;
		line-height: 1;
	}

	.footer_fix_tel_p span {
		background: #905719;
		padding: 0 5px;
		margin: 0 0 0 5px;
	}

	.footer_fix_tel {
		margin-right: 4px;
		color: #fff;
		font-size: 1.8rem;
		line-height: 1;
		display: flex;
		align-items: center;
		font-family: "Urbanist", serif;
	}

	.footer_fix_tel:before {
		content: "";
		background: url(../images/sp/icon_freedial.svg) no-repeat;
		width: 18px;
		height: 12px;
		background-size: cover;
		display: inline-block;
		margin-right: 5px;
	}

	.footer_fix_tel a {
		color: #fff;
	}

	.footer_fix_tel a:hover {
		text-decoration: none;
	}

	.footer_fix_tel img {
		margin: 0 5px 0 0;
	}

	a.webBtn {
		width: 43%;
		height: 55px;
		padding: 0 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffd900;
		background: #fb2a27;
		font-family: "noto sans jp";
		font-size: 1.5rem;
		font-weight: bold;
		border-bottom: 2px solid #781d1d;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.webBtn:before {
		content: "";
		background: url(../images/sp/icon_check.svg) no-repeat;
		width: 26px;
		height: 34px;
		background-size: cover;
		display: inline-block;
		margin-right: 5px;
	}

	a.webBtn p {
		color: #fff;
		font-size: 1.1rem;
		line-height: 1;
	}

	a.webBtn p span {
		font-size: 1.6rem;
	}

	#top_main,
	#main {
		width: 92%;
		padding: 0 4%;
		display: flex;
		flex-direction: column;
	}

	#top_side,
	#side {
		width: 92%;
		padding: 0 4%;
		margin: 30px 0 0 0;
	}

	#main_all {
		width: 92%;
		padding: 0 4%;
	}

	#top_img {
		margin: 50px 0 0 0;
		width: 100%;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.top_image {
		margin: 0 0 30px 0;
	}

	.top_image img {
		width: 100%;
		height: auto;
	}

	.top_img_box {
		width: 92%;
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: auto;
		background: rgba(45, 50, 46, 0.9);
	}

	.top_img_detail {
		padding: 10px 15px;
	}

	#main_tit {
		display: block;
		color: #fff;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid #4ba873;
		margin: 0 0 5px 0;
	}

	#main_tit_desc {
		display: block;
		color: #fff;
		text-align: left;
		line-height: 1.2;
	}

	.sub_title {
		color: #007130;
		border: 1px solid #007130;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 18px 15px;
		margin: 0 0 25px 0;
		position: relative;
		line-height: 120%;
	}

	.sub_title span {
		display: block;
		border-left: 2px solid #007130;
		position: absolute;
	}

	.sub_title span.sen1 {
		right: 10px;
		bottom: 0;
		height: 16px;
		-webkit-animation-duration: 500ms;
		-webkit-animation-name: sen1;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 500ms;
		animation-name: sen1;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen1 {
		from {
			height: 0px;
		}

		to {
			height: 16px;
		}
	}

	@keyframes sen1 {
		from {
			height: 0px;
		}

		to {
			height: 16px;
		}
	}

	.sub_title span.sen2 {
		right: 15px;
		bottom: 0;
		height: 13px;
		-webkit-animation-duration: 450ms;
		-webkit-animation-name: sen2;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 450ms;
		animation-name: sen2;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen2 {
		from {
			height: 0px;
		}

		to {
			height: 13px;
		}
	}

	@keyframes sen2 {
		from {
			height: 0px;
		}

		to {
			height: 13px;
		}
	}

	.sub_title span.sen3 {
		right: 20px;
		bottom: 0;
		height: 16px;
		-webkit-animation-duration: 300ms;
		-webkit-animation-name: sen3;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 300ms;
		animation-name: sen3;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen3 {
		from {
			height: 0px;
		}

		to {
			height: 16px;
		}
	}

	@keyframes sen3 {
		from {
			height: 0px;
		}

		to {
			height: 16px;
		}
	}

	.sub_title span.sen4 {
		right: 25px;
		bottom: 0;
		height: 17px;
		-webkit-animation-duration: 600ms;
		-webkit-animation-name: sen4;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 600ms;
		animation-name: sen4;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen4 {
		from {
			height: 0px;
		}

		to {
			height: 17px;
		}
	}

	@keyframes sen4 {
		from {
			height: 0px;
		}

		to {
			height: 17px;
		}
	}

	.sub_title span.sen5 {
		right: 30px;
		bottom: 0;
		height: 14px;
		-webkit-animation-duration: 400ms;
		-webkit-animation-name: sen5;
		-webkit-animation-iteration-count: infinite;
		animation-duration: 400ms;
		animation-name: sen5;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes sen5 {
		from {
			height: 0px;
		}

		to {
			height: 14px;
		}
	}

	@keyframes sen5 {
		from {
			height: 0px;
		}

		to {
			height: 14px;
		}
	}

	.common_title {
		color: #007130;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 15px 0 10px 0;
		line-height: 130%;
	}

	.common_txt {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 150%;
	}

	#navi {}

	.topNavi {
		margin-top: 60px;
	}

	#navi ul {
		width: 92%;
		margin: 0px auto;
		color: #333333;
	}

	#navi ul li {
		float: left;
		position: relative;
		padding: 0 13px 0 0;
		font-size: 10px;
		font-size: 1rem;
	}

	#navi ul li a:after {
		margin: auto 0;
		position: absolute;
		right: 5px;
		top: 0;
		bottom: 0;
		display: block;
		width: 4px;
		height: 4px;
		border-top: 1px solid #333333;
		border-right: 1px solid #333333;
		-webkit-transform: rotate(45deg);
		content: "";
	}

	#navi ul li img {
		vertical-align: bottom;
		width: 15px;
		height: auto;
	}

	#navi.complete {
		margin: 64px 0 0 0;
	}

	.pager {
		position: relative;
		overflow: hidden;
		margin: 30px 0;
	}

	.pager ul {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 0.25em;
	}

	.pager ul li {
		position: relative;
		list-style: none;
	}

	a.page-numbers,
	.current {
		background: #cccccc;
		color: #fff;
		height: 30px;
		line-height: 30px;
		width: 30px;
		text-align: center;
		font-size: 1.2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.5s;
	}

	.current {
		background: #007130;
	}

	.dots {
		display: block;
		height: 30px;
		line-height: 30px;
		width: 20px;
		text-align: center;
	}

	.pager a.prev,
	.pager a.next {
		position: relative;
	}

	.pager a.prev:after,
	.pager a.next:after {
		margin: auto;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
		position: relative;
		left: -2px;
	}

	.pager a.next:after {
		-webkit-transform: rotate(45deg);
	}

	.pager a.prev:after {
		-webkit-transform: rotate(-135deg);
		left: auto;
		right: -2px;
	}

	a:hover.page-numbers {
		text-decoration: none;
		background: #007130;
	}

	.side_brand_btn,
	.side_genre_btn {
		margin: 0 0 2% 0;
	}

	.side_brand_btn img,
	.side_genre_btn img {
		width: 100%;
	}

	.side_btnlist {
		margin: 0 0 20px -2%;
	}

	.side_btnlist li {
		float: left;
		width: 48%;
		margin: 0 0 2% 2%;
	}

	.side_btnlist li img {
		width: 100%;
	}

	.side_btnlist_box img {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	#top_side .side_bunnerlist2 {
		display: none;
	}

	.side_bunnerlist:before,
	.side_bunnerlist:after {
		content: " ";
		display: table;
	}

	.side_bunnerlist:after {
		clear: both;
	}

	.side_bunnerlist {
		*zoom: 1;
		margin: 0 0 0 -2%;
	}

	.side_bunnerlist li {
		float: left;
		width: 48%;
		margin: 0 0 2% 2%;
	}

	.side_bunnerlist li img {
		width: 100%;
	}

	.common_btn {
		width: 100%;
		text-align: center;
		position: relative;
	}

	.common_btn a {
		display: block;
		background: #007130;
		color: #fff;
		padding: 5px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
		font-weight: bold;
	}

	.common_btn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.common_btn a:after {
		position: absolute;
		right: 8%;
		top: 0;
		bottom: 0;
		margin: auto;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		content: "";
	}

	.top_img {
		margin: 50px 0 0 0;
		position: relative;
	}

	.top_img img {
		width: 100%;
	}

	.top_img_h1 {
		padding-bottom: 20px;
		text-align: center;
		line-height: 1;
	}

	#mvTxt1 {
		padding: 5px 0 5px;
		font-size: 1.3rem;
		display: block;
	}

	#mvTxt2 {
		padding: 0 0 5px 0;
		font-size: 2.4rem;
		letter-spacing: 0.2em;
		text-indent: 0.1em;
		display: block;
		font-weight: bold;
	}

	#mvTxt3 {
		padding: 5px 40px;
		border: 1px #333333 solid;
		font-size: 1.3rem;
		display: inline-block;
		letter-spacing: 0.6em;
		text-indent: 0.3em;
		text-align: center;
	}

	/* TOPメインビジュアルバッジ、バナー */
	#mv_badge {
		width: 100%;
		letter-spacing: -0.4em;
		text-align: center;
		padding-bottom: 10px;
	}

	.badge_img {
		display: inline-block;
		width: 40%;
		letter-spacing: normal;
	}

	.badge_img:first-child {
		margin-right: 2%;
	}

	.badge_img img {
		width: 100%;
	}

	#mv_bottombannar {
		width: 92%;
		margin: 0 auto;
	}

	#mv_bottombannar a {
		display: block;
	}

	#mv_bottombannar img {
		width: 100%;
	}

	.top_floating_banner {
		display: none !important;
	}

	.top_main_title {
		background: #007130;
		color: #fff;
		padding: 10px 0;
		text-align: center;
		position: relative;
	}

	.top_main_title span.top_main_title_p {
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
		font-size: 10px;
		font-size: 1rem;
		line-height: 100%;
	}

	.top_main_title h2 {
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		padding: 0;
		line-height: 100%;
		margin: 5px 0 0;
	}

	.top_main_title h2 span.small {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.top_main_title h2 span.yellow {
		color: #ffde00;
	}

	.top_main_title_w {
		background: #fff;
		margin: 0 10px;
		color: #000;
		padding: 2px 0;
	}

	.top_main_title_w p {
		font-size: 14px;
		font-size: 1.4rem;
		color: #fb2a27;
	}

	.top_main_title_w p span {
		font-size: 11px;
		font-size: 1.1rem;
		color: #fb2a27;
		background: url(../images/top_icon.jpg) no-repeat 0 center;
		padding: 0 0 0 25px;
		margin: 0 0 0 20px;
	}

	.top_main_box {
		padding-top: 20px;
		border-left: 2px solid #007130;
		border-right: 2px solid #007130;
		border-bottom: 2px solid #007130;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}

	.top_main_box h3 {
		color: #007130;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 120%;
		font-weight: bold;
		padding: 0 3.5%;
	}

	.top_main_img.sp {
		padding: 3.5%;
	}

	.top_main_box p.top_main_box_comment {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 3.5%;
	}

	.top_main_img img {
		width: 100%;
	}

	.top_main_map {
		position: relative;
		padding-bottom: 10px;
	}

	.top_main_map_img img {
		width: 100%;
	}

	.top_main_map_p {
		position: absolute;
		top: 5px;
		left: 3.5%;
		color: #ff6d00;
		background: url(../images/sokuzitsu_icon.png) no-repeat 0 center;
		background-size: 8px auto;
		padding: 0 0 0 13px;
	}

	.top_main_map_man {
		position: absolute;
		bottom: 60px;
		right: -50px;
	}

	.top_main_map_man img {
		width: 175px;
		height: auto;
	}

	.top_main_box_btn {
		padding: 0 3.5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.top_main_box p.top_main_box_btn a {
		margin: 10px 0 20px;
		font-size: 1.4rem;
		font-weight: normal;
	}

	/* オーディオランドのこと動画で紹介します */
	.top_movie {
		width: 92%;
		margin: 30px auto 0;
		padding: 20px 3.5%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #007130;
		position: relative;
		z-index: 10;
		/* background: url(../images/sp/movie_chara_sp.jpg) left bottom no-repeat; */
		background-size: contain;
		overflow: hidden;
	}

	.top_movie::before {
		content: "";
		display: inline-block;
		width: 90%;
		aspect-ratio: 1066 / 185;
		background: url(../images/movie_filmtop.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
	}

	.top_movie::after {
		content: "";
		display: inline-block;
		width: 90%;
		aspect-ratio: 301 / 52;
		background: url(../images/movie_filmbottom.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		bottom: 0px;
		right: 0px;
		z-index: -1;
	}

	#movie_title_wrap {
		margin-bottom: 20px;
	}

	#movie_title {
		width: fit-content;
		padding: 0.2em 1em;
		text-align: center;
		font-size: 20px;
		letter-spacing: 0.08em;
		font-weight: 700;
		background: #007131;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 0.7em;
		margin-bottom: 0.7em;
	}

	#movie_title::before {
		display: block;
		content: "";
		width: 1.85em;
		height: 1.27em;
		background: url(../images/icon_movie.svg) center / contain no-repeat;
	}

	#movie_txt {
		border-top: 2px solid #007131;
		border-bottom: 2px solid #007131;
		background: rgb(255, 255, 255, 0.9);
		padding: 0.5em 1em;
		font-size: 12px;
		line-height: 1.3;
		letter-spacing: 0.05em;
	}

	.movie_item iframe {
		aspect-ratio: 7 / 4;
		width: 100%;
		height: 100%;
		vertical-align: bottom;
	}

	.movie_item img {
		display: block;
		width: 100%;
	}

	.movie_item_title {
		text-align: center;
		font-size: 11px;
		font-weight: 700;
		/* line-height: 2; */
		color: #007131;
		background: rgb(255, 255, 255, 0.9);
		padding: 0.5em;
	}

	.movie_item_title.ready {
		color: #737373;
	}

	.movie_item_title a {
		color: #007131;
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 1em;
		transition: all 0.3s;
	}

	/*
	.movie_item_title a::after {
		display: flex;
		content: "";
		width: 18px;
		height: 18px;
		background: url(../images/icon_movie_link.svg) 0 0 no-repeat;
		background-size: contain;
		flex-shrink: 1;
	}
*/

	#movie_list_sp {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: 10px 2%;
	}

	#movie_list_sp li {
		width: 48%;
	}

	.ytp-large-play-button {
		width: 48px!important;
		height: 28px!important;
		margin-left: -24px!important;
		margin-top: -14px!important;
	}

	.top_left_right {
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.top_left {
		width: 92%;
		margin: 0 auto;
	}

	.top_right {
		width: 92%;
		margin: 0 auto;
	}

	.top_left h2,
	.top_right h2 {
		color: #007130;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 30px 0 10px 0;
	}

	.top_genrebox:before,
	.top_genrebox:after {
		content: " ";
		display: table;
	}

	.top_genrebox:after {
		clear: both;
	}

	.top_genrebox {
		*zoom: 1;
	}

	.top_genrebox h3 {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#jenreList {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px 0;
	}

	#jenreList li {
		width: 49%;
		height: auto;
	}

	#jenreList li a {
		width: 100%;
		height: 100%;
		color: #1f5423;
		border: 1px solid #007130;
		transition: 0.5s;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		box-sizing: border-box;
	}

	#jenreList li a:hover {
		background: #007130;
		color: #fff;
		text-decoration: none;
	}

	#jenreList li a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		transform: scale(1.1);
	}

	#jenreList li a h3 {
		width: auto;
		font-size: 1.3rem;
		text-align: center;
	}

	#jenreList li img {
		width: 30%;
		height: auto;
	}

	/*
	.top_left ul {
		margin: 0;
	}

	.top_left li {
		float: left;
		width: 49%;
		margin: 0 0 2% 0;
	}

	.top_left li:nth-child(even) {
		margin: 0 0 2% 2%;
	}

	a .top_genrebox {
		width: 100%;
		color: #1f5423;
		border: 1px solid #007130;
		transition: 0.5s;
		padding: 3px 0 5px 0;
	}

	.top_left li p {
		text-align: center;
	}

	.top_left li img {
		width: auto;
		height: 40px;
		margin: 0 auto;
	}

	.top_left li h3 {
		text-align: center;
		font-size: 10px;
		font-size: 1rem;
		line-height: 110%;
	}

	.top_left li h3.two {}
*/

	/*
	.top_right ul {
		margin: 0;
	}

	.top_right li {
		float: left;
		width: 32.4%;
		margin: 0 1.3% 5px 0;
	}

	.top_right li:nth-child(3n) {
		margin: 0 0 5px 0;
	}

	.top_right li img {
		width: 100%;
	}

	.top_right li h3 {
		font-size: 13px;
		font-size: 1.3rem;
	}
*/

	#brandList {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 1em 0;
	}

	#brandList li {
		width: 32%;
	}

	#brandList li a {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25em 0;
		transition: 0.3s;
	}

	#brandList li a img {
		width: 100%;
	}

	#brandList li a h3 {
		font-size: 1.2rem;
	}

	.more_btn {
		margin: 15px 0 0 0;
	}

	.more_btn a {
		letter-spacing: 0.1em;
	}

	.top_bunnerlist {
		width: 100%;
		margin: 0 auto;
	}

	.top_bunnerlist img {
		width: 100%;
	}

	.top_kaitori {
		width: 92%;
		margin: 30px auto 0;
	}

	.top_kaitori h2,
	#blogTop h2,
	#areamap h2 {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 2px solid;
		color: #007130;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
	}

	#kaitoriList {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}

	#kaitoriList li {
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
	}

	.topKaitoriBox {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}

	/*
	#kaitoriList li:first-child .topKaitoriBox {
		display: block;
	}
*/

	.topKaitoriBoxCont {
		width: 77%;
	}

	.topKaitoriBox .img {
		width: 20%;
		height: auto;
		aspect-ratio: 1 / 1;
		text-align: center;
	}

	.topKaitoriBoxCont .date,
	.topKaitoriBoxCont .icon {
		display: inline-block;
	}

	/*
	#kaitoriList li:first-child .topKaitoriBoxCont {
		width: 100%;
	}

	#kaitoriList li:first-child .topKaitoriBox .img {
		width: 100%;
		height: 24vh;
	}
*/

	.topKaitoriBox .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: bottom;
	}

	.topKaitoriBox .icon {
		font-size: 10px;
		letter-spacing: -0.4em;
	}

	.topKaitoriBox .brand_icon {
		/*
		margin-right: 5px;
		background: #007130;
		color: #fff;
		padding: 0 5px;
		letter-spacing: normal;
		display: inline-block;
		display: none;
*/
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3px 4px;
		font-size: 1.0rem;
		line-height: 1.1;
		letter-spacing: -0.02em;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
	}

	.topKaitoriBox .genre_icon {
		/*
		background: #4ab175;
		color: #777;
		padding: 0 5px;
		margin-right: 5px;
		letter-spacing: normal;
		display: inline-block;
*/
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3px 4px;
		font-size: 1.0rem;
		line-height: 1.1;
		letter-spacing: -0.02em;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
	}

	/*
	.topKaitoriBox .date {
		margin-bottom: 0;
		display: none;
	}

	#kaitoriList li:first-child .topKaitoriBox .date {
		display: inline-block;
	}
*/

	/*
	#kaitoriList li:first-child .topKaitoriBox .date:before {
		content: "NEW";
		margin-right: 5px;
		padding: 2px 5px;
		background: #007130;
		color: #fff;
		font-size: 1rem;
	}
*/

	.topKaitoriBox .title {
		margin: 0;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.3;
	}

	/*
	#kaitoriList li:first-child .topKaitoriBox .title {
		margin-bottom: 5px;
		font-size: 15px;
	}
*/

	.kaitoriTxt {
		display: none;
	}

	.top_bottom_left {
		width: 92%;
		margin: 30px auto;
		position: relative;
	}

	.top_bottom_left img {
		width: 100%;
		height: auto;
	}

	.top_bottom_left h2 {
		width: 100%;
		background: #ffffff;
		color: #fb2a27;
		border: 1px solid #fb2a27;
		text-align: center;
		font-weight: bold;
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 120%;
		margin: 0 auto;
		padding: 5px 0;
	}

	.top_bottom_left h2 span.small {
		font-size: 15px;
		font-size: 1.5rem;
	}

	.top_bottom_left h2 span.large {
		font-size: 30px;
		font-size: 3rem;
		margin: 0 5px;
	}

	.top_bottom_left p {
		color: #fb2a27;
		text-align: center;
		font-size: 15px;
		font-size: 1.5rem;
	}

	.top_bottom_right {
		width: 92%;
		margin: 0 auto;
	}

	.top_bottom_right h2 {
		background: url(../images/top_attention_icon.png) no-repeat 0 0;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		height: 30px;
		line-height: 30px;
		padding: 0 0 0 45px;
		margin: 0 0 5px 0;
	}

	.top_bottom_rightbox {
		background: #fff1e3;
		padding: 15px;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
	}

	.announceArea {
		margin-top: 30px;
		padding: 20px 0;
		background: #f2f2f2;
	}

	.announceArea.top {
		margin-top: 50px;
		padding: 0.5em 0;
	}

	.announceList {
		width: 94%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 0.5em 0;
	}

	.announceList li a {
		color: #a40000;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: -0.04em;
		text-decoration: underline;
		display: flex;
		align-items: baseline;
		position: relative;
	}

	.announceList li a:before {
		content: "";
		display: flex;
		background: url(../images/icon_attention.svg) no-repeat 0 0;
		background-size: contain;
		width: 10px;
		height: 10px;
		margin-right: 0.5em;
		flex-shrink: 0;
	}

	.announceArea.top .announceList li a:after {
		content: "";
		margin: auto;
		display: block;
		width: 4px;
		height: 4px;
		border-top: 2px solid #a40000;
		border-right: 2px solid #a40000;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1%;
	}

	.estimate_faqp {
		color: #007130;
		margin: 10px auto 0px auto;
		font-size: 15px;
		font-size: 1.5rem;
	}

	.estimate_btnbox {
		margin: 10px 0 20px -2%;
	}

	.estimate_btnbox p {
		width: 48%;
		float: left;
		margin: 0 0 8px 2%;
	}

	.estimate_btnbox p.contact_entrybtn {
		width: 98%;
		float: left;
		margin: 0 0 8px 2%;
	}

	.estimate_btnbox p.contact_faqbtn a:after {
		right: 10px;
	}

	.estimate_more {}

	.estimate_morebtn {
		width: 170px;
		margin: 0 auto 40px auto;
		text-align: center;
		position: relative;
	}

	.estimate_morebtn a {
		display: block;
		background: #007130;
		color: #fff;
		font-size: 16px;
		font-size: 1.6rem;
		height: 35px;
		line-height: 35px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: 0.5s;
		padding: 0 20px 0 0;
	}

	.estimate_morebtn a:hover {
		text-decoration: none;
		background: #005925;
	}

	.estimate_morebtn a span {
		height: 16px;
		width: 16px;
	}

	.estimate_morebtn a span:before,
	.estimate_morebtn a span:after {
		content: "";
		height: 3px;
		width: 16px;
		display: block;
		background: #fff;
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.estimate_morebtn a span:after {
		height: 16px;
		width: 3px;
		top: 9px;
		right: 22px;
	}

	.contact_comment {
		margin: 20px 0 0 0;
	}

	.contact_faqp {
		color: #007130;
		width: 100%;
		margin: 20px auto 0px auto;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.contact_faqbtn {
		margin: 10px auto 0 auto;
	}

	.contact_entrybtn {
		margin: 10px auto 0 auto;
	}

	.contact_title {
		margin: 30px 0 10px 0;
		border: 2px solid #007130;
		color: #007130;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		padding: 5px;
	}

	.contact_title img {
		margin: 0 10px;
		float: left;
		width: 25px;
		height: auto;
		vertical-align: middle;
	}

	.contact_tel {
		margin: 0 auto;
		width: 260px;
	}

	.contact_tel {
		line-height: 34px;
	}

	.contact_tel .telLink {
		background: url(../images/contact_freetel.jpg) no-repeat 0 center;
		background-size: 40px auto;
		padding: 0 0 0 45px;
		font-family: "Anton", sans-serif;
		color: #fb2a27;
		font-size: 34px;
		font-size: 3.4rem;
		letter-spacing: 2px;
	}

	.contact_tel a {
		color: #fb2a27;
	}

	.contact_eigyou {
		width: 260px;
		text-align: center;
		border: 1px solid #c9c9c9;
		padding: 5px 0;
		color: #007130;
		font-size: 13px;
		font-size: 1.3rem;
		margin: 0px auto;
	}

	.contact_eigyou span {
		color: #fb2a27;
		margin: 0 0 0 10px;
	}

	.contact_stepbox {
		width: 100%;
		margin: 0px auto;
	}

	.contact_stepbox img {
		width: 100%;
	}

	.contact_stepbox p {
		background: #007130;
		color: #fff;
		margin: 2px 0 20px 0;
		padding: 10px 15px;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
		line-height: 120%;
		font-weight: bold;
	}

	.contactbox {
		border: 1px solid #c9c9c9;
		padding: 15px;
	}

	.seihinbox {
		border: 1px solid #c9c9c9;
		padding: 15px;
		margin: 0 0 20px 0;
	}

	.seihinbox h3,
	.contactbox h3 {
		color: #007130;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		border-bottom: 5px solid #007130;
		position: relative;
	}

	.seihinbox h3 a {
		position: absolute;
		right: 0;
		top: 7px;
		color: #fb2a27;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0 0 0 0;
	}

	.seihinbox h3 span {
		height: 16px;
		width: 16px;
		display: block;
		position: relative;
		float: right;
		margin: 0 0 0 5px;
	}

	.seihinbox h3 span:before,
	.seihinbox h3 span:after {
		content: "";
		height: 2px;
		width: 14px;
		display: block;
		background: #fb2a27;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		margin: auto 0;
	}

	.seihinbox h3 span:after {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	.form_tbl {
		font-size: 15px;
		font-size: 1.5rem;
		width: 100%;
	}

	.form_tbl th {
		font-weight: bold;
		padding: 15px 0 0 0;
	}

	.form_tbl th span {
		background: #fb2a27;
		color: #fff;
		margin: 0 0 0 10px;
		font-size: 11px;
		font-size: 1.1rem;
		padding: 0 5px;
	}

	.form_tbl td {
		padding: 0;
	}

	.err_msg {
		color: #fb2a27;
		padding: 0 0 0 20px;
		position: relative;
		font-size: 11px;
		font-size: 1.1rem;
	}

	.err_msg:after {
		position: absolute;
		left: 5px;
		top: 0;
		bottom: 0;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fb2a27;
		border-right: 2px solid #fb2a27;
		-webkit-transform: rotate(315deg);
		content: "";
		margin: auto 0;
	}

	.form_tbl input[type="tel"],
	.form_tbl input[type="text"] {
		width: 100%;
		height: 30px;
		border: 1px solid #bfbfbf;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-appearance: none;
	}

	.form_tbl textarea {
		width: 100%;
		height: 260px;
		border: 1px solid #bfbfbf;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-appearance: none;
	}

	.form_tbl textarea.point {
		height: 160px;
	}

	.form_tbl input[type="text"].error_box,
	.form_tbl input[type="tel"].error_box,
	.form_tbl textarea.error_box {
		background: #f1aca3;
	}

	.form_tbl input[type="radio"] {
		margin: 0 5px 0 0;
	}

	.form_tbl label {
		margin: 0 10px 0 0;
		font-size: 11px;
		font-size: 1.1rem;
	}

	.form_tbl select {
		width: 240px;
		height: 30px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url(../images/sp/select.png) right 50% no-repeat;
		background-size: 14px auto;
		padding: 0 10px;
	}

	.form_tbl select::-ms-expand {
		display: none;
	}

	.contact_pp {
		background: #ffffff;
		height: 180px;
		margin: 20px auto 30px;
		width: 100%;
		border: 1px #c9c9c9 solid;
		overflow: auto;
	}

	.contact_pp_title {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
	}

	.contact_pp_content {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.contact_pp_content dt {
		margin-top: 10px;
		font-weight: bold;
	}

	.contact_conf_btn {
		text-align: center;
		position: relative;
		width: 300px;
		margin: 0 auto 50px auto;
	}

	.contact_conf_btn a {
		width: 300px;
		height: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: #fb2a27;
		letter-spacing: 3px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		padding: 5px 30px 0 30px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		position: relative;
		line-height: 100%;
	}

	.contact_conf_btn a span {
		font-weight: normal;
		letter-spacing: 0px;
		font-size: 10px;
		font-size: 1rem;
	}

	.contact_conf_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.contact_conf_btn a:after {
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		content: "";
	}

	.contact_confirm_p {
		color: #fb2a27;
		font-size: 14px;
		font-size: 1.4rem;
		margin: 0 0 15px 0;
	}

	.form_tbl2 {
		font-size: 13px;
		font-size: 1.3rem;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.form_tbl2 th {
		font-weight: bold;
		padding: 15px 0 0 0;
	}

	.form_tbl2 td {
		padding: 0 0 5px 0;
		border-bottom: 1px dotted #7d7d7d;
	}

	.contact_submit_btn {
		text-align: center;
		position: relative;
		width: 300px;
		margin: 30px auto 10px auto;
	}

	.contact_submit_btn a {
		width: 300px;
		height: 35px;
		line-height: 35px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		background: #fb2a27;
		letter-spacing: 3px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		display: block;
		border-bottom: 3px solid #921614;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		position: relative;
	}

	.contact_submit_btn a:hover {
		border-bottom: 3px solid #fb2a27;
		top: 2px;
		text-decoration: none;
	}

	.contact_submit_btn a:after {
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		content: "";
		margin: auto 0;
	}

	.contact_back {
		width: 300px;
		text-align: left;
		position: relative;
		margin: 0 auto 50px auto;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.contact_back a {
		color: #a0a0a0;
		padding: 0 0 0 20px;
	}

	.contact_back a:after {
		position: absolute;
		left: 5px;
		top: 5px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #a0a0a0;
		border-right: 2px solid #a0a0a0;
		-webkit-transform: rotate(-135deg);
		content: "";
	}

	.contact_thanks_p {
		color: #333333;
		font-size: 14px;
		font-size: 1.4rem;
		margin: 0 0 20px 0;
	}

	.contact_thanks_p span {
		color: #fb2a27;
	}

	.contact_thanks_p a {
		color: #fb2a27;
	}

	.contact_homebtn {
		margin: 10px auto 50px auto;
	}

	.company {
		width: 100% !important;
		padding: 0 !important;
	}

	.company_topimg {
		width: 100%;
	}

	.company_topimg img {
		width: 100%;
	}

	.company_images {
		position: relative;
		overflow: hidden;
	}

	.company_images img {
		width: 100%;
	}

	.company_images1 {
		z-index: 5;
		position: relative;
		bottom: 0;
		left: 0;
	}

	.company_images2 {
		width: 100%;
		z-index: 9;
		position: absolute;
		bottom: 0;
		left: 0;
		display: none;
		text-align: center;
	}

	.company_images3 {
		z-index: 1;
		position: absolute;
		top: 20%;
		left: 20%;
		margin: auto;
		opacity: 0;
	}

	.company_images3 img {
		width: 135px;
		height: auto;
	}

	.companybox1 {
		padding: 4%;
		background: #f9f8f4;
		margin: 0 0 30px 0;
	}

	.companybox1 img {
		width: 100%;
	}

	.companybox1 p {
		margin: 10px 0;
	}

	.companybox2 {
		width: 92%;
		padding: 0 4%;
	}

	.company_tbl {
		width: 100%;
		margin: 0px auto;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.company_tbl th,
	.company_tbl td {
		display: block;
	}

	.company_tbl th {
		font-weight: bold;
		padding: 10px 0 0 0;
		vertical-align: top;
	}

	.company_tbl td {
		padding: 10px;
		background: #f9f8f4;
		color: #333333;
		line-height: 120%;
	}

	.company_tbl td.external-link a::after {
		content: "";
		display: inline-block;
		width: 16px;
		/*画像の幅*/
		height: 16px;
		/*画像の高さ*/
		margin-left: 4px;
		margin-bottom: 4px;
		background-image: url(../images/external-link.svg);
		background-size: contain;
		vertical-align: middle;
	}

	.company_tbl td p {
		margin: 0 0 12px 0;
	}

	.company_tbl td img {
		width: 260px;
	}

	.waku {
		border: 1px solid #c9c9c9;
		padding: 0 5px;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 5px 0;
		font-weight: normal;
		line-height: 150%;
	}

	.faq_title {
		background: #007130;
		padding: 5px 15px;
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		font-size: 1.7rem;
		margin: 5px 0 0 0;
	}

	.faq_catebox {
		margin: 0 0 30px 0;
	}

	.faq_box {
		border: 1px solid #c9c9c9;
		margin: 10px 0 0 0;
	}

	.faq_question {
		font-size: 15px;
		font-size: 1.5rem;
		position: relative;
		padding: 10px;
		cursor: pointer;
	}

	.faq_question p {
		margin: 0 15px 0 25px;
	}

	.faq_question:before {
		content: "Q";
		color: #007130;
		font-family: "Anton", sans-serif;
		font-size: 24px;
		font-size: 2.4rem;
		position: absolute;
		top: 50%;
		left: 10px;
		margin: -27px 0 0 0;
	}

	.open .faq_question:after {
		position: absolute;
		right: 10px;
		top: 50%;
		margin: -8px 0 0 0;
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-webkit-transform: rotate(135deg);
		content: "";
	}

	.close .faq_question:after {
		position: absolute;
		right: 10px;
		top: 50%;
		margin: -5px 0 0 0;
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #007130;
		border-right: 2px solid #007130;
		-webkit-transform: rotate(-45deg);
		content: "";
	}

	.faq_answer {
		font-size: 15px;
		font-size: 1.5rem;
		position: relative;
		padding: 10px;
		border-top: 1px dotted #c9c9c9;
		display: none;
	}

	.faq_answer:before {
		content: "A";
		color: #fa0400;
		font-family: "Anton", sans-serif;
		font-size: 24px;
		font-size: 2.4rem;
		position: absolute;
		top: 50%;
		left: 10px;
		margin: -27px 0 0 0;
	}

	.faq_answer p {
		margin: 0 0 0 25px;
	}

	.flow_toptitle {
		text-align: center;
		margin: 20px 0;
	}

	.flow1_btn,
	.flow2_btn {
		background: #007130;
		color: #fff;
		width: 49%;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		position: relative;
		margin: 0 0 25px 0;
	}

	.flow1_btn {
		float: left;
	}

	.flow2_btn {
		float: right;
	}

	.flow1_btn p,
	.flow2_btn p {
		width: 145px;
		font-size: 10px;
		font-size: 1rem;
		margin: 10px auto 0 auto;
		line-height: 100%;
	}

	.flow1_btn h3,
	.flow2_btn h3 {
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 0 20px 0;
		width: 100%;
		line-height: 100%;
	}

	.flow1_btn h3:before {
		width: 50px;
		height: 30px;
		background: url(../images/sp/flow_icon1.png);
		background-size: contain;
		display: block;
		content: " ";
		margin: 0px auto;
	}

	.flow2_btn h3:before {
		width: 50px;
		height: 30px;
		background: url(../images/sp/flow_icon2.png);
		background-size: contain;
		display: block;
		content: " ";
		margin: 0px auto;
	}

	a .flow1_btn,
	a .flow2_btn {
		transition: 0.5s;
	}

	a:hover .flow1_btn,
	a:hover .flow2_btn {
		text-decoration: none;
		background: #005925;
	}

	.flow1_btn:after,
	.flow2_btn:after {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 10px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(135deg);
		content: "";
		margin: 0 auto;
	}

	a:hover .flow1_btn:after,
	a:hover .flow2_btn:after {
		bottom: 10px;
	}

	.flow_title {
		border: 2px solid #007130;
		color: #007130;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		padding: 7px 0 7px 45px;
		margin: 0 0 10px 0;
	}

	#flow1 .flow_title {
		background: url(../images/flow_title_icon1.jpg) no-repeat 10px center;
		background-size: 25px auto;
	}

	#flow2 .flow_title {
		background: url(../images/flow_title_icon2.jpg) no-repeat 10px center;
		background-size: 25px auto;
	}

	.flow_box:before,
	.flow_box:after {
		content: " ";
		display: table;
	}

	.flow_box:after {
		clear: both;
	}

	.flow_box {
		*zoom: 1;
		padding: 0 0 30px 0;
	}

	.flow_box .detail {
		width: 100%;
	}

	.flow_box .detail .step {
		border: 1px solid #007130;
		text-align: center;
		padding: 0 0 0 40px;
		color: #007130;
		font-size: 14px;
		font-size: 1.4rem;
		height: 23px;
		line-height: 23px;
		font-weight: bold;
	}

	.step1 .detail .step {
		background: url(../images/flow_step1.jpg) no-repeat 0 0;
		background-size: 40px auto;
	}

	.step2 .detail .step {
		background: url(../images/flow_step2.jpg) no-repeat 0 0;
		background-size: 40px auto;
	}

	.step3 .detail .step {
		background: url(../images/flow_step3.jpg) no-repeat 0 0;
		background-size: 40px auto;
	}

	.step4 .detail .step {
		background: url(../images/flow_step4.jpg) no-repeat 0 0;
		background-size: 40px auto;
	}

	.flow_box .detail .caption {
		color: #007130;
		font-size: 14px;
		font-size: 1.4rem;
		margin: 10px 0;
		font-weight: bold;
		line-height: 130%;
	}

	.flow_box .detail .comment {
		float: left;
		width: 60%;
	}

	.flow_box .img {
		float: right;
		width: 40%;
	}

	.flow_box .img img {
		width: 100%;
		height: auto;
	}

	.flow_box .detail .comment span {
		font-weight: bold;
		color: #fb2a27;
	}

	.about_img {
		margin: 20px 0 0 0;
	}

	.about_img img {
		width: 100%;
	}

	.about_left {
		margin: 0;
	}

	.about_right {
		margin: 20px 0 0 0;
	}

	.about_right img {
		width: 100%;
		height: auto;
	}

	.about_titlebox:before,
	.about_titlebox:after {
		content: " ";
		display: table;
	}

	.about_titlebox:after {
		clear: both;
	}

	.about_titlebox {
		*zoom: 1;
		position: relative;
		margin: 40px 0 0 0;
	}

	.about_titlebox .icon {
		position: absolute;
		left: 0;
		top: 0;
		width: 27%;
	}

	.about_titlebox .icon img {
		width: 100%;
		max-width: 150px;
		height: auto;
	}

	.about_titlebox h2 {
		border-bottom: 5px solid #cccccc;
		font-size: 10px;
		font-size: 1rem;
		font-weight: bold;
		padding: 65px 0 5px 27%;
		line-height: 120%;
		text-align: right;
	}

	.about_titlebox .title {
		position: absolute;
		right: 0;
		bottom: 40px;
		width: 73%;
	}

	.about_titlebox .title img {
		height: 15px;
	}

	#fukidashi1 {
		position: absolute;
		top: -50px;
		left: 40px;
	}

	#fukidashi2 {
		position: absolute;
		top: -60px;
		left: 40px;
	}

	#fukidashi3 {
		position: absolute;
		top: -50px;
		left: 40px;
	}

	#fukidashi4 {
		position: absolute;
		top: -50px;
		left: 75px;
	}

	.about_titlebox .title p {
		position: absolute;
		left: 10px;
		bottom: 0;
		color: #fb2a27;
		font-size: 27px;
		font-size: 2.7rem;
		font-weight: 800;
		line-height: 100%;
	}

	@media (max-width: 374px) {
		#about3 .about_titlebox .title p {
			left: 0;
			letter-spacing: -3px;
		}

		#about4 .about_titlebox .title p {
			left: 0;
			letter-spacing: -1px;
		}
	}

	.about_titlebox .title p span {
		font-size: 42px;
		font-size: 4.2rem;
	}

	.about_p1 {
		font-size: 17px;
		font-size: 1.7rem;
		margin: 10px 0 0 0;
		text-align: left;
	}

	.about1_detail {
		float: none !important;
	}

	.about1_detail_title {
		position: relative;
		background: #007130;
		margin: 20px 0;
	}

	.about1_detail_title h3 {
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		font-size: 1.3rem;
		padding: 10px 0 10px 60px;
	}

	.about1_detail_title p {
		position: absolute;
		left: 3px;
		top: 50%;
		display: block;
		margin: -27px 0 0 0;
		background: #fff;
		border: 3px solid #fb2a27;
		height: 48px;
		width: 48px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		text-align: center;
	}

	.about1_detail_title p span {
		margin: 10px 0 0 0;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		color: #fb2a27;
		display: block;
		line-height: 110%;
	}

	.about_detail1_img1 {
		float: left;
		width: 66%;
	}

	.about_detail1_img1 img {
		width: 100%;
		height: auto;
	}

	.about_detail1_icons {
		float: right;
		width: 32%;
	}

	.about_detail1_icons p {
		text-align: center;
		border: 1px solid #007130;
		color: #007130;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 10px;
		font-size: 1rem;
	}

	.about_detail1_icons p.yellow {
		background: #ffde00;
		color: #000;
		border: none;
	}

	.about1_p {
		margin: 10px 0;
		float: left;
		width: 66%;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.about1_img {
		margin: 10px 0;
		float: right;
		width: 32%;
	}

	.about1_img img {
		width: 100%;
	}

	.about_morebtn {
		margin: 10px auto;
	}

	.about2_img {
		width: 100%;
	}

	.about2_img img {
		width: 100%;
	}

	.about2_detail {
		width: 100%;
	}

	.about3_detail h3,
	.about2_detail h3 {
		margin: 10px 0 0 0;
	}

	.about3_detail p,
	.about2_detail p {
		margin: 10px 0;
	}

	.about3_detail p span {
		color: #fb2a27;
	}

	.about3_img {
		width: 100%;
	}

	.about3_img img {
		width: 100%;
	}

	.about3_detail {
		width: 100%;
	}

	.about4_box {
		position: relative;
	}

	.about4_img img {
		width: 100%;
	}

	.about4_detail {}

	.about4_detail h3 {
		margin: 10px 0 0 0;
	}

	.about4_instapak {
		border: 1px solid #fb2a27;
		position: relative;
		width: 100%;
		margin: 30px 0 20px 0;
		padding: 30px 15px 15px 15px;
		font-size: 14px;
		font-size: 1.4rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.about4_instapak img {
		position: absolute;
		left: 20px;
		top: -15px;
		width: 208px;
		height: auto;
	}

	.about4_p {
		color: #007130;
		font-weight: bold;
		margin: 0 0 10px 0;
		font-size: 13px;
		font-size: 1.3rem;
	}

	.about_youtube {
		width: 100%;
	}

	.about_youtube iframe {
		width: 100%;
		height: 250px;
	}

	.about_flow_list {
		margin: 20px 0 20px -2%;
	}

	.about_flow_list li {
		float: left;
		width: 48%;
		margin: 0 0 2% 2%;
		font-size: 11px;
		font-size: 1.1rem;
	}

	.about_flow_list li img {
		width: 100%;
	}

	.about_flow_p {
		text-align: center;
		background: #fb2a27;
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 120%;
		padding: 10px;
	}

	#books {
		padding: 60px 0 0 0;
	}

	.about_book_title {
		background: #007130;
		color: #fff;
		position: relative;
	}

	.about_book_title h2 {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 100%;
		padding: 15px 0 15px 30%;
	}

	.about_book_title img {
		width: 25%;
		height: auto;
		position: absolute;
		left: 3%;
		top: 5px;
	}

	.about_book_list {
		margin: 10px 0 10px -4%;
	}

	.about_book_list li {
		float: left;
		width: 46%;
		margin: 0 0 4% 4%;
	}

	.about_book_list li img {
		width: 100%;
	}

	.about_book_list li h3 {
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.about_book_list li p {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 110%;
	}

	.blog_searchbox {
		margin: 20px 0;
		order: 3;
	}

	.blog_searchbox li {
		width: 100%;
		margin: 0 0 5px 0;
	}

	.blog_searchbox li p {
		font-weight: bold;
		font-size: 13px;
		font-size: 1.3rem;
		margin: 0;
	}

	.blog_searchbox li select {
		width: 100%;
		height: 36px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-size: 14px;
		font-size: 1.4rem;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url(../images/sp/select.png) right 50% no-repeat;
		background-size: 14px auto;
		padding: 0 10px;
	}

	.blog_searchbox li select::-ms-expand {
		display: none;
	}

	.blog_list_none p {
		margin: 0 0 10px 0;
	}

	.blog_list_red {
		background: #fb2a27;
		color: #fff;
		padding: 4%;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.blog_list_nonebunner {
		width: 100%;
	}

	.blog_list_nonebunner ul {}

	.blog_list_nonebunner li {
		margin: 0 0 10px 0;
	}

	.blog_list_nonebunner li img {
		width: 100%;
	}

	.blog_list {
		border-bottom: 1px solid #c9c9c9;
	}

	.blog_listbox:before,
	.blog_listbox:after {
		content: " ";
		display: table;
	}

	.blog_listbox:after {
		clear: both;
	}

	.blog_listbox {
		*zoom: 1;
		padding: 10px 0;
		border-top: 1px solid #c9c9c9;
	}

	.blog_list_img {
		float: left;
		width: 30%;
		height: auto;
		aspect-ratio: 4 / 3;
		position: relative;
		overflow: hidden;
		margin: 0 15px 0 0;
	}

	.blog_list_img img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.blog_list_detail {
		float: left;
		width: 65%;
	}

	.blog_list_date {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 5px 0;
	}

	.blog_list_cate li {
		float: left;
		margin: 0 10px 5px 0;
		font-size: 10px;
		font-size: 1rem;
	}

	.blog_list_cate li {
		color: #fff;
		background: #007130;
		padding: 0 10px;
	}

	.blog_list_title {
		margin: 5px 0 0 0;
		font-weight: bold;
		color: #007130;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 110%;
	}

	.blog_list_comment {
		display: none;
	}

	.blog_list_brand li,
	.blog_list_brand a {
		float: left;
		margin: 0 10px 5px 0;
		color: #fff;
		background: #007130;
		padding: 0 10px;
		font-size: 10px;
		font-size: 1rem;
	}

	.blog_list_genre li,
	.blog_list_genre a {
		float: left;
		margin: 0 10px 5px 0;
		color: #fff;
		background: #4ab175;
		padding: 0 10px;
		font-size: 10px;
		font-size: 1rem;
	}

	.brand_box {
		border: 1px solid #c9c9c9;
		padding: 3%;
		margin: 20px 0;
	}

	.brand_box h2 {
		color: #007130;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0 0 10px 0;
		line-height: 30px;
		font-weight: bold;
		text-align: center;
	}

	.brand_box h2 img {
		height: 30px;
		width: auto;
		margin: 0 10px 0 0;
	}

	.brand_box_detail {
		font-size: 14px;
		font-size: 1.4rem;
	}

	#about_brand_img {
		display: inline-block;
		border: 1px #cccccc solid;
		margin-bottom: 10px;
	}

	#about_brand_txt {
		display: block;
		line-height: 1.2;
		font-size: 2rem;
		text-align: left;
	}

	.genrel_box {
		border: 1px solid #c9c9c9;
		padding: 4%;
		margin: 20px 0;
	}

	.genrel_detail {}

	.genrel_detail h2 {
		color: #007130;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.genrel_comment {
		margin: 10px 0 0 0;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.genrel_img {
		width: 240px;
		margin: 0px auto;
	}

	.genrel_img img {
		width: 100%;
		height: auto;
	}

	.blog_main {
		padding: 20px 15px;
		border: 1px solid #c9c9c9;
	}

	.blog_date {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 5px 0;
	}

	.blog_cate li {
		float: left;
		margin: 0 10px 5px 0;
		color: #fff;
		background: #007130;
		padding: 0 10px;
		font-size: 10px;
		font-size: 1rem;
	}

	.blog_cate li a {
		color: #fff;
	}

	.blog_title {
		margin: 0 0 10px 0;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #007130;
		line-height: 130%;
	}

	a .blog_title {
		color: #007130;
	}

	.blog_detail {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 170%;
	}

	.blog_detail img {
		max-width: 100%;
		height: auto;
	}

	.blog_detail p {
		padding-bottom: 1em;
	}

	.blog_detail a {
		color: #007130;
	}

	.blog_detail a:hover {
		color: #007130;
		padding-bottom: 1em;
		text-decoration: underline;
	}

	.page_link {
		margin: 25px 0;
		position: relative;
		width: 100%;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.page_link .center,
	.page_link .center2 {
		margin: 5px 0;
	}

	.page_link .center a:hover,
	.page_link .center2 a:hover {
		text-decoration: none;
	}

	.page_link_btn {
		margin: 5px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.page_link .next,
	.page_link .prev {
		border: 1px solid #007130;
		width: 100%;
		padding: 5px;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 0 5px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.page_link .next a {
		display: block;
		border-right: 12px solid #007130;
		padding: 0 5px 0 17px;
	}

	.page_link .next:after {
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		display: block;
		width: 4px;
		height: 4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
		margin: auto 0;
	}

	.page_link .prev a {
		display: block;
		border-left: 12px solid #007130;
		padding: 0 17px 0 5px;
	}

	.page_link .prev:after {
		position: absolute;
		left: 10px;
		top: 0;
		bottom: 0;
		display: block;
		width: 4px;
		height: 4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		content: "";
		margin: auto 0;
	}

	.page_link .next a,
	.page_link .prev a {
		color: #007130;
		font-weight: bold;
	}

	.brand {
		width: 100% !important;
		padding: 0 !important;
	}

	.brand_top {
		background: #feda6a;
		margin: 20px 0 40px 0;
	}

	.brand_topbox {
		position: relative;
	}

	.brand_topbox h2 img {
		width: 100%;
	}

	.brand_p1,
	.brand_p2 {
		color: #fb2a27;
		font-size: 15px;
		font-size: 1.5rem;
		background: url(../images/brand_icon.jpg) no-repeat 0 0;
		background-size: 18px auto;
		font-weight: bold;
		padding: 0 0 0 23px;
		line-height: 120%;
	}

	.brand_p1 {
		position: absolute;
		left: 41%;
		top: 47%;
	}

	.brand_p2 {
		position: absolute;
		left: 41%;
		top: 75%;
	}

	.brand_listbox {
		width: 92%;
		padding: 0 4%;
	}

	.brand_list {
		padding: 15px 0 20px 0;
	}

	.brand_list ul {
		margin: 0;
	}

	.brand_list li {
		width: 49%;
		float: left;
		margin: 0 0 2% 0;
	}

	.brand_list li:nth-child(even) {
		margin: 0 0 2% 2%;
	}

	.brand_list li a:hover img {
		opacity: 1;
	}

	.brand_list li img {
		width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #cccccc;
	}

	.brand_top .brand_list li img {
		border: none;
	}

	.brand_attention {
		text-align: left;
		color: #fb2a27;
		margin: -15px 0 0 0;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.brand_top .brand_list {
		width: 92%;
		padding: 10px 4%;
	}

	.genre {
		margin: 20px 0 0 0;
	}

	.genrel_list {
		margin: 15px 0 60px 0;
	}

	.genrel_list ul {
		margin: 0;
	}

	.genrel_list li {
		float: left;
		width: 49%;
		margin: 0 0 2% 0;
		border: 1px solid #007130;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.genrel_list li:nth-child(even) {
		margin: 0 0 2% 2%;
	}

	.genrel_list_box {
		width: 100%;
		vertical-align: middle;
		padding: 2px 0 5px 0;
		transition: 0.5s;
	}

	.genre_img {
		width: 90px;
		height: 45px;
		text-align: center;
		margin: 5px auto;
	}

	.genre_img img {
		max-width: 100%;
		max-height: 100%;
		margin: 0 !important;
	}

	.genre_name {
		color: #007130;
		line-height: 100%;
		font-size: 10px;
		font-size: 1rem;
		text-decoration: none;
		text-align: center;
	}

	.genrel_list a:hover {
		text-decoration: none;
	}

	a:hover .genrel_list_box {
		text-decoration: none;
		background: #007130;
	}

	a:hover .genrel_list_box p,
	a:hover .genrel_list_box h3 {
		text-decoration: none;
		color: #fff;
	}

	.vintage_img img {
		width: 100%;
		margin: 20px 0 0 0;
	}

	.vintage_caption {
		font-size: 14px;
		font-size: 1.4rem;
		color: #6a3906;
		margin: 10px 0 30px 0;
	}

	.vintage_box1 img {
		width: 100%;
	}

	.vintage_comment span {
		background: #fff78b;
	}

	.vintage_more {
		text-align: center;
		color: #007130;
		font-weight: bold;
		font-size: 15px;
		font-size: 1.5rem;
		margin: 30px 0;
	}

	.vintage_more:after {
		display: block;
		width: 20px;
		height: 20px;
		border-top: 3px solid #007130;
		border-right: 3px solid #007130;
		-webkit-transform: rotate(135deg);
		content: "";
		margin: -5px auto 0 auto;
	}

	.vintage_detail {
		position: relative;
		margin: 0 0 30px 0;
	}

	.vintage_detail .comment1 span {
		background: #fff78b;
	}

	.vintage_detail .comment2 {
		font-size: 10px;
		font-size: 1rem;
		text-align: center;
	}

	.vintage_box2 h2 {
		width: 100%;
	}

	.vintage_box2 h2 img {
		width: 100%;
	}

	.vintage_brandlist {
		margin: 20px 0 20px -1%;
	}

	.vintage_brandlist li {
		float: left;
		width: 24%;
		margin: 0 0 1% 1%;
	}

	.vintage_brandlist li img {
		width: 100%;
	}

	.vintage_brandlist_p {
		color: #a40000;
		font-weight: bold;
		font-size: 13px;
		font-size: 1.3rem;
		margin: 0 0 40px 0;
	}

	.vintage_box3 {
		margin: 0 0 100px 0;
	}

	/*========================================================
		ブログコンテンツ
		========================================================*/
	/* TOPページ */
	#blogTop {
		width: 92%;
		margin: 30px auto;
	}

	/*
	#blogTop h2 {
		width: 92%;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 25px;
	}
	*/

	#blogTop h2 img {
		width: 100%;
	}

	.titBox {
		border-top: 2px solid #2c3e50;
		border-bottom: 2px solid #2c3e50;
		margin-bottom: 20px;
	}

	.blogTit {
		font-size: 22px;
		line-height: 1;
		padding: 10px 0;
		position: relative;
	}

	#slider3 {
		padding-bottom: 10px;
	}

	#slider3 .blogItem {
		border-top: none;
	}

	#blogList {
		margin-bottom: 15px;
	}

	.blogItem {
		/*		width: 92%;*/
		margin: 0 auto;
		padding: 10px 0;
		border-bottom: 1px solid #c9c9c9;
	}

	.blogItem:nth-child(4) {
		padding-right: 0;
	}

	.blogItem:last-child {
		padding-right: 0;
	}

	.blogItem a {
		display: flex;
		justify-content: space-between;
		overflow: visible;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogItem a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.blogItem:last-child {
		padding-right: 0;
	}

	.blogItem p {
		display: none;
	}

	.blogImg {
		width: 20%;
		position: relative;
		border-bottom: none;
		box-sizing: border-box;
	}

	.blogImg::before {
		display: block;
		content: "";
		padding-top: 75%;
	}

	.blogImg img {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		background: #f2f2f2;
	}

	.blogContent {
		width: 77%;
	}

	.blogInfo {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		letter-spacing: -0.4em;
		position: relative;
		margin-bottom: 0.25em;
		gap: 0 0.5em;
	}

	.blogTime {
		font-size: 1.1rem;
		letter-spacing: normal;
		vertical-align: top;
		color: #c0c0c0;
	}

	.blogCate {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 0.5em;
	}

	.blogCate span.blogCateItem {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3px 4px;
		font-size: 1.0rem;
		line-height: 1.1;
		letter-spacing: -0.02em;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
	}

	.blogCate span.blogCateItem a {
		display: block;
		padding: 10px 10px;
		letter-spacing: 1px;
		font-size: 1.3rem;
		line-height: 1;
		white-space: nowrap;
		color: #fff;
		background-color: #007130;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogCate span.blogCateItem a:hover {
		background-color: #005925;
		text-decoration: none;
	}

	#blogDetail .blogCate span.blogCateItem {
		padding: 0;
	}

	#blogDetail .blogCate::after {
		position: absolute;
		top: 32px;
	}

	.articleTit {
		font-size: 150%;
		font-weight: bold;
		line-height: 1.3;
		color: #007130;
	}

	#blogMore {
		width: 100%;
		margin: 0 auto;
	}

	#blogMore a {
		display: block;
		padding: 5px 0;
		background: #007130;
		color: #fff;
		font-size: 110%;
		text-align: center;
		line-height: 1.6;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		letter-spacing: -0.4em;
		transition: all 0.3s ease-in-out 0s;
		position: relative;
	}

	#blogMore a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	#blogMore span {
		display: inline-block;
		letter-spacing: normal;
		color: #fff;
		position: relative;
	}

	#blogMore a::after {
		position: absolute;
		right: 5%;
		top: 11px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	/* ブログ一覧ページ */
	.blogPage {
		width: 100%;
	}

	.blogPage .blog_searchbox {
		width: 92%;
		margin: 20px auto;
	}

	.blogPage #side {
		width: 92%;
		margin: 0 auto;
		padding: 0;
	}

	#audioBlog {
		background: url(../images/audioblog_top.jpg) center 0 no-repeat;
	}

	#blog {
		width: 92%;
		margin: 0 auto;
	}

	#blogPageList {
		letter-spacing: -0.4em;
		border-bottom: 1px solid #c9c9c9;
	}

	.blogPageItem {
		width: 100%;
		display: block;
		padding: 15px 0 10px;
		letter-spacing: normal;
		border-top: 1px solid #c9c9c9;
	}

	.blogPageItem a {
		display: block;
		position: relative;
		overflow: visible;
		transition: all 0.3s ease-in-out 0s;
	}

	.blogPageItem a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.blogPageItem:nth-child(3n) {
		padding-right: 0;
	}

	.blogPageImg {
		width: 100%;
		position: relative;
	}

	.blogPageImg img {
		width: 100%;
		height: auto;
	}

	.blogPageRight {
		width: 100%;
	}

	.blogPageTit {
		font-size: 1.2rem;
		line-height: 1.2;
	}

	.blogPageTxt {
		font-size: 13px;
	}

	/* ブログ詳細ページ */
	#blogDetail {
		width: 100%;
		border: 1px solid #c9c9c9;
		padding: 20px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#blogDetail .blogTime {
		text-align: right;
		padding-bottom: 10px;
	}

	.blogContent2 {
		padding-bottom: 110px !important;
	}

	.blogContent2 #qaaTit {
		background: url(images/blog_main_tit2.jpg) 0 0 no-repeat;
	}

	.blogPage #qaaTit {
		background: url(images/blog_main_tit2.jpg) 0 0 no-repeat;
	}

	.blogArticle {}

	.blogAtit {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.2;
	}

	.blogPageEyecatch {
		width: 100%;
		height: auto;
	}

	.blogPageEyecatch img {
		width: 100%;
		height: auto;
	}

	.blogAeyecatch {
		padding-bottom: 20px;
	}

	.blogASentence p {
		font-size: 1.4rem;
		margin-bottom: 16px;
	}

	.blogASentence #toc_container {
		width: 91.5%;
	}

	.blogASentence img {
		width: 100%;
		height: auto;
		margin: 15px 6px;
	}

	.blogASentence {
		font-size: 15px;
	}

	.blogASentence h2 {
		font-size: 1.8rem;
		line-height: 1.3;
		background: #007130;
		color: #fff;
		font-weight: bold;
		padding: 10px;
		margin: 60px 0 20px;
		position: relative;
	}

	.blogASentence h3 {
		font-size: 1.8rem;
		line-height: 1.3;
		font-weight: bold;
		border-top: 2px solid #007130;
		border-bottom: 2px solid #007130;
		padding: 10px;
		margin: 40px 0 20px;
		color: #007130;
	}

	.blogASentence h4 {
		font-size: 1.8rem;
		line-height: 1.3;
		font-weight: bold;
		border-left: 10px solid #007130;
		padding: 0 12px;
		margin: 40px 0 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.blogASentence blockquote {
		padding: 50px 10px 20px;
		position: relative;
		background-color: #e3e3e3;
		margin-bottom: 16px;
	}

	.blogASentence blockquote::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 31px;
		background: url(../images/sp/blog_blockquote.png);
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		top: 5px;
		left: 10px;
	}

	.blogASentence strong {
		font-weight: bold;
	}

	.blogASentence a {
		color: #007130;
		text-decoration: underline;
	}

	.blogASentence a:hover {
		opacity: 0.6;
	}

	.blogASentence table {
		border: 2px solid #dadada;
		margin-bottom: 20px;
	}

	.blogASentence tr {
		border-bottom: 2px solid #dadada;
	}

	.blogASentence tr td:nth-child(1) {
		text-align: center;
	}

	.blogASentence tr td {
		border-right: 2px solid #dadada;
	}

	.blogASentence tr td:last-child {
		border-right: none;
	}

	.blogPager {
		text-align: center;
		font-size: 13px;
		letter-spacing: -0.4em;
	}

	.blogPager a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.gotoAnother {
		display: inline-block;
		max-width: 300px;
	}

	.gotoAnother a {
		display: block;
		padding: 12px 20px;
		font-size: 120%;
		letter-spacing: normal;
		background-color: #fff;
		color: #007130;
		border: 1px solid #007130;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gotoAnother a:hover {
		color: #fff;
		background-color: #005925;
		border: 1px solid #005925;
	}

	.gotoList {
		display: inline-block;
		margin: 0 20px;
	}

	.gotoList a {
		display: block;
		width: 200px;
		padding: 13px 0;
		font-size: 120%;
		letter-spacing: normal;
		background-color: #007130;
		color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: all 0.3s ease-in-out 0s;
	}

	.moreButton {
		width: 100%;
	}

	.moreButton a {
		display: block;
		padding: 5px 0;
		background: #007130;
		color: #fff;
		font-size: 110%;
		text-align: center;
		line-height: 1.6;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		letter-spacing: -0.4em;
		transition: all 0.3s ease-in-out 0s;
		position: relative;
	}

	.moreButton a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.moreButton span {
		display: inline-block;
		letter-spacing: normal;
		color: #fff;
		position: relative;
	}

	.moreButton a::after {
		position: absolute;
		right: 5%;
		top: 11px;
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	.spMore {
		margin: 10px auto 0;
		display: flex;
		justify-content: space-between;
	}

	.moreButton.sp {
		width: 49%;
		display: inline-block;
	}

	.moreButton.sp a::after {
		top: 21px;
	}

	/* 重要なお知らせ */
	.topAnnounce {
		width: 92%;
		margin: 20px auto;
		background: #fff;
		border: 2px solid #a40000;
	}

	.topAnnounce p span.annoTit {
		margin: 0 0 1em 0;
		font-size: 16px;
		font-weight: bold;
		color: #a40000;
		text-align: left;
	}

	.topAnnounce p {
		position: relative;
		padding: 30px 20px 60px;
		font-size: 14px;
	}

	.topAnnounce p span {
		display: block;
		margin-top: 10px;
		text-align: right;
	}

	a.announce_btn {
		position: absolute;
		right: 40px;
		bottom: 20px;
		padding: 4px 16px 3px 20px;
		border: 1px solid #a40000;
		font-size: 13px;
		color: #a40000;
	}

	/* 210118_梱包キット導入にあたっての修正 */
	.about1_detail_title {
		height: auto;
	}

	.about1_detail_title h3 {
		line-height: 1.2;
		height: auto;
		padding: 15px 6px 15px 80px;
	}

	#kit_title1 {
		font-size: 210%;
	}

	#kit_title2 {
		font-size: 50%;
	}

	#needitem {
		color: #fb2a27;
		font-weight: bold;
	}

	#attention {
		color: #fb2a27;
		font-weight: normal;
		font-size: 1.2rem;
	}

	#bold {
		line-height: 3;
		font-weight: bold;
	}

	/* yahoo画像ページ */
	#header_yahoo {
		width: 100%;
		color: #000000;
		text-align: center;
		letter-spacing: normal;
		background: #fff;
		border-bottom: 1px solid #ddd;
		transition: 0.5s;
	}

	#header_yahoo .logo_yahoo {
		padding: 8px 0 4px;
		float: none;
	}

	#contents_yahoo {
		width: 100%;
		margin: 20px auto 0px;
		padding: 0px 0 40px;
	}

	#yahooLeft {
		width: 100%;
		margin-bottom: 16px;
	}

	#slide {
		margin-bottom: 4vw;
	}

	ul#gallery {
		width: 92%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		transform: none !important;
	}

	ul#gallery li {
		width: calc(80% / 8) !important;
		margin-right: calc(20% / 7) !important;
		margin-bottom: calc(20% / 7) !important;
		height: auto;
	}

	ul#gallery li a img {
		vertical-align: bottom !important;
	}

	ul#gallery li:nth-child(8n) {
		margin-right: 0 !important;
		margin-bottom: calc(20% / 7) !important;
	}

	#slide img,
	ul#gallery li img {
		width: 100%;
		height: auto;
	}

	#yahooRight {
		width: 92%;
		margin: 0 auto;
	}

	.yahooTab:nth-child(1) {
		font-size: 13px;
		margin-bottom: 4px;
	}

	.yahooTab:nth-child(2) {
		font-size: 13px;
		margin-bottom: 16px;
	}

	.yahooTab span {
		font-size: 13px;
		font-weight: bold;
		color: #4f8f53;
		margin-right: 8px;
	}

	h1.yahooTtl {
		margin-bottom: 12px;
		font-size: 18px;
		font-weight: 600;
	}

	.yahooTxt {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.yahooBtn {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid #ddd;
	}

	.yahooBtn a {
		display: block;
		text-align: center;
		padding: 12px 24px;
		font-size: 14px;
		font-weight: bold;
		background: #fdda45;
		color: #000;
		text-decoration: none;
		transition: 0.2s;
	}

	.yahooBtn a:hover {
		opacity: 0.6;
	}

	ul.yahooLink {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.yahooLink li {
		width: 49%;
		margin-bottom: 3px;
	}

	ul.yahooLink li img {
		width: 100%;
		height: auto;
	}

	.yahooCaption {
		height: 13px;
		text-align: center;
		font-size: 10px;
		line-height: 1.3;
		overflow: hidden;
	}

	ul.yahooLink li a {}

	.copyrightYahoo {
		background: #f6f0f0;
		text-align: center;
		color: #666666;
		padding: 5px 0;
		font-size: 11px;
	}

	#fancybox {
		display: flex;
		flex-wrap: wrap;
		width: 94%;
		height: auto;
		margin: 0 auto;
	}

	#fancybox a:nth-child(1) {
		display: block;
		width: 100%;
	}

	#fancybox a:nth-child(n + 2) {
		display: block;
		width: calc(90% / 5);
		margin-right: calc(10% / 4);
		margin-bottom: calc(10% / 4);
		height: auto;
	}

	#fancybox a:nth-child(5n + 1) {
		margin-right: 0 !important;
		margin-bottom: calc(10% / 4) !important;
	}

	.fancyinner {
		position: relative;
	}

	.fancyinner::before {
		display: block;
		content: "";
		padding-top: 100%;
	}

	.fancyinner img {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		border: solid 1px #ccc;
		background: #fff;
		object-fit: contain;
		box-sizing: border-box;
	}

	.fancybox-thumbs__list a:before {
		border: 4px solid #fdda45 !important;
	}

	/* 取引の流れ */
	#flow1,
	#flow2 {
		margin-top: -60px;
		padding-top: 60px;
	}
}