@charset "UTF-8";
@import url(fontawesome-all.min.css);
@import url(default.css);
@font-face { font-family: mplus-1p-regular; src: url("../webfonts/mplus-1p-regular.eot"); }
@font-face { font-family: mplus-1p-regular; src: url("../webfonts/mplus-1p-regular.ttf") format("truetype"); }
.cnt { width: 1100px; }

/* ========================================================= */
/* フォントサイズ */
/* ========================================================= */
.fs10 { font-size: 77%; }

.fs11 { font-size: 85%; }

.fs12 { font-size: 93%; }

.fs13 { font-size: 100%; }

.fs14 { font-size: 108%; }

.fs15 { font-size: 116%; }

.fs16 { font-size: 123.1%; }

.fs17 { font-size: 131%; }

.fs18 { font-size: 138.5%; }

.fs19 { font-size: 146.5%; }

.fs20 { font-size: 153.9%; }

.fs21 { font-size: 161.6%; }

.fs22 { font-size: 167%; }

.fs23 { font-size: 174%; }

.fs24 { font-size: 182%; }

.fs25 { font-size: 189%; }

.fs26 { font-size: 197%; }

.fs_l { font-size: 225%; }

.fs_l2 { font-size: 250%; }

/* フォントタイプ */
/* ========================================================= */
.f_g1 { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; }

.f_g2 { font-family: "HGP創英角ｺﾞｼｯｸUB", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

.f_m1 { font-family: "Sawarabi Mincho", serif; }

.f_p1 { font-family: "mplus-1p-regular"; }

.f_org1 { /* 400,800*/ font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; }

/* ========================================================= */
/* 装飾 */
/* ========================================================= */
.bold { font-weight: bold; }

.normal { font-weight: normal; }

.imgborder { border: 1px solid #a5a5a5; }

.imgshadow { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

.photoframe { border: 10px solid #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }

.noborder { border: none; }

.topline { border-top: 1px solid #b4b4b4; }

.underline { border-bottom: 1px solid #b4b4b4; }

.underline_double { border-bottom: 3px double #b4b4b4; }

.underline_double_red { border-bottom: 3px double #f00; }

.underline_td { text-decoration: underline; }

.topline { border-top: 1px solid #ccc; }

.bg_yellow { background-color: #ff0; }

a.ico-pdf { padding-right: 20px; background: url(../img/icon/pdf.png) no-repeat 100% 45%; }

/* ========================================================= */
/* 表示 */
/* ========================================================= */
.nodisp { text-indent: -9999px; }

.disp_none { display: none; }

a.disabled { pointer-events: none; }

.txt1 { padding-left: 1em; text-indent: -1em; }

.txt1_ib { display: inline-block; padding-left: 1em; text-indent: -1em; }

.lh10 { line-height: 1; }

.lh13 { line-height: 1.3; }

.lh15 { line-height: 1.5; }

.lh18 { line-height: 1.8; }

.lh20 { line-height: 2; }

.hor { letter-spacing: -0.4em; }

.hor li, .hor dt, .hor dd, .hor div { display: inline-block; letter-spacing: normal; }

.hor_tb { display: table; }

.hor_tb dt, .hor_tb dd, .hor_tb div { display: table-cell; }

.ct_flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; /*	align-items:center;*/ justify-content: space-between; }

/* ========================================================= */
/* レイアウト調整 */
/* ========================================================= */
.al_right { text-align: right; }

.al_left { text-align: left; }

.al_center { text-align: center; }

.f_left { float: left; }

.f_right { float: right; }

.valign-t { vertical-align: top; }

.valign-b { vertical-align: bottom; }

.valign-m { vertical-align: middle; }

.mauto, article .mauto { margin-left: auto; margin-right: auto; }

.mg, article .mg { margin: 0; }

.mg5, article .mg5 { margin: 5px; }

.mg10, article .mg10 { margin: 10px; }

.mg20, article .mg20 { margin: 20px; }

.mg30, article .mg30 { margin: 30px; }

.mg40, article .mg40 { margin: 40px; }

.mg50, article .mg50 { margin: 50px; }

.mg60, article .mg60 { margin: 60px; }

.mg70, article .mg70 { margin: 70px; }

.mg80, article .mg80 { margin: 80px; }

.mg90, article .mg90 { margin: 90px; }

.mg100, article .mg100 { margin: 100px; }

.mtop, article .mtop { margin-top: 0; }

.mtop5, article .mtop5 { margin-top: 5px; }

.mtop10, article .mtop10 { margin-top: 10px; }

.mtop20, article .mtop20 { margin-top: 20px; }

.mtop30, article .mtop30 { margin-top: 30px; }

.mtop40, article .mtop40 { margin-top: 40px; }

.mtop50, article .mtop50 { margin-top: 50px; }

.mtop60, article .mtop60 { margin-top: 60px; }

.mtop70, article .mtop70 { margin-top: 70px; }

.mtop80, article .mtop80 { margin-top: 80px; }

.mtop90, article .mtop90 { margin-top: 90px; }

.mtop100, article .mtop100 { margin-top: 100px; }

.mbottom, article .mbottom { margin-bottom: 0; }

.mbottom5, article .mbottom5 { margin-bottom: 5px; }

.mbottom10, article .mbottom10 { margin-bottom: 10px; }

.mbottom20, article .mbottom20 { margin-bottom: 20px; }

.mbottom30, article .mbottom30 { margin-bottom: 30px; }

.mbottom40, article .mbottom40 { margin-bottom: 40px; }

.mbottom50, article .mbottom50 { margin-bottom: 50px; }

.mbottom60, article .mbottom60 { margin-bottom: 60px; }

.mbottom70, article .mbottom70 { margin-bottom: 70px; }

.mbottom80, article .mbottom80 { margin-bottom: 80px; }

.mbottom90, article .mbottom90 { margin-bottom: 90px; }

.mbottom100, article .mbottom100 { margin-bottom: 100px; }

.mleft, article .mleft { margin-left: 0; }

.mleft5, article .mleft5 { margin-left: 5px; }

.mleft10, article .mleft10 { margin-left: 10px; }

.mleft20, article .mleft20 { margin-left: 20px; }

.mleft30, article .mleft30 { margin-left: 30px; }

.mleft40, article .mleft40 { margin-left: 40px; }

.mleft50, article .mleft50 { margin-left: 50px; }

.mleft60, article .mleft60 { margin-left: 60px; }

.mleft70, article .mleft70 { margin-left: 70px; }

.mleft80, article .mleft80 { margin-left: 80px; }

.mleft90, article .mleft90 { margin-left: 90px; }

.mleft100, article .mleft100 { margin-left: 100px; }

.mright, article .mright { margin-right: 0; }

.mright5, article .mright5 { margin-right: 5px; }

.mright10, article .mright10 { margin-right: 10px; }

.mright20, article .mright20 { margin-right: 20px; }

.mright30, article .mright30 { margin-right: 30px; }

.mright40, article .mright40 { margin-right: 40px; }

.mright50, article .mright50 { margin-right: 50px; }

.mright60, article .mright60 { margin-right: 60px; }

.mright70, article .mright70 { margin-right: 70px; }

.mright80, article .mright80 { margin-right: 80px; }

.mright90, article .mright90 { margin-right: 90px; }

.mright100, article .mright100 { margin-right: 100px; }

.pd, article .pd { padding: 0; }

.pd5, article .pd5 { padding: 5px; }

.pd10, article .pd10 { padding: 10px; }

.pd20, article .pd20 { padding: 20px; }

.pd30, article .pd30 { padding: 30px; }

.pd40, article .pd40 { padding: 40px; }

.pd50, article .pd50 { padding: 50px; }

.pd60, article .pd60 { padding: 60px; }

.pd70, article .pd70 { padding: 70px; }

.pd80, article .pd80 { padding: 80px; }

.pd90, article .pd90 { padding: 90px; }

.pd100, article .pd100 { padding: 100px; }

.pdtop, article .pdtop { padding-top: 0; }

.pdtop5, article .pdtop5 { padding-top: 5px; }

.pdtop10, article .pdtop10 { padding-top: 10px; }

.pdtop20, article .pdtop20 { padding-top: 20px; }

.pdtop30, article .pdtop30 { padding-top: 30px; }

.pdtop40, article .pdtop40 { padding-top: 40px; }

.pdtop50, article .pdtop50 { padding-top: 50px; }

.pdtop60, article .pdtop60 { padding-top: 60px; }

.pdtop70, article .pdtop70 { padding-top: 70px; }

.pdtop80, article .pdtop80 { padding-top: 80px; }

.pdtop90, article .pdtop90 { padding-top: 90px; }

.pdtop100, article .pdtop100 { padding-top: 100px; }

.pdbottom, article .pdbottom { padding-bottom: 0; }

.pdbottom5, article .pdbottom5 { padding-bottom: 5px; }

.pdbottom10, article .pdbottom10 { padding-bottom: 10px; }

.pdbottom20, article .pdbottom20 { padding-bottom: 20px; }

.pdbottom30, article .pdbottom30 { padding-bottom: 30px; }

.pdbottom40, article .pdbottom40 { padding-bottom: 40px; }

.pdbottom50, article .pdbottom50 { padding-bottom: 50px; }

.pdbottom60, article .pdbottom60 { padding-bottom: 60px; }

.pdbottom70, article .pdbottom70 { padding-bottom: 70px; }

.pdbottom80, article .pdbottom80 { padding-bottom: 80px; }

.pdbottom90, article .pdbottom90 { padding-bottom: 90px; }

.pdbottom100, article .pdbottom100 { padding-bottom: 100px; }

.pdleft, article .pdleft { padding-left: 0; }

.pdleft5, article .pdleft5 { padding-left: 5px; }

.pdleft10, article .pdleft10 { padding-left: 10px; }

.pdleft20, article .pdleft20 { padding-left: 20px; }

.pdleft30, article .pdleft30 { padding-left: 30px; }

.pdleft40, article .pdleft40 { padding-left: 40px; }

.pdleft50, article .pdleft50 { padding-left: 50px; }

.pdleft60, article .pdleft60 { padding-left: 60px; }

.pdleft70, article .pdleft70 { padding-left: 70px; }

.pdleft80, article .pdleft80 { padding-left: 80px; }

.pdleft90, article .pdleft90 { padding-left: 90px; }

.pdleft100, article .pdleft100 { padding-left: 100px; }

.pdright, article .pdright { padding-right: 0; }

.pdright5, article .pdright5 { padding-right: 5px; }

.pdright10, article .pdright10 { padding-right: 10px; }

.pdright20, article .pdright20 { padding-right: 20px; }

.pdright30, article .pdright30 { padding-right: 30px; }

.pdright40, article .pdright40 { padding-right: 40px; }

.pdright50, article .pdright50 { padding-right: 50px; }

.pdright60, article .pdright60 { padding-right: 60px; }

.pdright70, article .pdright70 { padding-right: 70px; }

.pdright80, article .pdright80 { padding-right: 80px; }

.pdright90, article .pdright90 { padding-right: 90px; }

.pdright100, article .pdright100 { padding-right: 100px; }

.dis-b { display: block; }

.dis-ib { display: inline-block; }

.pos-rl { position: relative; }

.of { overflow: hidden; }

.br-pc, .dn-pc { display: block; }

.br-sp, .dn-sp { display: none; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================= */
/* Width調整 */
/* ========================================================= */
.w3 { width: 3%; }

.w5 { width: 5%; }

.w6 { width: 6%; }

.w8 { width: 8%; }

.w10 { width: 10%; }

.w12 { width: 12%; }

.w15 { width: 15%; }

.w18 { width: 18%; }

.w20 { width: 20%; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w33 { width: 33.3%; }

.w35 { width: 35%; }

.w40 { width: 40%; }

.w45 { width: 45%; }

.w48 { width: 48%; }

.w50 { width: 50%; }

.w55 { width: 55%; }

.w60 { width: 60%; }

.w65 { width: 65%; }

.w70 { width: 70%; }

.w75 { width: 75%; }

.w80 { width: 80%; }

.w85 { width: 85%; }

.w90 { width: 90%; }

.w92 { width: 92%; }

.w93 { width: 93%; }

.w94 { width: 94%; }

.w95 { width: 95%; }

.w96 { width: 96%; }

.w97 { width: 97%; }

.w98 { width: 98%; }

.w99 { width: 99%; }

.w100 { width: 100%; }

/* ========================================================= */
/* カラー調整 */
/* ========================================================= */
.gray { color: #949494; }

.black { color: #000; }

.red { color: #e84032; }

.red_d { color: #b009; }

.pink { color: #fe6090; }

.blue { color: #1748b6; }

.blue_d { color: #0e3e87; }

.yellow { color: #fff958; }

.orange { color: #ff5a00; }

.green { color: #008000; }

.white { color: #ffffff; }

.brown { color: #9f5a1d; }

.blue_l { color: #02b0f0; }

.red_l { color: #ef4d40; }

.green_l { color: #00b690; }

/* ========================================================= */
/* その他 */
/* ========================================================= */
.scrollbox { poisition: relative; width: 100%; overflow: auto; scrollbar-base-color: #fff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #f1f1f1; scrollbar-highlight-color: #f1f1f1; scrollbar-shadow-color: #f1f1f1; scrollbar-track-color: #ffffff; }

/*スクロールバー全体*/
.scrollbox::-webkit-scrollbar { width: 10px; }

/*横スクロールバー全体*/
.scrollbox::-webkit-scrollbar:horizontal { height: 10px; }

/*スクロールバー上下左右末端のボタン*/
.scrollbox::-webkit-scrollbar-button { width: 10px; height: 10px; }

/*ドラッグするツマミ部分*/
.scrollbox::-webkit-scrollbar-thumb { background: #f1f1f1; }

/*右下角部分*/
.scrollbox::-webkit-scrollbar-corner { background-color: transparent; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
/* common ----------------------------------------------------- */
body { margin: 0; padding: 0; text-align: center; color: #141414; font-size: 82%; font-family: -apple-system,Meiryo, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, "M+ 1p", sans-serif; background-color: #FFF; min-width: 1100px; -webkit-text-size-adjust: 100%; overflow-x: hidden; }

* html body { font-size: 80%; }

p, li { font-size: 100%; line-height: 1.5; }

table { font-size: 100%; }

th, td { line-height: 1.5; font-size: 100%; }

dt, dd { line-height: 1.5; font-size: 100%; }

img { vertical-align: bottom; }

a { color: #1748b6; text-decoration: none; }

a:visited { color: #1748b6; }

a:hover { color: #43A6EB; /* text-decoration:underline;*/ }

a:hover, input[type="submit"]:hover, input[type="reset"]:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; zoom: 1; }

a.nohover:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1.0; -khtml-opacity: 1.0; }

input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

/* ===================================================================== */
/* HEADER */
/* ===================================================================== */
header { border-bottom: 1px solid #b2b2b2; }
header .sitetitle a { display: block; width: 179px; height: 58px; margin: 30px 0 20px; background: url(../img/zaidan/common/logo.png) no-repeat; }
header .textsize .ct_flex { margin-top: 5px; justify-content: flex-end; }
header .textsize .lb { margin-right: 5px; line-height: 21px; }
header .textsize ul { overflow: hidden; }
header .textsize ul li { width: 21px; height: 21px; margin: 0 2px; text-align: center; line-height: 21px; }
header .textsize ul li.t1 { border: 1px solid #d1d1d1; color: #141414; cursor: pointer; }
header .textsize ul li.t2 { background-color: #1748b6; color: #FFF; border-color: #1748b6; }
header .address { display: -webkit-flex; display: flex; }
header .address li { padding: 0 10px; }
header .address li:last-child { padding-right: 0; }

/* ===================================================================== */
/* メニュー */
/* ===================================================================== */
.gmenuarea { position: absolute; bottom: 0; right: 0; }

ul#gmenu li { position: relative; }

ul#gmenu li a { display: block; padding: 5px 17px; color: #141414; border-right: 1px solid #b2b2b2; box-sizing: border-box; }

ul#gmenu li:last-child a { border-right: none; }

ul#gmenu li a:hover { /*	background-color:#1748b6;
	color:#FFF;*/ }

ul#gmenu li ul.child { display: none; width: 100%; height: auto; position: absolute; background: url(../img/ptn/white-90.png); border: 1px solid #b2b2b2; border-top: none; border-left: none; box-sizing: border-box; z-index: 1000; text-align: left; }

#toppg ul#gmenu li:nth-child(4) ul.child, #contentspg ul#gmenu li:nth-child(5) ul.child { width: 220px; }

#contentspg ul#gmenu li:nth-child(4) ul.child { width: 220px; }

ul#gmenu li ul.child li { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: none; text-indent: 0; line-height: 1.3; }

ul#gmenu li ul.child li a { display: block; width: auto; height: auto; padding: 5px 15px; border-right: none; }

ul#gmenu li ul.child li:last-child a { border-bottom: none; }

ul#gmenu li ul.child li a:hover { background-color: transparent; /*	background-color:#f3f3f4;*/ color: #141414; text-decoration: none; }

/* ====================================================================== */
/* Header fix */
/* ====================================================================== */
#header-fix { position: fixed; width: 100%; top: 0px; display: none; z-index: 9999; background: url(../img/ptn/white-90.png); border-bottom: 1px solid #b2b2b2; }

#header-fix ul#gmenu { margin-top: 15px; }

/* ===================================================================== */
/* コンテンツ */
/* ===================================================================== */
.content table.tb1 { border-collapse: collapse; }

.content table.tb1 th, .content table.tb1 td { padding: 15px 10px; border: 1px solid #b2b2b2; vertical-align: top; }

.content table.tb1 th { background-color: #f9f9f9; }

.content ul.list1 li { margin-left: 20px; list-style-type: disc; }

.content ul.list1 li.noitem { list-style-type: none; }

.content ul.list_circle li { list-style-type: circle; }

.content ul.list1 li.sub { list-style-type: none; }

.content ul.list1 li.sub::before { content: "－"; display: inline-block; margin-right: 5px; }

.content ol.numlist li { margin-left: 20px; list-style-type: decimal; }

.content dl.dl1 dt, .content dl.dl1 dd { float: left; }

.content .bg-ptn01 { background: url(../img/ptn/line-01.png); }

.content .bg-ptn01 .inner { background-color: #FFF; }

/* ===================================================================== */
/* フッター */
/* ===================================================================== */
footer { background-color: #f1f1f1; border-bottom: 10px solid #1748b6; }

footer .faclist .lb { font-size: 250%; font-weight: normal; }

.faclist .fac_cate { padding: 4px; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }

.facinfo a { color: #141414; }

.facinfo .arrow { color: #999; }

.facinfo .more { display: none; padding: 0 0 10px 20px; }

.facinfo .f_btn .acc_icon { display: block; margin-top: 3px; width: 13px; height: 13px; background: url(../img/icon/plus.png) no-repeat; background-color: #FFF; }

.facinfo .f_btn .acc_icon.active { background: url(../img/icon/minus.png) no-repeat; background-color: #FFF; }

.aclist dt { display: inline-block; display: block; }

.aclist dt .arrow { color: #999; }

.aclist dd { display: none; padding: 0 0 10px 20px; }

.ac_icon, .ac_icon span { display: inline-block; transition: all .4s; box-sizing: border-box; }

.ac_icon { position: relative; width: 8px; height: 8px; float: left; }

.ac_icon span { position: absolute; left: 8px; width: 100%; height: 1px; background-color: #999; }

.ac_icon span:nth-of-type(1) { top: 8px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }

.ac_icon span:nth-of-type(2) { top: 8px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

/*＋、－切り替え*/
.ac_icon.active span:nth-of-type(1) { display: none; }

.ac_icon.active span:nth-of-type(2) { top: 8px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

footer .copyright { color: #999; }

#pagetop { position: fixed; bottom: 0; right: 0; }

#pagetop a { display: block; padding: 14px 6px; background-color: #1748b6; color: #FFF; }

.d_nav { display: none; }

.smp_header { display: none; }

.menuarea { display: none; }

/* ================================================================== */
/* TOP */
/* ================================================================== */
.mainimgarea { width: 1100px; height: 450px; align-items: flex-start; /*	overflow:hidden;*/ }

.mainimgarea .slider { width: 800px; min-width: 800px; opacity: 0; transition: opacity .3s linear; }

.mainimgarea .slider.slick-initialized { opacity: 1; }

.mainimgarea .slider img { width: 100%; height: 400px; overflow: hidden; z-index: 1; }

.mainimgarea .slider .slick-prev::before, .mainimgarea .slider .slick-next::before { font-size: 18px; }

.mainimgarea .slider .slide-arrow { display: inline-block; width: auto; height: auto; position: absolute; top: 45%; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; cursor: pointer; }

.mainimgarea .slider .prev-arrow { left: -25px; }

.mainimgarea .slider .next-arrow { right: -25px; }

.mainimgarea .slider .slide-arrow:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }

.mainimgarea .slider .slick-dots { z-index: 100; bottom: -40px; }

.mainimgarea .pgmenuarea { width: 260px; }

.mainimgarea .pgmenuarea .pgmenu { box-sizing: border-box; }

.mainimgarea .pgmenuarea .pgmenu a { display: block; width: 100%; padding: 45px 0; color: #141414; }

.mainimgarea .pgmenuarea .pgmenu01 a { border-top: 8px solid #02b0f0; background: url(../img/zaidan/top/pgmenu01.png) no-repeat 8px 45%; }

.mainimgarea .pgmenuarea .pgmenu02 a { border-top: 8px solid #ef4d40; background: url(../img/zaidan/top/pgmenu02.png) no-repeat 8px 45%; }

.mainimgarea .pgmenuarea .pgmenu03 a { border-top: 8px solid #00b690; background: url(../img/zaidan/top/pgmenu03.png) no-repeat 8px 45%; }

.top .information .ctlb { font-size: 250%; font-weight: normal; }

article ul.i_target { text-align: center; border-bottom: 2px solid #1748b6; }
article ul.i_target li { margin: 0 5px; padding: 10px 35px; background-color: #eceef3; cursor: pointer; vertical-align: bottom; }
article ul.i_target li.select { background-color: #004d8d; color: #FFF; }
article ul.i_target li:hover { background-color: #004d8d; color: #FFF; }

.disnon { display: none; }

article .content_wrap { padding-top: 30px; }

article .content_wrap .pickup { background: url(../img/ptn/line-01.png); }

article .n5 .pickup { background: none; }

article .content_wrap .pickup .inner { background-color: #FFF; }

article .content_wrap dl { padding: 10px 0 4px; border-bottom: 1px dashed #b2b2b2; }

article .content_wrap dl dt, article .content_wrap dl dd { vertical-align: top; }

article .content_wrap .cate { padding: 2px; border: 1px solid #999; box-sizing: border-box; line-height: 1; font-size: 10px; font-weight: bold; }

article .content_wrap .cate small { display: block; transform: scale(0.8); }

article .content_wrap .cate01 { border: 1px solid #02b0f0; color: #02b0f0; }

article .content_wrap .cate02 { border: 1px solid #ef4d40; color: #ef4d40; }

article .content_wrap .cate03 { border: 1px solid #00b690; color: #00b690; }

article .content_wrap .pickup_cate { padding: 4px 0; border: 1px solid #1748b6; color: #1748b6; }

article .content_wrap .fac li { width: 90px; margin: 0; }

article .content_wrap .fac li span { display: block; width: 100%; padding: 3px 0; color: #FFF; text-align: center; font-size: 10px; border-right: 4px solid #FFF; border-bottom: 4px solid #FFF; box-sizing: border-box; }

article .content_wrap .fac li .fac01 { background-color: #02b0f0; }

article .content_wrap .fac li .fac02 { background-color: #ef4d40; }

article .content_wrap .fac li .fac03 { background-color: #00b690; }

article .content_wrap .infolist .infolink { margin-bottom: 6px; }

.top .c01 { border-top: 20px solid #02b0f0; }

.top .c02 { border-top: 20px solid #ef4d40; }

.top .c03 { border-top: 20px solid #00b690; }

.top .concept .ctlb { font-size: 250%; font-weight: normal; }

.top .concept .ctlb .dec01 { display: inline-block; width: 80px; height: 80px; border-radius: 50%; color: #FFF; font-size: 150%; font-weight: bold; line-height: 80px; }

.top .concept .ctlb .dec02 { display: inline-block; height: 80px; font-size: 150%; font-weight: bold; line-height: 80px; }

.top .c01 .ctlb .dec01 { background-color: #02b0f0; }

.top .c02 .ctlb .dec01 { background-color: #ef4d40; }

.top .c03 .ctlb .dec01 { background-color: #00b690; }

.top .c01 .ctlb .dec02 { color: #02b0f0; }

.top .c02 .ctlb .dec02 { color: #ef4d40; }

.top .c03 .ctlb .dec02 { color: #00b690; }

.top .concept .cbox h3 small { font-size: 77%; }

.top .concept .cbox .csubbox { vertical-align: middle; }

.top .concept .cbox .csubbox a { color: #141414; }

.top .c01 .cbox .csub01 { background-color: #e7f6fc; color: #034f6b; }

.top .c01 .cbox .csub02 { background-color: #f7fcff; }

.top .c01 .cbox a .arrow { color: #02b0f0; font-size: 70%; vertical-align: middle; }

.top .c02 .cbox .csub01 { background-color: #fdf4ee; color: #88140b; }

.top .c02 .cbox .csub02 { background-color: #fffcf9; }

.top .c02 .cbox a .arrow { color: #ef4d40; font-size: 70%; vertical-align: middle; }

.top .c03 .cbox .csub01 { background-color: #f1faf2; color: #075444; }

.top .c03 .cbox .csub02 { background-color: #fafefb; }

.top .c03 .cbox a .arrow { color: #00b690; font-size: 70%; vertical-align: middle; }

.top .bnrarea img { margin: 0 15px 20px; }

.top .bnrarea span:first-child img, .top .bnrarea span:nth-child(5) img { margin-left: 0; }

.top .bnrarea span:nth-child(4) img, .top .bnrarea span:nth-child(8) img { margin-right: 0; }

/* ================================================================== */
/* 下層 */
/* ================================================================== */
.pglb { font-size: 250%; font-weight: normal; border-bottom: 1px solid #b2b2b2; line-height: 2; }

.pglb_r2 { line-height: 1.3; }

.pglb span { display: block; padding: 0 0 10px 80px; }

.about .pglb span { background: url(../img/zaidan/pglb/about.png) no-repeat; }

.recruit .pglb span { background: url(../img/zaidan/pglb/recruit.png) no-repeat; }

.photostudio .pglb span { background: url(../img/zaidan/pglb/photostudio.png) no-repeat; }

.community .pglb span { background: url(../img/zaidan/pglb/community.png) no-repeat; }

.privacy .pglb span { background: url(../img/zaidan/pglb/privacy.png) no-repeat; }

.plan .pglb span { background: url(../img/zaidan/pglb/plan.png) no-repeat; }

.w_plan .pglb span { background: url(../img/zaidan/pglb/w_plan.png) no-repeat; }

.contact .pglb span { background: url(../img/zaidan/pglb/contact.png) no-repeat; }

.access .pglb span { background: url(../img/zaidan/pglb/access.png) no-repeat; }

.pglb small { font-size: 60%; }

.content .ctlb { font-weight: normal; }

.content .sublb { padding: 10px; background: url(../img/ptn/dot-01.png); border-left: 5px solid #1748b6; box-sizing: border-box; font-weight: normal; }

.content .sidebnrarea img { margin-bottom: 10px; }

.pan { position: absolute; bottom: 10px; right: 0; }

.pan li a::after { margin: 0 5px; /* display: none;*/ font-family: "Font Awesome 5 Pro"; content: "\f105"; }

.content .pgnav li { margin: 0 20px; }

.content .pgnav li a::before { font-family: "Font Awesome 5 Pro"; content: "\f13a"; font-weight: bold; }

.content .arrow_r::before { font-family: "Font Awesome 5 Pro"; content: "\f138"; font-weight: bold; }

.content .tel::before { font-family: "Font Awesome 5 Pro"; content: "\f095"; font-weight: bold; }

.content .fax::before { font-family: "Font Awesome 5 Pro"; content: "\f1ac"; }

.content .btn01 { padding: 3px 10px; background-color: #2792c9; color: #FFF; border-radius: 3px; }

.content .access_btn::before { margin-right: 5px; font-family: "Font Awesome 5 Pro"; content: "\f3c5"; }

.content .mail_btn::before { margin-right: 5px; font-family: "Font Awesome 5 Pro"; content: "\f3c5"; }

.content .popup { display: none; }

.close_btn a { display: inline-block; padding: 10px 20px; border: 1px solid #b2b2b2; color: #141414; }

#contentspg .content .infolist { padding: 8px 0; border-bottom: 1px dashed #b2b2b2; }

/* ================================================================== */
/*  榛名荘について */
/* ================================================================== */
.about .rinen { padding: 20px 0; border-bottom: 1px solid #b2b2b2; }

.about .rinen .num { display: block; width: 40px; height: 40px; background-color: #01aff0; color: #FFF; border-radius: 50%; line-height: 40px; }

/* ================================================================== */
/*  採用情報 */
/* ================================================================== */
.recruit .recbox .sublb { position: relative; }

.recruit .recbox .sublb::after { content: "詳細はこちら"; display: inline-block; padding: 2px 10px; background-color: #2792c9; border-radius: 5px; font-size: 60%; color: #FFF; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.recruit .recbox .sublb:hover::after { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; }

.recruit .recbox .sublb.active::after { content: "閉じる"; background-color: #e84032; }

/*
.recruit .recbox .sublb span{ background:url(../img/zaidan/recruit/opn_btn.png) no-repeat 100% 50%;}
.recruit .recbox .sublb span:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	}

.recruit .recbox .sublb.active span{ background:url(../img/zaidan/recruit/close_btn.png) no-repeat 100% 50%;}
*/
.recruit .recbox .rec_more { display: none; }

/* ================================================================== */
/*  アクセス */
/* ================================================================== */
.access .facbox .sublb { position: relative; }
.access .facbox .sublb::after { content: "詳細はこちら"; display: inline-block; padding: 2px 10px; background-color: #2792c9; border-radius: 5px; font-size: 60%; color: #FFF; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.access .facbox .sublb:hover::after { opacity: 0.7; -ms-filter: "alpha(opacity=$op1)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; }
.access .facbox .sublb.active::after { content: "閉じる"; background-color: #e84032; }
.access .facbox .more { display: none; }

.access #ct_c01 .ct_flex { flex-direction: row-reverse; align-items: flex-start; }

.access .lb { padding: 5px 0; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }

.access .lb::before { margin-right: 10px; font-family: "Font Awesome 5 Pro"; }

.access .lb1::before { content: "\f3c5"; color: #00b690; }

.access .lb2::before { content: "\f207"; color: #ef4d40; }

.access .lb3::before { content: "\f239"; color: #01aff1; }

.access iframe.gmap { width: 100%; width: 300px; height: 300px; }

.access .mapimg a { display: block; width: 102px; height: 46px; position: absolute; background-color: #FFF; text-indent: -9999px; opacity: 0; }

.access .mapimg a:hover { opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; }

.access .mapimg .fac01 { width: 308px; top: 4px; left: 308px; }

.access .mapimg .fac04 { width: 233px; top: 528px; left: 241px; }

.access .mapimg .fac05 { width: 116px; top: 370px; left: 28px; }

.access .mapimg .fac06 { top: 528px; left: 493px; }

.access .mapimg .fac08 { width: 116px; top: 71px; left: 35px; }

.access .mapimg .fac09 { width: 119px; top: 189px; left: 10px; }

.access .mapimg .fac10 { width: 119px; top: 275px; left: 29px; }

.access .mapimg .fac11 { width: 119px; top: 118px; left: 29px; }

.access .mapimg .fac12 { width: 119px; top: 5px; left: 169px; }

.access .s_mapimg { display: none; }

/* ================================================================== */
/*  榛名荘写真館 */
/* ================================================================== */
.photostudio .ct_btn { padding: 4px 8px; background-color: #2792c9; border-radius: 3px; color: #FFF; }

.photostudio .ct_btn:before { font-family: "Font Awesome 5 Pro"; content: "\f13a"; font-weight: bold; }

.photostudio .ct_btn:hover { cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; }

.photostudio .close { background-color: #e84032; }

.photostudio .close:before { font-family: "Font Awesome 5 Pro"; content: "\f00d"; font-weight: 300; }

/* ================================================================== */
/*  地域貢献・交流活動 */
/* ================================================================== */
.community .eventinfo { position: relative; }

.community .ctbox .eventinfo img.prev-arrow { position: absolute; left: -40px; top: 40%; z-index: 50; }

.community .ctbox .eventinfo img.slide-arrow:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; }

.community .ctbox .eventinfo img.next-arrow { position: absolute; right: -40px; top: 40%; z-index: 50; }

/* ================================================================== */
/*  一般財団法人榛名荘 行動計画 */
/* ================================================================== */
.plan .planinfo .ccbox { display: inline-block; width: 60px; height: 60px; border-radius: 50%; line-height: 64px; color: #FFF; box-sizing: border-box; }

.plan .planinfo .ccbox1 { background-color: #01aff0; }

.plan .planinfo .ccbox2 { border: 2px solid #01aff0; color: #01aff0; }

.plan .planinfo .ccbox3 { border: 2px solid #1748b6; color: #1748b6; }

.plan .planinfo .ccbox_r2 { padding-top: 15px; line-height: 1; }

/* ================================================================== */
/*  お問い合わせ */
/* ================================================================== */
.contact .telinfo { display: table; }

.contact .telinfo dt, .contact .telinfo dd { display: table-cell; }

.contact .telinfo dt .tel_lb { padding: 5px 10px; border: 1px solid #999; }

.contact .telinfo a.tel { color: #141414; }

.contact .telinfo a.tel:before { margin-right: 10px; content: "\f095"; font-family: FontAwesome; color: #9c67c3; }

.contact .formarea dl { display: table; padding: 20px 0; border-bottom: 1px solid #cbcbcb; }

.contact .formarea dl dt, .contact .formarea dl dd { display: table-cell; }

.contact .formarea dl dt span:before { margin-left: 5px; margin-right: 10px; content: "\f138"; font-family: FontAwesome; color: #9c67c3; }

.contact .formarea dl dd dl { padding: 0; border: none; }

.contact .notnull { display: inline-block; padding: 0 3px; color: #F00; font-size: 70%; background-color: #FFF; border-radius: 2px; border: 1px solid #e44040; vertical-align: middle; }

.contact input[type="text"], .contact select { border: 1px solid #999; padding: 6px; }

.contact select { font-size: 100%; }

textarea { font-family: sans-serif; }

.contact input[type=radio], .contact input[type=checkbox] { width: 16px; height: 16px; vertical-align: -0.3em; }

.contact textarea { border: 1px solid #999; padding: 5px; }

.contact .err input[type="text"] { background-color: #fff6f6; }

.contact .errmes:before { content: "\f057"; font-family: FontAwesome; font-weight: normal; }

.contact input[type="submit"].send_btn { margin-left: 20px; margin-right: 20px; padding: 10px 30px; background-color: #b61616; border: none; color: #fff; }

.contact input[type="submit"].upd_btn { background-color: #999; }

.contact input[type="reset"].reset_btn { margin-left: 20px; margin-right: 20px; padding: 10px 30px; background-color: #bebebe; border: none; color: #fff; }

.contact input[type="submit"]#submit[disabled] { background-color: #CCC; }

.contact input[type="submit"]#submit[disabled]:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1.0; -khtml-opacity: 1.0; }

.contact .plus_icon { display: inline-block; margin: 0 5px; padding: 0 3px; border: 1px solid #969696; color: #969696; line-height: 1.3; }