@charset "UTF-8";

/* 法人向けページ個別調整用 */

#Journal>article>h2 {
    display: none;
}

#bread-crumb-listTop ol li:nth-child(2) {
    display: none;
}

#sub-column {
    display: none;
}

#contents {
    width: 100%;
    padding: 0;
}

#main-column {
    float: none;
    width: 100%;
    margin-bottom: 0;
}

#for-businesses {}

#for-businesses .contents {
    /* width: 1200px; */
    margin: 0 auto;
    padding: 120px 0;
}

#for-businesses .contents h2 {
    font-size: 36px;
    text-align: center;
    border: none;
    font-weight: 500;
    margin: 0 0 60px;
}

#for-businesses h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url(/pic-labo/businesses_back.jpg) no-repeat;
    height: 500px;
    border: none;
    color: #FFF;
    font-size: 30px;
    font-size: 50px;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

#for-businesses .contents.gray {
    background: #F4F4F4;
}

#Journal .journal-cont ul.reason-list {
    width: 1200px;
    margin: 0 auto;
}

div#bread-crumb {
    display: none;
}

.header_area {
    margin: 0;
}
#Journal .journal-cont ul.reason-list li {
    list-style-type: none;
}

#Journal .journal-cont ul.reason-list li .box {
    border: solid 2px #333333;
    box-sizing: border-box;
    padding: 50px;
    position: relative;
    display: flex;
    margin: 0 0 90px;
    background: #FFF;
}

#Journal .journal-cont ul.reason-list li .box .box-point {
    position: absolute;
    left: -60px;
    top: -60px;
    width: 120px;
    height: 120px;
    background: #222;
    border-radius: 100%;
    color: #FFF;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#Journal .journal-cont ul.reason-list li .box .box-title {
    color: #9A0F1F;
    display: flex;
    align-items: center;
}

#Journal .journal-cont ul.reason-list li .box .box-txt {
    border-left: solid 1px #333;
    margin: 0 0 0 40px;
    padding: 0 0 0 40px;
}

#Journal .journal-cont ul.reason-list li .box .box-point span {
    display: block;
    font-size: 57px;
    margin: 8px 0 0;
}

#Journal .journal-cont ul.reason-list li .box .box-title span {
    display: block;
    font-size: 13px;
    letter-spacing: 0.1em;
    margin: 20px 0 0;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul {
    margin: 0;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul li {
    font-size: 17px;
    line-height: 170%;
    letter-spacing: 0.03em;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 15px 0;
}

#Journal .journal-cont ul.reason-list li .box .box-point .box-point-inner {font-size: 18px;line-height: 170%;font-weight: 500;margin: -10px 0 0;}

#Journal .journal-cont ul.reason-list li .box .box-title .box-title-inner {
    font-size: 46px;
    text-align: center;
    font-weight: 500;
    margin: 21px 0 0;
    letter-spacing: 0.05em;
    word-break: keep-all;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul li:before {
    content: '・';
    position: absolute;
    left: 0;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul li:last-child {
    margin: 0;
}

#for-businesses .contents h2:after {
    color: #9A0F1F;
    display: block;
    font-size: 18px;
    margin: 30px 0 0;
    font-weight: 400;
}
#for-businesses .contents.reason h2:after {
    content: 'REASON';
}
#for-businesses .contents.reccomend h2:after {
    content: 'RECCOMEND';
}
#for-businesses .contents.price h2:after {
    content: 'PRICE';
}
#for-businesses .contents.question h2:after {
    content: 'QUESTION';
}
#for-businesses .contents.bulkorder h2:after {
    content: 'BULK ORDER';
}
#for-businesses .contents.contact h2:after {
    content: 'CONTACT';
}

#Journal .journal-cont ul.reccomend-list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

#Journal .journal-cont ul.reccomend-list li {
    width: 18.5%;
    margin: 0 1.875% 30px 0;
    list-style-type: none;
}

#Journal .journal-cont ul.reccomend-list li a {
    letter-spacing: 0.03em;
    font-size: 14px;
}

#Journal .journal-cont ul.reccomend-list li a h3 {font-weight: 400;margin: 10px 0;}

#Journal .journal-cont ul.reccomend-list li a .reccomend-price {
    color: #D90000;
}

#Journal .journal-cont ul.reccomend-list li:nth-child(5n) {
    margin-right: 0;
}

#for-businesses .btn a{
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    background: #333;
    color: #FFF;
    border: none;
    padding: 30px 0;
    border-radius: 3px;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-align: center;
    transition: .2s;
    display: block;
    position: relative;
}

#for-businesses .btn {
    text-align: center;
    margin: 80px auto 40px;
    width: 560px;
}

#for-businesses .btn a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    right: 50px;
    top: 44%;
    margin: auto;
    transform: rotate(45deg);
}

#for-businesses .btn a:hover {
    opacity: 0.8;
}

#Journal .journal-cont ul.price-list {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
}

#Journal .journal-cont ul.price-list li {
    width: 32%;
    list-style-type: none;
    margin: 0 0 30px;
}

#Journal .journal-cont ul.price-list li a {
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    background: #333;
    color: #FFF;
    border: none;
    padding: 30px 0;
    border-radius: 3px;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-align: center;
    transition: .2s;
    display: block;
    position: relative;
}

#Journal .journal-cont ul.price-list li a span {
    font-size: 15px;
    margin: 0 2px;
}

#Journal .journal-cont ul.price-list li a:hover {
    opacity: 0.8;
}

#Journal .journal-cont ul.price-list li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    right: 50px;
    top: 44%;
    margin: auto;
    transform: rotate(45deg);
}

#Journal .journal-cont ul.question-list {
    margin: 0 auto;
    width: 1200px;
}

#Journal .journal-cont ul.question-list li {
    border: solid 1px #D5D5D5;
    list-style-type: none;
    margin: 0 0 40px;
}

#Journal .journal-cont ul.question-list li .question-q {
    font-size: 18px;
    font-weight: 500;
    background: #F5F5F5;
    padding: 25px 25px 25px 55px;
    letter-spacing: 0.03em;
    position: relative;
    line-height: 160%;
}

#Journal .journal-cont ul.question-list li .question-a {
    padding: 25px 25px 25px 55px;
    font-size: 16px;
    position: relative;
    line-height: 160%;
    letter-spacing: 0.03em;
}

#Journal .journal-cont ul.question-list li .question-a a {
    transition: .2s;
    color: #528fb8;
    text-decoration: underline;
}

#Journal .journal-cont ul.question-list li .question-q:before {
    content: 'Q.';
    font-size: 20px;
    font-weight: 500;
    margin: 0 6px 0 0;
    position: absolute;
    left: 30px;
}

#Journal .journal-cont ul.question-list li .question-a:before {
    content: 'A.';
    font-size: 20px;
    font-weight: 500;
    margin: 0 6px 0 0;
    color: #9A0F1F;
    position: absolute;
    left: 30px;
}

#Journal .journal-cont ul.question-list li .question-a a:hover {
    opacity: 0.8;
    transition: .2s;
}

#for-businesses .contents.bulkorder {
    border: solid 2px #333333;
    width: 1000px;
    padding: 100px;
    margin: 0 auto 120px;
}

#for-businesses .contents.bulkorder .discount {
    background: #FFEFEF;
    text-align: center;
    padding: 70px 120px 50px;
    margin: 40px 0;
}

#for-businesses .contents.bulkorder .discount h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 auto 40px;
    padding: 0 0 25px;
    border-bottom: solid 1px #c9b5b5;
    display: inline-block;
}

#for-businesses .contents.bulkorder .discount p {
    font-size: 20px;
    color: #9A0F1F;
    font-weight: 500;
}

#for-businesses .contents.bulkorder .discount p.attention {
    font-size: 13px;
    color: #333;
    margin: 30px 0 0;
    font-weight: 400;
}

#for-businesses .contents.bulkorder p {
    line-height: 190%;
}

#for-businesses .contents.bulkorder .discount p span {
    font-size: 30px;
    margin: 0 3px;
}

.contact-info {
    background: #FFF;
    width: 1000px;
    margin: 0 auto;
    padding: 80px 100px;
}

#for-businesses .contents.gray.contact .btn a {
    background: #9A0F1F;
}

.contents.gray.contact {}

#for-businesses .contents.gray.contact .btn {
    margin: 40px auto 20px;
    width: 500px;
}

.contact-info p {
    text-align: center;
    line-height: 190%;
    letter-spacing: 0.03em;
}

.contact-info-inner {
    display: flex;
    justify-content: center;
    margin: 30px 0 0;
}

.contact-info-inner p#telephone {font-weight: 500;font-size: 15px;margin: 0;letter-spacing: 0.05em;}

.contact-info-inner p#telephone span {
    display: block;
    font-size: 40px;
    margin: 0 0 5px;
}

.contact-info-inner img {
    width: 60px;
    margin: -10px 10px 0 0;
}

#contents #main-column .footer_area {
    max-width: 1200px;
    margin: 80px auto 0;
    display: none;
}

#footer {
    padding: 0;
}

#Journal .journal-cont {
    margin: 0;
}


footer {
    height: auto;
    margin-top: -20px;
}

.footer_inner {
    display: none;
}
img[src*="TRACKING"] {display: none;}


@media screen and (min-width:769px) and ( max-width:1350px) {
    #wrapper{
    width: 100%;
}
#Journal .journal-cont ul.reason-list{
    width: 88%;
}
}

@media(max-width:768px){

#Journal>article>h2 {
    display: none;
}

#bread-crumb-listTop ol li:nth-child(2) {
    display: none;
}

#sub-column {
    display: unset;
}

#contents {
    width: 100%;
    padding: 77px 0 0 0;
}

#main-column {
    float: none;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}

#for-businesses {}

#for-businesses .contents {
    margin: 0 auto;
    padding: 50px 0;
}

#for-businesses .contents h2 {
    font-size: 19px;
    text-align: center;
    border: none;
    font-weight: 500;
    margin: 0 0 30px;
    padding: 0;
    background: unset;
    color: #333;
}

#for-businesses h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url(/pic-labo/businesses_back.jpg) no-repeat;
    background-size: cover;
    height: 25vh;
    border: none;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

#for-businesses .contents.gray {
    background: #F4F4F4;
}

#Journal .journal-cont ul.reason-list {
    width: 90%;
    margin: 60px auto 0;
}

div#bread-crumb {
    display: none;
}

.header_area {
    margin: 0;
}
#Journal .journal-cont ul.reason-list li {
    list-style-type: none;
}

#Journal .journal-cont ul.reason-list li .box {
    border: solid 2px #333333;
    box-sizing: border-box;
    padding: 30px 20px;
    position: relative;
    display: block;
    margin: 0 0 60px;
    background: #FFF;
}
    #Journal .journal-cont ul.reason-list li:last-child .box{
    margin-bottom: 0;
}

#Journal .journal-cont ul.reason-list li .box .box-point {
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    width: 70px;
    height: 70px;
    background: #222;
    border-radius: 100%;
    color: #FFF;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#Journal .journal-cont ul.reason-list li .box .box-title {
    color: #9A0F1F;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0;
}

#Journal .journal-cont ul.reason-list li .box .box-txt {
    border-top: solid 1px #666;
    border-left: none;
    margin: 20px 0 0;
    padding: 30px 0 0;
}

#Journal .journal-cont ul.reason-list li .box .box-point span {
    display: block;
    font-size: 26px;
    margin: 5px 0 0;
}

#Journal .journal-cont ul.reason-list li .box .box-title span {
    display: block;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin: 10px 0 0;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul {
    margin: 0;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul li {
    font-size: 13px;
    line-height: 160%;
    letter-spacing: 0.03em;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
}

#Journal .journal-cont ul.reason-list li .box .box-point .box-point-inner {font-size: 9px;line-height: 170%;font-weight: 500;margin: -4px 0 0;}

#Journal .journal-cont ul.reason-list li .box .box-title .box-title-inner {
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.05em;
    word-break: keep-all;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul li:before {
    content: '・';
    position: absolute;
    left: 0;
}

#Journal .journal-cont ul.reason-list li .box .box-txt ul li:last-child {
    margin: 0;
}

#for-businesses .contents h2:after {
    color: #9A0F1F;
    display: block;
    font-size: 13px;
    margin: 9px 0 0;
    font-weight: 400;
}
#for-businesses .contents.reason h2:after {
    content: 'REASON';
}
#for-businesses .contents.reccomend h2:after {
    content: 'RECCOMEND';
}
#for-businesses .contents.price h2:after {
    content: 'PRICE';
}
#for-businesses .contents.question h2:after {
    content: 'QUESTION';
}
#for-businesses .contents.bulkorder h2:after {
    content: 'BULK ORDER';
}
#for-businesses .contents.contact h2:after {
    content: 'CONTACT';
}

#Journal .journal-cont ul.reccomend-list {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#Journal .journal-cont ul.reccomend-list li {
    width: 47.5%;
    margin: 0 0 30px;
    list-style-type: none;
}

#Journal .journal-cont ul.reccomend-list li a {
    letter-spacing: 0.03em;
    font-size: 12px;
    line-height: 150%;
}

#Journal .journal-cont ul.reccomend-list li a h3 {font-weight: 400;margin: 10px 0;}

#Journal .journal-cont ul.reccomend-list li a .reccomend-price {
    color: #D90000;
}

#Journal .journal-cont ul.reccomend-list li:nth-child(5n) {
    margin-right: 0;
}

#for-businesses .btn a{
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    background: #333;
    color: #FFF;
    border: none;
    padding: 20px 0;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: center;
    transition: .2s;
    display: block;
    position: relative;
}

#for-businesses .btn {
    text-align: center;
    margin: 20px auto 0px;
    width: 90%;
}

#for-businesses .btn a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    right: 20px;
    top: 42%;
    margin: auto;
    transform: rotate(45deg);
}

#for-businesses .btn a:hover {
    opacity: 0.8;
}

#Journal .journal-cont ul.price-list {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
}

#Journal .journal-cont ul.price-list li {
    width: 48%;
    list-style-type: none;
    margin: 0 0 10px;
}

#Journal .journal-cont ul.price-list li a {
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    background: #333;
    color: #FFF;
    border: none;
    padding: 20px 0;
    border-radius: 3px;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-align: center;
    transition: .2s;
    display: block;
    position: relative;
}

#Journal .journal-cont ul.price-list li a span {
    font-size: 12px;
    margin: 0 2px;
}

#Journal .journal-cont ul.price-list li a:hover {
    opacity: 0.8;
}

#Journal .journal-cont ul.price-list li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    right: 20px;
    top: 42%;
    margin: auto;
    transform: rotate(45deg);
    display: none;
}

#Journal .journal-cont ul.question-list {
    margin: 0 auto;
    width: 90%;
}

#Journal .journal-cont ul.question-list li {
    border: solid 1px #D5D5D5;
    list-style-type: none;
    margin: 0 0 20px;
}
#Journal .journal-cont ul.question-list li:last-child{
    margin-bottom: 0;
}
#Journal .journal-cont ul.question-list li .question-q {
    font-size: 14px;
    font-weight: 500;
    background: #F5F5F5;
    padding: 15px 15px 15px 35px;
    letter-spacing: 0.03em;
    position: relative;
    line-height: 160%;
}

#Journal .journal-cont ul.question-list li .question-a {
    padding: 15px 15px 15px 35px;
    font-size: 13px;
    position: relative;
    line-height: 160%;
    letter-spacing: 0.03em;
}

#Journal .journal-cont ul.question-list li .question-a a {
    transition: .2s;
    color: #528fb8;
    text-decoration: underline;
}

#Journal .journal-cont ul.question-list li .question-q:before {
    content: 'Q.';
    font-size: 17px;
    font-weight: 500;
    margin: -1px 0 0 0;
    position: absolute;
    left: 13px;
}

#Journal .journal-cont ul.question-list li .question-a:before {
    content: 'A.';
    color: #9A0F1F;
    font-size: 17px;
    font-weight: 500;
    margin: -1px 0 0 0;
    position: absolute;
    left: 13px;
}

#Journal .journal-cont ul.question-list li .question-a a:hover {
    opacity: 0.8;
    transition: .2s;
}

#for-businesses .contents.bulkorder {
    border: solid 2px #333333;
    width: 78%;
    padding: 12% 6% 10% 6%;
    margin: 0 auto 40px;
}

#for-businesses .contents.bulkorder .discount {
    background: #FFEFEF;
    text-align: center;
    padding: 30px 20px 30px;
    margin: 20px 0;
}

#for-businesses .contents.bulkorder .discount h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    border-bottom: solid 1px #c9b5b5;
    line-height: 150%;
}

#for-businesses .contents.bulkorder .discount p {
    font-size: 13px;
    color: #9A0F1F;
    font-weight: 500;
}

#for-businesses .contents.bulkorder .discount p.attention {
    font-size: 11px;
    color: #333;
    margin: 9px 0 0;
    font-weight: 400;
}

#for-businesses .contents.bulkorder p {
    line-height: 190%;
    font-size: 13px;
}

#for-businesses .contents.bulkorder .discount p span {
    font-size: 15px;
    margin: 0 3px;
}

.contact-info {
    background: #FFF;
    width: 78%;
    margin: 0 auto 20px;
    padding: 30px 6%;
}

#for-businesses .contents.gray.contact .btn a {
    background: #9A0F1F;
}

.contents.gray.contact {}

#for-businesses .contents.gray.contact .btn {
    margin: 20px auto 0;
    width: 100%;
}

.contact-info p {
    text-align: center;
    line-height: 190%;
    letter-spacing: 0.03em;
    font-size: 13px;
}

.contact-info-inner {
    display: flex;
    justify-content: center;
    margin: 20px 0 0;
}

.contact-info-inner p#telephone {font-weight: 500;font-size: 11px;margin: 0;letter-spacing: 0.05em;text-align: left;}

.contact-info-inner p#telephone span {
    display: block;
    font-size: 28px;
    margin: 0 0 5px;
}

.contact-info-inner img {
    width: 50px;
    margin: -10px 10px 0 0;
}

#contents #main-column .footer_area {
    max-width: 1200px;
    margin: 80px auto 0;
    display: none;
}

#footer {
    padding: 0;
    margin: 0;
}

#Journal .journal-cont {
    margin: 0;
}


footer {
    height: auto;
    margin-top: -20px;
}

.footer_inner {
    display: none;
}

}