@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;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

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

a img {
  border: none;
}

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

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

html {
  overflow-y: scroll;
}

body {
  font-family: 'Noto Sans JP', Arial , sans-serif;
  color:#333333;
  overflow:hidden;
}

/*==============================

テンプレートパーツ
基本書式
 
================================ */
a{
	color:#007FFF;
}
a:hover{
	color:#366658;
}

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

/*==============================
 * .tit .txt .lnk and so on
================================ */
.box{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.layoutBox{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-left:auto;
	margin-right:auto;
}


.tit01{
	text-align:center;
}
.tit01 .ja{
	display:block;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	color:#34393D;
	margin-bottom:15px;
}
.tit01 .en{
	display:block;
	font-size:16px;
	text-align:center;
	color:#2C2E75;
}

/* ----- */
.tit02 {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
	position:relative;
}
.tit02 .ja{
	font-size:30px;
	font-weight:bold;
	margin-right:15px;
}
.tit02 .en{
	font-size:20px;
	color:#CC0033;
	font-weight:bold;
}
.tit02:before {
	content:"";
	width:140px;
	height:2px;
	background:#CC0033;
	position:absolute;
	left:0;
	bottom:-15px;
}

.tit03{
	font-size:46px;
	font-weight:bold;
	text-align:center;
	position:relative;
	padding-bottom:20px;
}
.tit03:before{
	content:"";
	width:140px;
	height:2px;
	background:#2C2E75;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}

.tit04{
	font-size:30px;
	color:#33393D;
	font-weight:bold;
	position:relative;
	border-bottom:solid 2px #DDDDDD; 
	padding-bottom:15px;
}
.tit04:before{
	content:"";
	display:block;
	width:140px;
	height:2px;
	background:#2C2E75;
	position:absolute;
	left:0;
	bottom:0;
}

.tit05{
	background:url(../img/circle_marker.png) no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#2C2E75;
	padding:9px 0 11px 55px ;
}
.tit06{
	font-size:20px;
	font-weight:bold;
	color:#2C2E75;
}

.txt01{
	font-size:16px;
	line-height:1.5;
}
.txt{
  line-height:1.5;
}
/* ---- */
ul.lst01{
	list-style:disc;
	margin-left:1em;
}
ul.lst01 li{
	margin-bottom:15px;
	font-size:16px;
	line-height:1.5;
}
ol.lst01{
	list-style:decimal;
	margin-left:1em;
}
ol.lst01 li{
	margin-bottom:15px;
	font-size:16px;
	line-height:1.5;
}
/* ---- */
.lead01{
	width:100%;
	background:#E8EBF3;
	position:relative;
	overflow:hidden;
}
.lead01:before{
	content:"";
	width:100%;
	height:500px;
	position:absolute;
	right:19%;
	background:#fff;
	z-index:1;
}
.lead01 .box{
	padding: 45px 125px;
	background:#E8EBF3;
	position:relative;
	z-index:10;
}
.lead01 .txt{
	font-size:28px;
	position:relative;
}
.lead01 .txt:before{
	content:"";
	display:block;
	width:160px;
	height:1px;
	border-bottom:solid 1px #333333;
	position:absolute;
	left:-175px;
	top:20px;
}
/* ---- */
.lead02{
	text-align:center;
	font-size:18px;
}
.lead02 span{
	font-size:24px;
	color:#2C2D74;
}

/* ---- */
.lnkLst01{
}
.lnkLst01 .item{
}
.lnkLst01 .item a{
	display:block;
	width:100%;
	text-decoration:none;
	padding:28px 20px;
	border-top:solid 1px #DDDDDD;
	color:#202020;
}
.lnkLst01 .item a span{
	display:block;
	background:url(../img/marker01.png) no-repeat right 10px center;
	font-size:16px;
	transition:all 0.1s ease;
}
.lnkLst01 .item:last-child a{
	border-bottom:solid 1px #DDDDDD;
}
.lnkLst01 .item a:hover span{
	background-position:right 5px center;
}


/* ---- */
.imgCenter{
	text-align:center;
}
.imgCenter img{
	width:100%;
	height:auto;
}

.btn01{
	display: block;
    text-decoration: none;
    color: #fff;
    border-radius: 100px;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    background: #2C2E75;
    transition: all 0.1s ease;
	margin-left:auto;
	margin-right:auto;
}
/* ----- */
.tbl01{
}
.tbl01 tr{
	background:#fff:
}
.tbl01 tr:nth-child(odd){
	background:#FAF8F2;
}
.tbl01 th{
	color:#2C2C73;
	font-size:20px;
	padding:15px 15px 15px 25px;
	font-weight:bold;
	line-height:1.5;
	vertical-align:top;
}
.tbl01 td{
	font-size:16px;
	padding:15px 15px 15px 25px;
	line-height:1.5;
}
@media screen and (max-width: 1200px) { /* Smartphone */
	.box{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.tit01{
		text-align:left;
	}
	.tit01 .ja{
		font-size:24px;
		text-align:left;
	}
	.tit01 .en{
		font-size:13px;
		text-align:left;
	}


	.tit02 {
	}
	.tit02 .ja{
		flex-basis:100%;
		order:2;
		font-size:24px;
	}
	.tit02 .en{
		flex-basis:100%;
		order:1;
		font-size:14px;
		margin-bottom:10px;
	}
	.tit02:before {
		width:90px;
	}

	.lnkLst01 .item a{
		padding:20px 5px;
	}
	.lnkLst01 .item a span{
		font-size:15px;
		background:url(../img/marker01.png) no-repeat right 5px center;
	}
	.lnkLst01 .item:last-child a{
	}
	.lnkLst01 .item a:hover span{
	}
}

/*==============================
SP - ヘッダー
================================ */

#spheader{
	background:#fff;
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:9999999;
}
#spheader .head-bar{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;      /* 垂直方向の中央寄せ */
}
#spheader .head-bar .header__logo{
	flex-basis:210px;
	padding:0 0 0 5px ;
}
#spheader .head-bar .header__logo img{
	width:100%;
	max-width:250px;
	height:auto;
	vertical-align:bottom;
}
#spheader .head-bar .menu-btn{
	flex-basis:59px;
}
#spheader .head-bar .menu-btn img{
	vertical-align:bottom;
	width:auto;
	height:64px;
}
@media screen and (max-width: 350px) { /* Smartphone */
	#spheader .head-bar .header__logo{
		flex-basis:200px;
	}
	#spheader .head-bar .menu-btn{
		flex-basis:59px;
	}
}

/* ------- */

.sp-menu {
	display: none;
	background:#2C2E75;
	overflow-y:scroll;
	height:calc(100vh - 59px);
}
.sp-menu a{
	color:#fff;
	text-decoration:none;
}



.sp-menu .acCheck {
	display: none;
}

/* アコーディオンタイトル*/
.sp-menu .ac-label {
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:15px 0 15px 20px;
	color:#fff;
	border-bottom:solid 1px #2C2E75;
	overflow:hidden;
	position:relative;
}
/* アコーディオンタイトル　横ボタン */
.sp-menu .ac-label::before{
	content:"";
	width: 50px;
	height: 100px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(-695%20-377)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201%22%20width%3D%221%22%20height%3D%2215%22%20transform%3D%22translate(702%20377)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202%22%20width%3D%221%22%20height%3D%2215%22%20transform%3D%22translate(710%20384)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	border-left:solid 1px #2C2E75;
}
.sp-menu .ac-label,
.sp-menu .ac-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

/* アコーディオン：本体 */
.sp-menu .ac-content {
	height: 0;
	padding:0px 0px;
	overflow: hidden;
	background:#535484;
}

/* アコーディオン：開閉時 */
.sp-menu .acCheck:checked + .ac-label + .ac-content {
	height: auto;
	min-height:10px;
	transition: all .3s;
}
/* アコーディオン：開閉時 */
.sp-menu .acCheck:checked + .ac-label::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%221%22%20viewBox%3D%220%200%2015%201%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20transform%3D%22translate(-695%20-384)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202%22%20width%3D%221%22%20height%3D%2215%22%20transform%3D%22translate(710%20384)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
/* -- */
 
.sp-menu .ac-content ul{
}
.sp-menu .ac-content ul li{
}
.sp-menu .ac-content ul li a{
	display:block;
	font-size:14px;
	padding:15px 0 15px 20px;
	color:#fff;
	border-bottom:solid 1px #2C2E75;
	overflow:hidden;
	position:relative;
}
.sp-menu .ac-content ul li a:before{
	content:"";
	width: 50px;
	height: 100px;
	background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.637%22%20height%3D%2216.125%22%20viewBox%3D%220%200%2016.637%2016.125%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203%22%20transform%3D%22translate(-692%20-348.445)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%2215%22%20transform%3D%22translate(692.5%20356.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M699.419%2C349.15l8.718%2C7.278-8.718%2C7.438%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	border-left:solid 1px #2C2E75;
}

/* sp-menu-otherLnk */
.sp-menu-otherLnk{
	margin:15px;
}
.sp-menu-otherLnk .tit{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#fff;
}
.sp-menu-otherLnk .lnk{
	background:#535484;
}

.sp-menu-otherLnk .lnk li a{
	display:block;
	font-size:14px;
	padding:15px 0 15px 20px;
	color:#fff;
	border-bottom:solid 1px #2C2E75;
	overflow:hidden;
}
.sp-menu-otherLnk .lnk li:last-child a{
	border:none;
}

/*==============================

header
 
================================ */
.header{
	display:flex;
	flex-flow:column;
	width:100%;
}



.header .inner{
	order:2;
	flex-basis:100%;
}
.header .headerSublnk{
	order:1;
	flex-basis:100%;
}

/*==============================

.header .inner{
 
================================ */
.header .inner{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:15px 0;

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

	transition:all 0.3s ease;
}
.header .inner .header__logo{
	flex-basis:33.33%;
}
.header .inner .header__logo a{
	text-decoration:none;
}
.header .inner .header__logo img{
	display:block;
	width:100%;
	max-width:399px;
	height:auto;
}

.header .inner .headerNav{
	flex-basis:60%;
}
/* ---- */
.header .inner .headerNav .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
}
.header .inner .headerNav .lst .item{
}
.header .inner .headerNav .lst .item > span,
.header .inner .headerNav .lst .item > a{
	text-decoration:none;
	color:#2C2E75;
}
.header .inner .headerNav .lst .item > span:hover,
.header .inner .headerNav .lst .item > a:hover{
	cursor:pointer;
}
.header .inner .headerNav .lst .item > span .en,
.header .inner .headerNav .lst .item > a .en{
	display:block;
	text-align:center;
	font-size:12px;
	margin-bottom:8px;
	font-style:italic;
}
.header .inner .headerNav .lst .item > span .ja,
.header .inner .headerNav .lst .item > a .ja{
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}



/* ------------------*
 * ドロップダウンメニュー
   ------------------*/

/* 1. ドロップダウンメニューをデフォルトで非表示にする */
.header .inner .headerNav .lst .item {
	position:relative;
	padding-bottom:20px;
}
.header .inner .headerNav .lst .item .dropDownMenu {
    display: none;
}

/* 2. .itemをホバーしたときに、その子のドロップダウンメニューを表示 */
.header .inner .headerNav .lst .item.active .dropDownMenu ,
.header .inner .headerNav .lst .item:hover .dropDownMenu {
    display: block;
	position:absolute;
    left: 50%; /* .itemの中央に配置 */
    transform: translateX(-50%); /* 自身の幅の半分だけ左に移動 */
	top:50px;
	z-index:100;

	width:175px;
	background-color: #fff; /* メニューの背景色 */
	border-radius: 0 0 5px 5px; /* 角の丸み */
	padding: 5px; /* メニューのパディング */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* 影の効果 */
	border:solid 1px #2C2E75;
	border-top:solid 4px #2C2E75;
}
.header .inner .headerNav .lst .item .dropDownMenu:before {
    content: '▲'; /* 上向きの三角形 */
    position: absolute;
    top: -10px; /* 三角形の高さ分だけ上に配置。値は調整する */
    left: 50%; /* 左右中央に配置 */
    transform: translateX(-50%); /* 自身の幅の半分だけ左に移動 */
    font-size: 10px; /* 三角形のサイズ。必要に応じて調整 */
}

.header .inner .headerNav .lst .item.active > span .ja  ,
.header .inner .headerNav .lst .item:hover > span .ja  ,
.header .inner .headerNav .lst .item.active > a .ja  ,
.header .inner .headerNav .lst .item:hover > a .ja  {
	color:#CC0033;
}

.header .inner .headerNav .lst .item.active .dropDownMenu li,
.header .inner .headerNav .lst .item:hover .dropDownMenu li{
	list-style: none; /* リストマーカーを非表示に */
	border-bottom:solid 1px #eee;
}

.header .inner .headerNav .lst .item.active .dropDownMenu li a,
.header .inner .headerNav .lst .item:hover .dropDownMenu li a{
	display:block;
	width:100%;
	text-decoration: none;
	color: #2C2E75; /* リンクの色 */
	padding:5px 5px;
	font-size:14px;
	line-height:1.5;
}
.header .inner .headerNav .lst .item.active .dropDownMenu li a:hover,
.header .inner .headerNav .lst .item:hover .dropDownMenu li a:hover{
	background:#eee;
}

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




	/* ドロップダウンメニュー　一番右項目制御（レスポンシブル時に切れるので）*/
	.header .inner .headerNav .lst .item.active:last-child .dropDownMenu ,
	.header .inner .headerNav .lst .item:hover:last-child .dropDownMenu {
		left: auto;
		right:0;
		transform: translateX(0%); /* 自身の幅の半分だけ左に移動 */
	}
	.header .inner .headerNav .lst .item.active:last-child .dropDownMenu:before ,
	.header .inner .headerNav .lst .item:hover:last-child .dropDownMenu:before {
		top: -10px; /* 三角形の高さ分だけ上に配置。値は調整する */
		left: auto;
		right:10px;
		transform: translateX(0%); /* 自身の幅の半分だけ左に移動 */
	}
}

@media screen and (max-width: 1000px) { /* Smartphone */
	.header .inner .headerNav .lst .item > span .en,
	.header .inner .headerNav .lst .item > a .en{
		font-size:12px;
	}
	.header .inner .headerNav .lst .item > span .ja,
	.header .inner .headerNav .lst .item > a .ja{
		font-size:14px;
	}
}

@media screen and (max-width: 800px) { /* Smartphone */
	.header .inner .headerNav .lst .item > span .en,
	.header .inner .headerNav .lst .item > a .en{
		color:#fff;
	}
	.header .inner .headerNav .lst .item > span .ja,
	.header .inner .headerNav .lst .item > a .ja{
		font-size:13px;
	}

}

/*==============================

.header .headerSublnk{
 
================================ */
.header .headerSublnk{
	order:1;
	flex-basis:100%;
	border:solid 1px #F5F6F7;
	padding:6px 0;
	transition:all 0.3s ease;
}
.header .headerSublnk .lst{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;

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

.header .headerSublnk .lst .item{
}
.header .headerSublnk .lst .item:nth-child(1) > a,
.header .headerSublnk .lst .item:nth-child(2) > a,
.header .headerSublnk .lst .item:nth-child(3) > a,
.header .headerSublnk .lst .item:nth-child(4) > span{
	display:inline-block;
	text-decoration:none;
	color:#2C2E75;
	background:url(../img/headerSublnk_icon_eng.png) no-repeat left center;
	background-size:25px auto;
	padding:5px 30px 5px 30px;
	font-size:14px;
	transition: width 0.5s ease; /* 幅の変化を滑らかに */
}
.header .headerSublnk .lst .item:nth-child(1) > a{ background-image:url(../img/headerSublnk_icon_eng.png); }
.header .headerSublnk .lst .item:nth-child(2) > a{ background-image:url(../img/headerSublnk_icon_access.png); }
.header .headerSublnk .lst .item:nth-child(3) > a{ background-image:url(../img/headerSublnk_icon_mail.png); }
.header .headerSublnk .lst .item:nth-child(4) > span{ background-image:url(../img/headerSublnk_icon_people.png); padding-right:0; }

.header .headerSublnk .lst .item:nth-child(1) > a:hover{ text-decoration:underline; }
.header .headerSublnk .lst .item:nth-child(2) > a:hover{ text-decoration:underline; }
.header .headerSublnk .lst .item:nth-child(3) > a:hover{ text-decoration:underline; }
.header .headerSublnk .lst .item:nth-child(4) > span:hover{ text-decoration:underline;  }


/* 種別の　DLOP DOWN MENU STAART*/
.item.lnk_syubetu{
	position:relative;
}
.syubetuLnk {
	display: block;
	text-decoration: none;
	color: #2C2E75; /* リンクの色 */
}
.syubetuLnk span{
	display:block;
	background:url(../img/headerSublnk_icon_arrow.png) no-repeat right 5px center;
	padding-right:30px;
}

.syubetuList {
	position: absolute; /* ドロップダウンメニューの位置指定 */
	left:0;
	display: none; /* 通常時は非表示 */
	background-color: #fff; /* メニューの背景色 */
	border-radius: 5px; /* 角の丸み */
	padding: 10px; /* メニューのパディング */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* 影の効果 */
	width:200px;
	z-index:100;
	border:solid 1px  #2C2E75; /* リンクの色 */
}

.syubetuList li {
	list-style: none; /* リストマーカーを非表示に */
	border-bottom:solid 1px #eee;
}

.syubetuList li a {
	display:block;
	width:100%;
	text-decoration: none;
	color: #2C2E75; /* リンクの色 */
	padding:10px;
	font-size:15px;
}

.syubetuLnk:hover + .syubetuList,
.syubetuList:hover {
	display: block; /* ホバー時に表示 */
	padding:10px;
}

/* --------------- */
.lnk__search .searchWrapper {
	position: relative; /* 検索アイコンの位置を調整するための基準 */
	display: flex; /* アイコンと入力枠を横に並べる */
	align-items: center; /* 中央に配置 */
	min-width:30px;
}

.lnk__search .searchInput {
	width: 0; /* 通常時は非表示 */
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	opacity:0;
	transition: width 0.3s ease; /* 幅の変化を滑らかに */
}

.lnk__search .searchIcon {
	cursor: pointer; /* マウスカーソルをポインタに */
	position: absolute; /* 位置を固定 */
	right: 5px; /* 入力枠の右端に配置 */
	top:0;
	bottom:0;
	width:20px;
	height:auto;
	margin:auto;
}

.lnk__search .searchWrapper:hover .searchInput {
	width: 200px; /* ホバー時に幅を広げる */
	opacity:1;
}



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

	.syubetuList {
		left:auto;
		right:0;
	}
}



/*==============================

スクロール時のアクション
 
================================ */
.header.scroll {
	position:fixed;
	left:0;
	right:0;
	z-index:999999999999;
	background:#fff;
}
.header.scroll .inner{
	padding:5px 0;
}
.header.scroll .headerSublnk{
	padding:0px 0;
}

.header.scroll .headerSublnk .lst .item:nth-child(1) > a,
.header.scroll .headerSublnk .lst .item:nth-child(2) > a,
.header.scroll .headerSublnk .lst .item:nth-child(3) > a,
.header.scroll .headerSublnk .lst .item:nth-child(4) > span{
	background-size:20px auto;
	font-size:13px;
	padding:5px 30px 5px 25px;
}



/*==============================

wrapper
 
================================ */
@media screen and (max-width: 767px) { /* Smartphone */
	#wrapper{
		margin-top:55px;
	}
}
/*==============================

contactArea
 
================================ */
.contactArea{
	background:#333 url(../img/contactArea_bk.jpg) no-repeat center center;
	background-size:cover;
}
.contactArea .inner{
	width:100%;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;

	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;

	padding:6% 0;
}
.contactArea .inner .cnt{
	flex-basis:49%;
	background:rgba(44, 46, 117, 0.8);
	padding:6% 5%;
}
.contactArea .inner .cnt .tit{
	text-align:center;
	font-weight:bold;
	font-size:30px;
	color:#fff;
	margin-bottom:25px;
	letter-spacing:2px;
}
.contactArea .inner .cnt .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.contactArea .inner .cnt .lst .item{
	flex-basis:46%;
}
.contactArea .inner .cnt .lst .item a {
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: 20px;
	letter-spacing: 2px;
	color: #2C2E75;
	background: #fff;
	border-radius: 100px;
	padding: 15px 5px;
	text-align: center;
	transition: box-shadow 0.1s ease; /* 滑らかな変化 */
}

.contactArea .inner .cnt .lst .item a:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); /* ホバー時の影（より近くに見えるように） */
}

@media screen and (max-width: 1400px) { /* Smartphone */
	.contactArea .inner{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.contactArea .inner .cnt{
		flex-basis:100%;
		margin-bottom:20px;
		padding:30px 15px;
	}
	.contactArea .inner .cnt:last-child{
		margin-bottom:0;
	}
	.contactArea .inner .cnt .tit{
		font-size:18px;
		margin-bottom:20px;
	}
	.contactArea .inner .cnt .lst .item a {
		font-size: 15px;
		padding: 11px 5px;
	}

}

/*==============================

contactArea02
 
================================ */
.contactArea02{
	background:#F0F1F1;
	padding:70px 0;
}
.contactArea02 .inner{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.contactArea02 .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.contactArea02 .item{
	flex-basis:40.5%;
}
.contactArea02 .item a{
	display:block;
	text-decoration:none;
	color:#fff;
	border-radius:100px;
	padding:20px 0;
	text-align:center;
	font-size:20px;
	background:#2C2E75;
	transition:all 0.1s ease;
}
.contactArea02 .item a:hover{
	background:#CC0033;
}
@media screen and (max-width: 1200px) { /* Smartphone */
	.contactArea02 .inner{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.contactArea02{
		padding:20px 0;
	}
	.contactArea02 .item{
		flex-basis:49%;
	}
	.contactArea02 .item a{
		padding:10px 0;
		font-size:16px;
	}

}

/*==============================

footer
 
================================ */
.footer{
	background:#F0F1F1;
	padding:100px 0 85px;
}
.footer .inner{
	width:100%;
	max-width:1560px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

/* ---- */
.footer .inner .footerLnks{
	flex-basis:25%;
}
.footer .inner .footerLnks .lnk{
	margin-bottom:60px;
}
.footer .inner .footerLnks .lnk:last-child{
	margin-bottom:0px;
}

/* ---- */
.footer .inner .footerLnks .lnk .parent{
	margin-bottom:23px;
}
.footer .inner .footerLnks .lnk .parent span,
.footer .inner .footerLnks .lnk .parent a{
	color:#2C2E75;
	font-size:18px;
	font-weight:bold;
}

/* ---- */
.footer .inner .footerLnks .lnk .item{
	margin-bottom:13px;
	padding-left:18px;
}
.footer .inner .footerLnks .lnk .item:last-child{
	margin-bottom:0px;
}
.footer .inner .footerLnks .lnk .item a{
	color:#2C2E75;
	font-size:16px;
	text-decoration:none;
}
.footer .inner .footerLnks .lnk .item a:hover{
	text-decoration:underline;
}

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

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


.address{
	padding:100px 15px;
	background:#2C2E75;
	color:#fff;
	text-align:center;
	font-size:16px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.address{
		padding:10px 5px;
		font-size:13px;
	}
	.footer{
		background:#F0F1F1;
		padding:30px 0 25px;
	}
	.footer .inner{
		max-width:100%;
	}
	.footer .inner .footerLnks{
		flex-basis:100%;
	}

	.footer .inner .footerLnks .lnk{
		margin-bottom:0px;
	}
	.footer .inner .footerLnks .lnk .parent span,
	.footer .inner .footerLnks .lnk .parent a{
		font-size:14px;
		font-weight:normal;
	}
	.footer .inner .footerLnks .lnk .item a{
		font-size:14px;
		display:block;
	}
	.footer .inner .footerLnks .lnk .item:last-child a{
		margin-bottom:20px;
	}

	/* アコーディオン　書式 */
	.spAccordion .parent {
	  cursor: pointer;
	  position: relative;
	}

	.spAccordion .parent::after {
	  content: '+';
	  position: absolute;
	  right: 10px;
	}

	.spAccordion .parent.active::after {
	  content: '-';
	}

	.spAccordion .item {
	  display: none;
	}

	.spAccordion .parent.active + .item {
	  display: block;
	}




	.spAccordion {
		padding:0 10%;
	}
	.spAccordion .parent{
	}

	/* --- */
	.noAccordion{
		border-top:solid 1px #ccc;
		margin-top:20px;
		padding-top:20px;
	}

	.noAccordion .item{
		margin-bottom:13px;
		padding:0 10% !important;
	}
}

/*==============================

pageTop
 
================================ */
@media screen and (max-width: 767px) { /* Smartphone */
	.pageTop img{
		width:40px;
		height:auto;
	}
}