@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&family=M+PLUS+Rounded+1c&family=Mochiy+Pop+One&family=Noto+Sans+JP:wght@100..900&display=swap');
/* ---------------------------------------------------------------------------------------- 

	共通

	※bootstrap.cssを先に読み込み

---------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("layout.css");
@import url("contents_parts.css");
@import url("ec.css");


/* ---------------------------------------------------------------------------------------- 

	カスタマイズ

---------------------------------------------------------------------------------------- */
@import url("base.css");
@import url("color.css");
@import url("decolate.css");


/* ----------------------------------------------------------------------------------------

	エディター用
	
	editor.css にはエディターの背景色を記述
	FOR_EDITOR 内はエディターで表示するスタイルを記述

---------------------------------------------------------------------------------------- */
@import url("editor.css");

/* FOR_EDITOR */
/* /FOR_EDITOR */


/* ---------------------------------------------------------------------------------------- 
custom
---------------------------------------------------------------------------------------- */

.topmesasge{
    line-height: 1.5;
}


.cparts-id321 .cparts-img-block img,
.cparts-id324 .cparts-img-block img
{
    opacity:1 !important;
}
.cparts-id184 .cparts-img-block img{
        object-fit: fill !important;
}
.cparts-id324 .cparts-img-block img{
    height: 70vh !important;
}


.rainbow{
    margin-top: -17%;
}

@media (min-width: 768px) {
        .cparts-id184 .cparts-body-block {
            padding-top: 12rem;
            padding-bottom: 300px;
    }
}
h4{
    margin-bottom:10px !important;
    padding-bottom:0 !important;
}

.servicelink{
    border:#93ca76 1px solid;
    background:#93ca76;
    color:#fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size:13px;
    transition:0.3s;
}
.servicelink:hover{
    color:#93ca76;
    background:#fff;
    
}
.keyvisual{
    
}

.instabanner{
    max-width:568px;
    display:block;
    margin:0 auto;
}
.site-footer {
  padding: 20px 15px;
  font-size: 0.9rem;
}

.site-footer__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.site-footer__info {
  line-height: 1.7;
}

.site-footer__name {
  font-weight: 700;
  margin: 0 0 4px;
  font-size: 2rem;
}

.site-footer__address,
.site-footer__contact {
  margin: 0;
}

.site-footer__badge {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  text-align: right;
}

.site-footer__badge-img {
  max-width: 160px;
  height: auto;
  display: block;
}

.site-footer__badge-text {
  font-size: 0.8rem;
  margin: 0;
}

/* 🔽 スマホ時（中央寄せ） */
@media (max-width: 767px) {
  .site-footer__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
.site-footer__name {
  font-weight: 700;
  margin: 0 0 4px;
  font-size: 1.5rem;
}

  .site-footer__badge {
    align-items: center;
    text-align: center;
  }
}

#wrapper {
    background-image: url('https://harmony.ecl-websketch.com/harmony/images/back.png');
    background-size: cover;          /* 画面にフィット */
    background-position: center;     /* 中央寄せ */
    background-repeat: no-repeat;    /* 繰り返しなし */
    background-attachment: fixed;    /* ★ 背景を固定！ */
}
#opt{
    display:none;
}

.catch{
    font-family: "Noto Sans JP", sans-serif;
    font-weight:800;
    font-size: 4rem;
        text-shadow:
        0 2px 4px rgba(0,0,0,0.35),
        0 6px 12px rgba(0,0,0,0.25);
}
.subcatch{
       font-family: "Noto Sans JP", sans-serif;
    font-weight:500; 
    font-size: 1.5rem;
        text-shadow:
        0 2px 4px rgba(0,0,0,0.35),
        0 6px 12px rgba(0,0,0,0.25);
}
#right{
    display:none;
}