
@charset "UTF-8";
#for-companies { padding: 2vw 5vw 5vw;}
#for-companies h1 {font-size: 200%;	color: #288cc4;	font-weight: 700;	border-bottom: 1px solid #288cc4;}
#for-companies h2 {font-size: 160%;	color: #288cc4;	font-weight: 700;}
#solution {background-image: url("../img/bg-solution.jpg");	background-position: center center;	background-size: cover;	background-repeat: no-repeat;	background-attachment: fixed;}
#solution h1 {font-size: 300%;	border-bottom: none;}
#solution h2 {font-size: 200%;	position: relative;	display: inline-block;	padding: 0 5vw;}#solution h2:before { content: ''; position: absolute; top: 50%;	left: 0; display: inline-block; width: 44px; height: 2px; background-color: #288cc4; -webkit-transform: rotate(60deg); transform: rotate(60deg);}#solution h2:after { content: ''; position: absolute; top: 50%;	right: 0; display: inline-block; width: 44px; height: 2px; background-color: #288cc4; -webkit-transform: rotate(-60deg); transform: rotate(-60deg);}
#solution dt {font-size: 110%;	font-weight: 700;	color: #288cc4;	border-bottom: 1px solid #288cc4;	padding-bottom: .25rem;	margin-bottom: .5rem;}
#omakase {background: rgba(255,255,255,.6);	padding: 1rem;}
#omakase p {font-size: 250%;	font-weight: 700;}
#relief01 { transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#relief02 { transition: .6s .3s ease-out; transform: translateY(40px); opacity: 0;}#relief03 { transition: .6s .6s ease-out; transform: translateY(40px); opacity: 0;}#relief01.delighter.started,
#relief02.delighter.started,
#relief03.delighter.started { transform: translateY(0); opacity: 1;}
#relief dt {font-size: 160%;	font-weight: 700;	color: #288cc4;}
#price table {width: 100%;}
.flow-contents {width: 70%;	margin:auto;}
.flow-item {font-size: 120%;	font-weight: 700;}.flow-item dl {border: none;}.flow-item dt {font-size: 120%;	color:#fff;	font-weight: 700;	text-align: center;	background-color: #288cc4;	padding: .25rem;	margin-bottom: 0;}.flow-item dd {border: 1px solid #288cc4;	padding: .5rem;}.kind {font-size: 120%;	color:#fff;	font-weight: 700;	background-color: #288cc4;	border-radius: 10px 10px 0 0;	padding: .5rem;}
.number {font-size: 200%;	font-weight: 700;}
.awsome {font-size: 300%;}.flow-arrow {text-align: center;	font-size: 300%;	color: #288cc4;	margin-bottom: 3rem;}#price table { width: 100%;}
#price table th { background: rgba(40,140,196,.6);	border: 1px solid #333;	padding: .5rem}#price table td {border: 1px solid #333;	padding: .5rem;}
#price-memo {color: #ff0000;	font-size: 180%;	font-weight: 700;	border: 1px solid #ff0000;	padding: .5rem;}
#purchase-recycling ul {border: 3px solid #288cc4;}#purchase-recycling li:last-child {padding: 1rem;}
.purchase-recycling-contents {display: flex; flex-direction: column;	flex-grow: 1;}.purchase-recycling-contents ul {flex-grow: 1;}
@media (min-width: 1300px){}
@media (max-width: 860px){ .flow-contents { width: 90%; margin:auto; }}
@media (max-width: 767px){}
@media (max-width: 575px){#relief02 { transition: .6s 0s ease-out;}#relief03 { transition: .6s 0s ease-out;}#solution h2 { padding: 0 10vw;
}
#solution {background-image: none;}#omakase {padding: 1rem .25rem;}#omakase p {font-size: 140%;	line-height: 1.6;}#price-memo {font-size: 140%;} #price table { width: 800px; }
.flow-contents {width: 100%;	margin:auto;}.number { text-align: center;}.awsome { text-align: center;}}