@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* コンタクトフォームスマートフォン用デザイン 20231006 */
@media screen and (max-width:768px){
	.CF7_table{
		table-layout:fixed;
		width:100%;
		
	}
	.CF7_table input,.CF7_table textarea{
		max-width:100%;
	}
}

@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

.tl {
	text-align:left;
}

.width-half {
width:50%;
}

.widget-entry-cards figure{
	display:none;
}

.widget-entry-card-content {
	margin-left:0;
}

#archive-title {
	display:none;
}


.sub-list {
	display:flex;
}

.list-r {
	width:70%;
	border: solid 2px #eee;
}

.list-l {
	width:30%;
	font-weight:bold;
	font-size:20px;
	
}

.service2 .banner5 img{
	border:none;
	width:65%;
	padding:3%;
}

@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}


.col-2 {
	display:flex;
	justify-content:center;
}

.clear {
	clear:both;
}

.article h3 {
    border-left: solid 5px #19a25a;
    background: #fbffc1;
}

.service2 img{
	float:left;
	width:200px;
	padding:5px;
	border:solid 2px #555;
	margin: 5px;
}
.service2 p {
	overflow:hidden;
	margin:0px;
	padding:0 10px;
	
}

.service img{
	float:right;
	width:200px;
	padding:5px;
	border:solid 2px #555;
	margin: 5px;
}
.service p {
	overflow:hidden;
	margin:0px;
	padding:0 10px;
}

.subtitle {
	position: relative;
	color: #FFFFFF;
    background-color: #2D89EF;
    border-color: #246ec0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.subtitle p {
	color: #FFFFFF;
    padding: 0px 26px;
    font-size: 20px;
    line-height: 40px;
    border-color: #6cadf4;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
	background: 0 50% url(https://recycle-reuse.jp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x;
	font-weight:bold;
}

.subtitle a {
	position: absolute;
    top: 4px;
    right: 20px;
    background-color: white;
    font-size: 13px;
    text-decoration: none;
    line-height: normal;
    padding: 4px 26px;
    border: solid 2px #3db0d8;
    border-radius: 10px;
    color: black;
    font-weight: bold;
}

.subtitle a::before {
 font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
	color: #ff4e4e;
    font-size: 16px;
    margin-right: 6px;
}

.cat-label, .mobile-menu-buttons, .mobile-menu-buttons .menu-button > a, .navi-menu-content, .navi-menu-content a, .go-to-top-button, #submit {
	background-color:#fff;
	color:#000;
}

#mdt {
	width: 50px;
	padding-right: 5px;
    margin: 5px;
}

#yu3 {
	width:80px;
}

#yu4 {
	width:120px;
}

.footer-meta {
display:none;
}

.fix-footer {
	position:fixed;
	bottom:0px;
	width:100%;
 list-style: none;
	z-index:9999;
	background:#303030;
	color:#fff;
	font-weight:bold;
	text-align:center;
	min-width:600px;
	box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
	border-top: solid 2px #5cbe70;
}

#media_image-3 ,#media_image-2 {
	text-align:center;
}

.fix-footer table {
	margin-bottom:0px;
}

.fix-footer td {
	border:none;
}

.fix-footer td img{
	max-height:80px;
}


.fix-footersp {
	width: 100%;
    background: #fc6;
    position: fixed;
    left: 0;
    bottom: 0;
    overflow: hidden;
	z-index:9999;
	min-width:320px;
}

.fix-footerspcon {
	width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tagline {
	text-align:left;
	font-size:11px;
}

.logo {
    text-align: left;
}

#headbutton {
	width: 420px;
    position: absolute;
    right: 20px;
	text-align: center;
	
}

#headbutton .bannerlink {
	float:left;
}

#headbutton a{
	text-decoration:none;
	display:block;
	transition: 0.5s;
	font-size:1vw;
	
}

#headbutton a:hover {
	opacity:0.7;
	transition: 0.5s;
}
 

.header, .header .site-name-text {
	color:#000;
}

.center {
	text-align:center;
}

.recycle img{
	border:solid 5px #0d7282;
}

.sidebar h3 {
	text-align: center;
	color: #FFFFFF;
    background-color: #2D89EF;
    border-color: #246ec0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.navi-in > ul {
	flex-wrap:nowrap;
}

	.container {
	min-width: 800px;
}

.navi {
	border-top: solid 1px #d4d4d4;
}

.header {
	background-color:#fff;
}

#header-img img{
	width:1200px;
	
}
#header-img {
	text-align:center;
}

.header-in {
	position:relative;
}

.page .date-tags {
    display: none;
}

 .page .entry-title{
  display: none;
}

.menu-sidemenu1-container > ul li,.menu-sidemenu2-container > ul li,.menu-sidemenu3-container > ul li,.menu-sidemenu4-container > ul li,.menu-sidemenu5-container > ul li,.menu-sidemenu6-container > ul li {
	width:auto;
	border-right: 1px solid #cccccc;
    box-shadow: inset 1px 0px 0 #fff;
	background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
	font-weight: bold;
    font-size: 14px;
}

.navi-in > ul li {
	width:200px;
	border-right: 1px solid #cccccc;
    box-shadow: inset 1px 0px 0 #fff;
	background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
	transition: all 0.7s;
}

.navi-in > ul li:first-child {
	border-left:solid 1px #cccccc;
	box-shadow: inset 0px 1px 0 #fff;
}

.navi-in > ul li:hover {
	opacity:0.7;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffca6a), to(#fffee5));
	transition: all 0.7s;
}

.item-label {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.none {
	display:none;
}


	/* 1つ目 */
	.navi-in > ul > li:nth-child(1) > a {
/* 	background: url(https://recycle-reuse.jp/wp-content/uploads/2019/11/1.png) no-repeat center; */
	background: url(https://recycle-reuse.jp/wp-content/uploads/2022/05/1top.png) no-repeat center;
	
	}
	/* 2つ目 */
	.navi-in > ul > li:nth-child(2) > a {
		background: url(https://recycle-reuse.jp/wp-content/uploads/2019/11/3.png) no-repeat center;
		background: url(https://recycle-reuse.jp/wp-content/uploads/2022/05/2top.png) no-repeat center;
	}
	/* 3つ目 */
	.navi-in > ul > li:nth-child(3) > a {
		background: url(https://recycle-reuse.jp/wp-content/uploads/2019/11/4.png) no-repeat center;
		background: url(https://recycle-reuse.jp/wp-content/uploads/2022/05/3top.png) no-repeat center;
	}
	/* 4つ目 */
	.navi-in > ul > li:nth-child(4) > a {
		background: url(https://recycle-reuse.jp/wp-content/uploads/2019/11/5.png) no-repeat center;
		background: url(https://recycle-reuse.jp/wp-content/uploads/2022/05/4top.png) no-repeat center;
	}
	/* 5つ目 */
	.navi-in > ul > li:nth-child(5) > a {
		background: url(https://recycle-reuse.jp/wp-content/uploads/2019/11/2.png) no-repeat center;
		background: url(https://recycle-reuse.jp/wp-content/uploads/2022/05/5.png) no-repeat center;
	}

	/* 6つ目 */
	.navi-in > ul > li:nth-child(6) > a {
		background: url(https://recycle-reuse.jp/wp-content/uploads/2019/11/6.png) no-repeat center;
		background: url(https://recycle-reuse.jp/wp-content/uploads/2022/05/6top.png) no-repeat center;
	}
	

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
	padding:10px 10px;
}


.sp {
	display:none;
}

.col-3 {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:100%;
}

.cat {
	flex:1;
	margin:5px;
}
.cat img {
	border-radius:10px;
}

.contact {
	position: relative;
}

.contact a {
	position: absolute;
}

.contact .tel {
	display: block;
   height: 23%;
    width: 62%;
    top: 43%;
    left: 4%;
}

.contact .mail:hover {
	background-color: rgba(255,255,255,0.3);
	-webkit-transition: all .4s ease 0s,background .6s ease .2s;
transition: all .4s ease 0s,background .6s ease .2s;
}
.contact .mail {
	display: block;
  height: 30%;
    width: 30%;
    top: 40%;
    right: 3%;
	-webkit-transition: all .4s ease 0s,background .6s ease .2s;
transition: all .4s ease 0s,background .6s ease .2s;
}

.cop-table {
	border-collapse: separate;
    border-spacing: 5px;
}

.entry-content .cop-table table {
	border:none;
}

.cop-table tr,.cop-table th, .cop-table td {
	border:solid 6px #fff;
	
}

.cop-table tr {
	margin:5px;
}

.cop-table th {
	background-color:#2c7ca5;
	color:#fff;
}

.page-id-17 .textwidget.custom-html-widget {
	display:none;
}


@media screen and (max-width: 800px){
	#headbutton ,.logo-image span, .logo-image a {
		display:none;
	}
	
	.tagline {
		display:none;
	}
	
}

@media only screen and (max-width: 768px){
.home .su-row .su-column {
     margin: 0 0 0 4%; 
     float: left; 
}
	
.home .su-row .su-column-size-1-4{
		width:22%;
	}
	
.home .su-row .su-column-size-1-3 {
		width:30.66%;
	}
	
	.container {
	min-width: 320px;
}
	
	
}


@media only screen and (max-width: 600px){
	.pc {
		display:none;
	}
	
	.sp {
		display:block;
		text-align:center;
	}
	
	.main, .sidebar, .carousel-in, .sbp-main-before, .sbp-footer-before, .pbp-main-before, .pbp-footer-before {
		box-shadow:none;
	}
	.entry-content ,.content ,.entry-content>* {
		margin-top:0 ;
		margin-bottom:0 ;
	}
	
	.navi {
		border:none;
	}
	.subtitle p {
		text-align:center;
		font-size:16px;
	}
	
	.mob p {
		text-align:left;
	}
	
	.mob a {
		padding:4px;
	}
	
	.service p {
		overflow:visible;
	}
	.service2 p {
		overflow:visible;
	}
	.su-column-inner {
		text-align:center;
	}
	
	.su-column-inner p {
		text-align:left;
	}
	.textwidget p {
		padding:0 10px;
	}
}



/*新しく追加するcss*/
.mobile_ver{
	display:none;
}
.sp{
	display:none;
}

@media screen and (max-width:800px) { 
  /*　display-none　*/
	.pc_ver{display : none;}
   .mobile_ver{
     display : block;
    }
}


@media screen and (max-width:800px) { 
  /*　display-none　*/
	.pc{display : none;}
   .sp{
     display : block;
    }
}

/*20210710css*/
@media (min-width: 992px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

/* Cocoon→SWELL固定バナー用 */
.fix-footer table{
	margin-bottom: 0px;
	max-width: 100%;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}
table th, table td{
	padding:6px;
}

/*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/



/*　上に上がる動き　*/

#header.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#header.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}
@charset "UTF-8";
/* CSS Document */

/* CSSリセット */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { 
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers  */ article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; 
}

body {
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #000000;
	background-color: #ffffff;
}
img {
	vertical-align: bottom;
} 
a:hover img {
	opacity: 0.7;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
		filter: alpha(opacity = 60);
	transition: all 0.4s;
}
a {
	text-decoration: none;
	color: #435ea9;
}
a:hover {
	text-decoration: none;
	color: #0E2D96;
	transition: 0.3s all;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/******* 地図成形 *******/
#japan-map div div.area div {
	border: 1px #ffffff solid;
	text-align: center;
	font-size: 14px;
 	display: flex;
		display: -webkit-flex;
 	align-items: center; /* 縦方向中央揃え */
 		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
 		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	border-radius: 6px;
		-webkit-border-radius: 6px;
	position: absolute;
	box-sizing: border-box;
	transition: 0.2s;
}
#japan-map div div.area div:hover {
	opacity: 0.5;
	transition: 0.2s;
}

#japan-map {
	display: block;
	width: 777px;
	height: 482px;
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#japan-map p.area-title {
	display: none;
}

/* 北海道・東北 */

#hokkaido-touhoku {
	width: 136px;
	display: block;
	height: 265px;
	position: absolute;
	left: 638px;
}
#hokkaido-touhoku div.area div {
	background-color: #7478c2;
	color: #ffffff;
}

#hokkaido {	
	width: 133px;
	height: 70px;
}
#aomori {
	width: 93px;
	height: 43px;
	left: 21px;
	top: 96px;
}
#akita {
	width: 67px;
	height: 42px;
	left: 3px;
	top: 139px;

}
#iwate {
	width: 67px;
	height: 42px;
	left: 70px;
	top: 139px;
}
#yamagata {
	width: 67px;
	height: 42px;
	top: 181px;
	left: 3px;
}
#miyagi {
	width: 67px;
	height: 42px;
	top: 181px;
	left: 70px;
}
#fukushima {
	width: 67px;
	height: 42px;
	top: 223px;
	left: 70px;
}

/* 関東 */

#kantou {
	width: 158px;
	display: block;
	height: 174px;
	position: absolute;
	top: 265px;
	left: 623px;
	z-index: 2;
}
#kantou div.area div {
	background-color: #31beca;
	color: #ffffff;
}
#ibaraki {
	width: 52px;
	height: 85px;
	top: 0px;
	left: 100px;
}
#tochigi {
	width: 50px;
	height: 42px;
	top: 0px;
	left: 50px;
}
#gunma {
	width: 50px;
	height: 42px;
	top: 0px;
	left: 0px;
}
#saitama {
	width: 100px;
	height: 43px;
	top: 42px;
	left: 0px;
}
#chiba {
	width: 52px;
	height: 84px;
	top: 85px;
	left: 100px;
}
#tokyo {
	width: 100px;
	height: 42px;
	top: 85px;
	left: 0px;
}
#kanagawa {
	width: 67px;
	height: 42px;
	top: 127px;
	left: 0px;
}

/* 中部 */

#tyubu {
	width: 270px;
	height: 211px;
	position: absolute;
	left: 438px;
	top: 223px;
}
#tyubu div.area div {
	background-color: #4ab969;
	color: #ffffff;
}

#nigata {
	width: 85px;
	height: 42px;
	left: 185px;
}
#toyama {
	width: 67px;
	height: 42px;
	left: 118px;
}
#ishikawa {
	width: 50px;
	height: 57px;
	left: 68px;
}
#fukui {
	width: 68px;
	height: 42px;
	left: 0px;
	z-index: 2;
}
#nagano {
	width: 67px;
	height: 85px;
	left: 118px;
	top: 42px
}
#yamanashi {
	width: 67px;
	height: 42px;
	left: 118px;
	top: 127px;
}
#gifu {
	width: 50px;
	height: 55px;
	left: 68px;
	top: 57px
}
#shizuoka {
	width: 67px;
	height: 42px;
	left: 118px;
	top: 169px;
}
#aichi {
	width: 50px;
	height: 57px;
	top: 112px;
	left: 68px;
}

/* 近畿 */

#kinki {
	width: 186px;
	height: 211px;
	position: absolute;
	left: 320px;
	top: 223px;
}
#kinki div.area div {
	background-color: #b0b72f;
	color: #ffffff;
}

#kyoto {
	width: 67px;
	height: 84px;
	left: 51px;
}
#shiga {
	width: 68px;
	height: 42px;
	top: 42px;
	left: 118px;
}
#osaka {
	width: 67px;
	height: 85px;
	top: 84px;
	left: 51px;
}
#nara {
	width: 34px;
	height: 85px;
	top: 84px;
	left: 118px;
}
#mie {
	width: 34px;
	height: 85px;
	top: 84px;
	left: 152px;
}
#wakayama {
	width: 113px;
	height: 42px;
	top: 169px;
	left: 61px;
}
#hyougo {
	width: 51px;
	height: 98px;
	left: 0px;
}

/* 中国 */

#tyugoku {
	width: 151px;
	height: 98px;
	position: absolute;
	left: 169px;
	top: 223px;
}
#tyugoku div.area div {
	background-color: #ef9f27;
	color: #ffffff;
}
#tottori {
	width: 50px;
	height: 49px;
	left: 101px;
}
#okayama {
	width: 50px;
	height: 49px;
	top: 49px;
	left: 101px;
}
#shimane {
	width: 51px;
	height: 49px;
	left: 50px;
}
#hiroshima {
	width: 51px;
	height: 49px;
	top: 49px;
	left: 50px;
}
#yamaguchi {
	width: 50px;
	height: 98px;
	left: 0px;
}

/* 四国 */

#shikoku {
	width: 184px;
	height: 84px;
	position: absolute;
	left: 169px;
	top: 350px;
}
#shikoku div.area div {
	background-color: #d08f68;
	color: #ffffff;
}
#kagawa {
	width: 92px;
	height: 42px;
	right: 0px;
}
#ehime {
	width: 92px;
	height: 42px;
	left: 0px;
}
#tokushima {
	width: 92px;
	height: 42px;
	right: 0px;
	top: 42px;
}
#kouchi {
	width: 92px;
	height: 42px;
	left: 0px;
	top: 42px;
}

/* 九州・沖縄 */

#kyusyu {
	width: 152px;
	height: 247px;
	position: absolute;
	left: 0px;
	top: 235px;
}
#kyusyu div.area div {
	background-color: #ff7575;
	color: #ffffff;
}
#fukuoka {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 0px;
}
#saga {
	width: 50px;
	height: 50px;
	left: 51px;
	top: 0px;
}
#nagasaki {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 0px;
}
#oita {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 50px;
}
#kumamoto {
	width: 50px;
	height: 100px;
	left: 51px;
	top: 50px;
}
#miyazaki {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 100px;
}
#kagoshima {
	width: 68px;
	height: 49px;
	left: 83px;
	top: 150px;
}
#okinawa {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 197px;
}


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

****************************************/
@media screen and (max-width: 776px) {
#japan-map {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-around;
}
#japan-map p.area-title {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1em;
	color: #000000;
}
#hokkaido-touhoku, #kantou, #tyubu, #kinki, #tyugoku, #shikoku, #kyusyu {
	display: block;
	position: static;
	margin: 0 1em 0 1em;
}
#japan-map div div.area {
	display: block;
	position: relative;
}

#hokkaido-touhoku {
	height: calc(265px + 4.5em);
}
#kantou {
	height: calc(174px + 4.5em);
}
#tyubu {
	height: calc(211px + 4.5em);
}
#kinki {
	height: calc(211px + 4.5em);
}
#tyugoku {
	height: calc(98px + 4.5em);
}
#shikoku {
	height: calc(84px + 4.5em);
}
#kyusyu {
	height: calc(247px + 4.5em);
}

} /* レスポンシブ max-776px */



@media screen and (max-width: 500px) {
#japan-map {
	display: block;
	width: 100%;
	height: auto;
}
#hokkaido-touhoku, #kantou, #tyubu, #kinki, #tyugoku, #shikoku, #kyusyu {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	position: static;
	margin-left: 0px;
	margin-right: 0px;
}
#japan-map div div.area {
	font-size: 14px;
 	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#japan-map div div.area a {
	height: auto;
	width: 25%;
}
#japan-map div div.area div {
 	display: block;
	border-radius: 0px;
	position: static;
	height: auto;
	font-size: 16px;
	width: 100%;
	padding: 0.5em 0.3em 0.5em 0.3em;
}


} /* レスポンシブ max-500px */
body {
font-family:"M PLUS Rounded 1c",sans-serif;
/* color:#630; */
line-height:25px;
font-size:0.95em;
}


/* トップページフォームの白い線修正20231025 */
@media screen and (max-width:768px){
	
	.post_content .CF7_table td:last-child,
	.post_content .CF7_table th:last-child{
		border:none;
	}

	.post_content .CF7_table tr:last-child>td {
	  border-bottom:none;
	}
}
/* スマートフォンメニュー固定20231216 */
.sp_alt_menu_btn{
	display:none;
}
@media screen and (max-width:768px){
	.sp_alt_menu_btn {
		display:block;
		position:fixed;
		top:10px;
		right:10px;
		opacity:1;
		height:60px;
		width:60px;
		z-index: 99999;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: white;
		transition-duration:0.5s;
		transform:translateY(-200px);
		border-radius:5px;
	}
	.sp_alt_menu_btn button{
		border:none;
		background-color:white;
	}
	.sp_alt_menu_btn.active{
		transform:translateY(0);
	}
}

.tel_banner{
	width:100%;
	background-image:url(http://recycle-reuse.jp/LP/wp-content/uploads/2024/12/denwa0105-300x200-1.png);
	position:relative;
	background-size: contain;
	background-repeat: no-repeat;
	display:block;
	max-width:300px;
}

.tel_banner::before{
	content:"";
	width:100%;
	padding-bottom:66.666%;
	position:relative;
	display:block;
}

.tel_banner span{
	position: absolute;
	top: 39%;
	left: 4.7%;
	font-size: min(11vw,32.4px);
	color: red;
	height: 17.5%;
	width: 90%;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}