@charset "utf-8";

.base {
	margin-bottom: 100px;
}

.base__header {
	margin-bottom: 30px;
}

.base__header-ttl.en {
	font-size: 1.8rem;
	margin-bottom: 0;
}

.base__header-ttl.ja {
	font-size: 1.2rem;
}

.base__header-ttl.ja {
	font-size: 1.2rem;
}

.base__header-country {
	font-size: 1.1rem;
}


/* ---------------------------------------------------------------------------------------------- */
/* SmartPhone                                                                                     */

/* iPhone 6 over */
@media screen and (min-width: 374px) {
	
}

/* ---------------------------------------------------------------------------------------------- */
/* Tablet                                                                                         */

@media screen and (min-width: 541px) {
	
}


/* iPad */
@media screen and (min-width: 768px) {
	
	.base:not(.base--extra) {
		width: calc(50% - 20px);
	}
	
}

/* ---------------------------------------------------------------------------------------------- */
/* Desktop                                                                                        */

@media screen and (min-width: 1024px) {
	
	.base:not(.base--extra) {
		width: calc(33.333% - 30px);
	}
	
	.base__header-ttl.en {
		font-size: 2.2rem;
	}
	
	.base__header-ttl.ja {
		font-size: 1.6rem;
	}
	
	.base__header-country {
		font-size: 1.2rem;
	}
	
	.base__body-txt {
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 1281px) {
	
}