/* BASIC css start */
/* BASIC css start */
.bbs-hd {width:100%;height: 300px;background:#e1e1e1;border:1px #999 solid;border-radius: 20px;text-align: center;margin-top: 30px;}
.bbs-hd h3 {display: inline;font-size: 2.5em;font-weight: 600; color:#fff;}
.page-body {margin-top:120px;}

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

div.text {}
div.text .t01 {margin-top: 2%;font-size: 1.2em;font-weight: 700;color: #1a1a1a;text-align: center;}
div.text .t02 {font-size: 2.5em;font-weight: 700;color: #1a1a1a;margin: 8% 0;text-align: center;}
div.text .t03 {margin-top: 24px;font-weight: 400;color: #6a6a6a;}
div.text .t03 > p {font-weight:600;margin:25px 0 8px 0;color: #1a1a1a;font-size: 1.2em;}
div.text .t03 > span {display: block;text-align: left;font-size: 1.1em;}
div.text .t03 span + span {margin-top: 24px;}



div.sec01 {position: relative;}
div.sec01 .text {text-align: center;width: 100%;padding: 0 4%;box-sizing: border-box;}
div.sec01 .text .t01 {}
div.sec01 .text .t02 {}
div.sec01 .text .t03 {margin-top: 40px;font-weight: 400;color: #6a6a6a;}

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;}
div.sec01 .sc_button span{position:relative; display: block;width:18px;height:30px;margin: 0 auto 8px;border:2px solid #1a1a1a;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:#1a1a1a;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.sec01 .ban video {width: 100%;}

div.sec03 {display: flex;margin-top: 20px;}
div.sec03 video {width:100%;}
div.sec03 div.ban {width: 35%;}
div.sec03 div.text {width: 100%;}
div.sec03 .text {padding: 0 6%; 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%;}

div.sec03 .t03 table {margin-bottom: 60px;}
div.sec03 .t03 table tbody th {border: 1px #e1e1e1 solid;padding: 1% 0;background: #52b8b1;color: #fff;font-size: 1em;}
div.sec03 .t03 table tbody tr {}
div.sec03 .t03 table tbody tr td {border: 1px #e1e1e1 solid; padding: 1% 2%;}
div.sec03 .t03 table tbody tr td img {/* width: auto !important; *//* height: 25px; */}

div.sec03 .t03 .textC {text-align: center;}
div.sec03 .t03 .bgGray {background:#f5f5f5;}



/* BASIC css end */


/* BASIC css end */