@charset "UTF-8";


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
  color: #fff;
  text-decoration: none;
}
a {
  display: inline-block;
  transition: .7s;
}
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;
}
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
ol, ul {
  list-style: none;
  list-style-type: none;

  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;  
}
img {
  max-width: 100%;
-webkit-backface-visibility: hidden;
}
sup {
  font-size: 12px;
  vertical-align: top;
}
html {
  font-size: 62.5%;
}

body {
  font-family:"Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 800;
  padding: 0;
  color: #19324b;
  background-color: #fff;
  line-height: 1.3;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.en {
  font-family:"Arial",sans-serif;
}
.sp {
  display: none;
}
.wrap {
  max-width:980px;
  margin: 0 auto;
}
.caption {
  font-size: 12px;
  margin-top: 5px;
}
.fontSize--01 {
  font-size: 20px;
}
.fontSize--02 {
  font-size: 28px;
}
.fontSize--03 {
  font-size: 38px;
}
.fontSize--04 {
  font-size: 48px;
}
.fontSize--05 {
  font-size: 55px;
}
.color-yellow {
  color: #e7ff00 !important;
}
.color-blue {
  color: #19324b !important;
}
.color-pink {
  color: #e76aa3;
}
.color-white {
  color: #fff;
}
.bg-blue {
  background-color:#19324b;
  color: #fff;
}
.bg-lightblue {
  background-color:#96afc8;
  color: #fff;
}
.bg-yellow {
  background-color: #e7ff00;
  color: #19324b;
}
.bg-white {
  background-color: #fff;
}
.waku {
  width: 75%;
  display: inline-block;
  padding: 30px 40px;
}
@media screen and (max-width: 1024px) {
  .wrap {
    max-width:100%;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  .fontSize--01 {
    font-size: 16px;
  }
  .fontSize--02 {
    font-size: 20px;
  }
  .fontSize--03 {
    font-size: 22px;
  }
  .fontSize--04 {
    font-size: 24px;
  }
  .fontSize--05 {
    font-size: 30px;
  }
  .waku {
    width: 100%;
    padding: 20px 30px;
  }
}



/*------------------------------------------
アニメーション
------------------------------------------*/
.anim--01,
.anim--02,
.anim--03,
.anim--04,
.anim--05,
.anim--06,
.anim--07,
.anim--08,
.anim--09,
.anim--10,
.anim--11,
.anim--12,
.anim--13,
.anim--14,
.anim--15,
.anim--16 {
  display: block;
  transform: translateY(1em);
  opacity: 0;
  transition: 1s;
}
.anim--01.is-active,
.anim--02.is-active,
.anim--03.is-active,
.anim--04.is-active,
.anim--05.is-active,
.anim--06.is-active,
.anim--07.is-active,
.anim--08.is-active,
.anim--09.is-active,
.anim--10.is-active,
.anim--11.is-active,
.anim--12.is-active,
.anim--13.is-active,
.anim--14.is-active,
.anim--15.is-active,
.anim--16.is-active {
  transform: translateY(0);
  opacity: 1;
}

/*-----------------------------------------
spscroll
-------------------------------------------*/
.spscroll {
  position: relative;
}
.icon-scroll {
  display: none;
}
@media screen and (max-width: 767px) {
  .icon-scroll{
    display: block;
    width: 40px;  
    position: -webkit-sticky;
    position: sticky;
    left: 10px;
    top: -15px;
  }
  .icon-scroll img {
    width: 100% !important;
  }
}
/*------------------------------------------
cvBtn
------------------------------------------*/
.cvBtn {
  margin-top: 50px;
}
.cvBtn ul li {
  width: 300px;
  font-size: 20px;
}
.cvBtn ul li:last-child{
  margin-left: 20px;
}
.cvBtn ul li a {
  width: 100%;
  background-color: rgba(231,106,163,1);
  border-radius: 40px;
  padding:20px 0;
  box-sizing: border-box;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  animation: .3s;
}
.cvBtn ul li a:hover {
  background-color: rgba(231,106,163,.6);  
}
.cvBtn ul li span {
  padding-left: 25px;
  background-image: url(img/icon-cv.svg);
  background-size: 20px;
  background-repeat:no-repeat;
  background-position:left;
}
@media screen and (max-width: 767px) {
  .cvBtn {
    margin: 40px auto 0;
  }
  .cvBtn ul li {
    width: 49%;
    font-size: 14px;
  }
  .cvBtn ul li:last-child{
    margin-left: 2%;
  }
  .cvBtn ul li span {
    background-size: 15px;
  }
}


/*------------------------------------------
header
------------------------------------------*/
#header {
}
#header #hdr__sankaku {
  border-bottom: 155px solid transparent;
  border-left: 55vw solid #e7ff00;
}
#header #hdr__logo {
  width: 284px;
  position: absolute;
  right: 30px;
  top: 30px;
}

@media screen and (max-width: 767px) {
  #header {
  }
  #header #hdr__sankaku {
    border-bottom: 50px solid transparent;
    border-left: 55vw solid #e7ff00;
  }
  #header #hdr__logo {
    width: 40%;
    right: 10px;
    top: 10px;
  }
}


/*------------------------------------------
mainVisual
------------------------------------------*/
.mainVisual {
  background-image: url(img/img-mv.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.mv__sankaku {  
  border-top: 100px solid transparent;
  border-left: 100vw solid #fff;
}
.mv__catch {
}
/*mv__txtBox*/
.mv__txtBox {
  margin-top: 20px;
}
.mv__txtBox ul li {
  font-size: 90px;
  line-height: 1;
  margin-right: 10px;
}
.mv__txtBox ul li:nth-child(5) {
  margin-right: : 0;
}
.mv__txtBox ul li.mv__txtBox__sub {
  font-size: 28px;
  writing-mode: vertical-rl;
  letter-spacing: .05em;
  color: rgba(255,255,255,.8);
  transform: translateY(.2em);
}
.mv__txtBox ul li.mv__txtBox__icon--down{  
  width: 70px;
}
.mv__txtBox ul li.mv__txtBox__icon--equal{  
  width: 50px;
  transform: translateY(-.15em);
}
.mv__txtBox ul li.mv__txtBox__icon--up{  
  width: 70px;
}
/*mv__countBox*/
.mv__countBox{
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.countAnim--chart {
  width: 320px;
  height: 320px;
}
.doughnutSummary {
  display: none;
}
.countAnim--number {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-size: 60px;
  margin-left: 100px;
}
.countAnim--number .count {
  font-size: 400px;
  transform: translateY(0.05em);
}

/*mv__txtBox__tag*/
.mv__txtBox__tag {
  margin-top: 50px;
}
.mv__txtBox__tag ul {
}
.mv__txtBox__tag ul li {
  font-size: 16px;
  background-color: rgba(25,59,75,.8);
  padding:7px 15px 5px;
  border-radius: 5px;
}
.mv__txtBox__tag ul li:nth-child(n+2) {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .mainVisual {
    background-position: left top;
  }
  .mv__sankaku {  
    border-top: 65px solid transparent;
  }
  .mv__catch {
    margin-top: 20px;
  }
  .mvBox {
    margin: 0;
  }
  .mv__txtBox ul li {
    font-size: 32px;
    margin-right: 5px;
  }
  .mv__txtBox ul li.mv__txtBox__sub {
    font-size: 14px;
  }
  .mv__txtBox ul li.mv__txtBox__icon--down{  
    width: 26px;
  }
  .mv__txtBox ul li.mv__txtBox__icon--equal{  
    width: 18px;
  }
  .mv__txtBox ul li.mv__txtBox__icon--up{  
    width: 26px;
  }
  /*mv__countBox*/
  .mv__countBox {
    width: 100%;
  }
  .countAnim--chart {
    width: 137px;
    height: 137px;
  }
  .countAnim--number {
    font-size: 40px;
    margin-left: 20px;
  }
  .countAnim--number .count {
    font-size: 160px;
  }
  .mv__txtBox__tag {
    margin-top: 20px;
  }
  .mv__txtBox__tag ul li {
    width: 49%;
    font-size: 12px;
  }
  .mv__txtBox__tag ul li:nth-child(n+2) {
    margin-left: 0;
  }
  .mv__txtBox__tag ul li:nth-child(2n) {
    margin-left: 2%;
  }
  .mv__txtBox__tag ul li:nth-child(n+3) {
    margin-top: 5px;
  }
  .mv__txtBox__tag ul li:nth-child(5) {
    width: 100%;
  }


}


/*------------------------------------------
contentArea
------------------------------------------*/
.contentArea {
  padding-top: 50px;
  text-align: center;
  position: relative;
  z-index: 2;  
}
.contentArea section {
  padding-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contentArea {
    padding-top: 25px;
  }
  .contentArea section {
    padding-bottom: 60px;
  }
}

/*------------------------------------------
共通要素
------------------------------------------*/
/*sectionTtl--english*/
.sectionTtl--english {
  font-family:"Arial",sans-serif;
  color: rgba(150,175,200,1);
  font-size: 200px;
  writing-mode: vertical-rl;
  letter-spacing: .01em;
  line-height: 1;
  transform: translateY(.2em) translateX(-.2em);
  position: absolute;
  left: 0
  top: 0;
}
.bg-blue .sectionTtl--english {
  color: rgba(150,175,200,.2);  
}
.bg-lightblue .sectionTtl--english {
  color:#e7ff00;  
}
/*sectionTtl*/
.sectionTtl {
  background-color:#fff;
  text-align: left;
  font-size: 14px;
  border-top: solid 1px #19324b;
  border-bottom: solid 1px #19324b;
  margin-bottom: 100px;
  position: relative;
  z-index: 2;
}
.sectionTtl p {
  display: inline-block;
  padding:15px 30px 15px 20px;
  border-left: solid 10px #e7ff00;
  border-right: solid 1px #19324b;
}
.sectionTtl p .sectionTtl__en {
  display: block;
  letter-spacing: .1em;
}
/*bg-blue用*/
.bg-blue .sectionTtl {
  background-color:#19324b;
  border-top: solid 1px #e7ff00;
  border-bottom: solid 1px #e7ff00;
}
.bg-blue .sectionTtl p {
  border-left: solid 10px #e7ff00;
  border-right: solid 1px #e7ff00;
}
/*bg-lightblue用*/
.bg-lightblue .sectionTtl {
  background-color:#96afc8;
}
@media screen and (max-width: 767px) {
  /*sectionTtl--english*/
  .sectionTtl--english {
    display: none;
  }
  /*sectionTtl*/
  .sectionTtl {
    font-size: 12px;
    margin-bottom: 60px;
  }
  .sectionTtl p,
  .bg-blue .sectionTtl p {
    border-right: none;
  }
}

/*------------------------------------------
suggestionArea
------------------------------------------*/
#suggestionArea {
  position: relative;
}
#suggestionArea:before {
  content: '';
  width: 100%;
  height: 100%;
  border-top: 240vh solid transparent;
  border-right: 100vw solid #e7ff00;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.suggestionArea__ttl {
}
.suggestionArea__txt01 {
  margin: 50px 0 80px;
  position: relative;
}
.suggestionArea__txt01:after {
  content: '▼';
  font-size: 36px;
  color: #e76aa3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.5em;
  margin:0 auto;
  transform: scale(1, 0.8);
}
.suggestionArea__txt02 {
}
.suggestionArea__img {
  margin: 50px 0 80px;
}
/*sugge__stepBox*/
.sugge__stepBox {
  margin: 30px auto 80px;
}
.sugge__stepBox__step:nth-child(n+2) {
  margin-top: 50px;
}
.sugge__stepBox__step--01,
.sugge__stepBox__step--02 {
  border: solid 2px #19324b;
  position: relative;
}
.sugge__stepBox__step--01:after ,
.sugge__stepBox__step--02:after {
  content: '▼';
  font-size: 36px;
  color: #19324b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.5em;
  margin:0 auto;
  transform: scale(1, 0.8);
}

.suggestionArea__txt03 {
}
.suggestionArea__txt04 {
  padding: 20px 30px;
 }
@media screen and (max-width: 767px) {
  .suggestionArea__img {
    overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  }
  .suggestionArea__img img {
    width: 200%;
    max-width: 200%;
  }
}

/*------------------------------------------
functionArea
------------------------------------------*/
#functionArea {}
.functionArea__ttl {
}
.functionArea__txt01 {
}
.functionArea__txt02 {
  border: solid 1px #e7ff00;
  padding:20px 30px;
  margin-top: 140px;
  position: relative;
}

.functionArea__txt02:after {
  content: '';
  background-image: url(img/icon-next.svg);
  background-repeat: no-repeat;
  background-size: auto 60px;
  width: 100%;
  height: 100px;
  background-position: center top;
  position: absolute;
  left: 0;
  right: 0;
  top: -2.5em;
  margin:0 auto;
}
.functionArea__txt03 {
  margin-top: 80px;
}
/*func__phaseBox*/
.func__phaseBox {
  margin-top: 60px;
}
.func__phaseBox .func__phaseBox__ttl {
  color: #19324b;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.func__phaseBox .func__phaseBox__ttl:before,
.func__phaseBox .func__phaseBox__ttl:after {
  content: "";
  flex-grow: 1;
  height: 1px; /* 線の太さを変えたいときはここを変える */
  background: #fff; /* 線の色を変えたいときはここを変える */
  margin:0; /* 文字と線の余白用 なくても良い */
  display: block;
}
.func__phaseBox .func__phaseBox__ttl span {
  background-color: #fff;
  display: inline-block;
  padding:10px 25px;
}
.func__phaseBox ul {
  justify-content: space-between;
  align-items: flex-start;
}
.func__phaseBox ul li {
  width: 30%;
}
.func__phaseBox .phaseBox__list__ttl {
  color: #e7ff00;
}
.func__phaseBox .phaseBox__list__img {
  margin: 20px auto;
}
.func__phaseBox .phaseBox__list__subttl {
  color: #e7ff00;
}
.func__phaseBox .phaseBox__list__txt {
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
}
/*func__benefitBox*/
.func__benefitBox {
  margin-top: 50px;
}
.func__benefitBox .func__benefitBox__list { 
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #e7ff00;
  position: relative;
}
.func__benefitBox .func__benefitBox__list:nth-child(n+2) {
  margin-top: 20px;
}
.func__benefitBox .func__benefitBox__list .beneList__en {
  color: #19324b;
  font-size: 80px;
  writing-mode: vertical-rl;
  letter-spacing: -.05em;
  line-height: 1;
  transform: translateY(-.1em) translateX(-.2em);
  position: absolute;
  left: 0;
  top: 0;
}
.func__benefitBox .func__benefitBox__list .beneList__icon {
  width: 13%;
  line-height: 1;
  transform: translateY(2px);
  margin-left: 4em;

}
.func__benefitBox .func__benefitBox__list .beneList__txt {
  color: #19324b;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .functionArea__txt02:after {
    top: -4.5em;
  }
  .func__phaseBox ul li {
    width: 100%;
  }
  .func__phaseBox ul li:nth-child(n+2) {
    margin-top: 40px;
  }
  .func__phaseBox .phaseBox__list__img {
    width: 80%;
  }
  .func__benefitBox .func__benefitBox__list {
    padding: 20px;
  }
  .func__benefitBox .func__benefitBox__list .beneList__en {
    display: none;
  }
  .func__benefitBox .func__benefitBox__list .beneList__icon {
    width: 100%;
    margin-left: 0;
  }
  .func__benefitBox .func__benefitBox__list .beneList__icon img {
    width: 30%;
  }
  .func__benefitBox .func__benefitBox__list .beneList__txt {
    width: 100%;
    margin: 10px 0 0 0;
  }
}

/*------------------------------------------
featureArea
------------------------------------------*/
/*feature__selectionBox*/
.feature__selectionBox {
  padding: 50px;
}
.featureArea__ttl {
  margin-bottom: 30px;

}
.feature__selectionBox table {
  width: 100%;
}
.feature__selectionBox table th {
  background-color: #19324b;
  color: #fff;
  padding:10px;
}
.feature__selectionBox table td {
  background-color: #fff;
  padding:10px;
}
/*feature__actingBox*/
.feature__actingBox {
  margin-top: 80px;
}
.actingBox__list {
  width: 84%;
  margin:0 auto;
  justify-content: space-between;
  align-items: flex-start;
}
.actingBox__list li {
  width: 25%;
}
.actingBox__list .actingBox__list__img {
}
.actingBox__list .actingBox__list__txt {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .feature__selectionBox {
    padding: 30px 20px;
  }
  .featureArea__ttl {
    margin-bottom: 20px;
  }
  .feature__selectionBox table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .actingBox__list {
    width: 100%;
    justify-content: center;
  }
  .actingBox__list li {
    width: 45%;
  }
  .actingBox__list li:nth-child(2) {
    margin-left: 10%;
  }
  .actingBox__list li:nth-child(n+3) {
    margin-top: 30px;
  }
}

/*------------------------------------------
archiveArea
------------------------------------------*/
.archiveArea__ttl {
  margin-bottom: 30px;
}
.archiveArea__ttl.is-active {}
.archiveArea__img {
}
.archive__txt02 {
  margin-top: 50px;
}
.archive__txt02 ul {
  align-items: flex-end;
  line-height: 1;
}
.archive__txt02 ul li:last-child {
  margin-left: 10px;
}
.archive__txt02 ul li strong {
  font-size: 90px;
}
.archive__txt02 ul li img {
  width: 70px;
}
@media screen and (max-width: 767px) {
  .archiveArea__img {
    overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
  .archiveArea__img img {
    width: 200%;
    max-width: 200%;
  }
  .archive__txt02 ul li strong {
    font-size: 50px;
  }
  .archive__txt02 ul li img {
    width: auto;
    height: 1.5em;
  }
}

/*------------------------------------------
priceArea
------------------------------------------*/
.priceArea__ttl {
  margin-bottom: 30px;
}
.priceArea__planBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.priceArea__planBox .priceArea__planBox__type {
  width: 49.8%;
  background-color: #324b64;
}
.planType__ttl {
  border-bottom: solid 3px #19324b;
  padding: 20px;
}
.planType__ttl strong {
  margin-left: 0.5em;
}
.planType__details__txt {
  margin-top: 30px;
}
.planType__details {
  margin-top: 2px;
  padding: 20px;
}
.planType__details__list {
  justify-content: space-between;
  margin-top: 20px;
}
.planType__details__list li {
  width: 49%;
  border-radius: 5px;
  padding: 10px;
}
.planType__details__list--01 li {
  background-color: #fff;
  color: #19324b;
}
.planType__details__list--02 li {
  background-color: #19324b;
  color:#e6ff00;
  text-align: left;
  display: flex;
  align-items: center;
}
.planType__details__list--02 li:nth-child(n+3) {
  margin-top: 10px;
}
.planType__details__list--02 li img {
  width: 25%;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .priceArea__planBox .priceArea__planBox__type {
    width: 100%;
  }
  .priceArea__planBox .priceArea__planBox__type.priceArea__planBox__type--total {
    margin-top: 3px;
  }
  .planType__ttl strong {
    margin-left: 0;
  }
  .planType__details__list li {
    width: 100%;
  }
  .planType__details__list li:nth-child(n+2) {
    margin-top: 5px;
  }
}

/*------------------------------------------
consultationArea
------------------------------------------*/
#consultationArea{
  padding-top: 100px;
  position: relative;
}
#consultationArea:before {
  content: '';
  width: 100%;
  height: 100%;
  border-top: 100vh solid transparent;
  border-right: 70vw solid #e7ff00;
  position: absolute;
  right: 0;
  top: -20%;
  z-index: -1;
}
.consultationArea__txt01 {
  margin-top: 20px;
}
.consul__supportBox {
  margin-top: 60px;
  position: relative;
}
.consul__supportBox:after {
  content: '▼';
  font-size: 36px;
  color: #e76aa3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.5em;
  margin:0 auto;
  transform: scale(1, 0.8);
}
.consul__supportBox ul li.waku {
  width: 40%;
  border:solid 2px #19324b;
  padding: 20px 0;
  margin: 0 1%;
}
.consultationArea__txt02 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  #consultationArea{
    padding-top: 60px;
  }
  .consul__supportBox ul li.waku {
    width: 100%;
    margin: 5px 0;
  }
}
/*------------------------------------------
faqArea
------------------------------------------*/
.faq__qaBox {
  text-align: left;
}
.faq__qaBox:nth-child(n+2) {
  margin-top: 30px;
}
.faq__qaBox .faq__qaBox__no {
  font-size: 40px;
  transform: translateY(0.35em);
}
.faq__qaBox .faq__qaBox__question {
  background-color:#19324b;
  color: #fff;
  padding: 20px 30px;
}
.faq__qaBox .faq__qaBox__answer {
  background-color: #e6ff00;
  padding: 20px 30px;
}
@media screen and (max-width: 767px) {}


/*------------------------------------------
footer
------------------------------------------*/
#footer {
  padding: 30px 0;
}
#footer ul {
  justify-content: flex-start;
}
.ftr__logo {
  width: 200px;
}
.ftr__logo a {
  display: block;
}
.ftr__contact {
  padding-left: 25px;
  background-image: url(img/icon-cv.svg);
  background-size: 20px;
  background-repeat:no-repeat;
  background-position:left;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  #footer {
  }
  #footer ul {
    justify-content: center;
  }
  .ftr__logo {
    width: 100%;
  }
  .ftr__logo img {
    width: 40%;
  }
  .ftr__contact {
    background-size: 15px;
    margin: 20px 0 0 0;
  }
}


/*------------------------------------------
pagetop
------------------------------------------*/
#pagetop{
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 3;
}
#pagetop a{
    display: block;
    font-size: 23px;
    text-align: center;
    background-color: #fff;
    color: #19324b;
    padding: 7px;
    line-height: 1;
}
#pagetop span {
  display: block;
  font-size: 10px;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
#pagetop{
    right: 15px;
    bottom: 15px;
}
#pagetop a{
    font-size: 20px;
}
#pagetop span {
}
}