@charset "utf-8";
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
body {
  /* font-family: 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif, arial; */
  font-family: 'Microsoft YaHei', sans-serif, arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,p {margin: 0;}
dl,dd,dt,ol,ul,li {list-style: none;}
del,ins {text-decoration: none;}
img {vertical-align: bottom;}

/* ----------------------

      Header,Footer

------------------------- */
header#globalHeader {border-bottom: 1px solid #e7e7e7;}
header#globalHeader .headerWrap {max-width: 1200px;}
header#globalHeader #hGlobalNav .wrapper ul {overflow:hidden;}
header#globalHeader img {max-width: 100%;}
footer nav#footerNav {max-width: 1200px;}
/* #misc */
aside#misc > .content {width: 90%; margin: 0 auto; max-width: 1200px;}
#misc {padding: 15px 0; background: #ebebeb;}
#misc:after,
#misc ul:after {content: ''; display: block; clear: both;}
#misc ul {float: left; margin: 0; padding: 0; list-style: none;}
#misc li {float: left; margin-right: 10px;}
#misc a {display: block;}
#misc a img {height: 25px; width: auto;}
#misc .passport {float: right;}
#misc .passport a img {height: 25px; padding-left: 10px; width: auto;}
#misc .youtube a img {height: 21px; margin-top: 2px;}
@media screen and (max-width: 480px){
  #misc .youtube a img {height: 20px; margin-top: 0;}
}
@media screen and (max-width: 360px){
  #misc a img {height: 20px; width: auto;}
  #misc .passport a img {height: 20px; padding-left: 10px; width: auto;}
}

/*
  utility
*/

.ut-in-block {display: inline-block;}

@media (min-width: 768px) {
  /* PC */
  .sp-only {
    display: none;
  }
}
@media (max-width: 767px) {
  /* SP */
  .pc-only {
    display: none;
  }
}


/* MUJIPASSPORT link
----------------------- */
.l-bnr-img {
  position: relative;
}
.l-bnr-link-wrap {
  position: absolute;
  
  display: flex;
  justify-content: space-between;
}
.l-bnr-link__item {
  text-align: center;
}
.l-bnr-link__item img {
  max-width: 100%;
}
.bnr-logo-img {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  /* PC */
  .l-bnr__area {
    padding: 120px 0;
  }
  .l-bnr-link-wrap {
    top: 11.25%;
    right: 5%;
    width: 45%;
    max-width: 450px;
  }
  .l-bnr-link__item {
    width: 45%;
    max-width: 200px;
  }
  .bnr-qr-img {
    margin-bottom: 10px;
  }
  .bnr-logo-img {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  /* SP */
  .l-bnr__area {
    padding: 24vw 0;
  }
  .l-bnr-link-wrap {
    width: 85%;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
  }
  .l-bnr-link__item {
    width: 45%;
  }
  .bnr-qr-img {
    margin-bottom: 2%;
  }
  .bnr-logo-img {
    width: 60%;
  }
}
/* bnr
----------------------- */
.l-bnr__area {border-top: 1px solid #d9d9d9;}
.l-bnr {
  max-width: 1120px;
  padding: 0 60px;
  margin-left: auto;
  margin-right: auto;
}
.l-bnr-img {width: 100%;}
.l-bnr-img img {width: 100%;}
/* SP */
@media screen and (max-width: 767px){
  .l-bnr {
    padding: 0;
    max-width: 80%;
  }
  .l-bnr-img {width: 100%;margin-left: 0;}
  .md-link-btn {margin-bottom: 8vw;}
  .md-link-btn a {font-size: 3.733vw;width: 100%;}
}


/*
  letter content
*/
.lcontent {
  max-width: 640px;
  width: 100%;
  padding: 50px 0 0;
  margin: 0 auto;
}
#lcontent__title {
  text-align: center;
  margin-bottom: 50px;
}
#kv-wrap {
  text-align: center;
}
#kv-wrap img {
  max-width: 100%;
}
.l-article {
  padding: 120px 75px 150px;
  box-sizing: border-box;
}
.l-article+.l-article {
  padding-top: 0;
}
.l-head {
  margin-bottom: 60px;
}
.l-head_img{
  width: 100%;
}
.l-desc {
  margin-bottom: 80px;
  line-height: 1.875;
}
.l-thumb-wrap {
  text-align: center;
}
.l-thumb-wrap img {
  max-width: 100%;
}

#letter .link{
  display: block;
}
/*#letter .link:hover {
  opacity: 0.7;
}
*/

.item_title-wrap{
  margin-bottom: 20px;
}

.item_title-wrap{
/*  text-align: center;*/
  line-height: 30px;
  display: flex;
  justify-content: center;
}

.item_title{
  display: block;
}

.item_text{
  font-size: 14px;
  margin-top: 10px; 
  text-align: center ;
}


@media (max-width: 767px) {
  /* SP */

  .lcontent {
    padding: 55px 0 0;
  }
  #lcontent__title {
    margin-bottom: 52px;
  }
  .l-article {
    padding: 80px 45px 108px;
    box-sizing: border-box;
  }

/*
.item_title-wrap{
  margin-right: 18px;
  margin-left: 28px;
}
.item_title{
  text-align: left;
}*/

.item_text{
  margin-top: 10px; 
}



}





#fin {
  text-align: center;
}
#fin > img {
  max-width: 100%;
}
#next-wrap {
  text-align: center;
}
#next-wrap > img {
  max-width: 100%;
  width: 150px;
}
@media (min-width: 768px) {
  /* PC */
  #fin {
    width: 228px;
    margin: 0 auto 160px;
  }
  #next-wrap {
    padding: 80px 0;
    width: 490px;
    margin: 0 auto 154px;
    border: solid 1px #c6c6c6;
  }
}
@media (max-width: 767px) {
  /* SP */
  #kv-wrap {
    padding: 0 15px;
  }
  #fin {
    padding: 48px 45px 180px;
  }
  #fin > img {
    width: 190px;
    margin: 0 auto;
  }
  #next-wrap {
    margin-bottom: 120px;
    padding: 0 45px;
  }
  #next {
    padding: 72px 0;
    border: solid 1px #c6c6c6;
  }
  #next > img {
    max-width: 100%;
    width: 100px;
  }
}


  /* links__area */
#links__area{
  margin-bottom: 200px;
}

#links__area_title {
  margin: 0 auto 80px;
  text-align: center;
} 

#links__area_item {
  margin: 0 auto 80px;
  padding: 0 75px;
}

@media (max-width: 767px) {
  /* SP */
  #links__area{
    margin-bottom: 150px;
  }
  #links__area_title {
    margin: 0 auto 50px;
  } 
  #links__area_item {
    margin: 0 auto 40px;
    padding: 0 45px;
  }
  #links__area_title  img{
    width: 120px;
  }
}

#links__box{
  display:flex;
}
#links__box:hover {
  opacity: 0.7;
}
.links__txt {
  display: inline-block;
  padding-left:10px;
  align-self: center;
}

@media (max-width: 767px) {
  /* SP */
  .links__area{
    padding: 0px 45px 180px;
  }


  .links__txt {
    font-size: 14px; 
  }
}

@media (max-width: 767px) {
  /* SP */
  .SP_small{
    width: 50% !important;
  }
}