/* BASIC css start */
/* BASIC css start */
div#contentWrapper #contentWrap {width:100%; min-width:320px; max-width:850px; margin:0 auto;padding-top:65px}



div#mfooter {margin-top: 0;}
#contentWrap dl.loc-navi {width: 100%; margin:  0;}
#contentWrap dl.loc-navi dd {display: flex; justify-content: flex-end; max-width: 1600px; padding: 0 4%; margin: 0 auto;}
#contentWrap img, #contentWrap video {width: 100%;}

div.text {}
div.text .t01 {margin-bottom: 3%;font-size: 1.8em;line-height: 24px;font-weight: 700;color: #1a1a1a;}
div.text .t02 {font-size: 1.3em;font-weight: 700;color: #1a1a1a;letter-spacing: -1px;}
div.text .t03 {margin-top: 3%;font-size: 1em;font-weight: 400;color: #6a6a6a;}
div.text .t03 span {display: block;}
div.text .t03 span + span {margin-top: 10px;}


div.sec01 {position: relative; }
div.sec01 .ban {width: 100%;/* height: 600px; */overflow: hidden;/* border-radius: 20px; */}
div.sec01 .text {text-align: center;position: absolute;top: 26%;left: 0;width: 100%;padding: 0 4%;box-sizing: border-box;letter-spacing: -1px;mix-blend-mode: difference;}
div.sec01 .text .t01 {font-size: 1.2em;font-weight: 700;color: #ffffff;}
div.sec01 .text .t02 {font-size: 2em;font-weight: 700;color: #ffffff;}
div.sec01 .text .t03 {margin-top: 10px;font-size: 1.5em;font-weight: 400;color: #acacac;}

div.sec01 .sc_button {z-index: 1; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); font-size: 12px; line-height: 16px; font-weight: 700; color:#ffffff;}
div.sec01 .sc_button span{position:relative; display: block;width:18px;height:30px;margin: 0 auto 8px;border:2px solid #ffffff;border-radius:24px;box-sizing:border-box;}
div.sec01 .sc_button span::before{position:absolute;top:8px;left:50%;content: '';width:4px;height:4px;margin-left: -2px;background-color:#ffffff;border-radius:100%;-webkit-animation: sdb10 2s infinite;animation: sdb10 2s infinite;box-sizing:border-box;}
@-webkit-keyframes sdb10{
	0%{-webkit-transform: translate(0,0);opacity:0;}
	40%{opacity:1;}
	80%{-webkit-transform: translate(0,10px);opacity:0;}
	100%{opacity:0;}
}
@keyframes sdb10{
	0%{transform: translate(0,0);opacity:0;}
	40%{opacity:1;}
	80%{transform: translate(0,10px);opacity:0;}
	100%{opacity:0;}
}




div.sec02 {margin-top: 50px;}
div.sec02 .text {width: 95%;margin: 0 auto;}
div.sec02 .text .ban {width: 40%; margin-left: auto; margin-top: 16%;}
div.sec02 .ban_r {width: 90%;margin: 0 auto;padding-bottom: 5%;}
div.sec02 .ban_r img {}
div.sec02 .ban_r img:first-child {}


div.sec03 {}
div.sec03 > div {width: 90%;margin: 0 auto;padding-bottom: 5%;}
div.sec03 .text {padding: 3%;box-sizing: border-box;}
div.sec03 a.more {position: relative; display: block; margin-top: 48px; width: 160px; padding: 12px 0 12px 8px; box-sizing: border-box; font-size: 14px; line-height: 24px; letter-spacing: 0.04em; font-weight: 700; color: #1a1a1a; transition: color 0.5s;}
div.sec03 a.more span {position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between;}
div.sec03 a.more:hover {color: #fff;}
div.sec03 a.more svg path,
div.sec03 a.more svg rect {transition: 0.5s;}
div.sec03 a.more:hover svg path {stroke: #fff;}
div.sec03 a.more:hover svg rect {fill : #fff;}
div.sec03 a.more:after {content: ''; display: block; width: 100%; height: 2px; background-color: #1a1a1a; z-index: 1; position: absolute; bottom: 0; left: 0; transition: height 0.5s;}
div.sec03 a.more:hover:after {height: 100%;}


marquee {font-family: 'Archivo Black', sans-serif;font-size: 80px;margin: 10% 0 5% 0;}
marquee ul {display: flex;}
marquee ul li {list-style: none; padding-right: 50px;}
marquee ul li:nth-child(2n) {color:#00672c}
marquee ul li:nth-child(2n+1) {-webkit-text-stroke: 1px #c37979;-webkit-text-fill-color: #ffffff00;}
marquee ul li img {width: auto !important;!i;!;height:30px;}

/* BASIC css end */