@charset "UTF-8";



/*★★202011企業・団体の皆様へ★★*/
.company-publicity p{
    font-size:14px;
    max-width: 800px;
    margin: 0 auto;
}

.company-publicity .contents {
  max-width: 1100px;
  margin: 0 auto; 
  padding:30px 50px;
  line-height: 1.35em;
}

@media (max-width: 768px) {
 .company-publicity .contents {
  padding:5%;
}
}

.company-publicity-head {
  width: 100%;
  background: url("/static/img/company/background-sunflower.png") no-repeat center;
  background-size: cover; 
  color: #767676;
  text-align: center;
  padding: 120px 0;
}

@media (max-width: 768px) {
    .company-publicity-head {
        padding: 60px 0;
    }
}

.company-publicity-head h1 {
  font-family: HiraKakuPro-W3;
  font-weight: normal;
  font-size: 22px;
  line-height: 24px;
  white-space: nowrap;
  margin-bottom: 0.3em;
  }

.company-publicity-head p{
  font-size:12px;
}

.company-publicity-lead{
    margin-top:30px;
}

.company-publicity-lead .contents p{
    line-height: 1.75em;
}
    
@media (max-width: 768px) {
.company-publicity-lead{
    margin-top:0;
}
}

.company-publicity-wrap .contents{
    text-align: center;
}

.company-publicity-wrap section{
    display:inline-block;
    width:45%;
    text-align: left;
}
    
@media (max-width: 768px) {
.company-publicity-wrap section{
   display: inline;
}
}

.company-publicity-wrap section:hover{
    opacity: 0.5;
}

.company-publicity-wrap section h2{
    font-weight: normal;
    font-size:18px;
}

.company-publicity-wrap section#sampling h2{
    background: url("/static/img/company/y_under.png") no-repeat 0 10px;
}

.company-publicity-wrap section#company-gift h2{
    background: url("/static/img/company/b_under.png") no-repeat 0 10px;
}

.company-publicity-wrap #company-gift{
    padding-left:5%;
}

@media (max-width: 768px) {
.company-publicity-wrap #company-gift{
    padding-left:0;
}    
}
    
.company-publicity-wrap section img{
    width:100%;
}

/*サンプリング*/
.sampling p{
    font-size:14px;
}


.sampling .contents {
    max-width: 1100px;
    margin: 0 auto; 
    padding:30px 50px;
    text-align: center;
    line-height: 1.35em;
}

@media (max-width: 768px) {
 .sampling .contents {
        padding:5%;
}
}

.sampling h1 {
    font-family: HiraKakuPro-W3;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    white-space: nowrap;
    margin-bottom: 0.3em;
  }

.sampling h2{
    font-family: HiraKakuPro-W3;
    font-weight: normal;
    font-size: 30px; 
    color: #767676;
    text-align: center;
    margin-top:80px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .sampling h2{
        font-size:18px;
        margin:0;
    }

}
.sampling .sampling-head {
    width: 100%;
    background: url("/static/img/company/background-lavender-01.png") no-repeat center;
    background-size: cover; 
    color: #767676;
    text-align: center;
    padding: 120px 0;
}

@media (max-width: 768px) {
    .sampling .sampling-head {
        padding: 60px 0;
    }
}


.sampling .sampling-head p{
    font-size:12px;
}

.sampling .directory{
    font-size:12px;
    color:#767676;
    text-align: left;
    margin-bottom: 20px;
}

.sampling .directory a{
    color:#767676;
}


.sampling .sampling-lead{
    text-align: center;
}

.sampling .sampling-lead .trouble{
    display: inline-block;
}

.sampling .sampling-lead .trouble img{
    float:left;
}

.sampling .sampling-lead .trouble ul{
    list-style: none;
    font-size: 14px;
    float: right;
    padding-top: 50px;
    line-height: 2em;
    background: url("/static/img/company/comment.png") no-repeat 40px 7px;
    width: 338px;
    height: 191px;
}
@media (max-width: 768px) {
    .sampling .sampling-lead .trouble img{
    display: none;
}

    .sampling .sampling-lead .trouble ul{
    padding-top: 40px;
    background: url("/static/img/company/comment.png") no-repeat;
    padding-left: 0;
}

}

.sampling .sampling-lead .text{
    text-align: left;
    max-width: 865px;
    margin: 0 auto;
    line-height: 1.75em;
}

.sampling .sampling-lead .text a{
    color:#173262;
}

.sampling .sampling-lead .arrow{
    display: block;
    margin: 0 auto;
} 

.sampling .sampling-lead .catch{
    font-size: 20px;
    font-weight: bold;
    padding: 35px 0;
}


@media (max-width: 768px) {
    .sampling .sampling-lead .catch{
        font-size:16px;
    }
}

.sampling .points{
    margin-top: 50px;
}

.sampling .points h3{
    font-weight: normal;
    font-size: 20px; 
    color: #305280;
    text-align: left;
}

.sampling .points h3 .emphasis{
    font-weight: normal;
    font-size: 28px; 
    color: #305280;
    text-align: left;
}

@media (max-width: 768px) {
    .sampling .points h3{
        font-size:16px;
    }
    
    .sampling .points h3 .emphasis{
        font-size:20px;
    }
}



.sampling .points h3 .notes{
    font-size: 12px;
    padding-left: 5px;
}

.sampling .points section#point1 h3:before{
    display: inline-block;
    content: '';
    background: url("/static/img/company/ico_japan.png") no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 39px;
    padding-right: 5px;
}

.sampling .points section#point2 h3:before{
    display: inline-block;
    content: '';
    background: url("/static/img/company/ico_people.png") no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 30px;
    padding-right: 5px;
}

.sampling .points section#point3 h3:before{
    display: inline-block;
    content: '';
    background: url("/static/img/company/ico_phone.png") no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 27px;
    padding-right: 5px;
}

.sampling .points section#point4 h3:before{
    display: inline-block;
    content: '';
    background: url("/static/img/company/ico_heart.png") no-repeat;
    height: 30px;
    vertical-align: middle;
    width: 35px;
    padding-right: 5px;
}


.sampling .points h4{
    font-size: 14px;
    text-align: left;
    margin: 0;
}

.sampling .points section{
    display: inline-block;
    width: 45%;
    padding:2%;
    vertical-align: top;
}

@media (max-width: 768px) {
    .sampling .points section{
    display: inline;
}

}

.sampling .points section p{
    text-align: left;
    padding-bottom: 15px;
}

.sampling .points section img{
    width:100%;
}

.sampling .points section table{
    font-size:12px;
    width:100%;
}

.sampling .points section table tr{
    height:20px;
}

.sampling .points section table th{
    background-color: #C9A767;
    color:#fff;
}


.sampling .points section table td{
    padding:3px;
    background-color:#FFFAD1;
}

.sampling .points section#point2 img{
    width:auto;
}

@media (max-width: 768px) {
    .sampling .points section#point2 img{
        width:100%;
}
}

.sampling .performance{
    margin-top:50px;
}

.sampling .performance h2{
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .sampling .performance h2{
        margin-bottom: 20px;
    }
}

.sampling .performance ul{
    font-size:14px;
    list-style: none;
    display: inline-block;
    text-align: left;
}

@media (max-width: 768px) {
    .sampling .performance ul{
        width:100%;
        height:130px;
        background: url("/static/img/company/background-cosme.png") no-repeat right;
        padding-left: 0;
    }
    
    .sampling .performance ul li{
        padding-bottom: 3px;
    }
}

.sampling .performance h3{
    font-size: 13px;
    margin: 0;
}
  
.sampling .performance .example{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 25%;
    margin-left: 2%;
    background-color: #EEF6E6;
    padding: 5px;
    position: relative;
    z-index: 1;
}

.sampling .performance .example:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #EEF6E6;
    z-index: -1;
}

@media (max-width: 768px) {
    .sampling .performance .example{
        width: 90%;
        margin-left: 0;
}

.sampling .performance .example:before {
        top: 0;
        left: 50px;
        margin-top: -15px;
}

}


.sampling .performance .example p{
    font-size: 12px;
}

.sampling .contact{
    margin-top: 50px;
}

.sampling .contact a{
    margin-top: 25px;
    display: inline-block;
    background-color: #173262;
    color: #fff;
    padding: 15px;
    text-decoration: underline;
}

.sampling .contact a:hover{
    opacity: 0.5;
}


/*ギフト(法人向け）*/
.company-gift p{
    font-size:14px;
}

.company-gift .contents {
    max-width: 1100px;
    margin: 0 auto; 
    padding:30px 50px;
    text-align: center;
    line-height: 1.35em;
}

@media (max-width: 768px) {
 .company-gift .contents {
        padding:5%;
}
}

.company-gift h1 {
    font-family: HiraKakuPro-W3;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    white-space: nowrap;
    margin-bottom: 0.3em;
  }

.company-gift h2{
    font-family: HiraKakuPro-W3;
    font-weight: normal;
    font-size: 30px; 
    color: #767676;
    text-align: center;
    margin-top:80px;
    margin-bottom: 50px;
}

@media (max-width: 768px){
    .company-gift h2{
        font-size: 18px;
        margin:0;
    }
}

.company-gift .company-gift-head {
    width: 100%;
    background: url("/static/img/company/background-lavender-02.png") no-repeat center;
    background-size: cover; 
    color: #767676;
    text-align: center;
    padding: 120px 0;
}

@media (max-width: 768px) {
    .company-gift .company-gift-head {
        padding: 60px 0;
    }
}

.company-gift .company-gift-head p{
    font-size:12px;
}

.company-gift .directory{
    font-size:12px;
    color:#767676;
    text-align: left;
    margin-bottom: 20px;
}

.company-gift .directory a{
    color:#767676;
}


.company-gift .company-gift-lead{
    text-align: left;
    max-width: 865px;
    margin: 0 auto;
}

.company-gift .company-gift-lead .text{
    line-height: 1.75em;
}

.company-gift .case{
    margin-top: 50px;
}

.company-gift h3{
    font-weight: normal;
    font-size: 20px; 
    color: #305280;
    text-align: left;
}

@media (max-width: 768px) {
    .company-gift h3{
        font-size:18px;
    }
}

.company-gift section{
    display: inline-block;
    width: 45%;
    padding:0 2%;
    vertical-align: top;
}

@media (max-width: 768px) {
    .company-gift section{
    display: inline;
}

}

.company-gift section p{
    text-align: left;
    padding-bottom: 15px;
}

.company-gift section img{
    width:100%;
}

.company-gift .merits{
    margin-top: 50px;
}

.company-gift .merits section p span{
    font-size:90%;
} 

.company-gift .spec{
    margin-top: 50px;
}

.company-gift .spec p{
    text-align: left;
    max-width: 865px;
    margin: 0 auto;
}

@media (max-width: 768px){
    .company-gift .spec p{
        padding-top: 20px;
    }
}

.company-gift .spec a{
    margin-top: 10px;
    text-decoration: underline;
    font-size: 14px;
    display: inline-block;
}

.company-gift .contact{
    margin-top: 50px;
}

.company-gift .contact p{
    text-align: left;
    max-width: 465px;
    margin: 0 auto;
}

.company-gift .contact a{
    margin-top: 25px;
    display: inline-block;
    background-color: #173262;
    color: #fff;
    padding: 15px;
    text-decoration: underline;
}

.company-gift .contact a:hover{
    opacity: 0.5;
}

/*ラフィネギフト*/
.gift p{
    font-size:14px;
}

.gift .contents {
    max-width: 1100px;
    margin: 0 auto; 
    padding:30px 50px;
    line-height: 1.35em;
}

@media (max-width: 768px) {
 .gift .contents {
        padding:5%;
}
}

.gift h1 {
    font-family: HiraKakuPro-W3;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    white-space: nowrap;
    margin-bottom: 0.3em;
  }

.gift h2{
    font-family: HiraKakuPro-W3;
    font-weight: normal;
    font-size: 30px; 
    color: #767676;
    text-align: center;
    margin-top:80px;
    margin-bottom:50px;
}

@media (max-width: 768px){
    .gift h2{
        font-size:18px;
        margin:0;
        padding-bottom: 20px;
    }
}

.gift .gift-head {
    width: 100%;
    background: url("/static/img/company/background-sunflower02.png") no-repeat center;
    background-size: cover; 
    color: #767676;
    text-align: center;
    padding: 120px 0;
}

@media (max-width: 768px) {
    .gift .gift-head {
        padding: 60px 0;
    }
}

.gift .gift-head p{
    font-size:12px;
}

.gift .gift-lead{
    text-align: left;
    margin: 0 auto;
    max-width: 980px;/**/
}

.gift .gift-lead .text{
    line-height: 1.75em;
}

.gift .gift-lead .text .notes{
    font-size: 12px;
}
 /* 
.gift .gift-lead img{
    padding-left: 5px;
    vertical-align: middle;
    display: block;
    margin:0 auto;
    padding-top:20px;
}
*/
 /*@media (max-width: 768px){
   .gift .gift-lead img{
        width:100%;
    }
} */

/*20201215追加*/
.gift .gift-lead .purchase p{
    padding: 30px 0 10px;
}

.gift .gift-lead .purchase a{
    display: inline-block;
    width: 40%;
    margin-right: 10px;
/*  color: #173262;
    width: 260px;
    text-align: center;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    position: relative;
    font-weight: bold; */
}

.gift .gift-lead .purchase a img{
    width:100%;
}

/*
.gift .gift-lead .purchase a span{
    position: absolute;
    right:10px;
}
*/
@media (max-width: 768px) {
    .gift .gift-lead .purchase{
        text-align: center;
    }
    
    .gift .gift-lead .purchase a{
        margin-right:0;
        margin-bottom: 14px;
        width: 90%;
    }

}

.gift .spec{
    margin-top:50px;
}

.gift .spec h3{
    font-size:14px;
}

.gift .spec h3 a{
    color:#173262;
    text-decoration: underline;
}

.gift .spec p{
    padding-bottom: 20px;
}


.gift .spec section{
    display: inline-block;
    width: 45%;
    padding:0 2%;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .gift .spec section{
    display: inline;
    padding:0;
}
}
.gift .spec section img{
    width:100%;
}

.gift .spec section a{
    text-decoration: underline;
}

.gift .spec section span a{
    font-size: 90%;
    color: #173262;
    text-decoration: none;
}

.gift .spec dl{
    font-size: 14px;
}

.gift .spec dl dd{
    margin: 0;
    padding-bottom: 10px;
    word-break: keep-all;
}

@media (max-width: 768px) {
    .gift .spec dl dd{
        word-break: normal;
    }
}
.gift .attention{
    margin-top:50px;
}

.gift .attention ul{
    list-style: none;
    font-size: 14px;
    padding: 0;
    line-height: 1.75em;
}

.gift .attention ul li a{
    color:#173262;
}

.gift .company-gift{
    padding-top:50px;
    text-align: center
}
.gift .company-gift p{
    text-align: left;
    max-width: 765px;
    margin: 0 auto;
}

.gift .company-gift a{
    margin-top: 25px;
    display: inline-block;
    background-color: #173262;
    color: #fff;
    padding: 15px;
    text-decoration: underline;
}

.gift .company-gift a:hover{
    opacity: 0.5;
}


/*フッター*/
footer{
    background-color:#f4f4f4;
}

.global-footer .banner_area{
    max-width: 1100px;
    margin: 0 auto;
}
.global-footer .banner_area ul{
    display: flex;
    list-style: none;
    padding:0;
}

.global-footer .banner_area ul li{
    padding:2% 1%;
}

@media (max-width: 768px){
    .global-footer .banner_area ul{
        display:inline-block;
    }
    
    .global-footer .banner_area ul li{
        padding:5px 15px;
    }
}

.global-footer .banner_area ul li a img{
    width:100%;
}

.global-footer .banner_area ul li a:hover{
    opacity: 0.5;
}
/*★★★★★★*/
    
@media (max-width: 768px) {
    
}