@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*** reset ***/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
input,select{vertical-align:middle}

/*** base ***/
* {
-webkit-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
* html body {
box-sizing:border-box;
}

img{
max-width: 100%;
height: auto;
}
a {
color: inherit;
text-decoration: none;
}
a:focus {
outline: none;
}
map area {
outline: none;
}
sup,sub {
font-size: 75%;
}
sup {
vertical-align: top;
}
input[type="button"], input[type="submit"] {
-webkit-appearance: none;
appearance: none;
}
svg {
display: block;
}

/* ========================================
	HTML要素
======================================== */
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

strong, em {
font-style: normal;
}
strong {
font-weight: bold;
}
a {
vertical-align: baseline;
zoom: 1;
text-decoration: none;
}
a.c_nonhover:hover {
opacity: 1;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
select,option,input,textarea,button,th,td {
font-family: "Noto Sans JP", "Meiryo", sans-serif;
}
@media all and (-ms-high-contrast: none) {
select,option,input,textarea,button,th,td {
font-family: Meiryo, メイリオ, sans-serif;
}
}
html {
font-size: 62.5%;
overflow-x: hidden;
}
body {
font-family: "Noto Sans JP", "Meiryo", sans-serif;
color: #000;
line-height: 1.88;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 1px;
-webkit-text-size-adjust: 100%;
}
@media all and (-ms-high-contrast: none) {
body {
font-family: Meiryo, メイリオ, sans-serif;
}
}
body.fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
}
main {
display: block;
}
small {
font-size: small;
}
@media only screen and (max-width: 767px) {
body {
font-size: 4.2656vw;
}
}
.s_cfx:after {
content: "";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}

/* ========================================
	layout
======================================== */
/* ------------------------------
	body
------------------------------ */

/* ------------------------------
	header
------------------------------ */
.l_header {
position: relative;
z-index: 2;
display: block;
width: 100%;
max-width: 1530px;
margin: 0 auto;
padding: 0 45px;
box-sizing: border-box;
}
.l_header .m_head_wrap {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;	
justify-content: space-between;
width: 100%;
padding: 23px 0;
}
@media (max-width: 1170px) {
.l_header {
padding: 0 15px;
}
}
.l_header .e_site_logo {
min-width: 250px;
}
@media (max-width: 1134px) {
.l_header .e_site_logo {
min-width: 170px;
}
}
.l_header .e_site_logo .e_site_logo_item {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.l_header .e_site_logo .s_site_logo {
display: block;
line-height: 1;
}
@media (min-width: 1025px) {
.l_header .e_site_logo .s_site_logo {
transition: opacity .3s ease-in-out;
}
.l_header .e_site_logo .s_site_logo:hover {
opacity: .75;
}
}
@media (max-width: 1000px) {
.l_header .e_site_logo .s_site_logo {
max-width: 100px;
}
}
.l_header .e_site_logo .e_site_logo_item .e_link {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-left: 46px;
}
.l_header .e_site_logo .s_site_txt {
display: block;
font-size: 3.6rem;
font-weight: 800;
line-height: 1;
}
.l_header .e_site_logo.e_site_logo_en .s_site_txt {
font-size: 2rem;
}
@media (max-width: 1390px) {
.l_header .e_site_logo .s_site_txt {
font-size: 2.2rem;
margin-left: 1em;
}
.l_header .e_site_logo.e_site_logo_en .s_site_txt {
font-size: 2rem;
margin-left: 0;
}
}
@media only screen and (max-width: 1000px) {
.l_header .e_site_logo .s_site_txt {
font-size: 1.6rem;
}
}
@media only screen and (max-width: 1024px) {
.l_header .e_site_logo .s_site_txt {
font-size: 1.6rem;
margin-left: .5em;
}
.l_header .e_site_logo .e_site_logo_item .e_link {
margin-left: 10px;
}
}
.l_header .e_site_logo .s_site_riss_logo {
margin-left: 15px;
}
.l_header .e_site_logo .s_site_riss_logo img {
display: block;
}
@media only screen and (max-width: 1000px) {
.l_header .e_site_logo .s_site_riss_logo {
max-width: 30px;
margin-left: .5em;
}
}
.l_header .m_humb_btn {
display: none;
}
.l_header .m_nav_wrap .m_nav {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
}
.l_header .m_nav_wrap.m_nav_wrap_sp {
display: none;
}
.l_header .m_nav_wrap .m_nav .e_nav {
order: 2;
width: 100%;
margin-top: 27px;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;	
justify-content: flex-end;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li {
position: relative;
border-right: 1px solid #101528;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li:first-child {
border-left: 1px solid #101528;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > a {
padding: 0 30px;
}
@media (max-width: 1340px) {
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > a {
padding: 0 10px;
}
}
@media (max-width: 1134px) {
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > a {
font-size: 1.4rem;
letter-spacing: 0;
}
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
display: none;
white-space: nowrap;
border: 1px solid #101528;
background: #FFF;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul > li:not(:first-child) {
border-top: 1px solid #101528;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > a {
display: block;
padding: 10px 15px;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;	
justify-content: flex-end;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
order: 1;
width: 100%;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
line-height: 1;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-right: 10px;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li:last-child {
margin-right: 0;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li:before {
content: "";
display: block;
width: 1px;
height: 14px;
margin-top: 2px;
background: #0A1638;
transform: rotate(30deg);
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li:first-child:before {
content: none;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li a {
display: block;
line-height: 1;
font-size: 1.6rem;
margin-left: 10px;
}
@media (min-width: 1025px) {
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li a:hover {
text-decoration: underline;
}
}
@media (max-width: 1340px) {
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li a {
font-size: 1.4rem;
}
}
@media (max-width: 1180px) {
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li a {
font-size: 1.1rem;
}  
}
@media (max-width: 1280px) {
.l_header .e_site_logo.e_site_logo_en .e_site_logo_item .e_link {
margin-left: 10px;
}
.l_header .e_site_logo.e_site_logo_en .s_site_txt {
font-size: 1.6rem;
margin-left: 0;
}
.site_en .l_header .m_nav_wrap .m_nav .m_sub_nav ul li a {
font-size: 1.1rem;
}
.site_en .l_header .m_nav_wrap .m_nav .m_sub_nav form input[type=text] {
max-width: 100px;
}
}
@media only screen and (max-width: 1000px) {
.l_header .e_site_logo.e_site_logo_en .s_site_txt {
font-size: 1.2rem;
letter-spacing: 0;
}
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li:first-child a {
margin-left: 0;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav form {
border: 1px solid #72728a;
line-height: 1;
margin-left: 30px;
padding: 3px 14px;
border-radius: 17px;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav form input[type=text] {
display: inline-block;
max-width: 157px;
box-sizing: border-box;
margin-right: 14px;
font-size: 1.6rem;
}
@media (max-width: 1180px) {
.l_header .m_nav_wrap .m_nav .m_sub_nav form {
margin-left: 1em;
padding: 3px 10px;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav form input[type=text] {
max-width: 100px;
}
}
@media only screen and (max-width: 1024px) {
.l_header .m_nav_wrap .m_nav .m_sub_nav form {
margin-left: .5em;
}
}
@media only screen and (max-width: 767px) {
.l_header {
height: auto;
padding: 5.6vw 5.333vw;
box-sizing: border-box;
background: #f7f7f7;
}
.l_header .m_head_wrap {
width: calc(100% - 9.6vw);
padding: 0;
}
.l_header .e_site_logo {
min-width: auto;
}
.l_header .e_site_logo .e_site_logo_item {
display: block;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.l_header .e_site_logo .s_site_logo {
width: 24.5364vw;
max-width: none;
}
.l_header .e_site_logo .e_site_logo_item .e_link {
margin-left: 2.667vw;
}
.l_header .e_site_logo .s_site_txt {
font-size: 5.6vw;
margin-top: 0;
}
.l_header .e_site_logo.e_site_logo_en .s_site_txt {
font-size: 4vw;
}
.l_header .e_site_logo .s_site_riss_logo {
display: none;
}
.l_header .m_humb_btn {
position: absolute;
right: 5.333vw;
top: 50%;
transform: translateY(-50%);
display: block;
width: 9.6vw;
height: 6.4vw;
}
.l_header .m_humb_btn .e_humb_btn {
position: absolute;
display: block;
width: 100%;
height: 1.0668vw;
background: #0c162f;
transition: all .3s ease-in-out;
}
.l_header .m_humb_btn .e_humb_btn:nth-child(1) {
top: 0;
}
.l_header .m_humb_btn .e_humb_btn:nth-child(2) {
top: -webkit-calc(50% - .5334vw);
top: calc(50% - .5334vw);
}
.l_header .m_humb_btn .e_humb_btn:nth-child(3) {
top: -webkit-calc(100% - 1.0668vw);
top: calc(100% - 1.0668vw);
}
.l_header .m_humb_btn.js_current .e_humb_btn:nth-child(1) {
top: -webkit-calc(50% - .5334vw);
top: calc(50% - .5334vw);
transform: rotate(45deg);
}
.l_header .m_humb_btn.js_current .e_humb_btn:nth-child(2) {
opacity: 0;
}
.l_header .m_humb_btn.js_current .e_humb_btn:nth-child(3) {
top: -webkit-calc(50% - .5334vw);
top: calc(50% - .5334vw);
transform: rotate(-45deg);
}
.l_header .m_nav_wrap {
position: absolute;
left: 0;
top: 100%;
display: none;
width: 100%;
max-height: -webkit-calc(100vh - 17.6022vw);
max-height: calc(100vh - 17.6022vw);
overflow-y: scroll;
}
.l_header .m_nav_wrap .m_nav {
display: block;
background: #f7f7f7;
padding-bottom: 8vw;
}
.l_header .m_nav_wrap .m_nav .e_nav {
margin-top: 0;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul {
display: block;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li {
position: relative;
border-right: none;
border-bottom: 1px solid #d8d8d8;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li:first-child {
border-left: none;
border-top: 1px solid #d8d8d8;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > a {
position: relative;
display: block;
padding: 3.7338vw 5.333vw;
padding-left: 12.8vw;
font-size: 5.333vw;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > a:before {
content: "";
position: absolute;
left: 5.333vw;
top: 50%;
display: block;
height: .5334vw;
width: 4.8vw;
background: #DC000C;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > a:after {
content: "";
position: absolute;
left: 7.4676vw;
top: calc(50% - .8vw);
display: block;
height: .5334vw;
width: 2.667vw;
transform: rotate(35deg);
background: #DC000C;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul {
position: relative;
top: auto;
left: auto;
transform: translateX(0);
display: none;
white-space: normal;
border: none;
border-top: 1px solid #d8d8d8;
padding: 1.3335vw 5.333vw;
padding-left: 12.8016vw;
background: #f7f7f7;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul > li {
list-style: none;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > a {
display: none;
}


.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > ul > li {
list-style: disc;
list-style-position: outside;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > ul > li:not(:first-child) {
border-top: none;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > ul > li > a {
display: block;
padding: 2.667vw 0;
font-size: 4.8vw;
}





.l_header .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 12.2682vw;
height: 17.3355vw;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd:before,
.l_header .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd:after {
position: absolute;
top: 50%;
left: 0;
right: 0;
content: "";
background: #0f1626;
margin: 0 auto;
transform: translateY(-50%);
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd:before {
height: 1px;
width: 2.667vw;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd:after {
height: 2.667vw;
width: 1px;
transition: height .3s ease-in-out;
}
.l_header .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd.js_current:after {
height: 0;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;	
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
width: 100%;
padding-top: 6.1341vw;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul {
order: 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;	
justify-content: center;
width: 100%;
margin-top: 4.2672vw;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li {
display: block;
margin-right: 0;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li:last-child {
margin-right: 0;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li:not(:first-child) {
border-left: 1px solid #717171;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li:before {
content: none;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav ul li a {
font-size: 4.2672vw;
margin-left: 0;
padding: 0 1.8669vw;
text-decoration: underline;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav form {
order: 1;
width: -webkit-calc(100% - 21.336vw);
width: calc(100% - 21.336vw);
margin: 0 10.668vw;
padding: .8vw 3.7338vw;
border-radius: 4,5339vw;
box-sizing: border-box;
background: #FFF;
}
.l_header .m_nav_wrap .m_nav .m_sub_nav form input[type=text] {
max-width: none;
width: -webkit-calc(100% - (19px + 3.7338vw));
width: calc(100% - (19px + 3.7338vw));
box-sizing: border-box;
margin-right: 3.7338vw;
font-size: 4.2656vw;
}
}

/* ------------------------------
	footer
------------------------------ */
.l_footer {
width: 100%;
max-width: 1440px;
padding: 30px 0 50px;
margin: 0 auto;
border-top:1px solid #dedede;
}
.l_footer .m_nav_wrap {
padding: 0 45px;
padding-bottom: 26px;
border-bottom: 1px solid #dedede;
}
@media (max-width: 1170px) {
.l_footer .m_nav_wrap {
padding: 0 15px;
}
}
.l_footer .m_nav_wrap .m_nav {
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul {
padding: 0 10px;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul:after {
content: "";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li {
width: calc(100% / 4);
float: left;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a {
position: relative;
display: inline-block;
font-size: 1.6rem;
font-weight: 700;
padding-left: 30px;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:before {
content: "";
position: absolute;
left: 0;
top: calc(50% - 1px);
display: block;
height: 2px;
width: 18px;
background: #DC000C;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:after {
content: "";
position: absolute;
left: 10px;
top: calc(50% - 4px);
display: block;
height: 2px;
width: 10px;
transform: rotate(35deg);
background: #DC000C;
}
@media (min-width: 1025px) {
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:before,
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:after {
transition: all .3s ease-in-out;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:hover:before {
width: 21px;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:hover:after {
left: 13px;
}
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > ul {
padding-left: 30px;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > ul >li {
margin-bottom: 1.8rem;
line-height: 1.2;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > a {
font-size: 1.4rem;
}
@media (min-width: 1025px) {
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > a:hover {
text-decoration: underline;
}
}
.l_footer .e_sub_nav {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;	
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 38px;
line-height: 1;
}
.l_footer .e_sub_nav li:not(:first-child) {
border-left: 1px solid #333;
}
.l_footer .e_sub_nav li a {
display: block;
padding: 0 25px;
line-height: 1;
font-size: 1.6rem;
}
@media (min-width: 1025px) {
.l_footer .e_sub_nav li a:hover {
text-decoration: underline;
}
}
.l_footer .e_copy {
margin-top: 32px;
line-height: 1;
text-align: center;
font-size: 2rem;
}
@media only screen and (max-width: 1024px) {
.l_footer {
padding: 75px 15px 50px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 767px) {
.l_footer  {
margin-top: 9.6vw;
padding: 8.5344vw 0 0;
background: #f0f4f7;
box-sizing: border-box;
}
.l_footer .m_nav_wrap {
padding: 0 2.9337vw;
border-bottom: none;
padding-bottom: 0;
}
.l_footer .m_nav_wrap .m_nav {
background: #FFF;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul {
padding: 0;
border: 1px solid #707070;
border-top: 1px solid #707070;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li {
position: relative;
width: 100%;
float: none;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li:not(:first-child) {
border-top: 1px solid #707070;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a {
display: block;
padding: 4.8vw 4.2672vw;
padding-right: 10.4013vw;
font-size: 4.2672vw;
line-height: 1;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:before,
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > a:after {
content: none;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > .js_acrd {
position: absolute;
right: 0;
top: 0;
height: 13.8684vw;
width: 10.4013vw;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > .js_acrd:before,
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > .js_acrd:after {
position: absolute;
top: 50%;
left: 0;
right: 0;
content: "";
background: #0f1626;
margin: 0 auto;
transform: translateY(-50%);
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd:before {
height: 1px;
width: 2.667vw;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd:after {
height: 2.667vw;
width: 1px;
transition: height .3s ease-in-out;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li .js_acrd.js_current:after {
height: 0;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > ul {
display: none;
padding-left: 0;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > ul > li {
list-style: disc;
list-style-position: inside;
line-height: 1;
border-top: 1px solid #707070;
padding: 4.8vw 4.2672vw;
margin-bottom: 0;
vertical-align: top;
}
.l_footer .m_nav_wrap .m_nav .e_nav > ul > li > ul > li > a {
display: inline-block;
width: calc(100% - 6.4vw);
line-height: 1;
font-size: 4.2672vw;
}
.l_footer .e_sub_nav {
display: block;
margin-top: 6.4vw;
padding: 0 7.4676vw 6.4vw;
}
.l_footer .e_sub_nav li:not(:first-child) {
border-left: none;
margin-top: 5.6vw;
}
.l_footer .e_sub_nav li a {
display: inline-block;
padding: 0;
line-height: 1;
font-size: 4.2672vw;
color: #095697;
text-decoration: underline;
}
.l_footer .e_copy {
margin-top: 0;
padding: 2.667vw 5.6vw;
padding-right: 2.667vw;
line-height: 1.5;
text-align: left;
font-size: 4.2672vw;
background: #FFF;
letter-spacing: 0;
}
}

/* ------------------------------
	global navi
------------------------------ */
.m_global_nav .e_nav > ul {
position: relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
}
.m_global_nav .e_nav > ul > li {
width: -webkit-calc(100% / 5);
width: calc(100% / 5);
box-sizing: border-box;
border: 1px solid #FFF;
border-left: none;
}
.m_global_nav .e_nav > ul > li > a {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
padding: 23px 0;
padding-left: 85px;
background: #0A1638;
color: #FFF;
font-size: 1.8rem;
font-weight: 500;
box-sizing: border-box;
}
.m_global_nav.m_global_nav_en .e_nav > ul > li > a {
line-height: 1;
}
.m_global_nav.m_global_nav_en .e_nav > ul > li > ul > li > a {
padding-left: 105px;
}
.m_global_nav .e_nav > ul > li:nth-child(1) > a {
background: #0A1638 url("/assets/images/common/ico_global_01.svg") no-repeat left 25px center / 40px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(2) > a {
background: #0A1638 url("/assets/images/common/ico_global_02.svg") no-repeat left 25px center / 40px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(3) > a {
background: #0A1638 url("/assets/images/common/ico_global_03.svg") no-repeat left 25px center / 40px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(4) > a {
background: #0A1638 url("/assets/images/common/ico_global_04.svg") no-repeat left 25px center / 40px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(5) > a {
background: #0A1638 url("/assets/images/common/ico_global_05.svg") no-repeat left 33px center / 24px auto;
}
@media only screen and (max-width: 1570px) {
.m_global_nav .e_nav {
font-size: 1.4rem;
}
.m_global_nav .e_nav > ul > li > a {
padding-left: 55px;
}
.m_global_nav .e_nav > ul > li:nth-child(1) > a {
background: #0A1638 url("/assets/images/common/ico_global_01.svg") no-repeat left 12px center / 30px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(2) > a {
background: #0A1638 url("/assets/images/common/ico_global_02.svg") no-repeat left 12px center / 30px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(3) > a {
background: #0A1638 url("/assets/images/common/ico_global_03.svg") no-repeat left 12px center / 30px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(4) > a {
background: #0A1638 url("/assets/images/common/ico_global_04.svg") no-repeat left 12px center / 30px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(5) > a {
background: #0A1638 url("/assets/images/common/ico_global_05.svg") no-repeat left 18px center / 18px auto;
}
}
.m_global_nav .e_nav > ul > li:last-child {
border-right: none;
}
.m_global_nav .e_nav > ul > li > ul {
position: absolute;
z-index: 1;
top: 100%;
left: 0;
display: none;
width: 100%;
padding: 42px 0;
background: #0A1638;
}
.m_global_nav .e_nav > ul > li > ul > li {
position: relative;
}
.m_global_nav .e_nav > ul > li > ul > li > a {
position: absolute;
z-index: 2;
left: 0;
top: 50%;
display: block;
width: 287px;
padding: 38px 0;
padding-left: 135px;
color: #FFF;
line-height: 1.4;
font-weight: 500;
transform: translateY(-50%);
border-right: 1px solid #535b73;
box-sizing: border-box;
}
.m_global_nav .e_nav > ul > li:nth-child(1) > ul > li > a {
background: url("/assets/images/common/ico_global_01.svg") no-repeat left 50px center / 60px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(2) > ul > li > a {
background: url("/assets/images/common/ico_global_02.svg") no-repeat left 50px center / 60px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(3) > ul > li > a {
background: url("/assets/images/common/ico_global_03.svg") no-repeat left 50px center / 60px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(4) > ul > li > a {
background: url("/assets/images/common/ico_global_04.svg") no-repeat left 50px center / 60px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(5) > ul > li > a {
background: url("/assets/images/common/ico_global_05.svg") no-repeat left 62px center / 36px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(2) > ul > li > a {
background: url("/assets/images/common/ico_global_02.svg") no-repeat left 30px center / 50px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(3) > ul > li > a {
background: url("/assets/images/common/ico_global_03.svg") no-repeat left 30px center / 50px auto;
}
.m_global_nav .e_nav > ul > li:nth-child(5) > ul > li > a {
background: url("/assets/images/common/ico_global_05.svg") no-repeat left 42px center / 30px auto;
}

.m_global_nav .e_nav > ul > li > ul > li > ul {
position: relative;
z-index: 1;
margin-left: 287px;
padding-left: 45px;
box-sizing: border-box;
}
.m_global_nav .e_nav > ul > li:nth-child(1) > ul > li > ul {
width: -webkit-calc(75% - 144px);
width: calc(75% - 144px);
columns: 2 auto;
}
.m_global_nav .e_nav > ul > li:nth-child(2) > ul > li > ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
}
.m_global_nav .e_nav > ul > li:nth-child(2) > ul > li > ul > li {
width: 100%;
}
.m_global_nav .e_nav > ul > li:nth-child(3) > ul > li > ul {
width: -webkit-calc(75% - 144px);
width: calc(75% - 144px);
columns: 3 auto;
}
.m_global_nav.m_global_nav_en .e_nav > ul > li:nth-child(3) > ul > li > ul {
columns: 2 auto;
}
.m_global_nav .e_nav > ul > li:nth-child(5) > ul > li > ul {
columns: 2 auto;
}
.m_global_nav .e_nav > ul > li > ul > li > ul > li {
list-style: disc;
list-style-position: outside;
color: #FFF;
line-height: 1.2;
margin-bottom: 1rem;
}
.m_global_nav .e_nav > ul > li > ul > li > ul > li a {
color: #FFF;
font-weight: 500;
}
.m_global_nav.m_global_nav_en .e_nav > ul > li > ul > li > ul > li a {
font-size: 1.4rem;
}
@media (min-width: 1024px) and (max-width: 1300px)  {
.m_global_nav .e_nav > ul > li a {
height:6rem;
}
.m_global_nav.m_global_nav_en .e_nav > ul > li a {
font-size: 1.6rem;
}
}
@media (max-width: 1023px)  {
.m_global_nav .e_nav > ul > li a {
height: 4rem;
line-height:2rem;
font-size:1.6rem;
}
.m_global_nav.m_global_nav_en .e_nav > ul > li a {
font-size: 1.2rem;
}
}
@media (max-width: 930px)  {
.m_global_nav .e_nav > ul > li a {
font-size: 1.2rem;
}
}
@media only screen and (max-width: 767px) {
.l_header > .m_global_nav {
display: none;
}
}


/* ------------------------------
	main
------------------------------ */
.e_pc_none { display: none;}
.e_sp_none { display: block;}
@media only screen and (max-width: 767px) {
.e_pc_none { display: block;}
.e_sp_none { display: none;}
}


/* ========================================
	common
======================================== */
/* ------------------------------
	ベース
------------------------------ */
.m_contents {
width: 100%;
max-width: 1530px;
margin: 75px auto 90px;
padding: 0 85px;
box-sizing: border-box;
word-break: break-word;
line-break: strict;
}
@media (max-width: 1170px) {
.m_contents {
padding: 0 55px;
}
}
@media only screen and (max-width: 767px) {
.m_contents {
margin: 10.668vw auto 5.334vw;
padding: 0 5.334vw;
}
}

/* ------------------------------
	ローカルナビ
------------------------------ */
.m_loval_nav ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
}
.m_loval_nav ul li {
width: -webkit-calc(100% / 5);
width: calc(100% / 5);
}
.m_loval_nav ul li a {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;	
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
padding: 18px 0;
background: #091638;
border: 1px solid #FFF;
box-sizing: border-box;
color: #FFF;
font-size: 2rem;
line-height: 1;
}
@media (min-width: 1025px) {
.m_loval_nav ul li a {
transition: opacity .3s ease-in-out;
}
.m_loval_nav ul li a:hover {
opacity: .75;    
}
}
.m_loval_nav ul li a .s_txt {
margin-left: 1.8rem;
}
@media only screen and (max-width: 767px) {
.m_loval_nav ul {
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
}
.m_loval_nav ul li {
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
.m_loval_nav ul li:nth-child(4),
.m_loval_nav ul li:nth-child(5) {
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
.m_loval_nav ul li a {
padding: 3.2vw 0;
border-left: none;
font-size: 4.2672vw;
}
.m_loval_nav ul li:nth-child(4) a,
.m_loval_nav ul li:nth-child(5) a {
border-top: none;
}
.m_loval_nav ul li:nth-child(3n+1) a {
border-left: 1px solid #FFF;
}
.m_loval_nav ul li a .s_img {
display: block;
height: 5.334vw;
}
.m_loval_nav ul li a .s_img img {
height: 100%;
width: auto;
}
.m_loval_nav ul li a .s_txt {
margin-left: 2.1336vw;
}
}

.m_loval_sub_nav {
margin-top: 12px;
}
.m_loval_sub_nav ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
max-width: 1024px;
margin: 0 auto;
padding: 0 41px;
box-sizing: border-box;
}
.m_loval_sub_nav ul li {
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
.m_loval_sub_nav ul li a {
position: relative;
display: inline-block;
padding: 13px 0;
padding-left: 38px;
font-size: 2rem;
font-weight: 700;
}
.m_loval_sub_nav ul li a:before {
content: "";
position: absolute;
left: 8px;
top: 32px;
display: block;
height: 1px;
width: 16px;
background: #DC000C;
}
.m_loval_sub_nav ul li a:after {
content: "";
position: absolute;
left: 15px;
top: 29px;
display: block;
height: 6px;
width: 6px;
transform: rotate(-45deg);
border-right: 1px solid #DC000C;
border-bottom: 1px solid #DC000C;
}
@media (min-width: 1025px) {
.m_loval_sub_nav ul li a:before,
.m_loval_sub_nav ul li a:after {
transition: all .3s ease-in-out;
}
.m_loval_sub_nav ul li a:hover:before {
left: 8px;
width: 24px;
}
.m_loval_sub_nav ul li a:hover:after {
left: 24px;
}
}
@media only screen and (max-width: 767px) {
.m_loval_sub_nav {
margin-top: 0;
}
.m_loval_sub_nav ul {
display: block;
padding: 0;
}
.m_loval_sub_nav ul li {
width: 100%;
border-bottom: 1px solid #dfe0e2;
}
.m_loval_sub_nav ul li a {
display: block;
padding: 2.1336vw 0;
padding-left: 47px;
font-size: 4.2672vw;
}
.m_loval_sub_nav ul li a:before {
left: 20px;
top: calc(50% + 2px);
}
.m_loval_sub_nav ul li a:after {
left: 29px;
top: calc(50% - 1px);
}
}

/* Breadcrumb */
.e_breadcrumb {
list-style: none;
line-height: 1;
}
.e_breadcrumb .e_breadcrumb_item {
display: inline;
}
.e_breadcrumb .e_breadcrumb_item:not(:last-child) {
margin-right: 20px;
line-height: 1;
}
.e_breadcrumb .e_breadcrumb_item a,
.e_breadcrumb .e_breadcrumb_item span {
position: relative;
color: #FFF;
font-size: 1.6rem;
}
.e_breadcrumb .e_breadcrumb_item:not(:last-child) span a,
.e_breadcrumb .e_breadcrumb_item:not(:last-child) span {
padding-right: 20px;
}
.e_breadcrumb .e_breadcrumb_item:not(:last-child) span a:after,
.e_breadcrumb .e_breadcrumb_item:not(:last-child) span:after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 1px;
height: 100%;
background: #FFF;
}
@media (min-width: 1025px) {
.e_breadcrumb .e_breadcrumb_item a:hover {
text-decoration: underline;
}
}
@media only screen and (max-width: 767px) {
.e_breadcrumb .e_breadcrumb_item:not(:last-child) {
margin-right: 2.667vw;
}
.e_breadcrumb .e_breadcrumb_item a,
.e_breadcrumb .e_breadcrumb_item span {
font-size: 2.667vw;
}
.e_breadcrumb .e_breadcrumb_item:not(:last-child) span a,
.e_breadcrumb .e_breadcrumb_item:not(:last-child) span {
padding-right: 2.667vw;
}
}


/* Title */
.m_ttl_wrap {
width: 100%;
max-width: 1530px;
padding: 0 45px;
margin: 0 auto;
BOX-SIZING: border-box;
}
@media (max-width: 1170px) {
.m_ttl_wrap {
padding: 0 15px;
}
}
.m_ttl {
width: 100%;
padding: 39px 25px 29px;
margin: 0 auto;
box-sizing: border-box;
background: rgb(109,129,146);
background: -moz-linear-gradient(left,  rgba(109,129,146,1) 0%, rgba(195,213,216,1) 70%, rgba(166,182,193,1) 85%, rgba(113,137,145,1) 100%);
background: -webkit-linear-gradient(left,  rgba(109,129,146,1) 0%,rgba(195,213,216,1) 70%,rgba(166,182,193,1) 85%,rgba(113,137,145,1) 100%);
background: linear-gradient(to right,  rgba(109,129,146,1) 0%,rgba(195,213,216,1) 70%,rgba(166,182,193,1) 85%,rgba(113,137,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d8192', endColorstr='#718991',GradientType=1 );
}
.m_ttl h1 {
line-height: 1.8;
color: #FFF;
font-size: 4rem;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.m_ttl_wrap {
padding: 0;
}
.m_ttl {
padding: 2.667vw 5.6vw 1.8669vw;
}
.m_ttl h1 {
line-height: 1.8;
font-size: 5.8674vw;
}
}
.m_contents .m_ttl_lv2 {
margin: 32px auto;
}
.m_contents * + .m_ttl_lv2 {
margin-top: 70px;
}
.m_contents h2 {
font-size: 3rem;
font-weight: 700;
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
margin: 50px auto 30px;
}
.m_contents h2:after {
content: "";
position: static;
flex-grow: 1;
border-bottom: 1px solid #707070;
margin-left: 1.7rem;
padding-right: 1rem;
}
@media only screen and (max-width: 767px) {
.m_contents .m_ttl_lv2 {
margin: 0 auto 5.334vw;
}
.m_contents * + .m_ttl_lv2 {
margin-top: 10.668vw;
}
.m_contents h2 {
padding-bottom: 3.2vw;
font-size: 5.334vw;
}
}
.m_contents h3 {
font-size: 2.8rem;
font-weight: 500;
text-align: left;
margin: 50px auto 30px;
}
.m_contents h3 a {
text-decoration: underline;
}
@media (min-width: 1025px) {
.m_contents h3 a:hover {
text-decoration: none;
opacity: .75;
}
}
.m_contents h4 {
margin: 50px auto 20px;
box-sizing: border-box;
font-size: 2.4rem;
font-weight: 700;
border-bottom: 1px solid #707070;
}
@media only screen and (max-width: 767px) {
.m_contents h3 {
margin: 8vw auto 5.334vw;
font-size: 5.334vw;
}
.m_contents h4 {
margin: 8vw auto 1.333vw;
font-size: 4.8vw;
}
}

/* Text */
.m_contents * + p {
margin-top: 1em;
}
.m_contents .has-background p {
padding: 0;
}
.has-large-font-size {
font-size: 2.4rem;
}
.m_contents * + .has-large-font-size {
margin-top: 70px;
margin-bottom: 16px;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: right;
}
.m_contents p a {
color: #0000ff;
text-decoration: underline;
}
@media (min-width: 1025px) {
.m_contents p a:hover {
text-decoration: none;
opacity: .75;
}
}
.has-black-color {
color: rgb(0, 0, 0);
}
.has-cyan-bluish-gray-color {
color: rgb(171, 184, 195);
}
.has-white-color {
color: rgb(255, 255, 255);
}
.has-pale-pink-color {
color: rgb(247, 141, 167);
}
.has-vivid-red-color {
color: rgb(207, 46, 46);
}
.has-luminous-vivid-orange-color {
color: rgb(255, 105, 0);
}
.has-luminous-vivid-amber-color {
color: rgb(252, 185, 0);
}
.has-light-green-cyan-color {
color: rgb(123, 220, 181);
}
.has-vivid-green-cyan-color {
color: rgb(0, 208, 132);
}
.has-vivid-deep-green-color {
color: rgb(0, 160, 64);
}
.has-pale-cyan-blue-color {
color: rgb(142, 209, 252);
}
.has-vivid-cyan-blue-color {
color: rgb(6, 147, 227);
}
.has-vivid-purple-color {
color: rgb(155, 81, 224);
}




/* Image */
* + .wp-block-image {
margin: 40px auto;
}
@media only screen and (max-width: 767px) {
* + .wp-block-image {
margin: 1.5em auto;
}
}
.m_contents > * + figure {
margin: 40px auto;
}
.m_contents .has-background > * + figure {
margin: 40px auto;
padding: 0;
}
@media only screen and (max-width: 767px) {
.m_contents > * + figure {
margin: 1.5em auto;
}
.m_contents .has-background > * + figure {
margin: 1.5em auto;
padding: 0;
}
}
.alignleft {
text-align: left;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
td img.aligncenter,
p img.aligncenter {
display: block;
margin: 0 auto;
}


/* LimkContents */
.m_link_contents {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
margin: 28px 41px 0;
}
.m_link_contents .m_link_contents_item {
width: -webkit-calc((100% / 3) - (80px / 3));
width: calc((100% / 3) - (80px / 3));
margin-left: 40px;
padding: 32px 23px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.16);
}
@media (max-width: 1140px) {
.m_link_contents .m_link_contents_item {
padding: 32px 10px;
}
}
.m_link_contents .m_link_contents_item:nth-child(3n+1) {
margin-left: 0;
}
.m_link_contents .m_link_contents_item li:not(:first-child) {
margin-top: 8px;
}
.m_link_contents .m_link_contents_item a {
position: relative;
display: inline-block;
padding-left: 40px;
color: #FFF;
line-height: 1.5;
font-size: 2.4rem;
font-weight: 300;
vertical-align: top;
}
.m_link_contents .m_link_contents_item a.e_noicon:before,
.m_link_contents .m_link_contents_item a.e_noicon:after {
content: "";
position: absolute;
left: 0px;
top: calc(50% - -1px);
display: block;
height: 2px;
width: 16px;
background: #FFF;
}
.m_link_contents .m_link_contents_item a.e_noicon:before {
left: 5px;
top: calc(50% - -1px);
height: 2px;
width: 20px;
}
.m_link_contents .m_link_contents_item a.e_noicon:after {
left: 17px;
top: calc(50% - 2px);
height: 2px;
width: 8px;
transform: rotate(45deg);
}
.m_link_contents .m_link_contents_item a .s_ico {
position: absolute;
left: 0;
top: 3px;
display: block;
width: 30px;
height: 30px;
vertical-align: middle;
}
.m_link_contents .m_link_contents_item a .s_ico img {
display: block;
}
.m_link_contents .m_link_contents_item a .s_txt {
display: block;
font-weight: 700;
}
@media (max-width: 1610px) {
.m_link_contents .m_link_contents_item a {
font-size: 2rem;
}
}
@media (max-width: 1360px) {
.m_link_contents .m_link_contents_item a {
font-size: 1.8rem;
}
}
@media (max-width: 1140px) {
.m_link_contents .m_link_contents_item a {
font-size: 1.6rem;
}
}
@media (min-width: 1025px) {
.m_link_contents .m_link_contents_item a {
transition: opacity .3s ease-in-out;
}
.m_link_contents .m_link_contents_item a:hover {
opacity: .75;
}
}
@media only screen and (max-width: 1024px) {
.m_link_contents {
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
margin: 28px 41px 0;
}
.m_link_contents .m_link_contents_item {
width: 100%;
margin-left: 0;
padding: 32px 23px;
min-height: 147px;
box-sizing: border-box;
}
.m_link_contents .m_link_contents_item:not(:first-child) {
margin-top: 1em;
}
.m_link_contents .m_link_contents_item a {
font-size: 2.4rem;
}
}
@media only screen and (max-width: 767px) {
.m_link_contents {
margin: 9.6vw 5.334vw 0;
}
.m_link_contents .m_link_contents_item li:not(:first-child) {
margin-top: 2.1328vw;
}
.m_link_contents .m_link_contents_item {
padding: 6.4vw 5.332vw;
min-height: 7em;
}
.m_link_contents .m_link_contents_item a {
font-size: 4.8vw;
padding-left: 10.664vw;
}
.m_link_contents .m_link_contents_item a .s_ico {
top: 0;
width: 8vw;
height: 8vw;
}
.m_link_contents .m_link_contents_item a .s_ico img {
width: 100%;
max-width: none;
height: auto;
}
}


/* Link Icon */
.m_contents a .e_icon_blank,
.m_top_info .m_info_list a .e_icon_blank {
display: inline-block;
width: 12px;
height: 12px;
margin-left: 0.5em;
background: url(/assets/images/common/ico_blank_black.png) no-repeat right center;
}
@media only screen and (max-width: 767px) {
.m_contents a .e_icon_blank,
.m_top_info .m_info_list a .e_icon_blank {
width: 3.2vw;
height: 3.2vw;
}
}



/* Column */
.wp-block-columns {
display: flex;
flex-wrap: wrap;
margin: 30px auto;
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 767px) {
.wp-block-column {
flex-basis: 100%!important;
}
.wp-block-columns {
margin: 1.5em auto;
}
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
margin-bottom: 20px;
}
* + .wp-block-column {
margin-left: 30px;
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
}
@media only screen and (max-width: 767px) {
.wp-block-column {
margin-bottom: 1em;
}
* + .wp-block-column {
margin-left: 0;
}
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0;
}

/* Background Block */
.has-background {
width: 100%;
max-width: 1530px;
margin: 0 auto;
padding: 30px 85px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.has-background {
padding: 5.334vw;
}
}
.has-black-background-color {
background-color: rgb(0, 0, 0);
}
.has-cyan-bluish-gray-background-color {
background-color: rgb(171, 184, 195);
}
.has-white-background-color {
background-color: rgb(255, 255, 255);
}
.has-pale-pink-background-color {
background-color: rgb(247, 141, 167);
}
.has-vivid-red-background-color {
background-color: rgb(207, 46, 46);
}
.has-luminous-vivid-orange-background-color {
background-color: rgb(255, 105, 0);
}
.has-luminous-vivid-amber-background-color {
background-color: rgb(252, 185, 0);
}
.has-light-green-cyan-background-color {
background-color: rgb(123, 220, 181);
}
.has-vivid-green-cyan-background-color {
background-color: rgb(0, 208, 132);
}
.has-pale-cyan-blue-background-color {
background-color: rgb(142, 209, 252);
}
.has-vivid-cyan-blue-background-color {
background-color: rgb(6, 147, 227);
}
.has-vivid-purple-background-color {
background-color: rgb(155, 81, 224);
}

/* Table */
.m_contents table {
width: 100%;
border: 1px solid #E7E7E7;
border-collapse: collapse;
}
.m_contents table td,
.m_contents table th {
padding: 20px 22px;
border: 1px solid #E7E7E7;
box-sizing: border-box;
vertical-align: top;
}
.m_contents table th:only-child {
background: #f3f7f8;
}
.m_contents table td a,
.m_contents table th a {
text-decoration: underline;
}
@media (min-width: 1025px) {
.m_contents table td a:hover,
.m_contents table th a:hover {
text-decoration: none;
opacity: .75;
}
}
@media only screen and (max-width: 767px) {
.m_contents table,
.m_contents table tbody,
.m_contents table tr,
.m_contents table td,
.m_contents table th {
display: block;
width: 100%!important;
}
.m_contents table {
border-top: none;
}
.m_contents table td,
.m_contents table th {
border: none;
border-top: 1px solid #E7E7E7;
}

}

/* List */
.m_contents ul {
list-style: disc;
list-style-position: inside;
}
.m_contents ol {
list-style: decimal;
list-style-position: inside;
}
.m_contents ul li a,
.m_contents ol li a {
text-decoration: underline;
}
@media (min-width: 1025px) {
.m_contents ul li a:hover {
opacity: .75;
text-decoration: none;
}
}

/* Archive Pager  */
.wp-pagenavi {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;	
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
max-width: 1530px;
margin: 116px auto;
padding: 0 85px;
box-sizing: border-box;
}
.wp-pagenavi *:not(:first-child) {
margin-left: 24px;
}
.wp-pagenavi a,
.wp-pagenavi span {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;	
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 67px;
height: 67px;
line-height: 1;
font-size: 2.6rem;
font-weight: 700;
text-align: center;
border: 1px solid #BEBEBE;
box-sizing: border-box;
}
.wp-pagenavi a {
color: #BEBEBF;
border: 1px solid #BEBEBE;
background: #FFF;
}
@media (min-width: 1025px) {
.wp-pagenavi a {
transition: all .3s ease-in-out;
}
.wp-pagenavi a:hover {
color: #FFF;
border: 1px solid #0A1638;
background: #0A1638;
}
}
.wp-pagenavi span {
color: #FFF;
border: 1px solid #0A1638;
background: #0A1638;
}
@media only screen and (max-width: 767px) {
.wp-pagenavi {
margin: 12.2682vw auto;
padding: 0 5.334vw;
}
.wp-pagenavi *:not(:first-child) {
margin-left: 3.7338vw;
}
.wp-pagenavi a,
.wp-pagenavi span {
width: 10.668vw;
height: 10.668vw;
font-size: 4.2672vw;
}
}

/* Details Pager  */
.m_info_pagenation a {
position: relative;
width: 100%;
max-width: 250px;
font-size: 2.4rem;
font-weight: 500;
color: #333333;
border: 1px solid #333333;
}
.m_info_pagenation a[rel=prev] {
padding-left: 20px;
}
.m_info_pagenation a[rel=next] {
padding-right: 20px;
}
.m_info_pagenation a[rel=prev]:before,
.m_info_pagenation a[rel=prev]:after,
.m_info_pagenation a[rel=next]:before,
.m_info_pagenation a[rel=next]:after {
content: "";
position: absolute;
display: block;
height: 2px;
background: #333333;
}
@media (min-width: 1025px) {
.m_info_pagenation a[rel=prev]:before,
.m_info_pagenation a[rel=prev]:after,
.m_info_pagenation a[rel=next]:before,
.m_info_pagenation a[rel=next]:after {
transition: all .3s ease-in-out;
}
.m_info_pagenation a[rel=prev]:hover:before,
.m_info_pagenation a[rel=prev]:hover:after,
.m_info_pagenation a[rel=next]:hover:before,
.m_info_pagenation a[rel=next]:hover:after {
background: #FFF;
}
}
.m_info_pagenation a[rel=prev]:before {
left: 30px;
top: calc(50% + 5px);
width: 32px;
}
.m_info_pagenation a[rel=prev]:after {
left: 30px;
top: 50%;
width: 16px;
transform: rotate(-35deg);
}
.m_info_pagenation a[rel=next]:before {
right: 30px;
top: calc(50% + 5px);
width: 32px;
}
.m_info_pagenation a[rel=next]:after {
right: 30px;
top: 50%;
width: 16px;
transform: rotate(35deg);
}
@media only screen and (max-width: 767px) {
.m_info_pagenation a[rel=prev],
.m_info_pagenation a[rel=next] {
font-size: 4.2672vw;
font-weight: 500;
}
.m_info_pagenation a[rel=prev]:before {
left: 15px;
width: 20px;
}
.m_info_pagenation a[rel=prev]:after {
left: 15px;
width: 14px;
}
.m_info_pagenation a[rel=next]:before {
right: 15px;
width: 20px;
}
.m_info_pagenation a[rel=next]:after {
right: 15px;
width: 14px;
}
}

/* Form */
.m_contents form input[type=text] {
border: 1px solid #E7E7E7;
padding: 6px 8px;
}
.m_contents form input[type=submit] {
padding: 7px 12px;
background: #0A1638;
color: #FFF;
cursor: pointer;
}
@media (min-width: 1025px) {
.m_contents form input[type=submit] {
transition: all .3s ease-in-out;
}
.m_contents form input[type=submit]:hover {
opacity: .75;
}
}

@media (max-width: 600px) and (max-width: 768px) {
iframe {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.m_contents form input[type=text] {
width: 100%;
box-sizing: border-box;
}
}

/* Link Icon */
.m_contents .s_ico_pdf {
padding-right: 24px;
background: url("/assets/images/common/ico_pdf.svg") no-repeat right center / 16px auto;
}
.m_contents .s_ico_xlsx {
padding-right: 24px;
background: url("/assets/images/common/ico_excel.svg") no-repeat right center / 20px auto;
}
.m_contents .s_ico_zip {
padding-right: 24px;
background: url("/assets/images/common/ico_zip.svg") no-repeat right center / 16px auto;
}
@media only screen and (max-width: 767px) {
.m_contents .s_ico_pdf {
padding-right: 6.4vw;
background: url("/assets/images/common/ico_pdf.svg") no-repeat right center / 4.2656vw auto;
}
.m_contents .s_ico_xlsx {
padding-right: 6.4vw;
background: url("/assets/images/common/ico_excel.svg") no-repeat right center / 5.332vw auto;
}
.m_contents .s_ico_zip {
padding-right: 6.4vw;
background: url("/assets/images/common/ico_zip.svg") no-repeat right center / 4.2656vw auto;
}
}


/* ========================================
	TOPページ
======================================== */
.m_top {
width: 100%;
max-width: 1530px;
padding: 0 45px;
margin: 0 auto 90px;
box-sizing: border-box;
}
@media (max-width: 1170px) {
.m_top {
padding: 0;
}
}

/* メインビジュアル */
.m_main_slider a {
display: block;
}
@media (min-width: 1025px) {
.m_main_slider a {
transition: opacity .3s ease-in-out;
}
.m_main_slider a:hover {
opacity: .75;
}
}

/* グローバルナビ */
@media only screen and (max-width: 1024px) {
.m_top .m_global_nav .e_nav > ul {
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
}
.m_top .m_global_nav .e_nav > ul > li:nth-child(1),
.m_top .m_global_nav .e_nav > ul > li:nth-child(2),
.m_top .m_global_nav .e_nav > ul > li:nth-child(3) {
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
.m_top .m_global_nav .e_nav > ul > li:nth-child(4),
.m_top .m_global_nav .e_nav > ul > li:nth-child(5) {
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
}
@media (max-width: 767px) {
.m_top .m_global_nav .e_nav > ul > li {
border-left: 1px solid #FFF;
}
.m_top .m_global_nav .e_nav > ul > li:last-child {
border-right: 1px solid #FFF;
}
.m_top .m_global_nav .e_nav > ul > li:nth-child(n+3) {
border-top: none;
}
.m_top .m_global_nav .e_nav > ul > li:nth-child(1),
.m_top .m_global_nav .e_nav > ul > li:nth-child(2),
.m_top .m_global_nav .e_nav > ul > li:nth-child(3),
.m_top .m_global_nav .e_nav > ul > li:nth-child(4) {
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
.m_top .m_global_nav .e_nav > ul > li:nth-child(5) {
width: 100%;
}
.m_top .m_global_nav .e_nav > ul > li > a {
padding: 23px 0;
padding-left: 12.7968vw;
font-size: 2.666vw;
}
.m_global_nav .e_nav > ul > li:nth-child(1) > a {
background: #0A1638 url("/assets/images/common/ico_global_01.svg") no-repeat left 3.7324vw center / 5.332vw auto;
}
.m_global_nav .e_nav > ul > li:nth-child(2) > a {
background: #0A1638 url("/assets/images/common/ico_global_02.svg") no-repeat left 3.7324vw center / 5.332vw auto;
}
.m_global_nav .e_nav > ul > li:nth-child(3) > a {
background: #0A1638 url("/assets/images/common/ico_global_03.svg") no-repeat left 3.7324vw center / 5.332vw auto;
}
.m_global_nav .e_nav > ul > li:nth-child(4) > a {
background: #0A1638 url("/assets/images/common/ico_global_04.svg") no-repeat left 3.7324vw center / 5.332vw auto;
}
.m_global_nav .e_nav > ul > li:nth-child(5) > a {
background: #0A1638 url("/assets/images/common/ico_global_05.svg") no-repeat left 4.5322vw center / 3.4658vw auto;
}
}



/* 新着情報 */
.m_top_info {
margin: 46px 41px 0;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
}
.m_top_info .m_ttl {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;	
justify-content: space-between;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 33px 34px;
background: #FFF;
border-bottom: 1px solid #f2f2f2;
}
.m_top_info .m_ttl h2 {
line-height: 1;
color: #0A1638;
font-size: 4rem;
font-weight: 300;
}
.m_top_info .m_ttl .e_archive_link a {
position: relative;
display: block;
padding: 8px 50px 8px 18px;
background: #091638;
border: 1px solid #4c6069;
line-height: 1;
font-size: 1.6rem;
color: #FFF;
}
.m_top_info .m_ttl .e_archive_link a:before {
content: "";
position: absolute;
right: 18px;
top: calc(50% - 1px);
display: block;
height: 1px;
width: 16px;
background: #FFF;
}
.m_top_info .m_ttl .e_archive_link a:after {
content: "";
position: absolute;
right: 18px;
top: calc(50% - 4px);
display: block;
height: 1px;
width: 8px;
transform: rotate(45deg);
background: #FFF;
}
@media (min-width: 1025px) {
.m_top_info .m_ttl .e_archive_link a:before,
.m_top_info .m_ttl .e_archive_link a:after {
transition: all .3s ease-in-out;
}
.m_top_info .m_ttl .e_archive_link a:hover:before {
right: 10px;
width: 24px;
}
.m_top_info .m_ttl .e_archive_link a:hover:after {
right: 10px;
}
}
.m_top_info .m_info_list {
padding: 40px 39px 50px;
line-height: 1.5;
font-size: 1.6rem;
}
.m_top_info .m_info_list li:not(:first-child) {
margin-top: 20px;
}
.m_top_info .m_info_list li time {
font-weight: 700;
}
.m_top_info .m_info_list li a {
text-decoration: underline;
}
@media (min-width: 1025px) {
.m_top_info .m_info_list li a:hover {
opacity: .75;
text-decoration: none;
}
}
@media only screen and (max-width: 767px){
.m_top_info {
margin: 9.6vw 5.334vw 0;
}
.m_top_info .m_ttl {
padding: 4.2672vw 5.334vw;
padding-right: 0;
}
.m_top_info .m_ttl h2 {
font-size: 5.334vw;
}
.m_top_info .m_ttl .e_archive_link a {
position: relative;
display: block;
padding: 1.6vw 9.8679vw 1.6vw 3.2vw;
font-size: 4.2672vw;
font-weight: 500;
}
.m_top_info .m_ttl .e_archive_link a:before {
right: 7px;
top: calc(50% + 2px);
}
.m_top_info .m_ttl .e_archive_link a:after {
right: 7px;
top: calc(50% - 1px);
}
.m_top_info .m_info_list {
padding: 8vw 5.334vw 10.1346vw;
font-size: 4.2672vw;
}
.m_top_info .m_info_list li:not(:first-child) {
margin-top: 8vw;
}
}

/* 部門紹介配下ローカルナビ */
.m_department_btn_block {
width: 100%;
max-width: 1530px;
margin: 40px auto 0;
padding: 30px 85px;
box-sizing: border-box;
background: #091638;
}
.has-background + .m_department_btn_block {
margin-top: 0;
}
.m_department_btn_block ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
list-style: none;
}
.m_department_btn_block ul li {
width: -webkit-calc((100% / 4) - (93px / 4));
width: calc((100% / 4) - (93px / 4));
}
.m_department_btn_block ul li:not(:first-child) {
margin-left: 31px;
}
.m_department_btn_block ul li a {
position: relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
min-height: 86px;
height: 100%;
background: #FFF;
border: 1px solid #707070;
line-height: 1.5;
padding: 7px 44px 7px 17px;
box-sizing: border-box;
text-decoration: none;
}
@media (min-width: 1025px) {
.m_department_btn_block ul li a {
transition: opacity .3s ease-in-out;
}
.m_department_btn_block ul li a:hover {
opacity: .75;
}
}
.m_department_btn_block ul li a:after {
content: "";
position: absolute;
right: 20px;
top: 50%;
display: block;
width: 12px;
height: 12px;
border-right: 2px solid #091638;
border-bottom: 2px solid #091638;
transform: translateY(-50%) rotate(-45deg);
}
.m_department_btn_block ul li a span {
display: block;
}
.m_department_btn_block ul li a .e_img {
margin-right: 25px;
}
@media only screen and (max-width: 767px){
.m_department_btn_block {
padding: 1.5em 5.334vw;
margin-top: 2em;
margin-bottom: -9.6vw;
}
.has-background + .m_department_btn_block {
margin-top: 0;
}
.m_department_btn_block ul {
display: block;
}
.m_department_btn_block ul li {
width: 100%;
}
.m_department_btn_block ul li:not(:first-child) {
margin-left: 0;
margin-top: 4vw;
}
.m_department_btn_block ul li a {
min-height: 22.9362vw;
padding: 1.8669vw 11.7348vw 1.8669vw 4.5339vw;
}
.m_department_btn_block ul li a .e_img {
margin-right: 6.6675vw;
}
}

/* メンバー紹介 */
.m_member_archive {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
margin: 32px auto 56px;
box-sizing: border-box;
}
.m_member_archive .m_member_archive_item {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: end;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
width: -webkit-calc((100% / 2) - (32px / 2));
width: calc((100% / 2) - (32px / 2));
padding: 18px;
border: 1px solid #d3d3d3;
box-sizing: border-box;
margin-left: 32px;
}
.m_member_archive .m_member_archive_item:nth-child(2n+1) {
margin-left: 0;
}
.m_member_archive .m_member_archive_item:nth-child(n+3) {
margin-top: 20px;
}
.m_member_archive .m_member_archive_item > figure {
width: 180px;
}
.m_member_archive .m_member_archive_item .m_txt {
width: -webkit-calc(100% - 206px);
width: calc(100% - 206px);
margin-left: 26px;
}
@media (max-width: 1210px) {
.m_member_archive .m_member_archive_item > figure {
width: -webkit-calc(35% - 13px);
width: calc(35% - 13px);
}
.m_member_archive .m_member_archive_item .m_txt {
width: -webkit-calc(65% - 5px);
width: calc(65% - 5px);
margin-left: 10px;
}
}
.m_member_archive .m_member_archive_item .m_txt .e_state {
padding: 0;
font-size: 1.6rem;
}
.m_member_archive .m_member_archive_item .m_txt .e_name {
padding: 0;
margin: 3px 0 0;
font-size: 2.2rem;
font-weight: 700;
}
.m_member_archive .m_member_archive_item .m_txt ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
margin-top: 20px;
list-style: none;
}
.m_member_archive .m_member_archive_item .m_txt ul + ul {
margin-top: 10px;
}
.m_member_archive .m_member_archive_item .m_txt ul li {
width: -webkit-calc((100% / 2) - (10px / 2));
width: calc((100% / 2) - (10px / 2));
margin-left: 10px;
}
.m_member_archive .m_member_archive_item .m_txt ul li:nth-child(2n+1) {
margin-left: 0;
}
.m_member_archive .m_member_archive_item .m_txt ul li:nth-child(n+3) {
margin-top: 10px;
}
.m_member_archive .m_member_archive_item .m_txt ul li a {
display: block;
font-size: 1.4rem;
font-weight: 700;
border-radius: 4px;
padding: 2px 14px;
padding-right: 44px;
box-sizing: border-box;
text-decoration: none;
}
.m_member_archive .m_member_archive_item .m_txt ul li a .e_icon {
display: none;
}
@media (max-width: 1320px) {
.m_member_archive .m_member_archive_item .m_txt ul li a {
font-size: 1rem;
padding-left: 10px;
letter-spacing: 0;
}
}
@media (min-width: 1025px) {
.m_member_archive .m_member_archive_item .m_txt ul li a {
transition: opacity .3s ease-in-out;
}
.m_member_archive .m_member_archive_item .m_txt ul li a:hover {
opacity: .75;
}
}
.m_member_archive .m_member_archive_item .m_txt ul li.e_profile a,
.m_member_archive .m_member_archive_item .m_txt ul li.e_weburl a {
color: #FFF;
background: #82979C;
border: 1px solid #82979C;
}
.m_member_archive .m_member_archive_item .m_txt ul li.e_orcid a,
.m_member_archive .m_member_archive_item .m_txt ul li.e_researchmap a {
border: 1px solid #0A1638;
}
.m_member_archive .m_member_archive_item .m_txt ul li.e_weburl a[target="_blank"] {
background: #82979C url("/assets/images/common/ico_blank_white.png") no-repeat right 10px center;
}
.m_member_archive .m_member_archive_item .m_txt ul li.e_orcid a[target="_blank"],
.m_member_archive .m_member_archive_item .m_txt ul li.e_researchmap a[target="_blank"] {
background: url("/assets/images/common/ico_blank_black.png") no-repeat right 10px center;
}
.m_member_archive_modal {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
}
.m_member_archive_modal > figure {
width: 310px;
}
.m_member_archive_modal .m_txt {
width: -webkit-calc(100% - 350px);
width: calc(100% - 350px);
margin-left: 40px;
}
.m_member_archive_modal .m_txt .e_state {
padding: 0;
font-size: 1.6rem;
}
.m_member_archive_modal .m_txt .e_name {
padding: 0;
margin: 3px 0 0;
font-size: 2.2rem;
font-weight: 700;
}
.m_member_archive_modal .m_txt .e_text {
margin-top: 18px;
}
@media only screen and (max-width: 1024px) {
.m_member_archive {
display: block;
}
.m_member_archive .m_member_archive_item {
width: 100%;
margin-left: 0;
}
.m_member_archive .m_member_archive_item:nth-child(n+2),
.m_member_archive .m_member_archive_item:nth-child(n+3) {
margin-top: 20px;
}
.m_member_archive .m_member_archive_item .m_txt ul li a {
font-size: 1.4rem;
padding: 2px 14px;
padding-right: 44px;
}
}
@media only screen and (max-width: 767px){
.m_member_archive {
margin: 5.334vw auto 17.0688vw;
}
.m_member_archive .m_member_archive_item {
padding: 2.667vw;
}
.m_member_archive .m_member_archive_item:nth-child(n+2),
.m_member_archive .m_member_archive_item:nth-child(n+3) {
margin-top: 5.334vw;
}
.m_member_archive .m_member_archive_item > figure {
width: 32.5374vw;
}
.m_member_archive .m_member_archive_item .m_txt {
width: -webkit-calc(100% - 36.0045vw);
width: calc(100% - 36.0045vw);
margin-left: 3.4671vw;
}
.m_member_archive .m_member_archive_item .m_txt .e_state {
font-size: 3.2vw;
}
.m_member_archive .m_member_archive_item .m_txt .e_name {
margin: .8vw 0 0;
line-height: 1.5;
font-size: 4.8vw;
}
.m_member_archive .m_member_archive_item .m_txt ul {
margin-top: 5.334vw;
}
.m_member_archive .m_member_archive_item .m_txt ul + ul {
margin-top: 2.1336vw;
}
.m_member_archive .m_member_archive_item .m_txt ul li {
width: -webkit-calc((100% / 2) - (2.1336vw / 2));
width: calc((100% / 2) - (2.1336vw / 2));
margin-left: 2.1336vw;
}
.m_member_archive .m_member_archive_item .m_txt ul li:nth-child(n+3) {
margin-top: 1.8669vw;
}
.m_member_archive .m_member_archive_item .m_txt ul li a {
font-size: 2.1328vw;
padding: .5334vw 1.0668vw;
padding-right: 3.2vw;
letter-spacing: 0;
}
.m_member_archive .m_member_archive_item .m_txt ul li.e_weburl a[target="_blank"] {
background: #82979C url("/assets/images/common/ico_blank_white.png") no-repeat right .8vw center / 1.6vw auto;
}
.m_member_archive .m_member_archive_item .m_txt ul li.e_orcid a[target="_blank"],
.m_member_archive .m_member_archive_item .m_txt ul li.e_researchmap a[target="_blank"] {
background: url("/assets/images/common/ico_blank_black.png") no-repeat right .8vw center / 1.6vw auto;
}
.m_member_archive_modal {
display: block;
}
.m_member_archive_modal > figure {
width: auto;
}
.m_member_archive_modal .m_txt {
width: 100%;
margin-left: 0;
margin-top: 4vw;
}
.m_member_archive_modal .m_txt .e_state {
font-size: 6.9342vw;
}
.m_member_archive_modal .m_txt .e_name {
margin: 0;
font-size: 10.4013vw;
font-weight: 400;
}
.m_member_archive_modal .m_txt .e_text {
margin-top: 4.8vw;
}
}

/* モーダル装飾 */
.modaal + div {
display: none;
}
.modaal-container {
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.modaal-content-container {
padding: 30px;
}
.modaal-close {
position: absolute;
right: 0;
top: -60px;
}
@media only screen and (max-width: 767px){
.modaal-content-container {
padding: 7.4676vw;
}
}

/* グループ紹介 */
.m_group_list .m_ttl_lv2 {
margin-bottom: 0;
}
.m_group_list * + .m_ttl_lv2 {
margin-top: 32px;
}
.m_group_list .m_ttl_lv2 h2 {
font-size: 2.2rem;
font-weight: 700;
padding-bottom: 0;
}
.m_group_list .m_ttl_lv2 h2:after {
content: none;
}
.m_group_list .m_ttl_lv2 h2 a {
text-decoration: underline;
}
@media (min-width: 1025px) {
.m_group_list .m_ttl_lv2 h2 a:hover {
opacity: .75;
text-decoration: none;
}
}
.m_group_list .m_ttl_lv2 + p {
margin-top: .5em;
}
@media only screen and (max-width: 767px){
.m_group_list * + .m_ttl_lv2 {
margin-top: 10.668vw;
}
.m_group_list .m_ttl_lv2 h2 {
font-size: 4.8vw;
font-weight: 500;
}
}

/* グループ詳細 */
.m_group_details .m_ttl_lv2 h2 {
padding-bottom: 0;
}
.m_group_details .m_ttl_lv2 h2:after {
content: none;
}
.m_group_details .m_group_details_inr {
width: 100%;
max-width: 1360px;
margin: 0 auto;
padding: 0 38px;
box-sizing: border-box;
}
.m_group_details .m_group_details_inr h3 {
position: relative;
padding-bottom: 6px;
font-size: 3rem;
font-weight: 400;
margin-bottom: 20px;
}
.m_group_details .m_group_details_inr h3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 25px;
height: 1px;
background: #707070;
}
.m_group_details .m_group_details_inr * + h3 {
margin-top: 40px;
}
.m_group_details .m_group_details_inr p {
padding: 0;
}
.m_group_details table th {
font-weight: 400;
}
.m_group_details table td {
text-align: center;
}
.m_group_details table td:not(:first-child) {
text-align: left;
}
.m_group_details .e_member_list {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.m_group_details .e_member_list .e_img img {
max-width: 240px;
}
.m_group_details .e_member_list .e_img figcaption {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: .5em;
}
.m_group_details .e_member_list .e_img figcaption .e_txt_cat {
font-size: 1.6rem;
font-weight: 300;
margin-right: .75em;
}
.m_group_details .e_member_list .m_txt {
max-width: -webkit-calc(100% - 300px);
max-width: calc(100% - 300px);
margin-left: 48px;
}
.m_group_details .m_group_research_btn {
margin-top: 1.5em;
}
.m_group_details .m_group_research_btn .m_group_research_btn span {
display: block;
width: 100%;
max-width: 240px;
margin: 0 auto;
padding: 12px;
background: #0A1638;
line-height: 1;
text-align: center;
font-size: 2.4rem;
font-weight: 300;
color: #FFF;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
}
.m_group_details .m_group_research_btn .m_group_research_btn span:before {
content: "もっと見る";
}
.m_group_details .m_group_research_btn .m_group_research_btn span.js_current:before {
content: "閉じる";
}
@media (min-width: 1025px) {
.m_group_details .m_group_research_btn .m_group_research_btn span {
transition: all .3s ease-in-out;
}
.m_group_details .m_group_research_btn .m_group_research_btn span:hover {
opacity: .75;
}
}
.m_group_details .m_group_detail table {
border: none;
}
.m_group_details .m_group_detail table {
border: none;
}
.m_contents .m_group_details .m_group_detail table td,
.m_contents .m_group_details .m_group_detail table th {
padding: 0;
border: 0;
vertical-align: top;
}
.m_contents .m_group_details .m_group_detail table td img,
.m_contents .m_group_details .m_group_detail table th img {
display: block;
margin: 0 auto;
}
.m_contents .m_group_details .e_tbl_group_introduction th:first-child,
.m_contents .m_group_details .e_tbl_group_introduction td:first-child {
white-space: nowrap;
}

@media only screen and (max-width: 767px){
.m_group_details .m_group_details_inr {
padding: 0;
}
.m_group_details .m_group_details_inr h3 {
padding-bottom: 3.2vw;
font-size: 5.334vw;
margin-bottom: 5.334vw;
}
.m_group_details .m_group_details_inr h3:after {
width: 4.8vw;
}
.m_group_details .m_group_details_inr * + h3 {
margin-top: 10.668vw;
}
.m_group_details .e_member_list {
display: block;
}
.m_group_details .e_member_list .e_img {
margin: 0 auto;
text-align: center;
}
.m_group_details .e_member_list .e_img figcaption {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-left: 0;
}
.m_group_details .e_member_list .m_txt {
max-width: none;
margin-top: 1em;
margin-left: 0;
}
.m_group_details table th {
text-align: left;
}
.m_group_details table td {
text-align: left;
}
.m_contents .m_group_details table th:first-child,
.m_contents .m_group_details table td:first-child {
padding-bottom: .5em;
}
.m_contents .m_group_details table th:not(:first-child),
.m_contents .m_group_details table td:not(:first-child) {
border-top: none;
padding-top: 0;
}
.m_contents .m_group_details .m_group_detail table td,
.m_contents .m_group_details .m_group_detail table th {
padding-bottom: .5em;
}
.m_contents .m_group_details .m_group_detail table td:last-child,
.m_contents .m_group_details .m_group_detail table th:last-child {
padding-bottom: 0;
}
.m_group_details .m_group_research_btn .m_group_research_btn span {
padding: 4vw 2.666vw;
font-size: 4.8vw;
}
}


/* 新着情報 */
.m_info_archive ul {
list-style: none;
margin-top: 10px;
}
.m_info_archive ul li {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
padding: 22px 0;
border-bottom: 1px solid #EAEAEA;
}
.m_info_archive time {
width: 250px;
font-weight: 700;
}
.m_info_archive span {
display: block;
width: -webkit-calc(100% - 250px);
width: calc(100% - 250px);
}
@media only screen and (max-width: 767px){
.m_info_archive ul {
margin-top: 2.667vw;
}
.m_info_archive ul li {
display: block;
padding: 4vw 0;
border-bottom: 1px solid #EAEAEA;
}
.m_info_archive time {
width: 100%;
}
.m_info_archive span {
width: 100%;
}
}

/* 新着情報詳細 */
.e_info_details_status {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
box-sizing: border-box;
}
.e_info_details_status dt {
width: 132px;
font-size: 3rem;
font-weight: 700;
}
.e_info_details_status dd {
width: -webkit-calc(100% - 132px);
width: calc(100% - 132px);
font-size: 3rem;
}
.m_info_details + .m_ttl_lv2 {
margin-top: 32px;
}
@media only screen and (max-width: 767px){
.e_info_details_status dt {
width: 5em;
font-size: 4.2672vw;
}
.e_info_details_status dd {
width: -webkit-calc(100% - 5em);
width: calc(100% - 5em);
font-size: 4.2672vw;
}
.m_info_details + .m_ttl_lv2 {
margin-top: 10.668vw;
}
}

/* ニュースレター */
.m_newsletter_list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
list-style: none;
}
.m_newsletter_list ul li {
width: -webkit-calc((100% / 4) - (180px / 4));
width: calc((100% / 4) - (180px / 4));
margin-left: 60px;
}
.m_newsletter_list ul li:nth-child(4n+1) {
margin-left: 0;
}
.m_newsletter_list ul li:nth-child(n+5) {
margin-top: 94px;
}
.m_newsletter_list ul li a {
display: block;
text-align: center;
}
.m_newsletter_list ul li figure figcaption {
margin-top: 20px;
}
@media only screen and (max-width: 767px){
.m_newsletter_list ul li {
width: -webkit-calc((100% / 2) - (5.334vw / 2));
width: calc((100% / 2) - (5.334vw / 2));
margin-left: 5.334vw;
}
.m_newsletter_list ul li:nth-child(4n+1) {
margin-left: 5.334vw;
}
.m_newsletter_list ul li:nth-child(2n+1) {
margin-left: 0;
}
.m_newsletter_list ul li:nth-child(n+3),
.m_newsletter_list ul li:nth-child(n+5) {
margin-top: 10.668vw;
}
.m_newsletter_list ul li figure figcaption {
margin-top: 6.1341vw;
font-size: 2.9337vw;
}
}

/* ニュースレター詳細 */
.m_newsletter_details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.m_newsletter_details .m_ttl_lv2 {
margin: 0;
padding: 0;
line-height: 1;
}
.m_newsletter_details p {
padding: 0;
}
.m_newsletter_details .m_image {
width: calc(54% - 49px);
}
.m_newsletter_details .m_image p {
font-size: 1.6rem;
}
.m_newsletter_details .m_image figure {
margin-top: 12px;
}
.m_newsletter_details .m_image a {
display: block;
}
.m_newsletter_details .m_image a img {
max-width: auto;
width: 100%;
}
@media (min-width: 1025px) {
.m_newsletter_details .m_image a {
transition: opacity .3s ease-in-out;
}
.m_newsletter_details .m_image a:hover {
opacity: .75;
}
}
.m_newsletter_details .m_txt_wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
width: calc(46% - 49px);
margin-top: 45px;
margin-left: 98px;
}
.m_newsletter_details .m_txt .m_ttl_lv2 h2 {
display: inline-block;
line-height: 1;
font-size: 1.6rem;
padding: 15px 50px;
background: #E9EEEF;
}
.m_newsletter_details .m_txt .m_ttl_lv2 h2:after {
content: none;
}
.m_newsletter_details .m_txt * + .m_ttl_lv2 {
margin-top: 40px;
}
.m_newsletter_details .m_txt * + .m_txt_contents {
margin-top: 1em;
}
.m_newsletter_details .m_txt_wrap .m_btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
width: 100%;
}
.m_newsletter_details .m_txt_wrap .m_btn .m_btn_files {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 1.6rem;
letter-spacing: 0;
}
.m_newsletter_details .m_txt_wrap .m_btn .m_btn_files dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.m_newsletter_details .m_txt_wrap .m_btn .m_btn_files * + dl {
margin-left: 1.3em;
}
.m_newsletter_details .m_txt_wrap .m_btn .m_btn_files dl dt:after {
content: "：";
}
.m_newsletter_details .m_txt_wrap .m_btn .e_btn {
width: 100%;
max-width: 360px;
margin: 1em 0 0;
}
.m_newsletter_details .m_txt_wrap .m_btn .e_btn a {
display: block;
padding: 30px;
background: #091638;
color: #FFF;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
text-decoration: none;
}
@media (min-width: 1025px) {
.m_newsletter_details .m_txt_wrap .m_btn .e_btn a {
transition: opacity .3s ease-in-out;
}
.m_newsletter_details .m_txt_wrap .m_btn .e_btn a:hover {
opacity: .75;
}
}
.m_newsletter_details .m_txt_wrap .m_btn .e_btn a span {
padding-left: 26px;
background: url("/assets/images/common/icon_download.png") no-repeat left center;
}
@media only screen and (max-width: 767px){
.m_newsletter_details {
display: block;
}
.m_newsletter_details .m_image {
width: 100%;
}
.m_newsletter_details .m_image p {
font-size: 3.2vw;
}
.m_newsletter_details .m_image figure {
margin-top: 1.0668vw;
}
.m_newsletter_details .m_txt_wrap {
display: block;
width: 100%;
margin-top: 8.5344vw;
margin-left: 0;
}
.m_newsletter_details .m_txt .m_ttl_lv2 h2 {
font-size: 4.2672vw;
font-weight: 700;
padding: 3.2vw 9.6vw;
}
.m_newsletter_details .m_txt * + .m_ttl_lv2 {
margin-top: 9.6vw;
}
.m_newsletter_details .m_txt_wrap .m_btn {
display: block;
}
.m_newsletter_details .m_txt_wrap .m_btn .m_btn_files {
display: block;
font-size: 4.2672vw;
margin-top: 5.8674vw;
}
.m_newsletter_details .m_txt_wrap .m_btn .m_btn_files dl {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.m_newsletter_details .m_txt_wrap .m_btn .m_btn_files * + dl {
margin-left: 0;
}
.m_newsletter_details .m_txt_wrap .m_btn .e_btn {
width: 100%;
max-width: 360px;
margin: 1em 0 0;
}
.m_newsletter_details .m_txt_wrap .m_btn .e_btn a {
padding: 5.334vw;
font-size: 4.2672vw;
font-weight: 500;
}
}

/* サイトマップ */
.m_sitemap_list ul li a {
text-decoration: none;
}
@media (min-width: 1025px) {
.m_sitemap_list ul li a:hover {
opacity: 1;
}
.m_sitemap_list ul li a[href]:hover {
text-decoration: underline;
}
}
.m_sitemap_list > ul {
column-count: 2;
}
.m_sitemap_list > ul > li {
list-style: none;
margin-bottom: 14px;
}
.m_sitemap_list > ul > li > a {
position: relative;
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
padding-left: 35px;
}
.m_sitemap_list > ul > li > a:before,
.m_sitemap_list > ul > li > a:after {
content: "";
position: absolute;
display: block;
height: 2px;
background: #DC000C;
}
.m_sitemap_list > ul > li > a:before {
left: 0;
top: calc(50% - 1px);
width: 18px;
}
.m_sitemap_list > ul > li > a:after {
left: 10px;
top: calc(50% - 4px);
width: 10px;
transform: rotate(35deg);
}
@media (min-width: 1025px) {
.m_sitemap_list > ul > li > a:before,
.m_sitemap_list > ul > li > a:after {
transition: all .3s ease-in-out;
}
.m_contents .m_sitemap_list > ul > li > a:hover:before {
width: 21px;
}
.m_contents .m_sitemap_list > ul > li > a:hover:after {
left: 13px;
}
}
.m_sitemap_list > ul > li > ul {
margin-top: 16px;
padding-left: 9px;
}
.m_sitemap_list > ul > li > ul li {
margin-bottom: 16px;
}
.m_sitemap_list > ul > li > ul ul {
margin-top: 16px;
padding-left: 50px;
}
@media only screen and (max-width: 767px){
.m_sitemap_list > ul {
column-count: auto;
}
.m_sitemap_list > ul > li {
margin-bottom: 4.8vw;
}
.m_sitemap_list > ul > li > a {
font-size: 4.2672vw;
padding-left: 35px;
}

.m_sitemap_list > ul > li > ul {
margin-top: 2.667vw;
padding-left: 12px;
}
.m_sitemap_list > ul > li > ul li {
margin-bottom: 2.667vw;
}
.m_sitemap_list > ul > li > ul ul {
margin-top: 2.667vw;
padding-left: 3.2vw;
}
}

/* 研究紹介詳細 */
.m_research_details .m_member {
margin-bottom: 56px;
font-size: 2rem;
font-weight: 700;
}
.m_research_details .m_member .e_member_coauthor {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
list-style: none;
margin-top: 1em;
}
.m_research_details .m_member .e_member_coauthor li:not(:last-child):after {
content: "、";
}
.m_research_details .m_member_archive .m_member_archive_item {
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
}
.m_research_incharge ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
list-style: none;
}
.m_research_incharge ul li {
margin-bottom: .5em;
margin-right: 1em;
}
@media only screen and (max-width: 767px){
.m_research_details .m_member {
margin-bottom: 13.33vw;
font-size: 4.8vw;
}
}



/* 論文発表一覧 */
.m_outside td:nth-child(1) {
width: 90%;
}
.m_outside td:nth-child(2) {
width: 10%;
}
.m_outside .js_newslist_item .s_new_ico {
display: inline;
}
.m_outside .js_newslist_item .s_new_ico img {
display: inline-block;
height: 12px;
width: 28px;
margin: 0 5px;
padding-bottom: 3px;
line-height: 1;
}
@media only screen and (max-width: 767px){
.m_outside td:nth-child(1),
.m_outside td:nth-child(2) {
width: 100%;
box-sizing: border-box;
}
.m_outside .js_newslist_item .s_new_ico img {
height: 3.2vw;
width: 7.4648vw;
margin-left: 1.333vw;
padding-bottom: .5332vw;
}
}

/* 研究課題 */
.m_project_detail td:nth-child(1) {
width: 20%;
}
.m_project_detail td:nth-child(2) {
width: 80%;
}
.m_project_detail td ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
list-style: none;
}
.m_project_detail td ul li {
margin-bottom: .5em;
margin-right: 1em;
}
@media only screen and (max-width: 767px){
.m_project_detail td:nth-child(1),
.m_project_detail td:nth-child(2) {
width: 100%;
box-sizing: border-box;
}
}

/* 研究成果・情報発信 */
.m_resultsanddissemin_archive ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
list-style: none;
}
.m_resultsanddissemin_archive ul li {
margin-bottom: .5em;
margin-right: 1.5em;
}
.m_resultsanddissemin_archive ul li a {
position: relative;
display: block;
padding-left: 22px;
text-decoration: none;
}
@media (min-width: 1025px) {
.m_resultsanddissemin_archive ul li a:hover {
text-decoration: underline;
}
}
.m_resultsanddissemin_archive ul li a:after {
content: "";
position: absolute;
left: 3px;
top: calc(17px - 8px);
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #0A1638;
border-bottom: 2px solid #0A1638;
transform: rotate(45deg);
box-sizing: border-box;
}
.m_resultsanddissemin_archive table td:first-child {
background: #FAFBFB;
font-weight: 700;
}
.m_resultsanddissemin_archive table td {
width: 50%;
}
.m_resultsanddissemin_archive table td a .e_icon_blank {
display: inline-block;
width: 12px;
height: 12px;
margin-left: .5em;
background: url("/assets/images/common/ico_blank_black.png") no-repeat right center;
}
@media only screen and (max-width: 767px){
.m_resultsanddissemin_archive table td:first-child {
background: #FAFBFB;
}
.m_resultsanddissemin_archive table td {
width: 100%;
box-sizing: border-box;
}
.m_resultsanddissemin_archive table td a .e_icon_blank {
width: 3.2vw;
height: 3.2vw;
}
.m_resultsanddissemin_archive ul li a {
padding-left: 5.8652vw;
}
.m_resultsanddissemin_archive ul li a:after {
left: .8vw;
top: calc(4.5322vw - 2.1328vw);
width: 2.666vw;
height: 2.666vw;
}
}
