@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
*/


/*ーーーーーーーーメインカラー緑：#0e4c00ーーーーーーーー*/
/*ーーーーーーーー黄色：#d8c517ーーーーーーーー*/




/*ーーーーーーーーヘッダーーーーーーーーー*/

/*メインビジュアルキャッチフレーズ間調整*/
.p-mainVisual__slideText {
	margin-top: 0em;
}


/*グローバルナビ非表示*/
.c-gnav{
	display:none;
}
@media screen and (min-width: 300px) {
	.l-header__menuBtn {
		display: block!important;/*ハンバーガーメニューを表示*/
		right:-5px;/*位置を決める部分*/
		margin-top:20px;
	}
	.p-spMenu{
		display:block!important;/*ハンバーガーメニューを開いた時の中身を表示*/
	}
	.p-spMenu {
    	color: #0e4c00;
		font-weight:900;
		font-size:24px;
}
	.p-spMenu__inner {
    max-width: 70%;/*ハンバーガーメニューを開いた時の中身の幅を変える*/
    }  
}



/* メニュータイトル文字調整 */
    .c-widget__title {
        font-size: 40px;
    }


/* 背景色をぼかす */
.p-spMenu__inner::before {
	background: rgb(255 255 255 / .8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

/* メニューをフェードイン */
.p-spMenu__body {
	opacity: 0;
	transform: translateY(20px);
}

[data-spmenu="opened"] .p-spMenu__body {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 1s ease-in, transform .7s ease-out;
}




.l-header__menuBtn{
	position:fixed;
}

/* ハンバーガーメニューの背景形変更 */
.l-header__menuBtn {
	position:fixed;/*固定するためのcss/固定が必要ない場合は排除*/
	margin:15px 15px 0 0;/*右上角から余白を作るためのcss*/
	border-radius: 80% 50% 80% 50% / 80% 50% 60% 60%;/*歪な丸にするためのcss/丸や角丸にもできる*/
}



/*電話。問い合わせボタン調整*/
@media (min-width: 300px) {
    .-series-right .w-header {
		display: block;
		position: fixed;
		right:40px;/*位置を決める部分なので数値を変えて色々調整してみてください*/
		margin-top:20px;
		margin-left: 20px;
        margin-right: 40px;
    }
}
/*電話・問い合わせボタン文字改行禁止*/
.my-button-nobr{
  white-space : nowrap!important;
}
.my-button-nobr2{
  white-space : nowrap!important;
}

@media screen and (max-width: 300px){
.my-button-nobr .my-button-nobr2  {
	display:none!important;
	}
}

/*スマホのみサイドの電話ボタン調整*/

#fixed-sidebar-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
	background-color: #0e4c00;
    color: #fff;
    padding: 1em .5em;
    border-radius: 10px 0 0 10px;
    writing-mode: vertical-rl;  /* 縦書きモード */
    text-align: center;
}
#fixed-sidebar-menu .swl-inline-icon {
    width: 15px;
    height: 24px;
    margin-bottom: 2px;
	color: #fff;
}
#fixed-sidebar-menu a {
    color: #fff;
}
@media screen and (min-width: 960px) {
    #fixed-sidebar-menu {
        display: none; /* PCでは非表示にする */
    }
}
/*スマホのみサイドの問い合わせボタン調整*/

#fixed-sidebar-menu2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 0;
	top: 70%;
    transform: translateY(-50%);
    z-index: 99;
	background-color: #d8c517;
    color: #fff;
    padding: 1em .5em;
    border-radius: 10px 0 0 10px;
    writing-mode: vertical-rl;  /* 縦書きモード */
    text-align: center;
}
#fixed-sidebar-menu2 .swl-inline-icon {
    width: 15px;
    height: 24px;
    margin-bottom: 2px;
	color: #fff;
}
#fixed-sidebar-menu2 a {
    color: #fff;
}
@media screen and (min-width: 960px) {
    #fixed-sidebar-menu2 {
        display: none; /* PCでは非表示にする */
    }
}

/*ロゴ調整*/
@media (min-width: 380px) {
	.-series .l-header__logo {
    display: block!important;
	position: fixed!important;
	left:10px;!important;
	padding-top:10px;!important;
}
  }

.follow-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}



/*ーーーーーーーーaboutーーーーーーーーー*/

/*about 上部画像位置調整*/
	@media screen and (min-width: 1200px) {
	.aboutKF2 figure {
	position:absolute;
	}
	.aboutKF2 img {
	position: relative; /* 今の位置を基準 */
	width: 66vw!important;/* 画像サイズ指定 */
}
}
@media screen and (max-width: 1000px) {
	.aboutKF2 figure {
	position:absolute;
}
	.aboutKF2 img {
    max-width: calc(100%);
}
}

/*about 左部画像位置調整*/
	.syatyo1 figure {
	position:absolute;
}
	.syatyo1 img {
	position: relative; /* 今の位置を基準 */
	bottom: 30px; /* 上に30px */
	width: 80vw!important;/* 画像サイズ指定 */
}

@media screen and (min-width: 1300px) {
.syatyo1 figure {
	position:absolute;
}
	.syatyo1 img {
	position: relative; /* 今の位置を基準 */
	bottom:70px; /* 上に70px */
	left: 16%; /* 右に16％ */

}
}

/*about 下部画像位置調整*/
@media screen and (min-width: 1480px) {
.about-rigft-bottom2 figure {
	position:absolute;
}
	.about-rigft-bottom2 img {
	position: relative; /* 今の位置を基準 */
	left: 7%; /* 右に7％ */
	bottom: 100px; /* 上に100px */
	width: 70vw!important;/* 画像サイズ指定 */
	z-index: -2;/* レイヤーを下にする */
}
}

@media (min-width: 1300px) and (max-width: 1479px) {
	.about-rigft-bottom2 figure {
	position:absolute;
}
.about-rigft-bottom2 img {
	position: relative; /* 今の位置を基準 */
	bottom: 100px; /* 上に100px */
	left: 7%; /* 右に7％ */
	width: 73vw!important;/* 画像サイズ指定 */
	z-index: -2;/* レイヤーを下にする */
}
}

@media (min-width: 799px) and (max-width: 1299px) {
	.about-rigft-bottom2 figure {
	position:absolute;
}
.about-rigft-bottom2 img {
	position: relative; /* 今の位置を基準 */
	bottom: 20px; /* 上に20px */
	left: 5%; /* 右に5％ */
	width: 80vw!important;/* 画像サイズ指定 */
	z-index: -2;/* レイヤーを下にする */
}
}
@media screen and (max-width: 800px) {
.about-rigft-bottom2 img {
	position: relative; /* 今の位置を基準 */
	bottom: 110px; /* 上に110px */
	width: 90vw!important;/* 画像サイズ指定 */
	z-index: -2;/* レイヤーを下にする */
}
}

/*about SPボタン位置調整*/
@media screen and (max-width: 700px) {
.about-btn {
    position: relative;
    bottom: 50px !important;
}
}


/*ーーーーーーーー問い合わせーーーーーーーーー*/
/*画像調整*/
.telsyatyo-sp img {
	position: absolute; /* 今の位置を基準 */
	z-index: -2;/* レイヤーを上にする */
	width: 45vw!important;/* 画像サイズ指定 */
	top: 10%;
}
@media screen and (min-width: 600px){
.telsyatyo-sp img {
	display:none!important;
	}
.sp-btm-spc {
	display:none!important;
	}
}
@media screen and (max-width: 600px){
.telsyatyo img {
	display:none!important;
	}
.btm-spc { 
		margin-bottom:6em;
	}
}

@media screen and (min-width: 601px) {
.telsyatyo  {
	position: absolute; /* 今の位置を基準 */
	bottom: 0px; 
	right: 0%; 
	z-index: 4;/* レイヤーを上にする */
	width: 25vw!important;/* 画像サイズ指定 */
}
}


/*電話文字改行禁止*/
.btmteltext{
  white-space : nowrap!important;
}
.btmmailtext{
  white-space : nowrap!important;
}

@media (max-width: 1000px) {
    .btmteltext {
        font-size: 1.7em;
    }
}
@media (max-width: 1000px) {
    .btmmailtext {
        font-size: 1.7em;
    }
}
/*ーーーーーーーーフッターーーーーーーーーー*/


/*フッター上パンくず左空白追加*/
.p-breadcrumb:not(.-bg-on) {
    padding-left: 1.5em;
}

/*フッターメニューsp時PC用メニュー非表示*/
@media (max-width: 959px) {
    .footer-menu-pc {
        display: none;
    }
}

/*フッターロゴ位置調整*/
	.footerlogo img {
	position: relative; /* 今の位置を基準 */
	right: 19%; /* 左に19％ */
}

/*フッターメニュー日本語位置調整*/
	.f-menu-jp {
	position: relative; /* 今の位置を基準 */
	top: 18px; /* 左に7％ */
}