@charset "utf-8";
/*------------------------------------------------------------
	protein
------------------------------------------------------------*/
.pageTitle {
    background-image: url("../img/protein/page_title_bg.jpg");
}
.pageTitle h2 {
    padding-top: 4px;
    width: 832px;
}
#pagePath {
    margin-bottom: 99px;
}
#main {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#main .comTopSec {
    margin-bottom: 76px;
}
#main .comTopSec .subBox .photoBox {
    padding-top: 0;
    margin-top: -9px;
}
#main .comTopSec .subBox .photoBox h3 {
    margin-bottom: 0;
}
#main .comTopSec .subBox .photoBox .pho {
    margin: -67px -8px 0 14px;
    text-align: right;
}
#main .comTopSec .subBox .textBox .subBox {
    padding-top: 15px;
}
#main .comTopSec .subBox .textBox .subBox .text02 {
    padding-top: 2px;
    letter-spacing: 0.08em;
    line-height: 1.55;
}
#main .variety {
    margin-bottom: 120px;
    padding: 1px 0 61px;
    background: #F4E2DC;
}
#main .variety .imgtext {
    margin: -3px -25px 42px;
    text-align: center;
}
#main .variety h3 {
    margin-bottom: 36px;
    text-align: center;
    font-weight: normal;
    font-size: 2.7rem;
    letter-spacing: 0.1em;
}
#main .variety h3 small {
    margin-top: 0.6em;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-size: 1.6rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}
#main .variety .photo {
    text-align: center;
}
#main .reason {
    margin-bottom: 100px;
}
#main .reason .comTtlImg::before {
    background-image: url("../img/protein/bg01.jpg");
}
#main .imgBox {
    margin-bottom: 44px;
    padding-top: 48px;
    border-top: 1px solid #E3E3E3;
}
#main .imgBox01 {
    padding-top: 0;
    border-top: none;
}
#main .imgBox02 {
    margin-bottom: 69px;
}
#main .imgBox .photoBox {
    width: 510px;
    order: 1;
}
#main .imgBox .photoBox span {
    margin-top: 10px;
    display: block;
    font-size: 1.2rem;
}
#main .imgBox .textBox {
    padding-top: 4px;
    width: 430px;
}
#main .imgBox .textBox .headLine03 {
    position: relative;
    padding-left: 50px;
}
#main .imgBox .textBox .headLine03 .num {
    width: 30px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
#main .imgBox .textBox p {
    text-align: justify;
    font-size: 1.2rem;
    line-height: 2.16;
    letter-spacing: 0.1em;
}
#main .listBox {
    margin-top: -6px;
    margin-bottom: 48px;
    padding: 44px 30px 39px;
    position: relative;
    border: 1px solid #000;
}
#main .listBox .ttl {
    padding: 0 30px;
    position: absolute;
    left: 50%;
    top: -15px;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
    background: #fff;
    transform: translateX(-50%);
}
#main .listBox .proteinList {
    margin-top: -6px;
}
#main .listBox .proteinList li {
    margin: 6px 3px 0;
    padding: 4px;
    width: 90px;
    text-align: center;
    font-size: 1.4rem;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #F4E8D8;
}
#main .protein {
    margin-bottom: 100px;
}
#main .protein .bgBox {
    padding-bottom: 120px;
    background: url(../img/protein/bg02.jpg) no-repeat center center / cover;
}
#main .protein .bgBox .content {
    position: relative;
    z-index: 1;
}
#main .protein .bgBox .ttlImg {
    margin-bottom: 50px;
    width: 502px;
}
#main .protein .bgBox .pho {
    position: absolute;
    right: -24px;
    bottom: -38px;
}
#main .protein .comTextBox .ttlTxt {
    font-size: 2rem;
    letter-spacing: 0;
}
#main .protein .comTextBox .text01 {
    margin-bottom: 15px;
}
#main .point {
    margin-bottom: 100px;
}
#main .point .comTtlImg {
    margin-bottom: 57px;
}
#main .point .comTtlImg::before {
    height: 294px;
    background-image: url("../img/protein/bg05.jpg");
}
#main .point .content {
    position: relative;
    z-index: 1;
}
#main .point .comPointList {
    margin-bottom: 100px;
}
#main .point .comPointList li .pho {
    position: relative;
}
#main .point .comPointList li .pho .num {
    width: 60px;
    display: block;
    position: absolute;
    left: -15px;
    top: -15px;
}
#main .point .comPointList li .headLine02 {
    margin-bottom: 15px;
}
#main .point .comPointList li .headLine02 span {
    margin-top: 4px;
    font-size: 2.2rem;
    letter-spacing: 0.1em;
}
#main .point .comPointList li .headLine02 .txt01 {
    letter-spacing: -0.05em;
}
#main .point .comPointList li .txtBox {
    padding-bottom: 40px;
}
#main .point .imgBox01 {
    margin-bottom: 32px;
}
#main .point .imgBox02 {
    margin-bottom: 60px;
}
#main .fromBox {
    margin-bottom: 50px;
}
#main .borderBox .innBox {
    padding: 28px 29px 22px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    border: 1px solid #000;
}
#main .borderBox .innBox::before {
    position: absolute;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    box-sizing: border-box;
    border: 1px solid #000;
    content: '';
}
#main .borderBox .innBox p {
    position: relative;
    z-index: 1;
}
#main .borderBox .innBox .ttl {
    margin-left: -1px;
}
#main .borderBox .innBox .text {
    margin-top: -2px;
    width: 506px;
    text-align: justify;
    font-size: 1.2rem;
    line-height: 2.16;
    letter-spacing: 0.14em;
}
#main .borderBox .innBox .text span {
    display: block;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.65;
}
#main .borderBox .innBox .pho {
    position: relative;
    z-index: 1;
}
#main .result .bgBox {
    background: url("../img/protein/bg03.jpg") no-repeat center center / cover;
}
#main .result .bgBox .content {
    padding: 120px 0;
    position: relative;
}
#main .result .bgBox .ttlImg {
    position: absolute;
    left: 0;
    top: -2px;
}
#main .result .bgBox .pho {
    margin-top: -23px;
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}
#main .result .comTextBox .text01 {
    margin-bottom: 17px;
}
#main .comRecommended {
    margin-bottom: 98px;
    padding-bottom: 100px;
    background: #F4E8D8;
}
#main .comRecommended .ttlImg {
    margin-bottom: 51px;
}
#main .comRecommended .innerBox .sub01 .pho {
    left: 17px;
}
#main .comRecommended .innerBox .sub02 .subTtl {
    letter-spacing: 0em;
}
#main .comRecommended .innerBox .sub02 {
    padding: 10px 47px 17px 218px;
    background: #E9D1AF;
}
#main .comRecommended .innerBox .sub02 .inner .txtBox {
    width: 240px;
}
#main .comRecommended .innerBox .sub02 .inner .txtBox {
    line-height: 1.4;
}
#main .comRecommended .innerBox .sub02 .inner .phoBox {
    margin-top: -26px;
    width: 121px;
}
#main .flavor {
    margin-bottom: 72px;
}
#main .flavor .comTtlImg {
    margin-bottom: 36px;
}
#main .flavor .comTtlImg::before {
    height: 260px;
    background-image: url("../img/protein/bg04.jpg");
}
#main .flavor .flavorBox {
    margin: 0 auto;
    width: 650px;
    position: relative;
    z-index: 1;
    border: 1px solid #000;
    background: #fff;
}
#main .flavor .flavorBox h4 {
    padding: 17px 10px 15px;
    text-align: center;
    color: #fff;
    font-size: 2.1rem;
    font-weight: 500;
    background: #000;
}
#main .flavor .flavorBox h4 .en {
    display: block;
    line-height: 0;
}
#main .flavor .flavorBox .inner {
    padding: 52px 60px 52px;
}
#main .flavor .flavorBox .imgList::after {
    width: 150px;
    content: '';
}
#main .flavor .flavorBox .imgList li {
    width: 150px;
}
#main .flavor .flavorBox .imgList li .pho {
    margin: 0 auto 6px;
    width: 150px;
    position: relative;
    text-align: center;
}
#main .flavor .flavorBox .imgList li .pho .soon {
    position: absolute;
    right: -38px;
    top: -35px;
}
#main .flavor .flavorBox .imgList li .ttl {
    margin-bottom: 13px;
    padding-bottom: 11px;
    position: relative;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
}
#main .flavor .flavorBox .imgList li .ttl::after {
    width: 150px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #000;
    content: '';
    transform: translateX(-50%);
}
#main .flavor .flavorBox .imgList li .text {
    margin: 0;
    text-align: justify;
    line-height: 1.82;
}
#main .comHow {
    margin-bottom: 100px;
}
#main .comHow .headLine01 {
    margin-bottom: 48px;
}
#main .comHow .comTtlImg::before {
    height: 260px;
    background-image: url("../img/protein/bg05.jpg");
}
#main .comHow .howBox {
    margin-bottom: 7px;
    padding: 50px 60px 36px 0;
}
#main .comHow .howBox .txtBox .headLine04 {
    margin-bottom: 16px;
    padding-bottom: 16px;
}
#main .comHow .howBox .txtBox p {
    line-height: 1.8;
    letter-spacing: 0;
}
#main .comHow .howBox .photoBox {
    margin-left: -28px;
    margin-top: 8px;
    width: 201px;
}
#main .comHow .note {
    margin: 0 auto 68px;
    width: 650px;
    font-size: 1rem;
}
#main .instagram {
    margin-bottom: 100px;
}
#main .instagram .insList {
    margin-top: -20px;
    margin-bottom: 50px;
}
#main .instagram .insList li {
    margin-right: 25px;
    margin-top: 20px;
    width: 180px;
}
#main .instagram .insList li:nth-child(5n) {
    margin-right: 0;
}
#main .instagram .insList li a {
    display: block;
}
#main .instagram .insList li a:hover {
    opacity: 0.7;
}
#main .instagram .tagList {
    margin-bottom: 50px;
}
#main .instagram .tagList li {
    margin: 0 8px;
    min-width: 180px;
}
#main .instagram .tagList li a {
    padding: 9px 10px 11px;
    display: block;
    text-align: center;
    color: #8D8D8D;
    border-radius: 30px;
    background: #E6E6E6;
}
#main .instagram .comLink {
    margin: 0 auto;
    width: 320px;
}
#main .component {
    margin-bottom: 50px;
}
#main .component .comTxtBox {
    margin-bottom: 69px;
    padding: 54px 50px 52px;
}
#main .component .comTxtBox p {
    line-height: 1.82;
    letter-spacing: 0.08em;
}
@media all and (max-width: 896px) {
    .pageTitle {
        padding-top: 27px;
        background-image: url("../img/protein/sp_page_title_bg.jpg");
    }
    .pageTitle h2 {
        padding: 0;
        width: auto;
    }
    #pagePath {
        margin-bottom: 44px;
    }
    #main .comTopSec {
        margin-bottom: 51px;
    }
    #main .comTopSec .subBox .photoBox {
        margin: 0;
        padding-top: 0;
    }
    #main .comTopSec .subBox .photoBox .pho {
        margin: -19px -10px 0 0;
        padding-left: 10px;
        text-align: center;
    }
    #main .comTopSec .subBox .photoBox img {
        max-width: 100%;
    }
    #main .comTopSec .subBox .textBox {
        margin-top: 0;
        position: relative;
        border: none;
    }
    #main .comTopSec .subBox .textBox::before {
        width: 100%;
        height: calc(100% + 79px);
        position: absolute;
        left: 0;
        top: -79px;
        box-sizing: border-box;
        border: 1px solid #C1C1C1;
        content: '';
    }
    #main .comTopSec .subBox .textBox .subBox {
        padding-top: 14px;
        padding-bottom: 23px;
        position: relative;
        z-index: 1;
    }
    #main .comTopSec .subBox .textBox .ttl {
        padding-top: 16px;
    }
    #main .comTopSec .subBox .textBox .subBox .txtList {
        letter-spacing: 0.15em;
    }
    #main .comTopSec .subBox .textBox .subBox .text01 {
        margin-bottom: 11px;
    }
    #main .comTopSec .subBox .textBox .subBox .text02 {
        padding-top: 2px;
        letter-spacing: 0.13em;
        line-height: 1.62;
    }
    #main .variety {
        margin-bottom: 50px;
        padding: 1px 0 14px;
    }
    #main .variety .imgtext {
        margin: -1px -15px 43px;
    }
    #main .variety h3 {
        margin-bottom: 27px;
        font-size: 2rem;
    }
    #main .variety h3 small {
        margin-top: 0.3em;
        font-size: 1.5rem;
    }
    #main .variety .photo {
        margin: 0 -18px;
    }
    #main .reason {
        margin-bottom: 50px;
    }
    #main .reason .headLine01 {
        margin: 0 5px 49px;
    }
    #main .reason .headLine01 .jp {
        letter-spacing: -0.1em;
    }
    #main .reason .comTtlImg {
        display: none;
    }
    #main .imgBox {
        margin-bottom: 44px;
        padding-top: 50px;
        border-top: 1px solid #E3E3E3;
    }
    #main .imgBox01 {
        margin-bottom: 37px;
        padding-top: 0;
        border-top: none;
    }
    #main .imgBox02 {
        margin-bottom: 44px;
    }
    #main .imgBox .photoBox {
        display: none;
    }
    #main .imgBox .textBox {
        padding-top: 0;
        width: auto;
    }
    #main .imgBox .textBox .headLine03 {
        margin-bottom: 34px;
        padding: 3px 0 0 40px;
    }
    #main .imgBox .textBox .photo {
        margin: 0 -17px 31px;
        text-align: center;
    }
    #main .imgBox .textBox .photo img {
        width: 100%;
    }
    #main .imgBox .textBox p {
        font-size: 1.35rem;
        line-height: 1.85;
        letter-spacing: 0.05em;
    }
    #main .listBox {
        margin: 0 0 49px;
        padding: 28px 15px 28px;
    }
    #main .listBox .ttl {
        padding: 0 15px;
        min-width: 240px;
        box-sizing: border-box;
        top: -15px;
        font-size: 1.65rem;
    }
    #main .listBox .proteinList {
        margin-top: -5px;
    }
    #main .listBox .proteinList li {
        margin: 5px 2px 0;
    }
    #main .protein {
        margin-bottom: 49px;
    }
    #main .protein .headLine01 {
        margin: 0 5px 12px;
    }
    #main .protein .headLine01 .jp {
        padding: 2px 0;
        line-height: 1.35;
    }
    #main .protein .bgBox {
        padding-bottom: 0;
        background: #fff;
    }
    #main .protein .bgBox .content {
        margin: 0;
    }
    #main .protein .bgBox .ttlImg {
        display: none;
    }
    #main .protein .bgBox .pho {
        width: auto;
        height: 300px;
        position: relative;
        right: auto;
        bottom: auto;
        background: url(../img/protein/sp_bg02.jpg) no-repeat center center / cover;
    }
    #main .protein .bgBox .pho img {
        width: 184px;
        position: absolute;
        right: auto;
        left: 18px;
        top: 29px;
        transform: none;
    }
    #main .protein .comTextBox {
        margin: -74px 18px 0;
        position: relative;
        z-index: 2;
    }
    #main .protein .comTextBox .ttlTxt {
        padding: 42px 0 9px 30px;
        font-size: 1.25rem;
        text-align: center;
        letter-spacing: 0.19em;
    }
    #main .protein .comTextBox .ttlTxt img {
        left: -5px;
        top: -59px;
    }
    #main .protein .comTextBox .text01 {
        margin-bottom: 16px;
    }
    #main .protein .comTextBox .comLink {
        margin: 0;
    }
    #main .point {
        margin-bottom: 50px;
    }
    #main .point .headLine01 .jp {
        padding: 4px 0 2px;
        line-height: 1.35;
    }
    #main .point .comTtlImg {
        margin-bottom: 0;
        padding-top: 61px;
    }
    #main .point .comTtlImg::before {
        height: 150px;
        background-image: url("../img/protein/sp_bg05.jpg");
    }
    #main .point .comTtlImg p {
        display: none;
    }
    /*#main .point .comTtlImg p {
        width: 140px;
        display: block;
        position: absolute;
        left: 1px;
        top: -61px;
    }*/
    #main .point .comPointList {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: #EEEEEE 1px solid;
    }
    #main .point .comPointList li {
        margin-bottom: 38px;
    }
    #main .point .comPointList li .pho {
        width: 74.8%;
    }
    #main .point .comPointList li .pho .num {
        width: 75px;
        top: -19px;
        left: -21px;
    }
    #main .point .comPointList li .txtBox {
        padding-bottom: 22px;
    }
    #main .point .comPointList li .txtBox .headLine02 {
        margin-bottom: 12px;
    }
    #main .point .comPointList li .headLine02 span {
        margin-top: 0;
    }
    #main .fromBox {
        margin-bottom: 72px;
    }
    #main .borderBox .innBox {
        padding: 0 28px 29px;
        display: block;
    }
    #main .borderBox .innBox .ttl {
        margin: 3px auto 17px;
        width: 100%;
        max-width: 276px;
    }
    #main .borderBox .innBox .text {
        margin: 0 0 13px;
        width: auto;
        font-size: 1.35rem;
        line-height: 1.97;
        letter-spacing: 0.1em;
    }
    #main .borderBox .innBox .text span {
        margin-bottom: 5px;
        font-size: 1.65rem;
        line-height: 1.65;
    }
    #main .borderBox .innBox .pho {
        text-align: center;
    }
    #main .borderBox .innBox .pho img {
        width: 100%;
    }
    #main .result {
        margin-bottom: 50px;
    }
    #main .result .bgBox {
        background: #fff;
    }
    #main .result .bgBox .content {
        padding: 0;
        margin: 0;
    }
    #main .result .bgBox .ttlImg {
        display: none;
    }
    #main .result .bgBox .pho {
        margin: 0;
        width: auto;
        height: 331px;
        position: relative;
        right: auto;
        top: auto;
        background: url(../img/protein/sp_bg03.jpg) no-repeat center center / cover;
        transform: none;
    }
    #main .result .bgBox .pho img {
        width: calc(100% - 10px);
        max-width: 353px;
        position: absolute;
        right: 7px;
        top: -19px;
        transform: none;
    }
    #main .result .comTextBox {
        margin: -71px 18px 0;
        position: relative;
        z-index: 2;
    }
    #main .result .comTextBox .ttlTxt {
        padding: 42px 0 9px 30px;
        font-size: 1.25rem;
        text-align: center;
        letter-spacing: 0.19em;
    }
    #main .result .comTextBox .ttlTxt img {
        left: -5px;
        top: -59px;
    }
    #main .result .comTextBox .text01 {
        margin-bottom: 16px;
    }
    #main .result .comTextBox .comLink {
        margin: 0;
    }
    #main .comRecommended {
        margin-bottom: 51px;
        padding-bottom: 35px;
    }
    #main .comRecommended .ttlImg {
        margin-bottom: 37px;
    }
    #main .comRecommended .innerBox .sub01 .pho {
        width: 125px;
        left: auto;
        right: 0;
    }
    #main .comRecommended .innerBox .sub01 .txtList li {
        letter-spacing: -0.09em;
    }
    #main .comRecommended .innerBox .sub02 {
        padding: 23px 31px 24px;
    }
    #main .comRecommended .innerBox .sub02 .subTtl {
        margin: 0 -10px 13px;
        letter-spacing: 0;
    }
    #main .comRecommended .innerBox .sub02 .inner .txtBox {
        width: calc(100% - 142px);
    }
    #main .comRecommended .innerBox .sub02 .inner .phoBox {
        margin-top: 7px;
        width: 142px;
    }
    #main .flavor {
        margin-bottom: 50px;
    }
    #main .flavor .comTtlImg {
        margin-bottom: 167px;
        text-align: center;
    }
    #main .flavor .comTtlImg .content {
        margin: 0;
    }
    #main .flavor .comTtlImg::before {
        height: 252px;
        background-image: url("../img/protein/sp_bg04.jpg");
    }
    #main .flavor .comTtlImg p {
        width: 224px;
    }
    #main .flavor .flavorBox {
        margin: 0 18px;
        width: auto;
        border: none;
    }
    #main .flavor .flavorBox h4 {
        padding: 12px 10px 7px;
        font-size: 1.65rem;
        letter-spacing: -0.05em;
    }
    #main .flavor .flavorBox h4 .en img {
        width: 34px;
    }
    #main .flavor .flavorBox .inner {
        padding: 0;
    }
    #main .flavor .flavorBox .imgList {
        margin-bottom: 35px;
        padding-top: 12px;
        display: block;
        border: #8D8D8D solid 1px;
        border-bottom: none;
    }
    #main .flavor .flavorBox .imgList::after {
        display: none;
    }
    #main .flavor .flavorBox .imgList li {
        padding: 16px 25px 5px 14px;
        width: auto;
        border-bottom: #8D8D8D solid 1px;
    }
    #main .flavor .flavorBox .imgList li .subBox {
        display: flex;
        justify-content: space-between;
    }
    #main .flavor .flavorBox .imgList li .pho {
        margin: 8px 0 0 3px;
        width: 141px;
    }
    #main .flavor .flavorBox .imgList li .pho .soon {
        width: 52px;
        right: auto;
        left: -25px;
        top: -18px;
    }
    #main .flavor .flavorBox .imgList li .pho img {
        width: 100%;
    }
    #main .flavor .flavorBox .imgList li .txtBox {
        padding-left: 3px;
        width: calc(100% - 144px);
        box-sizing: border-box;
    }
    #main .flavor .flavorBox .imgList li .ttl {
        margin-bottom: 16px;
        padding-bottom: 11px;
        font-size: 2rem;
    }
    #main .flavor .flavorBox .imgList li .ttl::after {
        width: 100%;
        height: 2px;
        left: 0;
        transform: none;
    }
    #main .flavor .flavorBox .imgList li .text {
        margin: 0 0 10px;
        font-size: 1.35rem;
        line-height: 1.25;
        letter-spacing: 0.08em;
    }
    #main .comHow {
        margin-bottom: 50px;
    }
    #main .comHow .comTtlImg::before {
        height: 150px;
    }
    /*#main .comHow .comTtlImg p {
        width: 174px;
        display: block;
        position: absolute;
        left: 0;
        top: -88px;
    }*/
    #main .comHow .headLine01 {
        margin-bottom: 45px;
    }
    #main .comHow .comTtlImg {
        padding-top: 88px;
    }
    #main .comHow .howBox {
        margin-bottom: 3px;
        padding: 26px 30px 21px 0;
    }
    #main .comHow .howBox .txtBox .headLine04 {
        margin-bottom: 27px;
        text-align: center;
    }
    #main .comHow .howBox .txtBox p {
        margin-bottom: 13px;
        line-height: 1.6;
        letter-spacing: 0.1em;
    }
    #main .comHow .howBox .photoBox {
        margin: 0 16px 0 26px;
        padding-left: 0;
        width: auto;
        text-align: center;
    }
    #main .comHow .note {
        margin: 0 18px 50px;
        width: auto;
        font-size: 1.1rem;
    }
    #main .instagram {
        margin-bottom: 50px;
    }
    #main .instagram .insList {
        margin: 0 0 20px;
    }
    #main .instagram .insList li {
        margin: 0;
        width: 33.33%;
    }
    #main .instagram .insList li:nth-child(n+10) {
        display: none;
    }
    #main .instagram .insList li img {
        width: 100%;
    }
    #main .instagram .tagList {
        margin: -10px 0 50px;
        justify-content: space-between;
    }
    #main .instagram .tagList li {
        margin: 10px 0 0;
        width: 48%;
        min-width: inherit;
    }
    #main .instagram .tagList li a {
        padding: 9px 5px 11px;
        font-size: 1.25rem;
        border-radius: 10px;
    }
    #main .instagram .comLink {
        margin: 0 30px;
        width: auto;
    }
    #main .component {
        margin: 0 18px;
    }
    #main .component .comTxtBox {
        margin-bottom: 50px;
        padding: 23px 27px 26px;
    }
    #main .component .comTxtBox p {
        line-height: 2;
    }
}