@charset "UTF-8";
@charset "utf-8";

          html {
box-sizing: border-box;
overflow-y: scroll; -webkit-text-size-adjust: 100%; }
*,
::before,
::after {
background-repeat: no-repeat; box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
padding: 0; margin: 0;
}  audio:not([controls]) {
display: none;
height: 0;
}
hr {
overflow: visible; } article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden],
template {
display: none; }
abbr[title] {
border-bottom: 1px dotted; text-decoration: none; }
a {
background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,
a:hover {
outline-width: 0; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace; }
b,
strong {
font-weight: bolder; }
dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} input {
border-radius: 0;
} button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
} [disabled] {
cursor: default;
}
[type="number"] {
width: auto; }
[type="search"] {
-webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: 0;
padding: 0;
} button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button,
select {
text-transform: none; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } img {
border-style: none; } progress {
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden; }
audio,
canvas,
progress,
video {
display: inline-block; }  @media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
}  ::-moz-selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}
::selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}
body {
font-family: 'YuGothic', 'Yu Gothic', sans-serif;
font-size: 16px;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.aligncenter {
text-align: center;
}
@media (max-width: 767px) {
.aligncenter--only-pc {
text-align: left;
}
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}
@media (min-width: 768px) {
.only-mobile {
display: none;
}
}
@media (max-width: 767px) {
.only-pc {
display: none;
}
}
@media (min-width: 992px) {
.below-desktop {
display: none;
}
}
.container {
width: 1000px;
max-width: 100%;
margin: 0 auto;
}
.container--small {
width: 756px;
}
.container--medium {
width: 1066px;
}
@media (max-width: 1199px) {
.container {
padding: 0 20px;
}
}
@media (max-width: 767px) {
.container {
padding: 0 10px;
}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
color: #21759b;
display: block;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.columns {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.columns {
display: block;
}
}
.columns__main {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.columns__side {
-webkit-box-flex: 0;
-webkit-flex: 0 0 238px;
flex: 0 0 238px;
margin-left: 75px;
}
@media (max-width: 1199px) {
.columns__side {
margin-left: 35px;
}
}
@media (max-width: 767px) {
.columns__side {
margin-left: 0;
margin-top: 30px;
}
}
.columns--archive {
padding: 80px 0;
}
@media (max-width: 767px) {
.columns--archive {
padding: 20px 0;
}
}
.columns--single {
padding: 85px 0;
}
@media (max-width: 767px) {
.columns--single {
padding: 20px 0;
}
}
#wp-a11y-speak-polite,
#wp-a11y-speak-assertive {
display: none;
}
.text-center {
text-align: center;
}
.column {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.column {
display: block;
}
}
@media (max-width: 767px) {
.column__item {
margin-bottom: 16px;
}
}
.column__item--mr {
margin-right: 20px;
}
@media (max-width: 767px) {
.column__item--mr {
margin-right: 0;
margin-bottom: 16px;
}
}
@media (max-width: 767px) {
.main {
overflow: hidden;
}
}
.main--fixed {
width: 650px;
max-width: 100%;
}
@media (max-width: 767px) {
.main--fixed {
width: 100%;
}
}
a {
transition: opacity .25s ease-out;
}
a:hover {
opacity: .8;
}
@media (max-width: 767px) {
.header + * {
margin-top: 84px;
}
}
.pre-footer {
background-color: #f0f0e1;
padding: 50px 0 28px;
}
.pre-footer > .container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media (max-width: 767px) {
.pre-footer > .container {
display: block;
}
}
.pre-footer__heading {
font-size: 32px;
font-weight: 600;
color: #357b4f;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.pre-footer__heading {
font-size: 20px;
margin-bottom: 10px;
line-height: 1.5;
}
}
.pre-footer__subhead {
font-weight: 400;
font-size: 18px;
color: white;
background-color: #63bc85;
padding: 6px;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.pre-footer__subhead {
font-size: 16px;
line-height: 1.5;
}
}
.pre-footer__notice {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.pre-footer__image {
margin-bottom: 20px;
}
}
.footer {
padding: 28px 0;
}
.footer__logo {
margin-right: 32px;
}
@media (max-width: 767px) {
.footer__logo {
margin-right: 0;
text-align: center;
margin-bottom: 20px;
}
}
.footer__column {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 36px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media (max-width: 767px) {
.footer__column {
display: block;
margin-bottom: 16px;
}
}
.footer-nav {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.footer-nav {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footer-nav:not(:last-child) {
margin-bottom: 15px;
}
.footer-nav__item {
font-size: 14px;
padding: 0 16px;
border-right: 1px solid #dddddd;
line-height: 1.2;
color: #666;
}
@media (max-width: 767px) {
.footer-nav__item {
margin-bottom: 8px;
}
}
.footer-nav__item:last-child {
border-right: none;
}
.footer-nav__item--top {
color: #009ab5;
}
.footer-nav__item--item {
color: #f29600;
}
.footer-nav__item--faq {
color: #ff7373;
}
.footer-nav__item--company {
color: #4ca535;
}
.footer-nav__item--staff {
color: #005bab;
}
.footer-nav__item--activity {
color: #d75b3c;
}
.footer-nav__item--voice {
color: #ced001;
}
.footer-nav__item a {
text-decoration: none;
color: inherit;
}
.copyright {
text-align: center;
color: #aaaaaa;
letter-spacing: .2em;
font-size: 12px;
}
.sidemenu {
position: absolute;
right: 0;
top: calc(86px + 25.65vw);
padding-top: 100px;
}
.sidemenu.scroll {
position: fixed;
top: 0;
}
@media (max-width: 767px) {
.sidemenu {
display: none;
}
}
.sidemenu__list {
list-style: none;
}
.sidemenu__item--space {
margin-top: 2px;
}
.forpeople {
background-color: #eeeeee;
padding: 35px 0;
}
.forpeople p {
line-height: 2.5;
}
@media (max-width: 767px) {
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
background-color: white;
}
}
.header__top {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 98px;
}
@media (max-width: 767px) {
.header__top {
height: 84px;
padding-top: 24px;
}
}
.header__logo {
border-right: 1px solid #5bab46;
padding-right: 14px;
margin-right: 14px;
}
@media (max-width: 767px) {
.header__logo {
border-right: none;
margin-right: auto;
}
.header__logo img {
height: 45px;
}
}
.header__description {
margin-right: auto;
}
@media (max-width: 767px) {
.header__description {
position: absolute;
top: 0;
padding-top: 6px;
text-align: center;
left: 0;
right: 0;
}
}
.header__desctext {
font-size: 14px;
line-height: 1.2;
font-weight: 400;
}
@media (max-width: 767px) {
.header__desctext {
font-size: 10px;
white-space: nowrap;
letter-spacing: -.05em;
}
}
.header__tel {
margin-right: 18px;
}
@media (max-width: 767px) {
.header__tel {
margin-right: 10px;
}
.header__tel img {
width: 43px;
}
}
@media (max-width: 767px) {
.header__contact {
margin-right: 10px;
}
.header__contact img {
width: 43px;
}
}
.header__toggle {
width: 43px;
height: 43px;
background-color: white;
position: relative;
z-index: 9999;
}
@media (min-width: 768px) {
.header__toggle {
display: none;
}
}
.header__nav {
background-color: #eeeeee;
}
@media (max-width: 767px) {
.header__nav {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #4c4c4c;
padding: 90px 0 40px 0;
display: none;
z-index: 9998;
}
.header__nav.open {
display: block;
height: 100vh;
overflow-y: scroll;
}
}
.global-nav {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.global-nav {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.global-nav__item { width: 12.5%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
text-align: center;
font-size: 14px;
line-height: 1.2;
color: #444444;
border-bottom: 2px solid #009ab5;
}
.global-nav__item.current-menu-item,
.global-nav__item.current-menu-ancestor,
.global-nav__item.current-page-ancestor,
.global-nav__item.current_page_parent {
color: white;
}
.global-nav__item--top {
border-bottom-color: #009ab5;
}
.global-nav__item--top.current-menu-item,
.global-nav__item--top.current-menu-ancestor,
.global-nav__item--top.current-page-ancestor,
.global-nav__item--top.current_page_parent {
color: #444444;
}
@media (max-width: 767px) {
.global-nav__item--top.current-menu-item,
.global-nav__item--top.current-menu-ancestor,
.global-nav__item--top.current-page-ancestor,
.global-nav__item--top.current_page_parent {
color: white;
}
}
.global-nav__item--item {
border-bottom-color: #f29600;
}
.global-nav__item--item.current-menu-item,
.global-nav__item--item.current-menu-ancestor,
.global-nav__item--item.current-page-ancestor,
.global-nav__item--item.current_page_parent {
color: #444444;
}
@media (max-width: 767px) {
.global-nav__item--item.current-menu-item,
.global-nav__item--item.current-menu-ancestor,
.global-nav__item--item.current-page-ancestor,
.global-nav__item--item.current_page_parent {
color: white;
}
}
.global-nav__item--faq {
border-bottom-color: #ff7373;
}
.global-nav__item--faq.current-menu-item,
.global-nav__item--faq.current-menu-ancestor,
.global-nav__item--faq.current-page-ancestor,
.global-nav__item--faq.current_page_parent {
background-color: #ff7373;
}
.global-nav__item--company {
border-bottom-color: #4ca535;
}
.global-nav__item--company.current-menu-item,
.global-nav__item--company.current-menu-ancestor,
.global-nav__item--company.current-page-ancestor,
.global-nav__item--company.current_page_parent {
background-color: #4ca535;
}
.global-nav__item--staff {
border-bottom-color: #005bab;
}
.global-nav__item--staff.current-menu-item,
.global-nav__item--staff.current-menu-ancestor,
.global-nav__item--staff.current-page-ancestor,
.global-nav__item--staff.current_page_parent {
background-color: #005bab;
}
.global-nav__item--activity {
border-bottom-color: #d75b3c;
}
.global-nav__item--activity.current-menu-item,
.global-nav__item--activity.current-menu-ancestor,
.global-nav__item--activity.current-page-ancestor,
.global-nav__item--activity.current_page_parent {
background-color: #d75b3c;
}
.global-nav__item--shipping {
border-bottom-color: #f29600;
}
.global-nav__item--shipping.current-menu-item,
.global-nav__item--shipping.current-menu-ancestor,
.global-nav__item--shipping.current-page-ancestor,
.global-nav__item--shipping.current_page_parent {
background-color: #f29600;
}
.global-nav__item--voice {
border-bottom-color: #ced001;
}
.global-nav__item--voice.current-menu-item,
.global-nav__item--voice.current-menu-ancestor,
.global-nav__item--voice.current-page-ancestor,
.global-nav__item--voice.current_page_parent {
background-color: #ced001;
}
@media (max-width: 767px) {
.global-nav__item {
width: calc(50% - 13px);
color: white;
border: 1px solid white;
margin-bottom: 18px;
}
.global-nav__item:nth-child(2n - 1) {
margin-right: 26px;
}
.global-nav__item:nth-child(2n - 1).global-nav__item--fullwidth {
margin-right: 0;
}
.global-nav__item--fullwidth {
width: 100%;
}
}
@media (min-width: 768px) {
.global-nav__item--mobile {
display: none;
}
}
.global-nav__item a {
text-decoration: none;
color: inherit;
height: 66px;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
}
@media (max-width: 767px) {
.global-nav__item a {
height: 45px;
}
}
.global-nav-label {
text-align: center;
color: white;
font-size: 20px;
margin-bottom: 20px;
letter-spacing: .1em;
}
@media (min-width: 768px) {
.global-nav-label {
display: none;
}
}
.global-nav-fb { display: flex;
justify-content: space-around;
padding: 20px 0;
}
.global-nav-fb img {
width: 60px;
height: 60px;
}
@media (min-width: 768px) {
.global-nav-fb {
display: none;
}
}
.toggle {
width: 43px;
height: 43px;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/menu/toggle.png);
background-position: center;
background-size: 25px 30px;
}
.hero {
padding-bottom: 20px;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/check-border.png);
background-repeat: repeat;
}
.hero img {
width: 100%;
}
.section-heading {
display: inline-block;
color: #3b7ca9;
font-size: 24px;
line-height: 1.5;
border-bottom: 2px solid #3b7ca9;
margin-bottom: 38px;
letter-spacing: .1em;
padding-bottom: 5px;
}
@media (max-width: 767px) {
.section-heading {
font-size: 21px;
}
}
.section-heading--white {
color: white;
border-bottom-color: white;
}
.section-heading--pink {
color: #ff7373;
border-bottom-color: #ff7373;
}
.section-heading--yellow {
color: #cdd000;
border-bottom-color: #cdd000;
}
.section-heading--green {
color: #33794c;
border-bottom-color: #33794c;
}
.section-heading--red {
color: #d75b3c;
border-bottom-color: #d75b3c;
}
.section-heading--lgreen {
color: #4ca534;
border-bottom-color: #4ca534;
}
.section-heading--blue {
color: #005bab;
border-bottom-color: #005bab;
}
.section-heading--orange {
color: #f29600;
border-bottom-color: #f29600;
}
.section-heading--facebook {
color: #4267b2;
border-bottom-color: #4267b2;
}
.section-heading--black {
color: #535353;
border-bottom-color: #535353;
}
.rounded-button {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
height: 90px;
width: 368px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
color: white;
font-weight: 600;
font-size: 20px;
border-radius: 45px;
margin-top: 50px;
}
@media (max-width: 767px) {
.rounded-button {
max-width: 100%;
font-size: 16px;
height: 50px;
margin-top: 0;
}
}
.mt20 {
margin-top: 20px;
}
.mt40 {
margin-top: 40px;
}
.mb20 {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.mb-large {
font-size: 18px;
}
}
.back {
padding: 60px 0 100px;
}
@media (max-width: 767px) {
.back {
padding: 30px 0;
}
}
.back--nomt {
padding-top: 0;
}
.sidebar {
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 268px;
margin-left: 78px;
}
@media (max-width: 767px) {
.sidebar {
width: 100%;
margin-top: 40px;
margin-left: 0;
}
}
.widget {
border: 1px solid #eeeeee;
list-style: none;
margin-bottom: 30px;
}
.widget ul {
list-style: none;
}
.widget li {
position: relative;
text-align: center;
border-bottom: 1px solid #eee;
padding: 14px;
}
.widget a {
text-decoration: none;
color: #444;
}
.widget_recent_entries ul {
}
.widget_recent_entries li {
padding-top: 34px;
text-align: left;
line-height: 1.6;
}
.widget_recent_entries .post-date {
font-size: 12px;
position: absolute;
top: 12px;
left: 14px;
}
.widgettitle {
background-color: #eeeeee;
text-align: center;
font-size: 16px;
font-weight: 400;
padding: 18px 8px;
}
@media (max-width: 767px) {
.widgettitle {
padding: 10px 8px;
}
}
.feed {
padding: 78px 0 60px;
}
@media (max-width: 767px) {
.feed {
padding: 20px 0;
}
}
.feed > .container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.feed > .container {
display: block;
}
}
.activity {
width: 574px;
margin-right: 42px;
}
@media (max-width: 767px) {
.activity {
width: 100%;
}
}
.activity--archive,
.activity--single {
width: 100%;
padding: 80px 0;
}
.activity__item {
border: 1px solid #eeeeee;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 10px;
}
.activity__thumbnail {
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 180px;
background-color: #eee;
background-size: cover;
background-position: center;
}
@media (max-width: 767px) {
.activity__thumbnail {
width: 90px;
}
}
.activity__content {
padding: 20px 28px;
}
@media (max-width: 767px) {
.activity__content {
padding: 12px 20px;
}
}
.activity__date {
font-size: 14px;
margin-right: 20px;
}
.activity__cat {
color: #d75b3c;
border: 1px solid #d75b3c;
border-radius: 4px;
font-size: 12px;
padding: 6px 4px;
line-height: 1.2;
text-decoration: none;
display: inline-block;
}
.activity__meta {
margin-bottom: 10px;
}
.activity__title {
font-size: 18px;
color: #333333;
margin-bottom: 14px;
line-height: 1.2;
text-decoration: underline;
}
@media (max-width: 767px) {
.activity__title {
font-size: 16px;
}
}
.activity__title a {
color: inherit;
}
.activity__excerpt {
font-size: 14px;
}
@media (max-width: 767px) {
.activity__excerpt {
line-height: 1.5;
}
}
.activity__button {
text-align: center;
margin-bottom: 50px;
margin-top: 26px;
}
.activity__button a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
height: 72px;
width: 294px;
background-color: #d75b3c;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
color: white;
font-weight: 600;
font-size: 16px;
border-radius: 36px;
}
@media (max-width: 767px) {
.activity__button a {
max-width: 100%;
font-size: 16px;
height: 50px;
}
}
.activity__pregnext {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 26px;
}
.activity__preg {
width: 48%;
height: 50px;
}
.activity__preg a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 100%;
border: 1px solid #eeeeee;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #878787;
text-decoration: none;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M10.4 12l5.3-5.3c0.4-0.4 0.4-1 0-1.4s-1-0.4-1.4 0l-6 6c-0.4 0.4-0.4 1 0 1.4l6 6c0.2 0.2 0.5 0.3 0.7 0.3s0.5-0.1 0.7-0.3c0.4-0.4 0.4-1 0-1.4l-5.3-5.3z'%3E%3C/path%3E%3C/svg%3E%0A");
background-size: 7px;
background-position: 20px center;
}
.activity__next {
width: 48%;
height: 50px;
}
.activity__next a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 100%;
border: 1px solid #eeeeee;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #878787;
text-decoration: none;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M15.7 11.3l-6-6c-0.4-0.4-1-0.4-1.4 0s-0.4 1 0 1.4l5.3 5.3-5.3 5.3c-0.4 0.4-0.4 1 0 1.4 0.2 0.2 0.4 0.3 0.7 0.3s0.5-0.1 0.7-0.3l6-6c0.4-0.4 0.4-1 0-1.4z'%3E%3C/path%3E%3C/svg%3E%0A");
background-size: 7px;
background-position: right 20px center;
}
.activity__backtop {
text-align: center;
margin-top: 26px;
}
.activity__backtop a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 14px 40px;
background-color: #eeeeee;
color: #878787;
text-decoration: none;
}
.activity--single .activity__item {
display: block;
}
.activity--single .activity__thumbnail {
width: 100%;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.activity--single .activity__thumbnail {
width: 100%;
}
}
.activity--single .activity__thumbnail img {
width: 100%;
}
.activity--single .activity__meta {
margin-bottom: 15px;
}
.activity--single .activity__title {
font-size: 26px;
}
.activity--single .activity__main {
line-height: 2.5;
font-size: 16px;
color: #333333;
}
.pagination {
margin-top: 80px;
}
@media (max-width: 767px) {
.pagination {
margin-top: 40px;
}
}
.pagination .nav-links {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.pagination .page-numbers {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 60px;
height: 60px;
text-decoration: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #333;
border: 1px solid #eeeeee;
}
@media (max-width: 767px) {
.pagination .page-numbers {
width: 40px;
height: 40px;
}
}
.pagination .page-numbers.current {
background-color: #eee;
}
.pagination .page-numbers:not(:last-child) {
border-right: none;
}
.facebook {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-bottom: 15px;
}
.company {
padding: 100px 0;
}
.company__table {
width: 100%;
border-collapse: collapse;
margin-bottom: 50px;
}
.company__table th,
.company__table td {
padding: 10px;
border: 1px solid gray;
}
.company__table th {
vertical-align: top;
font-weight: 400;
background-color: #e0f3dc;
}
.company__tempolist dt {
margin-top: 10px;
margin-bottom: 2px;
}
.company__map {
position: relative;
height: 0;
overflow: hidden;
padding-top: 40%;
margin-bottom: 40px;
width: 100%;
}
@media (max-width: 767px) {
.company__map {
width: 100%;
padding-top: 70%;
}
}
.company__map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.company__info {
margin-bottom: 50px;
}
.contact {
padding: 80px 0;
}
.contact__table {
width: auto;
border-collapse: collapse;
table-layout: fixed;
margin: auto;
}
@media (max-width: 767px) {
.contact__table {
display: block;
border: 1px solid #333333;
}
.contact {
padding: 40px 0;
}
}
@media (max-width: 767px) {
.contact__table tbody,
.contact__table tr {
display: block;
}
}
.contact__table th,
.contact__table td {
border: 1px solid #333333;
padding: 20px;
}
@media (max-width: 767px) {
.contact__table th,
.contact__table td {
display: block;
padding: 15px;
border: none;
}
}
.contact__table th {
font-weight: 600;
color: white;
background-color: #357b4f;
width: 30%;
text-align: left;
vertical-align: top;
}
@media (max-width: 767px) {
.contact__table th {
width: auto;
text-align: center;
}
}
.contact__table td {
width: 70%;
}
@media (max-width: 767px) {
.contact__table td {
width: auto;
}
}
.contact__notice {
color: #ff8000;
font-weight: 600;
}
.contact__required {
display: inline-block;
padding: 4px 6px;
color: #ff8000;
background-color: #ffff00;
line-height: 1.2;
margin-left: 6px;
}
.contact__input {
border: 1px solid #cee0a9;
padding: 4px 8px;
display: block;
max-width: 100%;
width: 420px;
line-height: 1.5;
}
.contact__input--fixed {
width: 200px;
}
@media (max-width: 767px) {
.contact__input {
width: 100%;
}
}
.contact__textarea {
border: 1px solid #cee0a9;
padding: 4px 8px;
display: block;
max-width: 100%;
width: 420px;
line-height: 1.5;
}
@media (max-width: 767px) {
.contact__textarea {
width: 100%;
}
}
.contact__attach {
display: block !important;
}
.contact__select {
border: 1px solid #cee0a9;
padding: 4px 8px;
display: block;
max-width: 100%;
width: 186px;
line-height: 1.5;
background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20ver%3D%221.1%22%20viewBox%3D%225080.701%201119.615%2024.66%2013.745%22%3E%3Cpath%20style%3D%22fill%3A%20none%3B%20stroke%3A%20rgb(111%2C%20111%2C%20111)%3B%20stroke-width%3A%202px%3B%22%20d%3D%22M5081.408%201120.322l11.623%2011.623%2011.624-11.623%22%20%2F%3E%3C%2Fsvg%3E");
background-position: right .8em center;
background-size: 1em 1em;
background-color: white;
}
.contact__submit {
width: 479px;
height: 102px;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/contact-submit.png);
text-indent: -9999px;
}
@media (max-width: 767px) {
.contact__submit {
width: 240px;
height: 50px;
background-size: contain;
}
}
.contact p {
margin-bottom: 40px;
}
.privacy {
padding: 30px 0;
text-align: center;
}
.privacy__head {
margin-bottom: 20px;
}
.mw_wp_form_confirm .contact__pre {
display: none;
}
.mw_wp_form_confirm .contact__table {
margin-bottom: 50px;
}
.mw_wp_form_confirm .contact__submit {
background-image: none;
font-size: 20px;
font-weight: 600;
background-color: orange;
text-indent: 0;
color: white;
}
.mw_wp_form_confirm .privacy {
display: none;
}
.mw_wp_form_complete .contact__pre {
display: none;
}
.faq {
padding: 78px 0;
}
@media (max-width: 767px) {
.faq {
padding: 20px 0;
}
}
.faq--single {
padding-bottom: 50px;
}
@media (max-width: 767px) {
.faq--single {
padding-bottom: 20px;
}
}
.faq__heading {
font-size: 20px;
line-height: 1.2;
margin-bottom: 20px;
position: relative;
padding-left: 30px;
}
.faq__heading::before {
position: absolute;
left: 0;
height: 14px;
width: 14px;
border: 1px solid white;
background-color: #ff7373;
content: '';
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: 0 0 0 3px #ff7373;
}
.faq__list {
margin-bottom: 38px;
}
.faq__q {
background-color: #ff7373;
padding: 34px 30px 34px 78px;
color: white;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 10px;
position: relative;
cursor: pointer;
}
.faq__q.open::after {
content: '−';
}
.faq__q.open + .faq__a {
display: block;
}
@media (max-width: 767px) {
.faq__q {
font-size: 16px;
padding: 18px 50px;
}
}
.faq__q::before {
font-size: 40px;
display: block;
content: 'Q.';
position: absolute;
left: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.faq__q::before {
font-size: 18px;
}
}
.faq__q::after {
background-color: white;
content: '＋';
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 26px;
height: 26px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
line-height: 1;
color: #ff7373;
}
.faq__q:nth-of-type(2n) {
background-color: #cfd10f;
}
.faq__q:nth-of-type(2n)::after {
color: #cfd10f;
}
.faq__q--reverse {
background-color: #cfd10f;
}
.faq__q--reverse::after {
color: #cfd10f;
}
.faq__q--reverse:nth-of-type(2n) {
background-color: #ff7373;
}
.faq__q--reverse:nth-of-type(2n)::after {
color: #ff7373;
}
.faq__a {
padding: 24px 30px 24px 78px;
font-size: 16px;
line-height: 2;
margin-bottom: 20px;
color: #666;
position: relative;
display: none;
}
@media (max-width: 767px) {
.faq__a {
font-size: 16px;
padding: 18px 50px;
}
}
.faq__a::before {
font-size: 40px;
display: block;
content: 'A.';
position: absolute;
left: 20px;
top: 20px;
color: #ff7373;
font-weight: 600;
line-height: 1;
}
@media (max-width: 767px) {
.faq__a::before {
font-size: 18px;
}
}
.how {
padding: 40px 0;
}
@media (max-width: 767px) {
.how {
padding: 20px 0;
}
}
.how__lead {
font-size: 20px;
color: #3b7ca9;
margin-top: 40px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.how__lead {
font-size: 18px;
}
}
@media (max-width: 767px) {
.how p {
font-size: 18px;
}
}
.impact__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
list-style: none;
text-align: center;
margin-bottom: 32px;
}
@media (max-width: 767px) {
.impact__list {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.impact__item {
line-height: 1.5;
}
@media (max-width: 767px) {
.impact__item {
margin-bottom: 20px;
width: 45%;
}
.impact__item img {
height: 90px;
}
}
.impact__item figcaption {
margin-top: 16px;
}
@media (max-width: 767px) {
.impact__item figcaption {
text-align: left;
}
}
.impact__item strong {
font-weight: 400;
color: #3b7ca9;
}
.impact__image {
text-align: center;
}
@media (max-width: 767px) {
.impact__image {
margin-bottom: 30px;
}
}
.items {
padding: 65px 0;
}
@media (max-width: 767px) {
.items {
padding: 20px 0;
}
}
.items__list {
}
.items__item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
background-color: white;
box-shadow: 12px 12px 0 rgba(242, 150, 0, 0.18824);
margin-bottom: 30px;
border: 1px solid #f29600;
position: relative;
text-decoration: none;
}
@media (max-width: 767px) {
.items__item {
display: block;
padding: 20px 20px 40px;
box-shadow: 10px 10px 0 rgba(242, 150, 0, 0.18824);
margin-right: 10px;
}
}
.items__item::after {
position: absolute;
display: block;
content: '';
right: 0;
top: 0;
bottom: 0;
width: 25px;
background-color: #f29600;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15.7 11.3l-6-6c-0.4-0.4-1-0.4-1.4 0s-0.4 1 0 1.4l5.3 5.3-5.3 5.3c-0.4 0.4-0.4 1 0 1.4 0.2 0.2 0.4 0.3 0.7 0.3s0.5-0.1 0.7-0.3l6-6c0.4-0.4 0.4-1 0-1.4z'%3E%3C/path%3E%3C/svg%3E%0A");
background-size: 18px;
background-position: center;
}
@media (max-width: 767px) {
.items__item::after {
left: 0;
right: 0;
top: auto;
width: auto;
height: 25px;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.7 8.3c-0.4-0.4-1-0.4-1.4 0l-5.3 5.3-5.3-5.3c-0.4-0.4-1-0.4-1.4 0s-0.4 1 0 1.4l6 6c0.2 0.2 0.5 0.3 0.7 0.3s0.5-0.1 0.7-0.3l6-6c0.4-0.4 0.4-1 0-1.4z'%3E%3C/path%3E%3C/svg%3E%0A");
background-size: 14px;
}
}
.items__item--noicon::after {
content: none;
}
.items__thumbnail {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 20px;
}
@media (max-width: 767px) {
.items__thumbnail {
text-align: center;
margin-right: 0;
}
}
@media (max-width: 767px) {
.items__thumbnail img {
width: 40%;
}
}
.items__content {
padding: 18px 30px 0 0;
line-height: 1.5;
color: #444;
}
@media (max-width: 767px) {
.items__content {
text-align: center;
padding: 18px 0 0;
}
}
.items__title {
font-size: 20px;
color: #f29600;
margin-bottom: 10px;
position: relative;
padding-left: 28px;
}
@media (max-width: 767px) {
.items__title {
font-size: 16px;
text-align: center;
display: inline-block;
}
}
.items__title::before {
position: absolute;
left: 0;
height: 14px;
width: 14px;
border: 1px solid white;
background-color: #f29600;
content: '';
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: 0 0 0 3px #f29600;
}
.message {
padding: 40px 0;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/front-page/message.jpg);
background-size: cover;
background-position: center;
position: relative;
margin-bottom: 20px;
}
.message::after {
position: absolute;
left: 0;
right: 0;
top: 100%;
display: block;
content: '';
padding-bottom: 20px;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/check-border.png);
background-repeat: repeat;
}
@media (max-width: 767px) {
.message {
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/front-page/message-sp.jpg);
}
}
.message__head {
line-height: 1.5;
color: #3b7ca9;
margin-bottom: 30px;
font-family: 'YuMincho', 'Yu Mincho', serif;
font-size: 28px;
font-weight: 700;
letter-spacing: .05em;
}
@media (max-width: 767px) {
.message__head {
font-size: 18px;
}
}
.message p {
line-height: 1.8;
font-family: 'YuMincho', 'Yu Mincho', serif;
font-size: 16px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.message p {
font-size: 17px;
line-height: 2;
}
}
.message p strong {
color: #e85d6a;
font-weight: 600;
}
.message--front p {
line-height: 2;
margin-bottom: 30px;
}
.shipping {
background-color: #3b7ca9;
padding: 60px 0;
}
@media (max-width: 767px) {
.shipping {
padding: 20px 0;
}
}
.shipping__column {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.shipping__column {
display: block;
}
}
.shipping__column p {
color: white;
}
.shipping__icon {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 26px;
}
@media (max-width: 767px) {
.shipping__icon {
text-align: center;
margin-bottom: 20px;
margin-right: 0;
}
.shipping__icon img {
width: 80px;
}
}
.shipping__ys {
font-weight: 600;
color: #ffff00;
}
.shipping-order {
list-style: none;
color: white;
} .shipping-order__head {
font-size: 24px;
line-height: 1.2;
font-weight: 400;
color: #3b7ca9;
background-color: white;
padding: 24px 0 24px 140px;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/front-page/shipping-step-1.png);
background-size: 121px 44px;
background-position: center left;
margin-bottom: 26px;
}
@media (max-width: 767px) {
.shipping-order__head {
font-size: 16px;
padding: 16px 0 16px 70px;
background-size: 60px 22px;
}
}
.shipping-order__head--2 {
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/front-page/shipping-step-2.png);
}
.shipping-order__head--3 {
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/front-page/shipping-step-3.png);
}
.shipping-order__head--4 {
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/front-page/shipping-step-4.png);
}
.shipping-order__title {
font-size: 18px;
color: white;
font-weight: 600;
margin-bottom: 12px;
position: relative;
padding-left: 30px;
}
@media (max-width: 767px) {
.shipping-order__title {
font-size: 16px;
line-height: 1.5;
}
}
.shipping-order__title::before {
position: absolute;
left: 0;
height: 14px;
width: 14px;
border: 1px solid white;
background-color: #f29600;
content: '';
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: 0 0 0 3px #f29600;
}
.shipping-order__content {
padding: 0 40px;
}
@media (max-width: 767px) {
.shipping-order__content {
padding: 0 15px;
}
}
.shipping-order__button {
text-align: center;
margin-bottom: 50px;
margin-top: 26px;
}
.shipping-order__button a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
height: 90px;
width: 368px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
color: white;
font-weight: 600;
font-size: 20px;
border-radius: 45px;
}
@media (max-width: 767px) {
.shipping-order__button a {
max-width: 100%;
font-size: 16px;
height: 50px;
}
}
.shipping-info {
padding: 20px;
background-color: white;
border: 10px solid #cef8ff;
margin-bottom: 36px;
}
.shipping-info__title {
font-weight: 400;
font-size: 16px;
color: #333333;
border-bottom: 1px solid #3b7ca9;
}
.shipping-info p {
color: #333;
}
.shipping-info p:not(:last-child) {
margin-bottom: 20px;
}
.order-list {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 24px;
}
.order-list__item {
text-align: center;
}
@media (max-width: 767px) {
.order-list__item:not(:last-child) {
margin-right: 10px;
}
}
.staff {
background-color: #cae6ff;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/check-blue.png);
background-repeat: repeat;
padding: 72px 0 60px;
}
@media (max-width: 767px) {
.staff {
padding: 36px 0 30px;
}
}
.staff__heading {
color: #3b7ca9;
font-size: 20px;
line-height: 1.2;
padding: 20px 0;
border-bottom: 1px solid #3b7ca9;
border-top: 1px solid #3b7ca9;
text-align: center;
margin-bottom: 48px;
}
@media (max-width: 767px) {
.staff__heading {
font-size: 16px;
padding: 12px 0;
}
}
.staff__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0 -30px 48px;
}
@media (max-width: 767px) {
.staff__list {
margin-bottom: 0;
display: block;
}
}
.staff__list--single {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.staff__item {
width: 33.33333%;
text-align: center;
padding: 0 30px;
}
@media (max-width: 767px) {
.staff__item {
width: 100%;
margin-bottom: 20px;
}
}
.staff__item--single {
margin-bottom: 30px;
}
.staff__item--single:nth-child( -n + 3 ) {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.staff__item--single:nth-child( -n + 3 ) {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.staff__item--single {
width: 100%;
}
}
.staff__name {
color: #0059ab;
font-size: 20px;
line-height: 1.2;
margin: 18px 0;
}
.staff--single {
background-color: white;
background-image: none;
}
.staff-komaki {
background-color: #cae6ff;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/check-blue.png);
background-repeat: repeat;
padding: 72px 0 60px;
}
@media (max-width: 767px) {
.staff-komaki {
padding: 36px 0 30px;
}
}
.staff-komaki__column {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.staff-komaki__column {
display: block;
}
}
.staff-komaki__image {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 40px;
}
@media (max-width: 767px) {
.staff-komaki__image {
margin-right: 0;
margin-bottom: 20px;
}
}
.staff-komaki__comments {
line-height: 1.5;
font-size: 18px;
}
@media (max-width: 767px) {
.staff-komaki__comments {
font-size: 14px;
}
}
.staff-komaki__comments dt {
font-weight: 600;
color: #3b7ca9;
}
.staff-komaki__comments dd {
margin-bottom: 24px;
color: #444444;
}
.staff-komaki__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.staff-komaki__list {
display: block;
}
}
.staff-komaki__item {
width: 33.33333%;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.staff-komaki__item {
width: 100%;
text-align: center;
}
}
.staff-komaki__item figcaption {
text-align: center;
margin-top: 10px;
font-weight: 600;
color: #3b7ca9;
}
.voice {
padding: 60px 0;
background-color: #f8f8c9;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/check-yellow.png);
background-repeat: repeat;
}
.voice__heading {
text-align: center;
font-size: 30px;
color: #cdd000;
font-weight: 600;
line-height: 1.5;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.voice__heading {
font-size: 18px;
}
}
.voice__subhead {
color: #cdd000;
font-size: 20px;
line-height: 1.2;
padding: 20px 0;
border-bottom: 1px solid #cdd000;
border-top: 1px solid #cdd000;
text-align: center;
margin-bottom: 48px;
margin-top: 76px;
}
@media (max-width: 767px) {
.voice__subhead {
font-size: 16px;
padding: 12px 0;
}
}
.voice__top {
margin-bottom: 60px;
}
.voice--single {
background-color: white;
background-image: none;
}
.voice__front {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; margin-top: 42px;
}
@media (max-width: 767px) {
.voice__front {
display: block;
margin-bottom: 30px;
margin-top: 20px;
}
}
.voice__front-item {
text-align: center;
margin-bottom: 20px;
margin-right: 12px;
}
.voice__front-item img {
box-shadow: 12px 12px 0 rgba(206, 208, 1, 0.18824);
margin-bottom: 12px;
}
.voice-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.voice-item {
display: block;
}
}
.voice-item__letter {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 44px;
text-align: center;
}
@media (max-width: 767px) {
.voice-item__letter {
margin-right: 0;
margin-bottom: 20px;
}
}
.voice-item__content {
line-height: 2.5;
}
.voice-item__image img {
box-shadow: 12px 12px 0 rgba(206, 208, 1, 0.18824);
}
.works {
background-color: #eee;
padding: 75px 0;
}
@media (max-width: 767px) {
.works {
padding: 20px 0;
}
}
.works__logo {
background-color: white;
text-align: center;
padding: 16px 10px;
position: relative;
z-index: 2;
box-shadow: 12px 12px 0 rgba(0, 154, 181, 0.18824);
margin-bottom: 28px;
}
.works__logo figcaption {
font-weight: 600;
font-size: 20px;
color: #3b7ca9;
margin-bottom: 10px;
}
.works__head {
font-size: 30px;
font-weight: 600;
color: #3b7ca9;
line-height: 1.5;
margin-bottom: 10px;
text-align: center;
}
.works__head--wide {
margin: 50px 0 40px;
}
@media (max-width: 767px) {
.works__head {
font-size: 18px;
}
}
.works__example {
color: #f29600;
font-size: 24px;
margin-bottom: 60px;
text-align: center;
margin-top: 30px;
overflow: hidden;
letter-spacing: .1em;
}
@media (max-width: 767px) {
.works__example {
margin-top: 15px;
}
}
.works__example span {
display: inline-block;
position: relative;
}
.works__example span::before {
display: block;
content: '';
position: absolute;
right: calc(100% + 10px);
width: 2000px;
height: 1px;
background-color: #f29600;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.works__example span::after {
display: block;
content: '';
position: absolute;
left: calc(100% + 10px);
width: 2000px;
height: 1px;
background-color: #f29600;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.works__example--slim {
margin: 30px 0;
}
@media (max-width: 767px) {
.works__example {
font-size: 18px;
}
}
.works__more {
margin-bottom: 30px;
}
.works__more.open {
display: none;
}
.works__more button {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 80px;
background-color: #3b7ca9;
color: white;
font-size: 20px;
line-height: 1.2;
font-weight: 600;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
letter-spacing: .05em;
}
@media (max-width: 767px) {
.works__more button {
font-size: 18px;
text-align: center;
}
}
.works__more button::before {
position: absolute;
top: 4px;
left: 4px;
bottom: 4px;
right: 4px;
display: block;
content: '';
border: 1px solid white;
}
.works__more button::after {
position: absolute;
right: 24px;
width: 24px;
height: 24px;
background-color: white;
color: #3b7ca9;
content: '+';
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
font-weight: 400;
}
.works__item {
padding: 26px;
background-color: white;
box-shadow: 12px 12px 0 rgba(0, 154, 181, 0.18824);
margin-bottom: 54px;
}
.works__item--1 {
text-align: center;
padding: 12px;
}
.works__item--1 .works__column {
margin-top: 30px;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.works__item--1 .works__column-item:first-child {
margin-right: 5px;
}
@media (max-width: 767px) {
.works__item--1 .works__column-item:first-child {
margin-bottom: 20px;
}
}
.works__item--1 .works__column-item:last-child {
margin-left: 5px;
}
.works__item--1 figcaption {
font-weight: 600;
color: #3b7ca9;
}
.works__item--2 .works__title {
text-align: left;
}
.works__item--2 ul {
padding-left: 1.5rem;
}
.works__title {
font-size: 24px;
font-weight: 600;
color: #3b7ca9;
line-height: 1.5;
margin-bottom: 20px;
text-align: center;
}
.works__title--left {
text-align: left;
}
@media (max-width: 767px) {
.works__title {
font-size: 18px;
padding: 16px 0;
margin-bottom: 0;
}
}
.works__column {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.works__column {
display: block;
}
}
.works__column-item:first-child {
margin-right: 20px;
}
@media (max-width: 767px) {
.works__column-item:first-child {
margin-right: 0;
margin-bottom: 20px;
}
}
.works__column-item:last-child {
margin-left: 20px;
}
@media (max-width: 767px) {
.works__column-item:last-child {
margin-left: 0;
}
}
.works__column-item--image {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.works__thumbnail {
margin-right: 26px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media (max-width: 767px) {
.works__thumbnail {
margin-right: 0;
}
}
.child-profile {
background-color: white;
position: relative;
padding: 36px;
margin-bottom: 20px;
margin-top: 50px;
}
@media (max-width: 767px) {
.child-profile {
padding: 18px;
}
}
.child-profile__head {
font-size: 20px;
color: #3b7ca9;
font-weight: 600;
position: absolute;
top: -40px;
left: 30px;
height: 0;
display: block;
line-height: 40px;
width: 280px;
letter-spacing: .1em;
border-bottom: 40px solid white;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
text-align: center;
}
@media (max-width: 767px) {
.child-profile__head {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.child-profile__profile {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.child-profile__profile {
display: block;
}
}
.child-profile__face {
margin-right: 36px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media (max-width: 767px) {
.child-profile__face {
text-align: center;
margin-right: 0;
margin-bottom: 20px;
}
}
.child-profile__name {
font-size: 20px;
color: #3b7ca9;
font-weight: 600;
line-height: 1.5;
margin-bottom: 16px;
}
@media (max-width: 767px) {
.child-profile__name {
font-size: 16px;
}
}
.profile-list {
font-size: 14px;
line-height: 1.5;
}
@media (max-width: 767px) {
.profile-list {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
font-size: 12px;
}
}
.profile-list div {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
}
@media (max-width: 767px) {
.profile-list div {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
}
.profile-list__name {
width: 80px;
margin-right: 20px;
border-bottom: 1px dotted #3b7ca9;
color: #3b7ca9;
text-align: center;
margin-bottom: 10px;
padding: 4px 2px;
}
@media (max-width: 767px) {
.profile-list__name {
width: 30%;
margin-right: 5%;
}
}
.profile-list__content {
width: 230px;
margin-right: 20px;
border-bottom: 1px solid #3b7ca9;
font-weight: 600;
color: #3b7ca9;
margin-bottom: 10px;
padding: 4px 8px;
}
@media (max-width: 767px) {
.profile-list__content {
width: 65%;
margin-right: 0;
}
}
.profile-life {
background-color: #ffe8c1;
padding: 18px 24px;
border-radius: 8px;
margin-bottom: 30px;
position: relative;
}
.profile-life::before {
position: absolute;
display: block;
content: '';
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/home.png);
background-size: 58px 56px;
width: 58px;
height: 56px;
top: -17px;
right: 20px;
}
.profile-life__title {
color: #f29600;
//border-bottom: 2px solid #f29600;
//border-image: 2 2 url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/pl-border.png);
margin-bottom: 16px;
padding-bottom: 8px;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
position: relative;
}
.profile-life__title::after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 2px;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/pl-border.png);
background-repeat: repeat-x;
}
.profile-life p {
color: #333;
text-align: left;
}
.profile-letter {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.profile-letter {
display: block;
}
}
.profile-letter__thumbnail {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 50px;
}
@media (max-width: 767px) {
.profile-letter__thumbnail {
text-align: center;
margin-right: 0;
margin-bottom: 20px;
}
}
.profile-letter__thumbnail img {
display: block;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.profile-letter__thumbnail img {
margin: 0 auto 12px;
}
}
.profile-letter__zoom {
background-color: #f29600;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
border-radius: 20px;
color: white;
line-height: 1.2;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-decoration: none;
position: relative;
padding-right: 15px;
}
@media (max-width: 767px) {
.profile-letter__zoom {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
width: 160px;
}
}
.profile-letter__zoom::after {
display: block;
content: '';
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 19px;
height: 19px;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/zoom.png);
}
.profile-letter__head {
color: #3b7ca9;
font-size: 20px;
margin-bottom: 16px;
font-weight: 600;
}
@media (max-width: 767px) {
.profile-letter__head {
line-height: 1.6;
font-size: 18px;
text-align: center;
}
}
.profile-letter__text {
color: #333;
background-image: url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/letter-border.png);
background-repeat: repeat;
line-height: 32px;
}
.profile-letter p {
text-align: left;
}
.childfund-receipt {
padding: 40px;
background-color: white;
box-shadow: 12px 12px 0 rgba(0, 154, 181, 0.18824);
margin-bottom: 54px;
}
@media (max-width: 767px) {
.childfund-receipt {
padding: 20px;
}
}
.childfund-receipt__list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.childfund-receipt__list {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.childfund-receipt__item {
width: 146px;
margin-bottom: 10px;
margin-right: 10px;
}
@media (max-width: 767px) {
.childfund-receipt__item {
width: 44%;
}
}
.childfund-receipt__table {
width: 400px;
border-spacing: 10px;
}
@media (max-width: 767px) {
.childfund-receipt__table {
width: 100%;
}
}
.childfund-receipt__table th,
.childfund-receipt__table td {
margin-bottom: 10px;
}
.childfund-receipt__table th {
background-color: #3b7ca9;
color: white;
font-weight: 600;
text-align: center;
padding: 6px 8px;
}
.childfund-receipt__table td {
border-bottom: 1px solid #aaaaaa;
text-align: center;
}
.childfund-receipt figure {
margin-top: 20px;
}
.childfund-receipt figcaption {
text-align: center;
margin-bottom: 10px;
}
.childfund-receipt .works__column-item:first-child {
width: 55%;
}
@media (max-width: 767px) {
.childfund-receipt .works__column-item:first-child {
width: 100%;
}
}
.childfund-receipt .works__column-item:last-child {
width: 45%;
}
@media (max-width: 767px) {
.childfund-receipt .works__column-item:last-child {
width: 100%;
}
}
.works-more {
display: none;
}
.works-more.open {
display: block;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .shipping-schoolbag img {
width: 100%;
display: block;
}
.caption-area{
width: 90%;
border: 1px dotted #A0C238;
padding: 30px;
background-color: rgb(160,194,56,0.3);
font-size: 15px!important;
text-align: left;
margin: auto;
}
.twitter {
margin-top: 25px;
} .not-accept {
font-size: 24px;
line-height: 1.5;
letter-spacing:.1em;
padding-bottom: 5px;
margin-top: 60px;
font-weight: bold;
text-decoration: underline;
}
.not-accept > a {
color: #d75b3c;
}
@media (max-width: 767px) {
.not-accept {
margin: 40px 0 15px;
font-size: 20px;
} .company {
padding: 50px 0;
}
}
@media screen and (min-width:641px){.sp-mode{display:none}}@media screen and (min-width:769px){.tab-mode{display:none}}@media screen and (max-width:640px){.pc-mode{display:none}}.return-top{position:fixed;right:-200px;bottom:5%;z-index:100}.return-top:hover{opacity:.8}.toggle{width:40px;height:45px;background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/menu/toggle.png) no-repeat center/contain}.toggle.open{background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/menu/toggle.png) no-repeat center/contain}@media screen and (min-width:769px){body{padding:133px 0 0}}@media screen and (max-width:768px){.header+*{margin-top:125px}}@media screen and (min-width:769px){.header{position:fixed;width:100%;background:#fff;z-index:99;top:0;left:0}}.header__toggle{background-color:inherit;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:5px}@media screen and (min-width:769px){.header__toggle{display:none}}@media screen and (max-width:1080px){.header__description{display:none}}@media screen and (max-width:768px){.header__description{position:static;display:block}}.header__desctext{font-size:11px;white-space:inherit;text-align:left}.header__top{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto;padding:5px 0}@media screen and (min-width:769px){.header__top{-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:65px;padding:10px 0}}.header__logoarea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:768px){.header__logoarea{width:100%;padding:0 0 10px}}.header__logo{width:146px;padding-right:10px;margin-right:10px}@media screen and (max-width:768px){.header__logo{min-width:146px}}@media screen and (max-width:1080px){.header__logo{padding-right:0;margin-right:20px;border-right:none}}.header__menuarea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:768px){.header__menuarea{width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width:640px){.header__menuarea{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.header__tel{margin-right:10px;min-width:220px;width:220px;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif}@media screen and (max-width:768px){.header__tel{min-width:inherit;width:70px;height:60px}}@media screen and (max-width:640px){.header__tel{margin-right:5px;width:calc((100% - 60px) / 4)}}@media screen and (max-width:768px){.header__tel img{height:60px;width:68px}}.header__telarea-pc{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.header__telarea-pc{display:none}}.header__telarea-pc--num{font-size:23px;line-height:1.2;font-weight:bold}.header__telarea-pc--num:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/tel.svg) no-repeat center/contain;display:inline-block;margin-right:5px;width:26px;height:26px;vertical-align:middle}.header__telarea-pc--txt{width:100%;font-size:11px;text-align:center}.header__telarea-sp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#333;text-decoration:none;font-weight:bold;border-radius:5px;border:solid 2px #333;width:100%;height:100%}@media screen and (min-width:769px){.header__telarea-sp{display:none}}.header__telarea-sp--txt{display:block;font-size:11px;text-align:center}.header__telarea-sp--txt:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/header/header-tel-sp.svg) no-repeat center/contain;display:block;margin:0 auto;width:34px;height:34px}.header__contact-btn{height:46px}@media screen and (max-width:768px){.header__contact-btn{height:60px}}@media screen and (max-width:640px){.header__contact-btn{width:calc((100% - 70px) / 4);min-width:70px}}@media screen and (max-width:768px){.header__contact-btn--pctxt{display:none}}.header__contact-btn a{padding:0 10px;font-size:13px;color:#fff;font-weight:bold;line-height:1.2;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:5px}@media screen and (max-width:640px){.header__contact-btn a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px}}.header__contact-btn a:before{content:'';display:inline-block;margin-right:5px}@media screen and (max-width:640px){.header__contact-btn a:before{margin:0 0 5px}}.header__contact-btn a:after{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/arrow-r.svg) no-repeat center/contain;width:7px;height:11px;display:inline-block;margin-left:10px}@media screen and (max-width:640px){.header__contact-btn a:after{display:none}}.header__contact{margin-right:5px}@media screen and (min-width:641px){.header__contact{margin-right:10px}}.header__contact a{background:#357B4F}.header__contact a:before{background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/mail.svg) no-repeat center/contain;width:18px;height:13px}@media screen and (max-width:640px){.header__contact a:before{width:30px;height:30px}}.header__contact-line a{background:#00B900}.header__contact-line a:before{background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/line.svg) no-repeat center/contain;width:16px;height:16px}@media screen and (max-width:640px){.header__contact-line a:before{width:30px;height:30px}}.header__shipping{margin-right:5px}@media screen and (min-width:641px){.header__shipping{margin-right:10px}}@media screen and (min-width:769px){.header__shipping{display:none}}.header__shipping a{background:#F29600;-webkit-box-shadow:0px 4px 0px #BC5B04;box-shadow:0px 4px 0px #BC5B04;height:calc(100% - 4px)}.header__shipping a:before{background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/box.svg) no-repeat center/contain;width:18px;height:13px}@media screen and (max-width:640px){.header__shipping a:before{margin:0;width:30px;height:30px}}@media screen and (min-width:769px){.global-nav__item{width:calc(100% / 7)}}.global-nav__item--top{display:none}@media screen and (max-width:768px){.global-nav__item--top{display:block}}.global-nav__item--shipping{background-color:inherit!important;border-bottom-color:inherit;min-width:120px}@media screen and (max-width:768px){.global-nav__item--shipping{border:none}}.global-nav__item--shipping a{position:relative;height:62px;background:#f29600;border-radius:5px;font-weight:bold;-webkit-box-shadow:0px 6px 0px #BC5B04;box-shadow:0px 6px 0px #BC5B04;padding-right:10px}@media screen and (max-width:640px){.global-nav__item--shipping a{height:48px}}.global-nav__item--shipping a:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/box.svg) no-repeat center/contain;width:25px;height:18px;display:inline-block;margin-right:6px}.global-nav__item--shipping a:after{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/arrow-r.svg) no-repeat center/contain;width:7px;height:11px;display:inline-block;position:absolute;right:12px;top:0;bottom:0;margin:auto}.contact{padding:0}@media screen and (max-width:768px){.contact{padding:70px 0;margin-top:-70px}}.contact-hdr{font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;padding:80px 0}@media screen and (max-width:768px){.contact-hdr{padding:40px 0}}.contact-hdr__txt{text-align:center;margin-bottom:40px;line-height:1.5}.contact-hdr__txt--maker{font-weight:bold;display:inline;background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFFA94), color-stop(80%, #FFFA94), color-stop(80%, transparent));background:-webkit-linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);background:-o-linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);background:linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%)}.contact-hdr__txt--link{text-decoration:none;font-weight:bold;color:#1400ED}.contact-way__inner{max-width:850px;margin:0 auto 70px;border:solid 1px #E6E6E6;padding:40px}@media screen and (max-width:768px){.contact-way__inner{margin:0 auto 40px;padding:20px}}.contact-way__ttl{font-size:24px;text-align:center;margin:0 auto 25px}@media screen and (max-width:640px){.contact-way__ttl{font-size:22px}}.contact-way__ttl--maker{display:inline;background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFFA94), color-stop(80%, #FFFA94), color-stop(80%, transparent));background:-webkit-linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);background:-o-linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);background:linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);padding:0 10px}.contact-way__txt{margin-bottom:30px}.contact-way__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;max-width:700px;margin:0 auto 30px}@media screen and (max-width:768px){.contact-way__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:500px}}.contact-way__tel{width:230px;min-width:230px}@media screen and (max-width:768px){.contact-way__tel{width:100%;max-width:500px;border-radius:5px;border:solid 1px #4D4D4D}}@media screen and (max-width:768px){.contact-way__tel a{display:inline-block;width:100%;height:100%}}.contact-way__telarea{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.contact-way__telarea--pc{display:none}}.contact-way__telarea--sp{color:#4D4D4D;text-decoration:none;padding:5px 10px}@media screen and (min-width:769px){.contact-way__telarea--sp{display:none}}.contact-way__telarea--num{font-size:25px;line-height:1.2;font-weight:bold}.contact-way__telarea--num:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/tel.svg) no-repeat center/contain;display:inline-block;margin-right:5px;width:26px;height:26px;vertical-align:middle}.contact-way__telarea--txt{width:100%;font-size:11px;text-align:center}.contact-way__contact-btn{height:56px;width:220px;margin-left:10px}@media screen and (max-width:768px){.contact-way__contact-btn{width:100%;height:68px;max-width:500px;margin:10px 0 0;font-size:20px}}.contact-way__contact-btn a{border-radius:5px;color:#fff;font-weight:bold;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%}.contact-way__contact-btn a:before{content:'';display:inline-block;margin-right:5px}.contact-way__contact-btn a:after{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/arrow-b.svg) no-repeat center/contain;width:100%;height:10px;margin-top:2px;display:inline-block}.contact-way__mail a{background:#357B4F}.contact-way__mail a:before{background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/mail.svg) no-repeat center/contain;width:22px;height:17px}.contact-way__line a{background:#00B900}.contact-way__line a:before{background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/line.svg) no-repeat center/contain;width:22px;height:22px}.contact-way-hassou{border-radius:5px;background:#FFEFDC;padding:25px}@media screen and (max-width:640px){.contact-way-hassou{padding:15px 15px 20px}}.contact-way-hassou__ttl{font-size:20px;font-weight:bold;margin:0 auto 10px;color:#F29600;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:640px){.contact-way-hassou__ttl{line-height:1.3}}.contact-way-hassou__ttl:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/contact/hassou_img01.png) no-repeat center/contain;width:59px;height:38px;margin-right:15px}@media screen and (max-width:640px){.contact-way-hassou__ttl:before{margin-right:10px}}.contact-way-hassou__ttl:after{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/contact/hassou_img02.png) no-repeat center/contain;width:66px;height:38px;margin-left:15px}@media screen and (max-width:640px){.contact-way-hassou__ttl:after{margin-left:10px}}.contact-way-hassou__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.contact-way-hassou__box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.contact-way-hassou__box p{margin-bottom:0}.contact-way-hassou__img{margin-right:20px;width:15%}@media screen and (max-width:768px){.contact-way-hassou__img{width:80%;text-align:center;max-width:260px;margin:0 0 20px!important}}.contact-way-hassou__txt{width:55%;margin:0 10px 0 0}@media screen and (max-width:768px){.contact-way-hassou__txt{width:90%;margin:0 0 20px!important;text-align:center}}@media screen and (max-width:640px){.contact-way-hassou__txt{width:95%}}@media screen and (max-width:768px){.contact-way-hassou__txt--br{display:none}}.contact-way-hassou__btn{width:30%;height:57px;max-width:196px}@media screen and (max-width:768px){.contact-way-hassou__btn{width:90%;max-width:600px;font-size:20px}}@media screen and (max-width:640px){.contact-way-hassou__btn{width:95%}}.contact-way-hassou__btn a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#F29600;border-radius:5px;-webkit-box-shadow:0 4px 0 #BC5B04;box-shadow:0 4px 0 #BC5B04;color:#fff;font-weight:bold;text-decoration:none}.contact-way-hassou__btn a:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/box.svg) no-repeat center/contain;width:30px;height:21px;display:inline-block;margin-right:10px}.contact-way-hassou__btn a:after{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/arrow-r.svg) no-repeat center/contain;width:12px;height:13px;display:inline-block;margin-left:15px}@media screen and (max-width:768px){.contact-line{margin-top:-70px;padding-top:70px}}.contact-line__inner{max-width:850px;background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/contact/bg_check.jpg) repeat;border:solid 1px #E6E6E6;padding:40px;margin:0 auto}@media screen and (max-width:768px){.contact-line__inner{padding:20px}}@media screen and (max-width:640px){.contact-line__inner{padding:0 10px;background:none;border:none}}.contact-line__ttl{font-size:24px;text-align:center;margin:0 auto 25px}@media screen and (max-width:640px){.contact-line__ttl{font-size:22px}}.contact-line__ttl--maker{display:inline;background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFFA94), color-stop(80%, #FFFA94), color-stop(80%, transparent));background:-webkit-linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);background:-o-linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);background:linear-gradient(transparent 60%, #FFFA94 60%, #FFFA94 80%, transparent 80%);padding:0 10px}.contact-line__txt{margin:0 auto 30px!important}@media screen and (max-width:768px){.contact-line__txt{margin:0 auto 60px!important}}.contact-line__imgarea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (max-width:768px){.contact-line__imgarea{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:500px;margin:0 auto}}.contact-line__btn{width:100%;position:relative;margin:0 auto 15px}@media screen and (min-width:769px){.contact-line__btn{display:none}}.contact-line__btn a{padding:15px 10px;font-size:30px;font-weight:bold;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;text-align:center;border-radius:5px;background:#00b900;text-decoration:none}.contact-line__btn a:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/line_02.svg) no-repeat center/contain;margin-right:10px;display:inline-block;width:50px;height:50px}.contact-line__btn a:after{content:'＼ボタンで友だち登録／';color:#00b900;font-size:20px;text-align:center;position:absolute;bottom:calc(100% + 5px);display:block}.contact-line__qr{margin:0 20px 0 0}@media screen and (max-width:768px){.contact-line__qr{display:none}}.contact-line__id{padding:12px 20px 0;background:#00B900;border-radius:4px;text-align:center;height:169px}@media screen and (max-width:768px){.contact-line__id{padding:12px 20px;height:auto;width:60%}}@media screen and (max-width:640px){.contact-line__id{padding:12px 10px}}.contact-line__id--ttl{font-size:14px;color:#fff;margin:0 0 10px!important;font-weight:bold}@media screen and (max-width:768px){.contact-line__id--ttl{font-size:16px;margin:0 0 5px!important}}.contact-line__id--txt{height:70%;background:#fff;font-weight:bold;border-radius:4px;padding:0 10px;margin:0 auto!important;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.contact-line__id--txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:10px}}.contact-line__id--name{display:block;line-height:1.2}@media screen and (max-width:768px){.contact-line__id--name{display:inline-block}}.contact-line__id--name:after{content:':'}@media screen and (min-width:769px){.contact-line__id--name:after{display:none}}.contact-line__img{margin-left:-10px}@media screen and (max-width:768px){.contact-line__img{margin-left:5px;width:calc(40% - 5px)}}.pre-footer__telarea a{text-decoration:none;color:#000}.pre-footer__telarea--num{font-size:40px;font-weight:bold;line-height:1.2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;color:#4d4d4d;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif}@media screen and (max-width:640px){.pre-footer__telarea--num{font-size:34px}}.pre-footer__telarea--num:before{content:'';background:url(//eco-friendly.site/wp/wp-content/themes/ecotrading/assets/images/icons/tel.svg) no-repeat center/contain;display:inline-block;margin-right:5px;width:42px;height:42px;vertical-align:middle}.pre-footer__telarea--txt{font-size:14px;display:block}.pre-footer__telarea--company{font-size:14px;display:block}@media screen and (max-width:768px){#mw_wp_form_mw-wp-form-36441{margin-top:-70px;padding-top:70px}}