@charset "utf-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.6;
min-width: 1200px;
text-align: justify;
text-justify: inter-word;
font-family: Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
body{min-width: initial;}
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} @media screen and (min-width: 768px) {
.sp{display: none!important;}
}
@media screen and (max-width: 767px) {
.pc{
display: none!important;
}
}
.no-scroll {
height: 100vh;
overflow: hidden;
}
*{
font-family: Arial, Helvetica, sans-serif;
}
.container{
width: 100%;
overflow: hidden; }
img {
max-width: 100% !important;
}
header, main,.footer-wrap{
width: 1190px;
margin-left: auto;
margin-right: auto;
}
header{
height: 103px;
flex-direction: row;
}
.d-flex{
display: flex;
}
.d-justify-start{
justify-content: start;
align-items: center;
}
.d-align-start{
justify-content: center;
align-items: start;
}
.d-align-justify-start{
justify-content: start;
align-items: start;
}
.d-flex-center{
justify-content: center;
align-items: center;
}
.d-flex-between{
justify-content: space-between;
align-items: center;
}
.d-align-self-start{
align-self: flex-start;
}
.d-flex-column{
flex-direction: column;
}
.d-flex-item__width250{
width: 250px;
}
.d-align-c {
align-items: center;
}
.text-line-h24{
line-height: 24px;
}
.text-line-h26{
line-height: 26px;
}
.text-line-h40{
line-height: 40px;
}
.text-line-db{
line-height: 2;
}
nav{
width: 100%;
height: 60px;
color: #E0E0E0;
}
.color_primer{
color: #0061A3;
}
.color_bg_primer{
background-color: #0061A3;
}
.color_white{
color: #FFF;
}
.color_e0{
color: #E0E0E0;
}
.color_33 {
color: #333333;
}
.color_0061A3 {
color: #0061A3;
}
.color_4563F6 {
color: #4563F6;
}
.color_647B80{
color: #647B80;
}
.f13{
font-size: 13px;
}
.f14{
font-size: 14px;
}
.f15{
font-size: 15px;
}
.f16{
font-size: 16px;
}
.f20{
font-size: 20px;
}
.f25{
font-size: 25px;
}
.f30{
font-size: 30px;
}
.fw-5{
font-weight: 500;
}
.fw-b{
font-weight: bold;
}
.ml-1{
margin-left: 10px;
}
.ml-4{
margin-left: 40px;
}
.mx-4{
margin-left: 40px;
margin-right: 40px;
}
.my-40{
margin-top: 40px;
margin-bottom: 40px;
}
.my-1{
margin-top: 10px;
margin-bottom: 10px;
}
.my-7{
margin-top: 70px;
margin-bottom: 70px;
}
.ml-7{
margin-left: 70px;
}
.ml-8{
margin-left: 80px;
}
.mb-2{
margin-bottom: 20px;
}
.mb-3{
margin-bottom: 30px;
}
.mb-4{
margin-bottom: 40px;
}
.mb-6{
margin-bottom: 60px;
}
.mb-8{
margin-bottom: 80px;
}
.mb-9{
margin-bottom: 90px;
}
.mb-10{
margin-bottom: 100px;
}
.mt-2 {
margin-top: 20px;
}
.pl-2 {
padding-left: 20px;
}
.padding-55 {
padding: 55px;
}
.border-gray-ccc {
border-color: #ccc;
}
.txt-center{
text-align: center;
}
.h_hr_box{
width: 850px;
margin-top: 1px;
margin-left: -164px;
}
.h_hr{
height: 1px;
width: 100%;
background-color: #707070;
}
.logo_right{
margin-top: 7px;
margin-left: 4px;
}
.btn_box{
height: 39px;
border-radius: 16px;
text-decoration: unset;
transition: all .3s;
font-size: 13px; 
}
.btn_box img {
height: 100%;
width: auto;
}
.btn_box:hover {
opacity: .7;
}
.btn_gray{
background-color: #BDBDBD;
}
.btn {
width: 188px;
height: 48px;
line-height: 46px;
font-size: 15px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
cursor: pointer;
text-decoration: unset;
margin-left: auto;
margin-right: auto;
}
.btn.__left {
margin-left: initial;
}
.btn-typePrimary{
color: #fff;
border-color: #0061A3;
background: #0061A3;
transition: all .3s;
}
.btn-typePrimary:hover{
color: #0061A3;
background: #fff;
border-color: #0061A3;
}
.btn-typePrimary:active{
color: #fff;
border-color: #333333;
background: #333333;
}
.btn-typePrimary.disable{
opacity: .5;
cursor: none;
transition: unset;
}
.btn-typePrimary.disable:hover{
opacity: .5;
color: #fff;
border-color: #0061A3;
background: #0061A3;
cursor: unset;
}
.btn-typePrimary.disable:active{
opacity: .5;
color: #fff;
border-color: #0061A3;
background: #0061A3;
cursor: unset;
}
.btn-typeSecondary{
color: #0061A3;
background: #fff;
border-color: #0061A3;
transition: all .3s;
}
.btn-typeSecondary:hover{
color: #999999;
background: #fff;
border-color: #999999;
}
.btn-typeSecondary:active{
color: #0061A3;
border-color: #999999;
background: #F2F2F2;
}
.btn-typeSecondary.disable{
opacity: .5;
cursor: unset;
transition: unset;
}
.btn-typeSecondary.disable:hover{
opacity: .5;
color: #0061A3;
background: #fff;
border-color: #0061A3;
cursor: unset;
}
.btn-typeSecondary.disable:active{
opacity: .5;
color: #0061A3;
background: #fff;
border-color: #0061A3;
cursor: unset;
}
.txt-underline {
text-decoration: underline;
}
.page-title {
font-size: 40px;
font-weight: bold;
line-height: 70px;
}
.section-heading {
font-size: 30px;
font-weight: bold;
line-height: 53px;
}
.section-heading.underline{
position: relative;
margin-bottom: 35px;
}
.section-heading.underline:after{
position: absolute;
content: '';
bottom: -35px;
left: 0;
width: 80px;
padding-top: 1px;
background: #333333;
}
.heading--es{
color: #647B80;
font-size: 20px;
font-weight: bold;
line-height: 2;
}
.heading--es.line-l{
border-left-style: solid;
border-width: 2px;
border-color: #647B80;
padding-left: 10px;
}
.txt {
font-size: 15px;
line-height: 26px;
}
.txt-s{
font-size: 13px;
line-height: 23px;
}
.txt-link {
color: #4563F6;
font-size: 15px;
line-height: 26px;
text-decoration: unset;
transition: all .3s;
}
.txt-link:hover{
opacity: .7;
}
.list-item{
font-size: 15px;
line-height: 2;
}
.list-style-decimal{
list-style: decimal;
margin-left: 20px;
}
.list-style-circle {
position: relative;
padding-left: 20px;
}
.list-style-circle:before{
position: absolute;
content: '';
display: block;
width: 9px;
padding-top: 9px;
border-radius: 100%;
background-color: #647B80;
top: 10px;
left: 0;
}
.b-gray-f5 {
background: #F5F5F5;
}
.b-gray-fa {
background: #FAFAFA;
}
.nowrap{
white-space: nowrap;
}
nav>ul{
height: 100%;
width: 100%;
max-width: 1190px;
}
nav>ul>li{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: calc(100% / 7);
}
nav>ul>li>a{
text-decoration: unset;
color: #fff;
transition: all .3s;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
nav>ul>li>a:hover{
background-color: #fff;
color: #0061A3;
}
.text-box-bottom{
border-top: 1px solid #0061A3;
}
.text-style{
background-color: #FFF;
width: 120px;
margin-top: -10px;
}
.current-issue-list .d-flex {
justify-content: flex-start;
margin-bottom: 60px;
flex-wrap: wrap;
}
.current-issue-list .left-column{
width: 100%;
}
.current-issue-list .right-column{
width: 100%;
margin-left: 50px;
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
}
.current-issue-list .right-column-image {
width: 20%;
margin-right: 20px;
}
.current-issue-list .right-column-wrap{
border-left-width: 4px;
border-left-style: solid;
padding-left: 24px;
width: calc(80% - 48px);
}
.jrd-information .b-gray-f5{
justify-content: space-between;
}
.jrd-information-content {}
.jrd-information .b-gray-f5 .btn-wrap {
margin-top: 135px;
}
.jrd-information-list .list-item {
font-size: 16px;
}
.jrd-information-list .list-style-circle:before{
background-color: #0061A3;
width: 10px;
padding-top: 10px;
}
.current-issue {
margin-bottom: 175px;
}
footer .footer-wrap{
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 35px 90px;
}
footer .footer-list {
margin-bottom: 30px;
}
footer .footer-list .list-item{
display: inline-block;
}
footer .footer-list .list-item a{
text-decoration: unset;
transition: all .3s;
cursor: pointer;
}
footer .footer-list .list-item a:hover{
opacity: .7;
}
footer .footer-list .list-item ~ .list-item {
margin-left: 20px;
}
.aims-and-scope {
justify-content: start;
align-items: start;
}
.aims-and-scope-img {
width: 370px;
min-width: 370px;
}
.aims-and-scope-img img {
width: 100%;
}
.aims-and-scope-content{}
@media screen and (max-width: 767px) {
*{
box-sizing: border-box;
}
img{
width: 100%;
}
header{
width: 100%;
padding-left: 20px;
}
main, .footer-wrap {
width: 100%;
padding: 0 20px;
}
.my-7{
margin: 35px 0;
}
.mb-6 {
margin-bottom: 30px;
}
header.d-flex{
justify-content: space-between;
height: 50px;
}
header .btn-area .btn_box{
margin-left: 5px;
height: 40px;
}
header .logo{
width: 100px;
min-width: 100px;
position: relative;
}
header .logo:after {
content: '';
position: absolute;
top: 49%;
left: 15px;
display: block;
width: 100%;
padding-top: 1px;
background: #707070;
}
header .h_hr_box{
display: none;
}
header .logo_right {
width: 25%;
margin-left: 15px;
}
.humb-wrap {
width: 50px;
min-width: 50px;
height: 100%;
display: block;
}
.humb-wrap.active .humb-menu {
right: 0;
}
.humb-wrap.active .humb {
position: relative;
}
.humb-wrap.active .humb span:first-of-type {
transform: rotate(-45deg);
top: 48%;
left: 12px;
position: absolute;
}
.humb-wrap.active .humb span:first-of-type:after {
content: '';
}
.humb-wrap.active .humb span:nth-of-type(2) {
display: none;
}
.humb-wrap.active .humb span:last-of-type {
bottom: 48%;
left: 12px;
transform: rotate(45deg);
position: absolute;
}
.humb-wrap .humb {
display: flex;
padding: 15px 10px;
height: 100%;
flex-direction: column;
justify-content: space-between;
background: #0061A3;
}
.humb-wrap .humb span {
transform: rotate(0);
width: 30px;
height: 2px;
background: #fff;
transition: all .3s ease-in;
}
.humb-wrap .humb-menu {
position: fixed;
top: 50px;
right: -100vw;
width: 100vw;
height: calc(100vh - 70px);
background: #fff;
z-index: 100;
overflow-y: auto;
transition: all .3s ease-in;
}
.humb-wrap .humb-menu ul{
flex-wrap: wrap;
margin-top: 20px;
}
.humb-wrap .humb-menu li{
width: 100%;
padding: 0 20px;
}
.humb-wrap .humb-menu li:last-of-type a{
border-bottom: none;
}
.humb-wrap .humb-menu li a{
width: 100%;
display: block;
color: #0061A3;
font-size: 15px;
text-align: center;
background: #fff;
padding: 15px 0;
border-style: solid;
border-color: #0061A3;
border-bottom-width: 2px;
text-decoration: unset;
}
.aims-and-scope{
flex-wrap: wrap;
}
.aims-and-scope-img {
width: 100%;
min-width: unset;
margin-left: 0;
}
.aims-and-scope-content{
margin-left: 0;
margin-top: 40px;
}
.jrd-information-content {
flex-wrap: wrap;
padding: 25px;
}
.jrd-information-content .list-item {
white-space: normal;
}
.jrd-information .jrd-information-content .btn-wrap{
margin: 30px auto;
}
.current-issue {
margin-bottom: 100px;
}
.current-issue-list .d-flex {
margin-bottom: 30px;
}
.current-issue h3 img{
width: 26px;
}
.current-issue-list .left-column{
font-size: 18px;
}
.current-issue-list .right-column{
width: 100%;
margin-left: 25px;
}
.current-issue-list .right-column-image {
width: 100%;
margin-right: 0;
}
.current-issue-list .right-column-wrap{
padding-left: 15px;
width: 100%;
}
footer .footer-wrap{
padding: 35px 20px;
flex-wrap: wrap;
}
footer .footer-wrap .footer-list{
margin-bottom: 20px;
}
footer .footer-wrap .img-wrap{
display: flex;
align-items: center;
}
footer .footer-wrap .img-wrap img {
width: 330px;
}
}
.content-wrap{
width: 100%;
margin: 100px auto;
}
.text-area{
margin-left: auto;
margin-right: auto;
}
.table-wrap {
margin-left: auto;
margin-right: auto;
}
.table-wrap table{
width: 100%;
font-size: 15px;
border-collapse: collapse;
text-align: left;
word-break: break-all;
}
.table-wrap tr:first-of-type th,.table-wrap tr:first-of-type td{
border-top: 2px solid #647B80;
}
.table-wrap th{
color: #647B80;
border-bottom: 1px solid #647B80;
padding: 28px 10px;
line-height: 1.6;
}
.table-wrap td{
color: #333;
border-bottom: 1px solid #647B80;
padding: 28px 10px;
line-height: 1.6;
}
.area_txt-img{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.area_txt-img.single .img-wrap{
width: 100%;
}
.area_txt-img.half{
justify-content: space-between;
}
.area_txt-img.half .double-column.__img{
width: 15%;
}
.area_txt-img.half .double-column.txt{
width: 80%;
}
.area_txt-img.half .img-wrap{
width: 100%;
}
.btn_btn-area{
display: flex;
justify-content: space-between;
}
.page-nav {
font-size: 0;
}
.page-nav_wrap.is-fixed {
position: fixed;
top: 0;
background-color: #fff;
z-index: 999;
}
.page-nav .nav-item{
position: relative;
z-index: 1;
display: inline-block;
width: 120px;
font-size: 15px;
text-align: center;
}
.page-nav .nav-item.active{
color:#0061A3;
padding: 20px 0;
}
.page-nav .nav-item.active:after{
content: '';
display: block;
width: 100%;
background: #0061A3;
padding-top: 4px;
position: absolute;
bottom: -4px;
left: 0;
}
.page-nav .nav-item .link{
color:#0061A3;
text-decoration: unset;
display: block;
font-size: 15px;
width: 100%;
text-align: center;
padding: 20px 0;
transition: all .3s;
border-style: solid;
border-bottom-width: 4px;
border-color: #F2F2F2;
height: 100%;
}
.page-nav .nav-item .link:hover{
opacity: .7;
border-color: #0061A3;
}
.__anchor {
padding-top: 100px;
margin-top: -100px;
}
@media screen and (max-width: 767px) {
.scroll-x{
width: 100%;
overflow-x: auto;
}
.page-title{
font-size: 35px;
line-height: 1.75;
}
.section-heading {
font-size: 25px;
line-height: 1.7;
}
.section-heading.underline{
margin-bottom: 15px;
}
.section-heading.underline:after{
bottom: -15px;
}
.heading--es{
font-size: 18px;
line-height: 1.7;
}
.page-nav{
min-width: 100%;
width: auto;
display: flex;
align-items: stretch;
}
.page-nav .nav-item{
min-width: 120px;
}
.page-nav .nav-item:before{
content: '';
display: block;
width: 100%;
background: #F2F2F2;
padding-top: 4px;
position: absolute;
bottom: -4px;
left: 0;
}
.text-area {
width: 100%;
}
.table-wrap {
width: 100%;
}
.btn_btn-area {
width: 100%;
}
.btn-wrap{
min-width: 150px;
}
.btn {
width: 100%;
}
.area_txt-img{
width: 100%;
}
.area_txt-img.half .double-column{
width: 100%;
}
.area_txt-img.half .double-column.__img{
width: 100%;
}
.area_txt-img.half .double-column.txt{
width: 100%;
}
.area_txt-img.half .double-column ~ .double-column{
margin-top: 30px;
}
}
.movie {
padding-bottom: 80px;
}
.movie-wrap {
width: 100%;
aspect-ratio: 16 / 9;
max-width: 560px;
margin: 0 auto;
}
.movie-wrap iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.movie {
padding-bottom: 40px;
}
}