@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;
	}

	

	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;
		border-bottom: solid 1px var(--main-color);
		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;
	}

	.drawer-nav {
		z-index: 5 !important;
	}

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

	#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 img {
		height: 45px;
	}


	/**************************************************************
フッター
**************************************************************/
	#bottom {
		padding-bottom: 0;
	}

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

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

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

	.bottom-r {
		width: 100%;
		font-size: 15px;
		line-height: 200%;
	}

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

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


	#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;
	}


	/**************************************************************
フッター固定カタログダウンロード
**************************************************************/


	/*.fix-bana-flex {
    position: absolute;
    bottom: 0;
    display: flex;
	justify-content:center;
	align-items:flex-end;

	margin: 0;
	padding: 0;
}*/

	.fix-bana {
		position: fixed;
		bottom: -8px;
		right: 0;
		left: 0;
		height: 58px;
		text-align: left;
		border-top: 0 solid #FFF;
		z-index: 3;
		padding: 0 !important;
		margin: 0 !important;
	}

	.fix-bana-flex {
		position: absolute;
		bottom: 0;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		background-image: none;
	}

	.fix-bana-flex a.b01 {
		width: 17%;
	}

	.fix-bana-flex a.b02 {
		width: 17%;
	}

	.fix-bana-flex a.b03 {
		width: 66%;
	}

	.fix-bana .fix-bana-flex img {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: 100%;
	}

	.footer-obi {
		flex-grow: 2;
	}


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


	.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 #007733;
		margin-bottom: 15px;
		margin-top: 30px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
	}

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

	}

	.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 #007733;
	}





	/**************************************************************
ここから通常のcontents
**************************************************************/
	.sub-tt {
		color: #fff;
		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;
	}

	.top-tt {
		padding: 30px 10px 0;
	}

	.report {
		margin: 0 auto 10px auto;
	}

	.report_new202402 {
		margin: 0 auto;
		max-width: 100%;
	}

	/**************************************************************
 コンタクトボタン
**************************************************************/
	#contact {
		margin-top: 40px;
		padding: 20px;
	}

	.contact-set .button {
		width: 98%;
		padding: 0;
	}

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

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

	.panf-set a {
		width: 98%;
	}

	.contact-set .c-tel,
	.contact-set .c-mail {
		width: 96%;
		padding: 10px 0;
	}


	.contact-set .button::before,
	.contact-set .button::after {
		right: 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: 10px 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;
	}

	.about-zu1 img {
		width: 100%;
		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;
	}

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


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


	.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;
	}

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

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


	#genba {
		margin: 0 0 50px;
		padding: 20px 10px;
	}

	#genba-inner {}

	.genba-box {
		width: 100%;
		padding: 15px;
		background-color: #FFF;
		box-sizing: border-box;
	}


	/* TOP　商品プラン */
	#top-plan {
		margin-bottom: 50px;
	}

	.top-plan-box {
		width: 94%;
		margin: 0 auto 20px;
	}

	.top-plan-flex .top-plan-img {
		width: 100%;
	}

	.top-plan-flex img {
		border-radius: 20px 20px 0 0;
	}

	.top-plan-flex .top-plan-title {
		width: 98%;
		padding: 10px;
		text-align: center;
	}

	.top-plan-flex .top-plan-title::after {
		transform: scale(0.6);
		line-height: 30px;
		right: 0;
	}

	#kotei-plan {
		max-width: 1100px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#kotei-plan .top-plan-box {
		width: 96%;
		margin: 2%;
	}

	#kotei-plan .top-plan-flex .top-plan-title {
		font-size: clamp(1rem, 0.755rem + 1.4vw, 1.4rem);
		width: 48%;
		padding: 1% 0 0 10px;
		text-align: left;
	}

	#kotei-plan .top-plan-flex .top-plan-title::after {
		transform: scale(0.6);
		right: 0px;
	}

	#kotei-plan .top-plan-flex .top-plan-img {
		width: 50%;
	}

	#kotei-plan .top-plan-flex img {
		border-radius: 20px 0 0 20px;
	}

	#kotei-plan .top-plan-flex {
		flex-wrap: nowrap;
		text-align: left;
	}

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

	#top-contents li {
		width: 100%;
	}


	.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;
}*/


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

	.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;
		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 .snum,
	.land-flex .basho,
	.land-flex .youto,
	.land-flex .tsubo {
		width: 68%;
		padding: 1%;
		margin-top: 5px;
		border-bottom: 1px solid #999;
		border-right: 1px solid #fff;
	}

	.land-flex .snumsp,
	.land-flex .bashosp,
	.land-flex .youtosp,
	.land-flex .tsubosp {
		width: 25%;
		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;
	}

	/*土地情報NEW*/
	.land-flex .snum p {
		left: -60px;
	}

	/*土地情報タクソノミー*/
	.land-kind {
		padding-top: 0px;
		gap: 10px;
		text-align: center;
	}

	.land-kind li {
		width: 30%;
		font-size: 16px;
		padding: 7px 0;
	}

	.land-kind li a {
		padding: 5px 0;
	}

	/****土地情報　マップ追加***/

	.lan-map-waku {
		display: block;
		align-items: center;
		margin-bottom: 50px;
	}

	.lan-map-waku .map {
		width: 100%;
	}

	.lan-map-waku .map-info {
		width: 100%;
		margin-left: 0px;
	}

	.lan-map-waku .map-info .box {
		padding: 10px;
		background-color: #ffb133;
		margin-bottom: 10px;
		border-radius: 10px;
	}

	.lan-map-waku .map-info .box h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.lan-map-waku .map-info .box .local-area-small {
		margin-top: 10px;
		font-size: 12px;
		line-height: 120%;
	}

	.all {
		position: relative;
		z-index: 1;
		transition: 1.0s;
	}

	.all a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -999px;
		z-index: 2;
		transition: 1.0s;
	}

	.all:hover {
		transition: 1.0s;
		opacity: 0.7;
		zoom: 1;
		/*IE*/
	}

	.kennan-map {
		background-color: #7cb9d4 !important;
	}

	.kenou-map {
		background-color: #7dd161 !important;
	}



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

	.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;
	}

	.genba-flex {
		flex-direction: column;
	}

	/*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: 20px;
		background-color: #444444;
		color: #fff;
		margin-top:10px;
		font-size:20px;
	}

	/* 送信ボタンのフォーカス時の設定 */
	.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;
		text-align: left;
	}

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

	}

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

	.clearfix {
		overflow: hidden;
	}

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


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

	.reason-box {
		width: 90%;
		padding: 2%;
	}

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

	.reason-box .ttt {

		font-weight: 600;
		padding: 10px;
	}

	.reason-box .ttt span {
		padding: 7px 10px;

	}


	/*ご注文の流れ*/

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

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

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

	.order-waku .r .t1 {}

	.order-waku .r .t2 {}


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

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

	.message {
		padding: 10px;
		font-size: 15px;
		display: flex;
		flex-wrap: wrap;
	}

	.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: 20px;
		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%;
		height: 145px;
		cursor: pointer;
	}

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

	#panf-img-set .wpcf7-list-item .wpcf7-list-item-label {
		display: inline-block;
		text-align: center;
		width: 100%;
		padding-left: 22px;

	}

	#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;
	}

	/**************************************************************
rental
**************************************************************/
	#rental .rental-up {
		background-color: #EDF5F9;
		padding: 10px;
		margin-bottom: 20px;
	}

	#rental .rental-up .rental-midashi {
		font-size: 20px;
		font-weight: 700;
		line-height: 180%;
		color: #01913a;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	#rental .rental-up p {
		font-size: 15px;
		font-weight: 500;
	}

	#rental .rental-img {
		padding: 10px 0;
	}

	#rental .rental-box {
		overflow: hidden;
		padding: 5px;
		border: solid 1px #ccc;
		margin-bottom: 10px;

	}

	/*#rental .rental-box2{
overflow: hidden;
background-color:#e9e9e9;
	font-size:11px!important;
}


#rental .rental-box .r{
    line-height: 150%;
	display:flex;
	flex-wrap:wrap;
}
#rental .rental-box .r .imgbox{
	width: 98%;
	padding: 1%;
	border-bottom: solid 1px #ccc;
}
#rental .rental-box .r .imgbox img{
	width:100%;
	height:auto;
}
#rental .rental-box .r .koumoku{
	width: 98%;
	padding: 1%;
	border-bottom: solid 1px #ccc;
}

#rental .rental-box .r .koumoku3{
	width: 98%;
	padding: 1%;
}
#rental .rental-box .r .koumoku-apply{
	width:100%;
	text-align:center;
}
#rental .rental-box .r .koumoku-apply a{
	display:block;
	width: 200px;
	margin:0 auto;
	background-color:red;
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:500;
	padding:7px;
}*/




	/*施工事例achiveの下の反響ボタン*/

	.contact-set2 .button {
		position: relative;
		width: 100%;
		display: inline-block;
		padding: 15px 0;
		background-color: #555;
		color: #fff;
		text-align: center;
		font-size: 18px;
		transition: 0.5s;
		border-radius: 50px;
		margin-bottom: 10px;
	}

	.movie-flex {
		display: flex;
		justify-content: center;
		gap: 20px;
		padding: 0 10px;
		margin: 30px auto;
	}

	.movie-box {
		width: 100%;
	}

	.movie {
		width: 100%;
		position: relative;
		padding-top: 56.25%;
	}

	.movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}



	/****************************************************/
}


@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
	* {
		text-shadow: transparent 0 0 0, rgba(0, 0, 0, .7) 0 0 0 !important;
	}
}

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

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

}

.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 li:nth-child(2) {
	width: 7%;
	padding: 0 1%;
}

.reno-gallery ul {
	margin-bottom: 20px;
}

/******************************************************
工場の修繕
**************************************************************/

.repe-midashi {
	position: relative;
	display: inline-block;
	padding: 0 45px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.repe-midashi:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: black;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.repe-midashi:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: black;
	-webkit-transform: rotate(-120deg);
	transform: rotate(-120deg);
}

.repe-midashi:before {
	left: 0;
}

.repe-midashi:after {
	right: 0;
}

.repe-midashi2 {
	font-size: 25px;
	font-weight: 600;
	line-height: 140%;
}

.repe-flex {
	display: flex;
	flex-wrap: wrap;
}

.repe-flex .box {
	width: 48%;
	font-size: 13px;
	line-height: 130%;
}

.repe-flex .box img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	border-radius: 5px;
}

.resu-omakase {
	background-color: #FFF500;
	padding: 25px 10px;
	margin-top: 25px;
	font-size: 17px;
	font-weight: 700;
	line-height: 100%;
	border-radius: 20px;
	align-items: center;
	justify-content: center;
}

.resu-omakase img {
	height: 100px;
	width: auto;
}

.resu-omakase p {
	line-height: 180%;
}

.resu-omakase p span {
	font-size: 14px;
	line-height: 130%;
	margin-top: 30px;
}

.triangle3 {
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 50px solid #FFF500;
	margin: 0 auto;
	color: #FFF500;
}

.repe-midashi3 {
	width: 300px;
	margin: 0 auto;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

.repe-menu-flex {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.repe-menu-flex .box {
	width: 48%;
	margin: 1%;
	padding: 10px;
	background-color: #f7f7f7;
	box-sizing: border-box;
	border: solid 1px #ccc;
}

.repe-menu-flex .box h4 {
	padding: 5px;
	font-size: 14px;
	background-color: #5F5F5F;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;
}

.repe-menu-flex .box p {
	padding: 6px 0;
	font-size: 12.5px;
	margin-bottom: 5px;
	text-align: left;
	line-height: 150%;
}

.repe-menu-flex .box .pp {
	display: flex;
}

.repe-menu-flex .box .pp .l {
	width: 30%;
	font-size: 11px;
	line-height: 130%;
}

.repe-menu-flex .box .pp .r {
	width: 70%;
	font-size: 25px;
	color: #ff0000;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: Helvetica, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.repe-menu-flex .box .pp .r span {
	font-size: 16px;
}

.repe-menu-flex .box img {
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.repe-menu-flex .box .ap {
	width: 100%;
	display: block;
}

.repe-menu-flex .box .ap .ap-l {
	width: 100%;
}

.repe-menu-flex .box .ap .ap-l a {
	display: block;
	padding: 5px;
	font-size: 12px;
}




/*******************************************************
下層コンテンツ内の反響セット
************************************************************/

.subcont-hankyo {
	padding: 15px;
}

.subcont-hankyo h3 {
	font-size: 18px;
	margin-bottom: 20px;
}

.subcont-hankyo-flex {
	display: block;
}

.subcont-hankyo-flex h4 {
	font-size: 16px;
	margin-bottom: 10px;
}

.subcont-hankyo-flex .tel {
	width: 100%;
}

.subcont-hankyo-flex .tel p {
	line-height: 140%;
	font-size: 40px;
	letter-spacing: -1px;
	margin-top: 0;
	font-weight: bold;
	font-family: Helvetica, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.subcont-hankyo-flex .mail {
	width: 100%;
}

.subcont-hankyo-flex .mail .botan a {
	display: block;
	padding: 15px;
	font-size: 18px;
	margin-top: 15px;
}

.subcont-hankyo-flex .mail .botan a:hover {
	background-color: orange;
}

.repe-w {
	padding: 15px;
	border: solid 1px #ccc;
	margin-bottom: 20px;
}

.repe-w h4 {
	font-size: 20px;
	padding: 10px;
	margin-bottom: 15px;
}

.repe-w-flex {
	display: flex;
	align-items: center;

}

.repe-w-flex .ll {
	width: 100%;
}

.repe-w-flex .ll p {
	background-color: #ed0c6e;
	color: #fff;
	padding: 10px;
	font-size: 14px;
}



.repe-w-flex .ll img {
	width: 100%;
	height: auto;
}

.repe-w-flex .cc {
	width: 10%;
	text-align: center;
	font-size: 100px;
}

.turn-shuki {
	margin-top: 20px;
	text-align: center;
}

.turn-shuki img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

/*******************************************************
商品ページ　NEW
************************************************************/

@media screen and (max-width: 768px) {
	.point-section {
		padding: 30px 20px;
		margin: 40px 0;
	}


	.point-row-top {
		margin-bottom: 40px;
	}

	.point-boxes {
		flex-direction: column;
	}

	.point-box {
		width: 100%;
		min-height: auto;
		padding: 30px 24px;
	}

	.point-row-bottom {
		gap: 24px;
	}

	.point-col {
		width: 100%;
	}

	.point-heading {
		gap: 10px;
		margin-bottom: 18px;
	}

	.point-num {
		font-size: 18px;
	}

	.point-label {
		font-size: 18px;
		padding: 4px 8px 5px;
	}

	.box-subtitle {
		font-size: 18px;
	}

	.box-catch {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.box-catch span {
		font-size: 52px;
	}

	.point-title {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.box-text,
	.point-text {
		font-size: 15px;
		/* line-height: 1.9; */
	}


	/* 	system */
	.system-section {
		padding: 30px 20px;
	}

	.system-wrap {
		position: relative;
		gap: 24px;
	}

	.system-text,
	.system-image-area {
		width: 100%;
		position: relative;
		min-width: auto;
	}

	.system-image-area {
		margin-top: 20px;
	}

	.system-title-en {
		font-size: 40px;
	}

	.system-title-ja {
		margin-bottom: 20px;
	}

	.system-lead {
		font-size: 14px;
	}

	.system-image img {
		display: block;
		width: 140%;
		height: auto;
		margin-left: -28%;
		max-width: none;
	}

}


/* featurer	 */
@media screen and (max-width: 1100px) {
	.system-cards {
		flex-wrap: wrap;
	}

	.system-card {
		width: calc((100% - 16px) / 2);
	}

	.system-equipment__item {
		width: calc((100% - 32px) / 3);
	}
}

@media screen and (max-width: 768px) {
	.system-feature {
		background: linear-gradient(to bottom, #fff 0 10%, #4b67ab 10%, #2f4f96 100%);
		padding: 24px 16px 28px;
	}

	.system-cards {
		gap: 14px;
		margin-bottom: 30px;
	}

	.system-card {
		width: 100%;
	}

	.system-card__image img {
		height: auto;
		aspect-ratio: 16 / 10;
	}

	.system-card__num {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	}

	.system-card__label {
		font-size: 16px;
		padding: 7px 14px;
		bottom: 10px;
	}

	.system-card__body {
		padding: 16px 16px 20px;
	}

	.system-card__title {
		font-size: 20px;
	}

	.system-card__text {
		font-size: 15px;
		line-height: 1.8;
	}

	.system-equipment__lead {
		font-size: 24px;
		margin-bottom: 22px;
	}

	.system-equipment__list {
		gap: 12px;
	}

	.system-equipment__item {
		width: calc((100% - 12px) / 2);
		min-height: 150px;
		padding: 20px 12px 16px;
	}

	.system-equipment__icon {
		height: 62px;
		margin-bottom: 14px;
	}

	.system-equipment__icon img {
		max-height: 62px;
	}

	.system-equipment__name {
		font-size: 16px;
	}
}

/* description */
@media screen and (max-width: 768px) {
	.hazard-note {
		padding: 24px 20px;
	}

	.hazard-note__title {
		padding-left: 14px;
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 22px;
	}

	.hazard-note__title::before {
		width: 3px;
		height: 64px;
	}

	.hazard-note__text {
		font-size: 14px;
		line-height: 1.8;
	}

	.system-desc {
		padding: 40px 20px;
	}


	.system-desc-wrap {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.system-desc-left {
		width: 100%;
	}

	.system-desc-right {
		width: 100%;
	}
}


/*******************************************************
はた
************************************************************/

@media screen and (max-width: 767px) {


	.feature-items {
		width: calc(100% - 32px);
		padding: 20px 15px;
		flex-direction: column;
		gap: 28px;
		display: block;

	}

	.feature-items-wrap {
		display: block;
	}

	.feature-items-main-content {
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		gap: 30px;
	}

	.feature-items-left-label {
		width: auto;
		padding-top: 0;
		flex-direction: row;
		align-items: center;
		gap: 18px;
	}

	.feature-items-text-area,
	.feature-items-image-area {
		width: 100%;
		max-width: 100%;
	}


	.feature-items-text-area {
		padding: 0;
	}

	.feature-items-text-area h2 {
		margin-top: 20px;
		margin-bottom: 15px;
		font-size: 40px;
		line-height: 1.1;
	}

	.feature-items-text-area h2 span {
		font-size: 20px;
	}

	.feature-items-text-area p {
		font-size: 14px;
	}

	.feature-items-label-number {
		font-size: 40px;
	}

	.feature-items-label-line {
		width: 1px;
		height: 35px;
		margin: 0;
	}

	.feature-items-label-text {
		flex-direction: row;
		gap: 0;
		font-size: 30px;
	}

	.feature-items-image-caption {
		font-size: 16px;
	}


	.features-icon-area {
		margin-top: 10px;
	}


	.feature-items-cards {
		margin-top: 20px;
	}

	.feature-items-card-title {
		font-size: 18px;
	}

	.feature-items-card p {
		font-size: 12px;
	}


	.feature-items-right-title {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.parts-block-parts-block {
		margin-top: 20px;
	}

	.feature-items-right-parts-grid {
		flex-direction: row;
	}

	.feature-items-right-part-card {
		width: 100%;
	}

	.feature-items-right-part-name {
		font-size: 14px;
		white-space: normal;
	}


	.plan-1-graph-img {
		margin-top: 20px;
	}


	.features-items-4-bottom-area {
		flex-direction: column;
		margin-top: 30px;
	}

	.features-items-4-zeb-logo {
		order: 1;
		width: 120px;
	}

	.zeb-grid {
		grid-template-columns: repeat(2, 1fr);
		order: 2;
	}
	
	.zeb-area-mark {
	font-size: 12px;
}
	.zeb-area {
		order: 2;
	}
	
}