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

/*--------------------------------------------------------------
スマホ用
--------------------------------------------------------------*/
@media (max-width:1200px) {
	#wrap_staff .staffbox {
		padding-top: 0;
	}
	body.page .page-content h3:after {
		width: 80px;
	}
	
/*--------------------------*/
}

@media (max-width:1100px) {
	section#services .ph {
		width: 40%;
	}
	section#services .txt {
		width: 55%;
		padding-top: 0;
	}

/*--------------------------*/
}

@media (max-width:1024px) {
	.navigation .menu {
		margin-bottom: 0;
		margin-top: 20px;
	}
	.navigation ul li {
		float: none;
		margin: 0;
		padding-left: 20px;
	}
	
	section#services {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	section#team {
		padding-top: 60px;
	}
	body.home section#testimonials {
		padding-top: 0;
	}
	section#latest-post {
		padding-top: 60px;
	}
	
	body.page .page-content h3:after {
		left: 45%;
	}

/*--------------------------*/
}

@media (max-width:1000px) {
	.svg_enable .demo-image {
		height: 350px;
	}
	
	.page-description,
	body.archive #main,
	body.category #main,
	body.single .single-post {
		width: 94%;
	}
	
	ul.team-grid li.team-list:nth-of-type(3n+1) {
		clear: none;
	}
	#wrap_topinfo .txt h3 {
		margin-bottom: 20px;
	}
	
	.svg_enable .page-content,
	.single-post .svg_enable .single-post-content {
		margin-bottom: 30px;
	}
	.sidebar-wrapper,
	.svg_enable .sidebar-wrapper {
		float: none;
		max-width: 100%;
	}
	.svg_enable .sidebar-wrapper {
		margin-bottom: 130px;
	}

/*--------------------------*/
}

@media (max-width:930px) {
	.svg_enable .demo-image {
		height: 300px;
	}

/*--------------------------*/
}

@media (max-width:904px) {
	#wrap_concept .txt {
		font-size: 130%;
	}
	.page-description,
	body.archive #main,
	body.category #main,
	body.single .single-post {
		padding-top: 0;
	}
	
	#wrap_menu table {
		overflow: hidden;
	}
	#wrap_menu table th,
	#wrap_menu table td {
		float: left;
		width: 100%;
	}
	#wrap_menu table th {
		border: none;
		padding-bottom: 0;
		padding-top: 15px;
	}
	#wrap_menu table td {
		padding-top: 0;
	}
	
	#wrap_stylebook .listbox {
		width: 33.3%;
	}
	#wrap_stylebook .listbox .ph img {
		height: 230px;
	}

/*--------------------------*/
}

@media (max-width:860px) {
	body.page .page-content h3:after {
		left: 44%;
	}
	.box4 {
		padding-left: 5px;
		padding-right: 5px;
	}

/*--------------------------*/
}

@media (max-width:780px) {
	.svg_enable .demo-image {
		height: 250px;
	}
	.service-block {
		padding-top: 30px;
	}
	section#services .ph,
	section#services .txt {
		width: 100%;
		float: none;
	}
	section#services .ph {
		margin-bottom: 30px;
	}
	
	body.home section#team ul.team-grid li.team-list {
		width: 50%;
		padding: 0 15px;
		margin-bottom: 30px;
	}
	#wrap_topinfo .txt,
	#wrap_topinfo .mapbox {
		width: 100%;
		float: none;
	}
	
	body.home .team-block,
	body.home .post-block {
		padding-top: 40px;
	}
	body.home section h2.main-heading,
	body.home #ribbon h3.main-heading {
		font-size: 34px;
	}
	body.home section#testimonials h2.main-heading {
		margin-bottom: 10px;
	}
	section#testimonials .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body.page .page-content h3:after {
		left: 43%;
	}
	
	#wrap_stylebook .listbox .ph img {
		height: 200px;
	}

/*--------------------------*/
}

@media (max-width:767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	h2 {
		font-size: 30px;
	}
	/*
	svg.oneline-svg {
		display: none;
	}*/
	
	.box4 {
		width: 50%;
	}
	
	#wrap_staff .staffbox .ph,
	#wrap_staff .staffbox .txt {
		float: none;
		width: 100%;
	}
	
	body.page table {
		overflow: hidden;
	}
	body.page table th,
	body.page table td,
	#wrap_staff .staffbox table th,
	#wrap_staff .staffbox table td {
		float: left;
		width: 100%;
		border: none;
	}
	body.page table th,
	#wrap_staff .staffbox table th {
		background-color: #F7F7F7;
		padding: 5px 15px;
	}
	body.page table td,
	#wrap_staff .staffbox table td {
		padding: 10px 15px;
	}
	#wrap_topinfo .txt th {
		color: #222;
		padding: 7px 15px 5px;
	}
	#wrap_menu table th,
	#wrap_menu table td {
		padding: 5px 10px;
	}

/*--------------------------*/
}

@media (max-width:732px) {
	#wrap_concept .txt {
		font-size: 120%;
		text-align: left;
		line-height: 1.7;
	}

/*--------------------------*/
}

@media (max-width:680px) {
	.header #logo {
		max-width: 150px;
	}
	body.page .page-content h3:after {
		left: 42%;
	}
	
	#wrap_stylebook .listbox .ph img {
		height: 180px;
	}

/*--------------------------*/
}

@media (max-width:660px) {
	/*.svg_enable .demo-image {
		height: 230px;
	}*/

/*--------------------------*/
}

@media (max-width:600px) {
	/*.svg_enable .demo-image {
		height: 200px;
	}*/
	.page-title .demo-image h2.title,
	.demo-image .archive-title h2,
	.caption-container h1,
body.archive .archive-title h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	section#latest-post .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body.page .page-content h3:after {
		left: 41%;
	}
	
	#wrap_stylebook .listbox {
		width: 50%;
	}
	#wrap_stylebook .listbox .ph img {
		height: 230px;
	}
	
	.slides li {
		height: 50vh;
	}

/*--------------------------*/
}

@media (max-width:500px) {
	/*.svg_enable .demo-image {
		height: 200px;
	}*/
	.page-title .demo-image h2.title,
	.demo-image .archive-title h2,
	.caption-container h1 {
		font-size: 30px;
	}

/*--------------------------*/
}

@media (max-width:480px) {
	.team-block {
		/*max-width: 96%;*/
	}
	body.home section#team ul.team-grid li.team-list {
		width: 100%;
	}
	
	body.page .page-content h3:after {
		left: 39%;
	}
	
	#wrap_stylebook .listbox .ph img {
		height: 180px;
	}
	
	body.home section h2.main-heading,
	body.home #ribbon h3.main-heading {
		font-size: 30px;
	}
	body.home section#testimonials h2.main-heading {
		margin-top: 30px;
	}
	
	section#services {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	section#team {
		padding-top: 30px;
	}
	section#latest-post {
		padding-top: 30px;
	}
	.ribbon-button {
		padding-top: 0;
	}
	section#testimonials {
		padding-bottom: 100px;
	}
	#wrap_footer .footer {
		padding-top: 30px;
		padding-bottom: 80px;
	}
	
	.service-wrapper .svg-top-container {
		display: none;
	}

/*--------------------------*/
}

@media (max-width:400px) {
	/*.svg_enable .demo-image {
		height: 180px;
	}*/
	body.home section h2.main-heading,
	body.home #ribbon h3.main-heading {
		font-size: 30px;
	}
	
	body.home section h2.main-heading,
	body.home #ribbon h3.main-heading {
		font-size: 24px;
	}

/*--------------------------*/
}