﻿/* ----------　all　---------- */
.linkStyle{
	color:var(--color1);
}
.linkStyle:hover{
	color:var(--color1);
	opacity: 0.7;
	transition: all 0.5s;
}
h1, h2, h3, h4 {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
}
.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no, .con_no {
    font-family: "Zen Maru Gothic", sans-serif!important;
}
#logo .logo {
    margin-left: 20px;
}

/* ----------　TOP　---------- */


.fv {
    position: relative;
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: var(--color2);
}
.fv:before {
    content: "";
    background-image: url(../img/fv_img1.png), url(../img/woman.png);
    background-size: max(350px, 24%), max(280px, 20%);
    background-repeat: no-repeat;
    background-position: 6% 12%, 93% 89%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 105%;
    z-index: 2;
}

.catch {
    width:50%;
    height:auto;
    z-index: 3;
    max-width: 800px;
    position: relative;
    top: 5%;
    min-width: 600px;
    
}
/* 背景バブル） */

.bubble{
  position:absolute;
  width:40vmin; height:40vmin; border-radius:50%;
  filter: blur(8px);
  opacity:0; pointer-events:none;
  mix-blend-mode:multiply;
  will-change: transform, opacity;
}
/* あなたのパレットが薄めなので、見えやすい2色を少し濃い目で補助 */
.b1{ background: #dac6bd; }  
.b2{ background: #9b898c}  
.b3{ background: #e3cfd2; }              /* 補助色（少し濃いピンクベージュ） */
.b4{ background: #d7c3bf; }              /* 補助色（モーブベージュ） */

.intro_wrap {
    border-radius: 30px;
}
.wave-fill {
  width: 100%;
  height: 20px; /* 波の帯の高さをここで調整 */
  display: block;
}
.more a:hover {
    background: #937d71;
}
.blogListPattern_item a {
    border-bottom: 1px dashed;
}
/* ----------　下層ページ　---------- */
.cate_list li a{
    background: #937d71;
}
.border_rad50 {
    border-radius: 50px;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */



/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

/* ----------　all　---------- */
#logo .logo {
    margin-left: auto;
}
/* ----------　TOP　---------- */
.fv:before {
    background-position: 2% 15%, 94% 98%;
    width: 100%;
    height: 105%;
}
.more {
    margin: 20px auto 0;
}

/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

/* ----------　all　---------- */

/* ----------　TOP　---------- */

.catch {
    width: 90%;
    top: 1%;
    min-width: auto;
}
.fv:before {
    background-position: -27% 9%, 100% 100%;
    width: 100%;
    height: 105%;
    background-size: 60%, 55%;
}
/* ----------　下層ページ　---------- */
.wave-fill {
    height: 10px;
}
.cate_list li a {
    padding-left: 10px;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}

/* ----------　PC確認サイズ　---------- */
/* 1536 */
@media screen and (max-width: 1536px){}
/* 1530 × 735 */
@media screen and (max-width: 1530px){}
/* 1366 */
@media screen and (max-width: 1366px){}