@charset "UTF-8";
/***** -- Foundation -- *****/
/* --- ow --- */


/***** -- Layout  -- *****/
/* --- ow --- */


/***** -- Component  -- *****/
/* heading */
/* 01 */
.c-heading--01 {
  color: #0f2960;
  margin-bottom: 50px;
}
.c-heading--01::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  transform: translate(0,-50%);
  background-color: #c9cbe0;
  z-index: -1;
  content: '';
}
.c-heading--01 > * {}
.c-heading--01 > *:nth-child(1) {
  font-size: 180%;
  line-height: 1.2;
  letter-spacing: 3px;
  padding-right: 2rem;
  background-color: #fff;
}
.c-heading--01 > *:nth-child(2) {
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 80%;
  letter-spacing: 1px;
}
.l-wrap.is-type02 .c-heading--01 > *:nth-child(1) {background-color: #f2f4fe;}

/* 02 */
.c-heading--02 {
  color: #0f2960;
  letter-spacing: -.40em;
}
.c-heading--02 > * {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  letter-spacing: normal;
}
.c-heading--02 > *:nth-child(1) {
  font-size: 180%;
  letter-spacing: 2px;
}
.c-heading--02 > *:nth-child(2) {
  font-size: 100%;
  letter-spacing: 1px;
  padding-left: 30px;
}
.c-heading--02 > *:nth-child(2)::before {
  position: absolute;
  left: 15px;
  top: 50%;
  width: 1px;
  height: 50%;
  background-color: #0f2960;
  transform: translate(0,-50%);
  content: '';
}

/* 03 */
.c-heading--03 {
  color: #0f2960;
  text-align: center;
}
.c-heading--03 > * {
  display: inline-block;
  position: relative;
}
.c-heading--03 > *:nth-child(1) {
  width: 100%;
  font-size: 180%;
  letter-spacing: 2px;
}
.c-heading--03 > *:nth-child(2) {
  font-size: 80%;
  letter-spacing: 1px;
  padding-top: 10px;
}
.c-heading--03 > *:nth-child(2)::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #0f2960;
  content: '';
}

/* 04 */
.c-heading--04 {
  color: #0f2960;
  padding-left: 20px;
}
.c-heading--04::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #0f2960;
  content: '';
}
.c-heading--04 > *:nth-child(1) {
  font-size: 140%;
  letter-spacing: 2px;
}

/* 05 */
.c-heading--05 {color: #0f2960;}
.c-heading--05 > *:nth-child(1) {
  display: inline-block;
  position: relative;
  font-size: 160%;
  letter-spacing: 2px;
}
.c-heading--05 > *:nth-child(1)::before {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 5px;
  background: -webkit-linear-gradient(left, #3d4b96, #35b1b0);
  background: -moz-linear-gradient(left, #3d4b96, #35b1b0);
  background: linear-gradient(to right, #3d4b96, #35b1b0);
  content: '';
}

/* loader */
/* --- ow --- */

/* header */
/* --- ow --- */
/* --- nw --- */


/* drawer */
/* --- ow --- */
/* --- nw --- */


/* drop */
/* --- ow --- */
/* --- nw --- */


/* mv */
/* --- ow --- */
.p-mv--bg {
  background: -webkit-linear-gradient(left, #3d4b96, #35b1b0);
  background: -moz-linear-gradient(left, #3d4b96, #35b1b0);
  background: linear-gradient(to right, #3d4b96, #35b1b0);
}
.p-mv--bg::before {padding-top: 150px;}
.p-mv-cont {
  max-width: 1100px;
  width: 94%;
}
.p-mv-cont__ttl {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 3rem;
  letter-spacing: .5rem;
  line-height: 1;
  color: #fff;
  transform: translate(0,-50%);
}
.p-mv-cont__ttl > * {display: block;}
.p-mv-cont__txt {
  position: absolute;
  left: 0;
  top: 65%;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  color: #0f2960;
}
/* --- nw --- */


/* footer */
/* --- ow --- */
.l-footer {
  padding: 0;
  background-color: #002e75;
}
/* --- nw --- */
.p-footer-sns {
  padding-bottom: 40px;
  border-bottom: 1px solid #48618c;
}
.p-footer-sns > * {
  width: 35px;
  margin-right: 35px;
}
.p-footer-1st {padding: 40px 0;}
.p-footer-1st > * {
  width: calc(100% / 4);
  margin-top: 20px;
  padding-right: 1%;
}
.p-footer-1st > *:nth-child(-n + 4) {margin-top: 0;}
.p-footer-1st > * > a, .p-footer-1st > * > p {
  display: block;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
}
.p-footer-1st > * > a:hover {color: #f0d69f;}
.p-footer-2nd {padding-left: 1rem;}
.p-footer-2nd .c-icon-after::after {color: #fff;}
.p-footer-2nd > * > a, .p-footer-2nd > * > p {
  display: block;
  position: relative;
  font-size: 1.5rem;
  color: #fff;
  padding: 0.5rem 2.5rem 0.5rem 0;
}
.p-footer-3rd {padding-left: 1.5rem;}
.p-footer-3rd > * {
  display: block;
  position: relative;
  font-size: 1.2rem;
  color: #fff;
  padding: 0.5rem 2.5rem 0.5rem 0;
}
.p-footer-link {
  padding: 40px 0 20px;
  border-top: 1px solid #48618c;
}
.p-footer-link > * {
  font-size: 1.3rem;
  color: #fff;
  margin: 0 10px 20px;
}

@media screen and (max-width: 1200px){}
@media screen and (max-width: 980px){

  /* footer */
  /* --- nw --- */
  .p-footer-1st > * {width: calc(100% / 2);}
  .p-footer-1st > *:nth-child(-n + 4) {margin-top: 20px;}
  .p-footer-1st > *:nth-child(-n + 2) {margin-top: 0;}


}
@media screen and (max-width: 768px){
  /* header */
  /* --- ow --- */
  /* --- nw --- */

  /* drawer */
  /* --- ow --- */
  /* --- nw --- */

  /* drop */
  /* --- ow --- */
  /* --- nw --- */



  /* mv */
  /* --- ow --- */
  .p-mv-cont__ttl {
    top: 45%;
    font-size: 5rem;
  }
  .p-mv-cont__txt {
    top: 60%;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 640px){



  /* mv */
  /* --- ow --- */
  #home .p-mv--bg::before {padding-top: 133%;}

  /* footer */
  /* --- nw --- */
  .p-footer-1st > * {
    width: 100%;
    margin-top: 4%;
  }
  .p-footer-1st > *:nth-child(-n + 2) {margin-top: 20px;}
  .p-footer-1st > *:nth-child(-n + 1) {margin-top: 0;}

}
@media screen and (max-width: 480px){
  .c-heading--01 > *:nth-child(1) {font-size: 150%;}


  /* header */
  /* --- ow --- */
  /* --- nw --- */


  /* mv */
  /* --- ow --- */
  .p-mv-cont__ttl {
    top: 45%;
    font-size: 4rem;
  }
  .p-mv-cont__txt {
    top: 60%;
    font-size: 1.3rem;
  }




  /* footer */
  /* --- ow --- */
  /* --- nw --- */
  .p-footer-sns {padding-bottom: 25px;}
  .p-footer-sns > * {
    width: 30px;
    margin-right: 30px;
  }
  .p-footer-1st {padding: 25px 0;}
  .p-footer-link > * {
    font-size: 1.2rem;
    margin: 0 5px 20px;
  }

  .p-footer-1st > * > a, .p-footer-1st > * > p {font-size: 1.8rem;}
  .p-footer-2nd > * > a, .p-footer-2nd > * > p {font-size: 1.4rem;}





}
@media screen and (max-width: 370px){
}











/* home -> Topic */
.p-homeTopic-cont > * {width: 49%;}
.p-homeTopic-cont > *:nth-child(1) > * {
  padding: 1rem 2rem 2rem;
  border: 1px solid #004c96;
}













/* home -> Business */
.p-homeBiz .p-cmnPanel > * {
  width: 23.5%;
  margin-top: 2%;
  margin-right: 2%;
  background-color: #004c96;
}
.p-homeBiz .p-cmnPanel > *::before {padding-top: 100%;}
.p-homeBiz .p-cmnPanel > *:nth-child(4n) {margin-right: 0;}
.p-homeBiz .p-cmnPanel > *:nth-child(-n + 4) {margin-top: 0;}
.p-homeBiz .p-cmnPanel-cont {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}
.p-homeBiz .p-cmnPanel-cont__ttl {
  left: 0;
  top: 50%;
  width: 100%;
  color: #fff;
  text-align: center;
  transform: translate(0,-50%);
}
.p-homeBiz .p-cmnPanel-hover__txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 2rem;
}





/* home -> News */
.p-homeNews .p-cmnList > * {border-bottom: 1px solid #eee;}
.p-homeNews .p-cmnList > *::after {color: #004c96;}
.p-homeNews .p-cmnList-meta > *:nth-child(1) {
  font-weight: bold;
  margin-right: 15px;
}
.p-homeNews .p-cmnList-meta > *:nth-child(n + 2) {
  font-size: 80%;
  line-height: 1;
  letter-spacing: 1px;
  color: #fff;
  margin-right: 10px;
  padding: 5px 10px;
  background-color: #000;
}
.p-homeNews .p-cmnList-meta > *.is-01 {background-color: #009688;}
.p-homeNews .p-cmnList-meta > *.is-02 {background-color: #E91E63;}
.p-homeNews .p-cmnList-meta > *.is-03 {background-color: #2196F3;}
.p-homeNews .p-cmnList-meta > *.is-04 {background-color: #9C27B0;}
.p-homeNews .p-cmnList-meta > *.is-05 {background-color: #FF5722;}
.p-homeNews .p-cmnList-ttl {margin-top: 15px;}

/* home -> AboutUs */
.p-homeAbout .p-cmnBgImg::after {background-color: rgba(240, 214, 159, .6);}
.p-homeAbout .p-cmnBgImg-cont__txt > p {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0f2960;
  text-align: center;
}

/* home -> Banner */
.p-homeBnr-cont > * {
  width: calc((100% - 20px) / 3);
  margin-top: 10px;
  margin-right: 10px;
}
@supports (-ms-ime-align: auto) {
.p-homeBnr-cont > * {
  width: calc((100% - 4%) / 3);
  margin-top: 2%;
  margin-right: 2%;
}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.p-homeBnr-cont > * {
  width: calc((100% - 4%) / 3);
  margin-top: 2%;
  margin-right: 2%;
}
}
.p-homeBnr-cont > *:nth-child(3n) {margin-right: 0;}
.p-homeBnr-cont > *:nth-child(-n + 3) {margin-top: 0;}


@media screen and (max-width: 1200px){}
@media screen and (max-width: 980px){}
@media screen and (max-width: 768px){
  /* home -> Topic */
  .p-homeTopic-cont {flex-wrap: wrap-reverse;}
  .p-homeTopic-cont > * {
    width: 100%;
    margin-right: 0;
  }
  .p-homeTopic-cont > *:nth-child(1) {margin-top: 10px;}
  .p-homeTopic-cont > *:nth-child(1) > * {padding: 1rem 1rem 2rem;}




  /* home -> Business */
  .p-homeBiz .p-cmnPanel > * {width: 49%;}
  .p-homeBiz .p-cmnPanel > *::before {padding-top: 100%;}
  .p-homeBiz .p-cmnPanel > *:nth-child(4n) {margin-right: 2%;}
  .p-homeBiz .p-cmnPanel > *:nth-child(-n + 4) {margin-top: 2%;}
  .p-homeBiz .p-cmnPanel > *:nth-child(2n) {margin-right: 0;}
  .p-homeBiz .p-cmnPanel > *:nth-child(-n + 2) {margin-top: 0;}

  /* home -> AboutUs */
  .p-homeAbout .p-cmnBgImg-cont__txt > p {font-size: 1.6rem;}

  /* home -> Banner */
  .p-homeBnr-cont > * {width: calc((100% - 10px) / 2);}
  .p-homeBnr-cont > *:nth-child(3n) {margin-right: 10px;}
  .p-homeBnr-cont > *:nth-child(-n + 3) {margin-top: 10px;}
  .p-homeBnr-cont > *:nth-child(2n) {margin-right: 0;}
  .p-homeBnr-cont > *:nth-child(-n + 2) {margin-top: 0;}

}
@media screen and (max-width: 640px){}
@media screen and (max-width: 480px){
  /* home -> AboutUs */
  .p-homeAbout .p-cmnBgImg-cont__txt > p {font-size: 1.4rem;}
}
@media screen and (max-width: 370px){}



.p-shopIntroA {}
.p-shopIntroA-img {
  display: block;
  position: relative;
    width: 75%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  outline: none;
}
.p-shopIntroA-img::before {
  display: block;
    padding-top: 40%;
  content: '';
}
.p-shopIntroA-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  content: '';
}
.p-shopIntroA > *:nth-child(odd) > .p-shopIntroA-img  {margin-right: auto;}
.p-shopIntroA > *:nth-child(even) > .p-shopIntroA-img {margin-left: auto;}
.p-shopIntroA-txt {
  display: block;
  position: relative;
    width: 50%;
    color: #0f2960;
    margin-top: -20%;
    padding: 60px 40px 60px 40px;
    background-color: rgba(242, 244, 254, 0.95);
  z-index: 2;
}
.p-shopIntroA > *:nth-child(odd) > .p-shopIntroA-txt  {margin-left: auto;}
.p-shopIntroA > *:nth-child(even) > .p-shopIntroA-txt {margin-right: auto;}
.p-shopIntroA-txt__ttl {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.p-shopIntroA-txt__txt {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8;
}



.p-shopList-cont {}
.p-shopList-cont > .c-table > * {vertical-align: top;}
.p-shopList-cont > .c-table > *:nth-child(2) {
  padding-left: 15px;
}
.p-shopList-cont > .c-table > *:nth-child(2) .c-btn span::after {color: #fff;}

.p-shopList-tag > * {
  width: 32%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  padding: .25rem 0;
  background-color: #6e75ab;
  border: 1px solid #8d96d8;
}
.p-shopList-tag > *:hover {
  color: #6e75ab;
  background-color: #fff;
}

.p-shopList-info {
  border-left: 1px solid #8d96d8;
  border-top: 1px solid #8d96d8;
}
.p-shopList-info > .c-table > * {
  line-height: 1.8;
  padding: 1rem 2rem;
  border-right: 1px solid #8d96d8;
  border-bottom: 1px solid #8d96d8;
}
.p-shopList-info > .c-table > *:nth-child(1) {
  width: 110px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: .2rem;
  background-color: #6e76ab;
}
.p-shopList-info > .c-table > *:nth-child(2) {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: .2rem;
}
/* ---------- app.css ---------- */
.p-shopList .p-cmnPanel > * {
  width: 23.5%;
  margin-top: 2%;
  margin-right: 2%;
  background-color: #c9cbe0;
  background-position: center;
}
.p-shopList .p-cmnPanel > *:nth-child(4n) {margin-right: 0;}
.p-shopList .p-cmnPanel > *:nth-child(-n + 4) {margin-top: 0;}
.p-shopList .p-cmnPanel > *::before {
  /*padding-top: 62%;*/
  padding-top: 50%;
}
.p-shopList .p-cmnPanel-cont {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(234, 234, 234, 0.75);
  transform: translate(0,0);
}
.p-shopList .p-cmnPanel-cont__ttl {
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  letter-spacing: .2rem;
  padding: 0 2%;
  transform: translate(0,-50%);
}


.p-shopList .c-switch-tab {border-color: #0f2960;}
.p-shopList .c-switch-tab > * {
  width: calc(100% / 6);
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  padding: 1.5rem 1rem;
  border-color: #0f2960;
}
@supports (-ms-ime-align: auto) {
.p-shopList .c-switch-tab > * {width: 16.66%;}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.p-shopList .c-switch-tab > * {width: 16.66%;}
}
.p-shopList .c-switch-tab > *.is-active {background-color: #0f2960;}
.p-shopList .c-switch-select__ttl::before {background-color: #0f2960;}
.p-shopList .c-switch-select__item > *.is-active {background-color: #f5e5c5;}
/* ---------- app.css ---------- */



@media screen and (max-width: 1200px){
}
@media screen and (max-width: 980px){
  .p-shopIntroA-txt {
    width: 70%;
    margin-top: -15%;
    padding: 30px;
  }
}
@media screen and (max-width: 768px){
  .p-shopIntroA-img {width: 100%;}
  .p-shopIntroA-txt {
    width: 100%;
    margin-top: 0;
  }
  .p-shopIntroA > *:nth-child(odd) > .p-shopIntroA-txt  {margin-right: auto;}
  .p-shopIntroA > *:nth-child(even) > .p-shopIntroA-txt {margin-left: auto;}


.p-shopList-cont > .c-table > * {
  display: block!important;
  width: 100%!important;
}
.p-shopList-cont > .c-table > *:nth-child(2) {
  padding-left: 0;
  margin-top: 5px;
}

.p-shopList .p-cmnPanel > * {width: 32%;}
.p-shopList .p-cmnPanel > *:nth-child(4n) {margin-right: 2%;}
.p-shopList .p-cmnPanel > *:nth-child(-n + 4) {margin-top: 2%;}
.p-shopList .p-cmnPanel > *:nth-child(3n) {margin-right: 0;}
.p-shopList .p-cmnPanel > *:nth-child(-n + 3) {margin-top: 0;}

}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
  .p-shopIntroA-img::before {padding-top: 60%;}
  .p-shopIntroA-txt {padding: 20px;}
  .p-shopIntroA-txt__ttl {font-size: 1.8rem;}
  .p-shopIntroA-txt__txt {font-size: 1.3rem;}



.p-shopList-info > .c-table > * {padding: 1rem;}
.p-shopList-info > .c-table > *:nth-child(1) {
  width: 90px;
  font-size: 1.2rem;
}
.p-shopList-info > .c-table > *:nth-child(2) {font-size: 1.3rem;}

.p-shopList .p-cmnPanel > * {width: 49%;}
.p-shopList .p-cmnPanel > *:nth-child(3n) {margin-right: 2%;}
.p-shopList .p-cmnPanel > *:nth-child(-n + 3) {margin-top: 2%;}
.p-shopList .p-cmnPanel > *:nth-child(2n) {margin-right: 0;}
.p-shopList .p-cmnPanel > *:nth-child(-n + 2) {margin-top: 0;}

}
@media screen and (max-width: 370px){
}