@charset "UTF-8";

/* ===============================================
Initializr Styles
=============================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ===============================================
Reset
=============================================== */
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,figure {margin:0; padding:0;}
ul,ol {list-style:none;}

/* ===============================================
Common Styles
=============================================== */
body {background:#fff; font-size:18px; color:#000; line-height:1.8;}
* {
-webkit-backface-visibility:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* img */
img {max-width:100%; height:auto;}
/* a:link */
a:link {color:#3f4b90;}
a:visited {color:#3f4b90;}
a:hover {color:#333;}
a:active {color:#333;}
a.blcka{text-decoration:none; color:#000; display:block;}
/* border */
.border_b {border-bottom:solid 1px #cbcbc9;}
.borderG {border: solid 2px #e8e8e8;}
.border_g{border-bottom: solid 4px #A0DFC0 !important;}
/* underline */
.underline-partial {text-decoration: underline;text-underline-offset: 0.2em;}
.underline-full {text-decoration: underline;text-underline-offset: 0.5em;}
/* color */
.colorWhite {color:#fff !important;}
.colorBlack {color:#555 !important;}
.colorGray {color:#666 !important;}
.colorRed {color:#c00 !important;}
.colorNavy {color:#233284 !important;}
.colorBlue {color:#3f4b90 !important;}
/* background */
.bgClr {background-color:transparent !important;}
.bgWhite {background-color:#fff !important;}
.bgBlack{background-color:#000 !important;}
.bgGray {background-color:#eee !important;}
.bgCccc{background:#ccc; padding:5px;}

/* sup/sub */
sub, sup {font-size:80%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
/* font-size */
.size34 {font-size:34px !important;}
.size32 {font-size:32px !important;}
.size30 {font-size:30px !important;}
.size28 {font-size:28px !important;}
.size26 {font-size:26px !important;}
.size24 {font-size:24px !important;}
.size22 {font-size:22px !important;}
.size20 {font-size:20px !important;}
.size18 {font-size:18px !important;}
.size16 {font-size:16px !important;}
.size15 {font-size:15px !important;}
.size14 {font-size:14px !important;}
.size13 {font-size:13px !important;}
.size12 {font-size:12px !important;}
.size11 {font-size:11px !important;}
.size10 {font-size:10px !important;}
/* font-weight */
.fontB{font-weight: bold !important;}
.fontN{font-weight: normal !important;}
/* margin */
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}
/* add margin */
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt05 {margin-top:5px !important;}
.mb100 {margin-bottom:100px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb05 {margin-bottom:5px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
/* padding */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
/* add padding */
.pd25{padding:25px !important;}
.pt100{padding-top:100px !important;}
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt05 {padding-top:5px !important;}
.pl15 {padding-left:15px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pb05 {padding-bottom:5px !important;}
/* width */
.wAuto {width:auto !important;}
.w100p {width:100% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}
.w05p {width:5% !important;}
/* text-align */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.alignC_spL{text-align:center !important;}
/* vertical-align */
.v_alignT {vertical-align:top !important;}
.v_alignM {vertical-align:middle !important;}
.v_alignB {vertical-align:bottom !important;}
/* list-style */
.listDisc {padding-left:1.5em;}
.listDisc > li {list-style:disc;}
.listDecimal {padding-left:2.0em;}
.listDecimal > li {list-style:decimal;}
.listlowerAlpha {padding-left:2.0em;}
.listlowerAlpha > li {list-style:lower-alpha;}
/* notes */
.notes_01 {padding-left:1em; text-indent:-1em !important;}
.notes_01_5 {padding-left:1.5em; text-indent:-1.5em !important;}
.notes_02 {padding-left:2em; text-indent:-2em !important;}
.notes_02_5 {padding-left:2.5em; text-indent:-2.5em !important;}
.notes_03 {padding-left:3em; text-indent:-3em !important;}
.notesClr {padding:0; text-indent:0 !important;}
/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.floatN {float:none !important;}
.clearB {clear:both !important;}
/* position */
.posiAbs {position:absolute !important;}
.posiRel {position:relative !important;}
.posiT {top:0 !important;}
.posiR {right:0 !important;}
.posiB {bottom:0 !important;}
.posiL {left:0 !important;}
/* Other */
.clearfix:before,
.clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
audio,canvas,iframe,img,svg,video {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:vertical;}
/* display */
/* .viewL-B,.viewL-I,.viewL-Ib {display:none !important;} */
/* .viewM-B,.viewM-I,.viewM-Ib {display:none !important;} */
.viewS-B,.viewS-I,.viewS-Ib {display:none !important;}
/* Form */
input,select {vertical-align:middle;}
input[type="text"],button,textarea {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none; margin:0; padding:0;
}
.ckBox, /* input[type=checkbox] */
.radioBtn, /* input[type=radio] */
select {position:relative; top:-0.1em;}
/* placeholder */
:placeholder-shown {font-weight:normal; color:#bbb;}
::-webkit-input-placeholder {font-weight:normal; color:#bbb;}
:-moz-placeholder {font-weight:normal; color:#bbb;}
::-moz-placeholder {font-weight:normal; color:#bbb;}
:-ms-input-placeholder {font-weight:normal; color:#bbb;}


/* ===============================================
All Styles (PC Size)
=============================================== */
/* Layout
----------------------------------------------- */
/* ----- common ----- */
#wrapper {position:relative; width:100%; margin:0 auto; overflow-x:hidden;}
.wrap {width:85%; margin:0 auto; position:relative; max-width:1200px;}
.wrap .inner{width:98%; margin-left:2%;}

/* ----- header ----- */
#header{position:fixed; width:100%; background:#fff; top:0; left:0; z-index:999;}
#header .inner{position:relative; padding:15px 15px 15px 30px;}
#header .head_top{position:relative; width:30%;}
#header .logo{}
#header .logo img{max-width:275px;}
#header .menuBlock{margin-right:50px; width:calc(70% - 220px); font-size:20px;}
#header .menuBlock li{margin:0 15px;}
#header .menuBlock li:first-child{margin-left:0;}
#header .menuBlock li:last-child{margin-right:0;}
#header .menuBlock li a{text-decoration:none; color:#010101; padding-bottom:5px;}
#header .menuBlock li.current a{border-bottom:solid 4px #233284;}
#header .contactBox{background:#233284; text-align:center; width:163px; border-radius:5px; display:block; font-size:16px;}
#header .contactBox a{background:none; padding:20px 0; color:#fff !important;}
#header .contactBox a{display:inline-block; vertical-align:middle;}
#header .contactBox a span{margin-left:8px; display:inline-block; vertical-align:middle;}
#header #menu_sub{position:relative;}
#header #menu_sub .globalNav_sub{width:100%; transition:.5s; opacity:0; pointer-events:none; position:absolute; top:0; color:#fff; background:rgba(0,0,0,0.8); padding:15px;}
#header #menu_sub .globalNav_sub.opn{opacity:1; -webkit-transform:translateY(-5px); transform:translateY(-5px); pointer-events:auto;}
#header #menu_sub .globalNav_sub a{color:#fff; text-decoration:none; position:relative; pointer-events:none; visibility:hidden;}
#header #menu_sub .globalNav_sub.opn a{pointer-events:auto; visibility:visible;}
#header #menu_sub .globalNav_sub a:hover{text-decoration:underline;}
#header #menu_sub .globalNav_sub .box1{width:20%; z-index:5;}
#header #menu_sub .globalNav_sub .box2{width:75%; z-index:5;}
#header #menu_sub .globalNav_sub .index{width:100%; padding-left:5%; font-size:26px; margin-top:10px; position:relative;}
/* #header #menu_sub .globalNav_sub::before{content:""; width:100%; height:100vh; background:rgba(51, 51, 51, 0.5); position:absolute; top:10px; left:0; z-index:1; pointer-events:none;}スクリーン式用 */
#header #menu_sub .globalNav_sub::after{content:""; width:1px; height:calc(100% - 20px); background:#fff; position:absolute; top:10px; left:18%; z-index:5;}
#header #menu_sub .globalNav_sub .sub1{font-size:22px; margin-top:10px;}
#header #menu_sub .globalNav_sub .sub2{margin:5px 0 0 0.5em; font-size:18px;}
#header #menu_sub .globalNav_sub .box2 a::before{content:""; width:6px; height:6px; border:solid 2px #fff; border-width:3px 3px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); display:inline-block; vertical-align:middle; margin-right:10px; position:relative; top:-2px;}
#header #menu_sub .globalNav_sub .menulist{margin:20px 0 0 1.5em;}
#header #menu_sub .globalNav_sub .sub1 + .menulist, #header #menu_sub .globalNav_sub .sub2 + .menulist{margin-top:0;}
#header #menu_sub .globalNav_sub .btnPtn01.sub_close{width:auto !important; min-width:0; padding:5px 15px; position:absolute; bottom:10px; left:20px; z-index:5;}
#header #menu_sub .globalNav_sub .btnPtn01.sub_close::before{content:"×"; font-size:20px; display:inline-block; margin-right:5px; font-weight:bold;}

/* ----- kvArea ----- */
#kvArea {position:relative; width:100%;}
#kvArea img{width:100%; height:auto;}
#kvArea .catch{background:url(../img/index/wall_catch.png) 0 0; padding:30px 0 20px;}
#kvArea .catch .catchcopy{text-align:center; font-size:34px; margin:10px 0;}
.subKv{ padding-top:100px;}

/* ----- panList ----- */
.panList {background:#e8e8e8; width:100%; padding:20px;}
.panList ul {font-size:0; text-align:left;}
.panList li {display:inline-block; font-size:14px; line-height:1;}
.panList li:before {content:"\3e"; display:inline-block; margin:0 5px;}
.panList li:first-child:before {display:none;}
.pageB{background:#e8e8e8; width:100%; padding:15px; text-align:left; border:solid 1px #ccc; border-width:1px 0 1px 0;}
.pageB .back{position:relative; font-weight:bold; font-size:14px;}
.pageB .back a{text-decoration:none; display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);}
.pageB .back::before{content:""; width:30px; height:30px; background:no-repeat center center url(../img/icon_arrow.png); background-size:contain; display:inline-block; vertical-align:middle; margin-right:10px;}
.hPtn01 .pageB{border-top:none;}

/* ----- contents ----- */
#contents {min-height:500px; margin-top:100px;}

/* ----- footer ----- */
#footer{padding-top:8px; margin-top:100px;}
#footer .foot_top{background-color:#e8e8e8; text-align:center;}
#footer .logoBox{padding-top:90px;}
#footer .contactBox{padding:50px 0;}
#footer .contactBox .box{width:48%; display:inline-block; vertical-align:middle; background:#fff; padding:20px 30px; text-align:left; border:solid 2px #bbb;}
#footer .contactBox .box~.box{margin-left:2%;}
#footer .contactBox .box .wrap{color:#001f77; width:60%; margin:20px auto;}
#footer .contactBox .text{font-size:18px; margin-bottom:15px;}
#footer .contactBox .text span{font-weight:bold; color:#233284;}
#footer .contactBox .phone{font-size:24px; font-weight:bold;}
#footer .contactBox .phone span{font-weight:400;}
#footer .guideBox{padding:45px 0; background:#233284;}
#footer .guideBox .box{width:400px;}
#footer .guideBox .ttl{font-size:23px; font-weight:bold; margin-bottom:20px; color:#fff;}
#footer .copy{margin:0 auto; padding:45px 0; position:relative; text-align:center; font-size:16px;}
#footer .footmenu{padding:45px 0 0; font-size:16px; }
#footer .footmenu > li{display:inline-block;}
#footer .footmenu > li~li::before{content:"|"; margin:0 10px;}

/* ----- pageTop ----- */
#pageTop {display:none; position:fixed; right:6%; bottom:10px; z-index:999;}
#pageTop span {display:none;}
#pageTop a {display:block; background:#233284; width:60px; height:60px; opacity:1; position:relative; border-radius:3px;}
#pageTop a::before{content:""; position:absolute; top:40%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border:solid 15px transparent; border-bottom:solid 25px #fff;}
#pageTop a:hover {opacity:.7;}

/* Contents Parts
----------------------------------------------- */
/* flex */
.flexBox{display: -webkit-box; display: -ms-flexbox; display:flex; margin:auto;}
.flexBox.wr{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flexBox.sb{justify-content:space-between;}
.flexBox.sa{justify-content:space-around;}
.flexBox.cn{justify-content:center;}
.flexBox.fe{justify-content:flex-end;}
.flexBox.fs, .flexBox.fs-10{justify-content:flex-start;}
.flexBox.ai-fls{align-items:flex-start;}
.flexBox.ai-cnt{align-items:center;}
.flexBox.ai-end{align-items:flex-end;}
.flexBox.clm2 > li, .flexBox.clm2 .clmBox{width:48.7%; margin-bottom:10px;}
.flexBox.clm3 > li{width:32%;}
.flexBox.clm3 > li.row2{width:64%;}
.flexBox.clm3.gap20{gap: 20px;}
.flexBox.clm3.gap20 .grayBox{margin: 0;}
.flexBox.clm4 > li{width:25%;}
.flexBox.clm4.pd > li{width:19%;}
.flexBox.clm4.eb > li{width:24%;}
.flexBox.clm4.pd.fs > li, .flexBox.clm4.eb.fs > li{margin-right:1%;}
.flexBox.fs-10 > li{margin:5px 3em 5px 0;}
.flexBox.cn.clm3 > li{margin:auto;}
.flexBox.fs.clm3 > li{margin:0 2% 5px 0;}
.flexBox.fs.clm3 > li:nth-child(3n){margin-right:0;}
.flexBox.fs.clm3.ctgry > li a {display: flex;align-items: center;}
.flexBox .clm2Bx{width:48.7%; margin-bottom:10px;}
.flexBox .clm3Bx{width:32%; margin-bottom:10px;}
.flexBox .clm6Bx{width:62%; margin-bottom:10px;}
.flexBox .boxL{margin-right:1%;}
.flexBox.gap10 {gap: 10px;}

/* 区切り */
.lineBg{background:#fff repeat-x 30px 0; background-image:url(../img/bg_border.png);}
.lineBg.top{margin-top:100px; padding-top:10px;}

/* ----- ulPtn ----- */
.ulPtn01{width:100%; font-size:18px;}
.ulPtn01 > li{display: -webkit-box; display: -ms-flexbox; display:flex; margin:auto auto 0.5em; position:relative; padding-left:1em;}
.ulPtn01 > li::before{content:"・"; margin-left:0; position:absolute; top:0; left:0;}

.icon_pdf{position:relative;}
.icon_pdf::after{content:""; width:25px; height:25px; background:no-repeat center center url(../img/ico_pdf.png); background-size:contain; position:absolute; bottom:5px; }
.textBox{margin:0 auto 50px; font-size:18px;}
.textBox:last-child{margin-bottom:0;}

/* ----- btnPtn ----- */
.btnPtn01{position:relative; background:#233284; padding:15px 55px 15px 30px; text-align:center; color:#fff !important; min-width:400px; margin:5px auto; border-radius:5px; font-size:18px; display:inline-block; text-decoration:none; border:solid 2px #233284;}
.btnPtn01::after{content:""; width:7px; height:7px; border:solid 2px #fff; border-width:3px 3px 0 0; position:absolute; top:50%; right:30px; -webkit-transform:translateY(-50%)rotate(45deg); transform:translateY(-50%)rotate(45deg);}
.btnPtn01.wht{color:#233284 !important; background:#fff;}
.btnPtn01.wht::after{border-color:#233284;}
.btnPtn01.info{padding:16.5px 60px 16.5px 30px; font-size:24px;}
.btnPtn01.bold{font-weight:700;}
.btnPtn01.back{background-color:#555; border-color:#555; padding:15px 30px 15px 55px;}
.btnPtn01.back::after{right:auto; left:30px; -webkit-transform:translateY(-50%)rotate(225deg); transform:translateY(-50%)rotate(225deg);}
.btnPtn01.back.reset{min-width:200px; margin-right:50px;}
.btnPtn01.min{font-size:16px; min-width:300px; text-align:left; padding:15px 40px 12px 30px;}
.btnPtn01 img{margin-right:10px;}
.btnPtn01.noarw{padding:15px 20px;}
.btnPtn01.noarw::after{display:none;}
.btnPtn01.false{background-color:#A9ABB4; border-color:#A9ABB4; padding:15px 30px 12px;}
.btnPtn01.false:hover{opacity:1;}
.btnPtn01.search{padding:15px 30px; min-width:200px;}
.btnPtn01.search::before{content:""; margin-right:10px; width:18px; height:18px; background:no-repeat center center url(../img/icon_search.png); background-size:contain; display:inline-block; top:1px; position:relative;}
.btnPtn01.search::after{display:none;}
.btnPtn01.up::after{border-width:3px 0 0 3px;}
.btnPtn01.down::after{border-width:0 3px 3px 0;}
.btnPtn01.auto.min::after{right:15px;}
.btnPtn01.auto.min.up::after{top:55%;}
.btnPtn01 .btnspc{margin:0 6px;}
#footer .btnPtn01{font-weight:bold;}
.resultBox td .btnPtn01{font-weight:bold; min-width:0; padding:10px 25px 10px 15px;}
.resultBox td .btnPtn01::after{right:10px;}
.btnPtn02{position:relative; background:#fff; border:solid 2px #233284; padding:15px 60px 15px 30px; text-align:center; color:#000 !important; min-width:400px; margin:auto; font-size:18px; display:inline-block; text-decoration:none; margin:5px auto;}
.btnPtn02::after{content:""; width:7px; height:7px; border:solid 2px #233284; border-width:3px 3px 0 0; position:absolute; top:50%; right:30px; -webkit-transform:translateY(-50%)rotate(45deg); transform:translateY(-50%)rotate(45deg);}
.btnPtn02.down::after{border-width:0 3px 3px 0;}
.btnPtn02.info{font-size:20px;}
.btnPtn02.min{font-size:16px; min-width:300px; text-align:left; padding:15px 40px 12px 30px;}
.btnPtn02.compact{padding: 7px 30px 7px 15px;}
.btnPtn03{position:relative; height: auto; width:55%; background:#FFBE60; border-radius: 5px; padding:15px 60px 15px 150px; text-align:center; vertical-align : middle; color:#7F4E23 !important; font-size:24px; display:block; text-decoration:none; margin:40px 0 100px}
.btnPtn03::after{content:""; width:7px; height:7px; border:solid 2px #fff; border-width:3px 3px 0 0; position:absolute; top:50%; right:30px; -webkit-transform:translateY(-50%)rotate(45deg); transform:translateY(-50%)rotate(45deg);}
.btnPtn03 .info{font-size: 16px !important; display: inline-block; vertical-align: middle;}
.btnPtn03 > img{height: 110px; position: absolute; top:50%; left:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.btnPtn01:hover, .btnPtn02:hover, .btnPtn03:hover{opacity:.7;}
.btnPtn01.auto, .btnPtn02.auto{width:auto; text-align:left; min-width:0;}
.btnPtn01.half, .btnPtn02.half{width:48.7%; text-align:left; min-width:0;}
.btnPtn01.max, .btnPtn02.max{width:100%; text-align:left; min-width:0;}

.pdfIcon{position:relative;}
.pdfIcon span{position:relative;}
.pdfIcon span::after{content:"(PDF)"; margin-left:10px; padding-right:35px; background:no-repeat right center url(../img/ico_pdf.png); background-size:24px 24px; }

.linkIcon{position:relative;}
.linkIcon span{position:relative;}
.linkIcon span::after{content:"(PDF)"; margin-left:10px; padding-right:35px; background-position:right center; background-size:24px 24px; background-image:url(../img/ico_pdf.png); background-repeat:no-repeat;}
.linkIcon.word span::after{content:"(Word)"; background-image:url(../img/ico_docx.png);}
.linkIcon.excel span::after{content:"(Excel)"; background-image:url(../img/ico_xlsx.png);}
.linkIcon.txt span::after{content:"(txt)"; background-image:url(../img/ico_txt.png);}
.linkIcon.html span::after{content:"(html)"; background-image: none;}

.newIcon{position:relative; font-size: 14px;}
.newIcon::before{content:"NEW"; margin-right:10px; padding:3px 10px; color: #fff; background-color:red; }

.updateIcon{background-color: #fff8af; font-size: 14px; padding: 3px 10px;}


/* ----- hPtn ----- */
.hPtn01{background:#3f4b90; text-align:center; color:#fff; border-bottom:solid 1px #ddd; margin-bottom:80px;}
.hPtn01 .ctgry{font-size:22px; padding:15px 0;}
.hPtn01 .wrapTop{background:#5e69a7;}
.hPtn01 .ttl{font-size:48px; font-weight:400; padding-top:30px;}
.hPtn01 .read{font-size:18px; padding-bottom:35px;}
.hPtn02{font-size:36px; font-weight:400 !important; margin:40px auto 20px; border-bottom:solid 4px #5466c6;}
.hPtn03{font-size:30px; font-weight:400; margin:30px auto 30px; border-bottom:solid 3px #e8e8e8;}
.hPtn03 .end{font-size:16px; font-weight:700; padding:0px 15px; background:#5466c6; color:#fff; display:inline-block; vertical-align:middle; margin-right:10px;}
.hPtn03.colorNavy{font-size:28px; font-weight:bold; padding-bottom:5px;}
.hPtn04{font-size:24px; font-weight:700; margin:20px auto 10px; color:#233284;}
.hPtn05{font-size:24px; font-weight:700; margin:20px auto 10px;}
.hPtn05 .subttl{font-size:20px;}
.hPtn05.sizeL{font-size:28px; font-weight:400;}

/* ----- tblPtn ----- */
.tblPtn01{border-top:solid 1px #bbb;}
.tblPtn01 th, .tblPtn01 td{border-bottom:solid 1px #bbb; padding:25px 0; vertical-align:top;}
.tblPtn01 th{width:15%; font-weight:bold; text-align:left;}
.tblPtn01 td{width:80%; margin-left:2%;}
.tblPtn01.auto tr > th, .tblPtn01.auto tr > td{width:auto;}
.tblPtn01.break{width: 100%;}
.tblPtn01.break tr > th, .tblPtn01.break tr > td{word-break: break-all;word-wrap: break-all;}
.tblPtn01.list{width:100%; line-height: 1.3;}
.tblPtn01.list th, .tblPtn01.list td{width:auto; padding:25px 10px;}
.tblPtn01.list th .fontN{line-height: 1.5;font-size: 12px;}
.tblPtn01.va-m th, .tblPtn01.va-m td{vertical-align:middle;}
.tblPtn01 .cap{font-size:90%;}
.tblPtn01.history td{padding-left:5px; padding-right:5px;}
.hPtn03 + .tblPtn01, .tblPtn01.bdnone{border-top:none;}
.tblPtn01.reportList tr:first-child th,.tblPtn01.reportList tr:first-child td{padding-top:0;}
.tblPtn02{}
.tblPtn02 th, .tblPtn02 td{border:solid 1px #bbb;}
.tblPtn02 thead th{padding:30px 10px; background:#3f4b90; color:#fff; font-size:16px;}
.tblPtn02 tbody th, .tblPtn02 tbody td{padding:20px; vertical-align:top;}
.tblPtn02 tbody th{background-color:#e6e7f2;}
.tblPtn02 tbody td{}
.th-fw400 th{font-weight:400;}
.tblPtn03{width:100%; font-size:14px; border-collapse: separate; border:solid 1px #bbb; border-width:1px 0 0 1px;}
.tblPtn03 th, .tblPtn03 td{border:solid 1px #bbb; border-width:0 1px 1px 0;}
.tblPtn03 thead th{padding:20px 5px; background:#e6e7f2; font-size:16px;}
.tblPtn03 tbody td{padding:5px 10px; text-align:center;}
.tblPtn03 tbody tr > td:nth-child(2){text-align:left;}
.tblPtn03 tbody > tr:nth-child(2n){background:#f5f5f5;}

.slick-arrow{z-index:10;}
.slick-prev::before, .slick-next::before{color:#233284;}
.slick-prev{left:0;}
.slick-next{right:0;}

/* ----- page - TOP ----- */
.announceBox {border:solid 2px #a4aee6; background-color: #dee3ff; padding:20px 30px;margin: 90px auto 40px;text-align: center;font-weight: bold;font-size: 120%;}
.announceBox .btnPtn01{padding: 5px 30px;min-width: 200px;    font-size: 16px;}
.announceBox .btnPtn01::after{right: 15px;}
.top_ttl{text-align:center; margin:90px auto 40px;}
.top_ttl .ja{font-size:48px; font-weight:400;}
.top_ttl .en{color:#5466c6; font-weight:700;}
.top_project .btnPtn01, .top_project .btnPtn02{width:90%;}
.top_news{}
.top_news > li{display: -webkit-box; display: -ms-flexbox; display:flex; align-items:center; border:solid 2px #bbbbbb; padding:24px; justify-content:space-between; flex-wrap:wrap; width:48.7%; margin-bottom:25px !important;}
.top_news > li:nth-child(2n){margin-left:2.6%;}
.top_news > li .date{font-size:24px;}
.top_news > li .ctgr{font-size:16px; padding:2px 5px; border:solid 1px #cccccc; background-color:#e8e8e8;}
.top_news > li .ctgr.ebook{background-color:#fff8af; border-color:#d6c839;}
.top_news > li .ctgr.library{background-color:#dee3ff; border-color:#a4aee6;}
.top_news > li a{display:block; width:100%;}
.top_ttl + .top_news > li:nth-child(1){border-color:#d00;}
.navyBox{border-radius:20px; background-color:#233284; padding:50px 30px;}
.slide{margin:50px auto;}
.top_slider img{width:100%;}
.rankingSl{margin:60px auto 100px; width:95%; position:relative;}
.rankingSl a{text-decoration:none !important; color:#000 !important;}
.rankingSl li.non{display:none;}
.rankingSl li{visibility:hidden; position:absolute; top:0;}
.rankingSl li.slick-slide{width:30%; position:relative; padding:0 15px; min-height:420px; visibility:visible; top:auto;}
.rankingSl li.slick-slide::before{content:""; position:absolute; width:350px; height:350px; top:20px; border-radius:100%; background:#f8ef8c; display:block; z-index:-1; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.rankingSl li.slick-slide:nth-child(3n + 2)::before{background:#e8e8e8;}
.rankingSl li.slick-slide:nth-child(3n)::before{background:#e6e7f2;}
.rankingSl li.slick-slide h3{line-height:1.3em;}
.rankingSl li .tmb{width:100%; height:250px; position:relative; margin-bottom:10px;}
.rankingSl li .tmb img{margin:0 auto; width:auto; height:auto; max-width:160px; max-height:160px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.rankingSl .slick-prev, .rankingSl .slick-next{width:50px; background:#fff; height:100%;}
.rankingSl .slick-prev{left:-40px;}
.rankingSl .slick-next{right:-40px;}
.rankingSl .slick-prev::before, .rankingSl .slick-next::before{opacity:1; content:""; width:50px; height:50px; border:solid 2px #233284; -webkit-transform:rotate(45deg); transform:rotate(45deg); display:inline-block; position:relative;}
.rankingSl .slick-prev:hover::before, .rankingSl .slick-next:hover::before{opacity:0.75;}
.rankingSl .slick-prev::before{border-width:0px 0px 5px 5px; left:10px;}
.rankingSl .slick-next::before{border-width:5px 5px 0px 0px; left:-20px;}
#slScrn{width:100%; height:450px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:30;}
#slScrn span{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#fff; font-size:30px;}

/* ----- page - 第二階層 ----- */
.menuBox{margin:90px auto;}
.sub_slider{margin:auto; text-align:center; width:80%;}
.sub_slider img{margin:auto; width:90%;}
.sub_slider .slick-arrow{z-index:10; width:40px; height:40px; display:block; background:#233284; border-radius:50px;}
.sub_slider .slick-prev::before, .sub_slider .slick-next::before{content:""; border:solid 3px #fff; width:13px; height:13px; position:relative; display:block; transform:translateX(50%)rotate(45deg);}
.sub_slider .slick-prev::before{border-width:0 0 3px 3px; left:5px;}
.sub_slider .slick-next::before{border-width:3px 3px 0 0;}
.sub_slider .slick-dots{bottom:-35px;}
.sub_slider .slick-dots li button::before{font-size:15px; color:#233284;}
.phcap{text-align:center; line-height:1.3em; margin-top:5px; font-size:14px;}

/* ----- page - バリアフリー 詳細テンプレート ----- */
.summary .bold{font-weight:bold;}
.summary .bold.mgT20.mgB30{margin:30px auto;}
.summary .preface p{margin-bottom:30px;}
.summary .txtBox{margin-bottom:45px;}
.summary .capacity{font-size:24px; font-weight:bold;}
.summary .subsc{font-size:32px;}
.preface .flexBox.sp-blck > li img{display:block; margin:auto;}
.cautionBox{padding:15px 30px; background-color:#fff8af; border:solid 1px #d6c839;}
.cautionBox .bang{display:block; padding-left:30px; position:relative;}
.cautionBox .bang::before{content:""; width:20px; height:20px; background:no-repeat center center url(../img/icon_bang.png); background-size:contain; position:absolute; top:0.3em; left:0;}
.cautionBox strong{width:calc(100% - 30px);}
.grayBox{border-radius:20px; background-color:#e8e8e8; padding:20px 30px;}
.grayBox .box{margin:0 40px 0 0;}
.blueBox{border-radius:20px; background-color:#E5F7FF; padding:20px 30px;}
.menuFrm .clm{width:45%;}
.menuFrm .clm .photoBox{position:relative;}
.menuFrm .clm .photoBox .flt{width:100%; font-weight:400; margin:0 auto 20px;}
s + .colorRed{margin-left:10px;}
.schedule{}
.schedule li{border-bottom:solid 1px #bbb; padding:25px 0;}
.schedule > li:nth-child(1){padding-top:10px;}
.schedule li .time, .schedule li .time_range2, .schedule li .detail{display:inline-block; vertical-align:top;}
.schedule li .time, .schedule li .time_range2{width:15%; font-weight:bold;}
.schedule li .detail{width:80%; margin-left:2%;}
.schedule .coach{font-size:16px;}
.schedule .blueBox{border-radius: 0; margin-bottom: 10px; position: relative;}
.schedule .rainbow::before{content: url(../summary/img/ebook/rainbow.png); position: absolute;right: -10%;top: -50%;}
.menuFrm.blueBox .clm{width:48%;}
.menuFrm.blueBox .clm .photoBox, .blueBox .photoBox{width:100%; background:#fff;}
.blueBox .photoBox{padding:0;}
.menuFrm.blueBox .clm .photoBox{padding:20px 0 20px;}

/* ----- page - バリアフリー  オンラインセミナー----- */
.login {width:670px; margin:0 auto; padding-top:50px;}
.login .loginBox {background:#fff; border:2px solid #233284; padding:40px 10px;}
.login table {margin: 30px auto;}
.login th {font-weight:100; font-size:150%; line-height:100%; text-align:right; vertical-align:middle; padding-right:20px;}
.login td {vertical-align:middle;}
.login input[type="password"],input[type="text"] {width:200px;border: 1px solid #abadb3;padding: 5px;font-size: 16px;line-height: 100%;position: relative;}


/* -- page - contact -- */
.form{max-width:900px; margin:auto;}
.form li{padding:30px 0; border-top:solid 1px #ddd;}
.form .boxL, .form .boxR{position:relative; display:inline-block; vertical-align:middle;}
.form .block .boxL, .form .block .boxR{display:block; width:100% !important;}
.form .boxL{width:300px; padding-left:85px;}
.form .block .boxL{margin-bottom:30px; margin-right:0;}
.form .boxL::before{content:"必須"; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#fff8af; padding:8px 15px; border:solid 1px #d6c839; color:#000; font-weight:bold;}
.form .boxL.any::before{content:"任意"; background-color:#dee3ff; border-color:#a4aeeb;}
.form .boxR{width:calc(100% - 310px);}
.form input, .form select, .form textarea{border:solid 1px #888; width:100%; padding:5px;}
.form select{width:50%;}
.form textarea{height:300px;}
.form .error{padding:25px 10px; background:#fff8af; border:solid 1px #d6c839; color:#000; text-align:center; margin-bottom:25px;}
.form .errorD, .redText{color:#fff; font-weight:bold; margin-bottom:10px; display:inline-block; background:#d00; padding:0 5px;}
.form .check{display:inline-block; position:relative; padding:0; background:none; border:none;}
.form .check span{position:relative; padding-left:0; margin-left:0;}
.form .check .inp{position:absolute; top:1.2em; left:18px; width:18px; height:18px;}
.form .inp_text{display:block; padding:15px 55px 15px 30px; border:solid 2px #999; color:#000; border-radius:5px;}
.form .check .inp:checked + span{background-color:#233284; color:#fff; border-color:#233284;}
.form .check span::before{content:""; margin:0 0 0 15px; padding-right:40px; background-position:0 center; background-size:24px 24px; background-image:url(../img/checkbox_default.png); background-repeat:no-repeat; width:24px; height:24px;}
.form .check .inp:checked + span::before{background-image:url(../img/checkbox_active.png);}
/* cssで描画バージョン
.form .check span::before{content:""; border:solid 1px #ccc; width:12px; height:12px; display:inline-block; vertical-align:middle; position:absolute; top:3px; left:3px;}
.form .check .inp:checked + span::after{position:absolute; content:""; top:3px; left:8px; -webkit-transform:rotate(45deg); transform:rotate(45deg); width:5px; height:10px; border:solid 1px #333; border-width:0 2px 2px 0;}
*/

.checkPtn01{display:inline-block; position:relative; font-size:16px; display:inline-block; text-decoration:none;}
.checkPtn01 span{position:relative; padding-left:0; margin-left:0;}
.checkPtn01 .inp{position:absolute; top:0.7em; left:10px; width:10px; height:10px; visibility:hidden;}
.checkPtn01 span{display:block; padding:5px 10px 5px 10px; border-radius:5px; border:solid 1px #999999;}
.checkPtn01 span::before{content:""; margin:0 0 0 0; padding-right:30px; background-position:0 center; background-size:contain; background-image:url(../img/checkbox_default.png); background-repeat:no-repeat; width:25px; height:35px;}
.checkPtn01 .inp:checked + span{background:#233284; color:#fff !important; border-color:#233284;}
.checkPtn01 .inp:checked + span::before{background-image:url(../img/checkbox_active.png);}
.form .checkPtn01{display:block; width:400px;}
.form .checkPtn01 span{padding:15px 55px 15px 20px; font-size:18px;}
.form .checkPtn01 .inp{top:1.3em; left:20px;}
.form .checkPtn01 span::before{width:25px; height:25px; background-size:25px 25px;  padding-right:40px;}

/* -- 文庫検索 -- */
.searchBox{margin:0 auto 50px;}
.searchBox input{border:solid 1px #999999; padding:8px; width:500px; margin-left:5px;}
.searchBox select{width:500px; min-height:2.5em; margin-left:5px; padding:8px; border:solid 1px #999999;}
.searchBox .cdBox{padding:25px 0; border-bottom:solid 1px #bbbbbb;}
.searchBox .box{display:table-cell;}
.searchBox .boxL{width:200px; margin-right:10px; font-weight:bold;}
.searchBox .boxL span{font-weight:400; display:block;}
.searchBox .boxR{width:calc(100% - 230px);}
.searchBox .boxR li{margin:5px; display:inline-block;}
.resultBox{margin:30px auto 60px;}
.resultBox .boxI{width:42%; background:#e8e8e8; border:solid 1px #cccccc; padding:50px 10px;}
.resultBox .boxI img{margin:auto; display:block; width:auto; height:auto; max-width:300px; max-height:300px;}
.resultBox .boxT{width:55%;}
.resultBox .boxT .tblPtn02{width:100%;}
.resultBox .tblPtn03 tbody td{padding:10px;}
.resultBox .resultImg{width:150px; height:150px; display:flex; align-items:center; justify-content:center; margin:auto;}
.resultBox .resultImg img{width:auto; height:auto; max-width:100%; max-height:100%; border:solid 1px #efefef; flex-shrink:0;}
.pagination{width:100%; text-align:center; margin-bottom:50px;}
.pagination li{display:inline-block; border:solid 1px #233284; margin:5px 2px; vertical-align:middle;}
.pagination li.active{background:#233284; color:#fff !important;}
.pagination li a, .pagination li span{padding:6px 6px 5px; display:block; min-width:45px; text-align:center;}

/* -- 文庫のひろば -- */
.introduceBox{margin-bottom:50px;}
.introduceBox .linkBtn .btnPtn01.min + .btnPtn01.min{margin-left:50px;}
.introduceBox .clm3Bx{margin-left:50px; text-align:center;}
.introduceBox th{width:180px;}
.introduceBox td{width:calc(100% - 180px);}
.introduceBox.flexBox > .box{max-width:calc(68% - 50px);}


/* -- 文庫の広場　英語絵本バナー -- */
.bookBanner{position:relative; height: 230px; width:100%; background:#4B9E74; color: #fff !important; font-size:48px; font-weight: bold;line-height: 1.2;  border-radius: 20px; padding:30px 60px 15px 430px;  vertical-align : middle; display:block; text-decoration:none; margin:40px 0 100px}
.bookBanner::before {content: '';width: 30px;height: 30px;background: #fff;border-radius: 50%;position: absolute;bottom:5%;right: 70px;}
.bookBanner::after {content: '';width: 7px;height: 7px;border: 0;position: absolute;bottom: 9%; right:81px; transform: rotate(45deg);border-top: solid 4px #4B9E74;border-right: solid 4px #4B9E74;}
.bookBanner .info{font-size: 19px !important; font-weight: normal;}
.bookBanner .arrow{position: absolute; bottom: 5%; right: 115px; font-size: 18px !important; font-weight: bold;}
.bookBanner > img{height: 280px; position: absolute; top:50%; left:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.bookBanner:hover{opacity:.7;}


/* ----- page - 文庫のひろば　スケジュール ----- */
.schedule_tab{padding:0 30px; margin-top:40px; position:relative;}
.schedule_tab::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#E8E8E8;}
.schedule_tab > li{width:18%; font-size:20px; text-align:center; background-color:#E8E8E8; border-radius:10px 10px 0 0; padding:10px 5px; border:solid 3px #E8E8E8; border-width:0 3px; position:relative; z-index:3; cursor:pointer;}
.schedule_tab > li.current{background-color:#fff; padding:20px 5px;}
.schedule_tab > li.current::before{content:""; position:absolute; top:0; left:-3px; width:calc(100% + 6px); height:13px; border-radius:10px 10px 0 0; background-color:#3F4B90; z-index:5;}
.schedule_tabBody{display:none;}
.schedule_tabBody .schedule_box{padding:45px 35px; border-bottom:solid 3px #E8E8E8; overflow-wrap:break-word;}
.schedule_tabBody .schedule_box .boxL{width:215px; text-align:center; border-radius:10px; background-color:#E8E8E8; padding:0 0 30px; font-size:28px; color:#223284;}
.schedule_tabBody .schedule_box .boxL .date{background-color:#3F4B90; border-radius:10px 10px 0 0; color:#fff; font-size:30px; padding:15px 5px 22px; margin-bottom:30px;}
.schedule_tabBody .schedule_box .boxL .date span{font-size:22px; display:block; line-height:1.1em;}
.schedule_tabBody .schedule_box .boxL .date span.viewL-Ib{display:inline-block;}
.schedule_tabBody .schedule_box .boxR{width:calc(100% - 215px); padding:0 20px;}
.markImpt{font-size:24px; font-weight:bold; border-radius:8px; background-color:#4A9D73; color:#fff; display:inline-block;; padding:5px 20px 2px; min-width:6.7em; text-align:center;}
.markImpt.other{background-color: #E8E8E8; color: #000;}
.schedule_tabBody .schedule_box .boxR .eventTitle{color:#233184; font-size:28px; font-weight:bold; margin-bottom:30px;}
.schedule_tabBody .schedule_box .boxR .eventTitle .sizeS{font-size:22px;}
.schedule_tabBody .schedule_box .boxR .detail{font-size:20px;}

/* ----- page - 文庫のひろば　レポート ----- */
.reportTtl{font-size:28px; font-weight:bold; margin-bottom:20px;}
.reportName{font-size:20px; color:#233284}
.reportKv{width:100%; max-width:1200px; margin:0 auto 40px;}
.fl-sp-blck{float:none; display:block;}
.imgBoxFl{max-width:600px;}
.floatR.imgBoxFl{margin-left:20px;}
.floatL.imgBoxFl{margin-right:20px;}
.profileBox{margin-top:70px;}
.profileBox .profileImg{max-width:400px;}
.profileBox .profileDetail{margin-left:35px;}
.profileBox .profileDetail .name{font-size:28px; font-weight:bold; margin-bottom:10px;}
.profileBox .profileDetail .detail{}

/* ----- page - Webセミナー ----- */
.grayBox .img{position: relative; width: 100%; overflow: hidden; margin: 0 auto;}
.grayBox .img > span img{-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.grayBox .img > span img:hover{transform: scale(1.05, 1.05); opacity: 0.9;}
.grayBox .img > span::after{content: "[再生]";  text-indent: -9999px;position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%); width: 60px; height: 60px; background: url(/summary/img/ebook/seminar/playIcon.png) no-repeat 0 0;}
.grayBox > iframe{height: 320px;}
.award .grayBox > iframe{height: 500px;}
.grayBox .seminarTxt {text-align: left;max-width: 460px;margin: auto;}


/* ----- page - 英語の絵本 ----- */
.bookBox .resultBox{margin: 30px auto 30px;}
.bookBox .btnPtn01{background-color:#4A9D73 !important; border: solid 2px #4A9D73 !important;}
.bookBox .btnPtn02{border: solid 2px #4A9D73 !important;}
.bookBox .btnPtn02::after{border: solid 2px #4A9D73 !important;}
.bookBox .btnPtn02.down::after{border-width:0 3px 3px 0 !important;}
.bookBox .btnPtn02.eb{min-width: 130px !important; border:none !important; font-size: 14.4px; padding: 0; text-align: left; margin: 0;}
.bookBox .btnPtn02.eb::after{border:none !important;}
.bookBox .btnPtn03{width:55%; padding:20px 60px 15px 170px;}
.bookBox .hPtn02{border-bottom: solid 4px #A0DFC0 !important;}
.bookBox .hPtn03{margin:60px auto 20px;}
.bookBox .line{font-weight: bold;}
.bookBox .line::before{content: ""; border-left: solid 4px #4A9D73; margin-right: 10px;}
.bookBox table{border: solid 1px #b5deca}
.bookBox .tblPtn02 {width: 49%; font-size: 0.9rem;}
.bookBox .tblPtn02 tbody th{width: 40%; background-color: #D0ECDE !important;}
.bookBox .tblPtn02 tbody tr{border: solid 1px #b5deca !important;}
.bookBox .grayBox{background-color: #E9F6EF !important;}
.bookBox .grayBox li{background-color: #E9F6EF !important;}
.bookBox .boxI{position: relative; background-color: #E7F0EB !important; border: solid 1px #E7F0EB;}
.bookBox .boxI .catch{position: absolute; bottom: -50px;}

/* -- page - わいわい文庫活用術 -- */
/* 検索枠 */
.waiwai_serch .gsc-input-box {padding-top: 0 !important;padding-bottom: 0!important;}
.waiwai_serch .gsc-search-button-v2 {padding: 12px 27px !important;}
.waiwai_serch table.gsc-search-box td.gsc-input {padding-right: 0 !important;}
.waiwai_serch .gscb_a {line-height: 36px !important;}
.waiwai-use .pdfIcon span {display: block;}

/* 50周年記念企画 */
.years50 .schedule {margin-bottom: 50px;}
.years50 .announceBox {padding: 20px 40px;text-align: left;}
.years50 .announceBox .name{text-align: right;}
/* .years50 .schedule .bear::before{content: "";background : url(../img/50years/img_50years01.png) no-repeat top center / cover; position: absolute;left: 50%;transform: translateX(-50%); top: -200px;width: 200px;height: 200px;display: block;} */
.years50 .top_ttl {margin: 0 auto 30px;}
.years50 .top_ttl .ja {font-size: 29px;}
.years50 .introduceBox .imgBox {width: 50%;}
.years50 .tblPtn01 {border: none;}
.years50 .tblPtn01.list tr:first-child th, .years50 .tblPtn01.list tr:first-child td{padding-top: 0;}
.years50 .hPtn03 > span{font-size: 24px;line-height: 1.5;display: block;padding-bottom: 10px;}
.years50 .bearImg {text-align: right;width: 40%;  margin: 0 0 0 auto;}
@media all and (max-width: 1100px) {
	.years50 .announceBox {padding: 20px 10px;text-align: left;}
	.years50 .introduceBox .imgBox {width: 100%;}
	.years50 .tblPtn01.list th,.years50 .tblPtn01.list td {display: block;width: 100% !important;}
	.years50 .tblPtn01.list th {border: none;padding-bottom: 10px;}
	.years50 .tblPtn01.list td {padding-top: 0;}
}
/* 50th追従バナー設定 */
#bnr_50th {position: fixed;right: 0;bottom: 10%;z-index: 100;transition: all 0.3s ease-out 0s;opacity: 0;transform: translateX(100px);}
#bnr_50th.fixed {opacity: 1;transform: translateX(0);}
#bnr_50th a {display: block;position:relative; transition: all 0.2s ease-out 0s;}
#bnr_50th a:hover {opacity: 1;transform: translate(0, 3px);}
#closeBanner {position: absolute;top: 15px;right: 15px;border: none;cursor: pointer;background: none; transition: all 0.2s ease-out 0s;z-index: 101;}
#closeBanner:hover {transform: translate(0, 3px);}
@media all and (max-width: 1100px) {
	#bnr_50th {width: 150px;}
	#closeBanner {width: 45px;}
}

  /* Common Parts
----------------------------------------------- */
/* ----- tab ----- */
.tab-body > li {display:none;}
.tab-body .active {display:block;}

/* ----- bg-overlay ----- */
#bg-overlay {display:none;}

/* ----- pre ----- */
.pre:after {content:"\A"; white-space:pre;}
.preRsv:after {content:""; white-space:normal;}

/* ----- Effect ----- */
a,.btnEase {
-moz-transition:all .3s ease;
transition:all .3s ease;
}
a:hover,.btnEase:hover {opacity:.7;}

/* ----- Modal ----- */
.modalArea {display: none;position: fixed;z-index: 999; top: 0;left: 0;width: 100%;height: 100%; letter-spacing:0px;}
.modalArea .modalBg {width: 100%;height: 100%;background-color: rgba(21, 10, 10, 0.5);}
/* .modalArea .closeModal i{position: absolute;top: 20px;right: 50px;cursor: pointer; font-size: 50px; color: #FFF;} */
.modalArea .modalWrapper {width: 50%; height: 50%; position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);border-radius: 5px;}
.modalArea .modalWrapper .modalContents{width: 100%; height: 100%; padding: 20px; background-color: #000;}
.modalArea .modalWrapper .modalContents > iframe{width: 100% !important;height: 100% !important;}
.modalArea .modalWrapper .batsu{display: block;margin: 0 0 0 auto; width: 42px;height: 42px;background: #233284; position: relative;}
.modalArea .modalWrapper .batsu::before, .batsu::after{content: "";display: block;width: 100%;height: 3px;background: #fff;transform: rotate(45deg);transform-origin:0% 50%;position: absolute;top: 15%;left: 15%;}
.modalArea .modalWrapper .batsu::after{transform: rotate(-45deg);transform-origin:100% 50%;left: auto;right: 15%;}



/* ===============================================
Media Queries
=============================================== */
/* ===== Max Size ===== */
@media print, screen and (min-width:1920px) {
}
@media print, screen and (min-width:1180px) {
}
@media print, screen and (max-width:1360px) and (min-width:1260px){
	.winMsizeS{font-size:16px}
}
@media print, screen and (max-width:1260px) and (min-width:1180px){
	.winMsizeS{font-size:14px}
}
@media print, screen and (max-width:1180px) and (min-width:1100px){
	.winMsizeS{font-size:12px}
}
/* ===== TB(PC) Layout ===== */
@media print, screen and (max-width:999px) {
}
/* ===== TB Size 768-979px ===== */
@media screen and (max-width:979px) {}
/* ===== SP-TB Size 0-1100px ===== */
@media screen and (max-width:1100px) {
	/* Layout
	--------------------------------------------- */
	/* a:link */
	a:hover {text-decoration:none;}
	/* font-size */
	.sp-sizeS{font-size:14px !important;}
	/* ----- common ----- */
	#wrapper {width:100%;}
	.wrap {width:100%; padding:0 15px;}
	.wrap .inner {width:100%; padding:0 20px 0 10px;}
	.viewS-B {display:block !important;}
	.viewS-I {display:inline !important;}
	.viewS-Ib {display:inline-block !important;}
	.viewL-B,.viewL-I,.viewL-Ib {display:none !important;}
	.alignC_spL{text-align:left !important;}

	#header .head_top, #header .menuBlock, #header #menu_sub .globalNav_sub, #contents, #footer, #header .contactBox{-webkit-transition:.3s; transition:all .3s ease;}

	/* ----- header ----- */
	#header {position:fixed; height:auto; z-index:999;}
	#header .inner{height:50px; padding:0;}
	#header .inner::after{width:100%;}
	#header .logo img{max-width:180px; margin-top:10px;}
	#header .head_top{width:100%; text-align:center;}
	#header .contactBox{width:50px; height:50px; right:0; position:absolute; top:0; border-radius:0;}
	#header .contactBox a{height:100%; padding:12px; line-height:1.35em;}
	#header .contactBox a img{padding:0; position:relative; left:1px;}
	#header .contactBox a span{display:none;}
	#header .bgrBtn{position:absolute; top:-2px; left:0;}
	#header .bgrBtn.cls{-webkit-transition:.3s; transition:all .3s ease; border-left:1px solid #4c64a8;}
	#header .bgrBtn a{width:50px; height:50px; background:#fff; display:block; position:relative;}
	#header .bgrBtn span{display:none; position:relative;}
	#header .bgrBtn a::before{content:""; width:20px; height:13px; border:solid 3px #001f77; border-width:3px 0 3px 0; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	#header .bgrBtn a::after{content:""; width:20px; height:3px; background:#001f77; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	#header .bgrBtn.cls a{background:#001f77;}
	#header .bgrBtn.cls a::before{border-color:#fff;}
	#header .bgrBtn.cls a::after{background:#fff;}
	#header .bgrBtn.cls.back a::before{width:15px; height:15px; -webkit-transform:translate(-50%, -50%)rotate(45deg); transform:translate(-50%, -50%)rotate(45deg); border-width:0 0 2px 2px;}
	#header .bgrBtn.cls.back a::after{display:none;}
	#header .menuBlock{width:55%; height:100vh; position:fixed; top:0; left:0; transform:translateX(-100%); background:#001f77; margin:0; color:#fff; overflow:auto; z-index:999;}
	#header .menuBlock.opn{transform:translateX(0);}
	#header .menuBlock .head{font-size:18px; text-align:center; padding:10px 0; border-bottom:solid 1px #4c64a8; height:50px;}
	#header .menuBlock li{margin:0 0 0 3% !important; border-bottom:solid 1px #4c64a8;}
	#header .menuBlock li a{color:#fff; padding:10px 5%; display:block;}
	#header .menuBlock li.current a{border-bottom:none;}

	#header #menu_sub{width:55%;}
	#header #menu_sub .globalNav_sub{z-index:1000; padding:0; overflow-y:auto; font-size:18px; background:#5e69a7; height:calc(100vh - 50px); left:-100%; border-top:solid 1px #99a2d7;}
	#header #menu_sub .globalNav_sub.opn{left:0; top:3px;}
	#header #menu_sub .globalNav_sub::before, #header #menu_sub .globalNav_sub::after{display:none;}
	#header #menu_sub .globalNav_sub li{width:100%;  margin-top:0; border:none; border-bottom:solid 1px #99a2d7; padding:10px 0;}
	#header #menu_sub .globalNav_sub .box1, #header #menu_sub .globalNav_sub .box2{width:100%; margin:auto; padding-left:3%;}
	#header .globalNav_sub .box2{padding:0 0 0 5%;}
	#header .globalNav_sub .box2 li{width:100%; display:block;}
	#header #menu_sub .globalNav_sub a{display:block;}
	#header #menu_sub .globalNav_sub .box2 a{padding-left:0; margin-left:20px; display:block;}
	#header #menu_sub .globalNav_sub .box2 a::before{position:absolute; top:0.5em; left:-20px;}
	#header #menu_sub .globalNav_sub .index{font-size:20px; padding:10px 5%; font-weight:400; border-bottom:solid 1px #99a2d7; margin-top:0;}
	#header #menu_sub .globalNav_sub .sub1{font-size:18px; padding:10px 6%; margin-top:5px; font-weight:400; border-bottom:solid 1px #99a2d7;}
	#header #menu_sub .globalNav_sub .sub2{margin:5px 0 0 0.5em; font-size:18px; font-weight:400; border-bottom:solid 1px #99a2d7; padding:10px 0;}
	#header #menu_sub .globalNav_sub .menulist{margin:0 0 0 1.2em;}
	#header #menu_sub .globalNav_sub .btnPtn01.sub_close{display:none;}

	/* ----- kvArea ----- */
	#kvArea .catch .catchcopy{text-align:left; font-size:24px; margin:10px 0;}

	/* ----- panList ----- */
	.panList {display:none;}

	/* ----- contents ----- */
	#contents {margin-top:50px;}

	/* ----- footer ----- */
	#footer{margin-top:50px;}
	#footer .contactBox{padding:30px 0;}
	#footer .contactBox .box{width:100%; margin-bottom:30px;}
	#footer .contactBox .box~.box{margin-left:0;}
	#footer .guideBox{padding:45px 0 10px;}
	#footer .guideBox .box{width:100%; margin-bottom:50px;}
	#footer .guideBox .ttl{margin-bottom:10px; font-size:20px;}
	#footer .footmenu{padding:0; font-size:12px; border:solid 1px #bbb;}
	#footer .footmenu > li{background:#fff; border:solid 1px #bbb; width:50%; border-width:0 1px 0 0;}
	#footer .footmenu > li a{padding:10px 2px; display:block;}
	#footer .footmenu > li~li::before{display:none;}
	#footer .footmenu > li:nth-child(2n + 3){border-width:0 1px 1px 0;}
	#footer .footmenu > li:nth-child(2n){border-width:0 0 1px 0;}
	#footer .footmenu > li:last-child{border-bottom:none;}

	/* ----- pageTop ----- */
	#pageTop {right:5%; bottom:10px;}

	/* Contents Parts
	----------------------------------------------- */
	/* flex */
	.flexBox.sp-blck{display:block;}
	.flexBox.sp-fd-clm{flex-direction:column;}
	.flexBox.sp-blck.clm2 > li, .flexBox.sp-blck.clm3 > li, .flexBox.clm2 .clmBox{width:100%;}
	.flexBox.sp-blck.clm3 > li~li{margin-top:20px;}
	.flexBox.sp-clm2 > li{width:48% !important; margin:0 auto 15px !important; }
	.flexBox.sp-clm2 > li:nth-child(2n){margin:0 1% 15px;}
	.flexBox .orderPC1, .flexBox .orderPC2{order:0;}
	.flexBox.photoBrd{margin:25px auto;}
	.textBox{margin:0 auto 25px;}
	.flexBox.fs.clm3.sp-blck > li{margin:0 0 5px 0;}
	.flexBox.sp-wr{flex-wrap:wrap;}
	.flexBox.sp-fa{justify-content:flex-start;}
	.flexBox .clm2Bx, .flexBox .clm3Bx{width:100%;}
	.flexBox.clm3.gap20 .grayBox{margin: 20px auto;}
	.flexBox.clm4.pd > li{width:48%;}
	.flexBox.clm4.pd.fs > li{margin:0 1%;}
	.flexBox.clm4.eb > li{width:48%;}
	.flexBox.clm4.eb.fs > li{margin:0 1%;}

	/* ----- ulPtn ----- */
	.ulPtn01 > li{line-height:1.5em; margin-bottom:1em;}
	.ulPtn01 > li .txt{width:70%;}
	.ulPtn01 > li .data{width:30%;}
	.ulPtn01 > li .data span{min-width:4em; display:inline-block;}

	.icon_pdf::after{bottom:3px;}

	/* ----- btnPtn ----- */
	.btnPtn01, .btnPtn02{width:100%; min-width:0; padding:10px 30px 10px 15px;};
	.btnPtn01{width:100%; font-size:20px; min-width:0;}
	.btnPtn01::after, .btnPtn02::after{right:15px;}
	#footer .btnPtn01{width:calc(100% - 4px);}
	.btnPtn01.min, .btnPtn01.half, .btnPtn02.half{width:100%;}
	.btnPtn01.min{padding:8px 20px 8px 15px; min-width:0;}
	.btnPtn01.min02{padding:10px 15px 10px 5px;}
	.btnPtn01.min02::after{right:8px;}
	.btnPtn01.back{padding:10px 15px 10px 30px;}
	.btnPtn01.back.reset{margin-right:auto;}
	.btnPtn01 .btnspc{margin:0;}
	.btnPtn03{height: auto; width: 270px !important; padding:15px !important; text-align:center; font-size:20px; margin: 40px auto 60px;}
	.btnPtn03 .info{font-size: 14px !important; display: block; margin-left: 0;}
	.btnPtn03 > img{display: block;margin: auto; height: 110px; position: relative; top: 0;left: 0;-webkit-transform: none;transform: none;}


	/* ----- hPtn ----- */
	.hPtn01{padding:0; font-size:26px; margin-bottom:30px; text-align:left;}
	.hPtn01 .ctgry{font-size:18px; padding:10px;}
	.hPtn01 .ttl{font-size:32px; padding:10px;}
	.hPtn01 .read{font-size:16px; padding:5px 10px 15px;}
	.hPtn01 span{font-size:16px; margin-bottom:5px;}
	.hPtn02{position:relative; padding-bottom:5px; margin-bottom:20px; font-size:30px; line-height:1.3em;}
	.hPtn03{font-size:28px; line-height:1.3em;}
	.hPtn04.sizeL{font-size:28px;}
/*	.hPtn04{font-size:24px;}
	.hPtn05{font-size:20px;}*/

	/* ----- tblPtn ----- */
	.tblPtn01 th, .tblPtn01 td{padding:15px 10px; width:100%; display:block;}
	.tblPtn01 td{margin-left:0;}
	.tblPtn01.list th, .tblPtn01.list td{width:auto; display:table-cell;}
	.tblPtn01.list.sp-blck th, .tblPtn01.list.sp-blck td{display:block;}
	.tblPtn01.list.sp-blck.noborder td:first-child {border: none;}
	.tblPtn01.list.reportList th, .tblPtn01.list.reportList td{width:100% !important;}
	.tblPtn01.list.reportList th{border-bottom:none; padding-bottom:0;}
	.tblPtn01.list.sp-tbl tr:last-child{border-bottom:solid 1px #bbb;}
	.tblPtn01.list.sp-tbl th, .tblPtn01.list.sp-tbl td{width:100%; display:block;}
	.tblPtn01.list.sp-tbl th{border-bottom:none; padding-bottom:10px;border-top:solid 1px #bbb;}
	.tblPtn01.list.sp-tbl td{padding-top:0;width: 100% !important;text-align: left!important; border-bottom:none;}
	.tblPtn01.list.sp-tbl td:empty {display: none;}
	.hPtn03 + .tblPtn01 tr:nth-child(1) th, .tblPtn01.bdnone tr:nth-child(1) th{padding-top:0;}
	.tblPtn01.sp-btm0 th{border-bottom:none; padding-bottom:0px;}
	.tblPtn01.sp-btm0 td{padding:5px 0 20px;}
	.tblPtn01.auto tr > th, .tblPtn01.auto tr > td{width:100% !important; border-color:#bbb;}
	.tblPtn01.break{border-top: none;}
	
	.tblPtn01.auto tr > th{border-style:solid solid dashed solid; border-width:1px 0; margin-top:25px;}
	.tblPtn01.auto tr > td{border-style:dashed solid dashed solid; border-width:1px 0 0; padding-bottom:5px;}
	.tblPtn01.auto tr > td:last-child{border-bottom-style:solid; padding-left: 35px; border-top:none; padding-top:0;}
	.tblPtn01.break tr > td:last-child{padding-left: 0; padding-right: 0;}
	.tblPtn03 thead{display:none;}
	.tblPtn03{border:none;}
	.tblPtn03 tbody tr{display: -webkit-box; display: -ms-flexbox; display:flex; margin-bottom:30px; position:relative; border:solid 1px #999; flex-wrap:wrap; }
	.tblPtn03 tbody td{display:block; width:100%; border:none; text-align:left;}
	.tblPtn03 tbody td span{display:inline-block; width:calc(100% - 20px - 6em); vertical-align:top;}
	.tblPtn03 tbody td::before{content:attr(label); display:inline-block; margin-right:20px; width:6em; vertical-align:top;}
	.tblPtn03 tbody tr > td:nth-child(2)::before,
	.tblPtn03 tbody tr > td:last-child:before{display:none;}
	.tblPtn03 tbody tr > td:nth-child(1){}
	.tblPtn03 tbody tr > td:nth-child(2){padding:10px; background:#e6e7f2; font-weight:bold; font-size:16px; border-width:1px 1px 0 1px; order:-1; margin-bottom:10px;}
	.tblPtn03 tbody tr > td:nth-child(2) span{width:100%;}
	.tblPtn03 tbody > tr:nth-child(2n){background:#fff;}
	.tblPtn03 tbody tr > td:last-child{border-bottom-width:1px;}

	/* ----- page - TOP ----- */
	.announceBox {font-size: 100%;}
	.top_ttl{margin:45px auto 20px;}
	.top_ttl .ja{font-size:32px; line-height:1.3em;}
	.top_project .btnPtn01, .top_project .btnPtn02{width:100%;}
	.top_news > li{display:block; width:100%; padding:15px;}
	.top_news > li:nth-child(2n){margin-left:0;}
	.top_news > li .date{display:block; width:100%;}
	.top_news > li .ctgr{margin:5px 0;}
	.navyBox{padding:20px;}
	.navyBox .btnPtn01{padding:8px 20px 8px 15px; min-width:0;}
	.rankingSl{margin:40px auto 50px;}
	.rankingSl li .tmb img{bottom:15px;}
	.rankingSl li.slick-slide{min-height:0;}
	.rankingSl li.slick-slide::before{width:90%; height:90%; top:8%;}
	.rankingSl .slick-prev::before, .rankingSl .slick-next::before{width:30px; height:30px;}
	.rankingSl .slick-prev::before{left:20px;}
	.rankingSl .slick-next::before{left:-20px;}

	/* ----- page - 第二階層 -----
	.sub_slider{width:calc(100% - 60px);}
	.sub_slider img{width:95%;}
	.sub_slider .slick-arrow{border-radius:0; height:100%; width:35px; top:0; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);}
	.sub_slider .slick-prev{left:-30px;}
	.sub_slider .slick-next{right:-30px;}*/
	.sub_slider .slick-prev{left:-30px;}
	.sub_slider .slick-next{right:-30px;}
	.introduce_kv + .menuBox{margin:30px auto;}

	/* ----- page - バリアフリー 詳細テンプレート ----- */
	.summary .subscLink{font-size:14px;overflow-wrap: break-word;}
	.summary .subsc{font-size:24px;}
	.cautionBox{padding:15px 20px;}
	.grayBox{padding:20px;}
	.grayBox .box{margin:0 auto 15px;}
	.menuFrm .clm, .menuFrm.blueBox .clm{width:100%;}
	.menuFrm .clm~.clm{margin-top:30px;}
	.menuFrm .clm .photoBox .flt{top:0;}
	.blueBox .photoBox{padding:0;}
	.menuFrm.blueBox .clm .photoBox{padding:20px 0 25px;}
	.menuFrm.blueBox .clm .photoBox img, .blueBox .photoBox img{width:70%; margin:auto}
	.schedule > li:nth-child(1){padding-top:0;}
	.schedule li .time, .schedule li .time_range2, .schedule li .detail{display:block; width:100%;}
	.schedule li .detail{margin-left:0;}
	.schedule .blueBox{padding: 20px 10px;}

	/* ----- page - バリアフリー  オンラインセミナー----- */
.login {width: 80%;}
.login th {font-size: 100%;}
.login input[type="password"],input[type="text"] {width:150px;}



	/* -- page - contact -- */
	.form .boxL, .form .boxR{display:block; width:100% !important;}
	.form .boxL::before{padding:2px 10px;}
	.form .boxL{margin-bottom:15px; padding-left:75px;}
	.form select{width:100%;}
	.form textarea{height:200px;}
	.form .error{text-align:left;}
	.form .check .inp{left:18px; display:none;}
	.form .check span{padding-left:40px; display:block; padding-right:0;}
	.form .check span::before{position:absolute; left:0px; top:1em;}
	.form .btnPtn01.check{padding-right:0;}

	/* -- 文庫検索 -- */
	.searchBox input{width:100%;}
	.searchBox select{width:100%;}
	.searchBox .box{display:block;}
	.searchBox .boxL, .searchBox .boxR{width:100%;}
	.resultBox .boxI, .resultBox .boxT{width:100%;}
	.resultBox .boxI{padding:10px; margin-bottom:20px;}
	.resultBox .resultImg{display:inline-block; height:auto;}
	.resultBox .tblPtn03 tbody td{padding:5px 10px;}

	/* -- 文庫のひろば -- */
	.introduceBox th{border-bottom-style:dashed;}
	.introduceBox .linkBtn .btnPtn01.min + .btnPtn01.min{margin-left:0;}
	.introduceBox .clm3Bx{margin-left:0;}
	.introduceBox.flexBox > .box{max-width:100%;}

	/* -- 文庫の広場　英語絵本バナー -- */
	.bookBanner{height:300px; font-size:20px !important; line-height: 1.5; padding: 15px; text-align: center;}
	.bookBanner::before {width: 16px;height: 16px;bottom: 7.5%;right: 15px;}
	.bookBanner::after {width: 5px;height: 5px; bottom: 9%; right: 20px;border-top: solid 2px #4B9E74;border-right: solid 2px #4B9E74;}
	.bookBanner .info{margin-top: 10px; font-size: 16px !important; font-weight: normal;}
	.bookBanner .arrow{position: absolute; bottom:5%; right: 35px; font-size: 18px !important; font-weight: bold;}
	.bookBanner > img{height: 40%; margin-bottom: 10px; position: relative; top: 0; left:0; -webkit-transform: none; transform:none;}


	

	/* ----- page - 文庫のひろば　スケジュール ----- */
	.schedule_tab{padding:0;}
	.schedule_tab::after{display:none;}
	.schedule_tab > li{width:30%; font-size:18px; border-radius:10px; margin-bottom:10px; border-width:3px; padding:8px 5px; margin-right:2.5%;}
	.schedule_tab > li:nth-child(4n - 1), .schedule_tab > li:last-child{margin-right:0;}
	.schedule_tab > li.current{padding:8px 5px; border-color:#3F4B90;}
	.schedule_tab > li.current::before{display:none;}
	.schedule_tabBody .schedule_box{padding:20px 0;}
	.schedule_tabBody .schedule_box .boxL{width:7em; font-size:16px; padding:0 0 10px;}
	.schedule_tabBody .schedule_box .boxL .date{font-size:20px; margin-bottom:10px; padding:5px 5px 7px;}
	.schedule_tabBody .schedule_box .boxL .date span{font-size:16px;}
	.schedule_tabBody .schedule_box .boxR{width:calc(100% - 7em); padding:0 5px 0 10px;}
	.markImpt{font-size:16px; padding:2px 10px; margin-bottom:10px;}
	.schedule_tabBody .schedule_box .boxR .eventTitle{font-size:18px; margin-bottom:10px;}
	.schedule_tabBody .schedule_box .boxR .eventTitle .sizeS{font-size:14px;}
	.schedule_tabBody .schedule_box .boxR .detail{font-size:16px;}
	
	/* ----- page - 文庫のひろば　レポート ----- */
	.reportTtl{font-size:22px; margin-bottom:14px;}
	.reportName{font-size:18px;}
	.floatR.imgBoxFl, .floatL.imgBoxFl{margin:0;}
	.profileBox .profileDetail{margin:20px 10px;}
	.profileBox .profileDetail .name{font-size:24px; margin-bottom:10px;}
    .profileBox .profileImg{max-width:400px; margin:0 auto;}

	/* ----- page - Webセミナー ----- */
	.grayBox > iframe{height: 168px;}
	.award .grayBox > iframe{height: 168px;}

	/* ----- page - 英語の絵本 ----- */
	.bookBox .flexBox.clm4.eb > li{width:80%;}
	.bookBox .flexBox.clm4.eb.fs > li{margin:10px auto;}
	.bookBox .boxI .catch{position: relative; bottom: 0px;}
	.bookBox .tblPtn02 {width: 100%;}


	/* ----- Modal ----- */
	.modalArea .modalWrapper {width: 100%;}
    
	
	/* Common Parts
	----------------------------------------------- */
	/* ----- pre ----- */
	.about .pre:after {content:""; white-space:normal;}
	.about .preRsv:after {content:"\A"; white-space:pre;}

	/* ----- Effect ----- */
	a:hover,.btnEase:hover {opacity:1;}



}

@media print {
	#contents{margin-top:0 !important;}
	#header{position:relative;}
	#pageTop a{display:none;}
}
/* ===== SP Size 0-767px ===== */
@media screen and (max-width:767px) {
	.wrap .inner {padding:0 10px;}
	.flexBox.sp-only-blck{display:block;}
	.flexBox .boxL{margin-right:0;}

}
/* ===== print ===== */
@media print{
	#header{position:relative;}
	#header #hd-menu-body,
	#header .contactBox{display:none;}
	.panList{padding:20px 5px; line-height:1.5em;}
	.panList .wrap{width:100%;}
	.flexBox.clm3 > li{width:95%; margin:10px auto;}
	.flexBox.sp-blck{display:block;}
	.flexBox.sp-blck > li{width:100% !important;}
	.flexBox.sp-blck .clm2Bx{width:100%;}
	.hPtn01 .ttl{font-size:40px;}
	.btnPtn01{min-width:50%;}
	.btnPtn02{width:100% !important;}
	.resultBox .tblPtn03 thead tr th{width:12% !important;}
	.resultBox .tblPtn03 td{word-break : break-all;}
	.resultBox .tblPtn03 .btnPtn01 span{font-size:12px;}
	.schedule li .time, .schedule li .time_range2{width:30%;}
	.schedule li .detail{width:65%;}
	.top_news > li:nth-child(2n){margin-left:0;}
	.tblPtn03 td, .tblPtn03 th{border-width:1px !important;}
}

/* CSS End
------------------------------------------------------ */