@charset "utf-8";
@media print , screen and (max-width : 750px ){
/*-------------------------------------
  下層共通
--------------------------------------*/
#breadcrumb {display: none;}
#breadcrumb ul {
  width: 1000px;
  padding: 3px 0;
  margin: 0 auto;
}
#breadcrumb li {
  position:relative;
  display:inline-block;
  font-size:12px;
  color: #fff;
  padding-right:25px;
}
#breadcrumb li a {
  color: #fff;
  text-decoration: underline;
}
#breadcrumb li:before {
  position:absolute;
  content:"＞";
  right:0;
  top:0;
  font-weight: bold;
}
#breadcrumb li:last-child:before {
  content: none;
}
#pageNav ul {
  text-align: center;
}
#pageNav li {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding-right: 100px;
}
#pageNav li:last-child {
  padding-right: 0;
}
#pageNav li a {
  color: #fff;
  background-color: #2552ac;
  padding: 10px 15px;
  border-radius: 20px;
}
.inner{
  padding: 0 10px;
}
.strong{
  font-weight:bold;
  margin-bottom: 15px;
  color:#f00;
}
/*-------------------------------------
  トップページ
--------------------------------------*/
#top #sec_01 {
  padding-top: 40px;
}
#top #sec_01 .ttl_01 {
  color: #0E326E;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
#top #sec_01 .txt {
  text-align: left;
  line-height: 2;
  margin-bottom: 80px;
}
#top #sec_01 .item_box {
}
#top #sec_01 .item_list {
  margin: 0 auto;
}
#top #sec_01 .item_list li {
  color: #fff;
  text-align: center;
  padding: 80px 0 40px;
  position: relative;
  margin-bottom: 80px;
  background: #0E326E;
}
#top #sec_01 .item_list li:last-child{
  margin-bottom:0;
}
#top #sec_01 .item_list li.item01,
#top #sec_01 .item_list li.item03 {
  background: #2252AC;
}
#top #sec_01 .item_list li img {
  position: absolute;
  top: -250px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 130px;
  height: auto;
}
#top #sec_01 .item_list li h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
#top #sec_01 .item_list li p {
  margin-bottom: 30px;
}
#top #sec_01 .item_list li a {
  display: inline-block;
  color: #fff;
  line-height: 1.3;
  border: 1px solid #fff;
  padding: 6px 40px;
  border-radius: 20px;
  transition-property: all;
  transition: 0.3s linear;
}
#top #sec_02 {
  padding: 60px 0 60px;
}
#top #sec_02 .inner{
  margin: 0 auto;
}
#top #sec_02 .ttl_01 {
  color: #0E326E;
  font-size: 26px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
#top #sec_02 .news_list li {
  padding: 15px 25px 15px 10px;
  border-bottom: 1px dashed #ccc;
  font-size:14px;
  background: url(../Image/common/arrow_blue01.png) right 10px center no-repeat;
}
#top #sec_02 .news_list li .date {
  margin-right: 35px;
  display: inline-block;
  margin-bottom: 15px;
}
#top #sec_02 .news_list li .badge {
  font-size: 12px;
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  border: 1px solid #fff;
  background: #585858;
  padding: 4px 20px;
  border-radius: 20px;
}
#top #sec_02 .news_list li .ttl {
  letter-spacing:0.1em;
}
#top #sec_02 .news_list li a {
  position: relative;
  display: inline-block;
  transition: 0.4s;
}
#top #sec_02 .news_list li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #195baa;
  transition: 0.4s;
}

#top #sec_02 .link_btn {
  text-align: center;
  padding-top: 20px;
}
#top #sec_02 .link_btn a {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  padding: 10px 50px 10px 40px;
  border-radius: 20px;
  transition: 0.4s;
  background: url(../Image/common/arrow_white02.png) right 30px top 11px no-repeat, #0E326E;
}

#top #sec_02 .link_btn a span {
  position: relative;
}
#top #sec_02 .link_btn a span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: 0.4s;
}

#top #sec_03 {
  background: url(../Image/top/sec03_back01.jpg) no-repeat;
  border-bottom:5px solid #0E326E;
  background-size: auto 100%;
  padding: 60px 0 60px;
}
#top #sec_03 .inner {
  margin: 0 auto;
}
#top #sec_03 .event_list li {
float: left;
    width: 48%;
    font-size: 12px;
    background: #fff;
    border-radius: 14px 14px 12px 12px / 14px 14px 12px 12px;
    margin-right: 4%;
    margin-bottom: 4%;
}
#top #sec_03 .event_list li:first-child{
  margin-bottom:calc(4% + 10px);
}
#top #sec_03 .event_list li:nth-child(2n+3){
  margin-right:0;;
}
#top #sec_03 .event_list li:nth-child(-n+2){
  marin-bottom:0  
}
#top #sec_03 .event_list li:first-child,
#top #sec_03 .event_list li a {
  width: 100%;
}

#top #sec_03 .event_list li:nth-last(-n+2){
  margin-bottom:0;
}
#top #sec_03 .event_list li:first-child .ttl {
  background: #0E326E;
  padding: 35px 0;
  border-radius: 12px 12px 0 0 / 12px 12px 0 0;
  overflow: hidden;
}
#top #sec_03 .event_list li:first-child a h3 {
  font-size: 26px;
  color: #fff;
  text-align: center;
  /* background: url(../Image/common/arrow_white01.png) left 30px center no-repeat; */
  transition: 0.5s;
}

#top #sec_03 .event_list li:first-child h3 span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
#top #sec_03 .event_list li a {
  display: block;
}

#top #sec_03 .event_list li .txt {
  text-align: center;
  padding: 20px;
  font-size: 14px;
}
#top #sec_03 .event_list li .img_box {
  border-radius: 12px 12px 0 0;
  overflow:hidden;
  width:100%;
  padding-top:60%;
  position: relative;
}
#top #sec_03 .event_list li img {
  transition:.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#top #sec_03 .event_list li .txt_box {
  padding: 10px;
}
#top #sec_03 .event_list li .txt_box time {
  font-weight: bold;
}

#top #sec_03 .event_list li .txt_box h3 {
  color: #195baa;
}

#top #sec_04  {
  padding: 60px 0;
  background:#F7F5F6;
}
#top #sec_04 .ttl_02 {
  position: relative;
  margin-bottom: 10px;
}
#top #sec_04 .ttl_02:after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-top: 5px solid #0E326E;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  margin: 0 auto;
}
#top #sec_04 .ttl_02 h2 {
  width: 240px;
  color: #0E326E;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  border-bottom: 2px solid #0E326E;
  text-align: center;
  padding-bottom: 15px;
  margin: 0 auto;
  position: relative;
}
#top #sec_04 .ttl_02 h2:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 40%;
  height: 2px;
  border-bottom: 2px solid #666666;
  text-align: center;
}
#top #sec_04 .txt {
  text-align: center;
  margin-bottom: 20px;
}
#top #sec_04 .back {
  margin: 0 auto;
  position: relative;
}
#top #sec_04 .back:before {
  display: block;
  content: '';
  /* background: url(../Image/top/sec04_back02.png) no-repeat; */
  width: 67px;
  height: 62px;
  position: absolute;
  top: -30px;
  right: 60px;
}
#top #sec_04 #top_slider {
  background: #243342 url(../Image/top/sec04_back01.png) center center no-repeat;
  height: 284px;
  position: relative;
}
#top #sec_04 .top_slider_inner {
  padding-top: 60px;
}
#top #sec_04 .top_slider_inner li{
  padding: 0 10px;
}
#top #sec_04 .top_slider_inner2 {
  padding-top: 60px;
}
#top #sec_04 .top_slider_inner2 img{
  max-width:initial;  
}

/*-------------------------------------
  教育方針
--------------------------------------*/
#education h2 {
  background: url(../Image/education/h2_icon.png) top center no-repeat;
}
#education #sec_01 {
  padding: 60px 0;
}
#education #sec_02,
#education #sec_03 {
  padding-bottom: 60px;
}
#education #sec_01 .inner,
#education #sec_02 .inner,
#education #sec_03 .inner {
  margin: 0 auto;
}
#education #sec_01 .ttlArea,
#education #sec_02 .ttlArea,
#education #sec_03 .ttlArea {
  color: #0E326E;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  border-bottom: 3px solid #0E326E;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-left: 36px;
}
#education #sec_01 .ttlArea span,
#education #sec_02 .ttlArea span,
#education #sec_03 .ttlArea span {
  font-size: 26px;
  display: inline-block;
  text-indent: -29px;
}
#education #sec_01 .tArea,
#education #sec_02 .tArea {
  margin-bottom: 30px;
}
#education #sec_01 table {
  width: 100%;
}
#education #sec_01 table th,
#education #sec_01 table td{
  display:block;
  widrh:100%;
}
#education #sec_01 table th {
  color: #fff;
  letter-spacing: 0.05em;
  background-color: #2252AC;
  font-weight: normal;
  text-align: center;
}
#education #sec_01 table td {
  border-bottom: #fff 3px solid;
  background-color: rgba(221,221,221,0.5);
  padding: 15px;
  margin-bottom:20px;
}
#education #sec_02 .imgArea li {
  height: auto;
  margin-bottom: 15px;
}
#education #sec_02 .imgArea li:last-child {
  margin-bottom: 0;
}
#education #sec_02 .imgArea li h4 {
  text-align: center;
}
#education #sec_02 .imgArea li img {
  width: 100%;
  height: auto;
}
#education #sec_02 .imgArea li p {
  padding-top: 10px;
  font-size: 11.5px;
}

/*-------------------------------------
  カリキュラム
--------------------------------------*/
#curriculum h2 {
  background: url(../Image/curriculum/h2_icon.png) top center no-repeat;
}
#curriculum #sec_01 {
  padding: 60px 0;
}
#curriculum #sec_02,
#curriculum #sec_03 {
  padding-bottom: 60px;
}
#curriculum #sec_01 .inner,
#curriculum #sec_02 .inner,
#curriculum #sec_03 .inner {
  margin: 0 auto;
}
#curriculum #sec_01 .ttlArea,
#curriculum #sec_02 .ttlArea,
#curriculum #sec_03 .ttlArea {
    color: #0E326E;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 3px solid #0E326E;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-left: 36px;
}
#curriculum #sec_01 .ttlArea span,
#curriculum #sec_02 .ttlArea span,
#curriculum #sec_03 .ttlArea span {
  font-size: 26px;
  display:inline-block;
  text-indent:-29px;
}
#curriculum #sec_01 .tArea {
  padding-bottom: 10px;
}
#curriculum #sec_01 table th {
  text-align:center;
  border-bottom: #fff 2px solid;
  background-color: #2252AC;
  color: #fff;
  font-weight: normal;
  padding: 7px 0;
  letter-spacing: 0.3em;
  box-sizing: border-box;
}
#curriculum #sec_01 table th.th01,
#curriculum #sec_01 table th.th02 {
  border-right: #fff 2px solid;
}
#curriculum #sec_01 table th.th01 {
  width: 15%;
}
#curriculum #sec_01 table th.th02 {
  width: 25%;
}
#curriculum #sec_01 table th.th03 {
  width: 60%;
}
#curriculum #sec_01 table td {
  border-bottom: 2px solid #fff;
}
#curriculum #sec_01 table td.td01 {
  color: #fff;
  background-color: #2252AC;
  text-align: center;
}
#curriculum #sec_01 table td.td01,
#curriculum #sec_01 table td.td02 {
  border-right: #fff 2px solid;
}
#curriculum #sec_01 table td.td02,
#curriculum #sec_01 table td.td03 {
  background-color: rgba(221,221,221,0.5);
  padding: 5px 10px;
}
#curriculum #sec_02 dl dt {
  color: #2252AC;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0 0 0;
}
#curriculum #sec_02 dl dt:first-child {
  padding-top:0;
}
#curriculum #sec_02 dl dt span {
  font-size:18px;
  display:inline-block;
  margin-right:8px;
}
#curriculum #sec_02 dl dd {
  border-bottom: 1px solid #2252AC;
  padding-bottom: 20px;
}
#curriculum #sec_02 dl dd ul li {
  list-style-type: disc;
  margin-left: 40px;
}
#curriculum #sec_03 .imgArea li {
  height: auto;
  margin-bottom: 20px;
}
#curriculum #sec_03 .tArea {
  padding-bottom: 20px;
}
#curriculum #sec_03 .imgArea li:nth-last-child(1) {
  margin-bottom: 0;
}

#curriculum #sec_03 .imgArea li img {
  width: 100%;
  height: auto;
}

/*-------------------------------------
  費用
--------------------------------------*/
#price h2 {
  background: url(../Image/price/h2_icon.png) top center no-repeat;
}
#price #sec_01 {
  padding: 60px 0 40px;
}
#price #sec_02 {
  padding-bottom: 40px;
}
#price #sec_03 {
  padding-bottom: 60px;
}
#price #sec_01 .inner,
#price #sec_02 .inner,
#price #sec_03 .inner {
  margin: 0 auto;
}
#price #sec_01 h3,
#price #sec_02 h3,
#price #sec_03 h3 {
  position: relative;
  color: #2252AC;
  font-size: 18px;
  line-height: 1;
  border-left: 6px solid #2252AC;
  padding: 10px 0 10px 15px;
  margin-bottom: 20px;
}
#price #sec_01 h3:after,
#price #sec_02 h3:after,
#price #sec_03 h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
#price #sec_01 th,
#price #sec_02 th,
#price #sec_03 th {
  text-align:center;
  border-bottom: #fff 2px solid;
  background-color: #2252AC;
  color: #fff;
  font-weight: normal;
  padding: 5px 10px;
  letter-spacing: 0.3em;
  box-sizing: border-box;
}
#price #sec_01 th.th01,
#price #sec_02 th.th01,
#price #sec_03 th.th01 {
  width: 40%;
  border-right: #fff 2px solid;
}
#price #sec_01 th.th02,
#price #sec_02 th.th02,
#price #sec_03 th.th02 {
  width: 60%
}
#price #sec_01 td,
#price #sec_02 td,
#price #sec_03 td {
  border-bottom: #fff 2px solid;
  background-color: rgba(221,221,221,0.5);
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
}
#price #sec_01 td.td01,
#price #sec_02 td.td01,
#price #sec_03 td.td01 {
  text-align: left;
  border-right: #fff 2px solid;
}

#price #sec_01 p,
#price #sec_02 p,
#price #sec_03 p {
  margin-bottom: 15px;
}
#price #sec_03 a {
  display: inline-block;
  color: #2252AC;
  text-decoration: underline;
}


/*-------------------------------------
  施設紹介
--------------------------------------*/
#facility h2 {
  background: url(../Image/facility/h2_icon.png) top center no-repeat;
}
#facility #sec_01 {
  padding: 60px 0;
}
#facility #sec_01 .inner {
  margin: 0 auto;
}
#facility .sec_box {
  margin-bottom: 40px;
}
#facility div:last-child.sec_box {
  margin-bottom: 0;
}
#facility .sec_box h3 {
  position: relative;
  color: #2252AC;
  font-size: 18px;
  line-height: 1;
  border-left: 6px solid #2252AC;
  padding: 10px 0 10px 15px;
  margin-bottom: 20px;
}
#facility .sec_box h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
#facility .sec_box li {
  margin-bottom: 30px;
 }
#facility .sec_box li:nth-last-child(1) {
  margin-bottom: 0;
}
#facility .sec_box li img {
  width: 100%;
  height: auto;
}
#facility .sec_box li p {
  color: #444;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  margin-top: 10px;
}

/*-------------------------------------
  学校概要
--------------------------------------*/
#about_school h2 {
  background: url(../Image/about_school/h2_icon.png) top center no-repeat;
}
#about_school #sec_01 {
  padding: 60px 0;
}
#about_school #sec_02 {
  padding-bottom: 40px;
}
#about_school #sec_03 {
  padding-bottom: 60px;
}
#about_school #sec_01 .inner,
#about_school #sec_02 .inner,
#about_school #sec_03 .inner {
  margin: 0 auto;
}
#about_school #sec_01 .sec_box {
  margin-bottom: 40px;
}
#about_school #sec_01 .sec_box:last-child {
  margin-bottom: 0;
}
#about_school #sec_01 h3 {
  position: relative;
  color: #2252AC;
  font-size: 18px;
  line-height: 1.3;
  border-left: 6px solid #2252AC;
  padding: 10px 0 10px 15px;
  margin-bottom: 20px;
}
#about_school #sec_01 h3 .fbold {
  font-size:20px;
}
#about_school #sec_01 h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
#about_school #sec_01 .tright {
  padding-top: 5px;
  display: block;
  text-align: right;
}
#about_school #sec_01 .tright a {
  display: inline-block;
  color: #2252AC;
  text-decoration: underline;
}

#about_school #sec_01 ul li {
  list-style-type: disc;
  margin-left: 18px;
}
#about_school #sec_01 dl dd {
  border-bottom: 1px solid #2252AC;
  padding: 0 0 20px 20px;
}
#about_school #sec_01 dl dd .tright {
  padding-top: 10px;
  display: block;
  text-align: right;
}
#about_school #sec_01 dl dd .tright a {
  display: inline-block;
  color: #2252AC;
  text-decoration: underline;
}

#about_school #sec_02 table {
  width: 100%;
}
#about_school #sec_02 table th {
  width: 22%;
  color: #fff;
  letter-spacing: 0.05em;
  border-right: #fff 2px solid;

  border-bottom: #fff 2px solid;
  background-color: #2252AC;
  font-weight: normal;
  text-align: center;
}
#about_school #sec_02 table td {
  border-bottom: #fff 2px solid;
  background-color: rgba(221,221,221,0.5);
  padding: 15px 20px;
}
#about_school #sec_03 .ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#about_school #sec_03 .ggmap iframe,
#about_school #sec_03 .ggmap object,
#about_school #sec_03 .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------------------
  お知らせ一覧
--------------------------------------*/
/*--　一覧　--*/
#news h2 {
  background: url(../Image/news/h2_icon.png) top center no-repeat;
}
#news #news_list {
  padding: 60px 0;
}
#news #news_list .inner {
  margin: 0 auto;
}
#news #news_list ul {
  margin-bottom: 30px;
}
#news #news_list ul li {
  padding: 15px 25px 15px 10px;
  border-bottom: 1px dashed #ccc;
  font-size:14px;
  background: url(../Image/common/arrow_blue01.png) right 10px center no-repeat;
}
#news #news_list ul li .date {
  margin-right: 35px;
  display: inline-block;
  margin-bottom: 10px;
}
#news #news_list ul li .badge {
  font-size: 12px;
  color: #fff;
  line-height: 1.2;
  border: 1px solid #fff;
  background: #585858;
  padding: 4px 20px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 10px;
}
#news #news_list ul li .ttl {
  letter-spacing:0.1em;
}
#news #news_list ul li a {
  position: relative;
  display: inline-block;
  transition: 0.4s;
}
#news #news_list ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #195baa;
  transition: 0.4s;
}


/*--　詳細　--*/
#news #news_single {
  padding: 60px 0;
}
#news #news_single .inner {
  margin: 0 auto;
}
#news #news_single .ttlArea {
  margin-bottom: 20px;
}
#news #news_single .ttlArea dl {
  border-bottom: 3px solid #0E326E;
}
#news #news_single .ttlArea dl dt {
  width: 20px;
  height: 20px;
  background: url(../Image/common/icon_blog_blue.png) left top no-repeat;
  padding-left: 30px;
  padding-bottom: 10px;
}
#news #news_single .ttlArea dl dd h3 {
  text-align: left;
  font-size: 22px;
  color: #0E326E;
  line-height: 1.3;
  padding-bottom: 5px;
}
#news #news_single .tArea {
  margin-bottom: 30px;
}
#news #news_single .tArea .alignright {
  float: right;
  display: block;
  margin: 0 0 1em 1em;
}
#news #news_single .tArea .alignleft {
  float: left;
  display: block;
  margin: 0 1em 1em 0;
}
#news #news_single .tArea .aligncenter {
  display: block;
  margin: 0 auto;
}

/*-------------------------------------
  イベント情報
--------------------------------------*/
/*--　一覧　--*/
#event h2 {
  background: url(../Image/event/h2_icon.png) top center no-repeat;
}
#event #event_list {
  padding: 60px 0;
}
#event .event_box {
  background: url(../Image/top/sec03_back01.jpg) no-repeat;
  background-size: cover;
  padding: 60px 0;
  margin-bottom: 40px;
}
#event #event_list .inner {
  margin: 0 auto;
}
#event #event_list li {
  float: left;
  width: 48%;
  font-size: 12px;
  background: #fff;
  border-radius: 14px 14px 12px 12px / 14px 14px 12px 12px;
  margin-right: 4%;
  margin-bottom:4%;
}
#event #event_list  li:nth-child(2n) {
  margin-right: 0;
}
#event #event_list  li:nth-last-child(-n+2){
  margin-bottom:0;  
}
#event #event_list li a {
  display: block;
}
#event #event_list li .img_box {
  border-radius: 12px 12px 0 0;
  overflow:hidden;
  width:100%;
  padding-top: 60%;
  position: relative;
}
#event #event_list li img {
  transition:.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#event #event_list li .txt_box {
  padding: 15px;
}
#event #event_list li .txt_box time {
  font-weight: bold;
}

#event #event_list li .txt_box h3 {
  color: #195baa;
}

/*--　詳細　--*/
#event #event_single {
  padding: 60px 0;
}
#event #event_single .inner {
  margin: 0 auto;
}
#event #event_single .ttlArea {
  margin-bottom: 20px;
}
#event #event_single .ttlArea dl {
  border-bottom: 3px solid #0E326E;
}
#event #event_single .ttlArea dl dt {
  width: 20px;
  height: 20px;
  background: url(../Image/common/icon_blog_blue.png) left top no-repeat;
  padding-left: 30px;
  padding-bottom: 10px;
}
#event #event_single .ttlArea dl dd h3 {
  text-align: left;
  font-size: 22px;
  color: #0E326E;
  line-height: 1.2;
  padding-bottom: 5px;
}
#event #event_single .imgArea {
  height: auto;
  margin: 0 auto 30px;
}
#event #event_single .imgArea img {
  width: 100%;
  height: auto;
}
#event #event_single .tArea {
  margin-bottom: 30px;
}
#event #event_single .tArea .list_01 li {
  margin-bottom: 4%;
}
#event #event_single .tArea .list_01 li:last-child {
  margin-bottom: 0;
}
#event #event_single .tArea .list_01 li img {
  width: 100%;
  height: auto;
}
#event #event_single .tArea .img_box {
  margin-bottom: 4%;
}


/*-----------------------------------------------------
  ブログなどのページャー（Wordpress）
------------------------------------------------------*/
/* ナビゲーション全体のデザイン */
.wp-pagenavi {
  text-align: center;
}
/* ボタン<a>タグのデザイン */
.wp-pagenavi a {
  padding: 0 10px;
  background: #fff;
  color: #2252AC;
  margin-right: 4px;
  display: inline-block;
  border: 1px solid #2252AC;
  border-radius: 10px;
  line-height: 1.8;
}
/* 表示中のページ番号のデザイン */
.wp-pagenavi .current {
  padding: 0 10px;
  background: #2252AC;
  color: #fff;
  margin-right: 4px;
  display:inline-block;
  border: 1px solid #2252AC;
  border-radius: 10px;
  line-height: 1.8;
}
/* 矢印（ < とか > ）のデザイン */
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  color: #2252AC;
  background: none;
  font-weight: bold;
  line-height: 1.8;
}

/*-------------------------------------
  アクセスマップ
--------------------------------------*/
#access h2 {
  background: url(../Image/access/h2_icon.png) top center no-repeat;
}
#access #sec_01 {
  padding: 60px 0;
}
#access #sec_02 {
  padding-bottom: 60px;
}
#access #sec_01 .inner,
#access #sec_02 .inner {
  margin: 0 auto;
}
#access #sec_01 h3,
#access #sec_02 h3 {
  position: relative;
  color: #2252AC;
  font-size: 18px;
  line-height: 1;
  border-left: 6px solid #2252AC;
  padding: 10px 0 10px 15px;
  margin-bottom: 20px;
}
#access #sec_01 h3:after,
#access #sec_02 h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
#access #sec_01 .left_col {margin-bottom: 25px;}
#access #sec_01 .left_col .ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#access #sec_01 .left_col .ggmap iframe,
#access #sec_01 .left_col .ggmap object,
#access #sec_01 .left_col .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#access #sec_01 .right_col {
}
#access #sec_01 .right_col dl dt {
  color: #2252AC;
  font-size: 14px;
  font-weight: bold;
}
#access #sec_01 .right_col dl dd {
  margin-bottom: 10px;
}

/*-------------------------------------
  プライバシーポリシー
--------------------------------------*/
#privacypolicy h2 {
  background: url(../Image/privacypolicy/h2_icon.png) top center no-repeat;
}
#privacypolicy #cts_inner{
  padding:60px 0;
}
#privacypolicy .top_sec:nth-child(n+2){
  margin-top:60px;
}
#privacypolicy .top_sec .inner {
  margin: 0 auto;
  font-size: 13px;
}
#privacypolicy .top_sec .ttlArea{
  color: #0E326E;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 3px solid #0E326E;
  padding-bottom: 5px;
  margin-bottom: 1em;
}
#privacypolicy .top_sec .inner>dl>dt{
  color: #2252AC;
  font-size: 18px;
  font-weight: bold;
  line-height:1;
  margin-bottom:0.5em;
}
#privacypolicy .top_sec .inner>dl>dd{
  font-size: 13px;
}
#privacypolicy .top_sec .inner>dl>dd>*:not(:last-child){
  margin-bottom:25px;
}
#privacypolicy .top_sec .inner>dl>dd:not(:last-child){
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom:solid 1px #2252AC;
}
#privacypolicy .top_sec .t_list01{
  counter-reset:num 0;
}
#privacypolicy .top_sec .t_list01 dt{
  position:relative;
  font-weight:bold;
  counter-increment:num 1;
  padding-left:1.5em;
  font-size: 15px;
  margin-bottom:0.3em;
}
#privacypolicy .top_sec .t_list01 dt:before{
  position:absolute;
  content:counter(num)'.';
  left:0;
}
#privacypolicy .top_sec .t_list01 dt + dd{padding-left: 1.5em;}
#privacypolicy .top_sec .t_list01 dt + dd:not(:last-child){
  margin-bottom: 20px;
}
#privacypolicy .top_sec .t_list01 dt + dd>*:not(:last-child){
  margin-bottom:1em;
}
#privacypolicy .top_sec .b_list01 li{
  position:relative;
  padding-left:1.5em;
}
#privacypolicy .top_sec .b_list01 li:before{
  position:absolute;
  content:"・";
  top:0;
  left:0;
}
#privacypolicy .top_sec .n_list01{
  counter-reset:num02 0;
}
#privacypolicy .top_sec .n_list01 li{
  position:relative;
  counter-increment:num02 1;
  padding-left:2.5em;
}
#privacypolicy .top_sec .n_list01 li:before{
  position:absolute;
  left:0;
  top:0;
  content:"("counter(num02)")";
}
#privacypolicy .top_sec .n_list01 li:nth-child(n+2){
  margin-top:0.5em;
}
#privacypolicy #sec_01 .inner>dl{
  margin-bottom:25px;
}
#privacypolicy #sec_01 .inner>dl +.sub_box{
  text-align:right;
}
#privacypolicy #sec_01 .inner>dl +.sub_box .txt_s{
  font-size:12px;
}
#privacypolicy #sec_01 .inner>dl +.sub_box .txt_l{
  font-size:14px;
  font-weight:bold;
  color:#555;
  line-height:1.4
}
#privacypolicy #sec_02 .lead{
  margin-bottom:2em;
}
#privacypolicy #sec_02 table thead {
  display:none;
}
#privacypolicy #sec_02 table tbody tr:nth-child(n+2){
  border-top:solid 3px #fff;
}
#privacypolicy #sec_02 table tbody th,
#privacypolicy #sec_02 table tbody td{
  display:block;
  text-align:left;
  padding: 0.8em 0.7em 0.7em 1em;
}
#privacypolicy #sec_02 table tbody th{
  background:#2252AC;
  color:#fff;
  font-weight:normal;
}
#privacypolicy #sec_02 table tbody td{
  background-color: rgba(221, 221, 221, 0.5);
}
#privacypolicy #sec_02 table tbody td:before{
  display:inline-block;
  content:attr(data-ttl)'：';
}
#privacypolicy #sec_02 table tbody td.td01{
  padding-bottom:0;
}
#privacypolicy #sec_02 table tbody td.td02{
  padding-top:0;
}
#privacypolicy #sec_02 table tbody .td02 span{
  font-weight:bold;
}
#privacypolicy #sec_02 table tbody .td02 .true{
  color:#2252ac;
}
#privacypolicy #sec_02 table tbody .td02 .false{
  color:#cc1111;
}
#privacypolicy #sec_02 .inner>dl{
  margin-bottom:35px;
}
#privacypolicy #sec_02 .inq_box>p{
  margin-bottom:1em;
}
#privacypolicy #sec_02 .inq_box .sub_box{
  border:solid 3px #2252ac;
  padding:1.5em 2em;
}
#privacypolicy #sec_02 .inq_box .sub_box .ttl{
  margin-bottom:1em;
  font-weight:bold;
}
#privacypolicy #sec_02 .inq_box .sub_box .ttl strong{
  font-size:110%;
}
/*-------------------------------------
  サイトマップ
--------------------------------------*/
#sitemap h2 {
  background: url(../Image/sitemap/h2_icon.png) top center no-repeat;
}
#sitemap #sec_01 {
  padding: 60px 0;
}
#sitemap #sec_01 .inner {
  margin: 0 auto;
}
#sitemap #sec_01 li {
  float:left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
}
#sitemap #sec_01 li:nth-child(2n) {
  margin-right:0;
}
#sitemap #sec_01 li:nth-last-child(-n+2) {
  margin-bottom:0;
}
#sitemap #sec_01 li a {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #2252AC;
  padding: 20px 0;
}
#sitemap #sec_01 li p {
  padding-bottom: 80px;
  font-size: 16px;
}
#sitemap #sec_01 li.list01 p {
  background: url(../Image/sitemap/sitemap_icon01.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list02 p {
  background: url(../Image/sitemap/sitemap_icon02.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list03 p {
  background: url(../Image/sitemap/sitemap_icon03.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list04 p {
  background: url(../Image/sitemap/sitemap_icon04.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list05 p {
  background: url(../Image/sitemap/sitemap_icon05.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list06 p {
  background: url(../Image/sitemap/sitemap_icon06.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list07 p {
  background: url(../Image/sitemap/sitemap_icon07.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list08 p {
  background: url(../Image/sitemap/sitemap_icon08.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list09 p {
  background: url(../Image/sitemap/sitemap_icon09.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list10 p {
  background: url(../Image/sitemap/sitemap_icon10.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list11 p {
  background: url(../Image/sitemap/sitemap_icon11.png) bottom center no-repeat;
}
#sitemap #sec_01 li.list12 p {
  background: url(../Image/sitemap/sitemap_icon12.png) bottom center no-repeat;
}

/*-------------------------------------
  資料請求・お問い合わせ
--------------------------------------*/
#contact h2 {
  background: url(../Image/contact/h2_icon.png) top center no-repeat;
}
#contact #sec_01 {
  padding: 30px 0 60px;
}
#contact #sec_01 .inner {
  margin: 0 auto;
}
#contact #sec_01 .txt {
  margin-bottom: 30px;
}
#contact .sheet_01 tr {

}
#contact .sheet_01 th {
  background-color: #2252AC;
  border:#2252ac 1px solid;

  color: #fff;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-align: left;
  padding: 10px;
  display:block;
}
#contact .sheet_01 td {
  padding: 10px;
  display:block;
  border: #ddd 1px solid;
  
}
#contact .sheet_01 td input {
  font-family: "メイリオ", Meiryo, "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height:24px;
  box-sizing: border-box;
}
#contact .sheet_01 td input.long {
  width: 100%;
}
#contact .sheet_01 td input.middle {
  width: 100%;
}
#contact .sheet_01 td input.short {
  width: 20%;
}
#contact .sheet_01 td .annotation {
  display: block;
  color: #e04;
  font-size: 12px;
}
#contact .sheet_01 td textarea {
  font-family: 'メイリオ', Meiryo, sans-serif;
  width: 100% !important;
  height: 150px !important;
  font-size: 14px;
  resize:none;
  box-sizing: border-box;
}
#contact .sheet_01 td input[type="checkbox"] {
  display:inline-block;
  width:1.2em;
  margin: 0 3px 0 3px;
  height: 30px;
}
#contact .mfp_buttons {
  padding: 60px 0 0;
}
#contact .mfp_buttons button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  background: #2252AC;
  border-bottom: solid 3px #0E326E;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  display: inline-block;
  border-radius:4px;
}
#contact #consent {
  background: #fff;
  width:50%;
  min-width:300px;
  margin: 0 auto;
  overflow: auto;
  max-height: 100%;
  padding: 40px 60px;
  box-shadow:0 0 5px rgba(0,0,0,0.5);
  border-radius:10px;
}
#contact #consent .sign{
  text-align:right;
  font-size:13px;
}
#contact #consent .sub_ttl{
  text-align:center;
  font-size:18px;
  margin-bottom:1em;
  line-height:1em;
}
#contact #consent .sub_ttl+p{
  text-align:center;
  margin-bottom:1em;
}
#contact #consent dl{
  margin-bottom:2em;
}
#contact #consent dl dt{
  font-weight:bold;
  font-size:15px;
  line-height:1;
  margin-bottom:0.5em;
}
#contact #consent dl dd:not(:last-child){
  margin-bottom:2em;
}
#contact #consent dl dd .n_list{
  counter-reset:num 0;
}
#contact #consent dl dd .n_list li{
  position:relative;
  padding-left:1.5em;
  counter-increment:num 1;
}
#contact #consent dl dd .n_list li:before{
  position:absolute;
  content:counter(num)")";
  top:0;
  left:0;
}
#contact #consent .inq_box{
  margin-bottom:2em;
  font-size:13px;
}
#contact #consent .inq_box p{
  display:block;
  max-width:300px;
  border:solid 3px #ddd;
  padding:1.2em 1.7em;
  text-align:left;
  margin:0 auto;
  text-align:center;
}
#contact #consent .inq_box p strong{
  font-size:15px;
}
#contact #consent .consent_btn{
  display:block;
  width:150px;
  line-height:1;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  padding:1em 1em 0.9em;
  text-align:center;
  margin:0 auto;
  background: #2252AC;
  border-bottom: solid 3px #0E326E;
  border-radius:4px;
}
#contact .sheet_01 th a{
  position:relative;
  display:inline-block;
  color:#fff;
  line-height:1;
}
#contact .sheet_01 th a:after{
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f360";
  margin-left:0.5em;
}

#contact .consent>*{
  max-height:none;
}
#contact .consent {
  border: solid 1px #ccc;
  margin: 30px auto 15px;
  height: 200px;
  overflow-y: scroll;
  padding: 25px 15px;
  font-size: 13px;
}
#contact .consent dl{
  margin-bottom: 20px;
}
#contact .consent dl dt {
  float: none;
  width: auto;
  font-size: 14px;
  padding: 0;
  text-align: left;
  border-top: none;
  margin-bottom: 0.5em;
  font-weight: bold;
  line-height: 1;
}
#contact .consent .sub_ttl {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1em;
  font-weight: bold;
}
#contact .consent .sub_ttl + p {
  margin-bottom: 20px;
  line-height: 1.6;
}
#contact .consent dl dd {
  border-top: none;
  padding: 0;
  font-size: 13px;
  line-height: 1.6;
}
#contact .consent dl dd:not(:last-child) {
  margin-bottom: 20px;
}
#contact .consent .inq_box {
  text-align: right;
  line-height: 1.6;
}
#contact #sec_01 .confirm {
  text-align: center;
}
#contact #sec_01 .confirm .mfp_err {
  text-align: center;
  font-size:0;
  padding:0;
}
#contact #sec_01 .confirm .mfp_err:before{
  display:block;
  content:"※個人情報取扱いに同意をお願い致します";
  font-size:13px;
}
#contact #sec_01 label[for="privacy_consent"]+.mfp_err {
  text-align: center;
}
#contact .mfp_buttons{
  padding-top:30px;
}
/*mailformproを使用する場合、エラーメッセージなどのエフェクトがうざい場合は以下を使ってください。must-fillはサイト毎に変更必要です。*/
/* フォーム部品のボックスシャドウ打消し */
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
  box-shadow:none;
}
/* 入力エラーのチカチカなし、文字色 */
div.mfp_err {
  background:none;
  padding-left:0;
  color:#f26;
  font-weight:bold;
}
/* エラー箇所のフォーム部品を色つきで強調 */
.problem {
  background-color:#fdd;
}
/* 入力OKのエフェクト */
div.mfp_ok {
  background-color:#ff7500;
  border-color:#ff7500;
  font-size:12px;
}
/* チェックボックスのエフェクト打消し */
form#mailformpro label.mfp_not_checked {
  padding:0;
  border:none;
}
form#mailformpro label.mfp_checked {
  padding:0;
  border:none;
  background:none;
}
/* ボタンのエフェクト打消し */
.mfp_element_submit, .mfp_element_reset, .mfp_element_button{
  font-size:0.8em;
  text-shadow:none;
}
/* 内容確認画面のテーブルを全幅 */
#mfp_confirm_table{
  width:100% !important;
  margin: 0 auto;
}
/* 内容確認画面のテーブルのデザイン */
#mfp_confirm_table th,
#mfp_confirm_table td {
  font-size: 14px !important;;
  border:1px solid #ddd;
  border-top:1px solid #ddd !important;
  line-height:1.5 !important;
}
#mfp_confirm_table th {
  width: 30% !important;
  padding:10px 10px !important;
  background:#2252AC;
  color: #fff;
  text-align:center !important;
}
.#mfp_confirm_table td {
  padding:15px 20px;
}
table#mfp_confirm_table tr.mfp_colored {
  background: #fff;
}
div#mfp_phase_confirm h4 {
  width:90% !important;
  margin: 30px auto 0;
  color: #e04;
  font-size:14px;
}
form#mailformpro {
  padding: 0px;
}
/* 入力画面の「必須」のデザイン */
.must-fill {
  background:#e04;
  padding:1px 3px;
  color:#fff;
  font-size:0.8em;
  display:block;
  border-radius:4px;
  float:right;
}
.not_must-fill {
  background: #999;
  padding:1px 3px;
  color:#fff;
  font-size:0.8em;
  display:block;
  margin-left:10px;
  border-radius:4px;

  float:right;
}

/*-------------------------------------
  資料請求・お問い合わせ完了
--------------------------------------*/
#thanks h2 {
  background: url(../Image/contact/h2_icon.png) top center no-repeat;
}
#thanks #sec_01 {
  padding: 30px 0 60px;
}
#thanks #sec_01 .inner {
  margin: 0 auto;
}
#thanks #sec_01 .inner p {
  text-align: center;
  padding-bottom: 30px;
  font-size: 14px;
  letter-spacing: -0.05px;
}
#thanks #sec_01 a {
  display: block;
  background: #2252AC;
  border-bottom: solid 3px #0E326E;
  border-radius:4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  width: 100%;
  margin:0 auto;
  padding: 10px 0;
}
/*-------------------------------------
  個人情報取扱い同意書
--------------------------------------*/
body#consent #sec_01{
  padding:60px 0;
}
body#consent #sec_01 .inner{
  margin:0 auto;
}
body#consent h2 {
  background: url(../Image/privacypolicy/h2_icon.png) top center no-repeat;
}
body#consent .sign{
  text-align: center;
  font-size:13px;
  margin-bottom: 5px;
}
body#consent .sub_ttl{
  text-align:center;
  font-size: 20px;
  margin-bottom:1em;
  line-height:1em;
}
body#consent .sub_ttl+p{
  text-align: left;
  margin-bottom:1em;
}
body#consent dl{
  margin-bottom:2em;
}
body#consent dl dt{
  font-weight:bold;
  font-size:15px;
  line-height:1;
  margin-bottom:0.5em;
}
body#consent dl dd:not(:last-child){
  margin-bottom:2em;
}
body#consent dl dd .n_list{
  counter-reset:num 0;
}
body#consent dl dd .n_list li{
  position:relative;
  padding-left:1.5em;
  counter-increment:num 1;
}
body#consent dl dd .n_list li:before{
  position:absolute;
  content:counter(num)")";
  top:0;
  left:0;
}
body#consent .inq_box{
  font-size:13px;
}
body#consent .inq_box p{
  display:block;
  max-width:300px;
  border:solid 3px #ddd;
  padding:1.2em 1.7em;
  text-align:left;
  margin:0 auto;
  text-align:center;
}
body#consent .inq_box p strong{
  font-size:15px;
}

/*-------------------------------------
  ご利用規約
--------------------------------------*/
#term h2 {
  background: url(../Image/term/h2_icon.png) top center no-repeat;
}
#term h2 .br-sp {
  display: block;
}
#term #cts_inner {
  padding: 60px 0;
}
#term .top_sec .inner {
  margin: 0 auto;
  font-size: 13px;
}
#term .top_sec .ttlArea{
  color: #0E326E;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 3px solid #0E326E;
  padding-bottom: 5px;
  margin-bottom: 1em;
}
#term .top_sec .inner>dl {
  margin-top: 30px;
}
#term .top_sec .inner>dl>dd{
  padding-bottom: 10px;
}

#term .top_sec .inner>dl>dt {
  padding-bottom: 10px;
  color: #2252AC;
  font-size:18px;
  font-weight:bold;
  line-height:1.5
}
#term .top_sec .inner>dl:nth-of-type(3)>dd:nth-of-type(2) {
  text-decoration: underline;
}
#term .top_sec .inner>dl>dd>ul {
  padding-left: 1em;
}
#term .top_sec .inner>dl>dd>ul>li{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 0;
  counter-increment: sample;
}

#term .top_sec .inner>dl>dd>ul>li:before {
  content: "("counter(sample)")";
  margin-right: 5px;
}
#term .top_sec a.pp_link{
  display: inline-block;
  text-decoration: underline;
}
}