@charset "UTF-8";
/* CSS Document */

/* reset */

/* common style */


.inner-block {
	overflow: hidden;
}
.inner-blockBOX {
	overflow: hidden;
	padding-left: 20%;
	padding-right: 20%;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
	.inner-blockBOX {
	overflow: hidden;
	padding-left: 8%;
	padding-right: 8%;
	}
}
@media screen and (max-width: 480px) {
	.inner-blockBOX {
	overflow: hidden;
	padding-left: 3%;
	padding-right: 3%;
	}
}
.inner-blockBOXsingle {
	overflow: hidden;
	padding-top: 30px;
	padding-left: 20%;
	padding-right: 20%;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
	.inner-blockBOXsingle {
	overflow: hidden;
	padding-top: 20px;
	padding-left: 8%;
	padding-right: 8%;
	}
}
@media screen and (max-width: 480px) {
	.inner-blockBOXsingle {
	overflow: hidden;
	padding-top: 20px;
	padding-left: 3%;
	padding-right: 3%;
	}
}
.columns {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 0;
	text-align: left;
}
.columns div {
	font-size: 14px;
	font-size: 1.4rem;
}
@media screen and (max-width:480px) {
	.columns div {
		font-size: 13px;
		font-size: 1.3rem;
	}
}
.two-column-child {
	display: inline-block;
	padding: 10px;
	width: 50%;
	box-sizing: border-box;
	vertical-align: top;
}
@media screen and (max-width: 480px) {
	.two-column-child {
		width: 100%;
	}
}
.three-column-child {
	display: inline-block;
	padding: 10px;
	width: 33.33333%;
	width : calc(100% / 3) ;
	box-sizing: border-box;
	vertical-align: top;
}
.four-column-child {
	display: inline-block;
	padding: 10px;
	width: 25%;
	box-sizing: border-box;
	vertical-align: top;
}
@media screen and (max-width: 480px) {
	.halved-column {
		width: 50%;
	}
}
.six-column-child {
	display: inline-block;
	padding: 10px;
	width: 16%;
	box-sizing: border-box;
	vertical-align: top;
}
@media screen and (max-width: 480px) {
	.halved-column {
		width: 33%;
	}
}
.w40per {
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 0;
}
.w60per {
	padding-top: 40px;
	padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.w40per {
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 0;
		width: 40%;
	}
	.w60per {
		padding-top: 20px;
		padding-right: 0;
		padding-bottom: 20px;
		padding-left: 0;
		width: 60%;
	}
}
.four-column-child h1 {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.four-column-child h1 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.right-justified {
	float: right;
	width: 50%;
	box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.right-justified {
		float: none;
		width: 100%;
	}
}
.crop-image-block {
	position: relative;
	overflow: hidden;
	display: block;
    padding-top: 100%;
	width: 100%;
}
.crop-image-block img {
	position: absolute;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.pt-none {
	padding-top: 0;
}
.pb-none {
	padding-bottom: 0;
}

.excerpt {
	font-size: 1.2rem;
	word-break: break-all;
}
.excerpt14 {
	font-size: 1.4rem;
	word-break: break-all;
}
.ta-left {
	text-align: left;
}
.fw-bold {
	font-weight: bolder;
}
.bg-grey {
	background: #e7e7e7;
}
@media screen and (max-width: 480px) {
	.display-toggle {
		display: none;
	}
}
.word-break {
	word-break: break-all;
}
.b-none {
	border: none !important;
}





@media screen and (min-width: 1025px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
}