@media (max-width: 768px) {

	/************************************************/
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}


	* {
		margin: 0;
		padding: 0;
	}

	* html body {
		overflow: hidden;
		overflow-x: hidden !important;
	}

	body {
		font-size: 14px;
		color: #323434;
		margin: 0px;
		text-align: left;
		line-height: 180%;
		font-weight: 500;
	}

	/* Chrome でのみフォントを太めに表示する */
	@media screen and (-webkit-min-device-pixel-ratio: 0) {
		* {
			text-shadow: transparent 0 0 0, rgba(0, 0, 0, .7) 0 0 0 !important;
		}
	}


	html {
		scroll-behavior: smooth;
	}



	#main {
		padding: 10px;
		text-align: left;
	}

	a {
		color: #000;
		text-decoration: none;
	}

	a:active,
	a:focus {
		outline: 0;
	}

	img {
		border: 0;
	}

	.clear {
		clear: both;
	}

	.color-a {
		color: #CC0000;
	}


	/*************
全体
*************/

	img {
		max-width: 100%;
		height: auto;
	}

	#outline {
		margin: 0 1%;
	}

	/*----------------------------------------------------------------------ヘッダー*/

	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}


	#header {
		overflow: hidden;
		clear: both;
		background-color: #fff;
		z-index: 1000;
	}

	#header-l {
		width: 50%;
		float: left;
	}

	#header-l img {
		max-width: 100%;
		width: auto;
		height: 45px;
		margin: 5px;
	}

	#header-r {
		padding-top: 7px;
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
	}

	#header-r img {
		height: 45px;
		margin-left: 5px;
		width: auto;
	}


	/**************************************************************
メニュー
**************************************************************/
	.drawer-hamburger {
		width: auto !important;
		position: relative !important;
		padding: 0 !important;
	}

	.drawer-menu-item {
		padding: 10px 15px !important;
		text-align: left;
		border-bottom: dashed 1px #ccc;
	}

	/*----------------------------------------------------------------------コンテンツ部分*/

	#text {
		padding: 10px;
	}


	#top-slide {
		background-image: url(../../../../image/top/slide/bg.png);
		background-position: right;
		text-align: center;
		background-repeat: no-repeat;
	}

	/**************************************************************
スライダー下
**************************************************************/
	.slider-waku {
		margin-bottom: 0px;
	}

	.slider-obi {
		text-align: center;
		width: 100%;
		background-color: rgb(0 0 0 / 90%);
		position: static;

	}

	.slider-obi-nai {
		font-size: max(5vw, 16px);
	}

	.slider-obi-nai img {
		height: 60px;
	}


	/**************************************************************
フッター
**************************************************************/
	#bottom {
		padding-bottom: 0;
		margin-top:50px;
	}

	#bottom-inner {
		text-align: left;
	}

	.bottom-l {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		color: #fff;
	}

	.bottom-l img {
		width: 80%;
		height: auto;
	}

	.bottom-r {
		width: 100%;

	}

	.bottom-r .box {
		width: 95%;
		margin-left:20px;
	}

	.bottom-r .box2 {
		width: 95%;
		margin-left: 3%;
		margin-top: 20px;
	}


	#bottom a:link,
	#bottom a:visited {
		color: #fff;

	}

	#bottom a:hover,
	#bottom a:active {
		color: #fff;
	}

	#bottom h1 {
		font-size: 12.5px;
		font-weight: normal;
		line-height: 100%;
		margin: 0px;
		padding: 0px 0 3px 0;
		font-weight: 500;
		color: #fff;
	}

	.copy {
		padding: 7px;
		text-align: center;
	}
	.bottom-l .telno {
		padding:0 30px;
	}

	/**************************************************************
ブログ
**************************************************************/

.blog-line{
	padding:25px 0;
}

.blog-line-l{
	width:30%;
	padding:0;
}

.blog-line-l img{
	width: 100%;
	height: auto;
}

.blog-line-r{
	font-size:12px;
}

.blog-line-r .tt{
	text-align:left;
	font-size: 14px;
	padding: 3px 0px;
    font-weight: 600;
	margin-bottom: 5px;
}

.blog-line-r .text{
	font-size: 11px;
}
	.blog-flex{flex-direction:column;}

	.blog-cont {
		text-align: left;
		font-size: 14px;
		line-height: 190%;
		padding: 10px;
	}

	.blog-cont li+li {
		border-left: none !important;
	}

	.blog-cont li {
		margin-left: 35px;
		font-size: 14px;
		line-height: 170%;
		margin-bottom: 13px;
	}

	.blog-cont ol {
		margin-top: 25px;
		margin-bottom: 25px;
	}


	.blog-cont p {
		margin-left: 0px;
	}

	.blog-cont .alignright {
		padding-left: 15px !important;
		background-color: #fff !important;
		float: right;
	}

	.blog-cont .alignleft {
		padding-right: 15px !important;
		background-color: #fff !important;
		float: left;
	}

	.blog-cont .aligncenter {
		display: block;
		margin: 0 auto 20px;
		text-align: center;
	}

	.blog-cont h1 {
		font-size: 16px;
		color: #000000;
		padding: 10px 5px;
		margin-bottom: 15px;
		margin-top: 30px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
	}

	.blog-cont h2 {
		font-size: 15px;
		color: #ff0000;
		padding: 10px 5px;
		border-bottom: solid 2px #ce424a;
		margin-bottom: 15px;
		margin-top: 30px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
	}

	.blog-cont h3 {
		font-size: 14px;
		background-color: #ce424a;
		padding: 7px;
		margin-top: 30px;
		margin-bottom: 15px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		color: #fff;

	}

	.blog-cont h4 {
		font-size: 13px;
		color: #000;
		padding: 7px 3px;
		border-bottom: solid 1px #000;
		margin-bottom: 15px;
		margin-top: 30px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
	}

	.blog-cont h5 {
		font-size: 12px;
		color: #000;
		padding: 5px;
		background-color: #ececec;
		margin-bottom: 15px;
		margin-top: 30px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
	}

	.blog-cont p {
		margin-bottom: 10px;
	}

	.blog-cont img {
		padding-bottom: 10px;
		padding-top: 10px;
		max-width: 100%;
		height: auto;
	}

	.blog-cont iframe {
		max-width: 100%;
	}

	.blog-cont hr {
		margin-bottom: 10px;
		margin-top: 10px;
		background-color: #fff;
		border-top: 2px dashed #ce424a;
	}





	/**************************************************************
ここから通常のcontents
**************************************************************/
	.sub-tt {
		padding: 10px;
		/*background-color: #007733;*/
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		line-height: 100%;
		text-align: center;

	}

	.sub-alpha {
		font-size: 10px;
		padding-top: 10px;
	}

	.navi {
		background-color: #ececec;
		padding: 5px;
		text-align: right;
		font-size: 12px;
		margin-bottom: 20px;
	}

	/**************************************************************
 コンタクトボタン
**************************************************************/

	.contact-set .button p {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 0 5px;
		font-size: 15px;
	}

	.contact-set .button img {
		width: 40px;
		height: auto;
		margin-right: 0;
		margin-bottom: 7px;
	}

	.panf-set a {
		width: 98%;
	}
	
	.contact-set .button {
		border-radius:20px;
		padding:10px 0;
	}

	/**************************************************************
新着情報
**************************************************************/

	#top-news {
		margin-bottom: 20px;
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
	}

	#top-news-l .tt {
		font-size: 24px;
		font-weight: 600;
		padding: 10px;
		margin-bottom: 0px;
	}

	#top-news-l {
		width: 96%;
		padding: 1%;
	}

	#top-news-r {
		width: 100%;
	}

	.news-line {
		padding: 7px;

	}

	.news-line-l {
		width: 100%;

	}

	.news-line-r {
		width: 100%;

	}

	.top-w-link {
		margin: 30px auto;
	}

	/**************************************************************
木造建築
**************************************************************/
	.mokuzou1 {
		padding: 15px;
		background-color: #f3f4f1;
		margin-bottom: 25px;
	}

	.mokuzou1 strong {
		font-size: 15px;
	}

	.mokuzou2 {
		padding: 15px;
		background-color: #f3f4f1;
		margin-bottom: 25px;
	}

	.mokuzou2 strong {
		font-size: 15px;
	}

	.mokuzou2 img {
		margin-top: 20px;
	}


	/**************************************************************
システム建築とは
**************************************************************/

	.about-midashi {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		line-height: 180%;
		margin-top: 15px;
	}

	.about-midashi2 {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		margin-top: 0px;
		line-height: 180%;
	}

	.about-midashi2 br {
		display: none;
	}

	.about-zu1 {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.about-zu1 img {
		width: 90%;
		height: auto;
	}

	.about-zu2 {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.about-zu2 img {
		width: 50%;
		height: auto;
	}

	.about-frame {
		margin-bottom: 0;
	}

	.about-frame-l {
		width: 98%;
	}

	.about-frame-l img {
		width: 100%;
		height: auto;
		margin-top: 15px;
	}

	.about-frame-r {
		width: 98%;
	}


	.about-box {
		margin-top: 10px;
		margin-bottom: 20px;
		width: 96%;
	}

	.about-box-tt {
		margin-bottom: 5px;
	}

	.about-box-text {
		padding: 10px;
		font-size: 13px;
		height: auto;
	}

	.about-box-img {}

	.about-box-img img {
		width: 100%;
		height: auto;
	}

	.ace {
		width: 31%;
		margin: 1%;
		text-align: center;
		float: left;
		font-size: 10px;
	}

	.ace img {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}

	.tt-ace {
		padding: 5px;
		border-bottom: solid 1px #ccc;
		margin-bottom: 15px;
		margin-top: 25px;
		font-weight: 600;
		font-size: 15px;
	}

	/**************************************************************
システム建築その2　
**************************************************************/
	.nayami-title {
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		line-height: 120%;
		margin-top: 30px;
	}

	.about-nayami {
		display: flex;
		flex-wrap: wrap;
		background-color: #f2f2f2;
		padding: 10px;
		margin: 20px 0;
	}

	.nayami-l {
		width: 100%;
		vertical-align: middle;
	}

	.nayami-l .nayami li {
		font-size: 17px;
		font-weight: 600;
		line-height: 100%;
		list-style: none;
		padding: 0;
	}

	.nayami-l .nayami li::before {
		content: url("../../../../image/about/check.png");
		display: inline-block;
		vertical-align: middle;
		transform: scale(0.7);
	}

	.nayami-l .nayami li span {
		color: red;
	}

	.nayami-r {
		width: 100%;
	}

	.nayami-r img {
		width: 100%;
		height: auto;
	}

	.nayami-midashi {
		background-color: var(--sub-color);
		padding: 20px 0;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		color: #fff;
		margin: 40px 0;
	}

	.upup::before {
		content: url("../../../../image/about/omakase_l.png");
		display: inline-block;
		vertical-align: middle;
		transform: scale(0.7);
	}

	.upup::after {
		content: url("../../../../image/about/omakase_r.png");
		display: inline-block;
		vertical-align: middle;
		transform: scale(0.7);
	}

	.nayami-text {
		text-align: left;
		font-size: 16px;
		font-weight: 700;
		line-height: 150%;
		padding: 0 10px 30px;
	}

	.nayami-text span {
		color: red;

	}

	.center {
		text-align: center;
	}

	.nayami-img {
		display: flex;
		flex-wrap: wrap;
		margin: 30px 0;
	}

	.nayami-img img {
		width: calc(50% - 10px);
		height: auto;
		padding: 5px;
	}

	/**************************************************************
各ページ
**************************************************************/





	.contact-set {
		margin: 0;
	}


	.top-event-l {
		width: 100%;

	}

	.top-event-r {
		width: 100%;
	}

	/***************施工事例*************/


	.top-w-catch {
		margin-top: 35px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
	}

	.works-flex {
		display: flex;
		flex-wrap: wrap;
		padding:0 10px;
	}

	.top-w-box {
		width: 98%;
		border: solid 1px #8d8d8d;
		height: auto;
	}

	.top-w-box-text {
		font-size: 12px;
	}



	#top-plan {
		margin-bottom: 50px;
	}

	.top-plan-box {
		width: 95%;
		margin: 0 auto;
	}


	/* top-contents */
	#top-contents ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 40px 10px;
		list-style: none;
	}


	#top-contents li {
		margin-left: 0.9%;
	}

	#top-contents li:nth-of-type(1n+4) {
		margin-top: 0px;
	}

	/* #top-contents li:nth-of-type(1n+2) {
  margin-top: 20px;
} */

	#top-contents li {
		width: 49%;
		height: 220px;
		border-radius: 6px;
		margin-bottom: 10px;

	}

	#top-contents li a {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 100%;
		text-decoration: none;
		padding: 20px 5px;
		box-sizing: border-box;
		background-color: #9e9f9c;
	}

	#top-contents li a:hover {
		opacity: 0.7;
	}

	#top-contents li figure {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		min-height: 64px;
	}

	#top-contents li a h3 {
		margin-top: 0px;
		font-size: 14px;
		color: #fff;
		line-height: 100%;
		text-align: center;
		flex: auto;

	}

	#top-contents li a span {
		margin-top: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 85%;
		font-size: 12px;
		border-radius: 3px;
		transition: 0.5s;
	}


	#top-contents img {
		width: 75px;
		height: 75px;
	}


	.top-banner {
		text-align: center;
		margin-bottom: 30px;
		padding: 10px;
	}

	.top-banner img {
		margin-bottom: 10px;
	}



	/**************************************************************
施工事例詳細
**************************************************************/
	.worksdetail {}

	.worksdetail-l {
		width: 100%;
		margin-bottom: 10px;
	}

	.worksdetail-r {
		width: 100%;

		line-height: 190%;
		text-align: left;
		padding: 0 10px 10px;
	}

	.worksdetail-r-tt {
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 10px;
		border-bottom: dashed 1px #ccc;
		padding-bottom: 10px;
		line-height: 150%;
		text-align: center;
	}

	/**************************************************************
イベント情報
*************************************************************

.sub-event{
	overflow: hidden;
	padding: 20px 0;
	border-bottom: dotted 1px #ccc;
}
.sub-event .tt{
	background-color: #8d8d8d;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}

.sub-event-l{
	margin: 15px;
	text-align: center;
}
.sub-event-l img{
	 width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.sub-event-r{
    margin: 15px 15px 15px 0px;
}

.sub-event-r-tt{
	font-size: 20px;
	padding: 7px;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 10px;
	font-weight: bold;
}

.sub-event-r-text{
	padding: 7px;
	line-height: 190%;
	font-size: 15px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 15px;
}
.sub-event-r-text2{
	padding: 7px;
	line-height: 180%;
	font-size: 14px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
}
.sub-event-link{
	text-align: right;
	margin-top: 15px;
}
.sub-event-link img{
	width: 200px;
	height: auto;
}*/


	/*イベント情報---------------------------------------------------*/

	#top-event {
		background-color: #f2f2f2;
		padding: 30px 10px;
	}

	.top-event-l {
		margin: 0%;
	}

	.top-event-r {
		margin: 0% 2%;
	}

	.event-line {
		overflow: hidden;
		clear: both;
	}

	.event-line2 {
		padding: 10px;
	}

	.event-line-l {
		width: 100%;
		margin-bottom: 10px;
	}

	.event-line-l img {
		width: 100%;
		height: auto;
	}

	.event-line-r {
		width: 100%;
		text-align: left;

	}

	.event-ttt {
		padding: 10px;
		color: #fff;
		font-weight: 500;
		font-size: 14px;
		margin-bottom: 15px;
	}


	.event-line2 .line {
		padding: 7px 0;
		font-weight: 500;
		border-bottom: dotted 1px #ccc;
		font-size: 16px;
	}

	.event-line2 .line2 {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.event-line2 .linebotan img {
		width: 50%;
		height: auto;
	}

	.event-line2 .line-t {
		background-color: #565656;
		padding: 7px;
		font-weight: 500;
		color: #fff;
		font-size: 12px;
		margin-right: 15px;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}


	.event-line .line {
		padding: 7px 0;
		font-weight: 500;
		border-bottom: dotted 1px #ccc;
		font-size: 13px;
	}

	.event-line .line2 {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.event-line .linebotan img {
		width: 50%;
		height: auto;
	}

	.event-line .line-t {
		background-color: #565656;
		padding: 7px;
		font-weight: 500;
		color: #fff;
		font-size: 12px;
		margin-right: 15px;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	.yoyaku-botan {
		margin-top: 50px;
		margin-bottom: 50px;
		text-align: center;
	}

	.yoyaku-botan img {
		width: 400px;
		height: auto;
	}

	.ee-come {
		padding: 20px 0;
		font-size: 13px;
	}



	/**************************************************************
土地情報
**************************************************************/

	#land .land-flex .readmore a:link {
		width: 70%;
	}

	.land-flex {
		font-size: 14px;
		flex-wrap: wrap;
		margin-bottom: 30px;
		border-top: 10px solid #999;
		border-bottom: solid #fff 1px;
	}

	.land-flex .basho,
	.land-flex .youto,
	.land-flex .tsubo {
		width: 68%;
		padding: 5px 1%;
		margin-top: 5px;
		border-bottom: 1px solid #999;
		border-right: 0px;
	}

	.land-flex .bashosp,
	.land-flex .youtosp,
	.land-flex .tsubosp {
		width: 28%;
		padding: 5px 1%;
		margin-top: 5px;
		background-color: #f2f2f2;
		border-bottom: 1px solid #999;
	}

	.land-flex .info {
		width: 100%;
		padding: 5px 10px;
		margin-top: 5px;
		border-bottom: 1px solid #fff;
	}

	.land-flex .infosp {
		width: 100%;
		padding: 5px;
		margin-top: 5px;
		background-color: #f2f2f2;
	}

	.land-message {
		text-align: left;
		padding: 7px;
	}

	/*よくある質問------------------------------------------------------*/

	.faq-line {
		padding: 10px;
		border-bottom: dotted 1px #ccc;
		text-align: left;
	}

	.faq-line .tt {
		font-size: 16px;
		border-bottom: solid 1px #000;
		padding: 10px 0px;
		margin-bottom: 20px;
		text-align: left;
	}

	.faq-botan {
		margin-bottom: 10px;
		text-align: center;
	}

	.faq-botan img {
		width: 48%;
		height: auto;
		margin: 1%;
	}


	/*進行中の現場---------------------------------------------------*/

	.genba-line {
		padding: 25px 0;
	}

	.genba-line-l {
		width: 30%;
		padding: 0;
	}

	.genba-line-l img {
		width: 100%;
		height: auto;
	}

	.genba-line-r {
		font-size: 12px;
	}

	.genba-line-r .tt {
		text-align: left;
		font-size: 14px;
		padding: 3px 0px;
		font-weight: 600;
		margin-bottom: 5px;
	}

	.genba-line-r .text {
		font-size: 11px;
	}

	/*SEO用のカスタム投稿ページ-------------------------------------*/

	.seo-mainimage {
		margin-bottom: 20px;
	}

	.seo-mainimage img {
		width: 100%;
		height: auto;
	}

	.seo-text {
		display: flex;
		flex-wrap: wrap;
		font-size: 15px;
		margin-bottom: 30px;
		padding: 2%;
	}

	.seo-text-text {
		width: 96%;
		padding: 2%;
	}

	.seo-text-img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.seo-text-img img {
		width: 100%;
		height: auto;
	}

	/*お問い合わせフォーム-----------------------------------*/
	.apply-mes {
		padding: 10px;
		background-color: #f2f2f2;
		margin-bottom: 10px;
		margin-top: 10px;
		text-align: center;
		font-size: 13px;
		line-height: 160%;
		text-align: left;
	}

	.midashi-apply span {
		position: relative;
	}

	.midashi-apply span::before {
		content: '';
		display: inline-block;
		position: absolute;
		left: -80px;
		top: -10px;
		width: 3px;
		height: 70px;
		transform: rotate(-35deg);
	}

	.midashi-apply span::after {
		content: '';
		display: inline-block;
		position: absolute;
		right: -15px;
		top: -10px;
		width: 3px;
		height: 70px;
		transform: rotate(35deg);
	}


	/*apply------------------------------------------------------------*/

	#apply-frame {
		margin: 0 auto;
	}

	.apply-line {
		overflow: hidden;
		padding: 15px;
		border-bottom: dashed 1px #ccc;
		text-align: left;
	}

	.apply-line-l {
		width: 100%;
		font-weight: bold;
		font-size: 13px;
	}

	.apply-line-r {
		width: 100%;
		margin-top: 7px;
	}


	.hissu {
		color: #FF0004;
		font-size: 10px;
	}

	/* テキストフォームの設定 */
	.wpcf7-text {
		padding: 10px;
		width: 90%;
		color: #636063;
		font-size: 13px;
		background-color: #F9F9F9;
		border: solid 1px #CCCCCC;
	}

	/* テキストフォームのフォーカス時の設定 */
	.wpcf7-text:focus {
		background-color: #FFFFCC;
	}

	/* テキストエリアの設定 */
	.wpcf7-textarea {
		padding: 10px;
		width: 90%;
		height: 100px;
		color: #636063;
		font-family: "Myriad Pro", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
		font-size: 13px;
		background-color: #F9F9F9;
		border: solid 1px #CCCCCC;
	}

	/* テキストエリアのフォーカス時の設定 */
	.wpcf7-textarea:focus {
		background-color: #FFFFCC;
	}

	/* 送信ボタンの設定 */
	.wpcf7-form-control.wpcf7-submit {
		appearance: none;
		-webkit-appearance: none;
	}

	.wpcf7-form-control.wpcf7-submit {
		display: block;
		width: 200px;
		border: none;
		padding: 10px;
		background-color: #444444;
		color: #fff;
	}

	/* 送信ボタンのフォーカス時の設定 */
	.wpcf7-form-control.wpcf7-submit:hover {
		filter: alpha(opacity=80);
		opacity: .6;
		-moz-transition: all 0.7s ease;
		-webkit-transition: all 0.7s ease;
	}

	/* リストの縦並び（チェックボックス・ラジオ） */
	span.wpcf7-list-item {
		display: block !important;
	}

	/* セレクト */
	select {
		width: 230px;

	}

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		overflow: hidden;
	}

	.wpcf7-form-control-wrap {
		text-align: canter;
		margin: 0 auto;
	}

	/*********************
 TELボタン
*********************/


	.contact-set-kotei .c-kotei {
		padding: 7px 0 0;
	}

	.contact-set-kotei .button::before {
		right: 0;
	}
	.contact-set-kotei .button p{padding:0 20px 0 0;}

	/*選ばれる理由-----------------------------------------------------------*/

	.reason-box {
		width: 95%;
		padding:10px;
	}

	.reason-box img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.reason-box .ttt {
		font-size: 14px;
		font-weight: 600;
		padding: 10px;
	}


	/*ご注文の流れ*/

	.order-waku {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.order-waku .l {
		width: 98%;
	}

	.order-waku .r {
		width: 98%;
	}



	/*company------------------------------------------------------------*/

	.rinen {
		font-size: 16px;
		margin-bottom: 30px;
		text-align: center;
	}

	.message {
		padding: 10px;
		font-size: 15px;
		flex-direction: column-reverse;

	}

	.message .img {
		width: 94%;
		margin: 0 3% 3%;
		height: auto;
	}

	.message .img img {
		width: 100%;
		height: auto;
	}

	.message .text {
		width: 100%;
	}

	.message-name {
		margin-top: 30px;
		margin-bottom: 50px;
		text-align: right;
	}


	.message-name img {
		width: 198px;
		height: auto;
	}


	.company-line {
		padding: 5px;
		border-bottom: dashed 1px #ccc;
		overflow: hidden;
		text-align: left;
		font-size: 13px;
	}

	.company-line a:link {
		color: #323434;
		border-bottom: dotted 1px #ccc;
		text-decoration: none;

	}

	.company-line a:visited {
		color: #323434;
		border-bottom: dotted 1px #ccc;
		text-decoration: none;
	}

	.company-line a:hover {
		color: #ba0000;
		border-bottom: dotted 1px #ba0000;
		text-decoration: none;
	}

	.company-line a:active {
		color: #323434;
		text-decoration: none;
	}



	.company-line li {
		list-style: square;
		list-style-position: inside;
	}

	.company-line-l {
		width: 98%;
		padding: 1%;
	}

	.company-line-r {
		width: 94%;
		padding: 2% 3%;
		line-height: 190%;
		border: 0;
	}

	.tt-com {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: 600;
	}


	.eigyousho {
		overflow: hidden;
		clear: both;
		padding: 15px 0;
		margin-bottom: 15px;

	}

	.eigyousho-img {
		margin-bottom: 15px;
	}

	.eigyousho-img img {
		width: 100%;
		height: auto;
	}

	.eigyousho-add {}

	.eigyousho-tt {
		border-bottom: solid 1px #ccc;
		font-size: 16px;
		padding: 5px 0;
		font-weight: 600;
	}




	/**************************************************************
カタログダウンロード
**************************************************************/
	#panf-img-set {
		width: 100%;
		margin: 10px auto 40px;
		display: flex;
	}

	#panf-img-set * {
		box-sizing: border-box;
	}

	#panf-img-set .wpcf7-form-control {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#panf-img-set .wpcf7-form-control-wrap.checkbox-content .wpcf7-list-item {
		width: 32% !important;
		display: inline-block !important;
		margin-left: 0;
		margin-top: 20px;
	}

	#panf-img-set .wpcf7-list-item label {
		display: block;
		width: 100%;
		aspect-ratio: 100 / 69;
		height: auto;
		cursor: pointer;
	}

	#panf-img-set .wpcf7-list-item label::before {
		display: block;
		content: "";
		background-size: auto 90px;
		background-position: 50% 0;
		width: 100%;
		height: 100px;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(2) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(3) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(4) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(5) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(6) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(7) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(8) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(9) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(10) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}
	#panf-img-set .wpcf7-list-item:nth-of-type(11) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(12) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}

	#panf-img-set .wpcf7-list-item:nth-of-type(13) label::before {
		background-size: auto 90px;
		background-position: 50% 0;
	}


	#panf-img-set .wpcf7-list-item .wpcf7-list-item-label {
		display: inline-block;
		text-align: center;
		line-height: 1.2;
		width: 100%;
		padding-left: 22px;
		margin-top: 0px;
	}

	#panf-img-set .wpcf7-list-item {
		position: relative;
		width: 45%;
		margin-bottom: 20px;
	}

	#panf-img-set .wpcf7-list-item input {
		position: absolute;
		z-index: 1;
		width: 18px;
		height: 18px;
		bottom: 12px;
		margin-right: 8px;
		left: 0px;
	}

	#panf-img-set .wpcf7-list-item .wpcf7-list-item-label {
		font-size: 13px;
		text-align: left;
		font-weight: bold;
		width: 100% !important;
	}

	#panf-img-set .wpcf7-form-control-wrap.checkbox-content .wpcf7-list-item {
		position: relative;
	}





	/**************************************************************
PLAN個別
**************************************************************/

	.plan-brand-name {
		text-align: center;
	}

	.plan-brand-name2 {
		margin-bottom: 20px;
		margin-top: 50px !important;
	}


	.plan-brand-name img {
		margin-bottom: 10px !important;
		margin-top: 10px !important;
		width: 150px;
		height: auto;
	}

	.plan-brand-name2 img {
		margin-bottom: 10px !important;
		margin-top: 10px !important;
		width: 150px;
		height: auto;
	}


	.plan-brand-midashi {
		height: auto;
	}

	.plan-brand-midashi2 {
		margin-bottom: 15px;
		text-align: left;
	}

	.apply-botan-plan {
		margin: 15px 0;
	}

	.apply-botan-plan img {
		width: 48%;
		margin: 1%;
		height: auto;
	}

	.plan-muchu-main {
		margin-bottom: 25px;
	}

	.plan-waku {
		width: 98%;
		margin-bottom: 25px;
	}

	.plan-waku-l {}

	.plan-waku-l .tt {
		font-size: 15px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		text-align: center;
	}

	.plan-waku-l .text {}

	.plan-waku-r {
		margin-top: 15px;

	}

	.plan-waku-r img {
		width: 100%;
		height: auto;
	}

	.plan-waku2 {}

	.plan-waku-l2 {
		width: 98%;
	}

	.plan-waku-r2 img {
		width: 100%;
		height: auto;
	}


	.plan-waku-r2 {
		width: 98%;
		margin-top: 0;
	}



	.plan-ex {
		text-align: left;
	}

	.plan-tokuchou {
		padding: 15px;
	}

	.plan-tokuchou2 {
		width: 98%;

	}

	.plan-tokuchou-l {
		width: 100px;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.plan-tokuchou-l img {
		width: 100%;
		height: auto;
	}


	.plan-tokuchou-r {
		text-align: left;
	}

	.plan-tokuchou-r .tt {
		font-size: 14px;
	}

	.plan-sankou {
		overflow: hidden;
		clear: both;
	}

	.plan-sankou-l {
		margin-bottom: 10px;
	}

	.plan-sankou-l img {
		width: 100%;
		height: auto;
	}

	.plan-sankou-r {}

	.plan-midashi {
		background-color: #6A6A6A;
		color: #fff;
		padding: 5px;
		margin-bottom: 10px;
		margin-top: 7px;
	}

	.plan-line {
		overflow: hidden;
		padding: 5px;
		border-bottom: dotted 1px #ccc;
		font-size: 14px;
	}

	.plan-line-l {
		width: 100px;
		float: left;
	}

	.plan-line-r {
		width: 350px;
		float: right;
	}

	.plan-price {
		font-size: 36px;
	}

	.p-chui {
		font-size: 12px;
	}

	.p-chui-l {
		width: 98%;
		margin-bottom: 10px;
	}

	.p-chui-r {
		width: 98%;
	}



	.plan-ff {
		margin: 1%;
		margin-bottom: 25px;
	}

	.plan-ff img {
		width: 100%;
		height: auto;
	}

	.plan-ff .tt {
		font-size: 14px;
		padding: 6px;
	}


	.plan-ff {
		position: relative;
		z-index: 1;
		/* 必要であればリンク要素の重なりのベース順序指定 */
		width: 48%;
		margin: 1%;
	}

	.plan-ff a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -999px;
		z-index: 2;
		/* 必要であればリンク要素の重なりのベース順序指定 */
	}

	.plan-ff:hover {
		transition: 1.0s;
		filter: alpha(opacity=70);
		/* IE 6,7*/
		-ms-filter: "alpha(opacity=70)";
		/* IE 8,9 */
		-moz-opacity: 0.7;
		/* FF , Netscape */
		-khtml-opacity: 0.7;
		/* Safari 1.x */
		opacity: 0.7;
		zoom: 1;
		/*IE*/
	}

	/**************************************************************
工場
**************************************************************/
	.factoy-text {
		padding: 10px;
	}

	.factory-flex {
		display: flex;
		flex-wrap: wrap;
		margin: 30px 0;
	}

	.factory-box {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		margin-bottom: 50px;
	}

	.factory-box h3 {
		font-size: 16px;
		font-weight: 600;
		margin: 20px 0;
	}


	/**************************************************************
修繕・改修について
**************************************************************/

	.reno-top img {
		border-radius: 0;
		margin-bottom: 30px;

	}

	.reno-page li {
		list-style: none;
	}

	.reno-lead {
		display: unset;
		margin: 0px auto;
	}

	.reno-leadText {
		font-size: 16px;
		padding: 0 20px 20px;
		width: unset;
	}

	.reno-leadText span {
		font-size: 21px;
		font-weight: bold;
	}

	.reno-leadImage {
		width: unset;
		padding: 20px;
	}

	.reno-planText {
		padding: 0 20px 20px;
		font-size: 16px;
		line-height: 2;
	}

	.reno-planImage {
		padding: 0 20px;
	}


	.reno-gallery ul {
		width:100%;
	}

	.reno-gallery ul li {
		width: 100%;
	}

	.reno-gallery ul li:nth-child(1),
	.reno-gallery ul li:nth-child(3) {
		width: 100%;
	}




	.reno-gallery ul li:nth-child(2) {
		/* 矢印 */
		width: 5%;
		padding: 5px;
	}

	.reno-wrap {
		width: 100%;
		margin-bottom: 20px;
	}

	.reno-page article {
		padding: 3%;
		margin: 10px auto;
	}

	.reno-wrap dt,
	.reno-wrap dd {
		font-size: 14px;
	}

	.reno-wrap dt {
		width: 30%;
		margin-left: 0;
		padding: 2px;
		margin: 0 0 1px;
	}

	.reno-wrap dt:nth-of-type(even) {
		margin-left: 0;
	}

	.reno-wrap dd,
	.reno-wrap dd:nth-of-type(even) {
		width: 63%;
		margin-left: 8px;
	}

	/* #reno-nayami あなたの工場こんなお悩みありませんか？ */
	#reno-nayami h2,
	#reno-menu h2 {
		text-align: center;
		line-height: 1.7;
		margin: 30px auto 10px;
	}

	.reno-page .flex-3 {
		/* 3つ並びボックス */
		gap: 10px 2%;
	}

	#reno-nayami .nayami {
		width:43%;
		border-radius: 10px;
	}

	#reno-nayami img {
		border-radius: 7px;
	}

	/* #fukidashi-L すべて解決！ */
	.fukidashi-L {
		padding: 30px;
		display: block;
	}

	.fukidashi-L img {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	.fukidashi-L p.large {
		font-size: 5.5vw;
		line-height: 1.3;
		text-align: center;
		margin-top: 20px;
	}

	.fukidashi-L::before {
		border: 25px;
	}

	/* 修繕メニュー */
	
	#reno-menu .r-menu{
		width:42%;
	}
	
	#reno-menu .r-menu p {
	min-height: 3em;
	}

	#reno-menu .apply a {
		width: 100%;
		margin-bottom: 5px;
	}

	#reno-apply {
		padding: 20px 20px 0;
	}
	#reno-apply .contact-set {
    margin: 0 auto;
	}

	#reno-apply h3 {
		margin-bottom: 20px;
		line-height:normal;
	}

	#reno-apply .contact-set p {
		width: 100%;
		font-size: 1.3em;
		font-weight: 600;
		margin: 0 auto 20px;
	}

#reno-apply .contact-set p.tel a {
		padding-top: 10px;
	}

#reno-apply .contact-set p>a.reno-bt {
	margin-top:10px;
	}

	.fixed-panf-bt_sp {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1;
		line-height: 0;
	}

	.fixed-panf-bt_sp a {
		line-height: 0;
		margin-bottom: -1px;
	}

	.fixed-panf-bt_sp a img {
		height: auto;
		width: 100%;
	}

	.slider-bt-set {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
	}

	.slider-bt-set li {
		width: 50%;
	}

	.slider-bt-set li img {
		width: 100%;
		height: auto;
	}
	
.contact-set-kotei .c-kotei p {
		font-size: 24px;
	}