#pageContent > div {}
section.sperate {min-height:300px;background-color:transparent;}

body.fixed {padding-top:0px}
#subHeader>div {background: transparent}
body.move #subHeader>div {background: #FFF}
header .main-nav .link>a {color:#FFF;}
body.move header .main-nav .link>a {color:#555;}
header .main-nav .link>a>span {color:#FFF;}
body.move header .main-nav .link>a>span {color:#555;}
.languageSelectionButton>div {color: #FFF;}
#searchContainer input {background: transparent}
#searchContainer input::placeholder {color: #FFF;opacity: 1; /* Firefox */}
body.move #searchContainer input::placeholder {color: #555;opacity: 1; /* Firefox */}
header .main-nav a {border-top:0px;}

header .logoWrapper img:first-child {display:none;}
header .logoWrapper img.ng {display:block;}
body.move header .logoWrapper img:first-child {display:block !important;}
body.move header .logoWrapper img.ng {display:none !important;}


#info {}
#info .item {margin-top:40px}
#info .item .img {}
#info .item .title {    font-size: 28px;}
#info .item .alt p {    margin: 0px;font-weight: 400;}
#info .item .buttons {margin-top:10px}

#satisfaction {    background: #F8F8F8;padding: 90px 0px 90px;margin: 90px 0px 30px;}
#satisfaction .subject {}
#satisfaction .subject .info {font-size: 16px;color: #AAA;}
#satisfaction .subject .text {    font-size: 54px;line-height:60px;padding-right:50px}
#satisfaction .subject .text span {color:#BB1E10}
#satisfaction .item > div {    background: #fff;padding: 26px 32px;border: solid 1px #DDD;}
#satisfaction .item .title {font-size: 18px;margin-bottom: 10px;}
#satisfaction .item .description {font-size: 14px;margin-bottom: 10px;font-weight: 500;    height: 180px;}
#satisfaction .item .who {    margin-top: 20px;}
#satisfaction .item .who .profile {    padding-right: 0px;}
#satisfaction .item .who .name {    color: #555;font-weight: 600;    margin-top: 2px;}
#satisfaction .item .who .title {    font-weight: 300;color: #555;font-size: 14px;}

#timeline {margin:100px auto 100px}
#timeline .swiper-container {overflow:visible;}
#timeline .swiper-slide {    width: 1000px;padding-right:100px}
#timeline .swiper-slide img {}
#timeline .year {font-size: 80px;font-weight: 600;}
#timeline .text p {font-size: 24px;font-weight: 400;max-width: 400px;}

#culture {padding-top:100px;padding-bottom:100px;background-color:#F1F1F1;margin-top:100px}
#culture .swiper-container {overflow:visible;}
#culture .swiper-slide {    width: 300px !important;padding-right:100px}
#culture .swiper-slide img {}
#culture .button {margin-top:50px}

#management {margin: 80px 0px 50px;}
#management ul {list-style: none;}
#management ul li.group > .items {display: none}
#management ul li.group.active > .items {display: block;}
#management .header {text-align: center;font-weight: 600;font-size:30px;    margin: 40px;cursor:pointer;}
#management .header .icon-down-open {    transform: rotate(0deg);display: inline-block;}
#management li.group.active .header .icon-down-open {transform: rotate(180deg);}
#management .detail {margin-bottom:25px}
#management .image {width: 200px;height: 200px;margin-bottom: 10px;}
#management .name {    font-size: 18px;color: #2a6ad3;line-height: 18px;}
#management .name span {display: none}
#management .title {font-size: 16px;}
#management .responsibility {display: block;}

#events {margin-top:40px}
.swiper-slide.event {    width: 500px;margin-right: 20px;border: solid 1px #AAA;border-radius: 6px;    box-shadow: 0 0 0 rgb(0 0 0 / 0);    padding: 20px;}
.swiper-slide.event:hover {    box-shadow: 1px 1px 16px rgb(0 0 0 / 16%)!important;}
.swiper-slide.event .image {}
.swiper-slide.event .description p {    font-weight: 500;color: #000;padding: 0px 20px;}

body.darkModeEnabled #info .item .title,
body.darkModeEnabled #info .item .alt,
body.darkModeEnabled #timeline .text p,
body.darkModeEnabled #timeline .year {color:#FFF;}

@media only screen and (max-width: 40.063em) {

    #satisfaction {margin: 30px 0px;padding: 30px 20px;}
    #satisfaction .subject .text {font-size:50px;}
    #satisfaction .buttons {margin-bottom: 20px}
    #satisfaction .item {margin-bottom:20px}
    #info > div.columns.small-10 > div > div > div {-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
    #timeline {margin:0px}
    #timeline .swiper-slide {width:100%;}
    #timeline .year {font-size:50px;margin-top:20px;}
    #timeline .text p {font-size:18px;    max-width: 250px;}
}