@charset "UTF-8";



/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1199px) {


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

@media screen and (min-width: 940px) {
	.single .entry-header .entry-title {
		font-size: 30px;
	}

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

@media screen and (min-width: 720px) {
	.breadcrumbs span {
		margin-right: 25px;
	}
	.breadcrumbs a::before {
		right: -15px;
	}
	.breadcrumbs a::after {
		right: -14px;
	}

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




@media (max-width: 1300px) {
	#wrap_top .boxB {
		width: 90%;
	}
	#wrap_top #top01 ul li.add {
		overflow: hidden;
	}
	#wrap_top #top01 ul li.add span {
		float: left;
	}
	#wrap_top #top01 ul li.add span.txt {
		line-height: 1.3;
	}
	
/*------------------------------------*/
}

@media (max-width: 1200px) {
	.no-sidebar .content-area {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
/*------------------------------------*/
}

@media (max-width: 1140px) {
	#wrap_top .boxB .wrap {
		padding: 40px 20px 20px;
	}
	#wrap_top .boxB .title h2 {
		font-size: 26px;
	}
	#wrap_top .boxB .title {
		margin-bottom: 30px;
	}
	
/*------------------------------------*/
}

@media (max-width: 1040px) {
	section#about {
		padding-top: 30px;
	}
	section#about .container {
		padding-left: 60px;
		padding-right: 60px;
	}
	section#about h2 {
		font-size: 30px;
		margin-bottom: 20px;
		line-height: 1.3;
	}
	section#about .txt {
		line-height: 1.7;
	}
	footer#colophon .container {
		padding-right: 50px;
	}
	footer#colophon .sidebar .widget a {
		font-size: 14px;
	}
	#ftel .telnum {
		font-size: 24px;
		background-size: 30px;
		min-height: 30px;
		padding-left: 35px;
	}
	footer#colophon .container #footer-3 {
		width: 18%;
	}
	footer#colophon .container #footer-2 {
		width: 34%;
	}
	.footer-widgets.section-padding {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.footer-widgets .sidebar .widget {
		margin-bottom: 0;
	}

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

@media (max-width: 1000px) {
	.hero-slideshow-normal .container {
		padding-bottom: 7%;
		padding-top: 7%;
	}
	.hero-content-style1 h2 {
		font-size: 55px;
	}
	.hero-small-text {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.hero-content-style1 p {
		margin-bottom: 0;
	}
	.section-title-area {
		margin-bottom: 30px;
	}
	#wrap_top #top01,
	#wrap_top #top02 {
		width: 50%;
	}
	#wrap_top #top03 {
		width: 100%;
	}
	#wrap_top .boxB {
		width: 100%;
		padding: 0;
	}
	#wrap_top .boxB .wrap {
		padding-left: 40px;
		padding-right: 40px;
	}
	#shopinfo .flex .logo {
		width: 22%;
	}
	#shopinfo .flex .txt {
		width: 54%;
		padding-left: 20px;
	}
	
	.topWorksSwiper .swiper-slide {
	}
	#topworks .ph {
		height: 200px;
		border-radius: 0;
	}
	#topworks .ph img {
		height: 200px;
	}
	
	#wrap_works .bawrap {
		margin-bottom: 0;
	}
	#wrap_works .wkslist {
		margin-bottom: 0;
	}
	#wrap_works .bawrap .box {
		width: 50%;
		border: 1px solid #fff;
	}
	#wrap_works .bawrap .ph img {
		height: 300px;
	}
	#wrap_works .combox {
		padding: 20px;
	}
	
/*--- 1000px ---------------------------------*/
}

@media (max-width: 939px) {
	#secondary {
		margin-top: 30px;
	}
	#secondary .widget_recent_entries ul li,
	.widget-area .widget_categories li,
	.widget-area .widget_archive li,
	.widget-area .widget_meta li {
		padding: 5px 0;
		margin: 0;
		line-height: 1.5;
	}

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

@media (max-width: 800px) {
	#primary {
		padding-bottom: 0;
	}
	
	#wrap_svc .boxA,
	#wrap_svc .boxB {
		margin-bottom: 40px;
	}
	#wrap_svc .boxC {
		margin-bottom: 0;
	}
	#wrap_svc .boxA .flexwrap {
		display: block;
	}
	#wrap_svc .boxA .flexwrap .txt,
	#wrap_svc .boxA .flexwrap .ph {
		width: 100%;
	}
	#wrap_svc .boxB .flexwrap .box,
	#wrap_svc .boxC .flexwrap .box {
		width: 49%;
	}
	
	#wrap_wrklist ul li {
		width: 33.3%;
	}
	
	#wrap_page table {
		overflow: hidden;
	}
	#wrap_page th,
	#wrap_page td {
		float: left;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#wrap_page th {
		padding-bottom: 0;
	}
	#wrap_page tr:nth-child(2n) {
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
	}

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

@media (max-width: 767px) {
	footer#colophon .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer-widgets.section-padding {
		padding-bottom: 10px;
	}
	footer#colophon .container #footer-1,
	footer#colophon .container #footer-2,
	footer#colophon .container #footer-3 {
		width: 50%;
	},
	footer#colophon .container #footer-4 {
		width: 100%;
	}
	footer#colophon .container #footer-3,
	footer#colophon .container #footer-4 li#menu-item-53,
	footer#colophon .container #footer-4 li#menu-item-54,
	footer#colophon .container #footer-4 li#menu-item-55,
	footer#colophon .container #footer-4 li#menu-item-56 {
		display: none;
	}
	footer#colophon .container #footer-1 {
		margin-bottom: 10px;
	}
	footer#colophon .container #footer-4 ul {
		margin: 0;
	}
	footer#colophon .container #footer-4 li#menu-item-57 {
		display: block;
		text-align: right;
		padding: 0;
	}
	
	#toptel,
	#pcbtn,
	.pc {
		display: none;
	}
	.sp,
	#spbtn {
		display: block;
	}
	#spbtn {
		display: inline-block;
		position: fixed;
		bottom: 0;
		z-index: 99;
		width: 100%;
		height: auto;
	}
	#spbtn ul {
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	#spbtn ul a {
		color: #fff;
	}
	#spbtn ul li {
		list-style-type: none;
		margin: 0;
		padding: 14px 0;
		width: 33.3%;
		text-align: center;
		color: #fff;
		border: 1px solid #fff;
		font-size: 18px;
		letter-spacing: 0;
		font-weight: 500;
		line-height: 1;
	}
	#spbtn ul li i {
		margin-right: 3px;
		font-size: 20px;
		font-weight: 600;
	}
	#spbtn ul li.bt01 {
		font-size: 20px;
		background-color: #07477d;
	}
	#spbtn ul li.bt02 {
		background-color: #4a9824;
	}
	#spbtn ul li.bt03 {
		background-color: #eea843;
		letter-spacing: -1px;
		width: 33.4%;
	}
	
	img.custom-logo {
		width: 100%;
		height: 45px;
	}
	
	.hero-content-style1 h2 {
		font-size: 40px;
	}
	.hero-small-text {
		width: 90%;
	}
	section#about .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	section#about h2 {
		font-size: 26px;
	}
	#wrap_top .boxB {
		width: 100%;
		font-size: 16px;
	}
	#wrap_top #top01,
	#wrap_top #top02 {
		width: 100%;
	}
	#wrap_top .boxB .box h3 {
		font-size: 22px;
	}
	#wrap_top #top01 ul li {
		font-size: 16px;
	}
	#wrap_top #top01 ul li.add span.txt {
		line-height: 1.5;
	}
	#wrap_topbnr {
		width: 100%;
	}
	#wrap_topbnr .box {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}
	#shopinfo .flex {
		padding-left: 30px;
		padding-right: 30px;
	}
	#shopinfo .flex .logo {
		width: 50%;
	}
	#shopinfo .flex .ph {
		width: 40%;
	}
	#shopinfo .flex .txt {
		width: 100%;
		padding: 20px 0;
	}
	
	.no-sidebar .content-area {
		width: 100%;
	}
	#wrap_flow .flexbox .box {
		padding: 20px;
	}
	body {
		font-size: 1.05rem;
	}
	#wrap_works .bawrap .ph img {
		height: 250px;
	}
	#wrap_works .wkslist ul li img {
		height: 80px;
	}
	nav.post-navigation .nav-links {
	}
	nav.post-navigation .nav-links .nav-previous {
	}
	nav.post-navigation .nav-links .nav-next {
	}
	.nav-links a,
	.nav-links .page-numbers {
		font-size: 12px;
	}
	
/*--- 767px ---------------------------------*/
}

@media (max-width: 670px) {	
	#wrap_flow .btnwrap,
	#wrap_flow .flexbox {
		display: block;
	}
	#wrap_flow .btnwrap .btnbox,
	#wrap_flow .flexbox .box {
		width: 100%;
	}
	#wrap_flow .btnwrap .mail {
		margin-bottom: 10px;
	}
	#wrap_flow .flexbox .box:first-child {
		padding-bottom: 5px;
	}
	#wrap_flow .flexbox .box:last-child {
		padding-top: 5px;
	}

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

@media (max-width: 600px) {
	#spbtn ul li.bt01 {
		width: 29%;
	}
	#spbtn ul li.bt02 {
		width: 31%;
	}
	#spbtn ul li.bt03 {
		width: 40%;
	}
	section#about {
		padding-bottom: 80px;
	}
	#wrap_topbnr {
		display: block;
	}
	#wrap_topbnr .box {
		width: 60%;
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	#wrap_topbnr .box:first-child {
		margin-bottom: 50px;
	}
	footer#colophon .container #footer-1,
	footer#colophon .container #footer-2 {
		width: 100%;
	}
	footer#colophon .container #footer-4 li#menu-item-57 {
		text-align: left;
	}
	#wrap_wrklist li .ph img {
		height: 140px;
	}
	#wrap_wrklist li h3 {
		font-size: 1.1rem;
	}
	#wrap_works .bawrap .ph img {
		height: 200px;
	}
	#wrap_works .wkslist ul li img {
		height: 60px;
	}
	
/*--- 600px ---------------------------------*/
}

@media (max-width: 590px) {
	.hero-content-style1 p {
		font-size: 18px;
	}

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

@media (max-width: 500px) {
	#wrap_wrklist li .ph img {
		height: 120px;
	}
	#wrap_wrklist ul li {
		padding: 0;
		margin-bottom: 10px;
		border: 1px solid #fff;
	}
	#wrap_works .bawrap .ph img {
		height: 180px;
	}

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

@media (max-width: 440px) {
	#spbtn ul li {
		font-size: 17px;
	}
	#spbtn ul li.bt01 {
		width: 24%;
	}
	#spbtn ul li.bt02 {
		width: 32%;
	}
	#spbtn ul li.bt03 {
		width: 44%;
		font-size: 18px;
	}
	#wrap_top .boxB .title h2 {
		font-size: 24px;
	}
	#wrap_top .boxB .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	#wrap_top .boxB .btnbox .inner {
		font-size: 16px;
	}
	section#about h2 {
		font-size: 24px;
	}
	section#about .txt {
		font-size: 16px;
		text-align: left;
	}
	#wrap_topbnr .box {
		width: 100%;
	}
	#wrap_topbnr .ph {
		width: 80%;
		margin-bottom: 20px;
	}
	
	#wrap_svc .boxB .flexwrap,
	#wrap_svc .boxC .flexwrap {
		display: block;
	}
	#wrap_svc .boxB .flexwrap .box,
	#wrap_svc .boxC .flexwrap .box {
		width: 100%;
	}
	#wrap_svc .boxB .ph,
	#wrap_svc .boxC .ph {
		margin-bottom: 10px;
	}
	#wrap_svc .boxB .flexwrap .box {
		margin-bottom: 10px;
	}
	
	#wrap_svc .boxB h3,
	#wrap_svc .boxC h3 {
		font-size: 1.4rem;
	}
	#wrap_works .bawrap .ph img {
		height: 160px;
	}
	#wrap_works .wkslist ul li img {
		height: 40px;
	}
	
/*------------------------------------*/
}