@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}

table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; max-width:100%;}
video{ max-width:100%;}
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1100px;}
#body-top{ overflow:hidden;}


/*▼ヘッダー▼*/
h1{ opacity:0; height:0px; overflow:hidden;}
#header{ width:1100px; margin:auto; overflow:hidden; margin-bottom:40px;}
#header .left{ display:inline-block;}
#header .left img{ vertical-align: middle;}
#header .left p{ display:inline-block; vertical-align: middle; font-weight:bold; position:relative; top:10px; font-size:30px;line-height:1.3em; padding-bottom:10px;}
#header .left p span{ display:inline-block; padding:5px 10px; color:#FFF; background:#88b73c; font-size:16px; line-height:1em;border-radius:5px;}
#header .left a{ display:block; text-decoration:none;}

#header .right{ float: right; display:inline-block; margin-top:20px;}
#header .right .telarea{ display:inline-block; vertical-align:middle; display:none;}
#header .right .telarea .p-01{ font-size:35px; font-family: "Oswald", sans-serif; font-weight:bold;}
#header .right .telarea .p-01 i{ color:#239daf; margin-right:5px; font-size:90%;}
#header .right .telarea .p-01 a{ color:#000; text-decoration:none;}
#header .right .telarea .p-02{ font-size:16px;}
#header .right .telarea .p-02 span{ display:inline-block; padding:0 5px; border:#239daf solid 1px; margin-right:10px;border-radius:5px;}
#header .right .snsarea{ display:inline-block; vertical-align:middle; margin:0 10px;}

#header .right .contactarea{ display:inline-block;vertical-align:middle;}
#header .right .contactarea a{ display:inline-block; text-align:center; padding:5px 20px;background: linear-gradient(to right, #249dae, #9fd32c); vertical-align:middle; text-decoration:none; border-radius:10px;}
#header .right .contactarea i{ color:#239daf; margin-right:5px; font-size:30px; color:#FFF; line-height:1em;}
#header .right .contactarea .p-01{ font-size:20px;font-weight:bold; color:#FFF; line-height:1em;}
#header .right .contactarea .p-02{ font-family: "Oswald", sans-serif; color:#FFF; line-height:1em;}



/*▼メインナビゲーション▼*/
/*▼ナビゲーション▼*/
#navi-bk{ text-align:center;}
#navi{ margin:0;padding:0 0 0px; display:inline-block; position:relative; clear:both;}
#navi .li{font-weight:600; float:left; padding:0 15px; text-align:center;}
#navi .li:last-child{ margin-right:0;}
#navi .li i{ color:#333333; margin-right:4px; font-size:15px; position:relative; top:-1px;}
#navi .li a{ color:#333333; text-decoration:none;position:relative; padding-bottom:18px;}
#navi .li a:hover{ opacity:0.8;}
#navi .li a:after /*ナビ下線*/{ content: ""; position: absolute;left: 0;bottom:0px;width: 100%;height:5px;background: #ea833c;transform: scale(0, 1);transition: 0.3s;}
#navi .li a:hover:after{transform: scale(1);}



/*▼ナビ・サブメニュー▼*/
.sub-menu { background:rgba(255,255,255,0.8);position: absolute; display:inline-block;top:38px;left: 75px; -webkit-transition: 0.25s; transition: 0.25s; overflow: hidden; opacity: 0; height: 0; z-index:3;}
.sub-menu-02{ left:50px;}
.sub-menu .inner{ padding:20px 0px 30px 0px; overflow:hidden;}
.sub-menu .inner ul{ text-align:left;}
.sub-menu .inner .li-02{ display:inline-block; padding:0 20px 0 20px;font-size:15px; font-weight:500;line-height:1.2em; margin-bottom:10px;}
#navi .sub-menu .inner .li-02 i{ font-size:16px; position:relative; top:0px;}

#navi .btn-inst{ position:relative; top:-12px;}

/* メインメニューマウスカーソルが乗ったらサブメニューを出現させる */
.li:hover > .sub-menu { overflow: visible; opacity: 1; height:60px;}
.li:hover > .sub-menu.sub-menu-02{ height:90px;}
/* 2段目の下線を非表示に */
#navi .li .li-02 a:after{ display:none;}
#navi .li .li-02 a:hover{ color:#F93;}


/*----- フッター -----*/
#footer { background:#f6faed; padding-top:50px;}
#footer .area-01{ width:1100px; margin:auto; overflow:hidden; text-align:center; padding-bottom:30px;}
#footer .area-01 ul{ display:inline-block;vertical-align:top; text-align:left;}
#footer .area-01 ul:first-child{ float:left;}
#footer .area-01 ul:last-child{ float:right;}
#footer .area-01 ul:nth-child(3){ margin:0 70px;}
#footer .area-01 ul li a{ display:inline-block; margin-bottom:5px; color:#000; font-size:14px;text-decoration:none;text-indent:-1.0em; padding-left:1.0em;}
#footer .area-01 ul li i{ margin-right:5px; text-indent:0em; padding-left:0em;}


#footer .area-02{ border-top:1px solid #9acc33; padding-top:30px; text-align:center; margin-bottom:50px;}
#footer .area-02 .tb-01{ display:inline-block; margin-bottom:30px;}
#footer .area-02 .tb-01 img{ vertical-align: middle;}
#footer .area-02 .tb-01 p{ display:inline-block; vertical-align: middle; font-weight:bold; position:relative; top:10px; font-size:30px;line-height:1.3em; padding-bottom:10px;}
#footer .area-02 .tb-01 p span{ display:inline-block; padding:5px 10px; color:#FFF; background:#88b73c; font-size:16px; line-height:1em;border-radius:5px; }
#footer .area-02 .tb-01 a{ display:block; text-decoration:none;}


#footer .area-02 .tb-02{ overflow:hidden;}
#footer .area-02 .tb-02 .left{ display:inline-block; text-align:right;}
#footer .area-02 .tb-02 .left .p-01{ color:#9acc33; font-size:20px; font-weight:bold;}
#footer .area-02 .tb-02 .left .p-01 span{ background:#9acc33; display:inline-block;font-size:16px; padding:2px 10px; margin-right:10px;font-weight:bold;border-radius:5px; color:#FFF;}
#footer .area-02 .tb-02 .left .p-02{}
#footer .area-02 .tb-02 .left .p-02 i{color:#f85656;}


#footer .area-02 .tb-02 .right{ display:inline-block; background:#FFF; border:#9acc33 solid 2px; padding:10px 20px;border-radius:15px; margin-left:20px; display:none;}
#footer .area-02 .tb-02 .right .p-01{ font-size:30px; font-weight:bold; display:inline-block; margin-right:20px;}
#footer .area-02 .tb-02 .right .p-01 span{ font-size:22px;}



#footer #tamonten { clear:both; text-align:center;font-size:10px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#4c4949; text-decoration:none; opacity:1; filter:alpha(opacity=100);}


.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:62px; height:62px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	z-index:10;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}





#hmp{ background: url(../images/home/mp.jpg) center top no-repeat; position:relative; height:674px;}
#hmp .area-01{ width:1100px;text-align: center; margin:auto; padding-top:100px;}
#hmp .area-01 .p-01{ font-size:42px; font-weight:bold; color:#0c659f;text-shadow:0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff; line-height:2em;}
#hmp .area-01 .p-01 img{ position:relative; bottom:-42px;}




/*▼メインビジュアル▼*/
#mp{ position:relative; background:url(../images/common/mp.jpg) center top no-repeat; height:200px; margin-bottom:70px;}
#mp .area-01{ width:1100px; height:200px;display:table; text-align:center; margin:auto;}
#mp .area-01 .p-01{ display:table-cell; vertical-align:middle;font-size:36px; font-weight:400; color:#4c4c4c;}
#mp .area-01 .p-01 span{ display:block; font-size:80%;}






/*----- エリア・共通設定 -----*/
#home .box{ width:1100px; margin:auto; padding:50px 0;}
.box{ width:1100px; margin:auto; padding:50px 0;}

.h2-01{ font-size: 42px; font-weight:500;margin-bottom:30px; line-height:1em;}
.h2-01 span { font-size: 18px; display: block; line-height: 1.8em; color: #9acc33; position: relative; padding-left: 50px; /* 横棒の幅＋余白 */ }
.h2-01 span::before { content: ""; position: absolute; left: 0; top: 50%; width: 40px;       /* 横棒の長さ */ height: 2px;       /* 横棒の太さ */ background: #9acc33; /* 横棒の色 */ transform: translateY(-50%); }

.h2-02 { position: relative; padding: 0.25em 0; font-size:30px; margin-bottom:50px;}
.h2-02:after { content: ""; display: block; height: 4px; background: -webkit-linear-gradient(to right, #269eb0, #9fcd42); background: linear-gradient(to right, #269eb0, #9fcd42); }
.h2-02 i{ margin-right:10px; color:#269eb0;}


.button-bk { text-align: center; }
.button { position: relative; display: inline-block; padding: 12px 24px; font-size: 16px; font-weight: bold; color: #269eb0; background: white; border: 2px solid transparent; border-radius: 10px; /* 角丸10px */ background-image: linear-gradient(white, white), linear-gradient(to right, #269eb0, #9fcd42); background-origin: border-box; background-clip: padding-box, border-box; text-decoration: none; overflow: hidden; transition: color 0.4s ease;cursor: pointer;}
.button a{ text-decoration:none; color:#000;}



.button::before { content: ""; position: absolute; top: 0; right: 100%; /* 初期位置：左外 */ width: 100%; height: 100%; background: linear-gradient(to right, #269eb0, #9fcd42); transition: transform 0.6s ease; transform: translateX(0); z-index: 0; }
.button:hover::before { transform: translateX(100%); /* 左 → 右へスライドイン */ }
.button:hover { color: white; opacity: 1; filter: alpha(opacity=100); }
.button span { position: relative; z-index: 1; }


.button-01 { position: relative; display: inline-block; padding: 12px 100px; font-size:24px; font-weight: bold; color: white; background: linear-gradient(to right, #269eb0, #9fcd42); border: 2px solid transparent; border-radius: 30px; background-origin: border-box; background-clip: border-box; text-decoration: none; overflow: hidden; transition: color 0.4s ease; cursor: pointer; }
.button-01::before { content: ""; position: absolute; top: 0; left: 0;             /* 左から開始 */ width: 100%; height: 100%; background: white; transform: translateX(-100%); /* 初期状態は左外 */ transition: transform 0.6s ease; z-index: 0; }
.button-01:hover::before { transform: translateX(0);     /* 左→右へスライドイン */ }
.button-01:hover { color: #269eb0; border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(to right, #269eb0, #9fcd42); background-origin: padding-box, border-box; background-clip: padding-box, border-box; }
.button-01 span { position: relative; z-index: 1; }



/* ▼ #box-navi ナビゲーションボックス ▼ */
#box-navi { background: #f5faff; padding: 30px; margin:0px auto 50px;border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);text-align: center; }
/* ▼ ナビメニューのリスト ▼ */
#box-navi ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 0; margin: 0; list-style: none; }
/* ▼ 各ボタンのリンク ▼ */
#box-navi ul li { display:inline-block; width:48%;}
#box-navi ul li a { display: block; background: linear-gradient(to right, #249dae, #9fd32c); color: #fff; font-weight: bold; padding: 20px; border-radius: 12px; text-align: center; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); line-height: 1.6; }
#box-navi ul li a i { margin-left: 10px; font-size: 1.2em;transform: rotate(90deg);}
/* ▼ ホバー効果 ▼ */
#box-navi ul li a:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); opacity: 0.95; }

/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
/*----- ホーム　home -----*/

#home #box-01{}
#home #box-01 .area-01{ overflow:hidden;}
#home #box-01 .area-01 .entry{ width:344px; float:left; margin-right:34px;}
#home #box-01 .area-01 .entry:last-child{ margin-right:0px;}
#home #box-01 .area-01 .entry h3{ text-align:center; background:url(../images/home/ico-bk.png) left top no-repeat #9fd32b; color:#FFF; font-size:24px; font-weight:bold; padding:10px 0px;}
#home #box-01 .area-01 .entry h3 img{ margin-right:10px;}
#home #box-01 .area-01 .entry ul{ border:#9fd32b solid 1px; background: url(../images/home/entry-02.png) right bottom no-repeat; padding:20px 20px;}
#home #box-01 .area-01 .entry ul li{ margin-bottom:5px;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff; text-indent:-1em; padding-left:1em;}
#home #box-01 .area-01 .entry ul li i{ color:#9fd32b; margin-right:5px; text-indent:0; padding-left:0px;}
#home #box-01 .area-01 .entry ul li a{ color:#000; text-decoration:none;}

#home #box-01 .area-01 .entry:nth-child(2) h3{background:url(../images/home/ico-bk.png) left top no-repeat #239daf;}
#home #box-01 .area-01 .entry:nth-child(3) h3{background:url(../images/home/ico-bk.png) left top no-repeat #f3cd59;color:#1267ab; }


#home #box-01 .area-01 .entry:nth-child(2) ul{ border:#239daf solid 1px; background: url(../images/home/entry-01.png) right bottom no-repeat;}
#home #box-01 .area-01 .entry:nth-child(3) ul{ border:#f3cd59 solid 1px; background: url(../images/home/entry-03.png) right bottom no-repeat;}

#home #box-01 .area-01 .entry:nth-child(2) ul li i{ color:#239daf;}
#home #box-01 .area-01 .entry:nth-child(3) ul li i{ color:#f3cd59;}


#home #box-02{}
#home #box-02 .area-01{ overflow:hidden;}
#home #box-02 .area-01 table{ width:90%; margin:auto; margin-bottom:30px;}
#home #box-02 .area-01 table td{ padding:15px 0px; border-bottom:#CCC solid 1px;}
#home #box-02 .area-01 table td.td-01{ width:150px;}
#home #box-02 .area-01 table td.td-02{ width:150px;}
#home #box-02 .area-01 table td.td-02 span{ display:inline-block; background:#369; color:#FFF; font-size:16px; padding:0 20px; width:80px; text-align:center;border-radius:5px;}
#home #box-02 .area-01 table td.td-02 span.news{background:#239daf;}
#home #box-02 .area-01 table td.td-02 span.recruit{background:#f38f00;}

#home #box-03{}
#home #box-03 .area-01 a{ overflow:hidden; background:url(../images/home/img-calender.jpg) 0 0 no-repeat; height:175px; display:table; width:100%; color:#FFF; text-decoration:none;}
#home #box-03 .area-01 .tb-01{ display:table-cell; text-align:center; vertical-align:middle; position:relative;}
#home #box-03 .area-01 .tb-01 p{ color:#FFF; font-size:30px;text-shadow:0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b,0 0 3px #1b5b7b;}
#home #box-03 .area-01 .tb-01 img{ position:absolute; top:38%; right:100px;}



#home #box-04{ background: url(../images/home/bk-04-left.png) left top no-repeat, url(../images/home/bk-04-right.png) right bottom no-repeat,#e0f1e3; width:95%; margin:auto; padding:70px 0; margin-bottom:70px;}
#home #box-04 .area-01{ overflow:hidden; width:1100px; margin:auto;}
#home #box-04 .area-01 .tb-01{ overflow:hidden; margin-bottom:50px;}
#home #box-04 .area-01 .tb-01 .entry{ width:327px; float:left; margin-right:59px;}
#home #box-04 .area-01 .tb-01 .entry:nth-child(3){ margin-right:0px;}
#home #box-04 .area-01 .tb-01 .entry img{ width:327px; height:327px; object-fit: cover; margin-bottom:5px;}
#home #box-04 .area-01 .tb-01 .entry .p-01{ text-align:right; color:#990; font-size:14px; margin-bottom:10px;}
#home #box-04 .area-01 .tb-01 .entry a{ text-decoration:none; color:#000;}

#box-contact{ background: url(../images/common/box-contact-bk.jpg) 0 0 no-repeat;}
#box-contact .area-01{ overflow:hidden; width:1100px; margin:auto; display:table; height:499px;}
#box-contact .area-01 .tb-01{ display:table-cell; text-align:center; vertical-align:middle;}
#box-contact .area-01 .tb-01 .p-01{ font-size:40px; font-weight:bold; color:#FFF; margin-bottom:10px;}
#box-contact .area-01 .tb-01 .subbox{ padding:30px;border-radius:30px;background: rgba(255,255,255, 0.9);}


#box-contact .area-01 .tb-01 .subbox .telarea{ display:none;}
#box-contact .area-01 .tb-01 .subbox .telarea .p-01{ font-size:70px; font-family: "Oswald", sans-serif; font-weight:bold;}
#box-contact .area-01 .tb-01 .subbox .telarea .p-01 i{ color:#239daf; margin-right:10px; font-size:90%;}
#box-contact .area-01 .tb-01 .subbox .telarea .p-02{ font-size:18px;}
#box-contact .area-01 .tb-01 .subbox .telarea .p-02 span{ display:inline-block; padding:0 5px; border:#239daf solid 1px; margin-right:10px; border-radius:5px;}
#box-contact .area-01 .tb-01 .subbox .telarea a{ color:#000; text-decoration:none;}






#about #box-01{}
#about #box-01 .area-01 {margin: 40px auto; background: #fff; padding: 30px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); border-radius: 12px; }
#about #box-01 .area-01 h3 { font-size: 1.5em; border-left: 4px solid #279faf; padding-left: 10px; margin-bottom: 15px; font-weight:bold;}
#about #box-01 .area-01 ul { margin-top:10px;}
#about #box-01 .area-01 ul li { margin-bottom: 10px; position: relative; padding-left: 20px;}
#about #box-01 .area-01:nth-of-type(3) ul li { margin-bottom:30px;}
#about #box-01 .area-01 ul li strong{ margin-bottom:5px; display:block;}

#about #box-01 .area-01 ul li::before { content: "✔"; position: absolute; left: 0; color: #2a7f62; font-weight: bold; }
#about #box-01 .area-01:nth-of-type(3) ul li::before { content: "▶"; position: absolute; left: 0; color: #279faf; font-size: 0.9em; }

#about #box-02 .area-01{ margin-bottom:50px;}
#about #box-02 .area-01 h3 { font-size: 1.4em; margin:0px 0 20px; color: #0083b0; border-left: 4px solid #00b4db; padding-left: 10px; }
#about #box-02 .tb-01 { background: #f5faff; padding: 20px; margin-bottom: 20px; border-left: 5px solid #00b4db; border-radius: 12px; }
#about #box-02 .tb-01 .p-01, #box-02 .tb-01 .p-03 { font-weight: bold; margin-bottom: 10px; position: relative; padding-left: 50px; font-size: 1.1em; }
#about #box-02 .tb-01 span { position: absolute; left: 0; bottom: -3px; width: 32px; height: 32px; background: #00b4db; color: #fff; border-radius: 50%; text-align: center; line-height: 32px; font-weight: bold; font-size: 0.9em; }


#about #box-03 {}
#about #box-03 table { width: 100%; border-collapse: separate; border-spacing: 0; margin-bottom: 20px; }
#about #box-03 table td { padding: 12px 15px; text-align: left;}
#about #box-03 tr:first-child td{ color:#FFF;}



#about #box-03 table tr:first-child { background: linear-gradient(135deg, #00b4db, #0083b0); color: #fff; font-weight: bold; }
#about #box-03 table tr:nth-child(odd):not(:first-child) { background: #f5faff; }
#about #box-03 table tr:nth-child(even):not(:first-child) { background: #ffffff; }
#about #box-03 table td a { color: #0083b0; text-decoration: none; }
#about #box-03 table td a:hover { text-decoration: underline; }
#about #box-03 .p-01, #about #box-03 .p-02 { font-size: 0.9em; color: #666; margin: 5px 0; }

#about #box-04 .area-01 .p-01{ text-align:right; margin-bottom:5px;}
#about #box-04 .area-01 table { width: 100%; border-collapse: separate; border-spacing: 0; margin-bottom: 20px; }
#about #box-04 .area-01 thead tr { background: linear-gradient(135deg, #00b4db, #0083b0); color: #fff; }
#about #box-04 .area-01 tbody tr:nth-child(odd) { background: #f5faff; }
#about #box-04 .area-01 tbody tr:nth-child(even) { background: #ffffff; }


#about #box-04 .area-01 th,
#about #box-04 .area-01 td {padding:12px 10px;text-align: left; border-bottom: 1px solid #ddd;}

#about #box-04 .area-01 th{ color:#FFF;}
#about #box-04 .area-01 th:nth-child(4),
#about #box-04 .area-01 th:nth-child(5),
#about #box-04 .area-01 th:nth-child(6),
#about #box-04 .area-01 th:nth-child(7),
#about #box-04 .area-01 th:nth-child(8) {padding:0; padding:0 5px;}

#about #box-04 .area-01 table tbody tr td:nth-child(4),
#about #box-04 .area-01 table tbody tr td:nth-child(5),
#about #box-04 .area-01 table tbody tr td:nth-child(6),
#about #box-04 .area-01 table tbody tr td:nth-child(7),
#about #box-04 .area-01 table tbody tr td:nth-child(8) { text-align: center; vertical-align: middle; padding: 0px ;}
#about #box-04 .area-01 td { font-size: 0.95em; }
#about #box-04 .area-01 td:empty::before { content: "-"; color: #ccc; }
#about #box-04 .area-01 { overflow-x: auto; }


.table-scloor{max-width:100%;overflow:auto;}
.table-scloor table{border-collapse:collapse;margin-bottom:20px;}
.table-scloor table th{white-space:nowrap;}
.table-scloor table td{white-space:nowrap;}


#teikan #box-01 .area-01 { overflow:hidden;}
#teikan #box-01 .left { width:750px; float:left;}
#teikan #box-01 .left .p-01 { font-size: 20px; font-weight: bold; color: #0083b0; margin-bottom: 15px; }
#teikan #box-01 .left p { line-height: 1.8; margin-bottom: 15px; color: #333; }
#teikan #box-01 .right { width:300px; float:right;}
#teikan #box-01 .right img { width: 100%; max-width: 300px; border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,0.2); margin-bottom: 15px; }
#teikan #box-01 .right .p-01, #teikan #box-01 .right .p-02, #teikan #box-01 .right .p-03 { margin: 5px 0; text-align: center;}
#teikan #box-01 .right .p-01 { font-size: 16px; color: #555; }
#teikan #box-01 .right .p-02 { font-size: 18px; font-weight: bold; color: #0083b0; }
#teikan #box-01 .right .p-03 { font-size: 16px; color: #333; }
#teikan #box-02 .area-01{ width:900px; margin:auto;}

#teikan #box-03 .area-01 table { width: 100%; border-collapse: collapse; margin: 30px 0; font-family: sans-serif; }
#teikan #box-03 .area-01 td { border: 1px solid #ccc; padding: 10px;text-align:left;}
#teikan #box-03 .area-01 .title {background: linear-gradient(135deg, #00b4db, #0083b0); color: #fff;}



#teikan #box-03 .area-02 #pdf-list { font-family: sans-serif; margin: 30px 0; }
#teikan #box-03 .area-02 #pdf-list h3 { font-size: 1.2em; margin-bottom: 10px; color: #333; border-left: 4px solid #0083b0; padding-left: 10px; }
#teikan #box-03 .area-02 .pdf-cards { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
#teikan #box-03 .area-02 .pdf-cards a { display: flex; align-items: center; padding: 8px 12px; background: #f5faff; border: 1px solid #ddd; border-radius: 8px; text-decoration: none; color: #333; transition: transform 0.2s, box-shadow 0.2s; }
#teikan #box-03 .area-02 .pdf-cards a:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
#teikan #box-03 .area-02 .pdf-cards img { width: 20px; height: 20px; margin-right: 8px; }
#teikan #box-03 .area-02 .pdf-cards span { font-size: 0.9em; font-weight: bold; }


#teikan #box-04 .area-01 #rules-list ul { list-style: none; padding: 0; margin: 20px 0; }
#teikan #box-04 .area-01 #rules-list li { margin-bottom: 10px; }
#teikan #box-04 .area-01 #rules-list a { display: flex; align-items: center; padding: 10px 15px; background: #f5faff; border: 1px solid #ddd; border-radius: 8px; text-decoration: none; color: #333; font-size: 0.95em; transition: transform 0.2s, box-shadow 0.2s; }
#teikan #box-04 .area-01 #rules-list a:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
#teikan #box-04 .area-01 #rules-list img { width: 20px; height: 20px; margin-right: 10px; }



#riji #box-01{}
#riji #box-01 .area-01{ overflow:hidden;}
#riji #box-01 .area-01 .year-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin-bottom: 20px; padding: 20px; width:220px; float:left; margin-right:15px;}
#riji #box-01 .area-01 .year-card:nth-child(4n){ margin-right:0px;}
#riji #box-01 .area-01 .year-card h3 { font-size: 1.2em; margin-bottom: 10px; color: #333; border-left: 4px solid #0083b0; padding-left: 10px; }
#riji #box-01 .area-01 .year-card ul { list-style: none; padding-left: 0; margin: 0; }
#riji #box-01 .area-01 .year-card li { margin: 8px 0; display: flex; align-items: center; }
#riji #box-01 .area-01 .year-card a { text-decoration: none; color: #333; transition: color 0.3s, border-bottom 0.3s; }
#riji #box-01 .area-01 .year-card a:hover { color: #007bff; border-bottom: 1px dotted #007bff; }
#riji #box-01 .area-01 .year-card .fa-file-pdf { color: #dc3545; margin-right: 8px; font-size: 16px; }

/* ===== box-01: 入会案内 ===== */
#admission #box-01 {background: #fef5ff;padding: 40px;margin-bottom: 50px;border-left: 6px solid #6f42c1;border-radius: 12px;}
#admission #box-01 h3 { font-size: 1.4em; border-left: 4px solid #269eb0; padding-left: 10px; margin: 30px 0 15px; font-weight: bold; }
#admission #box-01 table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#admission #box-01 table td { padding: 12px 15px; border-bottom: 1px solid #ddd; vertical-align: top; }
#admission #box-01 p { font-size: 0.9em; color: #666; }
/* ===== box-02: 入会申し込み ===== */
#admission #box-02 { background: #f5faff; padding: 40px; margin-bottom: 50px; border-left: 6px solid #269eb0; border-radius: 12px; }
#admission #box-02 h3 { font-size: 1.4em; color: #0083b0; border-left: 4px solid #00b4db; padding-left: 10px; margin: 30px 0 15px; font-weight: bold; }
#admission #box-02 dl dd { position: relative; padding-left: 35px; margin-bottom: 15px; }
#admission #box-02 dl dd span { position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: #00b4db; color: #fff; border-radius: 50%; text-align: center; line-height: 25px; font-size: 0.9em; font-weight: bold; }
#admission #box-02 .tb-01 p { margin-bottom: 5px; font-size: 0.95em; }
#admission #box-02 p.p-04 { font-size: 0.9em; color: #666; margin-bottom: 15px; }
#admission #box-02 p.p-05 { font-size: 1em; font-weight: bold; color: #269eb0; margin-top: 20px; }

/* ===== #box-03: 登録変更 ===== */
#admission #box-03 {background: #f5fff8;padding: 40px;margin-bottom: 50px;border-left: 6px solid #28a745;border-radius: 12px;}
#admission #box-03 p { font-size: 0.95em; color: #444; margin-bottom: 15px; }
/* ===== #box-04: 休会・復会 ===== */
#admission #box-04 { background: #fff8f5;padding: 40px; margin-bottom: 50px; border-left: 6px solid #f38f00; border-radius: 12px; }
#admission #box-04 p { font-size: 0.95em; color: #444; margin-bottom: 15px; }
/* ===== #box-05: 退会 ===== */
#admission #box-05 { background: #fff5f5;padding: 40px; margin-bottom: 50px; border-left: 6px solid #dc3545; border-radius: 12px; }
#admission #box-05 p { font-size: 0.95em; color: #444; margin-bottom: 15px; }
/* ===== PDFリンク共通（.p-01） ===== */
#admission #box-03 p.p-01, #admission #box-04 p.p-01, #admission #box-05 p.p-01 { font-size: 1em; font-weight: bold; margin-top: 20px; color: inherit;}
#admission #box-03 p.p-01 i, #admission #box-04 p.p-01 i, #admission #box-05 p.p-01 i { color: #dc3545; margin-right: 8px; }

/* PDFダウンロードボタン */
#admission .pdf-button { display: inline-block; padding: 12px 24px; font-size: 0.95em; font-weight: bold; color: #fff; background: linear-gradient(to right, #249dae, #9fd32c); border: none; border-radius: 30px; text-decoration: none; box-shadow: 0 4px 10px rgba(0,0,0,0.15); transition: all 0.3s ease; }
#admission .pdf-button i { margin-right: 8px; color: #FF4040;}
#admission .pdf-button:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(0,0,0,0.2); opacity: 0.9; }


#contact #box-01{ display:none;}
#contact #box-01 .area-01{ text-align:center;}
#contact #box-01 .area-01 .entry{ background:#fff; width:360px; margin:0 auto 30px; padding:20px 60px 40px; box-shadow:0 0 20px rgba(194,218,231,0.8); display:inline-block; margin:0 30px;}
#contact #box-01 .area-01 .entry .p-01{ font-size:42px; font-weight:bold; color:#333;  padding-top:15px; margin-bottom:15px;}
#contact #box-01 .area-01 .entry .p-01 i{ font-size:32px; margin-right:8px;}
#contact #box-01 .area-01 .entry .p-01 a{ text-decoration:none; color:#333;}
#contact #box-01 .area-01 .entry .p-02{ font-size:15px; letter-spacing:normal;}


#contact #box-02{ }
#contact #box-02 h3{ font-size:26px; font-weight:600; color:#a11f24; margin-bottom:30px;}
#contact #box-02 .area-01{ width:1024px; margin:auto; padding-bottom:50px; text-align:center;}
#contact #box-02 .area-01 p{ font-size:16px; font-weight:500; margin-bottom:40px;}
#contact #box-02 .area-01 ul{}
#contact #box-02 .area-01 ul li{padding-left:1em; text-indent:-1em; margin-bottom:10px; text-align:left;}
#contact #box-02 .area-01 ul li .chui{ display:inline-block; font-weight:bold; color: #fff; background:#ff3838; font-size:11px; padding:0px 7px; margin-right:7px; text-indent:0;}


#contact .area-mailform { width:984px; margin:auto; padding:30px 20px; box-shadow:0 0 20px rgba(194,218,231,0.8);}
#contact #box-02 .area-mailform h3{ font-size:20px; font-weight:600; color:#333; margin-bottom:10px;}
#contact .area-mailform table{ width:100%; margin-bottom:50px;}
#contact .area-mailform table td{ padding:8px; vertical-align:middle; font-size:15px;}
#contact .area-mailform table td.td-01{ width:300px; font-weight:bold; padding-left:20px; font-size:16px;}
#contact .area-mailform table ul li{ margin-bottom:7px;}
#contact .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact .area-mailform table select{ padding:3px; font-size:15px;}
#contact .area-mailform table input{ padding:3px; font-size:15px;}
#contact .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact .area-mailform table button{}
#contact .area-mailform .chui{ display:inline-block; font-weight:bold; color: #fff; background:#ff3838; font-size:11px; padding:0px 7px; margin-right:7px; bottom:3px; float:right;position:relative; top:0px;}
#contact .area-mailform .p-01{ margin:15px 0;}
#contact .area-mailform .autotext{ margin-bottom:30px;}
#contact .area-mailform .p-02{ font-weight:bold;}
#contact .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact .area-mailform .w01{width:99%;}
#contact .area-mailform .w02{width:40%;}

#contact .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact .area-mailform .kakunin .chui{ float:none;}
#contact .area-mailform .tb-01{}
#contact .area-mailform .tb-03{ text-align:center;}
#contact .area-mailform .tb-02{ text-align:center;}
#contact .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }


#contact .area-mailform .btn{ background:linear-gradient(to right, #00acd7, #007fd7); width:300px; position:relative; font-size:16px; font-weight:normal; color:#fff; line-height:60px; display:block; padding:0; border:none; margin:auto; transition:0.3s;}
#contact .area-mailform .btn i{ font-size:15px; position:absolute; top:37%; right:25px; transition:0.3s;}
#contact .area-mailform .btn:hover i{ -webkit-transform: translateX(3px); transition:0.3s;}
#contact .area-mailform .btn:hover{opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;cursor: pointer;}

#contact .area-mailform .p-03{ font-weight:bold; margin-bottom:3px;}
#contact .area-mailform .p-04{ font-weight:bold; margin-bottom:3px;}
#contact .area-mailform .p-05{ font-size:14px; letter-spacing:normal; margin-bottom:20px;}
#contact .area-mailform .ul-01{margin-bottom:15px;}
#contact .area-mailform .tb-04 p{}

#link #box-01{ padding-top:0px;}
#link #box-01 h2{ margin-bottom:30px;}
#link #box-01 .area-01{ margin-bottom:50px;}
#link #box-01 .area-01 h3{font-size: 1.4em; border-left: 4px solid #269eb0; padding-left: 10px; margin:0px 0 15px; font-weight: bold; }
#link #box-01 .area-01 .entry{background: #fff8f5;padding:20px 40px; margin-bottom: 50px; border-left: 6px solid #f38f00; border-radius: 12px;}
#link #box-01 .area-01 ul{ overflow:hidden;}
#link #box-01 .area-01 ul li{ display:inline-block; margin-right:20px; margin-bottom:10px;}
#link #box-01 .area-01 ul li i{margin-right:5px;}
#link #box-01 .area-01 ul li a{ text-decoration:none; color:#000;}



#sitemap #box-01 { }
#sitemap #box-01 .area-01 { }
/* ▼ grid 全体レイアウト */
#sitemap #box-01 .area-01 .grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; }
/* ▼ 各カテゴリカード */
#sitemap #box-01 .area-01 .card { flex: 1 1 calc(33.33% - 30px); /* 3列レイアウト */ min-width: 260px; }
/* ▼ 見出しデザイン */
#sitemap #box-01 .area-01 .card h2 { font-size:20px; font-weight: bold; color: #269eb0; margin-bottom: 10px; position: relative; padding-left: 25px; }
#sitemap #box-01 .area-01 .card h2::before { content: "★"; /* お好みでアイコンを切り替えられます */ position: absolute; left: 0; top: 0; color: #269eb0; }
/* ▼ 横線 */
#sitemap #box-01 .area-01 .card h2::after { content: ""; display: block; height: 2px; background: #269eb0; width: 100%; margin-top: 6px; }
/* ▼ リスト */
#sitemap #box-01 .area-01 .card ul { list-style: none; padding-left: 0; margin-top: 10px; }
#sitemap #box-01 .area-01 .card ul li { margin-bottom: 6px;}
#sitemap #box-01 .area-01 .card ul li a { color: #333; text-decoration: none; transition: all 0.2s ease; }
#sitemap #box-01 .area-01 .card ul li a:hover { color: #269eb0; text-decoration: underline; }





#box-pagenavi { width: 100%;text-align: center; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
#box-pagenavi ul { display: flex; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; border-bottom: 3px solid #c06; }
#box-pagenavi ul li { margin: 0 1px; }
#box-pagenavi ul li a { display: block; padding:5px 30px; background: #e0e0e0; color: #333; text-decoration: none; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: background 0.3s, color 0.3s; font-weight: bold; }
#box-pagenavi ul li a:hover { background: #d0d0d0; color: #000; }
#box-pagenavi ul li a.active { background: #9c2b57; color: #fff; }


/* ===== 改定情報内のサブナビ（box-pagenavi2） ===== */
#box-pagenavi2 { margin: 20px 0; padding: 15px; background: #f5f5f5; text-align:center;}
#box-pagenavi2 ul li{ display:inline-block;}
#box-pagenavi2 li a { display: inline-block; padding: 8px 16px; background: #e0e0e0; color: #333; text-decoration: none; font-weight: bold; border-radius: 5px; transition: background 0.3s ease; }
#box-pagenavi2 li a:hover { background: #c08baa; color: #fff; }
#box-pagenavi2 ul li a.active { background: #9c2b57; color: #fff; }


/*▼▼▼▼▼▼▼社会保障制度▼▼▼▼▼▼▼*/
#social_security #box-01 { padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
#social_security #box-01 .area-01 { display: flex; flex-direction: column; gap: 30px; }
#social_security #box-01 .entry { background: #f9f9f9; border-left: 5px solid #269eb0; padding: 20px 25px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
#social_security #box-01 .entry h3 { font-size: 1.1em; color: #269eb0; margin-bottom: 12px; border-bottom: 1px solid #ccc; padding-bottom: 6px; font-weight: bold; }
#social_security #box-01 .entry dl { margin: 0; }
#social_security #box-01 .entry dt { font-weight: bold; color: #444; margin-top: 10px; margin-bottom:5px;}
#social_security #box-01 .entry dd { margin-bottom:3px; text-indent:-1.7em; padding-left:1.7em;}
#social_security #box-01 .entry dt:empty::before { content: "　"; /* 全角スペースを表示 */ }

#social_security #box-01 .entry dd i{ margin-right:10px; text-indent:0em; padding-left:0em;}
#social_security #box-01 .entry dd i.fa-file-pdf{ color:#C00;}



/*▼▼▼▼▼▼▼生涯教育制度▼▼▼▼▼▼▼*/
#education #box-01 { background: #f9fcff; padding: 50px 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 60px; }
#education #box-01 .area-01 { margin-bottom: 50px; padding: 30px; background: #ffffff; border-left: 6px solid #249dae; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
#education #box-01 h2 { font-size: 24px; color: #249dae; border-bottom: 2px solid #9fd32c; padding-bottom: 10px; margin-bottom: 20px; }

#education #box-01 p.p-01 { font-weight: bold; font-size: 17px; margin-bottom: 10px; }
#education #box-01 dl { margin-top: 20px; }
#education #box-01 dt { font-weight: bold; color: #249dae; margin-top: 20px; margin-bottom: 8px; font-size: 17px; }
#education #box-01 dd { margin-left: 1em; margin-bottom: 20px; line-height: 1.7; font-size: 16px; color: #444; }
#education #box-01 img {margin: 20px 0; }

/*▼▼▼▼▼▼▼現職者共通研修▼▼▼▼▼▼▼*/

#education_kyotu #box-01 .area-01{ margin-bottom:50px;}
#education_kyotu #box-01 .area-01 h2{ font-weight:bold; margin-bottom:5px;}
#education_kyotu #box-01 .area-01 h3{ font-weight:bold; margin-bottom:5px;}
#education_kyotu #box-01 .area-01 .table-schedule { border-collapse: collapse; width: 100%; font-size: 14px; }
#education_kyotu #box-01 .area-01 .table-schedule th, .table-schedule td { border: 1px solid #ccc; padding: 8px; }
#education_kyotu #box-01 .area-01 .table-schedule th { background-color: #efebf7; text-align: center; }
#education_kyotu #box-01 .area-01 .table-schedule td { background-color: #fff; }
#education_kyotu #box-01 .area-01 .session-title { color: #660066; font-weight: bold; }
#education_kyotu #box-01 .area-01 .session-links a { text-decoration: none; color: #666; }
#education_kyotu #box-01 .area-01 .session-links {}

#education_kyotu #box-01 .area-01 .table-schedule tr.ended td { background-color: #f5f5f5; /* 薄いグレー */}


#education_kyotu #box-01 .area-01 .table-info { border-collapse: collapse; width: 100%; font-family: "MS PGothic", sans-serif; font-size: 14px; }
#education_kyotu #box-01 .area-01 .table-info th, .table-info td { border: 1px solid #ccc; padding: 10px; }
#education_kyotu #box-01 .area-01 .table-info th { background-color: #efebf7; color: #660066; text-align: left; }
#education_kyotu #box-01 .area-01 .table-info .title-row { background-color: #efebf7; color: #660066; font-weight: bold; padding: 12px; }
#education_kyotu #box-01 .area-01 .session-links a { text-decoration: none; color: #666; }
#education_kyotu #box-01 .area-01 .training-list ul{ margin-bottom:50px;}


#education_kyotu #box-02 { background: #f9fcff; padding: 50px 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 60px; }
#education_kyotu #box-02 .area-01 {padding: 30px; background: #ffffff; border-left: 6px solid #249dae; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
#education_kyotu #box-02 h2 { font-size: 24px; color: #249dae; border-bottom: 2px solid #9fd32c; padding-bottom: 10px; margin-bottom: 20px; }

#education_kyotu #box-02 p.p-01 { font-weight: bold; font-size: 17px; margin-bottom: 10px; }
#education_kyotu #box-02 dl { margin-top: 20px; }
#education_kyotu #box-02 dt { font-weight: bold; color: #249dae; margin-top: 20px; margin-bottom: 8px; font-size: 17px; }
#education_kyotu #box-02 dd { margin-left: 1em;line-height: 1.7; font-size: 16px; color: #444; }
#education_kyotu #box-02 img {margin: 20px 0; }

#education_kyotu #box-01 .area-01 .text{max-width:1000px;white-space:normal;}
#education_kyotu #box-01 .textarea{background: #ffffff; border-left: 6px solid #cfbcf7; border-radius: 8px; padding: 25px 20px; margin-bottom: 40px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}
#education_kyotu #box-01 .textarea li{ text-indent:-1me; padding-left:1em;}


/*他OT士会*/
#education_kyotu #box-01 .area-01 .table-schedule th:first-child{ width:250px;}
#education_kyotu.education_taot #box-01 .area-01 .table-schedule th:first-child{ width:250px;}

#education_kyotu.training_kyoukai #box-01 .area-01 .table-schedule th:first-child{ width:250px;}


#education_kyotu.training_taot #box-01 .area-01 .table-schedule th:first-child{ width:250px;}

#education_kyotu.training_tadantai #box-01 .area-01 .table-schedule th:first-child{ width:250px;}


/*▼▼▼▼▼▼▼テーブル横スクロール▼▼▼▼▼▼▼*/
.table-scloor{max-width:100%;overflow:auto;}
.table-scloor table{border-collapse:collapse;}

/*▼▼▼▼▼▼▼下記を変更すればスクロールが出る▼▼▼▼▼▼▼*/
.table-scloor table th{white-space:normal;}
.table-scloor table td{white-space:normal;}
/*.table-scloor table th{white-space:nowrap;}
.table-scloor table td{white-space:nowrap;}*/


/*災害情報*/
#saigai #box-navitext { background: #f1f1f1; padding: 20px;border-radius: 8px; margin: 40px auto;}
#saigai #box-navitext ul { list-style: none; margin: 0; padding: 0; }
#saigai #box-navitext li { margin-bottom: 12px; }
#saigai #box-navitext li a { display: block; padding: 10px 15px; background: #fff; color: #333; text-decoration: none; border: 1px solid #ccc; border-left: 4px solid #8c2d5c; border-radius: 4px; font-size: 15px; transition: all 0.3s ease; }
#saigai #box-navitext li a:hover { background: #8c2d5c; color: #fff; border-color: #8c2d5c; }
#saigai #box-01 { }
#saigai #box-01 .area-01 { background: #ffffff; border-left: 6px solid #8c2d5c; border-radius: 8px; padding: 25px 20px; margin-bottom: 40px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
#saigai #box-01 .area-01 h3 { font-size: 18px; color: #8c2d5c; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #e0d5d5; padding-bottom: 6px; }
#saigai #box-01 .area-01 .text p { }
#saigai #box-01 .area-01 .text p.p-02 { font-weight: bold; margin-top: 10px; color: #555; }
#saigai #box-01 .area-01 .p-01 { font-weight: bold; color: #444; margin-top: 20px;}

/*平成25年度 第3回企画研修部研修会①*/
#fukusiyoguinkai #box-01 { max-width: 900px; margin: 40px auto; padding: 0 20px; }
#fukusiyoguinkai #box-01 .area-01 { background: #ffffff; border-left: 6px solid #249dae; border-radius: 8px; padding: 25px 20px; margin-bottom: 40px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
#fukusiyoguinkai #box-01 .area-01 h3 { font-size: 18px; font-weight: bold; color: #249dae; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; padding-bottom: 8px; }
#fukusiyoguinkai #box-01 .area-01 .text p {color: #333; }
#fukusiyoguinkai #box-01 .area-01 p i.fa-file-pdf { color: #d13a3a; margin-right: 8px; }
#fukusiyoguinkai #box-01 .area-01 p {color: #d13a3a;}
#fukusiyoguinkai #box-01 .area-01 p.p-01 { font-weight: bold; color: #444; margin-top: 20px;}


/*広報やまなし*/
#news #box-01{ width:1000px;}
#news #box-01 .area-01{ overflow:hidden;}
#news #box-01 .area-01 .entry{ width:150px; margin-right:20px; margin-bottom:30px; float:left;}
#news #box-01 .area-01 .entry:nth-child(6n){ margin-right:0px;}
#news #box-01 .area-01 .entry img{ width:150px; height:150px;object-fit: cover; margin-bottom:5px;}
#news #box-01 .area-01 .entry p{ text-align:center; font-size:14px; letter-spacing:normal;}
#news #box-01 .area-01 .entry a{ text-decoration:none;}

/*年間スケジュール*/
#schedule #box-01{}

#schedule #box-01 h3 { font-size: 1.4em; border-left: 4px solid #269eb0; padding-left: 10px; margin: 30px 0 15px; font-weight: bold; }
#schedule #box-01 .area-01{}
#schedule #box-01 .area-01 table{ width:100%;}
#schedule #box-01 .area-01 table td{ padding:5px 0; border:#FFF solid 5px;}
#schedule #box-01 .area-01 table span{ display:inline-block; padding:3px 0px;border-radius:5px; width:100px;}
#schedule #box-01 .area-01 table .ot{ background:#006633;}
#schedule #box-01 .area-01 table .sho{ background:#333366;}
#schedule #box-01 .area-01 table .ken{ background:#993366;}
#schedule #box-01 .area-01 table .sokai{ background:#1e638f;}
#schedule #box-01 .area-01 table .goji{ background:#006666;}
#schedule #box-01 .area-01 table .gakkai{ background:#5b0b99;}
#schedule #box-01 .area-01 table .iinkai{ background:#c74700;}
#schedule #box-01 .area-01 table .gaku{ background:#5c6a6c;}


#schedule #box-01 .area-01 table td:first-child{ color:#FFF; font-weight:bold; text-align:center; width:100px;}
#schedule #box-01 .area-01 table td:nth-child(2){ text-align:center; width:80px;}

#kyokubu #box-01 .area-01 table { width: 100%; border-collapse: collapse; margin-bottom: 40px; font-size: 15px; background: #fff; border: 1px solid #ccc; }
#kyokubu #box-01 .area-01 table td { border: 1px solid #ccc; padding: 12px 15px; vertical-align: middle;}
#kyokubu #box-01 .area-01 table td.td-01{ font-weight: bold; background: #f2f7fa; width:20%; white-space: nowrap; vertical-align:top;}
#kyokubu #box-01 .area-01 table td.td-02{ font-weight: bold; background: #DEDEEF; text-align:center;}
#kyokubu #box-01 .area-01 table td.td-03{ font-weight: bold; background: #f2f7fa;}
#kyokubu #box-01 .area-01 table td.w-50{ width:40%;}
#kyokubu #box-01 .area-01 table td.w-30{ width:30%;}
#kyokubu #box-01 .area-01 table td.w-20{ width:25%;}
#kyokubu #box-01 .area-01 dl { margin: 0 0 20px; padding: 0; }
#kyokubu #box-01 .area-01 dt { font-weight: bold; margin-bottom: 4px; color: #249dae; text-indent:-1.1em; padding-left:1.1em;}
#kyokubu #box-01 .area-01 dd { margin-left: 1em; margin-bottom: 6px; }


/*▼ブログ共通　bl▼*/
/*　左カラム　*/


/* アーカイブ・カテゴリー */
.bl .area-01{overflow:hidden;}
.bl .tb-01{overflow:hidden;clear:both;padding-bottom:30px;margin-bottom:30px;border-bottom:#999 dotted 1px;}
.bl .tb-01 img{width:170px;height:170px;object-fit:cover;float:left;margin-right:20px;background:#ECECEC;}

.bl .tb-01 .p-01{font-size:19px;font-weight:bold;margin-bottom:15px;}
.bl .tb-01 a{font-weight:;color:#d92c68;}
.bl .tb-01 .p-01 a{font-weight:bold;color:#d92c68;}
.bl #catego-title{position:relative; padding:1rem .5rem;font-size:30px;margin-bottom:30px;line-height:1em;}
.bl #catego-title:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:-webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));background-image:-webkit-linear-gradient(left, #d92c68 0%, #613282 100%);background-image:linear-gradient(to right, #7CA942 0%, #96C735 100%);}




/*▼お知らせ一覧　list▼*/

#list #box-01 table{ width:100%;}
#list #box-01 table td{ padding:20px 0px; border-bottom:#CCC solid 1px;}
#list #box-01 table td:first-child{ font-weight:bold; width:140px;}
#list #box-01 table td span{ display:inline-block; background:#98754a; padding:1px 10px 2px; color:#FFF;border-radius:5px; margin-right:10px; font-size:14px;}
#list #box-01 table td span.recruit{background:#e07233;}
#list #box-01 table td span.news{background:#090;}

/*　右サイドカラム　*/
#mright{width:270px;float:right;}
#mright .sbox{margin-bottom:40px;}

#mright h2{font-size:19px;font-weight:bold;letter-spacing:normal;padding-bottom:3px;position:relative;margin-bottom:10px;}
#mright h2 span{font-size:14px;font-weight:bold;color:#d92c68;display:inline-block;margin-left:10px;}
#mright h2:before{box-sizing:inherit;display:block;height:1px;position:absolute;content:"";bottom:0;left:0;width:40%;z-index:1;background:#0f2b94;}
#mright h2:after{content:"";bottom:0;left:0;width:100%;background:#ddd;box-sizing:inherit;display:block;height:1px;position:absolute;z-index:0;}


#mright #sbox-01{}
#mright #sbox-01 ul{}
#mright #sbox-01 ul li{overflow:hidden;margin-bottom:7px;}
#mright #sbox-01 ul li a{padding:0px;text-decoration:none;display:block;transition:0.2s;}
#mright #sbox-01 ul li .img{width:80px;height:80px;float:left;overflow:hidden;border:1px solid #efefef;box-sizing:border-box;}
#mright #sbox-01 ul li img{width:80px;height:80px;object-fit:cover;float:left;transition:0.3s;}
#mright #sbox-01 ul li p{width:180px;font-size:14px;font-weight:500;color:#555;letter-spacing:normal;display:inline-block;float:right;padding-top:2px;}
#mright #sbox-01 ul li a:hover{opacity:0.9;transition:0.2s;}
#mright #sbox-01 ul li a:hover img{-webkit-transform:scale(1.04);transform:scale(1.04);transition:0.3s;}


#mright #sbox-02{}
#mright #sbox-02 ul{}
#mright #sbox-02 ul li{border-bottom:1px solid #ddd; position:relative;}
#mright #sbox-02 ul li a{background:url(../images/common/ico-f.png) left 10px top 16px no-repeat;font-size:15px;color:#555;background-size:16px auto;padding:10px 10px 10px 25px;letter-spacing:normal;text-decoration:none;display:block;transition:0.2s;}
#mright #sbox-02 ul li a span{transition:0.2s;}
#mright #sbox-02 ul li a:hover{background-color:#edf8ff;opacity:1;transition:0.2s;}
#mright #sbox-02 ul li a:hover span{padding-left:3px;transition:0.2s;}

#mright #sbox-02 ul li:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;left:12px;border-width:5px 10px;border-style:solid;border-color:transparent;border-left-color:#222;}


/*--------------------------------------------------------------------------------
 * DROPDOWN
--------------------------------------------------------------------------------*/
#mright #sbox-02 .widget_inner .screen-reader-text{display:none;height:50px;}
#mright #sbox-02 .widget_inner .dd_wrap{width:100%;box-sizing:border-box;display:block;border-width:1px;border-style:solid;border-color:#e2e2e2;position:relative;margin-top:20px;}
#mright #sbox-02 .widget_inner select{font:inherit;padding:0 0.625rem;box-sizing:border-box;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:none;background:none;cursor:pointer;}
#mright #sbox-02 ::-ms-expand{display:none;}
#mright #sbox-02 .widget_inner select:focus{outline:none;}
#mright #sbox-02 .widget_inner label:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;right:12px;border-width:10px 5px;border-style:solid;border-color:transparent;border-top-color:#222;}

/*▼記事詳細ページ　single▼*/
#single .h2-01{font-size:30px;}
#single .date{font-weight:bold;margin-bottom:10px;text-align:right;}
#single #catego-title{margin-bottom:30px;}

/*▼診療記事詳細ページ　detail▼*/
#detail #box-01 .area-01{overflow:hidden;}
#detail #box-01 .area-01 .p-01{font-size:20px;color:#808000;font-weight:bold;margin-bottom:7px;}




.postNavi{overflow:hidden;margin-top:50px;}
.postNavi .prev{display:inline-block;float:left;}
.postNavi .next{display:inline-block;float:right;text-align:right;}

.postNavi a{font-weight:;color:#d92c68;}

.pagination{margin:40px 0 0;text-align:center;}
.pagination .page-numbers{display:inline-block;margin:0 5px;padding:10px 15px;color:#333;border-radius:3px;box-shadow:1px 1px 5px #999;background:#fff;vertical-align:top;}
.pagination .current{padding:10px 15px;background:#d92c68;color:#fff;}
.pagination .prev,
.pagination .next{background:transparent;box-shadow:none;color:#d92c68;}
.pagination .dots{background:transparent;box-shadow:none;}