@charset "utf-8";
/* CSS Document */
#contWrap {
  padding: 0;
  margin: 0 auto;
	font-size: 16px;
  width: 100%;
}
#contWrap li {
	list-style-type: none;
}
#contWrap img {
  margin: 0;
  padding: 0;
  border:0;
  vertical-align: bottom;
  width: 100%;
}
#contWrap a {
  cursor: pointer;
  cursor: hand;
}
#contWrap .fl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap .fl-only-pc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap .u-only-sp {
  display: none;
}
#contWrap .u-only-pc {
  display: block;
}
@media screen and (max-width: 750px) {
	#contWrap {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
	}
  #contWrap .fl-only-pc {
    display: block;
  }
  #contWrap .u-only-sp{
    display: block;
  }
  #contWrap .u-only-pc{
    display: none;
  }
}
/* コンテンツ内共通 */
#contWrap .contBtn {
  width: 50%;
  margin: 0 auto;
  padding: 0;
	border-radius: 8px;
  box-sizing: border-box;
  border: solid 1px #053c7c;
  text-align: center;
  background: #044796;
  background: -moz-linear-gradient( #4c7cb4 0%, #044796 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#4c7cb4), to(#044796));
  background: -webkit-linear-gradient( #4c7cb4 0%, #044796 100%);
  background: -o-linear-gradient( #4c7cb4 0%, #044796 100%);
  background: linear-gradient( #4c7cb4 0%, #044796 100%);
}
#contWrap .contBtn a {
  display: block;
  margin: 0;
  padding: 7px 0;
  font-size: 28px;
  line-height: 1.8em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#contWrap .contBtn a span {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
}
#contWrap .contBtn a span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border: 7px solid transparent;
  border-left: 12px solid #fff;
}
#contWrap .itemBtn {
  width: calc(100% - 20px);
  margin: 20px auto 0 auto;
  padding: 0;
	border-radius: 4px;
  box-sizing: border-box;
  border: solid 1px #ff6d01;
  text-align: center;
  background: #ff6d01;
  background: -moz-linear-gradient( #ff8932 0%, #ff6d01 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8932), to(#ff6d01));
  background: -webkit-linear-gradient( #ff8932 0%, #ff6d01 100%);
  background: -o-linear-gradient( #ff8932 0%, #ff6d01 100%);
  background: linear-gradient( #ff8932 0%, #ff6d01 100%);
}
#contWrap .itemBtn a {
  display: block;
  margin: 0;
  padding: 7px 0;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#contWrap .itemBtn a span {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
}
#contWrap .itemBtn a span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border: 5px solid transparent;
  border-left: 10px solid #fff;
}
#contWrap h3.blue {
  margin: 0;
  padding: 0;
  font-size: 38px;
  line-height: 1.4;
  font-weight: 900;
  color: #084d94;  
}
#contWrap .cover {
  overflow-x: auto;
  position: relative;
  margin: 0;
  padding: 0;
}
#contWrap .font18 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.8;
  font-weight: normal;
}
#contWrap .font18-16 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.6;
  font-weight: normal;
}
#contWrap .font16 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
  font-weight: normal;
}
#contWrap .font14 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
}
#contWrap .lineMarker {
  background: linear-gradient(rgba(255,255,255,0) 40%, rgba(253, 240, 80, 1.0) 40%);
}

@media screen and (max-width: 750px) {
  #contWrap .contBtn {
    width: 90%;
  }
  #contWrap .contBtn a {
    font-size: 24px;
  }
  #contWrap .itemBtn a {
    padding: 7px 2px;
    font-size: 18px;
  }
  #contWrap .cover {
    padding: 0 2%;
  }
  #contWrap h3.blue {
    font-size: 28px;
  }
  #contWrap .font18 {
    font-size: 16px;
    line-height: 1.6;
  }
  #contWrap .font18-16 {
    font-size: 16px;
    line-height: 1.4;
  }
  #contWrap .font16 {
    font-size: 14px;
    line-height: 1.4;
  }
  #contWrap .font14 {
    font-size: 12px;
  }
}
/* トップ */
#contWrap #top {
  margin: 0;
  padding: 0;
}
#contWrap #top h2 {
  margin: 0;
  padding: 0;
}
#contWrap #top > div:first-of-type {
  margin: 0;
  padding: 40px 0 0 0;
  border-top: 20px solid #0e56a1;
  box-sizing: border-box;
  text-align: center;
}
#contWrap #top > div:first-of-type h3 {
  display: inline-block;
  margin: 0;
  padding: 0 10px 15px 10px;
  color: #084d94;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 700;
  border-bottom: 2px solid #0e56a1;
  box-sizing: border-box;
}
#contWrap #top div:first-of-type p:first-of-type {
  padding: 40px 0;
  margin: 0;
  color: #000;
  text-align: center;
}
#contWrap #achievement {
  background: #cfddec;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 40px;
  margin: 40px auto 0 auto;
  width: 80%;
  align-items: center;
}
#contWrap #achievement > p:first-of-type {
  margin: 0;
  padding: 5px 40px 5px 0;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: #084a97;
  border-right: dashed 1px #000;
}
#contWrap #achievement > p:nth-of-type(2) {
  margin: 0;
  padding: 0 40px;
  font-weight: normal;
}
#contWrap #purpose {
  margin: 0;
  padding: 80px 0;
  text-align: center;
}
#contWrap #purpose ul {
  margin: 0;
  padding: 0 0 60px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contWrap #purpose ul li {
  margin: 0;
  padding: 30px 0 0 0;
  width: 31.9%;
  text-align: center;
}
#contWrap #purpose ul li div {
  margin: 0;
  padding: 0;
}
#contWrap #purpose ul li p {
  margin: 0;
  padding: 10px 0 0 0;
  font-weight: normal;
}
#contWrap .exaBtn {
  width: 50%;
  margin: 0 auto;
  padding: 0;
	border-radius: 8px;
  box-sizing: border-box;
  border: solid 1px #053c7c;
  text-align: center;
  background: #044796;
  background: -moz-linear-gradient( #4c7cb4 0%, #044796 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#4c7cb4), to(#044796));
  background: -webkit-linear-gradient( #4c7cb4 0%, #044796 100%);
  background: -o-linear-gradient( #4c7cb4 0%, #044796 100%);
  background: linear-gradient( #4c7cb4 0%, #044796 100%);
}
#contWrap .exaBtn a {
  display: block;
  margin: 0;
  padding: 7px 0;
  font-size: 28px;
  line-height: 1.8em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#contWrap .exaBtn a span {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
}
#contWrap .exaBtn a span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  width: 0;
  height: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border: 7px solid transparent;
  border-top: 12px solid #fff;
}
@media screen and (max-width: 750px) {
  #contWrap #top > div:first-of-type {
    padding: 20px 0 0 0;
    border-top: 10px solid #0e56a1;
  }
  #contWrap #top > div:first-of-type h3 {
    padding: 0 5px 10px 5px;
    font-size: 24px;
  }
  #contWrap #top div:first-of-type p:first-of-type {
    padding: 20px 5%;
    text-align: left;
}
  #contWrap #achievement {
    margin: 20px auto 0 auto;
    padding: 10px;
    width: 90%;
    text-align: center;
  }
  #contWrap #achievement > p:first-of-type {
    margin: 0;
    padding: 5px;
    font-size: 20px;
    border-right: none;
    border-bottom: dashed 1px #000;
    width: 100%;
    text-align: center;
  }
  #contWrap #achievement > p:nth-of-type(2) {
    padding: 15px 5px 5px 5px;
    font-weight: normal;
    text-align: center;
  }
  #contWrap #purpose {
    padding: 40px 2%;
  }
  #contWrap #purpose ul li {
    padding: 20px 0 0 0;
    width: 48.5%;
  }
  #contWrap .exaBtn {
    width: 90%;
  }
  #contWrap .exaBtn a {
    font-size: 18px;
  }
  #contWrap .exaBtn a span::before {
    left: -15px;
  }
}

/* ４つのポイント共通*/
#contWrap #point4 {
margin: 0;
padding: 0;
text-align: center;
}
#contWrap #point4 h3 {
  margin: 0;
  padding: 0;
  font-size: 38px;
  line-height: 1.4;
  font-weight: 900;
  color: #084d94;
}
#contWrap #point4 h3 > span {
  margin: 0;
  padding: 0;
  position: relative;
}
#contWrap #point4 h3 > span > span {
  margin: 0;
  padding: 0;
  position: relative;
}
#contWrap #point4 h3 > span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -90px;
  border: 32px solid transparent;
  border-left: 32px solid #cfddec;
  border-bottom: 32px solid #cfddec;
}
#contWrap #point4 h3 > span > span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -180px;
  border: 32px solid transparent;
  border-left: 32px solid #cfddec;
  border-bottom: 32px solid #cfddec;
}
#contWrap #point4 h3 > span:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -90px;
  border: 32px solid transparent;
  border-right: 32px solid #cfddec;
  border-bottom: 32px solid #cfddec;
}
#contWrap #point4 h3 > span > span:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -180px;
  border: 32px solid transparent;
  border-right: 32px solid #cfddec;
  border-bottom: 32px solid #cfddec;
}
#contWrap #point4 h3 strong {
  margin: 0;
  padding: 0 15px;
  font-size: 52px;
  line-height: 1.4;
  font-weight: 900;
  position: relative;
}
#contWrap #point4 h3 strong span {
  margin: 0;
  padding: 0 5px;
  font-size: 92px;
  line-height: 1.4;
  font-weight: 900;
  font-style: italic;
}
#contWrap #point4 h3 strong::before,
#contWrap #point4 h3 strong::after {
  content: "\22";
	color: #084d94;
	font-size: 52px;
  position: absolute;
  top: -40px;
  font-weight: 600;
}
#contWrap #point4 > div {
  margin: 0;
  padding: 40px 2.59%;
  background: url("../images/bg-blue.png");
}
#contWrap #point4 > div > div + div {
  margin: 40px 0 0 0;
}
#contWrap #point4 h4 {
  margin: 0;
  padding: 0;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
}
#contWrap #point4 h4.h4Small {
  font-size: 32px;
}
#contWrap #point4 h4 img {
  margin: 0;
  padding: 0;
  width: 90px;
}
#contWrap #point4 h4 span {
  margin: 0;
  padding: 0 0 10px 20px;
}
@media screen and (max-width: 750px) {
  #contWrap #point4 {
    padding: 0 2%;
  }
  #contWrap #point4 h3 {
    font-size: 24px;
  }
  #contWrap #point4 h3 > span {
    display: inline-block;
  }
  #contWrap #point4 h3 > span > span {
    display: inline-block;
  }
  #contWrap #point4 h3 > span:before {
    left: -30px;
    border: 16px solid transparent;
    border-left: 16px solid #cfddec;
    border-bottom: 16px solid #cfddec;
  }
  #contWrap #point4 h3 > span > span:before {
    display: none;
  }
  #contWrap #point4 h3 > span:after {
    right: -30px;
    border: 16px solid transparent;
    border-right: 16px solid #cfddec;
    border-bottom: 16px solid #cfddec;
  }
  #contWrap #point4 h3 > span > span:after {
    display: none;
  }
  #contWrap #point4 h3 strong {
    padding: 0 5px;
    font-size: 24px;
    line-height: 1;
  }
  #contWrap #point4 h3 strong span {
    font-size: 40px;
    line-height: 1;
  }
  #contWrap #point4 h3 strong::before,
  #contWrap #point4 h3 strong::after {
    font-size: 32px;
    top: -15px;
  }
  #contWrap #point4 > div {
    margin: 10px 0 0 0;
    padding: 20px 2.59%;
  }
  #contWrap #point4 > div > div + div {
    margin: 20px 0 0 0;
  }
  #contWrap #point4 h4 {
    font-size: 22px;
  }
  #contWrap #point4 h4.h4Small {
    font-size: 22px;
  }
  #contWrap #point4 h4 img {
    margin: 0;
    padding: 0;
    width: 70px;
  }
  #contWrap #point4 h4 span {
    margin: 0;
    padding: 0 0 5px 10px;
    text-align: left;
  }
}
/* ４つのポイント ポイント1　*/
#contWrap #point01 {
  margin: 0;
  padding: 0 2.73%;
  background: #fff;
}
#contWrap #point01 > div {
  margin: 0;
  padding: 30px 0 0 0;
}
#contWrap #point01 > div > div:first-of-type {
  margin: 0;
  padding: 0;
  width: 52.88%;
  text-align: left;
}
#contWrap #point01 > div > div:nth-of-type(2) {
  margin: 0;
  padding: 0 0 30px 0;
  width: 44.23%;
}
#contWrap #point01 video {
  margin: 0;
  padding: 0;
  width: 100%;
}
#contWrap #point01 > div > div > div {
  margin: 0;
  padding: 20px 0 30px 0;
  display: flex;
  justify-content: flex-start;
}
#contWrap #point01 > div > div > div > div {
  margin: 0;
  padding: 0 20px 0 0;
  width: 40%;
  text-align: center;
}
#contWrap #point01 > div > div > div .font14 {
  padding: 10px 0 0 0;
}
@media screen and (max-width: 750px) {
  #contWrap #point01 {
    margin: 0;
    padding: 0 2.73%;
    background: #fff;
  }
  #contWrap #point01 > div {
    margin: 0;
    padding: 30px 0 0 0;
  }
  #contWrap #point01 > div > div:first-of-type {
    width: 100%;
  }
  #contWrap #point01 > div > div:nth-of-type(2) {
    width: 100%;
  }
  #contWrap #point01 > div > div > div {
    justify-content: space-between;
  }
  #contWrap #point01 > div > div > div > div {
    margin: 0;
    padding: 0;
    width: 47.5%;
    text-align: center;
  }
  #contWrap #point01 > div > div > div .font14 {
    padding: 5px 0 0 0;
    text-align: center;
  }
}
/* ４つのポイント ポイント2　*/
#contWrap #point02 {
  margin: 0;
  padding: 0 2.73%;
  background: #fff;
}
#contWrap #point02 > div:first-of-type {
  margin: 0;
  padding: 0;
  width: 52.88%;
  text-align: left;
}
#contWrap #point02 > div:nth-of-type(2) {
  margin: 0;
  padding: 20px 0 30px 0;
  width: 44.23%;
}
#contWrap #point02 .font18 {
  padding: 30px 0 0 0;
}
#contWrap #point02 > div > div {
  margin: 0;
  padding: 20px 0 30px 0;
  display: flex;
  justify-content: flex-start;
}
#contWrap #point02 > div > div > div {
  margin: 0;
  padding: 0 20px 0 0;
  width: 40%;
  text-align: center;
}
#contWrap #point02 > div > div > div .font14 {
  padding: 10px 0 0 0;
}
@media screen and (max-width: 750px) {
  #contWrap #point02 > div:first-of-type {
    width: 100%;
  }
  #contWrap #point02 > div:nth-of-type(2) {
    width: 100%;
  }
  #contWrap #point02 > div > div {
    justify-content: space-between;
  }
  #contWrap #point02 > div > div > div {
    margin: 0;
    padding: 0;
    width: 47.5%;
    text-align: center;
  }
  #contWrap #point02 > div > div > div .font14 {
    padding: 5px 0 0 0;
    text-align: center;
  }
}
/* ４つのポイント ポイント3　*/
#contWrap #point03 {
  margin: 0;
  padding: 0 0 20px 0;
  width: 48.64%;
  background: #fff;
  text-align: left;
}
#contWrap #point03 > h4 {
  margin: 0 5.61%;
}
#contWrap #point03 > p {
  margin: 0 5.61%;
  padding: 30px 0 0 0;
}
#contWrap #point03 > div {
  margin: 0 5.61%;
  padding: 40px 0 0 0;
}
@media screen and (max-width: 750px) {
  #contWrap #point03 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #contWrap #point03 > h4 {
    margin: 0;
    padding: 0 2.73%;
  }
  #contWrap #point03 > p {
    margin: 0;
    padding: 30px 2.73% 0 2.73%;
  }
  #contWrap #point03 > div {
    margin: 0;
    padding: 40px 2.73% 0 2.73%;
  }
}
/* ４つのポイント ポイント4　*/
#contWrap #point04 {
  margin: 0;
  padding: 0 0 30px 0;
  width: 48.64%;
  background: #fff;
  text-align: left;
}
#contWrap #point04 > h4 {
  margin: 0 5.61%;
}
#contWrap #point04 > p {
  margin: 0 5.61%;
  padding: 30px 0 0 0;
}
#contWrap #point04 > div {
  margin: 0 5.61%;
  padding: 40px 0 0 0;
}
@media screen and (max-width: 750px) {
  #contWrap #point04 {
    margin: 30px 0 0 0;
    padding: 0 0 30px 0;
    width: 100%;
  }
  #contWrap #point04 > h4 {
    margin: 0;
    padding: 0 2.73%;
  }
  #contWrap #point04 > p {
    margin: 0;
      padding: 30px 2.73% 0 2.73%;
  }
  #contWrap #point04 > div {
    margin: 0;
      padding: 40px 2.73% 0 2.73%;
  }
}
/* PSE */
#contWrap #pse {
  margin: 0;
  padding: 0;
}
#contWrap #pse > div:first-of-type {
  margin: 60px auto;
  padding: 30px 3% 20px 3%;
  width: 89.66%;
  border: solid 20px #dfe8f2;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
}
#contWrap #pse > div:first-of-type::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  margin-top: 20px;
  border: 20px solid transparent;
  border-top: 40px solid #dce6f1;
}
#contWrap #pse h3 {
  margin: 0;
  padding: 0 0 25px 0;
  font-size: 26px;
  line-height: 1.4;
  font-weight: 900;
  color: #084d94;
}
#contWrap #pse > div:first-of-type > div:first-of-type {
  margin: 0;
  padding: 0;
  width: 17.55%;
}
#contWrap #pse > div:first-of-type > div:nth-of-type(2) {
  margin: 0 auto;
  padding: 0;
  width: 77%;
}
/*#contWrap #pse > div:nth-of-type(2) {
  margin: 0;
  padding: 0;
}
#contWrap #pse .btnT {
  margin: 0;
  padding: 0 0 80px 0;
  text-align: right;
}
#contWrap .btnT a span {
  display: inline-block;
  position: relative;
  margin: 10px 0 0 10px;
  color: #000;
}
#contWrap .btnT a span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0;
  margin: -8px 0 0 0;
  padding: 0;
  border: 8px solid transparent;
  border-left: 12px solid #ff8226;
}*/
#contWrap #pse #signcityDesign {
  margin: 0 auto 80px auto;
  padding: 0;
  border: solid 10px #084d94;
  box-sizing: border-box;
  background: linear-gradient(rgba(255,255,255,1.0) 40%, rgba(231, 240, 253, 1.0) 70%, rgba(172,203,238,1.0) 100%);
  position: relative;
}
#contWrap #signcityDesign > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30.09%;
}
#contWrap #signcityDesign > div {
  margin: 0;
  padding: 25px 2.59%;
  background: url(../images/bg-signcitydesign@2x.png) top right/ auto 100% no-repeat;
}
#contWrap #signcityDesign h3 {
  margin: 0;
  padding: 0;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 900;
  color: #084d94;
  text-align: center;
  width: 74%;
}
#contWrap #signcityDesign h3 span {
  position: relative;
  padding: 0 50px;
}
#contWrap #signcityDesign h3 span::before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #084d94;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left: 0;
}
#contWrap #signcityDesign h3 span::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #084d94;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  right: 0;
}
#contWrap #signcityDesign h3 strong {
  font-weight: 900;
  color: #832bd1;
}
#contWrap #signcityDesign > div > div {
  margin: 0;
  padding: 0;
  width: 74%;
}
#contWrap #signcityDesign > div p:first-of-type {
  padding: 15px 0 20px 0;
}
#contWrap #signcityDesign .contBtn {
  width: 70%;
}
#contWrap #signcityDesign .contBtn a {
  padding: 5px 0;
  font-size: 22px;
}
#contWrap #signcityDesign .contBtn a span::before {
  left: -30px;
  border: 7px solid transparent;
  border-top: 12px solid #fff;
}
@media screen and (max-width: 750px) {
  #contWrap #pse {
    padding: 0 2%;
  }
  #contWrap #pse > div:first-of-type {
    margin: 40px auto;
    padding: 0 3% 20px 3%;
    width: 96%;
    border: solid 15px #dfe8f2;
  }
  #contWrap #pse > div:first-of-type::after {
    margin-top: 15px;
  }
  #contWrap #pse h3 {
    margin: 0;
    padding: 0 0 25px 0;
    font-size: 20px;
  }
  #contWrap #pse > div:first-of-type > div:first-of-type {
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 40%;
  }
/*  #contWrap #pse > div > div:nth-of-type(2) {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  #contWrap #pse .btnT {
    padding: 0 0 60px 0;
  }
  #contWrap .btnT a span::before {
    left: -15px;
  }*/
  #contWrap #pse #signcityDesign {
    margin: 0 auto 40px auto;
    border: solid 8px #084d94;
    width: 96%;
  }
  #contWrap #signcityDesign > img {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 50%;
  }
  #contWrap #signcityDesign > div {
    margin: 0;
    padding: 60% 2.59% 25px;
    background: url(../images/bg-signcitydesign_s@2x.png) top center/ 100% auto no-repeat;
  }
  #contWrap #signcityDesign h3 {
    font-size: 24px;
    width: 100%;
    padding: 10px 0;
  }
  #contWrap #signcityDesign h3 span {
    padding: 0 30px;
  }
  #contWrap #signcityDesign h3 span::before {
    width: 24px;
  }
  #contWrap #signcityDesign h3 span::after {
    width: 24px;
  }
  #contWrap #signcityDesign h3 strong {
    font-weight: 900;
    color: #832bd1;
  }
  #contWrap #signcityDesign > div > div {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #contWrap #signcityDesign > div p:first-of-type {
    padding: 0px 0px 20px 0px;
  }
  #contWrap #signcityDesign .contBtn {
    width: 100%;
  }
  #contWrap #signcityDesign .contBtn a {
    padding: 5px 10px 5px 40px;
    font-size: 18px;
    line-height: 1.4;
  }
  #contWrap #signcityDesign .contBtn a span::before {
    left: -30px;
    border: 7px solid transparent;
    border-top: 12px solid #fff;
  }
}
/* エアー看板製品仕様*/
#contWrap #sizeVarious {
  margin: 0;
  padding: 0;
  text-align: center;
}
/* サイズバリエーション表*/
#contWrap #sizeVarious table {
  padding: 0;
  margin: 30px 0 0 0;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 1px solid #a17f53;
  border-left: 1px solid #a17f53;
}
#contWrap #sizeVarious table th {
  width: calc(11.55% - 10px);
  padding: 10px 5px;
  text-align: center;
  vertical-align: top;
  color: #fff;
  background: #b99f7e;
  font-weight: 700;
  border-bottom: 1px solid #a17f53;
  border-right: 1px dashed #666;
  vertical-align: bottom;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  white-space: nowrap;
}
#contWrap #sizeVarious table th.beige {
  width: calc(3.1% - 10px);
  padding: 0 5px;
  text-align: center;
  vertical-align: middle;
  color: #774504;
  background: #f6f3ee;
  font-weight: 700;
  border-bottom: 1px solid #a17f53;
  border-right: 1px solid #a17f53;
   -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
}
#contWrap #sizeVarious table th.imgBox {
  width: 17.07%;
  padding: 20px 0;
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #a17f53;
  border-right: 1px dashed #666;
  vertical-align: bottom;
  background: #fff;
}
#contWrap #sizeVarious table th.st {
  width: 14.66%;
  border-bottom: 1px solid #a17f53;
  border-right: 1px solid #a17f53;
  background: #f6f3ee;
}
#contWrap #sizeVarious table th img {
  width: 100%;
  margin: 0 auto;
}
#contWrap #sizeVarious table td {
  width: calc(17.07% - 16px);
  padding: 17px 8px;
  border-bottom: 1px solid #a17f53;
  border-right: 1px dashed #666;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
}
#contWrap #sizeVarious table tr th:last-of-type,
#contWrap #sizeVarious table tr td:last-of-type {
  border-right: 1px solid #a17f53;
}

#contWrap #sizeVarious table td .boxPrice {
  font-size: 14px;
  color: #e20000;
  white-space: nowrap;
  font-weight: bold;
}
#contWrap #sizeVarious table td .boxPrice strong {  
  font-size: 32px;
  line-height: 1.2;
  font-style: italic;
  padding: 0 0.2em 0 0;
}
#contWrap #sizeVarious table th.brTd {
  background: #a17f53;
  color: #fff;
  text-align: center;
  padding: 8px 10px;
}
#contWrap #sizeVarious table td.brTd {
  background: #a17f53;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
}
#contWrap #sizeVarious ul {
  padding: 20px 0 0 0;
  margin: 0;
  text-align: left;
}
#contWrap #sizeVarious li {
  padding: 5px 0 0 0;
  margin: 0 0 0 1em;
  text-indent: -1em;
}
#contWrap #sizeVarious li::before {
  content: "※";
}
@media screen and (max-width: 750px) {
  #contWrap #sizeVarious {
    padding: 0 2%;
  }
  #contWrap #sizeVarious table th {
    font-size: 14px;
  }
  #contWrap #sizeVarious table th.beige {
    font-size: 14px;
  }
  #contWrap #sizeVarious table td {
    font-size: 12px;
  }
  #contWrap #sizeVarious table td .boxPrice {
    font-size: 12px;
  }
  #contWrap #sizeVarious table td .boxPrice strong {  
    font-size: 28px;
  }
}

/* アフター保証　*/
#contWrap #afterGuarantee {
  margin: 40px 0;
  padding: 0;
  text-align: center;
}
#contWrap #afterGuarantee > p {
  margin: 0;
  padding: 12px;
  background: #b99f7e;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
#contWrap #afterGuarantee > div {
  margin: 0;
  padding: 0 5% 30px 5%;
  border-bottom: solid 1px #a17f53;
  border-left: solid 1px #a17f53;
  border-right: solid 1px #a17f53;
  box-sizing: border-box;
}
#contWrap #afterGuarantee > div > p {
  margin: 0;
  padding: 25px 0 0 0;
}
#contWrap #afterGuarantee > div > p strong {
  font-weight: bold;
  color: #e20000;
  padding: 0 1em;
}
#contWrap #afterGuarantee ul {
  padding: 10px 0 0 0;
  margin: 0;
  text-align: left;
  display: inline-block;
}
#contWrap #afterGuarantee li {
  padding: 5px 0 0 0;
  margin: 0 0 0 1em;
  text-indent: -1em;
}
#contWrap #afterGuarantee li::before {
  content: "※";
}
/* デザイン作成　*/
#contWrap #designCreate {
  margin: 40px 0;
  padding: 0 3.57% 0 1.72% ;
  text-align: center;
  background: #2667aa;
  border-radius: 8px;
  align-items: center;
}
#contWrap #designCreate > div {
  margin: 0;
  padding: 10px 0;
  width: 18.18%;
}
#contWrap #designCreate > p {
  margin: 0;
  padding: 30px 0;
  width: 79.55%;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #contWrap #designCreate {
    margin: 40px 2% ;
    padding: 0 4%;
  }
  #contWrap #designCreate > div {
    margin: 0 auto;
    padding: 10px 0;
    width: 50%;
  }
  #contWrap #designCreate > p {
    margin: 0 auto;
    padding: 10px 0 30px 0;
    width: 100%;
  }
}

/* 風対策を　*/
#contWrap #speaker {
  margin: 0 0 80px 0;
  padding: 0;
  text-align: center;
}
#contWrap #speaker > div {
  margin: 0;
  padding: 30px 3.45%;
  text-align: center;
  border: solid 3px #2667aa;
  border-radius: 8px;
  box-sizing: border-box;
}
#contWrap #speaker > div > div:first-of-type {
  margin: 0;
  padding: 0;
  width: 52.78%;
  text-align: left;
}
#contWrap #speaker h3 {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 26px;
  line-height: 1.4;
  font-weight: 700;
  color: #084d94;
  border-bottom: solid 2px #0e56a1;
  align-items: center;
}
#contWrap #speaker h3 img {
  margin: 0 15px 0 0 ;
  padding: 0;
  width: 13%;
}
#contWrap #speaker h3 span {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: calc(87% - 15px);
}
#contWrap #speaker > div > div:first-of-type p {
  margin: 0;
  padding: 30px 0 0 0;
}
#contWrap #speaker > div > div:first-of-type ul {
  margin: 0;
  padding: 20px 0 0 0;
}
#contWrap #speaker > div > div:first-of-type ul li {
  padding: 5px 0 0 0;
  margin: 0 0 0 1em;
  text-indent: -1em;
}
#contWrap #speaker > div > div:first-of-type ul li::before {
  content: "※";
}
#contWrap #speaker > div > div:nth-of-type(2) {
  margin: 0;
  padding: 0;
  width: 43.52%;
}
@media screen and (max-width: 750px) {
  #contWrap #speaker {
    margin: 0 0 50px 0;
  }
  #contWrap #speaker > div {
    margin: 0 2%
  }
  #contWrap #speaker > div > div:first-of-type {
  width: 100%;
  }
  #contWrap #speaker h3 {
    font-size: 24px;
  }
  #contWrap #speaker h3 img {
    margin: 0 10px 0 0 ;
    width: 20%;
  }
  #contWrap #speaker h3 span {
    display: inline-block;
    width: calc(80% - 10px);
  }
  #contWrap #speaker > div > div:first-of-type p {
    padding: 15px 0 0 0;
  }
  #contWrap #speaker > div > div:first-of-type ul {
  margin: 0;
  padding: 15px 0;
}
  #contWrap #speaker > div > div:nth-of-type(2) {
    width: 100%;
  }
}

/* 大型サイズ　*/
#contWrap #largeSize {
  margin: 0;
  padding: 0;
  text-align: center;
}
#contWrap #largeSize > div:first-of-type {
  margin: 80px 0 0 0;
  padding: 0 3.45% 0 6.03%;
  background: rgb(237,242,248);
  background: linear-gradient(0deg, rgba(210,227,248,1) 0%, rgba(237,242,248,1) 100%);
}
#contWrap #largeSize > div:nth-of-type(2) {
  margin: 40px 0 0 0;
  padding: 0;
}
#contWrap #largeSize > div:first-of-type > div:first-of-type {
  margin: -30px 0 30px 0;
  padding: 0;
  width: 38.1%;
}
#contWrap #largeSize > div:first-of-type > div:nth-of-type(2) {
  margin: 0;
  padding: 0 0 70px 0;
  width: 57.14%;
  text-align: left;
}
#contWrap #largeSize > div:first-of-type h3 {
  margin: 0;
  padding: 50px 0 20px 0;
  font-size: 44px;
  line-height: 1.4;
  font-weight: 900;
  color: #084d94;
}
#contWrap #largeSize > div:first-of-type p {
  margin: 0;
  padding: 25px 0 0 0;
}
#contWrap #largeSize > div:first-of-type p strong {
  font-weight: normal;
  color: #e20000;
}
@media screen and (max-width: 750px) {
  #contWrap #largeSize {
    padding: 0 2%;
  }
  #contWrap #largeSize > div:first-of-type {
    padding: 0;
  }
  #contWrap #largeSize > div:nth-of-type(2) {
  margin: 20px 0 0 0;
}
  #contWrap #largeSize > div:first-of-type > div:first-of-type {
    margin: 0 auto;
    padding: 30px 0;
    width: 60%;
  }
  #contWrap #largeSize > div:first-of-type > div:nth-of-type(2) {
    margin: 0 auto;
    padding: 0 0 70px 0;
    width: 90%;
    text-align: left;
  }
  #contWrap #largeSize > div:first-of-type h3 {
  padding: 20px 0;
  font-size: 24px;
  text-align: center;
  }
  #contWrap #largeSize > div:first-of-type p {
    padding: 15px 0 0 0;
  }
}
/* 注意事項*/
#contWrap #handling {
  text-align: center;
}
#contWrap #handling h3 {
  text-align: center;
  font-size: 34px;
  line-height: 1.6;
  font-weight: 700;
  margin: 0 auto;
  padding: 100px 0 0 0;
}
#contWrap #handling > div {
  text-align: left;
  width: 70%;
  margin: 30px auto 0 auto;
  padding: 0;
}
#contWrap #handling > div h4 {
  margin: 0;
  padding: 0;
}
#contWrap #handling > div > p {
  margin: 0;
  padding: 12px 0 0 0;
  font-size: 15px;
  line-height: 1.6;
  font-weight: normal;
}
#contWrap #handling ul {
  text-align: left;
  margin: 0 auto;
  padding: 12px 0 0 0;
}
#contWrap #handling ul li {
  font-size: 15px;
  list-style-type: none;
  padding: 5px 0 0 0;
  margin: 0 0 0 1em;
  text-indent: -1em;
}
#contWrap #handling ul li::before {
  content: "・";
}

@media screen and (max-width: 750px) {
  #contWrap #handling {
      width: 100%;
      padding: 0 2% 30px 2%;
  }
  #contWrap #handling h3 {
  font-size: 28px;
  padding: 60px 0 0 0;
  }
  #contWrap #handling > div {
    width: 96%;
    margin: 0 auto;
  }
}
/*見積依頼の方法*/
#contWrap #mitumori {
  margin: 60px 0 0 0;
  padding: 0;
}
#contWrap #mitumori h3 {
  text-align: center;
  font-size: 34px;
  line-height: 1.6;
  font-weight: 700;
  margin: 0 auto;
  padding: 0;
}
#contWrap #mitumori h3 + ol {
  margin: 40px 0 0 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #contWrap #mitumori h3{
    font-size: 28px;
  }
}
/*デザインデータについて*/
#contWrap #designArea {
  margin: 100px 0 0 0;
  padding: 0;
}
#contWrap #designArea * {
  margin: 0;
  padding: 0;
}
#contWrap #designArea h3 {
  text-align: center;
  font-size: 34px;
  line-height: 50px;
  font-weight: 700;
  margin: 0 auto;
  padding: 0;
}
#contWrap #designArea > div {
  background: #e9f3ff;
  padding: 40px 0;
  margin: 40px 0 0 0;
}
#contWrap #designArea .boxA-1 {
  overflow: hidden;
  background: #fff;
  margin: 0 2.586206896551724% 20px;
  border: 1px solid #000;
  padding: 3%;
  box-sizing: border-box;
}
#contWrap #designArea .boxA-1 .img {
  margin: 10px;
  width: 30%;
}
#contWrap #designArea .boxA-1 img {
  width: 100%;
}
#contWrap #designArea .boxA-1 .text {
  width: 65%;
}
#contWrap #designArea .boxA-1 .right {
  float: right;
}
#contWrap #designArea .boxA-1 .left {
  float:left;
}
#contWrap #designArea .boxA-1 h4 {
  color: #3fa6e7;
  font-size: 24px;
  border-bottom: 2px dotted #3fa6e7;
  margin: 10px 0;
  font-weight: 700;
}
#contWrap #designArea .boxA-1 p {
  margin: 10px 0;
}
#contWrap #designArea .nyuko h4 {
  color: #D28C4E;
  border-bottom: 2px dotted #D28C4E;
}
#contWrap #designArea .nyuko h5 {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
}
#contWrap #designArea .nyukoImage {
  width: 50%;
}
@media screen and (max-width: 750px){
  #contWrap #designArea h3 {
    font-size: 28px;
    padding: 0;
    line-height: 1.4;
    width: 100%;
  }
  #contWrap #designArea > div {
  padding: 20px 0;
  margin: 20px 0 0 0;
  }
  #contWrap #designArea .boxA-1 h4 {
    font-size: 20px;
    line-height: 1.7;
  }
  #contWrap #designArea .boxA-1 .img {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #contWrap #designArea .boxA-1 .text {
    float: none;
    width: auto;
  }
}
/*デザインデータについて追加*/
#contWrap #designArea #stit {
  margin: 0 2.586206896551724% 20px;
  padding: 0;
  color: #1e2c72;
  font-size: 24px;
  line-height: 1.6em;
  font-weight: bold;
}
#contWrap #designArea #stit span {
  font-size: 34px;
  font-weight: normal;
}
#contWrap #designArea #stit span strong {
  font-size: 34px;
  font-weight: bold;
}
#contWrap #designArea #box-samples {
  position: relative;
  background: #fff;
  margin: 0 2.586206896551724% 20px;
  border: 1px solid #000;
  padding: 3%;
  box-sizing: border-box;
}
#contWrap #designArea #box-samples .text {
  width: 67%;
}
#contWrap #designArea #box-samples .fontS {
  display: inline-block;
  padding: 7px 0 0 0;
  font-size: 12px;
  line-height: 1.6;
}
#contWrap #designArea #box-samples img {
  width: 27.41%;
  position: absolute;
  top: -30px;
  right: -12px;
  z-index: 99;
}
#contWrap #designArea p + p {
  margin: 20px 0 0 0;
}
#contWrap #designArea .contBtn {
  margin: 70px auto 0 auto;
  width: 80%;
}
#contWrap #designArea #product-template__area {
  position: relative;
  background: #fff;
  margin: 0 2.586206896551724% 20px;
  border: 1px solid #000;
  padding: 3%;
  box-sizing: border-box;
}
#contWrap #designArea #product-template__area h4 {
  color: #151515;
  font-size: 24px;
  font-weight: 700;
}
#contWrap #designArea #product-template__area h4 span {
  font-size: 16px;
}
#contWrap #product-template__area .product-template__cover {
  width: 50%;
}
#contWrap #product-template__area .product-template__cover ul{
  margin: 0;
  padding: 0;
}
#contWrap #designArea ul.product-template__list li:first-child {
  width: 11em;
  font-size: 12px;
  font-weight: 700;
  padding-top: 3px;
}
#contWrap #designArea ul.product-template__list li {
  padding: 0 15px 3px 0;
  float: left;
}
@media screen and (max-width: 750px) {
  #contWrap #designArea #stit {
    font-size: 18px;
    text-align: center;
  }
  #contWrap #designArea #stit span {
    font-size: 20px;
  }
  #contWrap #designArea #stit span strong {
    font-size: 20px;
  }
  #contWrap #designArea #box-samples {
    padding: 30px 3%;
}
  #contWrap #designArea #box-samples .text {
    width: 100%;
    padding: 10px 0 0 0;
  }
  #contWrap #designArea #box-samples img {
    width: 80%;
    position: relative;
    top: 0;
    right: -10%;
    z-index: 99;
  }
  #contWrap #designArea .contBtn {
    margin: 20px auto 0 auto;
    width: 94%;
  }
  #contWrap #designArea #product-template__area h4 {
  font-size: 20px;
  line-height: 1.7;
  }
#contWrap #designArea #product-template__area h4 span {
  font-size: 12px;
  }
  #contWrap #product-template__area .product-template__cover {
  width: 100%;
  }
  #contWrap #designArea ul.product-template__list li:first-child {
  padding: 10px 0 0 0;
  }
}
/*flowA-4 注文の流れ*/
.flowA-4-wrap{
  display: flex;
  justify-content: space-between;
  margin: 0 2%;
}
.flowA-4{
  background: #1C9CD5;
  margin-bottom: 20px;
  text-align: center;
  width: 23%;
  padding: 0px 2% 34px;
    position: relative;
}
.flowA-4::after{/*手順の三角部分*/
    content: "";
    width: 0;
    height: 0;
    top: 45%;
    right: -7%;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #1C9CD5;
    position: absolute;
}
.flowA-4:last-child::after{/*手順の三角部分-最後は▶消す*/
    border-color: transparent transparent transparent transparent;
}
.flowA-4 p{
  color: #FFF;
}
.flowA-4-no{ /*手順番号*/
  font-size: 42px;
    margin-top: 15px;
}
.flowA-4-title{/*手順タイトル*/
  font-size: 24px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    line-height: 1.3;
}
.flowA-4-text{/*手順説明*/
  font-size: 16px;
  text-align: left;
    margin-top: 30px;
    position: relative;
}
.flowA-4-text::before{/*手順の線*/
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -17px;
    border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 750px) {
    .flowA-4-wrap{
        display: block;
    }
    .flowA-4{
        width: auto;
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
    }
    .flowA-4 div:nth-child(1){
        width: 40%;
    }
    .flowA-4 div:nth-child(2){
        width: 55%;
    }
    .flowA-4-text::before{/*手順の線*/
        border-bottom: 1px solid transparent;
    }
    .flowA-4-text{/*手順説明*/
      font-size: 14px;
        margin-top: 14px;
    }
    .flowA-4-title{/*手順タイトル*/
      font-size: 16px;
        height: auto;
        margin-top: 0;
    }
    .flowA-4-no{ /*手順番号*/
      font-size: 16px;
    }
    .flowA-4::after{/*手順の三角部分*/
        top: 100%;
        width: 0;
        height: 0;
        right: 46%;
        border-style: solid;
        border-width: 15px 15px 0 15px;
        border-color: #1C9CD5 transparent transparent transparent;
    }
}
/*contactA お問合せエリア*/
#contWrap .contactA-area {
  width: 100%;
  background-color:  #1C9CD5;
  padding: 0 0 44px 0;
}
.contactA-area * {
  margin: 0;
  padding: 0;
}
.contactA-area > h3 {
  font-size: 24px;
  line-height: 1.7;
  color: #fff;
  margin: 0 0 18px 0;
  padding: 30px 0 0 0;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
}
.contactA-area > p {
  font-size: 18px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
.contactA-wrap{
  width: 75.86%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.contactA-box{
  width: 48.86%;
  background-color: #fff;
  border-radius: 6px;
  padding: 20px 0 3px;
  text-align: center;
}
.contactA-box h4{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.contactA-tel{
  color: #ff6c00;
  text-decoration: none;
  font-size: 38px;
  font-weight: 700;
  line-height: 0.8;
}
.contactA-box-p{
  color: #333;
  margin: 20px 0;
  font-size: 14px;
}
.contactA-btn{/*ボタン*/
  display: inline-block;
  background-color: #ff6c00;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  padding: 15px 11% 12px 11%;
  border-bottom: solid 4px #a14400;
  margin-bottom: 20px;
  position: relative;
}
.contactA-btn:hover,.contactA-tel:hover{
  text-decoration: none;
  opacity: 0.5;
}
@media screen and (max-width: 750px) {
  .contactA-area>p{
      font-size: 14px;
  }
  .contactA-wrap{
      width: 100%;
      display: block;
  }
  .contactA-box{
      width: 95%;
      margin: 0 auto;
      padding: 20px 0 8px;
  }
  .contactA-box:nth-child(1){
      margin-bottom: 20px;
  }
}
/* ページ下部のリスト*/
#contWrap > section.btmList {
  padding: 50px 0 0 0;
  border-bottom: none;
  text-align: center;
}
#contWrap .btmList h3 {
  width: 100%;
}
#contWrap .btmList h3 span {
  display: inline-block;
  margin: 0 auto 30px;
  padding: 0 45px;
  text-align: center;
  color: #03121c;
  font-size: 24px;
  line-height: 1.2;
  font-weight: bolder;
  position: relative;
}
#contWrap .btmList h3 span::before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #095b84;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left: 0;
}
#contWrap .btmList h3 span::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 44px;
    height: 2px;
    background-color: #095b84;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    right: 0;
}
#contWrap .btmList ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
#contWrap .btmList ul li {
  width: 48%;
  margin: 0 0 15px 0;
  padding: 0;
}
#contWrap .btmList ul li a {
  display: block;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #contWrap .btmList h3 span {
  margin: 0 auto 20px;
  font-size: 18px;
}
  #contWrap .btmList ul {
  display: block;
  }
  #contWrap .btmList ul li {
    width: 100%;
  }
}
/*  リンク調整 */
#contWrap #signcityAir,
#contWrap #caseTit  {
  margin: -80px 0 0 0;
  padding: 80px 0 0 0;
}
#contWrap #temp {
  margin: -130px 0 0 0;
  padding: 130px 0 0 0;
}
@media screen and (max-width: 750px) {
  #contWrap #signcityAir,
  #contWrap #caseTit {
  margin: -90px 0 0 0;
  padding: 90px 0 0 0;
  }
  #contWrap #temp {
  margin: -140px 0 0 0;
  padding: 140px 0 0 0;
  }
}

/*  バナー追加 */
#contWrap .addBnr {
  margin: 50px auto 0 auto;
  padding: 0;
  width: 80%;
  max-width: 1000px;
}
@media screen and (max-width: 750px) {
  #contWrap .addBnr {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 96%;
  }
}

/*事例
---------------------------------------*/
#case {
  width: 100%;
  background-color: #f1f1f1;
}
#case .ttl3 {
  text-align: center;
  font-size: 34px;
  line-height: 1.6;
  font-weight: 700;
}
.case_box {
  padding: 40px;
  background: #fff;
  margin: 20px 0 30px 0;
  border-radius: 10px;
  box-sizing: border-box;
}
#caseRestaurant .case_box {
  border: solid 3px #d74656;
}
#casePromotion .case_box {
  border: solid 3px #eed664;
}
#caseEvent .case_box {
  border: solid 3px #9bc46c;
}
.case_box > div {
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.case_box > div > div:first-of-type {
  width: 66%;
}
.case_box > div > div:nth-of-type(2) {
  width: 32%;
}
.case_box ul,
.case_box ul.flW {
  margin: 0;
  padding: 0;
  display: flex;
}
.case_box ul li {
  margin: 10px 2% 0 0;
  padding: 0;
  width: 32%;
}
.case_box ul li:nth-of-type(3n) {
  margin: 10px 0 0 0;
}
.case_box ul.flW li {
  margin: 10px 2% 0 0;
  padding: 0;
  width: 49%;
}
.case_box ul.flW li:nth-of-type(2n) {
  margin: 10px 0 0 0;
}
.case_box ul.flR {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
}
.case_box ul.flR li {
  margin: 10px 0 0 2%;
  padding: 0;
  width: 32%;
}
.case_box ul.flR li:nth-of-type(3n) {
  margin: 10px 0 0 0;
}
.case_box .voiceColA li:first-of-type {
  margin: 10px 0 0 0;
  padding: 0;
  width: 29.41%;
}
.case_box .voiceColA li:nth-of-type(2) {
  margin: 10px 0 0 2%;
  padding: 0;
  width: 68.63%;
}
.case_box img {
  width: 100%;
}
#case .case_box img + img {
  margin: 20px 0 0 0;
}
#case .ttl4 {
  line-height: 1.8;
  font-size: 20px;
  margin: 0;
  padding: 0 0 10px 0;
  font-weight: 700;
}
#case .ttl4 > span {
  font-size: 16px;
}
#case .textbox {
  font-size: 16px;
  text-align: left;
  line-height: 1.8;
  margin: 0;
  padding: 0 0 20px 0;
}
.case_box .othersLink {
  margin: 0;
  padding: 0 0 20px 0;
  display: flex;
  justify-content: flex-start;
}
.case_box .othersLink > p {
  margin: 10px 20px 0 0;
  padding: 0;
}
.case_box .othersLink > p a::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #0db2b4;
  border-top: 5px solid transparent;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 10px;
  position: relative;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  #case .ttl3 {
    font-size: 24px;
  }
  .case_box {
    padding: 20px;
    margin: 20px 0;
  }
  .case_box > div {
    display: block;
  }
  .case_box > div > div:first-of-type {
    width: 100%;
  }
  .case_box > div > div:nth-of-type(2) {
    margin: 10px 0 0 0;
    width: 100%;
  }
  .case_box ul,
  .case_box ul.flR,
  .case_box ul.flW {
    display: block;
  }
  .case_box ul li {
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
  }
  .case_box .voiceColA li:first-of-type {
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
  }
  .case_box .voiceColA li:nth-of-type(2) {
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
  }
  .case_box img + img {
    margin: 10px 0 0 0;
  }
  #case .ttl4 {
  line-height: 1.6;
  font-size: 20px;
  margin-top: 0;
  }
  .case_box .othersLink {
    display: block;
  }
  .case_box .othersLink > p {
    margin: 10px 0;
  }
}


  /*共通パーツ
---------------------------------------*/
.wrap {
  width: 96.55172413793103%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .wrap {
    width: 94.66666666666667%;
    padding-bottom: 10px;
  }
}
#contWrap #signcityAir h3 {
  margin: 50px 0 20px 0;
  padding: 12px;
  font-size: 28px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #8ac750;
}
#contWrap .category-recommend + .goOther {
  margin: 30px 0 0 0;
  padding: 0;
}
#contWrap .goOther p {
  margin: 0;
  padding: 0;
}
#contWrap .goOther p a {
  display: block;
  margin: 0 auto 40px;
  padding: 1rem 2rem;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 40%;
  color: #fff;
  text-decoration: none;
  background: #EFD234;
}
@media screen and (max-width: 750px) {
  #contWrap #signcityAir h3 {
    font-size: 18px;
    padding: 8px;
  }
  #contWrap .category-recommend + .goOther {
    margin: 15px 0 0 0;
  }
  #contWrap .goOther p a {
    margin: 0 auto 20px;
    padding: 0.6rem 1rem;
    font-size: 15px;
    width: 80%;
  }
}

/* おすすめ特集バナー
----------------------------------*/
#contWrap #bnrRrecommend {
  margin: 60px 0 0 0;
  padding: 0;
}
#contWrap #bnrRrecommend h3 {
  margin: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
#contWrap #bnrRrecommend h3 span {
  position: relative;
  padding: 0 50px;
}
#contWrap #bnrRrecommend h3 span::before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #151515;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left: 0;
}
#contWrap #bnrRrecommend h3 span::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #151515;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  right: 0;
}
#contWrap #bnrRrecommend ul {
  margin: 20px 0 0 0;
  padding: 0;
}
#contWrap #bnrRrecommend ul li {
  margin: 10px 0 0 0;
  padding: 0;
  width: 49%;
}
@media screen and (max-width: 750px) {
  #contWrap #bnrRrecommend {
    margin: 40px 0 0 0;
  }
  #contWrap #bnrRrecommend ul {
    width: 92%;
    margin: 10px auto 0 auto;
  }
  #contWrap #bnrRrecommend ul li {
    width: 100%;
  }
  #contWrap #bnrRrecommend h3 {
    font-size: 20px;
    width: 100%;
  }
  #contWrap #bnrRrecommend h3 span {
    padding: 0 30px;
  }
  #contWrap #bnrRrecommend h3 span::before {
    width: 24px;
  }
  #contWrap #bnrRrecommend h3 span::after {
    width: 24px;
  }
}


/* タブの切り替え
----------------------------------*/
#contWrap .tab-002 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  margin: 20px 0 0 0;
  padding: 0;
}

#contWrap .tab-002 > label {
  flex: 1 1;
  order: -1;
  min-width: 70px;
  padding: .6em 1em;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  opacity: .8;
}
#contWrap .tab-002 > label span {
  position: relative;
}
#contWrap .tab-002 > label span::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -6px;
  transform: rotate(45deg);
}
#contWrap .tab-002 > label:first-of-type {
  background-color: #d74656;
}
#contWrap .tab-002 > label:nth-of-type(2) {
  background-color: #eed664;
}
#contWrap .tab-002 > label:last-of-type {
  background-color: #9bc46c;
}
#contWrap .tab-002 > label:hover {
  opacity: 1;
}

#contWrap .tab-002 input {
  display: none;
}

#contWrap .tab-002 > div {
  display: none;
  width: 100%;
  padding: 0 2em;
  background-color: #fff;
}

#contWrap .tab-002 label:has(:checked) {
  opacity: 1;
}

#contWrap .tab-002 label:has(:checked) + div {
  display: block;
}
@media screen and (max-width: 750px) {
  #contWrap .tab-002 {
    margin: 10px 0 0 0;
  }
  #contWrap .tab-002 > label {
    padding: .6em .5em;
    font-size: 14px;
  }
  #contWrap .tab-002 > label span {
    display: block;
    padding: 0 0 13px 0;
  }
  #contWrap .tab-002 > label span::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-top: 0;
    transform: rotate(45deg);
  }
  #contWrap .tab-002 > div {
    padding: 0 .5em;
  }
}