@charset "UTF-8";
/*=============================================*/
/*Reset CSS*/
/*=============================================*/
article, aside, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
  display: block;
}

blockquote, body, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

li {
  list-style: none;
}

a,
a:link {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  height: auto;
  vertical-align: bottom;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

button, input, select, textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check {
  display: none;
}

i {
  font-style: normal;
}

textarea {
  resize: none;
  font-family: sans-serif;
}

* {
  box-sizing: border-box;
}

/*=============================================*/
/*Common Base*/
/*=============================================*/
.page_fv_block {
  position: relative;
}
.page_fv_block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_fv_block .page_ttl_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #fff;
}
.page_fv_block .page_ttl_box .ttl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  font-size: clamp(3.2rem, 4vw, 6.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: inherit;
}
.page_fv_block .page_ttl_box .ttl .sub_ttl {
  display: block;
  margin-top: -0.2em;
  font-size: 0.5em;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: inherit;
}

.nav_list {
  background-color: #FAFAFA;
}
.nav_list ol {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 7px 0;
}
.nav_list ol li:not(:last-of-type)::after {
  content: "/";
  margin: 0 0.3em;
  color: #212121;
}
.nav_list ol li span {
  font-size: 1.2rem;
}

/*=============================================*/
/*about*/
/*=============================================*/
/********************************************/
/* temp02_01(ABOUT) */
/********************************************/
.temp02_01 .category_block .list .item {
  margin-bottom: 64px;
}
.temp02_01 .category_block .list .item .img.border {
  border: 1px solid #E0E0E0;
}

/********************************************/
/* temp03_01(About the APSR) */
/********************************************/
/* ------- what_about_block -------- */
.temp03_01 .what_about_block .content_box .txt_base p a {
  text-decoration: underline;
}

/* ------- how_start_block -------- */
.temp03_01 .how_start_block .content_box .list > li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 40px;
  margin-bottom: 4px;
  background-color: #fff;
}
.temp03_01 .how_start_block .content_box .list > li .year {
  display: block;
  width: 7em;
  color: #3B4486;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp03_01 .how_start_block .content_box .list > li .txt {
  width: calc(100% - 7em);
}
.temp03_01 .how_start_block .content_box .list > li .txt a {
  text-decoration: underline;
}
.temp03_01 .how_start_block .content_box .list > li .txt .txt_right {
  text-align: right;
}
.temp03_01 .how_start_block .content_box .list > li .txt .bg_gray_list .ttl {
  color: #212121;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.temp03_01 .how_start_block .content_box .list > li .txt .bg_gray_list .dotto_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.temp03_01 .how_start_block .content_box .list > li .txt .bg_gray_list .dotto_list li {
  padding-right: 0.5em;
  width: 25%;
  font-size: clamp(1.6rem, 1.5vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/********************************************/
/* temp04_01(APSR Officers & Committee Chairs) */
/********************************************/
/* ------- officer_list -------- */
.temp04_01 .officer_block .content_box .officer_list {
  margin-bottom: 40px;
}
.temp04_01 .officer_block .content_box .officer_list .item {
  margin-bottom: 40px;
}
.temp04_01 .officer_block .content_box .officer_list .item .img {
  margin-bottom: 16px;
}
.temp04_01 .officer_block .content_box .officer_list .item .name {
  margin-bottom: -0.3em;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp04_01 .officer_block .content_box .officer_list .item .fapsr {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp04_01 .officer_block .content_box .officer_list .item .po {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
}

/* ------- bg_gray_list -------- */
.temp04_01 .officer_block .content_box .bg_gray_list .dotto_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.temp04_01 .officer_block .content_box .bg_gray_list .dotto_list li {
  padding-right: 0.5em;
  width: 16.6666666667%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp04_01 .officer_block .content_box .bg_gray_list .dotto_list li .thin {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ------- committees_box -------- */
.temp04_01 .officer_block .content_box .committees_box .list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.temp04_01 .officer_block .content_box .committees_box .list li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 50%;
}
.temp04_01 .officer_block .content_box .committees_box .list li:nth-child(-n+2) .txt {
  border-top: 1px solid #E0E0E0;
}
.temp04_01 .officer_block .content_box .committees_box .list li:nth-child(odd) .txt.name {
  border-left: 1px solid #E0E0E0;
}
.temp04_01 .officer_block .content_box .committees_box .list li .txt {
  display: block;
  padding: 1.5em;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-top: none;
}
.temp04_01 .officer_block .content_box .committees_box .list li .txt.name {
  width: 40%;
  background-color: #ECEDF3;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp04_01 .officer_block .content_box .committees_box .list li .txt.member {
  width: 60%;
  border-left: none;
}

/* ------- assemblies_box -------- */
.temp04_01 .officer_block .content_box .assemblies_box .dotto_ttl:before {
  top: 0.8em;
}
.temp04_01 .officer_block .content_box .assemblies_box .dotto_ttl a {
  position: relative;
  color: inherit;
  font-size: inherit;
}
.temp04_01 .officer_block .content_box .assemblies_box .dotto_ttl a:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  background-color: #3B4486;
  width: 100%;
  height: 1px;
}

.temp04_01 .officer_block .content_box .assemblies_box .table_list {
  width: 100%;
  border: 1px solid #E0E0E0;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr {
  border-bottom: 1px solid #E0E0E0;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr th, .temp04_01 .officer_block .content_box .assemblies_box .table_list tr td {
  border-right: 1px solid #E0E0E0;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr th:nth-child(1), .temp04_01 .officer_block .content_box .assemblies_box .table_list tr td:nth-child(1) {
  width: 20%;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr th:nth-child(2), .temp04_01 .officer_block .content_box .assemblies_box .table_list tr td:nth-child(2) {
  width: 75%;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr th:nth-child(3), .temp04_01 .officer_block .content_box .assemblies_box .table_list tr td:nth-child(3) {
  width: 5%;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr th {
  padding: 1.3em;
  background-color: #ECEDF3;
  text-align: left;
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr td {
  padding: 1.5em;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr td:nth-child(1) {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr td:nth-child(3) {
  text-align: center;
}
.temp04_01 .officer_block .content_box .assemblies_box .table_list tr td a {
  font-size: inherit;
  text-decoration: underline;
}

/********************************************/
/* temp05_01(APSR Appointees) */
/********************************************/
.temp05_01 .app_pre_block {
  padding-bottom: 40px;
}

.temp05_01 .app_pre_block .content_box .txt_base p a {
  text-decoration: underline;
}

.temp05_01 .app_pre_block .content_box .list .item .left .item_ttl .country {
  margin-left: 1em;
  font-size: 0.8em;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.temp05_01 .app_pre_block .content_box .list .item .left .his {
  padding-left: 1em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.temp05_01 .app_pre_block .content_box .list .item .left .his .year {
  margin-bottom: 0.2em;
  color: #3B4486;
  font-size: inherit;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp05_01 .app_pre_block .content_box .list .item .left .his .txt {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: inherit;
}
.temp05_01 .app_pre_block .content_box .list .item .left .his .txt:not(:last-child) {
  margin-bottom: 1em;
}
.temp05_01 .app_pre_block .content_box .list .item .left .his .txt .bold {
  margin-right: 0.3em;
  font-size: inherit;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
}
.temp05_01 .app_pre_block .content_box .list .item .left .his .txt .regular {
  font-size: inherit;
}

/********************************************/
/* temp06_01(APSR Assemblies) */
/********************************************/
.temp06_01 .assemblies_block {
  padding-bottom: 40px;
}

.temp06_01 .assemblies_block .content_box .txt_base p a {
  text-decoration: underline;
}

.temp06_01 .assemblies_block .content_box .list .item {
  padding-bottom: 24px;
  margin-bottom: 40px;
  border-bottom: 1px solid #E0E0E0;
}
.temp06_01 .assemblies_block .content_box .list .item .item_ttl {
  text-align: center;
}
.temp06_01 .assemblies_block .content_box .list .item .item_ttl a {
  display: block;
  padding: 0.7em;
  margin-bottom: 1.3em;
  background-color: #3B4486;
  color: #fff;
  font-size: clamp(1.6rem, 1.5vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp06_01 .assemblies_block .content_box .list .item .item_ttl a:hover {
  opacity: 0.7;
}
.temp06_01 .assemblies_block .content_box .list .item .child_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.temp06_01 .assemblies_block .content_box .list .item .child_list .child_item {
  width: 32.3333333333%;
}
.temp06_01 .assemblies_block .content_box .list .item .child_list .child_item:not(:last-child) {
  margin-right: 2%;
}
.temp06_01 .assemblies_block .content_box .list .item .child_list .child_item img {
  width: 100%;
  margin-bottom: 16px;
}
.temp06_01 .assemblies_block .content_box .list .item .child_list .child_item .role {
  font-size: clamp(1.4rem, 1.5vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp06_01 .assemblies_block .content_box .list .item .child_list .child_item .name {
  margin-top: -0.1em;
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
}
.temp06_01 .assemblies_block .content_box .list .item .child_list .child_item .fapsr {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
}

/********************************************/
/* temp07_01(Assembly & Assembly Section) */
/********************************************/
.temp07_01 .assemblies_block .content_box .flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.temp07_01 .assemblies_block .content_box .flex .left {
  width: 30%;
}
.temp07_01 .assemblies_block .content_box .flex .left img {
  width: 100%;
}
.temp07_01 .assemblies_block .content_box .flex .right {
  padding-left: 2.9%;
  width: 70%;
}
.temp07_01 .assemblies_block .content_box .flex .right p a {
  text-decoration: underline;
}

/********************************************/
/* temp07_02(Assemblies) */
/********************************************/
.temp07_02 .assembly_group_block .content_box .assembly_box .list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.temp07_02 .assembly_group_block .content_box .assembly_box .list li {
  width: 33.3333333333%;
}
.temp07_02 .assembly_group_block .content_box .assembly_box .list li:last-child .img {
  border-right: 1px solid #E0E0E0;
}
.temp07_02 .assembly_group_block .content_box .assembly_box .list li .img {
  padding: 40px 40px 0;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}
.temp07_02 .assembly_group_block .content_box .assembly_box .list li .txt {
  padding: 16px 40px 0;
}
.temp07_02 .assembly_group_block .content_box .assembly_box .list li .txt .role {
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp07_02 .assembly_group_block .content_box .assembly_box .list li .txt .name {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
}

.temp07_02 .assembly_group_block .content_box .interests_box .list {
  padding: 40px 40px 40px 55px;
  background-color: #FAFAFA;
}
.temp07_02 .assembly_group_block .content_box .interests_box .list li {
  list-style: decimal;
}
.temp07_02 .assembly_group_block .content_box .interests_box .list li::marker {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp07_02 .assembly_group_block .content_box .interests_box .list li:not(:last-child) {
  margin-bottom: 0.5em;
}

/********************************************/
/* temp07_04 */
/********************************************/
.temp07_04 .sections_block .content_box .flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.temp07_04 .sections_block .content_box .flex .left {
  padding-right: 3%;
  width: 70%;
}
.temp07_04 .sections_block .content_box .flex .right {
  width: 30%;
}
.temp07_04 .sections_block .content_box .flex .right .img {
  padding: 40px 40px 0;
  border: 1px solid #E0E0E0;
  border-bottom: none;
}
.temp07_04 .sections_block .content_box .flex .right .name {
  padding: 16px 40px 30px;
}

/********************************************/
/* temp08_01(Partner societies) */
/********************************************/
.temp08_01 .partner_block .content_box .que_list li {
  padding-left: 24px;
  border-left: 10px solid #D8DAE7;
}
.temp08_01 .partner_block .content_box .que_list li:not(:last-child) {
  margin-bottom: 24px;
}
.temp08_01 .partner_block .content_box .que_list li .q_txt {
  margin-bottom: 0.8em;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp08_01 .partner_block .content_box .que_list li .txt_base .a_txt:not(:last-child) {
  margin-bottom: 0.5em;
}
.temp08_01 .partner_block .content_box .que_list li .txt_base .a_txt a {
  text-decoration: underline;
}

.temp08_01 .partner_block .content_box .human_list .item > .left .item_ttl {
  font-size: clamp(1.4rem, 1.5vw, 1.8rem);
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail {
  padding-left: 1em;
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail a {
  display: inline-block;
  margin-bottom: 1em;
  color: #3B4486;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail a:hover {
  opacity: 0.7;
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail .child_flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail .child_flex .left {
  width: 30%;
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail .child_flex .right {
  width: 70%;
  padding-left: 2%;
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail .child_flex .right .role {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.temp08_01 .partner_block .content_box .human_list .item > .left .detail .child_flex .right .name {
  margin-top: -0.4em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/********************************************/
/* temp09_01(about/councillors) */
/********************************************/
.links_by_country .bg_gray_list:not(:last-child) {
  margin-bottom: 40px;
}

/********************************************/
/* temp09_02(about/current_councillors) */
/********************************************/
.links_by_country .dotto_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.links_by_country .dotto_list li {
  padding-right: 0.5em;
  width: 25%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.links_by_country .dotto_list li a {
  text-decoration: none;
}

/********************************************/
/* temp11_01(about/Annual reports/2023) */
/********************************************/
.annual_backnumber .dotto_ttl {
  margin-top: 40px;
}
.annual_backnumber .dotto_list {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.annual_backnumber .dotto_list li {
  display: block;
  margin-top: 1.8em;
  padding-left: 60px;
}
.annual_backnumber .dotto_list li::before {
  content: none;
}
.annual_backnumber .dotto_list li a {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  text-decoration: none;
}
.annual_backnumber .dotto_list li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  left: -60px;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/30px 30px;
  border-radius: 50%;
  border: 1px solid #3B4486;
  width: 40px;
  height: 40px;
}
.annual_backnumber .dotto_list li a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: -30px;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/common/ico_pdf.svg) no-repeat center/contain;
}

/********************************************/
/* temp12_01(about/charter) */
/********************************************/
.charter_block .table_of_contents {
  padding-top: 0;
  padding-bottom: 0;
}
.charter_block .top_text {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.charter_block .top_text a {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.charter_block .top_text a:hover {
  color: #3B4486;
}
.charter_block a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.charter_block a:hover {
  color: #3B4486;
}

.charter_block .txt_base {
  text-align: right;
}
.charter_block .bg_gray {
  background-color: #FAFAFA;
  padding: 4em;
  margin-bottom: 4em;
}
.charter_block .bg_gray .article .toc_title {
  padding-top: 1.333em;
  padding-bottom: 0.889em;
  font-size: clamp(1.6rem, 1.5vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  border-bottom: 1px solid #BDBDBD;
}
.charter_block .bg_gray .article .toc_title a {
  display: block;
  width: 100%;
}
.charter_block .bg_gray .article .nest_list {
  padding-top: 1em;
  padding-left: 1.563em;
}
.charter_block .bg_gray .article .nest_list li {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

.charter_block .inner_article_list .contents {
  padding-bottom: 4em;
}
.charter_block .inner_article_list .contents .title {
  position: relative;
  padding-bottom: 0.857em;
  padding-left: 0.8em;
  font-size: clamp(2rem, 1.5vw, 2.8rem);
  color: #3B4486;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.charter_block .inner_article_list .contents .title::before {
  content: "";
  position: absolute;
  top: 0.54em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}
.charter_block .inner_article_list .contents .sub_title {
  display: inline-block;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.charter_block .inner_article_list .contents p {
  position: relative;
  padding-left: 1.25em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  line-height: 1.8;
}
.charter_block .inner_article_list .contents p::before {
  content: "";
  position: absolute;
  top: 0.59em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}
.charter_block .inner_article_list .contents p span {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.charter_block .inner_article_list .contents .dotted_none {
  padding-left: 0;
}
.charter_block .inner_article_list .contents .dotted_none::before {
  content: none;
}
.charter_block .inner_article_list .contents .dotted_none a {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.charter_block .inner_article_list .contents .alphabet_num {
  counter-reset: step_alpha_num;
}
.charter_block .inner_article_list .contents .alphabet_num li {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.charter_block .inner_article_list .contents .alphabet_num li::before {
  position: absolute;
  left: 0;
  margin-right: 0.5em;
  counter-increment: step_alpha_num;
  content: counter(step_alpha_num, lower-alpha) ".";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.charter_block .inner_article_list .contents .alphabet_num .nest_text .title {
  display: block;
  position: relative;
  padding-left: 1.25em;
  padding-bottom: 0;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  color: #212121;
  font-weight: 400;
}
.charter_block .inner_article_list .contents .alphabet_num .nest_text .title::before {
  content: "";
  position: absolute;
  top: 0.59em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}
.charter_block .inner_article_list .contents .alphabet_num .nest_text p {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  padding-left: 1.25em;
}
.charter_block .inner_article_list .contents .alphabet_num .inner_list_box .inner_list_num {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.charter_block .inner_article_list .contents .alphabet_num .inner_list_box .inner_list_num span {
  display: inline-block;
  padding: 0 0.5em;
}

.charter_block .inner_article_list .contents .alphabet_num.bg_gray {
  padding: 2.4em 4em;
}
.charter_block .inner_article_list .contents .before_style_dotted li {
  position: relative;
  padding-left: 2em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.charter_block .inner_article_list .contents .before_style_dotted li::before {
  position: absolute;
  content: "";
  top: 0.59em;
  left: 1em;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}
.charter_block .inner_article_list .contents .before_style_step_num {
  counter-reset: before_style_step_num 0;
}
.charter_block .inner_article_list .contents .before_style_step_num .step_num_li {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.charter_block .inner_article_list .contents .before_style_step_num .step_num_li::before {
  position: absolute;
  left: 0;
  margin-right: 0.5em;
  counter-increment: before_style_step_num 1;
  content: counter(before_style_step_num) ".";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/********************************************/
/* temp13_01(Advocacy) */
/********************************************/
.flex_column_container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex_column_container .contents {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2.4em;
  padding: 4em;
  border: 1px solid #E0E0E0;
  text-align: center;
}
.flex_column_container .contents:nth-child(2n) {
  margin-right: 0;
}
.flex_column_container .contents img {
  display: inline-block;
  padding-bottom: 8px;
}
.flex_column_container .contents p {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

.world_days_table {
  overflow: scroll;
}
.world_days_table table {
  width: 100%;
}

.world_days_table .bg_gray {
  background-color: #ECEDF3;
}
.world_days_table .bg_gray span {
  display: block;
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
  font-weight: 400;
}

.world_days_table th {
  padding: 1em;
  border: 1px solid #E0E0E0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 1.5vw, 1.8rem);
}
.world_days_table td {
  padding: 1em 0;
  border: 1px solid #E0E0E0;
  text-align: center;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.world_days_table td a {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.world_days_table td a:hover {
  color: #3B4486;
}

.before_style_parentheses li {
  position: relative;
  padding-left: 1.8em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  line-height: 1.5;
}
.before_style_parentheses li::before {
  position: absolute;
  left: 0;
  content: "";
}
.before_style_parentheses li:nth-of-type(1)::before {
  content: "(1)";
}
.before_style_parentheses li:nth-of-type(2)::before {
  content: "(2)";
}
.before_style_parentheses li:nth-of-type(3)::before {
  content: "(3)";
}
.before_style_parentheses li:not(:last-child) {
  padding-bottom: 0.5em;
}
.before_style_parentheses li a {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

/********************************************/
/* temp14_01(Charter for Lung Health) */
/********************************************/
.lung_health_block .bg_gray {
  background-color: #ECEDF3;
  padding: 0 24px;
}
.lung_health_block .bg_gray .flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 40px 0;
}
.lung_health_block .bg_gray .flex:nth-of-type(1) {
  border-bottom: 1px solid #C5C7DB;
}
.lung_health_block .bg_gray .flex .left {
  width: 35%;
}
.lung_health_block .bg_gray .flex .left .text {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.9rem, 2.4vw, 2.8rem);
}
.lung_health_block .bg_gray .flex .right {
  width: 65%;
}
.lung_health_block .bg_gray .flex .right .side_column05 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.lung_health_block .bg_gray .flex .right .side_column05 .contents {
  width: 18%;
  margin-right: 2.5%;
  padding: 40px 0;
  background-color: #FFF;
  text-align: center;
}
.lung_health_block .bg_gray .flex .right .side_column05 .contents:last-child {
  margin-right: 0;
}
.lung_health_block .bg_gray .flex .right .side_column05 .contents span {
  display: inline-block;
  font-size: clamp(1.5rem, 1.8vw, 1.8rem);
  line-height: 1.3;
}
.lung_health_block .bg_gray .flex .right .side_column05 .contents p {
  color: #3B4486;
  font-size: clamp(1.5rem, 1.8vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}
.lung_health_block .bg_gray .flex .right .side_column05 .single_contents {
  width: 100%;
  margin-right: 0;
}

/********************************************/
/* temp14_01( archive / firs ) */
/********************************************/
.firs_wrapper .sections_block .content_box .flex .right .img {
  border: none;
}

/********************************************/
/* temp15_01(TimeLine) */
/********************************************/
.timeline_block .timeline {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.timeline_block .timeline .left {
  width: 10%;
  margin-right: 5%;
}
.timeline_block .timeline .left .year_num {
  position: sticky;
  top: 150px;
}
.timeline_block .timeline .left .year_num li a {
  font-size: clamp(1.6rem, 2.6vw, 2.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #E0E0E0;
}
.timeline_block .timeline .left .year_num .js-year-color.change-color {
  color: #3B4486;
}
.timeline_block .timeline .right {
  width: 85%;
}
.timeline_block .timeline .right .contents {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #F5F5F9;
}

.timeline_block .timeline .right .contents {
  padding: 8em;
  background-color: #F5F5F9;
  margin-bottom: 8px;
}
.timeline_block .timeline .right .contents .ad {
  display: inline-block;
  padding-right: 3.556em;
  font-size: clamp(1.5rem, 1.8vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #3B4486;
}
.timeline_block .timeline .right .contents .box {
  line-height: 1.5;
}
.timeline_block .timeline .right .contents .box .title {
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.timeline_block .timeline .right .contents .box .title a {
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.timeline_block .timeline .right .contents .box p {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  padding-bottom: 1em;
}
.timeline_block .timeline .right .contents .box p a {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.timeline_block .timeline .right .contents .box .images_box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.timeline_block .timeline .right .contents .box .item img {
  max-height: 120px;
}
.timeline_block .timeline .right .contents .box .item:nth-of-type(1) {
  margin-right: 10px;
}
.timeline_block .timeline .right .contents .box .box_inner:not(:last-child) {
  padding-bottom: 64px;
}

.timeline_block .timeline .right .contents .box .dotto_list li {
  position: relative;
  padding-left: 1.2em;
  font-size: 1.6rem;
}
.timeline_block .timeline .right .contents .box .dotto_list li:not(:last-child) {
  margin-bottom: 0.5em;
}
.timeline_block .timeline .right .contents .box .dotto_list li:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}
.timeline_block .timeline .right .contents .box .normal_style_nest li p {
  padding-left: 1.5em;
}

/********************************************/
/* temp16_01(TimeLine) */
/********************************************/
.industry_task_block .ma_bo40 {
  padding-bottom: 4rem;
}
.industry_task_block .ma_bo24 {
  margin-bottom: 2.4rem;
}

.industry_task_block .bg_gray_list .dotto_list li span {
  display: inline-block;
  margin-bottom: 0.5em;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.industry_task_block .bg_gray_list .dotto_list li .before_style_dotted li::before {
  top: 0.65em;
}
.industry_task_block .bg_gray_list .dotto_list li .before_style_dotted li:last-child {
  margin-bottom: 0;
}
.industry_task_block .bg_gray_list .dotto_list li .before_style_dotted li::before {
  width: 8px;
  height: 8px;
  background: url(../img/common/marker_circle_blue.svg) no-repeat center/contain;
  font-weight: 500;
}

/*************************************************************/
/* temp10_01(Education＆Science/Research fund opportunities) */
/*************************************************************/
.education_science_block .ma_bo24 {
  margin-bottom: 2.4em;
}

.education_science_block .bg_gray_list .btn_list_01 li {
  width: 49.5%;
  margin-bottom: 0.5em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.education_science_block .bg_gray_list .btn_list_01 li:not(:nth-child(2n)) {
  margin-right: 1%;
}

.education_science_block .flex_column_container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.education_science_block .flex_column_container .bg_gray_list {
  width: 49%;
}
.education_science_block .flex_column_container .bg_gray_list:not(:nth-child(2n)) {
  margin-right: 2%;
}
.education_science_block .flex_column_container .ma_bo40 {
  margin-bottom: 2.8em;
}

.common_column02_table {
  width: 100%;
  overflow: scroll;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}
.common_column02_table .score {
  border-bottom: 1px solid #E0E0E0;
}
.common_column02_table .score th {
  padding: 1.5em;
  border-right: 1px solid #E0E0E0;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  background-color: #ECEDF3;
}
.common_column02_table .score td {
  padding: 1.5em;
  background-color: #fff;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.common_column02_table .score td span {
  font-weight: 700;
}
.common_column02_table .score .border_right:not(:last-child) {
  border-right: 1px solid #E0E0E0;
}

.tableflow {
  overflow: scroll;
}

.education_science_block .bg_gray_list .bg_white .aim li {
  position: relative;
  padding-left: 3em;
}
.education_science_block .bg_gray_list .bg_white .aim li:nth-of-type(1)::before {
  position: absolute;
  left: 0;
  content: "Aim 1.";
}
.education_science_block .bg_gray_list .bg_white .aim li:nth-of-type(2)::before {
  position: absolute;
  left: 0;
  content: "Aim 2.";
}

.education_science_block .past_project {
  padding-bottom: 0;
}

/*************************************************************/
/* temp18_01(Education＆Science / Webinars) */
/*************************************************************/
.page_webinars_wrapper .pa_bo16 {
  padding-bottom: 1.6em;
}

.page_webinars_wrapper .Webinars_block .webinars_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4em;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 3em;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents:nth-child(3n) {
  margin-right: 0;
}

.page_webinars_wrapper .Webinars_block .webinars_list .contents .item {
  margin-bottom: clamp(0.8em, 1vw, 1.6em);
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .item img {
  width: 100%;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .ttl {
  padding-bottom: clamp(0.445em, 1vw, 0.889em);
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: bold;
  color: #3B4486;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .days {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .time {
  display: block;
  //position: relative;
  //padding-left: 1em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .time::before {
  //position: absolute;
  top: 0.7em;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}

.page_webinars_wrapper .Webinars_block .webinars_list .contents .tag {
  margin-top: clamp(0.6666em, 1.5vw, 1.333em);
  padding-bottom: clamp(0.8em, 1.5vw, 1.6rem);
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .tag small:not(:last-child) {
  padding-right: 0.667em;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .tag small a {
  font-size: clamp(1.1rem, 1vw, 1.2rem);
  color: #616161;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .tag small a:hover {
  color: #3B4486;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .sns p {
  padding-right: 0.2em;
  font-size: clamp(1.2rem, 1.8vw, 1.4rem);
  display: inline-block;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .sns span {
  display: inline-block;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .sns span:not(:last-child) {
  padding-right: 8px;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .sns span a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_webinars_wrapper .Webinars_block .webinars_list .contents .sns span a:hover {
  opacity: 0.7;
}

.page_webinars_wrapper .Webinars_block .blue_btn_list {
  justify-content: center;
}
.page_webinars_wrapper .Webinars_block .blue_btn_list li a {
  padding: 1em 4em 1em 4em;
  width: 257px;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  margin: auto;
}
.page_webinars_wrapper .Webinars_block .blue_btn_list li a::after {
  right: 70px;
}

.page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container .text_area {
  width: 60%;
  margin-right: 3%;
}
.page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container .text_area p {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container .text_area .blue_btn_list {
  justify-content: flex-start;
}
.page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container .item {
  width: 37%;
}

/************************************************************************/
/* temp18_02(Education＆Science / webinars / all */
/************************************************************************/
.tag_menu {
  padding: 4em;
  background-color: rgba(245, 245, 245, 0.9607843137);
}
.tag_menu .ttl {
  padding-bottom: clamp(0.667em, 1vw, 1.333em);
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  font-weight: bold;
}
.tag_menu .tag_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tag_menu .tag_list .tag_name:not(:last-child) {
  padding-right: 1em;
}
.tag_menu .tag_list .tag_name a {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tag_menu .tag_list .tag_name a:hover {
  color: #3B4486;
  opacity: 0.7;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: clamp(3.2em, 1vw, 6.4em);
}
.pagination li {
  display: flex;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
}
.pagination li .page_numbers {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination li .page_numbers:hover {
  color: #3B4486;
  opacity: 0.7;
}
.pagination li .page_numbers:not(:last-child) {
  margin-right: 2.25em;
}
.pagination li .page_numbers img {
  vertical-align: middle;
}
.pagination .current {
  display: inline-block;
  line-height: 2.5em;
  background-color: #3B4486;
  border-radius: 50%;
  color: #fff;
}

/************************************************************************/
/* temp18_03(Education＆Science / webinars / all / ASPR(num) */
/************************************************************************/
.apsr2nd_block .apsr_details .flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: clamp(2em, 1vw, 4em);
}
.apsr2nd_block .apsr_details .flex .tag {
  margin-right: auto;
  padding-bottom: 1em;
}
.apsr2nd_block .apsr_details .flex .tag span {
  display: inline-block;
}
.apsr2nd_block .apsr_details .flex .tag span:not(:last-child) {
  padding-right: 8px;
}
.apsr2nd_block .apsr_details .flex .tag span a {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.apsr2nd_block .apsr_details .flex .sns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.apsr2nd_block .apsr_details .flex .sns p {
  padding-right: 8px;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.apsr2nd_block .apsr_details .flex .sns span {
  display: inline-block;
}
.apsr2nd_block .apsr_details .flex .sns span:not(:last-child) {
  padding-right: 8px;
}

.apsr2nd_block .details_container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.apsr2nd_block .details_container .left {
  width: 50%;
  margin-right: 4%;
}
.apsr2nd_block .details_container .left .ttl {
  padding-bottom: 8px;
  font-size: clamp(2rem, 2.5vw, 2.4rem);
  font-weight: bold;
}
.apsr2nd_block .details_container .left .dotto_list li {
  //position: relative;
  //padding-left: 1.2rem;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: bold;
}
.apsr2nd_block .details_container .left .dotto_list li:before {
  content: "";
  //position: absolute;
  top: 0.6em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}
.apsr2nd_block .details_container .left .dotto_list li:not(:last-child) {
  margin-bottom: 0.5em;
}
.apsr2nd_block .details_container .left .dotto_list li:last-child {
  margin-bottom: 1em;
}
.apsr2nd_block .details_container .left .bg_primary {
  background-color: #F5F5F9;
  padding: clamp(2em, 1vw, 4em);
}
.apsr2nd_block .details_container .left .bg_primary p {
  padding-bottom: 0.5em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.apsr2nd_block .details_container .left .bg_primary .blue_btn_list {
  justify-content: flex-start;
  margin-top: 0.8em;
  padding-bottom: 1.6em;
}
.apsr2nd_block .details_container .left .bg_primary .blue_btn_list .btn {
  width: 100%;
}
.apsr2nd_block .details_container .left .bg_primary .blue_btn_list .btn a {
  display: inline-block;
  width: auto;
  padding: 1em 5.5em 1em 2.5em;
  margin-left: 0;
  margin-right: auto;
}
.apsr2nd_block .details_container .left .bg_primary .blue_btn_list .btn a::after {
  right: 35px;
}

.apsr2nd_block .details_container .left .bg_primary .jump_link {
  position: relative;
  display: flex;
  align-items: center;
}
.apsr2nd_block .details_container .left .bg_primary .jump_link::before {
  position: absolute;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/common/ico-arrow-bluex2.svg) no-repeat center/contain;
}
.apsr2nd_block .details_container .left .bg_primary .jump_link a {
  padding-left: 2em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

.apsr2nd_block .details_container .right {
  width: 46%;
}
.apsr2nd_block .details_container .right .item img {
  width: 100%;
}

.apsr2nd_block .sponsored_by {
  padding: clamp(3.2em, 4vw, 6.4em);
  border: 1px solid #9DA2C3;
}
.apsr2nd_block .sponsored_by .ttl {
  padding-bottom: 8px;
  font-size: clamp(2rem, 2.3vw, 2.8rem);
  text-align: center;
  color: #3B4486;
  font-weight: bold;
}
.apsr2nd_block .sponsored_by p {
  padding-bottom: clamp(1.25em, 2.2vw, 2.5em);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  text-align: center;
}
.apsr2nd_block .sponsored_by .the_logos {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
}
.apsr2nd_block .sponsored_by .the_logos .item {
  width: 11%;
  margin-bottom: 2em;
  text-align: center;
}
.apsr2nd_block .sponsored_by .the_logos .item:not(:last-child) {
  margin-right: 1.7%;
}

/************************************************************************/
/* temp19_01(Education＆Science / Webinars / SPONSORSHIP OPPORTUNITIES) */
/************************************************************************/
.page_webinars_wrapper .sponsorship_opportunities_block .bg_gray_list .flex_container .text_area {
  width: 50%;
  margin-right: 3%;
}
.page_webinars_wrapper .sponsorship_opportunities_block .bg_gray_list .flex_container .item {
  width: 47%;
}
.page_webinars_wrapper .sponsorship_opportunities_block .bg_gray_list .flex_container .item img {
  width: 100%;
}
.page_webinars_wrapper .sponsorship_opportunities_block .bg_gray_list .flex_container .bg_white .ttl {
  padding-bottom: 8px;
}

/************************************************************************/
/* temp20_01(Education＆Science / esap ) */
/************************************************************************/
.esap_block .bg_gray_list .before_style_step_num {
  counter-reset: before_style_step_num_en 0;
}
.esap_block .bg_gray_list .before_style_step_num .step_num_li {
  padding-left: 1.4em;
}
.esap_block .bg_gray_list .before_style_step_num .step_num_li::before {
  content: counter(before_style_step_num_en, lower-roman) ".";
  counter-increment: before_style_step_num_en 1;
}

.esap_block .flex_archive_container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.esap_block .flex_archive_container .contents {
  width: 49%;
  margin-bottom: 2.4em;
}
.esap_block .flex_archive_container .contents:not(:nth-child(2n)) {
  margin-right: 2%;
}
.esap_block .flex_archive_container .contents a {
  display: block;
  background-color: #fafafa;
  padding: 40px;
}

.esap_block .flex_archive_container .contents .item {
  overflow: hidden;
}
.esap_block .flex_archive_container .contents .item img {
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.esap_block .flex_archive_container .contents .ttl {
  padding-top: 0.571em;
  padding-bottom: 0.286em;
  font-size: clamp(2rem, 2.5vw, 2.8rem);
  font-weight: bold;
  color: #3B4486;
}
.esap_block .flex_archive_container .contents span {
  display: block;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.esap_block .flex_archive_container .contents .time {
  font-weight: bold;
}

.esap_block .flex_archive_container .contents a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.esap_block .flex_archive_container .contents a:hover {
  opacity: 0.7;
}
.esap_block .flex_archive_container .contents a:hover .item img {
  transform: scale(1.2, 1.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/************************************************************************/
/* temp21_01(Education＆Science / Webinars / symposium) */
/************************************************************************/
.page_education_science_wrapper .symposium_block .links_activity_fund .bg_gray_list li {
  position: relative;
}
.page_education_science_wrapper .symposium_block .links_activity_fund .bg_gray_list li:nth-child(2)::before {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 240px;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_pdf.svg) no-repeat center;
  z-index: 1;
}

/************************************************************************/
/* temp22_01(Education＆Science / symposium / join */
/************************************************************************/
.education_science_block .ma_bo16 {
  margin-bottom: 1.6em;
}

.page_education_science_wrapper .before_style_step_num {
  counter-reset: before_style_step_num 0;
}
.page_education_science_wrapper .before_style_step_num .step_num_li {
  position: relative;
  padding-bottom: 8px;
  padding-left: 1.2em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_education_science_wrapper .before_style_step_num .step_num_li::before {
  position: absolute;
  left: 0;
  margin-right: 0.5em;
  counter-increment: before_style_step_num 1;
  content: counter(before_style_step_num) ".";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page_education_science_wrapper .before_style_step_num .step_num_li .before_style_dotted {
  padding-top: 8px;
}
.page_education_science_wrapper .before_style_step_num .step_num_li .before_style_dotted li {
  position: relative;
  padding-left: 2em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_education_science_wrapper .before_style_step_num .step_num_li .before_style_dotted li::before {
  position: absolute;
  content: "";
  top: 0.59em;
  left: 1em;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}

.page_education_science_wrapper .symposium_join_block .blue_btn_list .btn {
  width: 100%;
  max-width: 380px;
  margin-bottom: 0;
}
.page_education_science_wrapper .symposium_join_block .blue_btn_list .btn a {
  padding: 1em 4.5em 1em 3.5em;
}
.page_education_science_wrapper .symposium_join_block .blue_btn_list .btn a::after {
  background: url(../img/common/ico_pdf_white.svg) no-repeat center/contain;
  border: none;
  right: 60px;
}

/************************************************************************/
/* temp25_01(Education＆Science / awards / congress */
/************************************************************************/
.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border {
  padding-bottom: clamp(1.2em, 1vw, 2.4em);
  margin-bottom: 0;
}
.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border:not(:first-child) {
  padding-top: clamp(1.2em, 1vw, 2.4em);
}
.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border:not(:last-child) {
  border-bottom: 1px solid #E0E0E0;
}
.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border a {
  padding-left: 3.5em;
  line-height: 1.4;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border a::before {
  top: 0.5em;
}

.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .status {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-top: 8px;
}
.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .status li {
  padding-bottom: 0;
  font-size: clamp(1.2rem, 1.6vw, 1.4rem);
}
.page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .status li:not(:last-child) {
  padding-right: 1em;
}

/************************************************************************/
/* temp26_01(patient-education / apsr */
/************************************************************************/
.patient-education_block .flex_column_container .contents {
  padding: 0;
  border: none;
}
.patient-education_block .flex_column_container .contents .box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  display: block;
  width: 100%;
  padding: 4em 0;
  margin-bottom: 1.6em;
  border: 1px solid #E0E0E0;
}
.patient-education_block .flex_column_container .contents .box img {
  display: block;
  max-width: 120px;
  margin: auto;
}
.patient-education_block .flex_column_container .contents .box a {
  display: inline-block;
  font-size: 1.6rem;
}
.patient-education_block .flex_column_container .contents .box p {
  font-size: clamp(1.9rem, 3vw, 2.4rem);
}
.patient-education_block .flex_column_container .contents .box .txt {
  display: block;
}
.patient-education_block .flex_column_container .contents .box .brakets {
  display: block;
  font-size: 1.4rem;
}

/************************************************************************/
/* temp27_01(Events / Congress */
/************************************************************************/
.events_congress_block .flex_column_container .contents {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 3em;
  padding: 0;
}
.events_congress_block .flex_column_container .contents:nth-child(4n) {
  margin-right: 0;
}
.events_congress_block .flex_column_container .contents a {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.events_congress_block .flex_column_container .contents a:hover {
  opacity: 0.7;
}
.events_congress_block .flex_column_container .contents .inner_box {
  display: block;
  width: 100%;
  padding: 40px 0;
}
.events_congress_block .flex_column_container .contents .inner_box img {
  max-width: 200px;
  max-height: 100px;
}
.events_congress_block .flex_column_container .contents .inner_box .ttl {
  font-size: 1.8rem;
}
.events_congress_block .flex_column_container .contents .inner_box .brakets {
  display: block;
  font-size: 1.6rem;
}
.events_congress_block .flex_column_container .contents .inner_box .txt {
  display: block;
  font-size: 1.4rem;
}

/************************************************************************/
/* temp28_01( Events / upcoming_events */
/************************************************************************/
.page_events_wrapper .timeline_block .contents .mail {
  display: inline-block;
}

.sp_fixed_ad {
  display: none;
  position: sticky;
  bottom: 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 1.5em;
  background-color: #f3f5fa;
  box-shadow: 0 -5px 15px rgba(14, 51, 108, 0.2);
  z-index: 999;
}
.sp_fixed_ad .flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: auto;
}
.sp_fixed_ad .flex .ad a {
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: bold;
}
.sp_fixed_ad .flex .ad:not(:first-child) {
  margin-left: 10%;
}

/*************************************************************/
/* temp30_01(Members / APSR Membership benefits) */
/*************************************************************/
.page_members_wrapper .benefits_block .content_box .list_box {
  margin-bottom: 40px;
}
.page_members_wrapper .benefits_block .content_box .list_box .dotto_ttl a {
  font-size: inherit;
  color: inherit;
}
.page_members_wrapper .benefits_block .content_box .list_box .dotto_ttl:has(a):before {
  top: 0.8em;
}
.page_members_wrapper .benefits_block .content_box .list_box .table {
  width: 100%;
  border: 1px solid #E0E0E0;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr th, .page_members_wrapper .benefits_block .content_box .list_box .table tr td {
  padding: 1.5em;
  border: 1px solid #E0E0E0;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr.blue_header {
  background-color: #767DAB;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr.blue_header th {
  color: #fff;
  font-weight: 700;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr.gray_header {
  background-color: #ECEDF3;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr.gray_header th {
  font-weight: 700;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr.ta_body th {
  text-align: left;
  font-weight: 700;
}

.page_members_wrapper .benefits_block .content_box .list_box .table tr .w_65 {
  width: 65%;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr .w_35 {
  width: 35%;
}
.page_members_wrapper .benefits_block .content_box .list_box .table tr .w_22 {
  width: 22%;
}

.page_members_wrapper .benefits_membership_block {
  padding-top: 0;
}

.page_members_wrapper .benefits_membership_block .content_box .content_area:not(:last-child) {
  margin-bottom: 40px;
}
.page_members_wrapper .benefits_membership_block .content_box .content_area .list .item:not(:last-child) {
  margin-bottom: 24px;
}
.page_members_wrapper .benefits_membership_block .content_box .content_area .list .item .bold {
  font-weight: 700;
}
.page_members_wrapper .benefits_membership_block .content_box .content_area .list .item .flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.page_members_wrapper .benefits_membership_block .content_box .content_area .list .item .flex .img {
  margin-right: 16px;
}
.page_members_wrapper .benefits_membership_block .content_box .content_area .list .column_03 .item {
  margin-bottom: 24px;
  width: 32.3333333333%;
}
.page_members_wrapper .benefits_membership_block .content_box .content_area .list .column_03 .item:not(:last-child) {
  margin-right: 1.5%;
}

/*************************************************************/
/* temp31_01(Members / APSR Membership benefits) */
/*************************************************************/
.temp31_01 section:not(:last-child) {
  padding-bottom: 0;
}

.temp31_01 .content_box .content_area:not(:last-child) {
  margin-bottom: 40px;
}

.temp31_01 .content_box .content_area .table {
  width: 100%;
}
.temp31_01 .content_box .content_area .table th, .temp31_01 .content_box .content_area .table td {
  padding: 1.5em;
  border: 1px solid #E0E0E0;
}
.temp31_01 .content_box .content_area .table th.bold, .temp31_01 .content_box .content_area .table td.bold {
  font-weight: 700;
}
.temp31_01 .content_box .content_area .table th.normal, .temp31_01 .content_box .content_area .table td.normal {
  font-weight: 300;
}
.temp31_01 .content_box .content_area .table th.center, .temp31_01 .content_box .content_area .table td.center {
  text-align: center;
}
.temp31_01 .content_box .content_area .table th.left, .temp31_01 .content_box .content_area .table td.left {
  text-align: left;
}
.temp31_01 .content_box .content_area .table th.right, .temp31_01 .content_box .content_area .table td.right {
  text-align: right;
}
.temp31_01 .content_box .content_area .table th.w_57, .temp31_01 .content_box .content_area .table td.w_57 {
  width: 57%;
}
.temp31_01 .content_box .content_area .table th.w_21_5, .temp31_01 .content_box .content_area .table td.w_21_5 {
  width: 21.5%;
}
.temp31_01 .content_box .content_area .table th {
  background-color: #ECEDF3;
}
.temp31_01 .content_box .content_area .table td {
  background-color: #fff;
}
.temp31_01 .content_box .content_area .table.divide_06 td, .temp31_01 .content_box .content_area .table.divide_06 th {
  width: 16.6666666667%;
}

/*************************************************************/
/* temp32_01(Members / APSR Honour Roll) */
/*************************************************************/
.page_members_wrapper .honour_roll_block .content_box .star_memter_box {
  padding: 40px;
  margin-bottom: 40px;
  background-color: #FAFAFA;
}
.page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex .left {
  padding: 24px;
  width: 49%;
  background-color: #fff;
}
.page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex .right {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 49%;
  padding: 40px;
  border: 1px solid #3B4486;
  background-color: #F5F5F9;
  text-align: center;
}
.page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex .right .ttl {
  padding: 0.6em;
  margin-bottom: 10px;
  background-color: #3B4486;
  color: #fff;
  font-size: clamp(2rem, 2vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex .right .name {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  color: #3B4486;
  font-size: clamp(2.4rem, 2.5vw, 2.8rem);
}

.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item:not(:last-child) {
  margin-bottom: 40px;
}

.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left {
  width: 80%;
  padding-right: 1.7%;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .name {
  display: block;
  padding: 0.3em 0.7em;
  background-color: #ECEDF3;
  font-size: clamp(2rem, 2.5vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .name .small_txt {
  padding-left: 0.5em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .txt_area {
  padding: 16px 0 16px 16px;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .txt_area .blue_txt {
  color: #3B4486;
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .txt_area .blue_txt .thin_txt {
  padding-left: 0.5em;
  color: inherit;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .txt_area .blue_txt .thin_txt .small_txt {
  padding-left: 0.5em;
  color: inherit;
  font-size: 1.4rem;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .profile_detail {
  padding: 16px;
  border: 1px solid #E0E0E0;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left .profile_detail .pro_ttl {
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .right {
  width: 20%;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .right .profile_link {
  position: relative;
  padding-left: 1.5em;
  font-size: 1.6rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .right .profile_link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: url(../img/common/ico-arrow-square-black.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
}
.page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .right .profile_link:hover {
  opacity: 0.7;
}

/*************************************************************/
/* temp33_01(Members / APSR elections and open positions) */
/*************************************************************/
.page_members_wrapper .elections_op_block .content_box .table_list table tr td a {
  position: relative;
  display: inline-block;
  padding-left: 2em;
  font-size: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_members_wrapper .elections_op_block .content_box .table_list table tr td a:before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
}
.page_members_wrapper .elections_op_block .content_box .table_list table tr td a:hover {
  opacity: 0.7;
}
.page_members_wrapper .elections_op_block .content_box .table_list table tr td:first-child {
  font-weight: 700;
}
.page_members_wrapper .elections_op_block .content_box .table_list table tr td:nth-child(2) {
  text-align: center;
}

.page_members_wrapper .elections_op_block .content_box .data_none {
  border: 1px solid #3B4486;
  background-color: #F5F5F9;
  text-align: center;
}
.page_members_wrapper .elections_op_block .content_box .data_none p {
  padding: 2.7em 2em;
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  font-weight: 700;
}

/*************************************************************/
/* temp33_02(Members / APSR Cell and Molecular Biology Assembly Deputy Head Call for applications) */
/*************************************************************/
.temp33_02 .content_box .txt_blue_btn_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 40px 20px;
  background-color: #FAFAFA;
}
.temp33_02 .content_box .txt_blue_btn_list .btn {
  width: 49%;
  margin-bottom: 20px;
}
.temp33_02 .content_box .txt_blue_btn_list .btn:not(:nth-child(2n)) {
  margin-right: 1.5%;
}
.temp33_02 .content_box .txt_blue_btn_list .btn a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px;
  border: 1px solid #3B4486;
  background-color: #F5F5F9;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp33_02 .content_box .txt_blue_btn_list .btn a .blue_txt {
  margin-bottom: 1.5em;
  color: #3B4486;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 700;
}
.temp33_02 .content_box .txt_blue_btn_list .btn a .arrow_txt {
  position: relative;
  padding-left: 3.5em;
  font-weight: 700;
}
.temp33_02 .content_box .txt_blue_btn_list .btn a .arrow_txt:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/24px 24px;
  border-radius: 50%;
  border: 1px solid #3B4486;
  width: 40px;
  height: 40px;
}
.temp33_02 .content_box .txt_blue_btn_list .btn a:hover {
  opacity: 0.7;
}

/*************************************************************/
/* temp34_02(Publications / APSR Bulletin) */
/*************************************************************/
.temp34_02 .content_box .txt_base {
  margin-bottom: 1.5em;
}
.temp34_02 .content_box .btn a {
  position: relative;
  padding-left: 3.5em;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp34_02 .content_box .btn a:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/24px 24px;
  border-radius: 50%;
  border: 1px solid #3B4486;
  width: 40px;
  height: 40px;
}
.temp34_02 .content_box .btn a:hover {
  color: #3B4486;
}

/*************************************************************/
/* temp35_01(Publications / Newsletter) */
/*************************************************************/
.temp35_01 .content_box .news_content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 40px;
}
.temp35_01 .content_box .news_content .txt {
  width: 72%;
  margin-right: 3%;
}
.temp35_01 .content_box .news_content .txt .bold {
  font-weight: 700;
}
.temp35_01 .content_box .news_content .img {
  width: 25%;
}
.temp35_01 .content_box .news_content .img img {
  width: 100%;
}

/*************************************************************/
/* temp37_02(Publications / Respiratory Updates) */
/*************************************************************/
.temp37_02 .content_box .list_box .bg_gray_list {
  margin-bottom: 40px;
}
.temp37_02 .content_box .list_box .bg_gray_list:not(:last-child) {
  margin-bottom: 16px;
}

.temp37_02 .content_box .list_box .bg_gray_list .pdf_btn {
  position: relative;
  display: inline-block;
  padding-left: 3.7em;
  padding-right: 2.1em;
  margin-bottom: 1.5em;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp37_02 .content_box .list_box .bg_gray_list .pdf_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/24px 24px;
  border-radius: 50%;
  border: 1px solid #3B4486;
  width: 40px;
  height: 40px;
}
.temp37_02 .content_box .list_box .bg_gray_list .pdf_btn:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  background: url(../img/common/ico_pdf.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
}
.temp37_02 .content_box .list_box .bg_gray_list .pdf_btn:hover {
  color: #3B4486;
}
.temp37_02 .content_box .list_box .bg_gray_list .white_area {
  padding: 24px;
  background-color: #fff;
  border: 1px solid #E0E0E0;
}
.temp37_02 .content_box .list_box .bg_gray_list .white_area .list_ttl {
  font-size: 1.6rem;
  font-weight: 700;
}
.temp37_02 .content_box .list_box .bg_gray_list .white_area .date {
  display: block;
  margin-bottom: 1em;
}

/*************************************************************/
/* temp39_01( Cookie Policy ) */
/*************************************************************/
.temp39_01 .cookie_policy .txt_base {
  text-align: right;
}

/*************************************************************/
/* temp40_01( contact ) */
/*************************************************************/
.temp40_01 .map {
  width: 100%;
  height: 100%;
  margin-bottom: 1.4em;
}
.temp40_01 .map iframe {
  width: 100%;
  max-height: 400px;
  height: 100%;
  aspect-ratio: 16/9;
}

/*************************************************************/
/* temp41_01( links ) */
/*************************************************************/
.temp41_01 .tab_switch {
  width: 100%;
}
.temp41_01 .tab_switch .tab {
  width: 32.5%;
  margin-right: 1.25%;
}
.temp41_01 .tab_switch .tab:nth-child(3) {
  margin-right: 0;
}
.temp41_01 .tab_switch .tab::after {
  right: 20px;
}

.temp41_01 .contents_container .bg_gray {
  margin-bottom: 16px;
  padding: 4em;
  background-color: #FAFAFA;
}
.temp41_01 .contents_container .bg_gray .link_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.temp41_01 .contents_container .bg_gray .link_list .child {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  background-color: #fff;
}
.temp41_01 .contents_container .bg_gray .link_list .child:nth-child(2n) {
  margin-right: 0;
}
.temp41_01 .contents_container .bg_gray .link_list .child .movement {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp41_01 .contents_container .bg_gray .link_list .child .inner {
  height: 100%;
  padding: 2.4em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp41_01 .contents_container .bg_gray .link_list .child .inner .ttl {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  padding-left: 3.5em;
  font-size: 1.6rem;
  letter-spacing: 0.013em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp41_01 .contents_container .bg_gray .link_list .child .inner p {
  font-size: 1.6rem;
  letter-spacing: 0.013em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.temp41_01 .contents_container .bg_gray .link_list .child .inner .ttl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.temp41_01 .contents_container .bg_gray .link_list .child .inner .ttl::before {
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
  content: "";
  border: 1px solid #3B4486;
  border-radius: 100vh;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/70%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp41_01 .contents_container .bg_gray .link_list .child .inner p {
  font-size: 1.6rem;
}

.temp41_01 .contents_container .bg_gray .link_list .child .movement:hover .inner {
  background-color: #3B4486;
}
.temp41_01 .contents_container .bg_gray .link_list .child .movement:hover .inner .ttl {
  color: #fff;
}
.temp41_01 .contents_container .bg_gray .link_list .child .movement:hover .inner .ttl::before {
  border: 1px solid #fff;
  background: url(../img/common/ico-arrow-white.svg) no-repeat center/70%;
}
.temp41_01 .contents_container .bg_gray .link_list .child .movement:hover .inner p {
  color: #fff;
}

/*************************************************************/
/* temp42_01( search ) */
/*************************************************************/
.temp42_01 .search_box {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.temp42_01 .search_box .search_ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 16px;
  opacity: 0.3;
}
.temp42_01 .search_box input[type=text] {
  width: 100%;
  padding: 1em 1em 1em 3em;
  margin-right: 16px;
  background-color: #F5F5F9;
  font-size: 1.6rem;
}
.temp42_01 .search_box input[type=text]::placeholder {
  color: #AAAAAA;
}
.temp42_01 .search_box button {
  width: 54px;
  background-color: #3B4486;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp42_01 .search_box button:hover {
  opacity: 0.7;
}

.temp42_01 .search_results li {
  width: 100%;
}
.temp42_01 .search_results li .movement {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp42_01 .search_results li .movement:hover {
  opacity: 0.7;
}

.temp42_01 .search_results li .inner {
  padding: 2.4em 0;
  border-bottom: 1px solid #E0E0E0;
}
.temp42_01 .search_results li .inner .ttl {
  padding-bottom: 8px;
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
  font-weight: bold;
  color: #3B4486;
}
.temp42_01 .search_results li .inner p {
  line-height: 1.8;
}

.temp42_01 .search_results li:first-child .inner {
  padding-top: 0;
}

/*************************************************************/
/* temp43_01( member-page ) */
/*************************************************************/
.temp43_01 .only_members .bg_gray_list .btn_list_01 li a:hover {
  color: #fff;
  background-color: #3B4486;
}
.temp43_01 .only_members .bg_gray_list .btn_list_01 li a:hover::after {
  border: 1px solid #fff;
  background: url(../img/common/ico-arrow-white.svg) no-repeat center/70%;
}

.temp43_01 .bg_gray {
  padding: 4em;
  background-color: #FAFAFA;
}
.temp43_01 .bg_gray .inner_ttl {
  font-size: clamp(1.9rem, 2.6vw, 2.4rem);
  color: #3B4486;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp43_01 .bg_gray .link_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.temp43_01 .bg_gray .link_list .child {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  background-color: #fff;
}
.temp43_01 .bg_gray .link_list .child:nth-child(2n) {
  margin-right: 0;
}
.temp43_01 .bg_gray .link_list .child .movement {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp43_01 .bg_gray .link_list .child .inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.4em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp43_01 .bg_gray .link_list .child .inner .ttl {
  position: relative;
  display: inline-block;
  padding-left: 3.5em;
  font-size: 1.6rem;
  letter-spacing: 0.013em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp43_01 .bg_gray .link_list .child .inner p {
  flex-grow: 1;
  display: block;
  margin-top: 1em;
  font-size: 1.6rem;
  letter-spacing: 0.013em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.temp43_01 .bg_gray .link_list .child .inner .ttl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.temp43_01 .bg_gray .link_list .child .inner .ttl::before {
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
  content: "";
  border: 1px solid #3B4486;
  border-radius: 100vh;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/70%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.temp43_01 .bg_gray .link_list .child .inner p {
  font-size: 1.6rem;
}

.temp43_01 .bg_gray .link_list .child .movement:hover .inner {
  background-color: #3B4486;
}
.temp43_01 .bg_gray .link_list .child .movement:hover .inner .ttl {
  color: #fff;
}
.temp43_01 .bg_gray .link_list .child .movement:hover .inner .ttl::before {
  border: 1px solid #fff;
  background: url(../img/common/ico-arrow-white.svg) no-repeat center/70%;
}
.temp43_01 .bg_gray .link_list .child .movement:hover .inner p {
  color: #fff;
}

/*************************************************************/
/* temp44_01( help ) */
/*************************************************************/
.temp44_01 .tab_switch .tab {
  width: 49.5%;
  margin-right: 1%;
}
.temp44_01 .tab_switch .tab:nth-child(2) {
  margin-right: 0;
}
.temp44_01 .tab_switch .tab::after {
  right: 20px;
}

.temp44_01 .bg_gray {
  padding: clamp(2em, 2.6vw, 4em);
  background-color: #FAFAFA;
}

.temp44_01 .contents_container .contents .bg_white {
  width: 100%;
  height: 100%;
  padding: 24px;
  background-color: #fff;
}
.temp44_01 .contents_container .contents .bg_white .question {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.temp44_01 .contents_container .contents .bg_white .question .ttl {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 1.8rem;
}
.temp44_01 .contents_container .contents .bg_white .question .ttl::before {
  position: absolute;
  left: 0;
  content: "Q";
  font-size: 2.4rem;
  color: #3B4486;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.temp44_01 .contents_container .contents .bg_white .answer {
  display: none;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E0E0E0;
}
.temp44_01 .contents_container .contents .bg_white .answer p {
  line-height: 1.3;
}
.temp44_01 .contents_container .contents .bg_white .answer p span {
  display: inline-block;
  padding-left: 1.5em;
  font-size: 1.4rem;
}

.temp44_01 .contents_container .contents .child:not(:last-child) {
  margin-bottom: 16px;
}

.temp44_01 .contents_container .contents .bg_white .question {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.temp44_01 .contents_container .contents .bg_white .question::before {
  position: absolute;
  right: 0;
  content: "";
  width: 24px;
  height: 4px;
  background-color: #212121;
}
.temp44_01 .contents_container .contents .bg_white .question::after {
  position: absolute;
  right: 10px;
  content: "";
  width: 4px;
  height: 24px;
  background-color: #212121;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  transform: rotate(0deg);
}
.temp44_01 .contents_container .contents .bg_white .question.active::after {
  visibility: hidden;
  opacity: 0;
  transform: rotate(90deg);
}

/*=============================================*/
/*media query    Tablet */
/*=============================================*/
@media screen and (max-width: 1024px) {
  /********************************************/
  /* temp04_01(APSR Officers & Committee Chairs) */
  /********************************************/
  .temp04_01 .officer_block .content_box .bg_gray_list .dotto_list li {
    width: 33.3333333333%;
  }
  /************************************************************************/
  /* temp27_01( Events / Congress */
  /************************************************************************/
  .events_congress_block .flex_column_container .contents {
    width: 31.5%;
    margin-right: 2.75%;
  }
  .events_congress_block .flex_column_container .contents:nth-child(3n) {
    margin-right: 0;
  }
  .events_congress_block .flex_column_container .contents:nth-child(4n) {
    margin-right: 2.75%;
  }
}
/*=============================================*/
/*media query    Tablet ipad 5.7inch */
/*=============================================*/
@media screen and (max-width: 768px) {
  /*=============================================*/
  /*Common Base*/
  /*=============================================*/
  .page_fv_block {
    height: 160px;
  }
  .page_fv_block .page_ttl_box .ttl .sub_ttl {
    margin-top: -0.2em;
  }
  /*=============================================*/
  /*about*/
  /*=============================================*/
  /********************************************/
  /* temp02_01(ABOUT) */
  /********************************************/
  .temp02_01 .category_block .list .item {
    margin-bottom: 32px;
  }
  .temp02_01 .category_block .list .item:last-child() {
    margin-bottom: 0;
  }
  /********************************************/
  /* temp03_01(About the APSR) */
  /********************************************/
  /* ------- how_start_block -------- */
  .temp03_01 .how_start_block .content_box .list > li {
    display: block;
    padding: 25px;
  }
  .temp03_01 .how_start_block .content_box .list > li .year {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .temp03_01 .how_start_block .content_box .list > li .txt {
    width: 100%;
  }
  .temp03_01 .how_start_block .content_box .list > li .txt .bg_gray_list .dotto_list li {
    width: 50%;
  }
  /********************************************/
  /* temp04_01(APSR Officers & Committee Chairs) */
  /********************************************/
  .temp04_01 .officer_block .content_box .officer_list .item .img {
    margin-bottom: 10px;
  }
  .temp04_01 .officer_block .content_box .officer_list .item .name {
    margin-bottom: -0.5em;
  }
  .page_about_wrapper .officer_block .content_box .bg_gray_list .dotto_list {
    display: block;
  }
  .page_about_wrapper .officer_block .content_box .bg_gray_list .dotto_list li {
    padding-right: 0;
    width: 100%;
  }
  .page_about_wrapper .officer_block .content_box .committees_box .list {
    display: block;
  }
  .page_about_wrapper .officer_block .content_box .committees_box .list li {
    display: block;
    width: 100%;
  }
  .page_about_wrapper .officer_block .content_box .committees_box .list li:nth-child(-n+2) .txt {
    border-top: none;
  }
  .page_about_wrapper .officer_block .content_box .committees_box .list li:nth-child(1) .txt.name {
    border-top: 1px solid #E0E0E0;
  }
  .page_about_wrapper .officer_block .content_box .committees_box .list li .txt {
    padding: 0.5em;
  }
  .page_about_wrapper .officer_block .content_box .committees_box .list li .txt.name {
    width: 100%;
    border-left: 1px solid #E0E0E0;
  }
  .page_about_wrapper .officer_block .content_box .committees_box .list li .txt.member {
    width: 100%;
    border-left: 1px solid #E0E0E0;
  }
  .page_about_wrapper .officer_block .content_box .assemblies_box .scroll {
    width: 100%;
    overflow-x: scroll;
  }
  .page_about_wrapper .officer_block .content_box .assemblies_box .table_list {
    width: 1000px;
  }
  /********************************************/
  /* temp07_01(Assembly & Assembly Section) */
  /********************************************/
  .temp07_01 .assemblies_block .content_box .flex {
    display: block;
  }
  .temp07_01 .assemblies_block .content_box .flex .left {
    width: 100%;
    margin-bottom: 16px;
  }
  .temp07_01 .assemblies_block .content_box .flex .left img {
    width: auto;
  }
  .temp07_01 .assemblies_block .content_box .flex .right {
    padding-left: 0;
    width: 100%;
  }
  .temp07_01 .assemblies_block .content_box .links_box .ttl {
    margin-bottom: 0.6em;
    color: #3B4486;
    font-size: clamp(2.4rem, 3vw, 2.8rem);
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  /********************************************/
  /* temp07_02(Assemblies) */
  /********************************************/
  .temp07_02 .assembly_group_block .content_box .assembly_box .list li .img {
    padding: 10px 10px 0;
  }
  .temp07_02 .assembly_group_block .content_box .assembly_box .list li .txt {
    padding: 10px 10px 0;
  }
  .temp07_02 .assembly_group_block .content_box .interests_box .list {
    padding: 25px 25px 25px 40px;
  }
  /********************************************/
  /* temp07_04 */
  /********************************************/
  .temp07_04 .sections_block .content_box .flex {
    display: block;
  }
  .temp07_04 .sections_block .content_box .flex .left {
    padding-right: 0;
    margin-bottom: 16px;
    width: 100%;
  }
  .temp07_04 .sections_block .content_box .flex .right {
    width: 100%;
    max-width: 400px;
  }
  .temp07_04 .sections_block .content_box .flex .right .img {
    padding: 20px 20px 0;
  }
  .temp07_04 .sections_block .content_box .flex .right .name {
    padding-left: 20px;
    padding-right: 20px;
  }
  /********************************************/
  /* temp09_02(about/Annual reports/2023) */
  /********************************************/
  .annual_backnumber .dotto_ttl {
    margin-top: 40px;
  }
  .annual_backnumber .dotto_list li {
    padding-left: 30px;
  }
  .annual_backnumber .dotto_list li a {
    position: relative;
  }
  .annual_backnumber .dotto_list li a::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    left: -35px;
    background: url(../img/common/ico-arrow-blue.svg) no-repeat center/14px 14px;
    border-radius: 50%;
    border: 1px solid #3B4486;
    width: 24px;
    height: 24px;
  }
  .annual_backnumber .dotto_list li a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: -20px;
    width: 15px;
    height: 15px;
    background: url(../img/common/ico_pdf.svg) no-repeat center/contain;
  }
  /********************************************/
  /* temp13_01(Advocacy) */
  /********************************************/
  .flex_column_container .contents {
    width: 100%;
    margin-right: 0;
  }
  .flex_column_container .contents:nth-child(2n) {
    margin-right: 0;
  }
  /********************************************/
  /* temp14_01(Charter for Lung Health) */
  /********************************************/
  .lung_health_block .bg_gray {
    background-color: #ECEDF3;
    padding: 0 24px;
  }
  .lung_health_block .bg_gray .flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .lung_health_block .bg_gray .flex .left {
    width: 100%;
    margin-bottom: 1em;
  }
  .lung_health_block .bg_gray .flex .right {
    width: 100%;
  }
  .lung_health_block .bg_gray .flex .right .side_column05 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .lung_health_block .bg_gray .flex .right .side_column05 .contents {
    width: 18%;
    margin-right: 2.5%;
    padding: 40px 0;
    background-color: #FFF;
    text-align: center;
  }
  .lung_health_block .bg_gray .flex .right .side_column05 .contents:last-child {
    margin-right: 0;
  }
  .lung_health_block .bg_gray .flex .right .side_column05 .single_contents {
    width: 100%;
  }
  /********************************************/
  /* temp15_01(TimeLine) */
  /********************************************/
  .timeline_block .timeline .left {
    width: 0;
  }
  .timeline_block .timeline .right {
    width: 100%;
  }
  .timeline_block .timeline .right .contents {
    display: block;
    padding: 2em;
  }
  .timeline_block .timeline .right .contents .box .pa_bo64 {
    padding-bottom: 3.2em;
  }
  .timeline_block .timeline .right .contents .box p {
    padding-bottom: 0;
  }
  .timeline_block .timeline .right .contents .box img {
    display: inline-block;
    padding-top: 1em;
  }
  .timeline_block .timeline .left .year_num {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    top: auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .timeline_block .timeline .left .year_num li {
    margin-right: 1em;
  }
  /*************************************************************/
  /* temp10_01(Education＆Science/Research fund opportunities) */
  /*************************************************************/
  .education_science_block .bg_gray_list .btn_list_01 li {
    width: 100%;
  }
  .education_science_block .bg_gray_list .btn_list_01 li:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .education_science_block .flex_column_container .bg_gray_list {
    width: 100%;
  }
  .education_science_block .flex_column_container .bg_gray_list:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .education_science_block .flex_column_container .ma_bo40 {
    margin-bottom: 2rem;
  }
  /*************************************************************/
  /* temp18_01(Education＆Science / Webinars) */
  /*************************************************************/
  .page_webinars_wrapper .Webinars_block .webinars_list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2em;
  }
  .page_webinars_wrapper .Webinars_block .webinars_list .contents {
    width: 100%;
  }
  .page_webinars_wrapper .Webinars_block .webinars_list .contents:not(:last-child) {
    margin-right: 0;
    margin-bottom: 2em;
  }
  .page_webinars_wrapper .Webinars_block .blue_btn_list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .page_webinars_wrapper .Webinars_block .blue_btn_list .btn {
    width: auto;
  }
  .page_webinars_wrapper .Webinars_block .blue_btn_list .btn a {
    max-width: 200px;
  }
  .page_webinars_wrapper .Webinars_block .blue_btn_list .btn a::after {
    right: 20px;
  }
  .page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container {
    flex-wrap: wrap;
  }
  .page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container .text_area {
    width: 100%;
    margin-right: 0;
  }
  .page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container .text_area .blue_btn_list {
    margin-bottom: 2em;
  }
  .page_webinars_wrapper .Webinars_block .bg_gray_list .flex_container .item {
    width: 100%;
  }
  /************************************************************************/
  /* temp18_03(Education＆Science / Webinars / all/ apsr(num)) */
  /************************************************************************/
  .apsr2nd_block .details_container .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
    order: 2;
  }
  .apsr2nd_block .details_container .left .bg_primary .blue_btn_list .btn {
    width: 100%;
  }
  .apsr2nd_block .details_container .left .bg_primary .blue_btn_list .btn a {
    max-width: 350px;
    padding: 1em 4em 1em 2em;
  }
  .apsr2nd_block .details_container .left .bg_primary .blue_btn_list .btn a::after {
    right: 30px;
  }
  .apsr2nd_block .details_container .right {
    width: 100%;
    margin-bottom: 1em;
    order: 1;
  }
  .apsr2nd_block .sponsored_by .the_logos {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: auto;
  }
  .apsr2nd_block .sponsored_by .the_logos .item {
    width: 22%;
  }
  .apsr2nd_block .sponsored_by .the_logos .item:not(:last-child) {
    margin-right: 4%;
  }
  .apsr2nd_block .sponsored_by .the_logos .item:nth-child(4n) {
    margin-right: 0;
  }
  /************************************************************************/
  /* temp19_01(Education＆Science / Webinars / SPONSORSHIP OPPORTUNITIES) */
  /************************************************************************/
  .page_webinars_wrapper .sponsorship_opportunities_block .bg_gray_list .flex_container .bg_white {
    margin-bottom: 1.5em;
  }
  /************************************************************************/
  /* temp20_01(Education＆Science / esap ) */
  /************************************************************************/
  .esap_block .flex_archive_container .contents {
    width: 100%;
  }
  .esap_block .flex_archive_container .contents:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .esap_block .flex_archive_container .contents a {
    padding: 20px;
  }
  /************************************************************************/
  /* temp21_01(Education＆Science / Webinars / SPONSORSHIP OPPORTUNITIES) */
  /************************************************************************/
  .page_education_science_wrapper .symposium_block .links_activity_fund .bg_gray_list li:nth-child(2)::before {
    content: none;
  }
  /************************************************************************/
  /* temp25_01(Education＆Science / awards / congress */
  /************************************************************************/
  .page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border a {
    padding-left: 2.5em;
  }
  .page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border a::before {
    top: 0.7em;
  }
  .page_education_science_wrapper .congress_awards_block .bg_gray_list .contents .btn_list_02 .border a .status {
    flex-wrap: wrap;
  }
  /************************************************************************/
  /* temp27_01(Events / Congress */
  /************************************************************************/
  .events_congress_block .flex_column_container .contents {
    width: 48%;
    margin-right: 4%;
  }
  .events_congress_block .flex_column_container .contents:nth-child(2n) {
    margin-right: 0;
  }
  .events_congress_block .flex_column_container .contents:nth-child(3n) {
    margin-right: 4%;
  }
  .events_congress_block .flex_column_container .contents:nth-child(4n) {
    margin-right: 0;
  }
  .sp_fixed_ad {
    display: block;
  }
  /*************************************************************/
  /* temp30_01(Members / APSR Membership benefits) */
  /*************************************************************/
  .page_members_wrapper .benefits_block .content_box .list_box .sp_scroll {
    overflow-x: scroll;
  }
  .page_members_wrapper .benefits_block .content_box .list_box .table {
    width: 900px;
  }
  .page_members_wrapper .benefits_block .content_box .list_box .table tr th, .page_members_wrapper .benefits_block .content_box .list_box .table tr td {
    padding: 0.5em 1.5em;
  }
  .page_members_wrapper .benefits_membership_block .content_box .content_area .list .item .flex {
    display: block;
  }
  .page_members_wrapper .benefits_membership_block .content_box .content_area .list .item .flex .img {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .page_members_wrapper .benefits_membership_block .content_box .content_area .list .column_03 .item {
    width: 100%;
  }
  .page_members_wrapper .benefits_membership_block .content_box .content_area .list .column_03 .item:not(:last-child) {
    margin-right: 0;
  }
  /*************************************************************/
  /* temp31_01(Members / APSR Membership benefits) */
  /*************************************************************/
  .temp31_01 .content_box .content_area .sp_scroll {
    overflow-x: scroll;
  }
  .temp31_01 .content_box .content_area .table {
    width: 900px;
  }
  .temp31_01 .content_box .content_area .table th, .temp31_01 .content_box .content_area .table td {
    padding: 0.5em 1em;
  }
  /*************************************************************/
  /* temp32_01(Members / APSR Honour Roll) */
  /*************************************************************/
  .page_members_wrapper .honour_roll_block .content_box .star_memter_box {
    padding: 20px;
  }
  .page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex {
    display: block;
  }
  .page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex .left {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
  }
  .page_members_wrapper .honour_roll_block .content_box .star_memter_box .flex .right {
    width: 100%;
    padding: 20px;
  }
  .page_members_wrapper .honour_roll_block .content_box .profile_box .list .item {
    display: block;
  }
  .page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .right {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
  }
  .page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .right img {
    max-width: 350px;
  }
  .page_members_wrapper .honour_roll_block .content_box .profile_box .list .item .right .profile_link {
    margin-top: 0.5em;
  }
  /*************************************************************/
  /* temp35_01(Publications / Newsletter) */
  /*************************************************************/
  .temp35_01 .content_box .news_content {
    display: block;
  }
  .temp35_01 .content_box .news_content .txt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .temp35_01 .content_box .news_content .img {
    width: 100%;
    max-width: 400px;
  }
  /*************************************************************/
  /* temp41_01( links ) */
  /*************************************************************/
  .temp41_01 .tab_switch .tab {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .temp41_01 .tab_switch .tab:nth-child(3) {
    margin-right: 0;
  }
  .temp41_01 .contents_container .bg_gray {
    padding: 2em;
  }
  .temp41_01 .contents_container .bg_gray .link_list .child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .temp41_01 .contents_container .bg_gray .link_list .child:nth-child(2n) {
    margin-right: 0;
  }
  .temp41_01 .contents_container .bg_gray .link_list .child .inner {
    padding: 1.2em;
  }
  /*************************************************************/
  /* temp43_01( member-page ) */
  /*************************************************************/
  .temp43_01 .bg_gray {
    padding: 2em;
  }
  .temp43_01 .bg_gray .link_list .child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .temp43_01 .bg_gray .link_list .child:nth-child(2n) {
    margin-right: 0;
  }
  .temp43_01 .bg_gray .link_list .child .inner {
    padding: 1.2em;
  }
  .temp43_01 .bg_gray .link_list .child .inner .ttl {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  .temp43_01 .bg_gray .link_list .child .inner .ttl::before {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    content: "";
    border: 1px solid #3B4486;
    border-radius: 100vh;
    background: url(../img/common/ico-arrow-blue.svg) no-repeat center/70%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .temp43_01 .bg_gray .link_list .child .inner p {
    font-size: 1.6rem;
  }
  /*************************************************************/
  /* temp44_01( help ) */
  /*************************************************************/
  .temp44_01 .tab_switch .tab {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .temp44_01 .tab_switch .tab:nth-child(2) {
    margin-right: 0;
  }
  .temp44_01 .tab_switch .tab::after {
    right: 20px;
  }
  .temp44_01 .contents_container .contents .bg_white {
    padding: 12px;
  }
  .temp44_01 .contents_container .contents .bg_white .question .ttl {
    padding-left: 1.5em;
    line-height: 1.5;
    font-size: 1.6rem;
  }
  .temp44_01 .contents_container .contents .bg_white .question .ttl::before {
    content: "Q";
    font-size: 2rem;
  }
  .temp44_01 .contents_container .contents .bg_white .answer {
    margin-top: 12px;
    padding-top: 12px;
  }
  .temp44_01 .contents_container .contents .bg_white .answer p {
    line-height: 1.5;
    font-size: 1.4rem;
  }
  .temp44_01 .contents_container .contents .bg_white .answer p span {
    display: inline-block;
    padding-left: 1em;
    font-size: 1.4rem;
  }
  .temp44_01 .contents_container .contents .bg_white .question::before {
    right: 5px;
    width: 12px;
    height: 2px;
  }
  .temp44_01 .contents_container .contents .bg_white .question::after {
    width: 2px;
    height: 12px;
  }
}
/*=============================================*/
/*media query    Tablet ipad 5.7inch */
/*=============================================*/
@media screen and (max-width: 520px) {
  .lung_health_block .bg_gray .flex .right .side_column05 .contents {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .lung_health_block .bg_gray .flex .right .side_column05 .contents:nth-child(3n) {
    margin-right: 0;
  }
  .lung_health_block .bg_gray .flex .right .side_column05 .contents:last-child {
    margin-right: 0;
  }
  .lung_health_block .bg_gray .flex .right .side_column05 .single_contents {
    width: 100%;
  }
  /************************************************************************/
  /* temp18_03(Education＆Science / Webinars / all/ apsr(num)) */
  /************************************************************************/
  .apsr2nd_block .sponsored_by .the_logos .item {
    width: 48%;
  }
  .apsr2nd_block .sponsored_by .the_logos .item:not(:last-child) {
    margin-right: 4%;
  }
  .apsr2nd_block .sponsored_by .the_logos .item:nth-child(4n) {
    margin-right: 4%;
  }
  .apsr2nd_block .sponsored_by .the_logos .item:nth-child(2n) {
    margin-right: 0;
  }
  /************************************************************************/
  /* temp27_01(Events / Congress */
  /************************************************************************/
  .events_congress_block .flex_column_container .contents {
    width: 100%;
    margin-right: 0;
  }
  .events_congress_block .flex_column_container .contents:nth-child(2n) {
    margin-right: 0;
  }
  .events_congress_block .flex_column_container .contents:nth-child(3n) {
    margin-right: 0;
  }
  .events_congress_block .flex_column_container .contents:nth-child(4n) {
    margin-right: 0;
  }
}
/*************************************************************/
/* temp00_00(404 Page Not Found) */
/*************************************************************/
.page_404_wrapper.temp00_00 {
  padding: 80px 0;
  text-align: center;
}
.page_404_wrapper.temp00_00 .not_found_box {
  padding: 40px;
  margin: auto;
  width: 100%;
  max-width: 640px;
  background-color: #FAFAFA;
}
.page_404_wrapper.temp00_00 .not_found_box .box_ttl {
  margin-bottom: 0.7em;
  color: #3B4486;
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_404_wrapper.temp00_00 .not_found_box .w_area {
  padding: 24px;
  background-color: #fff;
}
.page_404_wrapper.temp00_00 .not_found_box .w_area .top_btn a {
  display: block;
  padding: 1em;
  margin: auto;
  margin-top: 1.2em;
  width: 100%;
  max-width: 240px;
  background-color: #3B4486;
  border-radius: 10px;
  color: #fff;
  font-size: 1.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_404_wrapper.temp00_00 .not_found_box .w_area .top_btn a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .page_404_wrapper.temp00_00 .not_found_box {
    padding: 24px;
  }
}
/*************************************************************/
/* temp46_01(Big 5 Lung Diseases) */
/*************************************************************/
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv {
  background: url(../img/education-science/big5-lung-diseases/img-diseases.jpg) no-repeat center/cover;
  padding: 105px 64px;
}
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv .list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 460px;
}
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv .list:not(:last-child) li {
  margin-bottom: 1em;
}
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv .list li {
  padding: 0.3em 1em;
  background-color: #3B4486;
  border-radius: 50px;
  color: #fff;
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv .list li:not(:first-child) {
  margin-left: 1em;
}

.page_education_science_wrapper.temp46_01 .diseases_block .content_box .num_list {
  counter-reset: num_list 0;
}
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .num_list li {
  position: relative;
  padding-left: 1.2em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .num_list li:before {
  position: absolute;
  left: 0;
  margin-right: 0.5em;
  counter-increment: num_list 1;
  content: counter(num_list) ".";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_education_science_wrapper.temp46_01 .diseases_block .content_box .num_list li:not(:last-child) {
  padding-bottom: 8px;
}

.page_education_science_wrapper.temp46_01 .diseases_block .content_box .blue_btn_list .btn {
  width: 100%;
  max-width: 500px;
}

@media screen and (max-width: 768px) {
  .page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv {
    padding: 80px 30px;
  }
  .page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv .list:not(:last-child) li {
    margin-bottom: 0.5em;
  }
  .page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv .list li {
    font-size: 1.6rem;
  }
  .page_education_science_wrapper.temp46_01 .diseases_block .content_box .diseases_fv .list li:not(:first-child) {
    margin-left: 0.5em;
  }
}
/*************************************************************/
/* Terms and Conditions For use of Big 5 Lung Diseases Workshop Toolkit */
/*************************************************************/
.page_education_science_wrapper.big5_toolkit_wrapper .toolkit_block .content_box .article_list .item:not(:last-child) {
  margin-bottom: 50px;
}
.page_education_science_wrapper.big5_toolkit_wrapper .toolkit_block .content_box .article_list .item .dotto_ttl {
  margin-bottom: 0.3em;
}
.page_education_science_wrapper.big5_toolkit_wrapper .toolkit_block .content_box .article_list .item .dotto_ttl:before {
  top: 0.75em;
}
.page_education_science_wrapper.big5_toolkit_wrapper .toolkit_block .content_box .article_list .item ol.roman > li {
  list-style: lower-roman;
}
.page_education_science_wrapper.big5_toolkit_wrapper .toolkit_block .content_box .article_list .item ol.num > li {
  list-style: decimal;
}
.page_education_science_wrapper.big5_toolkit_wrapper .toolkit_block .content_box .article_list .item .child_list {
  padding-left: 1em;
  margin-bottom: 20px;
}
.page_education_science_wrapper.big5_toolkit_wrapper .toolkit_block .content_box .article_list .item .child_list .child_list_02 {
  padding-left: 1em;
}

/*************************************************************/
/* Become a member */
/*************************************************************/
.page_members_wrapper .become_member_block .content_box .section {
  padding-top: 40px;
  padding-bottom: 0;
}
.page_members_wrapper .become_member_block .content_box .mg_05 {
  margin-bottom: 0.5em;
}

.page_members_wrapper .become_member_block .content_box .bg_gray_list .bg_white .ttl {
  margin-bottom: 0.9em;
}
.page_members_wrapper .become_member_block .content_box .bg_gray_list .bg_white .txt_base p:not(:last-child) {
  padding-bottom: 0;
}

.page_members_wrapper .become_member_block .content_box .categories_area .bg_gray_list .bg_white .num_list {
  counter-reset: num_list 0;
}
.page_members_wrapper .become_member_block .content_box .categories_area .bg_gray_list .bg_white .num_list > li {
  position: relative;
  padding-left: 1.8em;
  margin-bottom: 1em;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.page_members_wrapper .become_member_block .content_box .categories_area .bg_gray_list .bg_white .num_list > li:before {
  position: absolute;
  left: 0;
  margin-right: 0.5em;
  counter-increment: num_list 1;
  content: counter(num_list) ".";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_members_wrapper .become_member_block .content_box .categories_area .bg_gray_list .bg_white .num_list > li .child_list {
  padding-left: 1em;
}
.page_members_wrapper .become_member_block .content_box .categories_area .bg_gray_list .bg_white .num_list > li .child_list li {
  margin-bottom: 0;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

.page_members_wrapper .become_member_block .content_box .changing_area .btn {
  margin-top: 80px;
}
.page_members_wrapper .become_member_block .content_box .changing_area .btn a {
  display: block;
  position: relative;
  width: 100%;
  max-width: 340px;
  padding: 2.5em 1.5em;
  margin: auto;
  background-color: #3B4486;
  font-size: 1.6rem;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_members_wrapper .become_member_block .content_box .changing_area .btn a span {
  position: relative;
  padding-right: 1.5em;
  color: #fff;
  font-size: 1em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_members_wrapper .become_member_block .content_box .changing_area .btn a span:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: -1em;
  background: url(../img/common/ico-arrow-white.svg) no-repeat center/14px 14px;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 24px;
  height: 24px;
  font-size: 1em;
}
.page_members_wrapper .become_member_block .content_box .changing_area .btn a:hover {
  opacity: 0.7;
}

/*************************************************************/
/* temp45_01(Login) */
/*************************************************************/
.page_40s_wrapper.temp45_01 {
  padding: 80px 0;
}
.page_40s_wrapper.temp45_01 .login_area {
  padding: 40px;
  margin: auto;
  margin-bottom: 16px;
  width: 100%;
  max-width: 640px;
  background-color: #FAFAFA;
}

.page_40s_wrapper.temp45_01 .login_area .ttl {
  margin-bottom: 0.5em;
  color: #3B4486;
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

.page_40s_wrapper.temp45_01 .login_area .sml-login {
  padding: 24px;
  margin-bottom: 16px;
  background-color: #fff;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login p:has(label) {
  margin-bottom: 16px;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login p label {
  display: block;
  color: #212121;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login p input[type=text], .page_40s_wrapper.temp45_01 .login_area .sml-login p input[type=password] {
  padding: 0.8em;
  margin-left: 0;
  width: 100%;
  border: 1px solid #E0E0E0;
  background-color: #FAFAFA;
  border-radius: 4px;
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
}

.page_40s_wrapper.temp45_01 .login_area .sml-login .sml-login-error-message {
  color: #AE121B;
}

.page_40s_wrapper.temp45_01 .login_area .sml-login .submit .log-in-btn {
  display: block;
  float: none;
  padding: 1em;
  margin: auto;
  width: 100%;
  max-width: 240px;
  border-radius: 10px;
  background: #3B4486;
  font-size: 1.4rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login .submit .log-in-btn span {
  color: #fff;
  font-size: 1em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login .submit .log-in-btn:hover {
  opacity: 0.7;
}

.page_40s_wrapper.temp45_01 .login_area div ul .sml-action-links- {
  font-size: clamp(1.4rem, 2vw, 1.6rem);
}
.page_40s_wrapper.temp45_01 .login_area div ul .sml-action-links-:not(:last-child) {
  margin-bottom: 0.3em;
}
.page_40s_wrapper.temp45_01 .login_area div ul .sml-action-links- a {
  position: relative;
  padding-left: 1.7em;
  font-size: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_40s_wrapper.temp45_01 .login_area div ul .sml-action-links- a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
}
.page_40s_wrapper.temp45_01 .login_area div ul .sml-action-links- a:hover {
  opacity: 0.7;
}

.page_40s_wrapper.temp45_01 .login_help {
  margin: auto;
  width: 100%;
  max-width: 640px;
}
.page_40s_wrapper.temp45_01 .login_help a {
  position: relative;
  padding-left: 3.5em;
  font-size: clamp(1.4rem, 2vw, 1.6rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_40s_wrapper.temp45_01 .login_help a:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/24px 24px;
  border-radius: 50%;
  border: 1px solid #3B4486;
  width: 40px;
  height: 40px;
}
.page_40s_wrapper.temp45_01 .login_help a:hover {
  opacity: 0.7;
}

.page_40s_wrapper.temp45_01 .login_area .btn_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page_40s_wrapper.temp45_01 .login_area .btn_list > div {
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
.page_40s_wrapper.temp45_01 .login_area .btn_list > div:not(:nth-child(2n)) {
  margin-right: 10px;
}
.page_40s_wrapper.temp45_01 .login_area .btn_list > div a {
  display: block;
  padding: 0.5em;
  background-color: #fff;
  border: 1px solid #3B4486;
  color: #3B4486;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_40s_wrapper.temp45_01 .login_area .btn_list > div a:hover {
  color: #fff;
  background-color: #3B4486;
}

.page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li {
  width: calc(50% - 10px);
  margin-bottom: 15px;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li:not(:nth-child(2n)) {
  margin-right: 20px;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li a {
  display: inline-block;
  position: relative;
  padding-left: 2em;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li a:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background: url(../img/common/ico-arrow-blue.svg) no-repeat center/14px 14px;
  border-radius: 50%;
  border: 1px solid #3B4486;
  width: 24px;
  height: 24px;
}
.page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .page_40s_wrapper.temp45_01 .login_area {
    padding: 24px;
  }
  .page_40s_wrapper.temp45_01 .login_area div ul .sml-action-links- a:before {
    top: 0.3em;
    width: 14px;
    height: 14px;
  }
  .page_40s_wrapper.temp45_01 .login_help a {
    padding-left: 2.5em;
  }
  .page_40s_wrapper.temp45_01 .login_help a:before {
    background: url(../img/common/ico-arrow-blue.svg) no-repeat center/14px 14px;
    border-radius: 50%;
    border: 1px solid #3B4486;
    width: 24px;
    height: 24px;
  }
  .page_40s_wrapper.temp45_01 .login_area .btn_list {
    display: block;
  }
  .page_40s_wrapper.temp45_01 .login_area .btn_list > div {
    width: 100%;
  }
  .page_40s_wrapper.temp45_01 .login_area .btn_list > div:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links {
    display: block;
  }
  .page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li {
    width: 100%;
  }
  .page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .page_40s_wrapper.temp45_01 .login_area .sml-login .sml-user-links li a {
    padding-left: 2.5em;
    font-size: 1.4rem;
  }
}
/*************************************************************/
/* temp13_01(Scholarship) */
/*************************************************************/
.page_education_science_wrapper .scholarship_block .content_box .scholarship_list > .item:not(:last-child) {
  margin-bottom: 80px;
}

.page_education_science_wrapper .scholarship_block .content_box .scholarship_list .item .dotto_ttl:before {
  top: 0.8em;
}

.page_education_science_wrapper .scholarship_block .content_box .scholarship_list .item .alphabet_list li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: none;
  list-style-position: inside;
  counter-increment: count;
}
.page_education_science_wrapper .scholarship_block .content_box .scholarship_list .item .alphabet_list li:before {
  display: marker;
  content: counter(count, lower-alpha) ". ";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page_education_science_wrapper .scholarship_block .content_box .scholarship_list .item .sub_item .sub_ttl {
  margin-bottom: 0.5em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
}

/********************************************/
/* privacy policy */
/********************************************/
.page_40s_wrapper .privacy_block .content_box .table_of_contents {
  padding: 0;
}
.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray {
  padding: 40px;
  margin-bottom: 40px;
  background-color: #FAFAFA;
}

.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article {
  border-bottom: 1px solid #BDBDBD;
}
.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article .toc_title {
  padding: 1em 0;
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article .toc_title a {
  font: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article .toc_title a:hover {
  color: #3B4486;
}

.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article .nest_list {
  padding-bottom: 1.3em;
  padding-left: 1em;
  font-size: 1.6rem;
}
.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article .nest_list li {
  font-size: 1em;
  list-style: disc;
}
.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article .nest_list li a {
  font: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray .toc_list .article .nest_list li a:hover {
  color: #3B4486;
}

.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents:not(:last-child) {
  margin-bottom: 40px;
}
.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .title {
  padding-bottom: 0.9em;
  color: #3B4486;
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .sub_item:not(:last-child) {
  margin-bottom: 24px;
}
.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .sub_item .sub_ttl {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .article_list li {
  position: relative;
  padding-left: 1.2em;
  font-size: 1.6rem;
}
.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .article_list li:not(:last-child) {
  margin-bottom: 0.5em;
}
.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .article_list li:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}
.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .article_list li:has(.list_ttl):not(:last-child) {
  margin-bottom: 1em;
}
.page_40s_wrapper .privacy_block .content_box .inner_article_list .contents .article_list li:has(.list_ttl) .list_ttl {
  font-size: 1em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  .page_40s_wrapper .privacy_block .content_box .table_of_contents .bg_gray {
    padding: 24px;
  }
}
/********************************************/
/* privacy policy */
/********************************************/
.page_40s_wrapper .terms_block .content_box .terms_list .item:not(:last-child) {
  margin-bottom: 40px;
}
.page_40s_wrapper .terms_block .content_box .terms_list .item .item_ttl {
  padding-bottom: 0.5em;
  color: #3B4486;
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/********************************************/
/* APSR Assembly Fund Research Projects */
/* APSR Multi-Society Research Projects */
/********************************************/
.page_education_science_wrapper .education_science_block .content_box .planned_section {
  padding-bottom: 0;
}

.page_education_science_wrapper .education_science_block .content_box .planned_section .item .mg16 {
  margin-bottom: 16px;
}

.page_education_science_wrapper .education_science_block .content_box .overview_area .item:not(:last-child) {
  margin-bottom: 40px;
}
.page_education_science_wrapper .education_science_block .content_box .overview_area .item .item_ttl {
  margin-bottom: 0.5em;
  color: #3B4486;
  line-height: 1.5;
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page_education_science_wrapper .education_science_block .content_box .planned_section .item {
  margin-top: 40px;
}
.page_education_science_wrapper .education_science_block .content_box .planned_section .item .dotto_ttl:before {
  top: 0.7em;
}
.page_education_science_wrapper .education_science_block .content_box .planned_section .item .bold_ttl {
  display: block;
  margin-bottom: 0.7em;
  color: #3B4486;
  line-height: 1.5;
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_education_science_wrapper .education_science_block .content_box .planned_section .item .item_child .sub_ttl {
  margin-bottom: 0.2em;
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_education_science_wrapper .education_science_block .content_box .planned_section .item .item_child .child_ttl {
  margin-bottom: 0.4em;
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page_education_science_wrapper .education_science_block .content_box .simple_dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.6rem;
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl dt {
  margin-bottom: 0.5em;
  font-size: 1em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl dd {
  margin-bottom: 0.5em;
  font-size: 1em;
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl.w_s dt {
  width: 3em;
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl.w_s dd {
  width: calc(100% - 3em);
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl.w_m dt {
  width: 9em;
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl.w_m dd {
  width: calc(100% - 9em);
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl.w_l dt {
  width: 12em;
}
.page_education_science_wrapper .education_science_block .content_box .simple_dl.w_l dd {
  width: calc(100% - 12em);
}

@media screen and (max-width: 768px) {
  .page_education_science_wrapper .education_science_block .content_box dl.w_m, .page_education_science_wrapper .education_science_block .content_box dl.w_l {
    display: block;
  }
  .page_education_science_wrapper .education_science_block .content_box dl.w_m dt, .page_education_science_wrapper .education_science_block .content_box dl.w_m dd, .page_education_science_wrapper .education_science_block .content_box dl.w_l dt, .page_education_science_wrapper .education_science_block .content_box dl.w_l dd {
    width: 100% !important;
  }
}
/********************************************/
/* temp39_01(Diversity and inclusion policy) */
/********************************************/
.page_about_wrapper.temp39_01 .policy_block .content_box .txt_right {
  text-align: right;
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
}
.page_about_wrapper.temp39_01 .policy_block .content_box .dotto_list li .child_list li {
  margin-bottom: 0.1em;
}
.page_about_wrapper.temp39_01 .policy_block .content_box .dotto_list li .child_list.normal_list li:before {
  background-color: #fff;
  border: 1px solid #3B4486;
}
.page_about_wrapper.temp39_01 .policy_block .content_box .dotto_list li .child_list.en_list {
  padding-left: 1.2em;
}
.page_about_wrapper.temp39_01 .policy_block .content_box .dotto_list li .child_list.en_list li {
  padding-left: 0;
  list-style: lower-roman;
}
.page_about_wrapper.temp39_01 .policy_block .content_box .dotto_list li .child_list.en_list li:before {
  content: none;
}

/********************************************/
/* temp12_02(Log of Amendments) */
/********************************************/
.page_about_wrapper.temp12_02 .log_block .content_box .log_list li {
  position: relative;
  padding-left: 1.2em;
  font-size: 1.6rem;
}
.page_about_wrapper.temp12_02 .log_block .content_box .log_list li:not(:last-child) {
  margin-bottom: 0.5em;
}
.page_about_wrapper.temp12_02 .log_block .content_box .log_list li:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #3B4486;
  border-radius: 50%;
}

/*=====================================================================*/
/*
/*
/*
/* spiral領域 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*
/*
/*
/*=====================================================================*/
/********************************************/
/* login_page layout */
/********************************************/
.page_40s_wrapper.spiral_login .login_area::contains("$0") {
  display: none;
}
.page_40s_wrapper.spiral_login .login_area h2 {
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  color: #3B4486;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_40s_wrapper.spiral_login .login_area > p {
  padding-bottom: 1em;
  font-size: 1.6rem;
  color: #3B4486;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}/*# sourceMappingURL=page.css.map */