/* style.css */

/*---------------------
フォント関連
---------------------*/

:root {
/*サイズ*/
  --font-h1: 32px;
  --font-h2: 24px;
  --font-h3: 20px;
  --font-h4: 16px;
  --font-h5: 14px;
  --font-h6: 12px;

/*カラー*/
  --color1: #343F5C;
		--color2: #3D5999;
		--color3: #4768B2;
		--color4: #D9D9D9; /*検索などの枠線、ヘアライン*/
		--color5: #D5E3F2; /*アンカー、チェックボックスなどのラベル*/
		
/*カラー（コンピテンシー）*/
--color-comp-o:#BD6C53;
--color-comp-g:#489963;
--color-comp-b:#5E78B8;
--color-comp-p:#9173BA;

/*角丸*/
		--radius-20: 20px;
		--radius-18: 18px;
		--radius-16: 16px;
		--radius-12: 12px;
		--radius-8: 8px;
}



body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
}

.wrapper {
    /*min-width: 1000px;*/
    width: 100%;
    margin: 0 auto;
				overflow: hidden;
				color: var(--color1);
}

p, a, li, dd, dt, span, div, h1, h2, h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: normal;
    box-sizing: border-box;
    font-size: 1em;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
    /*opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;*/
}

#content a {
text-decoration: underline;
position: relative;
}
#content a:hover {
text-decoration: none;
}

.block-section a[target="_blank"]::after {
content: "";
display: inline-block;
width: 0.75em;
height: 1em;
background: url(/wp-content/themes/ResearcherPlus/img/common/icons/icn-blank.svg) center center /contain no-repeat;
vertical-align: middle;
}


.img__list a,
.rs-search____btn {
text-decoration: none !important;
}

img {
    max-width: 100%;
}

.sp {
    display: none!important;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

.sup {
    vertical-align: super;
    font-size: smaller;
}

@media screen and (min-width:768px) {
    .sp_header {
        display: none;
    }
    .sp-fixed-menu {
        display: none;
    }
    ul.page_navi li span.survey {
        min-width: 90px;
    }
}

.mt0 {
    margin-top: 0!important;
}

.mt10 {
    margin-top: 10px!important;
}

.mt20 {
    margin-top: 20px!important;
}

.mt30 {
    margin-top: 30px!important;
}

.mt40 {
    margin-top: 40px!important;
}

.mt50 {
    margin-top: 50px!important;
}

.mt60 {
    margin-top: 60px!important;
}

.mt70 {
    margin-top: 70px!important;
}

.mt80 {
    margin-top: 80px!important;
}

.mt90 {
    margin-top: 90px!important;
}

.mt100 {
    margin-top: 100px!important;
}

.mb0 {
    margin-bottom: 0!important;
}

.mb5 {
    margin-bottom: 5px!important;
}

.mb10 {
    margin-bottom: 10px!important;
}

.mb15 {
    margin-bottom: 15px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.mb25 {
    margin-bottom: 25px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.mb40 {
    margin-bottom: 40px!important;
}

.mb50 {
    margin-bottom: 50px!important;
}

.mb60 {
    margin-bottom: 60px!important;
}

.mb70 {
    margin-bottom: 70px!important;
}

.mb80 {
    margin-bottom: 80px!important;
}

.mb90 {
    margin-bottom: 90px!important;
}

.mb100 {
    margin-bottom: 100px!important;
}

a.youtube:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 14px;
    background-image: url(/innov-jinzai/sekai/img/common/movie_ic.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
    margin-top: -4px;
}

.radius-1 {
border-radius: var(--radius-16);
overflow: hidden;
}

.radius-2 {
border-radius: var(--radius-8);
overflow: hidden;
}

/*----------------------------------
Page_head
------------------------------------*/

.jst_logo_sp {
    display: none;
}

header {
    margin: 0 auto;
    box-shadow: 0px 5px 5px -5px rgba(112,112,112,0.5);
    position: relative;
				z-index: 2;
}

.h_logo {
    width: 178px;
    margin-left: 10px;
}
.page_head {
    width: 100%;
}

.h_top {
width: 100%;
/*max-width: 1120px;*/
margin: auto;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 14px;
}

.h_top .h_name {
    width: 188px;
    margin: 0px 30px 0px 41px;
}

.h_top .h_name img {
vertical-align: bottom;
}

.page_navi.pc .h_top_link {
width: auto;
padding: 0px;
position: static;
display: flex;
justify-content: flex-end;
margin-top: 10px;
}

.h_top_link li {
    font-size: 0.75em;
				line-height: 1em;
    margin-right: 20px;
				margin-top: -4px;
}
.h_top_link li:last-child {
margin-right: 35px;
}

.h_top_link li a {
display: block;
position: relative;
padding-left: 1em;
}

.h_top_link li a:before {
content: '';
				display: block;
    width: 7px;
    height: 8px;
				background: url(/wp-content/themes/ResearcherPlus/img/common/nav-arrow-bk.svg) center center / contain no-repeat;
				position: absolute;
				left: 0px;
				top: 6px;
}

.h_top_link li a:hover {
    opacity: 0.7!important;
}

.page_head_wrap {
/*    height: 118px;*/
    background: #fff;
    background: rgba(255, 255, 255, .8);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 1000px;
    /*max-width: 1120px;*/
    margin: 0 auto;
}

.page_head {
width: 100%;
    margin: 0 auto;
    position: relative;
    position: static;
    display: block;
}

/*--------------------------------
グローバルナビゲーション
--------------------------------*/
ul.page_navi {
    display: flex;
				justify-content: space-between;
				align-items: stretch;
    width: 100%;
    margin: 0;
    z-index: 990;
				border-top: solid 1px var(--color4);
				border-bottom: solid 1px var(--color4);
}

ul.page_navi > li.h_logo_sp {
    display: none;
}

ul.page_navi > li {
display: flex;
flex: 1;
justify-content: center;
align-items: center;
position: relative;

}
ul.page_navi > li:nth-child(-n+5) {
border-right: solid 1px var(--color4);
}

ul.page_navi > li > a {
width: 100%;
height: 50px;
display: flex;
flex-wrap: wrap;
flex: 1;
justify-content: center;
align-items: center;
color: var(--color1);
position: relative;
font-size: var(--font-h5);
align-content: center;
}

ul.page_navi > li > a span {
display: inline-block;
text-align: center;
}


ul.page_navi li a:hover {
    opacity: 1;
}

/*ヘッダ検索*/
/*input,textarea {
  -webkit-appearance: none;
}*/


/*----------------------------------
検索ボックス（ヘッダー）
------------------------------------*/
.search_area {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
				margin-right: 43px;
}

.h_searchbox {
    width: 230px;
    margin-top: -7px;
    margin-right: 10px;
}

ul.page_navi.pc li.search_area_wrap {
width: 500px;
display: flex;
justify-content: flex-end;
align-items: flex-start;
position: absolute;
top: 14px;
right: 0;
}

.header_main_inr_sec .search_box {
    top: 0;
}

.en #g-k-w-search {
    position:absolute;
    top: -92px;
    left: 38%;
}

#g-k-w-search td,
#g-k-w-search th {
    border-bottom: none;
}

#g-k-w-search .gsc-control-cse { padding: 0; }
/* テキストボックスに文字入力したときに出る「×」マークの位置調整用の指定 */
#g-k-w-search .gsc-search-box {
    position: relative;
    margin-bottom: 0;
}

.gsc-search-box {
    border-radius: 20px;
    padding: 0!important;
}

#g-k-w-search .gsc-search-box tr,
#g-k-w-search .gsc-search-box td { display: block; }
#g-k-w-search .gsc-search-box .gsc-input-box { padding-top:0; }

/* テキストボックスの親要素。width指定しつつfloatで左寄せ */
#g-k-w-search .gsc-search-box td.gsc-input,
#g-k-w-search .gsc-search-box td.gsc-input .gstl_50 {
    box-sizing: border-box;
    width: 100%!important;
    padding: 0 !important;
    height: 32px;
    vertical-align: middle;
    float: left;
}
#g-k-w-search .gsc-search-box td.gsc-input {
width: 210px !important;
display: none;
margin-right: -40px;
}
#g-k-w-search .gsc-search-box .gsib_a {
    width: 100%!important;
    padding: 0 !important;
}

/* テキストボックスのデザイン設定 */
#g-k-w-search .gsc-search-box input#gsc-i-id1,
#g-k-w-search .gsc-search-box input#gsc-i-id2 {
    box-sizing: border-box;
    height: 32px !important;
    padding: 5px 30px 5px 25px!important;
    border-radius: 20px;
    background-position: 15px center!important;
    border: 1px solid #707070!important;
    font-size: 14px;
    color: #272727;
}

#g-k-w-search .gsc-search-box td#gs_tti51 { margin-bottom: 5px; }
/* ボタンの親要素。width指定しつつfloatで左寄せ */
#g-k-w-search .gsc-search-box td.gsc-search-button {
    width: 20px !important;
    height: 32px;
    float: left;
    background: url(/wp-content/themes/ResearcherPlus/img/common/icon_search.svg) 96% center no-repeat;
}

/* テキストボックスに文字入力したときに出る「×」マークの位置調整 */
#g-k-w-search .gsc-search-box .gsib_b {
    position: absolute;
    width: 20px;
    left: 0;
    top: 3px;
}

/* デフォルトで設定されている(疑似的な)テキストボックスの
デザイン設定を解除 */
#g-k-w-search .gsc-search-box .gsc-input-box,
#g-k-w-search .gsc-search-box .gsc-input-box-hover,
#g-k-w-search .gsc-search-box .gsc-input-box-focus {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0;
}

/* 検索ボタンの背景をボタンのように見せかける */
#g-k-w-search .gsc-search-box .gsc-search-button {
    width: 20px;
    height: 30px;
    /*position: absolute;
    right: 10px;
    top:0;*/
    padding: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: pointer;
    border: none;
}

html .gsc-search-button-v2, html .gsc-search-button-v2:hover, html .gsc-search-button-v2:focus {
    border-color: none;
    background-color: rgba(0,0,0,0);
    background-image: none;
    filter: none;
}

#g-k-w-search .gsc-search-box .gsc-search-button svg {
    display: none;
}

/* 検索ボタンの背景部分にテキストを表示させる */
#g-k-w-search .gsc-search-box .gsc-search-button:before {
    position: absolute;
    top: 35%;
    left: 30%;
    content: '';
    color: #FFF;
}

/* 検索ボタンを透明化し背景のみを表示させる */
#g-k-w-search .gsc-search-box input.gsc-search-button-v2,
#g-k-w-search .gsc-search-box input.gsc-search-button {
    width: 10px;
    height: 50px;
    padding: 0 !important;
    opacity: 0;
}

/*------ ↓ハンバーガーメニュー -------*/
#menuButton {
    overflow: hidden;
    display: none;
    position: relative;
    z-index: 0;
    width: 75px;
    height: 30px;
    cursor: pointer;
    float: right;
    margin-top: 6px;
    margin-right: 20px;
}

#menuButton span,
#menuButton::before,
#menuButton::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right: 0;
    width: 23px;
    height: 1px;
    margin: auto;
    background: #707070;
}
#menuButton span {
  overflow: hidden;
  z-index: 1;
  color: #707070;
}
#menuButton::before {
  z-index: 2;
  transform: translate(0, -8px);
  content: "";
}
#menuButton::after {
  z-index: 2;
  transform: translate(0, 8px);
  content: "";
}

#menuButton span {
    opacity: 1;
    transition: opacity 150ms 50ms;
    padding: 0;
}
#menuButton::before,
#menuButton::after {
  transition: transform 200ms;
}

#menuButton.active span {
  opacity: 0;
  transition: opacity 150ms;
}
#menuButton.active::before {
  transform: rotate(45deg);
}
#menuButton.active::after {
  transform: rotate(-45deg);
}
/*------ ↑ハンバーガーメニュー -------*/

/*------ ↓現行サイトで存在しない?-------*/
.menu > ul > li > a > span:before {
    content: none;
}

.menu_img {
    width: 170px;
}
/*------ ↑現行サイトで存在しない?-------*/

@media screen and (max-width:860px) {
    .h_searchbox {
        width: 200px;
    }
    #form01 {
        max-width: 200px;
    }
    .h_contact {
        min-width: 240px;
    }
    .h_contact a {
        font-size: 11px;
    }
}


/*----------------------------------
Page Top
------------------------------------*/

#pageTop {
    position: fixed;
    bottom: 8%;
    left: 93%;
    z-index: 997;
}

#pageTop a {
    display: block;
    width: 60px;
}

/* スクロール フェードイン
-------------------------------------------------- */
.fade-in {
  opacity: 0;
  transition: 2s;
}

.fade-in-up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 1s;
}

.fade-in.scroll-in {
  opacity: 1;
}

.fade-in-up.is-show {
    transform: translate(0, 0);
    opacity: 1;
}

/*----------------------------------
footer
------------------------------------*/

footer {
position: relative;
z-index: 1;
background: #333;
border-top: solid 1px var(--color4);
}

.ft_inner {
    margin: 0 auto;
}

.ft_link_list_cont {
width: calc(100% - 60px);
max-width: 1160px;
display: flex;
justify-content: space-between;
margin: auto;
padding: 52px 0px 88px;
}

/*@media screen and (min-width: 1100px) {
.ft_link_list_cont {
padding-left: calc((100vw - 1050px) / 2);
padding-right: calc((100vw - 1050px) / 2);
}
}*/

.ft_link_list {
}
.ft_link_item {
line-height: 1em;
}
.ft_link_item__cont:not(:first-child) {
margin-top: 24px;
}
.ft_link_item.ft_link_s {
margin-top: 12px;
}

.ft_link_item a {
display: inline-block;
font-size: var(--font-h5);
color: #fff;
padding: 0 0 0 1em;
transition: all 0.15s;
position: relative;
left: 0px;
}
.ft_link_item a:hover {
left: 0.5em;
}

.ft_link_item.ft_link_s a {
font-size: var(--font-h6);
line-height: 1em;
margin-left: 1.5em;
}

.ft_link_item.ft_link_n a:before {
    content: '';
				display: block;
    width: 7px;
    height: 8px;
				background: url(/wp-content/themes/ResearcherPlus/img/common/nav-arrow-w.svg) center center / contain no-repeat;
				position: absolute;
				left: 0px;
				top: 7px;
}
.ft_link_item.ft_link_s a:before {
    content: '';
				display: block;
    width: 4.36px;
    height: 2.18px;
				background: #fff;
				position: absolute;
				left: 0px;
				top: 50%;
				margin-top: -1px;
}

.ft_social_list {
width: 48px;
}
.ft_social_item {
height: 48px;
display: block;
font-size: 6px;
}
.ft_social_item:not(:last-child) {
margin-bottom: 12px;
}
.ft_social_item a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.ft_social_item a:hover {
background: #272727;
color: #fff;
}

.ft_copy {
    padding: 10px 0;
				background: #F3F4F5;
}

.ft_copy p {
    font-size: 0.813em;
    text-align: center;
}


/*----------------------------------
フッター
------------------------------------*/

/*----- バナー -----*/

.top_ban {
padding: 52px 0px;
background: #fff;
}

ul.ban_list {
width: calc(100% - 60px);
 max-width:  814px;
 margin: 0 auto;
 display: grid;
	grid-template-areas: 
	"gr1 gr2 gr3 gr4 gr5"
	"gr6 gr7 gr8 gr9 gr10";
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	column-gap: 16px;
 row-gap: 16px;
	}

ul.ban_list::before,
ul.ban_list::after {
content: "";
display: block;
}
ul.ban_list li,
ul.ban_list::before,
ul.ban_list::after {
}
ul.ban_list li img {
vertical-align: bottom;
}
ul.ban_list::before {
order: 1;
/*gird-area: gr1;*/
}
.ban_item_1 {
order: 2;
/*gird-area: gr2;*/
}
.ban_item_2 {
order: 3;
/*gird-area: gr3;*/
}
.ban_item_3 {
order: 4;
/*gird-area: gr4;*/
}
ul.ban_list::after {
order: 5;
/*gird-area: gr5;*/
}
.ban_item_4 {
order: 6;
/*gird-area: gr6;*/
}
.ban_item_5 {
order: 7;
/*gird-area: gr7;*/
}
.ban_item_6 {
order: 8;
/*gird-area: gr8;*/
}
.ban_item_7 {
order: 9;
/*gird-area: gr9;*/
}
.ban_item_8 {
order: 10;
/*gird-area: gr10;*/
}

ul.ban_list li a {
    display: block;
    width: 100%;
				transition: all 0.2s;
				border: solid 1px var(--color4);
}
ul.ban_list li a:hover {
opacity: 0.5;
}


/*----------------------------------
Competency
------------------------------------*/

ul.cpt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-top: 1px dotted #141772;
    margin-top: 15px;
}

ul.cpt li {
    margin-right: 15px;
}

ul.cpt li:last-of-type {
    margin-right: 0;
}

ul.cpt li a {
    text-decoration: none!important;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

ul.cpt li a span {
    line-height: normal;
    font-size: 0.938em;
}

.cpt01,
.cpt02,
.cpt03,
.cpt04,
.cpt05,
.cpt06,
.cpt07,
.cpt08,
.cpt09,
.cpt10,
.cpt11,
.cpt12,
.cpt13,
.cpt14,
.cpt15,
.cpt16 {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ccc;
    color: #fff;
    font-size: 0.75em;
    text-align: center;
    margin-right: 5px;
    margin-top: 3px;
}

.cpt01,
.cpt02,
.cpt03,
.cpt04,
.cpt05,
.cpt06 {
    background-color: #C4540E;
}

.cpt07,
.cpt08,
.cpt09 {
    background-color: #1D870B;
}

.cpt10,
.cpt11,
.cpt12,
.cpt13 {
    background-color: #3060D3;
}

.cpt14,
.cpt15,
.cpt16 {
    background-color: #624590;
}

ul.cpt.cpt_ut {
    border-top: none;
    margin-bottom: 40px;
}

ul.cpt.u_title {
    border-top: none;
    margin-bottom: 30px;
}

/*------ ↓リニューアルサイトでは不要？ -------*/
/*----------------------------------
Inner Links area
------------------------------------*/

.inLinks {
    background-color: rgba(42,126,148,0.3);
}

.inLinks .inner {
    padding-top: 30px;
    padding-bottom: 40px;
}

.inLinks .inLinks_title {
    font-size: 1.125em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-weight: 700;
}

.inLinks_01 .inner {
    max-width: 540px;
    min-width: auto;
}

.inLinks_03 .inner {
    max-width: 620px;
    min-width: auto;
}

.inLinks_04 .inner {
    max-width: 830px;
    min-width: auto;
}

.inLinks_02 ul,
.inLinks_03 ul,
.inLinks_04 ul {
    display: flex;
    justify-content: center;
}

.inLinks_01 ul li {
    width: 100%;
}

.inLinks_02 ul li {
    width: 540px;
    margin-right: 30px;
}

.inLinks_03 ul li {
    width: 200px;
    margin-right: 10px;
}

.inLinks_04 ul li {
    width: 200px;
    margin-right: 10px;
}

.inLinks_01 ul li,
.inLinks_02 ul li:last-child,
.inLinks_03 ul li:last-child,
.inLinks_04 ul li:last-child {
    margin-right: 0;
}

.inLinks_01 ul li a,
.inLinks_02 ul li a,
.inLinks_03 ul li a,
.inLinks_04 ul li a {
    display: block;
    background-color: #fff;
    border: 1px solid #327E94;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    font-weight: 500;
}

.inLinks_01 ul li a:after,
.inLinks_02 ul li a:after,
.inLinks_03 ul li a:after,
.inLinks_04 ul li a:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/innov-jinzai/sekai/img/common/inlinks_ar.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
/*------ ↑リニューアルサイトでは不要？ -------*/

/*------ コンテンツスペース ------*/
#content {
width: 100%;
max-width: 1060px;
margin: 0px auto 120px;
padding: 48px 30px 0px;
}
.home #content {
margin-bottom: 0px;
}

.content--w1 {
max-width: 1135px !important;
margin-left: auto;
margin-right: auto;
}
.content--w1000 {
max-width: 1000px !important;
margin-left: auto;
margin-right: auto;
}
.content--w1280 {
max-width: 1280px !important;
margin-left: auto;
margin-right: auto;
}
/*------ セクション ------*/
section:not(:last-child) {
margin-bottom: 64px;
}
.sec__inner:not(:last-child) {
margin-bottom: 40px;
}

/*リード*/
.lead__box {
font-size: var(--font-h5);
line-height: 1.8;
margin-bottom: 44px;
}

/*------ 本文 ------*/
.txt__box:not(:last-child) {
margin-bottom: 12px;
}
.txt__box--12 {
font-size: 14px;
line-height: 1.6em;
}
.txt__box--14 {
font-size: 14px;
line-height: 1.8em;
}
.txt__box--16 {
font-size: 16px;
line-height: 1.8em;
}
.txt__box--18 {
font-size: 18px;
line-height: 28.9px;
}

/*リスト*/
.cmn__list--01 {
line-height: 1.6em;
}
.cmn__item--01 {
padding-left: 1.2em;
position: relative;
}
.cmn__item--01:not(:last-child) {
margin-bottom: 0.5em;
}
.cmn__item--01::before {
content: "";
width: 0.3em;
height: 0.3em;
border-radius: 50%;
background: #000;
position: absolute;
left: 0.4em;
top: 0.65em;
}
.cmn__list--01:not(:first-child) {
margin-top: 0.5em;
}
.cmn__list--01:not(:last-child) {
margin-bottom: 0.5em;
}


.cmn__list--num1 {
line-height: 1.6em;
counter-reset: num1 0;
}
.cmn__item--num1 {
padding-left: 1.5em;
position: relative;
}
.cmn__item--num1:not(:last-child) {
margin-bottom: 7px;
}
.cmn__item--num1::before {
counter-increment: num1 1;
content: counter(num1);
border: 1px solid var(--color1);
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 1.4em;
width: 1.4em;
font-size: 80%;
line-height: 0.8em;
position: absolute;
top: 0.2em;
left: 0;
}
.cmn__list--num1:not(:first-child) {
margin-top: 0.5em;
}
.cmn__list--num1:not(:last-child) {
margin-bottom: 0.5em;
}



.attention {
font-size: 12px;
line-height: 1.2em;
}

/*------ コラム ------*/
.clm__box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 24px;
}

.clm__reverse {
flex-direction: row-reverse;
}

.clm__item--2cl--01l,
.clm__item--2cl--01r {
width: calc((100% - 43px) / 2);
}

.clm__item--2cl--02l {
width: calc(50% - 40px);
}
.clm__item--2cl--02r {
width: 50%;
}
.clm__item--2cl--02r img {
width: 100%;
}

.clm__item--2cl--03l {
width: 59%;
}
.clm__item--2cl--03r {
width: 36%;
}

/*------ キャプション ------*/
.caption--01 {
display: inline-block;
font-size: 12px;
line-height: 1.6em;
}

/*-------------------------
リンクボタン
-------------------------*/
/*ボタン01*/
.img__item .link__btn--01 {
position: absolute;
bottom: 0px;
}

.link__btn--01 span,
.link__btn--01 a {
display: inline-block;
padding-right: 32px;
font-size: var(--font-h5);
font-weight: bold;
color: var(--color3);
position: relative;
text-decoration: none !important;
line-height: 24px;
transition: all 0.2s;
}
.link__btn--01 span::before,
.link__btn--01 a::before {
content: "";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
border: solid 1px var(--color3);
background-color: #fff;
position: absolute;
right: 0px;
top: 0px;
transition: all 0.2s;
}
.link__btn--01 span::after,
.link__btn--01 a::after {
content: "";
display: block;
width: 11px;
height: 10px;
background: url("/wp-content/themes/ResearcherPlus/img/common/arrow-1-b.svg") center center /contain no-repeat;
position: absolute;
right: 7px;
top: 50%;
margin-top: -4px;
transition: all 0.2s;
}
a:hover .link__btn--01 span::before,
.link__btn--01 a:hover::before {
background-color: var(--color3);
}
a:hover .link__btn--01 span::after,
.link__btn--01 a:hover::after {
background: url("/wp-content/themes/ResearcherPlus/img/common/arrow-1-w.svg") center center /contain no-repeat;
}

.link__btn--01--r {
text-align: right;
}
.link__btn--01.link__btn--01--r {
width: 100%;
}


.link__btn--01--fr {
float: right;
margin-top: -6px;
}
.link__btn--01--rs {
position: absolute;
right: 0px;
bottom: 15px;
}

/*ボタン02*/
.link__btn--02 span,
.link__btn--02 a {
display: inline-block;
padding-right: 40px;
font-size: 16px;
font-weight: bold;
position: relative;
text-decoration: none !important;
line-height: 28px;
transition: all 0.2s;
}
.link__btn--02 span::before,
.link__btn--02 a::before {
content: "";
display: block;
width: 26px;
height: 26px;
border-radius: 50%;
border: solid 1px var(--color1);
background-color: #fff;
position: absolute;
right: 0px;
top: 0px;
transition: all 0.2s;
}
.link__btn--02 a::after {
content: "";
display: block;
width: 13px;
height: 12px;
background: url("/wp-content/themes/ResearcherPlus/img/common/arrow-1-bk.svg") center center /contain no-repeat;
position: absolute;
right: 7px;
top: 50%;
margin-top: -6px;
transition: all 0.2s;
}
.link__btn--02 span:hover::before,
.link__btn--02 a:hover::before {
background-color: var(--color1);
}
.link__btn--02 span:hover::after,
.link__btn--02 a:hover::after {
background: url("/wp-content/themes/ResearcherPlus/img/common/arrow-1-w.svg") center center /contain no-repeat;
}

.link__btn--02--r {
text-align: right;
}
.link__btn--02--gp {
position: absolute;
right: 0px;
top:50%;
margin-top: -22px;
}


/*ボタン03*/
.link__btn--03 {
width: 100%;
font-size: 12px;
}
.link__btn--03--c {
text-align: center;
}

.link__btn--03 a {

display: inline-block;
width: 18em;
height: 3em;
line-height: 3em;
text-align: center;
border: solid 1px #000;
border-radius: 1.5em;
text-decoration: none !important;
transition: all 0.2s;
}
.link__btn--03 a:hover {
color: #fff;
background: #272727;
}

/*ボタン04*/
.link__btn--04 {
width: 100%;
font-size: var(--font-h4);
}
.link__btn--04--c {
text-align: center;
}

.link__btn--04 a {
display: inline-block;
height: 56px;
line-height: 53px;
text-align: center;
border: solid 1px #3d5999;
border-radius: 28px;
position: relative;
text-decoration: none !important;
transition: all 0.2s;
background: linear-gradient(to right,  #4768b2 0%,#3d5999 100%);
color: #fff;
padding: 0px 4em 0px 2em;
}
.link__btn--04 a:hover {
background: #fff;
color: #3d5999;
}
.link__btn--04 a::before {
content: "";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
border: solid 1px var(--color2);
background: #fff;
position: absolute;
right: 16px;
top: 50%;
margin-top: -12px;
transition: all 0.2s;
}
.link__btn--04 a::after {
content: "";
display: block;
width: 12px;
height: 10px;
background: url("/wp-content/themes/ResearcherPlus/img/common/arrow-1-b.svg") center center /contain no-repeat;
position: absolute;
right: 23px;
top: 50%;
margin-top: -4px;
transition: all 0.2s;
}
.link__btn--04 a:hover::before {
background: linear-gradient(to right,  #4768b2 0%,#3d5999 100%);
}
.link__btn--04 a:hover::after {
background: url("/wp-content/themes/ResearcherPlus/img/common/arrow-1-w.svg") center center /contain no-repeat;
}


/*ボタン05 現状 イベント一覧のみ*/
.link__btn--05 {
display: flex;
justify-content: center;
width: 100%;
font-size: 16px;
text-align: center;
margin-bottom: 56px;
}

.link__btn--05 a {
display: inline-block;
min-width: 340px;
height: 56px;
line-height: 56px;
text-align: left;
border-radius: 28px;
position: relative;
text-decoration: none !important;
transition: all 0.2s;
background: #EEF7FA;
color: var(--color2);
font-weight: bold;
margin: 0px 10px;
padding: 0px 4em 0px 2em;
}
.link__btn--05 a:hover {
opacity: 0.7;
}
.link__btn--05 a::before {
content: "";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
border: solid 1px var(--color2);
position: absolute;
right: 16px;
top: 50%;
margin-top: -12px;
transition: all 0.2s;
}
.link__btn--05 a::after {
content: "";
display: block;
width: 12px;
height: 10px;
background: url("/wp-content/themes/ResearcherPlus/img/common/arrow-1-b.svg") center center /contain no-repeat;
position: absolute;
right: 23px;
top: 50%;
margin-top: -4px;
transition: all 0.2s;
}

/*-------------------------
テキストリンクリスト
-------------------------*/
.link__list--01 a {
font-size: 14px;
padding-left: 1em;
position: relative;
color: var(--color3);
}
.link__list--01 li:not(:last-child) {
margin-bottom: 10px;

}
.link__list--01 a::after {
    content: '';
				display: block;
    width: 7px;
    height: 8px;
				background: url(/wp-content/themes/ResearcherPlus/img/common/nav-arrow-b.svg) center center / contain no-repeat;
				position: absolute;
				left: 0px;
				top: 7px;
}

.link__list--pdf a {
font-size: 14px;
padding-left: 26px;
position: relative;
color: var(--color3);
}
.link__list--pdf li:not(:last-child) {
margin-bottom: 10px;

}
.link__list--pdf a::after {
    content: '';
				display: block;
    width: 24px;
    height: 24px;
				background: url(/wp-content/themes/ResearcherPlus/img/common/pdf.svg) center center / contain no-repeat;
				position: absolute;
				left: 0px;
				top: 0px;
}



/*-------------------
ニュース記事一覧（トップ）
---------------------*/
.news__list {
font-size: 14px;
}
.news__item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.news__item:not(:last-child) {
margin-bottom: 1em;
}

.news__item--info {
display: inline-block;
margin-bottom: 0.1em;
}
.news__item--date {
display: inline-block;
width: 120px;
line-height: 1em;
vertical-align: middle;
font-weight: bold;
}
.news__item--tag {
display: inline-block;
vertical-align: middle;
}
.news__item--tag a,
.news__item--tag span {
display: inline-block;
min-width: 107px;
text-align: center;
font-size: 12px;
color: var(--color2);
font-weight: bold;
vertical-align: middle;
height: 2em;
line-height: 1em;
border-radius: 1em;
background: #EBF2FA;
margin-right: 16px;
padding: 0.5em 0.9em;
text-decoration: none !important;
transition: all 0.15s;
}
.news__item--tag a:hover {
opacity: 0.5;
}
.news__item__ti {
display: inline-block;
vertical-align: middle;
width: calc(100% - 250px);
line-height: 1.8em;
}
.news__item__ti a {
text-decoration: none !important;
transition: all 0.15s;
}
.news__item__ti a:hover {
font-weight: bold;
}
/*ニュース記事一覧（下層用オーバーライド）*/
/*.post-type-archive-news .news__item {*/
.news__item {
flex-wrap: wrap;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: dashed 1px var(--color4);
}
.post-type-archive-news .news__item:last-child {
margin-bottom: 0px;
}

.post-type-archive-news .news__item--info,
.post-type-archive-news .news__item__ti {
width: 100%;
}
.post-type-archive-news .news__item__ti {
margin-bottom: 4px;
}
.post-type-archive-news .news__item--info {
margin-bottom: 8px;
}

.post-type-archive-news .news__item--date {
font-size: 14px;
width: auto;
margin-right: 12px;
}
.post-type-archive-news .news__item--tag a,
.post-type-archive-news .news__item--tag span {
font-size: 12px;
margin: 0px;
}
.post-type-archive-news .news__item__ti a {
font-size: 14px;
}
