@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

/* =========================
必須アスタリスク
========================= */

.required{
color:#e60023;
font-weight:bold;
margin-left:4px;
}

/* =========================
CTA設定（上書き）
========================= */
.cta-square .cta-floating__body,
.contact_pop_container{
	background-color: transparent !important;
	box-shadow: none !important;
    animation: floatAnimation 2s infinite ease-in-out; /* 2秒周期でふわふわ移動 */
}

.cta-square{
	width: auto !important;
}

.contact_pop_fig{
	width:125px;
	height:125px;
}

/* アニメーションの設定：上下にふわふわと浮遊する動き */
@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);/* 中間点：上10px移動 */
  }
  100% {
    transform: translateY(0);
  }
}

/* =========================
 固定ページ　アイキャッチ上テキスト
========================= */
.article-title__sub{
	color: #efefef;
	font-size: 5rem;
	line-height: 1;
}

.article-title{
	margin-top: 1rem;
    color: #4A536E;
    font-size: 2.8rem;
    line-height: 1.4;
}

/* =========================
フッター
========================= */
 .footer {
     background-color: #1f2937;
     color: #ffffff;
     padding: 3rem 0;
 }

 .footer-grid {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 2rem;
     margin-bottom: 2rem;
 }

 .footer-contact {
     text-align: center;
 }

 .footer-contact-header {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.75rem;
     margin-bottom: 1rem;
 }

 .footer-icon-circle {
     padding: 0.75rem;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .footer-icon-phone {
     background-color: #2563eb;
 }

 .footer-icon-email {
     background-color: #16a34a;
 }

 .footer-icon-circle svg {
     width: 24px;
     height: 24px;
 }

 .footer-contact-info p:first-child {
     font-size: 0.875rem;
     color: #d1d5db;
 }

 .footer-contact-info p:last-child {
     font-size: 0.75rem;
     color: #9ca3af;
 }

 .footer-phone {
     color: white;
     font-size: 1.5rem;
     font-weight: bold;
     transition: color 0.3s;
 }

 .footer-phone:hover {
     color: #60a5fa;
 }

 .footer-hours {
     font-size: 0.875rem;
     color: #9ca3af;
     margin-top: 0.25rem;
 }

 .footer-email-button {
     display: inline-block;
     background-color: #16a34a;
     color: #ffffff;
     padding: 0.5rem 1.5rem;
     border-radius: 0.5rem;
     transition: background-color 0.3s;
 }

 .footer-email-button:hover {
     background-color: #15803d;
     color: #ffffff;
 }

 .footer-bottom {
     border-top: 1px solid #374151;
     padding-top: 2rem;
     text-align: center;
 }

 .footer-company {
     font-size: 1.5rem;
     font-weight: bold;
     margin-bottom: 0.5rem;
 }

 .footer-copyright {
     font-size: 0.875rem;
     color: #9ca3af;
 }