@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ================================================================================================================================ 
 * 共通
 * ================================================================================================================================ */
root:{
 	--color_deep01: #22c1d6;　/*水色 */
    --color_deep02: #e38b2c;
    --color_deep03: #00356f;
    --color_deep04: #e9ed4c;
    --color_pale01: #ebfcff;
    --color_pale02: #f3f8fc;
    --color_pale03: #f2f4f7;
    --color_pale04: #c0c2c5;
}
/* フォントサイズ */
.size-20 {
	font-size:20px;
}
@media(max-width:599px){
	.size-20 {
		font-size:16px;
	}
}
/* キャプションタイトル */
.cap_box_ttl {
    font-size: 20px;
}

/* 共通SWELLカラム */
.swell-block-column{
   border-radius:16px;
}
.common-columns .swell-block-column{
	padding-top:24px;
	padding-bottom:24px;
}
.common-columns  .swell-block-columns__inner{
	justify-content:center;
}

/* ヘッダー */
.c-gnav{
	display:none;
}
/* TOPのフッター上 */
.home div#content {
    margin-bottom: 0px;
}

/* フッター固定メニュー */
#fix_bottom_menu .menu-item a{
	padding-bottom:10px;
	padding-top:10px;
	color:#fff;
}
#fix_bottom_menu ul .menu-item:first-child{
	background:var(--color_deep01);
}
#fix_bottom_menu ul .menu-item:last-child{
	background:var(--color_main);
}

/* ================================================================================================================================ 
 * タイトル
 * ================================================================================================================================ */
.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  color: var(--color_deep03) !important;
  font-size: 36px !important;
}

/*PC以上*/
@media(min-width:900px){
	h2.section-title::before,
	h2.section-title::after {
  content: "" !important;
  display: block !important;
  width: 170px !important;
  height: 28px !important;
  flex-shrink: 0 !important;
	position:inherit;
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: 18px 24px, 130px 2px;
}

/* 左側：水滴 → 線 */
.section-title::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' viewBox='0 0 18 24'%3E%3Cpath d='M9 1.5C9 1.5 2.5 10.2 2.5 15.3C2.5 19.3 5.4 22.2 9 22.2C12.6 22.2 15.5 19.3 15.5 15.3C15.5 10.2 9 1.5 9 1.5Z' fill='none' stroke='%232bb8c8' stroke-width='2'/%3E%3C/svg%3E"),
    linear-gradient(#2bb8c8, #2bb8c8);
}

/* 右側：線 → 水滴 */
.section-title::after {
  background-image:
    linear-gradient(#2bb8c8, #2bb8c8),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' viewBox='0 0 18 24'%3E%3Cpath d='M9 1.5C9 1.5 2.5 10.2 2.5 15.3C2.5 19.3 5.4 22.2 9 22.2C12.6 22.2 15.5 19.3 15.5 15.3C15.5 10.2 9 1.5 9 1.5Z' fill='none' stroke='%232bb8c8' stroke-width='2'/%3E%3C/svg%3E");
  background-position: left center, right center !important;
  background-size: 130px 2px, 18px 24px !important;
}
}

/*SP以下*/
@media(max-width:599px){
	.section-title {
		font-size:28px !important;
	}
}

/* ================================================================================================================================ 
 * TOP
 * ================================================================================================================================ */
/* FV ------------------------------------------------------------------*/

.fv-title{
	font-size:40px;
	text-shadow: 1px 1px 1px #fff;
}
.fv-txt{
	font-size:18px;
	text-shadow: none;
}
/*SP以下*/
@media(max-width:599px){
	.fv-title{
		font-size:34px;
	}
	.fv-txt{
		font-size:16px;
		max-width: 90%;
		padding: 10px 20px;
		background: rgba(255, 255, 255, 0.52);
		font-weight: 700;
		border-radius: 5px;
	}
}

/* 問題提起 ------------------------------------------------------------------*/

.ploblem-columns p {
    font-size: 18px;
    font-weight: 600;
    color: var(--color_main);
}

/* 理由 ------------------------------------------------------------------*/
.top-reason h3{
	color:var(--color_deep01) !important;
}
.reason-columns .swell-block-column{
	border:1px solid var(--color_pale02);
}

.reason-columns {
  counter-reset: reason-num;
}

.reason-columns .swell-block-column {
  position: relative;
  counter-increment: reason-num;
  text-align: center;
  padding-top: 1.5rem;
}

.reason-columns .swell-block-column::before {
  content: counter(reason-num);
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  background: var(--color_deep01);
  color: #fff;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1;
}

.reason-columns .wp-block-heading,
.reason-columns p {
  text-align: center;
}

/* 声 ------------------------------------------------------------------*/
.top-voice .swell-block-column {
    padding: 24px 32px;
}
.top-voice h3{
	text-align:left !important;
}
.top-voice .swl-bg-color {
    border-radius: 5px;
}

.top-voice img{
	border-radius:5px;
}


@media(max-width:599px){
	.top-company .wp-block-group.is-row {
		flex-direction: column;
	}
}


/* お問い合わせ ------------------------------------------------------------------*/
/*SP以下*/
@media(min-width:600px){
	.contact-form-pp {
		text-align:center;
	}
}