@charset "UTF-8";

/* home 
-------------------------------------------------------------*/
#home .h2_title {
  font-size: 28px;
  letter-spacing: .005rem;
  line-height: 32px;
}

#home #logo.inpage_logo {
  display: block;
}

#home #logo.top_logo {
  display: none;
}

#home #header #navi>li>a {
  font-size: 15px;
}


/* top_slider 
-------------------------------------------------------------*/
#top_slider #slider {
  margin-top: 52px;
  width: 100%;
  height: 320px;
  display: block;
}

#top_video {
  display: none;
}

#top_slider .box_title {
  line-height: 38px;
  width: 300px;
  top: 20vw;
}

#top_slider .box_title h2 {
  font-size: 36px;
}

#top_slider .box_title h2 rt {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  font-size: 14px;
}

#slide_title {
  font-size: 14px;
  width: 88%;
  top: 35%;
}

#top_slider .arrow {
  width: 0;
  height: 0;
  z-index: 10;
  position: absolute;
}

#top_slider .arrow_t01 {
  border-bottom: 57px solid transparent;
  border-left: 145px solid rgba(246, 247, 247, 0.3);
}

#top_slider .arrow_b01 {
  border-top: 70px solid transparent;
  border-right: 170px solid rgba(246, 247, 247, 0.3);
}

#top_slider .arrow_b02 {
  border-top: 102px solid transparent;
  border-right: 70px solid rgba(202, 202, 183, 0.4);
}

/* list_visitor */
#list_visitor {
  display: none;
}

main {
  margin-top: 0;
}

/* スマホではお岑らせの和に塘崔するために掲燕幣 */
.box_l #content_02 {
  display: none;
}

/* 2桑朕參週掲燕幣 */
#one_info #list_news li:nth-child(n+3) {
  display: none;
}


/* bnr_top 
-------------------------------------------------------------*/
#bnr_top {
  padding: 15px 5px 5px;
  background: #f2f2f2;
}

#bnr_top ul {
  width: auto;
  margin: 0 -5px;
}

#bnr_top ul li {
  width: 50%;
  padding: 0 5px 10px;
}

#bnr_top ul li:first-child {
  width: 100%;
  float: none;
}

#bnr_top ul li:last-child {
  width: 100%;
  padding: 0 5px 10px;
}

#bnr_top ul li img {
  width: 100%;
}



/* content_01
----------------------------------------------------*/
#content_01 {
  padding: 40px 0 30px;
}

#content_01 .h2_title {
  margin-bottom: 25px;
}

#content_01 .inner {
  width: 100%;
}

#content_01 .arrow_t01 {
  border-bottom: 75px solid transparent;
  border-left: 107px solid rgba(200, 200, 178, 0.3);
}

#content_01 .arrow_t02 {
  border-bottom: 47px solid transparent;
  border-left: 195px solid rgba(218, 227, 229, 0.6);
}

#content_01 .arrow_b01 {
  border-top: 57px solid transparent;
  border-right: 127px solid rgba(233, 238, 239, 0.6);
}

#content_01 .clearfix {
  width: auto;
}

#content_01 .box_l {
  margin: 0 auto;
  width: 94%;
  float: none;
}

#content_01 #list_news {
  margin: 0 0 10px;
}

#content_01 .box_r {
  margin: 0 auto;
  width: 100%;
  float: none;
}

#content_01 .btn_box {
  text-align: center;
  padding: 8px 0 30px;
  background: #fff;
  position: static;
}

#content_01 .btn_box a {
  display: inline-block;
  background: #fff;
}

/* content_02 
----------------------------------------------------*/
#content_02 .ttl_angle {
  border-top: 120px solid rgba(225, 228, 231, 0.5);
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
}

#content_02 .list_training {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

#content_02 .list_training li {
  font-size: 13px;
  line-height: 21px;
  width: 33.3%;
  width: calc(100% / 3);
  padding: 8px;
}

#content_02 .list_training .h2_title {
  font-size: 22px;
  margin-bottom: 0;
}

#content_02 .box_txt {
  padding: 16px 8px;
  height: auto;
  border: 0;
}

#content_02 .box_ttl {
  display: block;
  margin: 0 auto;
  min-height: auto !important;
}

#content_02 .box_ttl p {
  text-align: left;
  line-height: 1.4em;
}

#content_02 .btn_more {
  position: relative;
  margin: 20px auto 0;
  bottom: auto;
  width: auto;
  border: 1px #FFF solid;
  padding: 5px 13px;
}

/* content_04 
----------------------------------------------------*/
#content_04 {
  margin: 20px 0;
  background: url(/img/home/bg01.png) no-repeat left top;
  background-size: 140% auto;
}

#content_04 .clearfix {
  margin: 0 15px;
  padding: 30px 0;
  width: auto;
}

#content_04 .box_l {
  width: auto;
  font-size: 12px;
  line-height: 1.8;
  float: none;
}

#content_04 .box_l .h2_title {
  text-align: left;
  margin: 0 0 8px;
}

#content_04 .box_l .h3_title {
  font-size: 23px;
  letter-spacing: .005rem;
  margin-bottom: 10px;
}

#content_04 .box_l ul {
  margin-top: 15px;
  overflow: hidden;
}

#content_04 .btn_blue {
  font-size: 14px;
  width: 49%;
  float: left;
}

#content_04 li:first-child .btn_blue {
  margin-right: 5px;
}

#content_04 .arrowb_01 {
  border-top: 266px solid transparent;
  border-right: 200px solid rgba(242, 245, 245, 1);
}

#content_04 .list_bg_btns {
  margin: 0 -5px;
  width: auto;
  float: none;
}

#content_04 .list_bg_btns li {
  padding: 10px 5px 0;
  float: left;
}

#content_04 .list_bg_btns .btn {
  width: 50%;
}

#content_04 .list_bg_btns .btn a {
  font-size: 15px;
  padding: 85px 0 0;
  height: 145px;
}

#content_04 .list_bg_btns .btn_yellow,
#content_04 .list_bg_btns .btn_pink {
  background-position: center 25px;
  background-size: 50px auto;
}

/* content_05 
----------------------------------------------------*/
#content_05 {
  padding: 50px 0;
}

#content_05 .h2_title {
  padding: 0 0 5px;
}

#content_05 .bg_circle {
  margin: 15px 0 20px;
}

#content_05 .circle01 {
  padding: 20px 0 0;
  width: 300px;
  height: 300px;
}

#content_05 .circle02 {
  margin: 0 -7px;
  padding: 15px 0 0;
  border: none;
  width: 160px;
  height: 160px;
  background: rgba(255, 255, 255, 0.7);
}

#content_05 .circle01 .txt_01 {
  font-size: 18px;
  margin: 5px 0;
}

#content_05 .circle01 img {
  width: 50px;
}

#content_05 .circle02 img {
  width: 60px;
}

#content_05 .circle02 .txt_01 {
  font-size: 10px;
}

#content_05 .circle01 .txt_02 {
  font-size: 12px;
  line-height: 1.5;
}

#content_05 .box_circle {
  margin-top: -35px;
}

#content_05 .btn_more {
  width: 100px;
}

#content_05 .btn_more.icon_more {
  padding: 2px 14px 2px 0;
}

#content_05 .btn_more.icon_more:after {
  width: 13px;
  height: 12px;
  top: 70%;
  background-size: 13px 12px;
}

#content_05 .bg_grey {
  padding: 25px;
  width: auto;
}

#content_05 .bg_grey dt {
  font-size: 18px;
  text-align: center;
  height: auto;
  position: static;
}

#content_05 .bg_grey dd {
  font-size: 12px;
  margin: 8px 0 0;
  padding: 12px 0 0;
  position: relative;
  border-left: none;
  border-top: 1px solid #5daaea;
}


/* link_btns
-------------------------------------------------------------*/
#home #link_btns {
  padding: 30px 20px;
  background: #f6f3f3;
}
#link_btns>div {
  margin: 30px auto 0;
  padding: 0 10px;
  width: auto;
}

#link_btns h2 {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  font-size: 20px;
  text-align: center;
  margin: 0 0 10px;
  padding: 3px 0 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-right: none;
  height: auto;
  position: static;
}

#link_btns li:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#link_btns .bnr_fc ul {
  margin-left: -10px !important;
}

#link_btns .bnr_fc li {
  width: 50%;
}

#link_btns .bnr_fc li a {
  font-size: 13px;
}

#link_btns .bnr_fc li a span {
  padding: 10px 27px 10px 10px;
  height: 55px;
}

#link_btns .bnr_fc li a small {
  font-size: 11px;
}

#link_btns .bnr_re ul {
  margin: 0 -10px !important;
}

#link_btns .bnr_re li {
  padding: 10px 5px 0;
}

#link_btns .slick-dots {
  justify-content: startstart;
  flex-wrap: nowrap;
  display: block;
}

#link_btns .slick-dots li {
  margin: 0;
  padding: 0;
  width: auto;
}

#link_btns li:nth-child(-n+4) {
  padding-top: 10px;
}

#link_btns .slick-dots li:nth-child(-n+4) {
  padding-top: 0;
}

/*topicsを掲燕幣*/
/* #home #list_news li:nth-of-type(2) {   display: none; } */
#home button {
  display: none !important;
}


/*巷勅バナ�`*/
.news_list dt.no_list {
  margin-top: 20px;
}

.news_tab li.active>p {
  display: block !important;
  position: absolute;
  right: 4px;
  bottom: -50px;
  width: 130px;
  border: 2px #158f8f solid;
  padding: 3px 0;
  border-radius: 18px;
  background: #FFF;
  font-size: 11px;
}

/* topバナ�`
----------------------------------------*/
#home #link_btns>div {
  width: 100%;
  margin: 0;
  padding: 9px;
}

#home #link_btns>div .h2_title{
  width: 100%;
  margin: 0 auto 30px;
  text-align: center;
  position: relative;
  left: auto;
  font-size: 28px;
  padding: 10px 0;
  }


  

/*縮�T巷勅のボタン*/
#content_01 .news_list {
  border-width: 42px 15px 20px;
}

p.LinkInfo.is-hidden {
  position: absolute;
  display: block;
  text-align: right;
  top: 100px;
  right: 0;
}

/* 縮�T巷勅 匯�Eへのリンク */
p.LinkInfo.is-hidden a.entry_list {
  display: inline-block;
  width: 145px;
  margin: 0 5px;
  padding: 4px 0;

  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 18px;
  border: 2px #158f8f solid;
  background-color: #158f8f;
  transform: .5s all;
}

p.LinkInfo.is-hidden a.entry_list{
  color: #FFF;
}

p.LinkInfo.is-hidden a.entry_list:hover {
  color: #158f8f;
  background: #FFF;
}


/* 戻竃���� 匯�Eへのリンク */
#content_01 p.LinkInfo.btn_box.is-hidden {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #efefef;
}

#content_01 p.LinkInfo.btn_box.is-hidden a {
  padding: 8px 23px 5px 26px;
}


/* dotte
------------------------------------ */
#two_info #list_news .slick-dots li {
  margin: 0 8px !important;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #e6bc70;
}


/* -----------------
栽鯉�k燕
----------------- */
#goukaku {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin: -44px auto 20px;
  background: transparent;
}

#goukaku>div{
  width: 100%;
  padding: 7px 5px;
  text-align: center;
  background: transparent;
}

#goukaku>div a{
  display: block;
  transition: .5s all;
}

#goukaku>div a:hover{
  opacity: .8;
}

#goukaku>div a img {
  width: 100%;
}


/* -----------------
campusguide
----------------- */
.box_l .campusguide {
  display: none;
}

.campusguide {
  margin: 0 16px;
  padding:5px;
  background:#efefef; 
  margin-bottom:20px; 
  border: 1px #ccc solid;
}

.campusguide a img {
  width: 100%;
  transition: .5s all;
}

.campusguide a:hover img {
  opacity: .5;
}