.clear:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clear {
    min-height: 1px;
}

* html .clear {
    height: 1px;
    /*\*/
    /*/
    height: auto;
    overflow: hidden;
    /**/
}

.ce {
    text-align: center;
}

.rr {
    text-align: right;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f30 {
    font-size: 30px;
}

.f40 {
    font-size: 40px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt100 {
    margin-top: 100px;
}


/* 詳細ページリンク automatic*/
section#automatic .block5 {
    margin-top: 100px;
}

section#automatic .block5 ul li {
    position: relative;
    display: inline-block;
    margin: 3px 7px;
}

section#automatic .block5 ul li span {
    display: block;
    position: absolute;
    left: -10px;
    top: -15px;
    padding: 9px 6px;
    border-radius: 50%;
    background: #cc2020;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    z-index: 3;
}

section .block5 {
    margin-top: 100px;
}

section .block5 ul li {
    position: relative;
    display: inline-block;
    margin: 3px 7px;
}

.block5 ul li img {
    width: 100%;
}

.block5 ul li a {
    position: relative;
    display: table-cell;
    width: 230px;
    border-radius: 5px;
    border: 2px solid #008cce;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}

.block5 ul li a::after {
    position: absolute;
    bottom: 2px;
    right: 2px;
    content: '';
    border: 12px solid;
    border-color: transparent #008cce #008cce transparent;
    transition: all .3s;
}

.block5 ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 43px;
    padding: 8px 0;
    border-top: 1px solid #ccc;
    opacity: 0.7;
}

.block5 ul li p.lng {
    line-height: 1.1;
}

.block5 ul li a:hover::after {
    right: -1em;
    bottom: -1em;
}

.block5 p.linktitle {
    position: relative;
    font-size: 1.3em;
    padding: 2px 5px;
    margin-bottom: 16px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

.block5 p.linktitle:after {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    border: 15px solid;
    border-color: transparent #008cce #008cce transparent;
}

span.new_mark {
    position: absolute;
    top: -88px;
    left: -83px;
}


header {
    border-bottom: solid 1px #ddd;
}

section {
    background: rgba(255, 255, 255, 0.9);
}

section.contact {
    border-top: solid 1px #ddd;
    width: 100%;
}

h1 {
    border-bottom: solid 1px #999;
    font-size: 30px;
    padding: 0 0 3px 0;
    margin: 0 0 50px 0;
    font-weight: bold;
}

h2 {
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px 0;
}

.container {
    width: 1000px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
}

.container .block {
    margin: 0 0 80px 0;
}

#module h2,
#truck h2,
#partition h2,
#process h2,
#order h2 {
    border-radius: 1.5em;
    background: #CCC;
}



/* horei */
section#horei {
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
}

section#horei .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    background: #f2f2f2;
}

section#horei .main .content {
    background: url('../img/information/horei/main.png') no-repeat right center;
    padding: 80px 0 50px 0;
    width: 1000px;
    margin: 0 auto;
}

section#horei h1 {
    border: none;
    font-size: 40px;
    margin: 0 0 20px 0;
    line-height: 1;
}

section#horei h2 {
    color: #5085c5;
    font-size: 24px;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

section#horei .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border: solid 2px #5085c5;
    border-radius: 150px;
    display: table-cell;
    vertical-align: middle;
}

section#horei .image {
    margin: 30px 0 0 0;
}

section#horei .image img {
    margin: 0 20px;
    vertical-align: bottom;
}

section#horei .title {
    font-weight: bold;
    font-size: 20px;
}

section#horei .feature_title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #5085c5;
    width: 80px;
    height: 80px;
    border: solid 2px #5085c5;
    border-radius: 80px;
    display: table-cell;
    vertical-align: middle;
    margin: 0 0 100px 0;
}

section#horei .feature1 {
    float: left;
    width: 440px;
}

section#horei .feature1 img {
    padding: 46px 0 0 0;
}

section#horei .feature2 {
    float: left;
    width: 510px;
    margin: 0 0 0 50px;
}

section#horei .feature1 .text,
section#horei .feature2 .text {
    background: #005bac;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    margin: 20px 0 0 0;
}

section#horei .voice {
    background: #fff;
    border: solid 3px #005bac;
    border-radius: 5px;
}

section#horei .voice .title {
    background: #005bac;
    color: #fff;
    padding: 0 0 0 20px;
}

section#horei .voice .title2 {
    font-size: 18px;
    font-weight: bold;
    padding: 20px 20px 0 20px;
}

section#horei .voice .text {
    padding: 10px 20px 20px 20px;
}




/* jieitai */
section#jieitai {
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
}

section#jieitai .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    background: #f2f2f2;
}

section#jieitai .main .content {
    background: url('../img/information/jieitai/main.png') no-repeat right 20px;
    padding: 80px 0 50px 0;
    width: 1000px;
    margin: 0 auto;
}

section#jieitai h1 {
    border: none;
    font-size: 40px;
    margin: 0 0 20px 0;
    line-height: 1;
}

section#jieitai h2 {
    color: #759874;
    font-size: 24px;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

section#jieitai .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border: solid 2px #759874;
    border-radius: 150px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}

section#jieitai h3 {
    color: #fff;
    font-size: 24px;
    padding: 0 0 0 20px;
    background: #595757;
    border-radius: 5px;
    margin: 0 0 30px 0;
}

section#jieitai .block1 {
    margin: 0 0 20px 0;
    padding: 0 80px;
    overflow: hidden;
}

section#jieitai .block1 .image1 {
    width: 389px;
    float: left;
    text-align: right;
    font-size: 12px;
}

section#jieitai .block1 .image2 {
    margin: -10px 0 0 160px;
    width: 289px;
    float: left;
    text-align: right;
    font-size: 12px;
}

section#jieitai .block2 {
    padding: 0 80px;
    margin: 0 0 40px 0;
    overflow: hidden;
}

section#jieitai .block2 .text {
    width: 600px;
    float: left;
    color: #759874;
    font-size: 20px;
    font-weight: bold;
}

section#jieitai .block2 .image {
    width: 218px;
    float: left;
}

section#jieitai .block3 {
    padding: 0 80px;
    margin: 0 0 80px 0;
    overflow: hidden;
}

section#jieitai .block3 .title {
    border: solid 1px #759874;
    text-align: center;
    font-size: 18px;
    margin: 0 0 30px 0;
}

section#jieitai .block3 .left {
    width: 380px;
    float: left;
    text-align: center;
}

section#jieitai .block3 .left img {
    margin: 20px 5px 0 5px;
}

section#jieitai .block3 .right {
    width: 380px;
    float: left;
    margin: 0 0 0 80px;
    text-align: center;
    font-size: 14px;
}

section#jieitai .block3 .right .text1 {
    float: left;
    width: 130px;
    text-align: left;
    margin: 0 0 0 45px;
    line-height: 1.2;
}

section#jieitai .block3 .right .text2 {
    float: left;
    width: 130px;
    text-align: left;
    margin: 0 0 0 35px;
    line-height: 1.2;
}

section#jieitai .block3 .right .image {
    margin: 20px 0 0 80px;
    float: left;
    width: 89px;
}

section#jieitai .block3 .right .text3 {
    margin: 35px 0 0 10px;
    float: left;
    width: 150px;
    text-align: left;
    line-height: 1.2;
}

section#jieitai .block5 ul li p span {
    font-size: 0.7em;
}

section#jieitai .naire {
    padding: 30px 50px;
    background: #595757 url('../img/information/jieitai/image8.png') no-repeat right 50px bottom 20px;
    min-height: 330px;
    color: #fff;
}

section#jieitai .naire .title {
    color: #fdd000;
    font-size: 24px;
    font-weight: bold;
}

/* 詳細ページリンク jieitai*/
section#jieitai .block5 {
    margin-top: 100px;
}

section#jieitai .block5 ul li {
    display: inline-block;
    margin: 3px 7px;
}

section#jieitai .block5 ul li a {
    border: 2px solid #63a22b;
}

section#jieitai .block5 ul li a::after {
    border-color: transparent #63a22b #63a22b transparent;
}

section#jieitai .block5 ul li p {
    color: #FFF;
    background: #233e27;
    z-index: 2;
}

section#jieitai .block5 p.linktitle:after {
    border-color: transparent #aacd23 #aacd23 transparent;
}



/* douden */
section#douden {
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
}

section#douden .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    background: #f2f2f2;
}

section#douden .main .content {
    background: url('../img/information/douden/main.png') no-repeat right 20px;
    padding: 80px 0 50px 0;
    width: 1000px;
    margin: 0 auto;
}

section#douden h1 {
    border: none;
    font-size: 40px;
    margin: 0 0 20px 0;
    line-height: 1;
}

section#douden h1 span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

section#douden h2 {
    color: #717071;
    font-size: 24px;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

section#douden .main .text {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.4;
}

section#douden .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border: solid 2px #717071;
    border-radius: 150px;
    display: table-cell;
    vertical-align: middle;
}

section#douden h3 {
    color: #fff;
    font-size: 24px;
    padding: 0 0 0 20px;
    background: #595757;
    border-radius: 5px;
    margin: 0 0 30px 0;
}

section#douden .left {
    width: 670px;
    float: left;
}

section#douden .left .title {
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px #999;
    margin: 0 0 20px 0;
}

section#douden .left ul {
    margin: 0 0 30px 0;
}

section#douden .right {
    width: 260px;
    float: left;
    margin: 0 0 0 70px;
}

section#douden .right .title {
    text-align: right;
    font-weight: bold;
}

section#douden h3 {
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    background: #595757;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 0 0 30px 0;
}

section#douden h3 span {
    font-size: 14px;
    float: right;
    padding: 10px 0 0 0;
}

section#douden .item {
    overflow: hidden;
}

section#douden .item li {
    width: 490px;
    display: inline-block;
    margin: 0 0 40px 0;
    overflow: hidden;
}

section#douden .item li:nth-child(even) {
    margin: 0 0 40px 20px;
}

section#douden .item li .image {
    width: 214px;
    float: left;
}

section#douden .item li table {
    width: 261px;
    float: left;
    margin: 0 0 0 5px;
    font-size: 14px;
}

section#douden .item li table td {
    text-align: left;
    border: solid 1px #999;
    padding: 0 5px;
    width: 155px;
}

section#douden .item li table th {
    text-align: center;
    border: solid 1px #999;
    background: #eee;
}

/* 詳細ページリンク jieitai*/
section#douden .block5 {
    margin-top: 100px;
}

section#douden .block5 ul li {
    display: inline-block;
    margin: 3px 7px;
}

section#douden .block5 ul li a {
    border: 2px solid #717071;
}

section#douden .block5 ul li a::after {
    border-color: transparent #717071 #717071 transparent;
}

section#douden .block5 ul li p {
    color: #FFF;
    background: #231815;
    z-index: 1;
}

section#douden .block5 p.linktitle:after {
    border-color: transparent #717071 #717071 transparent;
}



/* green-label */
section#green-label {
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
}

section#green-label .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    background: #f2f2f2;
}

section#green-label .main .content {
    background: url('../img/information/green-label/main.png') no-repeat right bottom;
    padding: 80px 0 50px 0;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

section#green-label h1 {
    border: none;
    font-size: 40px;
    margin: 0 0 20px 0;
    line-height: 1;
}

section#green-label h1 span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

section#green-label h2 {
    color: #aacd23;
    font-size: 24px;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

section#green-label .main .text {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.4;
}

section#green-label .catch_wrapper {
    position: absolute;
    top: 60px;
    right: 0;
}

section#green-label .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border: solid 2px #aacd23;
    border-radius: 150px;
    display: table-cell;
    vertical-align: middle;
}

section#green-label .main2 {}

section#green-label .main2 .image {
    margin: 0 0 10px 35px;
}

section#green-label .main2 .text1 {
    float: left;
    width: 150px;
    text-align: center;
}

section#green-label .main2 .text2 {
    float: left;
    width: 150px;
    text-align: center;
    margin: 0 0 0 5px;
}

section#green-label .logo {
    position: absolute;
    top: 130px;
    left: 390px;
    width: 170px;
}

section#green-label .logo .image {
    margin: 0 0 10px 0;
    text-align: center;
}

section#green-label .logo .text {
    font-size: 12px;
}

section#green-label .block1 {
    overflow: hidden;
    margin: 0 0 80px 0;
}

section#green-label .block1 .title {
    font-weight: bold;
    font-size: 30px;
    margin: 0 0 50px 0;
    line-height: 1.4;
    border-bottom: solid 1px #999;
}

section#green-label .block1 .left {
    float: left;
    width: 500px;
    text-align: center;
}

section#green-label .block1 .left .image {
    margin: 30px 0 0 0;
}

section#green-label .block1 .right {
    float: left;
    width: 500px;
    text-align: center;
}

section#green-label .block1 .right .text {
    width: 370px;
    text-align: left;
    margin: 10px 0 0 70px;
}

section#green-label .block2 {
    overflow: hidden;
    margin: 0 0 80px 0;
}

section#green-label .block2 .title {
    background: #aacd23;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 20px 0;
}

section#green-label .block2 .left {
    float: left;
    width: 480px;
    text-align: center;
}

section#green-label .block2 .left .image {
    margin: 30px 0 0 0;
}

section#green-label .block2 .right {
    float: left;
    width: 480px;
    text-align: center;
    margin: 0 0 0 40px;
}

section#green-label .block2 .text {
    text-align: left;
}

section#green-label .block2 .left .text {
    margin: 0 0 50px 0;
}

section#green-label .block3 {
    overflow: hidden;
    background: #dcdcdc;
    padding: 30px 80px;
    margin: 0 0 80px 0;
}

section#green-label .block3 ul {
    margin: 0 0 30px 0;
    overflow: hidden;
}

section#green-label .block3 li {
    float: left;
    width: 185px;
    margin: 0 0 0 33px;
}

section#green-label .block3 li:first-child {
    margin: 0;
}

section#green-label .block3 li .text {
    line-height: 1.4;
    margin: 10px 0 0 0;
}

section#green-label .block3 .box1 {
    float: left;
    width: 400px;
    text-align: center;
}

section#green-label .block3 .box1 img {
    vertical-align: bottom;
    margin: 0 0 25px 0;
}

section#green-label .block3 .box2 {
    float: left;
    width: 140px;
    text-align: center;
    margin: 0 0 0 40px;
}

section#green-label .block3 .box3 {
    float: left;
    width: 210px;
    margin: 0 0 0 50px;
}

section#green-label .block4 {
    text-align: center;
}

section#green-label .block4 img {
    margin: 0 20px;
}

/* 詳細ページリンク green-label*/
section#green-label .block5 {
    margin-top: 100px;
}

section#green-label .block5 ul li {
    display: inline-block;
    margin: 3px 7px;
}

section#green-label .block5 ul li a {
    border: 2px solid #63a22b;
}

section#green-label .block5 ul li a::after {
    border-color: transparent #63a22b #63a22b transparent;
}

section#green-label .block5 ul li p {
    color: #FFF;
    background: #60776c;
    border-top: 1px solid #aaa;
    opacity: 0.8;
    z-index: 2;
}

section#green-label .block5 p.linktitle:after {
    border-color: transparent #aacd23 #aacd23 transparent;
}



/* automatic */
section#automatic {
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
}

section#automatic .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    background: #f2f2f2;
}

section#automatic .main .content {
    background: url('../img/information/automatic/main.png') no-repeat right bottom;
    padding: 80px 0 50px 0;
    width: 1000px;
    margin: 0 auto;
}

section#automatic h1 {
    border: none;
    font-size: 40px;
    margin: 0 0 20px 0;
    line-height: 1;
}

section#automatic h1 span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

section#automatic h2 {
    color: #008cce;
    font-size: 24px;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

section#automatic .main .text {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.4;
}

section#automatic .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border: solid 2px #008cce;
    border-radius: 150px;
    display: table-cell;
    vertical-align: middle;
}

section#automatic h3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #008cce;
    margin: 0 0 30px 0;
}

section#automatic .block1 {
    margin: 0 0 80px 0;
    text-align: center;
}

section#automatic .block1 img {
    margin: 0 60px;
    vertical-align: middle;
}

section#automatic .block1 .text {
    margin: 0 0 20px 0;
    text-align: right;
}

section#automatic .block1 ul {
    margin: 20px 0;
    text-align: left;
}

section#automatic .block1 .fr {
    float: right;
    margin: 0 0 0 30px;
}

section#automatic .block1 .fr img {
    margin: 0;
}

/* 詳細ページリンク automatic*/
section#automatic .block5 {
    margin-top: 100px;
}

section#automatic .block5 ul li {
    display: inline-block;
    margin: 3px 7px;
}

section#automatic .block5 ul li a {
    border: 2px solid #008cce;
}

section#automatic .block5 ul li a::after {
    border-color: transparent #008cce #008cce transparent;
}

section#automatic .block5 ul li p {
    color: #FFF;
    background: #2d4a63;
    opacity: 0.7;
    z-index: 2;
}

section#automatic .block5 p.linktitle:after {
    border-color: transparent #008cce #008cce transparent;
}



/* antibacterial */
section#antibacterial {
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
}

section#antibacterial .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    /* background : #f2f2f2; */
    background: linear-gradient(to bottom, #bee1ff 0%, #fff 90%);
}

section#antibacterial .main .content {
    position: relative;
    background: url('../img/information/antibacterial/main.png') no-repeat right -30px bottom;
    padding: 80px 0 50px 0;
    width: 1000px;
    margin: 0 auto;
}

.siaa_mark_main {
    position: absolute;
    top: 10px;
    left: 200px;
    display: block;
}

.siaa_mark_main img {
    height: 150px;
}

section#antibacterial h1 {
    border: none;
    font-size: 40px;
    margin: 0 0 20px 0;
    line-height: 1;
}

section#antibacterial h1 span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

section#antibacterial h2 {
    color: #718cc6;
    font-size: 24px;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

section#antibacterial .main .text {
    font-size: 16px;
    line-height: 1.4;
}

section#antibacterial .main .main_caution {
    display: inline-block;
    margin: 0.5em 0 20px;
    font-size: 15px;
}

section#antibacterial .catch {
    display: table-cell;
    width: 120px;
    height: 120px;
}

/* section#antibacterial .catch{
      display: table-cell;
      width: 150px;
      height: 150px;
      text-align: center;
      vertical-align: middle;
      font-size: 20px;
      font-weight: bold;
      border: solid 2px #718cc6;
      border-radius: 150px;
      background: #fff;
  } */
section#antibacterial .catchcopy {
    display: table-cell;
    width: calc(150px + 1.5em);
    height: 150px;
    padding-left: 1.5em;
    box-sizing: border-box;
    vertical-align: middle;
}

section#antibacterial .catchcopy p {
    display: table-cell;
    width: 150px;
    height: 150px;
    padding: 1em;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    border: solid 2px #009d94;
    background: #009d94;
}

section#antibacterial .catch img,
section#antibacterial .catchcopy img {
    width: 100%;
}

section#antibacterial h3 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #888889;
    border: solid 1px #888889;
    margin: 0 0 30px 0;
    padding: 0 0 0 20px;
}

section#antibacterial h3 span {
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #888889;
    background: #fff;
    margin: 0 0 30px 0;
    padding: 0 20px;
}

section#antibacterial .block1 {
    position: relative;
    margin: 0 0 40px 0;
    font-size: 20px;
}

section#antibacterial .block1 .antibacterial_title {
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
}

section#antibacterial .block1 .image {
    position: absolute;
    top: 0;
    right: 30px;
    width: 120px;
    /* background: linear-gradient(to bottom, #d5f5f3, #fff); */
}

section#antibacterial .block1 .image img {
    width: 100%;
}

section#antibacterial .block1 ul.antibacterial_point {
    width: 100%;
}

section#antibacterial .block1 ul.antibacterial_point li {
    margin-bottom: 0.5em;
    padding: 0.25em 1em;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 2em;
    background: #5976b9;
    /* background: #a2bbe1; */
}

p.antibacterial_caution {
    text-align: center;
    font-size: 1rem;
}

section#antibacterial .block1 p.siaa_about {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 0;
    font-size: 1.6rem;
    font-weight: bold;
}

section#antibacterial .block1 p.siaa_about::after {
    content: "";
    position: absolute;
    bottom: 1.5em;
    right: 0;
    display: block;
    width: calc(100% - 6em);
    border-top: 1px solid #333;
}

section#antibacterial .block1 p.siaa_about_caution {
    margin-top: 1em;
    font-size: 1rem;
}

section#antibacterial .block1 .siaa_about_type img {
    display: block;
    margin: 1em auto;
    width: 80%;
}

/* section#antibacterial .block1 .siaa_about_type {
      display: flex;
      justify-content: space-between;
  }
  section#antibacterial .block1 .siaa_about_type li {
      display: block;
      width: 190px;
      height: 190px;
      padding: 1em;
      box-sizing: border-box;
      border-radius: 50% 50% 50% 0;
      border: 1px solid #5976b9;
      background: #fff;
  }
  section#antibacterial .block1 .siaa_about_type li:first-child {background: #dee9f7;}
  section#antibacterial .block1 .siaa_about_type li p {
      padding-bottom: 0.25em;
      box-sizing: border-box;
      text-align: center;
      color: #5976b9;
      font-size: 1.5rem;
      font-weight: bold;
      border-bottom: 1px solid #5976b9;
  }
  section#antibacterial .block1 .siaa_about_type li span {
      display: block;
      margin-top: 0.5em;
      line-height: 1.3em;
      text-align: left;
      color: #5976b9;
      font-size: 1rem;
  } */

section#antibacterial .block1 .antibacterial_mechanism {
    margin-bottom: 2em;
}

section#antibacterial .block1 .antibacterial_mechanism .antibacterial_mechanism_title {
    position: relative;
    margin: 2em 0 1em;
    padding: 0.5em 0;
    font-size: 1.6rem;
    font-weight: bold;
}

section#antibacterial .block1 .antibacterial_mechanism .antibacterial_mechanism_title::after {
    content: "";
    position: absolute;
    bottom: 1.5em;
    right: 0;
    display: block;
    width: calc(100% - 9em);
    border-top: 1px solid #333;
}

section#antibacterial .block1 .antibacterial_mechanism figure {
    margin-bottom: 1em;
}

section#antibacterial .block1 .antibacterial_mechanism figure img {
    display: block;
    margin: 0 auto;
    width: 80%;
}

section#antibacterial .block1 .antibacterial_mechanism .antibacterial_mechanism_info {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}

section#antibacterial .block1 .antibacterial_mechanism .antibacterial_mechanism_info p {
    display: block;
    margin: 0 auto;
    width: 80%;
}

/* section#antibacterial .block1 .antibacterial_mechanism .antibacterial_mechanism_left {width: 46%;}
  section#antibacterial .block1 .antibacterial_mechanism .antibacterial_mechanism_right {width: 50%;}
  section#antibacterial .block1 .antibacterial_mechanism .antibacterial_mechanism_left p {
      font-size: 1.5em;
      font-weight: bold;
      font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  } */

section#antibacterial .block2 {
    margin: 0 0 80px 0;
    overflow: hidden;
}

section#antibacterial .block2 .left {
    float: left;
    width: 460px;
    margin: 0 0 30px 0;
}

section#antibacterial .block2 .right {
    float: left;
    width: 460px;
    margin: 0 0 30px 26px;
}

section#antibacterial .block2 .title {
    font-weight: bold;
    font-size: 22px;
}

section#antibacterial .block2 h4 {
    margin-bottom: 1em;
    background: #009d94;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 0 0 0 20px;
    clear: both;
}

section#antibacterial .block2 table {
    width: 100%;
    margin: 0 0 10px 0;
}

section#antibacterial .block2 table th {
    text-align: center;
    vertical-align: middle;
    border: solid 1px #999;
    padding: 5px;
    color: #fff;
    /* background : #dbf3f2; */
    background: #009d94;
}

section#antibacterial .block2 table td {
    text-align: center;
    vertical-align: middle;
    border: solid 1px #999;
    padding: 5px;
}

section#antibacterial .block2 figure {
    display: block;
    margin: 0;
    width: 100%;
}

section#antibacterial .block2 figure img {
    width: 100%;
}

section#antibacterial .siaa {
    padding: 1.5em;
    box-sizing: border-box;
    border: 3px solid #009d94;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 5px #333;
}

section#antibacterial .block2 .siaa_mark {
    text-align: center;
}

section#antibacterial .block2 .siaa_mark img {
    width: 60%;
}

section#antibacterial .block2 .siaa_test {
    clear: both;
    padding: 0.5em 2em 1em;
    box-sizing: border-box;
    font-size: 1.2em;
    border: 2px solid #009d94;
    background: #dbf3f2;
}

section#antibacterial .block2 .siaa_test strong {
    display: inline-block;
    margin-top: 0.5em;
    color: #009d94;
}

section#antibacterial .block2 .siaa_result {
    position: relative;
    margin-top: 60px;
}

section#antibacterial .block2 .siaa_result::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    margin-top: -60px;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 30px solid #009d94;
}


/* 詳細ページリンク antibacterial */
section#antibacterial .block5 {
    margin-top: 100px;
}

section#antibacterial .block5 ul li {
    position: relative;
    display: inline-block;
    margin: 3px 7px;
}

section#antibacterial .block5 ul li a {
    border: 2px solid #5976b9;
    background: linear-gradient(to bottom, #bee1ff, #fff 80%);
}

section#antibacterial .block5 ul li a:hover {
    background: #bee1ff;
}

section#antibacterial .block5 ul li a::after {
    border-color: transparent #5976b9 #5976b9 transparent;
}

section#antibacterial .block5 ul li p {
    background: #dee9f7;
    opacity: 0.8;
}

section#antibacterial .block5 p.linktitle:after {
    border-color: transparent #5976b9 #5976b9 transparent;
}


/* related-product */
section#related-product {
    padding: 0 0 130px 0;
}

section#related-product .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    background: #f2f2f2;
}

section#related-product .main .content {
    background: url('../img/information/related-product/main.png') no-repeat right 20px;
    padding: 80px 0 150px 0;
    width: 1000px;
    margin: 0 auto;
}

section#related-product h1 {
    border: none;
    font-size: 40px;
    margin: 0 0 20px 0;
    line-height: 1;
}

section#related-product h2 {
    font-size: 30px;
    text-align: left;
    border-bottom: solid 1px #000;
    margin: 0 0 40px 0;
    background: none;
    padding: 0;
    line-height: 1.4;
    border-radius: 0;
}

section#related-product h2 span {
    font-size: 22px;
    margin: 0 0 0 20px;
}

section#related-product h2 span.rr {
    font-size: 14px;
    float: right;
    padding: 15px 0 0 0;
}

section#related-product h2 span.point {
    background: #009c84;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    float: right;
    display: inline-block;
    padding: 2px 10px;
    margin: 10px 0 0 0;
}

section#related-product .item {
    overflow: hidden;
}

section#related-product .item li {
    width: 490px;
    display: inline-block;
    margin: 0 0 60px 0;
    overflow: hidden;
    vertical-align: top;
}

section#related-product .item li:nth-child(even) {
    margin: 0 0 60px 20px;
}

section#related-product .item li .image {
    width: 214px;
    float: left;
}

section#related-product .item li .image img {
    margin: 0 0 10px 0;
}

section#related-product .item li .data {
    width: 261px;
    float: left;
    margin: 0 0 0 15px;
    font-size: 14px;
}

section#related-product .item li .data .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
}

section#related-product .item li table {
    width: 100%;
    font-size: 14px;
    margin: 0 0 10px 0;
}

section#related-product .item li table td {
    text-align: left;
    border: solid 1px #999;
    padding: 0 5px;
    width: 155px;
}

section#related-product .item li table th {
    text-align: center;
    vertical-align: middle;
    border: solid 1px #999;
    background: #eee;
}

section#related-product .item li table span.gray {
    color: #dcdcdd;
}

section#related-product .item li table span.blue {
    color: #0098d9;
}

section#related-product .item li table span.red {
    color: #e50011;
}

section#related-product .item li table.list {
    width: 100%;
    font-size: 12px;
}

section#related-product .item li table.list td {
    text-align: center;
    border: solid 1px #999;
    padding: 0 5px;
}

section#related-product .item li table.list th {
    text-align: center;
    border: solid 1px #999;
    background: #fdede4;
    padding: 0 5px;
}

section#related-product .option {
    float: left;
    width: 490px;
    padding: 20px;
    box-sizing: border-box;
    background: #eae3c7;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.4;
    overflow: hidden;
}

section#related-product .option .title {
    font-weight: bold;
    font-size: 18px;
}

section#related-product .option .name {
    font-weight: bold;
    margin: 10px 0 0 0;
}

section#related-product .option .image {
    width: 162px;
    float: left;
    margin: 10px 0 0 0;
}

section#related-product .option .text {
    width: 275px;
    float: left;
    margin: 0 0 0 10px;
}

section#related-product .size {
    float: left;
    width: 490px;
    font-size: 14px;
    margin: 0 0 0 20px;
}

section#related-product .size .title {
    font-weight: bold;
    font-size: 18px;
}

section#related-product .size table {
    width: 100%;
}

section#related-product .size table th {
    text-align: center;
    background: #fbd8b5;
    padding: 5px;
    border: solid 1px #999;
}

section#related-product .size table td {
    text-align: center;
    padding: 5px;
    border: solid 1px #999;
}

section#related-product .size table td.td1 {
    background: #fdede4;
}




/* module */
#module .lead {
    text-align: center;
    padding: 10px;
    border: solid 8px #fdd23e;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#module .block_blue {
    background: #d3ecfb;
    padding: 50px;
    text-align: center;
}

#module .block_pink {
    background: #fdede4;
    padding: 50px;
    text-align: center;
    float: left;
    box-sizing: border-box;
    width: 600px;
    height: 630px;
}

#module .block_pink2 {
    background: #fdede4;
    padding: 50px;
    text-align: center;
}

#module .block_yellow {
    background: #fffcda;
    padding: 50px;
    text-align: center;
    float: left;
    box-sizing: border-box;
    width: 350px;
    margin: 0 0 0 50px;
    height: 630px;
}

#module .block_yellow .title {
    margin: 0 0 100px;
}

#module .block_green {
    background: #e0efe1;
    padding: 50px;
    overflow: hidden;
}

#module .block_green .left {
    float: left;
    width: 327px;
    margin: 0 0 0 100px;
}

#module .block_green .right {
    float: left;
    width: 250px;
    margin: 0 0 0 80px;
}


#module .title {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

#module .title2 {
    text-align: left;
}


/* truck */
#truck .block_blue {
    background: #d3ecfb;
    padding: 50px;
    text-align: center;
}

#truck .block_pink {
    background: #fdede4;
    padding: 50px;
    text-align: center;
}



/* partition */
#partition .title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

#partition .title2 {
    font-size: 14px;
    background: #ccc;
    padding: 2px 10px;
    border-radius: 5px;
    display: inline-block;
    margin: 10px 0 0 0;
}

#partition .block_blue {
    background: #d3ecfb;
    padding: 50px;
    overflow: hidden;
}

#partition .block_yellow {
    background: #fffcda;
    padding: 50px;
    overflow: hidden;
}

#partition .pattern1 .block_blue {
    padding: 50px 200px;
}

#partition table .size {
    font-size: 12px;
}

#partition .pattern1 .box,
#partition .pattern5 .box {
    float: left;
    width: 50%;
}

#partition .pattern1 .block_blue div:nth-child(2n) {
    padding: 20px 0 0 0;
}

#partition .pattern1 .block_blue table td {
    padding: 20px;
}


#partition .pattern2 .box,
#partition .pattern3 .box {
    float: left;
    width: 270px;
}

#partition .pattern2 table,
#partition .pattern3 table {
    float: left;
    width: 530px;
    margin: 0 0 0 100px;
}

#partition .pattern2 table td,
#partition .pattern3 table td {
    padding: 0 0 20px 0;
}


#partition .pattern4 .box {
    float: left;
    width: 160px;
}

#partition .pattern4 table {
    float: left;
    width: 680px;
    margin: 0 0 0 60px;
}

#partition .pattern4 table th {
    font-weight: bold;
}

#partition .pattern4 table td {
    padding: 10px;
    width: 50%;
}

#partition .pattern4 table td .image {
    width: 105px;
    float: left;
}

#partition .pattern4 table td .data {
    width: 200px;
    float: left;
    font-size: 12px;
    margin: 0 0 0 10px;
}

#partition .pattern4 table td .data p {
    margin: 0 0 5px 0;
}

#partition .pattern4 table .typeA {
    background: #005bac;
    height: 1.8em;
    width: 1.8em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
}

#partition .pattern4 table .typeB {
    background: #e73649;
    height: 1.8em;
    width: 1.8em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
}

#partition .pattern5 .block_blue table {
    margin: 0 auto;
    width: 500px;
}

#partition .pattern5 .block_blue table td {
    padding: 20px;
}



/* recycle */
#recycle .main {
    background: url('../img/information/recycle/main.png') no-repeat right bottom;
    min-height: 504px;
    text-align: left;
    margin: 20px 0 30px 0;
    font-size: 18px;
}

#recycle .main .title {
    font-size: 36px;
    font-weight: bold;
    color: #555;
    line-height: 1.4;
}

#recycle .main .title2 {
    font-size: 30px;
    font-weight: bold;
    color: #6eb92b;
    line-height: 1.4;
    margin: 20px 0 0 0;
}

#recycle .main .container {
    font-size: 14px;
    margin: 20px 0 0 0;
    width: 350px;
}

#recycle .main .container .box {
    border: solid 1px #999;
    padding: 10px;
}

#recycle .main .container .box .title {
    font-size: 16px;
    font-weight: bold;
    color: #00a85f;
    text-align: center;
}

#recycle h2 {
    font-size: 36px;
    font-weight: bold;
    color: #6eb92b;
    text-align: left;
    background: none;
    margin: 0;
    line-height: 1;
}

#recycle h3 {
    font-size: 26px;
    font-weight: bold;
    color: #555;
    text-align: left;
    background: none;
    margin: 0 0 30px 0;
}

#recycle .before {
    font-size: 22px;
    font-weight: bold;
    background: #8f929f;
    color: #fff;
    text-align: left;
    margin: 0 0 30px 0;
    border-radius: 5px;
    padding: 0 0 0 20px;
}

#recycle .after {
    font-size: 22px;
    font-weight: bold;
    background: #93c339;
    text-align: left;
    margin: 0 0 30px 0;
    border-radius: 5px;
    padding: 0 0 0 20px;
}

#recycle .faq {
    padding: 30px;
    border-radius: 5px;
    background: #f5f9ed;
    border: solid 2px #888;
    overflow: hidden;
}

#recycle .faq .inner {
    width: 433px;
    float: left;
}

#recycle .faq .inner .title {
    font-size: 22px;
    font-weight: bold;
}

#recycle .faq .faq_box {
    width: 444px;
    float: left;
    margin: 0 0 0 57px;
    background: url('../img/information/recycle/faq.png') no-repeat center center;
}

#recycle .faq .faq_box dt {
    color: #00633c;
    font-size: 20px;
    font-weight: bold;
}

#recycle .faq .faq_box dd {
    margin: 0 0 15px 0;
}

#recycle .example {
    border-radius: 5px;
    background: #fffde4;
    border: solid 2px #888;
    overflow: hidden;
}

#recycle .example .title {
    background: #888;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    padding: 5px 0 5px 20px;
    margin: 0 0 40px 0;
}

#recycle .example .title span {
    font-size: 18px;
    margin: 0 0 0 20px;
}

#recycle .example .example_box {
    margin: 0 30px 30px 30px;
    overflow: hidden;
}

#recycle .example .example_box .image {
    width: 164px;
    float: left;
}

#recycle .example .example_box .text {
    width: 750px;
    float: left;
    margin: 0 0 0 20px;
}

#recycle .example .example_box .text .name {
    font-weight: bold;
    font-size: 18px;
}

#recycle .example .example_box .text span {
    color: #0074c1;
}



/* order */
#order .block_yellow {
    padding: 30px;
    text-align: center;
    font-size: 20px;
    box-shadow: inset 0 0 30px rgba(230, 220, 190, 1);
    background: #fffcda;
}

#order .block_yellow .text {
    margin: 0 0 20px 0;
}

#order .order_tel {
    margin: 1em 0;
    padding: 0.5em 1em;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.2em;
    border-radius: 1em;
    border: 2px solid #999;
    background: #FFF;
}

#order .order_tel p:first-child {
    border-bottom: 1px solid #999;
}

#order .order_tel strong {
    font-size: 1.5em;
}

#order ul {
    margin-top: 1em;
}

#order ul li {
    display: inline-block;
    margin: 1% 1% 5%;
    width: 31%;
    vertical-align: top;
}

#order ul li a {
    color: #333;
    transition: all 0.2s ease-out;
}

#order ul li img {
    border: 1px solid #CCC;
    transition: all 0.2s ease-out;
}

#order ul li h3 {
    margin: 0.5em 0;
    font-size: 1.2em;
    font-weight: bold;
}

#order ul li a:hover > img {
    border: 1px solid #900;
    transform: scale(1.1);
}

#order ul li a:hover {
    color: #900;
}



/* process */

#process table {
    width: 100%;
    ba
}

#process table td {
    border: solid 1px #999;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    background: #FFF;
}

#process table td.font {
    text-align: left;
}

#process table td.font li {
    float: left;
    margin: 0 50px 0 0;
}

#process table td.sample img {
    margin: 0 30px;
    vertical-align: bottom;
}

#process table td.td1 {
    background: #d3ecfb;
}

#process table td.td2 {
    background: #d4ebea;
}

#process table td.td3 {
    background: #bbe1e8;
}

#process table td.td4 {
    background: #80cde3;
}

#process table td.td1 p,
#process table td.td2 p,
#process table td.td3 p,
#process table td.td4 p {
    font-size: 20px;
    font-weight: bold;
}

#process .tekigou {
    font-size: 30px;
    font-weight: bold;
    border-bottom: solid 1px #999;
    margin: 10px 0;
}

#process .tekigou_text {
    text-align: left;
}

#process .block_gray {
    margin: 20px 0 0 0;
    background: #dcdcdd;
    padding: 30px;
    text-align: center;
    font-size: 20px;
}

#process .block_gray .title {
    font-size: 24px;
    font-weight: bold;
}

#process .block_blue {
    background: #d3ecfb;
    padding: 30px;
    text-align: center;
    font-size: 20px;
    overflow: hidden;
}

#process .block_blue .box {
    width: 217px;
    margin: 0 0 0 70px;
    float: left;
    text-align: left;
}

#process .block_blue .box .title {
    font-weight: bold;
}

#process .block_yellow {
    background: #fffcda;
    padding: 30px;
    text-align: center;
    font-size: 20px;
}

#process .block_blue .text,
#process .block_yellow .text {
    margin: 0 0 20px 0;
}


/* rental */

.rental_contact {
    margin: 80px 0 0 0;
    border: solid 2px #CCC;
    padding: 30px;
    box-sizing: border-box;
    background: #FFF;
}

.rental_contact .title {
    background: #aaa;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    margin: 0 0 30px 0;
}

.rental_contact .logo {
    float: left;
    width: 500px;
    text-align: center;
}


/* ceramic campaign */
section.campaign .main {
    background: url('../img/information/campaign/bg.jpg') no-repeat center bottom !important;
}

section.campaign .main .content {
    background: none !important;
    padding: 80px 0 50px 0;
    width: 1000px;
    margin: 0 auto;
}

section.campaign h1 {
    margin: 0 !important;
    font-size: 0 !important;
}

section.campaign .block2 h4 {
    background: #0f96b8 !important;
}

section.campaign .block5 li {
    position: relative;
    margin: 10px 7px !important;
}

section.campaign .block5 li span {
    display: block;
    position: absolute;
    left: -10px;
    top: -15px;
    padding: 9px 6px;
    border-radius: 50%;
    background: #cc2020;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    z-index: 3;
}

section.campaign .block5 li.betu::after {
    content: '別注品';
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 3px 7px;
    background: #e5563e;
    border: 5px;
    color: #fff;
    font-weight: bold;
}

section.campaign .block6 {
    margin-bottom: 80px;
    overflow: hidden;
}

section.campaign .block6 h3 {
    background: transparent !important;
    border: none !important;
    color: #555555 !important;
}

section.campaign .block6 h3 span {
    float: none !important;
    margin: 0 !important;
    background: transparent !important;
    color: #0f96b8 !important;
    font-size: 36px !important;
    font-weight: normal !important;
}


/*使い方提案リスト*/
.use_list_catch {
    width: 720px;
    padding: 15px 0;
    margin: 0 auto 0;
    background: #0f96b8;
    border-radius: 20px;
    color: #fff;
    text-align: center;
}

.use_list_catch p {
    display: inline;
    position: relative;
    font-size: 1.3333em;
    letter-spacing: 0.05em;
}

.use_list_catch p span {
    color: #f38089;
    text-shadow:
        2px 2px 1px #ffffff,
        -2px 2px 1px #ffffff,
        2px -2px 1px #ffffff,
        -2px -2px 1px #ffffff,
        2px 0px 1px #ffffff,
        0px 2px 1px #ffffff,
        -2px 0px 1px #ffffff,
        0px -2px 1px #ffffff;
}

/*
  .use_list_catch p::after{
      content: '';
      position: absolute;
      left: 45%;
      bottom: -21.650625px;
      border-right: 12.5px solid transparent;
      border-top: 21.650625px solid #0f96b8;
      border-left: 12.5px solid transparent;
  }
  */


section.campaign .use_list {
    margin-bottom: 30px;
}

section.campaign .use_list li {
    float: left;
    display: inline-block;
    position: relative;
    padding: 12.5px;
    margin-right: 12px;
    background: #fff;
    border-radius: 12px;
}

section.campaign .use_list li:last-child {
    margin-right: 0;
}

.use_list li::after {
    content: "";
    position: absolute;
    top: 45%;
    right: -28px;
    border-right: 16px solid transparent;
    border-bottom: 27.7128px solid #65ab31;
    border-left: 16px solid transparent;
    transform: rotate(90deg);
    z-index: 2;
}

.use_list li:last-child::after {
    display: none;
}

.use_list.ListA {
    overflow: hidden;
}

.use_list.ListA::after {
    clear: both;
}

.use_list.ListA li {
    border: 2px solid #0f96b8;
}

.ListA_catch {
    text-align: right;
    padding: 0 7px 0 0;
    margin: -20px 0 25px;
}

.ListA_catch p {
    display: inline-block;
    position: relative;
    padding: 15px 30px;
    background: #fff;
    border: 2px solid #0f96b8;
    border-radius: 12px;
}

.ListA_catch p::after {
    content: '';
    position: absolute;
    left: 46%;
    bottom: -23px;
    border-right: 12px solid transparent;
    border-top: 20.7846px solid #0f96b8;
    border-left: 12px solid transparent;
}


.use_list.ListB li {
    border: 2px solid #e47878;
}

.ListB_catch p {
    display: inline-block;
    position: relative;
    margin-left: 24px;
    padding: 15px;
    border: 2px solid #e47878;
    border-radius: 12px;
    background: #fff;
}

.ListB_catch p::after {
    content: '';
    position: absolute;
    left: -23px;
    top: 18px;
    border-right: 12px solid transparent;
    border-top: 20.7846px solid #e47878;
    border-left: 12px solid transparent;
    transform: rotate(90deg);
}

.use_list.ListC li {
    float: right !important;
    border: 2px solid #e7a53d;
}

.ListC_catch {
    float: left;
    margin-left: 40px;
}

.ListC_catch p {
    display: inline-block;
    position: relative;
    padding: 15px;
    border: 2px solid #e7a53d;
    border-radius: 12px;
    background: #fff;
}

.ListC_catch p::after {
    content: '';
    position: absolute;
    right: -23px;
    top: 18px;
    border-right: 12px solid transparent;
    border-top: 20.7846px solid #e7a53d;
    border-left: 12px solid transparent;
    transform: rotate(-90deg);
}


.use_list.ListD,
.use_list.ListE {
    display: inline-block;
    width: 250px;
    margin: -120px 0 0;
}

.use_list.ListE {
    margin-left: 20px;
}

.use_list.ListD li,
.use_list.ListE li {
    float: none;
}

.use_list.ListD li::after,
.use_list.ListE li::after {
    display: none;
}

.use_list.ListD li:first-child {
    border: 2px solid #9acd32;
}

.use_list.ListE li {
    border: 2px solid #6a5acd;
}

.ListD_catch,
.ListE_catch {
    display: inline-block;
    vertical-align: top;
}

.ListD_catch p,
.ListE_catch p {
    position: relative;
    background: #fff;
    margin: 20px 0 0 10px;
    padding: 15px;
    border-radius: 12px;
}

.ListD_catch p {
    border: 2px solid #9acd32;
}

.ListE_catch p {
    border: 2px solid #6a5acd;
}

.ListD_catch p::after,
.ListE_catch p::after {
    content: '';
    position: absolute;
    left: -21px;
    top: 10px;
    border-top: 12px solid transparent;
    border-right: 20.7846px solid #e7a53d;
    border-bottom: 12px solid transparent;
}

.ListD_catch p::after {
    border-right: 20.7846px solid #9acd32;
}

.ListE_catch p::after {
    border-right: 20.7846px solid #6a5acd;
}

.ListE_catch div {
    margin-top: 15px;
    color: #0f96b8;
    font-size: 1.25em;
}


section.campaign .block6 .ask {
    position: relative;
    margin: 30px 0 0 auto;
    width: 490px;
    background: linear-gradient(transparent 45%, red 5%, transparent 50%);
    text-align: right;
}

section.campaign .block6 .ask p {
    display: inline-block;
    padding: 2px 16px;
    background: rgba(255, 255, 255, 1);
    color: #dd0000;
    font-size: 1.3555em;
}



/* 抗菌製品ご相談ください */
section.campaign .block7 {
    margin: 0 0 80px 0;
}

.sodan_waku {
    position: relative;
    width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 2px solid #0f96b8;
    border-radius: 20px;
}

.sodan_waku > img {
    position: absolute;
    left: -50px;
    bottom: -35px;
}

.sodan_waku > p {
    margin-top: 20px;
    color: #0f96b8;
    text-align: center;
    font-size: 2.25em;
    font-weight: bold;
}

.sodan_waku figure {
    padding: 0 0 0 80px;
}

.sodan_waku + div {
    float: right;
    position: relative;
    width: 245px;
    height: 245px;
    margin-top: -123px;
    margin-right: -20px;
    background: #fff;
    border: 2px solid #0f96b8;
    border-radius: 50%;
}

.sodan_waku + div::after {
    clear: both;
}

.sodan_waku + div p {
    position: absolute;
    top: 67px;
    left: 8px;
    text-align: center;
    line-height: 2.25;
}

.sodan_waku + div p span {
    display: inline-block;
    background: #0f96b8;
    padding: 0 0 0 7px;
    color: #fff;
    font-size: 1.222em;
}


/* 抗菌製品使用例 */
section.campaign .block8 {
    margin-bottom: 80px;
    overflow: hidden;
}

section.campaign .block8 p.linktitle {
    position: relative;
    font-size: 1.3333em;
    padding: 2px 5px;
    margin-bottom: 16px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

section.campaign .block8 p.linktitle:after {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    border: 15px solid;
    border-color: transparent #b0d2e2 #b0d2e2 transparent;
}

section.campaign .block8 p.linktitle + p {
    float: left;
    width: 690px;
    text-align: justify;
}

section.campaign .block8 p.linktitle + p strong {
    display: inline-block;
    margin-bottom: 1.2rem;
    color: #68a9cf;
    font-size: 1.555rem;
    font-weight: normal;
}

section.campaign .block8 p.linktitle + p span {
    font-weight: bold;
}


section.campaign .block8 > img {
    float: right;
    margin: 0 0 20px 0;
    width: 300px;
}

section.campaign .block8 > img::after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

section.campaign .block8 ul {

    padding: 1%;
    border: 2px solid #b0d2e2;
    border-radius: 15px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    clear: both;
}

section.campaign .block8 li {
    display: inline-block;
    width: 32%;
    margin: 0.5%
}

section.campaign .block8 li img {
    width: 100%;
}

section.campaign .block8 li figure {
    margin: 0;
}

section.campaign .block8 li figcaption::first-letter {
    color: #b0d2e2;
}

/* ------ 20200728 ------ */
section.campaign .block9 {
    margin: 0 0 50px;
}

section.campaign .block9 h2 {
    color: #0f96b8 !important;
    text-align: center !important;
    font-size: 3.333rem !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

section.campaign .block9 h2 span {
    display: inline-block;
    transform: rotate(12deg);
}

section.campaign .block9 h2 + p {
    text-align: center;
}

section.campaign .block9 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
}

section.campaign .block9 ul li {
    background: #cfcfcf;
    width: 300px;
    height: 200px;
    margin: 15px;
}


section.campaign .block9 .conArea {
    position: relative;
    padding: 15px 0 30px;
    background: #0f96b8;
}

section.campaign .block9 .conArea > figure {
    position: absolute;
    top: -120px;
    right: -40px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}


section.campaign .block9 .conArea > p {
    margin: 0 0 15px;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
}

section.campaign .block9 .conWrap {
    display: flex;
    flex-wrap: wrap;
    width: 880px;
    margin: 0 auto;
    padding: 30px 0;
    background: #fff;
}

section.campaign .block9 .conWrap .conItem {
    text-align: center;
    width: 49%;
}

section.campaign .block9 .conWrap .conItem p {
    display: inline-block;
    margin: 0 0 20px;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
}

section.campaign .block9 .conWrap .conItem p span {
    font-size: 2.4rem;
    font-weight: bold;
}

section.campaign .block9 .conWrap .conItem.tel {
    border-right: 1px dotted;
}

section.campaign .block9 .conWrap .conItem.tel img {
    margin: 0 10px 0 0;
}

section.campaign .block9 .conWrap .conItem.pc p {
    font-weight: bold;
    text-align: center;
}

section.campaign .block9 .conWrap .conItem.pc img {
    margin: 20px 0 15px 0;
}



/* ------ 20200728 ------ */
section.campaign .block10 {
    margin: 30px 0 80px;
    background: #fff;
    border: 2px solid #0f96b8;
    border-radius: 0.8rem;
    padding: 0.8rem;
}

section.campaign .block10 h3 {
    background: #0f96b8 !important;
    border: none !important;
    margin: 0 0 15px 0 !important;
}

section.campaign .block10 p img {
    display: inline-block;
    float: right;
    margin: 0 0 0 1rem;
}

.search_refine ul {
    margin: 0 auto;
    width: 100%;
}

.search_refine li:first-child {
    width: 240px;
    margin-left: 0;
}

.search_refine li {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    width: 238px;
    height: 120px;
    box-sizing: border-box;
    background: #333;
}

.search_refine li a {
    display: table-cell;
    width: 238px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: bold;
    color: #FFF;
}

.search_refine li a img {
    width: 100%;
}

/* 240402 CO2コンテナページ新設 */
/* ページ基本デザイン */
@charset "UTF-8";

/* 240402 CO2コンテナページ新設 */
/* ページ基本デザイン */
.wrapper {
    height: auto;
}

.responsive_header {
    width: 100%;
    max-width: 1200px;
}

.responsive_header input {
    display: none;
}

.responsive_header label::after {
    content: "";
    display: none;
}

.co2reduction {
    min-width: initial;
}

.co2reduction .container {
    width: 100%;
    max-width: 1200px;
}

section#co2reduction {
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 0 130px 0;
    background: rgba(255, 255, 255, 0.9);
}

section#co2reduction .block5 {
    margin-top: 100px;
}

section#co2reduction .block5 ul li {
    position: relative;
    display: inline-block;
    margin: 3px 7px;
}

section#co2reduction sub {
    vertical-align: baseline;
}

section#co2reduction .main {
    border-bottom: solid 1px #ccc;
    margin: 0 0 100px 0;
    background: linear-gradient(180deg, rgb(180, 208, 180) 0%, rgb(255, 255, 255) 100%);
}

section#co2reduction .main .catch {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

section#co2reduction .main .catch span {
    display: inline;
    font-weight: 600;
}

section#co2reduction .main .content {
    background-size: 50%;
    padding: 45px 0 50px 0;
    width: 100%;
    max-width: 1200px;
    min-width: initial;
    margin: 0 auto;
}

section#co2reduction .main .bx-wrapper {
    width: 100%;
    text-align: center;
}

section#co2reduction .main .content {
    margin-top: -200px;
}

section#co2reduction .main .content .flex_content {
    /* padding: 14em 0; */
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1240px) {
    section#co2reduction .main .content {
        margin-top: -150px;
    }
    section#co2reduction .main .flex_content img {width: 100%;}
}
@media screen and (max-width: 765px) {
    section#co2reduction .main .content {
        margin-top: -50px;
    }
}

section#co2reduction .main .content .flex_content2 {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 3em 0 6em auto;
    gap: 2em;
}

section#co2reduction .main .content .flex_content2 .item {
    display: block;
    width: 32%;
    min-height: 120px;
    padding: 1em;
    box-sizing: border-box;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    font-size: 2em;
    border-radius: 1em;
    /* border: 3px solid #3a68a6; */
    background: #3a68a6;
    transition: background-color 0.5s;
}
section#co2reduction .main .content .flex_content2 .item p {
    font-weight: bold;
}
section#co2reduction .main .content .flex_content2 .item strong {color: #f9ff00;}

@media screen and (max-width: 1240px) {
    section#co2reduction .main .content .flex_content2 {
        padding: 0 20px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 765px) {
    section#co2reduction .main .content .flex_content2 {
        flex-wrap: wrap;
        margin: 2em 0;
        gap: 0.5em;
    }
    section#co2reduction .main .content .flex_content2 .item {
        display: block;
        margin: 1% 2%;
        width: 96%;
        min-height: auto;
        padding: 0.5em;
    }
}
@media screen and (max-width: 480px) {
    section#co2reduction .main .content .flex_content2 .item {font-size: 1.5em;}
}

section#co2reduction .main .content .flex_content3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4em;
}
section#co2reduction .main .content .flex_content3 .item img {
    display: block;
    width: 100%;
}
section#co2reduction .main .content .flex_content3 .grid_eco {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 2em;
}
section#co2reduction .main .content .flex_content3 .grid_eco .grid_eco_text h4 {
    margin-bottom: 0.3em;
    color: #008fcf;
    font-size: 4em;
    font-weight: 900;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4117647059);
}
section#co2reduction .main .content .flex_content3 .grid_eco .grid_eco_text p {
    display: block;
    line-height: 1.8em;
    font-size: 1.2em;
}
section#co2reduction .main .content .flex_content3 .grid_down_mark {
    display: grid;
    margin-bottom: 2em;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
}

@media screen and (max-width: 1280px) {
    section#co2reduction .main .content .flex_content3{
        max-width: 95%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 765px) {
    section#co2reduction .main .content .flex_content3 {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 2em;
        gap: 2em;
    }
    section#co2reduction .main .content .flex_content3 .grid_eco .grid_eco_text h4 {
        font-size: 3.2em;
        -webkit-text-stroke-width: 1.2px;
    }
    section#co2reduction .main .content .flex_content3 .item {width: 100%;}
}
@media screen and (max-width: 480px) {
    section#co2reduction .main .content .flex_content3 .grid_eco .grid_eco_text h4 {
        font-size: 2.5em;
        -webkit-text-stroke-width: 1px;
    }
}

section#co2reduction .main .content .catch_grid {
    display: grid;
    grid-template-columns: 1fr 0.3fr 1fr;
    max-width: 45%;
    margin: 4em 0 2em;
    align-items: center;
    gap: 1em;
}

section#co2reduction .main .content .catch_grid + .text {
    text-indent: -1em;
    padding-left: 1em;
}

section#co2reduction .main .content .catch_grid img {
    display: block;
    width: 100%;
}

section#co2reduction .main .content .catch_grid .item3 {
    position: relative;
}

section#co2reduction .main .content .catch_grid .item3 .arrow {
    position: absolute;
    display: block;
    width: 65px;
    top: 5em;
    right: -8em;
    transform: rotate(-30deg);
}

section#co2reduction .sp,
section#co2reduction .note {
    display: none;
}

section#co2reduction h1 {
    border: none;
    font-size: 6em;
    margin: 0 0 20px 0;
    line-height: 1;
    color: #3a68a6;
    transition: color 0.5s;
}

section#co2reduction h1 span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

section#co2reduction h2 {
    color: #013a23;
    font-size: 2.1em;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1.4;
    font-weight: 700;
}

section#co2reduction .main .text {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    text-indent: -2em;
    padding-left: 2em;
}

section#co2reduction .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border: solid 2px #f39800;
    border-radius: 150px;
    display: table-cell;
    vertical-align: middle;
}

section#co2reduction h3 {
    text-align: center;
    font-size: 1.7em;
    font-weight: bold;
    color: #fff;
    background: #f39800;
    margin: 0 0 30px 0;
}
section#co2reduction h5 {
    padding: 0.5em 0.5em 0.5em 1em;
    box-sizing: border-box;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    border-left: 5px solid #f39800;
    margin: 2em 0 0.5em;
}

section#co2reduction .block {
    margin: 0 0 80px 0;
    text-align: center;
}

section#co2reduction .block .wrapper {
    padding-bottom: 3em;
}

section#co2reduction .block1 .wrapper {
    padding: 1em 2em 3em;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 3px 4px 8px 3px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    border: 5px solid rgba(187, 187, 187, 0.2);
}

section#co2reduction .flex_content {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
}

section#co2reduction .bubble img {
    display: block;
    max-width: 250px;
    margin: 2em 0 -2em 0.5em;
}

section#co2reduction .block h4 {
    font-size: 50px;
    line-height: 1.2;
    text-align: left;
    padding-top: 0.5em;
}

section#co2reduction h4 .span_block {
    display: block;
}

section#co2reduction .content1 {
    align-items: center;
    margin-top: -2em;
}

section#co2reduction .block1 .item img {
    width: 100%;
}

section#co2reduction .block1 .pp_img {
    width: 35%;
    margin: 0 auto;
}

section#co2reduction .block1 .lineup_img {
    width: 65%;
    margin-top: -2em;
}

section#co2reduction .main_wrapper .header {
    position: relative;
    z-index: 2;
}
section#co2reduction .block1 .wrapper01 .header h4 .caution {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
    text-shadow: none;
    margin: 1em 0 3em;
    font-size: 13px;
    font-weight: 300;
}

section#co2reduction .block2 h4 {
    width: 90%;
}

section#co2reduction .block h4 span {
    font-weight: 900;
    -webkit-text-stroke-color: #fff;
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4117647059);
}

section#co2reduction .block h4 .gray {
    font-size: 29px;
    color: #595757;
    -webkit-text-stroke-width: 1.3px;
}

section#co2reduction .block h4 .orange {
    color: #f39800;
    -webkit-text-stroke-width: 1.5px;
}

section#co2reduction .block h4 .blue {
    color: #0068b7;
    -webkit-text-stroke-width: 1.5px;
}

section#co2reduction .block h4 .pink {
    font-size: 28px;
    -webkit-text-stroke-width: 1px;
    color: #b60081;
}

section#co2reduction .block h4 .green {
    color: #009d42;
    -webkit-text-stroke-width: 1.5px;
}

section#co2reduction .block h4 .green sup {
    color: #231815;
    -webkit-text-stroke: initial;
    text-shadow: none;
    font-size: 16px;
    position: relative;
}

section#co2reduction .block h4 .lg,
section#co2reduction .block h4 .green {
    font-size: 34px;
}

section#co2reduction .block .variation {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    position: relative;
    width: 100%;
    gap: 2em;
}

section#co2reduction .block .variation .tricolor {
    width: 82%;
    display: flex;
    gap: 0.5em;
    flex-direction: column;
    align-self: center;
}

section#co2reduction .container .block .variation .caution {
    font-weight: 300;
    line-height: 1.5;
    font-size: 14px;
    align-self: flex-end;
}

section#co2reduction .block .variation .h_bottom {
    margin-top: 0.2em;
}

section#co2reduction .block .variation .blue {
    font-size: 40px;
}

section#co2reduction .block .variation .orange {
    color: #eb613b;
    font-size: 54px;
}

section#co2reduction .block .variation .EGclr,
section#co2reduction .block .variation .EBclr,
section#co2reduction .block .variation .EGYclr {
    display: inline-block;
    margin-bottom: 0.2em;
    -webkit-text-stroke-width: 0.8px;
    position: relative;
}

section#co2reduction .block .variation .EGclr:before,
section#co2reduction .block .variation .EBclr:before,
section#co2reduction .block .variation .EGYclr:before {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    left: 50%;
    right: 50%;
    bottom: -12px;
    border-radius: 50%;
}

section#co2reduction .block .variation .EGclr {
    color: #00a968;
}

section#co2reduction .block .variation .EGclr:before {
    background: #00a968;
}

section#co2reduction .block .variation .EBclr {
    color: #3789bb;
}

section#co2reduction .block .variation .EBclr:before {
    background: #3789bb;
}

section#co2reduction .block .variation .EGYclr {
    color: #2f5253;
}

section#co2reduction .block .variation .EGYclr:before {
    background: #2f5253;
}

section#co2reduction .block .content2 h4 {
    line-height: 1.3;
}

section#co2reduction .block .content2 h4 .gray {
    font-size: 0.88em;
}

section#co2reduction .block .content2 h4 .span_block {
    font-size: 0.55em;
    -webkit-text-stroke-width: 0.8px;
}

section#co2reduction .block1 .recycle {
    background: #eaf6fd;
    border: 3px solid #dcdddd;
    border-radius: 10px;
    margin-top: 5em;
    position: relative;
}

section#co2reduction .block1 .recycle .header {
    margin-right: auto;
    text-align: left;
    position: absolute;
    top: -1.5em;
    left: 0;
}

section#co2reduction .block1 .recycle .header h5 {
    display: inline-block;
    color: #004ea2;
    border: 3px solid #004ea2;
    border-radius: 50px;
    background: #fff;
    font-size: 1.5em;
    font-weight: 900;
    padding: 0 0.8em;
    margin: 0;
}

section#co2reduction .block1 .recycle .inner {
    padding: 2em 1em 1.4em;
}

section#co2reduction .block1 .recycle .gray {
    color: #666464;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 0.5em;
}

section#co2reduction .block1 .recycle .red {
    color: #e60012;
    font-weight: 600;
}

section#co2reduction .container .block .content3 .caution {
    text-align: left;
    margin-left: 1.5em;
    font-size: 0.8em;
    text-indent: -2em;
    padding-left: 2em;
}

section#co2reduction .container .block2 .wrapper {
    padding: 0 0 3em;
    background: #dcdddd;
}

section#co2reduction .container .block2 .wrapper .sp {
    display: none;
}

section#co2reduction .container .block2 .inner {
    max-width: 90%;
    margin: 0 auto;
}

section#co2reduction .container .block2 .inner2 {
    text-align: left;
}

section#co2reduction .container .block2 .inner3 {
    max-width: 100%;
}

section#co2reduction .container .block2 .item h4 {
    width: 100%;
    margin: 0 auto;
}

section#co2reduction .container .block2 .item2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

section#co2reduction .container .block2 .green {
    color: #009d42;
}

section#co2reduction .container .block2 .blue {
    color: #0080c8;
}

section#co2reduction .container .block2 .pink {
    color: #e74b95;
}

section#co2reduction .container .block2 .inner2 {
    background: #fff;
    max-width: 100%;
    padding: 1em;
    margin-top: 1.5em;
}

section#co2reduction .container .block2 .inner2 p {
    margin: 0.3em 0 0.8em;
    font-size: 1.3em;
    font-weight: 800;
}

section#co2reduction .container .block2 .inner2 p span {
    font-weight: 800;
}

section#co2reduction .container .block2 .inner2 small {
    display: block;
    text-align: left;
}

section#co2reduction .container .block2 .inner2 img {
    width: 100%;
}

section#co2reduction .container .block2 .inner2 .caution {
    margin-top: 1em;
    font-size: 13px;
    font-weight: 300;
}

section#co2reduction .container .block2 ol {
    text-align: left;
}

section#co2reduction .container .block2 .inner3 ol {
    font-size: 20px;
}

section#co2reduction .container .block2 .inner3 li {
    font-weight: 700;
}

section#co2reduction .container .block2 .inner3 small,
section#co2reduction .container .block2 .inner3 cite {
    display: inline-block;
    width: 100%;
    font-style: normal;
    text-align: left;
}

section#co2reduction .container .block .caution {
    font-size: 16px;
    font-weight: 500;
    text-indent: -1em;
    padding-left: 1em;
}

section#co2reduction .container .img,
section#co2reduction .sp_img_wrapper {
    display: none;
}

/* FAQ */
section#co2reduction .block4 {
    margin-bottom: 4em;
}
section#co2reduction .block4 p.linktitle {
    position: relative;
    text-align: left;
    font-size: 1.3em;
    padding: 2px 5px;
    margin-bottom: 16px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
section#co2reduction .block4 p.linktitle:after {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    border: 15px solid;
    border-color: transparent #f39800 #f39800 transparent;
}
section#co2reduction .block4 dl {
    display: block;
    margin: 0.5 0;
    padding: 0.5em;
    box-sizing: border-box;
    text-align: left;
    border-bottom: 1px dashed #999;
}

section#co2reduction .block5 {
    margin-bottom: 4em;
}

section#co2reduction .block5 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 18px;
    column-gap: 18px;
    row-gap: 12px;
}

section#co2reduction .block5 ul li {
    width: 100%;
    display: block;
    margin: 0;
}

section#co2reduction .block5 ul li a {
    border: 2px solid #f39800;
    width: 100%;
    background: linear-gradient(to bottom, #ffe5be, #fff 80%);
}

section#co2reduction .block5 ul li a:hover {
    background: #ffe5be;
}

section#co2reduction .block5 ul li a::after {
    border-color: transparent #f39800 #f39800 transparent;
}

section#co2reduction .block5 ul li p {
    color: #fff;
    background: #4a2212;
    z-index: 0;
}

section#co2reduction .block5 p.linktitle {
    text-align: left;
}

section#co2reduction .block5 p.linktitle:after {
    border-color: transparent #f39800 #f39800 transparent;
}

/* メインビジュアル*/
/* 詳細ページリンク co2reduction*/
#foot .responsive_foot .wrapper,
.responsive_footer .product,
.responsive_contact,
#footer .responsive_foot #copy p {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
}

#foot .responsive_foot .wrapper .office_left,
#foot .responsive_foot .wrapper .office_right {
    max-width: 50%;
}

.responsive_foot#foot_bottom .wrapper {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1280px) {
    .responsive_header,
    section#co2reduction h1,
    section#co2reduction h2,
    .co2reduction .container {
        max-width: 95%;
        margin: 0 auto;
    }
    section#co2reduction .main .content .main_wrapper .flex_content img {
        max-width: 90%;
    }
}

@media screen and (max-width: 1060px) {
    .co2reduction header {
        background: #fff;
        height: auto;
        padding: 0 0 10px;
    }

    .co2reduction .header_center,
    .co2reduction .header_right,
    .co2reduction .goto_index {
        position: static;
    }

    .responsive_header {
        display: grid;
        width: 100%;
        margin-top: auto;
        grid-template-columns: repeat(8, 1fr);
        align-items: center;
        -moz-column-gap: 1em;
        column-gap: 1em;
        grid-template-areas: "logo logo logo . . . . ." "index index nav nav nav nav nav nav";
    }

    .responsive_header .logo {
        grid-area: logo;
    }

    .responsive_header .goto_index {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 1em;
        grid-area: index;
    }

    .responsive_header .goto_index a {
        padding: 1em;
    }

    .responsive_header img {
        display: block;
        height: auto;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .responsive_menu {
        grid-area: nav;
        display: flex;
        gap: 2em;
    }

    section#co2reduction {
        overflow: hidden;
    }

    section#co2reduction .content1 {
        margin-top: 0;
    }

    section#co2reduction .bubble img {
        max-width: 170px;
    }

    section#co2reduction .main {
        margin: 0 0 3em 0;
    }

    section#co2reduction .main .content {
        background-position: right bottom;
        background-size: 60%;
    }

    section#co2reduction .main .content .main_wrapper .flex_content img {
        max-width: 65%;
    }

    section#co2reduction .main .content .main_wrapper .flex_content .left {
        left: 2em;
    }

    section#co2reduction .main .content .main_wrapper .flex_content .right {
        right: -19em;
    }

    section#co2reduction .main .content .text {
        font-size: 14px;
    }

    section#co2reduction .main .content .catch_grid {
        max-width: 40%;
    }

    section#co2reduction .main .content .catch_grid .item3 .arrow {
        width: 55px;
        right: -7em;
    }

    section#co2reduction section#co2reduction .main .content .main_wrapper .flex_content .right {
        width: 80%;
    }

    section#co2reduction .block h4 {
        font-size: 2em;
    }

    section#co2reduction .block h4 .gray,
    section#co2reduction .block h4 .pink {
        font-size: 0.8em;
    }

    section#co2reduction .block .content2 h4 .span_block {
        font-size: 0.8em;
    }

    section#co2reduction h1 {
        font-size: 4em;
    }

    section#co2reduction .container .block .variation {
        gap: 1em;
    }

    section#co2reduction .container .block .variation .caution {
        font-size: 13px;
        bottom: -4.3em;
    }

    section#co2reduction .container .block .variation .orange {
        font-size: 1em;
    }

    section#co2reduction .container .block .variation .block h4 .lg,
    section#co2reduction .container .block .variation .block h4 .green {
        font-size: 0.7em;
    }

    section#co2reduction .container .block .variation .EGclr,
    section#co2reduction .container .block .variation .EBclr,
    section#co2reduction .container .block .variation .EGYclr {
        margin-bottom: 0.5em;
    }

    section#co2reduction .container .block .variation .EGclr:before,
    section#co2reduction .container .block .variation .EBclr:before,
    section#co2reduction .container .block .variation .EGYclr:before {
        width: 6px;
        height: 6px;
    }

    section#co2reduction .container .block .content3 .caution {
        font-size: 13px;
        word-break: auto-phrase;
    }

    section#co2reduction .block1 .recycle .header h5,
    section#co2reduction .block1 .recycle .gray {
        font-size: 1.2em;
    }

    section#co2reduction .block2 .inner3 ol {
        font-size: 1em;
    }

    section#co2reduction .block2 .inner2 p {
        font-size: 1em;
    }

    section#co2reduction .block2 .list {
        text-indent: -4em;
        padding-left: 4em;
    }

    section#co2reduction .block2 .green {
        font-size: 1em;
    }

    section#co2reduction .block2 h4 .green {
        font-size: 0.8em;
    }

    section#co2reduction .note {
        display: inline;
    }

    .co2reduction .container {
        max-width: 90%;
        background-position: right bottom;
    }

    .responsive_footer .product li {
        width: 21%;
    }

    #foot .responsive_foot .wrapper,
    .responsive_footer .product,
    .responsive_contact,
    #footer .responsive_foot #copy p {
        max-width: 95%;
        gap: 1em;
    }

    #foot .area2 .wrapper {
        flex-direction: column;
    }

    #foot .area2 .wrapper2 {
        display: flex;
        flex-direction: row;
    }
}

@media screen and (max-width: 765px) {
    .responsive_header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
    }

    .responsive_header .logo {
        order: 1;
        width: 70%;
    }

    .responsive_header label {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 15%;
        right: 0;
        width: 45px;
        height: 45px;
        /* border: 2px solid #bbb; */
        cursor: pointer;
        order: 3;
        margin-left: auto;
    }

    .responsive_header .header_center img {
        margin: 0;
    }

    .responsive_header .header_right img {
        margin: 0;
    }

    .responsive_header .header_right a {
        display: block;
        width: 100%;
    }

    .responsive_header .goto_index {
        display: flex;
        width: 40%;
        height: 40px;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        order: 2;
    }

    .responsive_header .goto_index a {
        width: 100%;
        height: initial;
        padding: 0.6em 0;
        line-height: initial;
    }

    .responsive_menu {
        display: none;
        order: 2;
        transition: 1s all;
        transform: translateX(-300%);
        transition: 0.5s all;
    }

    .responsive_header .line {
        position: relative;
        display: block;
        margin: auto;
        width: calc(100% - 5px);
        height: 2px;
        background-color: #bbb;
        transition: 0.3s all;
    }

    .responsive_header .line::before,
    .responsive_header .line::after {
        content: "";
        position: absolute;
        display: block;
        margin: auto;
        width: 100%;
        height: 2px;
        background-color: #bbb;
    }

    .responsive_header .line::before {
        top: -8px;
    }

    .responsive_header .line::after {
        bottom: -8px;
    }

    .responsive_header input[type=checkbox]:checked + label .line {
        position: static;
        transform: rotate(45deg);
    }

    .responsive_header input[type=checkbox]:checked + label .line::before {
        position: static;
        transform: rotate(-90deg);
    }

    .responsive_header input[type=checkbox]:checked + label .line::after {
        display: none;
    }

    .responsive_header input[type=checkbox]:checked ~ .responsive_menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transform: translateX(0);
        transition: 1s all;
        width: 100vw;
        position: absolute;
        top: 100%;
        left: -3%;
        padding: 2em;
        background: #fff;
        z-index: 999999;
    }

    .responsive_header input[type=checkbox]:checked ~ .responsive_menu .header_right {
        width: 50%;
    }

    section#co2reduction {
        padding: 0 0 2em;
    }

    section#co2reduction .container .sp,
    section#co2reduction .container .block2 .wrapper .sp {
        display: inline;
    }

    section#co2reduction .block1 .wrapper {
        padding: 1em 1em 3em;
    }

    section#co2reduction .bubble img {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    section#co2reduction .block1 .pp_img,
    section#co2reduction .block1 .lineup_img {
        display: none;
    }

    section#co2reduction .main .content .main_wrapper {
        display: flex;
        flex-direction: column;
    }

    section#co2reduction .main .content .main_wrapper .catch_grid {
        display: flex;
        flex-direction: column;
        order: 5;
        max-width: 75%;
        margin: 0 auto 2em;
    }

    section#co2reduction .main .content .main_wrapper .catch_grid .item2 img {
        width: 43%;
        margin: -1.15em auto 0;
        transform: rotate(90deg);
    }

    section#co2reduction .main .content .main_wrapper .catch_grid + .text {
        order: 4;
        font-size: 12px;
    }

    section#co2reduction .main .content .main_wrapper .catch_grid .item3 .arrow {
        position: static;
        transform: rotate(90deg);
        margin: auto;
        width: 30%;
    }

    section#co2reduction .content2 {
        margin-top: 0;
    }

    section#co2reduction .block2 .item h4 {
        margin: 0;
        white-space: initial;
    }

    section#co2reduction h3 {
        font-size: 1.5em;
        line-height: 1.5;
    }

    section#co2reduction .block {
        margin: 0 0 3em 0;
    }

    section#co2reduction .block h4 .lg,
    section#co2reduction .block h4 .green {
        font-size: 0.85em;
    }

    section#co2reduction .block .content2 h4 .span_block {
        font-size: 0.58em;
        -webkit-text-stroke-width: 0.5px;
    }

    section#co2reduction .block .content2 h4 .gray {
        font-size: 0.68em;
        -webkit-text-stroke-width: 0.8px;
    }

    section#co2reduction .block .content2 h4 .span_block {
        font-size: 0.55em;
        -webkit-text-stroke-width: 0.8px;
    }

    section#co2reduction .block .variation {
        align-items: flex-start;
        gap: 1em;
    }

    section#co2reduction .block .variation .orange {
        font-size: 1em;
        -webkit-text-stroke-width: 1px;
    }

    section#co2reduction .block .variation .tricolor {
        width: 100%;
        text-align: left;
    }

    section#co2reduction .block .variation .tricolor span.caution {
        display: block;
        text-indent: 0;
        padding: 0;
    }

    section#co2reduction .block .variation .EGclr:before,
    section#co2reduction .block .variation .EBclr:before,
    section#co2reduction .block .variation .EGYclr:before {
        bottom: -8px;
    }

    section#co2reduction .block h4 {
        margin: auto;
        width: 100%;
        max-width: 90%;
    }

    section#co2reduction .block .content3 .caution {
        font-size: 12px;
    }

    section#co2reduction .container .block .variation .caution {
        position: static;
        margin-left: auto;
        font-size: 12px;
        text-indent: -3em;
    }

    section#co2reduction .block1 .recycle {
        margin-top: 3em;
    }

    section#co2reduction .block1 .recycle .header {
        position: static;
        margin: -1.3em auto 0;
        text-align: center;
    }

    section#co2reduction .block1 .recycle .header h5 {
        font-size: 1em;
        line-height: 1.5;
        padding: 0.5em 0.8em;
    }

    section#co2reduction .block1 .recycle .gray {
        font-size: 1em;
    }

    section#co2reduction .block1 .recycle .inner {
        padding: 0.5em 0.4em 1.4em;
    }

    section#co2reduction .block h4 .gray,
    section#co2reduction .block h4 .pink {
        font-size: 0.65em;
    }

    section#co2reduction .block h4 .orange {
        font-size: 1.3em;
    }

    section#co2reduction .block h4 .blue {
        font-size: 1em;
    }

    section#co2reduction .container .block2 .item2 {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    section#co2reduction .container .block2 .inner2 img {
        display: block;
        max-width: 100%;
    }

    section#co2reduction .container .block2 .inner2 p {
        font-size: 14px;
    }

    section#co2reduction .main {
        margin: 0 0 5em;
    }

    section#co2reduction .main .content {
        padding: 3em 0 5em;
        background-size: 100%;
    }

    section#co2reduction .main .catch {
        width: 100px;
        height: 100px;
        font-size: 1.2em;
    }

    section#co2reduction h1 {
        font-size: 2.8em;
    }

    section#co2reduction h1 span {
        font-size: 0.65em;
    }

    section#co2reduction h2 {
        font-size: 1.4em;
    }

    section#co2reduction .main .text {
        font-size: 1.3em;
    }

    section#co2reduction .block2 .inner3 li {
        font-size: 3.5vw;
    }

    section#co2reduction .block2 .inner3 li .note {
        display: none;
    }

    section#co2reduction .block5 ul {
        grid-template-columns: repeat(2, 1fr);
    }

    section#co2reduction .block h4 {
        max-width: 100%;
    }

    section#co2reduction .img_wrapper {
        position: relative;
    }

    section#co2reduction .wrapper_message {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }

    section#co2reduction .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #fff;
    }

    section#co2reduction .modal-content {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 95%;
        max-height: 95%;
    }

    section#co2reduction .modal-content img {
        max-width: 100%;
        max-height: 100%;
    }

    section#co2reduction .close {
        color: #000;
        float: right;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
        align-self: flex-end;
    }
}

.responsive_footer .product {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;
    max-width: 1200px;
}

.responsive_footer .product li {
    width: 100%;
}

.responsive_contact {
    flex-direction: row;
    gap: 4em;
}

.responsive_contact .box {
    width: 100%;
    max-width: 360px;
    margin: 0;
}

#foot .responsive_foot .wrapper .office_left,
#foot .responsive_foot .wrapper .office_right {
    width: 100%;
    max-width: 100%;
}

#foot .wrapper .office_left ul,
#foot .wrapper .office_right ul,
#foot .wrapper .office_left ul li,
#foot .wrapper .office_right ul li {
    width: 100%;
    max-width: 100%;
}

#foot .responsive_foot#foot_bottom .wrapper2 {
    flex-direction: column;
}

#foot #foot_bottom .near {
    width: 100%;
    font-size: 1.2em;
}

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

    #foot .responsive_foot .wrapper,
    .responsive_footer .product,
    .responsive_contact,
    #footer .responsive_foot #copy p,
    section#co2reduction .responsive_footer .product {
        max-width: 95%;
    }
}

@media screen and (max-width: 765px) {
    .responsive_footer .product {
        grid-template-columns: repeat(2, 1fr);
    }

    .responsive_contact {
        flex-direction: column;
        align-items: center;
        gap: 2em;
    }

    #foot .responsive_foot .wrapper,
    .responsive_footer .product,
    #footer .responsive_foot #copy p {
        flex-direction: column;
    }
}

/*# sourceMappingURL=information_add.css.map */