@charset "UTF-8";


img.mb20{
	margin-bottom: 30px;
}

.jhs-global_containar{
	display: flex;
}
.jhs-global_containar li:nth-child(1){
	width: 75%;
	margin-right: 10px;
}

.jhs-event_containar{
	display: flex;
	flex-wrap: wrap;
}
.jhs-event_containar li{
	margin-bottom: 30px;
}
.jhs-feature_containar{
	display: flex;
}

.jhs-feature_containar li{
	margin-bottom: 30px;
}

.jhs-feature_containar li:nth-child(1){
	margin-right: 20px;
	width: 55%;
}
.jhs-feature_containar_02{
	display: flex;
}

.jhs-feature_containar_02 li{
	margin-bottom: 30px;
}

.jhs-feature_containar_02 li:nth-child(1){
	margin-right: 20px;
	width: 75%;
}
	.page-index-btn li.jhs-pib01{
		background: url(../jhs/images/jhs-pib01-bg.png) no-repeat #ddd;
		background-size: cover;
	}

	.page-index-btn li.jhs-pib02{
		background: url(../jhs/images/jhs-pib02-bg.png) no-repeat #ddd;
		background-size: cover;
	}

	.page-index-btn li.jhs-pib03{
		background: url(../jhs/images/jhs-pib03-bg.png) no-repeat #ddd;
		background-size: cover;
	}

	.page-index-btn li.jhs-pib04{
		background: url(../jhs/images/jhs-pib04-bg.png) no-repeat #ddd;
		background-size: cover;
	}
/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media only screen and (max-width: 768px ) {

.jhs-feature_containar{
    display: flex;
    flex-wrap: wrap;
}

.jhs-feature_containar li:nth-child(1){
	margin-right: 0;
}
.jhs-global_containar{
    display: flex;
    flex-wrap: wrap;
    margin-bottom:30px; 
}

.jhs-global_containar li:nth-child(1){
	width: 100%;
}
.jhs-feature_containar{
	display: flex;
	flex-wrap: wrap;
}
.jhs-feature_containar li:nth-child(1){
	width: 100%;
}
.jhs-feature_containar_02{
	display: flex;
	flex-wrap: wrap;
}
.jhs-feature_containar_02 li:nth-child(1){
	width: 100%;
	flex-wrap: wrap;
}


}