/**
	* Computes a CSS calc function that betweens a value from
	* A to B over viewport-width A to viewport-width B.
	* Requires a media query to cap the value at B.
	* vw 雼渼毳 頇滌毄頃橃棳 氙鸽敂鞏挫考毽 攵勱赴鞚 欷戧皠 靸來儨臧掛潉
	* 瓿勳偘頃挫＜電 SASS 頃垬.
	* 臧勱博鞚措倶 韽绊姼靷澊歃堨棎 鞝侅毄頃橂┐ 鞛愳棸鞀る煬鞖
	* 氚橃潙順 靷澊歃 觳橂Μ臧€ 臧€電 頃?
	* 彀戈碃靷澊韸 http://dohoons.com/blog/1364
	*/
/**
	* Read the article: http://sassbreak.com/viewport-relative-headings-with-sass
	* px 毳 vw 搿 鞛愲彊鞙茧 氚旉繑 欷?
	* max-breakpoint 毳 靹れ爼頃橂┐ 氙鸽敂鞏挫考毽 敫岆爤鞚错伂 韽澑韸戈皜 霅?
	* 攴鸽灅靹 氙鸽敂鞏挫考毽 敫岆爤鞚错伂 韽澑韸胳棎 毵烄栋 px 臧€ vw 搿 氤€頇橂惃.
	* 100% 氤措嫟 雿 韥矊 鞝侅毄 頃橁碃 鞁鹅溂氅 return 攵€攵勳潉 靾橃爼頃橂┐霅?
	* 彀戈碃靷澊韸 http://sassbreak.com/viewport-relative-headings-with-sass/
	*/
/*! mobile 氩勳爠 - css */
@media (max-width: 1023px) {
  .history-wrp .h100vh, .introduction2-container .top-visual.num1-2, .history-wrp .h100vh .pos-rel .top-year {
    height: calc(var(--vh, 1vh) * 100) !important;
  }
  /* 須岇偓靻岅皽 */
  :lang(en) .introduction1-container .summary-cont .value-cont .fnt-number {
    width: 51%;
  }
  :lang(en) .introduction2-container .years-title span {
    white-space: break-spaces;
  }
  :lang(en) .introduction301-container .sub-text {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin: 0;
  }
  :lang(en) .introduction301-container .fnt-title-s1 span,
:lang(en) .introduction302-container .fnt-title-s1 span {
    font-size: 26px;
    font-size: 2.6rem;
  }
  :lang(en) .introduction301-container .txt-box .fnt-title1,
:lang(en) .introduction302-container .txt-box .fnt-title1 {
    display: flex;
    justify-content: center;
  }
  :lang(en) .introduction301-container .txt-box .fnt-title1 span,
:lang(en) .introduction302-container .txt-box .fnt-title1 span {
    word-break: initial;
    font-size: 46px;
    font-size: 4.6rem;
  }
  :lang(en) .introduction5-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .introduction5-container .fnt-sub {
    top: 23%;
  }
  :lang(en) .introduction5-container .ceo-top-box img.mo-only {
    width: 100%;
  }
  :lang(en) .introduction501-container .location-info .map {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 100%;
    top: 5%;
    left: 0;
    padding-bottom: 68%;
    z-index: 1;
  }
  :lang(en) .introduction501-container .location-info .map .map-in {
    top: 3%;
  }
  :lang(en) .introduction501-container .location-info .map .map-in img {
    display: none;
  }
  :lang(en) .introduction501-container .location-info .map .map-in img:first-child {
    display: block;
  }
  :lang(en) .introduction501-container .location-tit h2 {
    margin: 100px 0 40px;
    margin: 10rem 0 4rem;
    padding: 0 16px;
    padding: 0 1.6rem;
    font-size: 37px;
    font-size: 3.7rem;
    font-weight: 700;
    line-height: 1.1;
  }
  :lang(en) .introduction502-container .location-info .info.type1 .fnt-tag + .fnt-tag {
    margin-left: 1px;
    margin-left: 0.1rem;
  }
  :lang(en) .introduction6-container .fnt-title5 span,
:lang(en) .introduction6-container .fnt-title5 em {
    font-size: 35px;
    font-size: 3.5rem;
  }
  :lang(en) .introduction701-container .top-visual .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .introduction701-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .introduction701-container .txt3 .fnt1 span {
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: 700;
  }
  :lang(en) .introduction701-container .txt4 .fnt-title-s1 span {
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: 700;
  }
  :lang(en) .introduction701-container .txt5 .fnt-title-s1 span {
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: 700;
  }
  :lang(en) .introduction703-container .top-visual .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .introduction703-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .introduction704-container .sec-ttl {
    padding: 0 12px;
    padding: 0 1.2rem;
  }
  :lang(en) .introduction704-container .tab-cont .fnt-title6 span, :lang(en) .introduction704-container .tab-cont .fnt-title6 em {
    font-size: 23px;
    font-size: 2.3rem;
  }
  :lang(en) .introduction704-container .tab-btn .tab span, :lang(en) .introduction704-container .tab-btn .tab.on span {
    word-break: initial;
  }
  .top-visual .txt-box {
    background: none;
  }
  .top-visual.num19 .bg-img {
    background: url(../image/visual19_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num20 .bg-img {
    background: url(../image/visual20_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num21 .bg-img {
    background: url(../image/visual21_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num22 .bg-img {
    background: url(../image/visual22_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num30 .bg-img {
    background: url(../image/visual30_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num31 .bg-img {
    background: url(../image/visual31_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  /*! 靷梾鞛レ渼旃 */
  .location-info .info ul li.on .ico-list .ico-pr1:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr2:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr3:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr5:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr6:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr7:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr8:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr9:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr10:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr11:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -280px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr12:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr13:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr14:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr15:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr16:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr17:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr18:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr19:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr20:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr21:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr22:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr23:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr24:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr25:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr26:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr27:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr28:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr29:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr30:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr31:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr32:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -201px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr33:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -162px -90px;
  }
  /*! 鞐绊榿 */
  .history-wrp .h100vh .pos-rel .top-year .big-num {
    top: 30%;
  }
  .history-wrp .h100vh .pos-rel .top-year .tit {
    top: 30%;
  }
  .history-wrp .h100vh .move-year .list li {
    font-weight: 700;
  }
  .introduction1-container .company-info li:nth-child(2n) {
    border-right: 0;
  }
  .introduction2-container {
    /* 220629 鞐绊榿氅旍澑 氚 鞐氨 靷牅 */
  }
  .introduction2-container + #footer {
    margin-top: 0;
  }
  .introduction2-container .top-visual.num1-2 {
    height: 100vh;
  }
  /*s : 20230324 鞐绊榿韼橃澊歆€ 靾橃爼*/
  .introduction2-container .top-visual.num1-2 .bg-img-new.pc-only {
    display: none;
  }
  
  .introduction2-container .top-visual.num1-2 .bg-img-new.mo-only {
    display: block;
    width: 100%;
    height: 100vh;
    background: url(../image/visual_year_mo.jpg) no-repeat center;
    background-size: cover;
    -webkit-animation: none;
            animation: none;
  }
  /*e : 20230324 鞐绊榿韼橃澊歆€ 靾橃爼*/

  .introduction2-container .top-visual.num1-2 .bg-img1.pc-only {
    display: none;
  }
  
  .introduction2-container .top-visual.num1-2 .bg-img1.mo-only {
    display: block;
    width: 100%;
    height: 100vh;
    background: url(../image/visual29_mo.jpg) no-repeat center;
    background-size: cover;
    -webkit-animation: none;
            animation: none;
  }
  .introduction2-container .top-visual.num1-2 .bg-img2.pc-only {
    display: none;
  }
  .introduction2-container .top-visual.num1-2 .bg-img2.mo-only {
    display: block;
    width: 100%;
    height: 100vh;
    background: url(../image/visual29_mo_2.jpg) no-repeat center;
    background-size: cover;
    -webkit-animation: none;
            animation: none;
  }
  .introduction2-container .top-visual.num1-2 .bg-img3.pc-only {
    display: none;
  }
  .introduction2-container .top-visual.num1-2 .bg-img3.mo-only {
    display: block;
    width: 100%;
    height: 100vh;
    background: url(../image/visual29_mo_3.jpg) no-repeat center;
    background-size: cover;
    -webkit-animation: none;
            animation: none;
  }
  .introduction2-container .top-visual .txt-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
  }
  .introduction2-container .top-visual .txt-box .top-years em {
    display: inline-block;
    
    font-size: 60px;
    font-size: 6rem;
    letter-spacing: -0.08em;
    text-align: center;
  }
  .introduction2-container .top-visual .txt-box .top-years span {
    display: block;
    
    font-size: 60px;
    font-size: 6rem;
    margin: -25px 0;
    margin: -2.5rem 0;
  }
  .introduction2-container .top-visual .txt-box .years-title span {
    display: inline-block;
    font-size: 30px;
    font-size: 3rem;
    margin-top: 24px;
    margin-top: 2.4rem;
    font-weight: 700;
  }
  .introduction2-container .top-visual .ico-scroll {
    position: absolute;
    left: 50%;
    bottom: 37px;
    bottom: 3.7rem;
    transform: translate(-50%, 0);
    background: url(../image/ico_scroll_m.png) no-repeat;
    background-size: 100% auto;
    width: 14px;
    width: 1.4rem;
    height: 19px;
    height: 1.9rem;
  }
  .introduction2-container .top-visual .years-sub {
    margin-top: 10px;
    margin-top: 1rem;
  }
  .introduction2-container .top-visual .years-sub span {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 43px;
    padding: 0 4.3rem;
  }
  .introduction2-container .top-visual .years-btn {
    margin-top: 52px;
    margin-top: 5.2rem;
  }
  .introduction2-container .top-visual .years-btn a span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    padding: 13px 20px;
    padding: 1.3rem 2rem;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 300px;
  }
  .introduction2-container .top-visual .years-btn a span:after {
    content: "";
    display: inline-block;
    width: 13px;
    width: 1.3rem;
    height: 12px;
    height: 1.2rem;
    margin-left: 8px;
    margin-left: 0.8rem;
    background: url(../image/ico_back_white.png) no-repeat;
    background-size: 100% 100%;
  }
  .introduction2-container .top-visual .years-btn .back-info {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 10px;
    margin-top: 1rem;
  }
  .introduction2-container .top-visual .years-btn .back-info:before {
    content: "";
    display: inline-block;
    width: 14px;
    width: 1.4rem;
    height: 14px;
    height: 1.4rem;
    margin-right: 5px;
    margin-right: 0.5rem;
    background: url(../image/ico_caution_white.png) no-repeat;
    background-size: 100% 100%;
  }
  @-webkit-keyframes history-tab-btn1 {
    0% {
      padding-bottom: 0;
      margin-top: 0;
    }
    100% {
      padding-bottom: 12px;
      margin-top: -12px;
    }
  }
  @keyframes history-tab-btn1 {
    0% {
      padding-bottom: 0;
      margin-top: 0;
    }
    100% {
      padding-bottom: 12px;
      margin-top: -12px;
    }
  }
  @-webkit-keyframes history-tab-btn2 {
    0% {
      height: 0;
    }
    100% {
      height: 46px;
    }
  }
  @keyframes history-tab-btn2 {
    0% {
      height: 0;
    }
    100% {
      height: 46px;
    }
  }
  .history-tab-wrp {
    display: inline-flex;
    margin-top: 118px;
    margin-top: 11.8rem;
  }
  .history-tab-wrp .history-in {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    margin-right: 2rem;
    width: 128px;
    width: 12.8rem;
    height: 122px;
    height: 12.2rem;
    padding: 50px 16px;
    padding: 5rem 1.6rem;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
  .history-tab-wrp .history-in:nth-of-type(2) {
    margin-right: 0;
  }
  .history-tab-wrp .history-in span {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #fff;
    transition: margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .history-tab-wrp .history-in.bake:hover {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #DA291C;
    border-color: transparent;
  }
  .history-tab-wrp .history-in.food:hover {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #8DC254;
    border-color: transparent;
  }
  .history-tab-wrp .history-in.bake.on {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #DA291C;
    border-color: transparent;
  }
  .history-tab-wrp .history-in.food.on {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #8DC254;
    border-color: transparent;
  }
  .history-wrp-control.reverse .history-tab-list .history-tab a.tab-btn.active {
    color: #DA291C;
    box-shadow: inset 0px -2px 0px 0px #DA291C;
  }
  .history-tab-wrap {
    position: fixed;
    top: 56px;
    top: 5.6rem;
    width: 100%;
  }
  .history-tab-wrap .history-tab-list {
    width: 100%;
    display: inline-flex;
    justify-content: center;
  }
  .history-tab-wrap .history-tab-list .history-tab {
    flex: none;
    width: 33.3%;
    padding: 0;
    line-height: 1.1;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn {
    font-family: "Noto Sans KR", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
    font-style: normal;
    font-weight: 400;
    height: 60px;
    height: 6rem;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn.txt-color {
    color: #888;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn.on {
    color: rgba(255, 255, 255, 0.5);
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn.active {
    color: #fff;
    box-shadow: inset 0px -2px 0px 0px #fff;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn::before {
    content: none;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn::after {
    content: none;
  }
  .introduction301-container .map-sec .map-area {
    position: relative;
  }
  .introduction301-container .map-sec .map-btn {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
  }
  .introduction301-container .map-sec .map-btn span {
    color: #222;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 4px;
    padding-left: 0.4rem;
  }
  .introduction301-container .map-sec .map-btn span:before {
    content: none;
  }
  .introduction301-container .map-sec .map-btn span:after {
    content: none;
  }
  .introduction301-container .map-sec .map-btn.belgium {
    left: 44.8%;
    top: 25%;
  }
  .introduction301-container .map-sec .map-btn.russia {
    left: 72.8%;
    top: 17%;
  }
  .introduction301-container .map-sec .map-btn.china {
    left: 76%;
    top: 36%;
  }
  .introduction301-container .map-sec .map-btn.kazakhstan {
    left: 63%;
    top: 23.4%;
  }
  .introduction301-container .map-sec .map-btn.pakistan {
    left: 63.15%;
    top: 36%;
  }
  .introduction301-container .map-sec .map-btn.myanmar {
    left: 70%;
    top: 41.3%;
  }
  .introduction301-container .map-sec .map-btn.india {
    left: 65.9%;
    top: 48%;
  }
  .introduction301-container .map-sec .map-btn.singapore {
    left: 74%;
    top: 50.7%;
  }
  .introduction302-container .map-sec .map-area {
    position: relative;
  }
  .introduction302-container .map-sec .map-btn {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
  }
  .introduction302-container .map-sec .map-btn span {
    color: #222;
    padding-left: 4px;
    padding-left: 0.4rem;
  }
  .introduction302-container .map-sec .map-btn span:before {
    content: none;
  }
  .introduction302-container .map-sec .map-btn span:after {
    content: none;
  }
  .introduction302-container .map-sec .map-btn.europe {
    left: 51.5%;
    top: 16%;
  }
  .introduction302-container .map-sec .map-btn.russia {
    left: 67.5%;
    top: 10.5%;
  }
  .introduction302-container .map-sec .map-btn.centralAsia {
    left: 66.7%;
    top: 23.2%;
  }
  .introduction302-container .map-sec .map-btn.mongolia {
    left: 80.8%;
    top: 23.2%;
  }
  .introduction302-container .map-sec .map-btn.china {
    left: 73.5%;
    top: 30.5%;
  }
  .introduction302-container .map-sec .map-btn.japan {
    left: 84.5%;
    top: 33%;
  }
  .introduction302-container .map-sec .map-btn.africa {
    left: 48.7%;
    top: 49.1%;
  }
  .introduction302-container .map-sec .map-btn.middleEast {
    left: 56.7%;
    top: 33.7%;
  }
  .introduction302-container .map-sec .map-btn.southAsia {
    left: 64%;
    top: 37.5%;
  }
  .introduction302-container .map-sec .map-btn.myanmar {
    left: 68.6%;
    top: 42%;
  }
  .introduction302-container .map-sec .map-btn.hongkong {
    left: 74.4%;
    top: 41.1%;
  }
  .introduction302-container .map-sec .map-btn.taiwan {
    left: 78.5%;
    top: 39.6%;
  }
  .introduction302-container .map-sec .map-btn.southeastAsia {
    left: 70.4%;
    top: 45.3%;
  }
  .introduction302-container .map-sec .map-btn.vietnam {
    left: 72.2%;
    top: 53.3%;
  }
  .introduction302-container .map-sec .map-btn.singapore {
    left: 75.9%;
    top: 57.6%;
  }
  .introduction302-container .map-sec .map-btn.oceania {
    left: 83%;
    top: 74.9%;
  }
  .introduction302-container .map-sec .map-btn.northAmerica {
    left: 11%;
    top: 20%;
  }
  .introduction302-container .map-sec .map-btn.usa {
    left: 17.3%;
    top: 30.9%;
  }
  .introduction302-container .map-sec .map-btn.southAmerica {
    left: 28.5%;
    top: 69.2%;
  }
  .introduction302-container .map-sec .map-btn.dubai {
    left: 60.5%;
    top: 42.2%;
  }
  .introduction701-container .company-people .top-img img {
    width: 100%;
  }
  .introduction701-container .fnt-title-s1 span {
    font-weight: 300;
  }
  .introduction701-container .fnt-title-s1 span em {
    font-weight: 700;
  }
  .introduction703-container .company-people .top-img img {
    width: 100%;
  }
  .pin-area {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ico-pin {
    background: url(../image/ico_pin01_mo.svg) no-repeat;
    background-size: 100% auto;
    width: 12px;
    width: 1.2rem;
    height: 17px;
    height: 1.68rem;
  }
  .location-info .info.type1 ul li.on a {
    padding-left: 0;
  }
  .location-info .info.type1 ul li a {
    padding: 24px 0 20px 0;
    padding: 2.4rem 0 2rem 0;
  }
  .location-info .info.type1 .fnt-tag {
    background-color: #da291c;
    padding: 4px 10px;
    padding: 0.4rem 1rem;
    border-radius: 50px;
    border-radius: 5rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .location-info .info.type1 .fnt-tag + .fnt-tag {
    margin-left: 8px;
    margin-left: 0.8rem;
  }
  .location-info .info.type1 .fnt-tag span {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .location-info .info.type1 .fnt-tag.red {
    background-color: #da291c;
  }
  .location-info .info.type1 .fnt-tag.blue {
    background-color: #235AAC;
  }
  .location-info .info.type1 .fnt-tag.green {
    background-color: #8DC254;
  }
  .location-info .info.type1 .fnt-tag.mint {
    background-color: #5BAEB4;
  }
  .location-info .info.type1 .fnt-tag.purple {
    background-color: #5D54C2;
  }
  .fnt-title1 span {
    font-size: 46px;
    font-size: 4.6rem;
  }
  .fnt-title-s1 .sub-text {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
    margin-top: 1rem;
    margin-left: 4px;
    margin-left: 0.4rem;
    color: #666;
  }
  .cont-box {
    margin-bottom: 100px;
    margin-bottom: 10rem;
  }
  .introduction6-container .visual-sec .text {
    padding: 30px 16px 0 16px;
    padding: 3rem 1.6rem 0 1.6rem;
  }
  .introduction6-container .max-1240 .fsc-title {
    font-size: 23px;
    font-size: 2.3rem;
    margin-bottom: 28px;
    margin-bottom: 2.8rem;
    font-weight: bold;
  }
  .introduction6-container .fsc-wrap {
    padding: 0 16px;
    padding: 0 1.6rem;
  }
  .introduction6-container .fsc-current {
    border-top: 1px solid #222;
  }
  .introduction6-container .fsc-current .fsc-list li {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
    padding: 4rem 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .introduction6-container .fsc-current .fsc-tit {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 28px;
    margin-bottom: 2.8rem;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-tit02,
.introduction6-container .fsc-current .fsc-desc .fsc-tit03 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-tit03 {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-logo {
    margin-top: 12px;
    margin-top: 1.2rem;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-logo img {
    height: 36px;
    height: 3.6rem;
    margin-right: 14px;
    margin-right: 1.4rem;
    margin-top: 10px;
    margin-top: 1rem;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-desc02 {
    margin-top: 8px;
    margin-top: 0.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    color: #666;
  }
  .history-wrp .pc-only {
    display: none;
  }
  .history-wrp [class*=section] [class*=idx] .y-img {
    position: absolute;
    top: 232px;
    top: 110px;
    top: 11rem;
    right: 58px;
    right: 5.8rem;
    text-align: center;
  }
  .history-wrp [class*=section] [class*=idx] .y-img .img {
    background: none;
    width: auto;
    height: auto;
  }
  .history-wrp [class*=section] [class*=idx] .y-img img {
    width: 240px;
    width: 24rem;
  }
  .history-wrp .section1 .top-year .bg.mo-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/img_history1_mo.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section2 .top-year .bg.mo-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/img_history2_mo.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section3 .top-year .bg.mo-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/img_history3_mo.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section4 .top-year .bg.mo-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/img_history4_mo.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section5 .top-year .bg.mo-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/img_history5_mo.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section6 .top-year .bg.mo-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/img_history6_mo.jpg) no-repeat 0 0;
    background-size: cover;
  }
  /*! CEO Message */
  .introduction5-container .fnt-title-s1 span {
    font-weight: 300;
  }
  .introduction5-container .fnt-title-s1 em {
    font-weight: 700;
  }
  .introduction5-container .pos-rel {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  .introduction5-container .fnt-title3 {
    text-align: center;
    margin: 100px 28px 40px;
    margin: 10rem 2.8rem 4rem;
  }
  .introduction5-container .fnt-title3 span {
    line-height: 1.2;
  }
  .introduction5-container .fnt-title3 span,
.introduction5-container .fnt-title3 strong {
    display: block;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
  }
  .introduction5-container .fnt-title3 strong {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
  }
  .introduction5-container .fnt-title3 .mbr {
    display: block;
  }
  .introduction5-container .fnt-title3 .dbr {
    display: none;
  }
  .introduction5-container .fnt-text1 {
    margin-top: 40px;
    margin-top: 4rem;
    padding: 0 16px;
    padding: 0 1.6rem;
  }
  .introduction5-container .fnt-text1 span {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    line-height: 1.5;
  }
  .introduction5-container .fnt-text1 span + span {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .introduction5-container .fnt-text1 p {
    margin-top: 30px;
    margin-top: 3rem;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #222;
  }
  .introduction5-container .fnt-text1 em {
    vertical-align: top;
  }
  .introduction5-container .fnt-text1 em.red {
    color: #DA291C;
  }
  .introduction5-container .mo-only {
    display: block;
    position: relative;
  }
  .introduction5-container .pc-only {
    display: none;
  }
  .introduction5-container .fnt-sub {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .introduction5-container .fnt-sub span {
    color: #222;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  /*! 須岇偓臧滌殧 */
  .introduction1-container .intro-sec {
    padding-bottom: 0;
  }
  .introduction1-container .fnt-text1 span {
    word-wrap: break-word;
  }
  /* ESG瓴届榿 */
  :lang(en) .business2-container .top-visual .txt-box {
    padding: 13px 15px 0;
    padding: 1.3rem 1.5rem 0;
  }
  :lang(en) .business3-container .txt-list3.esg .sub-title b {
    font-size: 27px;
    font-size: 2.7rem;
  }
  :lang(en) .business3-container .ko-img {
    display: block;
  }
  :lang(en) .business3-container .top-visual .txt-box {
    padding: 13px 10px 0;
    padding: 1.3rem 1rem 0;
  }
  :lang(en) .business4-container .down-box1 ul li a {
    width: 104%;
  }
  :lang(en) .business5-container .btn-down.type02 {
    line-height: 1.5;
    padding: 8px 40px 8px 20px;
    padding: 0.8rem 4rem 0.8rem 2rem;
    box-sizing: initial;
    height: initial;
  }
  :lang(en) .business6-container .btn-down.type02 {
    line-height: 1.5;
    padding: 8px 40px 8px 20px;
    padding: 0.8rem 4rem 0.8rem 2rem;
    box-sizing: initial;
    height: initial;
  }
  :lang(en) .investment111-container .tbl-type1 {
    margin-top: 10px;
    margin-top: 1rem;
  }
  :lang(en) .investment111-container .tbl-type1 table thead th:last-child {
    border-left: 1px solid #ddd;
  }
  :lang(en) .investment112-container .tbl-type1 table tbody th {
    padding: 14px 3px;
    padding: 1.4rem 0.3rem;
  }
  :lang(en) .investment112-container .tbl-type1 table tbody td {
    padding: 14px 5px;
    padding: 1.4rem 0.5rem;
  }
  :lang(en) .investment112-container .list-sec .list-wrap .title {
    margin-right: 13px;
    margin-right: 1.3rem;
  }
  :lang(en) .investment112-container .list-sec .list-wrap .title span {
    width: 100px;
    width: 10rem;
  }
  :lang(en) .investment112-container .btn-down.type02 {
    line-height: 1.5;
    padding: 8px 40px 8px 20px;
    padding: 0.8rem 4rem 0.8rem 2rem;
    box-sizing: initial;
    height: initial;
  }
  :lang(en) .investment113-container .btn-down.type02 {
    line-height: 1.5;
    padding: 8px 40px 8px 20px;
    padding: 0.8rem 4rem 0.8rem 2rem;
    box-sizing: initial;
    height: initial;
  }
  .top-visual .txt-box {
    background: none;
  }
  .top-visual.num23 .bg-img {
    background: url(../image/visual23_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num24 .bg-img {
    background: url(../image/visual24_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num25 .bg-img {
    background: url(../image/visual25_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num26 .bg-img {
    background: url(../image/visual26_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num27 .bg-img {
    background: url(../image/visual27_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num28 .bg-img {
    background: url(../image/visual28_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .pc-only {
    display: none;
  }
  .mo-only {
    display: block;
    width: 100%;
  }
  .dsp {
    display: none;
  }
  .dbr {
    display: none;
  }
  .business3-container .fnt-title-s4 {
    font-family: "roboto", sans-serif;
    font-weight: 500;
  }
  .business3-container .txt-list3.esg .sub-cont-box .img-box {
    padding: 40px 40px;
    padding: 4rem 4rem;
  }
  .business3-container .bsn-top-box {
    margin-top: 160px;
    margin-top: 16rem;
  }
  .business6-container .top-wrap {
    padding-bottom: 0;
  }
  .business6-container .txt-list7 {
    margin: 0 16px;
    margin: 0 1.6rem;
  }
  .business6-container .txt-list7 .fnt-title6 em {
    font-weight: 700;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .business6-container .column-box {
    margin-top: 30px;
    margin-top: 3rem;
    background: #F5F5F5;
    padding: 19px 20px;
    padding: 1.9rem 2rem;
  }
  .business6-container .column-box ul li {
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
  }
  .business6-container .column-box strong {
    color: #222;
    font-family: "roboto", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin-right: 12px;
    margin-right: 1.2rem;
  }
  .business6-container .column-box span {
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .business6-container .txt-list13 .fnt-title-s1 span {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .business6-container .txt-list13 .fnt-text1 span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .business7-container .esgWrap .tit {
    font-weight: 300;
  }
  .business7-container .esgWrap .esgTxtBox .subTit {
    font-weight: 300;
  }
  .business7-container .esgWrap .esgTxtBox .esgimg.mo {
    display: block;
  }
  .txt-list-chart {
    margin: 80px 0;
    margin: 8rem 0;
  }
  .txt-list-chart .chart-tit {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 40px;
    margin-top: 4rem;
    font-weight: 700;
    text-align: center;
  }
  .txt-list2 {
    margin: 80px 16px 0;
    margin: 8rem 1.6rem 0;
  }
  .txt-list2.mgs16 {
    margin: 0 16px;
    margin: 0 1.6rem;
  }
  .txt-list4 .info-wrap2 {
    background: none;
    padding: 0;
  }
  .txt-list4 .info-wrap2 li {
    padding: 24px 0;
    padding: 2.4rem 0;
    margin-bottom: 0;
  }
  .txt-list4 .info-wrap2 li:last-child {
    border-bottom: 1px solid #e5e5e5;
  }
  .txt-list4 .info-wrap2 .info-list2 .info-title2 {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 7px;
    margin-bottom: 0.7rem;
    font-weight: 700;
  }
  .txt-list4 .info-wrap2 .info-list2 span {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    line-height: 2;
  }
  .fnt-text1 + .txt-list-chart {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .fnt-title-s1.pop-tit span {
    font-size: 23px;
    font-size: 2.3rem;
  }
  .fnt-title-s1 span {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .text01 {
    line-height: 1.3571;
  }
  .text01 + .text01 {
    margin-top: 12px;
    margin-top: 1.2rem;
  }
  .fnt-box {
    padding: 13px 20px;
    padding: 1.3rem 2rem;
    margin: 15px 0;
    margin: 1.5rem 0;
    background: #f5f5f5;
  }
  .fnt-box p {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
  }
  .fnt-box ul {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .fnt-box ul li {
    position: relative;
    padding-left: 38px;
    padding-left: 3.8rem;
    line-height: 1.3571;
    display: inline-block;
  }
  .fnt-box strong {
    font-weight: 700;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fnt-box span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fnt-title-s4 {
    margin-top: 60px;
    margin-top: 6rem;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 500;
    color: #222;
  }
  .fnt-title-s4 span {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 300;
    color: #888;
  }
  .fnt-title6 span {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .fnt-title6 span.clr1 {
    color: #da291c;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: bottom;
  }
  .fnt-title6 span.txt {
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: bottom;
  }
  .img-wrap.mgl40 {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .img-wrap.img-flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    margin-top: 2rem;
  }
  .img-wrap.img-flexbox .fnt-text1 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 30px;
    margin-top: 3rem;
    color: #666;
  }
  .img-wrap [class^=cor-img] {
    width: 50%;
  }
  .img-wrap [class^=cor-img] .mo-only {
    width: 152px;
    width: 15.2rem;
  }
  .img-wrap .cor-img01,
.img-wrap .cor-img02 {
    margin-bottom: 13px;
    margin-bottom: 1.3rem;
  }
  .source-txt {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 20px;
    margin-top: 2rem;
    color: #888;
  }
  /*! 靷殞瓿淀棇 */
  .business-gallery .swiper-button-prev {
    display: none;
  }
  .business-gallery .swiper-button-next {
    display: none;
  }
  /* 頇嶋炒靹柬劙 */
  .top-visual.num5 .bg-img {
    background: url(../image/visual05_1_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num9 .bg-img {
    background: url(../image/visual09_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num10 .bg-img {
    background: url(../image/visual10_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num11 .bg-img {
    background: url(../image/visual11_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num12 .bg-img {
    background: url(../image/visual12_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num13 .bg-img {
    background: url(../image/visual13_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num32 .bg-img {
    background: url(../image/visual32_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  /*! 雼ロ劙鞛愳澕毽啫氩勳姢 */
  [class^=pr7] .top-visual .txt-box {
    padding: 13px 0 0;
    padding: 1.3rem 0 0;
  }
  [class^=pr7] .fnt-title-s1 em {
    display: inline-block;
    white-space: nowrap;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 700;
  }
  [class^=pr7] .fnt-title-s1 span {
    display: inline-block;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 300;
  }
  .pr7-container .pr7-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 42px;
    margin-top: 4.2rem;
  }
  .pr7-container .pr7-title span {
    display: block;
    font-size: 30px;
    font-size: 3rem;
  }
  .pr7-container .pr7-title span.tit1 {
    font-weight: 300;
  }
  .pr7-container .pr7-title span.tit2 {
    line-height: 1.4;
    font-weight: 700;
  }
  .pr7-container .pr7-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    margin-top: 1.2rem;
  }
  .pr7-container .pr7-txt span {
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
  }
  .pr7-container .xylitol-gallery-wrap {
    margin-top: 42px;
    margin-top: 4.2rem;
  }
  .pr7-container .xylitol-gallery-wrap .tab-cont-wrap {
    margin: 0 16px 40px;
    margin: 0 1.6rem 4rem;
  }
  .pr7-container .xylitol-gallery-wrap .swiper-slide {
    padding-bottom: 14px;
    padding-bottom: 1.4rem;
  }
  .pr7-container .xylitol-gallery-wrap .swiper-slide img {
    width: 100%;
  }
  .pr7-container .xylitol-gallery-wrap .swiper-button-prev,
.pr7-container .xylitol-gallery-wrap .swiper-button-next {
    display: none;
  }
  .pr7-container .xylitol-gallery-wrap .txt-wrap {
    color: #666;
    margin-top: 16px;
    margin-top: 1.6rem;
  }
  .pr7-container .xylitol-gallery-wrap .img-wrap img {
    width: 100%;
  }
  .pr7-container .xylitol-gallery-wrap .swiper-container-horizontal > .swiper-pagination-progressbar {
    height: 2px;
    height: 0.2rem;
    top: auto;
    bottom: 0;
    background: #e5e5e5;
    opacity: 1;
  }
  .pr7-container .xylitol-gallery-wrap .swiper-container-horizontal > .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #da291c;
    transition: none;
  }
  .pr7-container .xylitol-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-top: 4rem;
  }
  .pr7-container .apply-btn {
    background: #ececec;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    padding: 1rem 1.4rem;
    border-radius: 300px;
    margin: 0 auto;
  }
  .pr7-container .apply-btn.mg {
    margin: 0;
  }
  .pr7-container .apply-btn span {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .pr7-container .apply-btn span:after {
    content: "";
    display: inline-flex;
    align-items: center;
    background: url(../image/ico_apply_mo.png) no-repeat;
    background-size: 5px 8px;
    width: 5px;
    width: 0.5rem;
    height: 8px;
    height: 0.8rem;
    margin-left: 13px;
    margin-left: 1.3rem;
  }
  .pr701-container .step-info .in {
    margin: 0 16px;
    margin: 0 1.6rem;
    padding-top: 55px;
    padding-top: 5.5rem;
  }
  .pr701-container .step-info .in .img-area {
    margin: 0 -16px;
    margin: 0 -1.6rem;
    padding-top: 23px;
    padding-top: 2.3rem;
    text-align: center;
    overflow-x: auto;
  }
  .pr701-container .step-info .in img {
    width: auto;
    height: 267px;
    height: 26.7rem;
    padding: 0 16px;
    padding: 0 1.6rem;
  }
  .pr701-container .fnt-title6 span {
    font-weight: 300;
  }
  .pr701-container .fnt-title6 em {
    font-weight: 700;
  }
  .pr701-container .fnt-title7 span {
    font-weight: 300;
  }
  .pr701-container .fnt-title7 em {
    font-weight: 700;
  }
  .pr701-container .agree-area {
    margin: 75px 16px 0;
    margin: 7.5rem 1.6rem 0;
  }
  .pr701-container .agree-area .agree-box {
    overflow-y: auto;
    margin: 24px 0 0;
    margin: 2.4rem 0 0;
    padding: 21px 0 23px;
    padding: 2.1rem 0 2.3rem;
    height: 140px;
    height: 14rem;
    max-height: 1400px;
    max-height: 140rem;
    background: #f5f5f5;
  }
  .pr701-container .agree-area .agree-box .in {
    padding: 0 28px;
    padding: 0 2.8rem;
  }
  .pr701-container .agree-area .agree-box .in .txt {
    margin: 15px 0 0;
    margin: 1.5rem 0 0;
  }
  .pr701-container .agree-area .agree-box .in .txt:first-child {
    margin: 0;
  }
  .pr701-container .agree-area .agree-box .in .txt p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7692;
    color: #666;
  }
  .pr701-container .agree-area .agree-box .in .txt p strong {
    color: #222;
  }
  .pr701-container .agree-radio {
    margin-top: 24px;
    margin-top: 2.4rem;
    text-align: right;
  }
  .pr701-container .agree-radio .input-radio {
    margin-left: 20px;
    margin-left: 2rem;
  }
  .pr701-container .agree-radio .input-radio label {
    height: 24px;
    height: 2.4rem;
    padding-left: 32px;
    padding-left: 3.2rem;
  }
  .pr701-container .agree-radio .input-radio label:before {
    width: 24px;
    width: 2.4rem;
    height: 24px;
    height: 2.4rem;
    top: 0;
    margin: 0;
    border-color: #ddd;
  }
  .pr701-container .agree-radio .input-radio label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #666;
  }
  .pr701-container .agree-radio .input-radio input:checked + label:before {
    border-color: #222;
  }
  .pr701-container .agree-radio .input-radio input:checked + label:after {
    width: 14px;
    width: 1.4rem;
    height: 14px;
    height: 1.4rem;
    background: #da291c;
    left: 5px;
    left: 0.5rem;
  }
  .pr701-container .form-area {
    margin: 75px 16px 0;
    margin: 7.5rem 1.6rem 0;
  }
  .pr701-container .form-area .fnt-title6 em {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 700;
  }
  .pr701-container .form-area .fnt-title6 .sub {
    font-size: 13px;
    font-size: 1.3rem;
    padding-top: 7px;
    padding-top: 0.7rem;
    line-height: 1.8;
    font-weight: 300;
    color: #888;
  }
  .pr701-container .form-area .form-list {
    margin: 25px 0 28px;
    margin: 2.5rem 0 2.8rem;
    padding: 26px 0;
    padding: 2.6rem 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #ddd;
  }
  .pr701-container .form-area .form-list li {
    position: relative;
    margin-top: 18px;
    margin-top: 1.8rem;
  }
  .pr701-container .form-area .form-list li:first-child {
    margin-top: 0;
  }
  .pr701-container .form-area label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
  .pr701-container .form-area label span {
    color: #da201c;
  }
  .pr701-container .form-area .input-txt {
    border: none;
  }
  .pr701-container .form-area .input-txt input {
    font-size: 14px;
    font-size: 1.4rem;
    height: 48px;
    height: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    background: #f5f5f5;
  }
  .pr701-container .form-area .input-txt input::-moz-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    color: #888;
  }
  .pr701-container .form-area .input-txt input:-ms-input-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    color: #888;
  }
  .pr701-container .form-area .input-txt input::placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    color: #888;
  }
  .pr701-container .form-area .input-txt.button {
    position: relative;
  }
  .pr701-container .form-area .input-txt.button input {
    width: calc(100% - 9rem);
  }
  .pr701-container .form-area .input-txt.add {
    margin-top: 8px;
    margin-top: 0.8rem;
  }
  .pr701-container .form-area .multiple-txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pr701-container .form-area .multiple-txt .input-txt {
    margin-top: 8px;
    margin-top: 0.8rem;
    width: 100%;
  }
  .pr701-container .form-area .multiple-txt .input-txt:first-child {
    margin-top: 10px;
    margin-top: 1rem;
  }
  .pr701-container .form-area .multiple-txt .space {
    display: none;
    background: #fff;
  }
  .pr701-container .form-area .multiple-txt.mo-type .input-txt {
    width: calc(100% - 15rem - 1.2rem);
    margin: 0 0 8px;
    margin: 0 0 0.8rem;
  }
  .pr701-container .form-area .multiple-txt.mo-type .input-txt input {
    width: 100%;
  }
  .pr701-container .form-area .multiple-txt.mo-type .btn-white {
    width: 100%;
    clear: both;
    position: relative;
  }
  .pr701-container .form-area .btn-white {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    width: 9rem;
    height: 48px;
    height: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    border: 1px solid #222;
    background: #fff;
  }
  .pr701-container .form-area .selectbox2 {
    border: none;
    background: #f5f5f5;
  }
  .pr701-container .form-area .selectbox2 select {
    display: block;
    padding: 0 0 0 15px;
    padding: 0 0 0 1.5rem;
    height: 48px;
    height: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    box-sizing: border-box;
    color: #888;
    font-weight: 400;
  }
  .pr701-container .form-area .selectbox2:after {
    right: 20px;
    right: 2rem;
    top: 20px;
    top: 2rem;
  }
  .pr701-container .form-area .tel {
    display: flex;
  }
  .pr701-container .form-area .tel .input-txt {
    flex: 1;
  }
  .pr701-container .form-area .tel .dash {
    display: block;
    width: 10px;
    width: 1rem;
    height: 48px;
    height: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #888;
    background: #f5f5f5;
  }
  .pr701-container .form-area .email {
    display: flex;
    flex-wrap: wrap;
  }
  .pr701-container .form-area .email .input-txt {
    flex: 1;
  }
  .pr701-container .form-area .email .selectbox2 {
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
  }
  .pr701-container .form-area .email .at {
    display: block;
    width: 20px;
    width: 2rem;
    height: 48px;
    height: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #888;
    background: #f5f5f5;
  }
  .pr701-container .form-area .email .space {
    display: none;
    background: #fff;
  }
  .pr701-container .form-area .imp-txt {
    padding: 8px 0 6px;
    padding: 0.8rem 0 0.6rem;
  }
  .pr701-container .form-area .imp-txt span {
    font-weight: 300;
  }
  .pr701-container .form-area .text-area textarea {
    width: 100%;
    height: 160px;
    height: 16rem;
    padding: 15px;
    padding: 1.5rem;
    font-size: 18px;
    font-size: 1.8rem;
    background: #f5f5f5;
    border: none;
    resize: none;
  }
  .pr701-container .form-area .text-area p {
    font-weight: 300;
    margin-top: 8px;
    margin-top: 0.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
  .pr701-container .form-area .captcha {
    width: 150px;
    width: 15rem;
    height: 48px;
    height: 4.8rem;
  }
  .pr701-container .form-area .captcha img {
    width: 100%;
    height: 100%;
  }
  .pr701-container .form-area + .btn-area {
    margin-top: 40px;
    margin-top: 4rem;
    text-align: center;
  }
  .pr701-container .form-area + .btn-area a {
    margin: 0 10px;
    margin: 0 1rem;
  }
  .pr701-container .form-area + .btn-area a.black {
    background: #222;
    color: #fff;
  }
  .pr701-container .notice-area {
    margin: 40px 16px 0;
    margin: 4rem 1.6rem 0;
  }
  .pr701-container .notice-area .notice-tit {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
  }
  .pr701-container .notice-area .notice-tit:before {
    content: "";
    display: inline-flex;
    align-items: center;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    margin-right: 5px;
    margin-right: 0.5rem;
    background: url(../image/ico_notice.png) no-repeat;
    background-size: 100% 100%;
  }
  .pr701-container .notice-area .notice-list li {
    color: #888;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -0.03em;
  }
  .pr701-container .notice-area .notice-list li:first-child {
    margin-top: 0;
    margin-top: 0;
  }
  .pr702-container .contents-wrap {
    text-align: center;
  }
  .pr702-container .contents-wrap .ico-complete {
    display: inline-block;
    width: 72px;
    width: 7.2rem;
    height: 63px;
    height: 6.3rem;
    background: url(../image/ico_complete.png) no-repeat;
    background-size: contain;
  }
  .pr702-container .contents-wrap .title {
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 0;
  }
  .pr702-container .contents-wrap .title span {
    font-weight: 400;
    line-height: 1.43;
  }
  .pr702-container .contents-wrap .title .red {
    color: #da291c;
  }
  .pr702-container .contents-wrap .text span {
    color: #888;
    font-weight: 300;
  }
  .pr702-container .contents-wrap .input-box {
    padding: 28px 0;
    padding: 2.8rem 0;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    border-bottom: 1px solid #ddd;
    display: flex;
  }
  .pr702-container .contents-wrap .input-box .input-text {
    width: calc(100% - 48px);
    height: 48px;
    height: 4.8rem;
    padding-left: 15px;
    padding-left: 1.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    background: #f5f5f5;
    border: 0;
  }
  .pr702-container .contents-wrap .input-box .input-btn {
    width: 89px;
    width: 8.9rem;
    height: 48px;
    height: 4.8rem;
    text-align: center;
    border: 1px solid #222;
    box-sizing: border-box;
  }
  .pr702-container .contents-wrap .input-box .input-btn span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .pr702-container .contents-wrap.content01 {
    padding-top: 60px;
    padding-top: 6rem;
  }
  .pr702-container .contents-wrap.content01 .text {
    margin-bottom: 45px;
    margin-bottom: 4.5rem;
  }
  .pr702-container .contents-wrap.content02 .text-box {
    padding: 60px 0 35px;
    padding: 6rem 0 3.5rem;
    border-bottom: 1px solid #222;
  }
  .pr702-container .bottom-wrap {
    margin-top: 40px;
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pr703-container .max-1920:after {
    content: "";
    display: block;
    height: 8px;
    height: 0.8rem;
    background: #f7f7f7;
  }
  .pr703-container .search-area1 {
    margin: 64px 16px 29px;
    margin: 6.4rem 1.6rem 2.9rem;
  }
  .pr703-container .review-area {
    margin-top: 22px;
    margin-top: 2.2rem;
  }
  .pr703-container .review-area p {
    line-height: 1.8;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
  }
  .pr703-container .review-area p:last-child {
    margin-bottom: 0;
  }
  .pr703-container .review-tit-wrap {
    margin: 42px 16px 60px;
    margin: 4.2rem 1.6rem 6rem;
  }
  .pr703-container .review-tit .tit01 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 300;
    letter-spacing: -0.03em;
  }
  .pr703-container .review-tit .tit01 span {
    vertical-align: top;
    font-weight: 700;
  }
  .pr703-container .review-tit .tit02 {
    display: inline-block;
    letter-spacing: -0.03em;
    margin-top: 12px;
    margin-top: 1.2rem;
    font-size: 13px;
    font-size: 1.3rem;
    color: #888;
  }
  .pr703-container .xylitol-btn-wrap {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .pr703-container .apply-btn {
    background: #ececec;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 9px 14px;
    padding: 0.9rem 1.4rem;
    border-radius: 300px;
    margin: 0 auto;
  }
  .pr703-container .apply-btn.mg {
    margin: 0;
  }
  .pr703-container .apply-btn span {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .pr703-container .apply-btn span:after {
    content: "";
    display: inline-flex;
    align-items: center;
    background: url(../image/ico_apply.png);
    background-size: 5px 8px;
    width: 5px;
    width: 0.5rem;
    height: 8px;
    height: 0.8rem;
    margin-left: 13px;
    margin-left: 1.3rem;
  }
  .pr703-container .swiper-slide {
    position: relative;
  }
  .pr703-container .swiper-slide img {
    width: 100%;
  }
  .pr703-container .swiper-button-prev {
    background-image: url(../image/ico_prev_mo.png);
    width: 15px;
    width: 1.5rem;
    height: 27px;
    height: 2.7rem;
    background-size: 15px 27px;
    background-size: 1.5rem 2.7rem;
    left: 8px;
    left: 0.8rem;
    top: 50%;
  }
  .pr703-container .swiper-button-next {
    background-image: url(../image/ico_next_mo.png);
    width: 15px;
    width: 1.5rem;
    height: 27px;
    height: 2.7rem;
    background-size: 15px 27px;
    background-size: 1.5rem 2.7rem;
    right: 8px;
    right: 0.8rem;
    top: 50%;
  }
  .pr703-container .faq {
    margin: 0 16px;
    margin: 0 1.6rem;
    border-top: 1px solid #222;
  }
  .pr703-container .faq ul li {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
  .pr703-container .faq ul li > a {
    display: block;
    position: relative;
    padding: 24px 0 24px 54px;
    padding: 2.4rem 0 2.4rem 5.4rem;
  }
  .pr703-container .faq ul li > a .review-num {
    font-family: "roboto";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 21px;
    left: 2.1rem;
    font-size: 18px;
    font-size: 1.8rem;
    color: #da291c;
    font-weight: 700;
  }
  .pr703-container .faq ul li > a:before {
    content: none;
  }
  .pr703-container .faq ul li > a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    right: 1.2rem;
    top: 50%;
    margin-top: -7px;
    margin-top: -0.7rem;
    width: 14px;
    width: 1.4rem;
    height: 14px;
    height: 1.4rem;
    background: url(../image/ico_faq2.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .pr703-container .faq ul li .in-txt {
    display: none;
    overflow: hidden;
    padding: 0 16px 22px;
    padding: 0 1.6rem 2.2rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142;
    color: #666;
    letter-spacing: -0.5px;
  }
  .pr703-container .faq ul li .in-txt span {
    display: block;
  }
  .pr703-container .faq ul li .in-txt strong {
    color: #da201c;
  }
  .pr703-container .faq ul li:first-child.on {
    margin-top: 0;
  }
  .pr703-container .faq ul li.on {
    margin-top: -1px;
    margin-top: -0.1rem;
    background: #f7f7f7;
    border: none;
  }
  .pr703-container .faq ul li.on a:after {
    margin-top: 0;
    width: 14px;
    width: 1.4rem;
    height: 1px;
    height: 0.1rem;
    background: url(../image/ico_faq3.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .pr703-container .faq .btn-area {
    text-align: center;
    margin-top: 50px;
    margin-top: 5rem;
  }
  .pr703-container .faq .btn-area .btn-more {
    display: inline-block;
    padding: 21px 39px;
    padding: 2.1rem 3.9rem;
    border-radius: 60px;
    border-radius: 6rem;
    background: #f5f5f5;
  }
  .pr703-container .faq .btn-area .btn-more i {
    display: block;
    background-image: url(../image/sprite_pc.png);
    background-position: -120px -90px;
    background-position: -12rem -9rem;
    width: 18px;
    width: 1.8rem;
    height: 18px;
    height: 1.8rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
  }
  /*! 鞚措菠韸 */
  .mo-only {
    display: block;
  }
  .pc-only {
    display: none;
  }
  /* 韺濎梾 */
  .modal-popup {
    display: none;
  }
  .modal-wrap {
    z-index: 9999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff url(../image/alrt_popbg.png);
  }
  .modal-container {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 30px;
    padding: 2rem 3rem;
    width: 300px;
    width: 30rem;
    height: 190px;
    height: 19rem;
    border: 1px solid #888888;
    border-radius: 20px;
    border-radius: 2rem;
    background: #fff;
    text-align: center;
  }
  .modal-container .close-btn {
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 20px;
    height: 20px;
    width: 2rem;
    height: 2rem;
    background: url(../image/ico_pop_close.png) right no-repeat;
  }
  .modal-container .modal-tit {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 30px;
    margin-top: 3rem;
  }
  .modal-container .modal-tit + .txt {
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    margin-top: 10px;
    margin-top: 1rem;
  }
  .modal-container .confirm {
    margin-top: 30px;
    margin-top: 3rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 8px 32px;
    padding: 0.8rem 3.2rem;
    background: #000;
    border-radius: 50px;
  }
  /* 敫岆灉霌滌唽臧 */
  .top-visual .txt-box {
    background-image: none;
  }
  .top-visual.num33 .bg-img {
    background: url(../image/visual33_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num34 .bg-img {
    background: url(../image/visual34_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num35 .bg-img {
    background: url(../image/visual35_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num36 .bg-img {
    background: url(../image/visual36_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num37 .bg-img {
    background: url(../image/visual37_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num38 .bg-img {
    background: url(../image/visual38_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num39 .bg-img {
    background: url(../image/visual39_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num40 .bg-img {
    background: url(../image/visual40_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num41 .bg-img {
    background: url(../image/visual41_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  [class*=brand1] .fnt-title-s1 em, [class*=brand1] .fnt-title-s1 span {
    font-size: 23px;
    font-size: 2.3rem;
  }
  [class*=brand1] .mega-history .fnt-title5 span, [class*=brand1] .mega-history .fnt-title5 em {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .hero-history .fnt-title5 span, .hero-history .fnt-title5 em {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .product-more .swiper-container .swiper-slide a {
    display: inline-block;
  }
  .hero-top .fnt-title5 span, .hero-top .fnt-title5 em {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .hero-top .hero-list {
    padding-top: 0;
  }
  .hero-top .hero-list .hs-tag ul li {
    margin: 16px 6px 0 0;
    margin: 1.6rem 0.6rem 0 0;
  }
  .brand4-container .brand-flexbox {
    padding: 0 16px;
    padding: 0 1.6rem;
  }
  .brand4-container .brand-tit01 {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    margin-top: 10rem;
  }
  .brand4-container .brand-tit01 h2 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
  }
  .brand4-container .brand-wrap {
    margin-top: 40px;
    margin-top: 4rem;
  }
  .brand4-container .brand-item {
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
  }
  .brand4-container .brand-item:last-child {
    margin-bottom: 0;
  }
  .brand4-container .brand-cont img {
    width: 100%;
  }
  .brand4-container .img {
    position: relative;
    overflow: hidden;
  }
  .brand4-container .img .dim {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .brand4-container .img span {
    position: absolute;
    left: 20px;
    left: 2rem;
    bottom: 20px;
    bottom: 2rem;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 700;
    color: #fff;
  }
  .brand401-container .list-type1.num4 .fnt-title-s3 {
    height: 50px;
    height: 5rem;
  }
  .brand401-container .view1 {
    padding: 0 16px;
    padding: 0 1.6rem;
  }
  .brand401-container .view1 .list-control {
    position: relative;
    margin-top: 80px;
    margin-top: 8rem;
    padding-top: 50px;
    padding-top: 5rem;
    border-top: 1px solid #222;
    text-align: center;
  }
  .brand401-container .view1 .list-control a {
    display: inline-block;
    color: #222;
  }
  .brand401-container .view1 .list-control a.btn-lst {
    padding: 20px 39px;
    padding: 2rem 3.9rem;
    border-radius: 51px;
    border-radius: 5.1rem;
    background: #f5f5f5;
  }
  .brand401-container .view1 .list-control a.btn-lst i {
    display: block;
    width: 12px;
    width: 1.2rem;
    height: 12px;
    height: 1.2rem;
    background: url(../image/ico_view1.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .brand401-container .view1 .list-control a.btn-prv {
    left: 0;
    color: #c5c5c5;
  }
  .brand401-container .view1 .list-control a.btn-prv:before {
    position: relative;
    display: block;
    width: 11px;
    width: 1.1rem;
    height: 21px;
    height: 2.1rem;
    background: url(../image/ico_view_prv.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .brand401-container .view1 .list-control a.btn-nxt {
    right: 0;
  }
  .brand401-container .view1 .list-control a.btn-nxt:before {
    position: relative;
    display: block;
    width: 11px;
    width: 1.1rem;
    height: 21px;
    height: 2.1rem;
    background: url(../image/ico_view_nxt.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .brand401-container .view1 .list-control a.btn-nxt, .brand401-container .view1 .list-control a.btn-prv {
    position: absolute;
    top: 66px;
    top: 6.6rem;
  }
  .brand401-container .view1 .list-control a.btn-nxt span, .brand401-container .view1 .list-control a.btn-prv span {
    display: none;
  }
  .brand110-container .top-visual .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand110-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 90px;
    margin-top: 9rem;
  }
  .brand110-container + #footer {
    margin-top: 0;
  }
  .brand110-container .hero-top {
    margin-top: 70px;
    margin-top: 7rem;
  }
  .brand110-container .hero-top .hero-swiper .swiper-slide .img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .brand110-container .hero-top .hero-swiper .swiper-slide .img img {
    width: 50%;
  }
  .brand110-container .fnt-title-s1 {
    display: flex;
    justify-content: center;
  }
  .brand110-container .fnt-title-s1 em {
    font-size: 23px;
    font-size: 2.3rem;
    white-space: nowrap;
  }
  .brand110-container .fnt-title-s1 em span {
    font-size: 23px;
    font-size: 2.3rem;
  }
  .brand110-container .history110 {
    background: url(../image/hero_bg10_mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
  .brand110-container .history110 .txt-bg span {
    background-color: #518129;
  }
  .brand110-container .brand-tit02 {
    margin-top: 80px;
    margin-top: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .brand110-container .brand-tit02 span, .brand110-container .brand-tit02 em {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .brand110-container .brand-tit02 span {
    font-weight: 300;
  }
  .brand110-container .brand-tit02 em {
    font-weight: 700;
  }
  .brand110-container .brand-spec {
    margin: 60px 0 120px;
    margin: 6rem 0 12rem;
  }
  .brand110-container .spec-area {
    display: flex;
    align-items: center;
    padding: 0 37px;
    padding: 0 3.7rem;
    margin-bottom: 50px;
    margin-bottom: 5rem;
  }
  .brand110-container .spec-area:nth-child(2) {
    margin-bottom: 65px;
    margin-bottom: 6.5rem;
  }
  .brand110-container .spec-area img {
    width: 25%;
  }
  .brand110-container .spec-area .logo01 {
    background: url(../image/brand_logo01.png) no-repeat;
    width: 100px;
    width: 10rem;
    height: 100px;
    height: 10rem;
    background-size: 100% 100%;
  }
  .brand110-container .spec-area .desc {
    padding-left: 40px;
    padding-left: 4rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: -0.03em;
  }
  .brand111-container .top-visual .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand111-container .top-visual .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand111-container .top-visual .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand111-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 90px;
    margin-top: 9rem;
  }
  .brand111-container + #footer {
    margin-top: 0;
  }
  .brand111-container .hero-swiper .swiper-slide .img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .brand111-container .hero-swiper .swiper-slide .img img {
    width: 50%;
  }
  .brand111-container .mega-history .history-list:before {
    left: 140px;
    left: 14rem;
    width: 1480px;
    width: 148rem;
  }
  .brand111-container .hero-history.history111 {
    background: url(../image/hero_bg11_mo.jpg) no-repeat 50% 0;
    background-size: cover;
    padding: 94px 15px;
    padding: 9.4rem 1.5rem;
  }
  .brand111-container .hero-history.history111 .txt-bg span {
    background-color: #4B774A;
  }
  .brand111-container .hero-history.history111 .fnt-text1 span {
    padding: 0 8px;
    padding: 0 0.8rem;
  }
  .brand112-container .top-visual .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand112-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 90px;
    margin-top: 9rem;
  }
  .brand112-container + #footer {
    margin-top: 0;
  }
  .brand112-container .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand112-container .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand112-container .hero-top .hero-list {
    padding: 0 12px;
    padding: 0 1.2rem;
  }
  .brand112-container .hero-swiper .swiper-slide .img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .brand112-container .hero-swiper .swiper-slide .img img {
    width: 50%;
  }
  .brand112-container .hero-history.history112 {
    padding: 70px 7px;
    padding: 7rem 0.7rem;
    background: url(../image/hero_bg12_mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
  .brand112-container .hero-history.history112 .txt-bg span {
    background-color: #984B3A;
  }
  .brand112-container .mega-history .history-list:before {
    left: 138px;
    left: 13.8rem;
    width: 1770px;
    width: 177rem;
  }
  .brand113-container .top-visual .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand113-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 90px;
    margin-top: 9rem;
  }
  .brand113-container + #footer {
    margin-top: 0;
  }
  .brand113-container .fnt-title-s1 {
    display: flex;
    justify-content: center;
  }
  .brand113-container .fnt-title-s1 em, .brand113-container .fnt-title-s1 span {
    font-size: 23px;
    font-size: 2.3rem;
    white-space: nowrap;
  }
  .brand113-container .brand-tit03 {
    margin: 80px 0 40px;
    margin: 8rem 0 4rem;
    padding: 0 72px 0 16px;
    padding: 0 7.2rem 0 1.6rem;
  }
  .brand113-container .brand-tit03 span, .brand113-container .brand-tit03 em {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .brand113-container .brand-tit03 span {
    display: inline-block;
    font-weight: 300;
  }
  .brand113-container .brand-tit03 em {
    vertical-align: top;
    font-weight: 700;
  }
  .brand113-container .brand-area02 {
    margin: 80px 0;
    margin: 8rem 0;
  }
  .brand113-container .brand-area02 img {
    width: 100%;
    padding-left: 56px;
    padding-left: 5.6rem;
  }
  .brand113-container .brand-area02 .txt {
    padding-left: 16px;
    padding-left: 1.6rem;
    margin-bottom: 60px;
    margin-bottom: 6rem;
  }
  .brand113-container .brand-area02 .txt span, .brand113-container .brand-area02 .txt strong {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
  }
  .brand113-container .brand-area02 .txt span {
    display: inline-block;
  }
  .brand113-container .brand-area02 .txt span strong {
    color: rgb(228, 0, 27);
    vertical-align: top;
  }
  .brand113-container .brand-area03 > img {
    width: 100%;
    padding: 0 16px;
    padding: 0 1.6rem;
  }
  .brand113-container .brand-area03 .txt-area {
    display: flex;
    justify-content: center;
  }
  .brand113-container .brand-area03 .txt-area > span {
    display: inline-block;
    padding-top: 10px;
    padding-top: 1rem;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 400;
    margin: 0 20px;
    margin: 0 2rem;
  }
  .brand113-container .brand-area03 .brand-txt {
    margin-top: 40px;
    margin-top: 4rem;
  }
  .brand113-container .brand-area03 .brand-txt .img {
    display: flex;
    justify-content: center;
  }
  .brand113-container .brand-area03 .brand-txt .txt-area {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .brand113-container .brand-area03 .brand-txt .txt1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 500;
    font-family: "roboto", sans-serif;
  }
  .brand113-container .brand-area03 .brand-txt .txt2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 500;
  }
  .brand113-container .brand-area03 .brand-txt .gray {
    display: block;
    margin-top: 5px;
    margin-top: 0.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #888;
    font-weight: 400;
  }
  .brand113-container .brand-area03 .brand-txt .txt3 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
    margin-top: 3rem;
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .brand113-container .hero-history.history113 {
    background: url(../image/hero_bg13_mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
  .brand113-container .hero-history.history113 .fnt-title5 em {
    font-weight: 300;
  }
  .brand113-container .hero-history.history113 .fnt-title5 span {
    font-weight: 700;
  }
  .brand113-container .hero-history.history113 .txt-bg span {
    background-color: #596B41;
  }
  .brand114-container .top-visual .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand114-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 90px;
    margin-top: 9rem;
  }
  .brand114-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand114-container .top-visual .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand114-container .breadcrumb + .max-1920 {
    overflow: hidden;
  }
  .brand114-container + #footer {
    margin-top: 0;
  }
  .brand114-container .fnt-title-s1 {
    display: flex;
    justify-content: center;
  }
  .brand114-container .fnt-title-s1 em, .brand114-container .fnt-title-s1 span {
    font-size: 23px;
    font-size: 2.3rem;
    white-space: nowrap;
  }
  .brand114-container .brand-tit03 {
    margin: 80px 0 40px;
    margin: 8rem 0 4rem;
    padding-left: 16px;
    padding-left: 1.6rem;
  }
  .brand114-container .brand-tit03 span, .brand114-container .brand-tit03 em {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .brand114-container .brand-tit03 span {
    display: inline-block;
    font-weight: 700;
  }
  .brand114-container .brand-tit03 em {
    vertical-align: top;
    font-weight: 300;
  }
  .brand114-container .brand-area02 {
    overflow: hidden;
    margin: 80px 0;
    margin: 8rem 0;
  }
  .brand114-container .brand-area02 img {
    width: 100%;
    margin-left: 55px;
    margin-left: 5.5rem;
  }
  .brand114-container .brand-area02 .txt {
    padding-left: 16px;
    padding-left: 1.6rem;
    margin-bottom: 60px;
    margin-bottom: 6rem;
  }
  .brand114-container .brand-area02 .txt span, .brand114-container .brand-area02 .txt strong {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
  }
  .brand114-container .brand-area02 .txt span {
    display: inline-block;
  }
  .brand114-container .brand-area02 .txt span strong {
    color: rgb(26, 92, 182);
    vertical-align: top;
  }
  .brand114-container .brand-area03 > img {
    width: 100%;
    padding: 0 16px;
    padding: 0 1.6rem;
  }
  .brand114-container .brand-area03 .txt-area {
    display: flex;
    justify-content: center;
  }
  .brand114-container .brand-area03 .txt-area > span {
    display: inline-block;
    padding-top: 10px;
    padding-top: 1rem;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 400;
    margin: 0 20px;
    margin: 0 2rem;
  }
  .brand114-container .brand-area03 .brand-txt {
    margin-top: 40px;
    margin-top: 4rem;
  }
  .brand114-container .brand-area03 .brand-txt .img {
    display: flex;
    justify-content: center;
  }
  .brand114-container .brand-area03 .brand-txt .txt-area {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .brand114-container .brand-area03 .brand-txt .txt1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 700;
  }
  .brand114-container .brand-area03 .brand-txt .txt2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 500;
  }
  .brand114-container .brand-area03 .brand-txt .gray {
    display: block;
    margin-top: 5px;
    margin-top: 0.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #888;
    font-weight: 400;
  }
  .brand114-container .brand-area03 .brand-txt .txt3 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 14px;
    margin-top: 1.4rem;
    padding: 0 19px;
    padding: 0 1.9rem;
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .brand114-container .hero-history.history114 {
    background: url(../image/hero_bg14_mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
  .brand114-container .hero-history.history114 .txt-bg span {
    background-color: #766245;
  }
  .brand114-container .fnt-title5 {
    padding: 0 20px;
    padding: 0 2rem;
  }
  .brand114-container .fnt-title5 em {
    font-weight: 300;
  }
  .brand114-container .fnt-title5 span {
    font-weight: 700;
  }
  .brand115-container .txt-box .fnt-title-s1 {
    display: flex;
    justify-content: center;
    white-space: nowrap;
  }
  .brand115-container .txt-box .fnt-title-s1 em, .brand115-container .txt-box .fnt-title-s1 span {
    font-size: 23px;
    font-size: 2.3rem;
  }
  .brand115-container .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand115-container .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand115-container .hero-swiper img {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .brand115-container .hero-history.history115 {
    background: url(../image/hero_bg15_mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
  .brand115-container .hero-history.history115 .txt-bg span {
    background-color: #9B3434;
  }
  .brand115-container .mega-history .history-list:before {
    left: 140px;
    left: 14rem;
    width: 2650px;
    width: 265rem;
  }
  .brand116-container + #footer {
    margin-top: 0;
  }
  .brand116-container .top-visual .txt-box .img + .fnt-title-s1 {
    margin-top: 22px;
    margin-top: 2.2rem;
  }
  .brand116-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 80px;
    margin-top: 8rem;
  }
  .brand116-container .hero-top .hero-swiper .swiper-slide .img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .brand116-container .hero-top .hero-swiper .swiper-slide .img img {
    width: 50%;
  }
  .brand116-container .hero-history {
    padding: 94px 11px;
    padding: 9.4rem 1.1rem;
  }
  .brand116-container .hero-history.history116 {
    background: url(../image/hero_bg16_mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
  .brand116-container .hero-history .space2 {
    padding-top: 20px;
    padding-top: 2rem;
  }
  .brand116-container .hero-history .space2 span {
    line-height: 1.6;
  }
  .brand116-container .brand-spec {
    margin-top: 60px;
    margin-top: 6rem;
    padding: 0 18px;
    padding: 0 1.8rem;
  }
  .brand116-container .spec-area {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    margin-bottom: 4rem;
  }
  .brand116-container .spec-area:last-child {
    margin-bottom: 0;
  }
  .brand116-container .spec-area:last-child img {
    width: 72px;
    width: 7.2rem;
    height: 76px;
    height: 7.6rem;
  }
  .brand116-container .spec-area img {
    width: 70px;
    width: 7rem;
    height: 70px;
    height: 7rem;
  }
  .brand116-container .spec-area .desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: -0.03em;
  }
  .brand116-container .txt-area {
    display: flex;
    flex-direction: column;
    text-align: initial;
    align-items: flex-start;
    margin-left: 40px;
    margin-left: 4rem;
  }
  .brand116-container .desc {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .brand116-container .sub {
    margin-top: 10px;
    margin-top: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .brand116-container .max-1920.talk {
    background: #F5F5F5;
  }
  .brand116-container .max-1920.talk .brand-tit02 {
    text-align: center;
    padding: 80px 37px 60px;
    padding: 8rem 3.7rem 6rem;
  }
  .brand116-container .max-1920.talk .brand-tit02 span {
    font-size: 34px;
    font-size: 3.4rem;
    display: inline-block;
    vertical-align: top;
    font-weight: 300;
    line-height: 1.3;
  }
  .brand116-container .max-1920.talk .brand-tit02 em {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
  }
  .brand116-container .max-1920.talk .sub-txt {
    margin-top: 20px;
    margin-top: 2rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .brand116-container .max-1920.talk .talk-area {
    padding: 0 16px 80px 16px;
    padding: 0 1.6rem 8rem 1.6rem;
  }
  .brand116-container .max-1920.talk .talk-area ul {
    display: flex;
    flex-direction: column;
  }
  .brand116-container .max-1920.talk .talk-area ul li {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand116-container .max-1920.talk .talk-area ul strong {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 700;
  }
  .brand116-container .max-1920.talk .talk-area .answer {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .brand116-container .max-1920.talk .talk-area .answer.colomn {
    flex-direction: column;
    /* margin-right: 50px;
    margin-right: 5rem; */
  }
  .brand116-container .max-1920.talk .talk-area .answer.colomn .brown {
    margin-right: 0;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    border-radius: 24px;
    border-radius: 2.4rem;
  }
  .brand116-container .max-1920.talk .talk-area .answer.colomn .brown:last-child {
    margin-bottom: 0;
  }
  .brand116-container .max-1920.talk .talk-area .answer.colomn .brown:before {
    content: none;
  }
  .brand116-container .max-1920.talk .talk-area .ico-question {
    display: inline-block;
    width: 40px;
    width: 4rem;
    height: 40px;
    height: 4rem;
    background: url(../image/ico_question@2x.png) no-repeat;
    background-size: 100% 100%;
  }
  .brand116-container .max-1920.talk .talk-area .ico-answer {
    display: inline-block;
    width: 40px;
    width: 4rem;
    height: 40px;
    height: 4rem;
    background: url(../image/ico_answer@2x.png) no-repeat;
    background-size: 100% 100%;
  }
  .brand116-container .max-1920.talk .talk-area .bubble {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 14px 18px;
    padding: 1.4rem 1.8rem;
  }
  .brand116-container .max-1920.talk .talk-area .bubble.white {
    margin-left: 12px;
    margin-left: 1.2rem;
    background-color: #fff;
    border-radius: 18px;
    border-radius: 1.8rem;
    position: relative;
  }
  .brand116-container .max-1920.talk .talk-area .bubble.white:before {
    content: "";
    display: inline-block;
    background: url(../image/ico_vector_left.png) no-repeat;
    width: 29px;
    width: 2.9rem;
    height: 17px;
    height: 1.7rem;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: -6%;
  }
  .brand116-container .max-1920.talk .talk-area .bubble.brown {
    width: 238px;
    width: 23.8rem;
    margin-right: 12px;
    margin-right: 1.2rem;
    background-color: #F4EDE3;
    border-radius: 24px 24px 0 24px;
    border-radius: 2.4rem 2.4rem 0 2.4rem;
    color: #B58254;
    line-height: 1.7;
    position: relative;
  }
  .brand116-container .max-1920.talk .talk-area .bubble.brown:before {
    content: "";
    display: inline-block;
    background: url(../image/ico_vector_right.png) no-repeat;
    width: 29px;
    width: 2.9rem;
    height: 17px;
    height: 1.7rem;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: -6%;
  }
  :lang(en) [class*=brand1] .top-visual .txt-box.no-bg .fnt-title-s1 em {
    font-weight: 300;
  }
  :lang(en) [class*=brand1] .top-visual .txt-box.no-bg .fnt-title-s1 span {
    font-weight: 700;
  }
  :lang(en) .brand2-container .char-container .sec-ttl .ttl span {
    line-height: 1.03;
  }
  :lang(en) .brand103-container .pepero-map .pepero_list1 ul li .fnt-text1 span {
    word-break: keep-all;
  }
  :lang(en) .brand110-container .top-visual .txt-box.no-bg .fnt-title-s1 em {
    font-weight: 700;
    white-space: normal;
  }
  :lang(en) .brand110-container .top-visual .txt-box.no-bg .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .brand111-container .hero-history.history111 .fnt-text1 span {
    padding: 0;
  }
  :lang(en) .brand113-container .top-visual .txt-box.no-bg .fnt-title-s1 em {
    font-weight: 700;
    white-space: normal;
  }
  :lang(en) .brand113-container .top-visual .txt-box.no-bg .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .brand114-container .top-visual .txt-box.no-bg .fnt-title-s1 em {
    white-space: normal;
  }
  :lang(en) .brand114-container .brand-tit03 em {
    font-weight: 700;
  }
  :lang(en) .brand114-container .brand-tit03 span {
    font-weight: 300;
  }
  :lang(en) .brand114-container .hero-history .fnt-title5 em {
    font-weight: 700;
  }
  :lang(en) .brand114-container .hero-history .fnt-title5 span {
    font-weight: 300;
  }
  :lang(en) .brand115-container + #footer {
    margin-top: 0;
  }
  :lang(en) .brand115-container .top-visual .txt-box.no-bg .fnt-title-s1 em {
    white-space: normal;
  }
  :lang(en) .brand115-container .top-visual .txt-box.no-bg .fnt-title1 + .fnt-text1 {
    margin-top: 40px;
    margin-top: 4rem;
  }
  :lang(en) .price-box .sub-price .fnt-number.down {
    color: #da291c;
  }
  :lang(en) .price-box .sub-price .fnt-number.down span:before {
    display: inline-block;
    content: "鈻?;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 6px;
    margin-right: 0.6rem;
    position: relative;
    top: -2px;
    top: -0.2rem;
    transform: rotate(180deg);
  }
  :lang(en) .brand401-container .list-type1.num4 .fnt-title-s3 {
    height: 70px;
    height: 7rem;
  }
  /* 韴瀽鞝曤炒 */
  :lang(en) .investment3-container .tbl-type1.ui-tbl table tbody th {
    padding: 14px 1px;
    padding: 1.4rem 0.1rem;
  }
  :lang(en) .investment501-container .txt-box .fnt-title1 span {
    white-space: nowrap;
    display: flex;
    justify-content: center;
  }
  :lang(en) .price-box .sub-price .fnt-number.down {
    color: #da291c;
  }
  :lang(en) .price-box .sub-price .fnt-number.down span:before {
    display: inline-block;
    content: "鈻?;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 6px;
    margin-right: 0.6rem;
    position: relative;
    top: -2px;
    top: -0.2rem;
    transform: rotate(180deg);
  }
  /* 瓿犼皾靹柬劙 */
  .top-visual.num14 .bg-img {
    background: url(../image/visual14_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num15 .bg-img {
    background: url(../image/visual15_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num16 .bg-img {
    background: url(../image/visual16_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num17 .bg-img {
    background: url(../image/visual16_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num18 .bg-img {
    background: url(../image/visual18_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .customer1-container .tab-type1.center ul {
    display: flex;
    width: 100%;
  }
  .customer1-container .tab-type1.center-mo ul {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .customer1-container .ko-img .mo-only {
    width: auto;
  }
  .customer1-container .agree-area {
    margin: 40px 16px 0;
    margin: 4rem 1.6rem 0;
  }
  .customer1-container .agree-area .fnt-title6 span.clr1 {
    vertical-align: bottom;
    font-size: 16px;
    font-size: 1.6rem;
    color: #da291c;
  }
  .customer212-container .tab-type1.center ul {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .customer221-container .tab-type1.center ul {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .customer222-container .tab-type1.center ul {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .customer412-container .tab-type1.center ul {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .consult1-container .tab-type1.center ul {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .fnt-title-s1 span, .fnt-title-s1 em {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .fnt-title-s1 em {
    font-weight: 300;
  }
  .fnt-title-s1 span {
    font-weight: 700;
  }
  .top-txt1 .fnt-title-s3 span {
    font-size: 1.4rem;
  }
  .faq ul li .in-txt {
    padding: 0 34px 22px;
    padding: 0 3.4rem 2.2rem;
  }
  .agree-radio .input-radio input:checked + label:after {
    top: 13px;
    top: 1.3rem;
    left: 5px;
    left: 0.5rem;
  }
  .form-list .form-flexbox {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 30px;
    margin-bottom: 3rem;
  }
  .form-list .input-radio.type {
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
  }
  .form-list .input-radio.type label {
    padding: 0;
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
    margin-right: 10px;
    margin-right: 1rem;
  }
  .form-list .input-radio.type label:before {
    width: 24px;
    width: 2.4rem;
    height: 24px;
    height: 2.4rem;
    top: 0;
    margin: 0;
    border-color: #ddd;
  }
  .form-list .input-radio.type label .txt {
    padding-left: 30px;
    padding-left: 3rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 1.4rem;
    color: #666;
  }
  .form-list .input-radio.type:hover label:before {
    border: 2px solid #222;
  }
  .form-list .input-radio.type input:checked + label:before {
    border-color: #222;
  }
  .form-list .input-radio.type input:checked + label:after {
    width: 14px;
    width: 1.4rem;
    height: 14px;
    height: 1.4rem;
    left: 5px;
    left: 0.5rem;
    top: 11px;
    top: 1.1rem;
    background: #da291c;
  }
  .contents-wrap .title {
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  .contents-wrap.content01 .text {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    color: #888;
    font-size: 1.4rem;
  }
  .page-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-top: 4rem;
  }
  .btn-prev-page {
    background-image: url(../image/ico_prev_btn.png);
    width: 12px;
    width: 1.2rem;
    height: 22px;
    height: 2.2rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .btn-next-page {
    background-image: url(../image/ico_next_btn.png);
    width: 12px;
    width: 1.2rem;
    height: 22px;
    height: 2.2rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .page-num {
    display: inline-flex;
    width: 32px;
    width: 3.2rem;
    height: 32px;
    height: 3.2rem;
    border-radius: 100%;
    align-items: center;
  }
  .page-num:not(:last-child) {
    margin-right: 10px;
    margin-right: 1rem;
  }
  .page-num .num {
    font-family: "Roboto", sans-serif;
    font-size: 1.4rem;
    color: #222;
    text-align: center;
    width: 100%;
  }
  .page-num.on {
    background-color: #DA291C;
  }
  .page-num.on .num {
    color: #fff;
  }
  .page-num:hover {
    background-color: #DA291C;
    border: 1px solid #DA291C;
  }
  .page-num:hover .num {
    color: #fff;
  }
  .page-num-list {
    margin: 0 48px;
    margin: 0 4.8rem;
  }
  .next-link .dbr {
    display: block;
  }
  /*! 20220701etb001 旮搓笁 鞛戩梾  */
  body.openLayer-mode {
    overflow: hidden;
  }
  .brand301-container #content .snacks-section.gum.max-1920 .photo-sec .item {
    z-index: 99;
  }
  /*! 20220701etb001 旮搓笁 鞛戩梾  */
  /*! 瓿淀喌 */
  :lang(en) .txt-box .fnt-title-s1 em, :lang(en) .txt-box .fnt-title-s1 span {
    font-size: 23px;
    font-size: 2.3rem;
  }
  :lang(en) .txt-box .fnt-title1 span {
    font-size: 46px;
    font-size: 4.6rem;
  }
  .top-btn {
    outline: none;
    display: none;
    opacity: 0;
    width: 46px;
    width: 4.6rem;
    height: 46px;
    height: 4.6rem;
    border-radius: 100%;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background: #E5E5E5 url(../image/ico_top_btn_black_mo.png) center no-repeat;
    background-size: 18px 20px;
    background-size: 1.8rem 2rem;
    box-sizing: border-box;
    transition: 0.3s;
    position: fixed;
    right: 16px;
    right: 1.6rem;
    bottom: 16px;
    bottom: 1.6rem;
    z-index: 90;
  }
  #footer {
    margin-top: 80px;
    margin-top: 8rem;
  }
  .header-content .btn-util .btn1 {
    position: absolute;
    top: 15px;
    top: 1.5rem;
    left: 50px;
    left: 5rem;
    padding: 0 10px;
    padding: 0 1rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 3.333;
    color: #888;
  }
  .header-content .btn-util .btn2 {
    position: absolute;
    bottom: 40px;
    bottom: 4rem;
    left: 50px;
    left: 5rem;
    padding: 9px 20px 10px;
    padding: 0.9rem 2rem 1rem;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 30px;
    border-radius: 3rem;
    background: #fff;
  }
  .header-content .btn-util .btn3 {
    position: absolute;
    bottom: 40px;
    bottom: 4rem;
    left: 50px;
    left: 16rem;
    padding: 9px 20px 10px;
    padding: 0.9rem 2rem 1rem;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 30px;
    border-radius: 3rem;
    background: #fff;
  }

  .sugar-alcoh{margin-bottom:2.6rem;padding:1.75rem 0;background:#f7fffd url('../image/bg_sugar_alcoh.png') no-repeat;background-position: bottom right -3rem;background-size:contain;}
  .sugar-alcoh-wrap{margin:0 auto;padding:0;max-width:20rem;display:flex;align-items: center;justify-content: space-between;}
  .sugar-alcoh-wrap .txt{font-size:2rem;}
  .sugar-alcoh-wrap .btn{margin-top:0.7rem;padding:0 1rem;display:inline-block;background:#00afa4;border-radius:2rem;}
  .sugar-alcoh-wrap .btn span{position:relative;padding-right:2.2rem;font-size:0.8rem;font-weight:400;line-height:2rem;color:#fff;}
  .sugar-alcoh-wrap .txt strong{color:#00afa4;font-weight:700;}
  .sugar-alcoh-wrap .btn span::after{content:'';position:absolute;right:0;top:50%;width:1.5rem;height:0.7rem;margin-top:-0.35rem;background:url('../image/btn_sugar_alcoh.png') no-repeat;background-size:contain;}
  .sugar-alcoh-wrap .imgWrap{width:10.1rem;height:6rem;background:url('../image/img_sugar_alcoh_mo.png') no-repeat;background-size:contain;}
}
/*! pc 氩勳爠 - css */
@media (min-width: 1024px) {
  /* 20220701etb001 旮搓笁 靾橃爼 */
  .w125.pc .history-tab-wrp {
    margin-top: 4.5rem;
  }
  .w125.pc .introduction2-container .top-years em {
    font-size: 18.4rem;
  }
  .w125.pc .introduction2-container .years-title span {
    font-size: 5rem;
  }
  .w125.pc .years-btn {
    margin-top: 2rem;
  }
  /* 20220701etb001 旮搓笁 靾橃爼 */
  /* 須岇偓靻岅皽 */
  :lang(en) .introduction2-container .history-tab-wrp .history-in {
    line-height: normal;
  }
  :lang(en) .introduction2-container .history-tab a span {
    display: block;
  }
  :lang(en) .introduction301-container .number-sec .box-wrap .box .fnt-text2 {
    transform: translate(-20%, -20%);
  }
  :lang(en) .introduction301-container .indicator li:after {
    height: 43px;
    height: 4.25rem;
    top: 16px;
    top: 1.6rem;
  }
  :lang(en) .introduction301-container .indicator li.on:after {
    height: 40px;
    height: 3.95rem;
    top: 19px;
    top: 1.9rem;
  }
  :lang(en) .introduction302-container .map-sec .map-btn.southeastAsia {
    left: 68.9%;
    top: 45.3%;
  }
  :lang(en) .introduction302-container .map-sec .map-btn.hongkong {
    left: 74.1%;
    top: 41.1%;
  }
  :lang(en) .introduction5-container .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .introduction5-container .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .introduction501-container .location-info .info {
    width: 50%;
  }
  :lang(en) .introduction501-container .location-info .map {
    right: -10%;
    height: 100%;
  }
  :lang(en) .introduction501-container .location-info .map-in {
    top: 11.5%;
  }
  :lang(en) .introduction501-container .location-tit h2 {
    margin: 160px 0 80px;
    margin: 16rem 0 8rem;
    font-size: 64px;
    font-size: 6.4rem;
    font-weight: 700;
  }
  :lang(en) .introduction701-container .top-visual .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .introduction701-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .introduction701-container .txt2 .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .introduction701-container .txt2 .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .introduction701-container .txt3 .fnt1 span {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
  }
  :lang(en) .introduction701-container .txt4 .fnt-title-s1 span, :lang(en) .introduction701-container .txt4 em {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
  }
  :lang(en) .introduction701-container .txt5 .fnt-title-s1 span {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
  }
  :lang(en) .introduction703-container .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .introduction703-container .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  
  .introduction2-container .top-years em,
.introduction2-container .top-years span {
    display: inline-block;
    font-size: 214px;
    font-size: 21.4rem;
    
    letter-spacing: -0.08em;
    text-align: center;
  }
  .years-title span {
    display: inline-block;
    font-size: 60px;
    font-size: 6rem;
    margin-top: 28px;
    margin-top: 2.8rem;
    font-weight: 700;
  }
  .years-sub span {
    display: inline-block;
    font-weight: 300;
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 28px;
    margin-top: 2.8rem;
  }
  .years-btn {
    margin-top: 120px;
    margin-top: 12rem;
  }
  .years-btn a span {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px 40px;
    padding: 2rem 4rem;
    border-radius: 300px;
  }
  .years-btn a span:after {
    content: "";
    display: inline-block;
    width: 17px;
    width: 1.7rem;
    height: 15px;
    height: 1.5rem;
    margin-left: 10px;
    margin-left: 1rem;
    background: url(../image/ico_back_white.png) no-repeat;
    background-size: 100% 100%;
  }
  .years-btn .back-info {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 12px;
    margin-top: 1.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .years-btn .back-info:before {
    content: "";
    display: inline-block;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    margin-right: 6px;
    margin-right: 0.6rem;
    background: url(../image/ico_caution_white.png) no-repeat;
    background-size: 100% 100%;
  }
  @-webkit-keyframes history-tab-btn1 {
    0% {
      padding-bottom: 0;
      margin-top: 0;
    }
    100% {
      padding-bottom: 12px;
      margin-top: -28px;
    }
  }
  @keyframes history-tab-btn1 {
    0% {
      padding-bottom: 0;
      margin-top: 0;
    }
    100% {
      padding-bottom: 12px;
      margin-top: -28px;
    }
  }
  @-webkit-keyframes history-tab-btn2 {
    0% {
      height: 0;
    }
    100% {
      height: 46px;
    }
  }
  @keyframes history-tab-btn2 {
    0% {
      height: 0;
    }
    100% {
      height: 46px;
    }
  }
  .history-tab-wrp {
    margin-top: 145px;
    margin-top: 14.5rem;
    display: inline-flex;
  }
  .history-tab-wrp .history-in {
    margin-right: 20px;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    width: 20rem;
    height: 180px;
    height: 18rem;
    line-height: 2;
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
  .history-tab-wrp .history-in:nth-of-type(2) {
    margin-right: 0;
  }
  .history-tab-wrp .history-in span {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    transition: margin-top 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .history-tab-wrp .history-in.bake {
    position: relative;
  }
  .history-tab-wrp .history-in.bake:hover {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #DA291C;
    border-color: transparent;
  }
  .history-tab-wrp .history-in.bake:hover span {
    margin-top: -28px;
    margin-top: -2.8rem;
    -webkit-animation: history-tab-btn1 ease-in-out 0.2s;
            animation: history-tab-btn1 ease-in-out 0.2s;
  }
  .history-tab-wrp .history-in.bake:hover::after {
    content: "";
    display: block;
    height: 46px;
    height: 4.6rem;
    position: absolute;
    top: 100px;
    top: 10rem;
    border-left: 1px solid #fff;
    -webkit-animation: history-tab-btn2 ease-in-out 0.5s;
            animation: history-tab-btn2 ease-in-out 0.5s;
  }
  .history-tab-wrp .history-in.bake.on {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #DA291C;
    border-color: transparent;
  }
  .history-tab-wrp .history-in.bake.on span {
    margin-top: -12px;
    margin-top: -1.2rem;
    padding-bottom: 12px;
    padding-bottom: 1.2rem;
    -webkit-animation: history-tab-btn1 ease-in-out 0.2s;
            animation: history-tab-btn1 ease-in-out 0.2s;
  }
  .history-tab-wrp .history-in.bake.on::after {
    content: "";
    display: block;
    height: 46px;
    height: 4.6rem;
    position: absolute;
    top: 100px;
    top: 10rem;
    border-left: 1px solid #fff;
    -webkit-animation: history-tab-btn2 ease-in-out 0.5s;
            animation: history-tab-btn2 ease-in-out 0.5s;
  }
  .history-tab-wrp .history-in.food {
    position: relative;
  }
  .history-tab-wrp .history-in.food:hover {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #8DC254;
    border-color: transparent;
  }
  .history-tab-wrp .history-in.food:hover span {
    margin-top: -28px;
    margin-top: -2.8rem;
    padding-bottom: 12px;
    padding-bottom: 1.2rem;
    -webkit-animation: history-tab-btn1 ease-in-out 0.2s;
            animation: history-tab-btn1 ease-in-out 0.2s;
  }
  .history-tab-wrp .history-in.food:hover::after {
    content: "";
    display: block;
    height: 46px;
    height: 4.6rem;
    position: absolute;
    top: 100px;
    top: 10rem;
    border-left: 1px solid #fff;
    -webkit-animation: history-tab-btn2 ease-in-out 0.5s;
            animation: history-tab-btn2 ease-in-out 0.5s;
  }
  .history-tab-wrp .history-in.food.on {
    transition: background-color ease-in-out 0.5s;
    background-origin: border-box;
    background-color: #8DC254;
    border-color: transparent;
  }
  .history-tab-wrp .history-in.food.on span {
    margin-top: -12px;
    margin-top: -1.2rem;
    padding-bottom: 12px;
    padding-bottom: 1.2rem;
    -webkit-animation: history-tab-btn1 ease-in-out 0.2s;
            animation: history-tab-btn1 ease-in-out 0.2s;
  }
  .history-tab-wrp .history-in.food.on::after {
    content: "";
    display: block;
    height: 46px;
    height: 4.6rem;
    position: absolute;
    top: 110px;
    top: 11rem;
    border-left: 1px solid #fff;
    -webkit-animation: history-tab-btn2 ease-in-out 0.5s;
            animation: history-tab-btn2 ease-in-out 0.5s;
  }
  .history-wrp [class*=section] [class*=idx] .y-img {
    position: absolute;
    top: 232px;
    top: 110px;
    top: 11rem;
    right: 58px;
    right: 5.8rem;
    text-align: center;
  }
  .history-wrp .section1 .idx1 .y-img,
.history-wrp .section1 .idx2 .y-img,
.history-wrp .section1 .idx3 .y-img,
.history-wrp .section1 .idx4 .y-img,
.history-wrp .section1 .idx5 .y-img,
.history-wrp .section1 .idx6 .y-img,
.history-wrp .section1 .idx7 .y-img,
.history-wrp .section1 .idx8 .y-img,
.history-wrp .section1 .idx9 .y-img,
.history-wrp .section1 .idx10 .y-img,
.history-wrp .section1 .idx11 .y-img,
.history-wrp .section1 .idx12 .y-img,
.history-wrp .section1 .idx13 .y-img,
.history-wrp .section2 .idx1 .y-img,
.history-wrp .section2 .idx2 .y-img,
.history-wrp .section2 .idx3 .y-img,
.history-wrp .section2 .idx4 .y-img,
.history-wrp .section2 .idx5 .y-img,
.history-wrp .section2 .idx6 .y-img,
.history-wrp .section2 .idx7 .y-img,
.history-wrp .section2 .idx8 .y-img,
.history-wrp .section2 .idx9 .y-img,
.history-wrp .section2 .idx10 .y-img,
.history-wrp .section2 .idx11 .y-img,
.history-wrp .section2 .idx12 .y-img,
.history-wrp .section2 .idx13 .y-img,
.history-wrp .section3 .idx1 .y-img,
.history-wrp .section3 .idx2 .y-img,
.history-wrp .section3 .idx3 .y-img,
.history-wrp .section3 .idx4 .y-img,
.history-wrp .section3 .idx5 .y-img,
.history-wrp .section3 .idx6 .y-img,
.history-wrp .section3 .idx7 .y-img,
.history-wrp .section3 .idx8 .y-img,
.history-wrp .section3 .idx9 .y-img,
.history-wrp .section3 .idx10 .y-img,
.history-wrp .section3 .idx11 .y-img,
.history-wrp .section3 .idx12 .y-img,
.history-wrp .section3 .idx13 .y-img,
.history-wrp .section4 .idx1 .y-img,
.history-wrp .section4 .idx2 .y-img,
.history-wrp .section4 .idx3 .y-img,
.history-wrp .section4 .idx4 .y-img,
.history-wrp .section4 .idx5 .y-img,
.history-wrp .section4 .idx6 .y-img,
.history-wrp .section4 .idx7 .y-img,
.history-wrp .section4 .idx8 .y-img,
.history-wrp .section4 .idx9 .y-img,
.history-wrp .section4 .idx10 .y-img,
.history-wrp .section4 .idx11 .y-img,
.history-wrp .section4 .idx12 .y-img,
.history-wrp .section4 .idx13 .y-img,
.history-wrp .section5 .idx1 .y-img,
.history-wrp .section5 .idx2 .y-img,
.history-wrp .section5 .idx3 .y-img,
.history-wrp .section5 .idx4 .y-img,
.history-wrp .section5 .idx5 .y-img,
.history-wrp .section5 .idx6 .y-img,
.history-wrp .section5 .idx7 .y-img,
.history-wrp .section5 .idx8 .y-img,
.history-wrp .section5 .idx9 .y-img,
.history-wrp .section5 .idx10 .y-img,
.history-wrp .section5 .idx11 .y-img,
.history-wrp .section5 .idx12 .y-img,
.history-wrp .section5 .idx13 .y-img,
.history-wrp .section6 .idx1 .y-img,
.history-wrp .section6 .idx2 .y-img,
.history-wrp .section6 .idx3 .y-img,
.history-wrp .section6 .idx4 .y-img,
.history-wrp .section6 .idx5 .y-img,
.history-wrp .section6 .idx6 .y-img,
.history-wrp .section6 .idx7 .y-img,
.history-wrp .section6 .idx8 .y-img,
.history-wrp .section6 .idx9 .y-img,
.history-wrp .section6 .idx10 .y-img,
.history-wrp .section6 .idx11 .y-img,
.history-wrp .section6 .idx12 .y-img,
.history-wrp .section6 .idx13 .y-img {
    position: absolute;
    top: 110px;
    top: 11rem;
  }
  .history-wrp .section1 .idx1 .y-img .img,
.history-wrp .section1 .idx2 .y-img .img,
.history-wrp .section1 .idx3 .y-img .img,
.history-wrp .section1 .idx4 .y-img .img,
.history-wrp .section1 .idx5 .y-img .img,
.history-wrp .section1 .idx6 .y-img .img,
.history-wrp .section1 .idx7 .y-img .img,
.history-wrp .section1 .idx8 .y-img .img,
.history-wrp .section1 .idx9 .y-img .img,
.history-wrp .section1 .idx10 .y-img .img,
.history-wrp .section1 .idx11 .y-img .img,
.history-wrp .section1 .idx12 .y-img .img,
.history-wrp .section1 .idx13 .y-img .img,
.history-wrp .section2 .idx1 .y-img .img,
.history-wrp .section2 .idx2 .y-img .img,
.history-wrp .section2 .idx3 .y-img .img,
.history-wrp .section2 .idx4 .y-img .img,
.history-wrp .section2 .idx5 .y-img .img,
.history-wrp .section2 .idx6 .y-img .img,
.history-wrp .section2 .idx7 .y-img .img,
.history-wrp .section2 .idx8 .y-img .img,
.history-wrp .section2 .idx9 .y-img .img,
.history-wrp .section2 .idx10 .y-img .img,
.history-wrp .section2 .idx11 .y-img .img,
.history-wrp .section2 .idx12 .y-img .img,
.history-wrp .section2 .idx13 .y-img .img,
.history-wrp .section3 .idx1 .y-img .img,
.history-wrp .section3 .idx2 .y-img .img,
.history-wrp .section3 .idx3 .y-img .img,
.history-wrp .section3 .idx4 .y-img .img,
.history-wrp .section3 .idx5 .y-img .img,
.history-wrp .section3 .idx6 .y-img .img,
.history-wrp .section3 .idx7 .y-img .img,
.history-wrp .section3 .idx8 .y-img .img,
.history-wrp .section3 .idx9 .y-img .img,
.history-wrp .section3 .idx10 .y-img .img,
.history-wrp .section3 .idx11 .y-img .img,
.history-wrp .section3 .idx12 .y-img .img,
.history-wrp .section3 .idx13 .y-img .img,
.history-wrp .section4 .idx1 .y-img .img,
.history-wrp .section4 .idx2 .y-img .img,
.history-wrp .section4 .idx3 .y-img .img,
.history-wrp .section4 .idx4 .y-img .img,
.history-wrp .section4 .idx5 .y-img .img,
.history-wrp .section4 .idx6 .y-img .img,
.history-wrp .section4 .idx7 .y-img .img,
.history-wrp .section4 .idx8 .y-img .img,
.history-wrp .section4 .idx9 .y-img .img,
.history-wrp .section4 .idx10 .y-img .img,
.history-wrp .section4 .idx11 .y-img .img,
.history-wrp .section4 .idx12 .y-img .img,
.history-wrp .section4 .idx13 .y-img .img,
.history-wrp .section5 .idx1 .y-img .img,
.history-wrp .section5 .idx2 .y-img .img,
.history-wrp .section5 .idx3 .y-img .img,
.history-wrp .section5 .idx4 .y-img .img,
.history-wrp .section5 .idx5 .y-img .img,
.history-wrp .section5 .idx6 .y-img .img,
.history-wrp .section5 .idx7 .y-img .img,
.history-wrp .section5 .idx8 .y-img .img,
.history-wrp .section5 .idx9 .y-img .img,
.history-wrp .section5 .idx10 .y-img .img,
.history-wrp .section5 .idx11 .y-img .img,
.history-wrp .section5 .idx12 .y-img .img,
.history-wrp .section5 .idx13 .y-img .img,
.history-wrp .section6 .idx1 .y-img .img,
.history-wrp .section6 .idx2 .y-img .img,
.history-wrp .section6 .idx3 .y-img .img,
.history-wrp .section6 .idx4 .y-img .img,
.history-wrp .section6 .idx5 .y-img .img,
.history-wrp .section6 .idx6 .y-img .img,
.history-wrp .section6 .idx7 .y-img .img,
.history-wrp .section6 .idx8 .y-img .img,
.history-wrp .section6 .idx9 .y-img .img,
.history-wrp .section6 .idx10 .y-img .img,
.history-wrp .section6 .idx11 .y-img .img,
.history-wrp .section6 .idx12 .y-img .img,
.history-wrp .section6 .idx13 .y-img .img {
    background: none !important;
    height: auto !important;
    width: auto !important;
  }
  .history-wrp .section1 .idx1 .y-img .img img,
.history-wrp .section1 .idx2 .y-img .img img,
.history-wrp .section1 .idx3 .y-img .img img,
.history-wrp .section1 .idx4 .y-img .img img,
.history-wrp .section1 .idx5 .y-img .img img,
.history-wrp .section1 .idx6 .y-img .img img,
.history-wrp .section1 .idx7 .y-img .img img,
.history-wrp .section1 .idx8 .y-img .img img,
.history-wrp .section1 .idx9 .y-img .img img,
.history-wrp .section1 .idx10 .y-img .img img,
.history-wrp .section1 .idx11 .y-img .img img,
.history-wrp .section1 .idx12 .y-img .img img,
.history-wrp .section1 .idx13 .y-img .img img,
.history-wrp .section2 .idx1 .y-img .img img,
.history-wrp .section2 .idx2 .y-img .img img,
.history-wrp .section2 .idx3 .y-img .img img,
.history-wrp .section2 .idx4 .y-img .img img,
.history-wrp .section2 .idx5 .y-img .img img,
.history-wrp .section2 .idx6 .y-img .img img,
.history-wrp .section2 .idx7 .y-img .img img,
.history-wrp .section2 .idx8 .y-img .img img,
.history-wrp .section2 .idx9 .y-img .img img,
.history-wrp .section2 .idx10 .y-img .img img,
.history-wrp .section2 .idx11 .y-img .img img,
.history-wrp .section2 .idx12 .y-img .img img,
.history-wrp .section2 .idx13 .y-img .img img,
.history-wrp .section3 .idx1 .y-img .img img,
.history-wrp .section3 .idx2 .y-img .img img,
.history-wrp .section3 .idx3 .y-img .img img,
.history-wrp .section3 .idx4 .y-img .img img,
.history-wrp .section3 .idx5 .y-img .img img,
.history-wrp .section3 .idx6 .y-img .img img,
.history-wrp .section3 .idx7 .y-img .img img,
.history-wrp .section3 .idx8 .y-img .img img,
.history-wrp .section3 .idx9 .y-img .img img,
.history-wrp .section3 .idx10 .y-img .img img,
.history-wrp .section3 .idx11 .y-img .img img,
.history-wrp .section3 .idx12 .y-img .img img,
.history-wrp .section3 .idx13 .y-img .img img,
.history-wrp .section4 .idx1 .y-img .img img,
.history-wrp .section4 .idx2 .y-img .img img,
.history-wrp .section4 .idx3 .y-img .img img,
.history-wrp .section4 .idx4 .y-img .img img,
.history-wrp .section4 .idx5 .y-img .img img,
.history-wrp .section4 .idx6 .y-img .img img,
.history-wrp .section4 .idx7 .y-img .img img,
.history-wrp .section4 .idx8 .y-img .img img,
.history-wrp .section4 .idx9 .y-img .img img,
.history-wrp .section4 .idx10 .y-img .img img,
.history-wrp .section4 .idx11 .y-img .img img,
.history-wrp .section4 .idx12 .y-img .img img,
.history-wrp .section4 .idx13 .y-img .img img,
.history-wrp .section5 .idx1 .y-img .img img,
.history-wrp .section5 .idx2 .y-img .img img,
.history-wrp .section5 .idx3 .y-img .img img,
.history-wrp .section5 .idx4 .y-img .img img,
.history-wrp .section5 .idx5 .y-img .img img,
.history-wrp .section5 .idx6 .y-img .img img,
.history-wrp .section5 .idx7 .y-img .img img,
.history-wrp .section5 .idx8 .y-img .img img,
.history-wrp .section5 .idx9 .y-img .img img,
.history-wrp .section5 .idx10 .y-img .img img,
.history-wrp .section5 .idx11 .y-img .img img,
.history-wrp .section5 .idx12 .y-img .img img,
.history-wrp .section5 .idx13 .y-img .img img,
.history-wrp .section6 .idx1 .y-img .img img,
.history-wrp .section6 .idx2 .y-img .img img,
.history-wrp .section6 .idx3 .y-img .img img,
.history-wrp .section6 .idx4 .y-img .img img,
.history-wrp .section6 .idx5 .y-img .img img,
.history-wrp .section6 .idx6 .y-img .img img,
.history-wrp .section6 .idx7 .y-img .img img,
.history-wrp .section6 .idx8 .y-img .img img,
.history-wrp .section6 .idx9 .y-img .img img,
.history-wrp .section6 .idx10 .y-img .img img,
.history-wrp .section6 .idx11 .y-img .img img,
.history-wrp .section6 .idx12 .y-img .img img,
.history-wrp .section6 .idx13 .y-img .img img {
    width: 100%;
  }
  .history-wrp-control {
    top: 46%;
  }
  .history-wrp-control .control-list {
    width: 130px;
    width: 13rem;
    padding-left: 10px;
    padding-left: 1rem;
  }
  .history-tab-wrap {
    margin-top: 100px;
    margin-top: 10rem;
  }
  .history-tab-wrap .history-tab-list::after {
    content: none;
  }
  .history-tab-wrap .history-tab-list .history-tab {
    margin-top: 0;
    padding: 16px 0;
    padding: 1.6rem 0;
    border-top: 1px solid rgba(229, 229, 229, 0.5);
  }
  .history-tab-wrap .history-tab-list .history-tab:first-child {
    border-top: none;
  }
  .history-tab-wrap .history-tab-list .history-tab:last-child {
    display: none;
  }
  .history-tab-wrap .history-tab-list .history-tab.on {
    color: #fff;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn {
    transition: color ease-in 0.1s;
    font-family: "Noto Sans KR", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn.txt-color {
    color: #222;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn.txt-color::after {
    content: "";
    display: block;
    background: url(../image/ico_btn_black.png) no-repeat;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn:hover {
    color: #da291c;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn:hover::after {
    background-image: url(../image/ico_btn_red.png);
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn::after {
    content: "";
    display: block;
    background: url(../image/ico_btn_white.png) no-repeat;
    background-size: 7px 11px;
    background-size: 0.7rem 1.1rem;
    width: 7px;
    width: 0.7rem;
    height: 11px;
    height: 1.1rem;
  }
  .history-wrp .section1 .top-year .bg.pc-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/20220614b35d4cda344e475.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section1 .top-year .bg.mo-only {
    display: none;
  }
  .history-wrp .section2 .top-year .bg.pc-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/20220614c9310cf494f2482.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section2 .top-year .bg.mo-only {
    display: none;
  }
  .history-wrp .section3 .top-year .bg.pc-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/202206148ea8f5d5abf247a.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section3 .top-year .bg.mo-only {
    display: none;
  }
  .history-wrp .section4 .top-year .bg.pc-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/20220614508b563b5731420.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section4 .top-year .bg.mo-only {
    display: none;
  }
  .history-wrp .section5 .top-year .bg.pc-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/202206149fb648b9767b4b7.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section5 .top-year .bg.mo-only {
    display: none;
  }
  .history-wrp .section6 .top-year .bg.pc-only {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(../image/202206243cc0432c2a69450.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .history-wrp .section6 .top-year .bg.mo-only {
    display: none;
  }
  /*! 靹戈硠靻嶌潣 搿嵃鞝滉臣 */
  .introduction301-container .map-sec .map-area {
    position: relative;
  }
  .introduction301-container .map-sec .map-btn {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .introduction301-container .map-sec .map-btn span:before {
    content: none;
  }
  .introduction301-container .map-sec .map-btn span:after {
    content: none;
  }
  .introduction301-container .map-sec .map-btn.belgium {
    left: 44.8%;
    top: 25%;
  }
  .introduction301-container .map-sec .map-btn.russia {
    left: 72.8%;
    top: 17%;
  }
  .introduction301-container .map-sec .map-btn.china {
    left: 76%;
    top: 36%;
  }
  .introduction301-container .map-sec .map-btn.kazakhstan {
    left: 63%;
    top: 23.4%;
  }
  .introduction301-container .map-sec .map-btn.pakistan {
    left: 63.15%;
    top: 36%;
  }
  .introduction301-container .map-sec .map-btn.myanmar {
    left: 70%;
    top: 38.3%;
  }
  .introduction301-container .map-sec .map-btn.india {
    left: 65.9%;
    top: 48%;
  }
  .introduction301-container .map-sec .map-btn.singapore {
    left: 74%;
    top: 50.7%;
  }
  .map-area .map-btn span {
    color: #222;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 0;
  }
  .introduction302-container .map-sec .map-area {
    position: relative;
  }
  .introduction302-container .map-sec .map-btn {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .introduction302-container .map-sec .map-btn span:before {
    content: none;
  }
  .introduction302-container .map-sec .map-btn span:after {
    content: none;
  }
  .introduction302-container .map-sec .map-btn.europe {
    left: 51.5%;
    top: 16%;
  }
  .introduction302-container .map-sec .map-btn.russia {
    left: 67.5%;
    top: 10.5%;
  }
  .introduction302-container .map-sec .map-btn.centralAsia {
    left: 66.7%;
    top: 23.2%;
  }
  .introduction302-container .map-sec .map-btn.mongolia {
    left: 80.8%;
    top: 23.2%;
  }
  .introduction302-container .map-sec .map-btn.china {
    left: 73.5%;
    top: 30.5%;
  }
  .introduction302-container .map-sec .map-btn.japan {
    left: 84.5%;
    top: 33%;
  }
  .introduction302-container .map-sec .map-btn.africa {
    left: 48.7%;
    top: 49.1%;
  }
  .introduction302-container .map-sec .map-btn.middleEast {
    left: 56.7%;
    top: 33.7%;
  }
  .introduction302-container .map-sec .map-btn.southAsia {
    left: 64%;
    top: 37.5%;
  }
  .introduction302-container .map-sec .map-btn.myanmar {
    left: 68.6%;
    top: 42%;
  }
  .introduction302-container .map-sec .map-btn.hongkong {
    left: 74.4%;
    top: 41.1%;
  }
  .introduction302-container .map-sec .map-btn.taiwan {
    left: 78.5%;
    top: 39.6%;
  }
  .introduction302-container .map-sec .map-btn.southeastAsia {
    left: 70.4%;
    top: 45.3%;
  }
  .introduction302-container .map-sec .map-btn.vietnam {
    left: 72.2%;
    top: 53.3%;
  }
  .introduction302-container .map-sec .map-btn.singapore {
    left: 75.9%;
    top: 57.6%;
  }
  .introduction302-container .map-sec .map-btn.oceania {
    left: 83%;
    top: 74.9%;
  }
  .introduction302-container .map-sec .map-btn.northAmerica {
    left: 11%;
    top: 20%;
  }
  .introduction302-container .map-sec .map-btn.usa {
    left: 17.3%;
    top: 30.9%;
  }
  .introduction302-container .map-sec .map-btn.southAmerica {
    left: 28.5%;
    top: 69.2%;
  }
  .introduction302-container .map-sec .map-btn.dubai {
    left: 60%;
    top: 42.2%;
  }
  .pin-area {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ico-pin {
    background: url(../image/ico_pin01.svg) no-repeat;
    font-size: 16px;
    font-size: 1.6rem;
    width: 21px;
    width: 2.11rem;
    height: 30px;
    height: 2.957rem;
    background-size: 21px 30px;
    background-size: 2.11rem 2.957rem;
  }
  .pin.fnt-title-s1 .sub-text {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 15px;
    margin-top: 1.5rem;
    margin-left: 4px;
    margin-left: 0.4rem;
    color: #666;
  }
  /*! 靷梾鞛レ渼旃 */
  .location-info .info.type1 ul li a {
    padding: 40px 0;
    padding: 4rem 0;
  }
  .location-info .info.type1 .fnt-tag {
    background-color: #da291c;
    padding: 5px 12px;
    padding: 0.5rem 1.2rem;
    border-radius: 50px;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .location-info .info.type1 .fnt-tag + .fnt-tag {
    margin-left: 8px;
    margin-left: 0.8rem;
  }
  .location-info .info.type1 .fnt-tag span {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .location-info .info.type1 .fnt-tag.red {
    background-color: #da291c;
  }
  .location-info .info.type1 .fnt-tag.blue {
    background-color: #235AAC;
  }
  .location-info .info.type1 .fnt-tag.green {
    background-color: #8DC254;
  }
  .location-info .info.type1 .fnt-tag.mint {
    background-color: #5BAEB4;
  }
  .location-info .info.type1 .fnt-tag.purple {
    background-color: #5D54C2;
  }
  .location-info .info .ico-list .ico-pr1:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -41px -44px;
  }
  .location-info .info .ico-list .ico-pr2:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -44px;
  }
  .location-info .info .ico-list .ico-pr3:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -44px;
  }
  .location-info .info .ico-list .ico-pr5:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px -44px;
  }
  .location-info .info .ico-list .ico-pr6:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -82px -132px;
  }
  .location-info .info .ico-list .ico-pr7:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -132px;
  }
  .location-info .info .ico-list .ico-pr8:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0px -44px;
  }
  .location-info .info .ico-list .ico-pr9:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px -132px;
  }
  .location-info .info .ico-list .ico-pr10:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -132px;
  }
  .location-info .info .ico-list .ico-pr11:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -280px -44px;
  }
  .location-info .info .ico-list .ico-pr12:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -132px;
  }
  .location-info .info .ico-list .ico-pr13:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -132px;
  }
  .location-info .info .ico-list .ico-pr14:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px -44px;
  }
  .location-info .info .ico-list .ico-pr15:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -44px;
  }
  .location-info .info .ico-list .ico-pr16:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -220px;
  }
  .location-info .info .ico-list .ico-pr17:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -220px;
  }
  .location-info .info .ico-list .ico-pr18:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -220px;
  }
  .location-info .info .ico-list .ico-pr19:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -220px;
  }
  .location-info .info .ico-list .ico-pr20:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -308px;
  }
  .location-info .info .ico-list .ico-pr21:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -308px;
  }
  .location-info .info .ico-list .ico-pr22:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -308px;
  }
  .location-info .info .ico-list .ico-pr23:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -308px;
  }
  .location-info .info .ico-list .ico-pr24:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px -220px;
  }
  .location-info .info .ico-list .ico-pr25:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -396px;
  }
  .location-info .info .ico-list .ico-pr26:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -396px;
  }
  .location-info .info .ico-list .ico-pr27:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -396px;
  }
  .location-info .info .ico-list .ico-pr28:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -396px;
  }
  .location-info .info .ico-list .ico-pr29:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px -396px;
  }
  .location-info .info .ico-list .ico-pr30:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -396px;
  }
  .location-info .info .ico-list .ico-pr31:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px -396px;
  }
  .location-info .info .ico-list .ico-pr32:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -201px -44px;
  }
  .location-info .info .ico-list .ico-pr33:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -162px -133px;
  }
  .location-info .info ul li.on .ico-list .ico-pr1:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -41px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr2:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr3:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr5:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr6:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -82px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr7:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr8:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0px 0px;
  }
  .location-info .info ul li.on .ico-list .ico-pr9:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr10:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr11:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -280px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr12:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr13:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -88px;
  }
  .location-info .info ul li.on .ico-list .ico-pr14:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr15:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr16:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr17:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr18:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr19:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr20:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr21:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr22:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr23:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -264px;
  }
  .location-info .info ul li.on .ico-list .ico-pr24:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px -176px;
  }
  .location-info .info ul li.on .ico-list .ico-pr25:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: 0 -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr26:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -40px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr27:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -80px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr28:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -120px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr29:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -160px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr30:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -200px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr31:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -240px -352px;
  }
  .location-info .info ul li.on .ico-list .ico-pr32:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -201px 0;
  }
  .location-info .info ul li.on .ico-list .ico-pr33:before {
    background-image: url(../image/sprite_introduction_pc01.png);
    width: 34px;
    width: 3.4rem;
    height: 34px;
    height: 3.4rem;
    background-size: 314px auto;
    background-position: -162px -89px;
  }
  .location-info .map-in {
    overflow: hidden;
  }
  /*! 鞁濏拡鞚胳攴滉博 */
  .cont-box {
    margin-bottom: 160px;
    margin-bottom: 16rem;
  }
  .introduction1-container .company-info li:nth-child(4), .introduction1-container .company-info li:last-child {
    border-right: 0;
  }
  .introduction6-container .visual-sec .text {
    max-width: 954px;
    max-width: 95.4rem;
    margin-top: -148px;
    margin-top: -14.8rem;
    padding: 85px 71px 0 75px;
    padding: 8.5rem 7.1rem 0 7.5rem;
  }
  .introduction6-container .max-1240 .fsc-title {
    font-size: 46px;
    font-size: 4.6rem;
    margin-bottom: 46px;
    margin-bottom: 4.6rem;
    font-weight: bold;
  }
  .introduction6-container .fsc-current {
    border-top: 1px solid #222;
  }
  .introduction6-container .fsc-current .fsc-list li {
    display: flex;
    padding: 40px 0;
    padding: 4rem 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .introduction6-container .fsc-current .fsc-tit {
    font-size: 32px;
    font-size: 3.2rem;
    min-width: 318px;
    min-width: 31.8rem;
    min-height: 154px;
    min-height: 15.4rem;
    padding-right: 25px;
    padding-right: 2.5rem;
    font-weight: bold;
  }
  .introduction6-container .fsc-current .fsc-desc {
    width: 100%;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-tit02 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-tit03 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-top: 3rem;
    font-weight: bold;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-logo {
    margin-top: 12px;
    margin-top: 1.2rem;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-logo img {
    margin-right: 16px;
    margin-right: 1.6rem;
    height: 50px;
    height: 5rem;
  }
  .introduction6-container .fsc-current .fsc-desc .fsc-desc02 {
    display: block;
    margin-top: 10px;
    margin-top: 1rem;
    font-size: 18px;
    font-size: 1.8rem;
    color: #666;
  }
  .introduction6-container .fnt-title-s1 em {
    font-weight: 700;
  }
  .introduction6-container .fnt-title-s1 span {
    font-weight: 300;
  }
  /*! 毂勳毄鞝曤炒 */
  .introduction703-container .title span {
    font-weight: 700;
  }
  .fnt-title-s1 span {
    font-weight: 300;
  }
  .fnt-title-s1 span em {
    font-weight: 700;
  }
  .fnt-title-s1.area-name span {
    font-weight: 700;
  }
  /*! CEO Message */
  .introduction5-container + #footer {
    margin-top: 550px;
    margin-top: 55rem;
  }
  .introduction5-container .ceo-top-box {
    position: relative;
  }
  .introduction5-container .fnt-title-s1 em {
    font-weight: 700;
  }
  .introduction5-container .fnt-title-s1 span {
    font-weight: 300;
  }
  .introduction5-container .ceo-top-box {
    padding-bottom: 180px;
    padding-bottom: 18rem;
  }
  .introduction5-container .ceo-top-box img {
    width: 100%;
  }
  .introduction5-container .ceo-top-box img.pc-only {
    margin: 80px 0;
    margin: 8rem 0;
  }
  .introduction5-container .fnt-text1 {
    width: 82%;
  }
  .introduction5-container .pos-rel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .introduction5-container .fnt-title3 {
    max-width: 872px;
    max-width: 87.2rem;
    margin-top: 160px;
    margin-top: 16rem;
    text-align: center;
  }
  .introduction5-container .fnt-title3 span {
    display: block;
    font-size: 52px;
    font-size: 5.2rem;
    font-weight: 300;
  }
  .introduction5-container .fnt-title3 strong {
    font-weight: 700;
    font-size: 52px;
    font-size: 5.2rem;
    vertical-align: top;
  }
  .introduction5-container .fnt-text1 {
    position: absolute;
    right: -12px;
    right: -1.2rem;
    bottom: -393px;
    bottom: -39.3rem;
    background: #fff;
    padding: 0 250px 70px 55px;
    padding: 0 25rem 7rem 5.5rem;
  }
  .introduction5-container .fnt-text1 span {
    color: #666;
  }
  .introduction5-container .fnt-text1 span + span {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .introduction5-container .fnt-text1 span .red {
    vertical-align: top;
    color: #da291c;
  }
  .introduction5-container .fnt-text1 p {
    margin-top: 60px;
    margin-top: 6rem;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .introduction5-container .fnt-sub {
    position: absolute;
    top: 47%;
    left: 18%;
  }
  .introduction5-container .fnt-sub span {
    display: block;
    color: #222;
    line-height: 1.6;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .introduction5-container .fnt-sub span:nth-child(2) {
    margin-left: 15px;
    margin-left: 1.5rem;
  }
  .introduction5-container .dbr {
    display: block;
  }
  .introduction5-container .mbr {
    display: none;
  }
  /* ESG瓴届榿 */
  :lang(en) .business3-container .ko-img {
    display: flex;
    justify-content: center;
  }
  :lang(en) .business3-container .txt-list3.esg .sub-cont-box .fnt-text1 {
    margin-top: 39px;
    margin-top: 3.9rem;
  }
  :lang(en) .business4-container .txt-list4 ul li:nth-child(2), :lang(en) .business4-container .txt-list4 ul li:nth-child(5) {
    padding: 40px 40px 0 55px;
    padding: 4rem 4rem 0 5.5rem;
  }
  :lang(en) .business5-container .txt-list6.type02 i {
    right: 22px;
    right: 2.2rem;
  }
  :lang(en) .business5-container .txt-list10 .link-list li:nth-child(4) {
    margin-right: 32px;
    margin-right: 3.2rem;
  }
  :lang(en) .business6-container .agree-area .tit-type1 span.txt {
    vertical-align: baseline;
  }
  :lang(en) .business6-container .column-box .column li {
    padding: 0 40px;
    padding: 0 4rem;
  }
  :lang(en) .business6-container .form-area .captcha-label {
    line-height: 1.3;
  }
  :lang(en) .business6-container .form-area .input-txt.add {
    margin-top: 0;
  }
  :lang(en) .business7-container .tab-type1,
:lang(en) .investment111-container .tab-type1,
:lang(en) .investment112-container .tab-type1,
:lang(en) .investment113-container .tab-type1,
:lang(en) .investment114-container .tab-type1 {
    overflow-x: initial;
    height: initial;
  }
  :lang(en) .business7-container .tab-type1.center ul,
:lang(en) .investment111-container .tab-type1.center ul,
:lang(en) .investment112-container .tab-type1.center ul,
:lang(en) .investment113-container .tab-type1.center ul,
:lang(en) .investment114-container .tab-type1.center ul {
    display: inline-block;
  }
  :lang(en) .business7-container .tab-type1.center li,
:lang(en) .investment111-container .tab-type1.center li,
:lang(en) .investment112-container .tab-type1.center li,
:lang(en) .investment113-container .tab-type1.center li,
:lang(en) .investment114-container .tab-type1.center li {
    float: left;
    margin-left: 40px;
    margin-left: 4rem;
  }
  :lang(en) .business7-container .tab-type1.center li:first-child, :lang(en) .business7-container .tab-type1.center li:nth-child(4),
:lang(en) .investment111-container .tab-type1.center li:first-child,
:lang(en) .investment111-container .tab-type1.center li:nth-child(4),
:lang(en) .investment112-container .tab-type1.center li:first-child,
:lang(en) .investment112-container .tab-type1.center li:nth-child(4),
:lang(en) .investment113-container .tab-type1.center li:first-child,
:lang(en) .investment113-container .tab-type1.center li:nth-child(4),
:lang(en) .investment114-container .tab-type1.center li:first-child,
:lang(en) .investment114-container .tab-type1.center li:nth-child(4) {
    margin-left: 0;
  }
  :lang(en) .investment111-container .tbl-type1 {
    margin-top: 10px;
    margin-top: 1rem;
  }
  :lang(en) .investment112-container .fnt-title-s3 span {
    padding-right: 30px;
    padding-right: 3rem;
    width: 190px;
    width: 19rem;
  }
  :lang(en) .investment112-container .fnt-text1 span {
    line-height: 2;
  }
  .top-visual .txt-box {
    background: none;
  }
  .top-visual.num23 .bg-img {
    background: url(../image/visual23.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num24 .bg-img {
    background: url(../image/visual24.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num25 .bg-img {
    background: url(../image/visual25.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num26 .bg-img {
    background: url(../image/visual26.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num27 .bg-img {
    background: url(../image/visual27.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num28 .bg-img {
    background: url(../image/visual28.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .business3-container .txt-list4 .fnt-title-s3 span {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  .business3-container .fnt-title-s4 {
    margin-top: 60px;
    margin-top: 6rem;
    font-family: "roboto", sans-serif;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
    color: #222;
  }
  .business3-container .fnt-title-s4 span {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    color: #888;
  }
  .business6-container .first .fnt-title-s1 > span,
.business6-container .second .fnt-title-s1 > span {
    font-weight: 700;
  }
  .business6-container .first .fnt-text1 span,
.business6-container .second .fnt-text1 span {
    font-weight: 400;
  }
  .business6-container .txt-list7 .fnt-title6 {
    margin-top: 60px;
    margin-top: 6rem;
  }
  .business6-container .txt-list7 .fnt-title6 em {
    font-size: 46px;
    font-size: 4.6rem;
    font-weight: 700;
  }
  .business6-container .column-box {
    display: flex;
    margin-top: 39px;
    margin-top: 3.9rem;
    padding: 43px 0;
    padding: 4.3rem 0;
    background: #f5f5f5;
  }
  .business6-container .column-box .column {
    flex: 1;
  }
  .business6-container .column-box .column li {
    padding: 0 54px;
    padding: 0 5.4rem;
  }
  .business6-container .column-box .column li .fnt-text1 {
    margin: 0;
  }
  .business6-container .column-box .column li .fnt-text1 span {
    display: block;
    padding-left: 38px;
    padding-left: 3.8rem;
    position: relative;
    line-height: 2.3333;
    color: #666;
  }
  .business6-container .column-box .column li .fnt-text1 span strong {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "roboto", sans-serif;
    font-weight: 700;
    color: #000;
    vertical-align: top;
  }
  .txt-list13 .nuri-box .first ul li .fnt-text1 span {
    font-weight: 400;
  }
  .business7-container .esgWrap .tit {
    font-weight: 300;
  }
  .business7-container .esgTxtBox .subTit {
    font-weight: 300;
  }
  .tab-type1.center {
    margin-top: 120px;
    margin-top: 12rem;
  }
  .txt-list2,
.txt-list5,
.txt-list6 {
    margin-top: 160px;
    margin-top: 16rem;
  }
  .txt-list2 .btn-wrap {
    position: absolute;
    right: 0;
    top: -30px;
    top: -3rem;
  }
  .txt-list3.esg .sub-cont-box .fnt-text1 {
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  .txt-list3.esg .sub-cont-box .txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ko-img {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
  }
  .ko-img + .txt-list4 {
    margin-top: 50px;
    margin-top: 5rem;
  }
  .txt-list4.esg .info-wrap li .fnt-title-s3 p {
    color: #222;
  }
  .txt-list4.esg .info-wrap2 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background: none;
    padding: 0;
  }
  .txt-list4.esg li {
    padding: 0 60px;
    padding: 0 6rem;
    border-right: 1px solid #e5e5e5;
    width: 33.3333%;
  }
  .txt-list4.esg li .info-list2 {
    margin-top: -15px;
    margin-top: -1.5rem;
  }
  .txt-list4.esg li .info-list2 .info-title2 {
    display: none;
  }
  .txt-list4.esg li:first-child {
    padding-left: 49px;
    padding-left: 4.9rem;
  }
  .txt-list4.esg li:last-child {
    padding-right: 0;
    padding-right: 0;
  }
  .txt-list4.esg li span {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.2;
    color: #666;
  }
  .txt-list4 {
    margin-top: 320px;
    margin-top: 32rem;
  }
  .txt-list-chart {
    margin-top: 60px;
    margin-top: 6rem;
  }
  .txt-list-chart .chart-tit {
    margin-top: 60px;
    margin-top: 6rem;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .txt-list-chart .chart-tit + .img-wrap {
    margin-top: 40px;
    margin-top: 4rem;
  }
  .fnt-title-s1 + .img-wrap {
    margin-top: 60px;
    margin-top: 6rem;
  }
  .fnt-title-s1.pop-tit {
    margin-top: 8px;
    margin-top: 0.8rem;
  }
  .fnt-title-s1.bold span {
    font-weight: 700;
  }
  .fnt-title-s1 .tbl-title {
    font-weight: 700;
  }
  .business5-container .fnt-title-s1 span {
    font-weight: 700;
  }
  .business5-container .fnt-text1 + .fnt-text1 {
    margin-top: 16px;
    margin-top: 1.6rem;
  }
  .fnt-box {
    background: #f5f5f5;
    padding: 25px;
    padding: 2.5rem;
    margin-top: 30px;
    margin-top: 3rem;
  }
  .fnt-box + .fnt-text1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .fnt-box p {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
  }
  .fnt-box p + ul {
    margin-top: 11px;
    margin-top: 1.1rem;
  }
  .fnt-box li {
    line-height: 1.6;
  }
  .fnt-box li strong {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    width: 40px;
    width: 4rem;
    margin-right: 12px;
    margin-right: 1.2rem;
  }
  .fnt-box li span {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .fnt-text2 span {
    color: #888;
  }
  .bsn-top-box .in .fnt-title3 {
    left: -90px;
    left: -9rem;
  }
  .img-wrap {
    margin-top: 60px;
    margin-top: 6rem;
  }
  .img-wrap.img-flexbox {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
  }
  .img-wrap [class^=cor-img] {
    margin-right:0;
    margin-right:0;
  }
  .img-wrap [class^=cor-img]:nth-of-type(4) {
    margin-right: 0;
  }
  .source-txt {
    margin-top: 40px;
    margin-top: 4rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: #888;
  }
  .pc-only {
    display: block;
  }
  .mo-only {
    display: none;
  }
  .dbr {
    display: block;
  }
  /*! 靷殞瓿淀棇 */
  .business-gallery .swiper-button-prev {
    background: url(../image/swiper_prev_btn.png) no-repeat;
    width: 60px;
    width: 6rem;
    height: 60px;
    height: 6rem;
  }
  .business-gallery .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    transition: opacity ease-in-out 0.2s;
  }
  .business-gallery .swiper-button-next {
    background: url(../image/swiper_next_btn.png) no-repeat;
    width: 60px;
    width: 6rem;
    height: 60px;
    height: 6rem;
    right: -140px;
    right: -14rem;
  }
  .business-gallery .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    transition: opacity ease-in-out 0.2s;
  }
  .business-gallery .tab-cont-wrap .tab-cont.active .swiper-button-prev {
    background-image: url(../image/sprite_pc.png);
    background-position: -42px -120px;
    width: 3.2rem;
    height: 6.4rem;
    background-size: 35.1rem 32.5rem;
    background-size: 351px 325px;
    left: 15px;
    bottom: 41%;
    top: auto;
  }
  .business-gallery .tab-cont-wrap .swiper-button-prev {
    background-image: url(../image/sprite_pc.png);
    background-position: -42px -120px;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 35.1rem 32.5rem;
    background-size: 351px 325px;
    left: 15px;
    bottom: 41%;
    top: auto;
  }
  .business-gallery .tab-cont-wrap .swiper-button-next {
    background-image: url(../image/sprite_pc.png);
    background-position: 0 -120px;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 35.1rem 32.5rem;
    background-size: 351px 325px;
    right: 15px;
    bottom: 41%;
    top: auto;
  }
  /* 頇嶋炒靹柬劙 */
  .top-visual.num5 .bg-img {
    background: url(../image/visual05_1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num9 .bg-img {
    background: url(../image/visual09.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num10 .bg-img {
    background: url(../image/visual10.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num11 .bg-img {
    background: url(../image/visual11.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num12 .bg-img {
    background: url(../image/visual12.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num13 .bg-img {
    background: url(../image/visual13.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num32 .bg-img {
    background: url(../image/visual32.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  /*! 雼ロ劙鞛愳澕毽啫氩勳姢 */
  [class^=pr7] .tab-type1.center ul li {
    margin-left: 40px;
    margin-left: 4rem;
  }
  [class^=pr7] .tab-type1.center ul li:first-child {
    margin-left: 0;
  }
  [class^=pr7] .fnt-title-s1 em {
    font-weight: 700;
  }
  [class^=pr7] .fnt-title-s1 span {
    font-weight: 300;
  }
  .pr7-container .pr7-title {
    text-align: center;
    margin-top: 122px;
    margin-top: 12.2rem;
  }
  .pr7-container .pr7-title span {
    font-size: 40px;
    font-size: 4rem;
    display: block;
  }
  .pr7-container .pr7-title span.tit1 {
    font-weight: 300;
  }
  .pr7-container .pr7-title span.tit2 {
    font-weight: 700;
  }
  .pr7-container .pr7-txt {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    color: #6B6B6B;
    margin-top: 26px;
    margin-top: 2.6rem;
  }
  .pr7-container .xylitol-gallery-wrap {
    position: relative;
    overflow: hidden;
    margin-top: -16px;
    margin-top: -1.6rem;
  }
  .pr7-container .xylitol-gallery-wrap .tab-cont-wrap {
    max-width: 1240px;
    max-width: 124rem;
    margin: 0 auto;
  }
  .pr7-container .xylitol-gallery-wrap .tab-cont-wrap .tab-cont.active {
    display: block;
  }
  .pr7-container .xylitol-gallery-wrap .tab-cont-wrap .tab-cont.active .swiper-button-prev {
    background-image: url(../image/sprite_pc.png);
    background-position: -42px -120px;
    background-position: -4.2rem -12rem;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    top: auto;
    left: 15px;
    left: 1.5rem;
    bottom: 41%;
  }
  .pr7-container .xylitol-gallery-wrap .tab-cont-wrap .tab-cont.active .swiper-button-next {
    background-image: url(../image/sprite_pc.png);
    background-position: 0 -120px;
    background-position: 0 -12rem;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    top: auto;
    right: 15px;
    right: 1.5rem;
    bottom: 41%;
  }
  .pr7-container .xylitol-gallery-wrap .gallery-slides .img-wrap {
    overflow: hidden;
    width: 100%;
    max-height: 580px;
    max-height: 58rem;
    margin-top: 70px;
    margin-top: 7rem;
    margin-bottom: 26px;
    margin-bottom: 2.6rem;
  }
  .pr7-container .xylitol-gallery-wrap .gallery-slides .img-wrap img {
    width: 100%;
  }
  .pr7-container .xylitol-gallery-wrap .swiper-container-horizontal > .swiper-pagination-progressbar {
    height: 2px;
    height: 0.2rem;
    top: auto;
    bottom: 0;
    left: 0;
    background: #e5e5e5;
    opacity: 1;
    width: 100%;
  }
  .pr7-container .xylitol-gallery-wrap .swiper-container-horizontal > .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #da291c;
    transition: none;
  }
  .pr7-container .xylitol-gallery-wrap .txt-wrap {
    margin-top: 60px;
    margin-top: 6rem;
    color: #6B6B6B;
  }
  .pr7-container .xylitol-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    margin-top: 8rem;
  }
  .apply-btn {
    background: #ececec;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 20px 30px;
    padding: 2rem 3rem;
    border-radius: 300px;
    margin: 0 auto;
  }
  .apply-btn.mg {
    margin: 0;
  }
  .apply-btn span {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .apply-btn span:after {
    content: "";
    display: inline-flex;
    align-items: center;
    background: url(../image/ico_apply.png) no-repeat;
    background-size: 7px 12px;
    width: 7px;
    width: 0.7rem;
    height: 12px;
    height: 1.2rem;
    margin-left: 10px;
    margin-left: 1rem;
  }
  .pr701-container .max-1240 + .max-1920.pos-rel {
    margin-top: 120px;
    margin-top: 12rem;
  }
  .pr701-container .fnt-title6 span {
    font-weight: 300;
  }
  .pr701-container .fnt-title6 em {
    font-weight: 700;
  }
  .pr701-container .fnt-title7 span {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 1.2;
  }
  .pr701-container .fnt-title7 span em {
    display: inline-block;
    font-weight: 700;
  }
  .pr701-container .img-area {
    margin-top: 67px;
    margin-top: 6.7rem;
  }
  .pr701-container .agree-area {
    margin-top: 150px;
    margin-top: 15rem;
  }
  .pr701-container .agree-area .tit-type1 span .txt {
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    vertical-align: bottom;
  }
  .pr701-container .agree-area .tit-type1 span .txt.clr1 {
    color: #da201c;
  }
  .pr701-container .agree-area .agree-box {
    overflow-y: auto;
    margin-top: 47px;
    margin-top: 4.7rem;
    height: 220px;
    height: 22rem;
    max-height: 220px;
    max-height: 22rem;
    padding: 32px 0 38px;
    padding: 3.2rem 0 3.8rem;
    background: #f5f5f5;
  }
  .pr701-container .agree-area .agree-box .in {
    padding: 0 0 0 40px;
    padding: 0 0 0 4rem;
  }
  .pr701-container .agree-area .agree-box .in img {
    position: relative;
    max-width: 100%;
  }
  .pr701-container .agree-area .agree-box .in .txt {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .pr701-container .agree-area .agree-box .in .txt:first-child {
    margin: 0;
  }
  .pr701-container .agree-area .agree-box .in .txt p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
    color: #666;
  }
  .pr701-container .agree-area .agree-box .in .txt p strong {
    color: #222;
  }
  .pr701-container .agree-radio {
    margin-top: 24px;
    margin-top: 2.4rem;
    text-align: right;
  }
  .pr701-container .agree-radio .input-radio {
    margin-left: 55px;
    margin-left: 5.5rem;
  }
  .pr701-container .agree-radio .input-radio label {
    height: 33px;
    height: 3.3rem;
    padding-left: 50px;
    padding-left: 5rem;
  }
  .pr701-container .agree-radio .input-radio label:before {
    width: 33px;
    width: 3.3rem;
    height: 33px;
    height: 3.3rem;
    top: 0;
    margin: 0;
    border-color: #ddd;
  }
  .pr701-container .agree-radio .input-radio label .txt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33px;
    line-height: 3.3rem;
    color: #666;
  }
  .pr701-container .agree-radio .input-radio input:checked + label:before {
    border-color: #222;
  }
  .pr701-container .agree-radio .input-radio input:checked + label:after {
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    background: #da291c;
    left: 8px;
    left: 0.8rem;
    margin-top: -8px;
    margin-top: -0.8rem;
  }
  .pr701-container .form-area {
    margin-top: 150px;
    margin-top: 15rem;
  }
  .pr701-container .form-area .form-list {
    margin: 46px 0 0;
    margin: 4.6rem 0 0;
    padding: 40px 0;
    padding: 4rem 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #ddd;
  }
  .pr701-container .form-area .form-list li {
    position: relative;
    padding-left: 130px;
    padding-left: 13rem;
    margin-top: 16px;
    margin-top: 1.6rem;
  }
  .pr701-container .form-area .form-list li:first-child {
    margin-top: 0;
  }
  .pr701-container .form-area .fnt-title6 em {
    display: inline-block;
    font-weight: 700;
  }
  .pr701-container .form-area .fnt-title6 .sub {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 0 7px 12px;
    padding: 0 0 0.7rem 1.2rem;
    color: #888;
    display: inline-block;
    vertical-align: bottom;
  }
  .pr701-container .form-area label {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-size: 1.8rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
  }
  .pr701-container .form-area label span {
    color: #da201c;
  }
  .pr701-container .form-area .input-txt {
    border: none;
  }
  .pr701-container .form-area .input-txt input {
    font-size: 18px;
    font-size: 1.8rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
    background: #f5f5f5;
  }
  .pr701-container .form-area .input-txt input::-moz-placeholder {
    font-size: 18px;
    font-size: 1.8rem;
    color: #888;
  }
  .pr701-container .form-area .input-txt input:-ms-input-placeholder {
    font-size: 18px;
    font-size: 1.8rem;
    color: #888;
  }
  .pr701-container .form-area .input-txt input::placeholder {
    font-size: 18px;
    font-size: 1.8rem;
    color: #888;
  }
  .pr701-container .form-area .input-txt.button {
    position: relative;
  }
  .pr701-container .form-area .input-txt.button input {
    width: calc(100% - 143px);
  }
  .pr701-container .form-area .input-txt.add {
    margin-top: 16px;
    margin-top: 1.6rem;
  }
  .pr701-container .form-area .multiple-txt {
    display: flex;
  }
  .pr701-container .form-area .multiple-txt .input-txt {
    flex: 1;
  }
  .pr701-container .form-area .multiple-txt .space {
    display: block;
    width: 16px;
    width: 1.6rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
    background: #fff;
  }
  .pr701-container .form-area .btn-white {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 143px;
    width: 14.3rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    border: 1px solid #222;
    background: #fff;
  }
  .pr701-container .form-area .selectbox2 {
    border: none;
    background: #f5f5f5;
  }
  .pr701-container .form-area .selectbox2 select {
    display: block;
    padding: 0 0 0 30px;
    padding: 0 0 0 3rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    box-sizing: border-box;
    font-weight: 400;
  }
  .pr701-container .form-area .selectbox2:after {
    right: 30px;
    right: 3rem;
    top: 30px;
    top: 3rem;
  }
  .pr701-container .form-area .selectbox2.color02 select {
    color: #888;
  }
  .pr701-container .form-area .tel {
    display: flex;
  }
  .pr701-container .form-area .tel .input-txt {
    flex: 1;
  }
  .pr701-container .form-area .tel .dash {
    display: block;
    width: 10px;
    width: 1rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    color: #888;
    background: #f5f5f5;
  }
  .pr701-container .form-area .email {
    display: flex;
  }
  .pr701-container .form-area .email .at {
    display: block;
    width: 20px;
    width: 2rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    color: #888;
    background: #f5f5f5;
  }
  .pr701-container .form-area .email .space {
    display: block;
    width: 16px;
    width: 1.6rem;
    height: 72px;
    height: 7.2rem;
    line-height: 72px;
    line-height: 7.2rem;
    background: #fff;
  }
  .pr701-container .form-area .imp-txt {
    padding: 10px 0 4px;
    padding: 1rem 0 0.4rem;
  }
  .pr701-container .form-area .imp-txt span {
    font-weight: 300;
  }
  .pr701-container .form-area .text-area label {
    height: 200px;
    height: 20rem;
    line-height: 200px;
    line-height: 20rem;
  }
  .pr701-container .form-area .text-area textarea {
    width: 100%;
    height: 200px;
    height: 20rem;
    padding: 15px;
    padding: 1.5rem;
    font-size: 18px;
    font-size: 1.8rem;
    background: #f5f5f5;
    border: none;
    resize: none;
  }
  .pr701-container .form-area .text-area p {
    text-align: right;
    font-weight: 300;
    margin-top: 8px;
    margin-top: 0.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
  .pr701-container .form-area .input-file {
    display: block;
    position: relative;
  }
  .pr701-container .form-area .input-file .btn-white {
    position: static;
  }
  .pr701-container .form-area .input-file .btn-white label {
    position: static;
  }
  .pr701-container .form-area .input-file p {
    position: absolute;
    left: 165px;
    left: 16.5rem;
    top: 22px;
    top: 2.2rem;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
  .pr701-container .form-area .input-file .file-name {
    margin-top: 22px;
    margin-top: 2.2rem;
    padding: 0 0 23px;
    padding: 0 0 2.3rem;
  }
  .pr701-container .form-area .input-file .file-name span {
    display: inline-block;
    margin-left: 30px;
    margin-left: 3rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
  .pr701-container .form-area .input-file .file-name span:first-child {
    margin: 0;
  }
  .pr701-container .form-area .input-file .file-name span a {
    display: inline-block;
    margin-left: 8px;
    margin-left: 0.8rem;
    background-image: url(../image/sprite_pc.png);
    background-position: -34px -282px;
    background-position: -3.4rem -28.2rem;
    width: 24px;
    width: 2.4rem;
    height: 24px;
    height: 2.4rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    vertical-align: top;
  }
  .pr701-container .form-area + .btn-area {
    margin-top: 80px;
    margin-top: 8rem;
    text-align: center;
  }
  .pr701-container .form-area + .btn-area a {
    margin: 0 10px;
    margin: 0 1rem;
  }
  .pr701-container .form-area + .btn-area a.black {
    background: #222;
    color: #fff;
  }
  .pr701-container .form-area .email .input-txt, .pr701-container .form-area .email .selectbox2 {
    flex: 1;
  }
  .pr701-container .notice-area {
    margin-top: 100px;
    margin-top: 10rem;
  }
  .pr701-container .notice-area .notice-tit {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
  }
  .pr701-container .notice-area .notice-tit:before {
    content: "";
    display: inline-flex;
    align-items: center;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    margin-right: 8px;
    margin-right: 0.8rem;
    background: url(../image/ico_notice.png) no-repeat;
    background-size: 100% 100%;
  }
  .pr701-container .notice-area .notice-list li {
    color: #888;
    margin-top: 12px;
    margin-top: 1.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .pr701-container .notice-area .notice-list li:first-child {
    margin-top: 0;
    margin-top: 0;
  }
  .pr701-container .line {
    position: absolute;
    left: 0;
    top: 170px;
    top: 17rem;
    width: 100%;
    height: 1px;
    height: 0.1rem;
    background: #ddd;
  }
  .pr702-container .contents-wrap {
    text-align: center;
  }
  .pr702-container .contents-wrap .ico-complete {
    display: inline-block;
    width: 72px;
    width: 7.2rem;
    height: 63px;
    height: 6.3rem;
    background: url(../image/ico_complete.png) no-repeat;
    background-size: contain;
  }
  .pr702-container .contents-wrap .title {
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 0;
  }
  .pr702-container .contents-wrap .title span {
    font-weight: 400;
    line-height: 1.43;
  }
  .pr702-container .contents-wrap .title .red {
    color: #da291c;
  }
  .pr702-container .contents-wrap .text span {
    color: #888;
    font-weight: 300;
  }
  .pr702-container .contents-wrap .input-box {
    padding: 28px 0;
    padding: 2.8rem 0;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    border-bottom: 1px solid #ddd;
    display: flex;
  }
  .pr702-container .contents-wrap .input-box .input-text {
    width: calc(100% - 48px);
    height: 48px;
    height: 4.8rem;
    padding-left: 15px;
    padding-left: 1.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    background: #f5f5f5;
    border: 0;
  }
  .pr702-container .contents-wrap .input-box .input-btn {
    width: 89px;
    width: 8.9rem;
    height: 48px;
    height: 4.8rem;
    text-align: center;
    border: 1px solid #222;
    box-sizing: border-box;
  }
  .pr702-container .contents-wrap .input-box .input-btn span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .pr702-container .contents-wrap.content01 {
    padding-top: 120px;
    padding-top: 12rem;
  }
  .pr702-container .contents-wrap.content01 .text {
    margin-bottom: 80px;
    margin-bottom: 8rem;
  }
  .pr702-container .contents-wrap.content02 .text-box {
    padding: 60px 0 35px;
    padding: 6rem 0 3.5rem;
    border-bottom: 1px solid #222;
  }
  .pr702-container .bottom-wrap {
    padding-top: 84px;
    padding-top: 8.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pr703-container .review-tit-wrap {
    width: 100%;
    margin-top: 150px;
    margin-top: 15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pr703-container .review-tit {
    margin-right: 250px;
    margin-right: 25rem;
  }
  .pr703-container .review-tit .tit01 {
    font-weight: 300;
    font-size: 40px;
    font-size: 4rem;
  }
  .pr703-container .review-tit .tit01 span {
    font-weight: 700;
    vertical-align: top;
  }
  .pr703-container .review-tit .tit02 {
    display: block;
    margin-top: 20px;
    margin-top: 2rem;
    font-size: 15px;
    font-size: 1.5rem;
    color: #949494;
  }
  .pr703-container .faq {
    margin: 0 16px;
    margin: 0 1.6rem;
    border-top: 1px solid #222;
  }
  .pr703-container .faq ul li {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
  .pr703-container .faq ul li > a {
    display: block;
    position: relative;
    padding: 24px 0 24px 80px;
    padding: 2.4rem 0 2.4rem 8rem;
  }
  .pr703-container .faq ul li > a .review-num {
    font-family: "roboto";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 33px;
    left: 3.3rem;
    font-size: 24px;
    font-size: 2.4rem;
    color: #da291c;
    font-weight: 700;
  }
  .pr703-container .faq ul li > a:before {
    content: none;
  }
  .pr703-container .faq ul li > a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    right: 1.2rem;
    top: 50%;
    transform: translate(0, -50%);
    width: 28px;
    width: 2.8rem;
    height: 28px;
    height: 2.8rem;
    background: url(../image/ico_faq2.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .pr703-container .faq ul li .in-txt {
    display: none;
    overflow: hidden;
    padding: 0 40px 22px;
    padding: 0 4rem 2.2rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142;
    color: #666;
    letter-spacing: -0.5px;
  }
  .pr703-container .faq ul li .in-txt span {
    display: block;
  }
  .pr703-container .faq ul li .in-txt strong {
    color: #da201c;
  }
  .pr703-container .faq ul li:first-child.on {
    margin-top: 0;
  }
  .pr703-container .faq ul li.on {
    margin-top: -1px;
    margin-top: -0.1rem;
    background: #f7f7f7;
    border: none;
  }
  .pr703-container .faq ul li.on a:after {
    margin-top: 0;
    width: 28px;
    width: 2.8rem;
    height: 2px;
    height: 0.2rem;
    background: url(../image/ico_faq3.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  .pr703-container .faq ul li.on .in-txt {
    display: block;
  }
  .pr703-container .faq .btn-area {
    text-align: center;
    margin-top: 50px;
    margin-top: 5rem;
  }
  .pr703-container .faq .btn-area .btn-more {
    display: inline-block;
    padding: 21px 39px;
    padding: 2.1rem 3.9rem;
    border-radius: 60px;
    border-radius: 6rem;
    background: #f5f5f5;
  }
  .pr703-container .faq .btn-area .btn-more i {
    display: block;
    background-image: url(../image/sprite_pc.png);
    background-position: -120px -90px;
    background-position: -12rem -9rem;
    width: 18px;
    width: 1.8rem;
    height: 18px;
    height: 1.8rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
  }
  .pr703-container .swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .pr703-container .swiper-slide {
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pr703-container .swiper-slide img {
    max-width: 100%;
  }
  .pr703-container .swiper-button-prev {
    background-image: url(../image/sprite_pc.png);
    background-position: -42px -120px;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 35.1rem 32.5rem;
    background-size: 351px 325px;
    left: 15px;
    left: 1.5rem;
    top: 50%;
    transform: translate(0, -50%);
  }
  .pr703-container .swiper-button-next {
    background-image: url(../image/sprite_pc.png);
    background-position: 0 -120px;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 35.1rem 32.5rem;
    background-size: 351px 325px;
    right: 15px;
    right: 1.5rem;
    top: 50%;
    transform: translate(0, -50%);
  }
  .pr703-container .review-area {
    margin-top: 40px;
    margin-top: 4rem;
  }
  .pr703-container .review-area p {
    margin-bottom: 32px;
    margin-bottom: 3.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8;
  }
  .pr703-container .review-area p:last-child {
    margin-bottom: 0;
  }
  .pr703-container .xylitol-gallery-wrap {
    position: relative;
    overflow: hidden;
  }
  .pr703-container .xylitol-gallery-wrap .tab-cont-wrap {
    max-width: 1240px;
    max-width: 124rem;
    margin: 0 auto;
  }
  .pr703-container .xylitol-gallery-wrap .tab-cont-wrap .tab-cont.active {
    display: block;
  }
  .pr703-container .xylitol-gallery-wrap .tab-cont-wrap .tab-cont.active .swiper-button-prev {
    background-image: url(../image/sprite_pc.png);
    background-position: -42px -120px;
    background-position: -4.2rem -12rem;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    top: auto;
    left: 15px;
    left: 1.5rem;
    bottom: 41%;
  }
  .pr703-container .xylitol-gallery-wrap .tab-cont-wrap .tab-cont.active .swiper-button-next {
    background-image: url(../image/sprite_pc.png);
    background-position: 0 -120px;
    background-position: 0 -12rem;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    top: auto;
    right: 15px;
    right: 1.5rem;
    bottom: 41%;
  }
  .pr703-container .xylitol-gallery-wrap .gallery-slides .img-wrap {
    overflow: hidden;
    width: 100%;
    max-height: 580px;
    max-height: 58rem;
    margin-top: 70px;
    margin-top: 7rem;
    margin-bottom: 26px;
    margin-bottom: 2.6rem;
  }
  .pr703-container .xylitol-gallery-wrap .gallery-slides .img-wrap img {
    width: 100%;
  }
  .pr703-container .xylitol-gallery-wrap .swiper-container-horizontal > .swiper-pagination-progressbar {
    height: 2px;
    height: 0.2rem;
    top: auto;
    bottom: 0;
    left: 0;
    background: #e5e5e5;
    opacity: 1;
    width: 100%;
  }
  .pr703-container .xylitol-gallery-wrap .swiper-container-horizontal > .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #da291c;
    transition: none;
  }
  .pr703-container .xylitol-gallery-wrap .txt-wrap {
    margin-top: 20px;
    margin-top: 2rem;
    color: #6B6B6B;
  }
  /*! 鞚措菠韸 */
  .mo-only {
    display: none;
  }
  .pc-only {
    display: block;
  }
  /* 韺濎梾 */
  .modal-popup {
    display: none;
  }
  .modal-wrap {
    z-index: 9999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff url(../image/alrt_popbg.png);
  }
  .modal-container {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 60px;
    padding: 4rem 6rem;
    width: 420px;
    width: 42rem;
    height: 230px;
    height: 23rem;
    border: 1px solid #888888;
    border-radius: 20px;
    border-radius: 2rem;
    background: #fff;
    text-align: center;
  }
  .modal-container .close-btn {
    transition: 0.3s ease-in-out;
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 20px;
    height: 20px;
    width: 2rem;
    height: 2rem;
    background: url(../image/ico_pop_close.png) right no-repeat;
  }
  .modal-container .modal-tit {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
  }
  .modal-container .modal-tit + .txt {
    font-size: 18px;
    font-size: 1.8rem;
    color: #666;
    margin-top: 20px;
    margin-top: 2rem;
  }
  .modal-container .confirm {
    margin-top: 35px;
    margin-top: 3.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 14px 32px;
    padding: 1.4rem 3.2rem;
    background: #000;
    border-radius: 50px;
  }
  /*! CF鞀ろ啝毽 */
  .max-1800 {
    position: relative;
    margin: 0 auto;
    max-width: 1800px;
    width: 100%;
  }
  .tab-type1 {
    max-width: 1500px;
    max-width: 150rem;
  }
  .tab-type1.center {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .fnt-title6 {
    margin-top: 24px;
    margin-top: 2.4rem;
  }
  /*! 臧€雮橃磮旖滊觳 */
  .pr5-container .section03 .font-slider .swiper-button-prev {
    background-image: url(../image/sprite_pc.png);
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    background-position: -42px -120px;
    background-position: -4.2rem -12rem;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
  }
  .pr5-container .section03 .font-slider .swiper-button-next {
    background-image: url(../image/sprite_pc.png);
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    background-position: 0 -120px;
    background-position: 0 -12rem;
    width: 32px;
    width: 3.2rem;
    height: 64px;
    height: 6.4rem;
  }
  .pr5-container .fnt-title-s1 span {
    font-weight: 700;
  }
  /* 敫岆灉霌滌唽臧 */
  .top-visual .txt-box {
    background-image: none;
  }
  .top-visual.num33 .bg-img {
    background: url(../image/visual33.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num34 .bg-img {
    background: url(../image/visual34.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num35 .bg-img {
    background: url(../image/visual35.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num36 .bg-img {
    background: url(../image/visual36.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num37 .bg-img {
    background: url(../image/visual37.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num38 .bg-img {
    background: url(../image/visual38.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num39 .bg-img {
    background: url(../image/visual39.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num40 .bg-img {
    background: url(../image/visual40.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num41 .bg-img {
    background: url(../image/visual41.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .hero-history.hh07 {
    padding-bottom: 95px;
    padding-bottom: 9.5rem;
  }
  .product-more .swiper-container .swiper-slide a {
    display: inline-block;
  }
  .hero-top .hero-list {
    padding-top: 0;
  }
  .hero-history.history110 {
    background: url(../image/hero_bg10.jpg) no-repeat 50% 0;
  }
  .hero-history.history110 .txt-bg span {
    background-color: #518129;
  }
  .hero-history.history111 {
    background: url(../image/hero_bg11.jpg) no-repeat 50% 0;
    height: 875px;
    height: 87.5rem;
  }
  .hero-history.history111 .txt-bg span {
    background-color: #4B774A;
  }
  .brand401-container .list-type1.num4 .fnt-title-s3 {
    height: 50px;
    height: 5rem;
  }
  .brand401-container .view1 .list-control {
    position: relative;
    margin-top: 80px;
    margin-top: 8rem;
    padding-top: 80px;
    padding-top: 8rem;
    border-top: 1px solid #222;
    text-align: center;
  }
  .brand401-container .view1 .list-control a {
    display: inline-block;
    color: #222;
  }
  .brand401-container .view1 .list-control a.btn-lst {
    padding: 22px 40px;
    padding: 2.2rem 4rem;
    border-radius: 60px;
    border-radius: 6rem;
    background: #f5f5f5;
  }
  .brand401-container .view1 .list-control a.btn-lst i {
    display: block;
    background-image: url(../image/sprite_pc.png);
    background-position: -211px -282px;
    background-position: -21.1rem -28.2rem;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
  }
  .brand401-container .view1 .list-control a.btn-prv {
    left: 0;
    padding: 0 0 0 24px;
    padding: 0 0 0 2.4rem;
  }
  .brand401-container .view1 .list-control a.btn-prv:before {
    left: 0;
    top: 5px;
    top: 0.5rem;
    background-image: url(../image/sprite_pc.png);
    background-position: -308px -242px;
    background-position: -30.8rem -24.2rem;
    width: 13px;
    width: 1.3rem;
    height: 25px;
    height: 2.5rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    transform: rotate(180deg);
  }
  .brand401-container .view1 .list-control a.btn-prv.no-txt:before {
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-image: url(../image/sprite_pc.png);
    background-position: -338px 0;
    background-position: -33.8rem 0;
    width: 13px;
    width: 1.3rem;
    height: 25px;
    height: 2.5rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
  }
  .brand401-container .view1 .list-control a.btn-nxt {
    right: 0;
    padding: 0 24px 0 0;
    padding: 0 2.4rem 0 0;
  }
  .brand401-container .view1 .list-control a.btn-nxt:before {
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-image: url(../image/sprite_pc.png);
    background-position: -308px -242px;
    background-position: -30.8rem -24.2rem;
    width: 13px;
    width: 1.3rem;
    height: 25px;
    height: 2.5rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
  }
  .brand401-container .view1 .list-control a.btn-nxt.no-txt:before {
    right: 0;
    top: 5px;
    top: 0.5rem;
    background-image: url(../image/sprite_pc.png);
    background-position: -338px 0;
    background-position: -33.8rem 0;
    width: 13px;
    width: 1.3rem;
    height: 25px;
    height: 2.5rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    transform: rotate(180deg);
  }
  .brand401-container .view1 .list-control a.btn-nxt, .brand401-container .view1 .list-control a.btn-prv {
    position: absolute;
    top: 93px;
    top: 9.3rem;
  }
  .brand401-container .view1 .list-control a.btn-nxt span, .brand401-container .view1 .list-control a.btn-prv span {
    display: block;
    max-width: 360px;
    max-width: 36rem;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.4166;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(https://www.lottewellfood.com/css/ellipsis.xml);
  }
  .brand401-container .view1 .list-control a.btn-nxt.no-txt, .brand401-container .view1 .list-control a.btn-prv.no-txt {
    color: #c5c5c5;
  }
  .brand401-container .pop-area .pop-in .product-area .gallery-top {
    margin: 0 auto;
  }
  .brand4-container .brand-tit01 {
    display: flex;
    justify-content: center;
    margin-top: 160px;
    margin-top: 16rem;
  }
  .brand4-container .brand-tit01 h2 {
    font-size: 52px;
    font-size: 5.2rem;
    font-weight: 700;
  }
  .brand4-container .brand-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 80px;
    margin-top: 8rem;
  }
  .brand4-container .brand-list .brand-item:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  .brand4-container .brand-list .brand-item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .brand4-container .brand-list .brand-item:nth-child(3) {
    grid-area: 1/3/2/4;
  }
  .brand4-container .brand-list .brand-item:nth-child(4) {
    grid-area: 2/1/3/2;
  }
  .brand4-container .brand-list .brand-item:nth-child(5) {
    grid-area: 2/2/3/3;
  }
  .brand4-container .brand-list .brand-item:nth-child(6) {
    grid-area: 2/3/3/4;
  }
  .brand4-container .brand-list .brand-item:nth-child(7) {
    grid-area: 3/1/4/2;
  }
  .brand4-container .brand-list .brand-item:nth-child(8) {
    grid-area: 3/2/4/3;
  }
  .brand4-container .brand-list .brand-item:nth-child(9) {
    grid-area: 3/3/4/4;
  }
  .brand4-container .brand-list .brand-cont .img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .brand4-container .brand-list .brand-cont .img img {
    width: 100%;
  }
  .brand4-container .brand-list .brand-cont .img:hover img {
    transform: scale(1.1);
    transition: all 0.7s;
  }
  .brand4-container .brand-list .brand-cont .img:hover .dim {
    display: block;
    background-color: rgba(21, 21, 21, 0.5);
  }
  .brand4-container .brand-list .brand-cont .img .dim {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .brand4-container .brand-list .brand-cont .img p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
  }
  .brand4-container .brand-list .brand-cont .img .ico-right {
    display: block;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(../image/ico_arrow_right.png) no-repeat;
    width: 90px;
    height: 10px;
  }
  .brand4-container .brand-list .brand-cont span {
    position: absolute;
    left: 40px;
    left: 4rem;
    bottom: 40px;
    bottom: 4rem;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
  }
  .brand110-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 0;
  }
  .brand110-container .top-visual .txt-box .fnt-title1 span {
    font-size: 112px;
    font-size: 11.2rem;
  }
  .brand110-container .txt-box .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand110-container + #footer {
    margin-top: 0;
  }
  .brand110-container .brand-tit02 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 162px;
    margin-top: 16.2rem;
  }
  .brand110-container .brand-tit02 span, .brand110-container .brand-tit02 em {
    font-size: 52px;
    font-size: 5.2rem;
  }
  .brand110-container .brand-tit02 span {
    font-weight: 300;
  }
  .brand110-container .brand-tit02 em {
    font-weight: 700;
  }
  .brand110-container .brand-spec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    margin: 132px 150px 160px;
    margin: 13.2rem 15rem 16rem;
  }
  .brand110-container .spec-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .brand110-container .spec-area:last-child {
    margin-right: 0;
  }
  .brand110-container .desc {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 68px;
    margin-top: 6.8rem;
    line-height: 1.5;
  }
  .brand110-container .space1 {
    padding-top: 184px;
    padding-top: 18.4rem;
  }
  .brand110-container .space2 {
    padding-top: 40px;
    padding-top: 4rem;
  }
  .brand110-container .txt-bg {
    margin-top: 80px;
    margin-top: 8rem;
  }
  .brand110-container .space3 {
    padding-top: 30px;
    padding-top: 3rem;
  }
  .brand111-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 0;
  }
  .brand111-container .txt-box .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand111-container + #footer {
    margin-top: 0;
  }
  .brand111-container .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand111-container .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand111-container .mega-history .history-list:before {
    left: 120px;
    left: 12rem;
    width: 1650px;
    width: 165rem;
  }
  .brand112-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand112-container .top-visual .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand112-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 0;
  }
  .brand112-container .txt-box .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand112-container + #footer {
    margin-top: 0;
  }
  .brand112-container .hero-history.history112 {
    background: url(../image/hero_bg12.jpg) no-repeat 50% 0;
    height: 983px;
    height: 98.3rem;
  }
  .brand112-container .hero-history.history112 .txt-bg {
    margin-top: 80px;
    margin-top: 8rem;
  }
  .brand112-container .hero-history.history112 .txt-bg span {
    background-color: #984B3A;
  }
  .brand112-container .hero-history.history112 .space2 {
    padding-top: 40px;
    padding-top: 4rem;
  }
  .brand112-container .mega-history .history-list:before {
    left: 123px;
    left: 12.3rem;
    width: 1970px;
    width: 197rem;
  }
  .brand113-container .max-1600 {
    overflow: hidden;
  }
  .brand113-container .hero-swiper {
    display: none;
  }
  .brand113-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 0;
  }
  .brand113-container .txt-box .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand113-container + #footer {
    margin-top: 0;
  }
  .brand113-container .hero-history.history113 {
    background: url(../image/hero_bg13.jpg) no-repeat 50% 0;
  }
  .brand113-container .hero-history.history113 .fnt-title5 em {
    font-weight: 300;
  }
  .brand113-container .hero-history.history113 .fnt-title5 span {
    font-weight: 700;
  }
  .brand113-container .hero-history.history113 .space1 {
    padding-top: 214px;
    padding-top: 21.4rem;
  }
  .brand113-container .hero-history.history113 .txt-bg span {
    background-color: #596B41;
  }
  .brand113-container .brand-tit03 {
    display: flex;
    justify-content: center;
    margin-top: 160px;
    margin-top: 16rem;
  }
  .brand113-container .brand-tit03 span, .brand113-container .brand-tit03 em {
    font-size: 52px;
    font-size: 5.2rem;
  }
  .brand113-container .brand-tit03 span {
    font-weight: 300;
    display: inline-block;
  }
  .brand113-container .brand-tit03 em {
    font-weight: 700;
    vertical-align: top;
  }
  .brand113-container .brand-area01 .img {
    margin-top: 80px;
    margin-top: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .brand113-container .brand-area01 img {
    width: 100%;
  }
  .brand113-container .brand-area02 {
    display: flex;
    justify-content: center;
    margin-top: 160px;
    margin-top: 16rem;
  }
  .brand113-container .brand-area02 .txt {
    padding-left: 150px;
    padding-left: 15rem;
    line-height: 1.4;
  }
  .brand113-container .brand-area02 span, .brand113-container .brand-area02 strong {
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 700;
  }
  .brand113-container .brand-area02 span {
    display: inline-block;
  }
  .brand113-container .brand-area02 span strong {
    color: rgb(228, 0, 27);
    vertical-align: top;
  }
  .brand113-container .brand-area02 img {
    width: 100%;
    padding-top: 90px;
    padding-top: 9rem;
  }
  .brand113-container .brand-area03 {
    display: flex;
    justify-content: center;
    margin: 140px 0 0 -100px;
    margin: 14rem 0 0 -10rem;
  }
  .brand113-container .brand-area03 .brand-txt {
    padding: 74px 0 0 74px;
    padding: 7.4rem 0 0 7.4rem;
  }
  .brand113-container .brand-area03 .txt-area {
    display: flex;
    margin-top: 60px;
    margin-top: 6rem;
  }
  .brand113-container .brand-area03 .txt-area > span {
    margin: 0 22px;
    margin: 0 2.2rem;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 400;
  }
  .brand113-container .brand-area03 .txt1 {
    font-family: "Roboto", sans-serif;
    font-size: 58px;
    font-size: 5.8rem;
    font-weight: 500;
  }
  .brand113-container .brand-area03 .txt2 {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 500;
  }
  .brand113-container .brand-area03 .gray {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #888;
    margin-left: 16px;
    margin-left: 1.6rem;
  }
  .brand113-container .brand-area03 .txt3 {
    margin-top: 28px;
    margin-top: 2.8rem;
    font-size: 18px;
    font-size: 1.8rem;
    color: #666;
    line-height: 1.6;
  }
  .brand114-container .top-visual .txt-box .fnt-title1 + .fnt-text1 {
    margin-top: 0;
  }
  .brand114-container .txt-box .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand114-container .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand114-container .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand114-container + #footer {
    margin-top: 0;
  }
  .brand114-container .hero-swiper {
    display: none;
  }
  .brand114-container .brand-tit03 {
    display: flex;
    justify-content: center;
    margin-top: 160px;
    margin-top: 16rem;
  }
  .brand114-container .brand-tit03 span, .brand114-container .brand-tit03 em {
    font-size: 52px;
    font-size: 5.2rem;
  }
  .brand114-container .brand-tit03 span {
    font-weight: 700;
    display: inline-block;
  }
  .brand114-container .brand-tit03 em {
    font-weight: 300;
    vertical-align: top;
  }
  .brand114-container .brand-area01 img {
    width: 100%;
  }
  .brand114-container .brand-area01 .img {
    margin-top: 80px;
    margin-top: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .brand114-container .max-1600 {
    overflow: hidden;
  }
  .brand114-container .brand-area02 {
    display: flex;
    justify-content: center;
    margin-top: 160px;
    margin-top: 16rem;
  }
  .brand114-container .brand-area02 .txt {
    padding-left: 150px;
    padding-left: 15rem;
    line-height: 1.4;
  }
  .brand114-container .brand-area02 span, .brand114-container .brand-area02 strong {
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 700;
  }
  .brand114-container .brand-area02 span {
    display: inline-block;
  }
  .brand114-container .brand-area02 span strong {
    color: rgb(26, 92, 182);
    vertical-align: top;
  }
  .brand114-container .brand-area02 img {
    width: 100%;
    z-index: -1;
    padding-top: 60px;
    padding-top: 6rem;
    margin-left: -222px;
    margin-left: -22.2rem;
  }
  .brand114-container .brand-area03 {
    display: flex;
    justify-content: center;
    margin-top: 140px;
    margin-top: 14rem;
  }
  .brand114-container .brand-area03 .brand-txt {
    padding: 74px 0 0 74px;
    padding: 7.4rem 0 0 7.4rem;
  }
  .brand114-container .brand-area03 .txt-area {
    display: flex;
    margin-top: 60px;
    margin-top: 6rem;
  }
  .brand114-container .brand-area03 .txt-area > span {
    margin: 0 22px;
    margin: 0 2.2rem;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 400;
  }
  .brand114-container .brand-area03 .txt1 {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 700;
  }
  .brand114-container .brand-area03 .txt2 {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 500;
  }
  .brand114-container .brand-area03 .gray {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #888;
    margin-left: 16px;
    margin-left: 1.6rem;
  }
  .brand114-container .brand-area03 .txt3 {
    margin-top: 28px;
    margin-top: 2.8rem;
    font-size: 18px;
    font-size: 1.8rem;
    color: #666;
    line-height: 1.6;
  }
  .brand114-container .hero-history.history114 {
    background: url(../image/hero_bg14.jpg) no-repeat 50% 0;
  }
  .brand114-container .hero-history.history114 .fnt-title5 em {
    font-weight: 300;
  }
  .brand114-container .hero-history.history114 .fnt-title5 span {
    font-weight: 700;
  }
  .brand114-container .hero-history.history114 .space1 {
    padding-top: 214px;
    padding-top: 21.4rem;
  }
  .brand114-container .hero-history.history114 .txt-bg span {
    background-color: #766245;
  }
  .brand115-container + #footer {
    margin-top: 0;
  }
  .brand115-container .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  .brand115-container .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  .brand115-container .hero-history.history115 {
    background: url(../image/hero_bg15.jpg) no-repeat 50% 0;
  }
  .brand115-container .hero-history.history115 .fnt-title5 em {
    font-weight: 700;
  }
  .brand115-container .hero-history.history115 .fnt-title5 span {
    font-weight: 300;
  }
  .brand115-container .hero-history.history115 .space1 {
    padding-top: 160px;
    padding-top: 16rem;
  }
  .brand115-container .hero-history.history115 .txt-bg span {
    background-color: #9B3434;
  }
  .brand115-container .mega-history .history-list:before {
    left: 130px;
    left: 13rem;
    width: 2930px;
    width: 293rem;
  }
  .brand116-container + #footer {
    margin-top: 0;
  }
  .brand116-container .top-visual .txt-box {
    padding: 200px 0 180px;
    padding: 20rem 0 18rem;
  }
  .brand116-container .top-visual .img + .fnt-title-s1 {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .brand116-container .top-visual .fnt-title-s1 + .fnt-title1 {
    margin-top: 0;
  }
  .brand116-container .brand-spec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    margin: 68px 150px 160px;
    margin: 6.8rem 15rem 16rem;
  }
  .brand116-container .spec-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .brand116-container .spec-area:last-child {
    margin-right: 0;
  }
  .brand116-container .desc {
    text-align: center;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 700;
    margin-top: 68px;
    margin-top: 6.8rem;
    line-height: 1.5;
  }
  .brand116-container .sub {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 24px;
    margin-top: 2.4rem;
  }
  .brand116-container .hero-history.history116 {
    background: url(../image/hero_bg16.jpg) no-repeat 50% 0;
    height: 877px;
    height: 87.7rem;
  }
  .brand116-container .space1 {
    margin-top: 184px;
    margin-top: 18.4rem;
  }
  .brand116-container .space2 {
    padding-top: 0;
    margin-top: 40px;
    margin-top: 4rem;
  }
  .brand116-container .max-1920.talk {
    background: #F5F5F5;
  }
  .brand116-container .max-1920 .brand-tit02 {
    padding-top: 160px;
    padding-top: 16rem;
    margin: 0 auto;
    text-align: center;
  }
  .brand116-container .max-1920 .brand-tit02 .sub-txt {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 40px;
    margin-top: 4rem;
    font-weight: 400;
  }
  .brand116-container .max-1920 .brand-tit02 span, .brand116-container .max-1920 .brand-tit02 em {
    font-size: 52px;
    font-size: 5.2rem;
  }
  .brand116-container .max-1920 .brand-tit02 span {
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
  }
  .brand116-container .max-1920 .brand-tit02 em {
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
  }
  .brand116-container .max-1920 .talk-area {
    max-width: 754px;
    max-width: 75.4rem;
    display: flex;
    margin: 0 auto;
    padding: 80px 0 160px;
    padding: 8rem 0 16rem;
  }
  .brand116-container .max-1920 .talk-area ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .brand116-container .max-1920 .talk-area ul li {
    margin-top: 24px;
    margin-top: 2.4rem;
  }
  .brand116-container .max-1920 .talk-area ul strong {
    vertical-align: baseline;
    font-weight: 700;
  }
  .brand116-container .max-1920 .talk-area .question {
    margin-right: 390px;
    margin-right: 39rem;
  }
  /* s:20221108 css 於旉皜 */
  :lang(en) .brand116-container .max-1920 .talk-area .question {
    margin-right: 350px;
    margin-right: 35rem;
  }
  :lang(en) .brand116-container .fnt-title5 em,:lang(en) .brand116-container .fnt-title5 span{font-size:52px;font-size:5.2rem;line-height:1.0625;font-weight:500}
  :lang(en) .brand116-container .desc{font-size: 24px; font-size: 2.4rem;}
  /* e:20221108 css 於旉皜 */
  .brand116-container .max-1920 .talk-area .answer {
    display: inline-flex;
    align-items: flex-end;
    margin-left: 126px;
    margin-left: 12.6rem;
  }
  .brand116-container .max-1920 .talk-area .answer.colomn {
    flex-direction: column;
    margin-left: 0;
    margin-right: 70px;
    margin-right: 7rem;
  }
  .brand116-container .max-1920 .talk-area .answer.colomn span {
    margin-right: 0;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
  }
  .brand116-container .max-1920 .talk-area .answer.colomn span:last-child {
    /* margin-top: 24px;
    margin-top: 2.4rem; */
    margin-bottom: 0;
  }
  .brand116-container .max-1920 .talk-area .answer.colomn .brown {
    border-radius: 30px;
    border-radius: 3rem;
  }
  .brand116-container .max-1920 .talk-area .answer.colomn .brown:before {
    content: none;
  }
  .brand116-container .max-1920 .talk-area .last-area {
    margin-left: -10px;
    margin-left: -1rem;
  }
  .brand116-container .max-1920 .talk-area .ico-question {
    display: inline-block;
    width: 54px;
    width: 5.4rem;
    height: 54px;
    height: 5.4rem;
    background: url(../image/ico_question@2x.png) no-repeat;
    background-size: 100% 100%;
  }
  .brand116-container .max-1920 .talk-area .ico-answer {
    display: inline-block;
    width: 54px;
    width: 5.4rem;
    height: 54px;
    height: 5.4rem;
    background: url(../image/ico_answer@2x.png) no-repeat;
    background-size: 100% 100%;
  }
  .brand116-container .max-1920 .talk-area .bubble {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 18px 24px;
    padding: 1.8rem 2.4rem;
  }
  .brand116-container .max-1920 .talk-area .bubble.white {
    margin-left: 18px;
    margin-left: 1.8rem;
    background-color: #fff;
    border-radius: 30px 30px 30px 0;
    border-radius: 3rem 3rem 3rem 0;
    position: relative;
  }
  .brand116-container .max-1920 .talk-area .bubble.white:before {
    content: "";
    display: inline-block;
    background: url(../image/ico_vector_left.png) no-repeat;
    width: 17px;
    width: 1.7rem;
    height: 14px;
    height: 1.4rem;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: -3%;
  }
  .brand116-container .max-1920 .talk-area .bubble.brown {
    margin-right: 18px;
    margin-right: 1.8rem;
    background-color: #F4EDE3;
    border-radius: 30px 30px 0 30px;
    border-radius: 3rem 3rem 0 3rem;
    color: #B58254;
    line-height: 1.7;
    position: relative;
  }
  .brand116-container .max-1920 .talk-area .bubble.brown:before {
    content: "";
    display: inline-block;
    background: url(../image/ico_vector_right.png) no-repeat;
    width: 29px;
    width: 2.9rem;
    height: 17px;
    height: 1.7rem;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: -2.6%;
  }
  :lang(en) .brand101-container .hero-monshell .fnt-title5 {
    width: 103%;
  }
  :lang(en) .brand104-container + #footer {
    margin-top: 0;
  }
  :lang(en) .brand2-container .top-visual.num2-2 .bg-img {
    background: url(../image/visual_char.png) center bottom no-repeat;
    background-size: contain;
  }
  :lang(en) .brand2-container .char-container .sec-ttl .ttl span {
    white-space: nowrap;
  }
  :lang(en) .brand2-container .char-container .indicator li:after {
    height: 43px;
    height: 4.25rem;
    top: 16px;
    top: 1.6rem;
  }
  :lang(en) .brand2-container .char-container .indicator li.on:after {
    height: 40px;
    height: 3.95rem;
    top: 19px;
    top: 1.9rem;
  }
  :lang(en) .brand110-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .brand110-container .top-visual .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .brand113-container .top-visual .txt-box .fnt-title-s1 em {
    font-weight: 700;
  }
  :lang(en) .brand113-container .top-visual .txt-box .fnt-title-s1 span {
    font-weight: 300;
  }
  :lang(en) .brand113-container .brand-tit03 span {
    font-weight: 700;
  }
  :lang(en) .brand113-container .brand-tit03 em {
    font-weight: 300;
  }
  :lang(en) .brand113-container .brand-area01 img {
    width: 100%;
  }
  :lang(en) .brand113-container .hero-history .fnt-title5 em {
    font-weight: 700;
  }
  :lang(en) .brand113-container .hero-history .fnt-title5 span {
    font-weight: 300;
  }
  :lang(en) .brand114-container .brand-tit03 em {
    font-weight: 700;
  }
  :lang(en) .brand114-container .brand-tit03 span {
    font-weight: 300;
  }
  :lang(en) .brand114-container .hero-history .fnt-title5 em {
    font-weight: 700;
  }
  :lang(en) .brand114-container .hero-history .fnt-title5 span {
    font-weight: 300;
  }
  :lang(en) .brand304-container .photo-sec .circle-wrap .circle {
    width: 186px;
    width: 18.6rem;
    height: 186px;
    height: 18.6rem;
  }
  :lang(en) .brand401-container .list-type1.num4 .fnt-title-s3 {
    height: 70px;
    height: 7rem;
  }
  :lang(en) .brand401-container .tab-type1 {
    height: auto;
  }
  :lang(en) .brand401-container .tab-type1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  :lang(en) .brand401-container .tab-type1 li {
    margin: 0 40px 0 0;
    margin: 0 4rem 0 0;
  }
  /* 韴瀽鞝曤炒 */
  :lang(en) .investment2-container .line {
    position: static;
    height: initial;
    background: none;
  }
  /* 瓿犼皾靹柬劙 */
  .top-visual.num14 .bg-img {
    background: url(../image/visual14.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num15 .bg-img {
    background: url(../image/visual15.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num16 .bg-img {
    background: url(../image/visual16.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num17 .bg-img {
    background: url(../image/visual16.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .top-visual.num18 .bg-img {
    background: url(../image/visual18_mo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .customer1-container .form-area .form-list li:first-child {
    margin-bottom: 40px;
    margin-bottom: 4rem;
  }
  .fnt-title-s1 em {
    font-weight: 300;
  }
  .fnt-title-s1 em span {
    font-weight: 700;
  }
  .top-txt1 {
    margin-top: 70px;
    margin-top: 7rem;
  }
  .search-area1 {
    margin: 80px 0 55px;
    margin: 8rem 0 5.5rem;
  }
  .call-info {
    margin-top: 120px;
    margin-top: 12rem;
  }
  .call-info .in {
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .call-info .in .fnt-title-s2 {
    margin-left: 15px;
    margin-left: 1.5rem;
  }
  .call-info .in .fnt-title-s2:before {
    content: none;
  }
  .call-info .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .call-info .ico-tell {
    display: inline-block;
    background-image: url(../image/sprite_pc.png);
    background-size: 35.1rem 32.5rem;
    background-size: 351px 325px;
    background-position: -256px -238px;
    background-position: -25.6rem -23.8rem;
    width: 28px;
    width: 2.8rem;
    height: 27px;
    height: 2.7rem;
    margin-right: 14px;
    margin-right: 1.4rem;
  }
  .agree-area.mgt80 {
    margin-top: 80px;
    margin-top: 8rem;
  }
  .form-area .input-file .file-name span a {
    display: inline-block;
    margin-left: 8px;
    margin-left: 0.8rem;
    background-image: url(../image/sprite_pc.png);
    background-position: 0 -282px;
    background-position: 0 -28.2rem;
    width: 24px;
    width: 2.4rem;
    height: 24px;
    height: 2.4rem;
    background-size: 351px 325px;
    background-size: 35.1rem 32.5rem;
    vertical-align: top;
  }
  .input-txt input {
    padding: 0 0 0 32px;
    padding: 0 0 0 3.2rem;
  }
  .form-list .form-flexbox {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 40px;
    margin-bottom: 4rem;
  }
  .form-list .input-radio.type {
    height: 52px;
    height: 5.2rem;
    margin-right: 56px;
    margin-right: 5.6rem;
    display: inline-block;
  }
  .form-list .input-radio.type:hover label:before {
    border: 2px solid #222;
  }
  .form-list .input-radio.type input {
    display: inline-block;
    height: 72px;
    height: 7.2rem;
  }
  .form-list .input-radio.type input:checked + label:before {
    border-color: #222;
  }
  .form-list .input-radio.type label {
    position: relative;
    display: inline-block;
    padding: 0;
  }
  .form-list .input-radio.type label:before {
    width: 33px;
    width: 3.3rem;
    height: 33px;
    height: 3.3rem;
    top: 20px;
    top: 2rem;
    margin: 0;
    border-color: #ddd;
  }
  .form-list .input-radio.type label .txt {
    color: #666;
    height: 32px;
    height: 3.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-left: 50px;
    padding-left: 5rem;
    font-size: 1.8rem;
  }
  .input-radio label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    width: 2rem;
    height: 20px;
    height: 2rem;
    margin-top: -10px;
    margin-top: -1rem;
    border: 2px solid grey;
    text-align: center;
    border-radius: 50%;
  }
  .input-radio label:after {
    content: "";
    background-color: #da291c;
    position: absolute;
    left: 8px;
    left: 0.8rem;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    margin-top: -8px;
    margin-top: -0.8rem;
    border-radius: 50%;
  }
  .contents-wrap .title {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
  }
  .contents-wrap.content01 .text {
    margin-bottom: 80px;
    margin-bottom: 8rem;
    color: #888;
    font-size: 1.8rem;
  }
  .page-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    margin-top: 10rem;
  }
  .btn-prev-page {
    width: 12px;
    width: 1.2rem;
    height: 22px;
    height: 2.2rem;
    background-image: url(../image/ico_prev_btn.png);
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .btn-next-page {
    background-image: url(../image/ico_next_btn.png);
    width: 12px;
    width: 1.2rem;
    height: 22px;
    height: 2.2rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .page-num {
    display: inline-flex;
    width: 40px;
    width: 4rem;
    height: 40px;
    height: 4rem;
    border-radius: 100%;
    align-items: center;
  }
  .page-num:not(:last-child) {
    margin-right: 10px;
    margin-right: 1rem;
  }
  .page-num .num {
    font-family: "Roboto", sans-serif;
    font-size: 1.9rem;
    color: #222;
    text-align: center;
    width: 100%;
  }
  .page-num.on {
    background-color: #DA291C;
  }
  .page-num.on .num {
    color: #fff;
  }
  .page-num:hover {
    background-color: #DA291C;
    border: 1px solid #DA291C;
  }
  .page-num:hover .num {
    color: #fff;
  }
  .page-num-list {
    margin: 0 80px;
    margin: 0 8rem;
  }
  .next-link .dbr {
    display: none;
  }
  /* 瓿淀喌 */
  :lang(en) #header.on {
    padding-bottom: 390px;
    padding-bottom: 39rem;
  }
  :lang(en) #header.sitemap .header-content .btn-util a.btn1 {
    color: #222;
  }
  :lang(en) .header-content .gnb > ul > li {
    width: 167px;
    width: 16.7rem;
  }
  :lang(en) .header-content .gnb > ul > li:nth-child(4) {
    margin-left: 110px;
    margin-left: 11rem;
  }
  :lang(en) .txt-box .fnt-title-s1 em {
    font-weight: 300;
  }
  :lang(en) .txt-box .fnt-title-s1 span {
    font-weight: 700;
  }
  :lang(en) .location-wrp2 > ul > li > a {
    min-width: 188px;
    min-width: 18.8rem;
  }
  :lang(en) .tab-type1 {
    overflow-x: initial;
  }
  :lang(en) .site-map .sm-list {
    justify-content: center;
  }
  :lang(en) .site-map .sm-list > li.center {
    margin: 120px 60px 0;
    margin: 12rem 6rem 0;
  }
  :lang(en) .site-map .sm-list > li:last-child {
    margin: 76px 0 0 60px;
    margin: 7.6rem 0 0 6rem;
  }
  .top-btn {
    outline: none;
    display: none;
    opacity: 0;
    width: 60px;
    width: 6rem;
    height: 60px;
    height: 6rem;
    border-radius: 100%;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background: #E5E5E5 url(../image/ico_top_btn_black.png) center no-repeat;
    box-sizing: border-box;
    transition: 0.3s;
    position: fixed;
    right: 48px;
    right: 4.8rem;
    bottom: 30px;
    bottom: 3rem;
    z-index: 90;
    border: none;
  }
  /*! gnb header pc */
  .header-content .gnb > ul > li > ul {
    top: 90px;
    top: 9rem;
  }
  .header-content .btn-util {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    display: -ms-flexbox;
  }
  .header-content .btn-util a {
    position: relative;
    color: #fff;
    align-items: center;
    justify-content: center;
  }
  .header-content .btn-util a.btn1 {
    height: 42px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 42px;
  }
  .header-content .btn-util a.btn2 {
    margin-left: 16px;
    margin-left: 1.6rem;
  }
  .header-content .btn-util a.btn3 {
    margin-left: 8px;
    margin-left: 0.8rem;
  }
  .header-content .btn-util a.btn2,
.header-content .btn-util a.btn3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 16px;
    padding: 1rem 1.6rem;
    color: #da291c;
    background: #fff;
    border-radius: 42px;
    border-radius: 4.2rem;
  }
  #header.active .btn-util .btn2,
#header.active .btn-util .btn3 {
    background: #da291c;
    color: #fff;
  }
  #header.active .btn-util .btn1 {
    color: #222;
  }
  #header.on {
    padding: 16px 48px 439px;
    padding: 1.6rem 4.8rem 43.9rem;
  }
  #header.on .btn-util .btn1 {
    color: #222;
  }
  #header.on .btn-util .btn2, #header.on .btn-util .btn3 {
    background: #da291c;
    color: #fff;
  }

  .sugar-alcoh{margin-bottom:17rem;padding:4rem 0;background:#f7fffd url('../image/bg_sugar_alcoh.png') no-repeat;background-position: bottom  right 35.7rem;}
  .sugar-alcoh-wrap{margin:0 auto;padding:0 2rem 0 9.5rem;max-width:60rem;display:flex;align-items: center;justify-content: space-between;}
  .sugar-alcoh-wrap .txt{font-size:4.8rem;font-weight:700;}
  .sugar-alcoh-wrap .txt strong{color:#00afa4;font-weight:700;}
  .sugar-alcoh-wrap .btn{margin-top:2rem;padding:1rem 2.4rem;display:inline-block;background:#00afa4;border-radius:4.2rem;}
  .sugar-alcoh-wrap .btn span{position:relative;padding-right:5rem;display:inline-block;font-size:1.6rem;line-height:2rem;color:#fff;font-weight:700;}
  .sugar-alcoh-wrap .btn span::after{content:'';position:absolute;right:0;top:50%;margin-top:-0.35rem;display:inline-block;width:3.4rem;height:0.7rem;
  background:url('../image/btn_sugar_alcoh.png') no-repeat;}
  .sugar-alcoh-wrap .imgWrap{width:25.5rem;height:13.8rem;background:url('../image/img_sugar_alcoh.png') no-repeat;}
}
/*! footer pc */
.wrap .title.fnt-title-s1 span {
  font-weight: 700;
}
.wrap .tbl-type1 {
  margin-top: 20px;
  margin-top: 2rem;
}
.wrap .tbl-type1 table tbody tr td:first-child {
  border-left: none;
}
.wrap .desc.fnt-text1 span {
  display: block;
}
.wrap .fnt-text1 + .fnt-text1 {
  margin-top: 0;
}
.wrap .desc + .desc {
  margin-top: 28px;
  margin-top: 2.8rem;
}

.footer7-container .fnt-title-s1 span {
  font-weight: 700;
}

@media (min-width: 2000px) {
  .history-wrp-control ul li.on a {
    color: #222;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn {
    color: #222;
  }
  .history-tab-wrap .history-tab-list .history-tab a.tab-btn::after {
    content: "";
    display: block;
    background: url(../image/ico_btn_black.png) no-repeat;
  }
}
/*! CF鞀ろ啝毽?頃措嫻 頃挫儊霃勳棎靹 旎厫旄 旎厡鞚措剤 瓿淀喌 韺敥) */
@media (min-width: 1024px) and (max-width: 1600px) {
  .max-1800 {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .introduction301-container .number-sec .box-wrap {
    justify-content: center;
  }
  .introduction301-container .number-sec .box-wrap .box {
    position: relative;
    width: 490px;
    width: 49rem;
    text-align: left;
    padding-left: 128px;
    padding-left: 12.8rem;
    height: 148px;
    height: 14.8rem;
  }
  .introduction301-container .number-sec .box-wrap .box .fnt-number {
    position: absolute;
    top: 50%;
    left: 128px;
    left: 12.8rem;
    transform: translate(0, -50%);
  }
  .introduction301-container .number-sec .box-wrap .box .fnt-text2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .introduction301-container .number-sec .box-wrap .box dt:after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 105px;
    width: 10.5rem;
  }
  .introduction301-container .number-sec .box dt {
    width: 100%;
    height: 148px;
    height: 14.8rem;
  }
  .introduction301-container .number-sec .box dd {
    display: inline-block;
  }
  .tab-type1.clamp-type ul li {
    margin-right: 40px;
    margin-left: 0;
  }
}/*# sourceMappingURL=lotteconf_20220701.css.map */

/* s: ceo_ko_20230411 */
  .introduction5-container .fnt-sub-new span{
    line-height: 1.4;
  }
  .introduction5-container .fnt-title3{
    max-width: 92.2rem;
  }
  .introduction5-container .fnt-text1-new{
    bottom: -19.3rem;
  }
  .introduction5-container .fnt-sub-new {
    top: 43%;
  }
  .introduction5-container-new + #footer{
    margin-top: 35rem;  
  }

  @media screen and (max-width : 1023px) {
    .introduction5-container .fnt-text1{
        bottom: -39.3rem;
    }
    .introduction5-container .fnt-sub-new{
        top: 26%;
    }
    .dbr-new {
        display: block; 
    }
    .introduction5-container-new + #footer{
        margin-top: 14rem;  
    }
  }
/* e: ceo_20230411 */

/* s: ceo_en_20230411 */
  :lang(en) .introduction5-container .fnt-text1{
    padding: 0 20rem 7rem 5.5rem;
  }
  :lang(en) .introduction5-container .fnt-title3-new{
    max-width: 92rem;
  }
  :lang(en) .introduction5-container .fnt-sub-new{
    top: 42%;
  }
  :lang(en) .introduction5-container .fnt-text1-new{
    bottom: -21.3rem;
  }
  :lang(en) .introduction5-container .fnt-text1 br.dbr_new{
    display: none;
  }
  :lang(en) .introduction5-container-new + #footer{
    margin-top: 35rem;  
  }
  @media screen and (max-width : 1023px) {
      :lang(en) .introduction5-container .fnt-text1 span.line-new-mo{
          display: block;
          font-weight: 400;
          font-size: 1.4rem;
          color: #666;
          line-height: 1.5;
          padding-top: 20px;
      }
      :lang(en) .introduction5-container .fnt-sub {
          top: 25%;
      }
      :lang(en) .introduction5-container .fnt-text1 {
          padding: 0 5.5rem 7rem 5.5rem;
      }
      :lang(en) .introduction5-container-new + #footer{
          margin-top: 0rem;  
      }
  }
/* e: ceo_en_20230411 */
/*s : 20230717 敫岆灉霌 鞓侂 css 於旉皜 靾橃爼*/
@media (min-width: 1024px){
  /* 鞝滊 */
  :lang(en) .brand116-container .brand-spec {
    margin: 68px 150px 0;
    margin: 6.8rem 15rem 0;
  }
  :lang(en) .hero-history.history116 .space1{
    padding-top: 90px;
    padding-top: 9rem;
  }
  :lang(en) .hero-history.history116 .txt-bg span{
    line-height: 28px;
    line-height: 2.8rem;
  }
    /* 毵堦皜霠涰姼 */
  :lang(en) .brand107-container .ht-list{
    justify-content: center;
    margin-top: 15px;
    margin-top: 1.5rem;
  }
  :lang(en) .brand107-container .hero-history .space1{
    padding-top: 90px;
    padding-top: 9rem;
  }
  :lang(en) .brand107-container .hero-history .txt-bg{
    margin-top: 65px;
    margin-top: 6.5rem;
  }
  :lang(en) .brand107-container .hero-history .txt-bg span{
    line-height: 28px;
    line-height: 2.8rem;
  }
}  
@media (max-width: 1023px){
  /* 鞝滊 */
  .brand116-container .hero-history{
    padding-top: 45px;
    padding-top: 4.5rem;
  }
  :lang(en) .hero-history.history116 .txt-bg span{
    line-height: 28px;
    line-height: 2.8rem;
  }
    /* 毵堦皜霠涰姼 */
  :lang(en) .brand107-container .ht-list{
    justify-content: center;
  }
  :lang(en) .brand107-container .hero-history .txt-bg{
    margin-top: 40px;
    margin-top: 4rem;
  }
  :lang(en) .brand109-container .hero-history .txt-bg{
    margin-top: 40px;
    margin-top: 4rem;
  }
}


/*e : 20230717 敫岆灉霌 鞓侂 css 於旉皜 靾橃爼*/