@charset "UTF-8";

*{ 
  overflow-x: hidden!important;
}
    img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
	.main_text{
		width : 800px;
		margin : 20px auto;
	}
.marker-hoso{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
/* デザイン（PC） */
@media screen and (min-width: 640px){
/*トップ5分査定*/
	.top-satei-area{
		width : 100%;
		padding : 40px 0px;
		text-align : center;
		background-image : url(https://kattoku.client.kmi-temporary.com/wp-content/themes/kmi-theme/img/top-satei-area-bg.jpg);background-repeat : repeat-y;background-position : center top;
	}
	.top-satei-box{
		width : 960px;
		margin : 10px auto;
		background : #fff;
		border : 5px solid #4d3402;
		padding : 20px;
	}

/*トップ下コラム並び*/
	.top-column-area{
		width : 100%;
		padding : 30px 0px;
		background : #fffef8;
	}
	.top-column-box{
		width : 1080px;
		margin : 0px auto 40px;
	}
	.top-column-box li{
		float : left;
		width : 32.5%;
		text-align : center;
		margin : 4px;
		list-style : none;
	}


/*ポータルアイコン（右から左に流れる）*/
#portal-nagare {
  width: 900px;
	margin : 0 auto 30px;
  overflow-x: auto;
  white-space: nowrap;
}
/*メディア掲載*/
.top-media-area{
	background : #196f8f;
	margin : 0;
	padding : 50px 0px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.top-media-ttl{
	text-align : center;
	font-size : 2.4em;
	line-height : 2em;
	color : #fff;
	font-weight : 500;
}
.top-media-box {
	width : 85%;
    margin: 1em auto;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.top-media-box .box-title {
    font-size: 1.2em;
    background: #fcf7ab;
    padding: 15px 0px 10px 0px;
    text-align: center;
    letter-spacing: 0.05em;
}
.top-media-box-in{
	padding : 20px;
}
	.media-list{
		width : 80%;
		margin : 0 auto;
	}
	.media-list li{
		float : left;
		width : 10%;
		padding : 8px;
		text-align : center;
		list-style : none;
	}
.media-news li{
	float : left;
	width : 24.5%;
	padding : 10px;
	text-align : center;
	list-style : none;
	border : 1px solid #555151;
	margin : 3px;
}
	
/*CV共通エリア*/
	.cv_area{
		width : 100%;
		padding : 40px 0px;
		text-align : center;
	}
	.cv-btn-waku{
		width : 1280px;
		margin : -10px auto 10px;
		background : #fffce2;
	}
	.cv-btn-waku li{
		list-style : none;
		float : left;
		width : 33.33%;
		padding : 10px 8px;
	}
/*比較エリア*/
	.hikaku-area{
		width : 100%;
		padding : 40px 0px;
		background-image : url("https://kattoku.client.kmi-temporary.com/wp-content/themes/kmi-theme/img/hikaku-area-bg.jpg");background-repeat : repeat-y;background-position : center top;
	}
	.takai-ttl{
		text-align : center;
		font-size : 2.4em;
		line-height : 2em;
	}
	.takai-ttl-s{
		font-size : 1.8em;
		text-align : center;
	}
/*お客様の声（10名）（右から左に流れる）*/
	.top-voice-area{
		width : 100%;
		padding : 40px 0px;
		background : #e7fafd;
}
    .voice-slider-container {
	width: auto;
      margin: auto;
      overflow: hidden!important; /* 追加 */
    }

    .box {
      background-color: #fff;
      padding: 20px;
      text-align: center;
      margin: 5px;
		border : 1px solid #333;
      transition: transform 0.5s; /* 追加 */
    }

/* トップボイス領域 */
.topvoice {
  width: auto;
  margin: auto;
}

 #top-voice{
  padding-top: 120px;
  margin-top: -120px
	}

/* ボックススタイル */
.topvoice .box {
  background-color: #fff;
	border : 1px solid #333;
  padding: 20px;
  text-align: center;
  margin: 5px;
}
.t-v-img{
	text-align : center;
	padding : 10px 0px;
}
.t-v-name{
	text-align : center;
	color : #4f4e4e;
	padding : 0;
	font-size : 1.0em;
	font-weight : 600;
}
.t-v-btn{
	width : 100%;
	background : #005bac;
	color : #fff;
	text-align : center;
	padding : 8px 0px;
	margin-top : 30px;
}
.t-v-btn a{
	text-decoration : none;
	color : #fff;
}

/*お客様の声一覧ページへのリンクボタン*/
.voice-all-link a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 60px auto 20px;
    max-width: 320px;
    padding: 15px 25px;
    color: #FFF;
	text-decoration : none;
    transition: 0.3s ease-in-out;
	font-size : 18px;
    font-weight: 600;
    background: #cc0000;
}
.voice-all-link a:hover {
    background: #333;
}
.customers_area{
 width : 100%;
 padding : 20px;
}
/*共通その他*/
.gaibu_link_text{
	font-size : 15px;
	text-align : center;
	color : #333;
	margin-bottom : 10px;
}

/*トップページお客様の声スライド部分*/
.t-v-ttl{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size : 1em;
	line-height : 1.4em;
	margin-bottom : 15px;
	color : #333;
	text-align : left!important;
overflow-y: hidden!important;
	height : 100px;
}
.anq-img{
	width : 520px;
	text-align : center;
	border : 8px solid #f4f4f4;
	margin : 10px auto;
	padding : 10px;
}
}

/* デザイン（スマホ） */
@media screen and ( max-width: 640px ){
	.main_text{
		width : auto;
		margin : 20px 15px;
	}
/*トップ5分査定*/
	.top-satei-area{
		width : 100%;
		padding : 20px 0px;
		text-align : center;
		background-image : url(https://cash-back3.lifebizpartners.co.jp/wp-content/themes/kmi-theme/img/top-satei-area-bg.jpg);background-repeat : repeat-y;background-position : center top;
	}
	.top-satei-box{
		width : auto;
		margin : 10px;
		background : #fff;
		border : 5px solid #4d3402;
		padding : 20px;
	}
/*ポータルアイコン（右から左に流れる）*/
#portal-nagare {
  width: auto;
	margin : 0 auto 20px;
  overflow-x: auto;
  white-space: nowrap;
}
/*トップ下コラム並び*/
	.top-column-area{
		width : 100%;
		padding : 30px 0px;
		background : #fffef8;
	}
	.top-column-box{
		width : auto;
		margin : 0px auto;
	}
	.top-column-box li{
		float : none;
		width : auto;
		text-align : center;
		margin : 15px;
		list-style : none;
	}
/*メディア掲載*/
.top-media-area{
	background : #196f8f;
	margin : 0;
	padding : 30px 0px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.top-media-ttl{
	text-align : center;
	font-size : 1.5em;
	line-height : 1.2em;
	color : #fff;
	font-weight : 500;
}
.top-media-box {
	width : auto;
    margin: 1em 10px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.top-media-box .box-title {
    font-size: 1.2em;
    background: #fcf7ab;
    padding: 15px 0px 10px 0px;
    text-align: center;
    letter-spacing: 0.05em;
}
.top-media-box-in{
	padding : 20px;
}
	.media-list li{
		float : left;
		width : 20%;
		padding : 8px;
		text-align : center;
		list-style : none;
	}
.media-news li{
	float : none;
	width : auto;
	padding : 10px;
	text-align : center;
	list-style : none;
}
/*CV共通エリア*/
	.cv_area{
		width : 100%;
		padding : 30px 0px;
		text-align : center;
	}
	.cv-box{
		width : auto;
		margin : 0 15px;
		border : 2px solid #333;
		padding : 15px 2px 0px 2px;
	}
	.cv-btn-waku{
		width : auto;
		margin : -10px 0px 10px;
		background : #ffffff;
		padding-bottom : 10px;
	}
	.cv-btn-waku li{
		list-style : none;
		float : none;
		width : auto;
		padding : 10px 0px 0px 0px;
		text-align : center;
		line-height : 0;
	}
	.cv-hosyou{
		margin : 0 15px;
	}
/*比較エリア*/
	.hikaku-area{
		width : 100%;
		padding : 30px 5px;
		background-image : url("https://cash-back3.lifebizpartners.co.jp/wp-content/themes/kmi-theme/img/hikaku-area-bg.jpg");background-repeat : repeat-y;background-position : center top;
	}
	.takai-ttl{
		text-align : center;
		font-size : 1.7em;
		line-height : 1.4em;
	}
	.takai-ttl-s{
		font-size : 1.2em;
		text-align : center;
	}
/*お客様の声（10名）（右から左に流れる）*/
	.top-voice-area{
		width : 100%;
		padding : 40px 0px 0px 0px;
		background : #e7fafd;
}
    .voice-slider-container {
	width: auto;
      margin: auto;
      overflow: hidden; /* 追加 */
    }

    .box {
      background-color: #fff;
      padding: 20px;
		border : 1px solid #555151;
      text-align: center;
      margin: 5px;
      transition: transform 0.5s; /* 追加 */
    }

    .slick-center .box {
      transform: scale(1.2); /* 中央の要素を大きくする */
    }
.customers_area{
 width : 100%;
 padding : 5px;
}

/* トップボイス領域 */
.topvoice {
  width: 90%;
  margin: auto;
}

  .topvoice .box {
    width: 50%; /* スマートフォンの場合、半分の幅にする */
	}
.t-v-ttl{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size : 0.9em;
	line-height : 1.6em;
	margin-bottom : 15px;
	color : #333;
	text-align : left!important;
overflow-y: hidden!important;
	height : 120px;
	padding : 10px 0px;
}
.anq-img{
	width : auto;
	text-align : center;
	border : 4px solid #f4f4f4;
	margin : 10px 0px;
	padding : 10px 0px;
}
.t-v-btn{
	width : 100%;
	background : #005bac;
	color : #fff;
	text-align : center;
	padding : 8px 0px;
	margin-top : 30px;
}
.t-v-btn a{
	text-decoration : none;
	color : #fff;
}
/*お客様の声一覧ページへのリンクボタン*/
.voice-all-link a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 60px auto 20px;
    max-width: 320px;
    padding: 15px 25px;
    color: #FFF;
	text-decoration : none;
    transition: 0.3s ease-in-out;
	font-size : 18px;
    font-weight: 600;
    background: #cc0000;
}
.voice-all-link a:hover {
    background: #333;
}
}

	
/*共通その他*/
.gaibu_link_text{
	font-size : 15px;
	text-align : center;
	color : #333;
	margin-bottom : 10px;
}
/* -- img.bounce -------------------------------------------------------------------------------------------- */

img.bounce {
	-webkit-animation: bounce 1.8s linear infinite;
	animation: bounce 1.8s linear infinite;
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

.t-s-btn{
	width : 100%;
	background : #005bac;
	color : #fff;
	text-align : center;
	padding : 8px 0px;
	margin-top : 10px;
}
.t-s-btn a{
	text-decoration : none;
	color : #fff;
}


img.bounce {
	-webkit-animation: bounce 1.8s linear infinite;
	animation: bounce 1.8s linear infinite;
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}








/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width: 640px ){

img.bounce {
	max-width: 100%;
}



}
/* 640pixel end */



/*最新タブレット用css*/
@media screen and (min-width:640px) and ( max-width:1023px) {
	.top-satei-box{
		width : auto;
		margin : 10px 15px;
		background : #fff;
		border : 5px solid #4d3402;
		padding : 20px;
	}
	.main_text{
		width : auto;
		margin : 20px 15px;
	}
	.cv-btn-waku{
		width : auto;
		margin : -10px auto 10px;
		background : #fffce2;
	}
	.cv-btn-waku li{
		list-style : none;
		float : left;
		width : 33.33%;
		padding : 10px 1px;
	}
}

/*よくある質問アコーディオン*/
#wpsm_accordion_18 .ac_title_class {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 40px; /* アイコンの幅に合わせて左側の余白を調整 */
    padding-right: 15px;
    position: relative; /* アイコンの位置を相対的に設定 */
}

#wpsm_accordion_18 .ac_title_class::before {
    content: "Q"; /* 伪要素に文字を追加 */
    width: 30px;
    background: #ffffff;
	padding : 5px 0px;
    color: #1e73be;
	font-weight : 600;
    font-size: 22px;
	border-radius : 15px;
    display: inline-block; /* インラインブロック要素にすることで、テキストの横に配置 */
    text-align: center; /* テキストを中央揃え */
    margin-right: 10px; /* アイコンとタイトルの間隔を設定 */
}
.font-a{
    width: 30px;
    background: #cc0000;
	padding : 5px 0px;
    color: #fff;	
}

@media screen and ( max-width: 640px ){
/*よくある質問アコーディオン*/
#wpsm_accordion_18 .ac_title_class {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 40px; /* アイコンの幅に合わせて左側の余白を調整 */
    padding-right: 15px;
    position: relative; /* アイコンの位置を相対的に設定 */
	line-height : 26px;
}

#wpsm_accordion_18 .ac_title_class::before {
    content: "Q"; /* 伪要素に文字を追加 */
    width: 35px;
	height : 24px;
    background: #ffffff;
	padding : 5px 0px;
    color: #1e73be;
	font-weight : 600;
    font-size: 22px;
	border-radius : 20px;
    display: inline-block; /* インラインブロック要素にすることで、テキストの横に配置 */
    text-align: center; /* テキストを中央揃え */
    margin-right: 0px; /* アイコンとタイトルの間隔を設定 */
	margin-left : -15px;
	margin-top : -10px;
}
}
.yakusoku-title {
    font-weight: bold;
    color: #ffffff;
    background-color: #cc0000;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
    position: relative;
    z-index: 1;
}
.tesuryou-box {
    margin: -2em auto 2em;
    padding: 3em 1em 1em;
    width: 800px;
    color: #555555;
    background-color: #fff;
    border: 3px solid #dc143c;
    box-shadow: 0 0 5px 2px #ffcccc inset;
    text-align: left;
    position: relative;
    z-index: 0;
    border-bottom: 3px solid #dc143c; /* 下線を追加 */
}

.tesuryou-box p {
    padding: 15px 20px;
    margin: 0;
}

/* スマートフォン用のスタイル */
@media only screen and (max-width: 600px) {
    .tesuryou-box {
        width: auto;
        padding: 2em 0.5em 1em 0.5em;
        margin: -30px 15px 10px 15px;
    }
}

/*コラム記事（トップページ下*/
.column-kiji-box{
	width : 840px;
	margin : 50px auto 40px;
	border : 1px solid #333;
	padding : 20px;
}
.column-text{
	padding : 15px;
}
h2.column-kiji{
	font-size : 2.0em;
	text-align : center;
	line-height : 1.4em;
	border-bottom : 1p solid #333;
	margin : 20px 0px;
}
h3.column-kiji{
	font-size : 1.4em;
	text-align : left;
	line-height : 1.2em;
    font-weight : 600;
	color : #d6450c;
	margin : 40px 0px 20px 0px;
}
h4.column-kiji{
	font-size : 1.2em;
	text-align : left;
	line-height : 1.2em;
    font-weight : 600;
	color : #d6450c;
	margin : 40px 0px 20px 0px;
}
h4.sub{
	font-size : 1.1em;
	text-align : left;
	line-height : 1.2em;
    font-weight : 600;
	color : #333;
	margin : 40px 0px 20px 0px;
}
h5.column-kiji{
	font-size : 1.1em;
	text-align : left;
	line-height : 1.2em;
    font-weight : 600;
	color : #333;
	margin : 40px 0px 20px 0px;
}
.column-kiji-sub{
	font-size : 1.1em;
	font-weight : 600;
	margin : 20px 0px 20px 0px;
}
.kiji-column ul {
    list-style-type: disc !important; /* リストマークを強制的にドットに設定 */
    padding-left: 20px; /* リストマークとテキストの間の余白を追加 */
    margin-left: -20px; /* 左側に余白を追加 */
}

.kiji-column ul li {
    margin-bottom: 10px; /* 各リストアイテムの間に余白を追加 */
    list-style-position: inside !important; /* リストマークをアイテム内側に強制表示 */
}

.kiji-column ul li b {
    font-weight: 600; /* 太字にする */
}
.c-box{
	width : 100%;
	padding : 8px 10px;
	border : 2px solid #333;
	font-size : 1.2em;
	font-weight : 600;
	margin : 20px 0px;
}
.c-table{
	margin : 20px 0px;
}
.c-table th{
    background: #ffe4e1;
}
.column ul {
    margin: 20px 0px;
    font-weight: 600;
    color: #333;
    list-style: none; /* デフォルトのリストマークを非表示にする */
}

.column ul li::before {
    content: "\2022"; /* ドットのUnicode文字 */
    color: #333; /* ドットの色 */
    display: inline-block;
    width: 1em; /* ドットの幅 */
    margin-right: 0.3em; /* ドットとテキストの間隔 */
    font-weight: bold; /* ドットの太字 */
}
#toggle-button-1,
#toggle-button-2,
#toggle-button-3,
#toggle-button-4{
  background-color: #333;
  border: none;
  color: white;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  display: block; /* インラインブロックからブロック要素に変更 */
  width: fit-content; /* コンテンツに合わせた横幅 */
  margin: 15px auto; /* 上下には15pxのマージン、左右にはauto（水平方向に中央配置） */
  cursor: pointer;
}

#toggle-button-1:hover,
#toggle-button-2:hover,
#toggle-button-3:hover,
#toggle-button-4:hover{
  background-color: #555151;
}

@media only screen and (max-width: 780px) {
.column-kiji-box{
	width : auto;
	margin : 30px 15px 40px 15px;
	border : 1px solid #333;
	padding : 20px 10px;
}
.column-text{
	padding : 20px 0px;
}
h2.column-kiji{
	font-size : 1.2em;
	text-align : center;
	line-height : 1.4em;
	border-bottom : 2p solid #333;
	margin-bottom : 20px;
}
h3.column-kiji{
	font-size : 1.2em;
	text-align : left;
	line-height : 1.4em;
    font-weight : 600;
	color : #d6450c;
	margin : 20px 0px;
}
h4.column-kiji{
	font-size : 1.1em;
	text-align : left;
	line-height : 1.4em;
    font-weight : 600;
	color : #d6450c;
	margin : 40px 0px 20px 0px;
}
h4.sub{
	font-size : 1.0em;
	text-align : left;
	line-height : 1.2em;
    font-weight : 600;
	color : #333;
	margin : 40px 0px 20px 0px;
}
.c-box{
	width : 100%;
	padding : 8px 10px;
	border : 2px solid #333;
	font-size : 1.2em;
	line-height : 1.5em;
	text-align : center;
	font-weight : 600;
	margin : 20px 0px;
}
}