@charset "UTF-8";
.JS main#Contents {
  padding-right: 0;
  padding-left: 0;
}

html {
	overflow-y:visible; 
}

#Contents {
  display: block;
  padding-bottom: 0;
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-weight: 400;
  line-height: 1.875em;
}

#Contents * {
  box-sizing: border-box;
  line-height: 1.5em;
}

#Contents .-center {
  text-align: center;
}

#Contents .-box-flex {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}

#Contents .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: stretch;
  justify-content: space-between;
}

#Contents .-item-center {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}

#Contents .-box-center {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}

#Contents .-fill {
  width: 100%;
}

#Contents .main-inner {
  width: 96%;
  max-width: 965px;
  margin-right: auto;
  margin-left: auto;
}

#Contents .inner {
  width: 92.2%;
  max-width: 890px;
  margin-right: auto;
  margin-left: auto;
}

#Contents .button {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	background-color: #fff;
	color: inherit;
	font-size: 1.125em;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

#Contents .button .button-inner {
  transition: 0.3s;
}

#Contents .button.-button-01 {
	width: 100%;
	max-width: 880px;
	height: 82px;
	border: 4px solid #fff;
}

#Contents .button.-button-01 .button-inner {
	height: 100%;
	background-color: #eeeeee;
}

#Contents .button.-icon::before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0.875em;
  transform: translateY(-50%);
  content: "";
  transition: 0.2s;
}

#Contents .button.-icon.-arrow::before {
  width: 12px;
  height: 22px;
  background: center/cover no-repeat url("/advertising/MediaSpaceConcierge/assets/parent/images/img-arr_01.png");
}

#Contents .button.-icon:hover::before {
  right: 0.563em;
}

#Contents .secttion {
	padding: 0px 0;
}

#Contents .-image img {
  max-width: 100%;
}

#Contents h2.sec-head {
	position: relative;
	line-height: 1.4;
	padding: 23px 40px 0;
	display: inline-block;
	font-size: 2.5em;
	background-image: none;
	margin-bottom: 36px;
}

#Contents h2.sec-head::before {
	content: '';
	width: 25px;
	height: 71px;
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
}

#Contents h2.sec-head::before {
	border-left: solid 13px #e61c27;
	border-top: solid 13px #e61c27;
	top: 0;
	left: 0;
}

#Contents h3.sec-head {
	margin: 0;
	font-size: 1.875em;
	line-height: 1.25;
	color: #000;
	text-align: center;
	position: relative;
	display: inline-block;
	padding: 0 34px;
}

#Contents h3.sec-head::before,
#Contents h3.sec-head::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 18px;
	height: 2px;
	background-color: #000;
}

#Contents h3.sec-head::before{
  left:0;
}

#Contents h3.sec-head::after{
  right:0;
}

#Contents .c-pagetop {
  display: none;
  z-index: 1;
  position: fixed;
  right: 30px;
  bottom: 45px;
  width: 84px;
}


@media screen and (max-width: 767px) {
  #Contents {
    font-size: 3.2vw;
    line-height: 2.4166666667em;
  }
  
  #Contents .secttion {
    padding: 14.6666666667vw 0;
  }

  #Contents .-pc {
    display: none;
  }
  
  #Contents h2.sec-head {
    font-size: 5.3333333333vw;
    margin: 0 0 5.47vw;
    padding: 2.67vw 5.47vw 0;
  }

  #Contents h2.sec-head::before {
    width: 3.33vw;
    height: 9.47vw;
    border-left: solid 1.73vw #e61c27;
    border-top: solid 1.73vw #e61c27;
  }

  #Contents h3.sec-head {
    font-size: 4.53vw;
  }

  #Contents .main-inner {
    width: 92vw;
  }
  
  #Contents .inner {
    width: 100%;
  }
  
  #Contents .c-pagetop {
    display: none;
  }
}


@media screen and (min-width: 768px) {
  #Contents .-sp {
    display: none;
  }
}



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

visual

------------------------------------------------------------------------------------------- */
#Contents .visual {
  width: 100%;
  max-width: 1440px;
  height: 31.5vw;
  min-height: 310px;
  max-height: 454px;
  margin-right: auto;
  margin-left: auto;
  background: center/cover no-repeat url("/advertising/MediaSpaceConcierge/assets/parent/images/main_kv_03_pc.jpg");
}

#Contents .visual-inner {
	position: relative;
	width: 40.48%;
	height: 44.05%;
}

#Contents .visual-inner .visual-inner__bg {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	mix-blend-mode: screen;
	box-shadow: rgba(0,0,0,0.99) 0px 0px 62px;
}

#Contents .visual-inner .visual-inner__text {
    z-index: 1;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 100%;
    height: 100%;
    content: "";
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 0 17px;
}

#Contents .visual-inner h1 {
	font-size: 2.25em;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 16px;
	letter-spacing: 0.1em;
}

#Contents .visual-inner p {
	font-size: 1.5em;
	width: 100%;
	border-top: 2px solid #BA2737;
	padding-top: 14px;
}


@media screen and (max-width: 1440px) {
  #Contents .visual-inner h1 {
    font-size: 2.505vw;
  }
  #Contents .visual-inner p {
    font-size: 1.67vw;
  }
}


@media screen and (max-width: 767px) {
  #Contents .visual {
    height: 60vw;
    min-height: 0;
    max-height: none;
    background-image: url("/advertising/MediaSpaceConcierge/assets/parent/images/main_kv_03_sp.jpg");
  }
  
  #Contents .visual-inner {
    width: 70.13vw;
    height: 26.67vw;
  }
  
  #Contents .visual-inner .visual-inner__text {
    padding: 0 2.27vw;
  }

  #Contents .visual-inner h1 {
    font-size: 4.8vw;
    margin-bottom: 2vw;
  }  
  #Contents .visual-inner p {
    font-size: 3.2vw;
    padding-top: 1.6vw;
  }
}


@media all and (-ms-high-contrast: none) {
  /*# Contents .visual-inner *::-ms-backdrop,
  #Contents .visual-inner .visual-inner__bg {
    background-color: rgba(200, 154, 123, 0.75);
  }*/
}




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

secttion-contact

------------------------------------------------------------------------------------------- */
#Contents .secttion-contact h2.sec-head {
  margin-bottom: 0;
}

#Contents .secttion-contact .contact-container {
  margin-top: 5.3125em;
}

#Contents .secttion-contact .contact-container + .-text {
  margin: 30px 0 40px;
}

#Contents .secttion-contact .contact-container__item {
  width: 21.3483146067%;
}

#Contents .secttion-contact .contact-container__item .-text {
  height: 72px;
  font-size: 1.125em;
}

#Contents .secttion-contact .contact-container__item .-image {
  width: 98%;
  max-width: 150px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  #Contents .button.-button-01 {
    width: 66.6666666667vw;
    max-width: 100%;
    height: 16vw;
    font-size: 4vw;
  }
  #Contents .button.-button-01 {
    width: 100%;
    max-width: 100%;
    height: 16vw;
    font-size: 4vw;
  }
  #Contents .button.-icon.-arrow::before {
    width: 2.8vw;
    height: 4.8vw;
  }
  
  #Contents .button.-icon:hover::before {
	right: 0.875em;
  }

  #Contents .secttion-contact .contact-container + .-text {
    margin: 0 0 8.6666666667vw;
  }
  #Contents .secttion-contact .contact-container {
    margin: 10.6666666667vw 2.2666666667vw 13.3333333333vw;
  }
  #Contents .secttion-contact .contact-container__item {
    width: 50%;
  }
  #Contents .secttion-contact .contact-container__item:nth-child(n+3) {
    margin-top: 5.6vw;
  }
  #Contents .secttion-contact .contact-container__item .-text {
    height: 9.6vw;
    font-size: 3.2vw;
  }
  #Contents .secttion-contact .contact-container__item .-image {
    width: 28vw;
    max-width: none;
  }
}