@charset "UTF-8";
.clearfix, .wrap, header .headerTop .headerTopInner, header .headerTop .headerTopInner .headerTopRight ul, header nav.headerBottom ul, footer .footerTop .footerTopBottom ul, footer .footerBottom .footerBottomInner, footer .footerBottom .footerBottomInner .footerBottomRight ul, .rightLink li a.rightLinkBanner, .rightAccess ol li, .rightSpLink li a.rightSpLinkBanner, #commonLink ul, #commonLink .commonLinkSp, #commonBreadcrumb ul, #commonTag ul, .commonYear ul, .commonAnchor ul, .commonPager ul, #topSection01 .topSection01Bottom ul, .greetingList ul, .greetingList ul li, .greetingPost .greetingPostMain, .eduTopList ul, .eduTopList ul li, .eduPostRelationList ul, .eduPostRelationList ul li, .eduPost .eduPostMain {
  *zoom: 1;
}
.clearfix:after, .wrap:after, header .headerTop .headerTopInner:after, header .headerTop .headerTopInner .headerTopRight ul:after, header nav.headerBottom ul:after, footer .footerTop .footerTopBottom ul:after, footer .footerBottom .footerBottomInner:after, footer .footerBottom .footerBottomInner .footerBottomRight ul:after, .rightLink li a.rightLinkBanner:after, .rightAccess ol li:after, .rightSpLink li a.rightSpLinkBanner:after, #commonLink ul:after, #commonLink .commonLinkSp:after, #commonBreadcrumb ul:after, #commonTag ul:after, .commonYear ul:after, .commonAnchor ul:after, .commonPager ul:after, #topSection01 .topSection01Bottom ul:after, .greetingList ul:after, .greetingList ul li:after, .greetingPost .greetingPostMain:after, .eduTopList ul:after, .eduTopList ul li:after, .eduPostRelationList ul:after, .eduPostRelationList ul li:after, .eduPost .eduPostMain:after {
  content: "";
  display: table;
  clear: both;
}

/*----------------------------------------
       Reset
----------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*--------------------------
header
---------------------------*/
img {
  display: block;
  vertical-align: middle;
}

a {
  color: #2b67bf;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
a:hover img {
  opacity: 0.7;
}

a:focus, *:focus {
  outline: none;
}

p {
  line-height: 1.6em;
}

body {
  color: #333;
  font-size: 14px;
  line-height: 1.4em;
  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
  background-color: #FFF;
}

.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	margin: 0 auto 10px;
	max-width:100%;
}

.wrap {
  width: 1196px;
  margin: 0px auto;
}
@media screen and (max-width: 767px) {
  .wrap {
    margin: 0;
    width: auto;
  }
	.alignleft,
	.alignright{
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
}

header {
  margin: 0 0 10px 0;
}
header .headerTop .headerTopInner {
  height: 140px;
  display: table;
}
header .headerTop .headerPremium {
	padding-top: 25px;
	text-align: center;
}
header .headerTop .headerPremium img {
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
  header .headerTop .headerTopInner {
    height: auto;
    box-sizing: border-box;
    display: block;
  }
}
header .headerTop .headerTopInner .headerTopLeft {
  float: left;
  width: 240px;
  padding: 25px 0 0 0;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  header .headerTop .headerTopInner .headerTopLeft {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    display: block;
    position: relative;
    padding: 5px 10px 0 10px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 10px;
  }
  header .headerTop .headerTopInner .headerTopLeft img {
    width: 95px;
    height: auto;
  }
}
header .headerTop .headerTopInner .headerTopCenter {
  float: left;
  width: 796px;
  padding: 25px 0 0 15px;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  header .headerTop .headerTopInner .headerTopCenter {
    float: none;
    width: 100%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    display: block;
  }
  header .headerTop .headerTopInner .headerTopCenter img {
    width: 100%;
    height: auto;
  }
}
header .headerTop .headerTopInner .headerTopRight {
  float: left;
  width: 145px;
  padding: 25px 0 0 0;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  header .headerTop .headerTopInner .headerTopRight {
    display: none;
  }
}
header .headerTop .headerTopInner .headerTopRight ul li {
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  header .headerTop .headerTopInner .headerTopRight ul li {
    float: left;
    width: 50%;
  }
}
header .headerTop .headerTopInner .headerTopRight ul li a {
  display: block;
  color: #555;
  font-size: 12px;
  letter-spacing: -0.05em;
}
header .headerTop .headerTopInner .headerTopRight ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
header .headerTop .headerTopInner .headerTopRight ul li:nth-child(1) a {
  background-color: #ddd;
  height: 45px;
  margin-bottom: 1px;
  line-height: 45px;
}
header .headerTop .headerTopInner .headerTopRight ul li:nth-child(1) a span:before {
  width: 30px;
  display: inline-block;
  text-align: center;
  content: "\f15b";
  color: #666;
  font-size: 14px;
  font-family: FontAwesome;
}
header .headerTop .headerTopInner .headerTopRight ul li:nth-child(2) a {
  background-color: #ddd;
  height: 45px;
  margin-bottom: 1px;
  line-height: 45px;
}
header .headerTop .headerTopInner .headerTopRight ul li:nth-child(2) a span:before {
  width: 30px;
  display: inline-block;
  text-align: center;
  content: "\f0e0";
  color: #666;
  font-size: 14px;
  font-family: FontAwesome;
}
header .headerTop .headerTopInner .headerTopRight ul li:nth-child(3) a {
  background-color: #ddd;
  height: 22px;
  line-height: 22px;
}
header .headerTop .headerTopInner .headerTopRight ul li:nth-child(3) a span:before {
  width: 30px;
  display: inline-block;
  text-align: center;
  content: "\f099";
  color: #666;
  font-size: 14px;
  font-family: FontAwesome;
}
header .headerTop .headerTopInner .headerTopSp {
  display: none;
}
@media screen and (max-width: 767px) {
  header .headerTop .headerTopInner .headerTopSp {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
  }
  header .headerTop .headerTopInner .headerTopSp button {
    padding: 0;
    border: none;
  }
  header .headerTop .headerTopInner .headerTopSp button span {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px solid #666;
    border-radius: 5px;
      position: relative;
  }
  header .headerTop .headerTopInner .headerTopSp button span:before {
    width: 36px;
    display: block;
    text-align: center;
    content: "\f0c9";
    color: #666;
    font-size: 22px;
    font-family: FontAwesome;
      position: absolute;
      top: 3px;
      left: 0;
  }
  header .headerTop .headerTopInner .headerTopSp button span::after {
    width: 36px;
    display: block;
    text-align: center;
    content: "MENU";
    color: #666;
    font-size: 8px;
      position: absolute;
      top: 24px;
      left: 0;
  }
  header .headerTop .headerTopInner .headerTopSp button.js-hiraku-offcanvas-btn-active span:before {
    width: 36px;
    display: block;
    text-align: center;
    content: "\f00d";
    color: #666;
    font-size: 22px;
    font-family: FontAwesome;
      position: absolute;
      top: 7px;
      left: 0;
  }
    header .headerTop .headerTopInner .headerTopSp button.js-hiraku-offcanvas-btn-active span::after {
        display: none;
    }
	header .headerTop .headerTopInner .headerTopRight ul li:nth-child(1) a,
	header .headerTop .headerTopInner .headerTopRight ul li:nth-child(2) a{
		height: 30px;
		line-height: 30px;
	}
}
header nav.headerBottom {
  background-color: #5A83D6;
  height: 50px;
  line-height: 40px;
}
header nav.headerBottom ul li {
  float: left;
  box-sizing: border-box;
  font-size: 15px;
padding: 5px 14px;	
 	
}

header nav.headerBottom ul li a {
/*border-left: 1px solid #ADC1EB;*/
  padding: 5px 14px;
  font-size: 15px;
  letter-spacing: -0.05em;
  color: #FFF;
}
header nav.headerBottom ul li a i {
  font-size: 18px;
  margin-right: 5px;
}
header nav.headerBottom ul li a:hover {
  text-decoration: none;
}
/* liタグの最後のみ枠線を消す設定 */
li:last-child{
    border-right:none;
}
/*header nav.headerBottom ul li:nth-child(10) a {
  border-right: 1px solid #ADC1EB;
} */
header nav.headerBottom ul li:last-child {
  float: right;
}
header nav.headerBottom ul li:last-child input[type="text"] {
  background-color: #7B9CDE;
  border-radius: 5px;
  border: none;
  height: 30px;
  font-size: 16px;
  color: #FFF;
  padding: 0 5px;
  width: 110px;
}
header nav.headerBottom ul li:last-child button {
  margin-left: 5px;
  background: none;
  border: none;
  font-size: 18px;
  color: #FFF;
}
header nav.current-menu-item ul li:last-child button {}


header nav.headerBottom ul li:last-child button:hover {
  cursor: pointer;
  opacity: 0.7;
}
header nav.headerBottom ul li:last-child:hover {
  background: none;
}
header nav.headerBottom ul li:hover {
  background-color: #2B67BF;
}
header nav.headerBottom ul li.current-menu-item {
  background-color: #2B67BF;
}
header nav.headerBottom ul li.home {
    display: none;
}
@media screen and (max-width: 767px) {
    header nav.headerBottom {
        display: none;
    }
    header nav.headerBottom.headerHome {
        display: block;
    }
    header nav.headerBottom {
        overflow-x: scroll;
        background-color: #fff;
        height: 42px;
        line-height: 40px;
        position: relative;
        margin-top: 10px;
    }
    header nav.headerBottom .wrap {
        width:1000px;
        height: 41px;
        border-bottom: 1px solid #ADC1EB;
    }
    header nav.headerBottom ul {
    }
    header nav.headerBottom ul li {
        border-bottom: 1px solid #ADC1EB;
        padding: 0px 3px;
    }
    header nav.headerBottom ul li:hover {
        background-color: #fff;
    }
    header nav.headerBottom ul li.home {
        display: block;
        background-color: #fff;
        border-bottom: 1px solid #fff;
    }
    header nav.headerBottom ul li:last-child {
        display: none;
    }
    header nav.headerBottom ul li a {
        display: block;
        height: 40px;
        margin-left: 5px;
        border: 1px solid #ADC1EB;
        border-width: 1px 1px 0 1px;
        color: #000;
        padding: 0 17px;
    }
    header nav.headerBottom ul li.home a {
        font-weight: bold;
        border-top-width: 3px;
    }
    header nav.headerBottom ul li a i {
        display: none;
    }
}

nav.headerBottomSp {
  padding: 5px 0 0 0;
}
nav.headerBottomSp ul li {
  height: 60px;
  line-height: 60px;
  font-size: 15px;
  border-bottom: 1px solid #ADC1EB;
}
nav.headerBottomSp ul li:last-child {
  border-bottom: none;
  padding-left: 40px;
}
nav.headerBottomSp ul li:last-child input[type="text"] {
  background-color: #7B9CDE;
  border-radius: 5px;
  border: none;
  height: 30px;
  font-size: 16px;
  color: #FFF;
  padding: 0 5px;
  width: 110px;
}
nav.headerBottomSp ul li:last-child button {
  margin-left: 5px;
  background: none;
  border: none;
  font-size: 18px;
  color: #FFF;
}
nav.headerBottomSp ul li a {
  display: block;
  color: #FFF;
}
nav.headerBottomSp ul li a:hover {
  text-decoration: none;
}
nav.headerBottomSp ul li a i {
  font-size: 18px;
  width: 38px;
  text-align: center;
}

/*--------------------------
footer
---------------------------*/
footer .footerTop {
  border-top: 1px solid #CCC;
  padding: 15px 0 25px 0;
  text-align: center;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  footer .footerTop {
    padding: 15px 0;
  }
}
footer .footerTop .footerTopTop {
  color: #808080;
  line-height: 1.2em;
  margin: 0 0 10px 0;
}
@media screen and (max-width: 767px) {
  footer .footerTop .footerTopTop {
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  footer .footerTop .footerTopBottom {
    text-align: left;
    padding: 0 10px;
  }
}
footer .footerTop .footerTopBottom ul li {
  display: inline-block;
}
footer .footerTop .footerTopBottom ul li:after {
  content: "｜";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  margin-right: 4px;
}
footer .footerTop .footerTopBottom ul li:last-child:after {
  content: "";
  margin-right: 0;
}
footer .footerTop .footerTopBottom ul li a {
  color: #666;
}
footer .footerBottom {
  background-color: #5981D4;
}
footer .footerBottom .footerBottomInner {
  padding: 20px 0 40px 0;
}
@media screen and (max-width: 767px) {
  footer .footerBottom .footerBottomInner {
    padding: 15px 10px;
    text-align: center;
  }
}
footer .footerBottom .footerBottomInner .footerBottomLeft {
  float: left;
  width: 30%;
  font-size: 12px;
  color: #FFF;
  display: table-header-group;
}
@media screen and (max-width: 767px) {
  footer .footerBottom .footerBottomInner .footerBottomLeft {
    float: none;
    width: 100%;
    display: table-row-group;
  }
}
footer .footerBottom .footerBottomInner .footerBottomRight {
  float: left;
  width: 70%;
  font-size: 12px;
  color: #FFF;
  display: table-row-group;
}
@media screen and (max-width: 767px) {
  footer .footerBottom .footerBottomInner .footerBottomRight {
    float: none;
    width: 100%;
    font-size: 14px;
    display: table-header-group;
  }
}
footer .footerBottom .footerBottomInner .footerBottomRight ul {
  float: right;
}
@media screen and (max-width: 767px) {
  footer .footerBottom .footerBottomInner .footerBottomRight ul {
    text-align: center;
    margin: 0 0 25px 0;
  }
}
footer .footerBottom .footerBottomInner .footerBottomRight ul li {
  display: inline-block;
}
footer .footerBottom .footerBottomInner .footerBottomRight ul li:after {
  content: "｜";
  color: #FFF;
  font-size: 12px;
  position: relative;
  padding-left: 4px;
}
footer .footerBottom .footerBottomInner .footerBottomRight ul li:last-child:after {
  margin-right: 0;
}
footer .footerBottom .footerBottomInner .footerBottomRight ul li:first-child:before {
  content: "｜";
  color: #FFF;
  font-size: 12px;
  position: relative;
  padding-right: 4px;
}
footer .footerBottom .footerBottomInner .footerBottomRight ul li a {
  color: #FFF;
}

/*----------------------------------------
content
----------------------------------------*/
.box {
  padding: 5px 0 0 0;
}
.smallBox {
	padding: 20px 0 0 0;
	width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .box {
    padding: 0;
  }
	.smallBox {
		width: auto;
	}
}
.box .boxLeft {
  float: left;
  width: 200px;
  margin-right: 42px;
  padding: 0 0 40px 0;
}
@media screen and (max-width: 767px) {
  .box .boxLeft {
    display: none;
  }
}
.box .boxCenter,
.smallBox .boxCenter{
  float: left;
  width: 663px;
  margin-right: 41px;
  padding: 0 0 10px 0;
}
@media screen and (max-width: 767px) {
  .box .boxCenter,
	.smallBox .boxCenter {
    float: none;
    width: auto;
    padding: 0 10px 20px 10px;
    margin-right: 0;
  }
}
.box .boxRight,
.smallBox .boxRight{
  float: left;
  width: 250px;
  padding: 0 0 40px 0;
}
@media screen and (max-width: 767px) {
  .box .boxRight,
	.smallBox .boxRight{
    float: none;
    width: auto;
    margin-right: 0;
    padding: 0 0 10px 0;
  }
}

/*----------------------------------------
left
----------------------------------------*/
.leftAd li {
  margin-bottom: 20px;
}
.leftAd li img {
  width: 200px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .leftAd li img {
    width: 100%;
    height: auto;
  }
}

.leftBanner li {
  margin-bottom: 10px;
}
.leftBanner li img {
  width: 200px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .leftBanner li img {
    width: 100%;
    height: auto;
  }
}

/*----------------------------------------
right
----------------------------------------*/
.rightLink {
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .rightLink {
    display: none;
  }
}

.rightLink li {
  margin-bottom: 5px;
}
.rightLink li a.rightLinkBanner {
  display: table;
  vertical-align: middle;
  width: 250px;
  height: 20px;
  background-color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  color: #000;
}
.rightLink li a.rightLinkBanner .rightLinkBannerLeft {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: left;
  font-size: 14px;
  color: #555;
}
.rightLink li a.rightLinkBanner .rightLinkBannerRight {
  line-height: 1em;
  padding-top: 2px;
  display: table-cell;
  vertical-align: middle;
  margin-left: 64px;
}
.rightLink li a.rightLinkBanner .rightLinkBannerRight span {
  display: block;
  font-size: 12px;
}
.rightLink li a.rightLinkBanner .rightLinkBannerRight.rightLinkBannerRightBig {
  font-size: 14px;
}
.rightLink li a.rightLinkBanner:hover {
  opacity: 0.7;
  text-decoration: none;
}
.rightLink li div.rightLinkText {
	font-size: 12px;
}
.rightLink li div.rightLinkText a {
  color: #000;
  text-decoration: underline;
}
.rightLink li div.rightLinkText  .left {
  content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: FontAwesome;
  margin-right: 5px;
  margin-left:20px;

}

.rightLink li div.rightLinkText  span:before {
  content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: FontAwesome;
  margin-right: 5px;

}

.rightLink li div.rightLinkText a:hover {
  text-decoration: none;
}
.rightLink li:last-child {
  margin-bottom: 0;
}




.rightLink li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .rightAd {
    padding: 0 10px;
  }
}
.rightAd li {
  margin-bottom: 20px;
}
.rightAd li img {
  width: 250px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .rightAd li img {
    max-width: 100%;
   /* width: auto;*/
    height: auto;
    margin: 0 auto;
  }
}

.rightAccess {
  padding: 10px 0 0 0;
}
@media screen and (max-width: 767px) {
  .rightAccess {
    padding: 10px 10px 0 10px;
  }
}
.rightAccess h2.widgettitle {
  position: relative;
  border-bottom: 3px solid #CCC;
  margin: 0 0 15px 0;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
}
.rightAccess h2.widgettitle::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 50%;
  height: 3px;
  background-color: #1177ba;
}
.rightAccess .rightAccessTitle {
  position: relative;
  border-bottom: 3px solid #CCC;
  margin: 0 0 15px 0;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
}

.rightAccess .rightAccessTitle::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 50%;
  height: 3px;
  background-color: #1177ba;
}
.rightAccess .rightAccessTitle span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  letter-spacing: -0.01em;
  color: #666;
}
.rightAccess ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
.rightAccess ol li {
  padding: 0 0 10px 20px;
  line-height: 1.2em;
  position: relative;
}
.rightAccess ol li a {
  display: block;
  position: initial;
	color: #000;
}
.rightAccess ol li a {
  display: block;
  border-left: 1px solid #2b67bf;
  padding: 0 0 15px 10px;
  
}
.rightAccess ol li a:hover {
  color: #000;
}
.rightAccess ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  color: #2b67bf;
  font-size: 20px;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -20px;
  text-align: center;
}
.rightAccess ol li:nth-child(10):before {
  margin-left: -30px;
}
.rightAccessText a {
  font-size: 12px;
  color: #000;
  text-decoration: underline;
}
.rightAccessText a:hover {
  color: #000;
text-decoration: none;	
}
.rightAccessText:before {
	content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: "Font Awesome 5 Free";
font-weight: 900;
  margin-right: 5px;
}

.rightMagazine {
  padding: 10px 0 0 0;
}
.rightWidget,
.leftWidget {
  padding: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  .rightMagazine,
  .rightWidget,
  .leftWidget{
    padding: 0 10px 20px 10px;
  }
}
.rightMagazine .rightMagazineTitle,
.rightWidget .rightWidgetTitle,
.leftWidget .leftWidgetTitle{
  position: relative;
  border-bottom: 3px solid #CCC;
  margin: 0 0 10px 0;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
font-weight:bold;	
}
.rightMagazine .rightMagazineTitle::after,
.rightWidget .rightWidgetTitle::after,
.leftWidget .leftWidgetTitle::after{
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 50%;
  height: 3px;
  background-color: #1177ba;
}
.rightMagazine .rightMagazineTitle span,
.rightWidget .rightWidgetTitle span,
.leftWidget .leftWidgetTitle span{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  letter-spacing: -0.01em;
  color: #666;
}
.rightMagazine .rightMagazineImg {
  margin-bottom: 5px;
}
.rightMagazine .rightMagazineImg img {
  width: 100%;
  height: auto;
}

.rightWidget ul li,
.leftWidget ul li{
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
	color: #333;
}
.rightWidget ul li::before,
.leftWidget ul li::before{
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
}
.rightWidget ul li a,
.leftWidget ul li a{
	color: #333;
}

@media screen and (max-width: 767px) {
  .rightMagazine .rightMagazineImg img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
  }
}
.rightMagazine .rightMagazineLink {
  margin-bottom: 5px;
}
.rightMagazine .rightMagazineLink:before {
  content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: FontAwesome;
  margin-right: 5px;
}
.rightMagazine .rightMagazineLink a {
  font-size: 12px;
  color: #000;
  text-decoration: underline;
}
.rightMagazine .rightMagazineLink a:hover {
  text-decoration: none;
}
.rightMagazine .rightMagazineInfo {
  font-size: 11px;
  color: #666;
}

.rightSpAd2 {
  display: none;
}
@media screen and (max-width: 767px) {
  .rightSpAd2 {
    padding: 20px 0;
    display: block;
  }
  .rightSpAd2 li {
    margin-bottom: 20px;
  }
  .rightSpAd2 li img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

.rightSpLink {
  padding: 0 0 20px 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .rightSpLink {
    display: block;
  }
}
.rightSpLink li {
  margin-bottom: 10px;
}
.rightSpLink li a.rightSpLinkBanner {
  display: table;
  vertical-align: middle;
  width: 250px;
  height: 70px;
  background-color: #2B67BF;
  font-size: 17px;
  margin: 0 auto 2px auto;
  color: #FFF;
}
.rightSpLink li a.rightSpLinkBanner .rightSpLinkBannerLeft {
  display: table-cell;
  vertical-align: middle;
  width: 64px;
  text-align: center;
  font-size: 26px;
}
.rightSpLink li a.rightSpLinkBanner .rightSpLinkBannerRight {
  line-height: 1em;
  padding-top: 2px;
  display: table-cell;
  vertical-align: middle;
  margin-left: 64px;
}
.rightSpLink li a.rightSpLinkBanner .rightSpLinkBannerRight span {
  display: block;
  font-size: 13px;
}
.rightSpLink li a.rightSpLinkBanner .rightSpLinkBannerRight.rightSpLinkBannerRightBig {
  font-size: 20px;
}
.rightSpLink li a.rightSpLinkBanner:hover {
  opacity: 0.7;
  text-decoration: none;
}
.rightSpLink li div.rightSpLinkText {
	width: 250px;
	margin: 0 auto;
	font-size: 12px;
}
.rightSpLink li div.rightSpLinkText span:before {
  content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: FontAwesome;
  margin-right: 5px;
}
.rightSpLink li div.rightSpLinkText a {
  font-size: 12px;
  color: #000;
  text-decoration: underline;
}
.rightSpLink li div.rightSpLinkText a:hover {
  text-decoration: none;
}
.rightSpLink li:last-child {
  margin-bottom: 0;
}

.rightSpBanner {
  display: none;
}
@media screen and (max-width: 767px) {
	.rightSpBanner {
		display: block;
	}
  .rightSpBanner li {
    margin-bottom: 10px;
  }
  .rightSpBanner li img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
  }
}



.rightLink2 {
  float: left;
  width: 250px;
  padding: 25px 0 25px 0;
  display: table-cell;
  vertical-align: middle;
}

.rightLink2 ul li {
  display: block;
  width: 100%;

}

.rightLink2 ul li a {
  display: block;
  color: #FFF;
  font-size: 14px;

}
.rightLink2 ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.rightLink2 ul li:nth-child(1) a {
  background-color: #B7D70B;
  height: 40px;
  margin-bottom: 1px;
  line-height: 40px;
}
.rightLink2 ul li:nth-child(1) a span:before {
  width: 30px;
  display: inline-block;
  text-align: center;
  content: "\f15b";
  color: #FFF;
  font-size: 14px;
  font-family: FontAwesome;
}
.rightLink2 ul li:nth-child(2) a {
  background-color: #009BBF;
  height: 40px;
  margin-bottom: 1px;
  line-height: 40px;
}
.rightLink2 ul li:nth-child(2) a span:before {
  width: 30px;
  display: inline-block;
  text-align: center;
  content: "\f0e0";
  color: #FFF;
  font-size: 14px;
  font-family: FontAwesome;
}

@media screen and (max-width: 767px) {
  .rightLink2 {
    display:  block;
	 width: 100%;  
 
  }
}
/*----------------------------------------
common
----------------------------------------*/
#commonLink {
  margin: 0;
  height: 30px;
  line-height: 30px;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  #commonLink {
    margin: 0 10px;
    height: 36px;
    line-height: 36px;
  }
}
@media screen and (max-width: 767px) {
  #commonLink ul {
    display: none;
  }
}
#commonLink ul li {
  float: left;
}
#commonLink ul li a {
  display: inline-block;
  color: #333;
}
#commonLink ul li a:hover {
  color: #2b67bf;
  text-decoration: none;
}
#commonLink ul li:nth-child(1) {
  width: 164px;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 30px solid #2B67BF;
  color: #FFF;
  padding-left: 15px;
  margin-right: 5px;
  box-sizing: border-box;
}
#commonLink ul li:nth-child(n + 2) {
  padding-left: 0;
  margin-right: 15px;
}
#commonLink ul li:nth-child(n + 2):before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin: 0 5px 0 0;
}
#commonLink ul li.current a {
  color: #2b67bf;
  text-decoration: none;
}
#commonLink .commonLinkSp {
  display: none;
}
@media screen and (max-width: 767px) {
  #commonLink .commonLinkSp {
    display: block;
  }
  #commonLink .commonLinkSp .commonLinkSpTitle {
    float: left;
    width: 130px;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 36px solid #2B67BF;
    color: #FFF;
    padding-left: 10px;
    margin-right: 5px;
    box-sizing: border-box;
  }
  #commonLink .commonLinkSp .commonLinkSpSelect {
    margin-left: 120px;
    padding-right: 5px;
    line-height: 34px;
    text-align: right;
  }
  #commonLink .commonLinkSp .commonLinkSpSelect select {
    max-width: 200px;
    width: 90%;
    padding: 0 10px;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0 auto 0 0;
    border: 1px solid #C6DADE;
    border-radius: 2px;
    background-color: #FFF;
    height: 28px;
    line-height: 28px;
    color: #333;
  }
}

#commonBreadcrumb {
  margin: 0 0 10px 0;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #commonBreadcrumb {
    padding: 10px 0 0 0;
  }
    .breadcrumb-section {
        display: none;
    }
}
#commonBreadcrumb ul li {
  padding-right: 5px;
  float: left;
}
#commonBreadcrumb ul li:nth-child(n + 2):before {
  content: "＞";
  color: #666;
  font-size: 12px;
  font-family: FontAwesome;
  margin: 0 5px 0 0;
}

#commonTag {
  margin: 0 0 10px 0;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #commonTag {
    margin: 0;
    padding: 10px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  #commonTag ul {
    display: none;
  }
}
#commonTag ul li {
  float: left;
  margin: 0 1px 1px 0;
  min-width: 72px;
  box-sizing: border-box;
  text-align: center;
  background-color: #F2F2F2;
  height: 25px;
  line-height: 25px;
}
#commonTag ul li a {
  display: block;
  color: #333;
  padding: 0 10px;
}
#commonTag ul li a:hover {
  background-color: #5A83D6;
  color: #FFF;
  text-decoration: none;
}
#commonTag ul li.current {
  background-color: #2B67BF;
  color: #FFF;
}
#commonTag ul li.current a {
  display: block;
  color: #FFF;
}
#commonTag .commonTagSp {
  display: none;
}
@media screen and (max-width: 767px) {
  #commonTag .commonTagSp {
    display: block;
    padding-right: 5px;
    line-height: 34px;
    text-align: center;
  }
  #commonTag .commonTagSp select {
    width: 200px;
    padding: 0 10px;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #C6DADE;
    border-radius: 2px;
    background-color: #FFF;
    height: 28px;
    line-height: 28px;
    color: #333;
  }
}

.commonYear {
  margin: 0 0 10px 0;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .commonYear {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .commonYear ul {
    display: none;
  }
}
.commonYear ul li {
  float: left;
  margin: 0 1px 1px 0;
  min-width: 72px;
  box-sizing: border-box;
  text-align: center;
  background-color: #F2F2F2;
  height: 25px;
  line-height: 25px;
}
.commonYear ul li a {
  display: block;
  color: #333;
  padding: 0 10px;
}
.commonYear ul li a:hover {
  background-color: #5A83D6;
  color: #FFF;
  text-decoration: none;
}
.commonYear ul li.current {
  background-color: #5A83D6;
  color: #FFF;
}
.commonYear ul li.current a {
  display: block;
  color: #FFF;
}
.commonYear .commonYearSp {
  display: none;
}
@media screen and (max-width: 767px) {
  .commonYear .commonYearSp {
    display: block;
    padding-right: 5px;
    line-height: 34px;
    text-align: center;
  }
  .commonYear .commonYearSp select {
    width: 200px;
    padding: 0 10px;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #C6DADE;
    border-radius: 2px;
    background-color: #FFF;
    height: 28px;
    line-height: 28px;
    color: #333;
  }
}

h1.commonTitle,
div.commonTitle{
  position: relative;
  margin: 0 0 25px 0;
  font-size: 21px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  background-color: #E7EEFC;
  padding: 0 0 0 65px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  h1.commonTitle,
	div.commonTitle{
    margin: 0 0 20px 0;
  }
}
h1.commonTitle i,
div.commonTitle i {
  position: absolute;
  top: -4px;
  left: 6px;
  color: #FFF;
  font-size: 24px;
  width: 54px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: url(../images/top_section03_bg.png) no-repeat center right;
  background-size: 50px 45px;
}
h1.commonTitle span,
div.commonTitle span {
  overflow: hidden;
  display: inline-block;
  height: 45px;
}

h2.commonTitle {
  box-sizing: border-box;
  border-left: 10px solid #2B67BF;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0 10px 10px;
  background-color: #E7EEFC;
  margin: 0 0 25px 0;
}
@media screen and (max-width: 767px) {
  h2.commonTitle {
    margin: 0 0 20px 0;
  }
}

.commonList {
  margin: 0 0 30px 0;
  width: 100%;
}
.commonList ul li {
  padding-left: 2em;
  text-indent: -2em;
  margin-bottom: 5px;
}
.commonList ul li:last-child {
  margin-bottom: 0;
}
.commonList ul li:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 1em;
}
.commonList ul li.end1 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}
.commonList ul li a {
  color: #333;
}
.commonList ul li a span {
  text-indent: 0em;
  padding-left: 0em;
}
.commonList ul li a span.iconNew {
  display: inline-block;
  font-size: 100%;
  color: #D0232C;
  text-align: center;
}
.commonList ul li a span.iconEnd {
  display: inline-block;
  font-size: 100%;
  color: #999;
  text-align: center;
}

.commonListDate {
  margin: 0 0 30px 0;
  width: 100%;
}
.commonListDate ul li {
  margin-bottom: 5px;
}
.commonListDate ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .commonListDate ul li {
    margin-bottom: 10px;
  }
}
.commonListDate ul li a {
  color: #333;
}
.commonListDate ul li a .commonListDateLeft {
  float: left;
  width: 150px;
  position: relative;
}
.commonListDate ul li a .commonListDateLeft:after {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: FontAwesome;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .commonListDate ul li a .commonListDateLeft {
    float: none;
    width: 100%;
  }
  .commonListDate ul li a .commonListDateLeft:after {
    content: "";
  }
}
.commonListDate ul li a .commonListDateRight {
  margin-left: 150px;
}
.commonListDate ul li a .commonListDateRight span.iconNew {
  display: inline-block;
  font-size: 100%;
  color: #D0232C;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .commonListDate ul li a .commonListDateRight {
    margin-left: 0;
    text-indent: -1.2em;
    padding-left: 1.2em;
  }
  .commonListDate ul li a .commonListDateRight:before {
    content: "\f144";
    color: #14A6DA;
    font-size: 14px;
    font-family: FontAwesome;
    margin-right: 0.4em;
  }
  .commonListDate ul li a .commonListDateRight span {
    text-indent: 0em;
    padding-left: 0em;
  }
}

.commonAnchor {
  margin: 0 0 20px 0;
}
.commonAnchor ul li {
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .commonAnchor {
    display: none;
  }
}

/*ページャー*/
.commonPager{
    text-align: center;
}
a.page-numbers,
.commonPager .current{
    background: #fff;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
.commonPager .current{
    background: #5A83D6;
    border: solid 1px #ccc;
    color: #fff;
}
.commonPager  a:hover,
.commonPager span:hover{
  color: #FFF;
  text-decoration: none;
  background-color: #5A83D6;
}

#commonAd {
  margin: 0 0 35px 0;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

/*----------------------------------------
top
----------------------------------------*/
#topSection01 {
  margin: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
    #topSection01 {
        margin-bottom: 10px;
    }
}
#topSection01 .topSection01Top {
  width: 100%;
  background: url(../images/top_bg01.png) repeat center center;
  background-size: 6px 6px;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 20px 0;
}
#topSection01 .topSection01Top .topSection01TopInner {
  width: 100%;
  background-color: #FFF;
  box-sizing: border-box;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  #topSection01 .topSection01Top .topSection01TopInner {
    padding: 10px;
  }
}
#topSection01 .topSection01Top .topSection01TopInner ul li {
  margin-bottom: 5px;
}
#topSection01 .topSection01Top .topSection01TopInner ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #topSection01 .topSection01Top .topSection01TopInner ul li {
    margin-bottom: 10px;
  }
}
#topSection01 .topSection01Top .topSection01TopInner ul li a {
  color: #333;
}
#topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopLeft {
  float: left;
  width: 150px;
  position: relative;
}
#topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopLeft:after {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: FontAwesome;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopLeft {
    float: none;
    width: 100%;
  }
  #topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopLeft:after {
    content: "";
  }
}
#topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopRight {
  margin-left: 150px;
}
#topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopRight span.iconNew {
  display: inline-block;
  font-size: 100%;
  color: #D0232C;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopRight {
    margin-left: 0;
    text-indent: -1.2em;
    padding-left: 1.2em;
  }
  #topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopRight:before {
    content: "\f144";
    color: #14A6DA;
    font-size: 14px;
    font-family: FontAwesome;
    margin-right: 0;
  }
  #topSection01 .topSection01Top .topSection01TopInner ul li a .topSection01TopRight span {
    text-indent: 0em;
    padding-left: 0em;
  }
}
#topSection01 .topSection01Bottom ul li {
  position: relative;
  float: left;
  width: 207px;
  margin-right: 20px;
}
#topSection01 .topSection01Bottom ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  #topSection01 .topSection01Bottom ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}
#topSection01 .topSection01Bottom ul li a {
  color: #333;
}
#topSection01 .topSection01Bottom ul li a .topSection01BottomTag {
  /*position: absolute;*/
	margin-bottom: 7px;
  top: 0;
  left: -4px;
  z-index: 2;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  padding: 0 8px;
  height: 23px;
  line-height: 23px;
  background-color: #2B67BF;
}
#topSection01 .topSection01Bottom ul li a .topSection01BottomImg {
	margin-bottom: 8px;
	max-height: 138px;
	overflow: hidden;
}
#topSection01 .topSection01Bottom ul li a .topSection01BottomImg img {
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
    #topSection01 .topSection01Bottom ul li a .topSection01BottomWrap {
        display: table;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
        padding-bottom: 0.7em;
    }
	#topSection01 .topSection01Bottom ul li a .topSection01BottomTag {
		display: none;
	}
	#topSection01 .topSection01Bottom ul li a .topSection01BottomImg {
		max-height: inherit;
        width: 140px;
        margin-bottom: 0;
        display: block;
        vertical-align: middle;
        max-height: 138px;
        overflow: hidden;
	}
  #topSection01 .topSection01Bottom ul li a .topSection01BottomImg img {
	  width: 100%;
	  height: auto;
  }
}
#topSection01 .topSection01Bottom ul li a .topSection01BottomDate {
  margin-bottom: 5px;
  line-height: 1em;
  font-size: 14px;
}
#topSection01 .topSection01Bottom ul li a .topSection01BottomDate:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 5px;
}
#topSection01 .topSection01Bottom ul li a .topSection01BottomInfo {
  line-height: 1.2em;
}
#topSection01 .topSection01Bottom ul li a .topSection01BottomInfo .date {
    display: none;
}

#topSection02 {
  margin: 0 0 30px 0;
}
#topSection02 .topSection02Title {
  position: relative;
  border-bottom: 3px solid #CCC;
  margin: 0 0 15px 0;
  font-size: 21px;
  height: 40px;
  line-height: 40px;
}
#topSection02 .topSection02Title::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 200px;
  height: 3px;
  background-color: #1177ba;
}
@media screen and (max-width: 767px) {
  #topSection02 .topSection02Title::after {
    width: 45%;
  }
	#topSection01 .topSection01Bottom ul li a .topSection01BottomDate {
		display: none;
	}
	#topSection01 .topSection01Bottom ul li a .topSection01BottomInfo {
		margin-left: 0;
		margin-right: 0;
        padding-left: 3%;
        width: calc(100% - 150px);
        line-height: 1.4em;
        display: table-cell;
        vertical-align: middle;
        font-size: 110%;
	}
    #topSection01 .topSection01Bottom ul li a .topSection01BottomInfo .date {
        display: block;
        text-align: right;
        font-size: 12px;
    }
    #topSection01 .topSection01Bottom ul li a .topSection01BottomDate:before {
        display: none;
    }
}
#topSection02 .topSection02Title a {
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-decoration: none;
}
#topSection02 .topSection02Title a span {
  text-decoration: underline;
  color: #666;
}
#topSection02 .topSection02Title a:before {
  content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: FontAwesome;
  margin-right: 5px;
  text-decoration: none;
}
#topSection02 .topSection02Title a:hover span {
  text-decoration: none;
}
#topSection02 .topSection02List {
  width: 100%;
}
#topSection02 .topSection02List ul li {
  margin-bottom: 5px;
}
#topSection02 .topSection02List ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    #topSection02 .topSection02Title a {
        display: none;
    }
  #topSection02 .topSection02List ul li {
      border-bottom: 1px solid #ccc;
      padding-bottom: 0.7em;
      margin-bottom: 1em;
  }
}
#topSection02 .topSection02List ul li a {
  color: #333;
}
#topSection02 .topSection02List ul li a .topSection02ListLeft {
  float: left;
  width: 150px;
  position: relative;
}
#topSection02 .topSection02List ul li a .topSection02ListLeft:after {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: FontAwesome;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #topSection02 .topSection02List ul li a .topSection02ListLeft {
      display: none;
  }
  #topSection02 .topSection02List ul li a .topSection02ListLeft:after {
    content: "";
  }
}
#topSection02 .topSection02List ul li a .topSection02ListRight {
  margin-left: 150px;
}
#topSection02 .topSection02List ul li a .topSection02ListRight .thumb {
    display: none;
}
#topSection02 .topSection02List ul li a .topSection02ListRight .text .date {
    display: none;
}
#topSection02 .topSection02List ul li a .topSection02ListRight span.iconNew {
  display: inline-block;
  font-size: 100%;
  color: #D0232C;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #topSection02 .topSection02List ul li a .topSection02ListRight {
    margin-left: 0;
    text-indent: 0;
    padding-left: 0;
      display: table;
  }
  #topSection02 .topSection02List ul li a .topSection02ListRight:before {
    content: none;
  }
  #topSection02 .topSection02List ul li a .topSection02ListRight span {
    text-indent: 0em;
    padding-left: 0em;
  }
    #topSection02 .topSection02List ul li a .topSection02ListRight .thumb {
        display: block;
        vertical-align: middle;
        width: 140px;
        max-height: 138px;
        overflow: hidden;
    }
    #topSection02 .topSection02List ul li a .topSection02ListRight .thumb img {
        width: 100%;
        height: auto;
    }
    #topSection02 .topSection02List ul li a .topSection02ListRight .text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 3%;
        width: calc(100% - 150px);
        line-height: 1.4em;
        font-size: 110%;
    }
    #topSection02 .topSection02List ul li a .topSection02ListRight .text .date {
        display: block;
        text-align: right;
        font-size: 12px;
    }
}

#topSection03 .topSection03Box {
  margin: 0 0 30px 0;
}
#topSection03 .topSection03Box .topSection03Title {
  position: relative;
  margin: 0 0 15px 0;
  font-size: 21px;
  height: 45px;
  line-height: 45px;
  background-color: #E7EEFC;
  padding: 0 0 0 65px;
  box-sizing: border-box;
}
.archive #topSection03 .topSection03Box .topSection03Title,
.single #topSection03 .topSection03Box .topSection03Title {
  font-weight: bold;
}
.yarpp-related a {
  font-weight: normal !important;
}
@media screen and (max-width: 767px) {
  #topSection03 .topSection03Box .topSection03Title {
    margin: 0 0 20px 0;
  }
}
#topSection03 .topSection03Box .topSection03Title i {
  position: absolute;
  top: -4px;
  left: 6px;
  color: #FFF;
  font-size: 24px;
  width: 54px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: url(../images/top_section03_bg.png) no-repeat center right;
  background-size: 50px 45px;
}
#topSection03 .topSection03Box .topSection03Title a {
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 10px;
  display: inline-block;
  text-decoration: none;
}
#topSection03 .topSection03Box .topSection03Title a span {
  text-decoration: underline;
  color: #666;
}
#topSection03 .topSection03Box .topSection03Title a:before {
  content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: FontAwesome;
  margin-right: 5px;
  text-decoration: none;
}
#topSection03 .topSection03Box .topSection03Title a:hover span {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #topSection03 .topSection03Box .topSection03Title a {
    /*top: auto;
    bottom: -38px;
    right: 0;*/
      display: none;
  }
}
#topSection03 .topSection03Box .topSection03List {
  width: 100%;
}
#topSection03 .topSection03Box .topSection03List ul li {
  margin-bottom: 5px;
}
#topSection03 .topSection03Box .topSection03List ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #topSection03 .topSection03Box .topSection03List ul li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.7em;
    margin-bottom: 1em;
  }
}
#topSection03 .topSection03Box .topSection03List ul li a {
  color: #333;
}
#topSection03 .topSection03Box .topSection03List ul li a .topSection03ListLeft {
  float: left;
  width: 150px;
  position: relative;
}
#topSection03 .topSection03Box .topSection03List ul li a .topSection03ListLeft:after {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: FontAwesome;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListLeft {
      display: none;
  }
  #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListLeft:after {
    content: "";
  }
}
#topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight {
  margin-left: 150px;
}
#topSection03 .topSection03List ul li a .topSection03ListRight .thumb {
    display: none;
}
#topSection03 .topSection03List ul li a .topSection03ListRight .text .date {
    display: none;
}
#topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight span.iconNew {
  display: inline-block;
  font-size: 100%;
  color: #D0232C;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight {
    margin-left: 0;
    text-indent: 0;
    padding-left: 0;
      display: table;
  }
  #topSection03 .topSection03Box.newest_seminar .topSection03List ul li a .topSection03ListRight {
    width: 100%;
  }
  #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight:before {
    content: none;
  }
  #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight span {
    text-indent: 0em;
    padding-left: 0em;
  }
    #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight .thumb {
        display: block;
        width: 140px;
        max-height: 138px;
        overflow: hidden;
    }
    #topSection03 .topSection03Box .topSection03List.committee ul li a .topSection03ListRight .thumb {
        display: none;
    }
    #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight .thumb img {
        width: 100%;
        height: auto;
    }
    #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight .text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 3%;
        width: calc(100% - 150px);
        font-size: 110%;
    }
  #topSection03 .topSection03Box.newest_seminar .topSection03List ul li a .topSection03ListRight .text {
    width: 97%;
  }
    #topSection03 .topSection03Box .topSection03List ul li a .topSection03ListRight .text .date {
        display: block;
        text-align: right;
        font-size: 12px;
    }
}
#topSection03 .topSection03Ad {
  margin: 0 0 35px 0;
}

/*bottomLinkSp*/
.bottomLinkSp {
    display: none;
}
@media screen and (max-width: 767px) {
    .bottomLinkSp {
        display: block;
        position: relative;
        margin: 10px 0 50px;
    }
    .bottomLinkSp a {
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        text-decoration: none;
    }
    .bottomLinkSp a span {
        text-decoration: underline;
        color: #666;
    }
    .bottomLinkSp a::before {
        content: "\f054";
        color: #1177ba;
        font-size: 12px;
        position: relative;
        font-family: FontAwesome;
        margin-right: 5px;
        text-decoration: none
    }
    .bottomLinkSp a:hover span {
        text-decoration: none;
    }
}

/*----------------------------------------
seminar
----------------------------------------*/
#seminar p {
  margin: 0 0 30px 0;
}
#seminar .commonList ul li {
	margin-bottom: 10px;
	line-height: 1.6em;
	font-weight: bold;
}
#seminar .commonList ul li.fnt_normal {
	font-weight: normal;
}

/*----------------------------------------
boshu
----------------------------------------*/
#boshu p {
  margin: 0 0 30px 0;
}
#boshu .commonList ul li {
	margin-bottom: 10px;
	line-height: 1.6em;
	font-weight: bold;
}
#boshu .commonList ul li.fnt_normal {
	font-weight: normal;
}

/*----------------------------------------
committee
----------------------------------------*/
#committee p {
  margin: 0 0 30px 0;
}

/*----------------------------------------
greeting
----------------------------------------*/
.greetingList {
  margin: 0 0 30px 0;
}
.greetingList ul li {
  float: left;
  width: 50%;
  padding: 0 20px 20px 10px;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 767px) {
  .greetingList ul li {
    float: none;
    width: 100%;
    padding: 0 0 20px 10px;
  }
}
.greetingList ul li .greetingListLeft {
  float: left;
  width: 124px;
}
.greetingList ul li .greetingListLeft img {
	/*width: 100%;*/
	height: auto;
}
.greetingList ul li .greetingListRight {
  margin-left: 124px;
}
.greetingList ul li .greetingListRight .greetingListTag {
  margin: 0 0 10px 0;
  display: inline-block;
  line-height: 1.2em;
  font-size: 14px;
  color: #FFF;
  background-color: #2B67BF;
  padding: 5px;
}
.greetingList ul li .greetingListRight .greetingListName {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.greetingList ul li .greetingListRight .greetingListInfo {
  font-size: 18px;
  color: #333;
}

.greetingPost {
  margin: 0 0 30px 0;
}
.greetingPost .greetingPostTag {
  display: inline-block;
  color: #FFF;
  padding: 5px 10px;
  background-color: #2B67BF;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
  .greetingPost .greetingPostTag {
    margin: 0 0 10px 0;
  }
}
.greetingPost h1 {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.1em;
}
.greetingPost .greetingPostName {
  display: block;
  text-align: right;
  font-size: 18px;
  position: relative;
  border-bottom: 3px solid #CCC;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
}
.greetingPost .greetingPostName::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 50%;
  height: 3px;
  background-color: #1177ba;
}
.greetingPost .greetingPostMain p {
  margin-bottom: 0 0 10px 0;
  text-indent: 1em;
  line-height: 1.6em;
  font-size: 16px;
}
.greetingPost .greetingPostMain p.greetingPostMainDate {
  text-align: right;
  font-size: 14px;
}
.greetingPostDate {
	text-align: right;
	margin-top: 5px;
}

/*----------------------------------------
edu
----------------------------------------*/
.eduTopList {
  margin: 0 0 10px 0;
}
.eduTopList ul li {
  position: relative;
  float: left;
  width: 207px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.eduTopList ul li:nth-child(3) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .eduTopList ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .eduTopList ul li .eduTopListLeft {
    float: left;
    width: 140px;
    margin-right: 10px;
    line-height: 0;
    font-size: 1px;
  }
  .eduTopList ul li .eduTopListLeft img {
    width: 100%;
    height: auto;
  }
  .eduTopList ul li .eduTopListRight {
    margin-left: 150px;
    padding: 0 20px 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .eduTopList ul li .eduTopListRight {
    padding: 0;
  }
}

.eduTopList ul li a {
  color: #333;
}
.eduTopList ul li a .eduTopListTag {
  position: absolute;
  top: 15px;
  left: -4px;
  z-index: 2;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  padding: 0 8px;
  height: 23px;
  line-height: 23px;
  background-color: #2B67BF;
}
.eduTopList ul li a .eduTopListImg {
	margin-bottom: 8px;
	max-height: 138px;
	overflow: hidden;
}
.eduTopList ul li a .eduTopListImg img {
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .eduTopList ul li a .eduTopListImg {
    margin-bottom: 0;
  }
  .eduTopList ul li a .eduTopListImg img {
    width: 100%;
    height: auto;
  }
}
.eduTopList ul li a .eduTopListDate {
  margin-bottom: 5px;
  line-height: 1em;
  font-size: 14px;
}
.eduTopList ul li a .eduTopListDate:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 5px;
}
.eduTopList ul li a .eduTopListInfo {
  line-height: 1.2em;
}
.eduTopList ul li:nth-child(n+4) {
  float: left;
  width: 50%;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .eduTopList ul li:nth-child(n+4) {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.eduTopList ul li:nth-child(n+4) .eduTopListLeft {
  float: left;
  width: 140px;
  margin-right: 10px;
  line-height: 0;
  font-size: 1px;
}
.eduTopList ul li:nth-child(n+4) .eduTopListLeft img {
  width: 100%;
  height: auto;
}
.eduTopList ul li:nth-child(n+4) .eduTopListRight {
  margin-left: 150px;
  padding: 0 20px 0 0;
}
@media screen and (max-width: 767px) {
  .eduTopList ul li:nth-child(n+4) .eduTopListRight {
    padding: 0;
  }
}

.eduPostRelationList {
  margin: 0 0 10px 0;
}
.eduPostRelationList ul li {
  position: relative;
  float: left;
  width: 50%;
  margin-right: 0;
  margin-bottom: 20px;
  float: left;
}
@media screen and (max-width: 767px) {
  .eduPostRelationList ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.eduPostRelationList ul li .eduPostRelationListLeft {
  float: left;
  width: 140px;
  margin-right: 10px;
  line-height: 0;
  font-size: 1px;
}
.eduPostRelationList ul li .eduPostRelationListLeft img {
  width: 100%;
  height: auto;
}
.eduPostRelationList ul li .eduPostRelationListRight {
  margin-left: 150px;
  padding: 0 20px 0 0;
}
@media screen and (max-width: 767px) {
  .eduPostRelationList ul li .eduPostRelationListRight {
    padding: 0;
  }
}
.eduPostRelationList ul li a {
  color: #333;
}
.eduPostRelationList ul li a .eduPostRelationListTag {
  position: absolute;
  top: 15px;
  left: -4px;
  z-index: 2;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  padding: 0 8px;
  height: 23px;
  line-height: 23px;
  background-color: #2B67BF;
}
.eduPostRelationList ul li a .eduPostRelationListImg {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .eduPostRelationList ul li a .eduPostRelationListImg {
      margin-bottom: 0;
      max-height: 138px;
      overflow: hidden;
  }
  .eduPostRelationList ul li a .eduPostRelationListImg img {
    width: 100%;
    height: auto;
  }
}
.eduPostRelationList ul li a .eduPostRelationListDate {
  margin-bottom: 5px;
  line-height: 1em;
  font-size: 14px;
}
.eduPostRelationList ul li a .eduPostRelationListDate:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 5px;
}
.eduPostRelationList ul li a .eduPostRelationListInfo {
  line-height: 1.2em;
}

.eduPostNews {
  margin: 0 0 30px 0;
}
.eduPostNews .eduPostNewsTitle,
#eduBottom .eduPostNewsTitle {
  position: relative;
  border-bottom: 3px solid #CCC;
  margin: 0 0 15px 0;
  font-size: 21px;
  height: 40px;
  line-height: 40px;
}
.eduPostNews .eduPostNewsTitle::after,
#eduBottom .eduPostNewsTitle::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 200px;
  height: 3px;
  background-color: #1177ba;
}
@media screen and (max-width: 767px) {
  .eduPostNews .eduPostNewsTitle::after,
  #eduBottom .eduPostNewsTitle::after {
    width: 45%;
  }
}
.eduPostNews .eduPostNewsTitle a {
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-decoration: none;
}
.eduPostNews .eduPostNewsTitle a span {
  text-decoration: underline;
  color: #666;
}
.eduPostNews .eduPostNewsTitle a:before {
  content: "\f054";
  color: #1177ba;
  font-size: 12px;
  position: relative;
  font-family: FontAwesome;
  margin-right: 5px;
  text-decoration: none;
}
.eduPostNews .eduPostNewsTitle a:hover span {
  text-decoration: none;
}
.eduPostNews .eduPostNewsList {
  width: 100%;
}
.eduPostNews .eduPostNewsList ul li {
  margin-bottom: 5px;
}
.eduPostNews .eduPostNewsList ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .eduPostNews .eduPostNewsList ul li {
    margin-bottom: 10px;
  }
}
.eduPostNews .eduPostNewsList ul li a {
  color: #333;
}
.eduPostNews .eduPostNewsList ul li a .eduPostNewsListLeft {
  float: left;
  width: 150px;
  position: relative;
}
.eduPostNews .eduPostNewsList ul li a .eduPostNewsListLeft:after {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: FontAwesome;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .eduPostNews .eduPostNewsList ul li a .eduPostNewsListLeft {
    float: none;
    width: 100%;
  }
  .eduPostNews .eduPostNewsList ul li a .eduPostNewsListLeft:after {
    content: "";
  }
}
.eduPostNews .eduPostNewsList ul li a .eduPostNewsListRight {
  margin-left: 150px;
}
.eduPostNews .eduPostNewsList ul li a .eduPostNewsListRight span.iconNew {
  display: inline-block;
  font-size: 100%;
  color: #D0232C;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .eduPostNews .eduPostNewsList ul li a .eduPostNewsListRight {
    margin-left: 0;
    text-indent: -1.2em;
    padding-left: 1.2em;
  }
  .eduPostNews .eduPostNewsList ul li a .eduPostNewsListRight:before {
    content: "\f144";
    color: #14A6DA;
    font-size: 14px;
    font-family: FontAwesome;
    margin-right: 0.4em;
  }
  .eduPostNews .eduPostNewsList ul li a .eduPostNewsListRight span {
    text-indent: 0em;
    padding-left: 0em;
  }
}

.eduPost {
  margin: 0 0 30px 0;
}
.eduPost h1 {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.1em;
  display: block;
  position: relative;
  border-bottom: 3px solid #CCC;
  padding: 0 0 10px 0;
  margin: 0 0 5px 0;
}
.eduPost h1::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 50%;
  height: 3px;
  background-color: #1177ba;
}
.eduPost h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1em;
  display: block;
  border-left: 5px solid #1177ba;
  border-bottom: 1px solid #CCC;
  padding: 5px 0 10px 12px;
  margin: 30px 0 20px 0;
	clear: both;
}
.eduPost h2.gray {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1em;
  display: block;
  border-left: none;
  border-bottom: none;
  padding: 10px 0 10px;
  margin: 30px 0 20px 0;
	text-align: center;
	background-color: #eee;
	clear: both;
}
.eduPost h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3em;
  display: block;
  border-bottom: 2px solid #ddd;
  padding: 0 0 10px 0;
  margin: 30px 0 20px 0;
	clear: both;
}
.eduPost h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1em;
  display: block;
  border-bottom: 1px solid #CCC;
  padding: 0 0 10px 0;
  margin: 30px 0 20px 0;
	clear: both;
}
.eduPost h4.noline {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1em;
  display: block;
  border-bottom: none;
  padding: 0;
  margin: 30px 0 20px 0;
	clear: both;
}
.eduPost h5 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1em;
  display: block;
  padding: 0 0 0 0;
  margin: 30px 0 20px 0;
	clear: both;
}

.eduPost .eduPostDate {
  margin: 0 0 15px 0;
  text-align: right;
}
.eduPost .eduPostSpecial {
	margin-bottom: 20px;
}
.eduPost .eduPostSpecial span {
	border: 1px solid #000;
	padding: 5px;
}
.eduPost.pages .eduPostMain {
	margin-top: 30px;
}
.eduPost .eduPostMain p {
  margin: 0 0 10px 0;
  text-indent: 1em;
  line-height: 1.6em;
  font-size: 16px;
}
.eduPost.pages .eduPostMain p {
	text-indent: 0;
}

.eduPost .eduPostMain p.wp-caption-text {
	text-indent: 0;
	margin-top: 5px;
	line-height: 1.4em;
	font-size: 14px;
}
.eduPost .eduPostMain img {
  max-width: 100%;
  height: auto;
}
.eduPost .square {
	margin-bottom: 20px;
}
.eduPost .square span {
	border: 1px solid #000;
	padding: 5px;
}
.eduPost .eduPostMain p.noindent {
	text-indent: 0;
}
.eduPost .eduPostMain ol {
	font-size: 16px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.eduPost .eduPostMain ol li {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 10px;
}
.eduPost .eduPostMain ul {
	font-size: 16px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.eduPost .eduPostMain ul li {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 10px;
}
.eduPost .left_box {
	float: left;
	width: 260px;
	margin: 0 20px 10px 0;
	border: 1px solid #ccc;
	padding: 0 20px 10px;
	border-radius: 10px;
}
.eduPost .left_box p {
	font-size: 13px !important;
}
@media screen and (max-width: 767px) {
	.eduPost .left_box {
		float: none;
		width: calc(100% - 40px);
		margin: 0 0 10px 0;
	}
}

.eduPost .eduPostMain.seminar p {
	text-indent: 0;
	margin-bottom: 5px;
}

.eduPost .eduPostMain.boshu p {
	text-indent: 0;
	margin-bottom: 5px;
}
	
.eduPost .eduPostMain.seminar p a.application {
	background: #ffb76b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffb76b 0%, #ff7f04 100%);
	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ff7f04 100%);
	background: linear-gradient(to bottom,  #ffb76b 0%,#ff7f04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
	
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 15px;
	border-radius: 5px;
}
.eduPost .eduPostMain.boshu p a.application {
	background: #ffb76b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffb76b 0%, #ff7f04 100%);
	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ff7f04 100%);
	background: linear-gradient(to bottom,  #ffb76b 0%,#ff7f04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
	
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 15px;
	border-radius: 5px;
}
.eduPost .eduPostMain.seminar p a.application:hover {
	background: #ff670f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjcwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY3MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff670f 0%, #ff670f 100%);
	background: -webkit-linear-gradient(top,  #ff670f 0%,#ff670f 100%);
	background: linear-gradient(to bottom,  #ff670f 0%,#ff670f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 );
}
.eduPost .eduPostMain.boshu p a.application:hover {
	background: #ff670f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjcwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY3MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff670f 0%, #ff670f 100%);
	background: -webkit-linear-gradient(top,  #ff670f 0%,#ff670f 100%);
	background: linear-gradient(to bottom,  #ff670f 0%,#ff670f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 );
}

.eduPost .eduPostMain.boshu .date {
	font-weight: bold;
	background-color: #eee;
	padding: 10px;
	line-height: 1em;
	font-size: 18px;
	margin: 30px 0 20px 0;
}
.eduPost .eduPostMain.seminar .date {
	font-weight: bold;
	background-color: #eee;
	padding: 10px;
	line-height: 1em;
	font-size: 18px;
	margin: 30px 0 20px 0;
}

table.seminar_info th {
	text-align: left;
	width: 12%;
	font-size: 16px;
}
table.seminar_info td {
	width: 88%;
}


table.seminar_schedule {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	margin-bottom: 20px;
}
table.seminar_schedule th {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	background-color: #d8f5ff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
	white-space: nowrap;
}
table.seminar_schedule td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}
.eduPost .eduPostMain.seminar table.seminar_schedule td p {
	margin: 0; padding: 0;
	line-height: 1.4em;
}

.eduPost .eduPostMain.seminar .seminar_text {
	margin-bottom: 30px;
}
.eduPost .eduPostMain.seminar ul {
	font-size: 16px;
}
.eduPost .eduPostMain.seminar ul li {
	margin-bottom: 7px;
}

.eduPost .eduPostMain.seminar p a.btn-square-org {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
  width: 100px;
}

.eduPost .eduPostMain.seminar p a.btn-square-org:hover {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
  opacity:0.5;
}


.eduPost .eduPostMain.seminar p a.btn-square-blue {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #1e90ff;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #4682b4;/*線色*/
  width: 100px;
}

.eduPost .eduPostMain.seminar p a.btn-square-blue:hover {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
  opacity:0.5;
}

.eduPost .eduPostMain.seminar p a.btn-square-gray {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #999999;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(204,204,204,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #7F7F7F;/*線色*/
  width: 100px;
}

.eduPost .eduPostMain.seminar p a.btn-square-gray:hover {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
  opacity:0.5;
}

.eduPost .eduPostMain.seminar h3.midashi {
  position: relative;
  padding: 0.3em 0.5em;
  background: -webkit-linear-gradient(to right, rgb(255,101,50), #FF6532);
  background: linear-gradient(to right, rgb(255,101,50), #FF6532);
  color: #fff;
}
.eduPost .eduPostMain.boshu h3.midashi {
  position: relative;
  padding: 0.3em 0.5em;
  background: -webkit-linear-gradient(to right, rgb(255,101,50), #FF6532);
  background: linear-gradient(to right, rgb(255,101,50), #FF6532);
  color: #fff;
}

.sankaku{
    content: "\f144";
    color: #14A6DA;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    font-family: FontAwesome;
    margin-right: 10px;}
	.my-skyblue {color: skyblue}

/*お問い合わせ*/

table.contact {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 16px;
	width: 100%;
}
table.contact th,
table.contact td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}
table.contact th {
	white-space: nowrap;
	background-color: aliceblue;
	text-align: left;
	vertical-align: middle;
}
table.contact input[type=text],
table.contact input[type=email],
table.contact textarea{
	font-size: 16px;
	padding: 5px;
	width: 80%;
}
table.contact input[type=text],
table.contact input[type=email] {
	height: 20px;
}
.button {
	text-align: center;
	margin: 20px 0;
}
.button input {
    padding: 15px 40px;
    font-size: 18px;
    background-color: #2B67BF;
    color: #fff;
    border-style: none;
}
.button input.back {
    padding: 15px 40px;
    font-size: 18px;
    background-color: #999;
    color: #fff;
    border-style: none;
}
span.red {
	font-weight: bold;
	color: red;
}

@media screen and (max-width: 767px) {
	table.contact th,
	table.contact td {
		display: block;
		width: calc(100% - 20px);
	}
}

/*会社概要*/

.corporate_box {
	background-color: aliceblue;
	padding: 20px;
	margin: 20px 0;
}
.corporate_box:after {
  content: "";
  display: table;
  clear: both;
}
.corporate_box_left {
	float: left;
	width: 48%;
}
.corporate_box_right {
	float: right;
	width: 48%;
}
.corporate_box_right strong {
	color: #C00;
}

@media screen and (max-width: 767px) {
	.corporate_box_left,
	.corporate_box_right{
		float: none;
		width: 100%;
	}
	.corporate_box_left {
		margin-bottom: 20px;
	}
}

/*ニュースリリース投稿*/

.tbl_txt {
	font-size: 13px; line-height: 1.4em;
}

.page-id-242 table.contact th {
	width: 27%;
	white-space: normal;
}
.page-id-242 table.contact td {
	width: 73%;
}

/*読者専用ページ*/
.backnumberTitle {
  position: relative;
  border-bottom: 3px solid #CCC;
  margin: 0 0 15px 0;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
}
.backnumberTitle::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 50%;
  height: 3px;
  background-color: #1177ba;
}
ul.backnumber li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
ul.backnumber li a span:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 5px;
}
.post-type-archive-post_premium p.msg,
.tax-premium p.msg{
	padding: 10px;
	background-color: darkcyan;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
div.row:after {
  content: "";
  display: table;
  clear: both;
}
.column_left {
	float: left;
	width: 49%;
}
.column_right {
	float: right;
	width: 49%;
}
.column_left h3 {
	padding: 10px;
	border-bottom: none;
	background-color: #99CCFF;
	margin-top: 0;
}
.column_right h3 {
	padding: 10px;
	border-bottom: none;
	background-color: #a7e991;
	margin-top: 0;
}
ul.premium li {
	border-bottom: 1px dotted #ccc;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
ul.premium li a span:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 5px;
}

.column_center {
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px;
}
.column_center a span:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 5px;
}

.papers {
	padding: 10px;
	margin-bottom: 30px;
}
.papers.multi {
	background: linear-gradient(to bottom, #9acdff 0%,#ffffff 50%);
}
.papers.health {
	background: linear-gradient(to bottom, #a7e991 0%,#ffffff 50%);
}
.papers.newyear {
	background: linear-gradient(to bottom, #FFF0F4 0%,#ffffff 50%);
}
.papers h4 {
	padding: 0;
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 20px;
}
.papers h4 span {
	font-weight: normal;
	color: red;
}
.papers h4 span:before {
  content: "\f144";
  color: #14A6DA;
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 5px;
}
.papers table {
	font-size: 16px;
}
.papers table td {
	padding-bottom: 10px;
	line-height: 1.6em;
}

@media screen and (max-width: 767px) {
	.column_left, .column_right {
		float: none;
		width: 100%;
	}
	.papers table tr td:first-of-type {
		width: 80%;
	}
	.papers table tr td:nth-of-type(2) {
		width: 20%;
		white-space: normal !important;
		word-wrap: break-word;
	}
}

/*最新号見本*/

.mihonList {
	margin-bottom: 30px;
}
.mihonList h2 {
	font-size: 20px;
	background-color: #fcd4d4;
	padding: 10px;
	margin: 0 0 20px;
	line-height: 1.2em;
}
.mihonList h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  display: block;
  position: relative;
  border-bottom: 3px solid #CCC;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
.mihonList h3::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 50%;
  height: 3px;
  background-color: #1177ba;
}
.mihon_left {
	float: left;
	width: 32%;
}
.mihon_left img {
	width: 200px;
	height: auto;
}
.mihon_right {
	float: right;
	width: 68%;
}
.kakudai {
	font-size: 12px;
	margin-top: 5px;
}
.mihon_right h3,
.mihon_right h4 {
	font-size: 16px;
	margin-bottom: 10px;
	background-color: none;
	padding: 0;
}
.mihon_right table tr td {
	line-height: 1.6em;
}
.mihon_right table tr td:nth-of-type(2) {
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	.mihon_left {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.mihon_left img {
		margin: 0 auto;
	}
	.mihon_right {
		float: none;
		width: 100%;
	}
}

.sns_banner {
	margin-bottom: 10px;
}
.sns_banner img {
	margin: 0 auto;
}

.ad_sp_02, .ad_sp_05 {
    margin-bottom: 30px;
}
.ad_sp_04 {
    margin-bottom: 0;
}
.ad_sp_02 img, .ad_sp_04 img, .ad_sp_05 img {
    margin: 0 auto;
}

/*URL折り返す*/
.longurl{word-wrap: break-word;}

/*スマホ メールマガジン登録*/
.mailnewsBottom {
    display: none;
}
@media screen and (max-width: 767px) {
    .rightWidget {
        margin-bottom: 0;
    }
    .mailnewsBottom {
        display: block;
        text-align: center;
        position: relative;
    }
    .mailnewsBottom a {
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
    }
    .mailnewsBottom a::before {
        content: "\f054";
        color: #1177ba;
        font-size: 12px;
        position: relative;
        font-family: FontAwesome;
        margin-right: 5px;
        text-decoration: none;
    }
    .mailnewsBottom a span {
        text-decoration: underline;
        color: #666;
    }
}
/*スマホ SNS*/

@media screen and (max-width: 767px) {
    .rightWidget {
        margin-bottom: 0;
    }
    .sns {
        display: block;
        text-align: center;
        position: relative;
    }
}
/*スマホ 左右スクロールメニュー*/


/*検索ページ用　ページジャー*/
.pagination{
    text-align: center;
}
a.page-numbers,
.pagination .current{
    background: #fff;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
.pagination .current{
    background: #5A83D6;
    border: solid 1px #ccc;
    color: #fff;
}
.pagination  a:hover,
.pagination span:hover{
  color: #FFF;
  text-decoration: none;
  background-color: #5A83D6;
}


/*ページ分割用　ページジャー*/
.pagesprit {
	text-align: center;
   clear: both;
   color: #27364f;
   line-height:3;
 	border:solid 3px #ccc;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	margin-top: 30px;
}
.page-numbers a {
    display:inline-block;
    border:solid 1px #ccc;
    border:solid 0.0714285714285714rem #ccc;
    text-decoration:none;
	background-color:#5A83D6;
	color:white;
}
.page-numbers a:hover {
    color:white;
    background: #27364f;
}
.numbers {
    margin: 0 10px;
    margin: 0 0.5714285714285714rem;
	padding:10px;
	font-weight: bold;
	
}
/*ページ分割用　ページジャー 上段部分 */
.next-page-link {
  width:100%;
  margin: 40px 0 10px 0;
  text-align:center;
  border-radius:30px;
  background: #333;
}
.next-page-link a {
  display:block;
  margin:5px 0;
  color: #fff;
  text-decoration:none;
}
.next-page-link:hover {
  background: #555;
}

/*ツールチップを表示*/
/* カーソルを重ねる要素 */
.tooltip {
  position: relative; /* ツールチップの位置の基準に */
  cursor: pointer; /* カーソルを当てたときにポインターに */
}

/* ツールチップのテキスト */
.tooltip-text {
  opacity: 0; /* はじめは隠しておく */
  visibility: hidden; /* はじめは隠しておく */
  position: absolute; /* 絶対配置 */
  right: 78%; /* 親に対して中央配置 */
  transform: translateX(-50%); /* 親に対して中央配置 */
  top: -10px; /* 親要素下からの位置 */
  display: inline-block;
  padding: 5px; /* 余白 */
  width: 200px;
  font-size: 0.8rem; /* フォントサイズ */
  line-height: 1.3; /* 行間 */
  background: #333; /* 背景色 */
  color: #fff; /* 文字色 */
  border-radius: 3px; /* 角丸 */
  transition: 0.3s ease-in; /* アニメーション */
}

/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}

/* スクエア青ボタン*/
.square_btn{display: inline-block; margin-top: 10px;padding: 0.5em 1em;text-decoration: none;background: #668ad8;/*ボタン色*/ color: #FFF;border-bottom: solid 4px #627295;border-radius: 3px;}
.square_btn:active {/*ボタンを押したとき*/-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);/*下に動く*/box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/border-bottom: none;}

/*----------------------------------------
特集index
----------------------------------------*/

#eduTop .rightbtn {
	max-width: 663px;
	margin: 0 auto 20px;
	display: flex;
	justify-content: flex-start;
}
#eduTop .rightbtn .img {
	margin-right: 10px;
}
#eduTop .rightbtn .description	{
width: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#eduTop .rightbtn .description2	{

	display: flex;
	flex-direction: column;
}
#eduTop .rightbtn .description .title {
font-size: 18px;
font-weight: bold;
	margin-bottom: 10px;
}
#eduTop .rightbtn .description2 .title2 {
font-size: 18px;
font-weight: bold;
	margin-bottom: 10px;
}
#eduTop .rightbtn .description .name {
font-weight: bold;
	margin-bottom: 10px;
}
#eduTop .rightbtn .description .text {
	margin-bottom: 15px;
}
#eduTop .rightbtn .description2 .text {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.5em;
}
#eduTop .rightbtn .description .btn {
	align-self: flex-end;
}
#eduTop .rightbtn .description .btn a {
	background-color: #ecb02f;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
}
#eduTop .rightbtn .waku01{
      padding:7px;
      border:1px solid #ccc;
      background:#fff;
    }


#eduTop #tokushu a {
  outline: none;
display: block;
}
#eduTop #tokushu a:hover {
  text-decoration: underline;
}
#eduTop #tokushu a:hover img {
  opacity: 0.7;
}
#eduTop #tokushu img {width:180px;}

#eduTop #tokushu .sp-box {
    margin: 1.5em 0;
    background: #f3f3f3;
	border:1px solid #ccc;
}
#eduTop #tokushu .sp-box .box-title {
    font-size: 18px;
    background: #f3f3f3;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    letter-spacing: 0.05em;
	border-bottom: solid 1px #ccc;
	margin-bottom: 1em;
}

/*セミナー資料*/


#eduPostMain　table.seminar_siryo {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	margin-bottom: 10px;
}
#eduPostMain table.seminar_siryo th {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	white-space: nowrap;
}
#eduPostMain table.seminar_siryo td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
}
.btn-square-little-rich {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #03A9F4;/*色*/
  border: solid 1px #0f9ada;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.btn-square-little-rich:active {
  /*押したとき*/
  border: solid 1px #03A9F4;
  box-shadow: none;
  text-shadow: none;
}	
/*----------------------------------------
タグ
----------------------------------------*/	
.tag-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
}
.contents-tag:hover {
    background: #556b2f;
    color: #fff;
    border: 1px solid #bbb;
}
.contents-tag::before {
    font-family: "FontAwesome";
    content: "\f007";
}