@charset "utf-8";


/* スマホ */
@media screen and (max-width: 768px) {
	br.sp_only { display: block; }
	
	#logo_nav {
		width: 100%;
		left: 0;
		top: 0;
		padding:18px 0 15px 18px;
	}
	
	#logo_nav ul {
		display: flex;	
	}
	
	#logo_nav ul li {
		margin: 0 0 0 15px;
	}
	
	#logo_nav ul li a {
		font-size: 16px;
		letter-spacing: 0.085em;
	}
	
	#scroll_top {
		transform: scale(0.9);
	}
	
	#sign {
		right: -7px;
		bottom: 46px;
		font-size: 12px;
	}
	
	.home_list {
		display: block;
		padding: 30px 24px 0px;
	}
	
	.home_list li {
		width: 100%;
	}
	
	.home_list li h2 {
		padding: 0 4px;
		font-size: 21px;
		margin: 1.1em 0 0;
	}
	
	.home_list li h2 .en {
		font-size: 16px;
	}
	
	.home_list li p {
		padding: 0 4px;
		margin: 1em 0 0;
		font-size: 14px;
	}
	
	.content {
		width: 100%;
		min-width: auto;
		padding: 88px 22px 0;
	}

	.content .title {
		padding: 0 2px ;
	}
	
	.content .wrap p {
		font-size: 18px;
		margin: 1.1em 0 0;
		padding: 0 2px 0;
		letter-spacing: 0.09em;
	}
	
	.content .wrap .page_imgs + p,
	.content .wrap .img + p {
		margin: 2em 0 0;
	}
	
	.content .wrap p.en {
		font-size: 12px;
		margin: 2em 0 0;
		padding: 0 3px;
	}
	
	.content .wrap p:not(.en) + .en {
		margin: 3.2em 0 0;
	}
	
	.service_list {
		width: 100%;
		display: block;
		padding: 0 20px 0;
	}
	
	.service_list li {
		width: 100%;
		margin: 55px 0 0;
	}
	
	.service_list li h2 {
		font-size: 21px;
		padding: 0 6px;
		margin: 1.1em 0 0;
	}

	.service_list li h2 .en {
		font-size: 16px;
	}
	
	.service_list li p {
		padding: 0 7px;
		font-size: 13px;
		margin: 1.1em 0 0;
	}
	
	.service_list li p.en {
		padding: 0 8px;
		margin: 0.2em 0 0;
	}
	
	br.pc_only {
		display: none;
	}
	
	.page_index {
		width: 100%;
		padding: 0 3px 0;
		margin: 20px 0 0;
	}
	
	.page_index li {
		margin: 12px 16px 0 0;
	}
	
	.page_index li a {
		font-size: 13px;
	}
	
	.page_index:before {
		right: 28px;
		font-size: 15px;
	}
	
	.page_index:after {
		display: none;
	}

}