@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
*/
#body_wrap{
	background-color: #fff;
}
.lp-content__inner {
	background-color: #fff;
}
/* フッター直前ウィジェット*/
.l-container {
	margin-bottom:0;
	margin-top:0;
}
.c-pageTitle{
	font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 2em;
}
/* 
メニューフォント
#gnav{
	font-family: "BIZ UDMincho", serif;
  font-weight: 400;
  font-style: normal;
}

.l-topTitleArea {
min-height: 150px;
}
*/

/* タイトル */
.p-mainVisual__slideTitle {
  font-family: "BIZ UDMincho", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 3em;
}

.p-mainVisual__textLayer{
	width: 100%;
	padding:250px 0 0 3px;
}

/* 固定ボタン */

/* デフォルトで画像を非表示 */
.scroll-images {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 0px;
	z-index: 1000;
	text-align: right;
}

/* 各リンクを縦並びにするためにブロック要素化 */
.scroll-images a {
	display: block;
	margin-bottom: 0px;
}

.scroll-images img {
	width: 40px; /* 必要に応じてサイズを調整 */
	height: 200px;
	transition: opacity 0.3s;
}

/* ホバー時に透明度を0.7にする */
.scroll-images img:hover {
	opacity: 0.7;
}

/* メディアクエリでPCサイズ専用に指定 */
@media screen and (min-width: 1024px) {
	.scroll-images.show {
			display: block;
	}
}
 /* SPデフォルトで非表示 */

/* メディアクエリでスマホ表示専用に指定 */
@media screen and (max-width: 767px) {
	.sp-botan {
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0px;
		background-color: #fff;
		text-align: center;
		z-index: 100;
	} 
	/* リンクを横並びにするための設定 */
	.sp-botan a {
		display: inline-block;
		margin: 0px;
	}

	/* 画像のスタイルとホバー効果 */
	.sp-botan img {
		width: 100%;
		height: auto;
		transition: opacity 0.3s;
	}

	.sp-botan img:hover {
		opacity: 0.7;
	}

	.p-mainVisual__textLayer {
		width: 100%;
		padding: 350px 0 0 3px;
	}
}

/* PCでは非表示 */
@media screen and (min-width: 768px) {
	.sp-botan {
		display: none;
	}
}

body {
	background-color: #fff;
}

.swell-mobile-menu .p-global-nav {
  max-height: 150vh;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE非表示 */
　z-index: 105;
}

.swell-mobile-menu .p-global-nav::-webkit-scrollbar {
  display: none; /* Chrome/Safari 非表示 */
}