@charset "utf-8";

/*--------------------------------------------------
RESET CSS 
---------------------------------------------------*/
html, body, header, hgroup, nav, section, menu, article, aside, footer,
div, dl, dt, dd, p, ol, ul, li, iframe, img, figure, figcaption, audio, video, canvas, details, time, mark,
table, thead, tbody, tfoot, tr, th, td, caption, fieldset, form, label, legend, summary, 
em, span, object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, samp, strong, sub, sup, var, b, i
{ margin:0; padding:0; border:0; outline:0; background:transparent;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1.7; color:#000; letter-spacing:0; font-weight:normal; }
header, hgroup, nav, section, menu, article, aside, footer, figure, figcaption, details, form { display:block; }

* { -webkit-appearance: none; }

html { min-width:1200px; font-size:62.5%; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden scroll;  }
body { min-width:1200px; font-size:1.6rem; width:100%; height:100%; position:relative; -webkit-text-size-adjust:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul { list-style:none; padding:0; margin:0; }
li { list-style:none; padding:0; margin:0; }
img { vertical-align:bottom; }
em { font-style:normal; }
input,button,textarea { outline:0; font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; font-size:1.8rem; }

h1, h2, h3, h4, h5, h6 { line-height:1.5; margin:0; padding:0; border:0; outline:0; background:transparent; font-size:2rem; font-weight:normal;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; }

a { color:#000; line-height:1.5; outline:0; text-decoration:none; transition: all 0.2s ease 0s; }
a:hover { color:#493C31; }
span { transition: all 0.1s ease 0s; }
small { display:block; padding:20px 40px 30px 40px; border:solid #5A96D8; border-width:1px 0 0; text-align:center; color:#fff; background:#2B6AB1; }

.spMenu { display:none; }
.spMenuList { display:none; }
.spTable { display:none; }
#zen .diSP { display:none; }
#zen .diPC { display:block; }
.pullMenus { display:none; }
.pullWrap { display:none; }

/*--------------------------------------------------
TOP
---------------------------------------------------*/
header { background:transparent url(../img/header_bg.jpg) center top no-repeat; background-size:cover; padding:20px 0 30px 0; }
.logoWrap { width:1200px; margin:0 auto 0 auto; display:flex; padding:0 0 30px 0; }
.logo { line-height:1; font-size:2.8rem; font-weight:bold; letter-spacing:-2px; margin:0 90px 0 0; padding:19px 0 0; font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.logo a:hover { color:#000; }
.searchArea { margin:0 45px 0 0; padding:10px 0 0; }
.telTxt { font-weight:bold; font-size:1.6rem; margin:0 0 2px; }
.telNum { letter-spacing:-1px; position:relative; font-weight:bold; color:#004B9F; font-size:2.5rem; line-height:1; padding:0 0 0 25px; }
.telNum:after { font-family:'icomoon'; font-size:1.8rem; content:"\e942"; color:#004B9F; position:absolute; left:0; top:3px; font-weight:normal; }

.gNav { width:1200px; margin:0 auto 0 auto; display:flex; position:relative; box-sizing:border-box; z-index:999; }
.gNav > li { width:20%; box-sizing:border-box; border:solid #173A62; border-width:0 1px 0 0; }
.gNav > li > a { position:relative; z-index:999; letter-spacing:-1px; background:#2B6AB1; color:#fff; display:block; text-align:center; font-weight:bold; font-size:1.8rem; box-sizing:border-box; line-height:1; padding:20px 10px; border:solid #4588D1; border-width:0 0 0 1px; }
.gNav > li > a:hover { background:#22558C; border-color:#22558C; color:#FFFF4D; }
.gNav > li > a > span { padding:0 18px 0 0; color:#fff; letter-spacing:-1px; font-weight:bold; font-size:1.8rem; line-height:1; display:inline-block; position:relative; }
.gNav > li > a > span:before { transition: all 0.1s ease 0s; position: absolute; right:0; top:-2px; bottom:0; margin: auto; content: ""; vertical-align: middle; width:6px; height:6px; border-bottom:2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.gNav > li > a:hover > span { color:#FFFF4D; }
.gNav > li > a:hover > span:before { border-color:#FFFF4D; }

.gover .goverBtn { background:#22558C; border-color:#22558C; }
.gover .goverBtn span { color:#FFFF4D; }
.gover .goverBtn span:before { border-color:#FFFF4D; }

.gNav > li:nth-child(1) > a { border-width:0; border-radius:0.4em 0 0 0.4em; }
.gNav > li:nth-child(5) { border-width:0; }
.gNav > li:nth-child(5) > a { border-radius:0 0.4em 0.4em 0; background:#2DB09C; border-color:#36CBB5; }

.searchBox li input[type="text"] { border-radius:0.4em; border:solid #2B6AB1 !important; border-width:1px !important; outline:0 !important; height:43px; background-position:40px center !important; padding:12px 10px 12px 27px !important; box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff; text-indent:7px !important; width:100%; font-size:1.6rem; }
.searchBox li input[type="submit"] { border-radius:0.4em; transition: all 0.1s ease 0s; border-width:0; background:#348FD3; color:#fff; outline:0; cursor:pointer; height:40px; padding:0 13px; }
.searchBox li input[type="submit"]:hover { background:#0b7eb5; }
.searchBox li:first-child { position:relative; width:260px; }
.searchBox li:before { position:absolute; left:12px; top:14px; font-size:16px; color:#0B86C1; }

.navIn { display:none; z-index:80; box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.17); position:absolute; left:50%; top:58px; margin:0 0 0 -48%; z-index:99; width:96%; background:rgba(255,255,255,1); box-sizing:border-box; border-radius:0 0 0.6em 0.6em; }
.navIn ul { display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; padding:25px 40px 35px 40px; box-sizing:border-box; }
.navIn ul li { width:calc(100% / 3 - 10px); margin:0 10px 5px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.navIn ul li a { text-decoration:none; border:dotted #ccc; border-width:0 0 1px; line-height:1; transition: all 0.1s ease 0s; display:block; color:#000; padding:20px 12px 20px 35px; font-weight:bold; letter-spacing:-1px;  box-sizing:border-box; -webkit-box-sizing:border-box; font-size:2.0rem; position:relative; }
.navIn ul li a:before { transition: all 0.1s ease 0s; width:22px; height:22px; border-radius:50%; background:#22558C; position:absolute; left:0; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.navIn ul li a:after { transition: all 0.1s ease 0s; position: absolute; left:5px; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:6px; height:6px; border-top:2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navIn ul li a:hover { color:#22558C; border-color:#22558C; }
.navIn ul li a:hover:before { left:4px; }
.navIn ul li a:hover:after { left:9px; border-top:2px solid #F1F451; border-right: 2px solid #F1F451; }

.rd3 { border-radius:0.3em; }

.commonTitle { border:solid #2B6AB1; border-width:3px 0 0; margin:0 0 25px; }
.commonTitle span { font-size:2.6rem; line-height:1.5; font-weight:bold; color:#2B6AB1; background:#fafafa; border:solid; border-color:#2B6AB1 #ddd #ddd #ddd; border-width:0 1px 1px 1px; padding:10px 15px 9px 15px; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-border-radius:0 0 0.2em 0.2em; -khtml-border-radius:0 0 0.2em 0.2em; -webkit-border-radius:0 0 0.2em 0.2em; border-radius:0 0 0.2em 0.2em; }

.pageTitle { background:transparent url(../img/pagetitle_bg.jpg) center center no-repeat; background-size:cover; margin:-60px 0 0; }
.pageTitle > div { width:1200px; margin:0 auto 0 auto; position:relative; padding:145px 60px; box-sizing:border-box; }
.pageTitle h2 { background:rgba(255,255,255,1); display:inline-block; padding:20px 40px; position:absolute; left:0; bottom:0; }
.pageTitle h2 strong { font-size:4.2rem; line-height:1.2; font-weight:bold; color:#000; display:block; }
.pageTitle h2 span { display:block; line-height:1.2; font-size:1.6rem; padding:5px 0 0; color:#2B6AB1; font-weight:bold; }
.ac { background:transparent url(../img/pagetitle_bg2.jpg) center center no-repeat; background-size:cover; }

.pageNation { background:#fff; padding:20px 0; box-sizing:border-box; }
.pageNation ul { margin:0 auto 0 auto; max-width:1200px; padding:0 0 0 40px; display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.pageNation ul li { margin:0 30px 0 0; padding:0 0 0 35px; position:relative; color:#555; font-size:14px; }
.pageNation ul li:before { top:-1px; transition: all 0.1s ease 0s; position: absolute; left:0; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:5px; height:5px; border-top:1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(405deg); transform: rotate(405deg); }
.pageNation ul li:first-child { padding:0; }
.pageNation ul li:first-child:before { display:none; }
.pageNation ul li a { color:#999; font-size:14px; }

.contentBase { padding:40px 0; }
.contentWrap { border:solid #ddd; border-width:1px; border-radius:0.4em; width:1200px; background:#fff; padding:40px; box-sizing:border-box; margin:0 auto 40px auto; }
.contentWrap:last-child { margin:0 auto 0 auto; }
.contentWrap p { font-size:1.8rem; margin:0 0 25px; }
.contentWrap img { max-width:100%; }

.columnContent { display:flex; margin:0 0 40px; }
.columnContent dt img { max-width:100%; }
.columnContent dt { width:200px; margin:0 20px 0 0; box-sizing:border-box; }
.columnContent dd img { max-width:100%; }
.columnContent dd { flex:1; box-sizing:border-box; font-size:1.8rem; }

.basicTable { border-collapse:collapse; width:100%; margin:0 auto 40px auto; border:solid #d0d0d0; border-width:1px 0 0 1px; }
.basicTable th { font-size:1.6rem; line-height:1.5; width:25%; font-weight:bold; background:#eff9ff; padding:10px 15px; text-align:left; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; }
.basicTable td { font-size:1.6rem; line-height:1.5; padding:10px 15px; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; }
.basicTable td strong { color:#85AC21; }
.basicTable tr:hover td { background:#feffcf; }
.basicTable p { margin:0 0 20px; line-height:1.5; }
.basicTable p:last-child { margin:0; }
.basicTable td a { color:#2B6AB1; text-decoration:underline; }

#zen .fixed { position:fixed; left:0; top:0; z-index:9999; width:100%; background:#2B6AB1; }
#zen .fixed .gNav > li:nth-child(1) > a { border-width:0 0 0 1px; border-radius:0; }
#zen .fixed .gNav > li:nth-child(1) { border-width:0 0 0 1px; }
#zen .fixed .gNav > li:nth-child(5) > a { border-radius:0; }

.contentWrap .aTitle:nth-child(1) { padding:0; }
.contentWrap p:last-child { margin:0; }
.aTitle { position:relative; margin:0 0 20px; padding:10px 0 0; }
.aTitle span { position:relative; font-size:2.0rem; display:inline-block; color:#2B6AB1; letter-spacing:-1px; padding:0 0 20px; line-height:1; }
.aTitle span:after { position:absolute; left:0; bottom:0; height:2px; background:#2B6AB1; z-index:1; width:100%; content:""; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aTitle:after { position:absolute; left:0; bottom:0; height:2px; background:#ddd; content:""; display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }

.contentBase { background:#F2F3F7; }

footer { background:#2B6AB1; }
.footerWrap { width:1200px; margin:0 auto 0 auto; padding:40px 0; display:flex; }
.footLogo { margin:0 0 30px; line-height:1; font-size:2.5rem; font-weight:bold; letter-spacing:-2px; color:#fff;  font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.footAddress { color:#fff; margin:0 0 10px; line-height:1.5; }
.footTel { color:#fff; font-weight:bold; letter-spacing:-1px; font-size:2.5rem; position:relative; padding:0 0 0 30px;}
.footTel:before { font-family:'icomoon'; font-size:2.1rem; content:"\e942"; color:#fff; position:absolute; left:0; top:3px; font-weight:normal; }
.adressWrap { width:960px; }
.footList { display:flex; flex-wrap:wrap; justify-content:space-between; }
.footList li { width:49%; line-height:1.1; margin:0 0 20px; }
.footList li a { line-height:1.1; color:#fff; font-weight:bold; display:inline-block; padding:0 0 0 24px; position:relative; }
.footList li a:before { width: 15px; height: 15px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; position:absolute; left:0; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.footList li a:after { top:4px; left:6px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #2B6AB1; position:absolute; margin:auto; content:""; vertical-align:middle; }
.footList li a:hover { color:#FFFF4D; }

.doubleWrap { display:flex; width:1200px; box-sizing:border-box; margin:0 auto 0 auto; }
.doubleWrap .contentWrap { width:100%; margin:0 0 40px; }
.wrapIn { width:900px; }
.sideContent { width:260px; box-sizing:border-box; margin:0 40px 0 0; }
.sideMenu { border:solid #ddd; border-width:1px; border-radius:0.4em; background:#fff; box-sizing:border-box; }
.sideMenu li { border:solid #ddd; border-width:0 0 1px; }
.sideMenu li a { display:block; padding:18px 20px 18px 45px; font-size:1.8rem; font-weight:bold; position:relative; }
.sideMenu li a:hover { background:#2B6AB1; color:#fff; }
.sideMenu li:last-child { border-width:0; }
.sideMenu li:first-child a { border-radius:0.3em 0.3em 0 0; }
.sideMenu li:last-child a { border-radius:0 0 0.3em 0.3em; }
.sideMenu li a:before { transition: all 0.2s ease 0s; top:0; left:25px; bottom:0; box-sizing: border-box; width:6px; height:6px; border:6px solid transparent; border-left:6px solid #2B6AB1; position:absolute; margin:auto; content:""; vertical-align:middle; }
.sideMenu li a:hover:before { border-left:6px solid #fff; left:30px; }
.subTitle { font-size:1.8rem; font-weight:bold; margin:0 0 10px; }

/* fit-sidebar */
.fit-sidebar-fixed{
	margin-top:0 !important;
	margin-bottom:0 !important;
	position:fixed;
}
.fit-sidebar-blank{
	z-index:0;
	background-color:transparent;
	visibility:hidden;
}

.newsLetterList { display:flex; flex-wrap:wrap; box-sizing:border-box; }
.newsLetterList li { margin:0 12.5px 10px 0; width:calc(20% - 10px); }
.newsLetterList li:nth-child(5n) { margin:0 0 12px 0; }
.newsLetterList li a { position:relative; display:block; border:solid #2B6AB1; font-weight:bold; color:#2B6AB1; border-width:1px; border-radius:0.4em; padding:18px 15px; box-sizing:border-box; }
.newsLetterList li a:hover { background:#2B6AB1; color:#fff; }
.newsLetterList li a em { color:#fff; margin-left:-56px; position:relative; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; display:inline-block; position:absolute; left:50%; top:-25px; background:#D85A5E; padding:4px 35px; font-weight:bold; }
.newsLetterList li a em:after { width:0; height:0; display:inline-block; border-style:solid; border-width:7px; border-color:#D85A5E transparent transparent  transparent; bottom:-14px; left:43%; content:""; position:absolute; }
.newsLetterList li :not(:nth-child(1)) em { display:none; }

.adTitle { text-align:center; font-size:2.6rem; font-weight:bold; letter-spacing:-1px; }
.adTitle img { vertical-align:middle; margin:0 10px 0 0; }

.annotation { border:solid #ddd; border-width:1px; margin:0 0 25px; border-radius:0.4em; padding:20px; background:#feffdc; }

.pinPoint { font-weight:bold; margin:0 0 20px; border:solid #2B6AB1; border-width:0 0 0 5px; padding:0 0 0 20px; }

.baseList { list-style:none; counter-reset:number; margin:0 0 25px; }
.baseList li { position:relative; padding-left:40px; margin:0 0 10px; font-size:1.8rem; line-height:1.6; }
.baseList li:last-child { margin:0; }
.baseList li::before { counter-increment:number; content: '（' counter(number) '）'; position:absolute; left:0; }
.baseList li:nth-child(n+10) { padding-left:52px; }

.pointList { margin:0 0 20px; }
.pointList h4 { font-weight:bold; margin:0 0 10px; }
.pointList p { margin:0 0 20px !important; }

.pdfBtn { background:#2B6AB1; border:solid #255C9A; border-width:0 0 2px; border-radius:5em; display:inline-block; padding:17px 45px; line-height:1; }
.pdfBtn span { color:#fff; font-weight:bold; line-height:1; display:inline-block; padding:0 0 0 25px; position:relative; }
.pdfBtn:hover { background:#255C9A; }
.pdfBtn span:before { font-family:'icomoon'; font-size:1.7rem; content:"\eada"; color:#fff; position:absolute; left:0; top:0; bottom:0; margin:auto; vertical-align:middle; font-weight:normal; }
.pdfBtn:hover span { color:#FFFF4D; }
.pdfBtn:hover span:before { color:#FFFF4D; }

.desiList { padding:0 0 0 20px; }
.desiList li { list-style-type:disc; margin:0 0 15px; }
.desiList li a { font-size:1.8rem; color:#2B6AB1; text-decoration:underline; }
.desiList li a:hover { text-decoration:none; }

.oldNewsBg { background:transparent url(../img/pagetitle_bg3.jpg) center center no-repeat; background-size:cover; }
.documentBg { background:transparent url(../img/pagetitle_bg4.jpg) center center no-repeat; background-size:cover; }
.memberBg { background:transparent url(../img/pagetitle_bg5.jpg) center top no-repeat; background-size:cover; }

.contactWrap { border:solid #ccc; border-width:1px; padding:20px; box-sizing:border-box; margin:0 0 30px; }

.informationWrap { background:#F2F3F7; padding:0 0 40px; }
.informationInner { width:1150px; margin:0 auto 0 auto;}

.newsListWrap { position:relative; z-index:80; padding:10px 0 0;  }
.newsListWrap ul { box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.06); border-radius:0.4em; position:relative; z-index:99; margin:-40px 0 35px 0; }
.newsListWrap li { background:#fff; border:dotted #ddd; border-width:0 0 1px; }
.newsListWrap li:nth-child(1) { border-radius:0.4em 0.4em 0 0; }
.newsListWrap li:nth-child(1) a { border-radius:0.4em 0.4em 0 0; }
.newsListWrap li a { display:block; padding:18px 20px; display:flex; position:relative; }
.newsListWrap li a:before { transition: all 0.1s ease 0s; width:20px; height:20px; -webkit-border-radius: 50%; border-radius: 50%; background: #ddd; position:absolute; right:35px; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.newsListWrap li a:after { top:0; bottom:0; right:39px; box-sizing: border-box; width:4px; height:4px; border:4px solid transparent; border-left:4px solid #fff; position:absolute; margin:auto; content:""; vertical-align:middle; }
.newsListWrap li a:hover:before { background:#2B6AB1; }

.newsListWrap li a:hover p { color:#2B6AB1; }
.newsListWrap li a time { font-size:1.5rem; line-height:1.9; color:#2B6AB1; width:150px; letter-spacing:-1px; font-weight:bold; box-sizing:border-box; }
.newsListWrap li a p { transition: all 0.1s ease 0s; font-size:1.8rem; letter-spacing:-1px; line-height:1.6; flex:1; box-sizing:border-box; padding:0 50px 0 0; }
.newsListWrap li:last-child { border-width:0; border-radius:0 0 0.4em 0.4em; }
.newsListWrap li:last-child a { border-radius:0 0 0.4em 0.4em; }

.newsListTitle { padding:25px 20px 25px 85px; font-size:2.2rem; font-weight:bold; letter-spacing:-1px; background:transparent url(../img/newslisttitle.png) 20px center no-repeat; background-size:50px; }

.bBtn { display:inline-block; padding:15px 30px 15px 30px; background:#000; border-radius:5em; line-height:1; }
.bBtn span { transition: all 0.1s ease 0s; color:#fff; line-height:1; position:relative; display:inline-block; padding:0 0 0 30px; }
.bBtn span:before { transition: all 0.1s ease 0s; width:20px; height:20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; position:absolute; left:0; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.bBtn span:after { top:0; bottom:0; left:8px; box-sizing: border-box; width:4px; height:4px; border:4px solid transparent; border-left:4px solid #000; position:absolute; margin:auto; content:""; vertical-align:middle; }
.bBtn:hover { background:#fff; }
.bBtn:hover span { color:#000; }
.bBtn:hover span:before { background:#000; }
.bBtn:hover span:after { border-left-color:#fff; }

.bbBtn { display:inline-block; padding:15px 30px 15px 30px; background:#000; border-radius:5em; line-height:1; }
.bbBtn span { transition: all 0.1s ease 0s; color:#fff; line-height:1; position:relative; display:inline-block; padding:0 0 0 30px; }
.bbBtn span:before { transition: all 0.1s ease 0s; width:20px; height:20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; position:absolute; left:0; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.bbBtn span:after { top:0; bottom:0; left:3px; box-sizing: border-box; width:4px; height:4px; border:4px solid transparent; border-right:4px solid #000; position:absolute; margin:auto; content:""; vertical-align:middle; }
.bbBtn:hover { background:#2B6AB1; }
.bbBtn:hover span { color:#fff; }
.bbBtn:hover span:before { background:#fff; }
.bbBtn:hover span:after { border-right-color:#2B6AB1; }

.blueBtn { display:inline-block; padding:15px 30px 15px 30px; background:#2B6AB1; border-radius:5em; line-height:1; }
.blueBtn span { font-weight:bold; transition: all 0.1s ease 0s; color:#fff; line-height:1; position:relative; display:inline-block; padding:0 0 0 30px; }
.blueBtn span:before { transition: all 0.1s ease 0s; width:20px; height:20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; position:absolute; left:0; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.blueBtn span:after { top:0; bottom:0; left:8px; box-sizing: border-box; width:4px; height:4px; border:4px solid transparent; border-left:4px solid #2B6AB1; position:absolute; margin:auto; content:""; vertical-align:middle; }
.blueBtn:hover { background:#2B6AB1; }
.blueBtn:hover span { color:#FFFF4D; }
.blueBtn:hover span:before { background:#fff; }
.blueBtn:hover span:after { border-left-color:#2B6AB1; }

.bookWrap { background:transparent url(../img/hougan.gif) left top repeat; padding:60px 0 50px 0; }
.bookTitle { text-align:center; margin:0 0 60px; }
.bookTitle span { display:inline-block; padding:10px 15px 10px 85px; font-size:2.2rem; font-weight:bold; letter-spacing:-1px; background:transparent url(../img/booktitle.png) 20px center no-repeat; background-size:50px; }
.bookList { width:1150px; margin:0 auto 0 auto; box-sizing:border-box; display:flex; flex-wrap:wrap; }
.bookList dl { display:flex; width:48%; border:solid #0B86C1; border-width:1px; background:#fff; border-radius:0.5em; padding:30px; box-sizing:border-box; margin:0 4% 4% 0; box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.10); }
.bookList dl:nth-child(2n) { margin:0 0 4%; }
.bookList dl dt img { max-width:100%; }
.bookList dl dt { margin:0 30px 0 0; }
.bookList dl dd { flex:1; }
.bookList dl dd h4 { font-size:1.7rem; margin:0 0 20px; font-weight:bold; letter-spacing:-1px; }
.bookList dl dd p { font-size:1.4rem; }

.subPageLinkList { margin:0 0 50px; }
.subPageLinkList:last-child { margin:0; }
.subPageLinkList .sLink { border:solid #ddd; border-width:0 0 1px; }
.subPageLinkList .sLink a { display:block; padding:18px 58px 18px 20px; position:relative; font-size:1.8rem; letter-spacing:-1px; line-height:1.6; box-sizing:border-box; }
.subPageLinkList .sLink a:hover { color:#2B6AB1; background:#feffcf; }
.subPageLinkList .sLink a:hover:before { background:#2B6AB1; }

.subPageLinkList .sLink a:before { transition: all 0.1s ease 0s; width:20px; height:20px; -webkit-border-radius: 50%; border-radius: 50%; background: #ddd; position:absolute; right:35px; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.subPageLinkList .sLink a:after { top:0; bottom:0; right:39px; box-sizing: border-box; width:4px; height:4px; border:4px solid transparent; border-left:4px solid #fff; position:absolute; margin:auto; content:""; vertical-align:middle; }
.subPageLinkList .wLink { transition: all 0.2s ease 0s; border:solid #ddd; border-width:0 0 1px; padding:0 0 15px; }
.subPageLinkList .wLink p { margin:0; padding:18px 20px; position:relative; font-size:1.8rem; letter-spacing:-1px; line-height:1.6; box-sizing:border-box; }
.subPageLinkList .wLink a { background:#fff; border:dotted #ddd; border-width:1px 1px 0 1px; display:block; padding:15px 20px 15px 55px; position:relative; font-size:1.7rem; letter-spacing:-1px; line-height:1.6; box-sizing:border-box; }
.subPageLinkList .wLink div { padding:0 20px 0 20px; box-sizing:border-box; }
.subPageLinkList .wLink a:before { transition: all 0.1s ease 0s; width:20px; height:20px; -webkit-border-radius: 50%; border-radius: 50%; background: #ddd; position:absolute; left:20px; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.subPageLinkList .wLink a:after { top:0; bottom:0; left:28px; box-sizing: border-box; width:4px; height:4px; border:4px solid transparent; border-left:4px solid #fff; position:absolute; margin:auto; content:""; vertical-align:middle; }
.subPageLinkList .wLink a:last-child { border-width:1px; }
.subPageLinkList .wLink a:hover { color:#2B6AB1; background:#f9f9f9; }
.subPageLinkList .wLink a:hover:before { background:#2B6AB1; }
.subPageLinkList .wLink:hover { background:#feffcf; }

.subPageLinkList .nLink { border:solid #ddd; border-width:0 0 1px; }
.subPageLinkList .nLink a { display:flex; padding:18px 58px 18px 20px; position:relative; font-size:1.8rem; letter-spacing:-1px; line-height:1.6; box-sizing:border-box; }
.subPageLinkList .nLink a:hover { color:#2B6AB1; background:#feffcf; }
.subPageLinkList .nLink a:hover:before { background:#2B6AB1; }
.subPageLinkList .nLink a time { font-size:1.5rem; line-height:1.9; color:#2B6AB1; width:150px; letter-spacing:-1px; font-weight:bold; box-sizing:border-box; }
.subPageLinkList .nLink a p { transition: all 0.1s ease 0s; font-size:1.8rem; letter-spacing:-1px; line-height:1.6; flex:1; box-sizing:border-box; }

.subPageLinkList .nLink a:before { transition: all 0.1s ease 0s; width:20px; height:20px; -webkit-border-radius: 50%; border-radius: 50%; background: #ddd; position:absolute; right:35px; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; }
.subPageLinkList .nLink a:after { top:0; bottom:0; right:39px; box-sizing: border-box; width:4px; height:4px; border:4px solid transparent; border-left:4px solid #fff; position:absolute; margin:auto; content:""; vertical-align:middle; }



/*--------------------------------------------------
SLIDE
---------------------------------------------------*/
.slide_all { width:100%; height:550px; position:relative; left:0; top:0; box-sizing:border-box; margin:-60px 0 0; }
.slide_wrap { width:100%; height:550px; position:relative; }
.slide_body { width:100%; height:550px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.slide { height:550px; width:100%; }
.slide p { display:none; }
.kv1 { background:transparent url("../img/kv1.jpg") center center no-repeat; background-size:cover; z-index:10; }
.kv2 { background:transparent url("../img/kv2.jpg") center center no-repeat; background-size:cover; z-index:10; }
.slideCopy { position:absolute; left:0; top:50%; z-index:99; box-sizing:border-box; padding:45px 50px; width:36%; margin:-150px 0 0;
background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 100%); }
.slideCopy h2 { line-height:1; margin:0 0 10px; font-size:4.2rem; letter-spacing:-1px; font-weight:bold; font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.slideCopy p { line-height:1.5; margin:0 0 20px; font-size:1.8rem; letter-spacing:-1px; font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }



/*--------------------------------------------------
ADJUSTMENT
---------------------------------------------------*/
.frImg { margin:0 0 10px 40px !important; }
.tl { text-align:left !important; }
.tr { text-align:right !important; }
.fl { float:left; }
.fr { float:right; }
.tc { text-align:center !important; }
.fB { font-weight:bold; }
.tdvm td { vertical-align:middle !important; }
.thvm th { vertical-align:middle !important; }
.of { overflow:hidden; }
.m0 { margin:0 !important; }
.mauto { margin:0 auto 0 auto!important; }
.mr20 { margin:0 20px 0 0 !important; }
.mb10 { margin:0 0 10px 0 !important; }
.mb20 { margin:0 0 20px 0 !important; }
.mb30 { margin:0 0 30px 0 !important; }
.mb40 { margin:0 0 40px 0 !important; }
.mb50 { margin:0 0 50px 0 !important; }
.mb120 { margin:0 0 120px 0 !important; }
.mb60 { margin:0 0 60px 0 !important; }
.mb80 { margin:0 0 80px 0 !important; }
.mt20 { margin:20px 0 0 0 !important; }
.clear:after { content:""; display:block; clear:both; }
.p0 { padding:0 !important; }
#zen .radi { border-radius:0; }

#zen .sFont { font-size:1.5rem; }
#zen .w5 { width:5%; }
#zen .w8 { width:8%; }
#zen .w7 { width:7%; }
#zen .w420 { width:420px; }
#zen .w200 { width:200px; }
#zen .w720 { width:720px; }
#zen .w10 { width:10%; }
#zen .w12 { width:12%; }
#zen .w13 { width:13%; }
#zen .w15 { width:15%; }
#zen .w16 { width:16%; }
#zen .w20 { width:20%; }
#zen .w22 { width:22%; }
#zen .w26 { width:26%; }
#zen .w30 { width:30%; }
#zen .w35 { width:35%; }
#zen .w40 { width:40%; }
#zen .w45 { width:45%; }
#zen .w50 { width:50%; }
#zen .w60 { width:60%; }
#zen .h100 { height:100%; }