@charset "UTF-8";

/*--------------------------
リセット
---------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
*{
	box-sizing:border-box;
}
html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*--------------------------
基本：基本タグ
---------------------------- */
/* [ PC - SP switch ] */
@media screen and (min-width: 768px) {
  .pcOFF {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  /* Smartphone */
  .spOFF {
    display: none !important;
  }
}


/*=============================
  各テーマクラス
=============================*/
:root {
  /* 現在のベースカラー */
  --base-dark:   #202A5C;
  --base-light1: #E9F1F5; /* より薄く */
  --base-light2: #F4F9FB; /* さらに薄く */
  
  /* イエロー・テーマ */
  --yellow-dark:  #927A13;  /* 変更なし */
  --yellow-base:  #F3CB20;  /* 変更なし */
  --yellow-light1:#ffeda6;  /* 85% F3CB20 + 15% white */
  --yellow-light2:#FCF3D0;  /* 30% F3CB20 + 70% white */
  
  /* オレンジ・テーマ */
  --orange-dark:  #7F4C18;  /* 変更なし */
  --orange-base:  #D47E28;  /* 変更なし */
  --orange-light1:#E8BF98;  /* 85% D47E28 + 15% white */
  --orange-light2:#F4DFCC;  /* 30% D47E28 + 70% white */
  
  /* グリーン・テーマ */
  --green-dark:   #135533;  /* 変更なし */
  --green-base:   #1F8D55;  /* 変更なし */
  --green-light1: #A1D1B9;  /* 85% 1F8D55 + 15% white */
  --green-light2: #D0E8DC;  /* 30% 1F8D55 + 70% white */
  
  /* トロピカルピンク・テーマ */
  --tropical-pink-dark:   #84343E;  /* 変更なし */
  --tropical-pink-base:   #DC5767;  /* 変更なし */
  --tropical-pink-light1: #EFAFB7;  /* 85% DC5767 + 15% white */
  --tropical-pink-light2: #F7D7DB;  /* 30% DC5767 + 70% white */
  
  /* ピンク・テーマ */
  --pink-dark:    #88586D;  /* 変更なし */
  --pink-base:    #E292B6;  /* 変更なし */
  --pink-light1:  #F1CBE1;  /* 85% E292B6 + 15% white */
  --pink-light2:  #F8E5F0;  /* 30% E292B6 + 70% white */
  
  /* レッド・テーマ */
  --red-dark:     #83231E;  /* 変更なし */
  --red-base:     #DA3B32;  /* 変更なし */
  --red-light1:   #EDABA7;  /* 85% DA3B32 + 15% white */
  --red-light2:   #F6D5D3;  /* 30% DA3B32 + 70% white */
  
  /* ライムグリーン・テーマ */
  --lime-green-dark:  #677711;  /* 変更なし */
  --lime-green-base:  #ABC61C;  /* 変更なし */
  --lime-green-light1:#D4E391;  /* 85% ABC61C + 15% white */
  --lime-green-light2:#EAF1C8;  /* 30% ABC61C + 70% white */
  
  /* ロイヤルブルー・テーマ */
  --royal-blue-dark:  #0E4A60;  /* 変更なし */
  --royal-blue-base:  #187BA0;  /* 変更なし */
  --royal-blue-light1:#97C9D8;  /* 85% 187BA0 + 15% white */
  --royal-blue-light2:#CBEDF9;  /* 30% 187BA0 + 70% white */
}




/*=============================
  テーマ変数を利用する例
=============================*/
.ex01 {
  background-color: var(--color-base);
}

.ex02 {
  background-color: var(--color-light1);
}

.ex03 {
  background-color: var(--color-light2);
}






html {
}

body {
  font-family: "Noto Sans JP", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  height: 100%;
}

/*
body:before {
  content:"";
  display:block;
  width:100%;
  height:80px;
  position:fixed;
  z-index:0;
  top:0;
  left:0;
  background:rgba(255,255,255,0.9);
}
*/

@media screen and (max-width: 767px) {

}

/*--------------------------
ローディング画面
---------------------------- */



/*----------------------------------------------------
SP-nav
------------------------------------------------------ */
/* スマホヘッダー */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 9999999;
}

#fixed-top {
  position: fixed;
  top: 0;
  z-index: 99999999;
  width: 100%;
  height:55px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* ヘッダーのロゴ */
#fixed-top .logo {
  padding: 5px 0 0 8px;
}

#fixed-top .logo img {
  width: 100%;
  height: 43px;
  vertical-align:bottom;
}

/* ヘッダーのボタン関連 */
#fixed-top .headerButtons {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: right;
  justify-content: right;
  align-items:center;
}
#fixed-top .headerButtons img{
  vertical-align:bottom;
}
#fixed-top .headerButtons li a {
  display: block;
}

#fixed-top .headerButtons li img {
  vertical-align: bottom;
  height: 55px;
  width: auto;
}
#fixed-top .headerButtons li a.lineBtn {
	display:block;
	color:#000;
	border:solid 1px #000;
	background:#fff;
	padding:2px 19px;
	font-size:13px;
}

/* スマートフォン用ナビゲーション*/
#slidar_menu ,
#slidar_menu_lang {
  background: #fff;
  z-index: 999999999999999999;
}
#slidar_menu p.sb-close {
  text-align: left;
  padding:15px 15px 0px;
  margin-bottom: 40px;
}
#slidar_menu p.sb-close img {
	width:40px;
	height:auto;
}

#slidar_menu .sb-right-inner .logo ,
#slidar_menu_lang .sb-left-inner .logo {
  margin: 0px 0 20px;
  text-align: center;
  overflow: hidden;
}

#slidar_menu .sb-right-inner .logo img ,
#slidar_menu_lang .sb-left-inner .logo img {
  display: block;
  width: 100%;
  max-width:200px;
  height: auto;
  margin: 10px auto;
  text-align: center;
}


/* ヘッダー言語切替エリア */
.spLanguageArea{
	z-index:100;
	display: none;
	position:absolute;
	width: 100%;
	background: #d2e8e8;
	bottom:-54px;
	left:0;
	padding: 15px 10px;
	text-align:center;
	box-sizing: border-box;
	box-shadow:0px 4px 16px -7px #1d1e21 inset;
}
.spLanguageBtn{
	display:block;
}
.spLanguageArea .toggle_lang{
	width:60%;
	margin:0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.spLanguageArea .toggle_lang li{
	flex-basis:50%;
	border-right:1px solid #000;
}
.spLanguageArea .toggle_lang li:last-child{
	border:none;
}
.spLanguageArea .toggle_lang a{
	display:block;
	width:90%;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}


/* ヘッダー検索エリア */
.spResearchArea{
	display: none;
	position:absolute;
	z-index:100;
	width: 100%;
	background: #d2e8e8;
	bottom:-55px;
	left:0;
	padding: 15px 10px;
	text-align:center;
	box-sizing: border-box;
	box-shadow:0px 4px 16px -7px #1d1e21 inset;
}
.spResearchArea input[type="text"]{
	width:80%;
	border: 1px solid #333;
	padding: 8px 5px;
	box-sizing: border-box;
	border-radius: 3px;
}
.spResearchArea input[type="submit"]{
	width:15%;
	border: 1px solid #333;
	padding: 5px;
	box-sizing: border-box;
	display:inline-block;
	border-radius: 3px;
}


/* スマホアコーディオンメニュー */
.spMenu-accordion{
	margin-bottom:35px;
}
.spMenu-accordion .acCheck {
	display: none;
}
.spMenu-accordion .ac-label {		/*タイトル*/
	padding: 1em;
	display: block;

	font-weight: bold;
	font-size: 22px;
	letter-spacing: 0.1em;
	color: #333;
	border-bottom:solid 1px #D5D5D5;
}
.spMenu-accordion .ac-label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #C40016;
	border-right: 2px solid #C40016;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.spMenu-accordion .ac-label,
.spMenu-accordion .ac-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.spMenu-accordion .ac-content {		/*本体*/
	height: 0;
	padding:0px 25px;
	overflow: hidden;
	background:#fff;
}
.spMenu-accordion .acCheck:checked + .ac-label + .ac-content {	/*開閉時*/
	height: auto;
	padding:28px 25px 30px;
	transition: all .3s;
}
.spMenu-accordion .acCheck:checked + .ac-label::before {
	transform: rotate(-45deg) !important;
}
.spMenu-accordion .ac-content ul li {

}
.spMenu-accordion .ac-content ul li a{
	display:block;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
	text-decoration:none;
	background:url(../img/sp/ac-content_arrow.png) no-repeat 9px center;
	padding:16px 0px 16px 30px;
	border-bottom:solid 1px #CECECE;
}
.spMenu-accordion .ac-content ul li:last-child a{
	border:none;
}

/* スマホ バナー */
.spMenu-banner{
	width: calc(100% - 30px);
	margin:0 auto 55px;;
}
.spMenu-banner li{
	margin-bottom:10px;
}
.spMenu-banner li a{
	display:block;
}
.spMenu-banner li a img{
	width:100%;
	height:auto;
}

/* スマホ ボタン */
.spMenu-btn {
	margin-bottom:60px;
}
.spMenu-btn a{
	display:block;
	width: calc(100% - 120px);
	margin:0 auto;
	border-radius: 38.5px;
	background: #222;
	padding:10px 0;

	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
	text-decoration:none;

}
.spMenu-btn a span{
	display:inline-block;
	padding:0 20px;
	background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.785%22%20height%3D%2213.345%22%20viewBox%3D%220%200%207.785%2013.345%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_190%22%20data-name%3D%22%E3%83%91%E3%82%B9%20190%22%20d%3D%22M12.1%2C0a1.249%2C1.249%2C0%2C0%2C0-.878.358L6.672%2C4.836%2C2.119.358a1.256%2C1.256%2C0%2C0%2C0-1.756%2C0%2C1.208%2C1.208%2C0%2C0%2C0%2C0%2C1.727L5.795%2C7.427a1.255%2C1.255%2C0%2C0%2C0%2C1.756%2C0l5.431-5.342a1.207%2C1.207%2C0%2C0%2C0%2C0-1.727A1.247%2C1.247%2C0%2C0%2C0%2C12.1%2C0Z%22%20transform%3D%22translate(0%2013.345)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat right center;
}

/* スマホ サブリンク */
.spMenu-sublnk{
	padding:20px 25px;
}
.spMenu-sublnk li{
}
.spMenu-sublnk li.spMenu-sublnk-parent a{
	display:block;
	text-decoration:none;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #1A1A1A;
	padding:10px;
	border-top:solid 1px #D5D5D5;
}
.spMenu-sublnk li.spMenu-sublnk-child a{
	display:block;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
	padding:10px 20px;
}

@media screen and (max-width: 1200px) {  /* ipad safari対応 */

	.nav__lst{
	}
	.nav__lst__item{
	}
	.nav__lst__item.toggle > a {
		font-size:15px !important;
	}

	.nav__lst__item:nth-child(6) { flex-basis:150px !important; }
	.nav__lst__item.btnContact > a {
		font-size:15px !important;
		padding-bottom:30px !important;
	}
	.nav__lst__item.btnContact > a span {
		background-size:20px auto;
		padding-left:30px !important;
	}
}

@media screen and (max-width: 375px) { 
	#fixed-top .logo img{
		width:100%;
		height:40px;
	}
}

@media print  {
	#spheader{
		display: none !important;
	}
}





/*--------------------------
メインコンテンツ
---------------------------- */
body.page-top #main-content {
  /*display: none;*/
}

@media screen and (max-width: 767px) {
	body.page #main-content {
		margin-top:calc(100svh - 120px);
	}
}
/*--------------------------
ヘッダー
---------------------------- */


#logo {
width: 150px; /* 横幅 */
height: auto; /* 縦幅を自動調整 */
}

.mainHeader {
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 20px;
}


.pcHeader_logo {
  margin-bottom: 50px;
  text-align: center;
}

/* 画面には見えず、スクリーンリーダーと検索エンジンには読まれる */
.pcHeader_logo .visually-hidden {
	position: absolute !important;
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	white-space: nowrap; 
	border: 0;
}

.pcHeader_logo a {
  text-decoration: none;
}
.pcHeader_logo a img{
	width:100%;
	max-width:185px;
	height:auto;
}
.pcHeader_nav {
  text-align: left;
}

.pcHeader_nav li {
  list-style: none;
}

.pcHeader_nav li a {
  text-decoration: none;
  font-size: clamp(12px, 0.6400vw + 9.6000px, 16px); /* Vary between 375px and 1000px */
  color: #000;
  letter-spacing: 2px;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.pcHeader_nav li.last a {
  border: none;
  margin-bottom: 20px;
}

.pcHeader_nav_btn a {
  width: 100%;
  display: inline-block;
  background: var(--base-dark);
  color: #fff !important;
  padding: 8px;
  text-align: center;
  font-size: clamp(14px, 0.8000vw + 11.0000px, 19px); /* Vary between 375px and 1000px */
  border-radius: 100px;
}

/*--------------------------
ラッパー
---------------------------- */
#wrapper {
  position: relative; /* 固定から通常の配置に変更 */
  z-index: 1;
  width: 100%;
  height: 100vh; /* ビューポートの高さに固定 */
  display: flex;
  flex-direction: column; /* 子要素を縦に配置 */
  padding-bottom: 100px;
}

.wrapperInner {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: 820px;
  position: absolute;
  right: 0;
  top: 30px;
}
@media screen and (max-width: 767px) {
	.wrapperInner {
	  display: block;
	  width: 100%;
	  top: 0px;
	}
}
/*--------------------------
メインコンテンツ詳細
---------------------------- */
.mainContent {
  position: absolute;
  top: 5px;
  right: 300px;
  width: 400px;
  padding: 0px;
  z-index: 10;
  padding-bottom: 100px;
  height: auto; /* 高さを動的に設定 */
  transition: height 0.7s ease; /* 高さ変更のトランジション */
  overflow: hidden;
  padding:15px;
}

.mainContent_inner {
  position: relative; /* absoluteからrelativeに変更 */
  padding: 0px;
  background: #fff;
  padding-top: 0px;
  margin-bottom: 50px;
  overflow: hidden;
  transition: transform 0.7s ease-in-out, opacity 0.7s ease; /* スライドとフェードのアニメーション */
  opacity: 1; /* 初期状態は表示 */

   box-shadow: 0px 0px 10px 5px rgba(144, 144, 144, 0.45);
}

.mainContent_inner.hidden {
  transform: translateX(100%); /* 画面外にスライド */
  opacity: 0; /* フェードアウト */
}


@media screen and (max-width: 767px) {
	.mainContent {
	  position: relative;
	  top: 0px;
	  right: auto;
	  width: 100%;
	  padding:0;
	  overflow:visible;
  }
	.mainContent_inner {
	  border-radius: 0;
	  margin-bottom:0;
	  overflow:visible;
  }
}
/*--------------------------
サブコンテンツ
---------------------------- */
.subContent {
  width: 250px;
  height: 100vh;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index:5;
  backdrop-filter: blur(7px) brightness(0.95) saturate(1.3);
}

.subContent_inner {
	background:rgba(255, 255 , 255 , 0.3);
	width: 100%;
	height: 100vh;
	padding: 10px;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.subContent ul {
  list-style: none;
}

.subContent ul li {
  margin-bottom: 1rem;
}

.subContent ul li a {
  display: block;
  text-decoration: none;
  width: 100%;
  font-size: 14px;
  letter-spacing: 1px;
  color:#1A1A1A;
  /* 
  background: #0e2039; 
  height: 60px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  */
}
/*--------------------------
toggleButton
---------------------------- */
#toggleButton{
	position:absolute;
	left:-35px;
	background:rgba(0 , 0 , 0 , 0.8);
	padding:5px 8px;
}
#toggleButton img{
	width:20px;
	height:auto;
}

/*--------------------------
フッター
---------------------------- */
.copyright {
  text-align: center;
  padding: 20px 0 50px;
  font-size: 13px;
  font-style: normal;
}

/*--------------------------
ダミー画像
---------------------------- */
.dummy_img img {
  width: 100%;
  height: auto;
}

/*--------------------------
スクロールコンテナ
---------------------------- */
.scrollBox {
  position: fixed;
  bottom: 200px;
  left: 10px;
  z-index: 100;
}

.scroll-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scroll-text {
  margin-bottom: 10px;
  writing-mode: vertical-rl;
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.3em;
}

.scroll-line {
  width: 1px;
  height: 170px;
  background-color: #fff;
  position: relative;
}

.scroll-dot {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: -3.5px;
  animation: scrollAnimation 2s infinite;
}

@keyframes scrollAnimation {
  0% {
    top: 10%;
  }
  100% {
    top: 90%;
  }
}

@media screen and (max-width: 1000px) {
  .scroll-line {
    height: 120px;
  }
}

@media screen and (max-width: 767px) {
  .scroll-text {
    writing-mode: horizontal-tb;
  }
  .scroll-line {
    height: 80px;
  }
}



/*--------------------------
.picslider
---------------------------- */
.sliderArea {
	/*width:calc(100% - 250px);*/
	width:calc(100% - 690px);
    position: fixed;
    bottom: 15px;
    left: 0;
    z-index: 2;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.sliderArea .slider{
	position:relative;
	left:0;
}
.sliderArea .item {
}

.sliderArea .item  img{
	width:calc(100% - 10px);
	height:auto;
	border-radius:5px;
	border:solid 4px #fff;
   box-shadow: 0px 0px 10px 5px rgba(144, 144, 144, 0.45);
}


/* slickの前後ボタン共通スタイル */
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;              /* 要素の上下位置をスライダー中央に */
    transform: translateY(-50%); /* 上下中央揃え */
    z-index: 2;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;            /* 不要な余白を消す */
	width:20px;
	height:20px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMSIgdmlld0JveD0iMCAwIDMyIDMxIj4gPGcgaWQ9IuOCsOODq+ODvOODl18yIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM1MiAtMC4yMTYpIj4gPGVsbGlwc2UgaWQ9IualleWGhuW9ol8xIiBkYXRhLW5hbWU9IualleWGhuW9oiAxIiBjeD0iMTYiIGN5PSIxNS41IiByeD0iMTYiIHJ5PSIxNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4zNTIgMC4yMTYpIi8+IDxwYXRoIGlkPSLlpJrop5LlvaJfMSIgZGF0YS1uYW1lPSLlpJrop5LlvaIgMSIgZD0iTTYuNSwwLDEzLDEwSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjY0OCAyMi4yMTYpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZmZmIi8+IDwvZz48L3N2Zz4=");
	background-size:100% auto;
}

/* 左右位置指定 */
.slick-prev {
    left: 20px; /* スライダー左端から10px内側に配置 */
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMSIgdmlld0JveD0iMCAwIDMyIDMxIj4gPGcgaWQ9IuOCsOODq+ODvOODl18yIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM1MiAtMC4yMTYpIj4gPGVsbGlwc2UgaWQ9IualleWGhuW9ol8xIiBkYXRhLW5hbWU9IualleWGhuW9oiAxIiBjeD0iMTYiIGN5PSIxNS41IiByeD0iMTYiIHJ5PSIxNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4zNTIgMC4yMTYpIi8+IDxwYXRoIGlkPSLlpJrop5LlvaJfMSIgZGF0YS1uYW1lPSLlpJrop5LlvaIgMSIgZD0iTTYuNSwwLDEzLDEwSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjY0OCAyMi4yMTYpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZmZmIi8+IDwvZz48L3N2Zz4=");
}

.slick-next {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMSIgdmlld0JveD0iMCAwIDMyIDMxIj4gPGcgaWQ9IuOCsOODq+ODvOODl18zIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjIxNiAtMC4yMTYpIj4gPGVsbGlwc2UgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjeD0iMTYiIGN5PSIxNS41IiByeD0iMTYiIHJ5PSIxNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMS43ODQgMzEuMjE2KSByb3RhdGUoMTgwKSIvPiA8cGF0aCBpZD0i5aSa6KeS5b2iXzIiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDIiIGQ9Ik02LjUsMCwxMywxMEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuNzg0IDkuMjE2KSByb3RhdGUoOTApIiBmaWxsPSIjZmZmIi8+IDwvZz48L3N2Zz4=");
    right: 20px; /* スライダー右端から10px内側に配置 */
}

/* アイコンのスタイル（Font Awesome利用例） */
.slick-prev i,
.slick-next i {
    font-size: 2em;   /* アイコンサイズ拡大 */
    color: #000;      /* アイコンの色: 黒（適宜変更可能） */
}

/* ホバー時のスタイル変化例（任意） */
.slick-prev:hover i,
.slick-next:hover i {
    color: #333;      /* ホバー時に色を微妙に変える例 */
}