@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
*/
/* ========================================
デザインフォント
========================================= */
.ryumin{font-family: "a-otf-ryumin-pr6n", serif;
font-weight: 300;
font-style: normal;}

.kozuka-r{font-family: kozuka-mincho-pro, serif;
font-weight: 400;
font-style: normal;}

.kozuka-b{font-family: kozuka-mincho-pro, serif;
font-weight: 700;
font-style: normal;}

.gabriola{font-family: gabriola, sans-serif;
font-weight: 400;
font-style: normal;}

.is-style-btn_normal a,.c-widget__title{
	font-weight: 400;
}

/* ========================================
フッター上の余白を無くす
========================================= */
#content{
 margin-bottom:0;
}
.w-beforeFooter {
    margin: 0 auto;}

.l-footer__foot{
	display:none;
}
/* ========================================
メニューの時間配置調整
========================================= */
/*親にrelative */
.menubox{
	position:relative;
}

/*時間にabsolute、上と右の値を０に*/
.minbox{
	padding:4px !important;
	width:100px;
	position:absolute;
	top:0;
	right:0;
}

/* ========================================
メニューのアイコン
========================================= */
.menu-icon{
	border:1px solid;
	padding:0 12px;
	border-radius:50px;
}

/* ========================================
FAQ
========================================= */
.swell-block-accordion__item{
	background-color:#fff;
	border-radius:6px;
}

/* ========================================
moreボタン
========================================= */
@media (min-width: 600px) {
    [class*=is-style-btn_] a {
        min-width: 60%;
    }
}
.is-style-btn_line a {
 padding:6px;
}

/* ========================================
背景画像
========================================= */
/* TOP背景画像PC用*/
@media (min-width: 980px) {
  .menu-bg{
    background-image: url('http://aka884.xsrv.jp/demo/testsite01/wp-content/uploads/2025/06/menu-bg-pc-scaled.jpg');
	background-size: cover;}
}
/* TOP背景画像SP用*/
@media (max-width: 979px) {
  .menu-bg{
    background-image: url('http://aka884.xsrv.jp/demo/testsite01/wp-content/uploads/2025/06/menu-bg-sp3-scaled.jpg');
	background-size: contain no-repeat;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
	}
}
/* ========================================
花の位置調整
========================================= */

.about-wp{
	position:relative;
}
.about-wp .flower1{
	position:absolute;
right:-34%;
	top:3%;
}
.about-wp .flower3{
	position:absolute;
right:-40%;
	top:85%;
}
.about-wp .flower4{
	position:absolute;
  left:-24%;
	top:88%;
}
.staff-wp .flower5{
	position:absolute;
  left:-5%;
	top:76%;
}

@media screen and (max-width: 820px) {
	.about-wp .flower1{
	top:0%;
}
	.about-wp .flower2{
	position:absolute;
	left:-20%;
}
	.about-wp .flower3{
	display:none;
}
	.about-wp .flower4{
  left:-30%;
	width:80%;
}
	.about-wp	.has-medium-font-size{
		font-size:15px !important;
	}	
	.staff-wp .flower5{
	top:30%;
    left:-40%;
}
}

/* ========================================
スマホの時レイアウト調整
========================================= */
@media screen and (max-width: 820px) {
	
/* 子要素に縦向きの際の並び順を指定 */
.reversebox-order1 {
  order: 2;}
.reversebox-order2 {
  order: 1;
}
	
/* PCとSP時にテキストを中央揃え */
.sp-only-center{
 text-align:center !important;
}
.pc-only-center{
 text-align:left;
}
}