@charset "UTF-8";

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}

*, *::before, *::after {
box-sizing: border-box;
}

body {
line-height: 1;
font-family: Noto Sans JP,sans-serif
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}

nav ul,ul li {
list-style: none
}

blockquote,q {
quotes: none
}

blockquote:after,blockquote:before {
content: "";
content: none
}

img {
max-width: 100%
}

q:after,q:before {
content: "";
content: none
}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}

ins {
text-decoration: none
}

ins,mark {
background-color: #ff9;
color: #000
}

mark {
font-style: italic;
font-weight: 700
}

del {
text-decoration: line-through
}

abbr[title],dfn[title] {
border-bottom: 1px dotted;
cursor: help
}

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

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}

input,select {
vertical-align: middle
}

article {
width: 100%;
height: 100%;
letter-spacing: 1px
}

[data-view*=sp] {
display: none
}

[data-view*=tablet] {
display: none
}

[data-view*=pc] {
display: block
}

[data-view*=pc-inlineblock] {
display: inline-block
}

@media (max-width: 1024px) and (min-width: 821px) {

[data-view*=pc] {
display: none
}

[data-view*=pc-inlineblock] {
display: none
}

[data-view*=tablet] {
display: block
}

[data-view*=tablet-inlineblock] {
display: inline-block
}
}

@media screen and (max-width: 820px) {
[data-view*=pc] {
display: none
}

[data-view*=pc-inlineblock] {
display: none
}

[data-view*=tablet] {
display: none
}

[data-view*=tablet-inlineblock] {
display: none
}

[data-view*=sp] {
display: block
}

[data-view*=sp-inlineblock] {
display: inline-block
}
}

.pc_view{
display: inline-block;
}

@media screen and (max-width: 820px) {
.pc_view{
display: none;
}
.sp_space{
padding-left: 1rem;
}
}

.mid{
margin: auto;
text-align: center;
display: block;
}
.bn_inq{
  position:fixed;
  right:0;
  bottom: 10%;
  z-index:400;
  display:block;
  line-height:0;
  outline:none;
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.bn_inq img{
  width: 450px;
  height: auto;
}
.close-btn {
  position: absolute;
  top: -20px;
  right: 4px;
  background-color: transparent;
  border: none;
  font-size: 20px;
  color: #000;
  cursor: pointer;
}

@media screen and (max-width: 576px) {
.bn_inq{
display: none;
}
}

.flex-list{
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: start;
align-items: start;
flex-wrap: wrap;
margin-top: 2.0rem;
}

.flex-list.line2 li,
.flex-list.line2 dl{
width: calc(100% / 2 - 0.5rem);
}
.flex-list.line2::after{
content:"";
display: block;
width: calc(100% / 2 - 1.5rem);
}

.flex-list.line3 li,
.flex-list.line3 dl{
width: calc(100% / 3 - 1.5rem);
}
.flex-list.line3::after{
content:"";
display: block;
width: calc(100% / 3 - 1.5rem);
}

.flex-list.line4 li,
.flex-list.line4 dl{
width: calc(100% / 4 - 1.5rem);
}
.flex-list.line4::after{
content:"";
display: block;
width: calc(100% / 4 - 1.5rem);
}

.flex-list.line5 li,
.flex-list.line5 dl{
width: calc(100% / 5 - 1.5rem);
}
.flex-list.line5::after{
content:"";
display: block;
width: calc(100% / 5 - 1.5rem);
}

@media screen and (max-width: 820px) {
.flex-list{
/*display: inherit;*/
}
.flex-list.line2 li,
.flex-list.line2 dl{
width: calc(100% / 1 - 0rem);
}
.flex-list.line2::after{
width: calc(100% / 1 - 0rem);
}

.flex-list.line3 li,
.flex-list.line3 dl{
width: calc(100% / 1 - 0rem);
}
.flex-list.line3::after{
width: calc(100% / 1 - 0rem);
}

.flex-list.line4 li,
.flex-list.line4 dl{
width: calc(100% / 2 - 1.5rem);
}
.flex-list.line4::after{
width: calc(100% / 2 - 1.5rem);
}

.flex-list.line5 li,
.flex-list.line5 dl{
width: calc(100% / 1 - 0rem);
}
.flex-list.line5::after{
width: calc(100% / 1 - 0rem);
}

.flex-list li,
.flex-list dl{
margin-bottom: 2rem;
}
.flex-list li:last-child,
.flex-list dl:last-child{
margin-bottom: 0rem;
}
}
@media screen and (max-width: 576px) {
.flex-list{
display: inherit;
}
.flex-list.line2 li,
.flex-list.line2 dl{
width: calc(100% / 1 - 0rem);
}
.flex-list.line2::after{
width: calc(100% / 1 - 0rem);
}

.flex-list.line3 li,
.flex-list.line3 dl{
width: calc(100% / 1 - 0rem);
margin-top: 1rem;
}
.flex-list.line3::after{
width: calc(100% / 1 - 0rem);
}

.flex-list.line4 li,
.flex-list.line4 dl{
width: calc(100% / 1 - 0rem);
margin-top: 13.0rem;
}
.flex-list.line4::after{
width: calc(100% /1 - 0rem);
}

.flex-list.line5 li,
.flex-list.line5 dl{
width: calc(100% / 1 - 0rem);
}
.flex-list.line5::after{
width: calc(100% / 1 - 0rem);
}

.flex-list li,
.flex-list dl{
margin-bottom: 2rem;
}
.flex-list li:last-child,
.flex-list dl:last-child{
margin-bottom: 0rem;
}
}
header,
.contener{
position: relative;
max-width: 1200px;
margin: 0 auto
}

@media (max-width: 1024px) and (min-width: 821px) {
header{
padding: 2rem 1rem !important;
}
.contener{
padding: 0 2rem;
}
}
@media screen and (max-width: 820px) {
header,
.contener{
padding: 0 1rem;
}
}

h1{
line-height: 1.6;
font-size: 3.63rem;
color: #388cec;
margin-left: 4rem;
}
h1 + P{
line-height: 1.8;
padding-top: 1.5rem;
font-size: 1.2rem;
font-weight: bold;
margin-left: 4rem;
}

h2{
font-size: 3.24rem;
font-weight: bold;
padding-bottom: 1rem;
}
h2 + P{
line-height: 2.25;
font-size: 1.4rem;
font-weight: bold;
padding: 2rem 2rem 2rem 0;
}
P.read{
line-height: 1.8;
font-size: 1.4rem;
font-weight: bold;
margin-top: 1.5rem;
}

h3{
padding-bottom: 3rem;
font-size: 1.0rem;
font-weight: normal;
}
h3 > img{
margin-right: 1rem;
}
@media (max-width: 1024px) and (min-width: 821px) {
h2{
font-size: 3.0rem;
}
h2,h3{
padding-bottom: 0rem;
}
}
@media screen and (max-width: 820px) {
h1{
text-align: center;
font-size: 2.6rem;
line-height: 1.2;
margin-top: 1rem;
}
h1 + P{
font-size: 1.1rem;
padding-bottom: 2rem;
text-align:center;
}
h2{
font-size: 2.2rem;
line-height: 1.2;
padding-bottom: 1rem;
}
h3{
padding-bottom: 1rem;
}
}
@media screen and (max-width: 576px) {
h1{
text-align: center;
font-size: 1.76rem;
line-height: 1.4;
margin-top: 1.5rem;
margin-left: 0;
}
h1 + P{
font-size: 1.1rem;
padding-bottom: 2rem;
text-align:center;
margin-left: 0;
}
h2{
font-size: 1.85rem;
line-height: 1.65;
padding-bottom: 0rem;
}
h2 + P{
line-height: 1.95;
font-size: 1.1rem;
font-weight: bold;
padding: 2rem 0 2rem 0;
}
}
/*header*/

header{
padding: 3rem 0.5rem;
}

header > P{
font-size: 0.76rem;
}

header > A{
margin-top: 0.5rem;
width: 300px;
display: block;
}

header > A img{
width: 100%;
}

header .hd-btn{
position: absolute;
top:0;
right: 0;
display: flex;
align-items: start;
}
header .hd-btn A{
position: relative;
color: #FFF;
font-weight: bold;
border-radius: 0 0 1rem 1rem;
}
header .hd-btn A.hd-btn01{
background-color: #000;
padding: 1.5rem 4rem 1.5rem 1.5rem;
margin-right: 0.5rem;
}
header .hd-btn A.hd-btn02{
background-image: linear-gradient(90deg, rgba(85, 203, 197, 1), rgba(26, 141, 238, 1));
padding: 1rem 3rem 1rem 1.5rem;
}

header .hd-btn A img{
position: absolute;
top: 0;
bottom: 0;
right:1rem;
margin: auto;
}

@media screen and (max-width: 820px) {
header{
padding: 5rem 0 1rem;
text-align: center;
}
header > A{
margin: 0.5rem auto;
width: 300px;
}
header .hd-btn {
position: fixed;
width: 100%;
z-index: 100;
}
header .hd-btn A.hd-btn01{
width: 100%;
display: block;
border-radius: inherit;
margin-right: inherit;
padding: 1.5rem 1rem;
}
header .hd-btn A.hd-btn02{
width: 100%;
display: block;
border-radius: inherit;
padding: 1.5rem 1rem;
}
header .hd-btn A img{
right:0.25rem;
margin: auto;
width: 32px;
}
}

/*main*/
.bk_blue{
background-color: #e0ecfe;
}
.bk_white{
background-color: #ffffff;
}
.bk_white A,
.bk_white A:visited{
color: #368dec;
text-decoration: underline;
position: relative;
padding-right: 0.2rem;
}
.bk_white A::after{
content: url('../images/icon-blank.png');
/*position: absolute;
top:-1rem;
right: 0.5rem;*/
}
.bk_white span{
color: #368dec;
}
.bk_white em{
background-color:#368dec;
padding: 0.15rem 0.5rem;
color: #FFF;
font-style: normal;
}

@media screen and (max-width: 820px) {
.bk_white{
padding-bottom: 16rem;
}
}

.bk_navy{
background-color: #2e50b1;
color: #FFF;
position: relative;
top:-2px;
padding-top: 0;
}
.w100{
width: 100%;
}

.bk_gray{
background-color: #eeeeee;
}

section{
padding: 4rem 0;
line-height: 1.8;
}
.left-pd{
padding-left: 9rem;
}

@media (max-width: 1024px) and (min-width: 821px) {
.left-pd{
padding-left: initial;
}
}
@media screen and (max-width: 820px) {
.left-pd{
padding-left: initial;
}
}
section.main{
padding: 2rem 0 4rem 0;
}
section.main ul{
margin: 6rem 0 0;
}
@media screen and (max-width: 820px) {
section.main ul{
margin: 2rem 0 0;
}
}
section.main ul li{
height: auto;
min-height: 13rem;
position: relative;
background-color: #2e50b1;
border-radius: 1rem;
color: #FFF;
font-weight: bold;
text-align: center;
line-height: 1.4;
font-size: 1.2rem;
margin-top: 11rem;
align-items: center;
display: grid;
}
section.main ul li span{
font-size: 2rem;
color: #fbe152;

}
section.main ul li img{
position: absolute;
top:-11rem;
left: 0;
right: 0;
margin: auto;
}

@media (max-width: 1024px) and (min-width: 821px) {
section.main ul{
margin-top: 3rem;
}

section.main .flex-list.line4 li{
width: calc(100% / 2 - 1.5rem);
min-height: 11rem;
margin-bottom: 20px;
}
}

@media screen and (max-width: 820px) {
section.main ul li{
padding: 0 1rem;
min-height: 10rem;
}
section.main ul li img{
top:-11.5rem;
}
}
section.main img.MainView{
position: absolute;
right: 2rem;
top:-1.5rem;
}


@media (max-width: 1024px) and (min-width: 961px) {
section.main{
padding-top: 0;
}
section.main img.MainView{
width: auto;
max-width: 400px;
top:0;
right: 2rem;
}
}

@media (max-width: 960px) and (min-width: 768px) {
section.main{
padding-top: 0rem;
}
section.main .contener {
padding-top: 18rem;
}
section.main img.MainView{
width: auto;
max-width: 405px;
left: 0;
right: 0;
top:0rem;
margin: auto;
}
}

@media screen and (max-width: 767px) {
section.main{
padding-top: 0rem;
}
section.main .contener {
padding-top: 24rem;
}
section.main img.MainView{
width: auto;
left: 0;
right: 0;
top:0.5rem;
margin: auto;
}
}
@media screen and (max-width: 576px)  {
section.main{
padding-top: 0rem;
}
section.main .contener {
padding-top: 18rem;
}
}
ul.list-check{
margin: 3rem 7rem 0 1rem;
}
ul.list-check li{
background-image: url('../images/icon-check.png');
background-repeat: no-repeat;
background-size: 45px;
padding: 0 0 1rem 60px;
font-size: 1.2rem;
font-weight: bold;
}
@media (max-width: 1024px) and (min-width: 821px) {
ul.list-check li{
background-size: 45px 45px;
padding-left: 4rem;
}
}

ul.list-check li dl{
background-color: #FFF;
border: #368dec 3px solid;
border-radius: 1rem;
padding: 2rem;
margin-top: 2rem;
}
ul.list-check li dl dt{
flex: 1;
}
ul.list-check li dl dd{
flex: 5;
}
@media screen and (max-width: 820px) {
ul.list-check {
margin: 3rem 3rem 0 1rem;
}
ul.list-check li{
position: relative;
}
ul.list-check li dl{
position:absolute;
left: 0;
margin-top: 1rem;
padding: 1rem;
}
}

@media screen and (max-width: 576px) {
  ul.list-check {
  margin: 3rem 0rem 0 0rem;
  }
}

ul.fuki{
justify-content: center;
padding-bottom: 1rem;
}
ul.fuki.flex-list.line3::after{
width: inherit;
}
ul.fuki li{
background-image: url('../images/bk-fuki.png');
background-color: #ffffff;
background-repeat: no-repeat;
padding: 2.5rem 1rem 2rem 4rem;
font-weight: bold;
display: block;
height: auto;
min-height: 8rem;
border: 1px solid #000;
border-radius: 0 28px 28px 28px;
margin: 0.45rem;
}

@media (max-width: 1024px) and (min-width: 961px) {
ul.flex-list.line3.fuki li{
width: calc(90% / 2 - 1.5rem);
}
}
@media (max-width: 960px) and (min-width: 768px) {
ul.flex-list.line3.fuki{
display: flex;
}
ul.flex-list.line3.fuki li{
width: calc(100% / 2 - 2.5rem);
margin-bottom: 0rem;
}
ul.flex-list.line3.fuki li:last-child {
width: 90%;
margin-bottom: 0rem;
}
}

@media screen and (max-width: 767px) {
ul.fuki li{
/*margin: 0 auto;*/
/*background-size: contain;*/
padding-left: 5rem;
min-height: 9rem;
font-size: 1.15rem;
}
}

ul.point{
padding-top: 8.5rem;
}
ul.point li{
position: relative;
text-align: center;
padding-top: 9.5rem;
}
ul.point li img{
position: absolute;
top:-13rem;
left: 0;
right: 0;
margin: auto;
}
ul.point li span{
line-height: 1.8;
background-color: #000;
color: #FFF;
padding: 0.15rem 1rem;
font-size: 1.55rem;
font-weight: bold;
}
@media (max-width: 1024px) and (min-width: 821px) {
ul.point li span{
font-size: 1.4rem;
}
}
@media screen and (max-width: 820px) {
ul.point{
padding-top: 0rem;
}
ul.point li{
padding-top:19rem;
margin-bottom: 7rem;
}
ul.point li img{
top:-4rem;
}
ul.point li:nth-child(2) img{
width: 385px;
}
}

ul.topics{
margin: 3rem 0;
}
ul.topics li{
position: relative;
background-color: #FFF;
border-radius: 1rem;
padding: 2rem;
color: #000;
height: auto;
min-height: 27rem;
}
ul.topics li img{
position: absolute;
margin: auto;
}
ul.topics li.cnetr{
padding-top: 16rem;
}
ul.topics li.cnetr img{
top:-2rem;
left: -1rem;
right: 0;
}
/*ul.topics li:first-child img,
ul.topics li:last-child img{
bottom:-2rem;
left: 0;
right: 0;
}*/
@media screen and (max-width: 576px) {
ul.topics li.cnetr img{
top:-1rem;
left: -1rem;
right: 0;
}
ul.topics li:first-child img,
ul.topics li:last-child img{
/*bottom:-3rem;*/
left: 0;
right: 0;
}
}
ul.topics h4{
color: #ef5231;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
ul.topics h4.yellow{
color: #fad401;
}
ul.topics h4 span{
font-size: 4rem;
}
@media (max-width: 1024px) and (min-width: 821px) {
ul.topics li{
min-height: 22rem;
}
ul.topics li.cnetr{
padding-top: 16rem;
}
ul.topics li.cnetr img{
top:-3rem;
}
ul.topics h4{
font-size: 1.6rem;
}
}

@media screen and (max-width: 820px) {
ul.topics li{
padding: 1rem;
min-height:22rem;
}
ul.topics li.cnetr{
margin-top: 4rem;
}
ul.topics p{
/*text-align: center;*/
}
}
@media screen and (max-width: 576px) {
ul.topics li.cnetr {
margin-top: 0rem;
}
ul.topics li.cnetr:last-child{
margin-top: 4rem;
}
ul.topics h4{
font-size: 1.5rem;
margin-bottom: 1rem;
}
ul.topics h4 span{
font-size: 2rem;
}
}
dl.thema{
margin: 6rem 0 5rem 0;
align-items: center;
}
dl.thema dt{
flex: 1;
font-size: 1.8rem;
font-weight: bold;
padding-right: 2rem;
}
dl.thema dd{
flex: 5.5;
padding-left: 2rem;
border-left: 2px dotted #FFF;
}
dl.thema dd span{
font-size: 1.0rem;
background-color: #FFF;
border-radius: 25px;
color: #000;
padding: 0.25rem 1.75rem;
display: inline-block;
margin: 0.35rem;
font-weight:bold;
}
dl.thema_b{
margin: 6rem 0 5rem 0;
align-items: center;
}
dl.thema_b dt{
flex: 1;
font-size: 1.8rem;
font-weight: bold;
padding-right: 2rem;
}
dl.thema_b dd{
flex: 5.5;
padding-left: 2rem;
border-left: 2px dotted #000;
}
dl.thema_b dd table{
width: 100%;
border-top: 2px solid #000;
}
dl.thema_b dd table tr th{
border-bottom: 2px solid #000;
text-align: left;
white-space: nowrap;
padding: 0.5rem 2.5rem 0.5rem 3.0rem;
vertical-align: middle;
}
dl.thema_b dd table tr td{
border-bottom: 2px solid #000;
text-align: left;
padding: 1.0rem;
}
@media (max-width: 1024px) and (min-width: 821px) {
dl.thema{
margin-top: 3rem;
margin-bottom: 0;
}
dl.thema dt{
flex: auto;
border-right: inherit;
border-bottom: 2px dotted #FFF;
margin-bottom: 2rem;
}
dl.thema dd{
flex: auto;
padding-left: inherit;
border: none;
}
dl.thema_b{
margin-top: 3rem;
margin-bottom: 0;
}
dl.thema_b dt{
flex: auto;
border-right: inherit;
border-bottom: 2px dotted #000;
margin-bottom: 2rem;
}
dl.thema_b dd{
flex: auto;
padding-left: inherit;
border: none;
}
}
@media screen and (max-width: 820px) {
dl.thema{
margin-top: 5rem;
}
dl.thema dt{
flex: auto;
border-right: inherit;
border-bottom: 2px dotted #FFF;
margin-bottom: 2rem;
}
dl.thema dd{
flex: auto;
padding-left: inherit;
border: none;
}
dl.thema_b{
margin-top: 5rem;
}
dl.thema_b dt{
flex: auto;
border-right: inherit;
border-bottom: 2px dotted #FFF;
margin-bottom: 2rem;
}
dl.thema_b dd{
flex: auto;
padding-left: inherit;
border: none;
}
}
@media screen and (max-width: 576px) {
dl.thema{
margin-top: 7rem;
}
dl.thema_b{
margin-top: 7rem;
}
}
ul.type li{
border-top: 2px solid #000;
padding: 1rem 0 3rem;
font-weight: bold;
}
ul.type li p:first-child{
font-size: 1.8rem;
}
ul.type li p:nth-child(3),
ul.type li p:last-child span{
font-size: 1.0rem;
}
ul.type li p:nth-child(2){
/*padding: 1rem 0;*/
height: auto;
min-height: 1rem;
}
ul.type li p:last-child{
font-size: 2.2rem;
}

@media screen and (max-width: 820px) {
ul.type li{
padding-bottom: inherit;
}
}
ul.grph{
padding-bottom: 3.5rem;
}
ul.grph li{
position: relative;
text-align: center;
}
ul.grph li img{
padding: 0;
}


/*footer*/

footer{
background-color: #23334b;
color: #FFF;
}

footer aside{
text-align: center;
padding: 3rem 0 5rem;
background-color: #374d6e;
border-radius: 1rem;
}
footer aside h4{
font-size: 1.2rem;
}

footer .ft-btn{
padding: 3rem 0 0;
}

footer .ft-btn A{
position: relative;
border-radius: 2.5rem;
text-align: center;
padding: 1.5rem 5rem;
font-weight: bold;
border: 2px solid #FFF;
}
footer .ft-btn A.ft-btn01{
background-color: #FFF;
color: #000;
margin-right: 0.5rem;
}
footer .ft-btn A.ft-btn02{
background-image: linear-gradient(90deg, rgba(85, 203, 197, 1), rgba(26, 141, 238, 1));
color: #FFF;
}

footer .ft-btn A img{
position: absolute;
top: 0;
bottom: 0;
right:1rem;
margin: auto;
}

footer dl{
display: flex;
align-items: center;
padding: 2rem 0;
}
footer dl dt{
flex: 1;
}
footer dl dt img{
width: 100%;
}
footer dl dd{
flex: 5;
text-align: right;
}
footer dl dd A{
color: #FFF;
font-size: 0.9rem;
}
footer dl dd A:after{
content: '／';
padding: 0 2rem;
}
footer dl dd A:last-child:after{
display: none;
}

footer .copy{
text-align: right;
font-size: 0.7rem;
}
footer .copy P{
padding-top: 0.25rem;
}

@media (max-width: 1024px) and (min-width: 821px) {
footer {
padding: 2rem 0 2rem;
}
footer aside {
padding: 1rem 1rem 3rem 1rem;
}
footer dl{
display: inline;
}
footer dl dt{
text-align: center;
padding-top: 3rem;
}
footer dl dt img {
width: 300px;
margin: auto;
}
footer dl dd{
text-align: center;
}
footer .copy {
padding-top: 3rem;
text-align: center;
}
}

@media screen and (max-width: 820px) {
footer {
padding: 2rem 0 2rem;
}
footer aside {
padding: 1rem;
text-align: left;
}
footer .ft-btn {
padding-top: 1rem;
}
footer .ft-btn A {
padding: 1rem;
margin-bottom: 1rem;
}
footer .ft-btn A.ft-btn01 {
width: 100%;
display: block;
margin-right: inherit;
padding-right: 3rem;
}
footer .ft-btn A.ft-btn01 img{
right:0rem;
}
footer .ft-btn A.ft-btn02 {
width: 100%;
display: block;
}
footer dl {
display: block;
}
footer dl dt{
text-align: center;
}
footer dl dt img {
width: 70%;
}
footer dl dd {
text-align: left;
}
footer dl dd A {
display: block;
padding: 1rem 0;
border-bottom: 1px dotted #FFF;
}
footer dl dd A::after{
content: inherit;
}
footer .copy {
text-align: center;
font-size: 0.6rem;
}
}

.pl{font-feature-settings: "pnum";}