@charset "UTF-8";

/*===========================
  reset Css
===========================*/
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,
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; background:transparent; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
ul ,li{ list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; 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 #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

:root{
	--main-color:#071F5E;
    --second-color:#001C67;
    --third-color:#F2F6FC;
    --font-color:#3B3B3B;
    --link-color:#0039CC;
    --line-color:#E2E2E2;
    --font:"Helvetica Neue", Arial, "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --en-font:"Times New Roman","Helvetica Neue", Arial, "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --mincho-font:"Shippori Mincho", "Helvetica Neue", Arial, "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

body{
	width:100%;
	font-size:16px;
	font-family:var(--font);
	line-height:2;
	-webkit-font-smoothing:antialiased;
	color:var(--font-color);
	overflow-x:hidden;
}

a{ color:var(--font-color); }
a:link,
a:visited,
a:hover,
a:active{ text-decoration:none; }

@media screen and (min-width:768px){
    a img{ transition:all 0.3s; }
    a:hover img{ opacity:0.8; }
}

p{ line-height:2; /*font-feature-settings:"palt";*/ }
img{ width:100%; height:auto; vertical-align:bottom; }

div,
p,
span,
ul,
li,
dl,
dt,
dd{ box-sizing:border-box; font-weight:500; }

.flex{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; }

@media screen and (min-width:769px){
    .spOnly{ display:none !important; }
}
    
@media screen and (max-width:768px){
	.pcOnly{ display:none !important; }
    
    .noscroll{ overflow:hidden; }
}

/*=================================
      base
===================================*/
#contents{ max-width:1164px; display:flex; align-items:flex-start; justify-content:space-between; margin:0 auto; padding:0 30px 150px; }
.inner{ max-width:1164px; margin:0 auto; padding:0 30px; }

#main{ width:59%; padding:52px 0 0; }
#side{ width:29%; padding:52px 0 0; overflow:auto; position:sticky; top:0; right:0; }
    
@media screen and (max-width:768px){
	#contents{ display:block; margin:40px 0 0; padding:0 20px 100px; }
	.inner{ padding:0 20px; }
    #main{ width:100%; }
    #side{ width:100%; margin:100px 0 0; position:static; }
}

/*   header
===================================*/
#siteHeader{ width:100%; box-shadow:0px 0px 10px 5px rgba(10,10,10,0.08); }
#siteHeader .inner{ max-width:100%; min-height:80px; display:flex; align-items:center; justify-content:space-between; margin:0; padding:0 60px; background:#ffffff; }
#siteHeader .logo{ width:91px; }
#siteHeader .logo a,
#siteHeader .logo a img{ display:block; }

/*-- gnav --*/
#gnav nav ul{ display:flex; align-items:center; gap:0 44px; }
#gnav nav ul li{ font-size:15px; font-weight:700; }
#gnav nav ul li a{ display:block; padding:5px 0; transition:all 0.3s; position:relative; }
#gnav nav ul li a::after{ width:100%; height:2px; content:""; background:var(--second-color); transition:all 0.3s; position:absolute; left:0; bottom:0; }
#gnav nav ul li a::after{ opacity:0; visibility:hidden; }
#gnav nav ul li:hover a::after,
#gnav nav ul li.on a::after{ opacity:1; visibility:visible; }

@media screen and (min-width:769px){
    #gnav nav ul li a:hover,
    #gnav nav ul li.on a{ color:var(--second-color); }
    .topKv #gnav a{ color:#fff; }
    .topKv #gnav nav ul li a{ color:#fff; }
    .topKv #gnav nav ul li a:hover,
    .topKv #gnav nav ul li.on a{ color:#fff; }
    .topKv #gnav nav ul li a::after{ background:#fff; }
}
@media screen and (max-width:768px){
    #siteHeader .inner{ min-height:60px; }
	#siteHeader .logo{ width:72px; }
    
    /*-- gnavBtn --*/
    #gnavBtn{ position:absolute; top:0; left:10px; z-index:6; }
    #gnavBtn a{ width:45px; height:60px; display:inline-block; position:relative; }
    #gnavBtn a span:after,
    #gnavBtn a span:before{ width:20px; height:2px; content:""; display:block; margin:0 auto; position:absolute; top:50%; left:0; right:0; background:var(--second-color); transition: .3s; }
    #gnavBtn a span:before{ margin-top:-4px; }
    #gnavBtn a span:after{ margin-top:3px; }
    #gnavBtn a.close span:after{ margin-top: 0; }
    #gnavBtn a.close span:before{ margin-top:0; transform: rotate(-45deg); }
    #gnavBtn a.close span:after{ transform: rotate(-135deg); }

    /*-- gnav --*/
    #gnav{ display:none; opacity:0; visibility:hidden; transition:all 0.5s; }
    #gnav.open{ display:block; opacity:1; visibility:visible; }
    #gnav{ width:100vw; height:100vh; background:rgba(0,28,103,0.65); position:fixed; top:0; left:0; z-index:5; }
    #gnav nav{ width:260px; height:100vh; padding:77px 30px; background:#fff; box-sizing:border-box; overflow-y:auto; }
    #gnav nav ul{ display:block; margin:0 0 25px; padding:0 0 30px; }
    #gnav nav ul li{ margin:0 0 10px; letter-spacing:0.07em; }
    #gnav nav ul li a{ display:block; font-size:18px; color:var(--second-color); }
    #gnav nav ul li a::after{ display:none; }
    .scrollbarcus::-webkit-scrollbar{ width:7px; }
    .scrollbarcus::-webkit-scrollbar-track{ background-color:#2c363d; border-radius:50px; }
    .scrollbarcus::-webkit-scrollbar-thumb{ background-color:#66737c; border-radius:50px; }
    
    .topKv #gnavBtn a span:after,
    .topKv #gnavBtn a span:before{ background:#fff; }
    .topKv #gnavBtn a.close span:after,
    .topKv #gnavBtn a.close span:before{ background:var(--second-color); }
    .topKv #gnav a{ color:var(--second-color); }
}

/*   footer
===================================*/
#siteFooter{ padding:80px 0 30px; background:#00144A; color:#fff; }
#siteFooter a{ color:#D3DFFF; }
#siteFooter .inner{ display:flex; flex-wrap:wrap; gap:20px 30px; }
#siteFooter .inner dl{ width:16%; }
#siteFooter .inner dl:nth-child(2n){ width:calc((60% - 90px) / 2); }
#siteFooter .inner dl dt{ margin:0 0 20px; font-size:14px; font-weight:700; }
#siteFooter .inner dl dd{ font-size:12px; }
#siteFooter .copy{ width:100%; margin:50px 0 0; text-align:center; font-size:12px; font-family:var(--en-font); }

@media screen and (max-width:768px){
    #siteFooter{ padding:60px 0 30px; }
    #siteFooter a{ color:#ADC4FF; }
    #siteFooter .inner{ display:block; }
    #siteFooter .inner dl,
    #siteFooter .inner dl:nth-child(2n){ width:100%; }
    #siteFooter .inner dl{ border-top:#5B6B96 1px solid; }
    #siteFooter .inner dl:last-of-type{ border-bottom:#5B6B96 1px solid; }
    #siteFooter .inner dl dt{ margin:0; padding:18px 10px; font-size:16px; font-weight:400; position:relative; }
    #siteFooter .inner dl dt::before,
    #siteFooter .inner dl dt::after{ width:14px; height:1px; content:""; display:block; background:#ADC4FF; position:absolute; top:35px; right:20px; }
    #siteFooter .inner dl dt::after{ transform:rotate(90deg);}
    #siteFooter .inner dl dd{ padding:0 0 0 10px; font-size:14px; font-weight:400; }
    #siteFooter .inner dl dd ul li a{ display:block; padding:5px 0; }
    
    #siteFooter .inner dl dd{ height:auto; max-height:0; transition:all 0.3s ease; overflow:hidden; }
    #siteFooter .inner dl.open dd{ max-height:500px; padding:0 0 25px 10px; transition:all 0.5s ease; }
    #siteFooter .inner dl.open dt::after{ display:none; }
    
    #siteFooter .copy{  margin:60px 0 0; }
}

/*=================================
      parts
===================================*/
/*   title
===================================*/
.heading1{ margin:0 0 60px; font-size:36px; font-weight:700; line-height:1.4; }
.heading1.mgBs{ margin-bottom:40px; }
.heading2{ margin:0 0 20px; padding:0 0 0 28px; background:url("../images/ico_heading2.svg") no-repeat 0 14px / 18px auto; font-size:30px; font-weight:700; line-height:1.3; }
.heading3{ margin:60px 0 25px; font-size:22px; font-weight:700; }

.blueTitle{ margin:40px 0 30px; font-size:32px; font-weight:800; font-family:var(--mincho-font); line-height:1.4; color:var(--second-color); }

@media screen and (max-width:768px){
    .heading1{ margin:0 0 40px; font-size:28px; }
    .heading2{ margin:0 0 25px; background-position:0 7px; font-size:24px; line-height:1.2; }
    .heading3{ margin:30px 0 20px; font-size:20px; }
    
    .blueTitle{ margin:40px 0 15px; font-size:26px; }
}

/*   txt
===================================*/
.blueTxt{ margin:0 0 40px; font-weight:800; font-family:var(--mincho-font); line-height:1.4; color:var(--second-color); }


/*   btn
===================================*/
.blueBtn,
.whiteBtn{ display:block; padding:30px 0; text-align:center; background:url("../images/arrow_white_right.svg") no-repeat right 38px center / 21px auto var(--main-color); border-radius:4px; font-size:18px; font-weight:700; color:#fff; line-height:1; }
.whiteBtn{ display:inline-block; padding:12px 43px 12px 24px; background:url("../images/arrow_blue_right.svg") no-repeat right 15px center / 20px auto #fff; border:var(--second-color) 1px solid; border-radius:50px; font-size:14px; font-weight:700; color:var(--second-color); }

.moreBtn{ display:flex; justify-content:flex-end; margin:30px 0 0; }

@media screen and (min-width:768px){
    .blueBtn{ opacity:1; transition:all 0.3s; }
    .blueBtn:hover{ opacity:0.9; background-position:right 28px center; }
    
    .whiteBtn{ transition:all 0.3s; }
    .whiteBtn:hover{ background-image:url("../images/arrow_white_right.svg"); background-position:right 10px center; background-color:var(--second-color); color:#fff; }
}
@media screen and (max-width:768px){
    .blueBtn{ padding:18px 0; background-position:right 20px center; font-size:16px; line-height:1.4; }
}

/*   space
===================================*/
.mgTNone{ margin-top:0 !important; }


/*=================================
      module
===================================*/
/*   topKv
===================================*/
.topKv{ background:url("../images/top_kv.jpg") no-repeat center center / cover; color:#fff; }
.topKv .txtArea{ min-height:230px; display:flex; align-items:center; justify-content:center; }
.topKv .txtArea .title{ padding:0 0 40px; text-align:center; font-size:36px; font-weight:700; font-family:var(--en-font); }
.topKv .txtArea .title em{ font-style:normal; }
/*.topKv .txtArea .title em.em1{ font-size:42px; font-weight:700; }*/
.topKv .txtArea .title em.eng{ display:block; margin:0px 0 0; font-size:16px; font-weight:700; }
.topKv #siteHeader{ box-shadow:0 0 0; position:static; }
.topKv #siteHeader .inner{ background:none; }

.topKv .txtArea .title span{ display:inline-block; font-weight:bold; opacity:0; transform:translateY(-30px); animation:dropIn 0.4s ease-out forwards; }
.topKv .txtArea .title span.sp1{ animation-delay:0.05s; }
.topKv .txtArea .title span.sp2{ animation-delay:0.1s; }
.topKv .txtArea .title span.sp3{ animation-delay:0.15s; }
.topKv .txtArea .title span.sp4{ animation-delay:0.2s; }
.topKv .txtArea .title span.sp5{ animation-delay:0.25s; }
.topKv .txtArea .title span.sp6{ animation-delay:0.3s; }
.topKv .txtArea .title span.sp7{ animation-delay:0.35s; margin:0 -5px 0 -12px; }
.topKv .txtArea .title span.sp8{ animation-delay:0.4s; }
.topKv .txtArea .title span.sp9{ animation-delay:0.45s; }
.topKv .txtArea .title span.sp10{ animation-delay:0.5s; }
.topKv .txtArea .title span.sp11{ animation-delay:0.55s; }
/*.topKv .txtArea .title span.sp12{ animation-delay:0.6s; }
.topKv .txtArea .title span.sp13{ animation-delay:0.65s; }
.topKv .txtArea .title span.sp14{ animation-delay:0.7s; }
.topKv .txtArea .title span.sp15{ animation-delay:0.75s; }
.topKv .txtArea .title span.sp1{ animation-delay:0.1s; }
.topKv .txtArea .title span.sp2{ animation-delay:0.2s; }
.topKv .txtArea .title span.sp3{ animation-delay:0.3s; }
.topKv .txtArea .title span.sp4{ animation-delay:0.4s; }
.topKv .txtArea .title span.sp5{ animation-delay:0.5s; }
.topKv .txtArea .title span.sp6{ animation-delay:0.6s; }
.topKv .txtArea .title span.sp7{ animation-delay:0.7s; }
.topKv .txtArea .title span.sp8{ animation-delay:0.8s; }
.topKv .txtArea .title span.sp9{ animation-delay:0.9s; }
.topKv .txtArea .title span.sp10{ animation-delay:1.0s; }
.topKv .txtArea .title span.sp11{ animation-delay:1.1s; }
.topKv .txtArea .title span.sp12{ animation-delay:1.2s; }
.topKv .txtArea .title span.sp13{ animation-delay:1.3s; }
.topKv .txtArea .title span.sp14{ animation-delay:1.4s; }
.topKv .txtArea .title span.sp15{ animation-delay:1.5s; }*/
@keyframes dropIn{
    0% { opacity:0; transform:translateY(-30px); }
    20% { opacity:0; transform:translateY(-30px); }
    100% { opacity:1; transform: translateY(0); }
}
.topKv .txtArea .title em.eng{ display:block; opacity:0; transform:translateY(-10px); animation:dropIn2 0.4s ease-out forwards; animation-delay:1s; }
@keyframes dropIn2{
    0% { opacity:0; transform:translateY(-10px); }
    20% { opacity:0; transform:translateY(-10px); }
    100% { opacity:1; transform: translateY(0); }
}

@media screen and (min-width:768px){
    #gnavBtn a.close span:after,
    #gnavBtn a.close span:before{ background:var(--second-color); }
}
@media screen and (max-width:768px){
    .topKv{ background-image:url("../images/top_kv_sp.jpg"); }
    .topKv .txtArea{ min-height:185px; }
    .topKv .txtArea .title{ padding:0 0 25px; font-size:25px; line-height:1.4; }
    /*.topKv .txtArea .title em.em1{ font-size:32px; }*/
    .topKv .txtArea .title em.eng{ margin:10px 0 0; font-size:14px; }
}

/*   topLead
===================================*/
.topLead{ margin:0 0 8px; padding:70px 0 40px; background:var(--third-color); color:var(--second-color); }
.topLead .leadArea{ display:flex; flex-wrap:wrap; gap:0 8%; }
.topLead .leadArea .txtArea{ width:61%; padding:0 0 0 7%; }
.topLead .leadArea .title{ margin:0 0 25px; line-height:1.7; }
.topLead .leadArea .title span{ padding:0 100px 0 0; font-size:32px; font-weight:800; font-family:var(--mincho-font); position:relative; }
.topLead .leadArea .title span::after{ width:80px; height:1px; content:""; background:var(--second-color); position:absolute; right:0; bottom:20px; }
.topLead .leadArea .txtArea p{ margin:2em 0 0; }
.topLead .leadArea figure{ width:18%; margin:65px 0 0; }
.topLead .leadArea figure img{ max-width:170px; display:block; margin:0 auto; border-radius:50%; }
.topLead .leadArea figure figcaption{ margin:16px 0 0; text-align:center; font-size:13px; font-weight:800; font-family:var(--mincho-font); line-height:1.6; }
.topLead .ocBtn{ margin-left:27%; }
.topLead .ocBox::after{ width:61%; }

@media screen and (max-width:768px){
    .topLead{ margin:0 0 80px; padding:50px 0 60px; }
    .topLead .leadArea{ width:100%; display:block; padding:0 20px; }
    .topLead .leadArea .txtArea{ width:100%; padding:0; }
    .topLead .leadArea .title{ margin:0 0 30px; line-height:1.4; }
    .topLead .leadArea .title span{ font-size:26px; }
    .topLead .leadArea .title span::after{ bottom:15px; }
    .topLead .leadArea figure{ width:100%; margin:25px auto 0; }
    .topLead .leadArea figure img{ max-width:200px; display:block;margin:0 auto; }
    .topLead .leadArea figure figcaption{ margin:25px 0 0; font-size:15px; line-height:1.4; }
    .topLead .ocBtn{ margin:20px auto 0; }
    .topLead .ocBox::after{ width:100%; bottom:8px; }
}

/*   開閉
===================================*/
.ocBox{ height:auto; max-height:300px; overflow:hidden; transition:max-height 0.5s ease; position:relative; }
.ocBox::after{ width:100%; height:30px; content:""; background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(242, 246, 252, 1) 50%, rgba(242, 246, 252, 1) 100%); position:absolute; left:0; bottom:0; }
.ocBox.open{ max-height:3000px; padding-bottom:30px; }
.ocBtn{ width:95px; margin:0 auto; padding:1px 0 1px 35px; background:url("../images/ico_plus.svg") no-repeat 0 0 / 30px auto; font-size:14px; font-weight:700; cursor:pointer; }
.ocBtn::before{ content:"全て読む"; }
.ocBtn.open{ height:auto; background-image:url("../images/ico_minus.svg"); }
.ocBtn.open::before{ content:"閉じる"; }

@media screen and (max-width:768px){
    .ocBox{ max-height:440px; }
    
}

/*   topBox
===================================*/
.topBox{ margin:0 0 120px; }
.topBox .img1{ margin:0 0 42px; }
.topBox .btn{ margin:35px 0 0; }

@media screen and (max-width:768px){
    .topBox{ margin:0 0 82px; }
    .topBox .img1{ margin:0 0 20px; }
    .topBox .btn{ margin:25px 0 0; }
}

/*   overViewList
===================================*/
ul.overViewList li{ padding:30px 0; border-bottom:var(--line-color) 1px solid; }
ul.overViewList li:first-child{ padding-top:0; }
ul.overViewList li a{ display:block; padding:0 70px 0 0; background:url("../images/arrow_blue_right.svg") no-repeat right 22px center / 20px auto; }
ul.overViewList li .tit{ margin:0 0 20px; padding:5px 0 6px 44px; background:url("../images/ico_doc.svg") no-repeat 0 0 / 29px auto; font-size:20px; font-weight:700; color:var(--second-color); line-height:1.4; }

@media screen and (min-width:768px){
    ul.overViewList li a{ transition:all 0.3s; }
    ul.overViewList li a:hover{ background-position:right 13px center; }
}
@media screen and (max-width:768px){
    ul.overViewList li a{ padding:0 36px 0 0; background-position:right center; }
    ul.overViewList li .tit{ margin:0 0 5px; padding:0; background:none; font-size:18px; }
}

/*   resultList
===================================*/
ul.resultList{ display:flex; flex-wrap:wrap; gap:10px 39px; }
ul.resultList li{ width:calc((100% - 39px) / 2); border-bottom:var(--line-color) 1px solid; }
ul.resultList li a{ display:flex; align-items:center; gap:0 15px; padding:24px 70px 24px 0; background:url("../images/arrow_blue_right.svg") no-repeat right 22px center / 20px auto; }
ul.resultList li a img{ width:20px; }
ul.resultList li a p{ flex:1; font-size:18px; font-weight:700; color:var(--second-color); }

@media screen and (min-width:768px){
    ul.resultList li a{ transition:all 0.3s; }
    ul.resultList li a:hover{ background-position:right 15px center; }
}
@media screen and (max-width:768px){
    ul.resultList{ gap:10px 30px; }
    ul.resultList li{ width:calc((100% - 30px) / 2); }
    ul.resultList li a{ padding:18px 25px 18px 0; background-position:right center; }
    ul.resultList li a p{ font-size:16px; }
}

/*   movieList
===================================*/
ul.movieList{ margin:40px 0 0; }
ul.movieList li{ border-bottom:var(--line-color) 1px solid; }
ul.movieList li:first-child{ border-top:var(--line-color) 1px solid; }
ul.movieList li a{ display:flex; align-items:center; justify-content:space-between; padding:20px 0; }
ul.movieList li a figure{ width:33%; }
ul.movieList li a .tit{ width:63%; font-size:16px; font-weight:700; }

@media screen and (max-width:768px){
    ul.movieList li a figure{ width:42%; }
    ul.movieList li a .tit{ width:54%; line-height:1.3; }
}

/*   researcherList
===================================*/
ul.researcherList{ display:flex; flex-wrap:wrap; gap:20px 18px; }
ul.researcherList li{ width:calc((100% - 54px) / 4); }
ul.researcherList li a{ display:block; }
ul.researcherList li a .tit{ margin:8px 0 0; text-align:center; font-weight:700; line-height:1.4; }
ul.researcherList li a .tit span{ display:block; font-size:14px; font-weight:normal; }

@media screen and (max-width:768px){
    ul.researcherList{ gap:32px 24px; }
    ul.researcherList li{ width:calc((100% - 24px) / 2); }
}

/*   researcherList2
===================================*/
ul.researcherList2{ margin:50px 0 0; }
ul.researcherList2 li{ margin:0 0 20px; background:var(--third-color); }
ul.researcherList2 li a{ display:flex; align-items:center; gap:0 25px; padding:0 30px; background:url("../images/arrow_blue_right.svg") no-repeat right 30px center / 20px auto; }
ul.researcherList2 li a figure{ width:148px; }
ul.researcherList2 li a .txtArea{ flex:1; }
ul.researcherList2 li a .txtArea .tit{ margin:0 0 5px; font-size:22px; font-weight:700; line-height:1.6; }
ul.researcherList2 li a .txtArea .txt{ line-height:1.6; }

@media screen and (min-width:768px){
    ul.researcherList2 li a{ transition:all 0.3s; }
    ul.researcherList2 li a:hover{ opacity:0.8; background-position:right 20px center; }
    ul.researcherList2 li a:hover img{ opacity:1; }
}
@media screen and (max-width:768px){
    ul.researcherList2{ margin:40px 0 0; }
    ul.researcherList2 li a{ gap:0 15px; padding:0 40px 0 0; background-position:right 20px center; }
    ul.researcherList2 li a .txtArea .tit{ letter-spacing:-0.03em; }
}

/*   whitePaperNav
===================================*/
.whitePaperNav .dlArea{ padding:34px; background:#E4ECF8; border-radius:4px 4px 0 0; }
.whitePaperNav .dlArea .title{ margin:0 0 10px; text-align:center; font-size:18px; font-weight:700; line-height:1.4; }
.whitePaperNav .dlArea .title span{ font-size:22px; font-weight:700; font-family:var(--en-font); }
.whitePaperNav .dlArea figure{ max-width:143px; margin:0 auto; }
.whitePaperNav .dlArea .blueBtn{ max-width:200px; margin:0 auto; padding:16px 0; background-image:none; font-size:15px; }
.whitePaperNav .tocArea{ padding:15px 28px 50px; border:var(--line-color) 1px solid; border-top:none; border-radius:0 0 4px 4px; font-size:13px; }
.whitePaperNav .tocArea .title{ font-weight:700; }
.whitePaperNav .tocArea ul{ margin:0 0 10px; padding:0 0 15px; border-bottom:var(--line-color) 1px solid; }
.whitePaperNav .tocArea ul li{ line-height:1.7; }
.whitePaperNav .tocArea .txt{ line-height:1.6; }

@media screen and (min-width:768px){
    .whitePaperNav .dlArea .blueBtn:hover{ opacity:0.8; }
}
@media screen and (max-width:768px){
    .whitePaperNav{ border:none; }
    .whitePaperNav .dlArea{ padding:49px 10px 33px; border-radius:4px; }
    .whitePaperNav .dlArea figure{ max-width:155px; }
    .whitePaperNav .dlArea .blueBtn{ max-width:270px; margin:8px auto 0; padding:17px 0; font-size:17px; }
}

/*   articleDetail
===================================*/
.articleDetail .heading2{ margin:120px 0 32px; }
.articleDetail .articleArea p{ margin:0 0 2em; }

@media screen and (max-width:768px){
    .articleDetail .heading2{ margin:80px 0 30px; }
}

/*   resercherDetail
===================================*/
.resercherDetail .profileArea{ display:flex; align-items:center; justify-content:space-between; }
.resercherDetail .profileArea figure{ width:60%; }
.resercherDetail .profileArea .txtArea{ width:34%; text-align:center; font-family:var(--mincho-font); }
.resercherDetail .profileArea .txtArea p{ font-weight:800; line-height:1; }
.resercherDetail .profileArea .txtArea p.name{ margin:0 0 20px; padding:0 0 20px; border-bottom:var(--second-color) 1px solid; font-size:28px; }
.resercherDetail .profileArea .txtArea p.name span{ display:block; margin:7px 0 0; font-size:14px; font-weight:700; font-family:var(--en-font); color:#707070; }
.resercherDetail .careerArea{ margin:60px 0 0; }
.resercherDetail .careerArea p{ margin:0 0 2em; }

@media screen and (max-width:768px){
    .resercherDetail .profileArea{ display:block; }
    .resercherDetail .profileArea figure{ width:100%; }
    .resercherDetail .profileArea .txtArea{ width:100%; max-width:230px; margin:45px auto 0; }
}

/*   list1
===================================*/
ul.list1 li{ padding:0 0 0 18px; position:relative; }
ul.list1 li::before{ content:"・"; position:absolute; top:0; left:0; }