@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* =======================================
    全体の設定
======================================= */
:root {
  --text-red: #f30100;
  --color-primary: #05b;
  --color-primary-light: #f5f8fa;
  --cocoon-xx-thin-color: #fafafa;
}
*, *:before, *:after {
  box-sizing: border-box;
}
html, body {
  height:100%;
}
body {
  background: #fff !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body, ul, dl, ol {
	margin:0;
	padding:0;
}
a:hover {
  opacity: 0.8;
}
a[href*="tel:"] {
  pointer-events: none;
  color: var(--text-red);
  cursor: default;
  text-decoration: none;
 }
.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
  margin-bottom: clamp(16px,2.4vw,24px);
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-bottom: clamp(16px,2.4vw,24px); 
}
.wp-block-group:last-child, .kaitai-info > div {
  margin-bottom: clamp(16px,2.4vw,24px) !important;
}
.br-sp {
  display: block;
} 
.br-pc {
  display: none;
}
li {
	list-style:none;
}
ol li {
	list-style:decimal;
}
.left, .alignleft {
	float:left;
}
.right, .alignright {
	float:right;
}
.clear {
	clear:both;
}
.center, .oshirase, .menu-btn, .tablenav, .photoBox, .layoutBox div {
	text-align: center;
}
picture {
  display: block;
}
.fontsize-m, .fontsize-l, .fontsize-xl {
  font-weight: bold;
}
.fontsize-m {
  font-size: clamp(18px, 2.3vw, 23px);
}
.fontsize-l {
  font-size: clamp(19px, 3.2vw, 32px);
}
.fontsize-xl {
  font-size: clamp(20px, 4vw, 40px);
}
.marker {
  background: linear-gradient(transparent 30%, #ff9 0%);
  font-size: 20px;
  font-weight: bold;
}
.marker span {
  font-size: 28px;
}
.markar-yellow {
  background: linear-gradient(rgba(255, 255, 255, 0) 40%, #ff3 80%);
}
.border,
.cardList-border > li {
	background: #fff;
	border: 1px solid #ccc;
}
.cardList-border > li {
  padding: 16px;
}
.shadow {
	box-shadow:1px 1px 5px #ccc;
}
.boxShadow {
	background:#fff;
	box-shadow:1px 1px 5px #ccc;
	margin:0 0 3%;
	overflow:hidden;
	padding: 5%;
}
.content-box {
  margin-bottom: 24px;
  padding: clamp(12px,2.4vw,24px) clamp(12px,3.2vw,32px);
}
.font-white {
  color: var(--cocoon-white-color);
}
.colRed, .red {
  color: var(--text-red);
}
.color-primary-light {
  background: var(--color-primary-light);
}
.u-mb-16 {
  margin-bottom: 16px;
}
/* ========テーブル========= */
table tr:nth-of-type(2n+1) {
  background-color: transparent;
}
table th,
table td {
  padding: clamp(12px,1.6vw,16px) 16px;
}
table th {
	font-weight:normal;
  text-align: left;
	width:28%;
}
table thead th {
	background:#666;
  color: #fff;
  padding: 4px 16px;
}
table tbody td span {
  display: block;
}
/****************************************
          レイアウト
*****************************************/
.archive-title .fa-folder-open {
  display: none;
}
/* =======================================
    テンプレート
======================================= */
.main {
  padding: 8px 16px;
}
.section, .service, .p-sales {
	position:relative;
	z-index:0;
}
.aligncenter {
  display:block;
	margin:auto;
}
.alignright, .alignleft {
	display:inline;
}
.cardList {
  display: grid;
  gap: 16px;
}
.cardList01-02,
.cardList02-02 {
  grid-template-columns: repeat(2,1fr); 
}
.cardList01-03,
.cardList02-03 {
  grid-template-columns: repeat(3,1fr); 
}
.cardList01-04,
.cardList02-04,
.cardList02-03-04 {
  grid-template-columns: repeat(4,1fr); 
}
/************************************
** ヘッダー
************************************/
.header div.header-in {
  flex-direction: row;
  justify-content: space-between;
}
.logo-header {
  width: 540px;
}
.logo-text {
  padding: 30px 0;
}
.site-name-text {
  font-weight: bold;
  line-height: 1.5;
}
/************************************
** エントリーカードタイプ
************************************/
.ect-vertical-card.ect-tile-card .a-wrap {
  margin: .5%;
}
.ect-3-columns .entry-card-wrap {
  width: 32%;
  padding: 1.5%;
}
/* アイキャッチの高さを揃える */
.entry-card-thumb.card-thumb{
  position: relative;
  padding-top: 75%; /*4:3の比率*/
  margin-bottom:8px;
}
.entry-card-thumb.card-thumb img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/************************************
** パンくずリスト
************************************/
/*アイコンをまとめて非表示にする*/
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file,
.breadcrumb .fa-file-o {
	display: none;
}
.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
  margin: 0;
}
/************************************
** 内容
************************************/
/*エントリー・アーカイブの見出し*/
.entry-title,
.archive-title {
  font-size: clamp(22px,3.2vw,32px);
}
.entry-title {
  padding: 0;
}
.article h2 {
  background: none;
  font-size: clamp(18px,2.4vw,24px);
  padding: 0;
}
.page-id-23 .article h2 {
  background: var(--color-primary-light);
  padding: 16px;
}
.p-sales h2, .faq h2, .category-review h2 {
  font-size: clamp(17px,2vw,20px);
}
.faq h2 {
  background: var(--color-primary-light);
  margin: 8px 0;
	padding:12px;
}
.category-review h2 {
  border-bottom: 2px dotted #ccc;
  margin-bottom: 16px;
  padding-bottom: 4px;
}
.article h3 {
  border: none;
}
.article h4 {
  border: none;
  text-align: center;
}
/* =======================================
    サイド
======================================= */
.menu-head-navi-container a {
  display: inline-block; /* これがないとリンク範囲が全幅になる */
  position: relative; /* 相対位置指定 */
}
.widget_nav_menu ul li a:hover {
  background-color: #fff;
}
/* 下線のスタイル */
.menu-head-navi-container a::after {
  background-color: #ccc; /* 下線の色 */
  bottom: 0; /* 要素の下端からの距離 */
  content: ""; /* 要素に内容を追加 */
  height: 1px; /* 下線の高さ */
  left: 0; /* 要素の左端からの距離 */
  position: absolute; /* 絶対位置指定 */
  transform: scale(0, 1); /* 下線を横方向に0倍、縦方向に1倍に変形（非表示） */
  transform-origin: left top; /* 変形の原点を左上に指定 */
  transition: transform .3s; /* 変形をアニメーション化 */
  width: 100%; /* 要素の幅 */
}
/* リンクにホバーした際の下線の表示 */
.menu-head-navi-container a:hover::after {
  transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
}
.nav-info {
  background: #06b;
  padding: 14px 12px;
}
.nav-info span {
  color: #fff;
  font-size: 22px;
  display: block;
  margin-bottom: 2%;
  text-align: center;
}
.nav-info li {
  margin-bottom: 12px;
}
.widget-sidebar.nav-info p {
  color: #fff;
  font-size: 22px;
  margin-bottom: 8px;
  text-align: center;
}
.widget-sidebar.nav-info img {
  margin-bottom: 12px;
}
/****************************************
          フッター
*****************************************/
.footer {
  background-color: var(--color-primary-light);
}
/* =======================================
    トップページ
======================================= */
.instagram-timeline {
  padding: clamp(16px,4vw,40px);
}
.instagram-timeline > p {
  margin: 0 0 16px;
}
.instagram-timeline-title {
  font-size: 48px;
  font-weight: bold;
  height: 48px;
  line-height: 48px;
  position: relative;
  padding-left: 68px;
}
.instagram-timeline-title::before {
  content: '';
  display: block;
  width: 48px; 
  height: 48px;
  background-image: url("images/top/logo_instagram.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: 0;
}
/*Smash Balloon Instagram Feed（プラグイン）*/
#sbi_images {
  margin-top: 16px !important;
}
#sbi_load span,
.svg-inline--fa.fa-instagram.fa-w-14 {
  color: #fff;
}
/* =======================================
    契約までの流れ
======================================= */
.p-flow .boxShadow {
	margin-bottom: 0;
}
.flow__title {
  font-size: clamp(26px,3.4vw,34px);
  font-weight: bold;
  margin: 12px 0 0;
}
.balloon {
  color: #fff;
  background: #00b4d8;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  font-size: clamp(16px,1.8vw,18px);
  font-weight: normal;
  height: 56px;
  line-height: 56px;
  margin: 0 0 0 15px;
  padding: 0 5px;
  position: relative;
  text-align: center;
  top:-10px;
  width: 56px;
}
.balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  border: 6px solid transparent;
  border-right: 20px solid #00b4d8;
  z-index: 0;
}
.under-title {
  margin: 8px 0 16px;
}
.triangle {
  background: #ddd;
  height: 20px;
  width: 36px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: 0 auto 6px;
}
/* 契約までの流れ（DMページ） */
.flow > div {
  background:#fff;
	border-radius:4px;
	box-shadow:1px 1px 5px #ccc;
	counter-increment:box;
	margin:2% 0;
	padding:5%;
	position:relative;
	text-align:left;
}
.flow > div span {
  font-size: clamp(18px, 2.4vw, 24px);
}
.sateiin {
  display: flex;
}
.sateiin div:nth-child(1) {
  width: 67%;
}
.sateiin div:nth-child(2) {
  margin-top: auto;
  text-align: center;
  width: 33%;
}
.sateiin img {
  max-width: 240px;
  width: 100%;
}
/* =======================================
    お問い合わせ
======================================= */
.info {
  background: #06b;
  margin: 0;
  padding: 0 1% 8px;
}
.main .info {
  padding-top: 6px;
}
.info > span {
  color: #fff;
  display: block;
  font-size: 22px;
  font-weight: normal !important;
  margin-top: 6px;
  text-align: center;
}
.info ul {
  display: flex;
}
.main .info ul {
  margin-bottom: 0;
}
.info li {
  padding: .5%;
  vertical-align: top;
}
.info li:nth-child(1) {
  flex-basis:  44%;
}
.info li:nth-child(2), .info li:nth-child(3) {
  flex-basis: 28%;
}
.info li a {
	display:block;
  margin: 0;
  text-decoration: none;
}
/* =======================================
    メールフォーム
======================================= */
/*reCAPTCHAマークの表示・非表示*/
.grecaptcha-badge {
visibility: hidden;
}
.page-id-23 .grecaptcha-badge,
.page-id-8764 .grecaptcha-badge,
.page-id-8511 .grecaptcha-badge {
visibility: visible;
}
/*必須と任意アイコン表示*/
.smf-item__label__text {
  padding-left: 42px;
  position: relative;
}
.smf-item:has([data-validations~="required"]) .smf-item__label__text::before {
  position: absolute;
  top: 10%;
  left: 0;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 36px;
  height: 23px;
  border-radius: 4px;
  content: "必須";
  font-size: 12px;
  color: #fff;
  background: var(--text-red);
}
.smf-item:not(:has([data-validations~="required"])) .smf-item__label__text::before {
  position: absolute;
  top: 10%;
  left: 0;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 36px;
  height: 23px;
  border-radius: 4px;
  content: "任意";
  font-size: 12px;
  color: #fff;
  background: #999;
}
#autozip {
   display: none !important;
}
.smf-action .smf-button-control__control {
  background: linear-gradient(to bottom, #06b, #00c);
	border:none;
	border-radius:6px;
  color: #fff;
  font-size: clamp(20px,2.2vw,22px);
  font-weight: bold;
	padding:10px 72px;
}
.smf-action .smf-button-control__control:hover {
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.smf-form--business .smf-item__col--label {
  flex: 0 0 15em;
  max-width: 15em;
}
/* =======================================
    固定ページ・カテゴリページレイアウト
======================================= */
/*ページネーションに表示される「次のページ」を消す*/
.pagination-next-link {
  display: none;
}
/* =======================================
    買取・引取・移設・解体　各ページ
======================================= */
.service picture {
  margin-bottom: 24px !important;
}
.service-ttl {
  font-size: clamp(20px,2.6vw,26px);
  font-weight: normal;
  letter-spacing: 1px;
  margin: 32px 0 16px;
  padding: 8px 16px;
  text-align: center;
}
.service > p {
  padding: 0 32px;
}
.service .cardList img {
  margin-bottom: 8px;
}
a.service_link {
	margin: 0;
}
.heading01 {
    position: relative;
    padding: .5em .7em;
    border-radius: 8px;
    background-color: #00b4d8;
    color: #fff;
}
.heading01::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #00b4d8;
}
.heading02 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	text-align: center;
}
.page-id-9538 .heading02 {
	font-size: 18px;
}
.heading02::before,
.heading02::after {
	content: '';
	width: 120px;
	height: 1px;
	background-color: #ccc;
}
.heading02::before {
	margin-right: 20px;
}
.heading02::after {
	margin-left: 20px;
}
.heading03 {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.heading03::before,
.heading03::after {
	content: '';
	width: 3px;
	height: 28px;
	background-color: #90e0ef;
}
.heading03::before {
	margin-right: 16px;
	transform: rotate(-35deg)
}
.heading03::after {
	margin-left: 16px;
	transform: rotate(35deg)
}
a.service_link {
	display: flex;
  justify-content: space-between;
  align-items: center;
	text-align: center;
	text-decoration: none;
	max-width: 380px;
	padding: 8px 24px;
  font-size: 20px;
	font-weight: bold;
	background: #d4eef7;
	color: #09c;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}
a.service_link::before {
	content: '';
	position: absolute;
	top: calc(50% - 2px);
	right: 1em;
	transform: translateY(calc(-50% - 2px)) rotate(45deg);
	width: 10px;
	height: 1px;
	background: #333;
}
a.service_link::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	width: 40px;
	height: 1px;
	background-color: #333;
}
a.service_link:hover {
	background: #fffbcd;
	color: #09c;
}
.page-id-9330 .service ul {
  margin: 24px 24px 16px !important;
}
.page-id-9330 .service li {
  list-style: circle;
  margin: 16px;
}
/* =======================================
    移設
======================================= */
.list-design1 li {
  display: inline-block; 
}
.list-design1 li {
  background: #8cc66d;
  border-radius: 20px;
  color: #fff;
  font-size: clamp(17px, 2vw, 18px);
  margin: 0 2px 8px 0;
  padding: 4px 20px;
}
.unsou-table th {
  color: #fff;
  font-size: clamp(24px,3.2vw,32px);
  font-weight: bold;
  text-align: center;
  width: 15%;
}
.unsou-table td {
  padding: 0;
}
.col-unsou1 {
  background: #f19ec2;
}
.col-unsou2 {
  background: #fbe6ef;
}
.col-unsou3 {
  background: #fef7fa;
}
.col-sagyou1 {
  background: #f6ad3c;
}
.col-sagyou2 {
  background: #fff9e2;
}
.col-sagyou3 {
  background: #fffcf6;
}
.col-hokan1 {
  background: #7ecef4;
}
.col-hokan2 {
  background: #dff2fc;
}
.col-hokan3 {
  background: #f5fbfe;
}
.unsou-table dl {
  align-items: center;
  display: flex;
}
.unsou-table dt, .unsou-table dd {
  margin:0;
  padding: clamp(8px,1.6vw,16px);
}
.unsou-table dt {
  font-size: 20px;
  font-weight: bold;
  width: 32%;
}
.unsou-table dd {
  font-size: 18px;
}
.unsou-info {
  background: #fff;
  box-shadow: 0 0 4px #ddd;
  font-size: clamp(15px, 2vw, 18px);
  margin: 40px 0 !important;
  padding: 24px 16px;
  text-align: center;
}
.unsou-info .tel {
  font-size: clamp(30px,4vw,40px);
  font-weight: bold;
}
.unsou-info .tel::before {
  content:url("./images/bg_tel_sp.png");
  position: relative;
}
.unsou-info .mail {
  font-size: clamp(18px, 2.8vw, 24px);
  margin-top:8px;
}
.unsou-info .mail::before {
  content:url("./images/bg_mail_sp.png");
  position: relative;
}
.name {
  font-size: clamp(22px, 2.8vw, 26px);
  font-weight: bold;
  margin: 0;
  padding: 0;
}
/* =======================================
    購入
======================================= */
.p-sales .heading03 {
	display: flex;
  font-size: clamp(22px, 2.6vw, 26px);
  font-weight: bold;
	justify-content: center;
	align-items: center;
  margin: clamp(24px, 3vw, 32px) 16px 0;
}
.p-sales .heading03::before,
.p-sales .heading03::after {
	content: '';
	width: 3px;
	height: 30px;
	background-color: #ff98cb;
}
.p-sales .heading03::before {
	margin-right: 16px;
	transform: rotate(-35deg)
}
.p-sales .heading03::after {
	margin-left: 16px;
	transform: rotate(35deg)
}
.hanbai-info {
  text-align: center;
}
.hanbai-info .tel {
  font-size: clamp(34px, 3vw, 50px);
  font-weight: bold;
  line-height: 1.3;
}
.hanbai-info .tel::before {
  content:url("./images/bg_tel_sp.png");
  position: relative;
}
.hanbai-info .mail {
  font-size: clamp(22px, 2.6vw, 26px);
  margin-top:8px;
}
.hanbai-info .mail::before {
  content:url("./images/bg_mail_sp.png");
  position: relative;
}
/* =======================================
    事例写真
======================================= */
.child-category-list {
  margin: 0 16px 24px;
}
.child-category-list li::after,
.category-photo h2::after {
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 8px;
}
.category-photo .a-wrap {
  padding: 0;
}
.category-photo .cardList > div {
  min-width: 0;
}
.category-photo .txt-limit {
  font-size: 15px;
	overflow: hidden;  
	text-overflow: ellipsis;
	white-space: nowrap;  
}
/*ギャラリーのスタイル*/
.gallery {
  margin:auto;
}
#gallery-1 .gallery-item {
  margin-right: 16px;
  width: 26% !important;
}
.gallery img {
  border:1px solid #ddd;
}
.gallery .gallery-caption {
  margin-left:0;
}
/* =======================================
    お客様の声
======================================= */
.category-review .cardList {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 5fr;
}
/* =======================================
    よくある質問
======================================= */
.faq input[type="checkbox"] {
  display:none;
  -webkit-appearance: none;
}
.faq input[type="checkbox"] + div {
  height:0;
  opacity:0;
  overflow:hidden;
  transition:.5s;
}
.faq input[type="checkbox"]:checked + div {
  height:100%;
  margin-bottom: 16px;
  opacity:1;
}
.faq h2::before {
  color: #ccc;
	content:"Q.";
	margin-right:1%;
}
.faq div {
  padding:0 1% 0 2%;
  transition: all .5s;
}
.faq div::before {
	content:"A.";
  font-weight: bold;
}
/* =Responsive Structure
----------------------------------------------- */
@media screen and (max-width: 1023px) {
.cardList02-03-04 {
  grid-template-columns: repeat(3,1fr);
}
/************************************
** ヘッダー
************************************/
.mobile-header-menu-buttons {
  background: #06b;
}
.mobile-header-menu-buttons .menu-button-in {
  color: #fff !important;
}
.mobile-footer-menu-buttons {
  background: var(--cocoon-xx-thin-color);
}
}
@media screen and (max-width: 834px) {
.cardList02-03,
.cardList02-03-04,
.cardList02-04 {
  grid-template-columns: repeat(2,1fr);
}
.article ul, .article ol {
  padding-left: 0;
}
.is-layout-flex {
  gap: 1rem;
}
/* ========テーブル======== */
table th,
table td {
	display: block;
  font-size: 16px;
}
table th {
  width:100%;
}
/************************************
** ヘッダー
************************************/
.header div.header-in {
  flex-direction: column;
  justify-content: flex-start;
}
.header div.header-in .info {
  display: none;
}
main.main {
  padding: 24px 12px 0;
}
.home main.main {
  padding-top: 48px;
}
/* =======================================
    トップページ
======================================= */
.instagram-timeline-title {
  font-size: 32px;
  height: 32px;
  line-height: 32px;
  padding-left: 44px;
}
.instagram-timeline-title::before {
  width: 32px; 
  height: 32px;
  top: 3px;
}
/* =======================================
    買取・引取・移設・解体　各ページ
======================================= */
.service-ttl {
  margin: 24px 0 0;
}
.service > p {
  padding: 0 12px;
}
.heading02::before,
.heading02::after {
	width: 40px;
}
.heading02::before {
	margin-right: 12px;
}
.heading02::after {
	margin-left: 12px;
}
.heading03::before,
.heading03::after {
	height: 20px;
}
.heading03::before {
	margin-right: 10px;
}
.heading03::after {
	margin-left: 10px;
}
.unsou-table th {
  width: 100%;
}
.unsou-table dl {
  display: block;
}
.unsou-table dt {
  width: 100%;
}
}
@media screen and (max-width: 640px) {
.br-sp {
  display: none;
}
.br-pc {
  display: block;
}
.is-layout-constrained > .alignright {
  float: none;
}
.alignright {
  float: none;
  text-align: center;
	width:60%;
}
a[href*="tel:"] {
  pointer-events: auto;
  color: #1967d2;
  cursor: pointer;
  text-decoration: underline;
 }
/************************************
** ヘッダー
************************************/
.mobile-header-menu-buttons .menu-button-in {
  font-size: 19px;
}
/************************************
** パンくずリスト
************************************/
.breadcrumb {
  overflow-x: scroll;
  word-break: keep-all;
  white-space: nowrap;
}
/* =======================================
    お問い合わせ
======================================= */
.info {
  padding: 8px;
}
.info ul {
  display: block;
}
.info li a {
  margin: 4px 0 8px;
}
/* =======================================
    メールフォーム
======================================= */
.smf-form--business .smf-item__col {
  padding: 16px;
}
.smf-form--business .smf-item__col--label {
  flex: 0 0 0;
  max-width: 100%;
}
/* =======================================
    契約までの流れ
======================================= */
.balloon {
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.triangle {
  height: 16px;
  width: 32px;
}
.sateiin {
  display: block;
}
.sateiin div:nth-child(1) {
  width: 100%;
}
.sateiin div:nth-child(2) {
  width: 80%;
}
/* =======================================
    お客様の声
======================================= */
.category-review .cardList {
  display: block;
  grid-template-columns: 1fr 1fr;
}
.category-review .cardList div:first-child {
  text-align: center;
}
.category-review .cardList img {
  margin-bottom: 8px;
}
}
@media screen and (max-width: 480px) {
.cardList01-02,
.cardList01-03,
.cardList02-02,
.cardList02-03,
.cardList02-03-04,
.cardList02-04 {
  grid-template-columns: repeat(1,1fr);
}
.category-photo .cardList02-04 {
  grid-template-columns: repeat(2,1fr);
}
}