@charset "utf-8";

.p-parlare-conlemani-index .about-wrapper{
  padding-top:63px;
  /* background:url("/assets/images/shadow_ttl.png") repeat-x; */
}

/*navi*/
.p-parlare-conlemani-index .about-nav-container {
  height: 230px;
  background-color: #f9f5ea;
  position: relative;
  margin-top: 116px;
}
.p-parlare-conlemani-index .about-nav-container a {
  list-style: none;
  text-align: center;
  height: 150px;
  background-color: #f3eedf;
  position: absolute;
  top: 40px;
  width: 100%;
  line-height: 154px;
  font-size: 18px;
  font-family: "Montserrat_bold";
  font-weight: bold;
}
.p-parlare-conlemani-index .about-nav-container img {
  margin-right: 10px;
  margin-bottom: 2px;
}
.p-parlare-conlemani-index .about-nav-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
.p-parlare-conlemani-index .main-container li {
  list-style: none;
}
.p-parlare-conlemani-index .top-image img {
  margin-top: 50px;
  margin-bottom: 25px;
  width: 100%;
}
.p-parlare-conlemani-index .top-image {
  width: 100%;
}
.p-parlare-conlemani-index .top-image img {
  width: 92%;
  margin-top: 10px;
  float: right;
}
.p-parlare-conlemani-index .title {
  color: #cfc29d;
  font-family: "Montserrat_bold";
  font-size: 50px;
  font-weight: bold;
}
.p-parlare-conlemani-index .title small {
  color: #000;
  font-size: 26px !important;
  margin-top: 22px !important;
  font-family: 'Montserrat','Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;;
}

.p-parlare-conlemani-index .main-container h2 small {
  color: #cfc29d !important;
  font-size: 22px !important;
  line-height: 22.42px !important;
}
.p-parlare-conlemani-index .main-container h3 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  font-family: "Montserrat_bold";
}
.p-parlare-conlemani-index .main-container p {
  font-size: 16px;
  line-height: 31.84px;
}
.p-parlare-conlemani-index .main-container {
  margin: 10px 55px 0px;
}
.p-parlare-conlemani-index #first-container, .p-parlare-conlemani-index #second-container, .p-parlare-conlemani-index #third-container, .p-parlare-conlemani-index #forth-container, .p-parlare-conlemani-index #fifth-container, .p-parlare-conlemani-index #last-container {
  display: flex;
  flex-flow: wrap;
  max-width: 1320px;
  margin: auto;
}
.p-parlare-conlemani-index #item1 {
  width: 60%;
}
.p-parlare-conlemani-index #item2 {
  width: 40%;
}
.p-parlare-conlemani-index #item3 {
  width: 60%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #item4 {
  width: 40%;
  margin-top: 20px;
}
.p-parlare-conlemani-index .top-image-container {
  margin-bottom: 118px;
}
.p-parlare-conlemani-index .main-container p,
.p-parlare-conlemani-index .main-container li {
  font-size: 16px;
  line-height: 31.84px;
}
.p-parlare-conlemani-index #item2 p, .p-parlare-conlemani-index #item4 p, .p-parlare-conlemani-index #item10 p, .p-parlare-conlemani-index #item12 p {
  padding-left: 18px;
  padding-top: 5px;
}
.p-parlare-conlemani-index #item5 {
  width: 38%;
  margin-top: 117px;
}
.p-parlare-conlemani-index #item6 {
  width: 60%;
  margin-top: 117px;
}
.p-parlare-conlemani-index #item7 {
  width: 38%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #item8 {
  width: 60%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #item5, .p-parlare-conlemani-index #item7 {
  padding-right: 18px;
  padding-top: 5px;
}
.p-parlare-conlemani-index .item6-image, .p-parlare-conlemani-index .item8-image{
  padding-left: 45px;
}
.p-parlare-conlemani-index #item9 {
  width: 60%;
}
.p-parlare-conlemani-index #item10 {
  width: 40%;
}
.p-parlare-conlemani-index #item11 {
  width: 60%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #item12 {
  width: 40%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #third-container {
  margin-top: 118px;
}
.p-parlare-conlemani-index #item13 {
  width: 38%;
  margin-top: 117px;
}
.p-parlare-conlemani-index #item14 {
  width: 60%;
  margin-top: 117px;
}
.p-parlare-conlemani-index #item15 {
  width: 38%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #item16 {
  width: 60%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #item13, .p-parlare-conlemani-index #item15 {
  padding-right: 18px;
  padding-top: 5px;
}
.p-parlare-conlemani-index .item14-image, .p-parlare-conlemani-index .item16-image{
  padding-left: 45px;
}
.p-parlare-conlemani-index .item15-message {
  display: flex;
  flex-flow: wrap;
  max-width: 1320px;
  margin: auto;
}
.p-parlare-conlemani-index #item15 li.main-text {
  width: 76%;
}
.p-parlare-conlemani-index #item15 li {
  width: 15%;
  margin-bottom: 65px;
}
.p-parlare-conlemani-index #item15 li.main-text {
  width: 85%;
}
.p-parlare-conlemani-index #item15 .topic {
  color: #cfc29d;
  font-size: 20px;
  font-family: "Montserrat_bold";
  text-align: center;
  letter-spacing: 11px;
}
.p-parlare-conlemani-index #item17 {
  width: 60%;
}
.p-parlare-conlemani-index #item18 {
  width: 40%;
}
.p-parlare-conlemani-index #item19 {
  width: 60%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #item20 {
  width: 40%;
  margin-top: 20px;
}
.p-parlare-conlemani-index #fifth-container {
  margin-top: 118px;
}
.p-parlare-conlemani-index #item18 p, .p-parlare-conlemani-index #item20 p {
  padding-left: 18px;
  padding-top: 5px;
}
.p-parlare-conlemani-index #item21 {
  width: 38%;
  margin-top: 117px;
}
.p-parlare-conlemani-index #item22 {
  width: 60%;
  margin-top: 117px;
}
.p-parlare-conlemani-index #item21{
  padding-right: 18px;
  padding-top: 5px;
}
.p-parlare-conlemani-index .item22-image{
  padding-left: 45px;
}
.p-parlare-conlemani-index #last-container {
  margin-bottom: 122px;
}
.p-parlare-conlemani-index .item2-message, .p-parlare-conlemani-index .item4-message, .p-parlare-conlemani-index .item5-message, .p-parlare-conlemani-index .item7-message, .p-parlare-conlemani-index .item10-message, .p-parlare-conlemani-index .item12-message, .p-parlare-conlemani-index .item13-message, .p-parlare-conlemani-index .item18-message, .p-parlare-conlemani-index .item20-message, .p-parlare-conlemani-index .item21-message, .p-parlare-conlemani-index li.main-text {
  font-family: 'Montserrat','Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;;
}

@media (min-width: 768px) and (max-width: 1320px) {
  .p-parlare-conlemani-index .about-nav-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
    position: unset;
  }
  .p-parlare-conlemani-index .about-nav-container a {
    position: unset;
    display: block;
    padding: 0 20px;
    margin: 0 35px;
    width: auto;
  }

}

@media (max-width: 767px) {

  .p-parlare-conlemani-index .main-container p {
    font-size: 12px;
    line-height: 24px;
  }

  .p-parlare-conlemani-index .about-nav-container {
    height: 82px;
    background-color: #f9f5ea;
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .p-parlare-conlemani-index .about-nav-container a {
    list-style: none;
    text-align: center;
    height: 67px;
    background-color: #f3eedf;
    position: absolute;
    top: 17px;
    line-height: 65px;
    font-size: 10px;
    font-family: "Montserrat_bold";
    font-weight: bold;
  }
  .p-parlare-conlemani-index .about-nav-container img {
    vertical-align: middle;
    border: 0;
    margin-right: 8px !important;
    width: 1.5% !important;
    margin-bottom: 2px;
  }

  .p-parlare-conlemani-index .main-container p {
    font-size: 12px;
    line-height: 24px;
  }

  .p-parlare-conlemani-index .about-nav-container {
    height: 82px;
    background-color: #f9f5ea;
    position: relative;
    margin-top: 60px;
    margin-right: -10px;
    margin-left: -10px;
  }
  .p-parlare-conlemani-index .about-nav-container a {
    list-style: none;
    text-align: center;
    height: 75px;
    background-color: #f3eedf;
    position: absolute;
    top: 17px;
    line-height: 75px;
    font-size: 12px;
    font-family: "Montserrat_bold";
    font-weight: bold;
  }
  .p-parlare-conlemani-index .about-nav-container img {
    vertical-align: middle;
    border: 0;
    margin-right: 8px !important;
    width: 1.5% !important;
    margin-bottom: 2px;
  }
  .p-parlare-conlemani-index .about-nav-container {
    margin-bottom: 0;
  }
  .p-parlare-conlemani-index .image1-text-container {
    box-sizing: border-box;
  }
  .p-parlare-conlemani-index .about-nav-container {
    margin-bottom: 0;
    text-align: center;
    padding: 15px 15px 0;
    width: unset;
    height: 73px;
    position: unset;
  }
  .p-parlare-conlemani-index .about-nav-container a {
    padding: 0;
    display: block;
    width: unset;
    height: 75px;
    line-height: 75px;
    position: unset;
  }
  .p-parlare-conlemani-index .title {
    color: #cfc29d;
    font-family: "Montserrat_bold";
    font-size: 24px;
    font-weight: bold;
    line-height: 25px;
  }
  .p-parlare-conlemani-index .title small {
    font-size: 13px !important;
    margin-top: 0;
    margin-top: 12px !important;
    letter-spacing: 0 !important;
  }
  .p-parlare-conlemani-index .main-container {
    margin: 10px 10px 0px;
  }
  .p-parlare-conlemani-index .top-image-container {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 26px;

  }
  .p-parlare-conlemani-index #item1, .p-parlare-conlemani-index #item2, .p-parlare-conlemani-index #item3, .p-parlare-conlemani-index #item4, .p-parlare-conlemani-index #item5, .p-parlare-conlemani-index #item6, .p-parlare-conlemani-index #item7, .p-parlare-conlemani-index #item8, .p-parlare-conlemani-index #item9, .p-parlare-conlemani-index #item10, .p-parlare-conlemani-index #item11, .p-parlare-conlemani-index #item12, .p-parlare-conlemani-index #item13, .p-parlare-conlemani-index #item14, .p-parlare-conlemani-index #item15, .p-parlare-conlemani-index #item16, .p-parlare-conlemani-index #item17, .p-parlare-conlemani-index #item18, .p-parlare-conlemani-index #item19, .p-parlare-conlemani-index #item20, .p-parlare-conlemani-index #item21, .p-parlare-conlemani-index #item22 {
    width: 100%;
  }
  .p-parlare-conlemani-index #item1 {
    order: 2;
  }
  .p-parlare-conlemani-index #item2 {
    order: 1;
    padding: 0px 12px;
  }
  .p-parlare-conlemani-index #item2-2 {
    order: 4;
    padding: 0px 12px;
    margin-top: 8px;
  }
  .p-parlare-conlemani-index #item3 {
    order: 3;
  }
  .p-parlare-conlemani-index #item4 {
    order: 5;
    padding: 0px 12px;
    margin-top: 10px;
  }
  .p-parlare-conlemani-index #item2 p, .p-parlare-conlemani-index #item4 p, .p-parlare-conlemani-index #item10 p, .p-parlare-conlemani-index #item12 p {
    padding-left: 0;
  }
  .p-parlare-conlemani-index #item5 {
    order: 2;
  }
  .p-parlare-conlemani-index #item6 {
    order: 1;
    margin-top: 25px;
  }
  .p-parlare-conlemani-index #item7 {
    order: 4;
  }
  .p-parlare-conlemani-index #item8 {
    order: 3;
  }
  .p-parlare-conlemani-index .item6-image, .p-parlare-conlemani-index .item8-image, .p-parlare-conlemani-index .item14-image, .p-parlare-conlemani-index .item16-image, .p-parlare-conlemani-index .item22-image {
    padding-left: 0;
  }
  .p-parlare-conlemani-index #third-container, .p-parlare-conlemani-index #fifth-container {
    margin-top: 25px;
  }
  .p-parlare-conlemani-index #item13 {
    order: 2;
    margin-top: 25px;
  }
  .p-parlare-conlemani-index #item14 {
    order: 1;
    margin-top: 25px;
  }
  .p-parlare-conlemani-index #item15 {
    order: 4;
    margin-top: 30px;
  }
  .p-parlare-conlemani-index #item16 {
    order: 3;
  }
  .p-parlare-conlemani-index .topic {
    font-size: 16px !important;
  }
  .p-parlare-conlemani-index .main-text {
    font-size: 12px;
    line-height: 24px;
  }
  .p-parlare-conlemani-index #item15 li {
    margin-bottom: 23px;
  }
  .p-parlare-conlemani-index #item15 .topic {
    margin-top: -3px;
  }
  .p-parlare-conlemani-index #item18 p {
    padding-left: 0;
  }
  .p-parlare-conlemani-index #item20 p {
    padding: 10px 12px 0;
  }
  .p-parlare-conlemani-index #item21 {
    order: 2;
  }
  .p-parlare-conlemani-index #item22 {
    order: 1;
    margin-top: 25px;
  }
  .p-parlare-conlemani-index #last-container {
    margin-bottom: 70px;
  }
  .p-parlare-conlemani-index #fifth-container {
    margin-top: 11px;
  }
}

/** 
 * 
 * DH_FRONT_DEPT-6159 レイアウト調整
 * large
*/
@media ( min-width: 768px ) {
  .p-parlare-conlemani-index .title {
    font-size: 48px;
    padding: 41px 0 47px;
    letter-spacing: .8px;
  }
  .p-parlare-conlemani-index .title small {
    font-size: 25px !important;
    margin-top: 21px !important;
    font-family: 'Montserrat','Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;;
    display: block;
    letter-spacing: .732px;
    margin-left: 6px;
  }
  .p-parlare-conlemani-index .main-container {
    margin: initial;
    padding: 0 60px;
  }
  .p-parlare-conlemani-index .top-image-container {
    margin-bottom: 121px;
  }
  .p-parlare-conlemani-index #item2 p,
  .p-parlare-conlemani-index #item4 p,
  .p-parlare-conlemani-index #item5 p,
  .p-parlare-conlemani-index #item7 p,
  .p-parlare-conlemani-index #item10 p,
  .p-parlare-conlemani-index #item12 p,
  .p-parlare-conlemani-index #item13 p,
  .p-parlare-conlemani-index #item18 p,
  .p-parlare-conlemani-index #item20 p {
    letter-spacing: -.552px;
    line-height: 200%;
  }
  .p-parlare-conlemani-index #item2 p,
  .p-parlare-conlemani-index #item4 p,
  .p-parlare-conlemani-index #item10 p,
  .p-parlare-conlemani-index #item12 p {
    padding-left: 23px;
    padding-top: 3px;
  }
  .p-parlare-conlemani-index .item6-image,
  .p-parlare-conlemani-index .item8-image {
    padding-left: 47px;
  }
  .p-parlare-conlemani-index #item6 {
    margin-top: 121px;
  }
  .p-parlare-conlemani-index #item7 {
    margin-top: 14px;
  }
  .p-parlare-conlemani-index #third-container {
    margin-top: 120px;
  }
  .p-parlare-conlemani-index .item10-message,
  .p-parlare-conlemani-index .item12-message {
    margin-top: -4px;
  }
  .p-parlare-conlemani-index #item13 {
    margin-top: 114px;
  }
  .p-parlare-conlemani-index #item14 {
    margin-top: 119px;
  }
  .p-parlare-conlemani-index .item14-image {
    padding-left: 47px;
  }
  .p-parlare-conlemani-index .item16-image {
    padding-left: 49px;
  }
  .p-parlare-conlemani-index #item18 {
    margin-top: -4px;
  }
  .p-parlare-conlemani-index #item18 p {
    padding-left: 24px;
  }
  .p-parlare-conlemani-index #item20 {
    margin-top: 15px;
  }
  .p-parlare-conlemani-index #item20 p {
    padding-left: 24px;
  }
  .p-parlare-conlemani-index #item22 {
    margin-top: 121px;
  }
  .p-parlare-conlemani-index .item22-image {
    padding-left: 46px;
  }
}
/** 
 * 
 * DH_FRONT_DEPT-6159 レイアウト調整
 * small
*/
@media ( max-width: 767px ) {
  .p-parlare-conlemani-index .title {
    padding: 5px 0 14px;
    font-size: 23px;
    letter-spacing: .332px;
  }
  .p-parlare-conlemani-index .title small {
    margin-top: 4px !important;
  }
  .p-parlare-conlemani-index .top-image-container {
    margin-bottom: 28px;
  }
  .p-parlare-conlemani-index #item1,
  .p-parlare-conlemani-index #item3,
  .p-parlare-conlemani-index #item6,
  .p-parlare-conlemani-index #item8,
  .p-parlare-conlemani-index #item9,
  .p-parlare-conlemani-index #item11,
  .p-parlare-conlemani-index #item14,
  .p-parlare-conlemani-index #item16,
  .p-parlare-conlemani-index #item17,
  .p-parlare-conlemani-index #item19,
  .p-parlare-conlemani-index #item22 {
    margin-left: -2px;
    margin-right: -2px;
    width: auto;
  }
  .p-parlare-conlemani-index #item2,
  .p-parlare-conlemani-index #item2-2,
  .p-parlare-conlemani-index #item4,
  .p-parlare-conlemani-index #item5,
  .p-parlare-conlemani-index #item7,
  .p-parlare-conlemani-index #item10,
  .p-parlare-conlemani-index #item12,
  .p-parlare-conlemani-index #item13,
  .p-parlare-conlemani-index #item15,
  .p-parlare-conlemani-index #item18,
  .p-parlare-conlemani-index #item20,
  .p-parlare-conlemani-index #item21 {
    padding: 0 10px;
    letter-spacing: .466px;
  }
  .p-parlare-conlemani-index #item3 {
    margin-top: 11px;
  }
  .p-parlare-conlemani-index #item2-2 {
    margin-top: 9px;
  }
  .p-parlare-conlemani-index #item5 {
    margin-top: 34px;
  }
  .p-parlare-conlemani-index #item8 {
    margin-top: 25px;
  }
  .p-parlare-conlemani-index #item7 {
    margin-top: 33px;
  }
  .p-parlare-conlemani-index #third-container {
    margin-top: 24px;
  }
  .p-parlare-conlemani-index #item10 {
    margin-top: 30px;
  }
  .p-parlare-conlemani-index #item11 {
    margin-top: 24px;
  }
  .p-parlare-conlemani-index #item12 {
    margin-top: 29px;
  }
  .p-parlare-conlemani-index #item13 {
    margin-top: 34px;
  }
  .p-parlare-conlemani-index #item16 {
    margin-top: 24px;
  }
  .p-parlare-conlemani-index #item15 {
    margin-top: 32px;
  }
  .p-parlare-conlemani-index #item17 {
    margin-top: 1px;
  }
  .p-parlare-conlemani-index #item18 {
    margin-top: 29px;
  }
  .p-parlare-conlemani-index #item19 {
    margin-top: 24px;
  }
  .p-parlare-conlemani-index #item20 {
    padding: 0;
    margin: 24px -2px 0;
  }
  .p-parlare-conlemani-index #item21 {
    margin-top: 34px;
  }
  .p-parlare-conlemani-index #last-container {
    margin-bottom: 40px;
  }
  .p-parlare-conlemani-index #item15 li.main-text {
    font-size: 12px;
    line-height: 24px;
  }
}