.d0whitebox {background-color: #fff; margin: 1em 0; padding:20px; min-height:0px; display:block;}
.d0greybox {background-color: #eee; margin: 1em 0; padding:20px; min-height:0px; display:block;}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}} @media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}} .d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}

#r8_content h1 {font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 25px; margin-bottom: 5px;}
#r8_content h2 {font-family: "Noto Serif JP", serif; font-weight: 700;}
#r8_content h3 {font-family: "Noto Serif JP", serif; font-weight: 700;}
#r8_content h4 {font-family: "Noto Serif JP", serif; font-weight: 700;}
.sf-menu > li > a {font-weight: 400;}

@media only screen and (min-width: 992px) {
.d0headerheight {min-height: 880px; display: flex; flex-direction: column; justify-content: center;}
.d0subheadheight {min-height: 780px; display: flex; flex-direction: column; justify-content: flex-end;}

.d0parallaxblackgradleft {background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); color: #fff;}
.d0parallaxblackgradright {background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); color: #fff;}
.d0parallaxblackgradleft h1 {color: #be9a47 !important;}
.d0parallaxblackgradleft h2 {color: #be9a47 !important;}
.d0parallaxblackgradright h1 {color: #be9a47 !important;}
.d0parallaxblackgradright h2 {color: #be9a47 !important;}

.d0parallaxwhitegradleft {background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.d0parallaxwhitegradright {background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);}
}

@media only screen and (max-width: 991px) {
.d0headerheight {min-height: 580px; display: flex; flex-direction: column; justify-content: center;}
.d0subheadheight {min-height: 580px; display: flex; flex-direction: column; justify-content: center;}

.d0parallaxblackgradleft {background: rgba(0, 0, 0, 0.4); color: #fff;}
.d0parallaxblackgradright {background: rgba(0, 0, 0, 0.4); color: #fff;}
.d0parallaxblackgradleft h1 {color: #fff !important;}
.d0parallaxblackgradleft h2 {color: #fff !important;}
.d0parallaxblackgradright h1 {color: #fff !important;}
.d0parallaxblackgradright h2 {color: #fff !important;}

.d0parallaxwhitegradleft {background: rgba(255, 255, 255, 0.4);}
.d0parallaxwhitegradright {background: rgba(255, 255, 255, 0.4);}
}

@media only screen and (min-width: 992px) {
.d0goldgraphic {display: inline-block; width: 400px; height: 11.5px; vertical-align: middle;  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 11.57"><defs><style> .cls-1 { fill: %23956f18; } </style></defs><path class="cls-1" d="M186.03,3.49l5.3,2.3-5.3,2.3L0,5.79l186.03-2.3"/><path class="cls-1" d="M213.97,3.49l-5.3,2.3,5.3,2.3,186.03-2.3-186.03-2.3"/><path class="cls-1" d="M204.88,5.79l-4.88,4.83-4.88-4.83,4.88-4.83,4.88,4.83"/></svg>'); background-size: contain; background-repeat: no-repeat; background-position: center;}}

@media only screen and (max-width: 991px) {
.d0goldgraphic {display: inline-block; width: 200px; height: 5.78px; vertical-align: middle;  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 11.57"><defs><style> .cls-1 { fill: %23956f18; } </style></defs><path class="cls-1" d="M186.03,3.49l5.3,2.3-5.3,2.3L0,5.79l186.03-2.3"/><path class="cls-1" d="M213.97,3.49l-5.3,2.3,5.3,2.3,186.03-2.3-186.03-2.3"/><path class="cls-1" d="M204.88,5.79l-4.88,4.83-4.88-4.83,4.88-4.83,4.88,4.83"/></svg>'); background-size: contain; background-repeat: no-repeat; background-position: center;}}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body p
{text-align: center;}
}

/*CHANGE MOBILE MENU BACKGROUND AND TEXT*/

@media (max-width: 991px) {
    .mm-ismenu, .mm-ismenu.mm-light {
        background-color: #394057;
        color: #fff;
    }}
/*CHANGE DIVIDERS BETWEEN MOBILE MENU ITEMS*/

@media (max-width: 991px) {
    .mm-menu.mm-light .mm-list>li:after, .mm-menu .mm-list>li:after, .mm-menu.mm-light .mm-header, .mm-menu.mm-light .mm-header {
        border-color: #394057;
 }}

/*CHANGE MOBILE DROPDOWN ARROW COLOUR*/

@media (max-width: 991px) {
    .mm-menu .mm-list>li>a.mm-subopen:after, .mm-menu .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-list>li>a.mm-subopen:after, .mm-menu.mm-light .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-header a:before {
        border-color: #fff;
}}

#header div.menu_container {background-color: #394057; border-bottom: none; box-shadow: none;}

#header a.mobile-menu-right {display: none;}

#header a.mobile-menu {border-color: none !important; border-radius: 0px;}

/* Remove focus outline for mouse users only */
:focus:not(:focus-visible) {
  outline: none;
}