@charset "UTF-8";
/* color */
:root {
	--base-color:#004098;
	--sub-color:#5f8ccb;
	--blue-color:#005ad5;
	--dark-color:#0b285a;
	--red-color:#cc0000;
	--yellow-color:#ffe700;
	--green-color:#107c41;
	--ivory-color:#fffff6;
	--lightgry-color:#dedede;
	--whitegry-color:#f4f4f4;
	--gry-color:#333;
	--darkgry-color:#666;
	--cv-color:#e53246;
}

/*-- Anchor -------------------------------------------------------------*/
a         { resize: none; }
a:link    { color:var(--base-color); text-decoration: none; }
a:visited { color:var(--base-color); text-decoration: none; }
a:hover   { color:#333; text-decoration: underline; }
a:active  { color:var(--base-color); text-decoration: none; }

footer a         { resize: none; }
footer a:link    { color:#fff; text-decoration: none; }
footer a:visited { color:#fff; text-decoration: none; }
footer a:hover   { color:#FFE300; text-decoration: none; }
footer a:active  { color:#fff; text-decoration: none; }

em { color: var(--red-color); font-style: normal; }

.post-thumbnail img {
    width: 100%;
    height: 220px; /* 揃えたい高さを指定 */
    object-fit: cover; /* はみ出した部分を自動でトリミング */
}

@media screen and (min-width: 768px) {
.inline-block { display: inline-block; }
.inline { display: inline; }
}
/*-- リスト全体をリンク　hover透過　グループリンク
-------------------------------------------------------------*/
.g_box { position:relative; }
.g_box:hover { cursor:pointer; opacity:0.7; }
.g_link { margin-bottom:0px; }
.g_link a {position:absolute; text-indent:-9999px; top:0px; left:0px; width:100%; height:100%; }

@media screen and (max-width: 599px) {
	.pc { display: none; }
}
@media screen and (min-width: 600px) {
	.sp { display: none; }
	.alC_pc { text-align: center; }
}
@media screen and (max-width: 1089px) {
	.pc_tab { display: none; }
}
@media screen and (min-width: 1090px) {
	.sp_tab { display: none; }
}
@media screen and (max-width: 899px) {
	.pc_tab_mini { display: none; }
}
@media screen and (min-width: 900px) {
	.sp_tab_mini { display: none; }
}
/*-- image -------------------------------------------------------------*/
@media screen and (max-width: 1089px) {
	.img_t_R { float:right; margin:0 0 2% 4%; width:45%;}
	.img_t_L { float:left; margin:0 4% 2% 0; width:45%;}
	.img_y_R { margin:0 10% 4%; width:80%;}
	.img_y_L { margin:0 10% 4%; width:80%;}
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	.img_t_R { float:right; margin:0 0 2% 4%; width:30%;}
	.img_t_L { float:left; margin:0 4% 2% 0; width:30%;}
	
	.committee .img_y_R { width:30%; float:right; margin:0 0 40px 40px }  
}
@media screen and (min-width: 1090px) {
	.img_t_R { float:right; margin:0 0 40px 40px; width:20%; position: relative; z-index: 1; }
	.img_t_L { float:left; margin:0 40px 40px 0; width:30%; position: relative; z-index: 1;}
	.img_y_R { float:right; margin:0 0 40px 40px; width:40%; position: relative; z-index: 1;}
	.img_y_L { float:left; margin:0 40px 40px 0; width:40%; position: relative; z-index: 1;}
	
	.img_t_R02 { float:right; margin:0 0 40px 40px; width:30%; position: relative; z-index: 1; }
	
	.committee .img_y_R { width:30%; }  
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.img_t_R { float:right; margin:0 0 40px 40px; width:30%; }
	.img_y_R { float:right; margin:0 0 40px 40px; width:50%; position: relative; z-index: 1; }
	.img_y_L { float:left; margin:0 40px 40px 0; width:50%; position: relative; z-index: 1; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.img_y_R { float:right; margin:0 0 40px 40px; width:50%; position: relative; z-index: 1; }
	.img_y_L { float:left; margin:0 40px 40px 0; width:50%; position: relative; z-index: 1; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
	.img_y_R { float:right; margin:0 0 40px 40px; width:45%; position: relative; z-index: 1; }
	.img_y_L { float:left; margin:0 40px 40px 0; width:45%; position: relative; z-index: 1; }
}
figcaption { margin-top: 10px; font-size: 0.9rem; }

/*-- header -------------------------------------------------------------*/
@media screen and (max-width: 1089px) {
	header .h1_out h1 { font-size: 10px; color: #000; line-height: 1.5; width: 98%; margin: 0 auto; padding: 0 1%; }
	header .in-head-flex { display: flex; justify-content: space-between; align-items: center; width: 98%; margin: 0 auto 10px; padding: 0 1%; }
	header .in-head-flex .hL { width: 30%; }	
	header .in-head-flex .hL .logo-inFlex { display: flex; justify-content: flex-start; align-items: center;  }
	header .in-head-flex .hL .logo-mark { max-width: 150px; }
	header .in-head-flex .hR { width: 66%; }
	header .in-head-flex .hR ul { display: flex; justify-content: flex-end; align-items: center; }
	header .in-head-flex .hR ul li { margin-left: 2%; font-size: 0.9rem; list-style: none; word-break: keep-all; }
	header .in-head-flex .hR ul li.sns { width: 35px; }
	header .in-head-flex .hR ul li:nth-child(1) { margin-left: 0; }
	header .in-head-flex .hR ul li.login { height: 30px; line-height: 30px; padding: 0 20px; background:var(--base-color); font-size: 0.8rem; display: flex; }
	header .in-head-flex .hR ul li.login a         { resize: none; display: flex; justify-content: center; align-items: center; }
	header .in-head-flex .hR ul li.login a:link    { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.login a:visited { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.login a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	header .in-head-flex .hR ul li.login a:active  { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.login .fas { margin-right: 10px; }
	header .in-head-flex .hR ul li.login .fa-unlock { display: none; } 
	header .in-head-flex .hR ul li.login a:hover .fa-unlock { display: inline-block; }
	header .in-head-flex .hR ul li.login a:hover .fa-lock { display: none; }
}
@media screen and (max-width: 899px) {
	header .in-head-flex .hR ul li.login { height: 40px; line-height: 40px; width: 50px; padding: 0; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; }
	header .in-head-flex .hR ul li.login span { display: none; }
	header .in-head-flex .hR ul li.login .fas { margin-right: 0; }
}
@media screen and (max-width: 599px) {
	header .h1_out h1 { color: #fff; text-align: center; margin-bottom: 5px; background: var(--base-color); }
	header .in-head-flex .hR ul li { margin-left: 3%; }
	header .in-head-flex .hR ul li.sns { width: 30px; }
	header .in-head-flex .hR ul li.login { height: 30px; line-height: 30px; width: 40px; font-size: 0.9em; }
	header .in-head-flex .hR ul li.h_menu { margin-right: 4%; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	header .in-head-flex .hR ul li.login span { display: none; }
	header .in-head-flex .hR ul li.login .fas { margin-right: 0px; }
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	header .h1_out h1 { font-size: 11px; } 
	header .in-head-flex .hL .logo-mark { max-width: 180px; }
	header .in-head-flex .hR ul li { margin-left: 3%; }
	header .in-head-flex .hR ul li.sns { width: 40px; margin-left: 2%; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	header .in-head-flex .hR ul li.sns { width: 40px; margin-left: 2%; }
}
@media screen and (min-width: 1090px) {
	header .h1_out { }
	header .h1_out h1 { font-size: 0.75rem; color: #000; line-height: 1.5; width: 98%; margin: 0 auto; padding: 0 1%;  }
	
	header .in-head-flex { display: flex; justify-content: space-between; align-items: center; width: 98%; margin: 0 auto 10px; padding: 0 1%; }
	
	header .in-head-flex .hL { width: 30%; }	
	header .in-head-flex .hL .logo-inFlex { display: flex; justify-content: flex-start; align-items: center;  }
	header .in-head-flex .hL .logo-mark { max-width: 200px; }
	
	header .in-head-flex .hR { width: 70%; }

	header .in-head-flex .hR ul { display: flex; justify-content: flex-end; align-items: center; }
	header .in-head-flex .hR ul li { margin-left: 1%; font-size: 0.9rem; list-style: none; word-break: keep-all; }
	header .in-head-flex .hR ul li.sns { width: 30px; }
	header .in-head-flex .hR ul li:nth-child(1) { margin-left: 0; }
	
	header .in-head-flex .hR ul li.login { height: 30px; line-height: 30px; padding: 0 20px; background:var(--base-color); font-size: 0.8rem; }
	header .in-head-flex .hR ul li.login a         { resize: none; display: block; }
	header .in-head-flex .hR ul li.login a:link    { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.login a:visited { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.login a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	header .in-head-flex .hR ul li.login a:active  { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.login .fas { margin-right: 10px; }
	header .in-head-flex .hR ul li.login .fa-unlock { display: none; } 
	header .in-head-flex .hR ul li.login a:hover .fa-unlock { display: inline-block; }
	header .in-head-flex .hR ul li.login a:hover .fa-lock { display: none; }
	
	header .in-head-flex .hR ul li.h_menu { display: none; }
} 
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	header .in-head-flex .hL .logo-mark { max-width: 180px; }
	header .in-head-flex .hR ul li.sns { width: 25px; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	header .in-head-flex .hL .logo-mark { max-width: 190px; }
	header .in-head-flex .hR ul li.sns { width: 25px; }
}
/*-- is-fix  -------------------------------------------------------------*/
header.is-fix { position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; background: #fff; }
@media screen and (max-width: 1089px) {
	header.is-fix { box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25); }
	header.is-fix .in-head-flex { width: 100%; margin: 0 auto; padding: 0.5% 1%; }
	header.is-fix .h1_out { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
	header.is-fix .in-head-flex .hL .logo-mark { width: 120px; }
}
@media screen and (min-width:600px) and (max-width: 1089px) {
	header.is-fix .in-head-flex .hR ul li.sns { width: 40px; }
	header.is-fix .in-head-flex .hR ul li.login { height: 40px; line-height: 40px; width: 50px; padding: 0 0px; background: var(--base-color); font-size: 1em; }
	header.is-fix .in-head-flex .hR ul li { margin-left: 1%; }
}
@media screen and (min-width:600px) and (max-width: 899px) {
	header.is-fix .in-head-flex .hR ul li.login { display: flex; justify-content: center; align-items: center; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	header.is-fix .in-head-flex .hR ul li.login { display: flex; justify-content: center; align-items: center; }
}
@media screen and (min-width: 1090px) {
	header.is-fix { box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25); }
	/*header.is-fix .h1_out { display: none; }*/
	header.is-fix .h1_out { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
	header.is-fix .in-head-flex { max-width: 100%; width: 100%; padding: 0px; margin-bottom: 0px; }
	header.is-fix .in-head-flex .hL { margin: 5px 0 5px 1%; }
	header.is-fix .in-head-flex .hL .logo-mark { width: 150px; }
		
	header.is-fix .in-head-flex .hR { margin-right: 1%; }
	header.is-fix .in-head-flex .hR ul li { font-size: 0.75rem; }
	header.is-fix .in-head-flex .hR ul li.sns { width: 25px; }
}

/*-- megaMenu  -------------------------------------------------------------*/
header nav { display: none; }
@media screen and (min-width: 1090px) {
	header.is-move nav { background: var(--base-color); padding: 15px 0 !important; display: block !important; width: 100% !important; height: 100% !important; }
	header.is-move nav ul { display: flex; justify-content: space-between; align-items: center; padding: 0 2%; position: relative; }
	header.is-move nav > ul > li { font-size: 1.0rem; text-align: center; margin: 0 1%; white-space: nowrap; }
	header.is-move nav > ul > li:hover { background: var(--dark-color); }
	header.is-move nav > ul > li a         { resize: none; display: block; word-break: keep-all; }
	header.is-move nav > ul > li a:link    { color:#fff; text-decoration: none; }
	header.is-move nav > ul > li a:visited { color:#fff; text-decoration: none; }
	header.is-move nav > ul > li a:hover   { color:#fff; text-decoration: none; background: var(--dark-color); }
	header.is-move nav > ul > li a:active  { color:#fff; text-decoration: none; }
	
	header.is-move nav > ul > li .menu { transition: all .2s ease-in; max-height: 0; opacity: 0; min-width: 200px; text-align: left; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 10; background-color: #fff; display: none; }
	header.is-move nav > ul > li:last-child .menu { position: absolute; top: 100%; left: inherit; right: 0; transform: translateX(0); }
	header.is-move nav > ul > li:first-child .menu { position: absolute; top: 100%; left: 0; transform: translateX(0); }
	header.is-move nav > ul > li.menuCommittee { }
	header.is-move nav > ul > li.menuCommittee .menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; z-index: 20; }
	
	header.is-move nav > ul > li:hover .menu { max-height: 9999px; opacity: 1; display: block; }
	
	header.is-move nav > ul > li .menu > .menu_inner { padding:20px; }
	header.is-move nav > ul > li .menu > .menu_inner p:last-child { margin-bottom: 0px; }
	header.is-move nav > ul > li .menu > .menu_inner p a { word-break: keep-all; font-size: 0.9rem; display: block; transition: all .2s ease-in; padding-left: 1em; text-indent: -1.5em; }
	header.is-move nav > ul > li .menu > .menu_inner p a:before { content: "├" / ""; margin-right: 10px; color: #ccc; }
	
	header.is-move nav > ul > li .menu > .menu_inner.menu_inner-flex { display: none;  }
	header.is-move nav > ul > li:hover .menu > .menu_inner.menu_inner-flex { display: flex; justify-content: center; }
	
	header.is-move nav > ul > li .menu > .menu_inner.menu_inner-flex .menu_inner-flex-in { margin: 0 1%; }
	header.is-move nav > ul > li .menu > .menu_inner .m-child-toggle-Content p a { padding-left: 1.0em; text-indent: -1.0em; }
	header.is-move nav > ul > li .menu > .menu_inner .m-child-toggle-Content p a:before { content: "-" / ""; margin-right: 10px; color: #ccc; }
	
	header.is-move nav > ul .menu .menu_inner p a         { resize: none; display: block; color:#000; }
	header.is-move nav > ul .menu .menu_inner p a:link    { color:#000; text-decoration: none; }
	header.is-move nav > ul .menu .menu_inner p a:visited { color:#000; text-decoration: none; }
	header.is-move nav > ul .menu .menu_inner p a:hover   { color:#fff; text-decoration: none; opacity: 1.0; background: var(--base-color); }
	header.is-move nav > ul .menu .menu_inner p a:active  { color:#000; text-decoration: none; }
	
	header.is-fix nav { display: none; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	header.is-move nav > ul > li { font-size: 0.80rem; }
	header.is-move nav > ul > li .menu > .menu_inner p { font-size: 0.75rem; } 
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	header.is-move nav > ul > li { font-size: 0.85rem; }
	header.is-move nav > ul > li .menu > .menu_inner p { font-size: 0.80rem; } 
}

/*-- header search -------------------------------------------------------------*/

/* スクリーンリーダー向けテキスト（画面からは見えなくする） */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* iOS/Safariなどで type="search" に勝手につく丸みや影をリセット */
header .in-head-flex .hR ul li.search input[type="search"] {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

/* ボタンのデフォルト装飾（枠線など）を消す */
header .in-head-flex .hR ul li.search button.search-submit {
	border: none;
	cursor: pointer;
	outline: none;
}

/* ボタン内の画像がコンテナサイズにピッタリ収まるように調整 */
header .in-head-flex .hR ul li.search button.search-submit img {
	width: 100%;
	height: auto;
	display: block;
}


/* ==========================================================================
   header search （元のデザイン指定部分）
   ========================================================================== */

@media screen and (max-width: 1089px) {
	header .in-head-flex .hR ul li .searchBtn { width: 50px; height: 40px; background: var(--base-color); display: flex; justify-content: center; align-items: center; }
	header .in-head-flex .hR ul li .searchBtn { display: flex; justify-content: center; align-items: center;} 
	header .in-head-flex .hR ul li .searchBtn img { width: 40%; }
}

@media screen and (max-width: 899px) {
	header .in-head-flex .hR ul li .searchBtn_pc { display: none; }	
	header .in-head-flex .hR ul li .searchBtn_pc { position: absolute; top: 70px; left: 0; right: 0; margin: 0 auto; width: 90%;  z-index: 999; background: var(--base-color); padding: 2% 10%; }
	header .in-head-flex .hR ul li .searchBtn_pc input[type="search"]{ border: 1px solid var(--base-color); padding: 0px 10px; height: 40px; line-height: 40px; font-size: 0.9rem; width: 80%; }
	header .in-head-flex .hR ul li .searchBtn_pc button.search-submit{ background:var(--dark-color); display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; position: absolute; top: 15px; right: 18%; padding: 6px; }
}

@media screen and (max-width: 599px) {
	header .in-head-flex .hR ul li .searchBtn { width: 40px; height: 30px; font-size: 0.8em; } 
	header .in-head-flex .hR ul li .searchBtn img { width: 40%; }
	
	header .in-head-flex .hR ul li .searchBtn_pc { position: absolute; top: 60px; right: 0; width: 80%;  z-index: 999; background: var(--base-color); padding: 4% 10%; }
	header .in-head-flex .hR ul li .searchBtn_pc input[type="search"]{ border: 1px solid var(--base-color); padding: 0px 10px; height: 30px; line-height: 30px; font-size: 0.9rem; width: 100%; }
	header .in-head-flex .hR ul li .searchBtn_pc button.search-submit{ background:var(--dark-color); display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; position: absolute; top: 15px; right: 10%; padding: 6px; }
	
	header.is-fix .in-head-flex .hR ul li .searchBtn_pc { position: absolute; top: 34px; }
}


@media screen and (min-width:600px) and (max-width: 899px) {
	header.is-fix .in-head-flex .hR ul li.search input[type="search"]{ height: 40px; line-height: 40px; font-size: 0.9rem; }
}
@media screen and (min-width:600px) and (max-width: 1089px) {
	header.is-fix .in-head-flex .hR ul li.search input[type="search"]{ height: 30px; line-height: 30px; font-size: 0.8rem; }
	header.is-fix .in-head-flex .hR ul li.search button.search-submit{ width: 30px; height: 30px; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	header .in-head-flex .hR ul li.search { position: relative; }
	header .in-head-flex .hR ul li.search input[type="search"]{ border: 1px solid var(--base-color); padding: 0px 10px; height: 30px; line-height: 30px; font-size: 0.9rem; }
	header .in-head-flex .hR ul li.search button.search-submit{ background:var(--base-color); display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; position: absolute; top: 0; right: 0; padding: 6px; }
	header .in-head-flex .hR ul li.search input[type="search"]::placeholder { font-size: 0.7rem; }	
	
	header .in-head-flex .hR ul li.search .searchBtn { display: none; }
}

@media screen and (min-width: 1090px) {
	header .in-head-flex .hR ul li.search { position: relative; }
	header .in-head-flex .hR ul li.search input[type="search"]{ border: 1px solid var(--base-color); padding: 0px 10px; height: 30px; line-height: 30px; font-size: 0.9rem; }
	header .in-head-flex .hR ul li.search button.search-submit{ background:var(--base-color); display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; position: absolute; top: 0; right: 0; padding: 6px; }
	header .in-head-flex .hR ul li.search input[type="search"]::placeholder { font-size: 0.7rem; }
	header .in-head-flex .hR ul li.search .searchBtn { display: none; }
}

/*-- SP menu-trgger -------------------------------------------------------------*/
@media screen and (max-width: 1089px) {
	header .in-head-flex .hR ul li.h_menu { display: block; position: relative; z-index: 9999; }
	.menu-trigger,.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; border: none; background: none; padding: 0;}
	.menu-trigger { width:  60px; height: 20px; display: flex; justify-content: space-between; align-items:flex-start; flex-direction: column; }
	.menu-trigger:hover{ cursor:pointer; }
	.menu-trigger span { left: 4.2px; width: 100%; height: 1px; background-color: var(--base-color); border-radius: 2px; }
	.menu-trigger span:nth-of-type(1) { }
	.menu-trigger span:nth-of-type(2) { width: 75%; }
	.menu-trigger span:nth-of-type(3) { }
	
	.h_menu .active span { background-color: #fff !important; } /* 色を変える */
	.h_menu .active span:nth-of-type(3) { bottom: 15px; }
	.menu-trigger.active span:nth-of-type(1) {
	 -webkit-transform: translateY(20px) rotate(-45deg);
	 transform: translateY(8px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	.menu-trigger.active span:nth-of-type(3) {
	 -webkit-transform: translateY(-20px) rotate(45deg);
	 transform: translateY(-8px) rotate(45deg);
	}
	header nav#overlay{ display: none; width: 90%; margin: 0 0 0 10%; padding: 10% 0 4% 4%; height: calc(100% - 0px); text-align: center; position: fixed; top: 0px; right: 0px; z-index: 999; background:var(--base-color); box-sizing: border-box; box-shadow: -4px 0px 16px -6px rgba(0,0,0,0.6); overscroll-behavior: none; }
	header nav#overlay .in { overflow: auto; height: 100%; -webkit-overflow-scrolling: touch; }
	header nav#overlay ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	header nav#overlay ul li { margin-right: 6%; font-size: 1.0em; margin-bottom: 40px; text-align: left; }
	header nav#overlay ul li a         { resize: none; display: block; }
	header nav#overlay ul li a:link    { color:#fff; text-decoration: none; }
	header nav#overlay ul li a:visited { color:#fff; text-decoration: none; }
	header nav#overlay ul li a:hover   { color:#fff; text-decoration: none; background: var(--dark-color); }
	header nav#overlay ul li a:active  { color:#fff; text-decoration: none; }
	
	header nav#overlay ul li .menu { margin: 10px 0 0 10px; }
	header nav#overlay ul li .menu .menu_inner p:last-child { margin-bottom: 0px; text-align: left; }
	header nav#overlay ul li .menu .menu_inner p a { word-break: keep-all; font-size: 0.9em; display: block; transition: all .2s ease-in; padding-left: 0em; text-indent: -1.5em; }
	header nav#overlay ul li .menu .menu_inner p a:before { content: "├" / ""; margin-right: 10px; color: #ccc; }
	header nav#overlay ul li .menu .menu_inner .m-child-toggle-Content p a:before { content: "-" / ""; margin-right: 10px; color: #ccc; }
	
	header nav#overlay ul .menu .menu_inner p a         { resize: none; display: block; }
	header nav#overlay ul .menu .menu_inner p a:link    { color:#fff; text-decoration: none; }
	header nav#overlay ul .menu .menu_inner p a:visited { color:#fff; text-decoration: none; }
	header nav#overlay ul .menu .menu_inner p a:hover   { color:#fff; text-decoration: none; background: var(--dark-color); }
	header nav#overlay ul .menu .menu_inner p a:active  { color:#fff; text-decoration: none; }
}
@media screen and (max-width: 599px) {
	header nav#overlay { width: 90%; padding: 15% 0 4% 4%; }
	header nav#overlay ul li { width: 100%; margin-right: 0%;}
	.menu-trigger { width: 45px; }
	header nav#overlay .m-sns { display: flex; justify-content: center; align-items: center; }
	header nav#overlay .m-sns div { width: 30px; margin: 0 2%; }
	header nav#overlay ul li .menu .menu_inner p a { padding-left: 0.5em; }
	header nav#overlay ul li .menu .menu_inner .m-child-toggle-Content p a { padding-left: 1.0em; }
	header nav#overlay ul li .menu_inner-flex-in { margin-bottom: 20px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	header .in-head-flex .hR ul li.h_menu { margin-right: 2%; }
	.menu-trigger { margin-right: 4%; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	header .in-head-flex .hR ul li.h_menu { margin-right: 2%; }
	.menu-trigger { margin-right: 4%; }
}
@media screen and (min-width: 1090px) {
	header.is-fix .in-head-flex .hR ul li.h_menu { display: block; position: relative; z-index: 9999; }
	.menu-trigger,.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
	.menu-trigger { width: 45px; height: 20px; display: flex; justify-content: space-between; align-items:flex-start; flex-direction: column; background: none; border: none; padding: 0; background: none; border: none; padding: 0;}
	.menu-trigger:hover{ cursor:pointer; }
	.menu-trigger span { left: 4.2px; width: 100%; height: 1px; background-color: var(--base-color); border-radius: 2px; }
	.menu-trigger span:nth-of-type(1) { }
	.menu-trigger span:nth-of-type(2) { width: 75%; }
	.menu-trigger span:nth-of-type(3) { }
	
	.h_menu .active span { background-color: #fff !important; } /* 色を変える */
	.h_menu .active span:nth-of-type(3) { bottom: 15px; }
	.menu-trigger.active span:nth-of-type(1) {
	 -webkit-transform: translateY(20px) rotate(-45deg);
	 transform: translateY(8px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	.menu-trigger.active span:nth-of-type(3) {
	 -webkit-transform: translateY(-20px) rotate(45deg);
	 transform: translateY(-8px) rotate(45deg);
	}
	header.is-fix nav#overlay{ display: none; width: 90%; margin: 0 0 0; padding: 2% 0 2% 2%; height: calc(100% - 0px); text-align: center; position: fixed; top: 0px; right: 0px; z-index: 999; background:var(--base-color); box-sizing: border-box; box-shadow: -4px 0px 16px -6px rgba(0,0,0,0.6);}
	header.is-fix nav#overlay .in { overflow: auto; height: 100%; -webkit-overflow-scrolling: touch; }
	header.is-fix nav#overlay ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	header.is-fix nav#overlay ul li { margin-right: 6%; margin-bottom: 30px; text-align: left; }
	header.is-fix nav#overlay ul li a         { resize: none; display: block; }
	header.is-fix nav#overlay ul li a:link    { color:#fff; text-decoration: none; }
	header.is-fix nav#overlay ul li a:visited { color:#fff; text-decoration: none; }
	header.is-fix nav#overlay ul li a:hover   { color:#fff; text-decoration: none; background: var(--dark-color); }
	header.is-fix nav#overlay ul li a:active  { color:#fff; text-decoration: none; }
	
	header.is-fix nav#overlay ul li a.menuParent { font-size: 1.2em; font-weight: bold; }
	header.is-fix nav#overlay ul li .menu { margin: 10px 0 0 10px; }

	header.is-fix nav#overlay ul li .menu .menu_inner p { line-height: 1.0; padding: 5px; margin-bottom: 5px; }
	header.is-fix nav#overlay ul li .menu .menu_inner p:hover { background: var(--dark-color); }
	header.is-fix nav#overlay ul li .menu .menu_inner p:last-child { margin-bottom: 0px; text-align: left; }
	header.is-fix nav#overlay ul li .menu .menu_inner p a { word-break: keep-all; font-size: 1.0em; display: block; transition: all .2s ease-in; padding-left: 0em; text-indent: -1.5em; }
	header.is-fix nav#overlay ul li .menu .menu_inner p a:before { content: "├" / ""; margin-right: 10px; color: #ccc; }
	
	header.is-fix nav#overlay ul .menu .menu_inner p a         { resize: none; display: block; }
	header.is-fix nav#overlay ul .menu .menu_inner p a:link    { color:#fff; text-decoration: none; }
	header.is-fix nav#overlay ul .menu .menu_inner p a:visited { color:#fff; text-decoration: none; }
	header.is-fix nav#overlay ul .menu .menu_inner p a:hover   { color:#fff; text-decoration: none; }
	header.is-fix nav#overlay ul .menu .menu_inner p a:active  { color:#fff; text-decoration: none; }
	
	header.is-fix nav#overlay > ul > li .menu > .menu_inner.menu_inner-flex { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	header.is-fix nav#overlay > ul > li .menu > .menu_inner.menu_inner-flex .menu_inner-flex-in { margin-right: 4%; margin-bottom: 20px; }
	header.is-fix nav#overlay > ul > li .menu > .menu_inner.menu_inner-flex .menu_inner-flex-in:last-child { margin-right: 0%; }
	header.is-fix nav#overlay > ul > li .menu > .menu_inner .m-child-toggle-Content p { margin-bottom: 0px; }
	header.is-fix nav#overlay > ul > li .menu > .menu_inner .m-child-toggle-Content p a { padding-left: 0em; font-size: 0.9rem; margin-bottom: 0px; line-height: 1.7; text-indent: -1.0em; }
	header.is-fix nav#overlay > ul > li .menu > .menu_inner .m-child-toggle-Content p a:before { content: "-" / ""; margin-right: 10px; color: #ccc; }
	
	header.is-fix nav#overlay > ul > li.menuCommittee { width: 96%; margin-right: 0px; }
	header.is-fix nav#overlay > ul > li.menuCommittee p { word-break: break-all; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	header.is-fix nav#overlay ul li a.menuParent { font-size: 1.1em; }
	header.is-fix nav#overlay ul li .menu .menu_inner p a { font-size: 0.95em; }
}
/*-- メニュートグル -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.menu_header { display: flex; justify-content: space-between; align-items: center; }
	.toggle_btn { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background-color: var(--dark-color); border: 1px solid var(--dark-color); cursor: pointer; position: relative; }
	.toggle_btn::before { content: "＋" / ""; font-size: 16px; color: #fff; }
	.toggle_btn.is-active::before { content: "－" / ""; }
	.menu { display: none; }
	.menu.is-open { display: block; }
	header nav#overlay ul li { margin-bottom: 20px; }
}
@media screen and (min-width: 600px) {
	.toggle_btn { display: none; }
}

/* --- 共通・PC用スタイル --- */
.m-child-toggle-Content { display: block; }
/* --- スマホ・タブレット用スタイル（1089px以下） --- */
@media screen and (max-width: 1089px) {
	.m-child-toggle { display: flex; justify-content: space-between; align-items: center; margin: 0; }
	.child_toggle_btn { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; cursor: pointer; position: relative; background: var(--dark-color); border: none; border: 1px solid var(--base-color); }
	.child_toggle_btn::before { content: "\f107" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 0.9rem;; color: #fff; }
	.child_toggle_btn.is-active::before { content: "\f106" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; }
}
@media screen and (max-width: 599px) {
	.m-child-toggle-Content { margin-top: 10px; }
}
@media screen and (min-width: 1090px) {
	.child_toggle_btn { display: none; }
}

/*-- コンテンツ -------------------------------------------------------------*/
@media screen and (max-width: 1089px) {
	.ttl01 { text-align: center; margin-bottom: 20px; font-weight: bold; font-size: 1.5rem; line-height: 1.5; color: #333; }	
	.ttl01 span.xsmall { color: #333; font-size: 0.8em; }
	.ttl02 { color: #333; margin-bottom: 20px; font-size: 1.0rem; font-weight: bold; text-align: center; }
	.subttl01 { text-align: center; color: #333; margin-bottom: 10px; font-weight: bold; line-height: 1.5; margin-bottom: 5px; }
	.ttlBar { width: 5%; height: 5px; margin: 0 auto 20px;}
	.mark { width: 30px; margin: 0 auto 10px; }	
	.lead { margin-bottom: 20px; }
	.movie_icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 30px;}
	.nayami { width: 120px; margin: 0 auto 20px;}
	
	section .in.in-center { margin: 5vh 6% 10vh; }
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	section .in { margin: 0 2%; }
	.ttl01 { font-size: 2.0rem; }
	.ttl02 { font-size: 1.1rem; }
	.mark { width: 40px; margin: 0 auto 20px; }	
	.movie_icon { width: 40px;}
	.nayami { width: 150px; margin: 0 auto 20px;}
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.ttl01 { font-size: 1.8rem; }
	.ttl02 { font-size: 1.2rem; }
}

@media screen and (min-width: 1090px) {
	section .in { max-width: 1200px; width: 100%; margin: 0 auto 10vh 0; padding: 0 0%;}
	section .in.in-center { margin: 0 auto 10vh; }
	.ttl01 { color: #333; padding-bottom: 5px; margin-bottom: 40px; border-bottom: 1px solid var(--base-color); font-size: 2.1rem; line-height: 1.5; background: url("../img/common/icon-sail.png") 0 center no-repeat; background-size: 40px; padding-left: 50px; letter-spacing: 0.1em;  }	
	.ttl01 span { border-bottom: 1px solid var(--base-color); padding-bottom: 2px; }
	
	.ttl02 { color: #333; margin-bottom: 20px; font-size: 1.5rem; font-weight: bold; text-align: center; }
	.ttlBar { width: 5%; height: 5px; margin: 0 auto 40px;}
	.subttl01 { text-align: center; color: #333; margin-bottom: 10px; font-weight: bold; line-height: 1.0; margin-bottom: 5px; }
	.mark { width: 60px; margin: 0 auto 20px; }	
	.lead { margin-bottom: 40px; }
	.lead_alC { text-align: center; }
	.movie_icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50px;}
	.nayami { width: 180px; margin: 0 auto 20px;}
	
	.spotTtl { text-align: center; margin-bottom: 20px; }
	.spotTtl span { background: #ef5555; color: #fff; font-weight: bold; padding: 5px 20px; }
}
@media screen and (min-width: 1090px) and (min-width: 1189px) {
	.ttl01 { font-size: 1.8rem; }
	.ttl02 { font-size: 1.2rem; }
}
@media screen and (min-width: 1190px) and (min-width: 1289px) {
	.ttl01 { font-size: 1.9rem; }
	.ttl02 { font-size: 1.3rem; }
}
@media screen and (min-width: 1290px) and (min-width: 1389px) {
	.ttl01 { font-size: 2.0rem; }
	.ttl02 { font-size: 1.4rem; }
}

/*-- バナーリスト -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.bnrList li { width: 80%; margin:0 auto 20px; }
	
	.bnrList02 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
	.bnrList02 li { width: 49%; margin: 0 0% 10px; }
}
@media screen and (min-width: 600px) {
	.bnrList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 1vh; }
	.bnrList li { width: 18.4%; margin: 0 1% 20px; }
	.bnrList-gold li { width: 25.00%; margin: 0 1% 20px; }
	.bnrList-advan li { width: 22.00%; margin: 0 1% 20px; }
	
	.bnrList02 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
	.bnrList02 li { width: 15%; margin: 0 1% 20px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.bnrList li { width: 31%; margin: 0 1% 20px; }
	.bnrList02 li { width: 31%; margin: 0 1% 20px; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.bnrList02 li { width: 31%; margin: 0 1% 20px; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.bnrList02 li { width: 18%; margin: 0 1% 20px; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.bnrList02 li { width: 18%; margin: 0 1% 20px; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}


/*-- footer ------------------------------------------------------------*/
footer { background:var(--base-color); }
@media screen and (max-width: 899px) {
	footer {  }
	footer .in { color:#000; padding: 6% 2%; width: 92%; display: flex; flex-direction: column; }

	footer .f-flex { display: flex; flex-direction: column; }
	footer .f-flex-R { order: 1; margin-bottom: 40px; border-bottom: 1px solid var(--light-gry); }
	footer .f-flex-L { order: 2; }
	footer .f-flex-L .fLogo { width: 80%; margin: 0 auto 20px; }
	footer .f-flex-L p { text-align: center; font-size: 0.9rem; color: #fff; }
	footer .in p.xlarge { font-size: 1.0rem; }
	footer .f-flex-L ul li { text-align: center; margin-bottom: 10px; font-size: 0.8rem; }
	footer .f-flex-L ul.sns { display: flex; justify-content: center; }
	footer .f-flex-L ul.sns li { width: 30px; margin: 20px 2%; }
	
	footer .f-flex-R { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;  }	
	footer .f-flex-R .f_menu { width: 48%; margin-bottom: 20px; }
	footer .f-flex-R .f_menu p { font-size: 0.9rem; word-break: keep-all; margin-bottom: 10px; }
	footer .f-flex-R .f_menu li { font-size: 0.8rem; margin-bottom: 10px; padding-left: 1.5em; text-indent: -1.5em;}
	footer .f-flex-R .f_menu li:before { content: "├" / ""; margin-right: 10px; color: #fff; opacity: 0.5; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	footer .f-flex-R .f_menu { width: 30%; margin-bottom: 20px; }
	footer .f-flex-L .fLogo { width: 40%; }
}
@media screen and (min-width: 900px) {	
	footer { padding-top: 2vh; position: relative; z-index: 10; }
	footer .in { color:#000; padding:30px 2%; padding-bottom: 5vh; }
	footer .in .fLogo { width: 200px; margin: 0 0 20px; background: #fff; padding: 10px;  }
	footer .in .sns { display: flex; justify-content: flex-start; }
	footer .in .sns li { width: 40px; margin-right: 10px; }
	footer .in p { font-size: 0.9rem; word-break: keep-all; margin-bottom: 10px; color: #fff;  }
	footer .in p.xlarge { font-size: 1.1rem; }
	
	footer .f-flex { display: flex; justify-content: space-between;  }
	footer .f-flex-L { width: 30%; }
	footer .f-flex-L ul li { font-size: 0.9rem; margin-bottom: 5px; }
	
	footer .f-flex-R { display: flex; justify-content: flex-end; flex-wrap: wrap; width: 70%; }
	
	footer .f-flex-R .f_menu { margin-left: 60px; margin-bottom: 40px; }
	footer .f-flex-R .f_menu p { font-size: 0.95rem; word-break: keep-all; margin-bottom: 10px; }
	footer .f-flex-R .f_menu li { font-size: 0.85rem; word-break: keep-all; margin-bottom: 10px; }
	footer .f-flex-R .f_menu li:before { content: "├" / ""; margin-right: 10px; color: #fff; opacity: 0.5; }
}

footer .in a         { resize: none; position: relative;}
footer .in a:link    { color:#fff; text-decoration: none; }
footer .in a:visited { color:#fff; text-decoration: none; }
footer .in a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
footer .in a:active  { color:#fff; text-decoration: none; }
@media screen and (min-width: 1490px) {	
	footer .in .in-in-f-flex { display: flex; justify-content: flex-start; padding-left: 0.75em; }
}

/*-- copyright ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	#copyright { background:var(--base-color); text-align:center; margin-bottom:0px; padding:1px 0; color:#fff; font-size:12px; }
}
@media screen and (min-width: 600px) {
	#copyright { background:var(--base-color);  text-align:center; margin-bottom:0px; padding:1px 0; color:#fff; font-size:12px; }
}
/*-- pagetop ------------------------------------------------------------*/
#pagetop { background: var(--sub-color); opacity: 0.5; }
#pagetop a         { color:#fff; display: block; resize: none; }
#pagetop a:link    { color:#fff; text-decoration: none; }
#pagetop a:visited { color:#fff; text-decoration: none; }
#pagetop a:hover   { color:var(--light-gry); text-decoration: none; }
#pagetop a:active  { color:#fff; text-decoration: none; }
@media screen and (max-width: 599px) {
	#pagetop { width: 40px; height: 40px; line-height: 40px; position:fixed; right:2%; bottom:2%; opacity:0.8; z-index: 999; text-align: center; margin-bottom: 0px; border-radius: 50%; }
}
@media screen and (min-width: 600px) and (max-width: 1079px) {
	#pagetop { width: 50px; height: 50px; line-height: 50px; position:fixed; right:20px; bottom:20px; opacity:0.8; z-index: 999; text-align: center; margin-bottom: 0px; border-radius: 50%; }
}
@media screen and (min-width: 1080px) {
	#pagetop { width: 50px; height: 50px; line-height: 50px; position:fixed; right:20px; bottom:20px; opacity:0.8; z-index: 999; text-align: center; margin-bottom: 0px; border-radius: 50%; }
}

/*-- box LINK ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	#wrapper .box_link_btn a { color:#fff; width:80; height:40px; line-height:40px; border:var(--base-color) 1px solid; border-radius: 20px; display:block; text-align:center; margin:0 auto; background:var(--base-color); font-size: 0.9rem; }
	#wrapper .box_link_btn a:link    { color:#fff; text-decoration: none; }
	#wrapper .box_link_btn a:visited { color:#fff; text-decoration: none; }
	#wrapper .box_link_btn a:hover   { color:var(--base-color); text-decoration: none; background:#fff; }
	#wrapper .box_link_btn a:active  { color:#fff; text-decoration: none; }
}
@media screen and (min-width: 600px) {
	#wrapper .box_link_btn a { color:#fff; width:450px; height:50px; line-height:50px; border:var(--base-color) 1px solid; border-radius: 25px; display:block; text-align:center; margin:0 auto; background:var(--base-color); }
	#wrapper .box_link_btn a:link    { color:#fff; text-decoration: none; }
	#wrapper .box_link_btn a:visited { color:#fff; text-decoration: none; }
	#wrapper .box_link_btn a:hover   { color:var(--base-color); text-decoration: none; background:#fff; }
	#wrapper .box_link_btn a:active  { color:#fff; text-decoration: none; }
	
	#wrapper .box_link_btn_L a { margin: 0 0;}
	
	#wrapper .box_link_btn_300 a { width: 300px; margin: 0 auto;}
	#wrapper .box_link_btn_80 a { width: 80%; margin: 0 auto;}
	#wrapper .box_link_btn_200 a { width: 200px; margin: 0 auto; height:30px; line-height: 30px; font-size: 0.8rem; }
	#wrapper .box_link_btn_100 a { width: 100%; margin: 0 auto; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.box_link_btn a { width: 100%;}
}
#wrapper .box_link_btn_pdf a:after { content: "\f1c1" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 1em;}
/*-- sp tbl overscroll ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.scroll { overflow: auto; white-space: nowrap;}
	.scroll::-webkit-scrollbar { height: 10px; }
	.scroll::-webkit-scrollbar-track { margin: 0 2px; background: #ccc; border-radius: 5px; }
	.scroll::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }
}
@media screen and (max-width: 1089px) {	
	.scroll-menu { overflow-y: scroll; padding: 0 0% 4%; margin-bottom: 60px; max-height: 90vh; overscroll-behavior-y: contain; }
	.scroll-menu::-webkit-scrollbar { width: 6px; }
	.scroll-menu::-webkit-scrollbar-track { margin: 0 2px; background: #ccc; border-radius: 5px; }
	.scroll-menu::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--darkgry-color); }
}
@media screen and (max-width: 599px) {
	.scroll-menu { padding: 0 4% 4% 2%; }
}
@media screen and (min-width: 1090px) {
	header.is-fix nav#overlay .scroll-menu { overflow-y: scroll; padding: 0 0% 4%; margin-bottom: 0px; max-height: 90vh; overscroll-behavior-y: contain;}
	header.is-fix nav#overlay .scroll-menu::-webkit-scrollbar { width: 6px; }
	header.is-fix nav#overlay .scroll-menu::-webkit-scrollbar-track { margin: 0 2px; background: var(--gry-color); border-radius: 5px; }
	header.is-fix nav#overlay .scroll-menu::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--darkgry-color); }
}

/*-- list ------------------------------------------------------------*/
ol { list-style: decimal; padding-left: 1em; }
ol li { margin-bottom: 10px; }
ol li::marker {　content: counter(list-item) "." / "";}
ol li:last-child { margin-bottom: 0px; }

ol li ul { margin-top: 10px; }

sup { font-size: 0.7rem; position: relative; top: -2px;}
.intendList li { padding-left: 3em; text-indent: -4em; }

.dotList li { margin-bottom: 0px; padding-left: 1em; text-indent: -1.5em; }
.dotList li:before { content: "・" / ""; margin-right: 0.5em; }

.dotListWrap { column-count: 2; column-gap: 20px; }

.templatePage .dotList li { margin-bottom: 0px; padding-left: 1em; text-indent: -1.5em; } 
.templatePage .dotList li:before { content: "・" / ""; margin-right: 0.5em; } 

.arrowList li { margin-bottom: 10px;}
.arrowList li:last-child { margin-bottom: 0px;}
.arrowList li:before { content: "\f101" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color: var(--base-color); }

.arrowList02 li { margin-bottom: 10px;}
.arrowList02 li:last-child { margin-bottom: 0px;}
.arrowList02 li:before { content: "\f0da" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color: var(--base-color); }

/*.wp-block-list li { margin-bottom: 10px;}
/*.wp-block-list li:last-child { margin-bottom: 0px;}
/*.wp-block-list li:before { content: "\f0da" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color: var(--base-color); }

/*-- wordpress ページャーカラー ------------------------------------------------------------*/
#pager a:hover { background: var(--gry-color) !important; }
#pager .pages, #pager .current, #pager .extend, #pager a { color: var(--gry-color) !important; background: #fff !important; }
#pager a { color: var(--gry-color) !important;  }
#pager .pages, #pager .current { background: var(--lightgry-color) !important;}
#pager a.page { border: 1px solid var(--lightgry-color); }

.searchList dl { margin-bottom: 10px;}
.search-snippet { margin-bottom: 0; font-size: 0.9rem; }
.searchList li dl dt { background: var(--base-color); padding: 1px 10px; color: #fff; font-size: 0.8rem; margin-right: 10px; }
@media screen and (max-width: 767px) {
	.searchList li dl dt { margin-bottom: 10px; display: inline-block; }
}
@media screen and (min-width: 768px) {	
	.searchList li dl { margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; }
}
.highlight { background-color: #ffff00; color: #000000; padding: 2px; font-style:normal; }
.search-highlight { background-color: #ffff00; color: #000000; padding: 2px; font-style:normal; font-weight: bold; }
/*-- Adjustment ------------------------------------------------------------*/

input:focus, textarea:focus, select:focus, .box_link_btn a:focus { outline: 2px solid #ffda00; outline-offset: 2px; }

.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

.pg5  { padding:  5px !important; }
.pg10 { padding: 10px !important; }
.pg15 { padding: 15px !important; }
.pg20 { padding: 20px !important; }
.pg25 { padding: 25px !important; }
.pg30 { padding: 30px !important; }
.pg35 { padding: 35px !important; }
.pg40 { padding: 40px !important; }

.mg0  { margin: 0  !important; }
.pg0  { padding: 0 !important; }

.ofh  { overflow: hidden; }
.fltR { float: right; }
.fltL { float: left; }
.clr  { clear: both; }

.posRe { position: relative; }
.posAb { position: absolute; }

.alJ { text-align: justify; }
.alC { text-align: center; }
.alR { text-align: right; }
.alL { text-align: left; }

.xlarge { font-size: 1.2em; }
.large  { font-size: 1.1em; }

.xsmall { font-size: 0.8em; }
.small  { font-size: 0.9em; }

.bold { font-weight: bold; }
.red  { color: #ef5555; }
.blk {color:#000;}
.endi { color: var(--base-color);}

.under {text-decoration:underline; border-color:#666;}

.marker { background:linear-gradient(transparent 60%, #ffff00 60%); }

.border-dotted { display: block; clear: both; height: 1px; border: none; border-bottom: dotted 1px #ddd !important; }
.border-solid  { display: block; clear: both; height: 1px; border: none; border-bottom: solid 1px #ddd  !important; }

.trans-ease { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.link-hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.link-hover:hover { opacity: 0.7; filter: alpha(opacity=70); }

.roboto { font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
.g_font { font-family: "Rounded Mplus 1c"; font-weight:300; }
.gothic { font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; }
.min { font-family: 'Noto Serif JP','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro', serif; }
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/*-- clearfix ------------------------------------------------------------*/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* *html .cf { zoom: 1; } */
*:first-child+html .cf { zoom: 1; } /* IE7 */



