@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*==============================*/
/* reset */
/*==============================*/
*,*::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}
html{overflow-y:scroll;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:normal;}
ol,ul{list-style:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/*NoscriptMessage*/
#msgNoscript{display:block;position:absolute;top:0;left:0;z-index:9999;width:100%;padding:5px 0;border-top:1px solid #fcc;border-bottom:1px solid #fcc;background:#fdd;color:#f33;line-height:1.2;text-align:center;opacity:0.7;}
main{display:block;}
img {vertical-align: top;}
input,select,textarea,button {font-size: 1em;}
input,textarea {font-family: "Noto Sans JP", sans-serif;}
input[type="text"],input[type="tel"],input[type="password"] {-webkit-appearance:none;appearance:none;padding:0;border:none;border-radius:0;background:transparent;outline:none;}
input[type="radio"] {display:none;}
input[type="checkbox"] {display:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;cursor: pointer;}
select::-ms-expand {display: none;}
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;padding:0;border:0;outline:none;background:transparent;}
button,input[type="submit"],input[type="button"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;outline:none;background:transparent;cursor: pointer;}



/*==============================*/
/* base */
/*==============================*/
html,body {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  color: #3d3d3d;
}
html {
  font-size: 62.5%;
}
body {
  -webkit-text-size-adjust:100%;max-height:100%;
  font-size: 15px;
  font-size: 1.5rem;
}
body.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}



/*==============================*/
/* fv */
/*==============================*/
.fv {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 64px);
  padding-top: 20vh;
}
.fv .hl img {
  max-width: 100%;
  max-height: calc(80vh);
}
@media screen and (max-width: 767px) {
  .fv {
    height: 100vh;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }
  .fv .hl img {
    max-height: 80vh;
  }
}



/*==============================*/
/* nav */
/*==============================*/
.nav_btn {
  display: none;
}
.nav {
  position: relative;
  z-index: 100;
}
.nav .nav_cnts {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(118,118,118,.1);
}
.nav.fixed .nav_cnts {
  position: fixed;
}
.nav ul {
  display: flex;
  max-width: 950px;
  margin: 0 auto;
  justify-content: center;
}
.nav ul > li + li {
  border-left: 1px solid #eaeaea;
}
.nav ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  font-size: 14px;
  font-weight: bold;
  color: #262626;
  text-decoration: none;
  padding: 0 14px;
  border-bottom: 4px solid #fff;
}
.nav ul > li > a:hover,
.nav ul > li.active > a {
  border-bottom-color: #e60021;
}
@media screen and (max-width: 950px) {
  .nav ul > li > a {
    font-size: 1.4vw;
    padding: 0 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  .nav_btn {
    display: block;
    position: fixed;
    right: 18px;
    top: 18px;
    width: 36px;
    height: 36px;
    z-index: 200;
    font-size: 0;
    line-height: 0;
  }
  .nav_btn::before,
  .nav_btn::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 36px;
    margin-left: -18px;
    height: 2px;
    background-color: #000;
    transition: all .3s ease-out;
  }
  .nav_btn::before {
    top: 0;
  }
  .nav_btn::after {
    bottom: 0;
  }
  .nav_btn.active::before {
    top: 50%;
    margin-top: -1px;
    transform: rotate(135deg);
  }
  .nav_btn.active::after {
    top: 50%;
    bottom: auto;
    transform: rotate(-135deg);
  }
  .nav_btn span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    background-color: #000;
    transition: left .3s ease-out,right .3s ease-out;
  }
  .nav_btn.active span {
    left: 50%;
    right: 50%;
  }
  .nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.9);
    overflow: auto;
    display: none;
  }
  .nav .nav_cnts {
    position: static;
    background-color: transparent;
    box-shadow: none;
    padding-top: 72px;
  }
  .nav.fixed .nav_cnts {
    position: static;
  }
  .nav ul {
    display: block;
  }
  .nav ul > li + li {
    border-left: none;
  }
  .nav ul > li > a {
    display: block;
    width: auto;
    height: auto;
    font-size: 15px;
    text-align: center;
    padding: 16px 8px;
    border-bottom: none;
  }
  .nav ul > li > a:hover,
  .nav ul > li.active > a {
    border-bottom-color: transparent;
  }
}



/*==============================*/
/* section */
/*==============================*/
section {
  position: relative;
}
section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -124px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 46px 124px 0 124px;
  border-color: #007bff transparent transparent transparent;
}
section:nth-of-type(odd) {
  background-color: #fbfbfb;
}
section:nth-of-type(odd)::before {
  border-color: #fff transparent transparent transparent;
}
section:nth-of-type(even) {
  background-color: #fff;
}
section:nth-of-type(even)::before {
  border-color: #fbfbfb transparent transparent transparent;
}
section .sec_in {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding: 112px 0;
}
section .hl01 {
  text-align: center;
  font-size: 3.8rem;
  font-weight: bold;
}
section .hl01 span {
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 4px solid #e60021;
}
section .hl01 span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 50%;
  height: 4px;
  background-color: #00479d;
}
section .hl01 + * {
  margin-top: 52px;
}
section .lead {
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}
section .fade {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity .6s ease-out, transform .6s ease-out;
}
section .fade.active {
  opacity: 1;
  transform: translateY(0px);
}
@media screen and (max-width: 767px) {
  section::before {
    margin-left: -83px;
    border-width: 30px 83px 0 83px;
  }
  section .sec_in {
    padding: 64px 24px;
  }
  section .hl01 {
    font-size: 24px;
  }
  section .hl01 span {
    padding-bottom: 12px;
  }
  section .hl01 + * {
    margin-top: 32px;
  }
  section .lead {
    font-size: 16px;
    text-align: left;
  }
}



/*==============================*/
/*  number */
/*==============================*/
section.sec_number ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.sec_number ul > li {
  width: 31%;
  background-color: #fff;
}
section.sec_number ul > li a {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 2px rgba(127,127,127,.2);
  padding: 30px 12px 12px;
  text-decoration: none;
}
section.sec_number ul > li a:hover {
  box-shadow: 0 0 0 2px #00479d inset;
}
section.sec_number ul > li a::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 42px;
  height: 42px;
  background: url(/ir/stock/glance/img/number_icn07.png) no-repeat right bottom / 100% 100%;
}
section.sec_number ul > li:nth-of-type(n+4) {
  margin-top: 30px;
}
section.sec_number ul > li .hl02 {
  text-align: center;
  font-size: 2rem;
  color: #00479d;
}
section.sec_number ul > li .hl02 > span {
  position: relative;
  padding: 0 22px;
}
section.sec_number ul > li .hl02 > span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: #00479d;
}
section.sec_number ul > li .hl02 > span > span {
  position: relative;
  background-color: #fff;
  padding: 0 7px;
}
section.sec_number ul > li figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 136px;
  margin-top: 24px;
}
section.sec_number ul > li figure img {
  width: auto;
  height: auto;
  max-width: 136px;
  max-height: 136px;
}
section.sec_number ul > li .text {
  color: #e60021;
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
section.sec_number ul > li .text > span {
  font-size: 2.2rem;
}
section.sec_number ul > li .note {
  font-size: 1.2rem;
  color: #a7a7a7;
  text-align: center;
  margin-top: 6px;
}
@media screen and (max-width: 950px) {
  section.sec_number ul > li .hl02 {
    font-size: 2vw;
  }
  section.sec_number ul > li .text {
    font-size: 4vw;
  }
  section.sec_number ul > li .text > span {
    font-size: 2.4vw;
  }
  section.sec_number ul > li .note {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  section.sec_number ul {
    display: block;
  }
  section.sec_number ul > li {
    width: auto;
  }
  section.sec_number ul > li a:hover {
    box-shadow: 0 2px 2px rgba(127,127,127,.2);
  }
  section.sec_number ul > li + li,
  section.sec_number ul > li:nth-of-type(n+4) {
    margin-top: 24px;
  }
  section.sec_number ul > li .hl02 {
    font-size: 20px;
  }
  section.sec_number ul > li figure {
    display: block;
    text-align: center;
    height: auto;
  }
  section.sec_number ul > li figure img {
    height: auto;
    max-width: 80px;
    max-height: 80px;
  }
  section.sec_number ul > li .text {
    font-size: 8vw;
  }
  section.sec_number ul > li .text > span {
    font-size: 5vw;
  }
  section.sec_number ul > li .note {
    font-size: 2vw;
  }

}



/*==============================*/
/*  performance */
/*==============================*/
section.sec_performance ul {
  display: flex;
  justify-content: space-between;
}
section.sec_performance ul > li {
  width: 48%;
}
section.sec_performance ul > li .hl02 {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  padding: 8px 6px;
  background-color: #e60021;
}
section.sec_performance ul > li dl {
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e60021;
  font-weight: bold;
  text-align: center;
}
section.sec_performance ul > li dl dt {
  display: inline;
  font-size: 2rem;
}
section.sec_performance ul > li dl dd {
  display: inline;
  font-size: 3.8rem;
  color: #e60021;
}
section.sec_performance ul > li dl dd span {
  font-size: 1.9rem;
}
section.sec_performance ul > li figure {
  margin-top: 22px;
  text-align: center;
}
section.sec_performance ul > li figure img {
  width: auto;
  max-width: 100%;
}
section.sec_performance ul > li .note {
  margin-top: 8px;
  font-size: 1.2rem;
  color: #a7a7a7;
  text-align: right;
}
section.sec_performance ul > li.li02 .hl02 {
  background-color: #00479d;
}
section.sec_performance ul > li.li02 dl {
  border-bottom-color: #00479d;
}
section.sec_performance ul > li.li02 dl dd {
  color: #00479d;
}
section.sec_performance ul > li.li02 dl dd + dt {
  margin-left: 22px;
}

section.sec_performance ul > li dl.flex_dl {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: left;
}
section.sec_performance ul > li dl.flex_dl dt {
  padding-bottom: 7px;
  padding-right: 5px;
}
section.sec_performance ul > li dl.flex_dl .small {
  font-size: 16px;
  text-align: right;
  padding-right: 5px;
  padding-bottom: 5px;
  line-height: 1.3;
}

@media screen and (max-width: 950px) {
  section.sec_performance ul > li dl dt {
    font-size: 2vw;
  }
  section.sec_performance ul > li dl dd {
    font-size: 4vw;
  }
  section.sec_performance ul > li dl dd span {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  section.sec_performance ul {
    display: block;
  }
  section.sec_performance ul > li {
    width: auto;
  }
  section.sec_performance ul > li + li {
    margin-top: 40px;
  }
  section.sec_performance ul > li .hl02 {
    font-size: 20px;
    padding: 6px 8px;
  }
  section.sec_performance ul > li dl dt {
    font-size: 16px;
  }
  section.sec_performance ul > li dl dd {
    font-size: 24px;
  }
  section.sec_performance ul > li dl dd span {
    font-size: 16px;
  }
  section.sec_performance ul > li dl.flex_dl {
    padding-bottom: 10px;
  }
  section.sec_performance ul > li dl.flex_dl dt {
    padding-bottom: 4px;
  }
  section.sec_performance ul > li dl.flex_dl .small {
    font-size: 12px;
  }
}



/*==============================*/
/*  steps */
/*==============================*/
section.sec_steps figure {
  margin-top: 38px;
  text-align: center;
}
section.sec_steps figure img {
  width: auto;
  max-width: 100%;
}



/*==============================*/
/*  area */
/*==============================*/
section.sec_area .area_cnts {
  position: relative;
  max-width: 800px;
  margin: 56px auto 0;
}
section.sec_area .area_cnts > figure {
  text-align: center;
}
section.sec_area .area_cnts > figure img {
  width: 100%;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_btn {
  position: absolute;
  font-size: 0;
  line-height: 0;
  width: 25%;
  height: 29.2%;
  border-radius: 50%;
  cursor: pointer;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_btn:hover {
  background-color: rgba(255,255,255,.3);
}
section.sec_area .area_cnts > ul > li.li01 > .area_cnts_modal_btn {
  left: 15.8%;
  bottom: 1%;
}
section.sec_area .area_cnts > ul > li.li02 > .area_cnts_modal_btn {
  right: 0.4%;
  top: 23.2%;
}
section.sec_area .area_cnts > ul > li.li03 > .area_cnts_modal_btn {
  right: 13.2%;
  bottom: 1%;
}
section.sec_area .area_cnts > ul > li.li04 > .area_cnts_modal_btn {
  left: 0%;
  top: 25.6%;
}
section.sec_area .area_cnts > ul > li.li05 > .area_cnts_modal_btn {
  left: 38%;
  top: 0%;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(34,51,71,.6);
  z-index: 300;
  overflow: auto;
  display: none;
  padding: 50px 0;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_ov {
  position: absolute;
  min-height: 780px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .cnts_in {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 840px;
  margin-left: -420px;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 24px;
  padding: 46px;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts.y .cnts_in {
  position: relative;
  top: 0;
  transform: none;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block {
  display: flex;
  flex-direction: row-reverse;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > figure {
  flex: 7;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > figure img {
  width: 100%;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text {
  flex: 5;
  margin-left: 20px;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text .hl02 {
  font-size: 1.9rem;
  font-weight: bold;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text p {
  margin-top: 12px;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text dl {
  margin-top: 12px;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 26px;
  background-color: #a6a6a6;
  border-radius: 13px;
  color: #fff;
  line-height: 1;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text dl dd {
  margin-top: 6px;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text ul {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text ul li {
  width: 48%;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text ul li figure img {
  width: 100%;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .btn {
  text-align: right;
  margin-top: 20px;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 40px;
  border-radius: 20px;
  border: 4px solid #00479d;
  font-size: 1.4rem;
  font-weight: bold;
  color: #00479d;
  text-decoration: none;
  box-shadow: 6px 6px 0 0 rgba(118,118,118,.1);
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .btn a:hover {
  text-decoration: underline;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close {
  position: absolute;
  right: -14px;
  top: -14px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #00479d;
  box-shadow: 6px 6px 0 0 rgba(118,118,118,.1);
  cursor: pointer;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close::before,
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 4px;
  margin-left: -10px;
  margin-top: -2px;
  border-radius: 2px;
  background-color: #00479d;
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close::before {
  transform: rotate(45deg);
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close::after {
  transform: rotate(-45deg);
}
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close:hover::before,
section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close:hover::after {
  background-color: #e60021;
}
@media screen and (max-width: 950px) {
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .cnts_in {
    left: auto;
    right: auto;
    margin-left: 52px;
    margin-right: 52px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_btn {
    width: 31%;
    height: 30%;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_btn:hover {
    background-color: transparent;
  }
  section.sec_area .area_cnts > ul > li.li01 > .area_cnts_modal_btn {
    left: 12.8%;
    bottom: 2%;
  }
  section.sec_area .area_cnts > ul > li.li02 > .area_cnts_modal_btn {
    right: 0.4%;
    top: 24.2%;
  }
  section.sec_area .area_cnts > ul > li.li03 > .area_cnts_modal_btn {
    right: 13.8%;
    bottom: 2%;
  }
  section.sec_area .area_cnts > ul > li.li04 > .area_cnts_modal_btn {
    left: 0%;
    top: 24.2%;
  }
  section.sec_area .area_cnts > ul > li.li05 > .area_cnts_modal_btn {
    left: 34%;
    top: 0%;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .cnts_in {
    margin-left: 24px;
    margin-right: 24px;
    border-radius: 30px;
    padding: 24px;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block {
    display: block;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > figure {
    margin-top: 16px;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text {
    margin-left: 0;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .block > .text .hl02 {
    font-size: 24px;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .btn a:hover {
    text-decoration: none;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close {
    position: absolute;
    right: -18px;
    top: -18px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid #00479d;
    box-shadow: 6px 6px 0 0 rgba(118,118,118,.1);
    cursor: pointer;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close:hover::before,
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_close:hover::after {
    background-color: #00479d;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts {
    padding: 30px 0;
  }
  section.sec_area .area_cnts > ul > li > .area_cnts_modal_cnts .area_cnts_modal_ov {
    min-height: 0;
  }
}



/*==============================*/
/*  living */
/*==============================*/
section.sec_living ul {
  display: flex;
  justify-content: space-between;
  margin-top: 42px;
}
section.sec_living ul > li {
  width: 31%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 2px rgb(127 127 127 / 20%);
  padding: 38px 6px 60px;
  text-align: center;
  position: relative;
  padding-bottom: 120px;
}
section.sec_living ul > li .fig01 {
  text-align: center;
}
section.sec_living ul > li .fig01 img {
  width: 60px;
}
section.sec_living ul > li .fig02 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-top: 22px;
}
section.sec_living ul > li .fig02 img {
  width: auto;
  height: auto;
  max-width: 124px;
  max-height: 100px;
}
section.sec_living ul > li p {
  margin-top: 22px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #656565;
}
section.sec_living ul > li dl {
  margin-top: 16px;
}
section.sec_living ul > li dl.mt {
  margin-top: 30px;
}
section.sec_living ul > li dl dt {
  font-size: 1.9rem;
  font-weight: bold;
}
section.sec_living ul > li dl dd {
  font-size: 6.4rem;
  font-weight: bold;
  line-height: 1;
  color: #e60021;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
section.sec_living ul > li dl dd > span {
  display: inline-block;
  background:linear-gradient(transparent 75%, #ffdb8c 75%);
}
section.sec_living ul > li dl dd > span > span {
  font-size: 4.9rem;
}
section.sec_living ul > li dl dd > span > span.mini {
  font-size: 2rem;
}
@media screen and (max-width: 950px) {
  section.sec_living ul > li p {
    font-size: 1.4vw;
  }
  section.sec_living ul > li dl dt {
    font-size: 2vw;
  }
  section.sec_living ul > li dl dd {
    font-size: 6.4vw;
  }
  section.sec_living ul > li dl dd > span > span {
    font-size: 4.9vw;
  }
}
@media screen and (max-width: 767px) {
  section.sec_living ul {
    display: block;
  }
  section.sec_living ul > li {
    width: auto;
    position: static;
    padding-bottom: 50px;
  }
  section.sec_living ul > li + li {
    margin-top: 24px;
  }
  section.sec_living ul > li p {
    font-size: 16px;
  }
  section.sec_living ul > li dl.mt {
    margin-top: 16px;
  }
  section.sec_living ul > li dl dt {
    font-size: 20px;
  }
  section.sec_living ul > li dl dd {
    font-size: 60px;
    position: static;
    transform: none;
    margin-top: 10px;
  }
  section.sec_living ul > li dl dd > span > span {
    font-size: 35px;
  }
  section.sec_living ul > li dl dd > span > span.mini {
    font-size: 2rem;
    padding-right: 5px;
  }
}



/*==============================*/
/*  global */
/*==============================*/
section.sec_global .fig01 {
  text-align: center;
  margin-top: 38px;
}
section.sec_global .fig01 img {
  width: auto;
  max-width: 100%;
}
section.sec_global .dl01 {
  text-align: center;
  margin-top: -42px;
  font-weight: bold;
  line-height: 1;
}
section.sec_global .dl01 dt {
  font-size: 1.9rem;
}
section.sec_global .dl01 dd span {
  display: block;
}
section.sec_global .dl01 dd span:nth-of-type(1) {
  font-size: 9.5rem;
  color: #00479d;
}
section.sec_global .dl01 dd span:nth-of-type(2) {
  font-size: 1.9rem;
  margin-top: 6px;
}
section.sec_global ul {
  margin-top: 52px;
}
@media screen and (max-width: 767px) {
  section.sec_global .dl01 {
    margin-top: 16px;
  }
  section.sec_global .dl01 dt {
    font-size: 20px;
  }
  section.sec_global .dl01 dd span:nth-of-type(1) {
    font-size: 60px;
  }
  section.sec_global .dl01 dd span:nth-of-type(2) {
    font-size: 20px;
  }
}



/*==============================*/
/*  fromnowon */
/*==============================*/
section.sec_fromnowon .hl02 {
  margin-top: 50px;
  font-size: 2.2rem;
  font-weight: bold;
}
section.sec_fromnowon .ul01 + .hl02 {
  margin-top: 38px;
}
section.sec_fromnowon .ul01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 38px
}
section.sec_fromnowon .ul01 > li {
  position: relative;
  width: 48%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 2px rgba(127,127,127,.2);
  padding: 54px 38px;
  display: flex;
  align-items: center;
}
section.sec_fromnowon .ul01 > li:nth-of-type(n+3) {
  margin-top: 38px;
}
section.sec_fromnowon .ul01 > li .li_in {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.sec_fromnowon .ul01 > li .text {
  font-weight: bold;
}
section.sec_fromnowon .ul01 > li .text dl dt {
  font-size: 1.9rem;
}
section.sec_fromnowon .ul01 > li .text dl dd {
  line-height: 1;
  color: #e60021;
  margin-top: 5px;
}
section.sec_fromnowon .ul01 > li .text dl dd > span {
  font-size: 5.2rem;
}
section.sec_fromnowon .ul01 > li .text dl dd > .mini02 {
  font-size: 2.6rem;
}
section.sec_fromnowon .ul01 > li .text dl dd > .mini {
  padding-top: 10px;
  font-size: 1.5rem;
  display: block;
}
section.sec_fromnowon .ul01 > li .text dl dt.pc_nowrap {
  white-space: nowrap;
}
section.sec_fromnowon .ul01 > li .text .note {
  font-size: 1.3rem;
  color: #e60021;
  margin-top: 6px;
}
section.sec_fromnowon .ul01 > li figure {
  flex: 1;
  text-align: right;
  margin-left: 30px;
}
section.sec_fromnowon .ul01 > li figure img {
  width: auto;
  height: auto;
  max-width: 142px;
  max-height: 142px;
}
section.sec_fromnowon .ul02 {
  margin-top: 38px;
  display: flex;
  justify-content: space-between;
}
section.sec_fromnowon .ul02 > li {
  width: 30%;
}
section.sec_fromnowon .ul02 > li figure {
  text-align: center;
}
section.sec_fromnowon .ul02 > li figure img {
  width: auto;
  max-width: 100%;
}
section.sec_fromnowon .ft {
  margin-top: 78px;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
}
section.sec_fromnowon .ft span {
  color: #00479d;
}
section.sec_fromnowon .ul03 {
  font-size: 0;
  line-height: 0;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.sec_fromnowon .ul03 > li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
section.sec_fromnowon .ul03 > li + li {
  margin-left: 36px;
}
section.sec_fromnowon .ul03 > li:nth-of-type(1) {
  background-color: #74aa50;
}
section.sec_fromnowon .ul03 > li:nth-of-type(2) {
  background-color: #af95d3;
}
section.sec_fromnowon .ul03 > li:nth-of-type(3) {
  background-color: #407ec9;
}
section.sec_fromnowon .ul03 > li:nth-of-type(4) {
  background-color: #f19759;
}
section.sec_fromnowon .ul03 > li:nth-of-type(5) {
  background-color: #ff8181;
}
@media screen and (max-width: 950px) {
  section.sec_fromnowon .ul01 > li .text dl dt {
    font-size: 2vw;
  }
  section.sec_fromnowon .ul01 > li .text dl dd {
    font-size: 5.2vw;
  }
  section.sec_fromnowon .ul01 > li .text dl dd > span {
    font-size: 2.6vw;
  }
  section.sec_fromnowon .ul01 > li .text .note {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 767px) {
  section.sec_fromnowon .hl02 {
    font-size: 20px;
  }
  section.sec_fromnowon .ul01 {
    display: block;
  }
  section.sec_fromnowon .ul01 > li {
    width: auto;
    padding: 40px 24px;
    display: block;
  }
  section.sec_fromnowon .ul01 > li + li,
  section.sec_fromnowon .ul01 > li:nth-of-type(n+3) {
    margin-top: 24px;
  }
  section.sec_fromnowon .ul01 > li .li_in {
    width: auto;
    display: block;
  }
  section.sec_fromnowon .ul01 > li .text dl dt {
    font-size: 20px;
  }
  section.sec_fromnowon .ul01 > li .text dl dd {
    margin-top: 10px;
  }
  section.sec_fromnowon .ul01 > li .text dl dd > span {
    font-size: 52px;
  }
  section.sec_fromnowon .ul01 > li .text .note {
    font-size: 14px;
  }
  section.sec_fromnowon .ul01 > li figure {
    text-align: right;
    margin-left: 0;
    margin-top: 24px;
  }
  section.sec_fromnowon .ul02 {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  section.sec_fromnowon .ul02 > li {
    width: calc(50% - 8px);
  }
  section.sec_fromnowon .ul02 > li:nth-of-type(n+3) {
    margin-top: 16px;
  }
  section.sec_fromnowon .ft {
    font-size: 18px;
  }
  section.sec_fromnowon .ul01 > li .text dl dt.pc_nowrap {
    white-space: normal;
  }
}



/*==============================*/
/*  footer */
/*==============================*/
footer {
  position: relative;
  background: url(/ir/stock/glance/img/ft_bg01.jpg) no-repeat center / cover;
  padding-bottom: 152px;
}
footer .footer_in {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
footer .btn_pagetop {
  position: relative;
  font-size: 0;
  line-height: 0;
  width: 98px;
  height: 98px;
  border: 4px solid #00479d;
  border-radius: 50%;
  background-color: #fff;
  margin-left: auto;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: 8px 8px 0 0 rgba(118,118,118,.1);
}
footer .btn_pagetop::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin-left: -13px;
  margin-top: -10px;
  border-right: 7px solid #00479d;
  border-top: 7px solid #00479d;
  transform: rotate(-45deg);
  transition: margin-top .3s ease-out;
}
footer .btn_pagetop:hover::after {
  margin-top: -15px;
}
footer p {
  margin-top: 30px;
  text-align: center;
  font-size: 1.4rem;
  color: #262626;
  padding: 0 12px;
}
@media screen and (max-width: 767px) {
  footer {
    padding-bottom: 100px;
  }
  footer .btn_pagetop {
    width: 64px;
    height: 64px;
    margin-right: 24px;
  }
  footer .btn_pagetop::after {
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -5px;
    border-right: 5px solid #00479d;
    border-top: 5px solid #00479d;
  }
  footer p {
    margin-top: 20px;
    font-size: 14PX;
  }
}



/*==============================*/
/* module */
/*==============================*/
.is_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .is_pc {
    display: none;
  }
  .is_sp {
    display: block;
  }
  .is_sp.inline {
    display: inline;
  }
}