.titleBox , .titleBox.show h1{
    margin-bottom: 38px;
    text-align: center;
    color: #333;
}
.textEditor.show .Img.left::before {
    left: -15px;
    transition-delay: .8s;
}
.titleBox.show h1, .titleBox.show h2 {
    transition-delay: .8s;
}
.textEditor.show .Img.bottom::before {
    bottom: -25px;
    transition-delay: .8s;
}
.morningBg .mainArea .Img.top::before, .morningBg .mainArea .Img.bottom::before, .morningBg .floatBox, .morningBg .historyBox .Txt::before {
    background-image: linear-gradient(to right, #f29700 0, #f0d126 100%);
}
.mainArea .Img.left::before {
    left: 0;
}
.mainArea .Img.bottom::before {
    bottom: 0;
}
.mainArea .Img.top::before, .mainArea .Img.bottom::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% - 70px);
    height: calc(100% - 35px);
    transition-delay: .5s;
}
.textEditor, .mainArea .Img, .mainArea .Img.top::before, .mainArea .Img.bottom::before, .mainArea .Txt, .floatBox, .historyList li::before, .historyList h3 {
    transition: all .5s ease-out;
}
.mainArea .Img,.mainArea .Txt,.floatBox {
	box-sizing:border-box
}
.textEditor,.mainArea .Img,.mainArea .Img.top::before,.mainArea .Img.bottom::before,.mainArea .Txt,.floatBox,.historyList li::before,.historyList h3 {
	transition:all .5s ease-out
}

.floatBox,.mainArea .Img,.mainArea .Txt,.textEditor {
	opacity:0}.floatBox{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)
}

.mainArea .Img,.mainArea .Txt {
	-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)
}

.textEditor.show,.textEditor.show .floatBox,.textEditor.show .Img,.textEditor.show .Txt{
	-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1
}

.morningBg .mainArea .Img.top::before,
.morningBg .mainArea .Img.bottom::before,
.morningBg .floatBox,.morningBg .historyBox .Txt::before{
	background-image:linear-gradient(to right, #f29700 0, #f0d126 100%)
}
.morningBg .historyBox .titleBox{background-color:#f4f4f4}
.morningBg .historyList li::before{background-color:#f29901}
.nightBg .mainArea .Img.top::before,
.nightBg .mainArea .Img.bottom::before,
.nightBg .floatBox,.nightBg .historyBox .Txt::before{background-image:linear-gradient(to right, #163760 0, #594b81 100%)}
.nightBg .historyBox .titleBox{background-color:#e8e8e8}.nightBg .historyList li::before{background-color:#594b81}
.bannerArea .titleBox{min-width:160px}

@media (min-width: 641px){
	.bannerArea .titleBox{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
}
.mainArea{position:relative}
.mainArea.notNext{padding-bottom:100px}

@media (max-width: 1180px){
.mainArea.notNext{padding-bottom:70px}}

.mainArea>.wrap,.mainArea .pageBtnBox .wrap{width:1130px}

@media (max-width: 1180px){
.mainArea>.wrap,.mainArea .pageBtnBox .wrap{width:100%}}

.mainArea .Img{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;z-index:1}
.mainArea .Img.top::before,
.mainArea .Img.bottom::before{content:'';position:absolute;z-index:-1;width:calc(100% - 70px);height:calc(100% - 35px);transition-delay:.5s}
.mainArea .Img.top::before{top:0}

.mainArea .Img.bottom::before{bottom:0}
.mainArea .Img.left::before{left:0}
.mainArea .Img.right::before{right:0}
.mainArea .Txt{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-left:60px}

@media (min-width: 641px){
	.mainArea .Txt.guide{position:relative;z-index:1}
	.mainArea .Txt.guide::before,
	.mainArea .Txt.guide::after{content:'';position:absolute;z-index:1;pointer-events:none}
	.mainArea .Txt.guide::before{top:26px;left:-90px;width:36px;height:36px;border-radius:50%;background-color:#f0d025;background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.5) 100%),linear-gradient(to right, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.5) 100%);background-size:2px 12px, 12px 2px;background-position:50%;background-repeat:no-repeat;opacity:.8}
	.mainArea .Txt.guide::after{top:43px;left:-55px;width:100px;height:2px;background:linear-gradient(to right, #f29700 0, #f0d126 100%)}
}

@media (max-width: 640px){
	.mainArea .Txt{padding-top:50px;padding-left:0}
}
@media (max-width: 1180px){
	.mainArea .titleBox{margin-bottom:30px}
}
@media (max-width: 1180px){
	.classBox{margin-bottom:30px}
}
.textEditor.show .floatBox{transition-delay:.5s;background-image: linear-gradient(to right, #830f7a 0, #610f83 100%);}
.textEditor.show .Img{transition-delay:.5s}
.textEditor.show .Img.top::before{top:-25px;transition-delay:.8s}
.textEditor.show .Img.bottom::before{bottom:-25px;transition-delay:.8s}
.textEditor.show .Img.left::before{left:-15px;transition-delay:.8s}
.textEditor.show .Img.right::before{right:-15px;transition-delay:.8s}
.textEditor.show .Txt{transition-delay:1s;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;padding-left: 59px;width: 400px;}
.floatBox{position:absolute;top:-100px;left:20px;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:180px;height:180px;font: 500 20px/1.2 Helvetica, Arial, "微軟正黑體", Heiti TC, "メイリオ", sans-serif;color:#fff;padding-left:20px;text-transform:uppercase;line-height: 150%;}
.textEditor .subTitle {
    font: 600 17px Helvetica, Arial, "微軟正黑體", Heiti TC, "メイリオ", sans-serif;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 40px;
    line-height: 27px;
}
.textEditor .ab01 {
    font: 600 16px Helvetica, Arial, "微軟正黑體", Heiti TC, "メイリオ", sans-serif;
    color: #7e0f83;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

@media (max-width: 960px){
	.floatBox{width:130px;height:130px;padding-left:10px;font-size:18px}
}
@media (max-width: 640px){
	.floatBox{display:none}
.textEditor.show .Txt{transition-delay:1s;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;padding-left: 9px;padding-top: 50px;width: 100%;}
.aboutTxtStyle {
    padding-top: 50px;
}
}
@media (min-width: 961px){
	.floatBox.top{top: 8px;}
}
@media (min-width: 961px){
	.floatBox.bottom{top:auto;bottom:30px}
}
@media (min-width: 961px){
	.floatBox.left{left:-80px}
}
@media (min-width: 961px){
	.floatBox.right{left:auto;right: -90px;}
}
.articleContentBox{display:-webkit-flex;display:-ms-flexbox;display:flex}

@media (max-width: 640px){
	.articleContentBox{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
	.aboutTxtStyle {
    padding-top: 50px;}
}
.articleContentBox.center{-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.articleContentBox.top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.articleContentBox.bottom{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.articleContentBox .Img img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}

@media (max-width: 960px){
	.articleContentBox .Img img{max-height:400px}
}
.aboutTxtStyle{padding-top: 50px;}

@media (min-width: 641px) and (max-width: 960px){
	.aboutTxtStyle{padding-top:0;padding-left:30px}
}

.historyBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.historyBox .Img{max-width:350px}

@media (max-width: 960px){
	.historyBox .Img{max-width:200px}
}
@media (max-width: 767px){
	.historyBox .Img{display:none}
}
.historyBox .Txt{position:relative;z-index:1;width:auto;padding-top: 90px;padding-left:100px;padding-right:50px;}

@media (max-width: 960px){
	.historyBox .Txt{padding-top:100px;padding-left:20px;padding-right:0}
}
@media (max-width: 480px){
	.historyBox .Txt{padding-top:40px}
}
.historyBox .Txt::before{content:'';position:absolute;/* top:45px; */left:198px;z-index:-1;width:2px;height:calc(100% - 45px - 10px);}

@media (max-width: 960px){
	.historyBox .Txt::before{left:118px}
}
@media (max-width: 480px){
	.historyBox .Txt::before{left:0;top:20px;height:calc(100% - 40px - 20px)}
}
.historyBox .titleBox{margin-left:0;/* padding-top:20px; *//* padding-bottom:20px; */}

@media (min-width: 481px){
	.historyBox .titleBox{max-width: 84px;display: none;}
}
@media (max-width: 480px){
.textEditor.show .Txt {
    transition-delay: 1s;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 9px;
    padding-top: 60px;
}
	.historyBox .titleBox{margin-bottom:0}
}
.historyBox .titleBox em{font-size:34px;font-style: normal;text-align: center;}
.historyBox .titleBox h2{font-size:20px;text-align: center;}
.historyList{color:#333}
.historyList.historyList{list-style:none}

@media (min-width: 481px){
	.historyList.historyList{/* padding-left: 27px; */}
}
@media (max-width: 480px){
	.historyList.historyList{padding-left:0}
}
.historyList li{position:relative}

@media (min-width: 1181px){
	.historyList li:hover::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	.historyList li:hover h3{color: #7e0f83;}}

    .historyList li::before{content:'';position:absolute;top:7px;left:-21px;z-index:1;width:10px;height:10px;border-radius:50%;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}

@media (max-width: 480px){
	.historyList li::before{left:-24px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@media (min-width: 481px){
	.historyList li+li{margin-top:25px}
}
@media (max-width: 480px){
	.historyList li+li{margin-top:10px}
}
.historyList h3{font-weight: 600;font-size: 16px;cursor:default;}
.historyList .year{width:115px;font-size:16px;font-family:"Amiri","Noto Serif TC",serif}
@media (min-width: 481px){
	.historyList .year{position:absolute;top:0;left: -130px;z-index:1;text-align:right;}
}
.aboutBottomBox{margin-top:70px;padding-top:70px;border-top:1px solid #e3e3e3}
@media (max-width: 1180px){
	.aboutBottomBox{margin-top:30px;padding-top:30px}
}
.pageBtnBox::before{width:calc((100% - 1130px) / 2)}