#top-image {display:block; width:100%;} html {scroll-behavior: smooth;} html, body {background:#fff;} #headline {margin-bottom:0;} #top-text {width:95%; max-width:1440px; margin:100px auto; background:#f6f5f5; padding:70px; box-sizing:border-box;} #top-text p {font: 20px/26px 'helvetica_neue_Md', arial, sans-serif; color:#000000; padding:0; margin:0;} .inner1 {width:95%; max-width:1440px; margin:0 auto 100px auto; display:flex;} #left-panel {width:44%;} #right-panel {width:56%;} #right-panel h2 {font: 30px/30px 'helvetica_neue_Hv', arial, sans-serif; color:#000000; padding:20px 0 0 0; margin:0 0 60px 0;} #right-panel h2 span {font: 36px/30px 'helvetica_neue_Hv', arial, sans-serif; color:#000000; padding:0; margin:0;} #right-panel h2 b {font: 60px/30px georgia; color:#cc0000;} #right-panel h3 {font: 20px/26px 'helvetica_neue_Hv', arial, sans-serif; color:#000000; padding:0 0 0 20px; margin:0; background:url(../global-d/dot.png) no-repeat left 4px;} #right-panel p {font: 18px/24px 'helvetica_neue_Md', arial, sans-serif; color:#000000; padding:0 0 0 15px; margin:0 0 0 25px;} #right-panel p.dot {background:url(../global-d/dot-small.png) no-repeat left 6px;} #right-panel .more {font: 18px/24px 'helvetica_neue_Md', arial, sans-serif; color:#000000; text-decoration: underline; padding:0; margin:0 0 0 20px;} #right-panel .more:hover {color:#ff5500; background-color: #fff6f2;} #right-panel p.plain {padding:0; margin:0;} .space1 {height:50px;} .space2 {height:80px;} #right-panel h3.dash {background:url(../global-d/dot-line.png) no-repeat left 8px;} .inner2 {width:95%; max-width:1440px; margin:0 auto 120px auto;} .inner2 h3 {font: 20px/26px 'helvetica_neue_Hv', arial, sans-serif; color:#333; padding:0px; margin:0;} .inner2 p {font: 18px/24px 'helvetica_neue_Md', arial, sans-serif; color:#333; padding:0; margin:0;} #lnk-global {display:inline-block; width:176px; font:20px/40px 'helvetica_neue_Md', arial, sans-serif; color:#fff; background:#ff5500; border-radius:8px; text-align:center; text-decoration:none; margin-top:70px; transition:0.5s;} #lnk-global:hover {background:#000000;} .show {display:grid; grid-template-rows:0fr; overflow:hidden; transition:0.75s; width:100%; margin:0;} .show-start {min-height:0;} .show-end {min-height:0; align-self:end;} .show p {margin:0; padding:0; font: 18px/24px 'helvetica_neue_Md', arial, sans-serif; color:#000000;} details.more[open] + div {grid-template-rows:1fr; padding-bottom:10px; outline:0;} details summary img {transition:0.5s;} details summary {cursor:pointer; -webkit-tap-highlight-color:#0000; font: 18px/24px 'helvetica_neue_Md', arial, sans-serif; color:#000000;} details summary:focus {outline:none !important;} details.more[open] summary img {transform:rotate(180deg);} details > summary {list-style: none;} details > summary::-webkit-details-marker {display: none;} .swiper-button-next, .swiper-button-prev {position:static; width:38px; height:38px; margin:0 0 0 10px; background:#0000; display:inline-block; float:right;} .swiper-button-prev img, .swiper-button-next img {width:100%; height:100%;} .swiper-button-next::after, .swiper-button-prev::after {display:none; transform:unset;} .swiper-button-next.swiper-button-disabled img, .swiper-button-prev.swiper-button-disabled img {opacity:0.5; cursor:auto; pointer-events:none;} #slideshow {width:90%; max-width:446px;} .swiper {display:block; width:100%; clear:both; margin-top:20px; border:1px solid #dfdfdf;} .swiper-slide {display:flex; flex-direction:column;} .swiper-slide img {display:block; width:100%; padding:0;} .slide-text {width:100%; padding:1cqi; box-sizing:border-box;} .slide-text h4 {font: 18px/26px 'helvetica_neue_Hv', arial, sans-serif; color:#000000; padding:0 0 0 13px; margin:0; background:url(../global-d/dot-small.png) no-repeat left 8px;} .slide-text p {font: 18px/26px 'helvetica_neue_Md', arial, sans-serif; color:#000000; padding:0; margin:0;} .slide-text p.mid {text-align:center;} .slide-text a {display:inline-block; font: 15px/26px 'helvetica_neue_Lt', arial, sans-serif; color:#ff5500; padding:0; margin:40px auto 20px auto;} .slide-text a:hover {color:#333;} @media only screen and (max-width: 1000px) { .inner1 {flex-wrap:wrap;} #left-panel {width:100%;} #right-panel {width:100%; order:-1;} #slideshow {width:90%; max-width:90%; margin:50px auto;} .swiper-slide {display:flex; flex-direction:row; align-items:flex-start;} .swiper-slide img {display:inline-block; width:50%; height:auto; padding:0;} .slide-text {width:50%; padding:2cqi; box-sizing:border-box;} } @media only screen and (max-width: 600px) { #slideshow {width:90%; max-width:320px; margin:50px auto;} .swiper-slide {display:flex; flex-direction:column; } .swiper-slide img {display:inline-block; width:100%; height:auto; padding:0;} .slide-text {width:100%; padding:2cqi; box-sizing:border-box;} } .backing {background:#f6f6f6; padding:20px 0;} .inner-wrap { width: 98%; max-width: 1440px; margin: 0 auto; } #base-line { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; min-height: 50px; } .colA { width: 20%; } .colA img { float: left; margin-right: 20px; } #base-line a { font: 400 24px / 28px 'Playfair Display', arial, sans-serif; padding: 0; margin: 0; color: #15426D; text-decoration: none; } #base-line a:hover {text-decoration:underline;} .base-gap { width: 32%; } .colB { width: calc(28% - 3px); text-align: right; border-left: 3px solid #000; } #base-line h5 { font: 300 italic 18px / 20px 'Apercu Pro', arial, sans-serif; padding: 0; margin: 0 0 0 20px; color: #15426D; } @media only screen and (max-width: 1000px) { .base-gap { width: 0%; } .colB { width: calc(100%); border-left: 0 solid #000; margin-top: 30px; } .colA { width: 100%; } }