@charset "UTF-8";
.font-bold {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W6", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}

html {
  font-size: 62.5%;
}

._pc {
  display: block;
}
@media screen and (max-width: 750px) {
  ._pc {
    display: none;
  }
}

._sp {
  display: none;
}
@media screen and (max-width: 750px) {
  ._sp {
    display: block;
  }
}

.p-page_bridal {
  color: #646464;
}
@media screen and (max-width: 750px) {
  .p-page_bridal #container {
    margin-top: 16.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .p-page_bridal h2 {
    line-height: 0;
  }
}
.p-page_bridal .c-btn_01 {
  display: block;
  width: 360px;
  height: 35px;
  border-radius: 18px;
  background-color: #646464;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  line-height: 35px;
  letter-spacing: 0.01em;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .c-btn_01 {
    width: 53.3333333333vw;
    height: 4.6666666667vw;
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 1;
    line-height: 4.6666666667vw;
    border-radius: 2.4vw;
    font-weight: normal;
    padding-top: 0.2666666667vw;
    text-align: left;
    padding-left: 2em;
    box-sizing: border-box;
  }
}
.p-page_bridal .c-btn_01::after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background: url(/bridal/img/2022/icon_arrow01.png) no-repeat 0 0/contain;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .p-page_bridal .c-btn_01::after {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    right: 0.9333333333vw;
  }
}
.p-page_bridal .c-btn_02 {
  width: 180px;
  height: 35px;
  display: block;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #595959;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  border-radius: 18px;
  line-height: 35px;
  margin: 0 auto;
  position: relative;
  color: #646464;
  box-sizing: border-box;
  padding-left: 2.5em;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .c-btn_02 {
    width: 24vw;
    height: 4.6666666667vw;
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 1;
    line-height: 4.6666666667vw;
    border-radius: 2.4vw;
    font-weight: normal;
    padding-left: 1.7em;
  }
}
.p-page_bridal .c-btn_02::after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background: url(/bridal/img/2022/icon_arrow02.png) no-repeat 0 0/contain;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .p-page_bridal .c-btn_02::after {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    right: 0.9333333333vw;
  }
}
.p-page_bridal .c-hover_effect {
  transition: opacity 0.3s ease;
  display: block;
}
.p-page_bridal .c-hover_effect:hover {
  opacity: 0.8;
}
.p-page_bridal .p-kv {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.p-page_bridal .p-kv .p-kv_campaign {
  position: absolute;
  bottom: -50px;
  left: 80px;
  display: flex;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-kv .p-kv_campaign {
    left: 8vw;
    bottom: -3.3333333333vw;
  }
}
.p-page_bridal .p-kv .p-kv_campaign .p-kv_campaign__icon {
  width: 162px;
  display: block;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-kv .p-kv_campaign .p-kv_campaign__icon {
    width: 22vw;
  }
}
.p-page_bridal .p-kv .p-kv_campaign .p-kv_campaign__text {
  width: 428px;
  margin-left: 25px;
  margin-top: 55px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-kv .p-kv_campaign .p-kv_campaign__text {
    width: 56.2666666667vw;
    margin-top: 11.3333333333vw;
    margin-left: 2vw;
    font-size: 0;
  }
}
.p-page_bridal .bg {
  max-width: 1200px;
  background: url(/bridal/img/2022/bg_01.png) no-repeat top right/300px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .bg {
    background-image: url(/bridal/img/2022/bg_01_sp.png);
    background-size: 36vw;
    background-position: 100% 8.8vw;
  }
}
.p-page_bridal .p-anchor {
  padding-top: 35px;
  position: relative;
  width: 770px;
  margin: 0 auto 0;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor {
    width: 100%;
    z-index: inherit;
  }
}
.p-page_bridal .p-anchor ul {
  display: flex;
  justify-content: center;
  margin: 0 auto 0;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor ul {
    flex-wrap: wrap;
    border: 0;
    width: 73.3333333333vw;
    margin: 0 auto;
    justify-content: left;
  }
}
.p-page_bridal .p-anchor ul li {
  padding: 0 30px;
  border-right: 1px solid #EDEDED;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor ul li {
    line-height: 0;
    padding: clacvw(5) 0;
    margin-bottom: 2.6666666667vw;
  }
}
.p-page_bridal .p-anchor ul li:first-child {
  border-left: 1px solid #EDEDED;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor ul li:first-child {
    border-left: 0;
  }
}
.p-page_bridal .p-anchor ul li a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6153846154;
  font-weight: bold;
  display: block;
  color: #646464;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor ul li a {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 1.1666666667;
  }
}
.p-page_bridal .p-anchor ul li a:hover {
  color: #00C2EB;
}
.p-page_bridal .p-anchor ul li a::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #00C2EB;
  border-style: solid;
  margin-right: 7px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor ul li a::before {
    border-width: 1.0666666667vw 0 1.0666666667vw 1.6vw;
    margin-right: 0.9333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor ul li:nth-child(odd) {
    padding-left: 0;
    padding-right: 4.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-anchor ul li:nth-child(even) {
    padding-left: 4.6666666667vw;
    padding-right: 0;
    border-right: 0;
  }
}
.p-page_bridal .p-reason {
  max-width: 1200px;
  margin: 95px auto 0;
  position: relative;
  background: url(/bridal/img/2022/bg_02.png) no-repeat bottom left/450px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason {
    background-image: url(/bridal/img/2022/bg_02_sp.png);
    background-size: 44.6666666667vw;
    background-position: 0 11.3333333333vw;
    margin-top: 4vw;
  }
}
.p-page_bridal .p-reason .p-reason_ttl {
  width: 780px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_ttl {
    width: 84vw;
  }
}
.p-page_bridal .p-reason .p-reason_contents {
  padding-bottom: 57px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents {
    padding-bottom: 8.6666666667vw;
  }
}
.p-page_bridal .p-reason .p-reason_contents__img {
  width: 600px;
  margin: 45px 0 60px 345px;
  display: block;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents__img {
    width: 60vw;
    margin: 6.6666666667vw 0 0 26.6666666667vw;
  }
}
.p-page_bridal .p-reason .p-reason_contents__img:hover {
  opacity: 0.7;
}
.p-page_bridal .p-reason .p-reason_contents_textBox {
  position: absolute;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox {
    position: relative;
    margin-left: 6.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox + .p-reason_contents_textBox {
    margin-top: 5.3333333333vw;
  }
}
.p-page_bridal .p-reason .p-reason_contents_textBox .p-reason_contents_textBox__text01 {
  padding-left: 20px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.8823529412;
  margin-top: -12px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox .p-reason_contents_textBox__text01 {
    padding-left: 1.3333333333vw;
    font-size: 20px;
    font-size: 2.6666666667vw;
    line-height: 1.7;
    margin-top: -0.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox .p-reason_contents_textBox__ttl {
    line-height: 0;
  }
}
.p-page_bridal .p-reason .p-reason_contents_textBox.-box01 {
  top: 160px;
  left: 760px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox.-box01 {
    top: auto;
    left: auto;
  }
}
.p-page_bridal .p-reason .p-reason_contents_textBox.-box01 .p-reason_contents_textBox__ttl {
  width: 270px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox.-box01 .p-reason_contents_textBox__ttl {
    width: 36vw;
  }
}
.p-page_bridal .p-reason .p-reason_contents_textBox.-box02 {
  top: 370px;
  left: 70px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox.-box02 {
    top: auto;
    left: auto;
  }
}
.p-page_bridal .p-reason .p-reason_contents_textBox.-box02 .p-reason_contents_textBox__ttl {
  width: 360px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox.-box02 .p-reason_contents_textBox__ttl {
    width: 48vw;
  }
}
.p-page_bridal .p-reason .p-reason_contents_textBox.-box03 {
  top: 590px;
  left: 760px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox.-box03 {
    top: auto;
    left: auto;
  }
}
.p-page_bridal .p-reason .p-reason_contents_textBox.-box03 .p-reason_contents_textBox__ttl {
  width: 360px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason_contents_textBox.-box03 .p-reason_contents_textBox__ttl {
    width: 42.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-reason .p-reason__link {
    margin-top: 11.3333333333vw;
  }
}
.p-page_bridal .p-comparison {
  padding-bottom: 195px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-comparison {
    padding-bottom: 28vw;
  }
}
.p-page_bridal .p-comparison .p-comparison_box {
  position: relative;
  width: 1025px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-comparison .p-comparison_box {
    width: 82vw;
  }
}
.p-page_bridal .p-comparison .p-comparison_box::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/bridal/img/2022/bg_03.png) repeat 0 0/25px;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: -1;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-comparison .p-comparison_box::before {
    top: 2vw;
    left: 2vw;
    background-size: 3.3333333333vw;
  }
}
.p-page_bridal .p-comparison .p-comparison_box .p-comparison_box__inner {
  box-sizing: border-box;
  border: 3px solid #D9F6FC;
  background-color: #EDFBFE;
  padding: 50px 65px 40px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-comparison .p-comparison_box .p-comparison_box__inner {
    padding: 6vw 8vw 5.3333333333vw;
  }
}
.p-page_bridal .p-comparison .p-comparison_box .p-comparison_box__ttl {
  border-bottom: 1px solid #006EA6;
  padding-bottom: 10px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-comparison .p-comparison_box .p-comparison_box__ttl {
    width: 58.6666666667vw;
    margin: 0 auto;
  }
}
.p-page_bridal .p-comparison .p-comparison_box .p-comparison_box__text01 {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 2.1176470588;
  text-align: center;
  margin-top: 35px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-comparison .p-comparison_box .p-comparison_box__text01 {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 1.6666666667;
    margin-top: 5.3333333333vw;
  }
}
.p-page_bridal .p-collection {
  background-color: #EEF3F7;
  padding-top: 80px;
  position: relative;
  padding-bottom: 125px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection {
    padding-top: 6.6666666667vw;
    padding-bottom: 16.6666666667vw;
  }
}
.p-page_bridal .p-collection .p-collection__ttl {
  width: 767px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection .p-collection__ttl {
    width: 81.7333333333vw;
  }
}
.p-page_bridal .p-collection .p-collection__lead {
  width: 578px;
  margin: 0 auto 25px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection .p-collection__lead {
    width: 73.3333333333vw;
    margin-bottom: 3.3333333333vw;
  }
}
.p-page_bridal .p-collection .p-collection__text01 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection .p-collection__text01 {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 1.8888888889;
  }
}
.p-page_bridal .p-collection .p-collection_slide {
  margin-top: 50px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection .p-collection_slide {
    margin-top: 8vw;
  }
}
.p-page_bridal .p-collection .p-collection_slide ul li {
  width: 400px;
  margin: 0 30px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection .p-collection_slide ul li {
    width: 53.3333333333vw;
    margin: 0 4vw;
    padding-bottom: 1px;
  }
}
.p-page_bridal .p-collection .p-collection_slide ul li .p-brand_name {
  margin-top: 40px;
  color: #006EA6;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection .p-collection_slide ul li .p-brand_name {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1;
    margin-top: 4vw;
  }
}
.p-page_bridal .p-collection .p-collection_slide ul li .p-brand_text {
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-collection .p-collection_slide ul li .p-brand_text {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 1;
    margin-top: 2.6666666667vw;
  }
}
.p-page_bridal .p-bnr_slide {
  margin-top: 130px;
  padding-bottom: 170px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_slide {
    margin-top: 16vw;
    padding-bottom: 20vw;
  }
}
.p-page_bridal .p-bnr_slide .p-bnr_slide_contents {
  max-width: 1040px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_slide .p-bnr_slide_contents {
    width: 84vw;
    margin: 0 auto;
  }
}
.p-page_bridal .p-bnr_slide .p-bnr_slide__ttl {
  width: 353px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_slide .p-bnr_slide__ttl {
    width: 47.0666666667vw;
    margin: 0 auto 4.6666666667vw;
  }
}
.p-page_bridal .p-bnr_wedding_guide {
  padding-bottom: 130px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_wedding_guide {
    padding-bottom: 16vw;
  }
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents {
  width: 1040px;
  margin: 0 auto;
  color: #646464;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents {
    width: 84vw;
  }
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list {
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list {
    justify-content: space-between;
  }
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list li {
  margin: 0 22px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6153846154;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list li {
    width: 38.5333333333vw;
    font-size: 16px;
    font-size: 2.1333333333vw;
    line-height: 1.25;
    margin: 0;
  }
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list li a {
  padding-left: 1.2em;
  position: relative;
  color: inherit;
  transition: color 0.3s ease;
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list li a::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #84CADB;
  border-style: solid;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list li a::before {
    top: 0.2em;
    transform: none;
    border-width: 1vw 0 1vw 1.6vw;
  }
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide_list li a:hover {
  color: #84CADB;
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide__text01 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3125;
  color: #84CADB;
  display: table;
  background-color: #fff;
  margin: 25px auto 0;
  padding: 0 8px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide__text01 {
    font-size: 22px;
    font-size: 2.9333333333vw;
    line-height: 1.3181818182;
    margin-top: 6.6666666667vw;
  }
}
.p-page_bridal .p-bnr_wedding_guide .p-bnr_wedding_guide_contents .p-bnr_wedding_guide__text01::before {
  content: "";
  display: block;
  width: 305px;
  height: 2px;
  background-color: #84CADB;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.p-page_bridal .p-insta {
  background-color: #F2FCFE;
  padding-top: 80px;
  padding-bottom: 70px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-insta {
    padding-top: 10.6666666667vw;
    padding-bottom: 8vw;
  }
}
.p-page_bridal .p-insta .p-insta__ttl {
  width: 431px;
  margin: 0 auto 18px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-insta .p-insta__ttl {
    width: 57.6vw;
    margin-bottom: 2.6666666667vw;
  }
}
.p-page_bridal .p-insta .p-insta_imgArea {
  max-width: 1040px;
  margin: 0 auto 38px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-insta .p-insta_imgArea {
    margin-bottom: 5.3333333333vw;
  }
}
.p-page_bridal .p-insta .p-insta_imgArea ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.p-page_bridal .p-insta .p-insta_imgArea ul li {
  margin: 12px;
  width: 240px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-insta .p-insta_imgArea ul li {
    width: 26.1333333333vw;
    margin: 1.3333333333vw;
  }
}
.p-page_bridal .slide-arrow {
  width: 40px;
  position: absolute;
  bottom: -90px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .slide-arrow {
    width: 5.3333333333vw;
    bottom: -10.6666666667vw;
  }
}
.p-page_bridal .slide-arrow.prev-arrow {
  left: 50%;
  margin-left: -52px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .slide-arrow.prev-arrow {
    margin-left: -6.4vw;
  }
}
.p-page_bridal .slide-arrow.next-arrow {
  right: 50%;
  margin-right: -52px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .slide-arrow.next-arrow {
    margin-right: -6.4vw;
  }
}
.p-page_bridal .slide-arrow:hover {
  cursor: pointer;
}
.p-page_bridal .p-follow__link {
  position: fixed;
  left: auto;
  bottom: -70px;
  width: 280px;
  z-index: 10;
  margin-left: 850px;
}
@media screen and (max-width: 750px) {
  .p-page_bridal .p-follow__link {
    width: 51.2vw;
    right: 14vw;
    margin-left: 0;
  }
}

/* contents__archive */
.contents__archive {
  width: 950px;
  margin: 0 auto;
  padding: 150px 0 0;
}

.contents__archive__title {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #737373;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}

.contents__archive__list {
  width: 950px;
  margin: 0 auto 70px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

/*.contents__archive__list:after{
content:"";
display: block;
width:30%;
}*/
.contents__archive__list__item {
  width: 460px;
  margin-bottom: 30px;
}

.contents__archive__list__link {
  display: block;
}

.contents__archive__list__link:hover {
  opacity: 0.7;
}

.contents__archive__list__txt--category {
  font-size: 2rem;
  letter-spacing: 0.15em;
  margin-bottom: -10px;
}

.contents__archive__list__box {
  width: 460px;
  /* overflow: hidden; */
}

@media screen and (max-width: 750px) {
  .contents__archive {
    width: 84%;
    padding: 22.6666666667vw 0 80px;
    margin: 0 auto;
  }
  .contents__archive__title {
    /* font-size: 12px; */
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    color: #737373;
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1;
  }
  .contents__archive__list {
    width: 100%;
    margin: 0 auto;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .contents__archive__list__item {
    width: 100%;
    margin-bottom: 15px;
  }
  .contents__archive__list__box {
    width: 100%;
  }
  .contents__archive__list__txt {
    font-size: 1.5rem;
  }
  .p-cmn_contents__ttlArea {
    margin: 40px auto 55px;
    /* display: table; */
  }
}/*# sourceMappingURL=top.css.map */