@charset "UTF-8";



@media screen and (min-width: 768px),print {  
	#popupbanner{transition: opacity 0.5s ease-in-out;position: fixed;bottom: -500px;}
	#popupbanner.active{bottom: 10px;transition: 1.2s;}
	
	#opening .opening-pic01{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic01.png");background-repeat: no-repeat;background-position: center center;background-size: 100%; position: fixed;top: 0;left: 0;right: 0;z-index: 10007;overflow: hidden;}
	#opening .opening-pic02{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic02.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10006;overflow: hidden;}
	#opening .opening-pic03{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic03.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10005;overflow: hidden;}
	#opening .opening-pic04{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic04.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10004;overflow: hidden;}
	#opening .opening-pic05{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic05.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10003;overflow: hidden;}
	#opening .opening-pic06{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic06.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10002;overflow: hidden;}
	#opening .opening-pic07{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic07.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10001;overflow: hidden;}
	#opening .opening-pic08{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic08.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10000;overflow: hidden;}
	#opening .opening-pic09{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/opening-pic09.png");background-repeat: no-repeat;background-position: center center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;overflow: hidden;}
	
	#opening .opening-logo{text-align: center;position: relative;top: 350px;}


.animation00 {width: 100vw;height: 100vh;background-color: #fff;position: fixed; /* 後ろの要素が見えるようにするため */top: 0;left: 0;animation: wipeIn 3s forwards;pointer-events: none; /* 背後の要素にアクセス可能に */z-index: 9999;}
/* アニメーション定義 */
@keyframes wipeIn {
  0% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
}
	
.animation01 {width: 100vw;height: 100vh;background-color: #fff;position: fixed; /* 後ろの要素が見えるようにするため */top: 0;left: 0;animation: wipeOut 1s forwards;pointer-events: none; /* 背後の要素にアクセス可能に */z-index: 9999;}
/* アニメーション定義 */
@keyframes wipeOut {
  0% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
}
	
.animation02{display: none;}
	
.animation03{display: block;}
	
.animation04 {position: fixed;top: 0;left: 0;animation: revealLeftToRight 0.8s forwards;pointer-events: none;z-index: 9999;clip-path: inset(0 100% 0 0); /* 最初は全く表示されていない */}
.fadetag2{opacity: 0;}
.fade-in2 {animation: revealLeftToRight 3s forwards;pointer-events: none;z-index: 9999;clip-path: inset(0 100% 0 0); /* 最初は全く表示されていない */}
/* アニメーション定義 */
@keyframes revealLeftToRight {
  0% {
    clip-path: inset(0 100% 0 0); /* 完全に隠れている */
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0); /* 全面表示 */
    opacity: 1;
  }
}
	
.fadetag{opacity: 0;}
.fade-in {opacity: 0;transform: translateY(80px); /* 下にズラす */animation: fadeUp 1s ease-out forwards;}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(80px); /* 下から */
  }
  100% {
    opacity: 0.4;
    transform: translateY(0); /* 元の位置に */
  }
}
	


	
	
	
	

body{ background: url(../images/index/body-back.jpg)no-repeat top center; background-size: cover; background-attachment: fixed;}

header{position: absolute;top: 0;left: 0;z-index: 3;}
header .sns-list{top: 120px;right: 0;width: 73px;}
header .sns-list li:nth-child(1) { position: relative; top: 80px; }
#contentsmain { margin: 0 auto; position: relative; max-width: 1920px; }
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box h1 {position: absolute;top: 280px;left: 50%;transform: translateX(-50%);clip-path: inset(0 100% 0 0);}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img { width: 100%; height: auto; }
#contentsmain .inner-Box span.scroll {display: block;line-height: 1;position: absolute;bottom: 66px;right: 18px;}
#contentsmain .inner-Box span.scroll img {  }

#contents01 {margin: 0 auto;position: relative;overflow: hidden;}
#contents01 .inner-Box {margin: 0 auto;position: relative;color: #fff;text-align: center;padding: 290px 0 140px;}
#contents01 .inner-Box span{position: absolute;font-weight: 900;color: #fff;left: 50%;letter-spacing: 0;display: block;width: 500px;text-align: left;opacity: 0;}
#contents01 .inner-Box p span{position: relative;font-weight: 400;color: #fff;left: auto;display: inline;width: 500px;text-align: center;opacity: 1;}
#contents01 .inner-Box span.en{ position: absolute; top: 0; right: 17px; left: auto; opacity: 1; width: auto; } #contents01 .inner-Box span.tag01{font-size: 47.8px;top: 134px;margin-left: -430px;}
#contents01 .inner-Box span.tag02{font-size: 29.8px;top: 174px;margin-left: 260px;}
#contents01 .inner-Box span.tag03{font-size: 16.8px;top: 197px;margin-left: -670px;}
#contents01 .inner-Box span.tag04{font-size: 31px;top: 196px;margin-left: 710px;}
#contents01 .inner-Box span.tag05{font-size: 31px;top: 210px;margin-left: 48px;}
#contents01 .inner-Box span.tag06{font-size: 30px;top: 221px;margin-left: -962px;}
#contents01 .inner-Box span.tag07{font-size: 29.8px;top: 287px;margin-left: -660px;}
#contents01 .inner-Box span.tag08{font-size: 47.8px;top: 299px;margin-left: 335px;}
#contents01 .inner-Box span.tag09{font-size: 60px;top: 334px;margin-left: 690px;}
#contents01 .inner-Box span.tag10{font-size: 30.8px;top: 374px;margin-left: -830px;}
#contents01 .inner-Box span.tag11{font-size: 47.8px;top: 380px;margin-left: -480px;}
#contents01 .inner-Box span.tag12{font-size: 47.8px;top: 464px;margin-left: -890px;}
#contents01 .inner-Box span.tag13{font-size: 16px;top: 474px;margin-left: 540px;}
#contents01 .inner-Box span.tag14{font-size: 29.8px;top: 498px;margin-left: 735px;}
#contents01 .inner-Box span.tag15{font-size: 48.8px;top: 527px;margin-left: 446px;}
#contents01 .inner-Box span.tag16{font-size: 30.8px;top: 577px;margin-left: -680px;}
#contents01 .inner-Box span.tag17{font-size: 15.8px;top: 654px;margin-left: -20px;}
#contents01 .inner-Box span.tag18{font-size: 60.8px;top: 655px;margin-left: -610px;}
#contents01 .inner-Box span.tag19{font-size: 22.8px;top: 664px;margin-left: -910px;}
#contents01 .inner-Box span.tag20{font-size: 30px;top: 668px;margin-left: 666px;}
#contents01 .inner-Box span.tag21{font-size: 31px;top: 704px;margin-left: 260px;}
#contents01 .inner-Box h2 {text-align: center;margin-bottom: 186px;opacity: 0;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box h3 {font-size: 23px;line-height: 1.68;font-weight: 400;letter-spacing: 1.15px;margin-bottom: 35px;position: relative;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2.38;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 42px;position: relative;}
#contents01 .inner-Box p.dlbtn { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box p.dlbtn a {color: #fff;width: 260px;height: 50px;display: block;margin: 0 auto;border: 1px solid #FFFFFF;font-size: 15px;letter-spacing: 0;padding: 9px 0 0; transition: all 0.3s ease-in-out;}
#contents01 .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }


#event {background: #fff;padding: 67px 0;}
#event .inner-Box{ width: 1080px; margin: 0 auto; position: relative; }
#event h2{text-align: center;font-size: 41px;font-weight: 600;margin-bottom: -4px;}
#event .subttl{text-align: center;margin-bottom: 26px;}
#event .system-list{margin-bottom: 54px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#event .system-list li{position: relative;line-height: 1.4;width: 320px;margin-right: 60px;margin-bottom: 20px;}
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li a{background: #fff;position: relative; padding: 20px; display: block; transition: all 0.3s ease-in-out;}
#event .system-list li a:hover{ text-decoration: none;box-shadow: 0px 20px 20px #00000026; }
#event .system-list li .icon{ display: inline-block; font-size: 10px; font-weight: 400; padding: 4px 5px; color: #fff; margin-bottom: 16px; }

#event .system-list li .system-pic{width: 100%;height: 280px;margin-bottom: 13px;overflow: hidden;}
#event .system-list li .system-pic img{width: 100%;height: 280px;transition: transform 0.5s ease;}
#event .system-list li a:hover .system-pic img { transform: scale(1.05); }

#event .system-date{font-size: 12px;margin-bottom: 3px;line-height: 1.4;color: #666666;}
#event .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-ttl-01{font-size: 16px;font-weight: 400;line-height: 1.5;border-bottom: 1px dotted #eee;padding-bottom: 10px;margin-bottom: 10px;}
#event .serchcategory{ margin-bottom: 100px;}
#event .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px;}
#event .system-icon02 span { display: block; padding: 8px; background: #ccc; font-size: 14px; margin-bottom: 15px; margin-top: -15px; }
#event .inner-Box p.dlbtn { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#event .inner-Box p.dlbtn a {color: #fff;width: 204px;height: 50px;display: block;margin: 0 auto;border: 1px solid #000;font-size: 15px;letter-spacing: 0;padding: 9px 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
#event .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }


#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back00.jpg')repeat top center;}
#contents02 .inner-Box {margin: 0 auto -27px;position: relative;width: 1090px;padding: 102px 0 0;}
#contents02 .inner-Box h2 {text-align: center;left: -22px;position: relative;margin-bottom: 42px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content: center; align-items: center;}
#contents02 .inner-Box ul li {position: relative;margin: 0 33px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }
#contents02 .inner-Box p.ltext {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents02 .inner-Box1{margin: 0 auto 144px;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top 70px right;max-width: 1920px;padding: 70px 0 0 0;}
#contents02 .inner-Box1 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 60px;}
#contents02 .inner-Box1 span.icon01 img {  }
#contents02 .inner-Box1 h3 {text-align: center;padding: 121px 0 163px;margin-bottom: 39px;}
#contents02 .inner-Box1 h3 span{  }
#contents02 .inner-Box1 h3 img {  }
#contents02 .inner-Box1 figure.photo {position: absolute;top: 539px;right: 0;}
#contents02 .inner-Box1 figure.photo img{  }
#contents02 .inner-Box1 .inBox {margin: 0 auto 43px 58px;position: relative;width: 680px;height: 310px;background: #fff;padding: 38px 61px;}
#contents02 .inner-Box1 .inBox h4 {font-size: 20px;line-height: 1.68;font-weight: 500;letter-spacing: 1px;margin-bottom: 24px;position: relative;}
#contents02 .inner-Box1 .inBox p.dltext {font-size: 15px;line-height: 1.87;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 62px;position: relative;}
#contents02 .inner-Box1 span.icon02 {display: block;line-height: 1;padding: 0 0 0 60px;}
#contents02 .inner-Box1 span.icon02 img {  }
#contents02 .inner-Box1 .inBox a { display: block; border-bottom: #1A1A1A 2px solid; position: relative; transition: all 0.3s ease-in-out;}
#contents02 .inner-Box1 .inBox a::before{content: url(../images/common/arr02.svg);position: absolute;bottom: 12px;right: 14px;transform: scale(1.1);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box1 .inBox a:hover{ border-bottom: #ccc 2px solid; }
#contents02 .inner-Box1 .inBox a:hover::before{right: 10px; opacity: 0.3;}

#contents02 .inner-Box2{margin: 0 auto 144px;position: relative;background: url('../images/index/contents02-back02.png')no-repeat top 70px right;max-width: 1920px;padding: 70px 0 0 0;}
#contents02 .inner-Box2 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 60px;}
#contents02 .inner-Box2 span.icon01 img {  }
#contents02 .inner-Box2 h3 {text-align: center;padding: 121px 0 163px;margin-bottom: 39px;}
#contents02 .inner-Box2 h3 span{  }
#contents02 .inner-Box2 h3 img {  }
#contents02 .inner-Box2 figure.photo {position: absolute;top: 539px;right: 0;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 .inBox {margin: 0 auto 43px 58px;position: relative;width: 680px;height: 310px;background: #fff;padding: 38px 61px;}
#contents02 .inner-Box2 .inBox h4 {font-size: 20px;line-height: 1.68;font-weight: 500;letter-spacing: 1px;margin-bottom: 24px;position: relative;}
#contents02 .inner-Box2 .inBox p.dltext {font-size: 15px;line-height: 1.87;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 62px;position: relative;}
#contents02 .inner-Box2 span.icon02 {display: block;line-height: 1;padding: 0 0 0 60px;}
#contents02 .inner-Box2 span.icon02 img {  }
#contents02 .inner-Box2 .inBox a { display: block; border-bottom: #1A1A1A 2px solid; position: relative; transition: all 0.3s ease-in-out;}
#contents02 .inner-Box2 .inBox a::before{content: url(../images/common/arr02.svg);position: absolute;bottom: 12px;right: 14px;transform: scale(1.1);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box2 .inBox a:hover{ border-bottom: #ccc 2px solid; }
#contents02 .inner-Box2 .inBox a:hover::before{right: 10px; opacity: 0.3;}

#contents02 .inner-Box3{margin: 0 auto 144px;position: relative;background: url('../images/index/contents02-back03.png')no-repeat top 70px right;max-width: 1920px;padding: 70px 0 0 0;}
#contents02 .inner-Box3 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 60px;}
#contents02 .inner-Box3 span.icon01 img {  }
#contents02 .inner-Box3 h3 {text-align: center;padding: 121px 0 163px;margin-bottom: 39px;}
#contents02 .inner-Box3 h3 span{  }
#contents02 .inner-Box3 h3 img {  }
#contents02 .inner-Box3 figure.photo {position: absolute;top: 539px;right: 0;}
#contents02 .inner-Box3 figure.photo img{  }
#contents02 .inner-Box3 .inBox {margin: 0 auto 43px 58px;position: relative;width: 680px;height: 310px;background: #fff;padding: 38px 61px;}
#contents02 .inner-Box3 .inBox h4 {font-size: 20px;line-height: 1.68;font-weight: 500;letter-spacing: 1px;margin-bottom: 24px;position: relative;}
#contents02 .inner-Box3 .inBox p.dltext {font-size: 15px;line-height: 1.87;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 62px;position: relative;}
#contents02 .inner-Box3 span.icon02 {display: block;line-height: 1;padding: 0 0 0 60px;}
#contents02 .inner-Box3 span.icon02 img {  }
#contents02 .inner-Box3 .inBox a { display: block; border-bottom: #1A1A1A 2px solid; position: relative; transition: all 0.3s ease-in-out;}
#contents02 .inner-Box3 .inBox a::before{content: url(../images/common/arr02.svg);position: absolute;bottom: 12px;right: 14px;transform: scale(1.1);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box3 .inBox a:hover{ border-bottom: #ccc 2px solid; }
#contents02 .inner-Box3 .inBox a:hover::before{right: 10px; opacity: 0.3;}

#contents02 .inner-Box4{margin: 0 auto 98px;position: relative;background: url('../images/index/contents02-back04.png')no-repeat top 70px right;max-width: 1920px;padding: 70px 0 0 0;}
#contents02 .inner-Box4 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 60px;}
#contents02 .inner-Box4 span.icon01 img {  }
#contents02 .inner-Box4 h3 {text-align: center;padding: 121px 0 163px;margin-bottom: 39px;}
#contents02 .inner-Box4 h3 span{  }
#contents02 .inner-Box4 h3 img {  }
#contents02 .inner-Box4 figure.photo {position: absolute;top: 539px;right: 0;}
#contents02 .inner-Box4 figure.photo img{  }
#contents02 .inner-Box4 .inBox {margin: 0 auto 43px 58px;position: relative;width: 680px;height: 310px;background: #fff;padding: 38px 61px;}
#contents02 .inner-Box4 .inBox h4 {font-size: 20px;line-height: 1.68;font-weight: 500;letter-spacing: 1px;margin-bottom: 24px;position: relative;}
#contents02 .inner-Box4 .inBox p.dltext {font-size: 15px;line-height: 1.87;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 62px;position: relative;}
#contents02 .inner-Box4 span.icon02 {display: block;line-height: 1;padding: 0 0 0 60px;}
#contents02 .inner-Box4 span.icon02 img {  }
#contents02 .inner-Box4 .inBox a { display: block; border-bottom: #1A1A1A 2px solid; position: relative; transition: all 0.3s ease-in-out;}
#contents02 .inner-Box4 .inBox a::before{content: url(../images/common/arr02.svg);position: absolute;bottom: 12px;right: 14px;transform: scale(1.1);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box4 .inBox a:hover{ border-bottom: #ccc 2px solid; }
#contents02 .inner-Box4 .inBox a:hover::before{right: 10px; opacity: 0.3;}

#contents02 .inner-Box5{margin: 0 auto 144px;position: relative;background: url('../images/index/contents02-back05.png')no-repeat top 70px center;max-width: 1920px;padding: 70px 0 0 0;}
#contents02 .inner-Box5 span.icon01 {display: block;line-height: 1;position: absolute;top: 50px;z-index: 3;left: 60px;}
#contents02 .inner-Box5 span.icon01 img {  }
#contents02 .inner-Box5 h3 {text-align: center;padding: 171px 0 84px;margin-bottom: 39px;}
#contents02 .inner-Box5 h3 span{  }
#contents02 .inner-Box5 h3 img {  }
#contents02 .inner-Box5 figure.photo {position: absolute;top: 539px;right: 0;}
#contents02 .inner-Box5 figure.photo img{  }
#contents02 .inner-Box5 .inBox {margin: 0 auto 14px;position: relative;width: 680px;height: 310px;background: #fff;padding: 38px 61px;}
#contents02 .inner-Box5 .inBox h4 {font-size: 20px;line-height: 1.68;font-weight: 500;letter-spacing: 1px;margin-bottom: 24px;position: relative;}
#contents02 .inner-Box5 .inBox p.dltext {font-size: 15px;line-height: 1.87;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 62px;position: relative;}
#contents02 .inner-Box5 span.icon02 {display: block;line-height: 1;padding: 0 0 0 60px;}
#contents02 .inner-Box5 span.icon02 img {  }
#contents02 .inner-Box5 .inBox a { display: block; border-bottom: #1A1A1A 2px solid; position: relative; transition: all 0.3s ease-in-out;}
#contents02 .inner-Box5 .inBox a::before{content: url(../images/common/arr02.svg);position: absolute;bottom: 12px;right: 14px;transform: scale(1.1);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box5 .inBox a:hover{ border-bottom: #ccc 2px solid; }
#contents02 .inner-Box5 .inBox a:hover::before{right: 10px; opacity: 0.3;}

#contents02 p.btndddl {text-align: center;padding: 19px 0 216px;}
#contents02 p.btndddl img {  }

#contents03 {margin: 0 auto;position: relative;background: #fff;padding: 120px 30px 140px;}
#contents03 .inner-Box1 {margin: 0 auto 59px;position: relative;border-bottom: #1A1A1A 1px solid;max-width: 1420px;padding-bottom: 30px;}
#contents03 .inner-Box1 h2 {font-size: 19px;line-height: 1.68;font-weight: 700;letter-spacing: 0.95px;margin-bottom: 0px;position: absolute;top: 23px;left: 0;}
#contents03 .inner-Box1 h2 span.fn1 {display: block;font-size: 78px;font-weight: 600;line-height: 1;position: relative;left: -7px;top: 6px;}
#contents03 .inner-Box1 h2 span.fn2 {display: block;font-size: 32px;font-weight: 600;letter-spacing: 0.8px;}
#contents03 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 900px;margin: 0 0 0 auto;}
#contents03 .inner-Box1 ul li {position: relative;width: 420px;margin-right: 59px;}
#contents03 .inner-Box1 ul li:nth-child(2n) { margin-right: 0px; }
#contents03 .inner-Box1 ul li a {  }
#contents03 .inner-Box1 ul li a:hover {  }
#contents03 .inner-Box1 figure.img {position: relative;top: 0;left: 0;margin-bottom: 10px;}
#contents03 .inner-Box1 figure.img img{  }
#contents03 .inner-Box1 p.ltext {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 54px;position: relative;}
#contents03 .inner-Box2 { margin: 0 auto; position: relative; }
#contents03 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 800px;margin: 0 auto;}
#contents03 .inner-Box2 ul li {position: relative;width: 800px;}
#contents03 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents03 .inner-Box2 ul li a {display: block;height: 160px;padding: 14px 0 0 219px;}
#contents03 .inner-Box2 ul li a:hover {  }
#contents03 .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 h3 {font-size: 23px;line-height: 1.68;font-weight: 700;letter-spacing: 1.15px;margin-bottom: 13px;position: relative;}
#contents03 .inner-Box2 h3 span.f-en {font-size: 14px;display: block;font-weight: 500;letter-spacing: 0.35px;margin-bottom: 4px;}
#contents03 .inner-Box2 p.ltextt {font-size: 14px;line-height: 1.71;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;}

#case_newly {background: #fff;padding: 47px 30px 76px;}
#case_newly .inner-Box{margin: 0 auto;position: relative;max-width: 1500px;}
#case_newly h2{text-align: center;font-size: 41px;font-weight: 600;margin-bottom: -4px;}
#case_newly .subttl{text-align: center;margin-bottom: 36px;}

#case_newly .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#case_newly .system-list li{line-height: 1.4;width: 29.4%;margin-right: 5.9%;background: #fff;position: relative;margin-bottom: 20px;}
#case_newly .system-list li:nth-child(3n){ margin-right: 0}
#case_newly .system-list li a:hover{ text-decoration: none; }
#case_newly .system-list li .namea{font-size: 14px;color: #999999;letter-spacing: 0.7px;margin-bottom: 5px;}
#case_newly .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case_newly .system-list .btn::after { content: ' >';}

#case_newly .system-list li .system-pic{  width: 100%; aspect-ratio: 11 / 8; overflow: hidden; text-align: center; margin-bottom: 15px; position: relative;}
#case_newly .system-list li .system-pic img{  width: 100%; height: 100%; object-fit: cover; display: block;transition: transform 0.5s ease;}
#case_newly .system-list li a:hover .system-pic img { transform: scale(1.05); }

#case_newly .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#case_newly .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#case_newly .system-ttl-01{font-size: 18px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 10px;line-height: 1.63;}

#case_newly .inner-Box p.dlbtn { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#case_newly .inner-Box p.dlbtn a {color: #fff;width: 204px;height: 50px;display: block;margin: 0 auto;border: 1px solid #000;font-size: 15px;letter-spacing: 0;padding: 9px 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
#case_newly .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }

#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;height: 660px;}
#contents04 .Box{padding: 0 30px;max-width: 1550px;margin: 0 auto;position: relative;}
#contents04 .inner-Box {margin: 0 auto 0 0;position: relative;color: #fff;width: 570px;padding: 70px 0 0;}
#contents04 .inner-Box h2 {font-size: 16px;line-height: 1.68;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 20px;position: relative;}
#contents04 .inner-Box h2 span.f-en {font-size: 56px;font-weight: 600;display: inline-block;margin-right: 26px;}
#contents04 .inner-Box ul{ margin-bottom: -4px; position: relative; }
#contents04 .inner-Box ul::before{content: "など・・・";color: #fff;position: absolute;bottom: 20px;right: 165px;}
#contents04 .inner-Box ul li {position: relative;border-bottom: #4D4D4D 1px solid;margin-bottom: 23px;}
#contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents04 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 6px;left: 10px;}
#contents04 .inner-Box span.ch img {  }
#contents04 .inner-Box p.ltext {font-size: 21px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 16px;padding: 0 0 0 60px;position: relative;}
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.68;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 58px;position: relative;}
#contents04 .inner-Box p.dlbtn { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents04 .inner-Box p.dlbtn a {width: 204px;height: 50px;display: block;margin: 0 auto 0 0;border: 1px solid #000;font-size: 15px;letter-spacing: 0;padding: 9px 0 0;transition: all 0.3s ease-in-out;background: #fff;text-align: center;left: -7px;position: relative;}
#contents04 .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }

#contents04 .reform-Box {position: absolute;bottom: -40px;right: 25px;width: 560px;}
#contents04 .reform-Box h2 {font-size: 28px;line-height: 1.68;font-weight: 600;letter-spacing: 0.7px;margin-bottom: 22px;position: relative;color: #fff;}
#case_reform .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#case_reform .system-list li{line-height: 1.4;background: #fff;position: relative;margin-bottom: 20px;width: 560px;height: 200px;}
#case_reform .system-list li a{display: block;padding: 37px 260px 20px 27px;}
#case_reform .system-list li a:hover{ text-decoration: none; }
#case_reform .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case_reform .system-list .btn::after { content: ' >';}
#case_reform .system-pic{overflow: hidden;text-align: center;margin-bottom: 15px;position: absolute;top: 20px;right: 20px;width: 220px;height: 160px;}
#case_reform .system-pic img{width: 100%;height: 240px;}
#case_reform .system-date{font-size: 14px;margin-bottom: 19px;line-height: 1.4;color: #999999;}
#case_reform .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#case_reform .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.4;}
#case_reform .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
#case_reform  p.dlbtn {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;position: absolute;top: 0;right: -1px;}
#case_reform  p.dlbtn a {color: #fff;width: 201px;height: 50px;display: block;margin: 0 auto;border: 1px solid #fff;font-size: 15px;letter-spacing: 0;padding: 9px 0 0;transition: all 0.3s ease-in-out;text-align: center;}
#case_reform  p.dlbtn a:hover { background: #fff; color: #000; }

#voice {background: url(../images/index/contents05-back01.jpg);padding: 200px 0 79px;}
#voice .inner-Box{margin: 0 auto;position: relative;padding: 0 0 0 26%;}
#voice h2{text-align: center;font-size: 38px;font-weight: 600;margin-bottom: -4px;position: absolute;top: 9px;left: 156px;}
#voice .subttl{margin-bottom: 36px;position: absolute;top: 82px;left: 158px;text-align: left;}

#voice .system-list{margin-bottom: 50px;display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#voice .system-list li{line-height: 1.4;width: 380px;margin-right: 60px;background: #fff;position: relative;margin-bottom: 20px;height: 530px;}
#voice .system-list li a:hover{ text-decoration: none; }

#voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
#voice .system-list .btn::after { content: ' >';}
#voice .system-pic{width: 100%;height: 260px;overflow: hidden;text-align: center;margin-bottom: 22px;}
#voice .system-pic img{width: 100%;height: 260px;}
#voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-name{font-size: 13px;margin-bottom: 12px;line-height: 1.4;color: #999999;padding: 0 30px 0;}
#voice .system-text{font-size: 13px;letter-spacing: 0.65px;margin-bottom: 10px;line-height: 1.46;color: #999999;margin: 0 30px;}
#voice .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#voice .system-ttl-01{font-size: 18px;margin-bottom: 17px;line-height: 1.4;font-weight: 700;border-bottom: 1px dotted #B3B3B3;padding-bottom: 20px;margin: 0 30px 25px;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#voice .system-text span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
#voice .prev-arrow{position: absolute;top: 460px;left: -190px;z-index: 4;}
#voice .next-arrow{position: absolute;top: 460px;left: -100px;z-index: 4;transform: scale(-1, 1);}

#voice .inner-Box p.dlbtn {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;position: absolute;top: 185px;left: 150px;}
#voice .inner-Box p.dlbtn a {color: #fff;width: 204px;height: 50px;display: block;margin: 0 auto;border: 1px solid #000;font-size: 15px;letter-spacing: 0;padding: 9px 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
#voice .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }

.backkk{ background: #fff;}

#contents06 {margin: 0 auto -89px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top 280px center;padding: 119px 0 87px;}
#contents06 h2 {text-align: center;margin-bottom: 136px;}
#contents06 h2 span{  }
#contents06 h2 img {  }
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding: 0 0 0 410px;}
#contents06 .inner-Box h3 {position: absolute;top: 59px;left: 0;}
#contents06 .inner-Box h3 span{  }
#contents06 .inner-Box h3 img {  }
#contents06 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 91px;}
#contents06 .inner-Box ul li {position: relative;width: 370px;margin-right: 50px;}
#contents06 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents06 .inner-Box ul li a {display: block;padding: 261px 0 0;}
#contents06 .inner-Box ul li a:hover {  }
#contents06 .inner-Box figure.photo {position: absolute;top: -30px;right: 0;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inBox {position: relative;width: 320px;height: 240px;background: #fff;padding: 22px 30px;}
#contents06 .inBox h4 {font-size: 13px;line-height: 1.68;font-weight: 500;letter-spacing: 0.33px;margin-bottom: 16px;position: relative;}
#contents06 .inBox h4 span.f-en {display: block;font-size: 20px;}
#contents06 .inBox p.ltext {font-size: 15px;line-height: 1.58;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents06 .inBox span.more {display: block;line-height: 1;position: absolute;bottom: -30px;right: -50px;}
#contents06 .inBox span.more img {  }
#contents06 .inBox ul li { position: relative; }
#contents06 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inBox ul li a {  }
#contents06 .inBox ul li a:hover {  }
#contents06 .inBox figure.photo { position: absolute; top: 0; left: 0; }
#contents06 .inBox figure.photo img{  }


#contents07 {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center;}
#contents07 .inner-Box { margin: 0 auto; position: relative; }
#contents07 .inner-Box2 {margin: 0 auto;position: relative;max-width: 1540px;padding: 0 20px 137px;}
#contents07 .inner-Box2 ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents07 .inner-Box2 ul li {text-align: center;width: 48%;margin-right: 4%;}
#contents07 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents07 .inner-Box2 ul li figure {   }
#contents07 .inner-Box2 ul li figure img{ width: 100%; height: auto;  }
#contents07 .inner-Box2 ul li a {  }
#contents07 .inner-Box2 ul li a:hover {  }
#contents07 .inner-Box2 p.ltext {font-size: 15px;line-height: 1.88;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 30px;position: relative;padding-top: 15px;}

#contents07 .inner-Box{margin: 0 auto 120px;position: relative;padding: 80px 0 0 37%;height: 470px;}
#contents07 h2{text-align: center;font-size: 38px;font-weight: 600;margin-bottom: -4px;position: absolute;top: 66px;left: 362px;}
#contents07 .subttl{margin-bottom: 36px;position: absolute;top: 132px;left: 358px;text-align: left;}

#contents07 .system-list{margin-bottom: 50px;display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents07 .system-list li{line-height: 1.4;width: 240px;margin-right: 40px;background: #fff;position: relative;margin-bottom: 20px;height: 310px;padding: 20px;}
#contents07 .system-list li a:hover{ text-decoration: none; }

#contents07 .system-list .system-pic{width: 100%;height: 140px;margin-bottom: 13px;overflow: hidden;}
#contents07 .system-list .system-pic img{width: 100%;height: 140px;transition: transform 0.5s ease;}
#contents07 .system-list a:hover .system-pic img { transform: scale(1.05); }
#contents07 .system-list .textbx{}
#contents07 .system-list .system-day{margin-bottom: 10px;font-size: 14px;line-height: 1.4;color: #ccc;}
#contents07 .system-list .system-ttl-01{ font-size: 0.938em; line-height: 1.6; margin-bottom: 10px; }
#contents07 .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#contents07 .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
#blog .prev-arrow{position: absolute;top: 249px;left: -160px;z-index: 4;transform: scale(0.7);}
#blog .next-arrow{position: absolute;top: 250px;left: -90px;z-index: 4;transform: scale(-0.7, 0.7);}


#contents07 .inner-Box p.dlbtn {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;position: absolute;top: 190px;left: 357px;}
#contents07 .inner-Box p.dlbtn a {color: #fff;width: 204px;height: 50px;display: block;margin: 0 auto;border: 1px solid #000;font-size: 15px;letter-spacing: 0;padding: 9px 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
#contents07 .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }

#seobox {background: #1A1A1A;padding: 45px 0 41px;}
#seobox .inbox{width: 1080px;margin: 0 auto; }
#seobox .inbox p{ font-size: 14px; letter-spacing: 0.7px; line-height: 1.71; color: #666666;}


}
@media screen and (min-width:768px) and ( max-width:1918px) {

#contentsmain .inner-Box h1 {width: 44.48vw;top: 15.58vw;}
#contentsmain .inner-Box span.scroll {display: block;line-height: 1;position: absolute;bottom: 3.44vw;right: 18px;}
#contents02 .inner-Box1 .inBox,
#contents02 .inner-Box2 .inBox,
#contents02 .inner-Box3 .inBox,
#contents02 .inner-Box4 .inBox
 {width: 38.38vw;margin-left: 1vw;height: auto;}

#contents02 .inner-Box1 figure.photo,
#contents02 .inner-Box2 figure.photo,
#contents02 .inner-Box3 figure.photo,
#contents02 .inner-Box4 figure.photo
 {width: 59.38vw;}
#contents02 .inner-Box1 figure.photo img,
#contents02 .inner-Box2 figure.photo img,
#contents02 .inner-Box3 figure.photo img,
#contents02 .inner-Box4 figure.photo img
{ width: 100%; }
  
	
}
@media screen and (min-width:768px) and ( max-width:1450px) {
	
#voice .inner-Box{padding: 0 0 0 24%;}
#voice h2{left: 56px;}
#voice .subttl{left: 58px;}
#voice .inner-Box p.dlbtn {left: 50px;}


	
}
@media screen and (min-width:768px) and ( max-width:1550px) {
  #contents07 .inner-Box{padding: 80px 0 0 37%;}
  #contents07 h2{left: 62px;}
  #contents07 .subttl{left: 58px;}
#contents07 .inner-Box p.dlbtn {left: 57px;}
  
}


@media screen and (max-width: 767px) {
	#popupbanner{transition: opacity 0.5s ease-in-out;position: fixed;bottom: -40vw;}
	#popupbanner.active{bottom: 21vw;transition: 1.2s;}
	
	#opening .opening-pic01{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic01.png");background-repeat: no-repeat;background-position: top center;background-size: 100%; position: fixed;top: 0;left: 0;right: 0;z-index: 10007;overflow: hidden;}
	#opening .opening-pic02{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic02.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10006;overflow: hidden;}
	#opening .opening-pic03{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic03.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10005;overflow: hidden;}
	#opening .opening-pic04{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic04.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10004;overflow: hidden;}
	#opening .opening-pic05{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic05.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10003;overflow: hidden;}
	#opening .opening-pic06{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic06.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10002;overflow: hidden;}
	#opening .opening-pic07{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic07.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10001;overflow: hidden;}
	#opening .opening-pic08{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic08.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 10000;overflow: hidden;}
	#opening .opening-pic09{width: 100VW;height: 100Vh; background-color: #fff;background-image: url("../images/index/sp-opening-pic09.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;overflow: hidden;}

	
.animation00 {width: 100vw;height: 100vh;background-color: #fff;position: fixed; /* 後ろの要素が見えるようにするため */top: 0;left: 0;animation: wipeIn 2s forwards;pointer-events: none; /* 背後の要素にアクセス可能に */z-index: 9999;}
/* アニメーション定義 */
@keyframes wipeIn {
  0% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
}
	
.animation01 {width: 100vw;height: 100vh;background-color: #fff;position: fixed; /* 後ろの要素が見えるようにするため */top: 0;left: 0;animation: wipeOut 1s forwards;pointer-events: none; /* 背後の要素にアクセス可能に */z-index: 9999;}
/* アニメーション定義 */
@keyframes wipeOut {
  0% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
}
	
	
.animation02{display: none;}
	
.animation03{display: block;}
	
.animation04 {position: fixed;top: 0;left: 0;animation: revealLeftToRight 0.8s forwards;pointer-events: none;z-index: 9999;clip-path: inset(0 100% 0 0); /* 最初は全く表示されていない */}
.fadetag2{opacity: 0;}
.fade-in2 {animation: revealLeftToRight 1.5s forwards;pointer-events: none;z-index: 9999;clip-path: inset(0 100% 0 0); /* 最初は全く表示されていない */}
/* アニメーション定義 */
@keyframes revealLeftToRight {
  0% {
    clip-path: inset(0 100% 0 0); /* 完全に隠れている */
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0); /* 全面表示 */
    opacity: 1;
  }
}
	
.fadetag{opacity: 0;}
.fade-in {opacity: 0;transform: translateY(80px); /* 下にズラす */animation: fadeUp 1s ease-out forwards;}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(80px); /* 下から */
  }
  100% {
    opacity: 0.4;
    transform: translateY(0); /* 元の位置に */
  }
}
	
	
	
	
	
	
	
	
	
	


  header{position: absolute;top: 0;left: 0;z-index: 3;}
  header .sns-list{top: 28.99vw;right: 0;}
  header .sns-list li:nth-child(1) { position: relative; top: 19.32vw; }
  #contentsmain {position: relative;height: 176.5vw;background: url(../images/index/sp-contentsmain-photo02.png)repeat-x bottom left;background-size: auto 48.4vw;animation: bg-scroll 60s linear infinite;}
  @keyframes bg-scroll {
    0% { background-position: 0 100%; }
    100% { background-position: -100% 100%; }
  }
  #contentsmain .inner-Box {position: relative;}
  #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
  #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
  #contentsmain .inner-Box h1 {position: absolute;top: 92.13vw;left: 50%;transform: translateX(-50%);width: 85.3vw;opacity: 0;}
  #contentsmain .inner-Box h1 span{  }
  #contentsmain .inner-Box h1 img { width: 100%; height: auto; }
  #contentsmain .inner-Box span.scroll {display: block;line-height: 1;position: absolute;bottom: 15.94vw;right: 4.35vw;display: none;}
  #contentsmain .inner-Box span.scroll img {  }
  
  #contents01 {position: relative;overflow: hidden;padding: 19.3vw 0 2vw;}
  #contents01 .inner-Box {position: relative;color: #fff;text-align: center;padding: 41.2vw 0 14.7vw;background: url(../images/index/sp-body-back.jpg);background-size: 100% auto;}
  #contents01 .inner-Box span{position: absolute;font-weight: 900;color: #fff;left: 50%;letter-spacing: 0;display: block;width: 70vw;text-align: left;opacity: 0;}
  #contents01 .inner-Box span.en{position: absolute;top: -16vw;opacity: 1;width: auto; /* black */left: 2.5vw;width: 33.5vw;} #contents01 .inner-Box span.tag01{font-size: 5.55vw;top: 17.07vw;margin-left: -39vw;width: 41vw;}
  #contents01 .inner-Box span.tag02{font-size: 3.6vw;top: 22.73vw;margin-left: 28vw;}
  #contents01 .inner-Box span.tag03{font-size: 4.06vw;top: 47.58vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag04{font-size: 7.49vw;top: 47.34vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag05{font-size: 3.59vw;top: 28.62vw;margin-left: 5.39vw;}
  #contents01 .inner-Box span.tag06{font-size: 7.25vw;top: 53.38vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag07{font-size: 7.2vw;top: 69.32vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag08{font-size: 5.95vw;top: 39.12vw;margin-left: 40vw;}
  #contents01 .inner-Box span.tag09{font-size: 14.49vw;top: 80.68vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag10{font-size: 7.44vw;top: 90.34vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag11{font-size: 5.55vw;top: 71.79vw;margin-left: 40vw;}
  #contents01 .inner-Box span.tag12{font-size: 11.55vw;top: 0vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag13{font-size: 3.86vw;top: 0vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag14{font-size: 7.2vw;top: 0vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag15{font-size: 5.59vw;top: 49.7vw;margin-left: -60vw;}
  #contents01 .inner-Box span.tag16{font-size: 7.44vw;top: 0vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag17{font-size: 1.92vw;top: 82vw;margin-left: -3vw;}
  #contents01 .inner-Box span.tag18{font-size: 7.29vw;top: 90vw;margin-left: -54vw;}
  #contents01 .inner-Box span.tag19{font-size: 5.51vw;top: 0vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag20{font-size: 7.25vw;top: 0vw;margin-left: 0vw;display: none;}
  #contents01 .inner-Box span.tag21{font-size: 3.49vw;top: 88vw;margin-left: 25vw;}
  #contents01 .inner-Box h2 {text-align: center;margin: 0 13.8vw 47.83vw;}
  #contents01 .inner-Box h2 span{  }
  #contents01 .inner-Box h2 img {  }
  #contents01 .inner-Box h3 {font-size: 3.86vw;line-height: 1.98;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.45vw;position: relative;}
  #contents01 .inner-Box p.text {font-size: 3.14vw;line-height: 2;font-weight: 400;letter-spacing: 0.16vw;margin: 0 6.6vw 10.14vw;position: relative;text-align: left;}
  #contents01 .inner-Box p.text span{display: block;font-size: 3.14vw;line-height: 2;font-weight: 400;letter-spacing: 0.16vw;margin: 0 6.6vw 10.14vw;position: relative;text-align: left;opacity: 1;position: relative;left: 0;top: 0;margin: 6vw 0;width: auto;}
  #contents01 .inner-Box p.dlbtn {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;top: -1vw;}
  #contents01 .inner-Box p.dlbtn a {color: #fff;height: 12.08vw;display: block;margin: 0 18.6vw;border: 0.24vw solid #FFFFFF;font-size: 3.12vw;letter-spacing: 0;padding: 3.17vw 0 0;transition: all 0.3s ease-in-out;}
  #contents01 .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }
  
  
  #event {background: #fff;padding: 15.18vw 0 12.18vw 0;}
  #event .inner-Box{position: relative;}
  #event h2{text-align: center;font-size: 8.7vw;font-weight: 600;margin-bottom: -0.4vw;}
  #event .subttl{text-align: center;font-size: 3.62vw;margin-bottom: 7.18vw;letter-spacing: 0.18vw;}
  #event .system-list{margin-bottom: 1.34vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #event .system-list li{position: relative;line-height: 1.4;margin: 0 3.62vw 4.83vw;width: 67.63vw;}
  #event .system-list li:nth-child(3n){ margin-right: 0}
  #event .system-list li a{background: #fff;position: relative;display: block;transition: all 0.3s ease-in-out;}
  #event .system-list li a:hover{ text-decoration: none;box-shadow: 0.0vw 4.83vw 4.83vw #00000026; }
  #event .system-list li .icon{display: inline-block;font-size: 2.42vw;font-weight: 400;padding: 0.97vw 2.51vw;color: #fff;margin-bottom: 2.86vw;}
  
  #event .system-list li .system-pic{width: 100%;height: 67.63vw;margin-bottom: 2.54vw;overflow: hidden;}
  #event .system-list li .system-pic img{width: 100%;height: 67.63vw;transition: transform 0.5s ease;}
  #event .system-list li a:hover .system-pic img { transform: scale(1.05); }
  
  #event .system-date{font-size: 2.9vw;margin-bottom: 0.72vw;line-height: 1.4;color: #666666;}
  #event .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
  #event .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-ttl-01{font-size: 3.86vw;font-weight: 400;line-height: 1.5;border-bottom: 0.24vw dotted #eee;padding-bottom: 2.42vw;margin-bottom: 4.22vw;}
  #event .serchcategory{ margin-bottom: 24.15vw;}
  #event .serchcategory .icon { display: inline-block; margin-bottom: 3.62vw; font-size: 3.38vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw;}
  #event .system-icon02 span { display: block; padding: 1.93vw; background: #ccc; font-size: 3.38vw; margin-bottom: 3.62vw; margin-top: 0vw; }
  #event .inner-Box p.dlbtn { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #event .inner-Box p.dlbtn a {color: #fff;height: 12.08vw;display: block;margin: 0 18.7vw;border: 0.24vw solid #000;font-size: 3.14vw;letter-spacing: 0;padding: 3.17vw 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
  #event .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }
  
  
  #contents02 {position: relative;background: url('../images/index/contents02-back00.jpg')repeat top center;background-size: 100% auto;}
  #contents02 .inner-Box {margin: 0px auto 5.5vw;position: relative;padding: 11.64vw 0 0;}
  #contents02 .inner-Box h2 {text-align: center;left: 0vw;position: relative;margin: 0 18.5vw 4.14vw 11.9vw;}
  #contents02 .inner-Box h2 span{  }
  #contents02 .inner-Box h2 img {  }
  #contents02 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content: center; align-items: center;}
  #contents02 .inner-Box ul li {position: relative;margin: 0 3.07vw;}
  #contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents02 .inner-Box ul li a {  }
  #contents02 .inner-Box ul li a:hover {  }
  #contents02 .inner-Box p.ltext {font-size: 2.42vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.45vw;position: relative;}
  
  #contents02 .inner-Box1{margin: 0 auto 13.78vw;position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top 7.11vw right;padding: 16.91vw 0 0 0;background-size: 100% auto;}
  #contents02 .inner-Box1 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 0;width: 18.2vw;}
  #contents02 .inner-Box1 span.icon01 img {  }
  #contents02 .inner-Box1 h3 {text-align: center;padding: 7.23vw 0 8.57vw;margin: 0 26.5vw 9.42vw;}
  #contents02 .inner-Box1 h3 span{  }
  #contents02 .inner-Box1 h3 img {  }
  #contents02 .inner-Box1 figure.photo {position: relative;top: 0vw;right: 0;margin-left: 6.5vw;margin-bottom: 5vw;}
  #contents02 .inner-Box1 figure.photo img{  }
  #contents02 .inner-Box1 .inBox {margin: 0 6.4vw 6.4vw;position: relative;background: #fff;padding: 5.18vw 5.73vw;}
  #contents02 .inner-Box1 .inBox h4 {font-size: 4.11vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 3.5vw;position: relative;}
  #contents02 .inner-Box1 .inBox p.dltext {font-size: 2.90vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 14.98vw;position: relative;}
  #contents02 .inner-Box1 span.icon02 {display: block;line-height: 1;margin: 0 22.1vw 0 21.5vw;}
  #contents02 .inner-Box1 span.icon02 img {  }
  #contents02 .inner-Box1 .inBox a { display: block; border-bottom: #1A1A1A 0.48vw solid; position: relative; transition: all 0.3s ease-in-out;}
  #contents02 .inner-Box1 .inBox a::before{content:"";background: url(../images/common/arr02.svg)no-repeat;position: absolute;background-size: 100% auto;width: 4.2vw;height: 3vw;bottom: 1.9vw;right: 3.38vw;transform: scale(1.1);transition: all 0.3s ease-in-out;background-size: 100% auto;}
  #contents02 .inner-Box1 .inBox a:hover{ border-bottom: #ccc 0.48vw solid; }
  #contents02 .inner-Box1 .inBox a:hover::before{right: 2.42vw; opacity: 0.3;}
  

  #contents02 .inner-Box2{margin: 0 auto 13.78vw;position: relative;background: url('../images/index/sp-contents02-back02.png')no-repeat top 7.11vw right;padding: 16.91vw 0 0 0;background-size: 100% auto;}
  #contents02 .inner-Box2 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 0;width: 18.2vw;}
  #contents02 .inner-Box2 span.icon01 img {  }
  #contents02 .inner-Box2 h3 {text-align: center;padding: 7.23vw 0 8.57vw;margin: 0 15.5vw 9.42vw;}
  #contents02 .inner-Box2 h3 span{  }
  #contents02 .inner-Box2 h3 img {  }
  #contents02 .inner-Box2 figure.photo {position: relative;top: 0vw;right: 0;margin-left: 6.5vw;margin-bottom: 5vw;}
  #contents02 .inner-Box2 figure.photo img{  }
  #contents02 .inner-Box2 .inBox {margin: 0 6.4vw 6.4vw;position: relative;background: #fff;padding: 5.18vw 5.73vw;}
  #contents02 .inner-Box2 .inBox h4 {font-size: 4.11vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 3.5vw;position: relative;}
  #contents02 .inner-Box2 .inBox p.dltext {font-size: 2.90vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 9.78vw;position: relative;}
  #contents02 .inner-Box2 span.icon02 {display: block;line-height: 1;margin: 0 18.4vw 0 18.6vw;}
  #contents02 .inner-Box2 span.icon02 img {  }
  #contents02 .inner-Box2 .inBox a { display: block; border-bottom: #1A1A1A 0.48vw solid; position: relative; transition: all 0.3s ease-in-out;}
  #contents02 .inner-Box2 .inBox a::before{content:"";background: url(../images/common/arr02.svg)no-repeat;position: absolute;background-size: 100% auto;width: 4.2vw;height: 3vw;bottom: 1.9vw;right: 3.38vw;transform: scale(1.1);transition: all 0.3s ease-in-out;background-size: 100% auto;}
  #contents02 .inner-Box2 .inBox a:hover{ border-bottom: #ccc 0.48vw solid; }
  #contents02 .inner-Box2 .inBox a:hover::before{right: 2.42vw; opacity: 0.3;}
  

  #contents02 .inner-Box3{margin: 0 auto 13.78vw;position: relative;background: url('../images/index/sp-contents02-back03.png')no-repeat top 7.11vw right;padding: 16.91vw 0 0 0;background-size: 100% auto;}
  #contents02 .inner-Box3 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 0;width: 18.2vw;}
  #contents02 .inner-Box3 span.icon01 img {  }
  #contents02 .inner-Box3 h3 {text-align: center;padding: 7.23vw 0 8.57vw;margin: 0 15.7vw 9.42vw;}
  #contents02 .inner-Box3 h3 span{  }
  #contents02 .inner-Box3 h3 img {  }
  #contents02 .inner-Box3 figure.photo {position: relative;top: 0vw;right: 0;margin-left: 6.5vw;margin-bottom: 5vw;}
  #contents02 .inner-Box3 figure.photo img{  }
  #contents02 .inner-Box3 .inBox {margin: 0 6.4vw 6.4vw;position: relative;background: #fff;padding: 5.18vw 5.73vw;}
  #contents02 .inner-Box3 .inBox h4 {font-size: 4.11vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 3.5vw;position: relative;}
  #contents02 .inner-Box3 .inBox p.dltext {font-size: 2.90vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 19.68vw;position: relative;}
  #contents02 .inner-Box3 span.icon02 {display: block;line-height: 1;margin: 0 12.1vw 0 11.5vw;}
  #contents02 .inner-Box3 span.icon02 img {  }
  #contents02 .inner-Box3 .inBox a { display: block; border-bottom: #1A1A1A 0.48vw solid; position: relative; transition: all 0.3s ease-in-out;}
  #contents02 .inner-Box3 .inBox a::before{content:"";background: url(../images/common/arr02.svg)no-repeat;position: absolute;background-size: 100% auto;width: 4.2vw;height: 3vw;bottom: 1.9vw;right: 3.38vw;transform: scale(1.1);transition: all 0.3s ease-in-out;background-size: 100% auto;}
  #contents02 .inner-Box3 .inBox a:hover{ border-bottom: #ccc 0.48vw solid; }
  #contents02 .inner-Box3 .inBox a:hover::before{right: 2.42vw; opacity: 0.3;}
  

  #contents02 .inner-Box4{margin: 0 auto 3.68vw;position: relative;background: url('../images/index/sp-contents02-back04.png')no-repeat top 7.11vw right;padding: 16.91vw 0 0 0;background-size: 100% auto;}
  #contents02 .inner-Box4 span.icon01 {display: block;line-height: 1;position: absolute;top: 0;z-index: 3;left: 0;width: 18.2vw;}
  #contents02 .inner-Box4 span.icon01 img {  }
  #contents02 .inner-Box4 h3 {text-align: center;padding: 7.23vw 0 8.57vw;margin: 0 22.2vw 9.42vw;}
  #contents02 .inner-Box4 h3 span{  }
  #contents02 .inner-Box4 h3 img {  }
  #contents02 .inner-Box4 figure.photo {position: relative;top: 0vw;right: 0;margin-left: 6.5vw;margin-bottom: 5vw;}
  #contents02 .inner-Box4 figure.photo img{  }
  #contents02 .inner-Box4 .inBox {margin: 0 6.4vw 6.4vw;position: relative;background: #fff;padding: 5.18vw 5.73vw;}
  #contents02 .inner-Box4 .inBox h4 {font-size: 4.11vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 3.5vw;position: relative;}
  #contents02 .inner-Box4 .inBox p.dltext {font-size: 2.90vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 14.98vw;position: relative;}
  #contents02 .inner-Box4 span.icon02 {display: block;line-height: 1;margin: 0 26.2vw 0 25.5vw;}
  #contents02 .inner-Box4 span.icon02 img {  }
  #contents02 .inner-Box4 .inBox a { display: block; border-bottom: #1A1A1A 0.48vw solid; position: relative; transition: all 0.3s ease-in-out;}
  #contents02 .inner-Box4 .inBox a::before{content:"";background: url(../images/common/arr02.svg)no-repeat;position: absolute;background-size: 100% auto;width: 4.2vw;height: 3vw;bottom: 1.9vw;right: 3.38vw;transform: scale(1.1);transition: all 0.3s ease-in-out;background-size: 100% auto;}
  #contents02 .inner-Box4 .inBox a:hover{ border-bottom: #ccc 0.48vw solid; }
  #contents02 .inner-Box4 .inBox a:hover::before{right: 2.42vw; opacity: 0.3;}
  


  #contents02 .inner-Box5{margin: 0 2.9vw 8.88vw;position: relative;background: url('../images/index/sp-contents02-back05.png')no-repeat top 16.91vw right;padding: 16.91vw 0 6.9vw 0;background-size: 100% auto;}
  #contents02 .inner-Box5 span.icon01 {display: block;line-height: 1;position: absolute;top: 9.08vw;z-index: 3;width: 18.2vw;left: -3vw;}
  #contents02 .inner-Box5 span.icon01 img {  }
  #contents02 .inner-Box5 h3 {text-align: center;padding: 8vw 12vw 20.29vw;margin-bottom: 68.42vw;}
  #contents02 .inner-Box5 h3 span{  }
  #contents02 .inner-Box5 h3 img {  }
  #contents02 .inner-Box5 figure.photo {position: relative;top: 0vw;right: 0;}
  #contents02 .inner-Box5 figure.photo img{  }
  #contents02 .inner-Box5 .inBox {margin: 0 3.8vw 8.98vw;position: relative;height: 67.88vw;background: #fff;padding: 4.98vw 4.93vw 1.98vw 4.93vw;}
  #contents02 .inner-Box5 .inBox h4 {font-size: 4.11vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 2.8vw;position: relative;}
  #contents02 .inner-Box5 .inBox p.dltext {font-size: 2.90vw;line-height: 1.87;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 13.98vw;position: relative;}
  #contents02 .inner-Box5 span.icon02 {display: block;line-height: 1;padding: 0 7vw 0 7.49vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
  #contents02 .inner-Box5 span.icon02 img {  }
  #contents02 .inner-Box5 .inBox a { display: block; border-bottom: #1A1A1A 0.48vw solid; position: relative; transition: all 0.3s ease-in-out;}
  #contents02 .inner-Box5 .inBox a::before{content: url(../images/common/arr02.svg);position: absolute;bottom: 2.9vw;right: 3.38vw;transform: scale(1.1);transition: all 0.3s ease-in-out; background-size: 100% auto;}
  #contents02 .inner-Box5 .inBox a:hover{ border-bottom: #ccc 0.48vw solid; }
  #contents02 .inner-Box5 .inBox a:hover::before{right: 2.42vw; opacity: 0.3;}
  
  #contents02 p.btndddl {text-align: center;padding: 5vw 0 21vw;margin: 0 18.7vw 0 17.9vw;}
  #contents02 p.btndddl img {  }
  
  #contents03 {position: relative;background: #fff;}
  #contents03 .inner-Box1 {margin: 0 2.8vw 11.95vw;position: relative;border-bottom: #1A1A1A 0.24vw solid;padding-bottom: 7.25vw;padding: 22vw 0 3.1vw;}
  #contents03 .inner-Box1 h2 {font-size: 4.29vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.23vw;margin-bottom: 5.5vw;text-align: center;}
  #contents03 .inner-Box1 h2 span.fn1 {display: block;font-size: 11.84vw;font-weight: 600;line-height: 1;position: relative;left: 0vw;top: 1.95vw;margin-bottom: 1.8vw;}
  #contents03 .inner-Box1 h2 span.fn2 {display: block;font-size: 5.53vw;font-weight: 600;letter-spacing: 0.19vw;}
  #contents03 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 3.8vw;}
  #contents03 .inner-Box1 ul li {position: relative;margin-bottom: -3.75vw;}
  #contents03 .inner-Box1 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents03 .inner-Box1 ul li a {  }
  #contents03 .inner-Box1 ul li a:hover {  }
  #contents03 .inner-Box1 figure.img {position: relative;top: 0;left: 0;margin-bottom: 2.12vw;}
  #contents03 .inner-Box1 figure.img img{  }
  #contents03 .inner-Box1 p.ltext {font-size: 2.90vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 13.04vw;position: relative;text-align: center;}
  #contents03 .inner-Box2 { margin: 0 4vw; position: relative; }
  #contents03 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #contents03 .inner-Box2 ul li {position: relative;margin-bottom: 0.02vw;}
  #contents03 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents03 .inner-Box2 ul li a {display: block;height: 38.65vw;padding: 0.08vw 0 0 31.7vw;}
  #contents03 .inner-Box2 ul li a:hover {  }
  #contents03 .inner-Box2 figure.photo {position: absolute;width: 28.8vw;left: 0;top: 0vw;}
  #contents03 .inner-Box2 figure.photo img{  }
  #contents03 .inner-Box2 h3 {font-size: 4.59vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.28vw;margin-bottom: 1.34vw;position: relative;}
  #contents03 .inner-Box2 h3 span.f-en {font-size: 2.90vw;display: block;font-weight: 500;letter-spacing: 0.08vw;margin-bottom: -0.23vw;}
  #contents03 .inner-Box2 p.ltextt {font-size: 2.90vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 7.25vw;position: relative;}
  
  #case_newly {background: #fff;padding: 11vw 0 17vw;}
  #case_newly .inner-Box{margin: 0 2.8vw;position: relative;}
  #case_newly h2{text-align: center;font-size: 8.8vw;font-weight: 600;margin-bottom: 0vw;}
  #case_newly .subttl{text-align: center;margin-bottom: 6.7vw;}
  
  #case_newly .system-list{margin-bottom: -0.42vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #case_newly .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 7.83vw;}
  #case_newly .system-list li:nth-child(2n){ margin-right: 0}
  #case_newly .system-list li a:hover{ text-decoration: none; }
  #case_newly .system-list li .namea{font-size: 3.38vw;color: #999999;letter-spacing: 0.17vw;margin-bottom: 0.11vw;}
  #case_newly .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.38vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #case_newly .system-list .btn::after { content: ' >';}
  
  #case_newly .system-list li .system-pic{width: 100%;aspect-ratio: 11 / 8;overflow: hidden;text-align: center;margin-bottom: 2.62vw;position: relative;}
  #case_newly .system-list li .system-pic img{  width: 100%; height: 100%; object-fit: cover; display: block;transition: transform 0.5s ease;}
  #case_newly .system-list li a:hover .system-pic img { transform: scale(1.05); }
  
  #case_newly .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
  #case_newly .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #case_newly .system-ttl-01{font-size: 3.62vw;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 2.42vw;line-height: 1.63;}
  
  #case_newly .inner-Box p.dlbtn { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #case_newly .inner-Box p.dlbtn a {color: #fff;height: 12.08vw;display: block;margin: 0 16vw;border: 0.24vw solid #000;font-size: 3.12vw;letter-spacing: 0;padding: 3.17vw 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
  #case_newly .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }
  
  #contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center #191919;background-size: 100% auto;}
  #contents04 .Box{position: relative;padding-bottom: 11.4vw;}
  #contents04 .inner-Box {margin: 0 auto 18.3vw 0;position: relative;color: #fff;padding: 21.21vw 0 0;}
  #contents04 .inner-Box h2 {font-size: 3.56vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 5.43vw;text-align: center;position: relative;}
  #contents04 .inner-Box h2 span.f-en {font-size: 11.13vw;font-weight: 600;display: block;margin-bottom: -1.8vw;}
  #contents04 .inner-Box ul{margin: 0 7.4vw 4.2vw;position: relative;}
  #contents04 .inner-Box ul::before{content: "など・・・";color: #fff;position: absolute;bottom: 4.13vw;right: 1.86vw;font-size: 3.1vw;}
  #contents04 .inner-Box ul li {position: relative;border-bottom: #4D4D4D 0.24vw solid;margin-bottom: 3.36vw;}
  #contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents04 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 0.85vw;left: 6.22vw;width: 7vw;}
  #contents04 .inner-Box span.ch img {  }
  #contents04 .inner-Box p.ltext {font-size: 4.11vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 3.56vw;padding: 0.8vw 0 0 16.49vw;position: relative;}
  #contents04 .inner-Box p.text {font-size: 3.14vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.16vw;margin: 0 11vw 8.31vw;position: relative;}
  #contents04 .inner-Box p.dlbtn { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #contents04 .inner-Box p.dlbtn a {height: 12.08vw;display: block;margin: 0 18.6vw;border: 0.24vw solid #000;font-size: 3.12vw;letter-spacing: 0;padding: 3.17vw 0 0;transition: all 0.3s ease-in-out;background: #fff;text-align: center;left: 0vw;position: relative;}
  #contents04 .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }
  
  #contents04 .reform-Box {position: relative;bottom: 0vw;}
  #contents04 .reform-Box h2 {font-size: 4.96vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.17vw;margin-bottom: 3.11vw;position: relative;color: #fff;text-align: center;}
  #case_reform .system-list{margin-bottom: 12.08vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 4.2vw 2.1vw;}
  #case_reform .system-list li{line-height: 1.4;background: #fff;position: relative;margin-bottom: 4.83vw;height: 34.01vw;}
  #case_reform .system-list li a{display: block;padding: 4.94vw 42.8vw 4.83vw 5.32vw;}
  #case_reform .system-list li a:hover{ text-decoration: none; }
  #case_reform .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.38vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #case_reform .system-list .btn::after { content: ' >';}
  #case_reform .system-pic{overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: absolute;top: 4.83vw;width: 33.6vw;right: 4.83vw;height: 24.15vw;}
  #case_reform .system-pic img{width: 100%;height: 24.15vw;}
  #case_reform .system-date{font-size: 2.98vw;margin-bottom: 2.89vw;line-height: 1.4;color: #999999;}
  #case_reform .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #case_reform .system-ttl-01{font-size: 3.14vw;margin-bottom: 2.42vw;line-height: 1.4;}
  #case_reform .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
  #case_reform  p.dlbtn {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;position: relative;top: 0;right: 0vw;}
  #case_reform  p.dlbtn a {color: #fff;height: 12.08vw;display: block;margin: 0 18.2vw;border: 0.24vw solid #fff;font-size: 3.22vw;letter-spacing: 0;padding: 3.17vw 0 0;transition: all 0.3s ease-in-out;text-align: center;}
  #case_reform  p.dlbtn a:hover { background: #fff; color: #000; }
  
  #voice {background: url(../images/index/contents05-back01.jpg);background-size: 100% auto;padding-bottom: 12vw;}
  #voice .inner-Box{position: relative;}
  #voice h2{text-align: center;font-size: 8.78vw;font-weight: 600;margin-bottom: -1vw;position: relative;padding: 14.8vw 0 0;}
  #voice .subttl{margin-bottom: 8.7vw;text-align: center;font-size: 3.8vw;}
  
  #voice .system-list{margin-bottom: 6.98vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #voice .system-list li{line-height: 1.4;background: #fff;position: relative;margin-bottom: 4.83vw;width: 67.63vw;margin: 0 3.62vw;height: 100vw;}
  #voice .system-list li a:hover{ text-decoration: none; }
  
  #voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.38vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
  #voice .system-list .btn::after { content: ' >';}
  #voice .system-pic{width: 100%;height: 46.7vw;overflow: hidden;text-align: center;margin-bottom: 4.01vw;}
  #voice .system-pic img{width: 100%;height: 46.7vw;}
  #voice .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
  #voice .system-name{font-size: 2.90vw;margin-bottom: 2.2vw;line-height: 1.4;color: #999999;padding: 0 5.05vw 0;}
  #voice .system-text{font-size: 2.66vw;letter-spacing: 0.16vw;margin-bottom: 2.42vw;line-height: 1.46;color: #999999;margin: 0 5.25vw;}
  #voice .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #voice .system-ttl-01{font-size: 3.62vw;margin-bottom: 4.11vw;line-height: 1.4;font-weight: 700;border-bottom: 0.24vw dotted #B3B3B3;padding: 0 1.9vw 4.83vw;margin: 0 3.05vw 3.84vw;}
  #voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  #voice .system-text span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
  #voice .prev-arrow{display: none;}
  #voice .next-arrow{display: none;}
  
  #voice .inner-Box p.dlbtn {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
  #voice .inner-Box p.dlbtn a {color: #fff;height: 12.08vw;display: block;margin: 0 18.1vw;border: 0.24vw solid #000;font-size: 3.12vw;letter-spacing: 0;padding: 3.17vw 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
  #voice .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }
  
  .backkk{ background: #fff;}
  
  #contents06 {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top 40.93vw center;padding: 16.04vw 0 17.31vw;background-size: 100% auto;}
  #contents06 h2 {text-align: center;margin: 0 14.1vw 2.85vw;}
  #contents06 h2 span{  }
  #contents06 h2 img {  }
  #contents06 .inner-Box {margin: 0 4vw;position: relative;}
  #contents06 .inner-Box h3 {position: relative;width: 71.2vw;margin: 0 0 -5.9vw 16.8vw;padding-top: 18.6vw;}
  #contents06 .inner-Box h3 span{  }
  #contents06 .inner-Box h3 img {  }
  #contents06 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 3.8vw;}
  #contents06 .inner-Box ul li {position: relative;margin-bottom: 11vw;}
  #contents06 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents06 .inner-Box ul li a {display: block;}
  #contents06 .inner-Box ul li a:hover {  }
  #contents06 .inner-Box figure.photo {position: relative;top: 0vw;right: 0;margin-left: 7vw;margin-bottom: -11.7vw;}
  #contents06 .inner-Box figure.photo img{  }
  #contents06 .inBox {position: relative;height: 43.37vw;background: #fff;padding: 5.81vw 7.25vw;margin-right: 7vw;}
  #contents06 .inBox h4 {font-size: 3.14vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.08vw;margin-bottom: 1.96vw;position: relative;}
  #contents06 .inBox h4 span.f-en {display: block;font-size: 4.83vw;}
  #contents06 .inBox p.ltext {font-size: 3.12vw;line-height: 1.58;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
  #contents06 .inBox span.more {display: block;line-height: 1;position: absolute;bottom: -12vw;right: -12.1vw;width: 24vw;}
  #contents06 .inBox span.more img {  }
  #contents06 .inBox ul li { position: relative; }
  #contents06 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents06 .inBox ul li a {  }
  #contents06 .inBox ul li a:hover {  }
  #contents06 .inBox figure.photo { position: relative; top: 0; left: 0; }
  #contents06 .inBox figure.photo img{  }
  
  
  #contents07 {position: relative;background: url('../images/index/sp-contents07-back01.png')no-repeat top center;background-size: 100% auto;margin-bottom: 12.9vw;}
  #contents07 .inner-Box { margin: 0 4vw; position: relative; }
  #contents07 .inner-Box2 {margin: 0 4vw;position: relative;}
  #contents07 .inner-Box2 ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #contents07 .inner-Box2 ul li {text-align: center;}
  #contents07 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents07 .inner-Box2 ul li figure {   }
  #contents07 .inner-Box2 ul li figure img{ width: 100%; height: auto;  }
  #contents07 .inner-Box2 ul li a {  }
  #contents07 .inner-Box2 ul li a:hover {  }
  #contents07 .inner-Box2 p.ltext {font-size: 2.90vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 10.65vw;position: relative;padding-top: 2.42vw;}
  
  #contents07 .inner-Box{margin: 0 auto 26.69vw;position: relative;padding: 7.8vw 0 0vw;}
  #contents07 h2{text-align: center;font-size: 8.68vw;font-weight: 600;margin-bottom: -0.6vw;position: relative;}
  #contents07 .subttl{margin-bottom: 7vw;text-align: center;font-size: 3.62vw;letter-spacing: 0.2vw;}
  
  #contents07 .system-list{margin-bottom: 1.78vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #contents07 .system-list li{line-height: 1.4;margin-right: 9.66vw;background: #fff;position: relative;margin-bottom: 4.83vw;width: 59.1vw;height: 67.88vw;padding: 4.83vw;}
  #contents07 .system-list li a:hover{ text-decoration: none; }
  
  #contents07 .system-list .system-pic{width: 100%;height: 33.82vw;margin-bottom: 3.14vw;overflow: hidden;}
  #contents07 .system-list .system-pic img{width: 100%;height: 33.82vw;transition: transform 0.5s ease;}
  #contents07 .system-list a:hover .system-pic img { transform: scale(1.05); }
  #contents07 .system-list .textbx{}
  #contents07 .system-list .system-day{margin-bottom: 1.42vw;font-size: 3.38vw;line-height: 1.4;color: #ccc;}
  #contents07 .system-list .system-ttl-01{ font-size: 0.938em; line-height: 1.6; margin-bottom: 2.42vw; }
  #contents07 .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  #contents07 .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
  #blog .prev-arrow{position: absolute;top: 60.14vw;left: 0vw;z-index: 4;transform: scale(0.7);}
  #blog .next-arrow{position: absolute;top: 60.39vw;left: 0vw;z-index: 4;transform: scale(-0.7, 0.7);}
  
  
  #contents07 .inner-Box p.dlbtn {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
  #contents07 .inner-Box p.dlbtn a {color: #fff;height: 12.08vw;display: block;margin: 0 18.7vw;border: 0.24vw solid #000;font-size: 3.12vw;letter-spacing: 0;padding: 3.17vw 0 0;transition: all 0.3s ease-in-out;background: #1A1A1A;text-align: center;}
  #contents07 .inner-Box p.dlbtn a:hover { background: #fff; color: #000; }
  
  #seobox {background: #1A1A1A;padding: 7.97vw 0 12.9vw;}
  #seobox .inbox{margin: 0 5.2vw;}
  #seobox .inbox p{font-size: 2.66vw;letter-spacing: 0.13vw;line-height: 1.73;color: #666666;}
  



}