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

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

@media screen and (max-width: 1500px) {
	#home04 .wrap:first-child {
		margin-bottom: 0;
    }
	#home04 .wrap:last-child {
		margin-top: 50px;
	}
	#home04 #rolltxt, #rolltxt {
		padding-top: 80px;
	}
    #f_inner .f_widget:last-child {
		padding-right: 0;
    }
	
/*---------------------------------------*/
}

@media screen and (max-width: 1322px) {
	#home01 .txt {
		width: 60%;
	}
	#home01 .ph {
		width: 40%;
		padding-right: 40px;
		gap: 20px;
	}
	.post-content #home01 .txt h2 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
/*---------------------------------------*/
}

@media screen and (max-width: 1300px) {
	#f_inner .f_widget {
		width: 20%;
	}
	#f_inner .f_widget.widget_text {
		width: 30%;
	}
	#f_inq .morebtn .btnbox {
		font-size: 17px;
		line-height: 1.3;
	}
	
	#wrap_company .boxB .ph {
		padding-right: 30px;
		width: 25%;
	}
	#wrap_company .boxB .txt {
		width: 75%;
	}
	.post-content #wrap_company .boxB ul li {
		padding-bottom: 5px;
		padding-top: 5px;
	}

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

@media screen and (max-width: 1200px) {
	.morebtn .btnbox {
		padding-left: 20px;
		padding-right: 20px;
	}
	#wrap_concept .boxA .inner {
		width: 80%;
	}
	#wrap_concept .boxA {
		margin-bottom: 50px;
	}
	#wrap_concept .boxA #rolltxt {
		padding-top: 0;
	}
	#wrap_concept .boxB .conbox .txt {
		padding: 40px 40px 20px;
	}
	#wrap_concept .boxB .conbox.con1,
	#wrap_concept .boxB .conbox.con2 {
		margin: 0 0 40px;
	}
	#wrap_concept .boxB .conbox {
		padding-top: 40px;
	}
	
	#wrap_company .boxB .flexbox {
		width: 100%;
	}

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

@media screen and (max-width: 1100px) {
	.post-header h1,
	h1.post-title,
	.archive-title {
		font-size: 50px;
	}
	body.page .post-header,
	.archive-header {
		margin-bottom: 50px;
	}
	.post-content h2,
	.post-content #reclist h2 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	
	#f_inner {
		width: 100%;
	}
	#f_inner .wrap {
		padding-right: 20px;
	}
	#wrap_home .wrap,
	#wrap_home #home03 .wrapbox,
	#wrap_home #home04 .wrap {
		padding-left: 310px;
	}
	#home01 .wrap,
	#home02 .wrap,
	#home04 .wrap {
		padding-right: 30px;
	}
	#home02 h2,
	#home03 h2 {
		font-size: 50px;
	}
	
	#home01 .wrap {
		display: block;
	}
	#home01 .txt {
		font-size: 1.05rem;
		width: 100%;
		margin-bottom: 20px;
		padding-top: 40px;
	}
	.post-content #home01 .txt h2 {
		margin-top: 0;
	}
	#home01 .ph {
		width: 70%;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
	#home01 .scroll-container {
		height: 350px;
	}
	
	#home02 {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	#home02 .inner {
		padding: 30px;
	}
	#home02 .newslist {
		padding-left: 20px;
	}
	#home02 .newslist .ptitle {
		font-size: 18px;
	}
	#home02 .newslist .date {
		width: 90px;
		padding-right: 20px;
	}
	#home02 .newslist .day {
		font-size: 24px;
	}
	
	#home03 .wrap {
		padding: 30px 0;
	}
	
	#home04 .wrap {
		width: 100%;
	}
	#home04 .wrap:first-child {
		margin-top: 50px;
	}
	#home04 #rolltxt, #rolltxt {
		padding-top: 50px;
	}
	#home04 #rolltxt .scroll-text,
	#rolltxt .scroll-text {
		font-size: 90px;
	}
	#home04 #topinfobox .txt {
		padding: 30px 20px 30px 10%;
		margin-top: 50px;
	}
	#home04 .wrap:last-child {
		margin-bottom: 50px;
	}
	#topservice ul li {
		padding-right: 10px;
	}
	#topservice ul li:last-child {
		padding-left: 10px;
	}
	
	
	#wrap_renova .boxA .ph,
	#wrap_reform .boxA .ph,
	#wrap_renova .boxA .txt,
	#wrap_reform .boxA .txt {
		width: 100%;
		padding: 0;
	}
	#wrap_renova .boxA .ph,
	#wrap_reform .boxA .ph {
		margin-bottom: 20px;
	}
	#wrap_renova .boxB,
	#wrap_reform .boxB,
	#wrap_renova .boxC,
	#wrap_reform .boxC {
		padding: 0;
	}
	#wrap_renova .flexbox.style2 .txt,
	#wrap_reform .flexbox.style2 .txt {
		padding: 0;
	}
	#wrap_renova .flexbox .txt,
	#wrap_reform .flexbox .txt,
	#wrap_renova .flexbox .ph,
	#wrap_reform .flexbox .ph {
		width: 100%;
		padding: 0;
	}
	#wrap_renova .flexbox .ph,
	#wrap_reform .flexbox .ph {
		text-align: center;
	}
	
	
	#wrap_wks ul li img {
		height: 150px;
	}
	#wrap_wks .comtxt {
		padding: 20px 25px;
	}
	
	#reclist .listbox {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	/*
	#wrap_page #wrap_flow .stepbox .flowlist dt {
		padding: 10px;
	}
	#wrap_flow .stepbox .flowlist dt::before {
		display: inline-block;
		margin: 0;
	}
	*/
	
	#wrap_flow .stepbox .flowlist dt {
		overflow: hidden;
		align-items: center;
		display: flex;
	}
	#wrap_flow .stepbox .flowlist dt:before {
		float: left;
	}
	
	#wrap_company .boxA .flexbox .ph {
		padding-right: 30px;
		width: 40%;
	}
	#wrap_company .boxA .flexbox .txt {
		width: 60%;
	}

/*--- 1100px ------------------------------------*/
}

@media screen and (max-width: 1000px) {
	.post-content #wrap_company .boxB ul li {
		font-size: 1.3rem;
	}
/*---------------------------------------*/
}

@media screen and (max-width: 930px) {
	.post-inner {
		padding-top: 6%;
	}
	/*body.single .post-inner {
		padding-top: 0;
	}*/
	body.page .post-header,
	.archive-header {
		margin-bottom: 30px;
	}
	.post-header h1,
	h1.post-title,
	.archive-title {
		font-size: 46px;
	}
	
	#wrap_side {
		padding: 10px 20px;
		border-bottom: 1px solid #666;
	}
	.sidebar-top h1.blog-title img {
		max-width: 100px;
		width: 60%;
	}
	.sidebar-inner {
		width: 100%;
		max-width: 100%;
	}
	.nav-toggle {
		padding: 14px 16px;
		border-radius: 5px;
	}
	.nav-toggle p {
		display: none;
	}
	.nav-toggle,
	.nav-toggle:hover {
		background-color: #b39209;
	}
	.mobile-menu a {
		font-weight: 500;
	}
	.mobile-menu a:hover {
		cursor: pointer;
	}
	.mobile-menu a span {
		display: none;
	}
	.mobile-menu li {
		margin-top: 15px;
	}
	#desctxt {
		display: none;
	}
	
	#f_inq .morebtn {
		display: none;
	}
	#wrap_footer {
		padding: 0;
	}
	#f_inner {
		width: 94%;
	}
	#f_inner .wrap {
		padding: 0;
	}
	#f_inner .f_widget {
		padding-right: 20px;
	}
	#f_inner .f_widget.widget_text {
		width: 40%;
	}
	#f_inner .f_widget.widget_text:last-child {
		width: 20%;
	}
	#copytxt {
		padding-top: 20px;
	}
	
	#hscicon {
		position: fixed;
		right: 0;
		top: 20%;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 10px;
		z-index: 100;
	}
	#hscicon ul {
		display: block;
	}
	#hscicon ul li {
		margin: 10px 0;
	}
	#hscicon ul li.pc {
		display: none;
	}
	#hscicon ul li.sp {
		display: block;
	}
	
	#wrap_home .wrap,
	#wrap_home #home03 .wrapbox,
	#wrap_home #home04 .wrap {
		padding-left: 0;
		padding-right: 0;
	}
	#wrap_home #home01 .wrap,
	#wrap_home #home02 .wrap,
	#wrap_home #home04 .wrap {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	#home02 {
		padding: 0;
		background-color: rgba(0, 0, 0, 0.4);
	}
	#wrap_home #home02 .wrap {
	}
	#home02 .inner {
		background: none;
		padding-left: 0;
		padding-right: 0;
	}
	#home03 .wrap2 {
		margin-bottom: 10px;
		height: 200px;
	}
	#home03 .wrap2 .workslist li {
		width: 200px;
	}
	#home03 .wrap2 .workslist li .ph {
		height: 140px;
	}
	
	#home04 #rolltxt, #rolltxt {
		padding-top: 20px;
	}
	#home04 .wrap:last-child {
		margin-top: 20px;
	}
	
	#f_inner .f_widget.widget_text:last-child {
		display: none;
	}
	#f_inner .f_widget.widget_text {
		width: 50%;
	}
	#f_inner .f_widget {
		width: 25%;
	}
	
	
	body.page-template .wrapper-inner,
	body.single-c_works .wrapper-inner {
		max-width: 100%;
	}
	
	#wrap_concept .boxB .conbox .txt {
		width: 55%;
	}
	#wrap_concept .boxC .txtbox {
		width: 80%;
	}
	
	
	.post-content #wrap_works ul li {
		width: 20%;
	}
	.workslist .ph img {
		height: 150px;
	}
	
	.imgbox {
		margin-bottom: 0;
	}
	

/*--- 930px ------------------------------------*/
}

@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.cnt_sp {
		text-align: center;
	}
	#f_inner {
		padding-top: 30px;
	}
	#copytxt {
		padding-bottom: 0;
	}
	
	#wrap_home #home01 .wrap,
	#wrap_home #home02 .wrap,
	#wrap_home #home04 .wrap {
		width: 90%;
	}
	
	#home01 .ph {
		display: none;
	}
	#home01 .txt {
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
	#home02 .morebtn {
		width: 100%;
		margin-top: 30px;
	}
	#home02 .morebtn .btnbox {
	}
	#home02 .newslist {
		padding-left: 0;
	}
	.post-content #home02 .title h2 {
		margin-bottom: 0;
	}
	#home04 #topinfobox .ph {
		width: 45%;
	}
	#home04 #topinfobox .txt {
		padding-left: 6%;
		margin-top: 30px;
	}
	#home04 #rolltxt .scroll-text,
	#rolltxt .scroll-text {
		font-size: 70px;
	}
	
	.post-content h2 {
		font-size: 2rem;
	}
	.post-header h1,
	h1.post-title,
	.archive-title {
		font-size: 44px;
	}
	#wrap_concept .boxA .inner {
		width: 100%;
	}
	#wrap_concept .boxB .conbox .txt .num {
		font-size: 4rem;
	}
	#wrap_concept .boxC .txtbox,
	#wrap_concept .boxC .title {
		width: 100%;
	}
	#wrap_concept .boxC .title {
		margin-bottom: 20px;
	}
	
	.stepbox .flowlist {
		padding: 30px;
	}
	#wrap_page .stepbox .flowlist dd {
		padding: 15px 20px;
	}
	
	
	.post-content #wrap_works ul li {
		width: 25%;
	}
	#wrap_wks ul li img {
		height: 130px;
	}
	
	#wrap_wks .comtxt {
		padding: 20px;
	}
	
	.post-content #wrap_service h2,
	.post-content #wrap_flow h2 {
		margin-top: 30px;
	}
	
	
.box_L01,
.box_R01,
.box_L02,
.box_R02,
.box_L03,
.box_R03,
.box_L04,
.box_R04,
.box_L05,
.box_R05,
.box_L06,
.box_R06 {
	float: none;
	width: 100%;
	padding: 0 0 15px;
}

/*-- 767px -------------------------------------*/
}

@media screen and (max-width: 700px) {
	#wrap_page .post-inner,
	#wrap_wks .post-inner {
		padding-left: 30px;
		padding-right: 30px;
	}
	.post-content h2 {
		font-size: 28px;
	}
	body.page .post-header,
	.archive-header {
		margin-bottom: 30px;
	}
	
	#wrap_concept .boxB .conbox.con1,
	#wrap_concept .boxB .conbox.con2 {
		margin-bottom: 0;
	}
	#wrap_concept .boxB .conbox {
		padding-top: 0;
	}
	#wrap_concept .boxB .conbox .txt,
	#wrap_concept .boxB .conbox .ph {
		width: 100%;
	}
	#wrap_concept .boxB .conbox .txt {
		padding: 20px 20px 10px;
	}
	#wrap_concept .boxB .conbox .ph {
		position: inherit;
	}
	#wrap_concept .boxB .conbox .txt .title {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 15px;
	}
	#wrap_concept .boxB .conbox .txt .num {
		font-size: 3rem;
		position: inherit;
		margin-right: 10px;
	}
	.post-content #wrap_concept .boxB .conbox .txt h3 {
		margin: 0;
	}
	#wrap_concept .boxB .conbox .txtbox p {
		margin-bottom: 10px;
		line-height: 1.5;
	}
	#wrap_concept .boxC .title {
		padding-top: 50px;
	}
	.post-content #wrap_concept .boxC h2 {
		writing-mode: unset;
	}
	.post-content #wrap_concept .boxC h2 br {
		display: none;
	}
	
	#wrap_wks ul li img {
		height: 120px;
	}
	
	#wrap_company .boxB .flexbox {
		display: block;
	}
	#wrap_company .boxB .txt {
		width: 100%;
		text-align: center;
	}
	#wrap_company .boxB .ph {
		padding: 0;
		width: 30%;
		margin: 30px auto 0;
	}

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

@media screen and (max-width: 600px) {
	.post-content h2 {
		font-size: 26px;
	}
	
	#wrap_footer {
		padding-bottom: 80px;
	}
	.grecaptcha-badge {
		bottom: 80px !important;
	}
	#hscicon.rside {
		display: none;
	}
	#btmicon {
		display: inline-block;
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		z-index: 101;
		background-color: #fff;
		border-top: 1px solid #666;
	}
	#btmicon ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
	}
	#btmicon ul li {
		list-style-type: none;
		margin: 0;
		padding: 10px;
		width: 25%;
		text-align: center;
		line-height: 1;
	}
	#btmicon img {
		display: inline-block;
	}
	
	#home02 h2,
	#home03 h2 {
		font-size: 40px;
	}
	#wrap_home #home01 .wrap,
	#wrap_home #home02 .wrap {
		width: 94%;
	}
	#home02 .inner,
	#home04 #topinfobox,
	#topservice ul {
		display: block;
	}
	
	.post-content #home01 .txt h2 {
		font-size: 1.4rem;
		font-weight: 600;
		color: #333;
	}
	#home01 .txt {
		font-size: 100%;
	}
	
	#home02 .title,
	#home02 .newslist {
		width: 100%;
	}
	#home02 .title {
		margin-bottom: 15px;
	}
	#home02 .newslist .ptitle {
		font-size: 100%;
	}
	#home02 .newslist .date {
		padding-right: 10px;
	}
	#home02 .newslist .year {
		font-size: 85%;
	}
	#home02 .newslist .day {
		font-size: 120%;
	}
	#home04 #topinfobox .txt,
	#home04 #topinfobox .ph {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#topservice ul li,
	#topservice ul li:last-child {
		width: 100%;
		padding: 0;
	}
	#topservice ul li {
		margin-bottom: 15px;
	}
	#home04 {
	}
	#wrap_home #home04 .wrap {
		width: 100%;
	}
	#home04 .wrap:first-child {
		margin-top: 0;
	}
	#home04 #topinfobox {
	}
	#home04 #topinfobox .txt {
		padding: 20px;
	}
	#home04 #topinfobox .ph {
		position: relative;
	}
	#home04 #topservice {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.post-content #wrap_works ul li {
		width: 50%;
	}
	.workslist .ph img {
		height: 180px;
	}
	
	#wrap_wks .post-content ul li {
		width: 50%;
	}
	#wrap_wks ul li img {
		height: 200px;
	}

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

@media screen and (max-width: 500px) {
	#f_inner .f_widget.widget_text {
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	#f_inner .f_widget {
		width: auto;
		padding-right: 30px;
	}
	.sidebar-top h1.blog-title img {
		width: 50%;
	}
	
	.post-header h1,
	h1.post-title,
	.archive-title {
		font-size: 36px;
	}
	.post-content h2 {
		font-size: 28px;
		margin-top: 30px;
	}
	.post-content h3 {
		font-size: 22px;
		font-weight: 500;
	}
	
	#wrap_concept .boxB .conbox .txt .num {
		font-size: 2rem;
	}
	.post-content #wrap_concept .boxC h2 {
		text-align: left;
	}
	#wrap_concept .boxC .title {
		padding-top: 30px;
	}
	
	#wrap_renova .boxE .inqbox,
	#wrap_reform .boxE .inqbox {
		padding: 30px;
	}
	.post-content .inqbox h2 {
		font-size: 24px;
	}
	.inqbox .telnum {
		font-size: 24px;
		background-size: 30px;
		padding-left: 40px;
	}
	
	.stepbox .flowlist {
		padding: 20px;
	}
	
/*---------------------------------------*/
}

@media screen and (max-width: 450px) {
	#wrap_wks ul li img {
		height: 180px;
	}

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

@media screen and (max-width: 400px) {
	#home04 #rolltxt .scroll-text,
	#rolltxt .scroll-text {
		font-size: 50px;
	}
	
	.post-header h1 span,
	h1.post-title span {
		display: inline-block;
		width: 100%;
		margin: 0;
	}
	.post-content h2 {
		text-align: left;
		font-size: 24px;
	}
	.morebtn .btnbox {
		border-radius: 0;
	}
	
	#wrap_wks ul li img {
		height: 150px;
	}

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