@charset "UTF-8";

/* ラクイチ様用css */
/*-------------------------------------------------------------------------------------*/
/*↓ここから編集-----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/



@media (min-width:1200px){}
@media (max-width:1199px){}
@media (min-width:992px){}
@media (max-width:991px){}
@media (min-width:768px){}
@media (max-width:767px){}

/*トップに戻るボタンieで右側に余白ができないのを修正-------------------------------*/

#page-top {
    z-index: 1;
	right: 30px;
}

/*トップページ「株式会社ラクイチは…」の行の下マージンを0に*/

#pg-18-1 {
	margin-bottom: 0;
}

/*トップページ「防水工事残っていませんか」の行の下マージンを0に*/

#pg-18-2 {
	margin-bottom: 0;
}

/*コンポーネントに入ってたcssを書き換え-------------------------------*/

h2 {
	margin-bottom: 0;
}

.pp_area {
    margin-top: 20px;
}

#page_contents {
    margin-top: 0;
    padding-top: 0;
}

#pg-18-0 {
    margin-bottom: 0;
}

.footer_about dt img {
    height: auto;
}

.so-widget-sow-button-flat-c1d4bee792b6 .ow-button-base a {
	font-weight: bold;
}

#page_title {
	height: 160px;
	text-shadow: 0 0 8px rgba(0,0,0,.3);
}

#page_title h1 {
    padding: 60px 0 0 0;
    color: #fff;
	font-size: 30px;
	line-height: 1.6;
}

.breadcrumbs {
	padding: 20px 0;
}

/*行の下にできる余白を調整-------------------------------*/

.my-margin-bottom {
	margin-bottom: 40px;
}

.my-first-row {
	margin-bottom: 15px;
}


/*ボタン用-------------------------------*/

.my-custom-button {
	display: inline-block;
	color: #fff;
	background: #37b256;
	border-radius: 4px;
	padding: 8px 40px;
	line-height: 1;
}

.my-custom-button-arrow {
	position: relative;
}

.my-custom-button-arrow::before {
	position: absolute;
	content: '\f105';
	font-family: 'FontAwesome';
	line-height: 1;
	left: 10px;
}

.my-custom-button:hover {
	color: #fff;
	background: #3cc25e;
}




/*お問い合わせバナー用-------------------------------*/

.banner_contact_pc {
	display: block;
	text-align: center;
}

.banner_contact_smp {
	display: none;
	text-align: center;
}


/*「会社概要」リンクボタン調整用-------------------------------*/

.link_btn_adjust {
	margin-bottom: 20px;
}

/*ヘッダー（PC）の箇所を書き換え-------------------------------*/


#header_pc #header_inquiry a {
    background-color: #dd600b;
}

#menu-item-125 a{
	background-color: #dd2121;
	color: #fff;
}

#menu-item-125 a small {
	color: #fff;
}




/*-------------------------------*/

.my-index-catch-wrap {
	padding: 40px 0;
}

.my-index-catch {
	text-align: center;
}

.my-index-business-text {
	text-align: center;
	color: #fff;
}

.my-index-business-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 2em;
}

.my-index-inquirybtn-wrap {
	padding-top: 30px;
}

.our-business-links {
	margin-top: 30px;
	margin-bottom: 20px;
}

.our-business-links a {
	background-color: #fff;/**/
	display: inline-block;
}

.contact-tel {
	border: #dd600b 1px solid;
	background: #dd600b;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	width: 100%;
	text-align: center;
	display: block;
}

.contact-tel:hover {
	color: #fff;
	text-decoration: none;
}

.contact-tel-num {
	font-size: 28px;
	font-weight: bold;
}

/* トップページ　防水工事残っていませんか？ ------------------------------- */
.index-waterproof-row {
	padding: 40px 0;
}

.index-waterproof-text-wrap {
	color: #fff;
	padding-top: 40px;
}
.index-waterproof-text-headline {
	font-weight: bold;
    font-size: 28px;
	margin-bottom: 10px;
}
.index-waterproof-text {
	font-size: 18px;
	margin-bottom: 10px;
}

/* ラクイチ会について------------------------------- */

.about-rakuichi-kai-wrap {
	height: 412px;
	position: relative;
	background: url(../images/pic-about-rakuichi-kai.jpg) no-repeat;
	background-size: cover;
	margin: 0 15px 60px 15px;
}

/*.about-rakuichi-kai-text-wrap {
    width: 570px;
    padding: 20px;
    margin: 0;
    background: rgba(255,255,255,0.85);
    position: absolute;
    top: 50px;
}

.about-rakuichi-kai-text {

}*/

.about-rakuichi-kai-text-wrap {
	padding-top: 70px;

}

.about-rakuichi-kai-text-wrap-inner {
    width: 90%;
    margin: 0 auto;
    background: rgba(255,255,255,0.85);
	padding: 20px;
	text-align: center;
}

.about-rakuichi-kai-title {}

.about-rakuichi-kai-text {
	/*font-size: 20px;*/
	font-size: 16px;
	margin-bottom: 20px;
}

.about-rakuichi-kai-em {
	font-weight: bold;
	color: #f13e3e;
}

.about-rakuichi-kai-catch {
	/*font-size: 20px;*/
	font-size: 16px;
	font-weight: bold;
	/*color: #f13e3e;*/
}

.my-margin-bottom-rakuichi-kai {
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.index-margin-bottom-rakuichi-kai {
	padding-bottom: 20px;
}



/* ネパール営業所------------------------------- */

.nepal-wrap {
	height: 412px;
	position: relative;
	background: url(../images/pic-nepal.jpg) no-repeat;
	background-size: cover;
}

.nepal-pic-wrap {
	padding-top: 50px;
}

.nepal-text-wrap {
	padding-top: 50px;

}

.nepal-text-wrap-inner {
    width: 450px;
	height: 190px;
	background: rgba(255,255,255,0.85);
	padding: 20px;
}

.nepal-title {
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.nepal-text {

}

/* 専門工事業界営業のプロフェッショナルです（専門工事会社ページ）------------------------------- */

.contractor-pro-wrap {
	height: 412px;
	background: url(../images/pic-contractor-pro.jpg) no-repeat;
	background-size: cover;
}

.contractor-pro-text-wrap {
	padding-top: 70px;

}

.contractor-pro-text-wrap-inner {
    width: 700px;
    margin: 0 auto;
    background: rgba(255,255,255,0.85);
	padding: 20px;
}

.contractor-pro-text {

}

/* 工事店発注者様向けサービスのラクイチの特徴------------------------------- */

.contractee-feature-wrap {
    background: #f79413;
    color: #fff;
    padding: 20px 10px 10px 10px;
	height: 250px;
}

.contractee-feature-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
    background: #dd600b;
}

.contractee-feature-detail {}


/* 工事店発注者様向けサービスのご提供するサービス------------------------------- */
.contractee-service-list {
	display: flex;
	flex-wrap: wrap;
	background: #e6ecf0;
    padding: 20px 3.5em;
}

.contractee-service-list li {
	width: 50%;
}

/* 工事店発注者様向けサービスの工事ご依頼の流れ------------------------------- */
.contractee-flow {}

.contractee-flow-item {
	display: flex;
	margin-bottom: 30px;
}

.contractee-flow-orange {
	border: 1px solid #f79413;
	border-radius: 4px;
}

.contractee-flow-orange .contractee-flow-title {
	background: #f79413;
}

.contractee-flow-red{
	border: 1px solid #f13e3e;
	border-radius: 4px;
}

.contractee-flow-red .contractee-flow-title {
	background: #f13e3e;
}


.contractee-flow-title {
	width: 24%;
    padding: 20px;
    color: #fff;
	font-size: 20px;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	line-height: 1.6;
}

.contractee-flow-detail {
	padding: 20px;
	font-size: 16px;
    line-height: 1.6;
	display: flex;
    align-items: center;
}

.my-allow-01,
.my-allow-02 {
	position: relative;
}

.my-allow-01::after,
.my-allow-02::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 60px solid transparent;
  border-bottom-width: 0;
}

.my-allow-01::after {
  border-top: 24px solid #f79413;
}

.my-allow-02::after {
  border-top: 24px solid #f13e3e;
}



/*メリット／特徴-------------------------------*/

.my-merit-wrap {
	display: flex;
	justify-content: space-between;
}

.my-merit-wrap-adjust {
	margin-bottom: 10px;
}

.my-merit-item {
	color: #fff;
	background: #37b256;
	width: 49%;
	padding: 10px;
}

.my-merit-item-inner,
.my-merit-item-inner2 {
	border: 1px solid #fff;
	padding: 10px;
	height: 210px;
}

.my-merit-item-inner2 {
	height: 280px;
}

.my-merit-title {
	text-align: center;
	line-height: 1.4;
	border-bottom: 1px solid #fff;
	font-size: 20px;
	padding-bottom: 4px;
}

.my-merit-detail {
	padding-top: 14px;
}

.my-merit-bg01 {
	background:url(../images/pic-racuichi-merit-01.jpg) no-repeat;
	background-size: cover;
}

.my-merit-bg02 {
	background:url(../images/pic-racuichi-merit-02.jpg) no-repeat;
	background-size: cover;
}

.my-merit-bg03 {
	background:url(../images/pic-racuichi-merit-03.jpg) no-repeat;
	background-size: cover;
}

.my-merit-bg04 {
	background:url(../images/pic-racuichi-merit-04.jpg) no-repeat;
	background-size: cover;
}

.my-feature-bg01 {
	background:url(../images/pic-racuichi-feature-01.jpg) no-repeat;
	background-size: cover;
}

.my-feature-bg02 {
	background:url(../images/pic-racuichi-feature-02.jpg) no-repeat;
	background-size: cover;
}

.my-feature-bg03 {
	background:url(../images/pic-racuichi-feature-03.jpg) no-repeat;
	background-size: cover;
}

.my-feature-bg04 {
	background:url(../images/pic-racuichi-feature-04.jpg) no-repeat;
	background-size: cover;
}

/*事業案内-------------------------------*/

.business-row-wrap {
	padding: 20px 0 40px 0;
}

.business-row-text {
	color: #fff;
}

.business-row-wrap a {
	background-color: #fff;
	display: inline-block;
}

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

.faq {
    margin-bottom: 35px;
    padding-bottom: 35px;
    padding-left: 70px;
    border-bottom: #ccc solid 1px;
    position: relative;
}

.faq::after {
    content: "Q";
    position: absolute;
    top: -12px;
    left: 0px;
    width: 50px;
    height: 43px;
    background-color: #f79413;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
    font-size: 28px;
    padding-top: 7px;
}

.faq dt {
    font-size: 24px;
	font-weight: normal;
    line-height: 1.2;
    margin-bottom: 15px;
}

.faq dd {
    font-size: 16px;
    line-height: 1.6;
}

/* 記事一覧のサイドナビ用 */

.my-category-link-wrap {
	border-top: #ccc 1px solid;
}

.my-category-link {
	border-bottom: #ccc 1px dashed;
	padding: 10px 10px;
	font-size: 16px;
}

.my-category-link:last-child {
	border-bottom: #ccc 1px solid;
}

.my-category-link a {
	display: block;
	width: 100%;
}

/* 個別記事ページの「前の記事」、「次の記事」表示用------------------------------- */

.my-article-nav-wrap {
	width: 100%;
	margin-bottom: 4em;
}

.my-article-nav-left {
	width: 50%;
	float: left;
	text-align: left;
}

.my-article-nav-right {
	width: 50%;
	float: right;
	text-align: right;
}

.my-article-btn-wrap {
	display: flex;
	justify-content: space-around;
	width: 100%;
}

.my-article-btn {
	width: 40%;
}

.my-article-btn-normal {
	display: block;
    font-size: 1.45em;
    padding: 0;
    background: #37b256;
    border-width: 1px 0;
    border-radius: 0.25em;
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
	text-align: center;
	position: relative;
  	color: #fff;
  	z-index: 1;
	line-height: 3.0em;
}

.my-article-btn-normal:hover {
	color: #fff;
	background: #3cc25e;
}


.my-article-btn-normal:before {
    position: absolute;
    top: 0;
    left: 20px;
    content: '\f105';
    color: #fff;
    font-size: 1.4em;
    font-family: fontAwesome;
    z-index: -1;
}

.my-article-btn-contact {
	display: block;
    font-size: 1.45em;
    padding: 0;
    background: #dd600b;
    border-width: 1px 0;
    border-radius: 0.25em;
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
	text-align: center;
	position: relative;
  	color: #fff;
  	z-index: 1;
	line-height: 3.0em;
}

.my-article-btn-contact:hover {
	color: #fff;
	background: #f0680c;
}

.my-article-content {
	margin-bottom: 1em;
}

/* 施工経歴表用------------------------------- */

.career-years-wrap {
	display: flex;
	margin-top: 1em;
	margin-bottom: 2em;
}

.career-years-link {
	padding-right: 20px;
	font-size: 16px;
}

.career-headline-wrap {
	margin-bottom: 1em;
}

.career-table-wrap tr th {
	text-align: center;
}

.career-table-wrap tr th:nth-of-type(1) {
	width: 35%;
}

.career-table-wrap tr th:nth-of-type(2) {
	width: 30%;
}

.career-table-wrap tr th:nth-of-type(3) {
	width: 10%;
}

.career-table-wrap tr th:nth-of-type(4) {
	width: 10%;
}

.career-table-wrap tr th:nth-of-type(5) {
	width: 15%;
}

.career-table-wrap tr td:nth-of-type(3) {
	text-align: right;
}

.career-table-wrap tr td:nth-of-type(4) {
	text-align: center;
}

/*防水工事が残る理由*/

.waterproof-reason-list {
    background: #e6ecf0;
    padding: 20px 3.5em;
	margin-bottom: 20px;
}

.waterproof-reason-headline {
	text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #f13e3e;
}

/*防水工事のススメ*/

.deterioration-pic {
	margin-bottom: 10px;
}

.deterioration-text {
	text-align: center;
	font-size: 16px;
}

.warterproof-recomend {
    text-align: center;
    background: #f13e3e;
    color: #fff;
    font-weight: bold;
    padding: 15px 10px;
	margin-top: 40px;
}

.warterproof-recomend p {
	font-size: 24px;
}

/* 防水工事残っていませんか？　ラクイチ会にするメリット------------------------------- */

.warterproof-merit-wrap {
    background: #f79413;
    color: #fff;
    padding: 20px 10px 10px 10px;
	height: 180px;
}

.warterproof-merit-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
    background: #dd600b;
}

/* ラクイチ会ページ　ラクイチ会の特徴 */
.rakuichi-kai-feature {}

.rakuichi-kai-feature-pic {}

.rakuichi-kai-feature-text {
	text-align: center;
    padding: 10px;
    line-height: 1.6;
    background: #f79413;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-top: 8px solid #dd600b;
}

/* ラクイチ会ページ　ラクイチ会での施工実績 */

.rakuichi-kai-result-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.rakuichi-kai-result-item {
	width: 24%;
	margin-right: 15px;
	margin-bottom: 15px;
	background: #e6ecf0;
}

.rakuichi-kai-result-item:nth-child(4n) {
	margin-right: 0;
}

.rakuichi-kai-result-pic {}

.rakuichi-kai-result-detail {
	padding: 10px;
}

.rakuichi-kai-result-title {
	font-weight: bold;
	font-size: 16px;
    border-bottom: 1px solid #999;
	margin-bottom: 8px;
}

.rakuichi-kai-result-data {
	border-bottom: 1px dotted #999;
}

.rakuichi-kai-result-method {
	padding-left: 1.5em;
}

.rakuichi-kai-result-method li {
	font-size: 14px;
}

@media (max-width:768px){
	/* ラクイチ会ページ　ラクイチ会での施工実績（タブレット） */

	.rakuichi-kai-result-wrap {
		flex-direction: column;
	}

	.rakuichi-kai-result-item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

@media (max-width:767px){

	/*スマホ用のcss*/

	.no-display-smp {
		display: none;
	}

	/*コンポーネントのcssを上書き-------------------------*/

	#page_title h1 {
		/*font-size: 24px;*/
		font-size: 20px;
	}

	.so-widget-sow-button-flat-f701fce50e12 .ow-button-base a {
		font-size: 18px;
		width: 100%;
	}


/*スマホでもパンくずリストを表示する-------------------------*/
.breadcrumbs {
    display: block;
}

/*行の下にできる余白を調整（スマホ）-------------------------------*/

.my-margin-bottom {
	margin-bottom: 20px;
}

.my-first-row {
	margin-bottom: 0;
}

/*ボタン用（スマホ）-------------------------------*/

.my-custom-button {
	display: block;
	text-align: center;
}

/*お問い合わせバナー用（スマホ）-------------------------------*/

.banner_contact_pc {
	display: none;
}

.banner_contact_smp {
	display: block;
}

	/* トップページ　防水工事残っていませんか？（スマホ） ------------------------------- */
	.index-waterproof-row {
		padding: 20px 0;
	}

	.index-waterproof-text-wrap {
		padding-top: 0;
	}
	.index-waterproof-text-headline {
		font-size: 16px;
	}
	.index-waterproof-text {
		font-size: 16px;
		line-height: 1.6;
	}


/*「会社概要」リンクボタン調整用（PC）-------------------------------*/

.link_btn_adjust {
	margin-bottom: 0;
}


	/*サブページの見出しの下にテキストを表示する用（スマホ）-------------------------------*/

	body.page-id-104 #page_title h1:after,
	body.page-id-109 #page_title h1:after,
	body.page-id-114 #page_title h1:after,
	body.page-id-618 #page_title h1:after,
	body.page-id-623 #page_title h1:after{
		font-size: 14px;
	}

	/*-------------------------*/

	.pc-only {
		display: none;
	}

	.my-index-catch-wrap {
		padding: 20px 0;
	}

	.my-index-catch {
		text-align: left;
	}

	.my-index-catch br {
		display: none;
	}

	.my-index-business-text {
		text-align: left;
	}

	.my-index-business-wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.our-business-links {
		margin-top: 0;
		margin-bottom: 0;
	}

	.my-index-inquirybtn-wrap {
		padding-top: 20px;
	}

	.contact-tel-num {
		font-size: 18px;
	}


/* ラクイチ会について（スマホ）------------------------------- */

.about-rakuichi-kai-wrap {
	height: auto;
	position: relative;
	background-position: right;
	width: 100%
}

.about-rakuichi-kai-text-wrap {
    width: 100%;
    padding: 10px;
    margin: 0;
    position: relative;
    top: 0;
}

	.about-rakuichi-kai-text-wrap-inner {
		width: 100%;
		padding: 20px 10px;
	}

.about-rakuichi-kai-text {
	/*font-size: 16px;*/
	font-size: 14px;
	line-height: 1.6;
}

	.about-rakuichi-kai-catch {
		/*font-size: 16px;*/
		font-size: 14px;
		line-height: 1.6;
	}

	.my-margin-bottom-rakuichi-kai {
		margin-bottom: 20px;
		padding-bottom: 10px;
	}

	.index-margin-bottom-rakuichi-kai {
		padding-bottom: 10px;
	}


/* 専門工事業界営業のプロフェッショナルです（専門工事会社ページ）（スマホ）------------------------------- */

.contractor-pro-wrap {
	height: auto;
	background-position: right;
}

.contractor-pro-text-wrap {
	padding-top: 0;

}

.contractor-pro-text-wrap-inner {
    width: 100%;
    margin: 0 auto;
    background: rgba(255,255,255,0.85);
	padding: 10px;
}

.contractor-pro-text {

}

/* 工事店発注者様向けサービスのラクイチの特徴（スマホ）------------------------------- */

.contractee-feature-wrap {
	height: auto;
}

/* 工事店発注者様向けサービスのご提供するサービス（スマホ）------------------------------- */

.contractee-service-list li {
	width: 100%;
}

/* 工事店発注者様向けサービスの工事ご依頼の流れ（スマホ）------------------------------- */

.contractee-flow-item {
	flex-direction: column;
}

.contractee-flow-title {
	width: 100%;
    padding: 8px;
	font-size: 16px;
}

.contractee-flow-detail {
	padding: 8px;
	font-size: 14px;
	line-height: 1.8;
}


/*メリット／特徴（スマホ）-------------------------------*/

.my-merit-wrap {
	flex-direction: column;
}

.my-merit-item {
	width: 100%;
	padding: 8px;
}

.my-merit-item:first-child {
	margin-bottom: 10px;
}

.my-merit-item-inner,
.my-merit-item-inner2 {
	padding: 4px;
	height: auto;
}

.my-merit-title {
	font-size: 16px;
}

.my-merit-detail {
	padding-top: 8px;
}

/* ネパール営業所------------------------------- */

.nepal-wrap {
	height: 412px;
	position: relative;
	background: url(../images/pic-nepal.jpg) no-repeat;
	background-size: cover;
}

.nepal-pic-wrap {
	padding-top: 10px;
}

.nepal-text-wrap {
	padding-top: 50px;

}

.nepal-text-wrap-inner {
    width: 100%;
	height: auto;
	padding: 10px;
}


	/*よくあるご質問（スマホ）-------------------------------*/

.faq {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.faq::after {
    top: 0px;
    left: 8px;
    font-size: 22px;
    width: 40px;
    height: 33px;
    font-weight: normal;
}

.faq dt {
    font-size: 16px;
}

.faq dd {
    font-size: 14px;
}

	/* 記事一覧のサイドナビ用（スマホ） */

	.my-category-link-wrap {
		margin-bottom: 3em;
	}

	.my-category-link {
		font-size: 14px;
	}

	.my-article-time {
		display: block;
	}

	/* 記事一覧（スマホ） */

	.my-article-detail-link {
		display: block;
		margin-bottom: 5px;
	}

	/* 個別記事ページの「前の記事」、「次の記事」表示用（スマホ）------------------------------- */

	.my-article-btn-wrap {
		display: flex;
		justify-content: space-around;
		width: 80%;
		flex-direction: column;
		margin: auto;
	}

	.my-article-btn {
		width: 100%;
		margin-bottom: 10px;
	}

	/* 施工経歴表用（スマホ）------------------------------- */

	.career-years-wrap {
		flex-direction: column;
	}

	.career-years-link {
		padding: 5px 10px;
		font-size: 14px;
		border-bottom: 1px dashed #ccc;
	}

	.career-years-link a {
		display: block;
		width: 100%;
	}

	.career-table-wrap th,
	.career-table-wrap td {
		font-size: 12px;
	}

	.career-table-wrap{
		width: 100%;
		overflow-x: auto;
		margin-bottom: 2em;
	}

	.career-table-wrap::-webkit-scrollbar {
		height: 5px;
	}

	.career-table-wrap::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.career-table-wrap::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}

	.career-table-wrap table {
	    width: 1140px;
	    margin-bottom: 0;
	}

	/*防水工事が残る理由（スマホ）*/

	.waterproof-reason-list {
		margin-bottom: 10px;
	}

	.waterproof-reason-headline {
		font-size: 18px;
	}

	/*防水工事のススメ（スマホ）*/

	.deterioration-text {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.warterproof-recomend {
		margin-top: 0;
	}
	.warterproof-recomend p {
		font-size: 18px;
		line-height: 1.6;
	}

	/* 防水工事残っていませんか？　ラクイチ会にするメリット（スマホ）------------------------------- */

	.warterproof-merit-wrap {
		height: auto;
	}

	/* ラクイチ会ページ　ラクイチ会の特徴（スマホ） */

	.rakuichi-kai-feature-text {
		font-size: 16px;
	}

	/* ラクイチ会ページ　ラクイチ会での施工実績（スマホ） */

	.rakuichi-kai-result-wrap {
		flex-direction: column;
	}

	.rakuichi-kai-result-item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}


}

/* 2018.10.17 added ネパール営業所のページで見出しが改行になるのを防ぐため */

@media (min-width:320px){
	body.page-id-114 #page_title h1 { font-size: 15px; }
}

@media (min-width:375px){
	body.page-id-114 #page_title h1 { font-size: 17px; }
}

@media (min-width:414px){
	body.page-id-114 #page_title h1 { font-size: 18px; }
}

@media (min-width:768px){
	body.page-id-114 #page_title h1 { font-size: 30px; }
}

/* 20230324maeda追加 */
.box-wrapper {
	position: relative;
}
.box-wrapper ul{
margin-bottom:0;
}

.box-left {
	position: absolute;
	top: -250px;
	left: 0;
	border: solid 3px #70ad47;
	padding: 20px;
	border-radius: 20px;
	width: 300px;
}
.box-right {
	position: absolute;
	top: -250px;
	right: 0;
	border: solid 3px #3399ff;
	padding: 20px;
	border-radius: 20px;
}
.box-center {
	border: solid 3px #dd600b;
	padding: 20px;
	border-radius: 20px;
}
.box-title {
	font-size: 18px;
	font-weight: 700;
}

.flex-box {
	display: flex;
	justify-content: space-around;
		flex-wrap: wrap;
}
.flex-30 {
	width: 30%;
	transition: .2s;
}
/* .flex-30 span {
	display: block;
}
.flex-30 div {
	display: block;
	width: 100%;
} */
.flex-box a:hover{
	color: #ffffff;
	text-decoration: none;
	opacity: 0.9;
}
.top-flex-left {
	background: url(../images/pic-top-flex01.jpg) no-repeat;
	background-size: cover;
	height: 250px;
	text-align: center;
	color: #fff;
	padding-top: 90px;
	font-size: 20px;
	font-weight: 700;
	position: relative;
		width: 48%;
}
.top-flex-left::before {
	position: absolute;
	content: "";
	top: 5%;
	left: 5%;
	border: solid 1px #fff;
	width: 90%;
	height: 90%;

}
/* .top-flex-center {
	background: url(../images/pic-top-flex02.jpg) no-repeat;
	background-size: cover;
	height: 250px;
	text-align: center;
	color: #fff;
	padding-top: 90px;
	font-size: 20px;
	font-weight: 700;
	position: relative;
}
.top-flex-center::before {
	position: absolute;
	content: "";
	top: 5%;
	left: 5%;
	border: solid 1px #fff;
	width: 90%;
	height: 90%;
} */
.top-flex-right {
	background: url(../images/pic-top-flex03.jpg) no-repeat;
	background-size: cover;
	height: 250px;
	text-align: center;
	color: #fff;
	padding-top: 90px;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	width: 48%;
}
.top-flex-right::before {
	position: absolute;
	content: "";
	top: 5%;
	left: 5%;
	border: solid 1px #fff;
	width: 90%;
	height: 90%;
}
.ttl-span {
	display: block;
}
.top-flex-btn {
	background: #dd600b;
	width: 180px;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	font-size: 16px;
	padding: 8px;
	margin-top: 10px;
}
.mt_80 {
margin-top: 80px;
}
.mb_40 {
	margin-bottom: 40px;
}
 .news-inner article span a {
	width: 10.5em !important;
}
.so-widget-sow-headline-sow-headline-d71f11a8bf4c #sow-headline-container.sow-headline h2 {
	font-size: 24px;
	text-align: center;
		line-height: 1.4;
}
.sp-only {
	display: none;
}
.sp-only02 {
	display: none;
}
.container h1 {
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
	margin-bottom: 0;
}
.ow-button-base a {
	text-align: center;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	line-height: 1em;
	-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1.45em;
		padding: 1em 2em;
		background: #37b256;
		color: #ffffff !important;
		border: 1px solid #37b256;
		border-width: 1px 0;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		border-radius: 0.25em;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.so-widget-sow-button-flat-a6783357e1b7 .ow-button-base a {
	width: 100%;
}
.so-widget-sow-button-flat-257a282bd496 .ow-button-base a {
	width: 60%;
}
.so-widget-sow-button-flat-f701fce50e12 .ow-button-base a {
	width: 60%;
}
.so-widget-sow-button-flat-c1d4bee792b6 .ow-button-base a {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
	padding: 1em 2em;
	background: #ffffff;
	color: #dd2121 !important;
	border: 1px solid #ffffff;
	border-width: 1px 0;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
#panel-w6462f1c7beff8-0-1-0 .so-widget-sow-image-default-1c389ca87c1a{
 text-align: center;
}
@media (max-width:980px) {
.box-left {
		border: solid 2px #70ad47;
		padding: 10px;
		position: relative;
		top: 0;
		margin-top: 30px;
		margin-bottom: 50px;
		width: 100%;
		border-radius: 0px 20px 20px 20px;
	}
	.box-left::before {
		position: absolute;
		content: "発注者";
		font-weight: 700;
		top: -37px;
		left: -2px;
		border-radius: 10px 10px 0px 0;
		color: #fff;
		background: #70ad47;
		padding: 5px 20px;
		}

	.box-right {
		border: solid 2px #3399ff;
		padding: 10px;
		border-radius: 20px;
		position: relative;
		top: 0;
		margin-bottom: 50px;
		border-radius: 0px 20px 20px 20px;
				}
	.box-right::before {
		position: absolute;
		content: "受注者";
		font-weight: 700;
		top: -37px;
		left: -2px;
		border-radius: 10px 10px 0px 0;
		color: #fff;
		background: #3399ff;
		padding: 5px 20px;
	}
		.box-center {
			border: solid 2px #dd600b;
			padding: 10px;
			border-radius: 0px 20px 20px 20px;
			position: relative;
				}

		.box-center::before {
			position: absolute;
			content: "株式会社ラクイチ";
			font-weight: 700;
			top: -37px;
			left: -2px;
			border-radius: 10px 10px 0px 0;
			color: #fff;
			background: #dd600b;
			padding: 5px 20px;
		}
		.box-title {
			font-size: 16px;
			padding-left: 20px;
		}
.flex-30 {
	width: 100%;
}
.ow-button-base a {
	width: 100% !important;
}
.top-flex-left {
		padding-top: 90px;
		font-size: 18px;
		margin-bottom: 30px;
}

.top-flex-center {
		padding-top: 90px;
		font-size: 18px;
		margin-bottom: 30px;
}

.top-flex-right {
		padding-top: 90px;
		font-size: 18px;
}
.mt_80 {
	margin-top: 40px;
}
.news-inner article span {
	float: none;
	width: 100%;
	display: block;
}
.so-widget-sow-headline-sow-headline-d71f11a8bf4c #sow-headline-container.sow-headline h2 {
	font-size: 20px;
}
.sp-only {
	display: block;
}
.sp-only02 {
	display: block;
}
.sp-only02 img{
	width: 100%;
}
.pc-only {
	display: none;
}
.mb_40 {
	margin-bottom: 20px;
}
.subcaption03 {
	margin-bottom: 10px !important;
}
}