@charset "UTF-8";
@font-face {
  font-family: 'CormorantGaramond';
  src: url("../../font/CormorantGaramond-Medium.woff"); }

@font-face {
  font-family: 'EBGaramond';
  src: url("../../font/EBGaramond-Regular.woff"); }

.pc_only {
  display: none !important; }

#breadcrumb .cateList {
  line-height: calc(40 *(100vw / 750));
  font-size: calc(20 *(100vw / 750));
  margin: 20px auto 10px;
  color: #000000;
  width: 92%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  display: flex;
  flex-wrap: wrap;
}
#breadcrumb .cateList li{
  margin-right: 5px;
}

#outer_lp{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  width: 100%;
    text-align: justify;
    margin: 0 auto;
    color: #58595B;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    font-size:calc(26 *(100vw / 750));
    line-height: 2;
    word-break: break-all;

}
#outer_lp img{
    width: 100%;
}
#outer_lp section .credit{
    font-size:calc(22 *(100vw / 750));
    margin: calc(40 *(100vw / 750)) auto calc(95 *(100vw / 750));
    width: calc(675 *(100vw / 750));
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
#outer_lp section .credit a{
    border-bottom: 1px solid #58595B;
    line-height: 0.9;
    display: inline-block;
    margin-bottom: calc(25 * (100vw / 750));
}
#outer_lp section .credit a:last-child{
    margin-bottom: 0;
}
#outer_lp section .credit span{
    font-size: calc(28 *(100vw / 750));
    font-family: "EBGaramond", serif;
    letter-spacing: 0.005em;
}

#outer_lp .mv{
    margin-bottom: calc(130*(100vw/750));
}
#outer_lp .mv p{
    margin: calc(48 *(100vw / 750)) auto calc(90 *(100vw / 750));
    width: calc(675 *(100vw / 750));
    text-align: center;
    line-height: 2.05;
}

#outer_lp .present{
  width: 100%;
  height: calc(1428*(100vw/750));
}

#outer_lp .present .bg{
  background: #f9f6ed no-repeat;
  padding: calc(60*(100vw/750)) calc(40*(100vw/750)) calc(50*(100vw/750));
  position: relative;
}

#outer_lp .present .bg h2{
  font-size: calc(64*(100vw/750));
  color: #705238;
  position: relative;
  font-family: demos-next, sans-serif;
  font-weight: 500;
  font-style: normal;
  width: calc(283*(100vw/750));
  margin: calc(-130*(100vw/750)) auto 0;
  letter-spacing: 0.05em;
}

#outer_lp .present .bg h2::after{
  content: "";
  background: #705238;
  width: auto;
  height: 1px;
  position: absolute;
  left: 0px;
  right: 0;
  bottom: calc(30*(100vw/750));
  z-index: 0;
  margin: 0 auto;
}

#outer_lp .present .bg p{
  font-size: calc(26*(100vw/750));
  margin-top: calc(30*(100vw/750));
  line-height: 2;
  text-align: justify;
  letter-spacing: 0.05em;
}

#outer_lp .present .bg p.attention{
  text-align: left;
  margin-top: calc(38*(100vw/750));
  font-size: calc(20*(100vw/750));
}

#outer_lp .present .bg .present_img{
  width: calc(526*(100vw/750));
  margin: calc(60*(100vw/750)) auto 0;
}

#outer_lp .present .bg .present_img_text{
  font-size: calc(20*(100vw/750));
  text-align: center;
  margin-top: calc(18*(100vw/750));
  line-height: 2;
  letter-spacing: 0.15em;
}

#outer_lp section .title{
  color: #705238;
  font-size: calc(62*(100vw/750));
  text-align: center;
  font-family: demos-next, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}

#outer_lp .protectionmaterial .pro_tit{
  line-height: 1.1;
}
#outer_lp .protectionmaterial .pro_tit::before{
  content: '';
  background: #705238;
  height: 3px;
  width: 8px;
  margin-right: 6px;
  position: absolute;
  left: calc(130*(100vw/750));
  top: calc(74*(100vw/750));
  margin: auto;
}
#outer_lp .protectionmaterial .pro_tit::after{
  content: '';
  background: #705238;
  height: 3px;
  width: 8px;
  margin-right: 6px;
  position: absolute;
  right: calc(130*(100vw/750));
  top: calc(74*(100vw/750));
  margin: auto;
}

/*woolcoat*/
#outer_lp section.woolcoat{
  margin-top: calc(75*(100vw/750));
  margin-bottom: calc(120*(100vw/750));
}

/*_01*/
#outer_lp section.woolcoat ._01 .left{
  width: calc(675*(100vw/750));
  margin-top: calc(25*(100vw/750));
}
#outer_lp section.woolcoat ._01 .left .credit{
  margin-left: calc(38*(100vw/750));
}

#outer_lp section.woolcoat ._01 .right{
  width: calc(600*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(15*(100vw/750));
}

/*_02*/
#outer_lp section.woolcoat ._02 .left{
  width: calc(526*(100vw/750));
  margin-top: calc(120*(100vw/750));
  margin-right: auto;
  margin-left: auto;
}

#outer_lp section.woolcoat ._02 .right{
  width: calc(676*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(15*(100vw/750));
}

/*_03*/
#outer_lp section.woolcoat ._03 .left{
  width: calc(600*(100vw/750));
  margin-top: calc(120*(100vw/750));
}
#outer_lp section.woolcoat ._03 .left .credit{
  margin-left: calc(38*(100vw/750));
}

#outer_lp section.woolcoat ._03 .right{
  width: calc(525*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(20*(100vw/750));
}

/*_04*/
#outer_lp section.woolcoat ._04 .center{
  width: calc(676*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(120*(100vw/750));
}

/*_05*/
#outer_lp section.woolcoat ._05 .absolute{
  width: calc(600*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(120*(100vw/750));
}

#outer_lp section.woolcoat ._05 .left{
  width: calc(675*(100vw/750));
  margin-top: calc(120*(100vw/750));
}
#outer_lp section.woolcoat ._05 .left .credit{
  margin-left: calc(38*(100vw/750));
}

#outer_lp section.woolcoat ._05 .right{
  width: calc(525*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(15*(100vw/750));
}

/*boacoat*/
#outer_lp section.boacoat{
  margin-top: calc(75*(100vw/750));
  margin-bottom: calc(120*(100vw/750));
}

/*_06*/
#outer_lp section.boacoat ._06 .left{
  width: calc(675*(100vw/750));
  margin-top: calc(25*(100vw/750));
  margin-left: auto;
  margin-right: auto;
}

#outer_lp section.boacoat ._06 .right{
  width: calc(600*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(15*(100vw/750));
}

/*PROTECTIONMATERIAL*/
#outer_lp section.protectionmaterial{
  margin-top: calc(155*(100vw/750));
  margin-bottom: calc(120*(100vw/750));
}

#outer_lp section.protectionmaterial .pro_tit{
  position: relative;
}

/*_07*/
#outer_lp section.protectionmaterial ._07 .left1{
  width: calc(525*(100vw/750));
  margin-top: calc(55*(100vw/750));
}
#outer_lp section.protectionmaterial ._07 .left1 .credit{
  margin-left: calc(38*(100vw/750));
}

#outer_lp section.protectionmaterial ._07 .right1{
  width: calc(600*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(120*(100vw/750));
}

#outer_lp section.protectionmaterial ._07 .left2{
  width: calc(675*(100vw/750));
  margin-top: calc(120*(100vw/750));
  margin-left: auto;
  margin-right: auto;
}

#outer_lp section.protectionmaterial ._07 .right2{
  width: calc(525*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(120*(100vw/750));
}


#outer_lp .link_wrap {
  width: calc(600*(100vw/750));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: calc(145*(100vw/750)) auto calc(160*(100vw/750));
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1; }
  #outer_lp .link_wrap .link_list a {
    display: table;
    height: calc(110*(100vw/750));
    width: calc(600*(100vw/750));
    background: #705238;
    color: #fff;
    font-family: "EB Garamond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
  #outer_lp .link_wrap .txt_wrap {
    display: table-cell;
    padding: calc(20*(100vw/750)) 0;
    text-align: center; }
  #outer_lp .link_wrap strong {
    margin-bottom: 3px;
    display: block;
    font-weight: normal;
    font-family: demos-next, sans-serif;
    font-size: calc(44*(100vw/750));
    /*letter-spacing: 0.03em; */
    }
  #outer_lp .link_wrap .small {
  font-size: calc(22*(100vw/750));
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
}
  #outer_lp .link_wrap .small span{
  font-weight: 300;
}