@charset "utf-8";

@media(max-width:768px){
	.visible {
	}
}




/* ////////////////////////////////////////////////////////////

main target: (PC)1920px × 1080px / (SP)390px × 844px

main breakpoint: 1079px・767px
secondary breakpoint: 375px


基本wrapper: 1160px

/////////////////////////////////////////////////////////////*/


* {
	/* outline: 2px solid magenta; */
}




/* ////////////////////////////////////////////////////////////

■■カスタムプロパティ（CSS変数）コーナー■■
必要に応じて指定・活用

/////////////////////////////////////////////////////////////*/

:root {

	/* 基本フォント設定 */
	--font-black: #333333; /* ■ 黒色基本 ■ */

	--font-min: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; /* ■ 明朝フォント ■ */

	--font-jp: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif; /* ■ ゴシックフォント ■ */

	--font-en: "Montserrat", sans-serif; /* ■ 英語フォント ■ */

	--thema-color-01: #0d9aca; /* ■ テーマカラー1 ■ */

	--sashiiro-col: #12adaa; /* ■ 差し色系 カラー ■ */

	--footer-background: #0d9aca; /* ■ フッター背景色 ■ */
	
	--footer-font-col: #fff; /* ■ フッターフォントカラー ■ */


	--hm-font-col: #0d9aca; /* ■ ハンバーガーメニューのリストフォントカラー ■ */
	--hm-font-size: 1rem; /* ■ ハンバーガーメニューのリストフォントサイズ ■ */
	--hm-font-weight: 700; /* ■ ハンバーガーメニューのリストフォントウエィト ■ */


}
/* ▲▲ カスタムプロパティ ここまで ▲▲ */



/* ////////////////////////////////////////////////////////////

ローディングアニメーション

/////////////////////////////////////////////////////////////*/


	/* ローディング画面の背景 */
	.loading {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0px;
		left: 0px;
		background: #fff;
		z-index: 9999;
	}



	.loading-box {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-animation: loadinganimation 1500ms ease-out forwards infinite;
		animation: loadinganimation 1500ms ease-out forwards infinite;
	}

	@media(max-width:767px){
		.loading-box {
			top: 45%;
		}
	}

	@keyframes loadinganimation {
		from,to {
	opacity: 0;
		}
		50% {
	opacity: .5;
		}
	}






/* ////////////////////////////////////////////////////////////

p設定

/////////////////////////////////////////////////////////////*/

	#container p,
	#header p,
	#footer p {
		font-size: 1.5rem;
		font-weight: 500;
		color: #231815;
		letter-spacing: .06em;
		line-height: 1.6;
		text-align: justify;
		margin: 1.5em 0 1em;
		font-feature-settings: "palt";
	}

	@media(max-width:767px){
		#container p,
		#header p,
		#footer p {
			font-size: 1.5rem;
			text-align: left;
		}
	}

	@media(max-width:375px){
		#container p,
		#header p,
		#footer p {
			font-size: 1.5rem;
			text-align: left;
		}
	}


	/* css_browser_selector */
	.mac #container p,
	.mac #header p,
	.mac #footer p {
	}




/* ////////////////////////////////////////////////////////////

h1

/////////////////////////////////////////////////////////////*/


	h1 {
		display: block;
		position: relative;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: .1em;
		font-feature-settings: "palt";
	}

	@media(max-width:1079px){
		h1 {
		}
	}

	@media(max-width:767px){
		h1 {
		}
	}



/* ////////////////////////////////////////////////////////////

h2

/////////////////////////////////////////////////////////////*/


	h2 {
		display: block;
		position: relative;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: .06em;
		font-feature-settings: "palt";
	}

	@media(max-width:1079px){
		h2 {
		}
	}

	@media(max-width:767px){
		h2 {
		}
	}



/* ////////////////////////////////////////////////////////////

h3

/////////////////////////////////////////////////////////////*/

	h3 {
		width: auto;
    max-width: 100%;
		color: var(--thema-color-01);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
		letter-spacing: .05em;
    text-align: left;
    transform: translate(0px, 0px);
		margin: 8px 0px 0px 0px;
	}

	@media(max-width:1079px){
		h3 {
		}
	}

	@media(max-width:767px){
		h3 {
		}
	}



	.h3en {
		position: relative;
    color: var(--thema-color-01);
    font-family: var(--font-en);
    font-size: 70px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0 0 10px;
	}

	@media(max-width:960px) {
		.h3en {

		}
	}

	@media(max-width:767px) {
		.h3en {
			font-size: 44px;
			margin: 0 0 0px;
		}
	}



	.h3img {
		position: relative;
		/* width: 362px; */
		width: auto;
		height: 67px;
    max-width: 100%;
	}

	@media(max-width:960px) {
		.h3img {

		}
	}

	@media(max-width:767px) {
		.h3img {
			height: 42px;
			/* width: 229px; */
			max-width: 100%;
		}
	}



/* ////////////////////////////////////////////////////////////

h4

/////////////////////////////////////////////////////////////*/

	h4 {
		display: block;
		position: relative;
		font-weight: 700;
		letter-spacing: .1em;
		line-height: 1.5;
		font-feature-settings: "palt";

	}

	@media(max-width:1079px){
		h4 {
		}
	}

	@media(max-width:767px){
		h4 {
		}
	}



/* ////////////////////////////////////////////////////////////

h5

/////////////////////////////////////////////////////////////*/

	h5 {
		font-feature-settings: "palt";
	}

	@media(max-width:1079px){
		h5 {
		}
	}

	@media(max-width:767px){
		h5 {
		}
	}





/* ////////////////////////////////////////////////////////////

共有wrapper

/////////////////////////////////////////////////////////////*/


	#container .wrapper,
	#footer .wrapper {
		width: 1280px;
    max-width: 100%;
		padding: 0 100px;
		margin: 0 auto;
	}

	@media(max-width:1160px) {
		#container .wrapper,
		#footer .wrapper {
		}
	}

	@media(max-width:960px) {
		#container .wrapper,
		#footer .wrapper {
			width: 100%;
			padding: 0 60px;
		}
	}

	@media(max-width:767px) {
		#container .wrapper,
		#footer .wrapper {
			padding: 0 26px;
		}
	}



	.nopad-wrapper {
		width: 1280px;
		max-width: 100%;
		padding: 0 0 0;
		margin: 0 auto;
	}

	@media(max-width:960px) {
		.nopad-wrapper {
		}
	}

	@media(max-width:767px) {
		.nopad-wrapper {
		}
	}



	.full-wrapper {
		width: 100%;
		max-width: 100%;
		padding: 0 0 0;
		margin: 0 auto;
	}

	@media(max-width:960px) {
		.full-wrapper {
		}
	}

	@media(max-width:767px) {
		.full-wrapper {
		}
	}







/* ////////////////////////////////////////////////////////////

トップに戻るボタン

/////////////////////////////////////////////////////////////*/

	.pagetop {
		width: 60px;
    height: 60px;
		background-color: rgba(0,0,0,0.3);
		color: #fff;
		text-decoration: none;
		display: none;
		position: fixed;
		bottom: 1.5rem;
		right: 1.5rem;
		text-align: center;
		cursor: pointer;
		border-radius: 50%; /* 円に */
		z-index: 50;
	}

	@media(max-width:960px) {
		.pagetop {
			width: 40px;
			height: 40px;
			bottom: 20px;
		}
	}



	.pagetop:hover {
		color: #fff!important;
		/* ▽トップへ戻るボタン hover色▽ */
		/* background-color: #EAC300; */
		background-color: var(--sashiiro-col);
		text-decoration: none;
	}



	.pagetop-inner {
		width: 60px;
    height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 34px;
    line-height: 0.9;
	}

	@media(max-width:960px) {
		.pagetop-inner {
			width: 40px;
			height: 40px;
			font-size: 22px;
			line-height: 1.0;
		}
	}



	.pagetop-sfont {
		font-size: 11px;
    font-weight: 200;
    letter-spacing: 0;
	}

	@media(max-width:960px) {
		.pagetop-sfont {
			font-size: 9px;
		}
	}




/* ////////////////////////////////////////////////////////////

パンくずリスト

/////////////////////////////////////////////////////////////*/


	.bread-crumb-list {
		font-size: .65em;
		font-weight: normal;
		overflow: hidden;
		width: 100%;
		letter-spacing: -.5px;
		padding: 1em 0 1em;
		/* background: #abcf9c; */
		background: var(--thema-color-01);
	}

	@media(max-width:767px){
		.bread-crumb-list {
			/*width:100%;*/
			margin: 0 auto .5em;
			font-size: .8em;
			letter-spacing: -.5px;
			display: none !important;
		}
	}



	.bread-crumb-list ol {
		list-style-type: none;
	}



	.bread-wrapper {
		position: relative;
		margin: 0 auto;
		padding: 0 20px;
		z-index: 1;
	}

	@media(max-width:1079px){
		.bread-wrapper {
			width: 100%;
			padding: 0 0;
		}
	}

	/* 回り込み解除 */
	.bread-wrapper::after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}



	.bread-crumb-list li {
		float: left;
		margin: 0;
		font-size: 1rem;
		/* イージング */
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}

	@media(max-width:767px){
		.bread-crumb-list li {
			display: block;
		}
	}


	.bread-crumb-list li a {
		display: block;
		position: relative;
		float: left;
		font-weight: normal;
		padding: 0.3em 0.7em;
		color: #fff!important; /* ■ ぱんくずの文字色 ■ */
	}

	@media(max-width:767px){
		.bread-crumb-list li:first-child {
		}
		.bread-crumb-list li a {
		}
	}


	.bread-crumb-list li:not(:last-child) a {
		margin-right: 1em;
	}


	.bread-crumb-list li a:hover {
		background: inherit;
		text-decoration: none;
	}

/* ■ ぱんくずのhover色 ■ */
	.bread-crumb-list li a:not(.disable):hover {
		/* color: #006cb4!important;  */
	}


	.bread-crumb-list li:last-of-type a {
		/* cursor: default; */
		background: inherit;
		border: none;
	}

	.bread-crumb-list li:last-child {
	}

	.bread-crumb-list li:last-child a {
		padding-left: .5em;
	}


	.bread-crumb-list li:not(:last-child) a::after {
		content:'';
		width: 0;
		height: 0;
		border: .4em solid transparent;
		border-left: .5em solid #fff!important; /* ■ ぱんくずの ▶の色 ■ */
		position: absolute;
		top: 30%;
		right: -.9em;
		/* transition */
		-webkit-transition: all .2s ease-in-out 0s;
		transition: all .2s ease-in-out 0s;
	}

	.bread-crumb-list li:not(:last-child) a:hover::after {
		/* border-color: transparent;  */
	}

	.bread-crumb-list::after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}



	@media(max-width:767px){
		.bread-crumb-list .wrapper {
			padding: 0 5px;
			margin: 1em 0 0;
		}
	}






/* ////////////////////////////////////////////////////////////

header

/////////////////////////////////////////////////////////////*/


/* ////////////////////////////////////////////////////////////

header トップ Gナビバー

/////////////////////////////////////////////////////////////*/

/* トップページ */

	#header .navibar-box {
		position: absolute;
		top: 0;
		left: 0;
		bottom: auto;
		height: 89px;
		width: 100%;
		max-width: 100%;
		background: rgba(0, 0, 0, 0.0);
		transition: all .5s;
		/* ▽縦中央▽ */
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		transition-delay: 1400ms;
    transition-duration: 800ms;
		z-index: 3;
		padding: 15px 48px 15px;
		margin: 0;
	}

	@media(max-width:960px){
		#header .navibar-box {
			height: 70px;
			padding: 0px 20px 0px;
		}
	}

	@media(max-width:767px){
		#header .navibar-box {
		}
	}


	#header .FLEX-topbar {
		/* width: 1160px; */
		width: 100%;
		max-width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: flex-start;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: nowrap;
		transition: all .5s;
		/* padding: 0; */
		margin: 0 auto;
		gap: 0 0;
	}

	@media(max-width:960px) {
		#header .FLEX-topbar {
			justify-content: space-between;
		}
	}

	@media(max-width:767px) {
		#header .FLEX-topbar {

		}
	}


/* 左（ロゴ） */
	.F_item-topbar-left {

	}

	@media(max-width:960px) {
		.F_item-topbar-left {
			padding: 0 0;
		}
	}

	@media(max-width:767px) {
		.F_item-topbar-left {
			padding: 0 0;
		}
	}


	.topbar-logo {
		/* width: 230px; */
		width: 160px;
    max-width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: start;
		align-items: center;
		-webkit-align-items: center;
		/*background-color: rgba(33, 35, 49, 0.95);*/
		background-color: transparent;
    padding: 5px;
	}

	@media(max-width:960px) {
		.topbar-logo {
			width: 149px;
			max-width: 100%;
		}
	}

	@media(max-width:767px) {
		.topbar-logo {

		}
	}



	.topbar-logo img {
	}

	@media(max-width:960px) {
		.topbar-logo img {
		}
	}

	@media(max-width:767px) {
		.topbar-logo img {
		}
	}



/* 中（gナビなど） */
	.F_item-topbar-cent {
		max-width: calc(100% - 48px);
    height: 90px;
		align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
		margin: 0px 0px 0px 48px;
	}

	@media(max-width:960px) {
		.F_item-topbar-cent {
		}
	}

	@media(max-width:767px) {
		.F_item-topbar-cent {
		}
	}





/* ////////////////////////////////////////////////////////////

#header G-NAVI内部 メインGナビ

/////////////////////////////////////////////////////////////*/

	nav.gnav {
		padding: 0 0 0 0;
		margin: 0 auto;
	}

	@media(max-width:960px){
		nav.gnav {
			display: none; /* 960px以下で非表示(ハンバーガーへ切り替え) */
		}
	}


	nav.gnav ul {
		list-style: none;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		flex-wrap: nowrap;
		gap: 0 0px;
	}


	nav.gnav li {
	}

	@media(max-width:1280px){
		nav.gnav li {
		}
	}



	nav.gnav li:last-child {
	}



	nav.gnav a {
		position: relative;
		display: inline-block;
		font-size: 16px;
    font-weight: 500;
		letter-spacing: 0.15em;
		line-height: 1.4;
		border-bottom: 2px solid rgba(0, 0, 0, 0);
    border-left: 0px solid rgba(0, 0, 0, 0);
    border-right: 0px solid rgba(0, 0, 0, 0);
    border-top: 0px solid rgba(0, 0, 0, 0);
		padding: 0px 16px 0px;
		margin: 0px 0px 0px 0px;
	}

	@media(max-width:960px) {
		nav.gnav a {
		}
	}


	nav.gnav a:hover {
    color: var(--thema-color-01);
    opacity: 1;
	}




/* ////////////////////////////////////////////////////////////

#header スマホ・タブレットのみ表示 ハンバーガーメニュー ※JS使わずCSSで動作ver

/////////////////////////////////////////////////////////////*/

	/* PCでは非表示に */
	#header .topber_mb-dis_inl {
		display:none!important;
	}

	/* スマホ・タブレット(メインブレイクポイント以下)では表示 */
	@media screen and (max-width: 960px) {
		#header .topber_mb-dis_inl {
			display: inline-block!important;
			padding: 0;
		}
	}


	.hm_menu_check {
		display: none; /* チェックボックスを隠す */
	}


	/* 開閉ボタン 位置 */
	.hm_wrap {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		/* position :fixed; */
		width: 40px;
		padding: 10px;
		/* background :#fff; */
	}


	/* 開くボタン デザイン */
	.hm_btn {
		position: relative;
		width: 30px;
		height: 30px;
		cursor: pointer;
		display: block;
		float: left;
		z-index: 2;
	}

	.hm_btn::before {
		-webkit-box-shadow: rgb(217, 217, 217) 0 12px 0; /* ハンバーガメニューアイコン 3本線中真ん中のラインの色 */
		box-shadow: rgb(217, 217, 217) 0 12px 0; /* ハンバーガメニューアイコン 3本線中真ん中のラインの色 */
	}

	.hm_btn::after {
		bottom: 0;
	}

	.hm_btn::before,
	.hm_btn::after {
		width: 30px;
		height: 6px;
		background: rgb(217, 217, 217); /* ハンバーガメニューアイコン 3本線中上下ラインの色 */
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
		transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
	}


	/* ハンバーガーメニューオープン時の見出し ※使用する場合 */
	.hm_title {
		position: relative;
		color: #999;
		display: inline-block;
		float: left;
		font-size: 2em;
		line-height: 30px;
		margin: 0 0 0 15px;
		opacity: 0;
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
		-webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
		transition: transform 0.6s, opacity 0.5s;
		z-index: 2;
	}


	/* ハンバーガーメニューの領域 */
	.hm_nav_wrap {
		width: 100%; /* ■ 全画面表示であれば100% ■ */
		position: absolute;
		left: -100%; /* ■ 閉じた際の動き -100%で完全に画面外に消す ■ */
		/* top: 0; */
		-webkit-transition: left 0.4s;
		transition: left 0.4s;
	}


	/* 開閉時のアニメーション */
	.hm_menu_check:checked ~ .hm_title {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.hm_menu_check:checked ~ .hm_btn::before {
		-webkit-box-shadow: transparent 0 0 0;
		box-shadow: transparent 0 0 0;
		-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
		transform: rotate(45deg) translate3d(6px, 11px, 0);
	}


	.hm_menu_check:checked ~ .hm_btn::after {
		-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
		transform: rotate(-45deg) translate3d(6px, -11px, 0);
	}


	.hm_menu_check:checked ~ .hm_nav_wrap {
		left: 0;
	}


	/* 閉じるボタン デザイン */
	.hm_menu_close {
		position: absolute;
		left: 0%;
		top: 0;
		width: 0;
		height: 0;
		/* background: #000; */
		opacity: 0;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}


	.hm_menu_close label {
		display: block;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}


	.hm_menu_check:checked ~ .hm_menu_close {
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}


	/* ハンバーガーメニュー内 */
	.hm_area {
		/* ▽ ハンバーガーメニューリストの背景色 ▽ */
		background: #fff;
		/* background: #E60012; */
		/* background: #0049A0; */
		border-bottom: solid 4px #ddd;
		/* ▽ ハンバーガーメニューリストの縦方向サイズ padding top・bottomで指定 ▽ */
		padding: 450px 0 70px;
	}

	@media(max-width:375px) {
		.hm_area  {
			padding: 400px 0 70px;
		}
	}



	.hm_area .hm_logo {
		text-align: center;
		margin: 0 auto 30px;
	}



	.hm_area .hm_logo img {
		max-height: 30px;
		text-align: center;
		margin: 0 auto;
	}



	.hm_area ul {
		list-style-type: none;
	}



	.hm_area li {
		width: 100%;
		border-bottom: 1px solid #066600; /* ■ ハンバーガーメニューリストの下線 ■ */
		/* padding: 10px 5px; */
		margin: 0 0;
	}

	@media(max-width:767px) {
		.hm_area li {
			width: 100%;
		}
	}

	@media(max-width:330px) {
		.hm_area li {
			width: 100%;
		}
	}



	.hm_area li:first-child {
	}


	.hm_area li a {
		display: block;
		position: relative;
		overflow: hidden;
		color: var(--hm-font-col); /* ■ ハンバーガーメニューリストの文字色 ■ */
		font-size: 1.7rem; /* ■ ハンバーガーメニューリストの文字サイズ ■ */
		font-weight: var(--hm-font-weight);
		padding: 1.1em 0px 1.2em; /* ■ ハンバーガーメニューリストの文字間バランス ■ */
		text-align: center;
		text-decoration: none;
		z-index: 1;
	}

	@media(max-width:375px) {
		.hm_area li a {
			font-size: 1.7rem;
			padding: 0.9em 1px;
		}
	}



	/* aタグマウスオーバー時の背景 */
	.hm_area li a::before {
		/* background: #eee; */
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 100%;
		left: 0;
		-webkit-transition: bottom 0.4s;
		transition: bottom 0.4s;
		z-index: -1;
	}

	.hm_area li a:hover::before {
		bottom: 0;
	}

	.hm_area li a:hover::after {
		opacity: 0.5;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}





	/* ////////////////////////////////////////////////////////////

#footer

/////////////////////////////////////////////////////////////*/


#footer .footer-cont {
	position: relative;
	/* max-width: 1600px; */
	/* height: 300px; */ /* ■ フッターバーエリアの縦サイズ ■ */
	margin: 0 auto;
	z-index: 10;
	/* border-top: 2px solid #EBEBEB; */
	background: var(--footer-background);
}

@media(max-width:1079px) {
	#footer .footer-cont {
		/* padding: 0 0 0; */
		padding: 0 0 0;
		/* 追従バナー高さ分 */
		/* padding: 0 0 64px; */
	}
}

@media(max-width:767px) {
	#footer .footer-cont {
		/* padding: 0; */
	}
}



#footer section.sec-footer-bottom {
	width: 100%;
	position: relative;
	height: 190px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0px 0 0px;
	z-index: -1;
}

@media(max-width:960px) {
	#footer section.sec-footer-bottom {
		width: 100%;
    height: 124px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	}
}




#footer .sec-footer-bottom .footer-logobox {
	max-width: 260px;
	text-align: center;
	margin: 0 auto;
}

@media(max-width:960px) {
	#footer .sec-footer-bottom .footer-logobox {
		max-width: 220px;
		text-align: center;
		margin: 0 auto;
	}
}

@media(max-width:767px) {
	#footer .sec-footer-bottom .footer-logobox {
		max-width: 34%;
	}
}




/* ////////////////////////////////////////////////////////////

#copyright

/////////////////////////////////////////////////////////////*/


.copyright {
	color: var(--footer-font-col);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	font-feature-settings: "palt";
	margin: 20px auto 0;
	padding: 0;
}


@media(max-width:960px){
	.copyright {

	}
}







/* ////////////////////////////////////////////////////////////

TOP #header メインビジュアル

/////////////////////////////////////////////////////////////*/

	#header .mv-area {
		position: relative;
		width: 1280px;
		height: 100%;
    max-width: 100%;
		display: flex;
		align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    z-index: 1;
		margin: 0 auto 0;
		padding: 89px;
	}

	@media(max-width:960px) {
		#header .mv-area {
			max-width: 100%;
			width: 100%;
			height: 480px;
			justify-content: flex-start;
			z-index: -1;
			padding: 0px 32px 0px 40px;
			/* margin: -73px 0px 0px 0px; */
		}
	}

	@media(max-width:540px) {
		#header .mv-area {
			height: 100%;
			flex-direction: column-reverse;
			padding: 0px 24px 0px 24px;
		}
	}



	#header .mv-area:before {
		position: absolute;
		width: 778px;
		height: 100%;
		top: 0;
    right: 0;
		content: "";
    background-image: url(../img/mv.png);
		background-repeat: no-repeat;
    background-size: cover;
		background-position: 50%;
    filter: saturate(1.1);
		border-radius: inherit;
    pointer-events: none;
    transition: inherit;
    z-index: -2;
	}

	@media(max-width:1079px) {
		#header .mv-area:before {
			width: 570px;
			background-position: left;
		}
	}

	@media(max-width:960px) {
		#header .mv-area:before {
			width: 480px;
			background-position: left;
		}
	}

	@media(max-width:767px) {
		#header .mv-area:before {
			width: 320px;
			background-position: left;
		}
	}

	@media(max-width:625px) {
		#header .mv-area:before {
			width: 240px;
			background-position: left;
		}
	}

	@media(max-width:540px) {
		#header .mv-area:before {
			background-size: contain;
			background-position: top center;
			top: auto;
			right: auto;
			width: 299px;
		}
	}



	#header .mv-area .h2-cp {
		display: block;
		position: relative;
    margin: 20px 0px 20px 0px;
	}

	@media(max-width:960px) {
		#header .mv-area .h2-cp {
			margin: 0px 0px 20px 0px;
		}
	}

	@media(max-width:767px) {
		#header .mv-area .h2-cp {
		}
	}



	#header .mv-area .h2-cp h2 {
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		font-size: 43px;
		font-style: italic;
		font-weight: 600;
		letter-spacing: 0.1em;
		line-height: 1.4;
		color: var(--thema-color-01);
	}

	@media(max-width:960px) {
		#header .mv-area .h2-cp h2 {
			font-size: 33px;
			margin: 0px 0px 15px 0px;
		}
	}

	@media(max-width:767px) {
		#header .mv-area .h2-cp h2 {
			letter-spacing: 0.1em;
		}
	}



	#header .mv-area .img-cp {

	}

	@media(max-width:960px) {
		#header .mv-area .img-cp {

		}
	}

	@media(max-width:767px) {
		#header .mv-area .img-cp {
		}
	}



	#header .mv-area .img-cp img {
		width: 561px;
    max-width: 100%;
		height: auto;
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 100ms;
    transition-timing-function: ease-in;
		margin: 0px 0px 0px 0px;
	}

	@media(max-width:960px) {
		#header .mv-area .img-cp img {
			width: 404px;
			max-width: 100%;
			/* height: 96px; */
			transition-timing-function: ease-in;
		}
	}

	@media(max-width:540px) {
		#header .mv-area .img-cp img {
			width: 100%;
		}
	}



	#header .mv-area .mv-txt-area {
		position: relative;
		width: 570px;
		max-width: calc(100% - -100px);
    min-width: 570px;
		text-align: left;
		margin: 0 auto 0 72px;
	}

	@media(max-width:960px) {
		#header .mv-area .mv-txt-area {
			width: 408px;
			max-width: calc(100% - -100px);
			margin: 38px -100px 0px 0px;
		}
	}

	@media(max-width:540px) {
		#header .mv-area .mv-txt-area {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
			margin: 0px 0px 0px 0px;
		}
	}



	#header .mv-area .mv-txt-area p.sub-cp-txt {
		font-size: 17px;
		font-weight: 300;
		/* height: 65px; */
		color: #231815;
		letter-spacing: .02em;
		line-height: 1.6;
		text-align: justify;
		font-feature-settings: "palt";
		margin: 0 0 0;
	}

	@media(max-width:960px) {
		#header .mv-area .mv-txt-area p.sub-cp-txt {
			max-width: 100%;
			height: auto;
			font-size: 13px;
			margin: 8px 0px 0px 0px;
		}
	}

	@media(max-width:767px) {
		#header .mv-area .mv-txt-area p.sub-cp-txt {
			max-width: 100%;
			font-size: 12px;
			font-weight: 500;
			margin: 5px 0px 0px 0px;
		}
	}



	#header .mv-area .mv-txt-area .txt-cp {
		width: auto;
    max-width: 100%;
		color: var(--thema-color-01);
    font-size: 20px;
	font-family: var(--font-jp);
    font-weight: 600;
    height: 100%;
    line-height: 1.5;
    text-align: left;
    transform: translate(0px, 0px);
    margin: 20px 0px 0px 0px;
	}

	@media(max-width:960px) {
		#header .mv-area .mv-txt-area .txt-cp {
			max-width: 100%;
			height: auto;
			flex: none;
			font-size: 16px;
			margin: 18px 0px 0px 0px;
		}
	}

	@media(max-width:767px) {
		#header .mv-area .mv-txt-area .txt-cp {
			max-width: 100%;
			font-size: 18px;
			line-height: 1.4;
			margin: 8px 0px 0px 0px;
		}
	}



	a.contact-btn {
		width: 345px;
    max-width: 100%;
		height: 64px;
		display: flex;
    flex: none;
		justify-content: center;
		align-content: center;
    align-items: center;
		flex-direction: row;
    flex-wrap: nowrap;
    background: var(--thema-color-01);
    border-radius: 5px;
		color: #fff;
		pointer-events: all;
    padding: 0px 20px 0px 20px;
    margin: 40px 0px 0px 0px;
	}

	@media(max-width:960px) {
		a.contact-btn {

		}
	}

	@media(max-width:767px) {
		a.contact-btn {
			height: 48px;
			margin: 24px 0px 0px 0px;
			width: 233px;
			max-width: 100%;
		}
	}



	a.contact-btn:hover {
		transform: translate(5px, 5px);
	}



	.contact-btn .btn-txt {
		position: relative;
		width: auto;
		max-width: calc(100% - 16px);
		font-size: 16px;
    font-weight: 500;
		line-height: 1.4;
    text-align: center;
    justify-content: center;
		margin: 0px 16px 0px 0px;
	}

	@media(max-width:960px) {
		.contact-btn .btn-txt {

		}
	}

	@media(max-width:767px) {
		.contact-btn .btn-txt {
			max-width: calc(100% - 10px);
			font-size: 14px;
			margin: 0px 10px 0px 0px;
		}
	}



	.contact-btn .bow {
		position: relative;
		height: 17px;
    width: 37px;
    max-width: 100%;
	}

	@media(max-width:960px) {
		.contact-btn .bow {

		}
	}

	@media(max-width:767px) {
		.contact-btn .bow {
			height: 14px;
			width: 29px;
			max-width: 100%;
		}
	}


	.contact-btn .bow:before {
		background-image: url(../img/bow.webp);
		background-position: 50%;
		background-repeat: no-repeat;
    background-size: contain;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: 1;
	}

	@media(max-width:960px) {
		.contact-btn .bow:before {
		}
	}

	@media(max-width:767px) {
		.contact-btn .bow:before {
		}
	}



	#header .mv-area .mv-img-area {
		position: relative;
    width: 778px;
		max-width: calc(100% - -40px);
		height: 100%;
    z-index: -1;
		margin: 0px 0px 0px -40px;
	}

	@media(max-width:960px) {
		#header .mv-area .mv-img-area {
			height: 479px;
			width: 500px;
			max-width: calc(100% - -40px);
		}
	}

	@media(max-width:767px) {
		#header .mv-area .mv-img-area {
			height: 299px;
		}
	}







/* ////////////////////////////////////////////////////////////

■■ TOPページ ■■

/////////////////////////////////////////////////////////////*/

	#container .index-page {
	}

	@media(max-width:1079px) {
		#container .index-page {
		}
	}

	@media(max-width:767px) {
		#container .index-page {
		}
	}




/* ////////////////////////////////////////////////////////////

TOPページ sec01 イントロセクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-01 {
		position: relative;
		width: 100%;
		/* background-color: #f9f8f4; */
		background-color: #fff;
		padding: 60px 0 0px;
	}

	@media(max-width:960px){
		#container .index-page section.sec-01 {
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-01 {
			padding: 100px 0 0px;
		}
	}



	#container .index-page .sec-01 .intro-cp {
		position: relative;
		/* display: flex; */
    /* align-items: center; */
		width: auto;
		height: auto;
		color: #333333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    transform: translate(0px, 0px);
		margin: 100px 0px 0px 56px;

	}

	@media(max-width:1079px) {
		#container .index-page .sec-01 .intro-cp {

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-01 .intro-cp {
			/* width: 100%; */
			/* width: 270px; */
			/* max-width: calc(100% - 12px); */
			font-size: 24px;
			margin: 70px 0px 0px 45px;
		}
	}



	#container .index-page .sec-01 .intro-cp:before {
		position: absolute;
		content: "";
		width: 42px;
		height: 3px;
		top: 25px;
		left: -56px;
    background-color: #333333;
    display: block;
    margin-right: 20px;
	}

	@media(max-width:1079px) {
		#container .index-page .sec-01 .intro-cp:before {

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-01 .intro-cp:before {
			width: 30px;
			height: 2px;
			top: 16px;
			left: -42px;
		}
	}



	#container .index-page .sec-01 p {
		color: #333333;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
		text-align: left;
    margin: 40px 0px 48px 0px;
	}

	@media(max-width:960px) {
		#container .index-page .sec-01 p {

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-01 p {
			width: 265px;
			font-size: 15px;
			margin: 32px 0px 42px 0px;
		}
	}



	#container .index-page .sec-01 .FLEX-intro-list {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: start;
		/* justify-content: center; */
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		/* align-items: end; */
		/* -webkit-align-items: end; */
		/* -ms-align-items: end; */
		flex-wrap: nowrap;
		box-sizing: border-box;
		margin: 0px 0px 34px 0px;
		padding: 0 0;
		gap: 0 22px;
	}

	@media(max-width:1079px) {
		#container .index-page .sec-01 .FLEX-intro-list {

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-01 .FLEX-intro-list {
			margin: 0px 0px 28px 0px;
			gap: 0 1px;
		}
	}



	#container .index-page .sec-01 .F-item-intro-list-num {
		width: 64px;
		font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
		text-align: left;
    margin: 0px 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-01 .F-item-intro-list-num {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-01 .F-item-intro-list-num {
			width: 64px;
			font-size: 28px;
		}
	}



	#container .index-page .sec-01 .F-item-intro-list-txt {
		width: 100%;
		font-size: 26px;
	}

	@media(max-width:960px){
		#container .index-page .sec-01 .F-item-intro-list-txt {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-01 .F-item-intro-list-txt {
			width: 100%;
			font-size: 18px;
			line-height: 1.5;
			letter-spacing: .01em;
		}
	}



	#container .index-page .sec-01 .F-item-intro-list-txt span.strg {
		display: inline;
    font-weight: 900;
		color: var(--thema-color-01);
	}

	@media(max-width:1079px){
		#container .index-page .sec-01 .F-item-intro-list-txt span.strg {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-01 .F-item-intro-list-txt span.strg {
		}
	}





/* ////////////////////////////////////////////////////////////

TOPページ sec02 事業紹介セクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-02 {
		position: relative;
		width: 100%;
		padding: 175px 0px 0px;
	}


	@media(max-width:960px){
		#container .index-page section.sec-02 {
			overflow-x: clip;
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-02 {
			padding: 120px 0px 0px;
		}
	}



	#container .index-page .sec-02 .cont-cp {
		color: #333333;
    font-size: 20px;
    font-weight: 500;
		line-height: 1.3;
    text-align: left;
		margin: 60px 0px 30px;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .cont-cp {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .cont-cp {
			margin: 60px 0px 30px;
		}
	}



	#container .index-page .sec-02 .cont-img {
		width: 100%;
    text-align: left;
		margin: 0 0 150px;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .cont-img {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .cont-img {
			margin: 0 0 90px;
		}
	}



	#container .index-page .sec-02 .FLEX-service-cont-outer-first,
	#container .index-page .sec-02 .FLEX-service-cont-outer-second {
		position: relative;
		width: 1136px;
    /* max-width: 100%; */
		display: flex;
		justify-content: flex-start;
		align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
		padding: 0px;
		gap: 0 40px;
		z-index: 2;
	}

	@media(max-width:1136px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first,
		#container .index-page .sec-02 .FLEX-service-cont-outer-second {
			width: 100%;
		}
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first,
		#container .index-page .sec-02 .FLEX-service-cont-outer-second {
			width: 100%;
			flex-direction: column;
			gap: 40px 0;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first,
		#container .index-page .sec-02 .FLEX-service-cont-outer-second {
		}
	}



	#container .index-page .sec-02 .FLEX-service-cont-outer-first {
		margin: 100px 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first {
			margin: 90px 0px 0px 0px;
		}
	}



	#container .index-page .sec-02 .FLEX-service-cont-outer-second {
		margin: 52px 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-second {
			flex-direction:column-reverse
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-second {
		}
	}



	#container .index-page .sec-02 .FLEX-service-cont-outer-first:before {
		position: absolute;
		content: "";
		width: 228px;
    height: 282px;
		max-width: 100%;
		top: -146px;
		bottom: auto;
    left: -22px;
    right: auto;
		background-image: url(../img/service-cont-bgitem-01.png);
		background-repeat: no-repeat;
		background-position: 50%;
    background-size: contain;
		z-index: -1;
		margin: 0 0 0 0;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first:before {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first:before {
			width: 108px;
			height: 145px;
			background-size: contain;
			top: 372px;
			left: -36px;
		}
	}



	#container .index-page .sec-02 .FLEX-service-cont-outer-first:after {
		position: absolute;
		content: "";
		width: 228px;
    height: 282px;
		max-width: 100%;
		top: -127px;
		bottom: auto;
		right: 15px;
    left: auto;
		background-image: url(../img/service-cont-bgitem-02.png);
		background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
		z-index: -1;
		margin: 0 0 0 0;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first:after {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-first:after {
			width: 105px;
			height: 162px;
			background-size: cover;
			top: -75px;
			right: -17px;
		}
	}


	
	#container .index-page .sec-02 .FLEX-service-cont-outer-second:before {
		position: absolute;
		content: "";
		width: 179px;
    height: 223px;
		max-width: 100%;
		top: auto;
		bottom: -140px;
    left: -54px;
    right: auto;
		background-image: url(../img/service-cont-bgitem-03.png);
		background-position: 50%;
		background-repeat: no-repeat;
    background-size: contain;
		z-index: -1;
		margin: 0 0 0 0;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-second:before {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-second:before {
			width: 147px;
			height: 130px;
			bottom: -68px;
			left: -42px;
		}
	}
	


	#container .index-page .sec-02 .FLEX-service-cont-outer-second:after {
		position: absolute;
		content: "";
		width: 228px;
    height: 282px;
		max-width: 100%;
		top: auto;
    bottom: -178px;
    right: 0px;
    left: auto;
		background-image: url(../img/service-cont-bgitem-04.png);
		background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
		z-index: -1;
		margin: 0 0 0 0;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-second:after {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .FLEX-service-cont-outer-second:after {
			width: 130px;
			height: 106px;
			top: 397px;
			bottom: auto;
			right: -40px;
		}
	}



	#container .index-page .sec-02 .F-item-service-cont {
		position: relative;
		width: 520px;
    max-width: 100%;
		height: 530px;
		display: flex;
		justify-content: flex-end;
		align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
		flex-shrink: 0;
		box-shadow: 16px 31px 16px rgba(0, 0, 0, 0.2);
    padding: 0px 56px 99px;
		margin: 0px 0px 0px 0px;
	}

	@media(max-width:1136px){
		#container .index-page .sec-02 .F-item-service-cont {
			width: calc(50% - 20px);
		}
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .F-item-service-cont {
			width: 100%;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .F-item-service-cont {
			height: 415px;
			justify-content: flex-end;
			padding: 70px 32px 28px;
		}
	}



	#container .index-page .sec-02 .cont-a:before,
	#container .index-page .sec-02 .cont-b:before,
	#container .index-page .sec-02 .cont-c:before,
	#container .index-page .sec-02 .cont-d:before {
		position: absolute;
		content: "";
		width: 100%;
    height: 100%;
		top: 0;
    left: 0;
		background-repeat: no-repeat;
		background-size: 678px;
		background-position: 50%;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .cont-a:before,
		#container .index-page .sec-02 .cont-b:before,
		#container .index-page .sec-02 .cont-c:before,
		#container .index-page .sec-02 .cont-d:before {
			background-size: auto;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .cont-a:before,
		#container .index-page .sec-02 .cont-b:before,
		#container .index-page .sec-02 .cont-c:before,
		#container .index-page .sec-02 .cont-d:before {
			background-size: auto;
		}
	}



	#container .index-page .sec-02 .cont-a:before {
		background-image: url(../img/service-cont-bg-a.png);
	}

	#container .index-page .sec-02 .cont-b:before {
		background-image: url(../img/service-cont-bg-b.webp);
	}
	


	#container .index-page .sec-02 .service-cont-ttl-img {
		position: relative;
		height: 18px;
    width: auto;
    max-width: 100%;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 .service-cont-ttl-img {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .service-cont-ttl-img {
		}
	}



	#container .index-page .sec-02 h4 {
		position: relative;
		width: auto;
    max-width: 100%;
    font-size: 28px;
    font-weight: 500;
		letter-spacing: 0em;
    line-height: 1.5;
		display: flex;
		justify-content: center;
		align-content: center;
    align-items: center;
    flex-direction: row;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: left;
    transform: translate(0px, 0px);
    justify-content: flex-start;
		margin: 3px 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 h4 {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 h4 {
			font-size: 24px;
		}
	}



	#container .index-page .sec-02 .h4-wh {
		color: #FFFFFF;
	}

	#container .index-page .sec-02 .h4-bk {
		color: #333333;
	}



	#container .index-page .sec-02 p {
		position: relative;
		width: auto;
    max-width: 100%;
		color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
		letter-spacing: 0em;
    line-height: 1.8;
    text-align: left;
		margin: 38px 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-02 p {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 p {
			font-size: 14px;
		}
	}



	#container .index-page .sec-02 .p-wh {
		color: #FFFFFF;
	}


	#container .index-page .sec-02 .p-bk {
		color: #333333;
	}


/* ////////////////////////////////////////////////////////////
250905 追加
/////////////////////////////////////////////////////////////*/

.service-cont-ttl-txt {
    position: relative;
    font-family: var(--font-en);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
	}

.ttl-wh{
	color: #fff;
	}
.ttl-bk {
    color: var(--font-black);
	}


/* ////////////////////////////////////////////////////////////

TOPページ sec03 代表挨拶セクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-03 {
		position: relative;
		width: 100%;
		padding: 300px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page section.sec-03 {
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-03 {
			padding: 180px 0px 0px;
		}
	}



	#container .index-page .sec-03 .greeting-box {
		position: relative;
		width: calc(100% - 284px);
    max-width: calc(100% - 284px);
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-content: flex-start;
    align-items: flex-start;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
		background: #eef9f9;
    margin: 0px 284px 0px 0px;
    padding: 175px 100px 258px;
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box {
			width: calc(100% - 105px);
			max-width: calc(100% - 105px);
			padding: 175px 30px 258px;
			margin: 0px 105px 0px 0px;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box {
			width: 100%;
			max-width: 100%;
			padding: 100px 24px 100px;
		}
	}



	#container .index-page .sec-03 .greeting-box:before {
		position: absolute;
		content: "";
		height: 179px;
    width: 219px;
		top: auto;
		bottom: -95px;
    left: auto;
    right: -78px;
		background-image: url(../img/greeting-cont-bgitem-01.png);
		background-position: 50%;
		background-repeat: no-repeat;
    background-size: cover;
		z-index: 1;
		margin: 0 0 0 0;
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box:before {
			height: 146px;
			width: 180px;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box:before {
			height: 97px;
			width: 120px;
			bottom: -59px;
			right: 77px;
		}
	}
	


	#container .index-page .sec-03 .greeting-box .greeting-img-area {
		position: absolute;
		width: 563px;
    max-width: 100%;
		top: 33px;
		right: -232px;
	}

	@media(max-width:1280px){
		#container .index-page .sec-03 .greeting-box .greeting-img-area {
			width: 430px;
			top: 100px;
		}
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box .greeting-img-area {
			width: 340px;
			top: 269px;
			right: -80px;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box .greeting-img-area {
			width: 258px;
			top: 190px;
			right: 0px;
		}
	}



	#container .index-page .sec-03 .greeting-box .txt-box {
		position: relative;
		width: 792px;
    max-width: 100%;
		height: auto;
		margin: 100px 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box .txt-box {
			margin: 220px 0px 0px 0px;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box .txt-box {
			margin: 182px 0px 0px 0px;
		}
	}



	#container .index-page .sec-03 .greeting-box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
		letter-spacing: 0;
    text-align: left;
		margin: 0px 0px 30px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box p {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box p {
			font-size: 14px;
			line-height: 1.8;
		}
	}



	#container .index-page .sec-03 .greeting-box p.name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
		letter-spacing: 0;
    text-align: right;
		margin: 0px 0px 30px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box p.name {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box p.name {
		}
	}



	#container .index-page .sec-03 .greeting-box p.l-mg {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
		letter-spacing: 0;
    text-align: left;
		margin: 60px 0px 60px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box p.l-mg {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box p.l-mg {
		}
	}



	#container .index-page .sec-03 .greeting-box .sp-only {
    display: none;
		margin: 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box .sp-only {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box .sp-only {
			display: block;
			margin: 0px 0px 30px 0px;
		}
	}



	#container .index-page .sec-03 .greeting-box .sp-only img {

	}

	@media(max-width:960px){
		#container .index-page .sec-03 .greeting-box .sp-only img {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-03 .greeting-box .sp-only img {
			width: 100%;
			height: 149px;
			object-fit: cover;
			/* object-position: 50% 50%; */
			object-position: 50% 75%;
		}
	}






/* ////////////////////////////////////////////////////////////

TOPページ sec04 アクセスセクション

/////////////////////////////////////////////////////////////*/



	#container .index-page section.sec-04 {
		position: relative;
		width: 100%;
		padding: 215px 100px 0;
	}

	@media(max-width:960px){
		#container .index-page section.sec-04 {
			padding: 230px 100px 0;
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-04 {
			padding: 143px 24px 0;
		}
	}



	#container .index-page .sec-04 .add-box {
		font-size: 16px;
    font-weight: 400;
		letter-spacing: 0;
    line-height: 1.4;
		text-align: left;
    margin: 80px 0px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-04 .add-box {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-04 .add-box {

		}
	}



	#container .index-page .sec-04 .g-map-area {
		text-align: center;
		margin: 39px 0px 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-04 .g-map-area {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-04 .g-map-area {
			width: 100%;
			max-width: 100%;
			margin: 16px 0px 0px 0px;
		}
	}


	#container .index-page .sec-04 .g-map-area iframe {
		display: block;
	}





/* ////////////////////////////////////////////////////////////

TOPページ sec05 フォームセクション

/////////////////////////////////////////////////////////////*/



	#container .index-page section.sec-05 {
		position: relative;
		width: 100%;
		padding: 215px 100px 140px;
	}

	@media(max-width:960px){
		#container .index-page section.sec-05 {
			padding: 230px 100px 140px;
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-05 {
			padding: 130px 24px 100px;
		}
	}



	#container .index-page section.sec-05:after {
		position: absolute;
		content: "";
		width: 136px;
    max-width: 100%;
    height: 137px;
		top: 190px;
    left: 380px;
		background-image: url(../img/form-bg-01.png);
		background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
	}

	@media(max-width:960px){
		#container .index-page section.sec-05:after {
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-05:after {
			top: 130px;
			left: 205px;
			height: 58px;
			width: 51px;
		}
	}



	#container .index-page section.sec-05:before {
		position: absolute;
		content: "";
    height: 1308px;
    width: 100%;
		top: 215px;
    left: 0;
		background-image: url(../img/form-bg-02.png);
		background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
	}

	@media(max-width:960px){
		#container .index-page section.sec-05:before {
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-05:before {
			top: 40px;
			background-size: 420px;
		}
	}



	#container .index-page .sec-05 .form-area {
		width: calc(100% - 346px);
		max-width: calc(100% - 346px);
		opacity: 1;
		margin: 102px 0px 0px 346px;
		padding: 0px;
	}

	@media(max-width:960px){
		#container .index-page .sec-05 .form-area {
			width: calc(100% - 280px);
			max-width: calc(100% - 280px);
			margin: 102px 0px 0px 280px;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-05 .form-area {
			width: calc(100% - 0px);
			max-width: calc(100% - 0px);
			margin: 102px 0px 0px 0px;
		}
	}






/* ////////////////////////////////////////////////////////////
フォーム部分
/////////////////////////////////////////////////////////////*/

	#formWrap {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
	}

	@media(max-width:1079px){
		#formWrap {
		}
	}

	@media(max-width:767px){
		#formWrap {
		}
	}



	#container .form-area .form-table {
		width: 100%;
		border-spacing: 0;
		word-wrap: break-word;
		word-break: break-all;
	}

	@media(max-width:767px){
		#container .form-area .form-table {
			/* border-left: 1px solid #e2e2e2; */
			/* border-right: 1px solid #e2e2e2; */
			/* border-bottom: 1px solid #e2e2e2; */
		}
	}



	#container .form-area .form-table td,
	#container .form-area .form-table th {
		width: 100%;
		display: block;
	}

	@media(max-width:960px){
		#container .form-area .form-table td,
		#container .form-area .form-table th {
			display: block;
			width: 100%;
		}
	}

	@media(max-width:767px){
		#container .form-area .form-table td,
		#container .form-area .form-table th {
			display: block;
			width: 100%;
		}
	}



	#container .form-area .form-table th {
		display: flex;
		align-items: center;
		font-size: 15px;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.4;
    margin: 0px 0px 10px 0px;
	}

	@media(max-width:960px){
		#container .form-area .form-table th {

		}
	}

	@media(max-width:767px){
		#container .form-area .form-table th {

		}
	}



	#container .form-area .form-table td {
		border-bottom: 1px solid #333333;
		margin: 0px 0px 20px 0px;
	}

	@media(max-width:960px){
		#container .form-area .form-table td {
		}
	}

	@media(max-width:767px){
		#container .form-area .form-table td {
		}
	}



	#container .form-area span.required {
		background: var(--thema-color-01);
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    padding: 4px 8px;
    margin: 0px 8px 0px 0px;
	}

	@media(max-width:960px){
		#container .form-area span.required {
		}
	}

	@media(max-width:767px){
		#container .form-area span.required {
		}
	}



	#container .form-area span.no-required {
		background: #f6f9fb;
		color: var(--thema-color-01);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    padding: 4px 8px;
    margin: 0px 8px 0px 0px;
	}

	@media(max-width:960px){
		#container .form-area span.no-required {
		}
	}

	@media(max-width:767px){
		#container .form-area span.no-required {
		}
	}



	#container .form-area .form-table input {
		width: 100%;
		border: none;
		font-size: 15px;
    font-weight: 400;
		line-height: 1.4;
		text-align: left;
		padding: 15px 10px;
	}

	@media(max-width:960px){
		#container .form-area .form-table input {
		}
	}

	@media(max-width:767px){
		#container .form-area .form-table input {
			padding: 10px 10px;
		}
	}



	#container .form-area .form-table textarea {
		width: 100%;
		border: none;
		font-size: 15px;
    font-weight: 400;
		line-height: 1.4;
		text-align: left;
		padding: 15px 10px;
		background: none;
	}

	@media(max-width:767px){
		#container .form-area .form-table textarea {

		}
	}


	/* プルダウン */

	/* プルダウン 選択 */
	#container .form-area .form-table select {
		border: none;
		appearance: none;/* 標準仕様の矢印を非表示に */
		-webkit-appearance: none;/* 標準仕様の矢印を非表示に */
		-moz-appearance: none;/* 標準仕様の矢印を非表示に */
		width:100%;
		/* width: 260px; */
		padding: 15px 10px;
		cursor: pointer;
		background: none;
	}

	@media(max-width:960px){
		#container .form-area .form-table select {
		}
	}

	@media(max-width:767px){
		#container .form-area .form-table select {
			width: 100%;
		}
	}



	#container .form-area .pulldown-box {
		position: relative;
		width: 100%;
	}

	@media(max-width:960px){
		#container .form-area .pulldown-box {
		}
	}

	@media(max-width:767px){
		#container .form-area .pulldown-box {
		}
	}



	#container .form-area .pulldown-box::before,
	#container .form-area .pulldown-box::after {
		content: "";
    position: absolute;
    bottom: 20px;
    right: calc(21px - 1px);
    width: 2px;
    height: 10px;
    border-radius: 9999px;
    background-color: var(--thema-color-01);
    transform-origin: 50% calc(100% - 1px);
		cursor: pointer;
	}

	@media(max-width:767px){
		#container .form-area .pulldown-box::before,
		#container .form-area .pulldown-box::after {

		}
	}



	#container .form-area .pulldown-box::before {
		transform: rotate(45deg);
	}

	@media(max-width:767px){
		#container .form-area .pulldown-box::before {
		}
	}



	#container .form-area .pulldown-box::after {
		transform: rotate(-45deg);
	}

	@media(max-width:767px){
		#container .form-area .pulldown-box::after {
		}
	}




	/* ラジオボタン */
	#container .form-area .form-table td.radio-select {
	}



	#container .form-area .form-table .radio-select label {
		display: block;
		margin: 0 auto 0;
	}

	@media(max-width:1079px){
		#container .form-area .form-table .radio-select label {
			margin: 0 auto 0;
		}
	}



	#container .form-area .form-table .radio-select input[type="radio"] {
		width: auto;
		margin: 0 auto 0;
		cursor: default;
	}



	/* 日時選択 */
	#container .form-area .form-table .data-select-box {

	}

	@media(max-width:1079px){
		#container .form-area .form-table .data-select-box {
		}
	}

	@media(max-width:767px){
		#container .form-area .form-table .data-select-box {
			
		}
	}



	#container .form-area .form-table .data-select-box input {
		position: relative;
		/* width:100%; */
		width: 260px;
		padding: 12px;
		font-feature-settings: "palt";
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		cursor: pointer;
	}

	@media(max-width:1079px){
		#container .form-area .form-table .data-select-box input {
		}
	}

	@media(max-width:767px){
		#container .form-area .form-table .data-select-box input {
			width: 100%;
		}
	}

	/* カレンダーアイコン 非表示に かつどこをクリックしてもカレンダーが展開されるように */
	#container .form-area .form-table .data-select-box input::-webkit-calendar-picker-indicator {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		background: transparent;
		z-index: 1;
		cursor: pointer;
	}

	/* オリジナルカレンダーアイコン */
	#container .form-area .form-table .data-select-box input::after {
		content: '';
		background-image: url(../img/ico_calendar.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0 0;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 50%;
		left: 230px;
		transform: translateY(-50%);
	}

	@media(max-width:767px){
		#container .form-area .form-table .data-select-box input::after {
			left: auto;
			right: 13px;
		}
	}




	/* 入力例の色 */
	#container .form-area .form-table input::placeholder,
	#container .form-area .form-table textarea::placeholder {
		color: #BCBCBC;
		/* color: #89abd4; */
	}

	/* 入力例の色 Edge */
	#container .form-area .form-table input::-ms-input-placeholder,
	#container .form-area .form-table textarea::-ms-input-placeholder {
		color: #BCBCBC;
		/* color: #89abd4; */
	}

	/* 入力例の色 IE11 & IE10 */
	#container .form-area .form-table input:-ms-input-placeholder,
	#container .form-area .form-table textarea:-ms-input-placeholder {
		color: #BCBCBC;
		/* color: #89abd4; */
	}



	#container .form-area .form-table input[type="text"] {
		width: 100%;
		background: none;
	}
	
	@media(max-width:960px){
		#container .form-area .form-table input[type="text"] {
		}
	}

	@media(max-width:960px){
		#container .form-area .form-table input[type="text"] {
			height: 50px;
		}
	}



	#container .form-area .policy-check {
		text-align: left;
		margin: 0 0 40px;
	}

	@media(max-width:960px){
		#container .form-area .policy-check {
		}
	}

	@media(max-width:960px){
		#container .form-area .policy-check {
		}
	}



	#container .form-area .policy-check span {
		font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
	}

	@media(max-width:960px){
		#container .form-area .policy-check span {
		}
	}

	@media(max-width:767px){
		#container .form-area .policy-check span {
		}
	}



	#container .form-area .policy-check a {
		border-bottom: 1px solid #000;
	}

	@media(max-width:960px){
		#container .form-area .policy-check a {
		}
	}

	@media(max-width:767px){
		#container .form-area .policy-check a {
		}
	}



	#container .form-area .form-submit-area {
		margin: 0 auto;
		text-align: center;
	}

	@media(max-width:960px){
		#container .form-area .form-submit-area {
		}
	}

	@media(max-width:767px){
		#container .form-area .form-submit-area {
		}
	}


	/* 送信ボタン */
	#container .form-area input[type="submit"] {
		display: block;
		width: 100%;
		font-size: 18px;
    font-weight: 700;
		letter-spacing: 0;
		border: none;
		text-align: center;
		font-feature-settings: "palt";
		background: var(--thema-color-01);
		color: #fff;
		border-radius: 4px;
		cursor: pointer;
		transition: .4s cubic-bezier(.4,.4,0,1);
		padding: 15px;
		margin: 0 auto;
	}

	@media(max-width:960px){
		#container .form-area input[type="submit"] {
			/* display: inline-block; */
			width: 100%;
			padding: 10px;
		}
	}




	#container .form-area input[type="submit"]:hover {
		filter: brightness(120%);
		background: #f6f9fb;
		color: var(--thema-color-01);
		border: 1px solid var(--thema-color-01);
		transition: .4s cubic-bezier(.4,.4,0,1);
	}






/* ////////////////////////////////////////////////////////////

下層 サンクスページ (thanks.php)

/////////////////////////////////////////////////////////////*/



	#container .child-page .thanks-page {
		/* width: 60%; */
		text-align: center;
		margin: 0 auto 0;
	}

	@media(max-width:960px) {
		#container .child-page .thanks-page {
		}
	}

	@media(max-width:767px) {
		#container .child-page .thanks-page {
			width: 100%;
			margin: 0 auto 0;
		}
	}



	#container .thanks-page section.sec-thanks {
		position: relative;
		width: 100%;
		padding: 80px 0 160px;
	}

	@media(max-width:960px){
		#container .thanks-page section.sec-thanks {
			
		}
	}

	@media(max-width:767px){
		#container .thanks-page section.sec-thanks {
			padding: 80px 0 80px;
		}
	}



	#container .thanks-page .thanks-txt p {
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 2.2;
		margin: 15px 0 15px;
		font-feature-settings: "palt";
	}

	@media(max-width:960px) {
		#container .thanks-page .thanks-txt p {
		}
	}

	@media(max-width:767px) {
		#container .thanks-page .thanks-txt p {
			text-align: left;
		}
	}





/* ////////////////////////////////////////////////////////////

TOPページ sec-bnr バナーセクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-bnr {
		position: relative;
		width: 100%;
		padding: 0px 0px 60px;
	}

	@media(max-width:960px){
		#container .index-page section.sec-bnr {
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-bnr {
			padding: 0px 0px 60px;
		}
	}



	#container .index-page .sec-bnr .Flex-bnr-box {
		width: 100%;
		height: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		/* justify-content: start; */
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: nowrap;
		box-sizing: border-box;
		margin: 0 auto 0;
		padding: 0 0 0;
		gap: 0 20px;
	}

	@media(max-width:960px) {
		#container .index-page .sec-bnr .Flex-bnr-box {
		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-bnr .Flex-bnr-box {
			flex-direction: column;
			gap: 40px 0;
		}
	}



	#container .index-page .sec-bnr .F-item-bnr-box {
		/* width: calc(40% - 0px); */
		width: 240px;
		text-align: center;
	}

	@media(max-width:960px){
		#container .index-page .sec-bnr .F-item-bnr-box {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-bnr .F-item-bnr-box {
			width: 60%;
		}
	}



	#container .index-page .sec-bnr .F-item-bnr-box a {
	}

	@media(max-width:960px){
		#container .index-page .sec-bnr .F-item-bnr-box a {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-bnr .F-item-bnr-box a {
		}
	}


	#container .index-page .sec-bnr .F-item-bnr-box a:hover {
		opacity: 0.7;
	}







/* ////////////////////////////////////////////////////////////

下層ページ

/////////////////////////////////////////////////////////////*/



/* ////////////////////////////////////////////////////////////

#header 下層ページ共通 ヘッダー

/////////////////////////////////////////////////////////////*/


	#header .cld-head {
		position: relative;
    width: 100%;
		height: 89px;
		margin: 0px auto 0;
	}

	@media(max-width:1079px) {
		#header .cld-head {
		}
	}

	@media(max-width:767px) {
		#header .cld-head {

		}
	}




/* ////////////////////////////////////////////////////////////

下層ページ 共通設定

/////////////////////////////////////////////////////////////*/


	#container .child-page {
		position: relative;
		width: 100%;
		padding: 0 0 0;
	}

	@media(max-width:1079px){
		#container .child-page {
		}
	}

	@media(max-width:767px){
		#container .child-page {
			padding: 0 0 0;
		}
	}



	#container .lp-page {
		position: relative;
		width: 100%;
		padding: 0 0 0;
	}

	@media(max-width:1079px){
		#container .lp-page {
		}
	}

	@media(max-width:767px){
		#container .lp-page {

		}
	}






/* ////////////////////////////////////////////////////////////

プライバシーポリシーページ (privacypolicy.php)

/////////////////////////////////////////////////////////////*/

	#container .child-page .policy-page {

	}

	@media(max-width:960px){
		#container .child-page .policy-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .policy-page {

		}
	}



	#container .policy-page section.sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 80px 0 80px;
	}

	@media(max-width:960px){
		#container .policy-page section.sec01 {
		}
	}

	@media(max-width:767px){
		#container .policy-page section.sec01 {
			padding: 60px 0 10px;
		}
	}



	#container .policy-page .policy-box {
		position: relative;
		width: 100%;
		margin: 0 auto 30px;
	}

	@media(max-width:1079px){
		#container .policy-page .policy-box {
		}
	}

	@media(max-width:767px){
		#container .policy-page .policy-box {
			
		}
	}


	#container .policy-page h2 {
		display: block;
		position: relative;
		color: var(--font-black);
		font-size: 36px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0;
		font-feature-settings: "palt";
		margin: 0px 0 40px;
	}

	@media(max-width:960px){
		#container .policy-page h2 {
		}
	}

	@media(max-width:767px){
		#container .policy-page h2 {
			font-size: 28px;
		}
	}



	#container .policy-page h3 {
		display: block;
		position: relative;
		color: var(--font-black);
		/* font-family: var(--font-min); */
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: .06em;
		font-feature-settings: "palt";
		margin: 60px 0 0;
	}

	@media(max-width:960px){
		#container .policy-page h3 {
		}
	}

	@media(max-width:767px){
		#container .policy-page h3 {
			font-size: 16px;
			margin: 40px 0 0;
		}
	}



	#container .policy-page p {
		line-height: 1.8;
		margin: 15px 0 15px;
	}

	@media(max-width:960px){
		#container .policy-page p {
		}
	}

	@media(max-width:767px){
		#container .policy-page p {
			
		}
	}



	#container .policy-page .policy-box ul {
		position: relative;
		/* list-style: square; */
		/* list-style: disk; */
		list-style: circle;
		padding: 0 0 0 40px;
	}

	@media(max-width:960px){
		#container .policy-page .policy-box ul {
		}
	}

	@media(max-width:767px){
		#container .policy-page .policy-box ul {
			padding: 0 0 0 20px;
		}
	}



	#container .policy-page .policy-box ol {
		position: relative;
		/* list-style: square; */
		/* list-style: disk; */
		padding: 0 0 0 20px;
	}

	@media(max-width:960px){
		#container .policy-page .policy-box ol {
		}
	}

	@media(max-width:767px){
		#container .policy-page .policy-box ol {
			padding: 0 0 0 20px;
		}
	}

	/* ol/li番号を括弧つきにする */
	#container .policy-page .policy-box ol li:before{
		display: marker;
		content: "(" counter(cnt) ") ";
	}



	#container .policy-page .policy-box li {
		list-style-type:none;/* 括弧つきに対応するため */
		list-style-position:inside;/* 括弧つきに対応するため */
		counter-increment: cnt;/* 括弧つきに対応するため */
		font-size: 1.5rem;
		font-weight: 500;
		color: #231815;
		letter-spacing: .06em;
		line-height: 1.6;
		text-align: justify;
		font-feature-settings: "palt";
		padding: 0 0 10px;
	}

	@media(max-width:960px){
		#container .policy-page .policy-box li {
		}
	}

	@media(max-width:767px){
		#container .policy-page .policy-box li {
			
		}
	}







/* ////////////////////////////////////////////////////////////

PCのみ表示 スマホのみ表示 display:inline

/////////////////////////////////////////////////////////////*/

	/*PCの場合*/
	.pc-dis_inl	{ display:inline!important; }
	.mb-dis_inl	{ display:none!important; }

	@media screen and (max-width: 767px) {
	/*タブレット、スマホの場合*/
	.pc-dis_inl	{ display:none!important; }
	.mb-dis_inl { display:inline!important; }
	}


/* ////////////////////////////////////////////////////////////

PCのみ表示 スマホのみ表示 display:block

/////////////////////////////////////////////////////////////*/


	/*PCの場合*/
	.pc-dis_blc	{ display:block!important; }
	.mb-dis_blc	{ display:none!important; }


	@media screen and (max-width: 767px) {
	/*タブレット、スマホの場合*/
	.pc-dis_blc	{ display:none!important; }
	.mb-dis_blc { display:block!important; }
	}



/* ////////////////////////////////////////////////////////////

PCのみ表示 スマホのみ表示 display:inlineblock

/////////////////////////////////////////////////////////////*/


	/*PCの場合*/
	.pc-dis_inblc	{ display:inline-block!important; }
	.mb-dis_inblc	{ display:none!important; }

	@media screen and (max-width: 767px) {
	/*タブレット、スマホの場合*/
	.pc-dis_inblc	{ display:none!important; }
	.mb-dis_inblc { display:inline-block!important; }
	}





	/* スマホでアニメーション無効化 */

	@media(max-width:768px){
		.visible {
			/* animation */
			/*-webkit-animation:none !important;
			animation:none !important;*/
		}
	}