@charset "utf-8";
/* CSS Document */
/*#top #pagebody {
    margin-top: 75px;
}*/
.pagebody_inner { margin: 0 auto; }


/*---------------------------------------------------------------------
	alert_box
---------------------------------------------------------------------*/
/*緊急速報*/
/*.alert_box {
    padding-top: 10px;
}
.alert_box .inner {
    display: table;
    margin: 20px auto 10px;
    min-width: 1200px;
    border: 7px solid #c3231f;
    padding: 15px;
    background: #FFE4E1;
}
.alert_box .ttl {
    background: url(/image/icon/icon_alert.png) no-repeat left center;
    padding: 1px 0 0 0;
	text-align: center;
}
.alert_box .ttl,
.alert_box .link_box,
.alert_box dl { display: table-cell; vertical-align: middle; }
.alert_box dl dt,
.alert_box dl dd { display: inline-block; }
.alert_box a.link {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #c3231f;
    text-align: center;
    padding: 3px 0 5px;
    margin-right: 20px;
    font-size: 90%;
}

.alert_box dl dt {font-size: 90%; margin-right: 20px;}
.alert_box dl dd a { color: #333; }*/

/*---------------------------------------------------------------------
	main_slide
---------------------------------------------------------------------*/
.top_slide {
  position: relative;
}

.main_slide_navi {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.main_slide_navi .inner {
    display: inline-block;
    background: rgb(255 255 255 / 80%);
    border-radius: 5px 5px 0 0;
    padding: 10px;
}
.main_slide_navi .inner .arrows {
    display: flex;
    justify-content: center;
  gap:30px;
}
.main_slide_navi .slick-arrow {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    transform: none;
    width: 15px;
    height: 15px;
    line-height: normal;
}
.main_slide_navi .slick-prev::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 9px;
    border: 8px solid transparent;
    border-right: 12px solid #B20000;
}
.main_slide_navi .slick-next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    border: 8px solid transparent;
    border-left: 12px solid #B20000;
}
.main_slide_navi .slick-dots {
    position: inherit;
    bottom: auto;
}
.main_slide_navi .slick-dots li button:before {
  background: #B3B3B3;
  border-radius: 50%;
  opacity: .9;
}
.main_slide_navi .slick-dots li.slick-active button:before {
  background: #B20000;
  opacity: 1;
}

/*---------------------------------------------------------------------
	top_quick_link
---------------------------------------------------------------------*/
.top_quick_link {
  text-align: center;
  padding: 25px 25px 0;
  margin: 0 0 40px;
  background: url("../image/top/bg_top_quick_link.jpg") repeat-x 0 0;
}
.top_quick_link ul {
  letter-spacing: -20px;
  max-width: 1676px;
  margin: 0 auto;
}
.top_quick_link li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin-left: 1.19%;
  width: 24.1%;
}
.top_quick_link li:first-child {
  margin-left: 0;
}
.top_quick_link a {
  display: block;
  transition: .5s;
}
.top_quick_link a:hover {
  transform: scale(1.1);
}

.top_ttl {
  font-weight: 500;
  text-align: center;
  font-size: 3rem;
  padding-bottom: 18px;
  margin-bottom: 25px;
  position: relative;
}
.top_ttl::before {
  position: absolute;
  content: "";
  background: #0258B9;
  width: 30px;
  height: 5px;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
  border-radius: 3px;
}

/*---------------------------------------------------------------------
	top_topics
---------------------------------------------------------------------*/
.top_topics {
  background: #F6FDFF url("../image/top/bg_top_topics.png") repeat-y 0 0 / 100% auto;
  margin: 40px 0 80px;
  padding: 40px 0;
}
.top_topics a.btn_01::before { border-left-color: #0258B9; }

/*---------------------------------------------------------------------
	top_performance
---------------------------------------------------------------------*/
.top_performance {
    padding: 60px 20px 80px;
    background: #F9F7F6 url("../image/top/bg_top_performance.jpg");
    margin-bottom: 80px;
}
.top_performance .inner {
    max-width: 1200px;
    margin: 0 auto;
}

.top_performance .top_ttl::before { background: #B20000; }
.top_performance a.btn_01::before { border-left-color: #B20000; }

/*---------------------------------------------------------------------
	top_2column 
---------------------------------------------------------------------*/
.top_2column {
  padding: 50px 0 90px;
  background: url("../image/top/bg_top_2column.png") no-repeat 0 130px/100% auto,
    #F6F6F4 url("../image/bg_01.jpg");
}

.top_2column .fll {
  float: left;
  width: 380px;
}
.top_2column .flr {
  float: right;
  width: 780px;
}

.top_column {}
.top_column .top_ttl::before { background: #D9A300; }
.top_column a.btn_01::before { border-left-color: #D9A300; }
.top_column .list_blog {
  background: #fff;
  border: 1px solid #CCCCCC;
  padding: 0 15px 15px;
  margin-bottom: 30px;
}
.top_column .list_blog .thumb {
	width: 120px;
}
.top_column .list_blog .detail {
	padding-left: 10px;
}
.top_column .list_blog .detail .title {
	color: #000;
	font-size: 1.4rem;
	margin: 0;
}

.top_workshop {}
.top_workshop .top_ttl::before { background: #149A9A; }
.top_workshop a.btn_01::before { border-left-color: #149A9A; }

.top_workshop .thumb_list .item a {
  padding: 12px;
}
.top_workshop .thumb_list .item .thumb {
  width: 150px;
  margin: 0 10px 10px 0;
}
.top_workshop .thumb_list .item .detail {
  overflow: inherit;
}

/*---------------------------------------------------------------------
	top_link
---------------------------------------------------------------------*/
.top_link {
    margin: 80px 0;
}
.top_link .top_ttl::before { background: #4165B7; }