/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 03 2026 | 04:05:14 */
:root {
    --main-color: #187eec;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: var(--tw-shadow-colored);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    --tw-shadow-color: rgb(226 232 240 / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
}

.hero-columns .wp-block-column{
    border-radius: 35px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.is_hero-block{
	padding-top: 8rem;
}
@media screen and (max-width:600px) {
    .hero-columns {
        margin-top: 0;
    }

    .is_hero-block {
        h2 {
            font-size: 1.6em !important;
        }
    }
}



.is-style-btn_line .swell-block-button__link {
    background-color: #000000c5;
    color: #fff;

    &:hover {
        /* background: #fff;
        color: #444 !important; */
    }
}

.box-kaisyu{
	background-color: #dbf4fb;
	box-shadow: 10px 10px 0px #93daf0!important;
	padding: var(--swl-box_padding);
}
.box-syori{
	background-color: #fef5ce;
	box-shadow: 10px 10px 0px #f7e498!important;
	padding: var(--swl-box_padding);
}
.box-recycle{
	background-color: #e7f6d7;
	box-shadow: 10px 10px 0px #a8dd8d!important;
	padding: var(--swl-box_padding);
}

@media screen and (max-width:600px){
.box-recycle{
/* 	order:-1; */
}
}

.styled-text {
  color: #2d7a2d;
  text-shadow:
    -2px -2px 0 #fff,
     2px -2px 0 #fff,
    -2px  2px 0 #fff,
     2px  2px 0 #fff,
     0   -2px 0 #fff,
     0    2px 0 #fff,
    -2px  0   0 #fff,
     2px  0   0 #fff;
}
.btn-kaisyu a,
.btn-beginner a{
	border-radius: 40px!important;
	min-width: 14rem;
}
.btn-kaisyu a{
	background-color: #3f83d8;
	box-shadow: 0px 4px 0px #2d598a;
}
.btn-beginner a{
	background-color: #5cb65e;
	box-shadow: 0px 4px 0px #306936;
}
.gap-5{
	gap:1.5rem;
}


@media screen and (max-width:600px) {

	.is_hero-block .is-row{
		flex-direction: column;
	}
	.is_hero-block img{
	    object-position: 80% 0%!important;
	}
	.is_hero-block .styled-text{
		padding-top: 10rem;
	}
	.is_hero-block .styled-text + p{
		font-size: .9rem!important;
	}
}


/* リサイクル */


.table-recyle-pachi table tr th,
.table-recyle-slot table tr th{
	background-color: #FFF;
}
.table-recyle-pachi table tr:nth-child(even) td,
.table-recyle-pachi table tr:nth-child(even) th {
    background: #f9f7fb;
}
.table-recyle-slot table tr:nth-child(even) td,
.table-recyle-slot table tr:nth-child(even) th {
    background: #f5f7fa;
}
.table-recyle-pachi table,
.table-recyle-slot table{
	border: 3px solid #dbf7e1;
	background-color: #FFF;
	border-radius: 10px;
	overflow: hidden;
	border-collapse: separate;
}
.table-recyle-slot table {
	border-color: #dce5f8;
}
.table-recyle-pachi table th,
.table-recyle-pachi table td,
.table-recyle-slot table th,
.table-recyle-slot table td{
	font-size: .8rem;
	border:none;
    white-space: nowrap;
}
.table-recyle-pachi table tr th,
.table-recyle-slot table tr th{
    width: 20%!important;
}
.table-recyle-pachi table tr:first-child  > *{
	border-bottom :2px solid #96c6a0;
}
.table-recyle-slot table tr:first-child  > *{
	border-bottom :2px solid #96c6a0;
}
.table-recyle-pachi table td[rowspan], .table-recyle-pachi table td[colspan] {
}
#body_wrap:not(.home){
	padding-top: 7rem;
}
@media screen and (max-width:600px){
	.table-recyle-pachi,
	.table-recyle-slot{
		overflow-x: scroll;
	}
	.wp-block-table.table-recyle-pachi table.has-fixed-layout,
	.wp-block-table.table-recyle-slot table.has-fixed-layout{
		width: 200%;
		table-layout: inherit;
	}
}


.table-recycle-pachi table tr th,
.table-recycle-slot table tr th{
	background-color: #FFF;
}
.table-recycle-pachi table tr:nth-child(even) td,
.table-recycle-pachi table tr:nth-child(even) th {
    background: #f9f7fb;
}
.table-recycle-slot table tr:nth-child(even) td,
.table-recycle-slot table tr:nth-child(even) th {
    background: #f5f8fa;
}
.table-recycle-pachi,
.table-recycle-slot{
	border: 3px solid #96c6a0;
	background-color: #FFF;
	border-radius: 10px;
	overflow: hidden;
	border-collapse: separate;
}
.table-recycle-slot{
	border-color: #a6bdef;
}

.table-recycle-pachi .swell-block-columns{
	background-color: #eefcf6;
	color: #0d644f;
	margin-bottom: 0;
}
.table-recycle-slot .swell-block-columns{
	background-color: #eef5fd;
	color: #0d4864;
	margin-bottom: 0;
}
.table-recycle-pachi .swell-block-columns > *,
.table-recycle-slot .swell-block-columns > *{
	padding: .5em .75em;
	
}
.table-recycle-pachi table th,
.table-recycle-pachi table td,
.table-recycle-slot table th,
.table-recycle-slot table td{
	font-size: .8rem;
	border:none;
    white-space: nowrap;
}
.table-recycle-pachi table tr th,
.table-recycle-slot table tr th{
    width: 20%!important;
}
.table-recycle-pachi table thead tr th{
    background-color: #eefcf6;
}
.table-recycle-slot table thead tr th{
    background-color: #eef5fd;
}
.table-recycle-pachi table tr:first-child  > *{
	border-top :2px solid #96c6a0;
	border-bottom :2px solid #96c6a0;
}
.table-recycle-slot table tr:first-child  > *{
	border-top :2px solid #a6bdef;
	border-bottom :2px solid #a6bdef;
}
.table-recycle-pachi table td[rowspan], .table-recycle-pachi table td[colspan] {
}

@media screen and (max-width:600px){
	.table-recycle-pachi,
	.table-recycle-slot{
		overflow-x: scroll;
	}
	.wp-block-table.table-recycle-pachi table.has-fixed-layout,
	.wp-block-table.table-recycle-slot table.has-fixed-layout{
		width: 200%;
		table-layout: inherit;
	}
	.gap-0{
		gap:0!important;
	}
}
@media screen and (max-width:1300px) and (min-width:961px){
	.c-headLogo__img{
		min-width:200px;
	}
	#header{
		width:95%;
		left:2.5%;
	}
	.c-gnav>.menu-item>a{
		padding-left:.5vw;
		padding-right:.5vw;
	}
}


.c-gnav .sub-menu{
	background:#fff;
	border-radius:0 0 20px 20px;
	padding:10px;
}

.c-gnav .sub-menu:before{
	background:none;
}

.c-gnav .sub-menu a:hover{
	border-radius:3px;
}