﻿/*
 Theme Name:   ascend_premium_child
 Template:     ascend_premium
*/

/********************** 大阪版 **********************/

/*---◆seo用h1タグ◆---*/
	#seo_h1 {
		display: none;
	}

/*---◆PCのとき◆---*/
	.kad-header-height {
		margin: 5px 0 5px 0;
	}
	
/*---◆PCのとき◆---*/
	.flx-box {
		list-style: none;
		display: flex;
		flex-direction: row-reverse;
		width: 960px;
		margin: auto;
	}
	.manga-lp {
		width: 960px;
		margin: auto;
	}
/*---◆タブのとき◆---*/
@media screen and (max-width:1100px) {
	.flx-box, .manga-lp {
		width: 800px;
	}
}
@media screen and (max-width:900px) {
	.flx-box, .manga-lp {
		width: 650px;
	}
}
/*---◆SPのとき◆---*/
@media screen and (max-width:700px) {
	.flx-box, .manga-lp {
		display: block;
		width: 100%;
		margin: auto;
	}
	.flx-box {
		text-align: center;
	}
}

/*---◆広告①：遺品整理とは◆---*/
	/*---タイトル(白)---*/
	.gz-wtitle {
		text-align: center;
		font-size: 23px;
		margin-top: 0px;
		margin-bottom: 0px!important;
		color: #fff;
		padding-top: 30px;
	}
	.gz-wtitle:after {
		content: '';
		width: 150px;
		height: 1px;
		display: block;
		margin: 0 auto;
		background-color: #fff;
	}
	/*---サブタイトル(白)---*/
	.gz-wstitle {
		text-align: center;
		font-size: 24px;
		margin-top: 0px;
		margin-bottom: 0;
		color: #fff;
	}


/*---◆広告②：4つの約束◆---*/

	#panel-7-8-0-0 > div > div > div {
		width: 90%;
		margin: auto;
	}
	#panel-7-8-0-0 > div > div > div > h2 {
		font-size: 20px;
		font-weight: bold;
	}
	#panel-7-8-0-0 > div > div > div p {
	
	}
	/*---下線---*/
	.hrule {
		margin: 15px auto;
		width: 100%;
	}
@media screen and (max-width:700px) {
	#panel-7-8-0-0 > div > div > div > h2 {
		font-size: 17px;
		font-weight: bold;
	}
	#panel-7-8-0-0 > div > div > div p {
		margin-bottom: 5px;
	}
}

/*---◆一番下のボタン◆---*/
	#panel-7-16-0-0 > div > div > a {
		border: solid #f47336;
		font-weight: bold;
		width: 70%;
	}
	#panel-7-16-1-0 > div > div > a {
		border: solid;
		font-weight: bold;
		width: 70%;
	}
@media screen and (max-width:700px) {
	#panel-7-16-0-0 > div > div > a,
	#panel-7-16-1-0 > div > div > a {
		width: 95%;
		font-size: 1.1em;
	}
}

/*---◆囲み枠◆---*/
	/*---細い黒線---*/
	.box1 {
		padding: 0.5em 1em;
		margin: 2em auto;
		font-weight: bold;
		border: solid 1px #000000;
		width: 70%;
		text-align: center;
	}
	/*---料金案内の中（バック白）---*/
	.box1 h3 {
		font-size: 20px;
		display: inline-block;
		border-bottom: solid #f36523;
		line-height: 1.1;
	}
	.box1-p {
		font-size: 15px;
		font-weight: normal;
		text-align: left;
	}
	/*---料金案内の中（バックオレンジ）---*/
	.box1-or {
		padding: 0.5em 1em;
		margin: 2em auto;
		font-weight: bold;
		border: solid 1px #f36523;
		width: 70%;
		text-align: center;
		background-color: #f36523;
	}
	.box1-or h3 {
		font-size: 20px;
		display: inline-block;
		border-bottom: solid #fff;
		line-height: 1.1;
		color: #fff;
	}
	.box1-or-p {
		font-size: 15px;
		font-weight: normal;
		text-align: left;
		color: #fff;
	}
	
	.box1 h4 {
		font-size: 17px;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.box1 h5 {
		font-size: 15px;
		margin: 0 0 10px 0;
	}
	/*---細い黒線　SP---*/
@media screen and (max-width:700px) {
	.box1 {
		padding: 0.5em 1em;
		margin: 2em auto;
		font-weight: bold;
		border: solid 1px #000000;
		width: 100%;
		text-align: center;
	}
	.box1-or {
		padding: 0.5em 1em;
		margin: 2em auto;
		font-weight: bold;
		border: solid 1px #f36523;
		width: 100%;
		text-align: center;
	}
}
	/*---オレンジテキスト---*/
	.font-or {
		color: #f36523;
	}

/*---◆ポップアップ◆---*/
	/*---上のアイコンー---*/
	.gz-icon {
		text-align: center!important;
	}
	/*---電話相談：各テキスト---*/
	.other-txt {
		text-align: center;
		padding-top: 2%;
	}
	.other-txt h3 {
		font-weight: bold;
		font-size: 25px;
		letter-spacing: 2px;
		padding-top: 1%;
	}
	.other-txt h4 {
		font-size: 15px;
		line-height: 1.9;
	}
	/*---よくある質問：各テキスト---*/
	.gz-title {
		text-align: center;
		font-size: 23px;
		margin-top: 30px;
		margin-bottom: 0px!important;
	}
	.gz-title:after {
		content: '';
		width: 150px;
		height: 1px;
		display: block;
		margin: 0 auto;
		background-color: #000;
	}
	.gz-stitle {
		text-align: center;
		font-size: 24px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.pop-title {
		color: #dd3333;
	}
	.pop-title:after {
		content: '';
		width: 90%;
		height: 1px;
		display: block;
		background-color: #000;
		margin: 10px 0 15px 0;
	}
	.pop-text center span {
		border-bottom: solid #f36523;
	}
	/*---ボタン---*/
	.simple-btn > div > div > a {
		border: solid 1px!important;
		font-size: 17px!important;
		padding: 1em 4em 1em 4em!important;
	}
	.simple-btn center a {
		border: solid 1px!important;
		font-size: 17px!important;
		padding: 1em 4em 1em 4em!important;
	}
	/*---CLOSEボタン設定---*/
	.pum-theme-1318 .pum-container, .pum-theme-default-theme .pum-container {
		padding-top: 70px;
	}
	#popmake-307 > button, #popmake-303 > button, #popmake-397 > button {
		padding: 15px;
/*		width: 100%;
		font-size: 30px;
		line-height: 20px;
		position: fixed;
		bottom: 0;
		top: auto;*/
	}
	/*---各テキスト---*/
	.gz-txt3 {
		text-align: center;
	}
	.gz-txt3 h2 {
		font-weight: bold;
		margin: 30px 0 50px 0;
	}
	.gz-txt3 h2 span {
		border-bottom: solid 4px #F36523;
	}
	.gz-txt3 h3 {
		font-weight: bold;
		font-size: 25px;
	}
	.gz-txt3 h3 span {
		font-size: 30px;
		color: #f36523;
	}
	.gz-txt4 {
		border: solid #277839;
		width: 80%;
		margin: 40px auto 0 auto;
		padding: 20px;
	}
	.gz-txt4 h4 {
		font-size: 20px;
		margin: 15px 0 20px 0;
		font-weight: bold;
	}
	.gz-txt4 h4 span {
		font-weight: bold;
		border-bottom: solid #00b400;
		font-size: 23px;
	}
	.gz-txt4 h5 {
		margin: 0 auto 0 auto;
		line-height: 30px;
		text-align: left;
	}
	.gz-txt5 {
		width: 80%;
		margin: 40px auto 40px auto;
		text-align: left;
	}
	.gz-txt5 h4 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.gz-txt5 h4 span {
		font-weight: bold;
		color: #277839;
		font-size: 23px;
	}
	
	.gz-txt5 h5 {
		font-size: 20px;
		line-height: 30px;
	}
	.gz-txt5 h5 span {
		font-weight: bold;
		color: #f36523;
		font-size: 23px;
	}
	.gz-txt5 h6 {
		font-size: 20px;
		line-height: 30px;
	}
	.gz-txt5 h6 span {
		font-weight: bold;
		border-bottom: solid #f36523;
		font-size: 23px;
	}
/*---PCセンター・SPレフト---*/
	.pcsp-txt {
		text-align: center;
		color: #f36523;
	}
@media screen and (max-width:660px) {
	.pcsp-txt {
		text-align: left;
		margin-bottom: 0;
	}
}
	
@media screen and (max-width:700px) { 
	.gz-txt3 {
		text-align: left;
	}
	.gz-txt3 h2, .gz-txt3 h3 {
		font-size: 22px;
		line-height: 30px;
	}
	.gz-txt3 h3 span {
		font-size: 24px;
		line-height: 30px;
	}
	.gz-txt4, .gz-txt5 {
		width: 100%;
	}
}

/*---◆テーブル◆---*/

	table.pc {
		border: 2px solid #ccc;
		display: table;
		margin: 0 auto;
		width: 80%;
		font-weight: bold;
		border-spacing: 0;
		letter-spacing: 1.5px;
		text-align: center;
	}
	table.pc tr {
		text-align: center;
	}
	table.pc ul {
		display: inline-block;
	}
	table.pc li {
		text-align: left;
	}
	table.pc th.or {
		background-color: #277839;
		color: #fff;
		text-align: center;
		border-bottom: solid 1px #fff;
		width: 30%;
	}
	table.pc td.or {
		background-color: #f36523;
		color: #fff;
		text-align: center;
		border: solid 1px #ccc;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;

	}
	table.pc td {
		background-color: #fff;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
@media screen and (max-width: 700px) {
	table.pc {
		width: 100%;
	}
}

/*---◆フローティング◆---*/
/*@media screen and (min-width:661px) {
	#footerFloatingMenu {
		display: none;
	}
}
@media screen and (max-width:660px) {*/
/*	#footerFloatingMenu {
		display: block;
		width: 100%;
		position: fixed;
		left: 0px;
		bottom: 2px;
		z-index: 9998;
		text-align: center;
		padding: 0 auto;
	}
	#footerFloatingMenu img {
		max-width: 99%;
	}
	.footerclass {
		z-index: 9999;
		position: relative;
	}*/
	#footerFloatingMenu {
		display: none;
	}

/*---◆ボタン◆---*/
	/*---位置---*/
	.gz-txt3-btn {
		text-align: center;
	}
	/*---白---*/
	.square_btn {
		display: inline-block;
	 	padding: 0.5em 1em;
		text-decoration: none;
		color: #555555!important;
		border-radius: 4px;
		font-size: 18px;
		font-weight: bold;
		border: solid 2px #555555;
		margin: 20px 0 20px 0;
	}
	/*---オレンジ---*/
	.square_btn_or {
		display: inline-block;
		padding: 0.7em 1.1em;
		text-decoration: none;
		background: #f36523;/*ボタン色*/
		color: #fff;
		border-radius: 4px;
		font-size: 20px;
		font-weight: bold;
	}

/*―――――――――――――――ふたば舗装店―――――――――――――――*/

/*▼▼▼▼▼▼▼▼▼▼ ヘッダーメニュー ▼▼▼▼▼▼▼▼▼▼*/

	#sticky-wrapper > div, #kad-mobile-banner {
		box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);
	}

/*▼▼▼▼▼▼▼▼▼▼ まんが以外 ▼▼▼▼▼▼▼▼▼▼*/

	/*----- スライダーのすぐ下 -----*/
	.tit-flex {
/*		display: flex;*/
		text-align: center;
		padding: 25px 0 25px 0;
	}
	.tit-flex span {
		color: #fff;
		margin: 0 0 0 15px;
		font-weight: bold;
		font-size: 40px;
	}
	.tit-flex h2 span p {
		font-weight: normal;
	}

/*◇◇◇◇◇ LP① ◇◇◇◇◇*/

	/*----- タイトル -----*/
	.flex-tit {
		width: 100%;
		text-align: center;
	}
	.flex-img {
		display: inline-block;
		margin: 0 5px 20px 0;
		vertical-align: middle;
	}
	.flex-tit h2 {
		display: inline-block;
		line-height: 100px;
		color: #fff;
		font-size: 29px;
	}
	@media screen and (max-width: 600px) {
		.flex-tit h2 {
			font-size: x-large;
		}
		.flex-img img {
			width: 65%;
		}
	}
	@media screen and (max-width: 480px) {
		.flex-tit h2 {
			font-size: larger;
			line-height: 10px;
		}
		.flex-img {
			margin: 0;
		}
		.flex-img img {
			width: 85%;
		}
	}
	/*----- テキスト３個 -----*/
	.flex3 {
		display: flex;
	}
	.flex3-1 {
		width: calc(100%/3);
		text-align: center;
		background-color: #fff;
		margin: 0 10px 0 10px;
	}
	.flex3-1 h3 {
		font-size: 20px;
		line-height: 25px;
		color: #277839;
		font-weight: bold;
	}
	.flex3-1 p {
		font-weight: bold;
	}
	@media screen and (max-width: 600px) {
		.flex3 {
			display: block;
		}
		.flex3-1 {
			width: 100%;
			margin: 0;
		}
		.flex3-1 h3 {
			padding-top: 10px;
		}
		.flex3-1 p {
			margin: 0;
			padding-bottom: 5px;
		}
	}
	
/*◇◇◇◇◇ 安心の～ ◇◇◇◇◇*/
	.txt01 h2 {
		text-align: center!important;
	}

/*◇◇◇◇◇ ずっと安心の ◇◇◇◇◇*/
	.c-block {
		text-align: center;
	}
	.c-block02 {
		display: inline-block;
	}
	.c-block02 img {
		padding-top: 60px;
	}
	.c-block02 h4 {
		color: #000;
		font-weight: bold;
	}
	.c-block02 p {
		display: table;
		text-align: left;
		color: #000;
		letter-spacing: 1px;
		padding: 0 0 30px 0;
		font-size: 19px;
		font-weight: bold;
	}
	/*----- アコーディオン -----*/

	.ac-box {
		width: 90%;
		margin: auto;
	}
	.ac-box .kt-accordion>.panel {
		border: 2px solid #277839;
		padding: 15px;
		margin-bottom: 10px;
	}
	.ac-box h5 {
		font-weight: bold;
	}
/*◇◇◇◇◇ 社是 ◇◇◇◇◇*/
	.c-block {
		text-align: center;
	}
	.c-block01 {
		display: inline-block;
	}
	.c-block img {
		margin: 75px 0 0 0;
	}
	.c-block h4 {
		color: #000;
		font-weight: bold;
	}
	.c-block p {
		display: table;
		text-align: left;
		font-weight: bold;
	}
	
	/*----- 3年以降のポップアップ -----*/
	.c-block .program-h5 {
		text-align: left;
		font-weight: bold;
		font-size: 23px;
		color: #000;
		padding-top: 10px;
	}
	.c-block .program-p {
		padding-bottom: 10px;
		border-bottom: dotted 3px #277839;
		width: 100%;
		font-size: 18px;
		letter-spacing: 1px;
	}
	
	.program-p02 {
		font-size: 18px;
		letter-spacing: 1px;
	}
	
/*◇◇◇◇◇ 一番下の三角と上の線 ◇◇◇◇◇*/
	
	/*----- 上の線 -----*/
	.box-border img {
		margin: 0;
	}
	
	/*----- 下の三角 -----*/
	#box-border02 img {
		margin: 0;
	}
	#box-border02 p {
		margin-bottom: 0;
	}
	#box-border02 .sep-triangle-bottom {
		border-top-color: #277839!important;
		margin-top: 0px;
	}

	#box-border03 img {
		margin: 0;
	}
	#box-border03 p {
		margin-bottom: 0;
	}
	#box-border03 .sep-triangle-bottom {
		border-top-color: #277839!important;
		margin-top: 0px;
	}

/*◇◇◇◇◇ エントリーフォーム ◇◇◇◇◇*/

	.c-block h2 {
		color: #277839;
		font-weight: bold;
		margin-top: 70px;
		letter-spacing: 3px;
		line-height: 50px;
	}
	@media screen and (max-width: 600px) {
		.c-block h2 {
		
		}
	}
	
	/*----- ボタン -----*/
	#en-btn01 span, #en-btn02 span {
		font-weight: bold;
	}
/*▼▼▼▼▼▼▼▼▼▼ 問い合わせ ▼▼▼▼▼▼▼▼▼▼*/
.contact-flex {
	display: flex;
	max-width: 320px;
}
.contact-flex01 {
	display: flex;
	width : calc(100% / 3) ;
	margin-right: 15px;
}
.contact-flex01 div {
	margin-left: 5px;
	padding-top: 10px;
}
.contact-area {
	margin-bottom: 20px;
}
.contact-area p {
	margin-bottom: 0!important;
}
.contact01 {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
.contact01-btn {
	text-align: center;
	margin-bottom: 40px;
}
.contact01-btn > input {
	width: 100%;
	max-width: 200px;
	border-radius: 20px;
	padding: 15px;
	font-weight: bold;
	font-size: 20px;
}

/*▼▼▼▼▼▼▼▼▼▼ フッター ▼▼▼▼▼▼▼▼▼▼*/
