@charset "utf-8";

/* ************************************************ 
*	サイト内検索
* ************************************************ */	
.re-search-wrapper {
position: relative;
width: 1040px;
margin: 0 auto 100px auto;
}

/* 検索 */
.re-searchbox {
padding: 0;
margin: 0 auto 100px auto;
display: flex;
justify-content: center;
width: 100%;
max-width: 640px;
}
.re-searchbox form{
margin: 0 auto;
width: 100%;
}

#re-search-text{
box-sizing: border-box;
-webkit-appearance:none;/*SafariやChromeのデフォルトの設定を無効*/
width: 100%;
height: 68px;
margin: 0 auto;
padding: 0 50px 0 32px;
border: 1px solid #D9D9D9;
background: url("../images/common/icon_search_bk.svg") no-repeat;
background-position: center right 20px;
background-color: rgba(255,255,255,0);
background-size: 26px 26px;
transition: all 0.5s;
outline: none;
cursor: pointer;
font-size: 20px;
border-radius: 50vh;
box-shadow: none;
color: #222;
}
#re-search-text::placeholder{
color: #717171;
}
input::-webkit-search-cancel-button {
appearance: none;
}


/* 見出し */
.re-search-midashititle__ttl {
  width: 100%;
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
  margin: 0;
  padding: 40px 0 60px 0;
  border-top: 1px solid #ddd;
  position: relative;
}
.re-search-midashititle__ttl:before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 96px;
  height: 4px;
  content: '';
  background: #0292DD;
}

/* 検索結果 */
.re-search-contentsbox{
margin: 0 0 100px 0;
}
.re-search-contentsbox p{
font-size: 16px;
line-height: 1.8;
}


.midashi-cate-sponsor,
.midashi-cate-researcher,
.midashi-cate-center,
.midashi-cate-general {
  font-size: 24px;
  line-height: 1.8;
  font-weight: 400;
  margin: 0 0 40px 0;
  padding: 12px 0 12px 48px;
  position: relative;
}
.midashi-cate-sponsor {
  background-color:#F1F9F7;
}
.midashi-cate-researcher {
  background-color:#FFF4F6;
}
.midashi-cate-center {
  background-color:#F2FBFD;
}
.midashi-cate-general {
  background-color:#EDFAFC;
}

.midashi-cate-sponsor::before,
.midashi-cate-researcher::before,
.midashi-cate-center::before,
.midashi-cate-general::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 28px;
  height: 4px;
  content: '';
}
.midashi-cate-sponsor::before {
  background: #30A693;
}
.midashi-cate-researcher::before {
  background: #FF667E;
}
.midashi-cate-center::before {
  background: #0292DD;
}
.midashi-cate-general::before {
  background: #00B5DA;
}


.midashi-basic-sponsor,
.midashi-basic-researcher,
.midashi-basic-center,
.midashi-basic-general {
  width: 100%;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  padding: 24px 0 32px 0;
  border-top: 1px solid #ddd;
  position: relative;
}
.midashi-basic-sponsor::before,
.midashi-basic-researcher::before,
.midashi-basic-center::before,
.midashi-basic-general::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 96px;
  height: 4px;
  content: '';
}
.midashi-basic-sponsor::before {
  background: #30A693;
}
.midashi-basic-researcher::before {
  background: #FF667E;
}
.midashi-basic-center::before {
  background: #0292DD;
}
.midashi-basic-general::before {
  background: #00B5DA;
}


.midashi-sub-sponsor,
.midashi-sub-researcher,
.midashi-sub-center,
.midashi-sub-general {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  margin: 0 0 28px 0;
  padding: 16px 20px 14px 20px;
  position: relative;
}
.midashi-sub-sponsor {
border-left: 4px solid #30A693;
background-color: #F8F8F8;
}
.midashi-sub-researcher {
border-left: 4px solid #FF667E;
background-color: #F8F8F8;
}
.midashi-sub-center {
border-left: 4px solid #0292DD;
background-color: #F8F8F8;
}
.midashi-sub-general {
border-left: 4px solid #00B5DA;
background-color: #F8F8F8;
}

.midashi-sub-sponsor a,
.midashi-sub-researcher a,
.midashi-sub-center a,
.midashi-sub-general a{
color: #006EBC;
text-decoration: underline;
}

.midashi-sub-sponsor a:hover{
color: #30A693;
text-decoration: none;
}
.midashi-sub-researcher a:hover{
color: #FF667E;
text-decoration: none;
}
.midashi-sub-center a:hover{
color: #0292DD;
text-decoration: none;
}
.midashi-sub-general a:hover{
color: #00B5DA;
text-decoration: none;
}


/* カテゴリートップへ戻るボタン */	
.re-category-top-btn{
padding: 0;
margin: 0 auto 100px auto;
width: 288px;
}
.re-category-top-btn a{
box-sizing: border-box;
display: block;
flex-wrap: wrap;
align-content: center;
height: 62px;
background-color: #fff;
font-size: 16px;
color: #222;
padding: 0 0 0 30px;
text-align: center;
border: 1px solid #D9D9D9;
border-radius: 10px;
background-size: 12px;
background-position: left 23px center;
background-image:url("../images/common/subnav_arrow_back.svg");
background-repeat: no-repeat;
line-height:1;
}
.re-category-top-btn a:hover{
color: #222;
opacity: 0.7;
}





/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.re-search-wrapper { width: 90%; }
.re-search-midashititle__ttl {
font-size: 24px;
padding: 30px 0 40px 0;
}

}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.re-search-wrapper { width: 90%; }

.re-searchbox {
margin: 0 auto 60px auto;
}

.re-search-midashititle__ttl {
font-size: 6vw;
margin: 17px auto 0 auto;
padding: 22px 0 33px 0;
}
.re-search-midashititle__ttl:before { width: 72px; }

.re-category-top-btn{
margin: 0 auto 60px auto;
width: 80%;
}
.re-faq-sponsor-subtitle {
font-size: 5.25vw;
margin: 0 0 28px 0;
}

#re-search-text{
height: 56px;
margin: 0;
padding: 0 50px 0 32px;
background: url("../images/common/icon_search_bk.svg") no-repeat;
background-position: center right 20px;
background-size: 26px 26px;
font-size: 4.5vw;
}

.re-search-contentsbox{
margin: 0 0 60px 0;
}

.midashi-cate-sponsor,
.midashi-cate-researcher,
.midashi-cate-center,
.midashi-cate-general {
font-size: 5.25vw;
margin: 0 0 32px 0;
padding: 8px 0 8px 40px;
}

.midashi-cate-sponsor::before,
.midashi-cate-researcher::before,
.midashi-cate-center::before,
.midashi-cate-general::before {
width: 20px;
height: 4px;
}

.midashi-basic-sponsor,
.midashi-basic-researcher,
.midashi-basic-center,
.midashi-basic-general {
font-size: 5vw;
padding: 18px 0 24px 0;
}
.midashi-basic-sponsor::before,
.midashi-basic-researcher::before,
.midashi-basic-center::before,
.midashi-basic-general::before {
width: 64px;
height: 4px;
}

.midashi-sub-sponsor,
.midashi-sub-researcher,
.midashi-sub-center,
.midashi-sub-general {
font-size: 4.5vw;
margin: 0 0 20px 0;
padding: 12px 16px 12px 16px;
}


.re-category-top-btn a{
padding: 0 0 0 20px;
height: 52px;
font-size: 4.25vw;
}
.re-category-top-btn a:hover{
color: #222;
opacity: 0.7;
}

}