@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
* {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	outline: none !important;
}
html, body, div {
	font-family: 'Noto Sans JP', sans-serif;
}
.fs-12 {
	font-size: 12px;
}
.font-oswald {
	font-family: 'Oswald', sans-serif !important;
}
.letter-space-1 {
	letter-spacing: 1px;
}
.link-hover:hover, .link-hover:active, .link-hover:focus {
	color: #009ca6 !important;
}
.container {
	max-width: 1340px;
}
.position-initial {
	position: initial !important;
}
#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
	padding: 0.214rem 1.214rem;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}
#header .header-nav.header-nav-links nav > ul.nav {
	justify-content: center;
	align-items: center;
}
#header .header-nav.header-nav-links nav > ul li {
	margin: 0 8px;
}
#header .header-nav.header-nav-links nav > ul li a {
	min-height: 0 !important;
	height: auto !important;
	color: #000 !important;
	font-size: 16px;
	letter-spacing: 1px !important;
}
#header .header-nav.header-nav-links nav > ul li:hover > a {
	background: #009ca6 !important;
	color: #FFF !important;
}
#header .header-nav.header-nav-links nav > ul li:hover ul li a {
	background: none !important;
	color: #333 !important;
}
#header .header-nav.header-nav-links nav > ul li ul li {
	margin-left: 0 !important;
}
.header-container {
	min-height: 80px !important;
	max-height: 80px !important;
}
.header-effect-shrink {
	height: 127px !important;
}
.mt-custom {
	padding-top: 34px !important;
}
.three-blocks {
	min-height: 550px;
}
.three-blocks h1, .three-blocks h2, .three-blocks h3 {
	font-family: 'Oswald', sans-serif;
}
.three-blocks h1 {
	font-size: 48px;
	line-height: 56px;
	letter-spacing: 1px;
}
.three-blocks h2 {
	font-size: 40px;
	line-height: 56px;
	letter-spacing: 1px;
}
.three-blocks h3 {
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 1px;
}
.three-blocks .row, .three-blocks .row .col-lg-9, .three-blocks .row .col-lg-3 {
	min-height: inherit;
}
.banner-box-1 {
	background: url(../img/bg-box.png) no-repeat center top;
	background-size: cover;
}
.banner-box-2 {
	background: url(../img/bg-box2.png) no-repeat center top;
	background-size: cover;
}
.banner-box-3 {
	background: url(../img/bg-box3.png) no-repeat center top;
	background-size: cover;
}
.box-content {
	flex-direction: column;
	transition: all 0.4s;
	cursor: pointer;
	padding: 10px;
}
.box-post em {
	background: rgba(0, 0, 0, 0.1);
	transition: all 0.4s;
}
.box-post:hover em {
	background: rgba(0, 0, 0, 0.6);
	transition: all 0.4s;
}
.outer-same {
	height: 100%;
	min-height: 275px;
}
.banner-box-2, .banner-box-3 {
	min-height: inherit;
}
.banner-box-2 h1, .banner-box-3 h1 {
	font-size: 18px;
	line-height: 26px;
}
.banner-box-2 h2, .banner-box-3 h2 {
	font-size: 26px;
	line-height: 26px;
}
.banner-box-2 h3, .banner-box-3 h3 {
	font-size: 16px;
	line-height: 26px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	background: #FFF !important;
	color: #333 !important;
	box-shadow: 0 0 10px #999 !important;
	border-radius: 50% !important;
	width: 60px;
	height: 60px;
	line-height: 2rem;
}
.owl-carousel .owl-nav button.owl-prev:before {
	font-size: 2rem;
	left: -2px;
	top: 3px;
}
.owl-carousel .owl-nav button.owl-next:before {
	font-size: 2rem;
	right: -2px;
	top: 3px;
}
.big-post {
	flex-direction: column;
	min-height: 670px;
}
.btn-outline-white {
	border: 2px solid #FFF;
	color: #FFF;
}
.btn-outline-white:hover, .btn-outline-white:active, .btn-outline-white:focus {
	border-color: #009ca6;
	color: #009ca6;
}
.big-post:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.1);
	transition: all 0.4s;
}
.post-img1 {
	background: url(../img/big-post.jpg) no-repeat center top;
	background-size: cover;
}
.post-img2 {
	background: url(../img/big-post2.jpg) no-repeat center top;
	background-size: cover;
}
.post-img3 {
	background: url(../img/big-post3.jpg) no-repeat center top;
	background-size: cover;
}
.explore .banner-box-1 {
	background: url(../img/explore1.webp) no-repeat center top;
	background-size: cover;
}
.explore .banner-box-2 {
	background: url(../img/explore2.webp) no-repeat center top;
	background-size: cover;
}
.explore .banner-box-3 {
	background: url(../img/explore3.webp) no-repeat center top;
	background-size: cover;
}
.big-post:hover:before {
	background: rgba(0, 0, 0, 0.6);
	transition: all 0.4s;
}
.btn-outline-primary {
	border: 2px solid #004c97;
	color: #004c97;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
	border: 2px solid #009ca6 !important;
	color: #009ca6 !important;
	background: none !important;
}
.fix-height {
	height: 38px;
}
.thumb-info.thumb-info-lighten .thumb-info-wrapper:after{
	background:none;
}
.thumb-info.thumb-info-bottom-info:hover img{
	transform:scale(1);
}
@media (min-width:992px) and (max-width:1250px) {
#header .header-nav.header-nav-links nav > ul li {
	margin: 0 -10px
}
}

@media (min-width:766px) and (max-width:991px) {
.last-two li {
	margin-right: 5px !important;
}
}

@media (max-width:767px) {
.ms-2 {
	margin-left: 10px !important;
}
#header .header-body {
	height: auto !important;
}
#header .header-nav.header-nav-links nav > ul li {
	width: 100%;
	margin-left: 0 !important;
}
#header .header-nav.header-nav-links nav > ul li a {
	padding: 10px 0;
}
.newsletter {
	margin-left: -15px;
	margin-right: -15px;
}
.last-two {
	display: inline-block !important;
	margin-right: 20px;
}
}