@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 .font-rd {
  color: #b50b0b;
}
#contWrap .font-gr {
  color: #5c7806;
}
#contWrap .font16-18 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  font-weight: normal;
}
#contWrap .font16 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
}
#contWrap .font18 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.8;
  font-weight: normal;
}
#contWrap .font12 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  font-weight: normal;
}
#contWrap .font26 {
  padding: 0;
  margin: 0;
  font-size: 26px;
  line-height: 1.4;
  font-weight: 700;
}
#contWrap .font-c {
  text-align: center;
}
#contWrap h3 {
  padding: 25px 1em;
  margin: 0;
  background: #a89277;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
#contWrap .lead-L,
#contWrap .lead-LL {
  padding: 30px 2.586206896551724% 0 2.586206896551724%;
  margin: 0;
  text-align: center;
}
#contWrap .lead-L span {
  padding: 0 70px;
  margin: 0 auto;
  color: #353564;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
#contWrap .lead-LL span {
  padding: 0 70px;
  margin: 0 auto;
  color: #353564;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
#contWrap .lead-L span::before,
#contWrap .lead-LL span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #000;
}
#contWrap .lead-L span::after,
#contWrap .lead-LL span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #000;
}
#contWrap .lead-W {
  padding: 60px 2.586206896551724% 0 2.586206896551724%;
  margin: 0;
  text-align: center;
}
#contWrap .lead-W span {
  padding: 0 55px;
  margin: 0 auto;
  color: #353564;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
#contWrap .lead-W span span {
  padding: 0 65px;
}
#contWrap .lead-W span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 45px;
    height: 10px;
    background-color: #717192;
    margin-top: -5px;
}
#contWrap .lead-W span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 45px;
    height: 10px;
    background-color: #717192;
    margin-top: -5px;
}
#contWrap .leadBand {
  padding: 0 2.586206896551724%;
  margin: 0;
  text-align: center;
  background: #eaeaef;
  position: relative;
}
#contWrap .leadBand::after {
  content: '';
  position: absolute;
  border-top: 50px solid #eaeaef;
  border-right: 55px solid transparent;
  border-left: 55px solid transparent;
  top: bottom;
  left: 50%;
  margin-left: -55px;
}
#contWrap .leadBand p {
  padding: 30px 0;
  margin: 0;
  color: #353564;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
}
#contWrap .sent {
  padding: 40px 2.586206896551724% 0 2.586206896551724%;
  margin: 0;
  text-align: center;
}
#contWrap .leadBand + div {
  margin: 40px 0 0 0;
}
#contWrap .ribbon {
  display:inline-block;
	padding: 10px 50px;
	background:#a89277;
	position:relative;
	margin: 30px 20px 0 20px;
  font-size: 24px;
  line-height: 1.4;
  color: #fff;
}
#contWrap .ribbon::before {
  content: "";
	width: 20px;
	height: 100%;
	left: -20px;
	top: 0;
	position: absolute;
	background: linear-gradient(to bottom left, #a89277 50%, transparent 50%) top left/ 100% 50% no-repeat,
  linear-gradient(to top left, #a89277 50%, transparent 50%) bottom left / 100% 50% no-repeat;
}
#contWrap .ribbon::after {
  content: "";
  width: 20px;
  height: 100%;
  right: -20px;
  top: 0;
  position: absolute;
  background: linear-gradient(to bottom right, #a89277 50%, transparent 50%) top left/ 100% 50% no-repeat,
  linear-gradient(to top right, #a89277 50%, transparent 50%) bottom left / 100% 50% no-repeat;
}
@media screen and (max-width: 750px) {
  #contWrap .font16-18 {
    font-size: 14px;
    line-height: 1.8;
  }
  #contWrap .font16 {
    font-size: 14px;
    line-height: 1.4;
  }
  #contWrap .font18 {
    font-size: 16px;
    line-height: 1.8;
  }
  #contWrap .font26 {
    font-size: 20px;
  }
  #contWrap h3 {
    padding: 15px 0.5em;
    font-size: 20px;
  }
  #contWrap .lead-L span {
    padding: 0 40px;
    font-size: 20px;
  }
  #contWrap .lead-LL span {
    padding: 0 40px;
    font-size: 24px;
  }
  #contWrap .lead-L span::before,
  #contWrap .lead-LL span::before{
      width: 30px;
  }
  #contWrap .lead-L span::after,
  #contWrap .lead-LL span::after {
      width: 30px;
  }
  #contWrap .lead-W span {
    padding: 0 35px;
    font-size: 18px;
  }
  #contWrap .lead-W span span {
    padding: 0 35px;
  }
  #contWrap .lead-W span::before {
      width: 25px;
      height: 6px;
      margin-top: -3px;
  }
  #contWrap .lead-W span::after {
      width: 25px;
      height: 6px;
      margin-top: -3px;
  }
  #contWrap .leadBand::after {
    border-top: 25px solid #eaeaef;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    margin-left: -25px;
  }
  #contWrap .leadBand p {
    padding: 20px 0;
    font-size: 20px;
  }
  #contWrap .sent {
    padding: 20px 2.586206896551724% 0 2.586206896551724%;
  }
  #contWrap .leadBand + div {
    margin: 20px 0 0 0;
  }
  #contWrap .ribbon {
    padding: 5px 30px;
    margin: 10px 20px 0 20px;
    font-size: 18px;
  }
  #contWrap .ribbon::before {
    width: 16px;
    left: -16px;
  }
  #contWrap .ribbon::after {
    width: 16px;
    right: -16px;
  }
}

/* 各種リストの設定 */
#contWrap #top ul {
  margin: 10px 0 0 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#contWrap #top ul li {
  margin: 30px 0 0 0;
  padding: 0;
  width: 31.896551724137932%;
  border: solid 1px #333;
  box-sizing: border-box;
  height: 120px;
  position: relative;
}
#contWrap #top ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
}
#contWrap #top ul li span {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 0 20px 0 0;
}
#contWrap #top ul li span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  transform: rotate(135deg);
}
#contWrap #top ul li span.oth {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 0 20px 0 0;
}
#contWrap #top ul li span.oth::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  transform: rotate(45deg);
}
#contWrap #top ul li:first-of-type {
  background: url("../../images/icon_contNav01.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(2) {
  background: url("../../images/icon_contNav02.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(3) {
  background: url("../../images/icon_contNav03.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(4) {
  background: url("../../images/icon_contNav04.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(5) {
  background: url("../../images/icon_contNav05.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(6) {
  background: url("../../images/icon_contNav06.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(7) {
  background: url("../../images/icon_contNav07.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(8) {
  background: url("../../images/icon_contNav08.png") no-repeat top left;
}
#contWrap #top ul li:nth-of-type(9) {
  background: url("../../images/icon_contNav09.png") no-repeat top left;
}
#contWrap .ulBox {
  margin: 0;
  padding: 10px 2.586206896551724% 0 2.586206896551724%;
  flex-wrap: wrap;
}
#contWrap .ulBox p {
  margin: 0;
  padding: 5px 0 0 0;
}
#contWrap .ulType1 li {
  margin: 0;
  padding: 30px 0 0 0;
}
#contWrap .ulType2 li {
  margin: 0;
  padding: 30px 0 0 0;
  width: 48.63636363636364%;
}
#contWrap .ulType3 li {
  margin: 0;
  padding: 30px 0 0 0;
  width: 32.27272727272727%;
}
#contWrap .ulType4 li {
  margin: 0;
  padding: 30px 0 0 0;
  width: 18.181818181818183%;
}
#contWrap .ulType4 li:first-of-type {
  margin: 0;
  padding: 30px 0 0 0;
  width: 40%;
}
@media screen and (max-width: 750px) {
  #contWrap #top ul {
    margin: 10px auto;
    width: 94.827586206896552%;
  }
  #contWrap #top ul li {
    width: 100%;
    margin: 10px 0 0 0;
    height: 80px;
  }
  #contWrap #top ul li:first-of-type {
    background: url("../../images/icon_contNav01-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(2) {
    background: url("../../images/icon_contNav02-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(3) {
    background: url("../../images/icon_contNav03-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(4) {
    background: url("../../images/icon_contNav04-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(5) {
    background: url("../../images/icon_contNav05-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(6) {
    background: url("../../images/icon_contNav06-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(7) {
    background: url("../../images/icon_contNav07-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(8) {
    background: url("../../images/icon_contNav08-s.png") no-repeat center left;
  }
  #contWrap #top ul li:nth-of-type(9) {
    background: url("../../images/icon_contNav09-s.png") no-repeat center left;
  }
  #contWrap .ulType1 li {
    padding: 20px 0 0 0;
  }
  #contWrap .ulType2 li {
    padding: 20px 0 0 0;
    width: 100%;
  }
  #contWrap .ulType3 li {
    padding: 20px 0 0 0;
    width: 32.27272727272727%;
  }
  #contWrap .ulType4 li {
    padding: 20px 0 0 0;
    width: 18.181818181818183%;
  }
  #contWrap .ulType4 li:first-of-type {
    margin: 0;
    padding: 20px 0 0 0;
    width: 40%;
  }
}

/* トップ */
#contWrap #top {
  margin: 0;
  padding: 0;
  text-align: center;
}
#contWrap #top h2 {
  margin: 0;
  padding: 0;
}

/* コスト削減　*/
#contWrap #costDown {
  margin: 60px 0 0 0;
  padding: 0;
  text-align: center;
}
#contWrap #costDown > section + section {
  margin: 50px 0 0 0;
  padding: 0;
}
#costDown #cost6 {
  margin: 45px 0 0 0;
  padding: 0;
}
#costDown article {
  margin: 30px 0 0 0;
  padding: 0;
  width: 48.706896551724135%;
  display: flex;
  text-align: left;
}
#costDown article > div:first-of-type {
  margin: 0 2.6548672566371683% 0 0;
  padding: 0;
  width: 17.699115044247787%;
}
#costDown article > div:nth-of-type(2) {
  margin: 0;
  padding: 0 0 0 3.5398230088495577%;
  width: 76.10619469026548%;
  border-left: dashed 2px #a3a3ad;
  box-sizing: border-box;
}
#costDown article h4 {
  margin: 0;
  padding: 0 0 20px 0;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.4;
}
#costGray {
  margin: 80px 0 0 0;
  padding: 30px;
  background: #e5e5e5;
  position: relative;
}
#costGray::after {
  content: '';
  position: absolute;
  border-top: 50px solid #fff;
  border-right: 55px solid transparent;
  border-left: 55px solid transparent;
  top: 0;
  left: 50%;
  margin-left: -55px;
}
#costGray > img {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -40px;
  left: 10px;
  width: 229px;
}
#costGray #costExercise {
  margin: 0;
  padding: 40px 0 0 0;
  width: 54.54545454545454%;
  text-align: left;
}
#costGray #costExercise > div:first-of-type {
  margin: 0;
  padding: 0;
  width: 20%;
}
#costGray #costExercise > div:nth-of-type(2) {
  margin: 0;
  padding: 0;
  width: 75%;
}
#costGray #costExercise .font16 {
  margin: 25px 0 0 0;
}
#costGray #costWhite {
  margin: 0;
  padding: 20px 0 35px 0;
  width: 39.09090909090909%;
  background: #fff;
  position: relative;
}
#costGray #costWhite > img {
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 109px;
}
#costGray #costWhite p {
  margin: 0;
  padding: 0;
}
#costGray #costWhite p strong {
  font-size: 26px;
  line-height: 1.4;
  font-weight: 900;
}
#costGray #costWhite div {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 64.70588235294117%;
}
#costBeige {
  margin: 0;
  padding: 0;
  background: #fff;
  border: solid 30px #fffeed;
  box-sizing: border-box;
  position: relative;
}
#costBeige::after {
  content: '';
  position: absolute;
  border-top: 50px solid #e5e5e5;
  border-right: 55px solid transparent;
  border-left: 55px solid transparent;
  top: -30px;
  left: 50%;
  margin-left: -55px;
}
#costBeige > div:first-of-type {
  margin: 30px 0 20px 5.454545454545454%;
  padding: 0;
  width: 27.727272727272727%;
  position: relative;
}
#costBeige > div:first-of-type > img:nth-of-type(2) {
  position: absolute;
  left: -40px;
  bottom: -32px;
  width: 109px;
}
#costBeige > div:nth-of-type(2) {
  margin: 30px 0 20px 0;
  padding: 0 0 30px 0;
  width: 66.81818181818183%;
}
#costBeige > div:nth-of-type(2) p {
  margin: 0 auto;
  padding: 30px 0 0 0;
  width: 83.6734693877551%;
}
#costBeige > div:nth-of-type(2) p:nth-of-type(2) strong {
  font-size: 36px;
  font-weight: 900;
  padding: 0 0 0 10px;
}
@media screen and (max-width: 750px) {
  #contWrap #costDown {
    margin: 30px 0 0 0;
  }
  #contWrap #costDown > section + section {
    margin: 30px 0 0 0;
  }
  #costDown #cost6 {
    margin: 25px 0 0 0;
    padding: 0 2.586206896551724%;
  }
  #costDown article {
    width: 100%;
  }
  #costDown article h4 {
    padding: 0 0 10px 0;
    font-size: 20px;
  }
  #costGray {
    margin: 60px 0 0 0;
    padding: 20px;
  }
  #costGray::after {
    position: absolute;
    border-top: 25px solid #fff;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    margin-left: -25px;
  }
  #costGray > img {
    top: -40px;
    left: 10px;
    width: 140px;
  }
  #costGray #costExercise {
    margin: 0 auto;
    padding: 20px 0 0 0;
    width: 94.827586206896552%;
  }
  #costGray #costExercise .font16 {
    margin: 15px 0 0 0;
  }
  #costGray #costWhite {
    margin: 20px 0 0 0;
    padding: 15px 0;
    width: 100%;
  }
  #costGray #costWhite > img {
    bottom: -12px;
    width: 70px;
  }
  #costGray #costWhite p strong {
    font-size: 20px;
  }
  #costBeige {
    border: solid 20px #fffeed;
  }
  #costBeige::after {
    border-top: 25px solid #e5e5e5;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    top: -30px;
    left: 50%;
    margin-left: -25px;
  }
  #costBeige > div:first-of-type {
    margin: 15px auto;
    width: 70%;
  }
  #costBeige > div:first-of-type > img:nth-of-type(2) {
    position: absolute;
    left: 0;
    bottom: -32px;
    width: 70px;
  }
  #costBeige > div:nth-of-type(2) {
    width: 94.827586206896552%;
    margin: 0 auto;
  }
  #costBeige > div:nth-of-type(2) p {
    width: 100%;
  }
  #costBeige > div:nth-of-type(2) p:nth-of-type(2) strong {
    font-size: 28px;
  }
}

/*#QA
----------------------------------*/
#faqBox {
	margin: 60px 0;
  padding: 0 2.586206896551724%;
  text-align: left;
}
#faqBox ul {
  margin: 0;
  padding: 0 0 3px 0;
  border-bottom: dashed 1px #959595;
}
#faqBox ul li,
#faqBox dl {
  margin: 0;
  padding: 0;
}
#faqBox li dl dt {
  margin: 3px 0 0 0;
  padding: 3px 0 0 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.8;
  color: #000;
	display: flex;
	border-top: dashed 1px #959595;
	cursor: pointer;
  align-items: center;
}
#faqBox li dl dd {
  margin: 3px 0 0 0;
  padding: 3px 0 0 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.8;
  color: #ea6363;
	display: none;
	background: #fff;
  border-top: dashed 1px #c3c3c3;
}
#faqBox li dl dd div {
	display:  flex;
}
#faqBox li dl dt > span {
  padding: 20px 0;
}
#faqBox li dl dt > span:first-child {
  text-align: center;
  vertical-align: top;
  border: none;
  background: #6dc8f8;
  color: #fff;
  font-size: 28px;
  font-weight: normal;
  padding: 20px;
}
#faqBox li dl dd div > span {
  padding: 20px 0;
}
#faqBox li dl dd div > span:first-child {
  text-align: center;
  vertical-align: top;
  border: none;
  font-size: 28px;
  font-weight: normal;
  display: block;
  background: #fb8e8e;
  color: #fff;
  padding: 20px;
}
#faqBox li dl dt > span:first-child span, 
#faqBox li dl dd div > span:first-child span {
	display: block;
  width: 1em;
}
#faqBox li dl dt > span:nth-child(2) {
	padding-left: 2em;
	 width: calc(95% - 35px);
}
#faqBox li dl dd div > span:last-child {
  padding-left: 2em;
  width: 95%;
}
#faqBox li dl dt div,
#faqBox li dl dt div span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#faqBox li dl dt div {
	position: relative;
	width: 30px;
	height: 30px;
	margin: 20px 5px 0 0;
}
#faqBox li dl dt div span {
  position: absolute;
  left: 6px;
  width: 50%;
  height: 2px;
  background-color: #222;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
#faqBox li dl dt div span:nth-of-type(1) {
  top: 12px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
#faqBox li dl dt div span:nth-of-type(2) {
  top: 12px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#faqBox li dl dd a {
  color: #3f97e1;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 1em;
}
#faqBox li dl dd a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: solid 2px #3f97e1;
    border-right: solid 2px #3f97e1;
    transform: rotate(45deg);
}
#faqBox li dl dd a:hover {
    text-decoration: none;
}
@media screen and (max-width: 750px) {
  #faqBox {
    margin: 30px 0;
  }
  #faqBox li dl dt {
    font-size: 14px;
  }
  #faqBox li dl dd {
    font-size: 14px;
  }
  #faqBox li dl dt > span {
    padding: 10px 0;
  }
  #faqBox li dl dt > span:first-child {
    font-size: 24px;
    padding: 10px 20px;
  }
  #faqBox li dl dd div > span {
    padding: 10px 0;
  }
  #faqBox li dl dd div > span:first-child {
    font-size: 24px;
    padding: 10px 20px;
  }
  #faqBox li dl dt > span:nth-child(2) {
    padding-left: 1em;
     width: calc(95% - 35px);
  }
  #faqBox li dl dd div > span:last-child {
    padding-left: 1em;
    width: 95%;
  }
  #faqBox li dl dt div {
    margin: 10px 5px 0 0;
  }
}

/*＋、－切り替え*/
----------------------------------*/
#faqBox li dl dt div.active span:nth-of-type(1) {
	display:none;
}
#faqBox li dl dt div.active span:nth-of-type(2) {
  top: 12px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
/* 看板製作代行一覧 */
#contWrap #actingList {
  margin: 80px 0 0 0;
  padding: 0;
  text-align: center;
}
#contWrap #actingList > section {
  margin: 50px 0 0 0;
  padding: 0;
}
#contWrap #actingList > section section {
  margin: 0;
  padding: 0;
}
#contWrap #actingList > section section + section {
  margin: 60px 0 0 0;
  position: relative;
}
#contWrap #actingList > section section + section::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translate(-50%); /* 位置調整 */
	top: 0; /* 下線の上下位置調整 */
	width: 120px; /* 下線の幅 */
	height: 2px; /* 下線の太さ */
	background-color: #c6c6c6; /* 下線の色 */
}
@media screen and (max-width: 750px) {
  #contWrap #actingList {
    margin: 40px 0 0 0;
  }
  #contWrap #actingList > section {
    margin: 30px 0 0 0;
  }
  #contWrap #actingList > section section + section {
    margin: 60px 0 0 0;
  }
}
/* バナーリスト */
#contWrap #topics {
  margin: 0;
  padding: 0;
}
#contWrap #topics {
    width: 96.55172413793103%;
    padding: 80px 0 0 0;
    margin: 0 auto;
    text-align: center;
}
#contWrap #topics a {
  margin: 0 10px 10px 10px;
  padding: 0;
  width: calc(49% - 20px);
}
@media screen and (max-width: 750px) {
  #contWrap #topics {
    padding: 30px 0 0 0;
  }
  #contWrap #topics a {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
  }
}

/* ボタン */
#contWrap .btnBox {
  margin: 60px 0 0 0;
  padding: 0 2.586206896551724%;
}
#contWrap .btnBox p {
  margin: 0;
  padding: 0;
}
#contWrap .btn-gradient {
  display: inline-block;
  margin: 0;
  padding: 12px 50px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #ff8b5f 0%, #FFC107 100%);
  transition: .4s;
  position: relative;
}
#contWrap .btn-gradient::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
  }
#contWrap .btn-gradient:hover {
  background-image: linear-gradient(45deg, #f76a35 0%, #FFC107 100%);
}
@media screen and (max-width: 750px) {
  #contWrap .btnBox {
    margin: 30px 0 0 0;
  }
  #contWrap .btn-gradient {
    padding: 12px 30px;
    font-size: 16px;
  }
  #contWrap .btn-gradient::after {
    right: 10px;
  }
}
/*見積依頼の方法*/
#contWrap #mitumori h3 {
  text-align: center;
  font-size: 34px;
  line-height: 50px;
  font-weight: 700;
  margin: 60px auto 40px auto;
  padding: 0;
  background: none;
  color: #353564;
}
@media screen and (max-width: 750px) {
  #contWrap #mitumori h3{
    font-size: 20px;
    margin: 30px auto 20px auto;
    padding: 0;
    line-height: 1.4;
    width: 100%;
  }
}
/*デザインデータについて*/
#contWrap #designArea * {
  margin: 0;
  padding: 0;
}
#contWrap #designArea h3 {
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  font-weight: 700;
  margin: 60px auto 40px auto;
  padding: 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: 20px;
    padding: 0;
    margin: 30px auto 20px auto;
    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;
  }
}
/*flowA-4 注文の流れ*/
.flowA-4-wrap{
  display: flex;
  justify-content: space-between;
  margin: 0 2%;
  padding: 0;
}
.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 お問合せエリア*/
.contactA-area {
  width: 100%;
  background-color:  #1C9CD5;
  padding: 0 0 44px 0;
}
.contactA-area * {
  margin: 0;
  padding: 0;
}
#contWrap .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;
  background: #1C9CD5;
}
.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;
      width: 96%;
      margin: 0 auto 20px auto;
  }
  .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 .select-products {
  margin: 40px 0 0 0;
  padding: 0;
}
#contWrap .select-products > div {
  margin: 20px 0 0 0;
  padding: 0 2.586206896551724%;
  position: relative;
}
#contWrap .select-products select {
  margin: 0;
  padding: 0 1.8181818181818181%;
  width: 100%;
  height: 50px;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media screen and (max-width: 750px) {
  #contWrap .select-products select {
    font-size: 14px;
  }
}
#contWrap select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}
/* セレクトボックスの矢印デザイン変更 */
#contWrap .select-products > div::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #959595;
  content: "";
  position: absolute;
  right: 4.545454545454546%;
  top: 22px;
  width: 0;
}
/*#ページリンク調整 lead-LL
----------------------------------*/
#contWrap #pagelink01,#contWrap #pagelink06 {
  padding: 120px 2.586206896551724% 0 2.586206896551724%;
  margin: -90px 0 0 0;
}
/*#ページリンク調整 lead-W
----------------------------------*/
#contWrap #pagelink02, #contWrap #pagelink03, #contWrap #pagelink04, #contWrap #pagelink05, #contWrap #pagelink07 {
  padding: 60px 2.586206896551724% 0 2.586206896551724%;
  margin: 0 0 0 0;
}
@media screen and (max-width: 750px) {
  #contWrap #pagelink02, #contWrap #pagelink03, #contWrap #pagelink04, #contWrap #pagelink05, #contWrap #pagelink07 {
  padding: 90px 2.586206896551724% 0 2.586206896551724%;
  margin: -30px 0 0 0;
  }
}

/*調整
----------------------------------*/
.mat60 {
	margin-top: 60px;
}