@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;
}
sup{
	vertical-align:super;
	font:revert-layer;
}
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;
}
img{
	height:auto;
}

@media screen and (max-width: 767px) {
	iframe{
		display:block;
		width:100%;
	}
}

/*--------------------------------*
 * Switch : PC < == > PS 
 *-------------------------------*/

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


/*--------------------------------*
 * Basic :
 *-------------------------------*/

* {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
  font-size:20px; /* 1rm = 20px*/
}
@media screen and (max-width: 767px) {
	html {
	  font-size:16px; /* 1rm = 16px*/
	}
}
body {
	font-family: "Noto Sans JP", serif;
	line-height:1.8;
	letter-spacing: 1px;
	color:#333333;
	position:relative;
	font-size: 1rem; /* 16px */
}
a{
	color:#0055aa;
	text-decoration:none;
	text-underline-offset: 0.4ex;
}
a:hover{
	color:#870404;
}

a img:hover{
	opacity: 0.85;
}

hr{
	display:none;
}
/* ----- */
.txt-center{
	text-align:center;
}
.tit01{
	color:#283753;
	font-weight:bold;
	font-size: clamp(16px, 1.4400vw + 10.6000px, 25px); /* Vary between 375px and 1000px */
}

/* .mainPageContent  */
/* tit01 */
.mainPageContent .tit01{
	font-size: clamp(16px, 1.8vw + 7px, 19px) !important; /* ←控えめな可変サイズ */

	position:relative;
	padding-bottom:15px;
}
.mainPageContent .tit01:before{
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	display:block;
	width:100%;
	height:5px;
	background:#D9D9D9;
	border-radius:100px;
}
.mainPageContent .tit01:after{
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	display:block;
	width:10%;
	height:5px;
	background:#283753;
	border-radius:100px;
}
/* tit02：左側に太いラインを配置するシンプルなデザイン */
.mainPageContent .tit02 {
	background:#fff;
	font-size: clamp(16px, 1.8vw + 7px, 19px) !important; /* ←控えめな可変サイズ */

    color: #283753;
    border:solid 1px  #283753;
	position:relative;
    display: flex;
    justify-content:flex-start;
	gap:0 15px;
	padding:5px 10px !important;
	border-radius:5px;
}
.mainPageContent .tit02:before{
	content:"";
	width:6px;
	border-radius:100px;
	background:#283753;
	margin-left:7px;
}

/* tit03：下線を border-bottom で表現したスタイル */
.mainPageContent .tit03 {
	font-size: clamp(16px, 1.8vw + 7px, 19px) !important; /* ←控えめな可変サイズ */

	font-weight:bold;
    color: #283753;
    padding-bottom: 5px;
}

/* tit04：背景色と内側パディングでハイライトするデザイン */
.mainPageContent .tit04 {
	font-size: clamp(16px, 1.8vw + 7px, 19px) !important; /* ←控えめな可変サイズ */

    color: #283753;
    background: #D4DCEB;
    padding: 10px 20px;
}

/* tit05：下部に太めのボーダーを施し強調するスタイル */
.mainPageContent .tit05 {
	font-size: clamp(16px, 1.8vw + 7px, 19px) !important; /* ←控えめな可変サイズ */

    color: #283753;
    padding-bottom: 10px;
    border-bottom: 3px solid #283753;
}

/* tit06：Flexレイアウトによる中央寄せ（text-align:center 非使用） */
.mainPageContent .tit06 {
	font-size: clamp(16px, 1.8vw + 7px, 19px) !important; /* ←控えめな可変サイズ */

    color: #283753;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainPageContent h1,
.mainPageContent h2,
.mainPageContent h3,
.mainPageContent h4,
.mainPageContent h5,
.mainPageContent h6 {
	font-size: clamp(16px, 1.8vw + 7px, 19px) !important; /* ←控えめな可変サイズ */
}


.mainPageContent .txt01{
	font-size: clamp(15px, 0.3200vw + 13.8000px, 17px); /* Vary between 375px and 1000px */
}


.mainPageContent .youtube ,
.mainPageContent .iframe-content ,
.mainPageContent .youtube iframe ,
.mainPageContent .iframe-content iframe {
	width: 100% !important;               /* 親要素幅に合わせる */
	height:100% !important;
	aspect-ratio: 16 / 9;

    margin: 0 auto 1.5rem;
    border-radius: 5px;
}


/* --------------------------------------- */
ul.lst01{
	list-style:disc;	
	margin-left:1em;
}
ul.lst01 li{

}

/* --------------------------------------- */

.otherlinkbox{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.links{
	margin-top:10px;
}
.links li{

	padding:2px 0px  5px 22px;
	font-size:16px;

	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGVsbGlwc2UgY3g9IjE5LjI5MzgiIGN5PSIxOS4yOTM4IiByeD0iMTkuMjkzOCIgcnk9IjE5LjI5MzgiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuMzg3MjA3IDM4LjU4NzQpIiBmaWxsPSJibGFjayIvPiA8cGF0aCBkPSJNMjcuOTg4NiAxOC4wMDE5QzI4LjM3OTEgMTguMzkyNCAyOC4zNzkxIDE5LjAyNTYgMjcuOTg4NiAxOS40MTYxTDIxLjYyNDYgMjUuNzgwMUMyMS4yMzQxIDI2LjE3MDYgMjAuNjAwOSAyNi4xNzA2IDIwLjIxMDQgMjUuNzgwMUMxOS44MTk5IDI1LjM4OTUgMTkuODE5OSAyNC43NTY0IDIwLjIxMDQgMjQuMzY1OEwyNS44NjczIDE4LjcwOUwyMC4yMTA0IDEzLjA1MjFDMTkuODE5OSAxMi42NjE2IDE5LjgxOTkgMTIuMDI4NCAyMC4yMTA0IDExLjYzNzlDMjAuNjAwOSAxMS4yNDc0IDIxLjIzNDEgMTEuMjQ3NCAyMS42MjQ2IDExLjYzNzlMMjcuOTg4NiAxOC4wMDE5Wk05Ljc0MTcgMTcuNzA5SDI3LjI4MTVWMTkuNzA5SDkuNzQxN1YxNy43MDlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
	background-repeat:no-repeat;
	background-position:0 10px;
	background-size:15px auto;

}

a.otherlnk{
	display:inline-block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA1NCA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bWFzayBpZD0icGF0aC0xLWluc2lkZS0xXzIyMF8yMyIgZmlsbD0id2hpdGUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIgMi41QzIyIDEuMTE5MjkgMjAuODgwNyAwIDE5LjUgMEg1VjBDMi4yMzg1OCAwIDAgMi4yMzg1OCAwIDVWNVY0OVY0OUMwIDUxLjc2MTQgMi4yMzg1OCA1NCA1IDU0VjU0SDQ5VjU0QzUxLjc2MTQgNTQgNTQgNTEuNzYxNCA1NCA0OVY0OVYzNi41QzU0IDM1LjExOTMgNTIuODgwNyAzNCA1MS41IDM0VjM0QzUwLjExOTMgMzQgNDkgMzUuMTE5MyA0OSAzNi41VjQ0QzQ5IDQ2Ljc2MTQgNDYuNzYxNCA0OSA0NCA0OUgxMEM3LjIzODU4IDQ5IDUgNDYuNzYxNCA1IDQ0VjEwQzUgNy4yMzg1OCA3LjIzODU4IDUgMTAgNUgxOS41QzIwLjg4MDcgNSAyMiAzLjg4MDcxIDIyIDIuNVYyLjVaIi8+PC9tYXNrPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIgMi41QzIyIDEuMTE5MjkgMjAuODgwNyAwIDE5LjUgMEg1VjBDMi4yMzg1OCAwIDAgMi4yMzg1OCAwIDVWNVY0OVY0OUMwIDUxLjc2MTQgMi4yMzg1OCA1NCA1IDU0VjU0SDQ5VjU0QzUxLjc2MTQgNTQgNTQgNTEuNzYxNCA1NCA0OVY0OVYzNi41QzU0IDM1LjExOTMgNTIuODgwNyAzNCA1MS41IDM0VjM0QzUwLjExOTMgMzQgNDkgMzUuMTE5MyA0OSAzNi41VjQ0QzQ5IDQ2Ljc2MTQgNDYuNzYxNCA0OSA0NCA0OUgxMEM3LjIzODU4IDQ5IDUgNDYuNzYxNCA1IDQ0VjEwQzUgNy4yMzg1OCA3LjIzODU4IDUgMTAgNUgxOS41QzIwLjg4MDcgNSAyMiAzLjg4MDcxIDIyIDIuNVYyLjVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xOS41IC0xSDVWMUgxOS41Vi0xWk0tMSA1VjQ5SDFWNUgtMVpNNSA1NUg0OVY1M0g1VjU1Wk01NSA0OVYzNi41SDUzVjQ5SDU1Wk01MCA0NFYzNi41SDQ4VjQ0SDUwWk0xMCA1MEg0NFY0OEgxMFY1MFpNNCAxMFY0NEg2VjEwSDRaTTE5LjUgNEgxMFY2SDE5LjVWNFpNMTkuNSA2QzIxLjQzMyA2IDIzIDQuNDMzIDIzIDIuNUgyMUMyMSAzLjMyODQzIDIwLjMyODQgNCAxOS41IDRWNlpNNiAxMEM2IDcuNzkwODYgNy43OTA4NiA2IDEwIDZWNEM2LjY4NjI5IDQgNCA2LjY4NjI5IDQgMTBINlpNNDggNDRDNDggNDYuMjA5MSA0Ni4yMDkxIDQ4IDQ0IDQ4VjUwQzQ3LjMxMzcgNTAgNTAgNDcuMzEzNyA1MCA0NEg0OFpNNDkgNTVDNTIuMzEzNyA1NSA1NSA1Mi4zMTM3IDU1IDQ5SDUzQzUzIDUxLjIwOTEgNTEuMjA5MSA1MyA0OSA1M1Y1NVpNMTAgNDhDNy43OTA4NiA0OCA2IDQ2LjIwOTEgNiA0NEg0QzQgNDcuMzEzNyA2LjY4NjI5IDUwIDEwIDUwVjQ4Wk01IC0xQzEuNjg2MjkgLTEgLTEgMS42ODYyOSAtMSA1SDFDMSAyLjc5MDg2IDIuNzkwODYgMSA1IDFWLTFaTTU1IDM2LjVDNTUgMzQuNTY3IDUzLjQzMyAzMyA1MS41IDMzVjM1QzUyLjMyODQgMzUgNTMgMzUuNjcxNiA1MyAzNi41SDU1Wk0tMSA0OUMtMSA1Mi4zMTM3IDEuNjg2MjkgNTUgNSA1NVY1M0MyLjc5MDg2IDUzIDEgNTEuMjA5MSAxIDQ5SC0xWk01MS41IDMzQzQ5LjU2NyAzMyA0OCAzNC41NjcgNDggMzYuNUg1MEM1MCAzNS42NzE2IDUwLjY3MTYgMzUgNTEuNSAzNVYzM1pNMTkuNSAxQzIwLjMyODQgMSAyMSAxLjY3MTU3IDIxIDIuNUgyM0MyMyAwLjU2NzAwMyAyMS40MzMgLTEgMTkuNSAtMVYxWiIgZmlsbD0iYmxhY2siIG1hc2s9InVybCgjcGF0aC0xLWluc2lkZS0xXzIyMF8yMykiLz48cGF0aCBkPSJNMjMgMzNMNTEgMyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMzggM0w1MCAzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik01MSAzTDUxIDE1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==");
	background-size:11px auto;
	background-position:right 10px;
	background-repeat:no-repeat;
	padding-right:1em;
	padding-right:18px;
}
/* --------------------------------------- */
  /* dl.qa全体の基本スタイル */
  dl.qa {
    margin: 2em 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  /* 質問部分のスタイル */
  dl.qa dt {
    position: relative;
    padding-left: 2.5em;
	font-size: clamp(14px, 0.6319vw + 9.1532px, 18px); /* Vary between 767px and 1400px */
    font-weight: bold;
    margin: 1em 0 0.5em;
  }
  dl.qa dt::before {
    content: "Q. ";
    position: absolute;
    left: 0;
    top: -3px;
    color: #84090B;
	font-size: clamp(14px, 0.6319vw + 9.1532px, 18px); /* Vary between 767px and 1400px */
    font-weight: bold;
  }

  /* 回答部分のスタイル */
  dl.qa dd {
    position: relative;
    padding-left: 2.5em;
    font-size: 1em;
    color: #34495e;
    margin: 0 0 1em;
    line-height: 1.5;
  }
  dl.qa dd::before {
    content: "A. ";
    position: absolute;
    left: 0;
    top: 0;
    color: #0055aa;
    font-size: 1em;
    font-weight: bold;
  }



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

	color:#283753;
	font-weight:bold;
	font-size: 33px;
	margin-bottom:40px;

 }
@media screen and (max-width: 767px) { /* Smartphone */
 .titBlock .tit{
	font-size: 25px;
	margin-bottom:30px;

 }
}

/* --------------------------------------- */
.tit-center{
	text-align:center;
}

#map iframe{
	width:100%;
	height:600px;
}

.btn a{
	display:block;
	width:100%;
	background:#84090B;
	color:#fff;
	border-radius:100px;
	padding:10px 10px;
	text-align:center;
	font-size: clamp(14px, 0.5102vw + 12.0867px, 16px); /* Vary between 375px and 767px */
}

.btnArea{
}
.btnArea a{
	display:block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNi4zODg3IiBjeT0iMTYuMzg4NyIgcj0iMTUuODg4NyIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzI4Mzc1MyIvPjxwYXRoIGQ9Ik0yMy41NTIyIDE3LjM4MzRDMjMuOTQyNyAxNi45OTI5IDIzLjk0MjcgMTYuMzU5NyAyMy41NTIyIDE1Ljk2OTJMMTcuMTg4MyA5LjYwNTJDMTYuNzk3NyA5LjIxNDY4IDE2LjE2NDYgOS4yMTQ2OCAxNS43NzQxIDkuNjA1MkMxNS4zODM1IDkuOTk1NzMgMTUuMzgzNSAxMC42Mjg5IDE1Ljc3NDEgMTEuMDE5NEwyMS40MzA5IDE2LjY3NjNMMTUuNzc0MSAyMi4zMzMxQzE1LjM4MzUgMjIuNzIzNiAxNS4zODM1IDIzLjM1NjggMTUuNzc0MSAyMy43NDczQzE2LjE2NDYgMjQuMTM3OSAxNi43OTc3IDI0LjEzNzkgMTcuMTg4MyAyMy43NDczTDIzLjU1MjIgMTcuMzgzNFpNNy45NDYyOSAxNy42NzYzSDIyLjg0NTFWMTUuNjc2M0g3Ljk0NjI5VjE3LjY3NjNaIiBmaWxsPSIjMjgzNzUzIi8+PC9zdmc+");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:30px auto;
	padding:10px ;
	padding-left:40px;
	font-weight:bold;
	color:#283753;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.btn a{
		padding:5px;
		font-size:14px;
	}
}
@media screen and (max-width: 400px) { /* Smartphone */
	.btn a{
		font-size:13px;
	}
}

/* ----- */
.titBox-button{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	gap:0 10px;
	margin-bottom: 50px;

}
.titBox-button .tit{
	width:calc( 100% - ( 10px + 250px) );
	margin-bottom:0;
	font-size:33px;
}
.titBox-button .btn{
	width:250px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.titBox-button .tit{
		width:100%;
		text-align:center;
		font-size:25px;
	}
	.titBox-button .btn{
		width:100%;
		text-align:center;
	}
	.titBox-button .btn a{
		width:200px;
		margin:0 auto;
		font-size:12px;
		padding:2px 20px 5px;
	}
}

@media screen and (max-width: 400px) { /* Smartphone */
	.titBox-button{
	}
}




/* --- img-one --- */
.img-one {
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	flex-direction:row;
}
.img-one {
	width: calc((100% - 0px) / 1); /* (1-1)*20 = 0px */
}

.img-one .img{
	text-align:center;
	width:100%;
}
.img-one img {
	width:100% !important;
	height: auto;
	border-radius: 10px;
}
.img-one span.txt {
	margin-top:10px;
	text-align:center;
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}
@media (max-width: 768px) {
	.img-one img {
		width:100%;
		height:auto;
	}
}

/* --- img-two --- */
.img-two {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.img-two li {
	width: calc((100% - 20px) / 2); /* (2-1)*20 = 20px */
}
.img-two li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.img-two li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}

/* --- img-three --- */
.img-three {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.img-three li {
	width: calc((100% - 40px) / 3); /* (3-1)*20 = 40px */
}
.img-three li img {
	width:100%;
	height:auto;

	vertical-align:bottom;

	margin-bottom:10px;

	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.img-three li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}

/* --- img-four --- */
.img-four {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.img-four li {
	width: calc((100% - 60px) / 4); /* (4-1)*20 = 60px */
}
.img-four li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.img-four li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}

/* --- img-five --- */
.img-five {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.img-five li {
	width: calc((100% - 80px) / 5); /* (5-1)*20 = 80px */
}
.img-five li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.img-five li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}

/* --- img-six --- */
.img-six {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.img-six li {
	width: calc((100% - 100px) / 6); /* (6-1)*20 = 100px */
}
.img-six li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.img-six li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}

/* --- img-seven --- */
.img-seven {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.img-seven li {
	width: calc((100% - 120px) / 7); /* (7-1)*20 = 120px */
}
.img-seven li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.img-seven li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}

/* --- img-eight --- */
.img-eight {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.img-eight li {
	width: calc((100% - 140px) / 8); /* (8-1)*20 = 140px */
}
.img-eight li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.img-eight li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}




/* --- colorChart --- */
.colorChart {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.colorChart li {
	width: calc((100% - 80px) / 5); /* (5-1)*20 = 80px */
}
.colorChart li .img{
}
.colorChart li .img img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:solid 1px #d1d1d1;
}
.colorChart li span.txt {
	display: block;
	font-size: clamp(12px, 0.5102vw + 10.0867px, 14px);
	line-height: 1.4;
}

/* --- 基本レイアウト --- */
/* ※各クラス（.img-three ～ .img-eight、.colorChart）の基本設定は既存のものを利用 */

/* 600px以下：4列レイアウト（元々4列以上の場合に適用） */
@media screen and (max-width: 600px) {
	.img-four,
	.img-five,
	.img-six,
	.img-seven,
	.img-eight,
	.colorChart {
		gap: 20px 10px;
	}
	.img-four li,
	.img-five li,
	.img-six li,
	.img-seven li,
	.img-eight li,
	.colorChart li {
		/* 4列の場合：(4-1)*10px = 30px を差し引く */
		width: calc((100% - 30px) / 4);
	}
}

/* 500px以下：3列レイアウト（元々3列以上の場合に適用） */
@media screen and (max-width: 500px) {
	.img-three,
	.img-four,
	.img-five,
	.img-six,
	.img-seven,
	.img-eight,
	.colorChart {
		gap: 20px 10px;
	}
	.img-three li,
	.img-four li,
	.img-five li,
	.img-six li,
	.img-seven li,
	.img-eight li,
	.colorChart li {
		/* 3列の場合：(3-1)*10px = 20px を差し引く */
		width: calc((100% - 20px) / 3);
	}
}

/* 400px以下：2列レイアウト ※ただし、.colorChartは最低3列に固定 */
@media screen and (max-width: 400px) {
	/* .img-three ～ .img-eightは2列レイアウト */
	.img-three,
	.img-four,
	.img-five,
	.img-six,
	.img-seven,
	.img-eight {
		gap: 20px 10px;
	}
	.img-three li,
	.img-four li,
	.img-five li,
	.img-six li,
	.img-seven li,
	.img-eight li {
		/* 2列の場合：(2-1)*10px = 10px を差し引く */
		width: calc((100% - 10px) / 2);
	}

	/* .colorChartは最低3列 */
	.colorChart {
		gap: 20px 10px;
	}
	.colorChart li {
		width: calc((100% - 20px) / 3);
	}
}











/*--------------------------------*
 * box
 *-------------------------------*/
.mainBox .box{
}


/*--------------------------------*
 * tbl
 *-------------------------------*/
.tbl{
	background:#fff;
}
.tbl thead{
}
.tbl thead th{
	padding:15px;
	border:solid 1px #9C9C9C;
	font-weight:bold;
}
.tbl tbody{
}
.tbl tbody th{
	padding:15px;
	border:solid 1px #9C9C9C;
}
.tbl tbody td{
	padding:15px;
	border:solid 1px #9C9C9C;
}


/* ---- */
.tbl-company{
}
.tbl-company th{
	background:#e0e7ff;
}
@media screen and (max-width: 550px) {

	.tbl thead th{
		padding:5px;
	}
	.tbl tbody th{
		padding:5px;
	}
	.tbl tbody td{
		padding:5px;
	}
}
/*--------------------------------*
floatbox
 *-------------------------------*/
.floatbox{
	display:flex;
	flex-wrap:wrap;
	gap:20px 20px;
}
.floatbox + .floatbox,
.floatbox + hr + .floatbox{
	margin-top:30px;
}
.floatbox .pic,
.floatbox .left{
	width:35%;
}
.floatbox .cnt,
.floatbox .right{
	width:calc( (100% - 35%) - 20px);

			display:flex;
			flex-direction:column;
			gap:20px;

}
.floatbox .left img,
.floatbox .pic img{
	width:100%;
	height:auto;
	border-radius:5px;
	border:solid 1px #ccc;
}

.floatbox-webcatanai_tile .left{
	width:25%;
}
.floatbox-webcatanai_tile .right{
	width:calc( (100% - 25%) - 20px);
}

.floatbox-webcataff .left{
	width:25%;
}
.floatbox-webcataff .right{
	width:calc( (100% - 25%) - 20px);
}

@media (max-width: 768px) {
	.floatbox{
		gap:15px;
	}
	.floatbox .pic,
	.floatbox .left{
		width:100%;
	}
	.floatbox .cnt,
	.floatbox .right{
		width:100%;
	}

}



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

#fixed-top {
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 99999999;
  width: 100%;

	 box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.15);

  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items:center;
  gap:0 10px;
}

/* ヘッダーのロゴ */
#fixed-top .logo {
	width:calc(40% - 10px);
	padding-left:5px;
}

#fixed-top .logo img {
  width: auto;
  height: 45px;
  vertical-align:bottom;
}

/* ヘッダーのボタン関連 */
#fixed-top .headerButtons {
	width:60%;
	display: flex;
	justify-content: right;
}
#fixed-top .headerButtons img{
	width:100%;
	height:auto;
  vertical-align:bottom;
}
#fixed-top .headerButtons li a {
  display: block;
}

#fixed-top .headerButtons li img {
  vertical-align: bottom;
  height: 55px;
  width: 100%;
}

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

#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: 250px;
  height: auto;
  margin: 10px auto;
  text-align: center;
}


/* ヘッダー検索エリア */
.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: 18px;
	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:15px 25px 10px;
	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.megaMenuBoxLst__item__tit span{
	display:block;
	font-weight:bold;
	padding:5px 15px;
	background:#000;
	color:#fff;
	font-size: 17px;
	border-radius:5px;
	text-align:center;
}
.spMenu-accordion .ac-content ul li a{
	display:block;
	font-size: 17px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
	text-decoration:none;

	padding:2px 0px  5px 22px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGVsbGlwc2UgY3g9IjE5LjI5MzgiIGN5PSIxOS4yOTM4IiByeD0iMTkuMjkzOCIgcnk9IjE5LjI5MzgiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuMzg3MjA3IDM4LjU4NzQpIiBmaWxsPSJibGFjayIvPiA8cGF0aCBkPSJNMjcuOTg4NiAxOC4wMDE5QzI4LjM3OTEgMTguMzkyNCAyOC4zNzkxIDE5LjAyNTYgMjcuOTg4NiAxOS40MTYxTDIxLjYyNDYgMjUuNzgwMUMyMS4yMzQxIDI2LjE3MDYgMjAuNjAwOSAyNi4xNzA2IDIwLjIxMDQgMjUuNzgwMUMxOS44MTk5IDI1LjM4OTUgMTkuODE5OSAyNC43NTY0IDIwLjIxMDQgMjQuMzY1OEwyNS44NjczIDE4LjcwOUwyMC4yMTA0IDEzLjA1MjFDMTkuODE5OSAxMi42NjE2IDE5LjgxOTkgMTIuMDI4NCAyMC4yMTA0IDExLjYzNzlDMjAuNjAwOSAxMS4yNDc0IDIxLjIzNDEgMTEuMjQ3NCAyMS42MjQ2IDExLjYzNzlMMjcuOTg4NiAxOC4wMDE5Wk05Ljc0MTcgMTcuNzA5SDI3LjI4MTVWMTkuNzA5SDkuNzQxN1YxNy43MDlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:15px auto;

	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;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.spMenu-btn a{
	display:block;
	width: calc( 100% - 30px);
	margin:0 auto;
	border-radius: 38.5px;
	background: #002060;
	padding:13px 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-btn a.spMenu-btn-tel{
	background:#fff;
	border: solid 1px #002060;
	color:#002060;
}

.spMenu-btn a.spMenu-btn-tel span{
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2MyA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMyLjExNSAyLjU5Mjc3QzQ4LjIxMzkgMi43MjMyOSA2MS4wNjgxIDE1Ljc3OTcgNjAuOTYzOCAzMS45MTA5QzYwLjg2MDcgNDcuODg4NSA0Ny42MjgyIDYxLjA3MTMgMzEuNDY0MyA2MC44NDc3QzE0Ljg3NDMgNjAuNjE4MyAyLjM1OTgzIDQ2LjgwMjYgMi41ODY1MyAzMS4yNTQ0QzIuODA4MzkgMTYuMDMzOSAxNC45MTUgMi42MTEwNCAzMi4xMTUgMi41OTI3N1pNNDEuNjI5MSA1MC4yODMyQzQyLjI3MjcgNTAuMTgzMiA0Mi45MjUgNTAuMTIwOCA0My41NTc4IDQ5Ljk3NDRDNDQuNjA2OSA0OS43MzE4IDQ1LjU0NjEgNDkuMjMzNiA0Ni4zNTY3IDQ4LjUyOTdDNDcuODI3NyA0Ny4yNTI4IDQ5LjA4MyA0NS43OTU5IDQ5Ljg2NDggNDMuOTg3OUM1MC4zMjU2IDQyLjkyMjIgNTAuMDAxNyA0MS45MTU4IDQ5LjAzOTYgNDEuMjY1MUM0OC42ODQ4IDQxLjAyNTIgNDguMzE4OSA0MC44MDE1IDQ3Ljk1NjcgNDAuNTcyNEM0NS45ODM5IDM5LjMyNTEgNDQuMDE0MyAzOC4wNzI3IDQyLjAzNiAzNi44MzRDNDAuOTU0NyAzNi4xNTcxIDM5LjkxIDM2LjMxODggMzkuMDY0OCAzNy4yNzE0QzM4LjkwNzkgMzcuNDQ4MiAzOC43NjgzIDM3LjY0MSAzOC42MzEgMzcuODMzNkMzOC4zMjMzIDM4LjI2NTUgMzguMDQxNSAzOC43MTcyIDM3LjcxNDEgMzkuMTMzMkMzNy4wOTA0IDM5LjkyNDkgMzYuMjkxNCA0MC40MzE0IDM1LjI1MzcgNDAuMjMwMUMzNC43MjkyIDQwLjEyODYgMzQuMTg2NiAzOS45MDE2IDMzLjc1MTggMzkuNTkxNUMzMC44NTUzIDM3LjUyNjQgMjguMzc0NSAzNS4wMjE4IDI2LjEzNzIgMzIuMjY1N0MyNS4wMzg1IDMwLjkxMjIgMjQuMDY2NCAyOS40NzU1IDIzLjI2NjIgMjcuOTI4NEMyMi43ODEgMjYuOTkwNSAyMi45NTgxIDI2LjA5NzggMjMuNzMyIDI1LjM4MDVDMjQuMDM3MiAyNS4wOTc2IDI0LjM4NjggMjQuODYzMiAyNC43MDgxIDI0LjU5N0MyNS4xODU2IDI0LjIwMTggMjUuNjkyNyAyMy44MzM1IDI2LjEyMTMgMjMuMzlDMjYuOTM3NCAyMi41NDU1IDI3LjAwNzcgMjEuNzI1NiAyNi40MDY1IDIwLjcxODVDMjUuNjQzNyAxOS40NDA3IDI0Ljg2ODggMTguMTcgMjQuMDk4OCAxNi44OTY1QzIzLjQ2MjggMTUuODQ0NyAyMi44NDYxIDE0Ljc4MDkgMjIuMTg0NiAxMy43NDUzQzIxLjQ1OTggMTIuNjEwNyAyMC40NTg4IDEyLjMzMDUgMTkuMjMwNyAxMi44NzRDMTguOTk0NyAxMi45Nzg0IDE4Ljc1MjEgMTMuMDg5OCAxOC41NTA3IDEzLjI0NzFDMTcuNjM1NyAxMy45NjE1IDE2LjY5NzQgMTQuNjUyNSAxNS44MzU4IDE1LjQyODFDMTQuMTgzIDE2LjkxNjIgMTMuNTA2NiAxOC44NDc2IDEzLjUwNzEgMjEuMDMxNUMxMy41MDc0IDIzLjEwNTUgMTQuMDM5MSAyNS4wNjU2IDE0Ljg4MTUgMjYuOTQ3QzE2LjE2ODggMjkuODIxOSAxNy44MDkgMzIuNDc4OCAxOS43NDI1IDM0Ljk2NzhDMjEuODM0NCAzNy42NjEgMjQuMTU1OCA0MC4xMzM0IDI2LjY3OTYgNDIuNDE4M0MyOS41MTAyIDQ0Ljk4MTEgMzIuNTM2NCA0Ny4yNjU1IDM2LjA1MzEgNDguODI3OUMzNy44MjY2IDQ5LjYxNTkgMzkuNjUzMSA1MC4xOTU2IDQxLjYyOTEgNTAuMjgzMloiIGZpbGw9IiMwMDIwNjAiLz48L3N2Zz4=");
	background-position:left center;
	background-size:auto 100%;
	display:inline-block;
	padding-left:40px;
}

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


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

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

@media screen and (max-width: 767px) { /* Smartphone */
}

@media screen and (max-width: 500px) { /* Smartphone */
	#fixed-top .logo img {
		width:auto;
		height: 40px;
	}
}

@media screen and (max-width: 455px) { /* Smartphone */
	#fixed-top .logo img {
	}
}

@media screen and (max-width: 390px) { /* Smartphone */
	.headerContent .inner .headerLogo img{
		height:45px;
	}
	#fixed-top .headerButtons li img {
		height: 45px;
	}
}

  
/*--------------------------------*
 * ヘッダー検索エリア
 *-------------------------------*/
.spResearchArea {
  display: none;
  position: absolute;
  width: 100%;
  background: #d2e8e8;
  bottom: -64px;
  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;
}



/*--------------------------------*
 * pcHeader : PCヘッダー
 *-------------------------------*/
.pcHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; /* ヘッダーを前面に表示 */
  background-color: #fff;
}
/*--------------------------------*
 * headerContent :
 *-------------------------------*/
.headerContent{
	width:100%;
	background:#fff;
}
.headerContent .inner{
	max-width: 1500px;
	margin: 0 auto;
	padding:10px 0;

	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:0;
}

@media screen and (max-width: 1500px) { /* Smartphone */
	.headerContent .inner{
		max-width: calc( 100% - 30px);
	}
}
/* --- .headerLogo -- */
.headerContent .inner .headerLogo a{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0 10px;
	color:#000;
}
.headerContent .inner .headerLogo img{
	width:auto;
	height:55px;
}
.headerContent .inner .headerLogo span.lbl{
	display:inline-block;
	font-size: clamp(12px, 0.1580vw + 10.7883px, 13px); /* Vary between 767px and 1400px */
	font-weight:bold;
	border:solid 1px #000;
	border-radius:100px;
	padding:5px 10px;
}
@media screen and (max-width: 1150px) { /* Smartphone */
	.headerContent .inner .headerLogo span.lbl{
		display:none;
	}
}
@media screen and (max-width: 1300px) { /* Smartphone */
	body.single-webcatalog .headerContent .inner .headerLogo span.lbl{
		display:none;
	}
}

@media screen and (max-width: 1200px) { /* Smartphone */
	body.single-webcatalog .headerContent .inner .headerLogo img{
		height:40px;
	}
}


@media screen and (max-width: 900px) { /* Smartphone */
	.headerContent .inner .headerLogo img{
		height:40px;
	}
}
/* --- .headerLnks --- */
.headerLnks{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
	gap:0 10px;
}
.headerLnks li{
	font-size: 14px;
}
.headerLnks li.lnk-normal a{
	color:#000;
}
.headerLnks li.lnk-normal a span.lbl{
	display: inline-block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSIxMC41IiBzdHJva2U9IiMzMzMzMzMiLz48cGF0aCBkPSJNMTUuOTM4MSAxMS43MDcxQzE2LjMyODYgMTEuMzE2NiAxNi4zMjg2IDEwLjY4MzQgMTUuOTM4MSAxMC4yOTI5TDkuNTc0MTQgMy45Mjg5M0M5LjE4MzYyIDMuNTM4NDEgOC41NTA0NSAzLjUzODQxIDguMTU5OTMgMy45Mjg5M0M3Ljc2OTQgNC4zMTk0NiA3Ljc2OTQgNC45NTI2MiA4LjE1OTkzIDUuMzQzMTVMMTMuODE2OCAxMUw4LjE1OTkzIDE2LjY1NjlDNy43Njk0IDE3LjA0NzQgNy43Njk0IDE3LjY4MDUgOC4xNTk5MyAxOC4wNzExQzguNTUwNDUgMTguNDYxNiA5LjE4MzYyIDE4LjQ2MTYgOS41NzQxNCAxOC4wNzExTDE1LjkzODEgMTEuNzA3MVpNNS4wNzcxNSAxMkgxNS4yMzFWMTBINS4wNzcxNVYxMloiIGZpbGw9IiMzMzMzMzMiLz48L3N2Zz4=");
	background-repeat: no-repeat;
	background-position:left 4px;
	background-size:18px auto;
	padding:0 0 0 22px;
}
.headerLnks li.lnk-normal a{
	color:#666;
}


.headerLnks li.lnk-works a{
	border-radius:100px;
	color:#fff;
	background-color:#84090B;
	padding:2px 1em 5px 1em;
}
.headerLnks li.lnk-works a span.lbl{
	display:inline-block;

	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSIxMC41IiBzdHJva2U9IiNmZmZmZmYiLz48cGF0aCBkPSJNMTUuOTM4MSAxMS43MDcxQzE2LjMyODYgMTEuMzE2NiAxNi4zMjg2IDEwLjY4MzQgMTUuOTM4MSAxMC4yOTI5TDkuNTc0MTQgMy45Mjg5M0M5LjE4MzYyIDMuNTM4NDEgOC41NTA0NSAzLjUzODQxIDguMTU5OTMgMy45Mjg5M0M3Ljc2OTQgNC4zMTk0NiA3Ljc2OTQgNC45NTI2MiA4LjE1OTkzIDUuMzQzMTVMMTMuODE2OCAxMUw4LjE1OTkzIDE2LjY1NjlDNy43Njk0IDE3LjA0NzQgNy43Njk0IDE3LjY4MDUgOC4xNTk5MyAxOC4wNzExQzguNTUwNDUgMTguNDYxNiA5LjE4MzYyIDE4LjQ2MTYgOS41NzQxNCAxOC4wNzExTDE1LjkzODEgMTEuNzA3MVpNNS4wNzcxNSAxMkgxNS4yMzFWMTBINS4wNzcxNVYxMloiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=");
	background-repeat: no-repeat;
	background-position:left 4px;
	background-size:18px auto;
	padding:0 0 0 22px;
}
.headerLnks li.lnk-works a:hover{
	background-color:#000;
}
.headerLnks li.lnk-works a span.lbl .large{
	display:inline;
}
.headerLnks li.lnk-works a span.lbl .small{
	display:none;
}

.headerLnks .lnk-search{
	position:relative;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}


@media screen and (max-width: 1300px) { /* Smartphone */
	body.single-webcatalog .headerLnks li.lnk-works a span.lbl .large{
		display:none;
	}
	body.single-webcatalog .headerLnks li.lnk-works a span.lbl .small{
		display:inline;
	}
}

@media screen and (max-width: 900px) { /* Smartphone */
	.headerLnks li.lnk-works a span.lbl .large{
		display:none;
	}
	.headerLnks li.lnk-works a span.lbl .small{
		display:inline;
	}
	.headerLnks{
		gap:0 5px;
	}

	body.single-webcatalog .headerLnks li{
		font-size: 13px;
	}
}

/*--------------------------------*
 * headerContent : .search-container
 *-------------------------------*/
/* 検索コンテナは右寄せに */
.search-container {
}
.search-container form{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.expandedSearch {
  width: 0; /* 初期状態では幅を0に */
  overflow: hidden; /* 幅が0の時は内容を隠す */
  transition: width 0.3s ease; /* 幅のアニメーションを滑らかにする */
  display: flex; /* 内部要素を横並びにする */
  align-items: center; /* 内部要素を縦方向中央揃え */
  margin-left: 10px; /* 検索アイコンとの間に少し余白を作る */
}

/* .active クラスが付与されると幅を広げる */
.expandedSearch.active {
  width: 150px;  /* 展開時の幅。この幅が適切か、環境に合わせて調整してください */
}

/* 各要素の基本スタイル（必要に応じて調整） */
.expandedSearch input[type="text"] {
  border: 1px solid #ccc; /* 枠線 */
  padding: 5px; /* 内側の余白 */
  font-size: 14px; /* 文字サイズ */
  width: 100%; /* 親要素（.expandedSearch）いっぱいに広げる */
  box-sizing: border-box; /* padding, border を width に含める */
}

/* 検索アイコンの初期状態：表示 */
.searchButton.openBtn {
  display: block; /* または inline-block、flex など、必要に応じて */
}

.searchButton.openBtn:hover {
  cursor: pointer;
}
/* 検索アイコン（非表示時） */
.searchButton.openBtn.hidden {
  display: none;
}



/* 閉じるボタンの初期状態：非表示 */
.expandedSearch .closeBtn {
  display: none; /* 初期状態では非表示 */
  cursor: pointer;
  font-size: 18px;
  margin-right: 5px;
  color: #666;
}
.searchButton.closeBtn:hover {
  cursor: pointer;
}

/* 閉じるボタン（表示時） */
.expandedSearch.active .closeBtn {
  display: block; /* 展開時のみ表示 */
}


.search-container button.submitBtn{
	background:none;
	border:none;
}
.search-container button.submitBtn:hover{
  cursor: pointer;
}

@media screen and (max-width: 1300px) { /* Smartphone */
	body.single-webcatalog .headerLnks .lnk-search{
		display:none;
	}
}

@media screen and (max-width: 850px) { /* Smartphone */
	.headerLnks .lnk-search{
		display:none;
	}
}
/*--------------------------------*
 * pcHeader : ナビゲーション
 *-------------------------------*/

/* =========================
   ナビゲーション
========================= */
.navigation {
  background-color: #fff;
}
.navigation ul {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 0 10px;

  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  gap:10px;

}
@media screen and (max-width: 1300px) { /* Smartphone */
	.navigation ul {
		max-width: calc( 100% - 30px);
	}
}


.navigation li {
  cursor: pointer;
  transition: color 0.3s ease;
}
.navigation li:hover {
  color: #666;
}
.navigation li a{
	display:inline-block;
	padding:5px 0 5px 0;

	font-size: clamp(14px, 0.6319vw + 9.1532px, 18px); /* Vary between 767px and 1400px */
	font-weight:bold;

	border-bottom: transparent 1px solid;

	color:#000;
}
.navigation li span{
	display:inline-block;
	padding:5px 1.6em 5px 0;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEyIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMUw2IDRMMTEgMSIgc3Ryb2tlPSIjQUFBQUFBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
	background-repeat:no-repeat;
	background-position:right 10px center;

	font-size: clamp(14px, 0.6319vw + 9.1532px, 18px); /* Vary between 767px and 1400px */
	font-weight:bold;

	border-bottom: transparent 1px solid;
}
.navigation li.active span{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEyIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDRMNiAxTDEgNCIgc3Ryb2tlPSIjQUFBQUFBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
	color:#001254;
	border-bottom:solid 1px #ccc;
}



/* =========================
   メガメニュー
========================= */
.mega-menu {
  width: 100%;
  background-color: #fff;
  overflow: hidden; /* アニメーション時に内容がはみ出ないようにする */
  display: none;    /* 初期状態では非表示 */
  z-index: 10000;   /* オーバーレイより前面に表示させる(※後述overlayより上) */
}
.mega-menu-content {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  padding: 5px 0 20px;
}

/* 閉じるボタン */
.close-btn {
  position: absolute;
  top: 31px;
  right: 20px;
  font-size: 1.5rem;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
}

/* メガメニューの各コンテンツ */
.content-area {
  display: none;
}

@media screen and (max-width: 1300px) { /* Smartphone */
	.mega-menu-content {
	  max-width: calc( 100% - 30px);
	}
}

/* =========================
   オーバーレイ
========================= */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;  /* 初期は非表示 */
  z-index: 9998;  /* ヘッダーやメガメニューよりは下、ただし他コンテンツより上 */
}









/*--------------------------------*
 * .mega-menu-content-tit
 *-------------------------------*/
.mega-menu-content-tit{
	font-weight:bold;
	margin-bottom:20px;
	padding:10px 10px 10px 0;
	border-bottom:dashed 1px #ccc;
	color:#b99a3d;

}	

/*--------------------------------*
 * .mega-menu-content-cnt{
 *-------------------------------*/
.mega-menu-content-cnt{

}
.mega-menu-content-cnt > ul,
.megamenu-tab-content > ul{
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	gap:5px 10px;
}
.mega-menu-content-cnt ul li.mega-menu-item{
	width:calc( (100% - 30px) / 4 );

	color:#000;
	padding:2px 0px  5px 22px;
	font-size:16px;

	/*border:solid 1px #0055aa;*/

	/*background-color:#eaf5ff;*/
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGVsbGlwc2UgY3g9IjE5LjI5MzgiIGN5PSIxOS4yOTM4IiByeD0iMTkuMjkzOCIgcnk9IjE5LjI5MzgiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuMzg3MjA3IDM4LjU4NzQpIiBmaWxsPSJibGFjayIvPiA8cGF0aCBkPSJNMjcuOTg4NiAxOC4wMDE5QzI4LjM3OTEgMTguMzkyNCAyOC4zNzkxIDE5LjAyNTYgMjcuOTg4NiAxOS40MTYxTDIxLjYyNDYgMjUuNzgwMUMyMS4yMzQxIDI2LjE3MDYgMjAuNjAwOSAyNi4xNzA2IDIwLjIxMDQgMjUuNzgwMUMxOS44MTk5IDI1LjM4OTUgMTkuODE5OSAyNC43NTY0IDIwLjIxMDQgMjQuMzY1OEwyNS44NjczIDE4LjcwOUwyMC4yMTA0IDEzLjA1MjFDMTkuODE5OSAxMi42NjE2IDE5LjgxOTkgMTIuMDI4NCAyMC4yMTA0IDExLjYzNzlDMjAuNjAwOSAxMS4yNDc0IDIxLjIzNDEgMTEuMjQ3NCAyMS42MjQ2IDExLjYzNzlMMjcuOTg4NiAxOC4wMDE5Wk05Ljc0MTcgMTcuNzA5SDI3LjI4MTVWMTkuNzA5SDkuNzQxN1YxNy43MDlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:15px auto;

	display:flex;
	align-items: center;
}
.mega-menu-content-cnt ul li.mega-menu-item > a{
	color:#000;
	display:block;


}
.mega-menu-content-cnt ul li.mega-menu-item > a:hover{
}


@media screen and (max-width: 1000px) { /* Smartphone */
.mega-menu-content-cnt ul li{
	width:calc( (100% - 20px) / 3 );
}
}



/* アイコン用のメガメニュー */
.megamenu-tab-contents-iconset li.mega-menu-item{
	background-image: none !important;
	border:solid 1px #ccc;
	border-radius:5px;
	overflow:hidden;
	padding:0 !important;
}
.megamenu-tab-contents-iconset li.mega-menu-item a{
	width:100%;
	display: flex !important;
	flex-wrap:wrap;
	align-items:center;
	padding:6px;
}
.megamenu-tab-contents-iconset li.mega-menu-item .pic{
	width:30%;
	overflow:hidden;
	border-radius:5px;
}
.megamenu-tab-contents-iconset li.mega-menu-item .pic img{
	width:100%;
	height:auto;
	aspect-ratio: 16 / 10;
	overflow:hidden;
	vertical-align:bottom;
}
.megamenu-tab-contents-iconset li.mega-menu-item .tit{
	width:60%;
	padding-left:15px;
	line-height:1.3;
}


/* ---- */


.mega-menu-pic li{
	padding:0px !important;
	background:none !important;
}
.mega-menu-pic li a{
	width:100%;
	display: flex !important;
	align-items:center;
	gap:15px;
	border:solid 1px #ccc;
	padding:5px;
	border-radius:5px;
}
.mega-menu-pic li a .pic{
	width:30%;
}
.mega-menu-pic li a .pic img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
.mega-menu-pic li a  .txt{
	width:calc( 100% - (30% + 15px));
}

/*--------------------------------*
 * メガメニュー内のタブ（webカタログ）
 *-------------------------------*/
/* タブのボタン部 */
ul.megamenu-tab-menu {
	display: flex;
	flex-wrap:wrap;
	gap:0 10px;
	list-style: none;
	padding: 0;
	border-bottom: 2px solid #283753;
	padding:0 30px 0 0;
}

.megamenu-tab-menu__item {
width:calc( (100% - 20px) / 3);
  padding: 10px 20px;
  cursor: pointer;
  background-color: #D4DCEB;
  border-bottom: none;
	border-radius:5px 5px 0 0;
text-align:center;
font-weight:bold;
}

.megamenu-tab-menu__item.active {
  background-color: #283753;
color:#fff;
}

/* タブコンテンツ部 */
.megamenu-tab-contents {
  padding: 20px 0;
  background-color: #fff;
}

.megamenu-tab-content {
  display: none;              /* 最初は非表示 */
}

.megamenu-tab-content.active {
  display: block;             /* アクティブなタブだけ表示 */
}

/* リンクの装飾はお好みで */
.megamenu-tab-content ul li a {
  color: #0066cc;
  text-decoration: none;
}

.megamenu-tab-content ul li a:hover {
  text-decoration: underline;
}
.megamenu-tab-content ul li a span{
}





/*--------------------------------*
 * wrapper
 *-------------------------------*/
#wrapper{
	margin-top:128px;
}
@media screen and (max-width: 1190px) { /* Smartphone */
	#wrapper{
		margin-top:126px;
	}
}
@media screen and (max-width: 900px) { /* Smartphone */
	#wrapper{
		margin-top:107px;
	}
}

@media screen and (max-width: 767px) { /* Smartphone */
	#wrapper{
		margin-top:55px;
	}
}
@media screen and (max-width: 390px) { /* Smartphone */
	#wrapper{
		margin-top:45px;
	}
	.spResearchArea{
		bottom:-62px;
	}
}


/*--------------------------------*
 * pageContent
 *-------------------------------*/
.pageContent{
	display:flex;
	flex-direction:column;
	gap:150px;
	margin-bottom:150px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.pageContent{
		gap:40px;
		margin-bottom:40px;
	}
}

/*--------------------------------*
 * pageTop
 *-------------------------------*/
.pageTop{
	width:30px;
	height:30px;
}
.pageTop img{
	width:100%;
	height:auto;
}
/*--------------------------------*
 * footer
 *-------------------------------*/
.footer {
	background:#eee;
}
/*--------------------------------*
 * footerLnkArea
 *-------------------------------*/

.footerLnkArea {
	background:url(../img/bk02.png) repeat center center;
	padding-top: clamp(25px, 3.8265vw + 10.6505px, 40px); /* Vary between 375px and 767px */
	padding-bottom: clamp(25px, 3.8265vw + 10.6505px, 40px); /* Vary between 375px and 767px */
}

/* --- .footerLnkArea .footer-links --- */
.footerLnkArea .footer-links {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding-bottom: clamp(30px, 14.0306vw + -22.6148px, 85px); /* Vary between 375px and 767px */
}

.footerLnkArea .footer-links-lst {
	display:flex;
	flex-wrap:wrap;
	gap:20px 20px;
}

.footerLnkArea .footer-links-lst .box {
	width:calc( (100% - 60px) / 4);
}

.footerLnkArea .footer-links-lst-parent {
}

.footerLnkArea .footer-links-lst-parent span ,
.footerLnkArea .footer-links-lst-parent a {
	color:#283753;
	font-size: clamp(14px, 0.5102vw + 12.0867px, 16px); /* Vary between 375px and 767px */
	font-weight:bold;
}
.footerLnkArea .footer-links-lst-parent a:hover {
	text-decoration:underline;
}

.footerLnkArea .footer-links-lst-childlnk {
	list-style:disc;
	margin-top:15px;
	margin-left:1.5em;
}

.footerLnkArea .footer-links-lst-childlnk .childlnk-item {
}

.footerLnkArea .footer-links-lst-childlnk .childlnk-item a {
	color:#111;
	font-size: clamp(14px, 0.5102vw + 12.0867px, 16px); /* Vary between 375px and 767px */
}
.footerLnkArea .footer-links-lst-childlnk .childlnk-item a:hover {
	text-decoration:underline;
}


.footerLnkArea .footer-links-lst-childlnk + .footer-links-lst-parent {
	margin-top:15px;
}

@media screen and (max-width: 1300px) { /* Smartphone */
	.footerLnkArea .footer-links {
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.footerLnkArea .footer-links-lst .box {
		width:calc( (100% - 30px) / 2);
	}
}
@media screen and (max-width: 500px) { /* Smartphone */
	.footerLnkArea .footer-links-lst .box {
		width:100%;
	}
	.footerLnkArea .footer-links-lst-parent {
		background:#fff;
		padding:5px;
	}
	.footerLnkArea .footer-links-lst-parent + .footer-links-lst-parent {
		margin-top:10px;
	}
}

/* --- footer-banners --- */
.footer-banners{
	width:100%;
	max-width:1300px;
	margin:0 auto;
}
.footer-banners-lst{
	display:flex;
	flex-wrap:wrap;
	gap:20px 80px;
}
.footer-banners-lst li{
	width:calc( (100% - 80px) / 2);
}
.footer-banners-lst li a{
	display:block;
}
.footer-banners-lst li a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
@media screen and (max-width: 1300px) { /* Smartphone */
	.footer-banners{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 1000px) { /* Smartphone */
	.footer-banners-lst{
		gap:20px 20px;
	}
	.footer-banners-lst li{
		width:calc( (100% - 40px) / 3);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.footer-banners-lst{
		gap:10px 20px;
	}
	.footer-banners-lst li{
		width:calc( (100% - 20px) / 2);
	}
}
@media screen and (max-width: 500px) { /* Smartphone */
	.footer-banners-lst{
		gap:10px 5px;
	}
	.footer-banners-lst li{
		width:calc( (100% - 0px) / 1);
	}
}
/* --- footerArea02 --- */
.footerArea02 {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding-top: clamp(25px, 3.8265vw + 10.6505px, 40px); /* Vary between 375px and 767px */
	padding-bottom: clamp(25px, 3.8265vw + 10.6505px, 40px); /* Vary between 375px and 767px */

	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	aling-items:center;
}

.footerArea02 .footer-info {

	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	aling-items:center;
	gap:15px 40px;
}

.footerArea02 .footer-info-logo {
}

.footerArea02 .footer-info-logo img {
	width:100%;
	max-width:360px;
	height:auto;
}

.footerArea02 .footer-info-address {
	font-size: clamp(12px, 0.1580vw + 10.7883px, 13px); /* Vary between 767px and 1400px */
}

.footerArea02 .footer-info-address span {
}

@media screen and (max-width: 1300px) { /* Smartphone */
	.footerArea02 {
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 950px) { /* Smartphone */
	.footerArea02 .footer-info {
		justify-content:center;
		margin-bottom:20px;
		width:100%;
	}
}
@media screen and (max-width: 500px) { /* Smartphone */
	.footerArea02 .footer-info-logo img {
		max-width:200px;
	}
}
/* --- footer-sns --- */
.footerArea02 .footer-sns {

	display:flex;
	flex-wrap:wrap;
	gap:10px 25px;
}

.footerArea02 .footer-sns li {
	width:calc( (100% - 100px) / 5);
	text-align:center;
}

.footerArea02 .footer-sns li a {
}

.footerArea02 .footer-sns li a img {
	width:100%;
	max-width:40px;
	height:auto;
}
@media screen and (max-width: 1050px) { /* Smartphone */
	.footerArea02 .footer-sns {
		justify-content:center;
		gap:10px 10px;
	}

	.footerArea02 .footer-sns li {
		width:calc( (100% - 50px) / 5);
	}

}
@media screen and (max-width: 950px) { /* Smartphone */
	.footerArea02 .footer-sns {
		justify-content:center;
		width:100%;
	}
	.footerArea02 .footer-sns li {
		width:auto;
		padding:0 10px;
	}
}
@media screen and (max-width: 500px) { /* Smartphone */
	.footerArea02 .footer-sns li {
		width:auto;
		padding:0 0px;
	}
}
/* --- footer-address --- */
.footer-address{
	background:#111111;
	color:#fff;
	padding:40px 10px 80px;
	font-size: clamp(12px, 0.1580vw + 10.7883px, 13px); /* Vary between 767px and 1400px */
	text-align:center;
}

/* SP */
@media screen and (max-width: 767px) {
	.footer-address{
		padding:40px 10px 60px;
	}
}

/* ----------
footerContact
  ---------- */
.footerContact {
	padding:80px 0;
	background:#F5F5F5;
}
.footerContact .inner {
	width:100%;
	max-width:1260px;
	margin:0 auto;
}

/* ---- */
.footerContact__message {
	text-align:center;
	font-size:33px;
	font-weight:bold;
	margin-bottom:30px;
}

/* ---- */
.footerContact__table {
	width:100%;
}
.footerContact__table th,
.footerContact__table td{
	padding:35px 20px !important;
}
.footerContact__table .footerContact__row {
}
.footerContact__table .footerContact__row .footerContact__heading {
	width:45%;
	text-align:center;
	font-weight:bold;
	font-size:28px;
}
.footerContact__table .footerContact__row .footerContact__content {
	width:55%;
	background:#D4DCEB;
	text-align:center;
}
.footerContact__table .footerContact__row .footerContact__content .footerContact__text {
	margin-bottom:10px;
}
.footerContact__table .footerContact__row .footerContact__content .footerContact__link {
}

.footerContact__link-btn{
}
.footerContact__link-btn a{
	display:inline-block;
	background:#84090B;
	border-radius:100px;
	padding:10px 30px;
	color:#fff;
}
.footerContact__link-btn a span{
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxOS41MjUiIGN5PSIyMC41MDAxIiByPSIxOS4wMjUiIHN0cm9rZT0id2hpdGUiLz48cGF0aCBkPSJNMjcuNzQxOSAyMS4yMDcxQzI4LjEzMjQgMjAuODE2NiAyOC4xMzI0IDIwLjE4MzQgMjcuNzQxOSAxOS43OTI5TDIxLjM3NzkgMTMuNDI4OUMyMC45ODc0IDEzLjAzODQgMjAuMzU0MyAxMy4wMzg0IDE5Ljk2MzcgMTMuNDI4OUMxOS41NzMyIDEzLjgxOTUgMTkuNTczMiAxNC40NTI2IDE5Ljk2MzcgMTQuODQzMUwyNS42MjA2IDIwLjVMMTkuOTYzNyAyNi4xNTY5QzE5LjU3MzIgMjYuNTQ3NCAxOS41NzMyIDI3LjE4MDUgMTkuOTYzNyAyNy41NzExQzIwLjM1NDMgMjcuOTYxNiAyMC45ODc0IDI3Ljk2MTYgMjEuMzc3OSAyNy41NzExTDI3Ljc0MTkgMjEuMjA3MVpNOS4wMTE3MiAyMC41VjIxLjVIMjcuMDM0OFYyMC41VjE5LjVIOS4wMTE3MlYyMC41WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
	background-position:left center;
	background-size:auto 100%;
	padding-left:40px;
}

.footerContact__link-tel{
}
.footerContact__link-tel a{
	display:inline-block;
	font-size:35px;
	font-weight:bold;
	color:#000;
}
.footerContact__link-tel a span{
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2MyA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMyLjExNSAyLjU5Mjc3QzQ4LjIxMzkgMi43MjMyOSA2MS4wNjgxIDE1Ljc3OTcgNjAuOTYzOCAzMS45MTA5QzYwLjg2MDcgNDcuODg4NSA0Ny42MjgyIDYxLjA3MTMgMzEuNDY0MyA2MC44NDc3QzE0Ljg3NDMgNjAuNjE4MyAyLjM1OTgzIDQ2LjgwMjYgMi41ODY1MyAzMS4yNTQ0QzIuODA4MzkgMTYuMDMzOSAxNC45MTUgMi42MTEwNCAzMi4xMTUgMi41OTI3N1pNNDEuNjI5MSA1MC4yODMyQzQyLjI3MjcgNTAuMTgzMiA0Mi45MjUgNTAuMTIwOCA0My41NTc4IDQ5Ljk3NDRDNDQuNjA2OSA0OS43MzE4IDQ1LjU0NjEgNDkuMjMzNiA0Ni4zNTY3IDQ4LjUyOTdDNDcuODI3NyA0Ny4yNTI4IDQ5LjA4MyA0NS43OTU5IDQ5Ljg2NDggNDMuOTg3OUM1MC4zMjU2IDQyLjkyMjIgNTAuMDAxNyA0MS45MTU4IDQ5LjAzOTYgNDEuMjY1MUM0OC42ODQ4IDQxLjAyNTIgNDguMzE4OSA0MC44MDE1IDQ3Ljk1NjcgNDAuNTcyNEM0NS45ODM5IDM5LjMyNTEgNDQuMDE0MyAzOC4wNzI3IDQyLjAzNiAzNi44MzRDNDAuOTU0NyAzNi4xNTcxIDM5LjkxIDM2LjMxODggMzkuMDY0OCAzNy4yNzE0QzM4LjkwNzkgMzcuNDQ4MiAzOC43NjgzIDM3LjY0MSAzOC42MzEgMzcuODMzNkMzOC4zMjMzIDM4LjI2NTUgMzguMDQxNSAzOC43MTcyIDM3LjcxNDEgMzkuMTMzMkMzNy4wOTA0IDM5LjkyNDkgMzYuMjkxNCA0MC40MzE0IDM1LjI1MzcgNDAuMjMwMUMzNC43MjkyIDQwLjEyODYgMzQuMTg2NiAzOS45MDE2IDMzLjc1MTggMzkuNTkxNUMzMC44NTUzIDM3LjUyNjQgMjguMzc0NSAzNS4wMjE4IDI2LjEzNzIgMzIuMjY1N0MyNS4wMzg1IDMwLjkxMjIgMjQuMDY2NCAyOS40NzU1IDIzLjI2NjIgMjcuOTI4NEMyMi43ODEgMjYuOTkwNSAyMi45NTgxIDI2LjA5NzggMjMuNzMyIDI1LjM4MDVDMjQuMDM3MiAyNS4wOTc2IDI0LjM4NjggMjQuODYzMiAyNC43MDgxIDI0LjU5N0MyNS4xODU2IDI0LjIwMTggMjUuNjkyNyAyMy44MzM1IDI2LjEyMTMgMjMuMzlDMjYuOTM3NCAyMi41NDU1IDI3LjAwNzcgMjEuNzI1NiAyNi40MDY1IDIwLjcxODVDMjUuNjQzNyAxOS40NDA3IDI0Ljg2ODggMTguMTcgMjQuMDk4OCAxNi44OTY1QzIzLjQ2MjggMTUuODQ0NyAyMi44NDYxIDE0Ljc4MDkgMjIuMTg0NiAxMy43NDUzQzIxLjQ1OTggMTIuNjEwNyAyMC40NTg4IDEyLjMzMDUgMTkuMjMwNyAxMi44NzRDMTguOTk0NyAxMi45Nzg0IDE4Ljc1MjEgMTMuMDg5OCAxOC41NTA3IDEzLjI0NzFDMTcuNjM1NyAxMy45NjE1IDE2LjY5NzQgMTQuNjUyNSAxNS44MzU4IDE1LjQyODFDMTQuMTgzIDE2LjkxNjIgMTMuNTA2NiAxOC44NDc2IDEzLjUwNzEgMjEuMDMxNUMxMy41MDc0IDIzLjEwNTUgMTQuMDM5MSAyNS4wNjU2IDE0Ljg4MTUgMjYuOTQ3QzE2LjE2ODggMjkuODIxOSAxNy44MDkgMzIuNDc4OCAxOS43NDI1IDM0Ljk2NzhDMjEuODM0NCAzNy42NjEgMjQuMTU1OCA0MC4xMzM0IDI2LjY3OTYgNDIuNDE4M0MyOS41MTAyIDQ0Ljk4MTEgMzIuNTM2NCA0Ny4yNjU1IDM2LjA1MzEgNDguODI3OUMzNy44MjY2IDQ5LjYxNTkgMzkuNjUzMSA1MC4xOTU2IDQxLjYyOTEgNTAuMjgzMloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+");
	background-position:left center;
	background-size:auto 100%;
	padding-left:65px;
}


/* Wide Breakpoint */
@media screen and (max-width: 1260px) {
	.footerContact .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.footerContact {
		padding:30px 0;
	}
	.footerContact__message {
		font-size:22px;
		margin-bottom:20px;
	}
	.footerContact__table {
		width:100%;
	}
	.footerContact__table th{
		border-radius:5px 5px 0 0;
	}
	.footerContact__table td{
		border-radius:0 0 5px 5px;
	}
	.footerContact__table th,
	.footerContact__table td{
		display:block;
		width:100%;
		padding:10px 10px !important;
	}
	.footerContact__table th{
		border-bottom:none;
	}
	.footerContact__table tr:nth-child(2) th{
		margin-top:15px;
	}
	.footerContact__table .footerContact__row {
	}
	.footerContact__table .footerContact__row .footerContact__heading {
		width:100%;
		font-size:20px;
	}
	.footerContact__table .footerContact__row .footerContact__content {
		width:100%;
	}
}




/* ----------
buttonAreaSec
  ---------- */
.buttonAreaSec {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	z-index:999999;
	background:#fff;
	padding:5px;
	 box-shadow: 0px 1px 7px 3px rgba(0, 0, 0, 0.45);
}
.buttonAreaSec .inner {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

/* ---- */
.buttonAreaSec .buttonArea__lst {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:10px 2.5%;
}
.buttonAreaSec .buttonArea__lst .item {
	width:calc( (100% - 5%) / 3);
}

.buttonAreaSec .buttonArea__lst .item a {
	display:block;
	background:#258C56;
	text-align:center;
	font-size:20px;
	padding:5px 10px;
	color:#fff;
	border-radius:7px;
}
.buttonAreaSec .buttonArea__lst .item a span {
	display:inline-block;
}
.buttonAreaSec .buttonArea__lst .item a span  i{
	margin-right:10px;
}
.buttonAreaSec .buttonArea__lst .item.item-haka a{
	background:#213d55;
}
.buttonAreaSec .buttonArea__lst .item.item-document a{
	background:#ff8025;
}
.buttonAreaSec .buttonArea__lst .item.item-area a{
	background:#258c56;
}

/* Wide Breakpoint */
@media screen and (max-width: 1000px) {
	.buttonAreaSec .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.buttonAreaSec .buttonArea__lst .item a {
		font-size:17px;
		padding:8px 10px;
	}
	.buttonAreaSec .buttonArea__lst .item {
		width:calc( (100% - 2.5%) / 2);
	}
}
@media screen and (max-width: 450px) {
	.buttonAreaSec .buttonArea__lst .item a {
		font-size:15px;
	}
}
@media screen and (max-width: 380px) {
	.buttonAreaSec .buttonArea__lst .item a {
		font-size:14px;
		padding:6px 5px;
	}
}


/*--------------------------------*
 * mainVisual
 *-------------------------------*/

.mainVisual {
}
.mainVisual__inner {
	width:100%;
	max-width:1700px;
	margin:0 auto 80px;
}
.mainVisual__content {
}

/* ---- */
.mainVisual__body {
	display:flex;
	flex-wrap:wrap;
	gap:20px 0;

	position:relative;
	z-index:1;
}
/* ---- */
.mainVisual__picArea {
	width:55%;
	order:2;

	position:relative;
	z-index:1;
}
.mainVisual__picArea img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.mainVisual__picArea .picArea__image {
	position:relative;
}

.mainVisual__body .picArea__labels {
	position:absolute;
	z-index:10;
	right:5px;
	bottom:5%;
	padding:10px;
	background:#fff;
	border-radius:5px;
}
.mainVisual__body .picArea__labels .labels__item {
	display:inline-block;
}
.mainVisual__body .picArea__labels .labels__item span{
	background:#000;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	padding:5px 1em;
}
.mainVisual__body .picArea__labels.labels01 .labels__item:nth-child(1) span{ background: #84090B;}
.mainVisual__body .picArea__labels.labels01 .labels__item:nth-child(2) span{ background: #002060;}
.mainVisual__body .picArea__labels.labels01 .labels__item:nth-child(3) span{ background: #0F4125;}

/* ---- */
.mainVisual__textArea {

	position:relative;
	z-index:1;

	width:45%;
	order:1;

	padding:20px;

	display:flex;
	align-items:center;
	justify-content:start;
	gap:47px;

}
.mainVisual__textArea__inner {
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}
.mainVisual__textArea__inner > * {
	width:100%;
}
.mainVisual__textArea .mainVisual__catchcopy {
	font-size: clamp(25px, 2.6795vw + 4.4480px, 50px); /* Vary between 767px and 1700px */
	font-weight:bold;
	line-height:1.2;
}
.mainVisual__textArea .mainVisual__description {
	font-size: clamp(15px, 0.8574vw + 8.4234px, 23px); /* Vary between 767px and 1700px */
}
.mainVisual__textArea .mainVisual__note {
	font-size: clamp(17px, 0.9646vw + 9.6013px, 26px); /* Vary between 767px and 1700px */
	color:#0F4125;
	margin-top:50px;
	font-weight:bold;
}
.mainVisual__textArea .mainVisual__btn {
}
.mainVisual__textArea .mainVisual__btn a {
	width:100%;
	max-width:490px;
	background:#84090B;
	display:block;
	padding:7px 1em;
	border-radius:3px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.mainVisual__textArea .mainVisual__btn a span{
	display:inline-block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGNpcmNsZSBjeD0iMTYuMzg4NyIgY3k9IjE2LjM4ODciIHI9IjE1Ljg4ODciIGZpbGw9IndoaXRlIiBzdHJva2U9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTIzLjU1MjIgMTcuMzgzNEMyMy45NDI3IDE2Ljk5MjkgMjMuOTQyNyAxNi4zNTk3IDIzLjU1MjIgMTUuOTY5MkwxNy4xODgzIDkuNjA1MkMxNi43OTc3IDkuMjE0NjggMTYuMTY0NiA5LjIxNDY4IDE1Ljc3NDEgOS42MDUyQzE1LjM4MzUgOS45OTU3MyAxNS4zODM1IDEwLjYyODkgMTUuNzc0MSAxMS4wMTk0TDIxLjQzMDkgMTYuNjc2M0wxNS43NzQxIDIyLjMzMzFDMTUuMzgzNSAyMi43MjM2IDE1LjM4MzUgMjMuMzU2OCAxNS43NzQxIDIzLjc0NzNDMTYuMTY0NiAyNC4xMzc5IDE2Ljc5NzcgMjQuMTM3OSAxNy4xODgzIDIzLjc0NzNMMjMuNTUyMiAxNy4zODM0Wk03Ljk0NjI5IDE3LjY3NjNIMjIuODQ1MVYxNS42NzYzSDcuOTQ2MjlWMTcuNjc2M1oiIGZpbGw9IiM4NDA5MEIiLz48L3N2Zz4=");
	background-repeat: no-repeat;
	background-position:right center;
	background-size:auto 80%;
	padding-right:40px;
}

/* ----- */












/* ---- */
.mainVisual__body-02 .mainVisual__textArea {

	background:#fff;
	color:#000;
}
.mainVisual__body-02 .mainVisual__textArea .mainVisual__catchcopy {
	color:#0F4125;
}
.mainVisual__body-02 .mainVisual__textArea .mainVisual__catchcopy span{
}
.mainVisual__body-02 .mainVisual__textArea .mainVisual__btn a {
	background:#0F4125;
	color:#fff;
}
.mainVisual__body-02 .mainVisual__textArea .mainVisual__note{
	color:#84090B;
}
.mainVisual__body-02 .mainVisual__textArea .mainVisual__btn a span{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGNpcmNsZSBjeD0iMTYuMzg4NyIgY3k9IjE2LjM4ODciIHI9IjE1Ljg4ODciIGZpbGw9IndoaXRlIiBzdHJva2U9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTIzLjU1MjIgMTcuMzgzNEMyMy45NDI3IDE2Ljk5MjkgMjMuOTQyNyAxNi4zNTk3IDIzLjU1MjIgMTUuOTY5MkwxNy4xODgzIDkuNjA1MkMxNi43OTc3IDkuMjE0NjggMTYuMTY0NiA5LjIxNDY4IDE1Ljc3NDEgOS42MDUyQzE1LjM4MzUgOS45OTU3MyAxNS4zODM1IDEwLjYyODkgMTUuNzc0MSAxMS4wMTk0TDIxLjQzMDkgMTYuNjc2M0wxNS43NzQxIDIyLjMzMzFDMTUuMzgzNSAyMi43MjM2IDE1LjM4MzUgMjMuMzU2OCAxNS43NzQxIDIzLjc0NzNDMTYuMTY0NiAyNC4xMzc5IDE2Ljc5NzcgMjQuMTM3OSAxNy4xODgzIDIzLjc0NzNMMjMuNTUyMiAxNy4zODM0Wk03Ljk0NjI5IDE3LjY3NjNIMjIuODQ1MVYxNS42NzYzSDcuOTQ2MjlWMTcuNjc2M1oiIGZpbGw9IiMwRjQxMjUiLz48L3N2Zz4=");
}



.mainVisual .mainVisual__content .slick-prev,
.mainVisual .mainVisual__content .slick-next {
  position: absolute;
  top: calc(50% + 30px);
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.mainVisual .mainVisual__content .slick-prev {
  left: 10px;
}
.mainVisual .mainVisual__content .slick-next {
  right: 20px;
}

.mainVisual slick-prev:before, .slick-next:before {
    font-size: 35px !important;
	color:#000 !important;
    opacity: .8;
}
.mainVisual slick-prev:before, .slick-prev:before {
    font-size: 35px !important;
	color:#000 !important;
    opacity: .8;
}



.mainVisual__controls{
	margin-top:15px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
}
.mainVisual__controls #slider-toggle {
  background-color: #007BFF;      /* ブルー系の背景 */
  color: #fff;                    /* 文字は白 */
  border: none;                   /* 枠線なし */
  border-radius: 4px;             /* 角丸 */
  padding: 5px 24px;             /* 内側余白 */
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* 軽い影 */
}

.mainVisual__controls #slider-toggle:hover {
  background-color: #0056b3;      /* ホバー時に濃いブルー */
  transform: scale(1.05);         /* 少し拡大 */
}


/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
	.mainVisual__body .picArea__labels {
		padding:5px;
	}
	.mainVisual__body .picArea__labels .labels__item span{
		font-size:14px;
		padding:5px 1em;
	}
}




/* SP */
@media screen and (max-width: 767px) {
	/* ---- */
	.mainVisual__body {
		gap:0px 0;
	}
	/* ---- */
	.mainVisual__picArea {
		width:100%;
		order:1;
	}
	.mainVisual__textArea {
		width:100%;
		order:3;
	}
	.mainVisual__body .picArea__labels {
		order:2;
		position:relative;
		bottom:auto;
		right: auto;
		text-align:center;
		width:100%;
		margin-top:10px;
	}
	.mainVisual__textArea .mainVisual__catchcopy {
		text-align:center;
	}
	.mainVisual__textArea .mainVisual__description {
		text-align:center;
	}
	.mainVisual__textArea .mainVisual__note {
		margin-top:auto;
		text-align:center;
	}

	.mainVisual .mainVisual__content .slick-prev {
	  left: 5px;
	}
	.mainVisual .mainVisual__content .slick-next {
	  right: 10px;
	}

	.mainVisual slick-prev:before, .slick-next:before {
		font-size: 20px !important;
		color:#000 !important;
	}
	.mainVisual slick-prev:before, .slick-prev:before {
		font-size: 20px !important;
		color:#000 !important;
	}

	.mainVisual__controls{
		margin-top:0px;
	}
}




/*--------------------------------*
 * pageHeaderObi 
 *-------------------------------*/
.pageHeaderObi{
	background:#112750;
	background-size:auto 100%;

	height: clamp(30px, 10.2041vw + -8.2653px, 70px); /* Vary between 375px and 767px */

	display: flex;
	flex-wrap:wrap;
	align-items:center;
}
.pageHeaderObi .tit{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	color:#fff;
	font-size: clamp(14px, 1.5306vw + 8.2602px, 20px); /* Vary between 375px and 767px */
}


/*--------------------------------*
 * pageHeaderTit 
 *-------------------------------*/
.pageHeaderTit{
	background: #e0e7ff;
	min-height: clamp(70px, 22.9592vw + -16.0969px, 160px); /* Vary between 375px and 767px */

	display: flex;
	flex-wrap:wrap;
	align-items:center;
}
.pageHeaderTit .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}
.pageHeaderTit .inner .tit{
	font-size: clamp(18px, 4.3367vw + 1.7372px, 35px); /* Vary between 375px and 767px */
	text-align:center;
	line-height:1.3;
}
@media screen and (max-width: 1400px) { /* Smartphone */
	.pageHeaderTit .inner{
		max-width:calc( 100% - 30px);
	}
}

/*--------------------------------*
 * breadCrumb
 *-------------------------------*/
.breadCrumb{
	width:100%;
	max-width:1200px;
	padding-top:15px;
   margin:0 auto 50px;
   text-align:right;
}
body.single-webcatalog .breadCrumb{
	padding-right:10px;
}
.breadCrumb li{
   display:inline;
	font-size: 13px;
}

.breadCrumb li:first-child{
	background:url(../img/breadCrumb.png) no-repeat left center;
	background-size:auto 13px;
	padding-left:20px;
}
.breadCrumb li:after{
	content:" >";
	display:inline-block;
	margin-right:5px;
}
.breadCrumb li:last-child:after{
	content:none;
}
.breadCrumb li a{
	color:#1D3067;
	text-decoration: none;
}
@media screen and (max-width: 767px) { /* Smartphone */
    .breadCrumb {
        max-width: calc(100% - 30px);
        margin-bottom: 20px;

        /* 横スクロール用の追加 */
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 6px; /* 下にちょっと余白があるとスクロールバーが隠れやすい */
    }
    .breadCrumb li {
        font-size: 12px;
        /* インライン要素のままでOK */
    }
}


/*--------------------------------*
 * bk01Box
 *-------------------------------*/
.bk01Box{
	background: url(../img/bk01.jpg) repeat center center;
	padding-bottom:60px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.bk01Box{
		padding-bottom:30px;
	}
}
/*--------------------------------*
 * mainBox
 *-------------------------------*/
.mainBox{
	width:100%;
	/*max-width:1200px;*/
	max-width:990px;
	margin:0 auto 80px;

			display:flex;
			flex-direction:column;
			gap:50px;

}

.mainBox > *{
	margin-bottom:0;
}
.mainBox .box{
	margin-bottom:0;

	display:flex;
	flex-direction:column;
	gap:30px;
}
.mainBox .box > *{
	margin-bottom:0 !important;
}
.mainBox .floatbox{
	margin-top:0px !important;
	margin-bottom:25px;
}


@media screen and (max-width: 1200px) { /* Smartphone */
	.mainBox{
		max-width:calc(100% - 30px);
	}
	.mainBox + .mainBox{
		margin-top:50px;
	}
	.mainBox:last-child{
		margin-bottom:50px;
	}
}

/*--------------------------------*
 * webカタログ　タブ機能
 *-------------------------------*/

.webcatalogArea {
	background: url(../img/bk01.jpg) repeat center center;
	padding: 100px 0;
}

.webcatalogArea .inner {
	max-width: 1200px;
	margin: 20px auto;
}

@media screen and (max-width: 1200px) { /* Smartphone */
	.webcatalogArea .inner {
		max-width: calc(100% - 30px);
	}
}


.webcatalogTab {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.tab-navigation {
	display: flex;
	flex-wrap: wrap;
}

.tab-button {
	flex: 1;
	padding: 10px;
	text-align: center;
	background-color: #D4DCEB;
	border: none;
	cursor: pointer;
	transition:all 0.2s;
	width: calc(100% - 15px);
	margin-bottom: 10px;

	font-size: clamp(14px, 0.6319vw + 9.1532px, 18px); /* Vary between 767px and 1400px */
	font-weight:bold;

	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZWxsaXBzZSBjeD0iMTkuMjkzOCIgY3k9IjE5LjI5MzgiIHJ4PSIxOS4yOTM4IiByeT0iMTkuMjkzOCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMC4zODcyMDcgMzguNTg3NCkiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTI3Ljk4ODYgMTguMDAxOUMyOC4zNzkxIDE4LjM5MjQgMjguMzc5MSAxOS4wMjU2IDI3Ljk4ODYgMTkuNDE2MUwyMS42MjQ2IDI1Ljc4MDFDMjEuMjM0MSAyNi4xNzA2IDIwLjYwMDkgMjYuMTcwNiAyMC4yMTA0IDI1Ljc4MDFDMTkuODE5OSAyNS4zODk1IDE5LjgxOTkgMjQuNzU2NCAyMC4yMTA0IDI0LjM2NThMMjUuODY3MyAxOC43MDlMMjAuMjEwNCAxMy4wNTIxQzE5LjgxOTkgMTIuNjYxNiAxOS44MTk5IDEyLjAyODQgMjAuMjEwNCAxMS42Mzc5QzIwLjYwMDkgMTEuMjQ3NCAyMS4yMzQxIDExLjI0NzQgMjEuNjI0NiAxMS42Mzc5TDI3Ljk4ODYgMTguMDAxOVpNOS43NDE3IDE3LjcwOUgyNy4yODE1VjE5LjcwOUg5Ljc0MTdWMTcuNzA5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");
	background-repeat:no-repeat;
	background-position:right 15px center;
	background-size:25px auto;
}


.tab-button.active {
	width: 100%;
	background-color: #283753;
	background-image:none;
	color: #fff;
}
.tab-button.active span{
}
.tab-button:hover {
	background-color: #e0e0e0;
}

.tab-button.active:hover {
	background-color: #283753;
}

.tab-button:last-child {
	margin-bottom: 0;
}

.tab-content {
	width: 100%;
	padding: 20px;
	background-color: #283753;
	border-radius: 0 5px 5px 0px;
}

.content-item {
	display: none;
}

.content-item:not(.hidden) {
	display: block;
}

/* PC用スタイル: タブを垂直配置 */
@media (min-width: 768px) {
	.webcatalogTab {
		flex-direction: row;
	}

	.tab-navigation {
		flex-direction: column;
		flex: 0 0 400px; /* タブの幅を固定 */
		border-bottom: none;
	}

	.tab-button {
		text-align: left;
		flex: none; /* ボタンのサイズ固定 */
		border-bottom: 1px solid #ccc; /* タブ間の区切り線 */
		border-right: none; /* 右側の境界線を削除 */
		border-radius: 5px;
		padding:23px 15px;
	}

	.tab-button.active {
		border-bottom: none; /* アクティブなタブの下線を削除 */
		color: #fff;
		border-radius: 5px 0 0 5px !important;
	}

	.tab-content {
		padding: 20px;
	}
}

/* SP用スタイル: タブを水平配置 */
@media (max-width: 767px) {
	.tab-navigation {
		flex-direction: row;
		border-right: none;
		gap:0 5px;
	}
	.tab-button {
		padding: 10px;
		background-image: none;
		margin-bottom: 0;
		border-radius:5px 5px 0 0;
	}
	.tab-button.active {
	}
	.tab-button:last-child {
		margin-bottom: 0;
	}
	.tab-content {
		border-radius: 0px 0px 5px 5px;
	}
}

@media screen and (max-width: 1200px) { /* Smartphone */
	.tab-navigation {
		flex: 0 0 300px; /* タブの幅を固定 */
	}
}

@media screen and (max-width: 1100px) { /* Smartphone */
	.tab-content {
		padding: 10px;
	}
}

@media screen and (max-width: 850px) { /* Smartphone */
	.tab-navigation {
		flex: 0 0 250px; /* タブの幅を固定 */
	}
}
@media (max-width: 767px) {
	.tab-navigation {
		flex: 0 0 20px; /* タブの幅を固定 */
	}
}
@media (max-width: 670px) {
	.tab-button {
		padding: 10px 5px;
		font-size:13px;
	}
}
/*--------------------------------*
 * webカタログタブ内のリンク
 *-------------------------------*/
.content-item-inner{
	padding:20px 15px;
}
.webcatalogContent-links{
	display: flex;
	flex-wrap:wrap;
	gap:12px 40px;
}
.webcatalogContent-links li{
	width:calc( (100% - 40px) / 2);
}
.webcatalogContent-links li a{
	display:block;
	color:#fff;
	text-decoration:none;
	width:100%;
	border-bottom:solid 1px #fff;
	padding-bottom:7px;
	padding-right:15px;
	font-size: clamp(14px, 0.5102vw + 12.0867px, 16px); /* Vary between 375px and 767px */



	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZWxsaXBzZSBjeD0iMTkuMjkzOCIgY3k9IjE5LjI5MzgiIHJ4PSIxOS4yOTM4IiByeT0iMTkuMjkzOCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMC4zODcyMDcgMzguNTg3NCkiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTI3Ljk4ODYgMTguMDAxOUMyOC4zNzkxIDE4LjM5MjQgMjguMzc5MSAxOS4wMjU2IDI3Ljk4ODYgMTkuNDE2MUwyMS42MjQ2IDI1Ljc4MDFDMjEuMjM0MSAyNi4xNzA2IDIwLjYwMDkgMjYuMTcwNiAyMC4yMTA0IDI1Ljc4MDFDMTkuODE5OSAyNS4zODk1IDE5LjgxOTkgMjQuNzU2NCAyMC4yMTA0IDI0LjM2NThMMjUuODY3MyAxOC43MDlMMjAuMjEwNCAxMy4wNTIxQzE5LjgxOTkgMTIuNjYxNiAxOS44MTk5IDEyLjAyODQgMjAuMjEwNCAxMS42Mzc5QzIwLjYwMDkgMTEuMjQ3NCAyMS4yMzQxIDExLjI0NzQgMjEuNjI0NiAxMS42Mzc5TDI3Ljk4ODYgMTguMDAxOVpNOS43NDE3IDE3LjcwOUgyNy4yODE1VjE5LjcwOUg5Ljc0MTdWMTcuNzA5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");
	background-repeat:no-repeat;
	background-position:right 3px center;
	background-size:15px auto;

}

@media screen and (max-width: 1050px) { /* Smartphone */
	.webcatalogContent-links{
		gap:12px 20px;
	}
	.webcatalogContent-links li{
		width:calc( (100% - 20px) / 2);
	}
}

@media screen and (max-width: 850px) { /* Smartphone */
	.webcatalogContent-links li a{
		font-size: 12px;
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.content-item-inner{
		padding:20px 0px;
	}
	.webcatalogContent-links li{
		width:100%;
	}
	.webcatalogContent-links li a{
		font-size: 14px;
	}
}
/*--------------------------------*
 * TOPICS
 *-------------------------------*/
.topicsBox{
	background:#e0e7ff;
	padding:80px 0;
}
.topicsBox .inner{
	width:1250px;
	margin:0 auto;

	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:flex-start;
	gap:15px 30px;
}
/* ----- */
.topicsBox-tit{
	width:250px;

	display: flex;
	flex-flow: column;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	gap:15px 0px;
}
.topicsBox-tit .tit{
	margin-bottom:0;
}
.topicsBox-tit .btn{
	width:100%;
}
.topicsBox-tit .btn a{
}
/* ----- */
.topicsBox-lstBox{
	width:calc( 100% - (250px + 30px));
	padding:0 30px;

	display:flex;
	flex-direction:column;
	gap:15px;
}
.topicsBox-lst{
	border-radius:10px;

	display:flex;
	flex-direction:column;
	gap:15px;
}
.topicsBox-lst li{
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
.topicsBox-lst li:last-child{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0px;
}
.topicsBox-lst li a{
	color:#000;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap:15px 5px;
}
.topicsBox-lst li a .cat{
	display:inline-block;
	background:#0F4125;
	color:#fff;
	font-size:13px;
	border-radius:100px;
	padding:5px 1em 2px;
}
.topicsBox-lst li a .date{
	display:block;
	width:130px;
	font-weight:bold;
}
.topicsBox-lst li a .tit{
	display:block;
}

.topicsBox-lst-msg{
	border-radius:2px;
	background:#fff;
	border:solid 2px #84090B;
	padding:3px;
	text-align:center;
	color:#000000;
}


@media screen and (max-width: 1250px) { /* Smartphone */
	.topicsBox .inner{
		max-width: calc(100% - 30px);
	}
}

@media screen and (max-width: 1000px) { /* Smartphone */
	.topicsBox-tit{
		width:140px;
	}
	.topicsBox-lstBox{
		width:calc( 100% - (140px + 30px));
	}
}
@media screen and (max-width: 767px) { /* Smartphone */

	.topicsBox{
		padding:30px 0;
	}
	.topicsBox .inner{
		gap:15px 30px;
	}
	/* ----- */
	.topicsBox-tit{
		width:100%;
		margin-bottom:20px;
		text-align:center;
	}
	/* ----- */
	.topicsBox-lstBox{
		width:100%;
		padding:0px;
	}
	.topicsBox-lst li:nth-child(n+4){
		display:none;
	}
	.topicsBox-tit {
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items:center;
		flex-flow:nowrap;
		gap:10px;
	}
	.topicsBox-tit .tit{
		width:100%;
		font-size:33px;
	}
	.topicsBox-tit .btn a{
		display:block;
		width:100%;
		font-size: clamp(14px, 0.5102vw + 12.0867px, 16px); /* Vary between 375px and 767px */
		padding:5px;
		gap:5px 5px;
	}

	.topicsBox-lst-msg{
		text-align:left;
		padding:5px 15px;
	}
}
@media screen and (max-width: 450px) { /* Smartphone */
	.topicsBox-lst li a{
		gap:4px;
	}
	.topicsBox-lst li a .date{
		width:100%;
		text-align:left;
		margin-bottom:0;
	}
	.topicsBox-lst li a .tit{
		width:100%;
	}
}

/*--------------------------------*
 * bannerLnks
 *-------------------------------*/
.bannerLnks{
	background: url(../img/bk01.jpg) repeat center center;
	padding-top: clamp(30px, 15.3061vw + -27.3980px, 90px); /* Vary between 375px and 767px */
}
.bannerLnks .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
@media screen and (max-width: 1200px) { /* Smartphone */
	.bannerLnks .inner{
		max-width: calc(100% - 30px);
	}
}
/* ----- */
.bannerLnks-s{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	gap:15px 20px;

	margin-bottom: clamp(25px, 12.7551vw + -22.8316px, 75px); /* Vary between 375px and 767px */
}
.bannerLnks-s .item{
	width:calc( (100% - 20px) / 2);
}
.bannerLnks-s .item a{
}
.bannerLnks-s .item a img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.bannerLnks-s .item{
		width:100%;
	}
}
/* ----- */
.bannerLnks-l{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	gap:15px 10px;
}
.bannerLnks-l .item{
	overflow:hidden;
	width:calc( (100% - 20px) / 3);
}

.bannerLnks-l .item .pic{
	margin-bottom: clamp(10px, 2.5510vw + 0.4337px, 20px); /* Vary between 375px and 767px */
}
.bannerLnks-l .item:first-child .pic img{
	border-radius:10px 0 0 10px;
}
.bannerLnks-l .item:last-child .pic img{
	border-radius:0 10px 10px 0;
}
.bannerLnks-l .item a{
	display:block;
}
.bannerLnks-l .item a .tit{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNi4zODg3IiBjeT0iMTYuMzg4NyIgcj0iMTUuODg4NyIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzI4Mzc1MyIvPjxwYXRoIGQ9Ik0yMy41NTIyIDE3LjM4MzRDMjMuOTQyNyAxNi45OTI5IDIzLjk0MjcgMTYuMzU5NyAyMy41NTIyIDE1Ljk2OTJMMTcuMTg4MyA5LjYwNTJDMTYuNzk3NyA5LjIxNDY4IDE2LjE2NDYgOS4yMTQ2OCAxNS43NzQxIDkuNjA1MkMxNS4zODM1IDkuOTk1NzMgMTUuMzgzNSAxMC42Mjg5IDE1Ljc3NDEgMTEuMDE5NEwyMS40MzA5IDE2LjY3NjNMMTUuNzc0MSAyMi4zMzMxQzE1LjM4MzUgMjIuNzIzNiAxNS4zODM1IDIzLjM1NjggMTUuNzc0MSAyMy43NDczQzE2LjE2NDYgMjQuMTM3OSAxNi43OTc3IDI0LjEzNzkgMTcuMTg4MyAyMy43NDczTDIzLjU1MjIgMTcuMzgzNFpNNy45NDYyOSAxNy42NzYzSDIyLjg0NTFWMTUuNjc2M0g3Ljk0NjI5VjE3LjY3NjNaIiBmaWxsPSIjMjgzNzUzIi8+PC9zdmc+");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:30px auto;
	padding-left:40px;
	font-size: clamp(14px, 0.7653vw + 11.1301px, 17px); /* Vary between 375px and 767px */
	font-weight:bold;
	color:#283753;
}
.bannerLnks-l .item a .tit span{
}
 .bannerLnks-l .item a .tit br{
	 display:none;
 }
.bannerLnks-l .item a .pic{
}
.bannerLnks-l .item a .pic img{
	width:100%;
	height:auto;

}
@media screen and (max-width: 767px) { /* Smartphone */

	.bannerLnks-l .item{
		width:100%;
		background:#fff;
		border:solid 1px #ccc;
		border-radius:10px;
	}
	.bannerLnks-l .item a{
		width:100%;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items:center;
		gap:0 10px;
	}
	.bannerLnks-l .item .pic{
		width:40%;
		margin-bottom:0 !important;
	}
	.bannerLnks-l .item .tit{
		width:calc(60% - 10px);
		background-size:15px auto !important;
		padding-left:25px !important;
	}
	.bannerLnks-l .item .pic img{
		border-radius:0 !important;

		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		vertical-align: bottom;
	}
	.bannerLnks-l .item a .tit{
	}
}
@media screen and (max-width: 600px) { /* Smartphone */
	.bannerLnks-l .item a .tit br{
		display:block;
	}
}

/*--------------------------------*
 * serviceArea
 *-------------------------------*/
.serviceArea{
	background: url(../img/bk01.jpg) repeat center center;
}
.serviceArea .inner{
	display:block;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
/* ----- */
.serviceArea .serviceLst{
	display: flex;
	flex-wrap:wrap;
	gap:40px 20px;
}
.serviceArea .serviceLst .item{
	width:calc( (100% - 40px) / 3);
}
.serviceArea .serviceLst .item a{
	color:#000;
	display:flex;
	flex-direction:column;
	gap:15px;
}
.serviceArea .serviceLst .item .pic{
    overflow: hidden;
	border-radius:10px;
	margin-bottom:5px;
	border:solid 1px #bbbbbb;
	background:#f5f5f5;
}
.serviceArea .serviceLst .item .pic img{
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	vertical-align: bottom;
}


.serviceArea .serviceLst .item .tit{
}
.serviceArea .serviceLst .item .tit span{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxOS41MjUiIGN5PSIyMC41MDAxIiByPSIxOS4wMjUiIHN0cm9rZT0iIzAwMjA2MCIvPjxwYXRoIGQ9Ik0yNy43NDE5IDIxLjIwNzFDMjguMTMyNCAyMC44MTY2IDI4LjEzMjQgMjAuMTgzNCAyNy43NDE5IDE5Ljc5MjlMMjEuMzc3OSAxMy40Mjg5QzIwLjk4NzQgMTMuMDM4NCAyMC4zNTQzIDEzLjAzODQgMTkuOTYzNyAxMy40Mjg5QzE5LjU3MzIgMTMuODE5NSAxOS41NzMyIDE0LjQ1MjYgMTkuOTYzNyAxNC44NDMxTDI1LjYyMDYgMjAuNUwxOS45NjM3IDI2LjE1NjlDMTkuNTczMiAyNi41NDc0IDE5LjU3MzIgMjcuMTgwNSAxOS45NjM3IDI3LjU3MTFDMjAuMzU0MyAyNy45NjE2IDIwLjk4NzQgMjcuOTYxNiAyMS4zNzc5IDI3LjU3MTFMMjcuNzQxOSAyMS4yMDcxWk05LjAxMTcyIDIwLjVWMjEuNUgyNy4wMzQ4VjIwLjVWMTkuNUg5LjAxMTcyVjIwLjVaIiBmaWxsPSIjMDAyMDYwIi8+PC9zdmc+");
	background-repeat:no-repeat;
	background-size:24px auto;
	background-position:0 5px;
	padding-left:35px;
	font-weight:bold;
	display:inline-block;
	color:#002060;
}

.serviceArea .serviceLst .item .txt{
}

@media screen and (max-width: 1200px) { /* Smartphone */
	.serviceArea .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */


	/* ----- */
	.serviceArea .serviceLst{
		gap:30px 20px;
	}

	.serviceArea .serviceLst .item{
		width:calc( (100% - 20px) / 2);
	}
	.serviceArea .serviceLst .item a{
		gap:5px;
	}
	.serviceArea .serviceLst .item .tit{
		line-height:1.2;
	}
	.serviceArea .serviceLst .item .tit span{
		background-size:18px auto;
		background-position:0 0px;
		padding-left:25px;
	}
	.serviceArea .serviceLst .item .txt{
		font-size:15px;
		line-height:1.2;
	}
	.serviceArea .serviceLst .item .txt{
		display:none;
	}
}
@media screen and (max-width: 600px) { /* Smartphone */
	.serviceArea .inner{
		max-width:calc(100% - 30px);
	}
}


/*--------------------------------*
 * exampleArea
 *-------------------------------*/
.exampleArea{
	background:#e0e7ff;
	padding-top: clamp(30px, 14.0306vw + -22.6148px, 85px); /* Vary between 375px and 767px */
	padding-bottom: clamp(30px, 14.0306vw + -22.6148px, 85px); /* Vary between 375px and 767px */
}


body.tax-example-cat .exampleArea,
body.post-type-archive-example .exampleArea,
body.single-service .exampleArea{
	padding:0;
	background:none;
}
body.tax-example-cat .exampleArea{
	padding-bottom:40px;
}

.exampleArea .inner{
	display:block;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
/* ----- */
.exampleArea .exampleLst{
	display: flex;
	flex-wrap:wrap;
	gap:40px 20px;
}
.exampleArea .exampleLst .item{
	width:calc( (100% - 60px) / 4);
}
.exampleArea .exampleLst .item a{
	color:#000;
}
.exampleArea .exampleLst .item .pic{
    overflow: hidden;
	border-radius:10px;
	margin-bottom:5px;
	border:solid 1px #bbbbbb;
	background:#f5f5f5;
}
.exampleArea .exampleLst .item .pic img{
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	vertical-align: bottom;
}
/* ---- */
.exampleArea .exampleLst .item .cat {
}
.exampleArea .exampleLst .item .cat .lbl {
	font-size:16px;
	background:#0F4125;
	color:#fff;
	padding:0px 10px;
	border-radius:100px;
}
.exampleArea .exampleLst .item .tit {
}
.exampleArea .exampleLst .item .area {
}


@media screen and (max-width: 1200px) { /* Smartphone */
	.exampleArea .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.exampleArea .exampleLst .item{
		width:calc( (100% - 20px) / 2);
	}
	.exampleArea .exampleLst .item .cat .lbl {
		font-size:13px;
		padding:0px 10px;
	}
}
@media screen and (max-width: 600px) { /* Smartphone */
	.exampleArea .inner{
		max-width:calc(100% - 30px);
	}
}



/*--------------------------------*
 * blogArea
 *-------------------------------*/
.blogArea{
	background: url(../img/bk01.jpg) repeat center center;
}
.blogArea .inner{
	display:block;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
/* ----- */
.blogArea .blogLst{
	display: flex;
	flex-wrap:wrap;
	gap:40px 20px;
}
.blogArea .blogLst .item{
	width:calc( (100% - 60px) / 4);
}
.blogArea .blogLst .item a{
	color:#000;
}
.blogArea .blogLst .item .pic{
    overflow: hidden;
	border-radius:10px;
	margin-bottom:5px;
	border:solid 1px #bbbbbb;
	background:#f5f5f5;
}
.blogArea .blogLst .item .pic img{
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	vertical-align: bottom;
}
.blogArea .blogLst .item .date{
	font-size: clamp(14px, 0.5102vw + 12.0867px, 16px); /* Vary between 375px and 767px */
	font-weight:bold;
}
.blogArea .blogLst .item .tit{
	font-size: 20px;
}

@media screen and (max-width: 1200px) { /* Smartphone */
	.blogArea .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.blogArea .blogLst .item{
		width:calc( (100% - 20px) / 2);
	}
	.blogArea .blogLst .item .tit{
		font-size:18px;
		line-height:1.2;
	}
}
@media screen and (max-width: 600px) { /* Smartphone */
	.blogArea .inner{
		max-width:calc(100% - 30px);
	}
}


/* =========================
 * 
 * pagenation
 *
 * ========================*/

/* =========================
   ページネーション
   ========================*/

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 20px 0;
    padding: 10px;
    list-style: none;
}

.pagination li {
    display: inline-block;
}

.pagination li a,
.pagination li span {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.3s ease;
    background-color: #fff;
}

/* ホバー時のスタイル */
.pagination li a:hover {
    background-color: #0073e6;
    color: #fff;
    border-color: #0073e6;
}

/* 現在のページ（リンクが生成される際は .current クラスが付与される想定） */
.pagination li .current {
    background-color: #0073e6;
    color: #fff;
    font-weight: bold;
    border-color: #0073e6;
    pointer-events: none;
}

/* 省略記号（dots）のスタイル */
.pagination li .dots {
    padding: 8px 12px;
    color: #666;
    font-weight: bold;
}

/* 「前へ」「次へ」ボタンのスタイル */
.pagination li.prev a,
.pagination li.next a {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}

.pagination li.prev a:hover,
.pagination li.next a:hover {
    background-color: #218838;
    border-color: #218838;
}


/* ----------
taiouArea - 対応エリア
  ---------- */
.taiouArea {
}
.taiouArea .inner {
	width:100%;
	max-width:1260px;
	margin:0 auto;
}

/* ---- */
.taiouArea .titBox-button {
}
.taiouArea .titBox-button .tit {
}
.taiouArea .titBox-button .btn {
}
.taiouArea .titBox-button .btn a {
}

/* ---- */
.taiouArea .cnt {
    display: flex;
	flex-direction:column;
	gap:15px;
	margin-bottom:80px;
}
.taiouArea .cnt p {
}
.taiouArea .cnt ul {
	list-style:disc;
	margin-left:1.5em;
}
.taiouArea .cnt ul li {
	flex:1;
}
.taiouArea iframe {
	aspect-ratio: 311 / 80;
	width: 100%;
	max-width:1555px;
	height:100%;
	display:block;
	vertical-align:bottom;
	margin:0 auto;
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
	.taiouArea .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.taiouArea {
	}
	.taiouArea iframe {
		height:250px;
	}
}


/* ---------- 
soudanBanner 
  ---------- */
.soudanBanner {
}
.soudanBanner .inner {
	width:100%;
	max-width:1240px;
	margin:0 auto;
}
/* ---- */
.soudanBanner .soudanArea {
	background:#D4DCEB;
	border-radius:10px;
	overflow:hidden;

	display:flex;
	aling-items:center;
	flex-wrap:wrap;
	gap:0px;
}
.soudanBanner .soudanArea .pic {
	width:39%;
}
.soudanBanner .soudanArea .pic img {
	border-radius:10px 0 0 10px;
	width:100%;
	height:auto;
	vertical-align:bottom;
}
.soudanBanner .soudanArea .cnt {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	gap:0px;

	width:61%;
	padding:15px 30px;
}
.soudanBanner .soudanArea .cnt .tit {
	font-weight:bold;
	margin-bottom:15px;
	font-size:22px;
}
.soudanBanner .soudanArea .cnt .txt {
}

/* Wide Breakpoint */
@media screen and (max-width: 1240px) {
	.soudanBanner {
		margin-bottom:50px;
	}
	.soudanBanner .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.soudanBanner .soudanArea {
		border:solid 1px #333;
	}
	.soudanBanner .soudanArea .pic {
		width:100%;
	}
	.soudanBanner .soudanArea .cnt {
		width:100%;
		padding:10px 20px;
	}
	.soudanBanner .soudanArea .pic img {
		border-radius:10px 10px 0 0px;
	}
}


/* ---------- 
bannerArea 
  ---------- */
.bannerArea {
}
.bannerArea .inner {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

/* ---- */
.bannerArea .bannerAreaLst {
	width:100%;
	display:flex;
	gap:10px 3%;
}
.bannerArea .bannerAreaLst li {
	width:calc( 100% - 3%);
	text-align:center;
}
.bannerArea .bannerAreaLst li a {
	display:block;
}
.bannerArea .bannerAreaLst li a img {
	width:100%;
	max-width:570px;
	height:auto;
	vertical-align:bottom;
}

/* Wide Breakpoint */
@media screen and (max-width: 1000px) {
	.bannerArea .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.bannerArea .bannerAreaLst {
		flex-wrap:wrap;
	}
	.bannerArea .bannerAreaLst li {
		width:100%;
	}
}

/* ---------- 
aboutArea 
  ---------- */
.aboutArea {
}
.aboutArea .inner {
	width:100%;
	max-width:1200px;
	margin:0 auto;

    display: flex;
	flex-wrap:wrap;
	gap:0 35px;
}

.aboutArea .inner .cnt{
	width:calc( 100% - (35% + 35px));
}
.aboutArea .inner .movie{
	width:35%;
}
/* ---- */
.aboutArea .cnt {
	display:flex;
	flex-direction:column;
	gap:20px;
}
.aboutArea .cnt h2 {
	font-size:33px;
	font-weight:bold;
}
.aboutArea .cnt p {
}
.aboutArea .cnt .btnArea {
}
.aboutArea .cnt .btnArea a {
}

/* ---- */
.aboutArea .movie {
}
.aboutArea .inner .movie iframe{
	width:100%;
	height:auto;
	aspect-ratio: 3 / 2;
	overflow:hidden;
}
.aboutArea .movie .txt {
	font-size:16px;
}

/* Wide Breakpoint */
@media screen and (max-width: 1200px) {
	.aboutArea .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.aboutArea .inner {
		display: flex;
		flex-wrap:wrap;
		flex-direction:column;
		gap:30px;
	}
	.aboutArea .cnt h2 {
		font-size:22px;
	}
	.aboutArea .inner .cnt{
		width:100%;
	}
	.aboutArea .inner .movie{
		width:100%;
	}
}

/*--------------------------
pageFooterBtns
---------------------------- */

/* -- .pageFooterBtns .tit -- */
.pageFooterBtns .tit {
    font-weight: bold;
    font-size: 33px;
    letter-spacing: 0.2em;
    text-align: center;
    color: #000;
    line-height: 1.6;
	margin-bottom: clamp(30px, 14.0306vw + -22.6148px, 85px); /* Vary between 375px and 767px */
}
.pageFooterBtns .tit:after {
    content: "";
    display: block;
    width: 80px;
    height: 5px;
    border-radius: 2.5px;
    background: #e5e5e5;
    margin: 4px auto 0;
}

.pageFooterBtns {
}
.pageFooterBtns .inner {
}
.pageFooterBtns .tit02 {
}
.pageFooterBtns .lst {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 10px;
}
.pageFooterBtns .item {
    flex-basis: calc((100% - 30px) / 4);
}
.pageFooterBtns .item a {
    font-weight: bold;

    text-align: left;
    padding-left: 1em;
    color: #000;

	padding-right:15px;
	font-size: 14px;

	background-color:#D4DCEB;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZWxsaXBzZSBjeD0iMTkuMjkzOCIgY3k9IjE5LjI5MzgiIHJ4PSIxOS4yOTM4IiByeT0iMTkuMjkzOCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMC4zODcyMDcgMzguNTg3NCkiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTI3Ljk4ODYgMTguMDAxOUMyOC4zNzkxIDE4LjM5MjQgMjguMzc5MSAxOS4wMjU2IDI3Ljk4ODYgMTkuNDE2MUwyMS42MjQ2IDI1Ljc4MDFDMjEuMjM0MSAyNi4xNzA2IDIwLjYwMDkgMjYuMTcwNiAyMC4yMTA0IDI1Ljc4MDFDMTkuODE5OSAyNS4zODk1IDE5LjgxOTkgMjQuNzU2NCAyMC4yMTA0IDI0LjM2NThMMjUuODY3MyAxOC43MDlMMjAuMjEwNCAxMy4wNTIxQzE5LjgxOTkgMTIuNjYxNiAxOS44MTk5IDEyLjAyODQgMjAuMjEwNCAxMS42Mzc5QzIwLjYwMDkgMTEuMjQ3NCAyMS4yMzQxIDExLjI0NzQgMjEuNjI0NiAxMS42Mzc5TDI3Ljk4ODYgMTguMDAxOVpNOS43NDE3IDE3LjcwOUgyNy4yODE1VjE5LjcwOUg5Ljc0MTdWMTcuNzA5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");
	background-repeat:no-repeat;
	background-position:right 3px center;
	background-size:15px auto;

    display: block;
    border-radius: 5px;
    border: 1px solid #9f9f9f;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 53px;
    text-decoration: none;
    letter-spacing: 0;
}
.pageFooterBtns .item a:hover {
    background-color: #fff;
}
.pageFooterBtns .item a span {
    display: block;
    padding: 0 25px 0 10px;
}

@media screen and (max-width: 767px) { /* Smartphone */
    .pageFooterBtns .lst {
        flex-direction: column; /* 縦並びにする */
        gap: 10px;
    }
    .pageFooterBtns .item {
        flex-basis: 100% !important;
        width: 100% !important;
        font-size: 11px !important;
    }
    .pageFooterBtns .item br {
        display: none;
    }
    .pageFooterBtns .item a {
        background-size: 16px;
        background-position: right 5px center;
    }
    .pageFooterBtns .item a span {
        padding: 0 25px 0 7px;
    }

    .pageFooterBtns .item.blank {
        display: none;
    }
}


/*--------------------------------*
 * staff-list
 *-------------------------------*/
.staff-list{
	display:flex;
	flex-direction:column;
	gap:40px;
}
.staff-list li{
	display:flex;
	flex-wrap:wrap;
	gap:45px;
}
.staff-list li .pic{
	width:160px;
}
.staff-list li .pic img{
	width:100%;
	max-width:160px;
	height:auto;
}
.staff-list li .cnt{
	width:calc( 100% - (160px + 45px) );
}
.staff-list li .cnt .kana{
	font-size:14px;
}
.staff-list li .cnt .msg{
	margin-top:20px;
	font-size:17px;
}

/* ----------
 visionBox
 ---------- */
.visionBox {
	display:flex;
	flex-direction:column;
	gap:50px;
}

/* ---- */
.visionBox .item {
	display:flex;
	flex-direction:column;
	gap:20px;
}
.visionBox .item .tit {
	font-weight:bold;
	position:relative;
	padding-left:80px;
	padding-bottom:15px;
	border-bottom:solid 1px #ccc;
}
.visionBox .item .tit:before {
	content:"01";
	display:inline-block;
	padding:0px 20px;
	border-radius:5px;
	background:#753d02;
	color:#fff;
	position:absolute;
	left:0;
	top:0px;
}
.visionBox .item:nth-child(1) .tit:before { content:"01"; }
.visionBox .item:nth-child(2) .tit:before { content:"02"; }
.visionBox .item:nth-child(3) .tit:before { content:"03"; }
.visionBox .item:nth-child(4) .tit:before { content:"04"; }
.visionBox .item:nth-child(5) .tit:before { content:"05"; }
.visionBox .item:nth-child(6) .tit:before { content:"06"; }
.visionBox .item:nth-child(7) .tit:before { content:"07"; }
.visionBox .item:nth-child(8) .tit:before { content:"08"; }
.visionBox .item:nth-child(9) .tit:before { content:"09"; }
.visionBox .item:nth-child(10) .tit:before { content:"10"; }
.visionBox .item:nth-child(11) .tit:before { content:"11"; }
.visionBox .item:nth-child(12) .tit:before { content:"12"; }
.visionBox .item:nth-child(13) .tit:before { content:"13"; }
.visionBox .item:nth-child(14) .tit:before { content:"14"; }


.visionBox .item .txt {
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
	.visionBox {
		display:flex;
		flex-direction:column;
		gap:30px;
	}
}

/* ----------
 mapBox
 ---------- */
.mapBox {
}

.mapBox iframe {
	display:block;
	width:100%;
	height:100%;
	aspect-ratio:16 / 9;
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
}


/* ----------
aboutBox01
    ---------- */
.aboutBox01 {
    display: flex;
	flex-direction:column;
	gap:30px;
}

/* ---- */
.aboutBox01 .item {
    display: flex;
    justify-content:space-between;
	gap:20px 20px;
	flex-wrap:wrap;
}
.aboutBox01 .item .tit02 {
	width:100%;
}
.aboutBox01 .item .pic {
	width:200px;
}
.aboutBox01 .item .pic img {
	width:100%;
	max-width:
	height:auto;
}
.aboutBox01 .item .cnt {
	width:calc( 100% - 220px);
}
.aboutBox01 .item .cnt p {
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
	.aboutBox01 .item .pic {
		width:100%;
		text-align:center;
	}
	.aboutBox01 .item .pic img{
		max-width:130px;
	}
	.aboutBox01 .item .cnt {
		width:100%;
	}
}





/* ----------
 faqSec
    ---------- */
.faqSec {
}
.faqSec .inner {
	width:100%;
	max-width:1000px;
	margin:0 auto;

	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:50px;

	border:solid 1px #a5a5a5;
	padding:30px;
	border-radius:7px;
}

/* ---- */
.faqSec .inner .faqSec-titArea {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:30px;
}
.faqSec .inner .faqSec-titArea .tit {
	font-weight:bold;
	font-size: clamp(16px, 1.4400vw + 10.6000px, 25px); /* Vary between 375px and 1000px */
	text-align:center;
}
.faqSec .inner .faqSec-titArea .tit span {
	background:url(../img/faqSec-titArea-icon.png) no-repeat left center;
	background-size:auto 80%;
	display:inline-block;
	padding:10px 0 10px 60px;
}
.faqSec .inner .faqSec-titArea .txt {
	text-align:center;
}

/* ---- */
.faqSec .inner .faqLst {
	display:flex;
	flex-direction:column;
	gap:30px;
}
.faqSec .inner .faqLst details {
	border-radius:7px;
}
.faqSec .inner .faqLst details summary {
	padding:20px 20px;
	padding-left:60px;
	background:url(../img/ac-down.png) no-repeat right 10px center;
	backgrond-size:20px auto;
	position:relative;
	border-bottom:solid 1px #a5a5a5;
}
.faqSec .inner .faqLst details summary:hover {
  cursor: pointer;
}

.faqSec .inner .faqLst details[open] summary{
	background: url(../img/ac-up.png) no-repeat right 10px center;
	backgrond-size:20px auto;
}
.faqSec .inner .faqLst details summary:before {
	display:block;
	width:20px;
	height:20px;
	content:"Q.";
	font-size:30px;
	font-weight:bold;
	color:#F97316;
	position:absolute;
	left:15px;
	top:7px;
}






.faqsec .inner .faqlst details summary strong {
	font-size:20px;
	font-weight:bold;
}
.faqSec .inner .faqLst details p {
}

.faqSec .inner .faqLst details .cnt{
	padding:10px 20px;

	display:flex;
	flex-direction:column;
	gap:10px;
	font-size:16px;
	position:relative;
	padding-left:60px;
}
.faqSec .inner .faqLst details .cnt:before{
	display:block;
	width:20px;
	height:20px;
	content:"A.";
	font-size:30px;
	font-weight:bold;
	position:absolute;
	left:15px;
	top:7px;
}
/* ---- */
.faqSec .inner .faqLst details .cnt {
    /* 追加スタイルがあればここに記述 */
}

/* リスト（ul, ol） */
.faqSec .inner .faqLst details .cnt ul,
.faqSec .inner .faqLst details .cnt ol {
    margin-left: 20px;
    padding-left: 0; /* 必要に応じて調整 */
}

.faqSec .inner .faqLst details .cnt ul {
    list-style-type: disc;
}

.faqSec .inner .faqLst details .cnt ol {
    list-style-type: decimal;
}

.faqSec .inner .faqLst details .cnt ul li,
.faqSec .inner .faqLst details .cnt ol li {
    /* 必要に応じて行間や余白を追加 */
    margin-bottom: 0.5em;
}

/* strong に対して明示的に font-weight を指定 */
.faqSec .inner .faqLst details .cnt strong {
    font-weight: bold;
}



.faq-cat-label{
	background:#eee;
	padding:5px 10px;
	border-radius:5px;
	font-weight:bold;
}
.faq-cat-label span{
	font-weight:normal;
}
/* Wide Breakpoint */
@media screen and (max-width: 1000px) {

	.faqSec {
		width: calc(100% - 30px);
		margin-left:auto;
		margin-right:auto;
	}
}

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

	.faqSec .inner {
		width: calc(100% - 0px);
		padding:10px;
	}

	.faqSec .inner .faqSec-titArea {
		gap:15px;
	}
	.faqSec .inner .faqLst{
		gap:15px;
	}
	.faqSec .inner .faqLst details summary{
		padding:8px 8px;
		padding-left:40px;
		padding-right:15px;

		font-size:16px;
	}

	.faqSec .inner .faqLst details summary:before {

		font-size:16px;
	}

	.faqsec .inner .faqlst details summary strong {
		font-size:17px;
	}

	.faqSec .inner .faqLst details .cnt{
		padding:8px 8px;
		padding-left:25px;

		font-size:16px;
	}
	.faqSec .inner .faqLst details .cnt:before{
		font-size:16px;
	}

	.faqSec .inner .faqLst details summary {
		padding-left:30px;
		background-size:15px auto;
		font-weight:bold;
	}
	.faqSec .inner .faqLst details[open] summary {
		background-size:15px auto !important;
	}
	.faqSec .inner .faqLst details summary:before ,
	.faqSec .inner .faqLst details .cnt:before {
		left:0px;
	}

}


/* ----------
serviceSec
---------- */
.serviceSec{
	margin-bottom:150px;
}
.serviceSec .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

/* Wide Breakpoint */
@media screen and (max-width: 1200px) {
	.serviceSec .inner{
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.serviceSec{
		margin-bottom:50px;
	}
}


/* ----------
services
---------- */
.services {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:50px;
}

/* ---- */
.services .servicesItem {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:15px 5%;
	border:solid 1px #a5a5a5;
	padding:25px;
	border-radius:6px;
}
.services .servicesItem .pic {
	width:30%;
}
.services .servicesItem .pic img {
	width:100%;
	height:100%;
	vertical-align:bottom;
	border-radius:6px;
}
.services .servicesItem .cnt {
	width:calc( 100% - ( 30% + 5%) );


	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:10px;

}
.services .servicesItem .cnt .tit {
	font-weight:bold;
	font-size:25px;
	color:#283753;
}
.services .servicesItem .cnt .txt {
	font-size: clamp(14px, 0.6319vw + 9.1532px, 18px); /* Vary between 767px and 1400px */
}
.services .servicesItem .cnt .subtit {
	font-weight:bold;
	color:#283753;
}
.services .servicesItem .cnt .lst {
}
.services .servicesItem .cnt .lst li {
	font-size: clamp(14px, 0.5102vw + 12.0867px, 16px); /* Vary between 375px and 767px */
	background-image: url(../img/icon-relySec-lst-check.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	background-size:20px auto;
	padding-left:30px;
}

.services .servicesItem .cnt .btnArea {
}
.services .servicesItem .cnt .btnArea a {
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
	.services .servicesItem {
	}
	.services .servicesItem .pic {
		width:100%;
	}
	.services .servicesItem .cnt {
		width:100%;
	}


	/* ---- */
	.services .servicesItem {
		padding:15px 10px;
	}

}


/* ----------
   otherWorksSec
   ---------- */
.otherWorksSec {
	background:#DDE9FF;
	padding:80px 0;
}
.otherWorksSec .inner {
	width:100%;
	max-width:1200px;
	margin:0 auto;

	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:30px;
}

/* ---- */
.otherWorksSec .titBlock {
	margin-bottom:0;
}
.otherWorksSec .titBlock .tit {
}
.otherWorksSec .titBlock p {
}

/* ---- */
.otherWorksSec .otherWorks {
}

/* ---- */
.otherCategoryLst{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}
.otherWorksSec .otherWorks .otherCategory {
	width:calc( (100% - 30px) / 3);
	background:#fff;
	padding:15px;
	border-radius:6px;

	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:10px;
}
.otherWorksSec .otherWorks .otherCategory h4 {
	font-weight:bold;
	text-align:center;
}
.otherWorksSec .otherWorks .otherCategory .lst {
}
.otherWorksSec .otherWorks .otherCategory .lst li {
	background-image: url(../img/icon-relySec-lst-check.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	background-size:20px auto;
	padding-left:30px;
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
	.otherWorksSec .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.otherWorksSec {
		background:#DDE9FF;
		padding:30px 0;
	}
	.otherCategoryLst{
		gap:15px;
	}
	.otherWorksSec .otherWorks .otherCategory {
		width:100%;
	}
}



/* ----------
newsLst
  ---------- */
.newsLst {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.newsLst .item {
	border-bottom: solid 1px #ccc;
	padding-bottom:15px;
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	gap: 15px;
}

/* 左側：日付・カテゴリ */
.newsLst .item .meta {
	display: flex;
	flex-direction: column;
	width: 180px;
	gap: 5px;
}
.newsLst .item .meta .date{
	font-weight:bold;
	font-size:15px;
	display:block;
	text-align:center;
}
.newsLst .item .meta .cat-item{
}
.newsLst .item .meta .cat-item span{
	display:block;
	width:100%;
	background:#0F4125;
	color:#fff;
	border-radius:100px;
	text-align:center;
	font-size:13px;
	padding:3px 0 5px;
}


/* タイトル部分 */
.newsLst .item .tit {
	width: calc(100% - 180px - 15px);
}

.newsLst .item .tit a {
	text-decoration: none;
	color: inherit;
}



/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
}

.soudankaiInfo{
	border:solid 2px #84090B;
	padding:5px 20px;
	border-radius:5px;
}
.soudankaiInfo .txt{
	color:#84090B;
}




/* ----------
soudanImage
  ---------- */
.soudanImage {
	margin-bottom:50px;
}
.soudanImage h2 {
	font-size:18px;
	margin-bottom:40px;
	font-weight:bold;
	text-align:center;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
}
.soudanImage ul {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:30px;
}
.soudanImage ul li {
	width:calc( (100% - 10px) / 2););
	text-align:center;
}
.soudanImage ul li img {
	width:100%;
	height:auto;
	max-width:257px;
	display:block;
	margin:0 auto;
	text-align:center;
}
.soudanImage ul li span {
	display:block;
	text-align:center;
	font-size:16px;
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
}



/* ----------
soudanReasons
  ---------- */
.soudanReasons {
	margin-bottom:40px;
}
.soudanReasons li {
	position:relative;
	padding-left:120px;
}
.soudanReasons li:before {
	content:"特徴その1";
	display:block;
	position:absolute;
	top:4px;
	left:0;
	font-weight:bold;
	background:#84090b;
	color:#fff;
	text-align:center;
	border-radius:5px;
	font-size:14px;
	width:100px;
}
.soudanReasons li:nth-child(1):before { content:"特徴その1"; }
.soudanReasons li:nth-child(2):before { content:"特徴その2"; }
.soudanReasons li:nth-child(3):before { content:"特徴その3"; }
.soudanReasons li:nth-child(4):before { content:"特徴その4"; }
.soudanReasons li:nth-child(5):before { content:"特徴その5"; }
.soudanReasons li:nth-child(6):before { content:"特徴その6"; }

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
}



/* ----------
soudanLists
  ---------- */
.soudanLists {
	border:solid 1px #ccc;
	padding:20px;
	border-radius:10px;
	margin-bottom:40px;
}
.soudanLists .tit {
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
	font-size;18px;
}
.soudanLists .lst {
	list-style:disc;
	margin-bottom:20px;
	padding-left:1em;
}
.soudanLists .lst li {
	font-size:17px;
}
.soudanLists .txt {
	background:#dce6ff;
	padding:10px;
	border-radius:10px;
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
}



/* ----------
links
  ---------- */
.links {
}
.links li {
}
.links li a {
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
}



/* ----------
 flowBox
 ---------- */
.flowBox {
	display:flex;
	flex-direction:column;
	gap:40px;
}

/* ---- */
.flowBox .step {
	border:solid 1px #ccc;
	padding:30px;
	border-radius:5px;

	display:flex;
	flex-direction:column;
	gap:20px;

	position:relative;
}
.flowBox .step:before {
	content:"Step 01";
	display:inline-block;
	width:80px;
	padding:5px 1em;
	background:#84090B;
	color:#fff;
	border-radius:5px;
	text-align:center;
	font-size:14px;
	
	position:absolute;
	top:-15px;
	left:15px;
}
.flowBox .step:nth-child(1):before {content:"Step 01"; }
.flowBox .step:nth-child(2):before {content:"Step 02"; }
.flowBox .step:nth-child(3):before {content:"Step 03"; }
.flowBox .step:nth-child(4):before {content:"Step 04"; }
.flowBox .step:nth-child(5):before {content:"Step 05"; }
.flowBox .step:nth-child(6):before {content:"Step 06"; }
.flowBox .step:nth-child(7):before {content:"Step 07"; }
.flowBox .step:nth-child(8):before {content:"Step 08"; }
.flowBox .step:nth-child(9):before {content:"Step 09"; }


.flowBox .step .tit{
	font-weight:bold;
}
.flowBox .step .txt{
	font-size:17px;
}
.flowBox .step .txt strong{
	display:block;
	background:#e0e7ff;
	padding:10px;
	border-radius:5px;
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
}