@charset "UTF-8";
/* Wobble Horizontal */
@keyframes wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 751px) {
  /*  ecobag  */
  body.pc {
    font-size: 21px;
  }
  .pc {
    display: block;
    /* header */
    /* top */
    /* service */
    /* members / staff */
    /* gttw / EIKOUイズム */
    /* catcg copy */
    /* catcg copy 結果発表 */
    /*  goods　引取一覧 */
    /*  works 作業事例 */
    /*  voice お客様の声 */
    /*  about 会社概要  */
    /*  sdgs  */
    /* choose */
    /*  qa よくある質問  */
    /*  contact お問い合わせ  */
    /*  single post  */
    /*  other  */
  }
  .pc a.wobble {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .pc a.wobble:hover {
    animation-name: wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
  }
  .pc.header.pc {
    position: absolute;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: center;
    padding: 32px;
  }
  .pc.header.pc .wrap {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    display: flex;
  }
  .pc.header.pc .left {
    flex: 0 64%;
    max-width: 64%;
    padding: 0 8px 0 0;
  }
  .pc.header.pc .left h1 {
    margin-bottom: 18px;
  }
  .pc.header.pc .left ul.gnav {
    display: flex;
    margin-bottom: -1.5em;
  }
  .pc.header.pc .left ul.gnav li {
    display: inline-block;
    white-space: nowrap;
  }
  .pc.header.pc .left ul.gnav li .megamenu {
    position: relative;
  }
  .pc.header.pc .left ul.gnav li .megamenu ul {
    max-width: 300px;
    position: absolute;
    margin: 0 -100%;
    opacity: 0;
    left: -10px;
    right: 0;
    top: 12px;
    text-align: center;
    transform: scale(0);
    border-radius: 28px;
    transition: 0.5s;
    display: block;
    padding: 24px 20px;
    border: 3px solid #503830;
    background: white;
    z-index: 100;
  }
  .pc.header.pc .left ul.gnav li .megamenu ul li {
    display: block;
    text-align: center;
    border-bottom: 1px solid #cdc8c8;
  }
  .pc.header.pc .left ul.gnav li .megamenu ul li a {
    margin: 0;
  }
  .pc.header.pc .left ul.gnav li .megamenu ul li:last-child {
    border: none;
  }
  .pc.header.pc .left ul.gnav li .megamenu ul:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 18px;
    display: block;
    top: -17px;
    left: calc(50% - 12.5px);
    z-index: 101;
    background: url(../images/mega_arrow.svg) no-repeat center / 100%;
  }
  .pc.header.pc .left ul.gnav li:nth-child(2) .megamenu ul {
    left: 50px;
  }
  .pc.header.pc .left ul.gnav li:nth-child(4) .megamenu ul {
    left: 20px;
  }
  .pc.header.pc .left ul.gnav li:hover .megamenu ul {
    opacity: 1;
    transform: scale(1);
  }
  .pc.header.pc .left ul.gnav a, .pc.header.pc .left ul.gnav span {
    display: inline-block;
    color: #503830;
    position: relative;
    text-decoration: none;
    font-size: 20px;
    margin-right: 20px;
  }
  .pc.header.pc .right {
    flex: 0 36%;
    max-width: 36%;
    display: flex;
    justify-content: flex-end;
    padding: 0 0 0 8px;
    line-height: 1;
  }
  .pc.header.pc .right .h_r_nav01 {
    max-width: 145px;
  }
  .pc.header.pc .right .top {
    padding-bottom: 10px;
  }
  .pc.header.pc .right .top a:last-child img {
    margin-right: 0;
  }
  .pc.header.pc .right .top img {
    margin-right: 8px;
    vertical-align: top;
  }
  .pc.header.pc .right .bottom {
    width: 100%;
  }
  .pc.header.pc .right .bottom img {
    width: 100%;
  }
  .pc .pc {
    position: relative;
  }
  .pc .pc .top_hero_jisseki {
    max-width: 306px;
    max-width: 240px;
    bottom: 0;
    right: -19.95px;
  }
  .pc .hero_bottom a img {
    transition: 0.5s;
  }
  .pc .hero_bottom a:hover img {
    opacity: 0.8;
  }
  .pc .infomation_new {
    width: 980px;
    margin: 58px auto;
  }
  .pc .infomation_new h3 .info_new.h3 {
    max-width: 272px;
  }
  .pc .infomation_new ul.list {
    margin-top: 26px;
  }
  .pc .infomation_new ul.list li a {
    padding: 16px 8px;
    font-size: 18px;
  }
  .pc .infomation_new ul.list li a .date {
    flex: 0 215px;
    max-width: 215px;
  }
  .pc .infomation_new ul.list li a .title {
    flex: 0 calc(100% - 215px);
    max-width: calc(100% - 215px);
    padding-left: 16px;
  }
  .pc .infomation_new ul.box_list {
    padding: 40px 70px;
  }
  .pc .infomation_new ul.box_list li {
    max-width: 228px;
    width: 100%;
    margin-bottom: 0;
  }
  .pc .infomation_new ul.box_list li a {
    display: block;
    text-align: center;
  }
  .pc .infomation_new ul.box_list li a .image {
    width: 100%;
    max-width: 228px !important;
    min-height: 202px !important;
  }
  .pc .infomation_new ul.box_list li a .sdgs_cat {
    padding-top: 18px;
  }
  .pc .infomation_new ul.box_list li a .sdgs_cat span {
    font-size: 21px !important;
    padding: 8px 24px;
  }
  .pc .bunbetsu {
    text-align: center;
    margin: 16px 0 32px;
  }
  .pc .bunbetsu img {
    width: 894px;
  }
  .pc .work_btn {
    text-align: center;
    margin-top: 16px;
  }
  .pc .work_btn a img {
    width: 585px;
    transition: 0.5s;
    position: relative;
    left: 0;
  }
  .pc .work_btn a:hover img {
    left: 1em;
  }
  .pc .work_btn.bff {
    margin-top: 72px;
  }
  .pc .image_nav {
    margin-bottom: 72px;
  }
  .pc .image_nav li {
    flex: 0 286px;
    max-width: 286px;
    padding: 0;
    margin-bottom: 0;
  }
  .pc .image_nav li a img {
    transition: 0.5s;
    position: relative;
    left: 0;
  }
  .pc .image_nav li a:hover img {
    opacity: 0.9;
    left: 1em;
  }
  .pc .fukei .slick {
    max-height: 233px;
  }
  .pc .fukei .slick .slide {
    max-width: 354px;
  }
  .pc .fukei .fukei_img {
    max-width: 296px;
  }
  .pc .slick-prev, .pc .slick-next {
    max-width: 53px;
    max-height: 53px;
    cursor: pointer;
  }
  .pc .price {
    margin-top: 60px;
  }
  .pc .price .price_img {
    max-width: 360px;
  }
  .pc .price .ptable {
    width: 980px;
    margin: auto;
    min-height: 530px;
    padding: 40px;
  }
  .pc .price .ptable .body {
    padding: 24px;
  }
  .pc .price .ptable .body th, .pc .price .ptable .body td {
    font-size: 21px;
    padding: 16px;
  }
  .pc .price .ptable .body th.madori {
    width: 18.2%;
  }
  .pc .price .ptable .body table + p {
    font-size: 24px;
    text-align: right;
  }
  .pc .price .ptable .body table + p span {
    font-size: 18px;
  }
  .pc .price .exsample h2.center {
    font-size: 30px;
  }
  .pc .price .exsample .exsample_img {
    width: 320px;
  }
  .pc .price .exsample .exsample_top {
    margin: auto;
    max-width: 980px;
    max-height: 50px;
  }
  .pc .price .exsample .body {
    margin: auto;
    max-width: 980px;
    min-height: 990px;
  }
  .pc .price .exsample .body .cat {
    margin-bottom: 24px;
  }
  .pc .price .exsample .body .cat span.color {
    margin: 0 12px;
    font-size: 30px;
    padding: 0 24px;
  }
  .pc .price .exsample .body h2 {
    font-size: 36px;
    margin: 0 56px 38px;
  }
  .pc .price .exsample .body h2 span.border {
    width: 100%;
  }
  .pc .price .exsample .body h3 {
    font-size: 30px;
  }
  .pc .price .exsample .body h3 span {
    padding-bottom: 12px;
    display: flex;
    justify-content: center;
  }
  .pc .price .exsample .body h3 img {
    max-width: 97px;
    margin-right: 12px;
  }
  .pc .price .exsample .body .slide {
    padding: 45px 20.8% 45px;
  }
  .pc .price .exsample .body .slide .image {
    max-width: 576px;
    position: relative;
  }
  .pc .price .exsample .body .slide .image:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    border: 3px solid #503830;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }
  .pc .price .exsample .body .slide .image img {
    max-width: 576px;
    object-fit: cover;
  }
  .pc .price .exsample .exsample_bottom {
    margin: auto;
    max-width: 980px;
    max-height: 50px;
  }
  .pc .price .exsample .arrow .arrow_img {
    width: 82px;
  }
  .pc .price .exsample .body .table {
    width: 758px;
    margin: 40px auto 36px;
  }
  .pc .price .exsample .body .table dl dt, .pc .price .exsample .body .table dl dd {
    font-size: 21px;
  }
  .pc .price .exsample .body .sum {
    font-size: 30px;
  }
  .pc .price .exsample .body .sum span {
    font-size: 18px;
  }
  .pc .contact_close {
    max-width: 960px;
    margin: auto;
    padding-bottom: 116px;
  }
  .pc .contact_close a {
    padding: 86px;
  }
  .pc .contact_close .contact_close_img {
    width: 100%;
  }
  .pc .flogo {
    max-width: 448px;
  }
  .pc footer {
    padding: 56px 40px 24px;
  }
  .pc footer .pc {
    display: flex;
  }
  .pc footer .pc h2 {
    font-size: 24px;
  }
  .pc footer .pc h3 {
    margin-bottom: 16px;
  }
  .pc footer .pc .pl1 {
    padding-left: 0;
  }
  .pc footer .pc .flex {
    display: flex;
  }
  .pc footer .pc .flex ul.pl1 {
    flex: 0 50%;
    max-width: 50%;
  }
  .pc footer .pc .flex ul.pl1 li {
    margin: 3px 0;
  }
  .pc footer .pc .flex ul.pl1 li a {
    padding: 3px;
    font-size: 21px;
    display: block;
  }
  .pc footer .pc .left, .pc footer .pc .right {
    flex: 0 50%;
    max-width: 50%;
  }
  .pc footer .pc .left {
    padding-right: 21px;
  }
  .pc footer .pc .left .faddress {
    margin-bottom: 18px;
    font-size: 21px;
  }
  .pc footer .pc .right {
    padding-left: 21px;
  }
  .pc footer .pc .right .info {
    margin-bottom: 48px;
  }
  .pc footer .pc .right .info li a .date, .pc footer .pc .right .info li a .title {
    font-size: 21px;
    padding: 18px 9px;
  }
  .pc footer .pc .right .info li a .date {
    font-size: 18px;
    flex: 0 26%;
    max-width: 26%;
  }
  .pc footer .pc .right .info li a .title {
    font-size: 18px;
    flex: 0 74%;
    max-width: 74%;
  }
  .pc footer .pc .ftext01 {
    max-width: 110px;
  }
  .pc footer .pc .ftext02 {
    max-width: 102px;
  }
  .pc footer .pc .ftel {
    max-width: 339px;
  }
  .pc footer .pc .banner a {
    width: 100%;
    background: none;
    height: auto;
  }
  .pc footer .pc .banner a img {
    width: 100%;
  }
  .pc footer .inner {
    max-width: 1280px;
    margin: auto;
  }
  .pc footer .copy {
    font-size: 21px;
    letter-spacing: 3px;
    margin-top: 46px;
  }
  .pc .service_h2_pc {
    margin-bottom: 40px;
  }
  .pc .service dl {
    max-width: 980px;
    margin: auto;
    margin-bottom: 30px;
  }
  .pc .service .sevice_dt_01 {
    max-width: 339.75px;
  }
  .pc .service .sevice_dt_02 {
    max-width: 367.95px;
  }
  .pc .service .sevice_dt_03 {
    max-width: 246px;
  }
  .pc .service h3 {
    max-width: 980px;
    margin: auto;
  }
  .pc .service ul {
    padding: 30px;
    max-width: 980px;
    margin: auto;
    margin-bottom: 100px;
  }
  .pc .service ul li {
    font-size: 21px;
  }
  .pc .service .service_h3 {
    max-width: 390px;
  }
  .pc .members .hero_bottom {
    margin: 30px auto 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 980px;
    height: 299px;
    padding: 60px;
    text-align: center;
    background: url(../images/staff_hero_bottom_bg_pc.jpg) no-repeat center / cover;
  }
  .pc .members .items {
    margin-bottom: 84px;
  }
  .pc .members .items .image {
    width: 460px;
    height: 316px;
  }
  .pc .members .items .title {
    font-size: 36px;
  }
  .pc .members .items .roma {
    font-size: 32px;
  }
  .pc .members .items .staff_btn {
    max-width: 300px;
  }
  .pc .staff .hero {
    max-width: 562.5px;
    max-height: 382.5px;
    margin: auto auto 54px;
  }
  .pc .staff h2 {
    margin-top: 24px;
  }
  .pc .staff h2 .staff_h2 {
    max-width: 432px;
  }
  .pc .staff .hero_bottom {
    max-width: 980px;
    margin: auto;
    flex-wrap: wrap;
  }
  .pc .staff .hero_bottom .title, .pc .staff .hero_bottom .rome, .pc .staff .hero_bottom div {
    flex: 0 100%;
    max-width: 100%;
    line-height: 1.4;
  }
  .pc .staff .hero_bottom .title {
    font-size: 48px;
    text-align: center;
  }
  .pc .staff .hero_bottom .roma {
    display: block;
    font-size: 36px;
    text-align: center;
    margin-bottom: 32px;
  }
  .pc .staff .eco, .pc .staff .nickname {
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    max-width: 980px;
    margin-bottom: 64px;
    text-align: center;
  }
  .pc .staff .eco .head, .pc .staff .nickname .head {
    flex: 1;
    max-width: auto;
    font-size: 24px;
    display: inline-block;
  }
  .pc .staff .eco .body, .pc .staff .nickname .body {
    flex: 0 100%;
    max-width: 100%;
    font-size: 30px;
    padding-left: 0;
  }
  .pc .staff .catch {
    max-width: 980px;
    margin: auto;
  }
  .pc .staff .catch .head {
    font-size: 30px;
    text-align: center;
  }
  .pc .staff .catch .body {
    font-size: 21px;
    text-align: center;
  }
  .pc .staff .qa {
    max-width: 980px;
    margin: auto;
    margin-top: 100px;
    padding: 40px;
  }
  .pc .staff .qa h2 {
    margin-top: -125px;
    margin-bottom: 24px;
  }
  .pc .staff .qa dl {
    margin-bottom: 30px;
  }
  .pc .staff .qa dl dt {
    font-size: 30px;
  }
  .pc .staff .qa dl dt:before {
    width: 45px;
    height: 45px;
    padding-bottom: 8px;
    font-size: 30px;
    margin-right: 1em;
  }
  .pc .staff .qa dl dd {
    font-size: 21px;
    margin-top: 24px;
  }
  .pc .staff .qa_h2 {
    max-width: 340px;
  }
  .pc .staff .project {
    max-width: 980px;
    margin: auto;
  }
  .pc .staff .project h2 {
    margin: 80px auto 34px;
    font-size: 36px;
  }
  .pc .staff .project a.body {
    padding: 40px;
    margin-bottom: 36px;
  }
  .pc .staff .project a.body .text {
    padding-left: 24px;
  }
  .pc .staff .project a.body .text .sdgs_cat span {
    padding: 0 48px;
  }
  .pc .staff .project a.body .text .title {
    font-size: 36px;
  }
  .pc .gttw .note {
    max-width: 980px;
    margin: 0 auto 48px;
  }
  .pc .gttw .flow {
    max-width: 980px;
    margin: auto;
    padding: 0 48px 30px;
    margin-bottom: 86px;
  }
  .pc .gttw .flow dl {
    padding: 36px;
    margin-bottom: 30px;
  }
  .pc .gttw .flow dl .flow01 {
    width: 21.6%;
  }
  .pc .gttw .flow dl .flow02 {
    width: 43.066%;
  }
  .pc .gttw .flow dl .flow03 {
    width: 22.133%;
  }
  .pc .gttw .flow .flow_arrow {
    width: 5%;
  }
  .pc .gttw .flow .arrow {
    margin-bottom: 16px;
  }
  .pc .gttw .gttw_h2 {
    max-width: 600px;
    margin-top: 40px;
  }
  .pc .gttw .flow_h3 {
    max-width: 356px;
    margin: 24px auto;
  }
  .pc .gttw .feature h3 {
    text-align: center;
    margin-bottom: 48px;
  }
  .pc .gttw .feature dl {
    margin: auto;
    margin-bottom: 36px;
    max-width: 980px;
  }
  .pc .gttw .feature dl dd {
    padding-left: 0;
    padding-right: 34px;
  }
  .pc .gttw .feature dl.narrow dd {
    width: 84%;
  }
  .pc .gttw .feature dl.narrow .image {
    width: 16%;
  }
  .pc .gttw .feature dl.narrow .image .feature_image02 {
    top: 0;
  }
  .pc .gttw .feature .feature_head01 {
    max-width: 410px;
  }
  .pc .gttw .feature .feature_head02 {
    max-width: 381px;
  }
  .pc .gttw .feature .feature_head03 {
    max-width: 537px;
  }
  .pc .gttw .feature .feature_head04 {
    max-width: 446px;
  }
  .pc .gttw .feature .h3_feature {
    width: 980px;
  }
  .pc .gttw .huge {
    margin-top: 60px;
  }
  .pc .gttw .huge h3 {
    margin: 54px auto;
  }
  .pc .gttw .huge_h3 {
    width: 980px;
    margin: auto;
  }
  .pc .gttw .huge_text {
    max-width: 376px;
    margin-bottom: 24px;
  }
  .pc .gttw .desc {
    margin: auto auto 86px;
    max-width: 980px;
    text-align: center;
  }
  .pc .gttw .reason .reason_image01 {
    max-width: 624.75px;
    margin-bottom: 60px;
  }
  .pc .gttw .reason .reason_image02 {
    max-width: 627px;
  }
  .pc .gttw .reason .reason_image03 {
    max-width: 550.95px;
    margin: 32px auto;
  }
  .pc .gttw .reason .text {
    text-align: center;
  }
  .pc .gttw .reason .reason_image04 {
    max-width: 702px;
    margin: 64px auto 82px;
  }
  .pc .gttw .reason .reason_btn {
    max-width: 291px;
    margin-bottom: 86px;
  }
  .pc .catch_copy .h3_copy_text01 {
    max-width: 618.975px;
  }
  .pc .catch_copy .h3_copy_text02 {
    max-width: 366.975px;
  }
  .pc .catch_copy .h3_yokou {
    max-width: 186px;
  }
  .pc .catch_copy .katsudou {
    max-width: 519.75px;
    margin-bottom: 75.975px;
  }
  .pc .catch_copy .table_wrap {
    max-width: 980px;
    margin: auto auto 63.975px;
  }
  .pc .catch_copy .yokou dl dt {
    flex: 0 24%;
    max-width: 24%;
    padding: 36px 7.95px;
  }
  .pc .catch_copy .yokou dl dt br {
    display: none;
  }
  .pc .catch_copy .yokou dl dd {
    flex: 0 76%;
    max-width: 76%;
    padding: 33.975px 18px;
  }
  .pc .catch_copy .yokou dl dd h4 {
    font-size: 24px;
  }
  .pc .catch_copy .yokou dl dd h5 {
    font-size: 21px;
  }
  .pc .catch_copy .brownbox {
    margin-bottom: 85.95px;
  }
  .pc .catch_copy p {
    max-width: 980px;
    margin: auto auto 45.975px;
  }
  .pc .catch_copy.result .result_bottom_text, .pc .catch_copy.result .result_table_wrap, .pc .catch_copy.result .editiorial_text, .pc .catch_copy.result .result_about, .pc .catch_copy.result .thanks_img {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
  }
  .pc .catch_copy.result .result_bottom_text {
    margin-bottom: 85.995px;
  }
  .pc .catch_copy.result .result_text01 {
    width: 226.995px;
  }
  .pc .catch_copy.result .result_number1 {
    font-size: 57.9975px;
  }
  .pc .catch_copy.result .result_number1 span {
    font-size: 37.995px;
  }
  .pc .catch_copy.result .result_text02 {
    margin-top: 96px;
    width: 183px;
  }
  .pc .catch_copy.result .result_table dt, .pc .catch_copy.result .result_table dd {
    padding: 24px 18px;
  }
  .pc .catch_copy.result .result_text03 {
    width: 231.975px;
    margin-top: 54.975px;
  }
  .pc .catch_copy.result .editiorial_text {
    margin-top: 24px;
  }
  .pc .catch_copy.result .editiorial_text .ps01 img {
    width: 322.995px;
  }
  .pc .catch_copy.result .editiorial_text .ps02 img {
    width: 499.95px;
  }
  .pc .catch_copy.result .result_text04 {
    width: 495px;
    margin-top: 69.975px;
  }
  .pc .catch_copy.result .thanks_img {
    margin: 49.95px auto 84px;
    text-align: center;
  }
  .pc .goods .goods_h2 {
    max-width: 531px;
  }
  .pc .goods .description {
    max-width: 980px;
    margin: auto auto 40px;
  }
  .pc .goods h3 {
    margin: 40px auto auto;
    font-size: 30px;
    max-width: 980px;
  }
  .pc .goods h3 + p {
    max-width: 980px;
    margin: auto;
  }
  .pc .goods .high_value {
    max-width: 980px;
    margin: auto;
  }
  .pc .goods .high_value ul li {
    font-size: 25.95px;
    padding: 13.95px;
  }
  .pc .goods .c_t_open {
    max-width: 980px;
    margin: auto;
  }
  .pc .goods .c_t_open dl {
    margin-bottom: 24px;
  }
  .pc .goods .c_t_open dl dt {
    font-size: 31.95px;
    padding: 6px 24px;
  }
  .pc .goods .c_t_open dl dt:after {
    width: 31.95px;
    height: 31.95px;
    right: 24px;
  }
  .pc .goods .c_t_open dl dd {
    font-size: 25.95px;
    padding: 6px 24px;
  }
  .pc .goods h4 {
    text-align: center;
  }
  .pc .goods .bf_show {
    max-width: 702px;
    margin: 42px auto 12px;
  }
  .pc .works .works_h2_pc {
    width: 100%;
  }
  .pc .works .exsample {
    margin-top: 39.975px;
  }
  .pc .works .exsample_top {
    max-width: 980px;
    margin: auto;
    height: 3.6vw;
    margin-bottom: -1.3%;
  }
  .pc .works .body {
    max-width: 980px;
    margin: auto;
  }
  .pc .works .body h2 {
    margin: 0 49.95px 15.975px;
    font-size: 31.995px;
  }
  .pc .works .body h2 .new_item {
    width: 111.975px;
  }
  .pc .works .body h2 .new_item span {
    width: 453.975px;
  }
  .pc .works .body .cat {
    margin-bottom: 19.95px;
  }
  .pc .works .body .cat span.color {
    margin: 0 9px;
    font-size: 24px;
    padding: 0 18px;
  }
  .pc .works .body h3 {
    font-size: 24px;
    padding: 0 49.95px;
  }
  .pc .works .body h3 span {
    padding-bottom: 15px;
  }
  .pc .works .body h3 span img {
    margin-right: 15px;
    width: 96.975px;
  }
  .pc .works .body .slide {
    padding: 33px 24% 24px;
  }
  .pc .works .body .slide .image:after {
    border: 3px solid #503830;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    margin: auto;
  }
  .pc .works .body .slide .image img {
    max-width: 100%;
  }
  .pc .works .body .pw_top {
    max-width: 664px;
    margin: 0 auto;
  }
  .pc .works .body .works_btn {
    width: 280.95px;
  }
  .pc .works .body a {
    margin-top: 31.95px;
  }
  .pc .works .exsample_bottom {
    max-width: 980px;
    margin: auto;
    height: 3.6vw;
    margin-top: -1.3%;
  }
  .pc .works .archive.single {
    max-width: 980px;
    margin: auto;
    margin-top: 46px;
    display: block;
  }
  .pc .works .archive.single dl {
    margin-bottom: 60px;
    max-width: 64%;
    margin: auto auto 2em;
  }
  .pc .works .archive.single dl dd {
    padding-left: 24px;
  }
  .pc .works .archive.single dl dd h3 {
    font-size: 24px;
    margin-bottom: 6px;
  }
  .pc .works .archive.single dl dd .cat {
    margin-bottom: 0;
  }
  .pc .works .archive.single dl dd .cat span.color {
    margin-right: 15.975px;
    font-size: 16px;
    padding: 0 15.975px;
  }
  .pc .works .archive.single dl dd .scene {
    margin-bottom: 0;
  }
  .pc .works .archive.single dl dd .desc {
    line-height: 1.5;
    font-size: 18px;
    padding-right: 1em;
  }
  .pc .works .archive.single.works_new {
    display: flex;
    flex-wrap: wrap;
  }
  .pc .works .archive.single.works_new dl {
    flex: 0 33%;
    max-width: 33%;
  }
  .pc .works .archive.single.works_new dl a {
    display: block;
  }
  .pc .works .archive.single.works_new dl a dt, .pc .works .archive.single.works_new dl a dd {
    flex: 0 100%;
    max-width: 100%;
  }
  .pc .works .archive.single.works_new dl:nth-child(3n) {
    padding-left: 1%;
  }
  .pc .works .archive.single.works_new dl:nth-child(3n + 2) {
    padding: 0 0.5%;
  }
  .pc .works .archive.single.works_new dl:nth-child(3n + 1) {
    padding-right: 1%;
  }
  .pc h2.other_work_h2 {
    max-width: 980px;
    margin: auto;
    font-size: 25.95px;
    margin-top: 39.75px;
  }
  .pc .work.single h2 .work_h2 {
    width: 300.975px;
    margin-top: 39.975px;
  }
  .pc .work.single .text {
    max-width: 980px;
    margin: 0 auto 39.975px;
  }
  .pc .work.single .exsample {
    max-width: 980px;
    margin: auto;
    margin-top: 39.975px;
  }
  .pc .work.single .exsample_top {
    max-width: 100%;
    line-height: 0;
    height: 30px;
    margin-bottom: 0;
  }
  .pc .work.single .body {
    max-width: 100%;
    padding: 9.975px 0 0;
    min-height: auto;
  }
  .pc .work.single .body .date {
    font-size: 18px;
    padding-right: 40px;
  }
  .pc .work.single .body .title {
    font-size: 31.95px;
    margin: 0 120px 19.95px;
  }
  .pc .work.single .body h2 {
    margin: 0 49.95px 15.975px;
    font-size: 31.995px;
  }
  .pc .work.single .body h2 .new_item {
    width: 111.975px;
  }
  .pc .work.single .body h2 .new_item span {
    width: 453.975px;
  }
  .pc .work.single .body .cat {
    margin-bottom: 19.95px;
  }
  .pc .work.single .body .cat span.color {
    margin: 0 9px;
    font-size: 24px;
    padding: 0 18px;
  }
  .pc .work.single .body h3 {
    font-size: 24px;
    padding: 0 49.95px;
  }
  .pc .work.single .body h3 .exsample_h3_span_img {
    margin-right: 15px;
    width: 96.975px;
  }
  .pc .work.single .body .slide {
    padding: 33px 24% 24px;
  }
  .pc .work.single .body .slide .image:after {
    border: 3px solid #503830;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    margin: auto;
  }
  .pc .work.single .body .slide .image img {
    max-width: 100%;
  }
  .pc .work.single .body .desc {
    max-width: 664px;
    margin: 0 auto;
  }
  .pc .work.single .exsample_bottom {
    margin-top: 0;
    line-height: 0;
    height: 30px;
    max-width: 100%;
  }
  .pc .work.single .table {
    max-width: 664px;
    margin: 24px auto 30px;
  }
  .pc .work.single .table dl dt, .pc .work.single .table dl dd {
    padding: 9.975px 30px;
    font-size: 24.75px;
  }
  .pc .work.single .sum {
    max-width: 664px;
    margin: auto;
    padding: 0;
    font-size: 31.95px;
  }
  .pc .work.single .sum span {
    font-size: 18px;
  }
  .pc .exsample .body h2 span.border {
    width: 453.975px;
  }
  .pc .voices .hero_voices_pc {
    width: 100%;
  }
  .pc .voices .text {
    max-width: 980px;
    margin: auto;
  }
  .pc .voices .graph {
    margin: 57px auto 0;
    max-width: 980px;
  }
  .pc .voices .graph .canvas {
    min-height: 279px;
    padding-right: 39.975px;
    flex: 0 40%;
    max-width: 40%;
  }
  .pc .voices .graph .canvas #number {
    font-size: 69.975px;
    bottom: 49.95px;
  }
  .pc .voices .graph .list {
    padding: 0 6.9975px;
    flex: 0 60%;
    max-width: 60%;
  }
  .pc .voices .graph .list h3 {
    font-size: 31.95px;
    margin-bottom: 15.975px;
  }
  .pc .voices .graph .list ul li {
    margin-bottom: 21.975px;
    border-radius: 0 30px 30px 0;
    cursor: pointer;
  }
  .pc .voices .graph .list ul li .position {
    font-size: 24px;
    padding: 7.995px;
  }
  .pc .voices .graph .list ul li .position span {
    font-size: 33px;
  }
  .pc .voices .graph .list ul li .name {
    padding: 7.995px 15.9975px;
    border-radius: 0 24px 24px 0;
    font-size: 24px;
  }
  .pc .voices .voice_archives {
    display: flex;
    flex-wrap: wrap;
    margin: 78px 0;
  }
  .pc .voices .voice_archives dl:nth-child(odd) {
    margin-right: 1.5%;
  }
  .pc .voices .voice_archives dl:nth-child(even) {
    margin-left: 1.5%;
  }
  .pc .voices .voice_archives dl {
    flex: 0 48.5%;
    max-width: 48.5%;
    padding: 24px;
    margin-bottom: 33.975px;
  }
  .pc .voices .voice_archives dl dt {
    flex: 0 38.38%;
    max-width: 38.38%;
  }
  .pc .voices .voice_archives dl dt img {
    width: 100%;
  }
  .pc .voices .voice_archives dl dd {
    padding: 0 0 0 25.995px;
    flex: 0 61.62%;
    max-width: 61.62%;
  }
  .pc .voices .voice_archives dl dd h3 {
    font-size: 24px;
    margin-bottom: 7.995px;
  }
  .pc .voices .voice_archives dl dd .excerpt {
    font-size: 18px;
  }
  .pc .voice.single h2 {
    margin: 7.995px 45.9975px;
  }
  .pc .voice.single h2 .voice_h2 {
    max-width: 649.5px;
  }
  .pc .voice.single h3 {
    padding: 18px;
    font-size: 36px;
    margin-bottom: 39.975px;
  }
  .pc .voice.single .kanso {
    border: 7.95px solid #503830;
    padding: 24px 31.95px;
    max-width: 980px;
    margin: auto;
    margin-bottom: 30px;
  }
  .pc .voice.single .kanso h4 {
    margin-left: -36px;
    font-size: 31.95px;
    text-align: left;
  }
  .pc .voice.single .kanso h4 .h4_kanso {
    max-width: 232.95px;
  }
  .pc .voice.single .reply {
    padding: 39.975px;
    padding-right: 150px;
    max-width: 980px;
    margin: auto;
    margin-bottom: 60px;
  }
  .pc .voice.single .reply h5 {
    font-size: 27.975px;
    max-width: 229.5px;
    margin-bottom: 33.975px;
  }
  .pc .voice.single .reply .face {
    right: 39.975px;
    bottom: 30px;
    width: 90px;
    height: 90px;
    border-radius: 90px;
  }
  .pc .voice.single h4 {
    font-size: 31.95px;
    max-width: 980px;
    text-align: center;
    margin: auto;
  }
  .pc .voice.single .anke {
    max-width: 980px;
    margin: auto;
  }
  .pc .voice.single .anke .image {
    max-width: 588px;
    margin: auto;
    margin-bottom: 60px;
  }
  .pc .voice.single .anke .image img {
    max-width: 100%;
  }
  .pc .paging_pn {
    margin: 60px auto;
  }
  .pc .paging_pn li.btn {
    font-size: 31.95px;
    padding: 0 33.975px;
  }
  .pc .paging_pn li.btn span {
    font-size: 39.975px;
    top: -1.995px;
  }
  .pc .paging_pn li.btn a {
    letter-spacing: 1.995px;
  }
  .pc .paging_pn li.prev span {
    left: 49.95px;
  }
  .pc .paging_pn li.next span {
    right: 49.95px;
  }
  .pc .about .about_h2_text01 {
    max-width: 561.975px;
  }
  .pc .about .about_h2_text02 {
    max-width: 222px;
  }
  .pc .about .about_h2_text03 {
    max-width: 325.95px;
  }
  .pc .about .about_logo {
    max-width: 339.45px;
    margin-bottom: 16px;
  }
  .pc .about .about_box {
    max-width: 980px;
    margin: auto;
    padding: 79.95px;
    margin-bottom: 67.95px;
  }
  .pc .about .about_info dt, .pc .about .about_info dd {
    padding: 24px 18px;
  }
  .pc .about .about_greet {
    padding: 24px 0;
    max-width: 980px;
    margin: auto;
    margin-bottom: 60px;
    background: url(../images/about_greet_bg.jpg) no-repeat center center / 100%;
  }
  .pc .about .about_greet .text {
    width: 100%;
    padding-left: 48%;
  }
  .pc .maps iframe {
    min-height: 350px;
  }
  .pc .our_sdgs h2.blueback {
    margin-bottom: 39.975px;
  }
  .pc .our_sdgs h2.blueback div {
    padding: 18.975px;
    font-size: 36px;
    border-radius: 7.995px;
  }
  .pc .our_sdgs h2.blueback span {
    top: -19.5px;
    right: 33px;
  }
  .pc .our_sdgs h2.blueback span img {
    max-width: 79.95px;
  }
  .pc .our_sdgs .text {
    max-width: 980px;
    margin: auto auto 39.975px;
  }
  .pc .our_sdgs .pc {
    text-align: center;
  }
  .pc .our_sdgs .archive {
    margin-top: 86px;
  }
  .pc .our_sdgs .archive .icon {
    margin-bottom: 54px;
  }
  .pc .our_sdgs .archive .icon img {
    max-width: 180px;
  }
  .pc .our_sdgs .archive h3 {
    font-size: 31.95px;
    margin-bottom: 7.95px;
  }
  .pc .our_sdgs .archive .desc {
    max-width: 980px;
    margin: auto auto 39.75px;
  }
  .pc .our_sdgs .archive h4 {
    font-size: 25.95px;
    margin-bottom: 24px;
  }
  .pc .our_sdgs .archive .items {
    max-width: 980px;
    margin: auto;
  }
  .pc .our_sdgs .archive .items dl {
    margin-bottom: 45.975px;
  }
  .pc .our_sdgs .archive .items dl a {
    padding: 24px;
  }
  .pc .our_sdgs .archive .items dl a dt {
    flex: 0 18%;
    max-width: 18%;
  }
  .pc .our_sdgs .archive .items dl a dt img {
    width: 100%;
  }
  .pc .our_sdgs .archive .items dl a dd {
    flex: 0 82%;
    max-width: 82%;
    padding-left: 33.975px;
  }
  .pc .our_sdgs .archive .items dl a dd .sdgs_cat span {
    padding: 0 30px;
    font-size: 16px;
  }
  .pc .our_sdgs .archive .items dl a dd .title {
    font-size: 24px;
  }
  .pc .our_sdgs .archive .items dl a dd .body {
    font-size: 18px;
  }
  .pc .sdgs {
    padding-bottom: 0;
  }
  .pc .sdgs .report {
    margin-top: 39.75px;
  }
  .pc .sdgs .report dt {
    flex: 0 46%;
    max-width: 46%;
    text-align: right;
    padding-right: 1em;
  }
  .pc .sdgs .report dt img {
    max-width: 80px;
  }
  .pc .sdgs .report dd {
    flex: 0 54%;
    max-width: 54%;
    font-size: 27.975px;
    justify-content: flex-start;
  }
  .pc .sdgs .project {
    text-align: center;
  }
  .pc .sdgs .project .name {
    display: inline-block;
    margin-top: 46px;
    padding: 0 24px;
  }
  .pc .sdgs .project .title {
    margin-top: 36px;
    font-size: 67.95px;
  }
  .pc .sdgs .project .sub_title {
    font-size: 36px;
    margin-bottom: 54px;
  }
  .pc .sdgs .project .eyecatch {
    text-align: center;
    max-width: 700px;
    margin: auto;
  }
  .pc .sdgs .project .desc {
    max-width: 700px;
    margin: auto;
  }
  .pc .choose .hero {
    margin-bottom: 52px;
  }
  .pc .choose .feature {
    margin-top: 100px;
  }
  .pc .qa h2 {
    margin-bottom: 45.975px;
  }
  .pc .qa h2 .h2_qa {
    max-width: 702.975px;
  }
  .pc .qa .qa_body {
    max-width: 980px;
    margin: auto;
  }
  .pc .qa .qa_body dt {
    padding: 36px 99.75px;
    font-size: 31.95px;
  }
  .pc .qa .qa_body dt:after {
    width: 90px;
    height: 120px;
    top: -31.95px;
    left: -4.95px;
  }
  .pc .qa .qa_body dd {
    padding: 19.95px 72px;
    font-size: 24px;
    margin-bottom: 61.95px;
  }
  .pc .qa .qa_body dd:after {
    width: 42px;
    height: 42px;
    top: -9.975px;
    left: 12px;
  }
  .pc .qa h3 {
    margin-bottom: 39.975px;
  }
  .pc .qa h3 .h3_qa_form {
    width: 537.975px;
  }
  .pc .qa .contact {
    padding-top: 0;
  }
  .pc .qa .notice {
    margin-bottom: 81.975px;
  }
  .pc .contact {
    padding: 54px 84px;
  }
  .pc .contact .dm_check {
    padding-left: 24.975px;
  }
  .pc .contact .dm_check:before {
    width: 15.9975px;
    height: 15.9975px;
  }
  .pc .contact h2 .contact_h2 {
    max-width: 472.95px;
  }
  .pc .contact span.req {
    margin-left: 21px;
  }
  .pc .contact .submit {
    margin-bottom: 49.95px;
  }
  .pc .contact .submit input[type="submit"] {
    width: 417px;
    height: 109.5px;
    cursor: pointer;
  }
  .pc .contact input[type="text"], .pc .contact input[type="email"], .pc .contact input[type="tel"], .pc .contact textarea {
    padding: 24px;
    font-size: 21px;
  }
  .pc .contact dl {
    margin-bottom: 31.95px;
  }
  .pc .contact dl.check dt {
    margin-bottom: 24px;
  }
  .pc .contact dl.file dd {
    height: 54.975px;
  }
  .pc .contact dl.file dd input {
    width: 205.95px;
    height: 54.975px;
  }
  .pc .contact dl.file dd:before {
    font-size: 24px;
    width: 205.95px;
    height: 54.975px;
  }
  .pc .contact .mainform {
    max-width: 980px;
    margin: auto;
    margin-top: 31.95px;
  }
  .pc .contact .mainform h3 {
    font-size: 24px;
    margin-bottom: 7.95px;
  }
  .pc .wpcf7-checkbox input[type="checkbox"] + span:after, .pc .wpcf7-checkbox input[type="checkbox"] + span:before, .pc .wpcf7-checkbox input[type="checkbox"] {
    width: 15.9975px;
    height: 15.9975px;
  }
  .pc .wpcf7-list-item-label {
    margin-left: 24.975px;
  }
  .pc .single_post .title {
    font-size: 33.975px;
    border-left: 12px solid #503830;
    border-bottom: 1px solid #503830;
    color: #503830;
    padding-left: 15.975px;
    margin: 24px 0 12px;
  }
  .pc .single_post .date {
    padding-left: 31.95px;
  }
  .pc .single_post .desc {
    padding-left: 31.95px;
    font-size: 24px;
    margin: 31.95px 0;
  }
  .pc .fixed_bm {
    height: 36px;
  }
  .pc .contact_close_btn_img {
    max-width: 354px;
  }
  .sp {
    display: none;
  }
  body.sp, body.sp .sp {
    display: block;
  }
  .logo {
    max-width: 427px;
  }
  .wrapper {
    max-width: 1280px;
    margin: auto;
    padding: 36px;
  }
  .hero_img, .hero_bottom_img {
    max-width: 702px;
  }
  .hero_bottom_text02 {
    color: #503830;
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    margin: 32px 0 28px;
  }
  .hero_bottom_text02 + .text {
    font-size: 15px;
  }
  .intro01 .intro01_text01 {
    max-width: 325px;
  }
  .intro01 .intro01_text01 {
    margin: 44px auto 23px;
  }
  .intro01 .intro01_text02 {
    max-width: 102px;
    margin: 24px auto 56px;
  }
  .intro02 {
    text-align: center;
  }
  .intro02 .intro02 {
    width: auto;
    margin: auto;
  }
  .intro02 .intro02_img01.pc {
    margin-bottom: 46px;
    max-width: 628px;
  }
  .intro02 .intro02_img02.pc {
    margin-bottom: 43px;
  }
  .intro02 .intro02_img03.pc {
    margin-bottom: 24px;
  }
  .intro02 .intro02_img04.pc {
    margin-bottom: 18px;
  }
  .point {
    max-width: 980px;
    margin: auto;
  }
  .point dt {
    text-align: left;
  }
  .point dd {
    width: 100%;
    height: 210px;
    padding: 34px 40px;
    line-height: 1.5;
    background: url(../images/point_bg_pc.jpg) no-repeat top left / 100%;
    margin-bottom: 24px;
  }
  .point dd h3 {
    font-size: 30px;
  }
  .point .point_img {
    max-width: 546px;
  }
  .ecobag h2 {
    margin-top: 0;
    margin-bottom: 57px;
  }
  .ecobag .hero + h2 img {
    width: 558.9975px;
  }
  .ecobag .ecobag_h3_text01, .ecobag .ecobag_h3_text02 {
    margin: 37.95px auto;
  }
  .ecobag .ecobag_h3_text01 img, .ecobag .ecobag_h3_text02 img {
    width: 544.95px;
  }
  .ecobag .ecobag_2cal_h {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15.975px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
  .ecobag .ecobag_2cal {
    max-width: 980px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ecobag .ecobag_2cal .text, .ecobag .ecobag_2cal .image {
    flex: 0 50%;
    max-width: 50%;
  }
  .ecobag .ecobag_2cal .image {
    align-items: flex-start;
  }
  .ecobag .ecobag_2cal .image img {
    width: 48.5%;
    max-width: 334px;
  }
  .ecobag .ecobag_2cal .text {
    margin-bottom: 48px;
    padding-right: 1.5em;
    text-align: justify;
    font-size: 20px;
    line-height: 1.8;
  }
  .ecobag .ecobag_2cal.reverse {
    flex-direction: row-reverse;
  }
  .ecobag .ecobag_2cal.reverse .image {
    padding-right: 1.5em;
  }
  .ecobag .ecobag_2cal.reverse .text {
    padding: 0;
  }
  .ecobag .ecobag_2cal.reverse .image.full {
    flex: 0 50%;
    max-width: 50%;
  }
  .ecobag .ecobag_2cal.reverse .image.full img {
    width: 100%;
    max-width: 100%;
  }
  .ecobag .ecobag_fetures {
    max-width: 980px;
    margin: auto;
  }
  .ecobag .ecobag_fetures .h4_text01, .ecobag .ecobag_fetures .h4_text02, .ecobag .ecobag_fetures .h4_text03, .ecobag .ecobag_fetures .h4_text04 {
    margin-top: 36px;
    margin-bottom: 15.9975px;
  }
  .ecobag .ecobag_fetures .h4_text01 img, .ecobag .ecobag_fetures .h4_text02 img, .ecobag .ecobag_fetures .h4_text03 img, .ecobag .ecobag_fetures .h4_text04 img {
    width: 100%;
    max-width: 588px;
  }
  .ecobag .ecobag_fetures p {
    margin-bottom: 15.9975px;
    font-size: 20px;
  }
  .ecobag .ecobag_fetures .image {
    max-width: 745px;
    margin: auto;
    height: auto;
  }
  .ecobag .ecobag_fetures .image + span {
    font-size: 18px;
  }
  .ecobag .slide_bottom {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 48px;
  }
  .ecobag .slide_bottom .right img {
    max-width: 480px;
    margin-bottom: 30px;
  }
  .ecobag .slide_bottom p {
    padding-left: 30px;
  }
  .ecobag .slide_bottom p.left_p {
    font-weight: bold;
    font-size: 24px;
  }
  .ecobag .slide_bottom p.left_p span {
    font-size: 16px;
  }
  .ecobag .slide_bottom h4 {
    font-size: 26px;
  }
  .ecobag .sns {
    padding-bottom: 86px;
  }
  .ecobag .sns h3 {
    margin-bottom: 25.95px;
  }
  .ecobag .sns h3 img {
    width: 489.75px;
  }
  .ecobag .sns .gal {
    max-width: 934px;
    margin: auto;
  }
  .ecobag .sns .gal img {
    width: 32%;
    margin-bottom: 2%;
  }
  .eco_slide {
    margin-top: 49.95px;
  }
  .eco_slide .image {
    max-width: 450px;
    max-height: 296px;
    height: auto;
    overflow: hidden;
  }
  .eco_slide .image img {
    width: 100%;
    height: auto;
  }
  .ecobag_bottom_contact {
    padding: 0 24px 48px;
  }
  .ecobag_bottom_contact h2 {
    margin: 0 -24px;
    padding: 15px;
  }
  .ecobag_bottom_contact h2:after {
    border-width: 22.995px 22.995px 0 22.995px;
    bottom: -22.5px;
  }
  .ecobag_bottom_contact .form.contact {
    padding: 60px 22.5px 22.5px;
    max-width: 980px;
    margin: auto;
  }
  .ecobag_bottom_contact .submit {
    margin: 63.975px auto 48px;
  }
  .ecobag_bottom_contact .submit button {
    width: 354.975px;
    height: 93.975px;
    transition: 0.5s;
    position: relative;
    left: 0;
  }
  .ecobag_bottom_contact .submit button:hover {
    left: 1em;
    cursor: pointer;
  }
  .ecobag_bottom_contact hr {
    height: 3px;
  }
  .ecobag_bottom_contact .attention h3 {
    margin-top: 36px;
    margin-bottom: 18px;
  }
  .one_eco_a_day .hero_bottom_text {
    max-width: 978px;
    margin: auto;
    font-size: 16px;
  }
  .one_eco_a_day .explain {
    max-width: 673px;
    margin: 60px auto 0;
    font-size: 16px;
  }
  .one_eco_a_day .explain .text {
    margin-top: 26px;
  }
  .one_eco_a_day .one_eco_list {
    display: flex;
    flex-wrap: wrap;
    padding: 46px 0 120px;
  }
  .one_eco_a_day .one_eco_list li {
    flex: 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
    font-size: 24px;
    padding: 6px 16px 6px 42px;
    margin-bottom: 34px;
  }
  .one_eco_a_day .one_eco_list li:after {
    content: "";
    width: 14px;
    height: 16px;
    left: 18px;
  }
  .one_eco_a_day .one_eco_list li:nth-child(odd) {
    margin-right: 20px;
  }
  .one_eco_a_day .one_eco_list li:nth-child(even) {
    margin-left: 20px;
  }
  .one_eco_a_day + .contact.wrapper {
    max-width: 100%;
  }
  .one_eco_a_day + .contact.wrapper .above_form {
    max-width: 673px;
    margin: auto;
  }
  .one_eco_a_day + .contact.wrapper .above_form .desc {
    font-size: 16px;
  }
  .one_eco_a_day + .contact.wrapper .mainform .notice {
    padding: 36px 48px;
    font-size: 16px;
    margin: 48px auto 100px;
    max-width: 673px;
  }
}
@media screen and (max-width: 999px) {
  .pc .members .hero_bottom {
    max-width: 100%;
  }
  .members .sitems {
    justify-content: center;
  }
  .members .sitems .sitem {
    max-width: 43.043043043vw;
    border: 0.3003003003vw solid #000;
    padding: 2.8028028028vw;
    margin-bottom: 12.012012012vw;
  }
  .members .sitems .sitem a.image, .members .sitems .sitem span.image {
    border: 0.3003003003vw solid #000;
  }
  .members .sitems .sitem .wbord {
    border: 0.3003003003vw solid #000;
    margin-top: 2.4024024024vw;
    padding: 2.002002002vw;
  }
  .members .sitems .sitem .wbord .title {
    font-size: 3.8038038038vw;
    border-bottom: 0.3003003003vw solid #000;
  }
  .members .sitems .sitem .wbord .pos {
    font-size: 2.4024024024vw;
    margin-top: 0.8008008008vw;
  }
  .members .sitems .sitem .wbord .link {
    margin-top: 0.6006006006vw;
  }
  .members .sitems .sitem .wbord .link img {
    max-width: 10.5105105105vw;
  }
  .members .sitems .sitem .wbord .link a:hover {
    left: 0.3em;
  }
  .members.single {
    padding-top: 2.4024024024vw;
  }
  .members.single .sitems .sitem {
    max-width: 58.0580580581vw;
  }
  .members.single .sitems .sitem .wbord .title span {
    font-size: 2.4024024024vw;
  }
  .members.single .sitems .sitem .eco_txt h5, .members.single .sitems .sitem .zayu h5 {
    font-size: 2.4024024024vw;
    padding: 1.001001001vw;
    width: 20vw;
    margin-top: 1.2012012012vw;
  }
  .members.single .sitems .sitem .eco_txt p, .members.single .sitems .sitem .zayu p {
    font-size: 1.8018018018vw;
    padding-bottom: 3.4034034034vw;
    margin-top: 1.2012012012vw;
  }
  .members.single .sitems .sitem .eco_txt {
    border-bottom: 0.3003003003vw solid #000;
  }
  .members.single .sitems .sitem .zayu p {
    font-size: 2.4024024024vw;
  }
}
@media screen and (max-width: 750px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  body.pc {
    display: block;
  }
  .members .sitems .sitem .wbord .title {
    font-size: 3.8666666667vw;
  }
  .members .sitems .sitem .wbord .pos {
    font-size: 2.6666666667vw;
  }
  .members .sitems .sitem .wbord .link img {
    max-width: 12.6666666667vw;
  }
  .members.single .sitems .sitem .wbord .title {
    font-size: 4vw;
  }
  .members.single .sitems .sitem .wbord .title span {
    font-size: 2.404vw;
  }
  .members.single .sitems .sitem .wbord .pos {
    font-size: 2.6666666667vw;
  }
  .members.single .sitems .sitem .wbord .eco_txt h5, .members.single .sitems .sitem .wbord .zayu h5 {
    font-size: 2.9333333333vw;
  }
  .members.single .sitems .sitem .wbord .eco_txt p, .members.single .sitems .sitem .wbord .zayu p {
    font-size: 2.6666666667vw;
  }
}