@charset "UTF-8";

/*/////////////////////////////////////////

>>マウスオーバー

/////////////////////////////////////////*/

.card-list__item a { background-color: #FFF}
.card-list__item a:not(.nbg):hover { background-color: #F9DF36}
.card-list__contents { background-color: transparent !important;}
.card-list__img { background-color: transparent !important;}
.search-purpose__item a:hover,
.search-area-link__item a:hover { background-color: #F9DF36;}
.article .link a { background: #FFF;}
.article .link a:hover { background: #F9DF36;}


#footer-flex-box {  position: fixed; bottom: 0; left: 0; width: 100%; box-shadow: 0 0 10px 10px rgba(0,0,0, 0.1); z-index: 999999; transition: .3s; }

#footer-flex-box .conversion__button { position: relative;}
#footer-flex-box .conversion__button > a { position: relative;
display: block;
margin: 0 auto;
width: auto;
height: 60px;
padding-left: 10px;
color: #fff;
font-size: 1.25rem;
font-weight: normal;
text-align: center;
line-height: 60px;
background: linear-gradient(to right, #e77207 0%, #eb8d04 50%, #e97d06 100%);
border-radius: 6px;
border-bottom: 4px solid #e55508;
}

#footer-flex-box .conversion__button > a::before {
position: absolute;
content: "";
}

#footer-flex-box .conversion__button > a::before {
top: 50%;
border-top: 3px solid #f9d917;
border-right: 3px solid #f9d917;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}

#footer-flex-box .conversion__button > a {
padding-left: 30px;
}

#footer-flex-box .conversion__button::after {
position: absolute;
top: 8px;
left: 0px;
content: "";
display: block;
width: 70px;
height: 48px;
background: url(/wp-content/themes/tsushinsei/img/img_student_01.png) 0 0 no-repeat;
background-size: 70px 48px;
}

#footer-flex-box .conversion__button strong {
position: relative;
font-weight: normal;
}

#footer-flex-box .conversion__button strong::before {
position: absolute;
top: -12px;
left: 7px;
content: "";
display: block;
width: 7px;
height: 7px;
font-size: .5rem;
background-color: #f9d917;
border-radius: 50%;
}

#footer-flex-box .conversion__button strong::after {
position: absolute;
top: -12px;
left: 27px;
content: "";
display: block;
width: 7px;
height: 7px;
font-size: .5rem;
background-color: #f9d917;
border-radius: 50%;
}


/*/////////////////////////////////////////

>>問い合わせフォーム

/////////////////////////////////////////*/

table td input[type="text"] { border: 1px solid #ccc; padding: 0.2rem;}
table td textarea { border: 1px solid #ccc; padding: 0.2rem;}
#button input[type="submit"] { width: 60%; margin: 20px auto; display: block; background: #ccc; border-radius: 4px; box-shadow: 2px 2px 0 #777; padding: 20px; box-sizing: border-box; cursor: pointer; font-size: 1.2rem}

/*/////////////////////////////////////////

>>記事コンテンツのタグ微調整など

/////////////////////////////////////////*/

.article h2 + p { margin-top: 40px;}
.article > p strong { color: #f00;}
.article .alignright { float: right; margin: 0 0 1rem 1rem;}
.article .alignleft { float: left; margin: 0 1rem 1rem 0;}
.article td { background: #fff;}
.scroll { margin: 20px 0;}
.scroll table{ width:100%;}
.scroll{ overflow: auto; white-space: nowrap; }
.scroll::-webkit-scrollbar{ height: 5px;}
.scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
.article .point__detail h4:nth-child(1) { margin-top: 0;}
.article .point__detail .link { margin-top: 20px; margin-bottom: 20px;}
.article h5 { margin: 30px 0 15px; padding: 10px 0; font-weight: bold;}

.other-post__heading > span a { color: #000;}


.search-area-link__item.status:not(:nth-child(4n+1)) {
  margin-left: 0;
}

.search-area-link__item.status {
  margin-top: 10px;
}
.page .contents-grid {
  padding-top: 75px;
}


  .category-archive-heading > span {
    width: 95%;
  }
  .article .aligncenter {
    display: block;
    margin: 0 auto;
    margin-bottom: 7.8125%;
  }
 .school-ranking-archive-list__school-name a {
   color: #fff;
 }
 .school-ranking-archive-list__school-name a:hover {
   text-decoration: underline;
 }
  .join-list__item {
    width: calc(50% - 7px);
  }

.search.search-results .main .contents-grid > .contents-inner {
  padding: 0;
}

.search.search-results .main .card-list__item {
  width: 100%;
}

.search.search-results .main .card-list__item.pickup {
  position: relative;
}

.search.search-results .main .card-list__item + .card-list__item {
  margin-top: 20px;
}

.search.search-results .main .card-list__contents {
  display: block;
  background-color: #fff;
}

.search.search-results .main .card-list__heading {
  color: #2f74b7;
  font-weight: bold;
}

.search.search-results .main .card-list__heading > a {
  color: #2f74b7;
}

.school-ranking-archive-header__research {
  position: relative;
}

.school-ranking-archive-header__research
.search__tab-panel__area__item {
  margin-top: 10px;
  padding-top: 10px;
}

.school-ranking-archive-header__research 
.search-area-link__item:not(:nth-child(4n+1)) {
  margin-left: inherit;
}

.school-ranking-archive-header__research 
.search-area-link__item:nth-child(n+5) {
  margin-top: inherit;
}
.school-ranking-archive-header__research 
.search-area-link__item:nth-child(n+6) {
  margin-top: 10px;
}
.search__tab-panel__item_wrap {
  overflow: hidden;
}

.school-ranking-archive-header__research 
.search__tab-panel__item {
  background: rgba(47, 116, 183, 0.7);
  position: absolute;
  z-index: 2;
  top: 100px;
  box-sizing: border-box;
  padding: 15px 15px 15px 10px;
}
.school-ranking-archive-header__research
.search-area-link__item {
width: calc(20%);
}

.search-area-link__item.status {
width: 100% !important;
}
.search-area-link__item.status > a {
width: 100% !important;
}
.school-ranking-archive-header__research 
.search-area-link__item.status:nth-child(n+4) {
  margin-top: 10px;
}

/*/////////////////////////////////////////

>>PCのみ指定

/////////////////////////////////////////*/

@media screen and (min-width: 768px) {

#footer-flex-box { display: none;}
.header-logo-area h1 { font-size: .75rem; margin-bottom: 8px; color: #FFF;}
.header-logo-area h2 { font-size: .675rem; color: #FFF; line-height: 1.3;}
.header-logo-area { width: 700px;}/*どうしても変な位置で折り返してしまうので*/
.header-logo__img { float: left;}
.header .conversion__button > a {
width: 205px;
}

  .search-wrap .conversion__button > button {
    position: relative;
    display: block;
    width: 100%;
    height: 84px;
    padding-left: 10px;
    color: #fff;
    font-size: 1.375rem;
    font-weight: bold;
    text-align: center;
    line-height: 84px;
    background: linear-gradient(to right, #e77207 0%, #eb8d04 50%, #e97d06 100%);
    border-radius: 6px;
    border-bottom: 4px solid #e55508;
    cursor: pointer;
  }

  .search-wrap .conversion__button > button::before {
    position: absolute;
    content: "";
  }

  .search-wrap .conversion__button > button::before {
    top: 50%;
    border-top: 3px solid #f9d917;
    border-right: 3px solid #f9d917;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
  }
  .conversion__button > a:hover,
  .conversion__button > button:hover {
    background: linear-gradient(to right, #e77207 0%, #FFBE5C 50%, #e97d06 100%);
  }
  .search.search-results .main .card-list__img {
    width: 180px;
    background-color: #fff;
  }

  .search.search-results .main .card-list__contents {
    padding: 30px 35px;
    width: calc(100% - 180px);
  }

  .search.search-results .main .card-list__heading {
    margin-bottom: 15px;
    font-size: 1.25rem;
  }
  
  
}

/*/////////////////////////////////////////

>>スマホのみ指定

/////////////////////////////////////////*/

@media screen and (min-width: 320px) and (max-width: 767px) {
  .single .main .search-wrap {
    display: block;
  }
  .single .main .search-wrap p,
  .single .main .search-wrap img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


.header-logo-area h1 { display: none;}
.header-logo-area h2 { display: none;}
  .search__tab-panel__area__item {
    margin-top: 0;
    padding-top: 0;
  }

  .search-wrap .conversion__button > button {
    position: relative;
    display: block;
    width: 100%;
    height: 64px;
    padding-left: 10px;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    line-height: 64px;
    background: linear-gradient(to right, #e77207 0%, #eb8d04 50%, #e97d06 100%);
    border-radius: 6px;
    border-bottom: 4px solid #e55508;
  }

  .search-wrap .conversion__button > button::before {
    position: absolute;
    content: "";
  }

  .search-wrap .conversion__button > button::before {
    top: 50%;
    border-top: 3px solid #f9d917;
    border-right: 3px solid #f9d917;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
  }

  .sogo-ranking .card-list__item {
    width: 100%;
  }
  .sogo-ranking .card-list__contents {
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */