@import url(../../fonts/notosansjapanese.css);
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 100;
	src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 200;
	src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 500;
	src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 600;
	src: url(../../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 900;
	src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format('opentype');
	font-display: swap;
}
body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 100%;
	font-feature-settings : "palt";
	font-display: swap;
}
.mbr-hero {
	font-family: 'Noto Serif Japanese', serif;
	color: #053392;
	position: relative;
	line-height: 180%;
	text-align: center;
}
#slider-h .btn {
	font-size: 20px;
}
#slider-h H1 {
	font-weight: 600;
}
#slider-h P {
	font-weight: 600;
}
#menu-41 .mbr-brand__name {
	font-size: 16px;
}
#menu-41.mbr-navbar--stuck .mbr-navbar__section {
	/*	background: #316008;*/
	background: rgba(27,127,204,.8);
}
#menu-41 .mbr-brand__name a {
	font-size: 24px;
	font-family: 'Oxygen', sans-serif;
}
#menu-41 .mbr-navbar__items a {
	font-family: 'Oxygen', sans-serif;
	font-size: 12px;
}
#features1-42 P {
	text-align: center;
}
#features1-44 P {
	text-align: center;
	color: #ffffff;
}
#features1-44 H3 {
}
#msg-box5-46 .mbr-header__text {
	color: #ffffff;
}
#msg-box5-46 .mbr-header__subtext {
	color: #ffffff;
}
#msg-box5-46 .mbr-article {
	color: #ffffff;
}
#features1-47 P {
	color: #4c6972;
	text-align: center;
}
#msg-box3-48 .mbr-header .mbr-header__text {
	text-align: center;
}
#msg-box3-48 .mbr-header .mbr-header__subtext {
	text-align: center;
}
#msg-box2-50 h2 {
	color: #252525;
}
#msg-box2-50 p {
	color: #252525;
}
#content5-77 .caption h3 {
	color: #fff;
	font-size: 46px;
	font-family: 'Oxygen', sans-serif;
}
#content5-77 P {
	color: #fff;
	text-align: center;
	font-size: 21px;
	font-family: 'Oxygen', sans-serif;
}
#menu-59 .mbr-brand__name {
	font-size: 16px;
}
#menu-59.mbr-navbar--stuck .mbr-navbar__section {
	background: #395259;
}
#menu-59 .mbr-brand__name a {
	font-size: 24px;
	font-family: 'Oxygen', sans-serif;
}
#menu-59 .mbr-navbar__items a {
	font-family: 'Oxygen', sans-serif;
}
#image2-83 SMALL {
	font-size: 17px;
}
#slider2-88 H1 {
	color: #ffffff;
}
#header1-73 .btn {
	font-size: 20px;
	font-family: 'Oxygen', sans-serif;
}
#header1-73 H1 {
	font-family: 'Oxygen', sans-serif;
}
#header1-73 P {
	font-family: 'Oxygen', sans-serif;
}
#menu-74 .mbr-brand__name {
	font-size: 16px;
}
#menu-74.mbr-navbar--stuck .mbr-navbar__section {
	background: #395259;
}
#menu-74 .mbr-brand__name a {
	font-size: 24px;
	font-family: 'Oxygen', sans-serif;
}
#menu-74 .mbr-navbar__items a {
	font-family: 'Oxygen', sans-serif;
}
#features1-75 P {
	text-align: center;
}
#features1-77 P {
	text-align: center;
	color: #ffffff;
}
#features1-77 H3 {
	color: #ffffff;
}
#msg-box5-79 .mbr-header__text {
	color: #ffffff;
}
#msg-box5-79 .mbr-header__subtext {
	color: #ffffff;
}
#msg-box5-79 .mbr-article {
	color: #ffffff;
}
#features1-80 P {
	color: #4c6972;
	text-align: center;
}
#msg-box3-81 .mbr-header .mbr-header__text {
	text-align: center;
}
#msg-box3-81 .mbr-header .mbr-header__subtext {
	text-align: center;
}
#msg-box2-83 h2 {
	color: #252525;
}
#msg-box2-83 p {
	color: #252525;
}
#menu-20 .mbr-brand__name {
	font-size: 16px;
}
#menu-20.mbr-navbar--stuck .mbr-navbar__section {
	background: #395259;
}
#menu-20 .mbr-brand__name a {
	font-size: 24px;
	font-family: 'Oxygen', sans-serif;
}
#menu-20 .mbr-navbar__items a {
	font-family: 'Oxygen', sans-serif;
}
#features1-21 P {
	text-align: center;
}
#features1-23 P {
	text-align: center;
	color: #ffffff;
}
#features1-23 H3 {
	color: #ffffff;
}
#msg-box5-25 .mbr-header__text {
	color: #ffffff;
}
#msg-box5-25 .mbr-header__subtext {
	color: #ffffff;
}
#msg-box5-25 .mbr-article {
	color: #ffffff;
}
#features1-26 P {
	color: #4c6972;
	text-align: center;
}
#msg-box3-27 .mbr-header .mbr-header__text {
	text-align: center;
}
#msg-box3-27 .mbr-header .mbr-header__subtext {
	text-align: center;
}
#msg-box2-29 h2 {
	color: #252525;
}
#msg-box2-29 p {
	color: #252525;
}
#content5-92 .caption h3 {
	color: #fff;
	font-size: 46px;
	font-family: 'Oxygen', sans-serif;
}
#content5-92 P {
	color: #fff;
	text-align: center;
	font-size: 21px;
	font-family: 'Oxygen', sans-serif;
}
#menu-93 .mbr-brand__name {
	font-size: 16px;
}
#menu-93.mbr-navbar--stuck .mbr-navbar__section {
	background: #395259;
}
#menu-93 .mbr-brand__name a {
	font-size: 24px;
	font-family: 'Oxygen', sans-serif;
}
#menu-93 .mbr-navbar__items a {
	font-family: 'Oxygen', sans-serif;
}
#features1-108 .thumbnail .image img {
	max-width: 100%;
}
#image2-97 SMALL {
	font-size: 17px;
}
#image2-111 SMALL {
	font-size: 20px;
}
#image2-113 SMALL {
	font-size: 20px;
}
#image2-114 SMALL {
	font-size: 20px;
}
#msg-box3-117 .mbr-header .mbr-header__text {
	text-align: center;
}
#msg-box3-117 .mbr-header .mbr-header__subtext {
	text-align: center;
}
#msg-box3-117 .mbr-article P {
	text-align: left;
}
.btn {
	padding: 3px 12px !important;
}

@media (min-width: 768px) {
.head_text {
	text-align: center;
	width: 15%;
	padding-bottom: 20px;
	margin-top: 0px;
	font-size: 16px;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 15px;
	display: block;
	border-radius: 0 0 10px 10px;
	background: rgba(27,127,204,.8);
}
.mbr-hero_case {
	padding-top: 70px;
	text-align: left!important;
}
.mbr-hero_case > h1 {
	padding-bottom: 0px;
	margin: 0px;
	line-height: 100%;
	margin-top: 5px;
}
.mbr-hero__text {
	display: inline-block;
	text-align: left;
}
.bgimage1 {
	display: block;
	position: relative;
	z-index: -100;
}
.bgimage1:after {
	content: "";
	background-image: url("../../../images/topvisual.jpg");
	background-position: left;
	background-size: 45%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -150;
}
.row_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 50vh;
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	background-position-y:top;
}
.row_top > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.topvisual {
	background-image: url(../../../images/topvisual.jpg);
	background-size: cover;
	background-position: 0px -150px;
	height: 100vh;
}
}

@media (max-width: 767px) {
.head_text {
	margin-top: 0px;
}
.head_text >div >a {
	text-decoration: none;
	color: rgba(27,127,204,1);
	line-height: 200%;
	background-color: #FFFFFF;
	text-align: -webkit-center;
	width: 100%;
	display: inline-block;
	display: -webkit-inline-box;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
}
.mbr-hero_case {
	padding-top: 50px;
}
.mbr-hero__text {
	font-size: 29px;
	font-weight: 900;
	left: 0px;
}
.toptext {
	background-image: url(../../../images/mbtopvisual.jpg);
	background-position: bottom;
	background-size: cover;
	padding-bottom: 30px;
}
.toptext_case {
	background-image: none;
}
.toplogo {
	width: 100%;
	text-align: center;
	margin-left: 0%;
}
div.h4 {
	font-size: 10px;
}
.mbr-section--full-height {
	height: 90vh;
}
.mbr-box__magnet {
	padding-top: 0px;
}
.mbr-navbar__container {
	height: initial;
}
#slider-h H1 {
	font-size: 30px !important;
}
p.mbr-hero__subtext {
	font-size: 14px !important;
	text-align: center;
	left: 0%;
}
.content-2 .thumbnail h3 {
	font-size: 20px !important;
	letter-spacing: 3px !important;
}
.mbr-header__text {
	font-size: 18px !important;
	line-height: 200% !important;
}
.content-2 .thumbnail p {
	font-size: 16px !important;
	line-height: 28px !important;
}
.mbr-navbar__brand-img {
	height: 40px;
}
.mbr-background-video-preview {
	background-image: url(../../../images/smtbg.png) !important;
}
.bgimage1 {
	display: block;
	position: relative;
	z-index: -100;
}
.bgimage1:after {
	content: "";
	background-image: url("../../../images/topvisual.jpg");
	background-position: center;
	background-size: cover;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -150;
}
.bgimage2 {
	display: block;
	position: relative;
	z-index: -100;
}
.bgimage2:after {
	content: "";
	background-image: url("../../../images/topvisual2.jpg");
	background-position: center;
	background-size: cover;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -150;
}
.bgimage3 {
	display: block;
	position: relative;
	z-index: -100;
}
.bgimage3:after {
	content: "";
	background-image: url("../../../images/topvisual3.jpg");
	background-position: center;
	background-size: cover;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -150;
}
.row_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 50vh;
	background-size: contain;
    background-repeat: no-repeat;
}
.row_top > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
}
.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}
/* Palette generated by Material Mixer - http://materialmixer.co/ */ 
.dark-primary-color {
	background: #0D47A1;
}
.default-primary-color {
	background: #1565C0;
}
.light-primary-color {
	background: #eec6dc;
	color: #665555 !important;
}
.light-primary-text {
	color: #eec6dc;
}
.white-primary-color {
	background: #FFFFFF;
	color: #0D47A1;
}
.accent-color {
	background: #1565C0;
}
.accent-light {
	background: #FF9100;
}
.accent-tint {
	background: #FF8A33;
}
.accent-shade {
	background: #FA6700;
}
.accent-button {
	background: #1565C0;
	box-shadow: 0px 1px 0px #FF8A33 inset, 0px -1px 0px #FA6700 inset, 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.block2 {
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	padding-bottom: 30px;
}
.block2 > a > img {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 5px;
}
img.undefined {
	border-radius: 5px;
	margin:1%;
}
.index_new, .index_blog, .index_youtube {
	width: 100%;
	border-radius: 0px;
	background: #42A5F5;
}
.content-2 {
	padding-bottom: 30px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

.case_text{
	font-size: 14px;
	line-height: 140%;
	padding: 10px;
	padding-bottom: 30px;
}
img.case_img{
	max-width: 300px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.case_indexicon {
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 10px 4px 9px 4px;
    margin-right: 0px;
    width: 50%;
    background: #0D47A1;
    color: #FFFFFF;
    text-align: center;
    border-radius: 10px;
    margin-left: 25%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.case_indexicon > a{
	color: white;
	text-decoration: none;
}
.case_other{
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 10px;
	display: block;
	padding: 10px;
	border-radius: 5px; 
	background-color: #997777;
	color: white;
}
@media (max-width: 767px) {
.case_indexicon {
    width: 90%;
    margin-left: 5%;
}
}


.carousel-control{
	color: #0D47A1;
}
.mbr-slider .carousel-control{
	border-color:#0D47A1;
}
.mbr-slider .carousel-indicators li, .mbr-slider .carousel-indicators .active{
	border-color: #bbbbbb
}


.mbr-gallery .mbr-gallery-item > a.enq{
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}