@charset "UTF-8";

/*
div,ul,li,p {
border: 1px dotted #ff00ff;
}
*/

/*PCSP
----------------------------------------*/

.disp_pc {
	display: block !important;
}

.disp_sp {
	display: none !important;
}

@media only screen and (max-width : 768px) {
	.disp_pc {
		display: none !important;
	}

	.disp_sp {
		display: block !important;
	}
}

/*/PCSP
----------------------------------------*/

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

body {

	font-size: 16px;
	font-family: "メイリオ", Meiryo, sans-serif;
	color: #000000;
	line-height: 1.5;
	background: #ffffff;
	margin: 0 auto;
}

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

/*リンクテキストカラー
----------------------------------------*/

a {
	text-decoration: none;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #0000cc;
}

a:hover {
	color: #000000;
}

a:active {
	color: #ff0033;
}

/*/リンクテキストカラー
---------------------------------------- */

/* リンク共通
---------------------------------------- */

a {
	cursor: pointer !important;
}

a:hover {
	opacity: 0.5;
}

/* /リンク共通
---------------------------------------- */

/* 固定幅
---------------------------------------- */

.inner {
	width: 1289px;
	margin: 0 auto;
}

/* /固定幅
---------------------------------------- */

/*共通スペース
----------------------------------------*/

.narrow {
	padding: 0px 30px;
}

/*SP対応*/
@media only screen and (max-width: 768px) {

	.narrow {
		padding: 0px 5%;
	}

}

/*/共通スペース
----------------------------------------*/

/* ストライプ背景
---------------------------------------- */
.bg_stripe {
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(252, 255, 130, .5) 2px, rgba(252, 255, 130, .5) 4px);
}

/* /ストライプ背景
---------------------------------------- */

/*ヘッダPC
----------------------------------------*/

header.pc {
	height: 73px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99999;
	background-color: #ffffff;
	border-bottom: 4px solid #001d5e;
}

main.pc {
	padding-top: 73px;
}

.pc_header {
	display: flex;
	justify-content: space-between
}

.pc_header li:first-child {
	width: 315px;
}

.anchor_pc {
	display: block;
	padding-top: 73px;
	margin-top: -73px;
	pointer-events: none;
}

/*/ヘッダPC
---------------------------------------- */


/* コンテンツ
---------------------------------------- */

main {
	width: 100%;
	margin: 0 auto;
}

/* /コンテンツ
---------------------------------------- */

/*PCメインヴィジュアル
----------------------------------------*/
main.pc .topdrop {
	box-shadow: inset 0px 10px 5px -5px rgba(0, 0, 0, .1);
}

main.pc .bottomdrop {
	background: #ffffff;
	box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, .1);
}

main.pc .mvimage {
	background: #0f228b;

}


main.pc .bt_line {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	padding: 10px 60px;
}

main.pc .bt_line .logo {
	padding-right: 50px;
}

main.pc .bt_line .bt01 {
	margin-right: 5px;
}


/*/PCメインヴィジュアル
----------------------------------------*/

/*PC電話共通
----------------------------------------*/

main.pc .common_tel {
	padding: 40px 0;
}

main.pc .common_tel p.guide {
	width: 40%;
	margin: 0 auto;
}

main.pc .common_tel ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 20px 0;
}

main.pc .common_tel ul li:not(:last-of-type) {
	width: 45%;
	margin: 0 10px;
}

main.pc .common_tel p.date {
	font-size: 24px;
	text-align: center;
}

main.pc .common_tel p.note {
	text-align: center;
	color: #ff0000;
	font-weight: bold;
}

/*/PC電話共通
----------------------------------------*/

/*PCボタン共通
----------------------------------------*/

main.pc .common_bt {
	margin-top: 10px;
	padding: 20px 0 100px;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

main.pc .common_bt li:first-of-type {
	margin-right: 10px;
}

/*/PCボタン共通
----------------------------------------*/

/*要素隠し
----------------------------------------*/
.hide {
	display: none;
}

/*/要素隠し
----------------------------------------*/

/*PCアンカーbt
----------------------------------------*/

main.pc .anchorbt {
	padding-bottom: 50px;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

}

main.pc .anchorbt li:not(:last-of-type) {
	margin-right: 15px;
}

/*PCアンカーbt
----------------------------------------*/

/* 大項目トリガーPC
----------------------------------------*/

main.pc .trigger {
	position: relative;
	cursor: pointer;
	font-size: 40px;
	background: #0f228b;
	color: #ffff;
	/* padding: 0.5em 2em; */
	margin-bottom: 1px;
	text-shadow: none;
}

main.pc .trigger::after {
	transition: .2s ease-in-out;
	position: absolute;
	display: inline-block;
	background-image: url(../images/triangle.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #ffffff;
	content: "";
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	right: 60px;

}

main.pc .trigger.close::after {
	transform: scale(1, -1);
}

/* /大項目トリガーPC
----------------------------------------*/

/* 中項目トリガーPC
----------------------------------------*/

main.pc .trigger_child {
	position: relative;
	cursor: pointer;
	/* margin-bottom: 2em; */
}

main.pc .trigger_child::after {

	transition: .2s ease-in-out;

	position: absolute;
	display: inline-block;
	background-image: url(../images/triangle_b.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	right: 60px;

}

main.pc .trigger_child.close::after {
	transform: scale(1, -1);
}

/* /中項目トリガーPC
----------------------------------------*/

/* QAトリガーPC
----------------------------------------*/

main.pc .trigger_qa {
	position: relative;
	cursor: pointer;
	/* margin-bottom: 2em; */
}

main.pc .trigger_qa::after {

	transition: .2s ease-in-out;

	position: absolute;
	display: inline-block;
	background-image: url(../images/triangle_d.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	right: 40px;

}

main.pc .trigger_qa.close::after {
	transform: scale(1, -1);
}

/* /QAトリガーPC
----------------------------------------*/
/* タイトル系フォント共通 */
.ttlfont {
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	/*font-weight: bolder;*/
}

/*SP対応*/
@media only screen and (max-width: 768px) {
	.ttlfont {
		font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
		font-weight: bolder;
		text-shadow: 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
	}
}



/* トリガーヘッド共通 */
main.pc .acohd {
	font-size: 40px;
	background: #0f228b;
	color: #fff;
	padding: 0.5em 2em;
	margin-bottom: 1px;
	text-shadow: none;
}


main.pc .acohd ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;

	font-size: 0.8em;
}

main.pc .acohd ul li:first-child {

	display: flex;
	justify-content: center;
	align-items: center;

	margin-right: 20px;

}

.ttl01 {
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	/*font-weight: bolder;*/
	font-size: 70px;
	text-shadow: 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
	color: #0f228b;
}


.ttl02 {
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	/*font-weight: bolder;*/
	color: #0f228b;
	font-size: 50px;
	text-shadow: 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
}


.ttl03 {
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	/*font-weight: bolder;*/
	color: #fff;
	font-size: 50px;
	text-shadow: 4px 0 0 #0f228b, 0 4px 0 #0f228b, -4px 0 0 #0f228b, 0 -4px 0 #0f228b;
}

.ttl04 {
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	/*font-weight: bolder;*/
	color: #666;
	font-size: 30px;
}

/*SP対応*/
@media only screen and (max-width: 768px) {
	.ttl04 {
		font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
		font-weight: bolder;
		color: #666;
		font-size: 1rem;
		margin-bottom: 10px;
	
	}
}

/*PCリースバックとは？
----------------------------------------*/

main.pc .about {
	padding-bottom: 80px;
}

main.pc .about>*:not(:last-child) {
	margin-bottom: 20px;
}

main.pc .about ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	font-size: 18px;
	font-family: 'TT-JTCウインS4P', sans-serif;
	font-size: 1.125rem;
	color: #000;
	line-height: 30px;
	margin-bottom: 20px;

}

main.pc .about ul li.pic {
	width: 45%;
	margin-right: 20px;
}

main.pc .about .ttl {
	color: #0f228b;
}

main.pc .about .ttl p:nth-child(1) {
	/* font-size: 80px;
font-size: 30px;
font-family: "TT-JTCウインS4";
font-size: 1.75rem; */
	/* color: #000; */
	margin-left: 10px;
	flex: 1;
}

main.pc .about .ttl p:nth-child(2) {
	font-size: 30px;
	font-family: "TT-JTCウインS4", sans-serif;
	font-size: 1.75rem;
	/* color: #000; */
	margin-left: 20px;
	flex: 1;
}

/*/PCリースバックとは？
----------------------------------------*/

/*PCメリット
----------------------------------------*/


main.pc .merit .body {
	padding: 40px 0;
}

main.pc .merit .body .box {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;

}

main.pc .merit .body .ttl2 {
	margin: 20px 0 40px 0;
}

main.pc .merit .body .box li {
	width: calc(100% / 2 - 20px);
	margin: 0 10px 20px 10px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;


}

main.pc .merit .body .box li p.star {
	position: relative;
}

main.pc .merit .body .box li p.star::before {
	position: absolute;
	display: inline-block;
	background-image: url(../images/merit_hd01_star.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 120px;
	height: 120px;
	top: -10px;
	right: 10px;
}

main.pc .merit .body .box li p:nth-child(2) {

	/*flex: 1;*/

	color: #10218b;
	font-size: 20px;

	background-color: #ffffff;

	border: 1px solid #dad7ca;
	border-top: none;

	padding: 10px;
	height: 100%;

}




/*/PCメリット
----------------------------------------*/

/*PC違い
----------------------------------------*/

main.pc .difference .body .subhead {
	font-size: 50px;
	color: #0f228b;
	line-height: 1.2;
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	/*font-weight: bolder;*/
	text-shadow: 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
}

main.pc .difference .body {
	padding: 40px 0;
}

main.pc .difference .body>*:not(:last-child) {
	margin-bottom: 30px;
}

main.pc .difference .body p {
	font-size: 18px;
	font-family: 'TT-JTCウインS4P', sans-serif;
	font-size: 1.125rem;
	color: #000;
	line-height: 30px;
}

main.pc .difference .body .tablehd {
	background: #0f228b;
	color: #ffffff;
	padding: 0.4em 0.5em;
	font-size: 42px;
	width: 100%;
}

main.pc .difference .body table {

	width: 100%;
	font-size: 18px;
	border-collapse: collapse;

}

main.pc .difference .body table tr td {

	text-align: center;
	padding: 1em;
	background-color: #ffffff;
	border: 1px solid #b1b6b9;
	vertical-align: middle;

}

main.pc .difference .body table tr td.t_gray {
	background-color: #f2f2f2;
}

main.pc .difference .body table tr td.menu {
	background-color: #a6e0ff;
	white-space: nowrap;
}

main.pc .difference .body table tr td.valuetop {
	background-color: #d9f2ff;
	white-space: nowrap;
}

main.pc .difference .body table tr td.valuetop_gray {
	background-color: #dddddd;
	white-space: nowrap;
}

main.pc .difference .body table tr td.l {
	text-align: left;
}

main.pc .difference .body table tr td ul {
	padding-left: 1em;
}

main.pc .difference .body table tr td ul li {
	list-style-type: disc;
}

main.pc .difference .body p.note {
	font-size: 14px;
	margin-top: -20px;
}

/*/PC違い
----------------------------------------*/

/*PC理由
----------------------------------------*/

main.pc .reason .body {
	padding: 40px 0;

}

main.pc .reason .body>* {
	margin-bottom: 40px;
}

main.pc .reason .body .arrow1 {

	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;

	border: 2px solid #0f228b;
	background-color: #ffffff;

	margin-bottom: 20px;

}

main.pc .reason .body .arrow1 li:first-of-type {
	width: 284px;
}

main.pc .reason .body .arrow1 li:last-of-type {
	flex: 1;
	padding: 0 30px;
	font-size: 24px;
	color: #0f228b;

	overflow: hidden;
}

main.pc .reason .body .arrow1 li:last-of-type p {
	font-size: 0.8em;
}

main.pc .reason .body .note {

	font-size: 14px;
	color: #0f228b;
}

main.pc .reason .body .arrow2 {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

main.pc .reason .body .arrow2 li {
	width: 1158px;
	margin-bottom: 20px;
}

main.pc .reason .body .anchor {
	margin: 0 auto;
	width: 50%;

}

main.pc .reason .body .anchor:not(:last-child) {
	margin-bottom: 60px;
}

main.pc .reason .step {

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;

}


/*/PC理由
----------------------------------------*/

/*PC事例
----------------------------------------*/

main.pc .case .body {
	padding: 40px 0 100px;
}

/*/PC事例
----------------------------------------*/

/*PCその他事例
----------------------------------------*/

main.pc .othercase .ttl {
	padding: 0px 625px 40px 80px;
}

main.pc .othercase .body {
	padding: 40px 0;
}

main.pc .othercase .body p {
	/*font-family: 'TT-JTCウインS4P';*/
	font-size: 1.125rem;
	color: #000;
	line-height: 30px;
}




main.pc .othercase .body .child p {
	margin-bottom: 2em;
}

main.pc .othercase .body .child p.ttlb {
	font-weight: bold;
}

main.pc .othercase .body .trigger_child ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	height: 162px;

}

main.pc .othercase .body .trigger_child ul li:first-of-type {
	width: 200px;
}

main.pc .othercase .body .trigger_child ul li:last-of-type {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
	flex: 1;
	padding-left: 2%;
	padding-right: 10%;
}

/*/PCその他事例
----------------------------------------*/

/*/ご利用の流れ
----------------------------------------*/

/*よくあるご質問
----------------------------------------*/
main.pc .qa {
	color: #0f228b;
}

main.pc .qa h2 {
	font-size: 60px;
	font-weight: bold;
}

main.pc .qa .read {
	font-size: 24px;
	margin-bottom: 20px
}

main.pc .qa .box {
	background: #ffffff;
	border-bottom: 1px solid #0f228b;

	padding: 40px 80px 40px 40px;

	/*display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;*/

	line-height: 1.2;

}

main.pc .qa .box.d1 {
	font-size: 40px;
	font-weight: bold;
}

main.pc .qa .box.d2 {
	font-size: 26px;
	font-weight: bold;
	padding-left: 2em;

}

main.pc .qa .box.d3 {
	font-size: 20px;
	padding-left: 4em;
}

main.pc .qa .box.d3 p:not(:last-child) {
	margin-bottom: 1em;
}

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

/*選べる5つの特典
----------------------------------------*/
main.pc .benefit {
	padding-bottom: 40px;
}

main.pc .benefit .ttl {
	color: #0f228b;
}

main.pc .benefit .ttl p:nth-child(1) {
	font-size: 70px;
}

main.pc .benefit .ttl p:nth-child(2) {
	font-size: 30px;
}

/*/選べる5つの特典
----------------------------------------*/

/*セコムのホームセキュリティ
----------------------------------------*/

main.pc .benefit_secom {
	font-size: 24px;
}

main.pc .benefit_secom .body {
	padding: 40px 0;
}

main.pc .benefit_secom .body>*:not(:last-child) {
	margin-bottom: 40px;
}

main.pc .benefit_secom .body .ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

main.pc .benefit_secom .body ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

main.pc .benefit_secom .body ul+p {
	margin-top: -20px;
}

main.pc .benefit_secom .body ul.layout li:first-of-type {
	width: 25%;
}

main.pc .benefit_secom .body ul.layout li:last-of-type {
	flex: 1;
	color: #0f228b;
	font-weight: bold;
	padding: 1em;
}

/*/セコムのホームセキュリティ
----------------------------------------*/

/*アルソックのみまもりサポート
----------------------------------------*/

main.pc .benefit_alsok {
	font-size: 24px;
}

main.pc .benefit_alsok .body {
	padding: 40px 0;
}

main.pc .benefit_alsok .body>*:not(:last-child) {
	margin-bottom: 40px;
}

main.pc .benefit_alsok .body .ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

main.pc .benefit_alsok .body ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

main.pc .benefit_alsok .body ul+p {
	margin-top: -20px;
}

main.pc .benefit_alsok .body ul.layout li:first-of-type {
	width: 25%;
}

main.pc .benefit_alsok .body ul.layout li:last-of-type {
	flex: 1;
	color: #0f228b;
	font-weight: bold;
	padding: 1em;
}

/*/アルソックのみまもりサポート
----------------------------------------*/

/*象印のみまもりほっとライン
----------------------------------------*/

main.pc .benefit_zojirushi {
	font-size: 24px;
}

main.pc .benefit_zojirushi .body {
	padding: 40px 0;
}

main.pc .benefit_zojirushi .body>*:not(:last-child) {
	margin-bottom: 40px;
}

main.pc .benefit_zojirushi .body .ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

main.pc .benefit_zojirushi .body .illust {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

main.pc .benefit_zojirushi .body ul.zolist {

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;

	width: 70%;
	margin-left: auto;
	margin-right: auto;

}

main.pc .benefit_zojirushi .body>ul li {

	width: 100%;
	list-style-type: circle;

}

main.pc .benefit_zojirushi .body>ul li span {

	color: #0f228b;

}

/*/象印のみまもりほっとライン
----------------------------------------*/

/*くらしのセゾン ホームクリーニング
----------------------------------------*/

main.pc .benefit_kurashisaison {
	font-size: 24px;
}

main.pc .benefit_kurashisaison .body {
	padding: 40px 0;
}

main.pc .benefit_kurashisaison .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.pc .benefit_kurashisaison .body .ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

main.pc .benefit_kurashisaison .body .pic {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

main.pc .benefit_kurashisaison .body p.orange {
	font-weight: bold;
	padding-left: 200px;
}

main.pc .benefit_kurashisaison .body p.orange::before {
	content: '●';
	color: #f7a900;
}

main.pc .benefit_kurashisaison .body ul.taglist {

	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-left: 200px;

}

main.pc .benefit_kurashisaison .body ul.taglist li {

	border: 3px solid #f7a900;
	border-radius: 2em;
	padding: 0.5em 1em 0.3em 1em;
	margin: 0 5px;

}

/*/くらしのセゾン ホームクリーニング
----------------------------------------*/

/*ホームネットのハローライト
----------------------------------------*/

main.pc .benefit_hellolight {
	font-size: 24px;
}

main.pc .benefit_hellolight .body {
	padding: 40px 0;
}

main.pc .benefit_hellolight .body>*:not(:last-child) {
	margin-bottom: 40px;
}

main.pc .benefit_hellolight .body .ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

main.pc .benefit_hellolight .body .pic {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

main.pc .benefit_hellolight .body p.icon {



	text-align: center;


	position: relative;
	font-weight: bold;

}

main.pc .benefit_hellolight .body p.icon::before {
	position: absolute;
	display: inline-block;
	background-image: url(../images/benefit_hello_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 2em;
	height: 2em;
	top: 50%;
	margin-top: -30px;
	margin-left: -2em;
}

/*/ホームネットのハローライト
----------------------------------------*/

/*ご紹介サービス
----------------------------------------*/

main.pc .benefit_intro {
	font-size: 24px;
}

main.pc .benefit_intro .body {
	padding: 40px 0;
}

main.pc .benefit_intro .body>*:not(:last-child) {
	margin-bottom: 40px;
}

main.pc .benefit_intro .body .ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

main.pc .benefit_intro .body ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}

main.pc .benefit_intro .body ul+p {
	margin-top: -20px;
}

main.pc .benefit_intro .body ul.layout li:first-of-type {
	width: 25%;
}

main.pc .benefit_intro .body ul.layout li:last-of-type {
	flex: 1;
	color: #0f228b;
	font-weight: bold;
	padding: 0 1em;
	background-color: #ffffff;

	line-height: 1.4;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;


}

main.pc .benefit_intro .body ul.layout li p.yutai {

	width: 100px;

}

main.pc .benefit_intro .body ul.layout li p.text {
	color: #000000;
	font-weight: normal;
	font-size: 1.2rem;
	margin-top: 10px;
}

main.pc .benefit_intro .body ul.layout li p.note {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	color: #000;
}

/*/ご紹介サービス
----------------------------------------*/

/*ClubOff
----------------------------------------*/

main.pc .benefit_cluboff {
	font-size: 24px;
}

main.pc .benefit_cluboff .body {
	padding: 40px 0;
}

main.pc .benefit_cluboff .body p.link {

	padding: 20px 20%;
}


main.pc .benefit_cluboff .body>*:not(:last-child) {
	margin-bottom: 40px;
}

main.pc .benefit_cluboff .body .ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

main.pc .benefit_cluboff .body .pic {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

/*/ClubOff
----------------------------------------*/

/*フッターPC
---------------------------------------- */

footer.pc {
	border-top: 4px solid #267bcc;
	margin: 0 auto;
}

footer.pc .logoline {

	padding: 0 70px;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	height: 110px;

}

footer.pc .logoline .logo {
	width: 315px;

}

footer.pc .logoline .textlink {
	margin: 0 20px;
	white-space: nowrap;
	font-size: 12px;
}

footer.pc .logoline .textlink a,
footer.pc .logoline .textlink p {
	color: #000000;
	display: inline-block;
}

footer.pc .logoline .textlink p {
	margin: 0 10px;
}

footer.pc .logoline .tel {

	text-align: right;
	width: 216px;
}

footer.pc .about {
	text-align: center;
	font-size: 10px;
	margin-bottom: 17px;
}

footer.pc .goriyou {

	border-top: 1px solid #d4d9df;
	background: #cae5ff;
	color: #2e6ca9;
	font-size: 10px;
	font-weight: bold;

	height: 37px;


	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;

}

footer.pc .goriyou p {

	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;

}

footer.pc .copyright {

	text-align: center;
	font-size: 10px;
	line-height: 2;

}

/*/フッターPC
----------------------------------------*/

/*フッターSP
---------------------------------------- */

footer.sp {
	border-top: 4px solid #267bcc;
	margin: 0 auto;
}

footer.sp .logo {
	margin: 0 auto;
	padding: 0 10% 20px;
}

footer.sp .tel {
	margin: 0 auto;
	padding: 0 10% 30px;
	text-align: center;
}

footer.sp .tel img {
	width: 216px;
}

footer.sp .textlink {
	text-align: center;
	margin: 24px 0 20px;
}

footer.sp .textlink p,
footer.sp .textlink a {
	display: inline-block;
	color: #333;
}

footer.sp .about {
	text-align: center;
	font-size: 10px;
	margin-bottom: 17px;
}

footer.sp .goriyou {

	border-top: 1px solid #d4d9df;
	background: #cae5ff;
	color: #2e6ca9;
	font-size: 10px;
	font-weight: bold;

	height: 37px;


	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;

}

footer.sp .goriyou p {

	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;

}

footer.sp .copyright {

	text-align: center;
	font-size: 10px;
	line-height: 2;

}

/*/フッターSP
----------------------------------------*/



/* メインFV SP
----------------------------------------*/
.logo_sp {
	width: 100%;
	background: #fff;
	padding: 10px;
}

.logo_sp img{
	width: 215px;
}

main.sp .mv .bt {
	padding-bottom: 40px;
}

main.sp .mv .bt p {
	margin: 10px 0;
}

main.sp .mv .bt p:last-child {
	margin: 0 10px;
}

/*
main.sp .mv .bt p.easy{

width: 40%;
margin-left: auto;
margin-right: 20px;
margin-bottom: 20px;

} */

main.sp .mv .tel {
	width: 90%;
	padding-bottom: 40px;
	margin: 0 auto;
}

main.sp .mv .tel .guide {
	width: 60%;
	margin: 0 auto;
}

main.sp .mv .tel ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
}

main.sp .mv .tel .date {
	font-weight: bold;
	text-align: center;
}

/* メインFV SP
----------------------------------------*/

/* 大項目トリガーSP
----------------------------------------*/

main.sp .trigger {
	position: relative;
	cursor: pointer;
}

main.sp .trigger p {
	font-size: 1.4rem;
	/* margin-left: 30px; */
}



main.sp .trigger::after {

	transition: .2s ease-in-out;

	position: absolute;
	display: inline-block;
	background-image: url(../images/triangle.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 15px;
	height: 15px;
	top: 50%;
	margin-top: -10px;
	right: 10px;

}

main.sp .trigger.close::after {
	transform: scale(1, -1);
}

/* /大項目トリガーSP
----------------------------------------*/

/* 中項目トリガーSP
----------------------------------------*/

main.sp .trigger_child {
	position: relative;
	cursor: pointer;
	margin-bottom: 2em;
}

main.sp .trigger_child::after {

	transition: .2s ease-in-out;

	position: absolute;
	display: inline-block;
	background-image: url(../images/triangle_b.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 15px;
	height: 15px;
	top: 50%;
	margin-top: -10px;
	right: 0px;

}

main.sp .trigger_child.close::after {
	transform: scale(1, -1);
}

/* /中項目トリガーSP
----------------------------------------*/

/* QAトリガーSP
----------------------------------------*/

main.sp .trigger_qa {
	position: relative;
	cursor: pointer;
	/* margin-bottom: 2em; */
}

main.sp .trigger_qa::after {

	transition: .2s ease-in-out;

	position: absolute;
	display: inline-block;
	background-image: url(../images/triangle_d.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 15px;
	height: 15px;
	top: 50%;
	margin-top: -10px;
	right: 10px;

}

main.sp .trigger_qa.close::after {
	transform: scale(1, -1);
}

/* /QAトリガーSP
----------------------------------------*/

/* トリガーヘッド共通 */
main.sp .acohd {
	font-size: 26px;
	background: #0f228b;
	color: #fff;
	padding: 0.8em 0.5em;
	margin-bottom: 1px;
	line-height: 1.2;
	text-shadow: none;
}

main.sp .acohd.depth {
	padding: 0.4em 1em;
}

main.sp .acohd ul {

	font-size: 20px;


	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

main.sp .acohd ul li:first-child {

	width: 15%;


	margin-right: 15px;

}

main.sp .acohd ul li:last-child {

	flex: 1;


}

main.sp .acohd ul li:first-child img {

	height: 2em
}

/*SPリースバックとは？
----------------------------------------*/

main.sp .about {
	padding-bottom: 40px;
}

main.sp .about>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .about .pic {
	padding: 0 20px;
}

main.sp .about p {
	padding: 0 20px;
}

main.sp .about .ttl {
	color: #0f228b;
	line-height: 1.2;
}

main.sp .about .ttl p:nth-child(1) {
	font-size: 35px;
	margin-bottom: 10px;
}

main.sp .about .ttl p:nth-child(2) {
	font-size: 1.1rem;
}

/*/SPリースバックとは？
----------------------------------------*/

/*SPメリット
----------------------------------------*/

main.sp .merit .body {
	padding: 20px 0;
}

main.sp .merit .body .box {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;

}


main.sp .merit .body p {
	font-size: 1.5rem;
	color: #0f228b;
	line-height: 1.2;

}

main.sp .merit .body .ttl1 {
	margin: 0 0 20px 0;
}

main.sp .merit .body .ttl2 {
	margin: 20px 0 20px 0;
}

main.sp .merit .body .box li {
	width: 100%;
	margin: 0 10px 20px 10px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;

}

main.sp .merit .body .box li p.star {
	position: relative;
}

main.sp .merit .body .box li p.star::before {
	position: absolute;
	display: inline-block;
	background-image: url(../images/merit_hd01_star.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 100px;
	height: 100px;
	top: -15px;
	right: 10px;
}

main.sp .merit .body .box li p:nth-child(2) {

	flex: 1;

	color: #10218b;
	font-size: 20px;

	background-color: #ffffff;

	border: 1px solid #dad7ca;
	border-top: none;

	padding: 20px;

}

/*/SPメリット
----------------------------------------*/

/*SP違い
----------------------------------------*/

main.sp .difference .body {
	padding: 20px 0 40px;
}

main.sp .difference .body>*:not(:last-child) {
	margin-bottom: 30px;
}

main.sp .difference .body p {
	padding: 0 1em;
	font-size: 14px;
}

main.sp .difference .body .tablehd {
	background: #0f228b;
	color: #ffffff;
	padding: 0.8em;
	text-align: center;
	font-size: 24px;
	width: 100%;
	text-shadow: none;
}


main.sp .difference .body table {
	margin: 0 auto;
	width: 95%;
	font-size: 14px;
	border-collapse: collapse;
}

main.sp .difference .body table tr td {
	text-align: left;
	padding: 1em;
	background-color: #ffffff;
	border: 1px solid #b1b6b9;
	vertical-align: middle;
}

main.sp .difference .body table tr td.t_gray {
	background-color: #f5f5f5;
}

main.sp .difference .body table tr td.menu {
	background-color: #a6e0ff;
	white-space: nowrap;
	text-align: center;
}

main.sp .difference .body table tr td.valuetop {
	background-color: #d9f2ff;
	white-space: nowrap;
}

main.sp .difference .body table tr td.valuetop_gray {
	background-color: #dddddd;
	white-space: nowrap;
}

main.sp .difference .body table tr td ul {
	padding-left: 1em;
}

main.sp .difference .body table tr td ul li {
	list-style-type: disc;
}

main.sp .difference .body p.note {
	font-size: 14px;
	margin-top: -20px;
}

main.sp .difference .body .subhead {
	font-size: 1.5rem;
	color: #0f228b;
	line-height: 1.2;
	padding: 0 0.5em;
}

/*/SP違い
----------------------------------------*/

/* SP共通ボタン
----------------------------------------*/

main.sp .common_bt {
	padding-bottom: 20px;
}

main.sp .common_bt.dispbt {
	padding-top: 40px;
}

main.sp .common_bt p {
	margin-bottom: 10px;
}

main.sp .common_bt p.line {
	margin: 0 10px;
}

main.sp .common_bt p.easy {
	width: 40%;
	margin-right: 20px;
	margin-left: auto;
	margin-bottom: 20px;
}

main.sp .common_bt p.tel {
	width: 90%;
	margin: 20px auto;
}

/* /SP共通ボタン
----------------------------------------*/

/* SP電話共通
----------------------------------------*/
main.sp .tel {
	width: 90%;
	padding-bottom: 20px;
	margin: 0 auto;
}

main.sp .tel .guide {
	width: 60%;
	margin: 0 auto;
}

main.sp .tel ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
}

main.sp .tel ul li:not(:last-child) {
	margin: 8px 0;
	width: 100%;
}

main.sp .tel .date {
	font-weight: bold;
	text-align: center;
}

main.sp .tel .note {
	text-align: center;
	color: #ff0000;
	font-weight: bold;
}

/* /SP電話共通
----------------------------------------*/

/*SP理由
----------------------------------------*/

main.sp .reason .body {
	padding-top: 20px;
}

main.sp .reason .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .reason .body .arrow1 {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;

	border: 2px solid #0f228b;
	background-color: #ffffff;

	margin-bottom: 10px;

	font-size: 12px;
}

main.sp .reason .body .arrow1 li:nth-child(1) {
	width: 40%;
	background-color: #0f228b;
}

main.sp .reason .body .arrow1 li:nth-child(2) {
	width: 20px;
	border-style: solid;
	border-color: transparent transparent transparent #0f228b;
	background-color: #ffffff;
}

main.sp .reason .body .arrow1 li:nth-child(2).no1 {
	border-width: 2em 0 2em 20px;
}

main.sp .reason .body .arrow1 li:nth-child(2).no2 {
	border-width: 3em 0 3em 20px;
}

main.sp .reason .body .arrow1 li:nth-child(2).no3 {
	border-width: 4em 0 4em 20px;
}

main.sp .reason .body .arrow1 li:nth-child(2).no4 {
	border-width: 5em 0 5em 20px;
}

main.sp .reason .body .arrow1 li:nth-child(2).no5 {
	border-width: 2em 0 2em 20px;
}

main.sp .reason .body .arrow1 li:nth-child(3) {
	flex: 1;
	padding: 0 10px;

	color: #0f228b;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

main.sp .reason .body .arrow1 li:nth-child(3) p {
	font-size: 0.5em;
}

main.sp .reason .body .note {
	font-size: 12px;
	color: #0f228b;
}

main.sp .reason .body .arrow2 {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

main.sp .reason .body .arrow2 li {
	width: 100%;
	margin-bottom: 10px;
}


main.sp .reason .body .anchor {

	margin: -10px auto 0 auto;
	width: 70%;
}

main.sp .reason .body .anchor:not(:last-child) {
	padding-bottom: 20px;
}


/*/SP理由
----------------------------------------*/

/*SP事例
----------------------------------------*/

main.sp .case .body {
	padding: 40px 0;
}


main.sp .case p {
	font-size: 35px;
	color: #0f228b;
	line-height: 1.2;
	margin-left: 10px;
	margin-bottom: 10px;
}


.word-css {
	word-wrap: break-word;
}

/*/SP事例
----------------------------------------*/

/*SPその他事例
----------------------------------------*/

main.sp .othercase .ttlfont {
	font-size: 35px;
	color: #0f228b;
	line-height: 1.2;
	/*margin-left: 10px;
margin-bottom: 10px;*/


}



main.sp .othercase p {
	font-size: 18px;
	/*color: #0f228b;*/

	/*margin-left: 10px;
margin-bottom: 10px;*/


}

main.sp .othercase .ttl {
	padding: 0 0% 30px 10px;
}

main.sp .othercase .body {
	padding: 20px 0;
}

main.sp .othercase .body .child p {
	margin-bottom: 2em;
}

main.sp .othercase .body .child p.ttlb {
	font-weight: bold;
}

main.sp .othercase .body .trigger_child ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;


}

main.sp .othercase .body .trigger_child ul li:first-of-type {
	width: 30%;
}

main.sp .othercase .body .trigger_child ul li:last-of-type {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	flex: 1;
	padding-left: 2%;
	padding-right: 5%;
}


/*/SPその他事例
----------------------------------------*/

/*SPご利用の流れ
----------------------------------------*/

main.sp .flow .ttlfont {
	font-size: 35px;
	color: #0f228b;
	line-height: 1.2;
	/*margin-left: 10px;
margin-bottom: 10px;*/
}



/*/SPご利用の流れ
----------------------------------------*/

/*SPよくあるご質問
----------------------------------------*/
main.sp .qa {
	color: #0f228b;
	padding-top: 40px;
}


main.sp .qa h2 {
	font-size: 35px;
	font-weight: bold;
	text-shadow: 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	/*font-weight: bolder;*/
}

main.sp .qa .read {
	font-size: 16px;
	margin-bottom: 0px;
}

main.sp .qa .box {
	background: #ffffff;
	border-bottom: 1px solid #0f228b;

	padding: 30px 30px 30px 20px;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;

	line-height: 1.2;
}

main.sp .qa .box.d1 {
	font-size: 24px;
	font-weight: bold;
}

main.sp .qa .box.d2 {
	font-size: 20px;
	font-weight: bold;
	padding-left: 1em;

}

main.sp .qa .box.d3 {
	font-size: 16px;
	padding-left: 2em;
}

main.sp .qa .box.d3 p:not(:last-child) {
	margin-bottom: 1em;
}

main.sp .qa a {

	display: inline-block;
	margin-bottom: 10px;

}

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

/*SP選べる5つの特典
----------------------------------------*/
main.sp .benefit {
	padding-top: 20px;
	padding-bottom: 20px;
}

main.sp .benefit .ttl {
	color: #0f228b;
	line-height: 1.2;
}

main.sp .benefit .ttl p:nth-child(1) {
	font-size: 32px;
	margin-bottom: 10px;
}

main.sp .benefit .ttl p:nth-child(2) {
	font-size: 18px;
}

/*/SP選べる5つの特典
----------------------------------------*/

/*セコムのホームセキュリティ
----------------------------------------*/

main.sp .benefit_secom {
	font-size: 18px;
}

main.sp .benefit_secom .body {
	padding: 40px 0;
}

main.sp .benefit_secom .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .benefit_secom .body .ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

main.sp .benefit_secom .body ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/*
main.sp .benefit_secom .body ul + p {
margin-top: -20px;
}
 */

main.sp .benefit_secom .body ul.layout li:first-of-type {
	width: 30%;
}

main.sp .benefit_secom .body ul.layout li:last-of-type {
	flex: 1;
	color: #0f228b;
	font-weight: bold;
	padding: 1em;
}

/*/セコムのホームセキュリティ
----------------------------------------*/

/*アルソックのみまもりサポート
----------------------------------------*/

main.sp .benefit_alsok {
	font-size: 18px;
}

main.sp .benefit_alsok .body {
	padding: 40px 0;
}

main.sp .benefit_alsok .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .benefit_alsok .body .ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

main.sp .benefit_alsok .body ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/*
main.sp .benefit_alsok .body ul + p {
margin-top: -20px;
}
 */

main.sp .benefit_alsok .body ul.layout li:first-of-type {
	width: 30%;
}

main.sp .benefit_alsok .body ul.layout li:last-of-type {
	flex: 1;
	color: #0f228b;
	font-weight: bold;
	padding: 1em;
}

/*/アルソックのみまもりサポート
----------------------------------------*/

/*象印のみまもりほっとライン
----------------------------------------*/

main.sp .benefit_zojirushi {
	font-size: 18px;
}

main.sp .benefit_zojirushi .body {
	padding: 40px 0;
}

main.sp .benefit_zojirushi .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .benefit_zojirushi .body .ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

main.sp .benefit_zojirushi .body .illust {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

main.sp .benefit_zojirushi .body ul.zolist {

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;

	width: 95%;
	margin-left: auto;
	margin-right: auto;

}

main.sp .benefit_zojirushi .body>ul li {

	width: 100%;
	list-style-type: circle;

}

main.sp .benefit_zojirushi .body>ul li span {

	color: #0f228b;

}

/*/象印のみまもりほっとライン
----------------------------------------*/

/*くらしのセゾン ホームクリーニング
----------------------------------------*/

main.sp .benefit_kurashisaison {
	font-size: 18px;
}

main.sp .benefit_kurashisaison .body {
	padding: 40px 0;
}

main.sp .benefit_kurashisaison .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .benefit_kurashisaison .body .ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

main.sp .benefit_kurashisaison .body .pic {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

main.sp .benefit_kurashisaison .body p.orange {
	font-weight: bold;
}

main.sp .benefit_kurashisaison .body p.orange::before {
	content: '●';
	color: #f7a900;
}

main.sp .benefit_kurashisaison .body ul.taglist {

	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;

}

main.sp .benefit_kurashisaison .body ul.taglist li {

	border: 3px solid #f7a900;
	border-radius: 2em;
	padding: 0.3em 1em 0.1em 1em;
	margin: 0 5px;

}

/*/くらしのセゾン ホームクリーニング
----------------------------------------*/

/*ホームネットのハローライト
----------------------------------------*/

main.sp .benefit_hellolight {
	font-size: 18px;
}

main.sp .benefit_hellolight .body {
	padding: 40px 0;
}

main.sp .benefit_hellolight .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .benefit_hellolight .body .ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

main.sp .benefit_hellolight .body .pic {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

main.sp .benefit_hellolight .body p.icon {



	text-align: center;


	position: relative;
	font-weight: bold;

}

main.sp .benefit_hellolight .body p.icon::before {
	position: absolute;
	display: inline-block;
	background-image: url(../images/benefit_hello_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 2em;
	height: 2em;
	top: 50%;
	margin-top: -20px;
	margin-left: -2em;
}


/*/ホームネットのハローライト
----------------------------------------*/

/*ご紹介サービス
----------------------------------------*/

main.sp .benefit_intro {
	font-size: 18px;
}

main.sp .benefit_intro .body {
	padding: 40px 0;
}

main.sp .benefit_intro .body>*:not(:last-child) {
	margin-bottom: 40px;
}

main.sp .benefit_intro .body .ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

main.sp .benefit_intro .body ul {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}

main.sp .benefit_intro .body ul+p {
	margin-top: -20px;
}

main.sp .benefit_intro .body .note {
	font-size: 70%;
}

main.sp .benefit_intro .body ul.layout li:first-of-type {
	width: 40%;
}

main.sp .benefit_intro .body ul.layout li:last-of-type {
	flex: 1;
	color: #0f228b;
	font-weight: bold;
	padding: 0 1em;
	background-color: #ffffff;

	line-height: 1.2;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;


}

main.sp .benefit_intro .body ul.layout li p.yutai {

	width: 80px;

}

/*/ご紹介サービス
----------------------------------------*/

/*ClubOff
----------------------------------------*/

main.sp .benefit_cluboff {
	font-size: 18px;
}

main.sp .benefit_cluboff .body {
	padding: 40px 0;
}

main.sp .benefit_cluboff .body p.link {

	padding: 0px 20%;
}

main.sp .benefit_cluboff .body>*:not(:last-child) {
	margin-bottom: 20px;
}

main.sp .benefit_cluboff .body .ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

main.sp .benefit_cluboff .body .pic {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}


/*/ClubOff
----------------------------------------*/

/* css 20210811
----------------------------------------*/
main.pc .shikumi .text-img {
	margin: 20px 0 60px;
	text-align: center;
	/* display: flex;
	align-items: center; */
}

main.pc .shikumi .text-img:after {
	display: block;
	clear: both;
	content: "";
}

/* main.pc .shikumi .text-img img{
	width: 475px;
	float: left;
} */
main.pc .shikumi .text-img p {
	/* float: left; 
	width: calc(100% - 505px); */
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: left;
}

main.pc .shikumi .text-img img {
	width: 90%;
	margin: 0 auto;
}

main.pc .shikumi .text-img.right p {
	margin-right: 30px;
}

main.pc .shikumi .text-img.left p {
	margin-left: 30px;
}

main.sp .shikumi {
	padding: 0 20px 40px 20px;
}

main.sp .shikumi .ttlfont {
	font-size: 1.25rem;
	margin-bottom: 10px;
	color: #0f228b;
	line-height: 1.2;
}

main.sp .shikumi .text-img p {
	padding: 0 0 20px;
}

.hikaku .icon-triangle,
.hikaku .icon-circle,
.hikaku .icon-close {
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 59px;
	display: block;
}

.hikaku .icon-triangle {
	background-image: url(../images/icon-triangle.png);
}

.hikaku .icon-circle {
	background-image: url(../images/icon-circle.png);
}

.hikaku .icon-close {
	background-image: url(../images/icon-close.png);
}

main.sp .hikaku .icon-triangle,
main.sp .hikaku .icon-circle,
main.sp .hikaku .icon-close {
	background-size: 28px auto !important;
	padding-top: 35px;
}

.hikaku small {
	font-size: 14px;
}

main.pc .hikaku .block .title {
	margin: 40px 0 15px;
}

main.pc .hikaku .block ul li {
	margin-bottom: 40px;
}

main.pc .hikaku .block ul li .ttlb {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}

main.sp .difference .body .hikaku table.hikaku-table {
	font-size: 12px;
	table-layout: fixed;
}

main.sp .difference .body .hikaku table.hikaku-table tr td {
	text-align: center;
	width: 50%;
}

main.sp .hikaku .block .title {
	font-size: 1.25rem;
	padding: 0 20px;
	margin: 40px 0 10px;
	line-height: 1.2;
}

main.sp .hikaku .block ul li {
	margin-bottom: 20px;
}

main.sp .hikaku .block ul li .ttlb {
	font-size: 1.125rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}

main.pc .hikaku .block ul li .ttlb.ttlb.underline,
main.sp .hikaku .block ul li .ttlb.underline {
	display: inline-block;
	border-bottom: 2px solid #000;
	line-height: 1;
}

main.pc .hikaku .block ul li .ttlb.ttlb.underline {
	margin: 0 0 5px;
}

main.sp .hikaku .block ul li .ttlb.underline {
	padding: 0;
	margin: 0 1em 5px;
}

@media screen and (max-width: 320px) {
	main.sp .difference .body .hikaku table.hikaku-table {
		font-size: 10px;
	}
}

main.pc .anchorbt.update li {
	width: calc(100% - 30px);
}

main.pc .anchorbt.update a {
	border: 3px solid #005fb5;
	background: #fff url(../images/arrow.png) no-repeat center 95%;
	padding: 30px 0 40px;
	font-family: 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', sans-serif;
	font-weight: bolder;
	font-size: 24px;
	color: #0f228b;
	display: block;
	text-align: center;
	min-height: 172px;
}

main.pc .anchorbt.update a span {
	font-size: 32px;
}

main.pc .hikaku {
	margin-bottom: 40px;
}

main.pc .hikaku .trigger,
main.sp .hikaku .trigger {
	font-weight: bold;
	color: #0f228b;
	background: transparent;
	display: inline-block;
	line-height: 1;
	border-bottom: 2px solid #0f228b;
}

main.pc .hikaku .trigger {
	font-size: 24px;
	padding-right: 26px;
}

main.sp .hikaku .trigger {
	font-size: 1.125rem;
	padding: 0 22px 0 0;
	margin: 0 0 0 1em;
}

main.pc .hikaku .trigger::after,
main.sp .hikaku .trigger::after {
	background-image: url(../images/triangle_d.png);
	right: 0;
}

main.pc .hikaku .trigger::after {
	width: 16px;
	height: 16px;
	margin-top: -8px;
}

main.sp .hikaku .trigger::after {
	width: 12px;
	height: 12px;
	margin-top: -6px;
}

main.pc .difference .body .hikaku p.note,
main.sp .difference .body .hikaku p.note {
	margin-top: 10px;
}

main.pc .difference .body table,
main.sp .difference .body table {
	margin: 20px auto 40px;
}

main.pc .difference .ttl02 {
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.hikaku small {
		font-size: 10px;
	}
}

main.sp .difference .body .hikaku table.hikaku-table tr td.menu {
	font-size: 14px;
}

main.sp .hikaku .block ul li .ttlb {
	display: flex;
	align-items: flex-start;
}

.hikaku .block ul li .icon {
	background: #5b9bd5;
	border-radius: 50px;
	color: #fff;
	font-size: 1rem;
	margin-right: 10px;
	padding: 3px 22px;
	vertical-align: middle;
}

.hikaku .block ul li .red {
	color: #ff0033;
}

.hikaku .block ul li {
	padding-bottom: 1rem;
	background: url(../images/dotted.png) repeat-x left bottom;
}

.hikaku .block .box {
	border: 4px solid #10238b;
	background: #fff;
	border-radius: 25px;
	padding: 20px;
	box-shadow: 0px 10px 0px 0px rgba(16, 35, 139, 0.1);
	-webkit-box-shadow: 0px 10px 0px 0px rgba(16, 35, 139, 0.1);
	-moz-box-shadow: 0px 10px 0px 0px rgba(16, 35, 139, 0.1);
}

.difference .body .hikaku .block .box p {
	font-weight: bold;
	color: #10238b;
}

.hikaku .block .box .underline {
	border-bottom: 2px solid #10238b;
	margin-bottom: 1rem;
	padding-bottom: 5px;
	font-size: 24px;
}

main.sp .difference .hikaku .block .box {
	margin: 0 1em;
}

main.sp .difference .hikaku .block .box p {
	padding: 0;
}

main.sp .difference .ttl01 {
	font-size: 1.6rem;
	padding: 0 10px;
	font-weight: bolder;
}

main.pc .hikaku .block p{
	font-family: "メイリオ", Meiryo, sans-serif;
}

.only-leaseback {
	text-align: center;
	margin-top: 15px;
}

.marker {
	background-color: #ffee00;
}

/*==========音声ガイダンス用==========*/

.about_guidance_pc {
	text-align: center;
	margin-top: 20px;
	background: #fff;
	border: solid 1px #3399cc;
	line-height: 1.8;
	display: flex;
}

.guidance_msg_title {
	background: #3399cc;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border-right: solid 1px #3399cc;
}

.guidance_msg {
	padding: 10px;

}

.guidance_number {
	font-weight: bold;
}

.about_guidance {
	margin-top: 10px;
	text-align: center;
	display: block;
	text-decoration: underline;
	color: #0000ff;
}

.about_guidance.On {
	display: block;
}

.about_guidance.Off {
	display: none;
}

.telnavi {
	width: auto !important;
	display: none;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	padding: 30px 20px 35px 20px;
	margin: 20px 0;
	}
	
	.telnavi.active {
	display: block;
	}
	
	.telnavi .close {
	
	position: absolute;
	top: 4%;
	right: 2%;
	
	width: 10%;
	height: auto;
	
	}
	
	.telnavi .number {
	padding: 0 24%;
	margin-bottom: 20px;
	}
	
	.telnavi .ttl {
	
	/* font-size: 24px; */
	font-size: 1.33rem;
	font-weight: bold;
	padding: 10px;
	margin: 20px 0;
	color: #ffffff;
	background-color: #3399cc;
	text-align: center;
	
	}
	
	.telnavi .guideflow {
	margin: 0 30% 0 10%;
	}
	
	/* SP
	---------------------------------------- */
	@media only screen and ( max-width: 768px ) {

		h2 {
		margin: 0.5em 0 1em 0;
		}
	
		.bt {
			margin: 10px 0;
			/* css 20220801 */
			margin: 10px auto;
		}
	
		.bt li + li {
			margin-left: 5px;
		}
	
		.telew {
			margin: 0;
		}

		.telnavi {
			margin: 10px 0;
			padding: 20px;
			display: block;
			box-shadow:none;
			border: solid 1px #666;
		}

		.telnavi .close {
		width: 4.5rem;
		height: auto;
		cursor: pointer;
		}
	
		.telnavi .number {
		padding: 0 10%;
		}
	
		.telnavi .ttl {
		font-size: 1rem;
		padding: 5px;
		margin: 0 0 10px 0;
		text-align: center;
		}
	
		.telnavi .guideflow {
		margin: 0;
		}
	
		a.call {
	
		width: 50%;
		margin: 0 auto;
	
		display: inline-block;
		color: #3399cc;
		font-weight: bold;
	
		padding: 0.2em;
		border: 2px solid #3399cc;

		text-align: center;
		}

		.about_guidance {
			margin-top: 0;
		}
	
	}
	/* /SP
	---------------------------------------- */