/*===========================
  reset Css
===========================*/
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}
ul,ol{ list-style:none; }

/*===========================
  base.css
===========================*/
body{
    width:100%;
    font:16px "Roboto", "Zen Kaku Gothic New", serif, sans-serif;
    -webkit-font-smoothing:antialiased;
    box-sizing:border-box;
    font-weight:500;
    color:#555555;
    letter-spacing:normal;
    position:relative;
}
body.fixed{ overflow:hidden; }

a{ text-decoration:none; color:#444; }
img{ width:100%; height:auto; vertical-align:bottom; }

#container{ width:100%; overflow:hidden; }

/*=================================
  parts
===================================*/
.popupBtn{ cursor:pointer; }

.pageTop{ width:64px; position:fixed; right:37px; bottom:37px; z-index:10; }
.pageTop a{ display:block; box-shadow:8px 8px 16px #00000029; }

.pageTop{ opacity:0; visibility:hidden; transition:all 0.3s; }
.pageTop.show{ opacity:1; visibility:visible; }

/*=================================
  common
===================================*/
.inner{ max-width:1352px; margin:0 auto; padding:0 30px; }

/*  header
===================================*/
header{ width:100%; position:absolute; top:0; left:0; z-index:15; }
header .headerBar{ width:100%; height:64px; padding:0 32px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:rgba(255,255,255,0.32); backdrop-filter:blur(32px); }
header .logo{ width:240px; }
header .logo img{ display:block; }
header .menuArea{ display:flex; flex-wrap:wrap; align-content:center; }
header .menuArea .souundArea button{ border:none; }
header .menuArea .souundArea .icoSound{ width:48px; }
header .menuArea ul{ display:flex; flex-wrap:wrap; align-content:center; margin:0 24px 0 26px; }
header .menuArea ul li a{ width:49px; height:30px; display:block; padding:8px 0 0; text-align:center; background:rgba(255,255,255,0.64); font-size:14px; line-height: 14px; color:#E61410; }
header .menuArea ul li.on a{ background:#E61410; color:#fff; }
header .menuArea #menuBtn{ width:32px; height:32px; cursor:pointer; position:relative; }
header .menuArea #menuBtn .openbtn{ width:32px; height:24px; margin:12px 0 0; position:absolute; top:0; left:0; }
header .menuArea #menuBtn .openbtn span{ width:32px; height:2px; content:"" ; display:block; background:#fff; clip-path:polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); position:absolute; top:0; left:0; }
header .menuArea #menuBtn .openbtn span:nth-child(2){ width:24px; top:10px; left:8px; }
header .menuArea #menuBtn .openbtn span:nth-child(3){ width:16px; top:21px; }
header .menuArea #menuBtn .closebtn{ width:32px; height:32px; margin:8px 0 0; background:url("https://www.marubeni.com/en/lp2025/img/ico_close2.svg") no-repeat center center / 100% auto; position:absolute; top:0; left:0; }

header #gnav{ width:100%; padding:32px 80px 128px; background:rgba(255,255,255,0.8); backdrop-filter:blur(15px); overflow:auto; position:absolute; top:64px; left:0; }
header #gnav ul{ border-bottom:#aaa 1px solid; }
header #gnav ul li{ border-top:#aaa 1px solid; }
header #gnav ul li a{ display:block; padding:32px 48px; font-size:48px; font-style:italic; font-weight:300; line-height:48px; color:#707070; position:relative; }
header #gnav ul li a::before{ width:24px; height:12px; content:""; background:url("https://www.marubeni.com/en/lp2025/img/ico_check.svg") no-repeat 0 center / 100% auto; position:absolute; top:calc(50% - 6px); left:13px; }

/* soundopen */
header .menuArea .souundArea .off{ display:none; }

/* menuopen */
header .logo .red{ display:none; }
header .menuArea #menuBtn p{ transition:all 0.4s; }
header .menuArea #menuBtn .closebtn{ opacity:0; visibility:hidden; }
header #gnav{ height:0; opacity:0; visibility:hidden; transition:all 0.4s; }

header.open .headerBar{ background:rgba(255,255,255,0.8); }
header.open .logo .white{ display:none; }
header.open .logo .red{ display:block; }
header.open .menuArea #menuBtn .openbtn{ opacity:0; visibility:hidden; }
header.open .menuArea #menuBtn .closebtn{ opacity:1; visibility:visible; }
header.open #gnav{ height:calc(100vh - 64px); opacity:1; visibility:visible; }

/*  footer
===================================*/
footer{ padding:24px; text-align:center; background:#1A1A1A; color:#fff; }
footer .copy{ font-size:12px; font-weight:400; line-height:12px; }

/*=================================
  module
===================================*/
/*  kvArea
===================================*/
#kvArea{ position:relative; position:1; }
#kvArea .catch{ max-width:1440px; margin:0 auto; padding:0 20px; box-sizing:content-box; position:absolute; left:0; right:0; bottom:155px; }

/*  movieArea
===================================*/
#movieArea{ margin:-159px 0 0; padding:187px 0 218px; position:relative; }
#movieArea .bg1{ width:100%; height:1398px; display:block; clip-path:polygon(0 0, 100% 21%, 100% 100%, 0 79%); position:absolute; top:0; left:0; }
#movieArea .bg1 video{ height:100%; }
/*#movieArea .movieAreaCon{ padding:206px 0 222px; background:url("../img/ico_play.svg") no-repeat center bottom 120px / 66px auto #000; position:relative; }
#movieArea .movieAreaCon video{ width:248px; display:block; margin:0 auto; position:absolute; top:286px; left:0; right:0; }
#movieArea .movieAreaCon .catch{ max-width:982px; margin:0 auto; position:relative; z-index:2; }*/

#movieArea .movieAreaCon{ width:100%; aspect-ratio:1440 / 810; background: #000; position:relative; }
#movieArea .movieAreaCon video{ width:100%; display:block; margin:0 auto; position:absolute; top:0; left:0; right:0; }
#movieArea .movieAreaCon .playBtn{ width:66px; border-radius:50%; position:absolute; top:calc(50% - 33px); left:calc(50% - 33px); z-index:2; }

/*  statementArea
===================================*/
#statementArea{ width:100%; height:1898px; display:flex; align-items:center; justify-content:center; margin:-330px 0 0; padding:5% 0 0; background:url("https://www.marubeni.com/en/lp2025/img/statement_bg.png") no-repeat center 0 / cover; clip-path:polygon(0 16%, 100% 0, 100% 84%, 0 100%); position:relative; z-index:2; }
#statementArea .txt{ width:461px; margin:0 auto; }
#statementArea .catch{ max-width:1440px; margin:-100px auto 0; padding:0 32px; box-sizing:content-box; }

/*  topicsArea
===================================*/
#topicsArea{ margin:-424px 0 0; padding:424px 0 0; position:relative; }
#topicsArea .bg1{ width:100%; height:2050px; display:block; clip-path:polygon(0 0, 100% 15%, 100% 100%, 0 79%); position:absolute; top:0; left:0; z-index:1; }
#topicsArea .bg1 video{ height:100%; }
#topicsArea h2{ padding:0 0 25px; background:url("https://www.marubeni.com/en/lp2025/img/bg_title.svg") no-repeat left calc(50% + 30px) bottom / 135px auto; position:relative; z-index:2;}
#topicsArea h2 span{ display:block; text-align:center; transform:rotate(-12deg); font-size:80px; font-style:italic; font-weight:100; line-height:80px; color:#fff; position:relative; z-index:2; }
#topicsArea .topicsAreaCon{ width:4000px; margin:-390px 0 0 calc((-4000px + 100vw) / 2); padding:460px calc((4000px - 100vw) / 2) 550px; background:#F5F5F7; clip-path:polygon(0 36%, 100% 0, 100% 64%, 0 100%); position:relative; z-index:3; }
#topicsArea .topicsAreaCon > p{ margin:0 auto 0; font-size:40px; font-style:italic; font-weight:600; line-height: 60px; text-align:center; color:#333; }
#topicsArea .topicsAreaCon > p span{ display:block; transform:rotate(-12deg); }
#topicsArea .topicsAreaCon ul{ max-width:1312px; margin:0 auto; display:flex; flex-wrap:wrap; gap:50px 48px; padding:100px 32px 0; box-sizing:border-box; }
#topicsArea .topicsAreaCon ul li{ width:calc((100% - 96px) / 3); }
#topicsArea .topicsAreaCon ul li:nth-child(1){ margin-top:145px; }
#topicsArea .topicsAreaCon ul li:nth-child(2){ margin-top:66px; }
#topicsArea .topicsAreaCon ul li:nth-child(5){ margin-top:-66px; }
#topicsArea .topicsAreaCon ul li:nth-child(6){ margin-top:-145px; }
#topicsArea .topicsAreaCon ul li a{ display:block; box-shadow: 8px 8px 8px #00000014;
 border-radius:8px; overflow:hidden; color:#fff; position:relative; }
#topicsArea .topicsAreaCon .txtArea{ width:100%; padding:0 32px 16px; background:url("https://www.marubeni.com/en/lp2025/img/ico_more.svg") no-repeat right bottom / 48px auto; position:absolute; left:0; bottom:0; }
#topicsArea .topicsAreaCon .txtArea .title{ font-size:32px; font-weight:600; line-height:32px; }
#topicsArea .topicsAreaCon .txtArea .txt1{ margin:8px 0 0; font-size:16px; font-weight:600; line-height:24px; }
#topicsArea .topicsAreaCon .txtArea .txt2{ margin:8px 0 0; font-size:16px; font-weight:400; line-height:24px; }
#topicsArea .topicsAreaCon .txtArea .txt2 span{ font-size:12px; font-weight:400; line-height:15px; letter-spacing:-0.01em; }

/*  cmgalleryArea
===================================*/
#cmgalleryArea{ margin-top:-500px; position:relative;}
#cmgalleryArea .bg1{ width:100%; height:1850px; display:block; clip-path:polygon(0 0, 100% 23%, 100% 100%, 0 79%); position:absolute; top:-350px; left:0; z-index:2; }
#cmgalleryArea .bg1 video{ height:100%; }
#cmgalleryArea .cmgalleryAreaCon{ padding:120px 0 312px; background:#222; color:#fff; clip-path:polygon(0 0, 100% 32%, 100% 100%, 0 68%); position:relative; z-index:3; }
#cmgalleryArea .bg2{ position:absolute; top:280px; left:60%; z-index:1; }
#cmgalleryArea .bg2 img{ width:auto; height:140px; display:block; }
#cmgalleryArea h2{ max-width:1150px; margin:0 auto; padding:0 0 105px; background:url("https://www.marubeni.com/en/lp2025/img/bg_title2.svg") no-repeat left 120px bottom 0 / 135px auto; position:relative; z-index:2; }
#cmgalleryArea h2 span{ display:block; font-size:80px; font-style:italic; font-weight:100; line-height:80px; transform:rotate(-12deg); }
#cmgalleryArea .lead{ max-width:774px; margin:0 auto 35px; text-align:center; font-size:24px; font-weight:700; line-height:36px; position:relative; z-index:2; }
#cmgalleryArea ul{ max-width:774px; margin:0 auto; display:flex; flex-wrap:wrap; gap:0 65px; position:relative; z-index:2; }
#cmgalleryArea ul li{ flex:1; position:relative; }
#cmgalleryArea ul li picture{ display:block; margin:0 0 16px; }
#cmgalleryArea ul li h3,
#cmgalleryArea ul li p{ margin:8px 0 0; font-size:16px; font-weight: 500; line-height:24px; text-align:justify; }
#cmgalleryArea ul li p{ margin:8px 0 0; font-size:16px; font-weight: 500; line-height:24px; text-align:justify; }
#cmgalleryArea ul li .playBtn{ width:48px; margin:0 auto; border-radius:50%; position:absolute; top:75px; left:0; right:0; }

/*  artistProfileArea
===================================*/
#artistProfileArea{ margin-top:-309px; background:#000; clip-path:polygon(4% 20%, 100% 0, 93% 69%, 0 100%); color:#fff; position:relative; z-index:3; }
#artistProfileArea .artistProfileAreaCon{ max-width:1024px; margin:0 auto; padding:200px 0 249px; display:flex; flex-wrap:wrap; }
#artistProfileArea .artistProfileAreaCon picture{ width:38%; border-radius:4px; overflow:hidden; }
#artistProfileArea .artistProfileAreaCon .txtArea{ width:62%; padding:13.5px 0 0 32px; }
#artistProfileArea .artistProfileAreaCon .txtArea h2{ background:url("https://www.marubeni.com/en/lp2025/img/bg_title2.svg") no-repeat left 150px bottom 0 / 135px auto; font-size:80px; font-style:italic; font-weight:100; line-height:80px; }
#artistProfileArea .artistProfileAreaCon .txtArea h3{ margin:24px 0 16px; padding:0 0 8px; border-bottom:1px solid #FFFFFF; font-size:32px; font-weight:500; line-height:32px; }
#artistProfileArea .artistProfileAreaCon .txtArea{ font-size:14px; font-weight:400; line-height:18.2px; }

/*  wayArea
===================================*/
#wayArea{ position:relative; }
#wayArea .bg1{ width:100%; height:calc(100% + 248px); display:block; position:absolute; top:-248px; left:0; z-index:1; }
#wayArea .bg1 video{ height:100%; }
#wayArea .txtArea{ max-width:960px; margin:0 auto; padding:0 0 128px; position:relative; z-index:2; }
#wayArea .txtArea h2{ font-size:32px; font-weight:700; line-height:48px; color:#E61410; }
#wayArea .txtArea p{ margin:16px 0 0; font-size:24px; font-weight:500; line-height:31.2px; }
#wayArea .txtArea .txt1{ width:360px; display:block; margin:80px auto; }
#wayArea .txtArea .catch{ width:100%; display:block; }

/*  moviePopup
===================================*/
.moviePopup{ width:100vw; height:100vh; padding:30px; display:flex; align-items:center; justify-content:center; position:fixed; top:0; left:0; z-index:10; }
.moviePopup .popupbg{ width:100vw; height:100vh; background:rgba(17,17,17,0.95); position:absolute; top:0; left:0; }
.moviePopup .moviePopupCon{ position:relative; z-index:2; }
.moviePopup iframe{ max-width:100%; max-height:100%; }
.moviePopup .popupClose{ width:75px; display:block; margin:32px auto 0; font-size: 14px; font-weight: 500; line-height: 14px; color:#fff; cursor:pointer; }
.moviePopup .popupClose img{ width:24px; display:inline-block; margin:0 5px 0 0; vertical-align:-6px; }

.moviePopup{ opacity:0; visibility:hidden; transition:all 0.5s; }
.moviePopup.open{ opacity:1; visibility:visible; }

/*  animation
===================================*/
header .menuArea #menuBtn:hover span:nth-child(2){ animation:menuhover1 linear 0.3s forwards; }
@keyframes menuhover1 {
  0%{ left:8px; }
  50%{ left:0; }
  100%{ left:8px; }
}
header .menuArea #menuBtn:hover span:nth-child(3){ animation:menuhover2 linear 0.3s forwards; }
@keyframes menuhover2 {
  0%{ left:0; }
  100%{ left:16px; }
}
header .menuArea #menuBtn span:nth-child(2){ animation:menuhover3 linear 0.3s forwards; }
@keyframes menuhover3 {
  0%{ left:0; }
  100%{ left:8px; }
}
header .menuArea #menuBtn span:nth-child(3){ animation:menuhover4 linear 0.3s forwards; }
@keyframes menuhover4 {
  0%{ left:16px; }
  100%{ left:0; }
}

#kvArea .catch{ transform:translateY(100px); opacity:0; animation:move1 ease-out 0.7s forwards; }
.move1{ transform:translateY(100px); opacity:0; }
.move1_action{ animation:move1 ease-out 0.8s forwards; }
@keyframes move1{
    0%{ transform:translateY(100px); opacity:0; }
    100%{ transform:translateY(0px); opacity:1; }
}

.move2{ transform:translateX(-100px); opacity:0; }
.move2_action{ animation:move2 ease-out 0.8s forwards; }
@keyframes move2{
    0%{ transform:translateX(-100px); opacity:0; }
    100%{ transform:translateX(0px); opacity:1; }
}

#cmgalleryArea .move3_action{ animation:cmgallerytxt ease-out 35s infinite; }
@keyframes cmgallerytxt {
    0%{ left:100%; }
    5%{ left:100%; }
    45%{ left:-70%; }
    55%{ left:-70%; }
    100%{ left:100%; }
}

/*---------- PC ----------------------------------------------------------*/
@media screen and (min-width:1024px){
	
    .spOnly{ display:none; }

    /*=================================
      hover
    ===================================*/
    header #gnav ul li a,
    header #gnav ul li a::before,
    #cmgalleryArea ul li,
    #movieArea .movieAreaCon .playBtn,
    #cmgalleryArea ul li .playBtn{ transition:all 0.4s; }

    header #gnav ul li a::before{ opacity:0; }
    header #gnav ul li a:hover{ background:rgba(250,250,250,0.32); color:#E61410; }
    header #gnav ul li a:hover::before{ opacity:1; }
    
    #cmgalleryArea ul li:hover{ opacity:0.7; }
    
    #movieArea .movieAreaCon .playBtn:hover,
    #cmgalleryArea ul li:hover .playBtn{ background:rgba(255,255,255,0.3); }
    
    #topicsArea .topicsAreaCon ul li a{ transition:all 0.4s; }
    #topicsArea .topicsAreaCon ul li a .txtArea .txt2{ height:0; transform:translateY(100px); opacity:0; visibility:hidden; transition:all 0.4s; }
    #topicsArea .topicsAreaCon ul li:hover a{ border-radius:16px; transform:scale(0.95); }
    #topicsArea .topicsAreaCon ul li:hover a picture{ filter:blur(24px); }
    #topicsArea .topicsAreaCon ul li:hover a .txtArea{ background-image:url("https://www.marubeni.com/en/lp2025/img/ico_more_hover.svg"); }
    #topicsArea .topicsAreaCon ul li:hover a .txtArea .txt2{ height:auto; transform:translateY(0); opacity:1; visibility:visible; }
}

/*@media screen and (min-width:1600px){
    #topicsArea .topicsAreaCon{ padding-top:200px; clip-path: polygon(0 19%, 100% 0, 100% 79%, 0 100%); }
}
@media screen and (min-width:2000px){
    #topicsArea .topicsAreaCon{ padding-top:230px; clip-path: polygon(0 21%, 100% 0, 100% 79%, 0 100%); }
}*/
/*---------- SP版 ----------------------------------------------------------*/
@media screen and (max-width: 1023px){
	
	.pcOnly{ display:none; }
	
	/*=================================
	  parts
	===================================*/
    .pageTop{ width:48px; position:fixed; right:8px; bottom:8px; z-index:10; }
  
	/*=================================
	  common
	===================================*/
	/*  header
	===================================*/
    header .headerBar{ height:48px; padding:0 16px; }
    header .logo{ width:128px; }
    header .menuArea .souundArea .icoSound{ width:32px; }
    header .menuArea ul{ margin:0 16px; }
    header .menuArea ul li a{ width:49px; height:30px; }
    header .menuArea #menuBtn .openbtn{ margin-top:5px; }
    header #gnav{ top:47px; padding:32px 16px; }
    header #gnav ul li a{ font-size:24px; font-weight:300; line-height:24px; }
    
    header .menuArea #menuBtn .closebtn{ margin-top:0; }
    
    header #gnav ul li a{ padding:16px 8px; }
    header #gnav ul li a::before{ display:none; }
    
    /* menuopen */
    header.open #gnav{ height:calc(100vh - 47px); }
    
    /*  footer
    ===================================*/
    footer{ padding:18px; }
	
	/*=================================
	  module
	===================================*/
    #kvArea .catch{ max-width:700px; margin:0 auto; padding:0 6px; top:90px; }
    
	/*  #movieArea
	===================================*/
    #movieArea{ margin-top:-49px; padding-top:49px; padding-bottom:280px; }
    #movieArea .bg1{ height:381px; }
    /*#movieArea .movieAreaCon{ padding:54px 0; }
    #movieArea .movieAreaCon video{ width:17%; top:74px; }
    #movieArea .movieAreaCon .catch{ width:68%; }
    #movieArea .movieAreaCon{ background-position:left calc(50% + 108px) bottom 38px; background-size:26px auto; }*/
    #movieArea .movieAreaCon .playBtn{ width:48px; top:calc(50% - 24px); left:calc(50% - 24px); }
    
	/*  #statementArea
	===================================*/
    #statementArea{ height:759px; padding:76px 0 0; background:url("https://www.marubeni.com/en/lp2025/img/statement_bg_2x_sp.png") no-repeat 0 0 / cover; }
    #statementArea .txt{ max-width:210px; }
    #statementArea .catch{ max-width:700px; margin:-20px auto 0; padding:0; }
    
	/*  #topicsArea
	===================================*/
    #topicsArea{ margin-top:-86px; padding-top:135px; }
    #topicsArea .bg1{ height:3167px; clip-path:polygon(0 0, 100% 2%, 100% 100%, 0 97.5%); }
    #topicsArea h2{ padding:0 0 33px; background-position:left calc(22% + 27px) bottom 16px; background-size:77px auto; position:absolute; top:60px; left:22%; }
    #topicsArea h2 span{ display:inline-block; text-align:left; font-size:48px; line-height:48px; }
    #topicsArea .topicsAreaCon{ margin-top:-480px; padding-top:490px; padding-bottom:560px; clip-path:polygon(0 24%, 100% 0, 100% 75%, 0 100%); }
    #topicsArea .topicsAreaCon > p{ padding:0 0 0 30px; text-align:left; font-size:24px; font-weight:600; line-height:36px; letter-spacing:-0.04em; }
    #topicsArea .topicsAreaCon ul{ max-width:390px; padding:50px 30px 0; gap:32px 0; }
    #topicsArea .topicsAreaCon ul li{ width:100%; }
    #topicsArea .topicsAreaCon ul li:nth-child(1),
    #topicsArea .topicsAreaCon ul li:nth-child(2),
    #topicsArea .topicsAreaCon ul li:nth-child(5),
    #topicsArea .topicsAreaCon ul li:nth-child(6){ margin-top:0; }
    #topicsArea .topicsAreaCon .txtArea{ padding:0 24px 16px; }
    #topicsArea .topicsAreaCon .txtArea .title{ font-size:32px; line-height:32px; }
    #topicsArea .topicsAreaCon .txtArea .txt1{ font-size:14px;line-height:21px; }
    #topicsArea .topicsAreaCon .txtArea .txt2{ font-size:16px; line-height:24px; }
    
	/*  #cmgalleryArea
	===================================*/
    #cmgalleryArea{ margin-top:-520px; }
    #cmgalleryArea .bg1{ height:2285px; clip-path:polygon(0 0, 100% 3.8%, 100% 100%, 0 96.3%); top:-45px; }
    #cmgalleryArea .bg2{ top:110px; }
    #cmgalleryArea .bg2 img{ height:138px; }
    #cmgalleryArea .cmgalleryAreaCon{ padding:70px 0 117px; clip-path:polygon(0 0, 100% 8.1%, 100% 100%, 0 91.9%); }
    #cmgalleryArea h2{ margin:0 0 0 15px; padding-bottom:35px; background-position:left 64px bottom 0px; background-size:77px auto; }
    #cmgalleryArea h2 span{ font-size:40px; line-height:48px; }
    #cmgalleryArea .lead{ max-width:100%; margin:19px 10px 20px; text-align:left; font-size:20px; font-weight:400; line-height:30px; }
    #cmgalleryArea ul{ margin:0 10px; gap:48px 0; }
    #cmgalleryArea ul li{ width:100%; flex:none; }
    #cmgalleryArea ul li h3{ font-size:16px; font-weight:700; line-height:24px; }
    #cmgalleryArea ul li p{ font-size:14px; font-weight:500; line-height:21px; }
    
	/*  #artistProfileArea
	===================================*/
    #artistProfileArea{ margin-top:0;clip-path: polygon(5.6% 4.5%, 100% 0, 94.4% 95.5%, 0 100%); }
    #artistProfileArea .artistProfileAreaCon{ padding:76px 43px; }
    #artistProfileArea .artistProfileAreaCon picture{ width:100%; }
    #artistProfileArea .artistProfileAreaCon .txtArea{ width:100%; padding:24px 0 0; font-size:14px; font-weight:400; line-height:18.2px; }
    #artistProfileArea .artistProfileAreaCon .txtArea h2{ padding:0 0 5px; background-position:left 60px bottom 0px; background-size:77px auto; font-size:40px; font-weight:100; line-height:40px; }
    #artistProfileArea .artistProfileAreaCon .txtArea h3{ font-size: 32px; line-height: 32px; }
    
	/*  #wayArea
	===================================*/
    #wayArea{ width:100%; }
    #wayArea .bg1{ height:calc(100% + 237px); top:-237px; }
    #wayArea .txtArea{ width:100%; padding:100px 0 127px; }
    #wayArea .txtArea h2{ margin:0 35px 16px; font-size:20px; font-weight:700; line-height:26px; }
    #wayArea .txtArea p{ margin:0 35px; font-size:24px; font-weight:500; line-height:31.2px; }
    #wayArea .txtArea .txt1{ width:245px; }
    #wayArea .txtArea .catch{ max-width:345px; margin:0 auto; }
    
	/*  moviePopup
	===================================*/
    .moviePopup{ padding:20px 10px; }
}

@media (min-width:500px) and (max-width:1023px){
    #statementArea{ height:1000px; }
    
    /*#topicsArea .bg1{ height:3257px; }*/
    #topicsArea .topicsAreaCon > p{ text-align:center; }
    /*#topicsArea .topicsAreaCon > p span{ transform:rotate(-6deg); }
    #topicsArea .topicsAreaCon ul{ max-width:400px; margin:0 auto; }*/
    
    #cmgalleryArea .lead{ text-align:center; }
    #cmgalleryArea ul{ max-width:400px; margin:0 auto; }
    #cmgalleryArea h2{ max-width:500px; margin:0 auto; }
    
    #artistProfileArea .artistProfileAreaCon{ max-width:484px; margin:0 auto; }
    
    #wayArea .txtArea{ max-width:700px; }
}
@media screen and (max-width:375px){
    #topicsArea .bg1{ height:3080px; }
    #topicsArea .topicsAreaCon{ margin-top:-470px; padding-top:470px; }
}